/*#region font*/
@import 'buttons.css';
@import 'fonts.css';

@font-face {
    font-family: 'IcoMoon-Free';
    src: url('../fonts/IcoMoon-Free.ttf?v1') format('truetype');
}

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?v1') format('embedded-opentype'), url('../fonts/icomoon.svg?v1') format('svg'), url('../fonts/icomoon.ttf?v1') format('truetype'), url('../fonts/icomoon.woff?v1') format('woff');
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.icon[class^="icon-"], .icon[class*=" icon-"] {
    position: relative;
    bottom: 1px;
    vertical-align: middle;
    display: inline-block;
    font-family: 'Telekom-Icon' !important;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-gift_outline:before {
    content: "\e902";
}

.icon-shop-localizer_outline:before {
    content: "\e905";
}

.icon-magazine_outline:before {
    content: "\e903";
}

.icon-comment_outline:before {
    content: "\e900";
}

.icon-creadit-card_outline:before {
    content: "\e901";
}

.icon-prepaid_outline:before {
    content: "\e904";
}

/*#endregion font*/


@font-face {
    font-family: 'teleicon-outline';
    src: url('../fonts/teleicon-outline.ttf') format('truetype'),url('../fonts/teleicon-solid.svg') format('svg'),url('../fonts/teleicon-solid.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'teleicon-solid';
    src: url('../fonts/teleicon-solid.ttf') format('truetype'),url('../fonts/teleicon-solid.eot') format('embedded-opentype'),url('../fonts/teleicon-solid.svg') format('svg'),url('../fonts/teleicon-solid.woff') format('woff');
}


/*#endregion*/

/*#region DEFAULT*/
html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    -ms-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-stroke: 0.5px transparent;
    /*background-color: #eaeaea;*/
    background-color: #f7f7f7;
    font-size: 15px;
    line-height: 1.42857143;
    color: #333 !important;
}

#ns-wrapper {
    min-height: 100%;
    position: relative;
}

#ns-header {
    background: transparent;
}

#ns-content {
    padding-bottom: 60px;
    padding-top: 54px;
}

#ns-footer {
    background: #D0D0D0;
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
}

#side-menu p {
    margin: 0;
}

a {
    color: #467bab;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

    a:hover {
        color: #467bab;
        text-decoration: underline;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }


    a, a:focus {
        color: #00a0de;
    }

        a:hover, a:focus, a:active {
            color: #00a0de;
        }

hr {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    border-top: 1px solid #aaa;
}

img {
    max-width: 100%;
    width: auto;
    height: auto;
}

h1, .h1 {
    font-size: 22px;
    color: white;
    margin-top: 5px;
    font-family: tele-groteskhalregular;
    text-transform: uppercase;
}

h2, .h2 {
    margin-top: 0;
}

h4, .h4 {
    font-size: 26px;
    color: #e20074;
    font-family: tele-groteskhalregular;
}

h5, .h5 {
    font-size: 25px;
    color: #e20074;
}

h6, .h6 {
    color: #e20074;
    font-family: tele-groteskhalregular;
    margin: 0;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 10px;
    margin-top: 16px;
}

b, strong {
    font-weight: normal;
    font-family: 'tele-groteskfetregular';
}

p.small {
    font-size: 90% !important;
}

blockquote {
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    font-style: italic;
    margin: 20px 0;
    display: block;
    padding: 0 0 0 60px;
    position: relative;
    text-align: center;
    border-left: 5px none #eeeeee;
}

.blockquote {
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    font-style: italic;
    margin: 20px 0;
    display: block;
    padding: 0 0 0 0;
    position: relative;
    text-align: center;
    border-left: 5px none #eeeeee;
}

p.small {
    font-size: 85%;
}

.p0 {
    padding-left: 0;
    padding-right: 0;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.m0 {
    margin: 0 !important;
}

.mb-10 {
    margin-bottom: 10px;
}

.pl0 {
    padding-left: 0 !important;
}

.p5 {
    padding-left: 5px;
    padding-right: 5px;
}

.pr7 {
    padding-right: 7px;
}

.pl7 {
    padding-left: 7px;
}

.mt-20 {
    margin-top: 20px;
}
/*#endregion*/

/*#region SCROLLBAR*/
::-webkit-scrollbar {
    width: 10px; /* for vertical scrollbars */
    height: 10px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track {
    background: #ddd;
}

::-webkit-scrollbar-thumb {
    background: #bbb;
}

scrollbar {
    /*  clear useragent default style*/
    -moz-appearance: none !important;
}
/* buttons at two ends */
scrollbarbutton {
    -moz-appearance: none !important;
}
/* the sliding part*/
thumb {
    -moz-appearance: none !important;
}

scrollcorner {
    -moz-appearance: none !important;
    resize: both;
}
/* vertical or horizontal */
scrollbar[orient="vertical"] {
    color: silver;
}
/*#endregion*/

/*#region CUSTOM*/
.text-center {
    text-align: center;
}

table {
    background-color: #fff;
}

    table img {
        width: auto;
        max-width: 100%;
    }

@media (min-width:1200px) {

    .container {
        width: 1000px;
    }

    .table-responsive {
        width: 100%;
        overflow-x: auto;
    }

    .business-new-table-button .table-responsive.businessTableSoMagentaKolona {
        width: 100%;
        overflow-x: initial;
    }

    #left-wrapper, #right-wrapper {
        width: 21%;
    }

    /*   #middle-wrapper {
        width: 58%;
    }*/
}

@media (min-width:768px) and (max-width:991px) {
    .white-box.publications img {
        width: 100%;
    }

    .p5 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .pr7 {
        padding-right: 15px;
        padding-left: 15px;
    }

    .pl7 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .main-menu .navbar-nav > li {
        max-width: 100px;
    }
}

@media (max-width:767px) {
    .business_call .business-call-tabs ul li.active,
    .business_call .business-call-tabs ul li {
        transform: skewX( 0deg ) !important;
    }

        .business_call .business-call-tabs ul li a {
            text-align: center;
            line-height: 1.2;
            transform: skewX(0deg) !important;
        }

        .business_call .business-call-tabs ul li.active a {
            transform: skewX(0deg) !important;
        }

    div.banner-proslavuvame {
        height: 70px !important;
        background-position: bottom left 30%;
    }

    #mag1BusinessServices .uslugi-office365-accordion .magenta-ec-online-prostor {
        right: 0 !important;
    }


    .dc-active {
        color: #fff;
        background: #666;
    }

    .p5 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .pr7, .pl0, .pr0 {
        padding-right: 15px !important;
        padding-left: 15px;
    }

    .pl7 {
        padding-right: 15px;
        padding-left: 15px;
    }

    .white-box.publications img {
        width: 100%;
    }
}

#ns-header > .container, #ns-footer > .container {
    padding-left: 0;
    padding-right: 0;
}

.transition {
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
/*#region TopBar*/

#top-bar:before, #top-bar:after, #tools:before, #tools:after, #header:before, #header:after, #top-bar-left:before, #top-bar-left:after {
    content: '';
    display: table;
    clear: both;
}

#top-bar .mini-menu, #top-bar-left .mini-menu {
    float: left;
}

#tools .mini-menu {
    float: right;
    padding-right: 5px;
    padding-top: 10px;
    margin-right: 0;
}

.contact {
    float: right;
    color: rgba(255, 255, 255, .85);
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px 25px 10px 10px;
    display: block;
}

#top-bar-left .mini-menu {
    margin-bottom: 0;
    /*padding-top: 10px;*/
    padding-top: 0;
    margin-right: 55px;
}

#top-bar .mini-menu {
    /*margin-right: 90px;*/
    margin-bottom: 0;
}

#tools .mini-menu select {
    border: none;
    background-color: transparent;
    outline: none;
    font-size: 13px;
    color: #999;
}

#top-bar .mini-menu li, #top-bar-left .mini-menu li {
    display: inline;
    float: left;
    text-transform: uppercase;
    color: #BDBDBD;
    font-size: 12px;
    /*padding: 2px 5px;
    border-right: 1px solid #c2c2c2;*/
    padding: 3px 5px;
    border-right: none;
    /*font-family: tele-groteskfetregular;*/
}

#top-bar .mini-menu.hidden-xs, #top-bar-left .mini-menu.hidden-xs {
    padding-top: 10px;
}


@media (max-width:767px) {

    .top-webshop-control {
        display: none;
    }

    .cart {
        width: 50px;
        float: right;
        position: fixed;
        top: 0;
        left: auto;
        /*right: 2px;*/
        right: 0;
        z-index: 1000;
    }

    #top {
        position: fixed;
        top: 0;
        left: 0;
        right: 50px;
        z-index: 1000;
        background-color: #F7F7F7;
    }

    #top-bar, #top-bar-left {
        padding-right: 0;
    }

    .mini-menu.pull-right > li + li + li + li {
        border: none;
        border-right: none !important;
    }

    .product-home-img .top-left-catcher {
        width: 70px !important;
    }

    .product-home-img .top-right-catcher {
        width: 70px !important;
    }
}

@media (max-width:767px) {
    .mini-menu select {
        border: none;
        background-color: transparent;
        outline: none;
        padding-left: 5px;
        width: 100px;
        height: 34px;
    }

    .plati-online-icon {
        margin-top: 0;
    }

    .mini-menu.pull-right {
        min-width: inherit;
        /*padding: 4px 0;*/
        padding: 0;
    }

    .mini-menu {
        padding: 0;
        float: inherit;
        margin: 0;
    }

    #top-bar .mini-menu.pull-right, #top-bar-left .mini-menu.pull-right {
        float: right !important;
        margin: 0;
        /**/
        right: 0;
        position: relative;
        padding: 0;
    }

    .mini-menu.pull-right > li {
        padding: 0;
        width: 35px;
    }

        .mini-menu.pull-right > li:first-child {
            padding: 0 0;
            /*left: -5px;*/
        }

    .p0-small {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    img.m-t-user {
        margin-right: 0;
    }

    a.btn.btn-moj-telekom {
        background-color: #a7b636;
        color: white;
        width: 41px;
        padding: 0 !important;
    }

    #miniShoppingCart {
        width: 50px !important;
        background-color: #eaeaea !important;
    }
}



#top-bar-left .mini-menu {
    margin-bottom: 0;
    /*padding-top: 10px;*/
    padding-top: 0;
    margin-right: 0;
}

#ns-bottom #top-bar-left .mini-menu li a {
    position: relative;
    padding-bottom: 3px;
}



@media (min-width:992px) and (max-width:1199px) {
    #top-bar .mini-menu {
        margin-right: 95px;
        margin-bottom: 0;
    }
}

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

    #top-bar .mini-menu {
        margin-right: 130px;
    }

    .company #top-bar .mini-menu {
        margin-right: 0;
    }

    .white-border ul li {
        margin-bottom: 0px;
    }

    .mgn-business .one-t-dicklaimer {
        left: 200px;
    }
}

.mini-menu li.mg-txt {
    display: inline;
    float: left;
    text-transform: uppercase;
    color: #888888;
    font-size: 14px !important;
    padding: 2px 5px;
    border-right: 1px solid #c2c2c2; /**/
    overflow: hidden;
    width: 40px;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    /* opacity: 0.3; */
    text-transform: none !important;
}

@media (min-width:992px) {

    .mini-menu li#mg-support {
        width: 175px;
    }

    .carousel-promotion-tv .carousel-inner .item {
        display: block !important;
    }

    .carousel-promotion-tv .left.carousel-control,
    .carousel-promotion-tv .right.carousel-control {
        display: none !important;
    }

    .carousel-promotion-pc .carousel-inner .item {
        display: block !important;
    }

    .carousel-promotion-pc .left.carousel-control,
    .carousel-promotion-pc .right.carousel-control {
        display: none !important;
    }

    #carousel-promotion-phones .carousel-inner .item {
        display: block !important;
    }

    #carousel-promotion-phones .left.carousel-control,
    #carousel-promotion-phones .right.carousel-control {
        display: none !important;
    }
}



.mini-menu li#mg-support span {
    text-transform: uppercase;
    font-size: 12px;
}

.mini-menu li.mg-txt a {
    padding-left: 34px;
    height: 35px;
    vertical-align: middle;
    display: table-cell;
    width: auto;
    color: #e20074;
    text-decoration: none;
}



    .mini-menu li.mg-txt a > span {
        white-space: nowrap;
        /* opacity: 1; */
        text-decoration: none;
    }

.mini-menu li:first-child {
    padding-left: 0;
}

.mini-menu li:last-child {
    border-right: none;
}

@media (min-width: 992px) {
    .mini-menu li.mg-txt:hover {
        width: 120px;
        -moz-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        opacity: 1;
    }

    .mini-menu li.mg-txt:nth-of-type(2):hover {
    }
}


li a.support-icon {
    background-image: url("../images/support.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-color: transparent;
    background-size: 23px;
}

li a.club-icon {
    background-image: url("../images/club.png");
    background-repeat: no-repeat;
    background-position: left 2%;
    background-position: left 0 top 5px;
    background-color: transparent;
    background-size: 24px;
    padding-top: 0;
}

li a.kupi-onlajn-icon {
    background-image: url("../images/shoppingcart-one.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-color: transparent;
    background-size: 23px;
}

li a.plati-online-icon {
    background-image: url("../images/plati_ikonce.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-color: transparent;
    background-size: 23px;
}

.search {
    background-color: #f8f8f8;
    float: right;
}

.search-icon {
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #ededed;
    width: 35px;
    height: 41px;
    display: block;
    cursor: pointer;
}

.smart-tarifi-wrapper .smart-table.smart-tariff-m {
    border: 2px solid #e20074;
    box-shadow: 1px 5px 24px 0px rgba(0, 0, 0, 0.13);
}

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

    #top-bar .mini-menu {
        margin-right: 130px;
    }

    .company #top-bar .mini-menu {
        margin-right: 5px;
    }
}

.mini-menu li.mg-txt {
    display: inline;
    float: left;
    text-transform: uppercase;
    color: #888888;
    font-size: 14px !important;
    padding: 2px 5px;
    border-right: 1px solid #c2c2c2; /**/
    overflow: hidden;
    width: 40px;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    /* opacity: 0.3; */
    text-transform: none !important;
}



    .mini-menu li.mg-txt a {
        padding-left: 34px;
        height: 35px;
        vertical-align: middle;
        display: table-cell;
        width: auto;
        /* opacity: 0.3; */
        /* max-width: 170px; */
        color: #e20074;
        text-decoration: none;
    }

        .mini-menu li.mg-txt a > span {
            white-space: nowrap;
            /* opacity: 1; */
            text-decoration: none;
        }

.mini-menu li:first-child {
    padding-left: 0;
}

.mini-menu li:last-child {
    border-right: none;
}

.mini-menu li a {
    color: #888888;
    font-size: 15px;
}



#tools-private .mini-menu li a {
    padding: 8px 6px 8px 6px;
}

.mini-menu li.active a {
    color: #e20074;
}

@media (min-width: 992px) {
    .mini-menu li.mg-txt:hover {
        width: 120px;
        -moz-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        /* height: 35px; */
        opacity: 1;
    }

    .mini-menu li.mg-txt:nth-of-type(2):hover {
        width: 130px;
    }

    /*.mini-menu li.mg-txt:last-child {
        width: 120px;
    }*/
}



li a.support-icon {
    background-image: url("../images/support.png");
    background-repeat: no-repeat;
    /*background-position: left center;
    background-position: left 0 center;
    background-color: transparent;
    background-size: 23px;*/
    background-position: 6px center;
    background-color: transparent;
    background-size: initial;
}

li a.club-icon {
    background-image: url("../images/club.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-position: left 0 top 5px;
    background-color: transparent;
    background-size: 24px;
    padding-top: 0;
}

li a.kupi-onlajn-icon {
    background-image: url("../images/shoppingcart-one.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-position: left 0 center;
    background-color: transparent;
    background-size: 23px;
}

li a.plati-online-icon {
    background-image: url("../images/plati_ikonce.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-position: left 0 center;
    background-color: transparent;
    /*background-size: 23px;*/
    background-size: initial;
}


.search {
    background-color: #f8f8f8;
    float: right;
}

.search-icon {
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #ededed;
    width: 35px;
    height: 41px;
    display: block;
    cursor: pointer;
}

@media screen and (min-width:768px) {

    a.search-icon:hover .search-box {
        display: block;
        width: 210px;
        visibility: visible;
        transition: width .2 ease-in;
        -webkit-transition: width .2 ease-in;
    }
}

a.search-icon.active .search-box {
    display: block;
    width: 210px;
    visibility: visible;
    transition: width .2 ease-in;
    -webkit-transition: width .2 ease-in;
}

.moj-telekom-menu-1 {
    display: none;
}


.form-control {
    display: block;
    width: 100%;
    height: 30px;
    padding: 5px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px #efefef;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px #efefef;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.searchBtn {
    position: absolute;
    right: 17px;
    top: 18px;
    bottom: 18px;
    width: 30px;
    border: none;
    background: white;
}
/*#endregion TopBar*/

/*#region HEADER*/
#header {
    padding: 0;
    padding-bottom: 0;
}

.cont {
    /*margin-top: 20px !important;*/
    margin-top: 0;
}

.slider img {
    margin: 0 auto;
    display: block;
    width: 100%;
}

.main-menu {
    margin-top: 0;
    border-radius: 0;
    margin-bottom: 0;
}

.main-menu {
    background-color: transparent;
    border: none;
    min-height: initial;
}

.navbar-toggle, .navbar-toggle:hover, .navbar-toggle:focus {
    background-color: white !important;
    border: 0 solid transparent;
    margin-right: 1px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #e20074;
}

@media (min-width:768px) {
    .navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow {
        display: none !important;
    }
}

.navbar-nav {
    margin: 0;
}

    .navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow {
        border-top: 5px solid;
        border-right: 5px dashed transparent;
        border-bottom: 5px dashed transparent;
        border-left: 5px dashed transparent;
        float: right;
        color: #bebebe;
    }

    .navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow {
        position: static;
        margin-top: -10px;
        margin-right: -15px;
        margin-left: 0;
        display: block;
        width: 40px;
        height: 40px;
        overflow: hidden;
        vertical-align: middle;
        border-top: 0 solid;
        border-right: 0 dashed transparent;
        border-bottom: dashed transparent;
        border-left: 1px solid #F5F5F5;
        float: right;
        color: #bebebe;
        background-image: url(../images/strelka-down.png);
        background-repeat: no-repeat;
        background-position: center;
        background-color: #FCFCFC;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

        .navbar-nav .sub-arrow:hover {
            background-image: url(../images/strelka-down-white.png);
            background-repeat: no-repeat;
            background-position: center;
            background-color: #CA0068;
            border-left: 1px solid #CA0068;
            -moz-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            -webkit-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
        }


@media (max-width:767px) {

    .nav > li {
        border-bottom: 1px solid #F5F5F5;
    }

        .nav > li:hover {
            -moz-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            -webkit-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
        }

        .nav > li a:hover {
            color: #e20074 !important;
        }

    .main-menu .container > .navbar-header, .main-menu .container-fluid > .navbar-header, .main-menu .container > .navbar-collapse, .main-menu .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }

    .mini-menu {
        padding: 10px 5px;
    }

        .mini-menu li {
            font-size: 10px;
        }

    .log {
        padding-left: 0 !important;
    }

    #mainmenu.navbar-collapse {
        border-color: #e7e7e7;
        position: relative;
        z-index: 100;
        background-color: white;
    }
}

@media (min-width:768px) {

    .main-menu .navbar-nav > li > a,
    .main-menu .navbar-nav > li > span {
        color: #666;
        text-transform: uppercase;
        font-size: 13px;
        padding: 10px 15px;
        font-family: tele-groteskhalregular;
        text-align: center;
        white-space: normal;
        padding: 0;
        font-size: 13px;
        width: 100%;
        display: table;
        height: 50px;
        padding: 10px;
        line-height: 16px;
    }

        .main-menu .navbar-nav > li > a > span,
        .main-menu .navbar-nav > li > span > span {
            display: table-cell;
            vertical-align: middle;
            /**/
            width: auto;
            min-width: initial;
        }

    .main-menu .navbar-nav > li > .dropdown-menu, .main-menu .dropdown-menu {
        margin-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        padding: 0;
        border-radius: 0;
        border: 1px solid #e5e5e5;
    }

    .main-menu li a.active {
        background-color: #e20074 !important;
        color: #fff !important;
    }

    .main-menu li .active-in {
        color: black !important;
        font-size: 16px;
    }

        .main-menu li .active:hover, .main-menu li .active-in:hover {
            color: #fff !important;
        }

    .main-menu .navbar-nav > li {
        float: left;
        position: relative;
        display: table-cell;
        z-index: 50;
        margin: 0;
        vertical-align: middle;
        height: 50px;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

    .navbar-nav {
        float: right;
        margin: 0;
        display: table;
        margin: 0 0 0 auto;
        table-layout: fixed;
        padding: 0;
        list-style: none;
        position: relative;
        text-align: right;
    }

    .navbar-default .navbar-nav > li a:hover, .navbar-default .navbar-nav > li a:focus, li.open {
        color: #fff;
        background-color: #e20074 !important;
    }

    .navbar-default .navbar-nav > li:hover, .navbar-default .navbar-nav > li:focus,
    .navbar-default .navbar-nav > li.active {
        color: #fff !important;
        background-color: #e20074 !important;
    }

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a :focus,
    .navbar-default .navbar-nav > li > span:hover {
        background-color: transparent !important;
    }

    .navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow {
        display: none !important;
    }



    ul.nav.navbar-nav.sm.hp2 > li:first-child {
        background-image: url(../images/b-right.png);
        background-repeat: no-repeat;
        background-position: right;
    }
}

.main-menu-holder {
    background: white;
    height: 50px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-menu .navbar-nav > li > a > span,
    .main-menu .navbar-nav > li > span > span {
        font-size: 12px;
        width: 60px;
    }

    .main-menu .navbar-nav > li > a,
    .main-menu .navbar-nav > li > span {
        padding: 6px;
    }
}

@media (max-width: 991px) {

    #buyOnlineHome.hidden-xs {
        display: none;
    }
}

@media (max-width: 767px) {
    .main-menu-holder {
        background: white;
        height: auto;
    }

    .copy-holder {
        padding: 12px 2px;
        line-height: 15px;
        font-size: 13px;
    }

    .social-links li {
        padding: 0 5px !important;
    }

    #top-bar .mini-menu, #top-bar-left .mini-menu {
        margin-right: -20px;
    }

    .right-s {
        margin-top: 10px !important;
    }
}

.logo-holder {
    height: 50px;
}

    .logo-holder a {
        display: block;
        vertical-align: middle;
        height: 50px;
        width: 100%;
        padding: 9px;
    }

.dropdownEn ul.dropdown-menu span.close-menu-btn img {
    width: 15px;
    height: auto;
    position: absolute;
    right: 0;
    top: 25px;
    cursor: pointer;
    vertical-align: middle;
}
/*#endregion HEADER*/
/*#region Breadcrumb*/
.breadZ {
    background: #ddd;
    padding: 10px 10px;
    /*margin-bottom: 15px;*/
    min-height: 64px;
}

    .breadZ .breadcrumbs a {
        color: #767676;
        font-size: 14px;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

    .breadZ .breadcrumbs {
        color: #ccc;
    }

        .breadZ .breadcrumbs a:hover {
            color: #e20074;
            -webkit-transition: all 0.2s ease-in;
            -moz-transition: all 0.2s ease-in;
            -ms-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
        }

    .breadZ h2 {
        font-size: 19px;
        text-transform: uppercase;
        margin: 0;
        color: #e20074;
        margin-top: 5px;
    }





    .breadZ .breadcrumbs .pocetna_link {
        display: none;
    }

        .breadZ .breadcrumbs .pocetna_link svg {
            position: relative;
        }

        .breadZ .breadcrumbs .pocetna_link:hover svg path {
            fill: #e20074;
        }

        .breadZ .breadcrumbs .pocetna_link:first-of-type {
            display: inline-block;
        }

    .breadZ .breadcrumbs a.no-click {
        display: none;
    }
/*#endregion breadcrumb*/
/*#region SideMenu*/
#ns-content.one-content #sidem.collapse.in, #ns-content.one-content #sidem.collapsing, #ns-content.one-content #sidem.collapse {
    display: block;
}

/*@media (min-width:992px) {
    #ns-content.one-content #sidem.collapse.in, #ns-content.one-content #sidem.collapsing, #ns-content.one-content #sidem.collapse {
        display: block !important;
        height: inherit !important;
    }
}*/

@media (min-width:768px) and (max-width:991px) {
    #ns-content #sidem.collapse, #ns-content #sidem.collapsing {
        display: block;
    }

    #ns-content.one-content #sidem.collapse, #ns-content.one-content #sidem.collapsing {
        display: none;
    }

        #ns-content.one-content #sidem.collapse.in, #ns-content.one-content #sidem.collapsing {
            display: block;
        }
}

@media (max-width:767px) {
    #ns-content.one-content #sidem.collapse {
        display: none;
    }
}

.sidebar {
    background: white;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 1px 1px 4px #ccc;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.1);
    -moz-box-shadow: 1px 1px 4px #ccc;
    -moz-box-shadow: 1px 1px 4px rgba(0,0,0,.1);
    box-shadow: -1px 1px 0 #ccc;
    box-shadow: -1px 1px 0 rgba(0,0,0,.1);
    margin-bottom: 15px;
}

h4.left-nav-title {
    padding: 0;
    margin: 0;
    background: #fafafa;
    background: -moz-linear-gradient(top, #fafafa 0, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#fafafa), color-stop(100%,#f7f7f7));
    background: -webkit-linear-gradient(top, #fafafa 0,#f7f7f7 100%);
    background: -o-linear-gradient(top, #fafafa 0,#f7f7f7 100%);
    background: -ms-linear-gradient(top, #fafafa 0,#f7f7f7 100%);
    background: linear-gradient(to bottom, #fafafa 0,#f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f7f7f7',GradientType=0 );
}

    h4.left-nav-title a {
        margin: 0;
        font-size: 15px;
        font-weight: normal;
        color: #767676;
        padding: 10px;
        /*border-bottom: 1px solid #efefef;*/
        display: block;
    }

        h4.left-nav-title a:hover, h4.left-nav-title a:focus {
            color: #e20074;
            text-decoration: none;
        }

h3.left-nav-title {
    /*border-bottom: 1px solid #ddd;*/
    margin: 0;
    font-weight: normal;
    color: #333;
    display: block;
    font-size: 14px;
    padding: 15px 10px;
    background: #fafafa;
    text-transform: uppercase;
    background: -moz-linear-gradient(top, #fafafa 0, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#fafafa), color-stop(100%,#f7f7f7));
    background: -webkit-linear-gradient(top, #fafafa 0,#f7f7f7 100%);
    background: -o-linear-gradient(top, #fafafa 0,#f7f7f7 100%);
    background: -ms-linear-gradient(top, #fafafa 0,#f7f7f7 100%);
    background: linear-gradient(to bottom, #fafafa 0,#f7f7f7 100%);
}

    h3.left-nav-title p {
        margin: 0;
    }

h4.left-nav-title p {
    margin: 0;
}

h4.left-nav-title.strelche p {
    background-image: url(../images/side-arrow.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

h4.left-nav-title.active-title p {
    background-image: none;
}

.left-menu.inZ {
    line-height: 16px;
    margin-bottom: 0;
}

    .left-menu.inZ li a {
        padding: 8px 10px;
        display: block;
        color: #767676;
        border-bottom: 1px solid #E8E8D1;
        background: #f1f2e0;
    }

        .left-menu.inZ li a:hover, .left-menu.inZ li a:focus {
            color: #e20074;
            text-decoration: none;
        }



.left-nav-title.active-title a {
    color: white;
    background: #b9be5a;
    box-shadow: inset 0 0 10px #ccc;
    box-shadow: inset 0 0 10px rgba(0,0,0, .15);
}

    .left-nav-title.active-title a:hover {
        color: #555;
    }

.left-menu.inZ li a.active {
    background-color: #E0E2B4;
    padding-left: 20px;
    background-image: url(../images/trophies_next2.png);
    background-repeat: no-repeat;
    background-position: 10px 10px;
    color: #333;
}


/*orange*/
.orange-theme-dd .left-menu.inZ li a {
    border-bottom: 1px solid #ECDFC0;
    background: #F2EEE0;
}

.orange-theme-dd .left-nav-title.active-title a {
    background: #eda95a;
}

/*yellow*/
.yellow-theme-dd .left-menu.inZ li a {
    border-bottom: 1px solid #ECDFC0;
    background: #F2EEE0;
}

.yellow-theme-dd .left-nav-title.active-title a {
    background: #fdd167;
}

/*no-color*/
.no-color-theme-dd .left-menu.inZ li a {
    border-bottom: 1px solid #D3D3D3;
    background: #E0E0E0;
}

.no-color-theme-dd .left-nav-title.active-title a {
    background: transparent;
    color: #e20074;
    border-color: #D7D7D7;
}


.left-nav-level5 li a {
    padding-left: 30px !important;
}


.left-nav-level5 li.open2 a {
    color: #e20074;
    background-image: url(../images/trophies_next.png);
    background-repeat: no-repeat;
    background-size: 6px;
    background-position: 20px 10px;
}
/*#endregion SideMenu*/

/*#region CONTENT*/



.home h1 {
    font-weight: normal;
    color: #333;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.inner-cont h1 {
    color: #333;
}

.right-s {
    margin-top: 55px;
}
/*Boxes*/
.white-box {
    background: white;
    border: 1px solid #e9e9e9;
    box-shadow: 0 1px 3px #eee;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    padding: 20px;
}

    .white-box.publications {
        padding: 0 0 20px;
        min-height: 300px;
    }

#right-wrapper .white-box.publications {
    min-height: inherit;
}

.white-box.publications h3 {
    color: #555;
    text-transform: uppercase;
    font-size: 18px;
    margin: 0;
    padding: 0 20px;
}

.white-box.publications p {
    font-size: 16px;
    color: #555;
    padding: 0 20px 0;
}

.white-box.publications a {
    font-size: 16px;
    color: #5082af;
    text-decoration: underline !important;
    padding: 0 20px;
    display: block;
}

.white-box.publications img {
    margin-bottom: 20px;
    min-width: 100%;
}

.white-box.reports {
    padding: 20px 20px 40px 20px;
    background-image: url(../images/donation2-bg.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    min-height: 300px;
}

    .white-box.reports h3 {
        color: #555;
        text-transform: uppercase;
        font-size: 18px;
        padding: 0 0 5px;
        border-bottom: 1px dotted #e5e5e5;
        margin: 0;
    }

    .white-box.reports a, .white-box.reports.lin a, .reports-full a {
        font-size: 16px;
        color: #555;
        display: block;
        padding: 10px 20px;
        margin: 0 -20px;
    }

.reports-full a {
    padding: 10px 10px;
    margin: 0 -10px;
}

    .white-box.reports a p, .white-box.reports.lin a p, .reports-full a p {
        background-image: url(../images/home-link.png);
        background-repeat: no-repeat;
        background-position: right center;
        padding: 0;
        margin: 0;
    }

    .white-box.reports a:hover, .white-box.reports.lin a:hover, .white-box.reports.lin a:last-child:hover, .reports-full a:hover {
        background-color: #f0f0f0;
        background-color: rgba(0,0,0,.05);
        font-size: 16px;
        color: #555;
        display: block;
        padding: 10px 20px;
        margin: 0 -20px;
    }

    .reports-full a:hover {
        padding: 10px 10px;
        margin: 0 -10px;
    }

.white-box.reports.lin a:last-child {
    font-size: 16px;
    color: #5082af;
    text-decoration: underline !important;
    padding: 10px 20px;
    background-image: none;
    background-color: transparent;
    margin-top: 0;
}

.white-box.reports.lin a.front:last-child {
    font-size: 16px;
    color: #555;
    text-decoration: none !important;
}

    .white-box.reports.lin a.front:last-child:hover {
        font-size: 16px;
        color: #555;
        text-decoration: underline !important;
    }

.white-box.reports a:last-child:hover {
    font-size: 16px;
    color: #5082af;
    text-decoration: underline !important;
    padding: 0 20px;
    background-image: none;
    background-color: #eee !important;
    background-color: rgba(0,0,0,.05) !important;
    margin-top: 30px;
}


.white-box {
    margin-bottom: 15px;
}


    .white-box.blue {
        background: #eff4f9;
    }

    .white-box.green {
        background: #f3f5eb;
    }

    .white-box.blue.berz {
        background-image: url(../images/berza-bg.png);
        background-repeat: no-repeat;
        background-position: right bottom;
        background-color: #eff4f9;
    }

    .white-box.blue.iso {
        background-image: url(../images/iso-bg.png);
        background-repeat: no-repeat;
        background-position: right bottom;
        background-color: #eff4f9;
    }

    .white-box.green.imenik {
        background-image: url(../images/imenik-bg.png);
        background-repeat: no-repeat;
        background-position: right bottom;
        background-color: #f3f5eb;
    }

.right-s .white-box h3 {
    color: #555;
    text-transform: uppercase;
    font-size: 18px;
    padding: 0 0 5px;
    border-bottom: 1px solid#e5e5e5;
    margin: 0 0 15px;
}

.right-s .white-box img {
    margin-bottom: 15px;
}

.right-s .white-box p {
    background-image: url(../images/link-bullet.png);
    background-repeat: no-repeat;
    background-position: left 1px;
    padding-left: 20px;
    line-height: 16px;
    margin: 0;
}

.right-s .white-box a {
    padding-left: 20px;
    color: #467bab;
}

    .right-s .white-box a:hover {
        text-decoration: underline !important;
    }

.right-s .white-box.journalist a {
    padding: 0 0 15px;
    display: block;
    text-align: left;
}

    .right-s .white-box.journalist a span {
        vertical-align: middle;
    }

.right-s .white-box p a {
    padding-bottom: 15px;
    display: block;
    padding-left: 0;
}

    .right-s .white-box p a:hover {
        color: #467bab;
    }

.news-box .white-box:hover {
    background: #e20074;
    color: white !important;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

    .soopshtenija-box .white-box:hover .soopshtenija h4, .white-box:hover .soopshtenija a, .news-box .white-box:hover .news h4, .news-box .white-box:hover .news a, .white-box:hover .news h2 {
        color: white !important;
    }

.white-box .soopshtenija, .white-box .news {
    background-image: url(../images/home-link.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    height: 105px;
}

    .white-box.soopshtenija a {
        text-align: center;
        display: block;
        font-size: 16px;
    }

.white-box:hover .soopshtenija, .news-box .white-box:hover .news {
    background-image: url(../images/home-link-hover.png);
}

.white-box .soopshtenija h4, .white-box .news h4 {
    font-size: 19px;
}

.white-box .soopshtenija h2, .white-box .news h2 {
    font-size: 16px;
    line-height: 22px;
    color: #333;
}

.news-box a:hover {
    text-decoration: none;
}

.news-box .white-box {
    background: #f8f8f8;
    min-height: 145px;
}

    .news-box .white-box h4 {
        margin: 0;
        padding: 0;
    }

.white-box.soopshtenija {
    background-color: white;
}
/*END Boxes*/


/*News listing*/

.news-intro {
    margin-bottom: 10px;
    box-shadow: 0 1px 3px #eee;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
}

    .news-intro a:hover {
        text-decoration: none;
    }

.inner-cont .news-intro .news-intro-title {
    padding: 10px 12px;
    background: #fff;
}

.inner-cont .news-intro h2 {
    background-image: url(../images/home-link.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    text-transform: none;
    border-bottom: none;
    margin: 0;
    padding: 5px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.inner-cont .news-intro:hover h2 {
    color: #e20074;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.blue-theme .inner-cont .news-intro:hover h2 {
    color: #467bab;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.transparent {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 none transparent !important;
    padding: 0 !important;
}

.inner-cont .news-intro h4 {
    background: #f8f8f8;
    padding: 10px 15px;
    font-size: 16px;
    margin: 0;
}
/*END News listing*/

@media (min-width:992px) {
    .news-box .col-lg-6:nth-of-type(n) {
        padding-right: 7px !important;
        padding-left: 15px !important;
    }

    .news-box .col-lg-6:nth-of-type(2n+2) {
        padding-right: 15px !important;
        padding-left: 7px !important;
    }
}

.inner-cont {
    /*margin-bottom: 15px;*/
    background: white;
    border: 1px solid #e9e9e9;
    box-shadow: 0 1px 3px #eee;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    /*padding: 20px;*/
    position: relative;
}

    .inner-cont:before, .inner-cont:after {
        content: "";
        display: block;
        clear: both;
    }

    .inner-cont h2 {
        text-transform: uppercase;
        font-size: 18px;
        color: #555;
        border-bottom: 1px dashed #D0D0D0;
        padding: 10px 0;
    }

    .inner-cont .news-intro h2 {
        font-size: 16px;
    }

    .inner-cont h3 {
        font-size: 18px;
    }


.tabela {
    border: 0 solid #ddd;
    margin-bottom: 15px;
    background: #f7f7f7;
    box-shadow: 2px 2px 2px #aaa;
}

    .tabela > tbody > tr > td, .tabela > tbody > tr > th {
        border: 0 solid #ddd;
        padding: 7px;
        line-height: 15px;
    }

table td + td, table th + th {
    background: #ededed;
}

    table td + td + td, table th + th + th {
        background: #e3e3e3;
        border: 0 none transparent !important;
    }

.tabela tr:first-child, .tabela tr:first-child th {
    font-weight: normal !important;
    padding: 15px 7px;
    border-bottom: 1px solid #b0c5d6;
}

table.kelijaRamka {
    border: 5px solid white;
}

    table.kelijaRamka .text10 {
        padding: 10px;
    }

table.kelijaRamkaLevoDesno {
    margin-bottom: 10px;
}

.contactc {
    font-size: 18px;
    color: #777777;
    font-family: 'tele-groteskhalregular', arial;
    padding-top: 10px;
    background-image: url(../images/kc.png);
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 37px;
}

@media (max-width:767px) {

    .contactc {
        font-size: 14px;
        line-height: 16px;
    }
}

#ns-footer .social-links a {
    color: white;
    text-decoration: none;
    display: inline;
    white-space: nowrap;
}

    #ns-footer .social-links a:hover {
        color: white;
        text-decoration: none;
    }

    #ns-footer .social-links a img {
        padding-right: 10px;
        display: inline;
        height: 50px;
    }

#ns-footer .social-links a {
    color: white;
    text-decoration: none;
    display: table-cell;
    white-space: nowrap;
}

.social-links {
    margin: 0;
    float: right;
    padding-top: 0;
}

    .social-links li {
        display: table-cell;
        cursor: pointer;
        padding: 0 20px;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

        .social-links li:hover {
            background: #bbb;
        }

.copy-holder {
    padding: 14px 0;
}

.box-solo {
    border-bottom: 0 solid #e5e5e5 !important;
    margin: 0 !important;
    padding: 0 !important;
}

    .box-solo a {
        padding-left: 0 !important;
        color: inherit !important;
    }

/*Sednici*/
.inner-cont ul.sednici li {
    background-color: white;
    padding: 0;
    margin-left: 0;
    font-size: 15px;
    font-family: tele-groteskhalregular !important;
    box-shadow: 0 2px 3px #bbb;
    box-shadow: 0 2px 3px rgba(0,0,0,.2);
    margin-bottom: 4px;
    background-image: url(../images/link-profile.gif);
    background-position: 97% center;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    background-repeat: no-repeat;
}

    .inner-cont ul.sednici li strong {
        color: #e20074;
        background: #f8f8f8;
        padding: 17px;
        display: inline-block;
        float: left;
        width: auto;
    }

    .inner-cont ul.sednici li a {
        padding: 15px 10px;
        white-space: nowrap;
        display: inline-block;
        float: left;
        width: 65%;
        text-overflow: ellipsis;
        overflow: hidden;
    }

@media (max-width:479px) {
    .inner-cont ul.sednici li a {
        width: 50%;
    }
}

.news-intro-sednici {
    position: relative;
    height: 280px;
    margin: 20px 0 20px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    border-bottom: 1px solid #d6d6d6;
    padding: 0 0 30px 0;
}

    .news-intro-sednici.informacii {
        display: block;
        height: 150px;
    }

        .news-intro-sednici.informacii .news-intro-title {
            width: 100%;
        }

    .news-intro-sednici h2 {
        color: black;
        background: transparent;
        display: block;
        float: none;
        width: auto !important;
        margin: 0;
        font-size: 17px !important;
        font-weight: normal;
        top: 0px;
        position: absolute;
        left: 0;
        padding: 0 25px 0 0 !important;
        letter-spacing: .5px;
    }

    .news-intro-sednici .news-intro-title {
        position: relative;
        width: 65%;
        display: inline;
        float: left;
        padding-right: 50px;
        height: 100%;
    }

        .news-intro-sednici .news-intro-title h4 {
            margin-top: 20px;
            font-size: 20px;
            line-height: 1.2;
            font-family: 'teleNeo-bold' !important;
            color: #202020;
        }

        .news-intro-sednici .news-intro-title p {
            font-size: 17px;
            line-height: 1.2;
        }

.wrapper-sednici.informacii .news-intro-title .more {
    bottom: 0;
}

.news-intro-sednici .news-intro-title .more {
    position: absolute;
    bottom: 25px;
    font-size: 18px;
    color: #007FAF;
    font-family: teleNeo-regular !important;
}

    .news-intro-sednici .news-intro-title .more a {
        position: relative;
        padding-left: 20px;
        font-size: 19px;
        transition: all ease-in .3s;
        -webkit-transition: all ease-in .3s;
    }

        .news-intro-sednici .news-intro-title .more a:hover {
            text-decoration: none;
            transition: all ease-in .3s;
            -webkit-transition: all ease-in .3s;
            transform: scaleX(1);
        }

        .news-intro-sednici .news-intro-title .more a:focus,
        .news-intro-sednici .news-intro-title .more a:visited {
            text-decoration: none;
        }

        .news-intro-sednici .news-intro-title .more a:before {
            content: '%';
            position: absolute;
            font-family: 'teleIcon-outline' !important;
            left: 0;
            transform: rotate( 180deg);
            font-size: 22px;
            top: -4px;
            display: block;
            transition: all ease-in .3s;
            -webkit-transition: all ease-in .3s;
        }

        .news-intro-sednici .news-intro-title .more a:after {
            display: block;
            content: '';
            border-bottom: 1px solid #019fb6;
            transform: scaleX(0);
            transition: transform 250ms ease-in-out;
        }

        .news-intro-sednici .news-intro-title .more a:hover:after {
            transform-origin: 50% 50%;
            transform: scale(1);
        }

.news-intro-sednici h2 {
    padding: 0;
    /*    white-space: nowrap;
    text-overflow: ellipsis;*/
    width: 100%;
    /*overflow: hidden;*/
    border-bottom: none #D0D0D0;
    text-transform: none;
    font-size: 18px;
    line-height: 1.2;
}


.news-images {
    position: relative;
    width: 35%;
    display: inline;
    float: left;
    height: 100%;
}

    .news-images img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

/*#region investitor relations sednici fix*/
div#ns-content.companyContent .wrapper-sednici .news-intro-sednici {
    min-height: 370px;
}

    div#ns-content.companyContent .wrapper-sednici .news-intro-sednici h4 {
        min-height: 140px;
    }

    div#ns-content.companyContent .wrapper-sednici .news-intro-sednici p {
        margin-bottom: 20px;
        text-overflow: ellipsis;
        padding-bottom: 3px;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
/*#endregion investitor relations sednici fix*/
/*END Sednici*/

/*#endregion CONTENT*/
/*#endregion*/
/*Home page v2*/
/* Slider */
.slider-naslovna2 {
    margin: 10px 0;
}

.carousel-indicators li {
    background-color: transparent;
    border: none;
    border-radius: 0;
    /* display: block; */
    width: 22px;
    height: 19px;
    background: url(../images/bullets.png) no-repeat;
    /* cursor: pointer; */
    /* background-position: 0 -21px; */
}

.carousel-indicators.naslovna2 li {
    width: 17px;
    height: 17px;
    background-image: url(../images/carousel-bullet.png);
    background-repeat: no-repeat;
    margin-right: 5px;
}

.carousel-indicators .active {
    width: 22px;
    height: 20px;
    /* background-image: url(../images/bullets.png)!important;*/
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 0 -21px;
}

/* fade on slider */
.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1 !important;
}

    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1;
    }

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

.home-content-holder {
    position: relative;
    padding: 0;
    overflow: hidden;
}

.txt-dec-none, .txt-dec-none:hover {
    text-decoration: none !important;
    font-size: 16px;
    padding-top: 0;
    font-weight: normal;
    text-transform: uppercase;
}

h4 {
    display: block;
    font-family: 'tele-groteskfetregular';
    font-size: 18px;
    color: #3d3d3d;
    line-height: 110%;
    font-weight: normal;
    margin-bottom: 15px;
    padding-top: 15px;
}

.home-icon-wrapper p {
    max-width: 300px;
    margin: 0 auto 20px;
}

a.home-icon-wrapper {
    color: #333 !important;
}

    a.home-icon-wrapper:hover {
        color: #e20074 !important;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

.home-boxes-container p {
    font-size: 15px;
    font-family: tele-groteskhalregular;
    text-decoration: none;
    line-height: 14px;
    line-height: 1;
    margin: 0 auto;
    padding-bottom: 20px;
    padding-top: 5px;
    min-height: 41px;
}

.icon-land {
    display: block;
    margin: 20px auto 0;
    width: 112px;
    height: 112px;
    background-position: center;
    background-repeat: no-repeat;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

    .icon-land.smartPlusPaketiP {
        background-image: url(../img/piktogrami/i1.png);
    }


.home-icon-wrapper:hover .icon-land.smartPlusPaketiP {
    background-image: url(../img/piktogrami/i1h.png);
    background-position: center 8px;
}


.icon-land.internetOpcijeP {
    background-image: url(../img/piktogrami/i2.png);
}


.home-icon-wrapper:hover .icon-land.internetOpcijeP {
    background-image: url(../img/piktogrami/i2h.png);
    background-position: center 8px;
}


.icon-land.mojSvetP {
    background-image: url(../img/piktogrami/i3.png);
}

.home-icon-wrapper:hover .icon-land.mojSvetP {
    background-image: url(../img/piktogrami/i3h.png);
    background-position: center 7px;
}


.icon-land.mojaOpcijaP {
    background-image: url(../img/piktogrami/i4.png);
}

.home-icon-wrapper:hover .icon-land.mojaOpcijaP {
    background-image: url(../img/piktogrami/i4h.png);
    background-position: center 4px;
}

.home-icon-wrapper {
    text-align: center;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

    .home-icon-wrapper:hover {
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        text-decoration: none;
    }

.brgrad-top-to-bottom {
    border-width: 0 1px 0 0;
    border-style: solid;
    -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(207, 207, 207)), to(rgba(207, 207, 207, 0))) 1 100%;
    -webkit-border-image: -webkit-linear-gradient(rgb(207, 207, 207), rgba(207, 207, 207, 0)) 1 100%;
    -moz-border-image: -moz-linear-gradient(rgb(207, 207, 207), rgba(207, 207, 207, 0)) 1 100%;
    -o-border-image: -o-linear-gradient(rgb(207, 207, 207), rgba(207, 207, 207, 0)) 1 100%;
    border-image: linear-gradient(to bottom, rgb(207, 207, 207), rgba(207, 207, 207, 0)) 1 100%;
    border-top: 0;
    border-left: 0;
    border-bottom: 0;
    border-right: 1px solid #cfcfcf\9;
}

@media (max-width: 767px) {
    .brgrad-top-to-bottom {
        padding: 15px 0 0 0;
        border-width: 0 0 1px 0;
        border-image: none;
        border-bottom: 1px solid #D0D0D0;
    }
}

/**/

.filter-ic {
    display: table-cell;
    width: 20%;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
}

    .filter-ic.presentbox {
        background-image: url('../img/ic_presentbox.png');
    }

    .filter-ic.pricetag {
        background-image: url('../img/ic_pricetag.png');
    }

    .filter-ic.device-mobile {
        background-image: url('../img/ic_device_mobile.png');
    }

    .filter-ic.device-tablet {
        background-image: url('../img/ic_device_tablet.png');
    }

    .filter-ic.device-phone {
        background-image: url('../img/ic_device_phone.png');
    }

    .filter-ic.device-tv {
        background-image: url('../img/ic_device_tv.png');
    }

    .filter-ic.device-laptop {
        background-image: url('../img/ic_device_laptop.png');
    }

    .filter-ic.other-devices {
        background-image: url('../img/tab_usb.png');
    }

.filter-text {
    display: table-cell;
    width: 45%;
    vertical-align: middle;
    font-size: 18px;
    text-align: center;
    font-family: tele-groteskhalregular;
    padding-top: 15px !important;
}

.filter-input {
    display: table-cell;
    width: 15%;
    vertical-align: middle;
    text-align: center;
}

    .filter-input input[type="checkbox"] {
        width: 0;
        width: 40px \9;
        height: 40px \9;
        margin-left: 0;
        margin-top: 0;
        display: block;
        visibility: hidden;
        visibility: visible \9;
    }

    .filter-input label.filter-custom {
        background-image: url('../img/checkbox-custom-unchecked.png');
        width: 25px;
        height: 25px;
        background-size: 25px;
        position: relative;
        z-index: 20;
        padding-left: 0;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        visibility: hidden\9;
    }

    .filter-input input:checked + label.filter-custom {
        background-image: url('../img/checkbox-custom-checked.png');
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

@media (max-width: 767px) {
    .filter-ic {
        background-size: 45px;
    }
}

.side-tabs {
    border-bottom: none;
    position: absolute;
    top: 50%;
    margin-top: -122px;
    z-index: 99;
}

    .side-tabs > li {
        float: none;
        margin-bottom: 1px;
        overflow: hidden;
        height: 80px;
        width: 80px;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        background-color: #DEDEDE;
    }

        .side-tabs > li.active {
            border-right: 2px solid #e20074;
            -moz-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            background-color: #fbfbfb;
        }

        .side-tabs > li:hover {
            border-right: 2px solid #e20074;
            width: 290px;
            -moz-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            background-color: #fbfbfb;
        }

        .side-tabs > li.active > a, .side-tabs > li.active > a:hover, .side-tabs > li > a:hover, .side-tabs > li.active > a:focus {
            color: #555;
            border-bottom-color: #e4e4e4;
            border-left: 0;
            background-color: #fbfbfb;
            margin: 0;
            position: relative;
        }

        .side-tabs > li > a {
            color: #cdcdcd;
            display: table;
            height: 100%;
            width: 290px;
            margin: 0;
            border-radius: 0;
            border: 1px solid #e4e4e4;
            border-left: 0;
            border-bottom-color: #e4e4e4;
            padding: 10px;
        }

            .side-tabs > li > a > .filter-ic {
                width: 60px;
                height: 60px;
            }

            .side-tabs > li > a > .filter-text {
                font-family: tele-groteskhalregular;
                text-transform: uppercase;
                font-size: 19px;
            }

    .side-tabs.nav > li {
        cursor: pointer;
        border-bottom: 1px none #666;
    }


.carousel-mobilna.carousel-mobilna-one .carousel-control.left {
    left: 10%;
}

.carousel-mobilna.carousel-mobilna-one .carousel-control.right {
    right: 10%;
}

.carousel-mobilna .carousel-control.right img {
    right: 0;
}

.carousel-mobilna .carousel-control img {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -22px;
}

.carousel-control.left, .carousel-control.right {
    filter: none !important;
    background-repeat: repeat-x;
}

.carousel-mobilna .carousel-control {
    background-image: none;
    width: 5%;
}


@media (max-width: 479px) {
    .tabpanel .tab-content.container {
        padding-top: 100px;
    }

    .side-tabs {
        border-bottom: none;
        position: absolute;
        z-index: 30;
        top: 20px;
        width: 90%;
        margin-left: 0;
        text-align: center;
        margin-top: 0;
    }

        .side-tabs > li > a {
            width: 100%;
        }

        .side-tabs > li:hover, .side-tabs > li.active {
            width: 32%;
            border-right: none;
        }

        .side-tabs > li > a > .filter-ic {
            width: 100%;
            height: 45px;
            left: 0;
            right: 0;
            position: absolute;
        }

        .side-tabs > li {
            display: inline-block;
            width: 32%;
            height: 60px;
        }

            .side-tabs > li > a .filter-text {
                display: none;
            }
}

/**/

.ponuda-na-uredi {
    padding-bottom: 30px;
    background-color: #FFFFFF;
    margin-bottom: 10px;
    padding-top: 30px;
}

h1.ponuda-na-uredi {
    font-size: 20pt;
    color: #5e5e5e;
    padding: 20px 0;
}

.tab-cont-ponuda {
    padding: 0 125px;
}


@media (max-width:991px) {

    .tab-cont-ponuda {
        padding: 0;
    }
}


@media (max-width: 479px) {
    .tab-cont-ponuda {
        padding-top: 50px;
    }
}



.headline-ult.txt-lg.mt10.mb5 {
    color: #000000;
    text-transform: uppercase;
    min-height: 50px;
    line-height: 20px;
    padding-top: 10px;
}

.phone-box {
    text-align: center;
    padding: 30px;
    background-color: transparent;
    box-shadow: none;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

    .phone-box img {
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

    .phone-box img {
        max-height: 250px;
        max-width: 100%;
    }

    .phone-box:hover img {
        margin-top: -10px;
        margin-bottom: 10px;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

.br-graylight {
    border-right: 1px solid #F1F1F1;
}

@media (max-width:991px) {

    .br-graylight {
        border-right: none;
    }
}

.phone-box:hover {
    background-color: #f4f4f4;
    box-shadow: 1px 1px 4px #ccc;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    cursor: default;
}

.tab-pane-sliderNaslovna .carousel-promotion-tv.carousel-promotion-tv-homepage .product-home-img {
    max-width: 100%;
}


@media (min-width: 768px) {
    .mob-img img {
        height: auto;
        max-height: 285px;
        max-width: 200px;
    }

    .tv-img img {
        height: auto;
        max-height: 285px;
        max-width: 189px;
        margin: 0 auto;
    }

    .tab-pane-sliderNaslovna .tv-img img {
        max-width: 100%;
    }
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-grey {
    padding: 7px 20px;
    min-width: 150px;
    color: #535353;
    border-radius: 3px;
    background: #eeeeee;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #F5F5F5 0, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#F5F5F5), color-stop(100%,#eeeeee));
    background: -webkit-linear-gradient(top, #F5F5F5 0,#eeeeee 100%);
    background: -o-linear-gradient(top, #F5F5F5 0,#eeeeee 100%);
    background: -ms-linear-gradient(top, #F5F5F5 0,#eeeeee 100%);
    background: linear-gradient(to bottom, #F5F5F5 0,#eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#eeeeee',GradientType=0 );
    -webkit-box-shadow: inset 0 -3px 0 #999;
    -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 -3px 0 #999;
    -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.3);
    box-shadow: inset 0 -3px 0 #999;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.3);
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border-bottom: 3px solid #bfbfbf\9;
    font-size: 18px;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    font-family: tele-groteskhalregular;
    transition: all 0.2s ease-in;
}


.phone-box .btn-grey {
    bottom: 20px;
    padding: 10px;
    filter: none;
    color: #333;
    -moz-box-shadow: 0 3px 0 0 #bfbfbf;
    -moz-box-shadow: 0 3px 0 0 rgba(191,191,191,1);
    box-shadow: inset 0 -2px 0 #000000;
    box-shadow: inset 0 -2px 0 rgba(0,0,0,.3);
    max-width: 160px;
    margin: 0 auto;
    background: #D8D8D8;
    background: -moz-linear-gradient(top, #D8D8D8 0, #C3C3C3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#D8D8D8), color-stop(100%,#C3C3C3));
    background: -webkit-linear-gradient(top, #D8D8D8 0,#C3C3C3 100%);
    background: -o-linear-gradient(top, #D8D8D8 0,#C3C3C3 100%);
    background: -ms-linear-gradient(top, #D8D8D8 0,#C3C3C3 100%);
    background: linear-gradient(to bottom, #D8D8D8 0,#D4D4D4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D8D8D8', endColorstr='#C3C3C3',GradientType=0 );
}

    .phone-box .btn-grey:hover {
        background: #C3C3C3 !important;
        transition: none;
    }

.btn-magen {
    font-size: 18px;
    padding: 5px 20px;
    filter: none;
    color: #fff;
    -moz-box-shadow: 0 3px 0 0 #bfbfbf;
    -moz-box-shadow: 0 3px 0 0 rgba(191,191,191,1);
    box-shadow: inset 0 -2px 0 #000000;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.3);
    max-width: 160px;
    margin: 0 auto;
    background: #e20074;
}

    .btn-magen:hover {
        background: #c7096b;
        text-decoration: none;
        color: white;
    }


.product-home-img .table-img {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}

.product-home-img {
    height: 285px;
    width: 100%;
    display: table;
}

h4.phone-name {
    font-size: 20px;
    color: #040404;
    margin: 5px 0 5px 0;
    text-transform: uppercase;
    min-height: 60px;
}


p.hal.c_magenta.txt-lg {
    font-size: 30px;
    color: #e20074;
    min-height: 35px;
}


p.txt-cena-naslovna {
    line-height: 1;
}

.mb5 {
    margin-bottom: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.dopolni-pripejd-kredit {
    padding: 20px;
    background-color: #D8D8D8;
}

.dopolni-kredit-form {
    margin: 30px 0;
}

h2.dopolni-kredit, h2.brzi-linkovi {
    font-size: 24px;
    text-transform: uppercase;
    color: #222;
}

h2.dopolni-kredit {
    margin-bottom: 0;
}

.top-link span {
    color: #606060;
    position: absolute;
    bottom: 6px;
    right: 2px;
    font-size: 10px;
}

.brzi-linkovi-container {
    padding: 20px 30px 0 30px;
}

@media (max-width:991px) {

    .brzi-linkovi-container {
        padding: 20px 25px;
    }

    .dopolni-pripejd-kredit {
        padding: 15px;
    }

        .dopolni-pripejd-kredit iframe {
            height: 370px;
        }
}

@media (min-width: 397px) and (max-width:767px) {
    .dopolni-pripejd-kredit iframe {
        height: 280px;
    }
}

.top-link h4 {
    color: #5e5e5e;
    margin-top: 5px;
    margin-bottom: 0;
    font-family: 'tele-groteskfetregular';
}

.top-link h4, .top-link p {
    font-size: 17px;
}

.brzi-linkovi-container p {
    font-size: 16px;
    margin-bottom: 7px;
}

.top-link p {
    color: #606060;
    margin-bottom: 5px;
    padding-right: 12px;
}

.top-link {
    display: block;
    border-bottom: 1px dotted #9f9a9a;
    position: relative;
}

    .top-link:hover {
        cursor: pointer;
        text-decoration: none;
    }

        .top-link:hover h4, .top-link:hover span {
            color: #e20074;
            -moz-transition: all 0.2s ease-out;
            -o-transition: all 0.2s ease-out;
            -webkit-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;
        }

/**/

.magen-holder {
    display: block;
    visibility: hidden;
    opacity: 0;
}

.magen-holder {
    right: 0;
    position: absolute;
    padding: 0;
    list-style: none;
    border-radius: 1px;
    z-index: 99999;
    background: #d2d2d2;
    background: rgba(210,210,210,.9);
    background: #bbb;
    width: 450px;
    margin-top: 0;
    padding: 20px 20px 20px 20px;
    top: 100%;
}

/**/

.magenta-btn {
    color: #fff;
    background: #e20074;
    background: -moz-linear-gradient(top, #e20074 0, #d5006d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#e20074), color-stop(100%,#d5006d));
    background: -webkit-linear-gradient(top, #e20074 0,#d5006d 100%);
    background: -o-linear-gradient(top, #e20074 0,#d5006d 100%);
    background: -ms-linear-gradient(top, #e20074 0,#d5006d 100%);
    background: linear-gradient(to bottom, #e20074 0,#d5006d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e20074', endColorstr='#d5006d',GradientType=0 );
}

    .magenta-btn:hover, .magenta-btn:focus {
        background: #c7096b;
        text-decoration: none;
        color: white;
    }

.dopolni-btn {
    padding: 8px 30px;
    font-family: 'tele-groteskfetregular';
    font-size: 16px;
}

input.dopolni-input {
    height: 35px;
}

.mgn-color {
    color: #e20074;
}


.pounuda-naslov {
    color: #2b2b2b;
    text-transform: uppercase;
    min-height: 50px;
    line-height: 24px;
    padding-top: 5px;
}

li.m-t ul {
    display: none;
}

li:hover.m-t ul {
    display: block;
    position: absolute;
    width: 450px;
    background: #eee;
    right: 0;
    height: auto;
    top: 100%;
    z-index: 2;
    text-align: left;
    padding: 20px;
}

.bledosivabg {
    background-color: #ECECEC;
}

.whitebg {
    background-color: #FFFFFF;
}

.ptb15 {
    padding-top: 15px;
    padding-bottom: 15px;
}


.mb10 {
    margin-bottom: 10px;
}

/*End- Home page v2*/

/*Korisnicka Poddrska*/

.korisnicka-poddrska {
    width: 100%;
    height: auto;
    position: relative;
    background-image: url('../images/korisnicka-poddrska/korisnicka-poddrska-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px;
}


.kor-poddr-form-container {
    margin-top: 60px;
}


h1.kor-poddr-title {
    text-align: center;
    background-color: #64b9e4;
    padding: 12px;
    margin: 0;
}

select.form-control.kor-poddr-select {
    height: 35px;
    margin-bottom: 15px;
}

button.btn.btn-default.prebaruvanje {
    color: #fff;
    background: #e20074;
    background: -moz-linear-gradient(top, #e20074 0, #d5006d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#e20074), color-stop(100%,#d5006d));
    background: -webkit-linear-gradient(top, #e20074 0,#d5006d 100%);
    background: -o-linear-gradient(top, #e20074 0,#d5006d 100%);
    background: -ms-linear-gradient(top, #e20074 0,#d5006d 100%);
    background: linear-gradient(to bottom, #e20074 0,#d5006d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e20074', endColorstr='#d5006d',GradientType=0 );
    font-family: 'tele-groteskfetregular';
    padding: 6px 26px;
}

input.form-control.kor-poddr-input, button.btn.btn-default.prebaruvanje, select.form-control.kor-poddr-select {
    border-radius: 0;
}

.mrez-pokr {
    background-image: url('../images/korisnicka-poddrska/mrez-pokr-icon.png');
    background-position: right bottom;
    background-repeat: no-repeat;
}

input.form-control.kor-poddr-input {
    height: 34px;
}

button.btn.btn-default.s-button {
    height: 34px;
    border-radius: 0;
    background-color: #ededed;
    border: 1px solid #CCC;
}

/***/

.image-title h2 {
    font-size: 18px;
    color: #fff;
    display: inline-block;
}

.image-title {
    background-color: #555;
    background-color: rgba(0, 0, 0, 0.55);
    z-index: 999;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px;
    margin-bottom: 0;
}

.panel-body.kor-poddr {
    background: #f0f0f0; /* Old browsers */
    background: -moz-linear-gradient(top, #f0f0f0 0, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#f0f0f0), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f0f0f0 0,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f0f0f0 0,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f0f0f0 0,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f0f0f0 0,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


    .panel-body.kor-poddr.panel1, .panel-body.kor-poddr.panel2 {
        padding: 10px 30px;
    }

.panel-heading .kor-poddr-toggle:before {
    display: block;
    padding-top: 0;
    margin-right: 15px;
    padding-right: 10px;
    color: #f31e8b;
    font-size: 30px;
    font-family: "Ionicons";
    content: "\f3d0";
    border-right: 1px solid #c1c1c1;
    float: left;
}

.panel-heading .kor-poddr-toggle.collapsed:before {
    content: "\f3d8";
}

h4.panel-title.kor-poddr {
    font-family: 'tele-groteskfetregular';
    font-size: 15pt;
}

    h4.panel-title.kor-poddr > a.kor-poddr-toggle {
        color: #f31e8b;
        text-decoration: none;
    }

        h4.panel-title.kor-poddr > a.kor-poddr-toggle.collapsed {
            color: #424242;
            text-decoration: none;
        }

    h4.panel-title.kor-poddr > a:hover.kor-poddr-toggle.collapsed, h4.panel-title.kor-poddr > a:focus.kor-poddr-toggle.collapsed {
        text-decoration: none;
        color: #f31e8b;
    }

h4.panel-title.kor-poddr {
    padding: 0;
    text-transform: uppercase;
}

.panel-heading {
    padding: 15px 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-body.kor-poddr.panel1 > ul li, .panel-body.kor-poddr.panel2 > ul li {
    padding: 10px;
    border-bottom: 1px solid #9c9c9c;
}

    .panel-body.kor-poddr.panel1 > ul li a, .panel-body.kor-poddr.panel2 > ul li a {
        color: #232323;
        text-decoration: none;
    }

        .panel-body.kor-poddr.panel1 > ul li a:hover, .panel-body.kor-poddr.panel1 > ul li a:focus, .panel-body.kor-poddr.panel2 > ul li a:hover, .panel-body.kor-poddr.panel2 > ul li a:focus {
            color: #f31e8b;
            text-decoration: none;
        }

.kor-poddr-dopolni-smetka {
    position: relative;
    background-color: #fff;
    overflow: auto;
}



.dopolni-smetka-form {
    overflow: auto;
    padding: 28px 30px;
}

.kor-poddr-dopolni-smetka-img {
    position: relative;
}


    .kor-poddr-dopolni-smetka-img > h2 {
        text-transform: uppercase;
        position: absolute;
        top: 0;
        padding: 20px;
        font-size: 15pt;
        font-family: 'tele-groteskfetregular';
    }

.kor-poddr-t-d {
    position: relative;
}


    .kor-poddr-t-d.map-cont {
        background-color: #e20074;
        overflow: hidden;
        height: 235px;
    }

        .kor-poddr-t-d.map-cont img.kor-poddr-map {
            transition: all .2s ease-in-out;
        }

        .kor-poddr-t-d.map-cont:hover img.kor-poddr-map {
            cursor: pointer;
            background-color: #68B7E4;
            -webkit-transform: scale(1.4); /* Saf3.1+, Chrome */
            -moz-transform: scale(1.4); /* FF3.5+ */
            -ms-transform: scale(1.4); /* IE9 */
            -o-transform: scale(1.4); /* Opera 10.5+ */
            transform: scale(1.4);
        }

.kor-poddr-t-d-c {
    max-width: 360px;
    height: 100%;
    position: absolute;
    width: 100%;
}

.kor-poddr-t-d-c-map {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.kor-poddr-t-d > .kor-poddr-t-d-c-map > h2 {
    text-transform: uppercase;
    top: 0;
    padding: 20px 0;
    font-size: 15pt;
    font-family: 'tele-groteskfetregular';
    color: #fff;
    border-bottom: 1px solid #eee;
    margin: 0 20px;
}

.kor-poddr-t-d > .kor-poddr-t-d-c > h2 {
    text-transform: uppercase;
    top: 0;
    padding: 20px 0;
    font-size: 15pt;
    font-family: 'tele-groteskfetregular';
    color: #fff;
    border-bottom: 1px solid #eee;
    margin: 0 20px;
}

.kor-poddr-t-d > .kor-poddr-t-d-c.s-smetki > h2 {
    text-align: center;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%); /* Saf3.1+, Chrome */
    -moz-transform: translateY(-50%); /* FF3.5+ */
    -ms-transform: translateY(-50%); /* IE9 */
    -o-transform: translateY(-50%); /* Opera 10.5+ */
    transform: translateY(-50%);
    border-bottom: 0;
}

.kor-poddr-t-d > .kor-poddr-t-d-c-map p {
    font-size: 14pt;
    color: #fff;
    padding: 10px 20px;
    line-height: 1.3;
}


.kor-poddr-t-d > .kor-poddr-t-d-c p {
    font-size: 14pt;
    color: #fff;
    padding: 10px 20px;
    line-height: 1.3;
}

.kor-poddr-t-d > .kor-poddr-t-d-c.c-centar > h2 {
    text-transform: uppercase;
    top: 0;
    padding: 20px 0;
    font-size: 15pt;
    font-family: 'tele-groteskfetregular';
    color: #E20074;
    border-bottom: 1px solid #E2E2E2;
    margin: 0 20px;
}

.kor-poddr-t-d > .kor-poddr-t-d-c.c-centar p {
    margin-top: 13px;
    font-size: 33pt;
    color: #3f3f3f;
    padding: 10px 20px;
    line-height: 0.7;
    font-family: 'tele-groteskfetregular';
}

    .kor-poddr-t-d > .kor-poddr-t-d-c.c-centar p span a {
        font-size: 11pt;
        color: #0090cf;
    }

.mb15 {
    margin-bottom: 15px;
}

.kor-poddr-i-desc {
    width: 100%;
    position: relative;
    height: auto;
}

    .kor-poddr-i-desc.sm-box {
        max-width: 360px;
    }

img.kor-podd-r-m {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.boxes-second-row {
    margin-bottom: 15px;
    min-height: 315px;
}

    .boxes-second-row a {
        color: #252525;
    }

        .boxes-second-row a:hover, .boxes-second-row a:focus {
            text-decoration: none;
            color: #f31e8b;
        }

@media (max-width:767px) {

    .boxes-second-row {
        padding: 0 15px;
    }

    .copy-holder {
        padding: 7px 0 0;
    }

    #ns-footer .social-links a img {
        padding-right: 0;
    }
}

@media (min-width:401px) and (max-width:767px) {

    .kor-poddr-third-row > .col-xs-12.sm-box {
        width: 50%;
        height: auto;
        float: left;
        position: relative;
    }
}

/* Hover  */

.hover-box {
    position: relative;
    width: 100%;
    height: auto;
}

.hover-box-container {
    background-color: #f31e8b;
    background-color: rgba(243, 30, 139, 0.85);
    left: 0;
    top: 0;
    border-radius: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: 0;
    z-index: 1000;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}

    .hover-box-container:hover {
        opacity: 1;
    }

        .hover-box-container:hover .title-hover-box {
            margin-left: 0;
        }

    .hover-box-container.fade-in .title-hover-box {
        margin-left: 0;
    }

    .hover-box-container p {
        color: #fff;
        padding: 15px;
    }

.title-hover-box {
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-left: -30px;
}

h2.title-hover-box {
    padding: 15px 15px 0 15px;
    font-family: 'tele-groteskfetregular';
    font-size: 15pt;
    text-transform: uppercase;
}

    h2.title-hover-box a {
        color: #fff;
    }

/* End Flip / Rotation */
/* End - Korisnicka Poddrska*/
/*  Search results */

.search-results-container {
    margin-top: 20px;
    background-color: #fff;
    padding: 20px;
}

p.result-ttl a {
    text-decoration: underline;
    color: #e20074 !important;
    margin-bottom: 5px !important;
    display: inline-block;
    font-size: 18px;
}

ul.search-results.with-track-small {
    border-bottom: 1px solid #e5e5e5;
}

ul.pager a {
    color: #222;
}

.pager li > a, .pager li > span {
    text-align: center;
    display: inline-block;
    padding: 5px 9px;
    border: none;
    border-radius: 0;
    height: 30px;
    width: 30px;
    background: none;
}

    .pager li.active > a, .pager li > a:hover, .pager li > a:focus {
        background-color: #E20074 !important;
        color: white !important;
    }

/*#region SUBSCRIBE BOX*/
.white-box.journalist {
    padding: 20px 20px 40px 20px;
    background-image: url(../images/subscribe-bg.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    min-height: 300px;
    background-color: #F4F9FC;
}

    .white-box.journalist h3 {
        color: #555;
        text-transform: uppercase;
        font-size: 18px;
        padding: 0 0 15px;
        border-bottom: 1px dotted #e5e5e5;
        margin: 0 0 12px;
    }

    .white-box.journalist .captcha {
        margin: 0 auto 10px;
        display: block;
        border: 1px solid #D2DFE5;
    }

.i-box.yellow {
    padding: 10px;
    border: 1px solid #F4D074;
    background-color: #f7f0cb;
    background-color: rgba(247, 240, 203, 0.75);
    border-radius: 4px;
    color: #C58624;
    display: block;
    margin: 15px 0;
    line-height: 1.2;
}

.modal#journalistModal .modal-body {
    padding: 20px 20px 70px 20px;
    background-image: url(../images/subscribe-bg.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    min-height: 300px;
    background-color: #F4F9FC;
}

    .modal#journalistModal .modal-body h4 {
        padding: 0;
        margin: 0;
        margin-top: 5px;
        margin-bottom: 15px;
        color: #467bab;
    }
/*#endregion*/


.blue-theme-dd .left-nav-title.active-title a {
    color: white;
    background: #427bab;
    box-shadow: inset 0 0 10px #ccc;
    box-shadow: inset 0 0 10px rgba(0,0,0, .15);
}

.blue-theme-dd .left-menu.inZ li a {
    padding: 8px 10px;
    display: block;
    color: #767676;
    border-bottom: 1px solid #427bab;
    border-bottom: 1px solid rgba(66, 123, 171, 0.15);
    background: #427bab;
    background: rgba(66, 123, 171, 0.48);
}


li a.kupi-onlajn-icon {
    padding-left: 33px;
    text-transform: uppercase;
    font-size: 12px;
}

/*  Moj Telekom */
a.btn.btn-moj-telekom {
    padding: 15px 15px;
    min-width: 50px;
    min-height: 50px;
    border: 0;
    border-radius: 0;
    background-color: rgb(225, 225, 225);
    color: rgb(226, 0, 116);
    text-transform: uppercase;
    font-family: 'tele-groteskfetregular';
}


/***/

ul.moj-telekom-menu-1 ul.moj-telekom-menu-1-sub {
    display: none;
}

@media (min-width:768px) {


    ul.moj-telekom-menu-1-sub iframe {
        position: relative;
        z-index: 100;
    }
}

/**/

@media (max-width:767px) {

    ul.moj-telekom-menu-1.visible-xs li.active > ul.moj-telekom-menu-1-sub {
        display: block;
    }
}

img.m-t-user {
    margin-right: 6px;
    padding: 15px 0;
}

.moj-telekom-holder a {
    color: #555;
}

@media (max-width:767px) {
    .moj-telekom-holder {
        width: auto !important;
    }
}

.moj-telekom-list, .moj-telekom-login-holder {
    margin: 15px 15px 15px 0;
}

    .moj-telekom-list ul li {
        padding: 15px;
        color: #fff;
        line-height: 16px;
    }

        .moj-telekom-list ul li:hover, li.mt-tab-link.current {
            background-color: #959595;
        }

    .moj-telekom-login-holder label {
        color: #fff;
        font-weight: normal;
    }

    .moj-telekom-login-holder button {
        width: 100%;
        background: #70b632; /* Old browsers */
        background: -moz-linear-gradient(top, #70b632 0, #5f9b2a 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#70b632), color-stop(100%,#5f9b2a)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #70b632 0,#5f9b2a 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #70b632 0,#5f9b2a 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #70b632 0,#5f9b2a 100%); /* IE10+ */
        background: linear-gradient(to bottom, #70b632 0,#5f9b2a 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70b632', endColorstr='#5f9b2a',GradientType=0 ); /* IE6-9 */
        color: #fff;
        border: 0;
        border-radius: 0;
    }

        .moj-telekom-login-holder button:hover {
            width: 100%;
            background: #5f9b2a; /* Old browsers */
            background: -moz-linear-gradient(top, #5f9b2a 0, #70b632 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#5f9b2a), color-stop(100%,#70b632)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #5f9b2a 0,#70b632 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #5f9b2a 0,#70b632 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #5f9b2a 0,#70b632 100%); /* IE10+ */
            background: linear-gradient(to bottom, #5f9b2a 0,#70b632 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f9b2a', endColorstr='#70b632',GradientType=0 ); /* IE6-9 */
        }

            .moj-telekom-login-holder button:hover a {
                color: #fff;
            }

ul.mt-tabs {
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul.mt-tabs li {
        cursor: pointer;
    }

.moj-telekom-list ul li:last-child {
    text-decoration: underline;
    margin-top: 30px;
}

.login-tab-content {
    display: none;
}

    .login-tab-content.current {
        display: inherit;
    }

.innerFancyGallery > a {
    display: none;
}

.galeryBoxes .padd0 {
    height: 250px;
    width: 46%;
    margin: 1% 5px;
    background-color: white;
    padding: 5px;
    overflow: hidden;
    position: relative;
}


    .galeryBoxes .padd0 img {
        position: absolute;
        top: 0;
        left: 0;
        height: 180px;
        width: auto;
        max-width: 1000%;
    }

    .galeryBoxes .padd0 h3 {
        position: absolute;
        bottom: 39px;
        color: #717171;
        font-size: 15px;
    }

    .galeryBoxes .padd0 h1 {
        position: absolute;
        top: 198px;
        font-size: 18px;
        text-transform: none;
    }

.blueimp-gallery .test {
    position: absolute;
    left: 0;
    height: 125px;
    top: -1px;
    right: 54px;
    height: auto;
    padding: 20px;
    background-color: #777;
    background-color: rgba(0,0,0,0.5);
}

    .blueimp-gallery .test h1 {
        margin-top: 17px;
        font-size: 17px;
        color: white;
        text-transform: none;
        display: inline;
    }

    .blueimp-gallery .test h2 {
        position: absolute;
        top: 40px;
        font-size: 12px;
        color: rgb(178, 178, 178);
    }

    .blueimp-gallery .test span {
        position: absolute;
        top: 20px;
        color: white;
        font-size: 15px;
        right: 20px;
    }

    .blueimp-gallery .test a {
        display: inline;
        color: #B2B2B2;
        margin-left: 20px;
        font-size: 12px;
        text-transform: lowercase;
        padding-left: 27px;
        background-image: url("../images/download.png");
        background-repeat: no-repeat;
        background-position: 1px 50%;
    }

.blueimp-gallery > .close {
    background-color: #777;
    background-color: rgba(0,0,0,0.5);
    opacity: 1;
    color: #B2B2B2;
}

@media (max-width: 479px) {
    .blueimp-gallery .test {
        padding: 20px 10px;
    }

        .blueimp-gallery .test h1 {
            font-size: 14px;
        }

        .blueimp-gallery .test a {
            margin-left: 10px;
        }

        .blueimp-gallery .test span {
            right: 0;
        }
}

.more-devices {
    padding: 10px 0 0 0;
    text-align: center;
}


.tab-content > .tab-pane {
    display: block;
    height: 0;
    overflow: hidden;
}

.tab-content > .active {
    height: auto;
}

/* Popover */

.popover {
    box-shadow: none;
    border: 0;
    padding: 0;
}

.popover-title {
    font-size: 15px;
    background-color: #292929;
    background-color: rgba(0,0,0,.8);
    margin: 0;
    padding: 0;
    color: #bbb;
    padding: 3px 9px 10px;
}

.popover-content {
    margin: 0;
    font-size: 12px;
    color: #bbb;
    background-color: #292929;
    background-color: rgba(0,0,0,.8);
}

.popover.top > .arrow:after {
    content: " ";
    border-top-color: #292929;
    border-top-color: rgba(0,0,0,.8);
    border-bottom-width: 0;
}

.btn-pass {
    background: transparent;
    width: 35px !important;
    padding: 6px 0;
}

    .btn-pass span {
        border: 2px solid #ccc;
        color: #bbb !important;
        padding: 2px 5px;
        font-size: 12px;
        outline: none;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

    .btn-pass:hover span {
        background: #e20064;
        border: 2px solid #e20074;
        color: white !important;
    }

    .btn-pass:hover, .btn-pass:focus, .btn-pass.focus, .btn-pass.active, .btn-pass:active {
        outline: none !important;
        box-shadow: none !important;
    }


/***/
ul.prod-details {
    min-height: 135px;
    text-align: left;
    height: auto;
}

    ul.prod-details > li {
        display: block;
        background-image: url(../images/list-bullet.png);
        background-position: 0 11px !important;
        background-repeat: no-repeat !important;
        padding-right: 10px;
        padding-left: 17px;
        padding-bottom: 2px;
    }

li.search {
    margin-top: -9px;
    margin-right: 21px;
    padding: 0 0;
    border-right: 0 solid #c2c2c2;
    position: relative;
}

.moj-telekom-menu-1 {
    margin-bottom: 0;
}

@media (max-width:767px) {

    #top-bar .mini-menu, #top-bar-left .mini-menu {
        margin-right: 0;
    }

    #top {
        height: 42px;
    }

    #top-bar, #top-bar-left {
        height: 42px;
        /*padding: 6px;*/
        padding: 0;
    }

    .mini-menu.pull-right {
        min-width: 180px;
        padding: 4px 0;
    }

        .mini-menu.pull-right > li {
            padding: 5px 0;
            width: 40px;
        }

            .mini-menu.pull-right > li:first-child {
                padding: 0 0;
            }

    .kupi-onlajn-icon {
        height: 21px;
        display: block;
        margin-top: -5px;
    }

    li.search {
        margin-top: -9px;
        margin-right: 0;
    }
}

.poveke {
    display: none;
}

.pageDesc {
    padding: 3px 10px;
}

.item img.secound {
    position: absolute;
    top: 0;
    left: 0;
    transition: all ease-in 0.5s;
    opacity: 0;
    width: 100%;
    height: auto;
    visibility: hidden;
}

.item.active img.secound {
    transition: all ease-in 0.5s;
    transition-delay: 0.5s;
    opacity: 1;
    visibility: visible;
}

a.third.btn.btn-magen.left {
    position: absolute;
    bottom: 20px;
    z-index: 5;
    left: 5%;
    opacity: 0;
    transition: all ease-in 0.5s;
}

a.third.btn.btn-magen.right {
    position: absolute;
    bottom: 20px;
    z-index: 5;
    opacity: 0;
    right: 5%;
    transition: all ease-in 0.5s;
}

.active a.third.btn.btn-magen.right,
.active a.third.btn.btn-magen.left {
    opacity: 1;
    transition-delay: 1s;
}

a.third.btn.btn-magen.left.left-iphone8-button {
    right: 124px;
    left: auto;
    background: transparent;
    border: 1px solid #5f676b;
    color: #5f676b;
    width: 115px;
    bottom: 114px;
    font-family: teleNeo-medium;
}

a.third.btn.btn-magen.left.left-iphone8-more {
    right: 249px;
    left: auto;
    background: transparent;
    border: 1px solid #5f676b;
    color: #5f676b;
    width: 115px;
    bottom: 114px;
    font-family: teleNeo-medium;
}

a.third.btn.btn-magen.left.left-iphone8-button-al {
    right: 124px;
    left: auto;
    background: transparent;
    border: 1px solid #5f676b;
    color: #5f676b;
    width: 115px;
    bottom: 114px;
    font-family: teleNeo-medium;
}

a.third.btn.btn-magen.left.left-iphone8-more-al {
    right: 249px;
    left: auto;
    background: transparent;
    border: 1px solid #5f676b;
    color: #5f676b;
    width: 115px;
    bottom: 114px;
    font-family: teleNeo-medium;
}

.date {
    text-align: right;
    color: #b6b6b6;
}

#myCarousel2 .carousel-inner > a {
    display: none;
}

@media (max-width:767px) {
    a.third.btn.btn-magen.left, a.third.btn.btn-magen.right {
        position: absolute;
        bottom: 20px;
        z-index: 1;
        left: 5%;
        opacity: 0;
        transition: all ease-in 0.5s;
        left: 0 !important;
        top: 0;
        width: 100%;
        max-width: 100%;
        height: 100%;
        background-color: transparent;
        font-size: 0;
        box-shadow: none;
    }

    .carousel-control {
        z-index: 2;
    }
}

.home-boxes-container .more-devices a.btn-grey {
    font-size: 16px;
    padding: 6px 13px;
}

#tools .mini-menu select {
    border: none;
    background-color: transparent;
    outline: none;
}

@media (min-width:768px) and (max-width:991px) {
    a.third.btn.btn-magen.left.left-iphone8-button {
        right: 85px;
        bottom: 75px;
        font-family: teleNeo-medium;
    }

    a.third.btn.btn-magen.left.left-iphone8-more {
        right: 205px;
        bottom: 75px;
    }

    a.third.btn.btn-magen.left.left-iphone8-button-al {
        right: 85px;
        bottom: 75px;
        font-family: teleNeo-medium;
    }

    a.third.btn.btn-magen.left.left-iphone8-more-al {
        right: 205px;
        bottom: 75px;
    }

    .logo-holder a {
        display: block;
        vertical-align: middle;
        width: 100%;
        padding: 12px;
        overflow: hidden;
    }

        .logo-holder a img {
            width: auto;
            max-width: inherit;
        }

    .mini-menu li {
        display: inline;
        float: left;
        text-transform: uppercase;
        color: #888888;
        font-size: 12px;
        padding: 2px 5px;
    }
}

.mini-menu select {
    background-color: transparent;
    border: none;
    padding: 5px;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
}

#miniShoppingCart a {
    text-transform: uppercase;
    font-size: 12px;
    color: #e20074;
}

@media (max-width:767px) {
    .mini-shopping-cart-inner {
        width: 235px !important;
        right: 0 !important;
        padding: 19px 20px !important;
    }

    .business #top {
        right: 0;
    }
}

.business #top-bar .mini-menu {
    margin-right: 0;
    margin-bottom: 0;
}

.company #top-bar, .company #tools {
    display: inline-block;
    float: right;
}


.cart:before, .cart:after {
    clear: both;
    content: '';
    display: block;
}

.cart {
    /*width: 258px;*/
    width: 150px;
    float: right; /**/
    background-color: #ededed;
    padding-left: 10px;
    padding-right: 0;
    /* border-left: 1px solid #eaeaea; */
}

.top-webshop-control {
    display: table;
    padding: 0;
    height: 42px;
    float: right;
    /* padding: 0 30px 0 12px; */
    /* border-left: 1px solid #ededed; */
    width: 137px;
}

    .top-webshop-control p {
        margin: 0;
        display: table-cell;
        vertical-align: middle;
        line-height: 10px;
        font-size: 10px;
        white-space: normal;
    }

        .top-webshop-control p a {
            color: #b5b5b5;
            text-transform: none;
            font-size: 14px;
            border-left: 1px solid #D6D6D6;
            padding: 0 10px 0 10px;
        }

        .top-webshop-control p.userName a {
            color: #B5B5B5;
            text-transform: none;
            font-size: 13px;
            text-decoration: none;
            white-space: normal;
            padding: 0 10px 0 10px;
            display: block;
            line-height: 12px;
        }

.search-box {
    width: 0;
    display: block;
    visibility: hidden;
}

@media (max-width:767px) {
    .top-webshop-control {
        display: none;
    }

    .cart {
        width: 50px;
        float: right;
        position: fixed;
        top: 0;
        left: auto;
        /*right: 2px;*/
        right: 0;
        z-index: 1000;
    }

    #top {
        position: fixed;
        top: 0;
        left: 0;
        right: 50px;
        z-index: 1000;
        background-color: #F7F7F7;
    }

    #top-bar, #top-bar-left {
        padding-right: 0;
    }

    .mini-menu.pull-right > li + li + li + li {
        border: none;
        border-right: none !important;
    }
}


/*najava*/
.najava-choise label, #register-div label, #login-div label {
    font-weight: normal;
    margin-bottom: 0;
    line-height: 16px;
}

#login-div img, #register-div img, #password-reset img {
    opacity: 0.3;
    max-width: 150px;
}

.najava-choise .small-login-description {
    font-size: 14px;
    font-weight: normal;
    color: #999;
    display: block;
    padding-left: 17px;
    padding-top: 0;
}

.najava-choise > div {
    margin-bottom: 15px;
}

.h30 {
    height: 30px;
}

#login-div .shop-form-field-desc {
    line-height: 14px;
    margin: 0;
    color: #888;
    font-size: 14px;
    margin-bottom: 15px;
}

#login-div .bb1 {
    border-bottom: 1px solid #e5e5e5;
}

#login-div a {
    display: block;
}

#login-div ul {
    margin-top: 10px;
}

    #login-div ul li {
        display: block;
        background-image: url(../images/list-bullet.png);
        background-position: 0 11px;
        background-repeat: no-repeat;
        padding-left: 15px;
        line-height: 145%;
        margin-bottom: 7px;
        margin-left: 15px;
    }

        #login-div ul li a {
            color: #333;
            line-height: 18px;
        }

#login-div .btn-magen.shop-cart-login-submit.register-button.pull-right {
    margin-bottom: 15px;
}
/*mini shopping cart*/
#miniShoppingCart {
    background-image: url(../images/shoppingcart-one.png);
    background-repeat: no-repeat;
    background-position: left center;
    height: 42px;
    width: 117px;
    position: relative;
    z-index: 999;
    cursor: pointer;
    padding-left: 35px;
    padding-top: 2px;
    background-size: 23px;
}

    #miniShoppingCart:hover .mini-shopping-cart-inner {
        display: block !important;
        z-index: 9999;
    }

    #miniShoppingCart .mini-shopping-cart-inner {
        display: none;
    }



        #miniShoppingCart .mini-shopping-cart-inner p {
            margin: 0;
            line-height: 14px;
        }

.mini-shopping-cart-inner {
    display: block;
    top: 100%;
    position: absolute;
    background: #f0f0f0;
    background: rgba(240,240,240,.95);
    width: 259px;
    right: -131px;
    padding: 20px;
    border: 1px solid #DEDEDE;
}

.cart-notify {
    position: absolute;
    background-color: #f5f5f5;
    background-color: rgba(255,255,255,.8);
    color: #e20074;
    padding: 0 6px;
    border-radius: 30px;
    left: 15px;
    top: 3px;
    border: 1px solid #e5e5e5;
    font-size: 13px;
}

.mini-phone-thumb {
    padding: 8px 0;
}

.mini-desc {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    position: relative;
}

.mini-desc-line {
    display: block;
}

.mini-desc-title {
    font-family: tele-groteskfetregular;
    color: #e20074;
}

.mini-cart-total-line {
    padding-top: 10px;
}

.mini-phone-holder {
    position: relative;
}

.mini-desc-remove {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    line-height: 10px;
    bottom: auto;
    padding: 3px 4px;
    background-color: #ccc;
    color: #fff;
    padding-bottom: 5px;
    border-radius: 0;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

    .mini-desc-remove:hover {
        background-color: #bbbbbb;
        text-decoration: none;
    }

#miniShoppingCart a {
    text-transform: uppercase;
    font-size: 12px;
    color: #e20074;
}

    #miniShoppingCart a.btn.btn-magen.btn-block {
        color: #fff;
    }

    #miniShoppingCart a p {
        margin: 10px 0;
    }

@media (max-width:767px) {
    .mini-shopping-cart-inner {
        width: 255px !important;
        right: 0 !important;
        padding: 19px 20px !important;
    }

    .business #top {
        right: 0;
    }
}

li.search {
    margin-right: 0;
}

li.search {
    /*margin-top: -10px;*/
    margin-top: 0;
    margin-right: 0;
    padding: 0 0 !important;
    border-right: 0 solid #c2c2c2;
}

@media (max-width:767px) {
    .top-webshop-control {
        display: none;
    }

    .cart {
        width: 50px;
        float: right;
        position: fixed;
        top: 0;
        left: auto;
        /*right: 2px;*/
        right: 0;
        z-index: 1000;
    }

    #top {
        position: fixed;
        top: 0;
        left: 0;
        right: 50px;
        z-index: 1000;
        background-color: #F7F7F7;
    }

    #top-bar, #top-bar-left {
        padding-right: 0;
    }

    .mini-menu.pull-right > li + li + li + li {
        border: none;
        border-right: none !important;
    }

    .search-icon {
        width: 100%;
    }

    .company #top-bar {
        margin-right: -50px;
    }
}

/*@media (min-width:992px) {
    #ns-content #sidem.collapse.in, #ns-content #sidem.collapsing, #ns-content #sidem.collapse {
        display: block !important;
        height: inherit !important;
    }
}*/

@media (max-width:991px) {
    .sidebar {
        -webkit-box-shadow: 1px 1px 1px #ccc;
        -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
        -moz-box-shadow: 1px 1px 1px #ccc;
        -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
        box-shadow: 1px 1px 1px 0 #ccc;
        box-shadow: 1px 1px 1px rgba(0,0,0,.1);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#fafafa), color-stop(100%,#f7f7f7));
        background: -webkit-linear-gradient(top, #fafafa 0,#f7f7f7 100%);
        background: -o-linear-gradient(top, #fafafa 0,#f7f7f7 100%);
        background: -ms-linear-gradient(top, #fafafa 0,#f7f7f7 100%);
        background: linear-gradient(to bottom, #fafafa 0,#f7f7f7 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f7f7f7',GradientType=0 );
    }

    h3.left-nav-title {
        border-bottom: 1px solid #ddd;
        margin: 0;
        font-weight: normal;
        color: #333;
        border-bottom: 1px solid #d5d5d5;
        display: block;
        font-size: 14px;
        padding: 15px 10px;
        background: #fafafa;
        text-transform: uppercase;
        background-image: url('../images/arrow_down_gray.png');
        background-repeat: no-repeat;
        background-position: center 98%;
        background-position: center right 10px;
        background-color: transparent;
    }
}

/*magenta 1 start*/

.magenta-one .white-border {
    background: white;
    padding: 20px !important;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    padding-bottom: 5px !important;
    height: 400px;
    position: relative;
}

    .magenta-one .white-border .internet-brzina {
        position: relative;
        display: inline-block;
    }

        .magenta-one .white-border .internet-brzina p {
            display: inline;
            position: relative;
            font-family: 'teleNeo-bold' !important;
        }

        .magenta-one .white-border .internet-brzina .old-price {
            font-family: 'teleNeo-bold' !important;
            font-size: 17px;
        }

        .magenta-one .white-border .internet-brzina .text-magenta {
            font-family: 'teleNeo-bold' !important;
            font-size: 17px;
        }

        .magenta-one .white-border .internet-brzina .one-t-dicklaimer {
            position: absolute;
            display: inline;
            top: 5px;
            right: 0;
        }



    .magenta-one .white-border.bigger {
        height: 300px;
    }

.magenta-one div {
    padding: 0px !important;
}

.magenta-one .p-uredi-cena {
    margin: 0px auto;
    width: 104%;
    max-width: 185px;
    display: block;
    margin-right: 0px;
    margin-left: 40%;
    position: absolute;
    bottom: 5px;
    right: -25px;
}

.magenta-one .white-border h2 {
    padding: 10px;
    color: #e20074;
    font-size: 28px;
    font-family: 'tele-groteskhalregular';
    border-bottom: 1px solid #cecece;
    padding-top: 0px;
    margin-top: 0px;
    margin-left: -15px;
    margin-right: -15px;
    text-transform: capitalize;
}

    .magenta-one .white-border h2 span {
        float: right;
        font-weight: bold;
        font-size: 32px;
        margin-top: -2px;
    }

.magenta-one .white-border p {
    margin: 5px 0;
    color: #575757;
}

.magenta-one .gray-border {
    background: #f3f3f3;
    padding: 25px !important;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    height: 240px;
    position: relative;
}

.magenta-one .gray-box-new-no-padding {
    padding: 0 13px !important;
}

.gray-border h2 {
    font-size: 16px;
    font-family: 'tele-groteskfetregular';
    color: #4b4b4b;
}

@media (max-width:991px) {
    .gray-border h2 {
        font-size: 14px;
    }

    .gray-border img {
        max-width: 100px;
    }
}

.gray-border img {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.free-space {
    height: 60px;
}

.magenta-one .price2 {
    font-size: 32px;
    padding-right: 5px;
    font-family: teleNeo-regular;
}

.magenta-one .gray-border.smaller {
    height: 130px;
}

    .magenta-one .gray-border.smaller img {
        float: left;
        left: auto;
        right: 15px;
        /*width: 110px;*/
        bottom: 35px;
    }

table.table-blue.tritri {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

    table.table-blue.tritri > thead > tr > th {
        background-color: #F1F1F1;
        border: none;
        /* border-bottom: 2px solid #ccd0d3; */
        padding: 10px;
        font-family: 'tele-groteskfetregular';
        font-weight: 100;
        text-align: left;
        font-size: 18px !important;
        border-spacing: 5px;
        border-collapse: separate;
        box-shadow: 1px 1px 1px #aaa;
        box-shadow: 1px 1px 1px rgba(0,0,0,.2);
        border: 1px solid #eee !important;
        font-weight: normal;
        font-family: tele-groteskfetregular;
        background-color: #dbecf4;
        color: #333;
        text-shadow: none;
        background-image: url(../images/arrow_up_gray.png);
        background-repeat: no-repeat;
        background-position: 98% center;
        background-position: right 10px center;
        cursor: pointer;
    }

    table.table-blue.tritri > thead.collapsed > tr > th {
        background-image: url(../images/arrow_down_gray.png);
        background-color: #eee !important;
        border-bottom: 1px solid #ddd !important;
    }

    table.table-blue.tritri > tbody > tr > td:first-child {
        font-family: 'tele-groteskhalregular';
    }


    table.table-blue.tritri > tbody > tr:first-child {
        background-color: #f5f5f5;
        color: #e20074;
        font-size: 18px;
    }

    table.table-blue.tritri > tbody > tr > td {
        width: 33%;
        padding: 15px 10px;
    }


.magenta-textt {
    color: #e20074 !important;
}

.pull-right-padding10 {
    float: right !important;
    padding-right: 10px !important;
    font-size: 24px;
    font-weight: bold;
}

table.table-blue.tritri sup {
    color: #e20074;
}


.white-border.bigger ul li {
    display: block;
    background-image: url(../images/list-bullet.png);
    background-position: 0 11px;
    background-repeat: no-repeat;
    padding-left: 15px;
    line-height: 145%;
    margin-bottom: 7px;
    /*margin-left: 15px;*/
}

.white-border ul li {
    display: block;
    background-image: url(../images/list-bullet.png);
    background-position: 0 11px;
    background-repeat: no-repeat;
    padding-left: 15px;
    line-height: 145%;
    margin-bottom: 7px;
    /*margin-left: 15px;*/
}

.magenta-one-footer {
    display: table;
    width: 100%;
    table-layout: fixed;
}

    .magenta-one-footer > div {
        display: table-cell;
        float: none;
        vertical-align: middle;
        padding: 10px !important;
    }

        .magenta-one-footer > div .p-uredi-cena {
            position: relative;
            width: auto;
            margin: 0;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }

            .magenta-one-footer > div .p-uredi-cena .p-right {
                width: 55px;
            }

                .magenta-one-footer > div .p-uredi-cena .p-right .one-t-dicklaimer {
                    position: absolute;
                    top: 8px;
                    right: -16px;
                    left: auto;
                }

            .magenta-one-footer > div .p-uredi-cena.cena-siva .crtka-siva {
                display: block;
                position: absolute;
                width: auto;
                border-bottom: 1px solid #6b6b6b;
                top: 14px;
                left: 0;
                right: 0;
                transform: rotate(-8deg);
            }

            .magenta-one-footer > div .p-uredi-cena.cena-siva .price2 {
                color: #6b6b6b;
            }

            .magenta-one-footer > div .p-uredi-cena.cena-siva .p-currency, .magenta-one-footer > div .p-uredi-cena.cena-siva .p-rates {
                color: #6b6b6b;
                border-color: #6b6b6b;
            }

    .magenta-one-footer .one-t-dicklaimer {
        position: absolute;
        top: 5px;
        left: auto;
        right: -15px;
        bottom: auto;
    }

    .magenta-one-footer img.ec-20 {
        position: static;
        float: none;
        margin: 0;
    }

.cena-small .price2 {
    font-size: 28px;
}

.cena-small .p-right > span {
    font-size: 11px;
}

/*magenta 1 end*/

#top-bar .mini-menu.topbarright {
    margin-right: 0px;
}

@media (min-width:768px) and (max-width:991px) {
    #top-bar .mini-menu li, #top-bar-left .mini-menu li {
        font-size: 10px;
        padding: 3px 2px;
    }
}




.display-versions {
    display: none;
}

@media only screen and (max-device-width: 767px) {

    .display-versions {
        display: block;
    }

    .display-versions {
        position: absolute;
        bottom: 50px;
        margin: 0px auto;
        background: #E4E4E4;
        width: 100%;
        border-bottom: 1px solid #CAC2C2;
    }

        .display-versions #show-desktop-v {
            background: url("../images/show_desktop_icon.png") no-repeat left center;
            float: right;
            text-align: right;
            margin-right: 20px;
        }

        .display-versions #show-desktop-v1 {
            background: url("../images/show_desktop_icon.png") no-repeat left center;
            float: right;
            text-align: right;
            margin-right: 50px;
        }

        .display-versions #show-desktop-v2 {
            background: url("../images/show_desktop_icon.png") no-repeat left center;
            float: right;
            text-align: right;
            margin-right: 50px;
        }

        .display-versions #show-mob-v {
            background: url("../images/show_mobile_icon.png") no-repeat left center;
            float: right;
            text-align: right;
            margin-right: 55px;
        }

        .display-versions #show-mob-v1 {
            background: url("../images/show_mobile_icon.png") no-repeat left center;
            float: right;
            text-align: right;
            margin-right: 55px;
        }

        .display-versions #show-mob-v2 {
            background: url("../images/show_mobile_icon.png") no-repeat left center;
            float: right;
            text-align: right;
            margin-right: 55px;
        }

        .display-versions #show-desktop-v, .display-versions #show-mob-v {
            margin-left: 15px;
            display: inline-block;
            background-size: 15px 15px;
            padding: 5px 0 5px 22px;
            color: #fff;
        }

        .display-versions #show-desktop-v1, .display-versions #show-mob-v1 {
            margin-left: 15px;
            display: inline-block;
            background-size: 15px 15px;
            padding: 5px 0 5px 22px;
            color: #fff;
        }

        .display-versions #show-desktop-v2, .display-versions a#show-mob-v2 {
            margin-left: 15px;
            display: inline-block;
            background-size: 15px 15px;
            padding: 5px 0 5px 22px;
            color: #fff;
        }

    #ns-content {
        /*padding-bottom: 165px !important;*/
        padding-bottom: 149px !important;
    }
}

@media (max-width: 767px) {
    .display-versions #show-desktop-v, .display-versions #show-mob-v {
        font-size: 13px;
    }

    .display-versions #show-desktop-v1, .display-versions #show-mob-v1 {
        font-size: 13px;
    }

    .display-versions #show-desktop-v2, .display-versions #show-mob-v2 {
        font-size: 13px;
    }
}

#ns-footer .superbrand {
    position: relative;
}

    #ns-footer .superbrand > img {
        position: absolute;
        bottom: -49px;
        left: 0;
        z-index: 9;
    }

.ui-datepicker-trigger {
    background: #e20074;
    float: left;
    margin: 0;
    padding: 7px 15px;
}

    .ui-datepicker-trigger:after {
        content: "\e109";
        font-family: 'Glyphicons Halflings';
        color: #fff;
        font-weight: normal;
        font-size: 14px;
        text-shadow: none;
    }

.ns-date .form-control {
    width: auto !important;
    float: left;
    border-color: #ccc;
}

.successMsg {
    background-color: transparent;
    background-image: url('../img/iconce.png');
    background-repeat: no-repeat;
    background-position: center 10px;
    margin: 0;
    height: 100px;
    padding-top: 77px;
    /* border: 1px solid #d0d0d0; */
    color: #A1A1A1;
    background-size: 56px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.errorMsg {
    display: block;
    text-align: left;
    line-height: 40px;
    position: relative;
    margin-top: 10px;
    color: red !important;
    top: -15px;
    font-size: 14px;
}

.errorInput {
    color: red;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

#skroeniPoVasaMerka span.errorMsg.captcha {
    top: -25px;
}
/*.inner-cont h2, .inner-cont p.successMsg {
        color: #3c763d !important;
}*/

.white-box .tmstore-contact img {
    margin-left: 44px;
    margin-bottom: 20px;
}

.white-box .tmstore-contact h1 {
    color: #e20074;
    font-size: 22px;
    line-height: 18px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 15px;
}
/*#region SSO*/
#sso-login-box {
    color: white;
    padding: 0;
}

    #sso-login-box h4 {
        color: white;
        padding: 0;
        margin-bottom: 10px;
        font-size: 15px;
        border-bottom: 1px dotted #D8D8D8;
        padding-bottom: 5px;
    }

    #sso-login-box .myNumbers {
        padding-left: 10px;
        padding-bottom: 10px;
        list-style-type: square;
        margin-left: 10px;
    }

    #sso-login-box .btn-grey {
        border: none;
    }

.moj-telekom-holder {
    width: auto !important;
    max-width: 290px !important;
}

/*#region dashboard SSO*/
.inner-cont .dashboard h1 {
    padding: 5px 0;
    border-bottom: 0px solid #dadada;
    text-transform: none;
    color: #E20074;
    font-size: 28px;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
}

.inner-cont .dashboard h2 {
    font-weight: normal;
    padding-top: 0;
    font-family: tele-groteskhalregular;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 5px;
}

.inner-cont .dashboard ul li {
    display: inline-block;
    float: left;
    width: auto;
    background: none;
    padding-left: 0;
    line-height: 145%;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 25px;
}

.inner-cont .dashboard ul {
    border-bottom: 1px solid #ddd;
    display: block;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 35px;
    background-color: #fff;
}

.inner-cont .dashboard .nav-tabs > li > a {
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #ddd;
    font-weight: normal;
    border: none;
    font-size: 19px;
    color: #383838;
    padding: 15px 0 5px;
    /* margin-right: 20px; */
}

    .inner-cont .dashboard .nav-tabs > li > a:hover {
        border: 0 solid #ddd;
        cursor: pointer !important;
        border-bottom: 4px solid #e5e5e5 !important;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }

.inner-cont .dashboard .nav-tabs > li.active > a {
    color: #e20074;
}

    .inner-cont .dashboard .nav-tabs > li.active > a:hover {
        cursor: pointer !important;
        border-bottom: 0 solid #e5e5e5 !important;
        color: #e20074;
    }

.inner-cont .dashboard .nav-tabs > li.active, .inner-cont .dashboard .nav-tabs > li.active:hover {
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom: 4px solid #e20074 !important;
    font-weight: normal;
    border: none;
    font-size: 19px;
    color: #e20074;
}

.inner-cont .dashboard h3 {
    margin-top: 20px;
    font-size: 19px;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-left: 15px;
}

.inner-cont .dashboard p {
    padding-right: 0;
    color: #333;
    font-size: 17px;
    font-family: teleNeo-regular;
    font-weight: normal;
    line-height: 18px;
    margin: 5px 0;
    color: #555;
}

.inner-cont .dashboard .addService {
    background: #f9f9f9;
    padding: 15px;
    margin-top: 20px;
}

    .inner-cont .dashboard .addService h3 {
        margin-top: 0;
        padding-top: 0;
        padding-left: 0px;
    }

    .inner-cont .dashboard .addService p {
        padding-left: 0px;
    }

    .inner-cont .dashboard .addService .btn-magen {
        margin-top: 8px !important;
    }

.inner-cont .dashboard table.table-blue {
    margin-top: 0px;
    table-layout: fixed;
    border-top: 1px solid #6d6d6d;
}

    .inner-cont .dashboard table.table-blue thead tr th {
        font-family: 'tele-groteskhalregular';
        font-weight: normal;
        font-size: 18px !important;
    }

        .inner-cont .dashboard table.table-blue thead tr th:last-child, .inner-cont .dashboard table.table-blue tbody tr td:last-child {
            text-align: right;
        }

    .inner-cont .dashboard table.table-blue thead tr th, .inner-cont .dashboard table.table-blue tbody tr td {
        font-size: 16px;
        padding: 10px 15px !important;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

    .inner-cont .dashboard table.table-blue tbody > tr.headaccount > td {
        background-color: #FCFCFC;
    }

    .inner-cont .dashboard table.table-blue tbody > tr.headaccount.closed > td:first-child {
        background-image: url('../images/carret-t.png');
        background-repeat: no-repeat;
        background-position: left 10px top 14px;
        background-size: 22px;
        -webkit-transition: all 0.2s ease-in-out;
        -khtml-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ie-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .inner-cont .dashboard table.table-blue tbody > tr.headaccount > td:first-child {
        background-image: url('../images/carret-t-up.png');
        background-repeat: no-repeat;
        background-position: left 10px top 14px;
        background-size: 22px;
        -webkit-transition: all 0.2s ease-in-out;
        -khtml-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ie-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .inner-cont .dashboard table.table-blue tbody > tr.headaccount.nocollapse > td:first-child {
        background-image: none;
    }

    .inner-cont .dashboard table.table-blue .headaccount.nocollapse p {
        padding-left: 0px !important;
        cursor: auto;
    }

    .inner-cont .dashboard table.table-blue tbody > tr > td.inz {
        padding: 0px !important;
    }

    .inner-cont .dashboard table.table-blue tbody > tr.headaccount p strong {
        color: #e20074;
    }



    .inner-cont .dashboard table.table-blue tbody .mytelecom td:last-child p {
        color: #383838;
        color: #6c6c6c;
        color: #555;
    }

        .inner-cont .dashboard table.table-blue tbody .mytelecom td:last-child p span span {
            /* font-weight: bold; */
            padding-left: 5px;
            color: #e20074;
            float: right;
            font-family: tele-groteskhalregular;
        }

        .inner-cont .dashboard table.table-blue tbody .mytelecom td:last-child p.paket {
            margin-bottom: 15px;
            color: #383838;
            color: #555;
        }

    .inner-cont .dashboard table.table-blue tbody .mytelecom tr > td:first-child {
        border-right: 1px solid #e5e5e5;
        padding-left: 40px !important;
    }

    .inner-cont .dashboard table.table-blue tbody .mytmobile tr > td:first-child {
        padding-left: 40px !important;
    }

    .inner-cont .dashboard table.table-blue tbody .mytelecom tr:nth-child(even) {
        background: #FCFCFC;
    }

    .inner-cont .dashboard table.table-blue tbody .mytelecom tr td {
        text-align: left;
        vertical-align: top;
    }

    .inner-cont .dashboard table.table-blue tbody .mytelecom p, .inner-cont .dashboard table.table-blue .headaccount p {
        padding-left: 0;
    }

    .inner-cont .dashboard table.table-blue .headaccount {
        cursor: pointer;
    }

        .inner-cont .dashboard table.table-blue .headaccount.nocollapse {
            cursor: auto;
        }

        .inner-cont .dashboard table.table-blue .headaccount p {
            font-family: tele-groteskhalregular;
            font-size: 17px;
            padding-left: 25px !important;
            cursor: pointer;
        }

    .inner-cont .dashboard table.table-blue tbody .mytelecom {
        width: 100%;
        text-align: left;
        background: #fff;
        table-layout: fixed;
        margin: 7px 0px;
    }

    .inner-cont .dashboard table.table-blue tbody tr:hover td {
        color: #5ec3ea;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

@media (max-width:767px) {
    #sso-login-box {
        height: 100%;
    }

    .inner-cont .dashboard .addService .btn-magen {
        float: none !important;
    }

    .inner-cont .dashboard table.table-blue {
        margin: 0;
        width: 100% !Important;
    }

    .inner-cont .dashboard .addService {
        margin-bottom: 20px;
    }
}

#serviceModal .modal-content, .bootstrap-dialog.type-warning .modal-content {
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 0px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5);
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,.5);
    box-shadow: 0 1px 3px rgba(0,0,0,.5);
}

#serviceModal .modal-header, .bootstrap-dialog.type-warning .modal-header {
    border-bottom: 0px none #e5e5e5;
    z-index: 99;
    position: relative;
}

    #serviceModal .modal-header .close, .bootstrap-dialog.type-warning .modal-header .close {
        margin-top: 0px;
        margin-right: 0px;
        background: #ededed;
        padding: 0px 6px;
        -ms-opacity: 1;
        opacity: 1;
        font-size: 28px;
        font-weight: normal;
        line-height: 1;
        color: #3e3e3e;
        -ms-text-shadow: none;
        text-shadow: none;
    }

        #serviceModal .modal-header .close:hover, #serviceModal .modal-header .close:focus,
        .bootstrap-dialog.type-warning .modal-header .close:hover, .bootstrap-dialog.type-warning .modal-header .close:focus {
            outline: none;
        }

.modal-backdrop.in {
    -webkit-filter: alpha(opacity=50);
    -moz-filter: alpha(opacity=50);
    -o-filter: alpha(opacity=50);
    filter: alpha(opacity=50);
    -ms-opacity: .8;
    opacity: .8;
}

@media (min-width: 768px) {
    #serviceModal .modal-dialog, .bootstrap-dialog.type-warning .modal-dialog {
        margin: 50px auto;
    }
}

.bootstrap-dialog.type-warning .modal-content {
    padding: 30px 40px;
}

.bootstrap-dialog.type-warning .modal-header {
    background-color: transparent !important;
}

.bootstrap-dialog .bootstrap-dialog-title {
    display: block !important;
    padding: 7px 0px 3px 0;
    text-transform: uppercase;
    color: #e20074 !important;
    font-size: 26px !important;
    margin-top: 0px;
    margin-bottom: 0;
    font-weight: normal;
    padding: 7px 0px 3px 0;
    text-transform: uppercase;
    color: #383838 !important;
    text-align: center;
}

.bootstrap-dialog .bootstrap-dialog-message {
    color: #383838;
    font-size: 15px !important;
}

.bootstrap-dialog-message span.magenta {
    color: #e20074;
}

.bootstrap-dialog .btn-primary {
    -webkit-transition: all 0.2s ease-in-out;
    -khtml-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ie-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 18px;
    padding: 5px 20px;
    filter: none;
    color: white;
    max-width: inherit;
    width: auto;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    display: inline-block;
    border: 1px solid #af005a;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ie-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto;
    background: #e20074;
    font-size: 16px;
    padding: 5px 20px;
    text-shadow: none;
}

    .bootstrap-dialog .btn-primary:hover {
        background: #c00052;
        text-decoration: none;
        color: white;
        border: 1px solid #af005a;
        -webkit-transition: all 0.2s ease-in-out;
        -khtml-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ie-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

.bootstrap-dialog .btn-default {
    bottom: 20px;
    font-size: 18px;
    padding: 6px 20px;
    filter: none;
    color: #383838;
    margin: 0 auto;
    border: 1px solid #bbbbbb;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ie-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background: #e5e5e5;
    -webkit-transition: all 0.2s ease-in-out;
    -khtml-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ie-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    font-size: 16px;
    padding: 5px 20px;
    text-shadow: none;
}

    .bootstrap-dialog .btn-default:hover,
    .bootstrap-dialog .btn-default:active,
    .bootstrap-dialog .btn-default:focus,
    .bootstrap-dialog .btn-default:active:focus,
    .bootstrap-dialog .btn-default.active {
        background: #d1d1d1 !important;
        color: #383838 !important;
        border: 1px solid #bbbbbb;
        -webkit-transition: all 0.2s ease-in-out;
        -khtml-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ie-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
    }

.bootstrap-dialog-footer-buttons {
    text-align: center;
}

.bootstrap-dialog-close-button {
    position: absolute;
    top: 15px;
    right: 15px;
}

.sso-links {
    padding-top: 10px;
}

    .sso-links a {
        display: inline-block;
        line-height: 16px;
    }

.sso-accordion .panel.panel-default {
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    border: none;
}

.sso-accordion .panel-body {
    padding: 20px 0;
}

.sso-accordion .panel-title a {
    background-color: #F9F9F9 !important;
    border: 1px solid #ddd;
    border-bottom: 3px solid #e20074 !important;
    font-weight: normal;
    border: none;
    font-size: 19px;
    color: #e20074 !important;
}

    .sso-accordion .panel-title a.collapsed {
        border-bottom: 3px solid #e5e5e5 !important;
        color: #383838 !important;
    }

.sso-accordion .panel-title:hover a {
    border-bottom: 3px solid #e20074;
}

    .sso-accordion .panel-title:hover a.collapsed {
        border-bottom: 3px solid #e20074 !important;
        color: #e20074 !important;
    }

/*#region inlineSso*/
.inlineSso {
    max-width: 400px;
    margin: 0 auto;
}

    .inlineSso .sso-links {
        text-align: center;
    }

.inner-cont .dashboard .inlineSso h3 {
    padding: 0;
    padding-left: 0;
    color: #e20074;
}

.inlineSso h4 {
    margin-top: 0;
    padding-top: 0;
}

.spacing {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
    margin-top: 15px;
}

.enableSso label {
    padding-left: 5px;
}

.forgot-small {
    margin-top: -10px;
}

.logOutlink {
    background: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    border: none;
    font-family: tele-groteskhalregular;
    display: block;
    width: 100%;
    text-align: left;
    padding-top: 10px;
    color: #555;
}

.moj-telekom-login-holder {
    margin: 15px 0 10px 15px;
}

#sso-login-box ul li {
    padding: 7px;
    line-height: 14px;
    -webkit-transition: all 0.2s ease-in-out;
    -khtml-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ie-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    min-width: 155px;
    text-align: left;
}

    #sso-login-box ul li:hover {
        background-color: #f4f4f4 !important;
        -webkit-transition: all 0.2s ease-in-out;
        -khtml-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ie-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
    }

    #sso-login-box ul li:last-child:hover {
        background: none;
    }

    #sso-login-box ul li:last-child {
        padding: 7px 0;
        border-top: 1px solid #DADADA;
        margin-top: 7px;
    }

        #sso-login-box ul li:last-child input {
            padding: 7px;
        }

            #sso-login-box ul li:last-child input:hover {
                color: #e20074;
                -webkit-transition: all 0.2s ease-in-out;
                -khtml-transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -ie-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                -ms-transition: all 0.2s ease-in-out;
            }

    #sso-login-box ul li a {
        display: block;
    }

        #sso-login-box ul li a:hover {
            text-decoration: none;
        }

h4#loginName {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

div#loginNameMove {
    margin-left: 10px;
}

#loginNameMove > a {
    color: white;
    vertical-align: middle;
    width: 32px;
    height: 30px;
    display: flex;
    margin-left: -13px;
}

#loginNameMove a:hover {
    text-decoration: none;
}

img.m-t-user {
    margin-right: 6px;
    padding: 0;
    vertical-align: super;
}

div.btn.btn-moj-telekom {
    /* color: white; */
    background: none;
    display: inline-block;
    /* vertical-align: middle; */
    /* min-width: 50px; */
    /* min-height: 50px; */
    border: 0;
    /* border-radius: 0; */
    text-transform: uppercase;
    font-family: 'tele-groteskfetregular';
    padding: 0 15px;
    height: 53px;
    /*overflow: hidden;*/
    width: auto;
}

#sso-login-box .userNameInfo {
    border-bottom: 1px solid #ddd;
    padding-bottom: 21px;
    margin-bottom: 10px;
    padding-top: 8px;
}

@media(min-width: 768px) and (max-width: 1199px) {
    h4#loginName {
        padding-top: 0;
        padding-left: 0 !important;
    }
}

@media (max-width:767px) {

    div#sso-login-box ul li {
        max-width: 100%;
        /* display: block;*/
        visibility: hidden;
    }

    .btn-moj-telekom:hover .moj-telekom-holder #sso-login-box ul li {
        visibility: visible;
    }

    #sso-login-box .userNameInfo {
        padding-bottom: 15px;
        padding-top: 15px;
    }

    #loginFullName {
        font-size: 15px;
        color: transparent !important;
        width: 30px;
        height: 30px;
        margin-left: -15px;
        POSITION: absolute;
        bottom: 16px;
    }

        #loginFullName:before {
            content: '';
            position: absolute;
            background-image: url(../images/logged-in-icon.svg);
            width: 28px;
            height: 100%;
            background-size: contain;
            background-repeat: no-repeat;
            top: 0 !important;
            left: -4px;
            margin: auto;
            bottom: 0;
            background-position: center;
            transition: all ease-in-out .3s;
        }

    h4#loginName {
        display: block !important;
        max-width: 100%;
    }

    /*    div.btn.btn-moj-telekom {
        padding: 0;
        background: url(../content/images/privatni-hp-red/icon-user_file-user-default.png) 8px 13px no-repeat transparent !important;
    }*/
}

span.avatar {
    color: #e5e5e5;
    font-size: 130px;
    padding: 30px 10px;
    width: 100%;
    text-align: center;
    border: 1px solid #e5e5e5;
    margin-top: 30px;
    margin-left: 20px;
    background: #fafafa;
    max-width: 200px;
}

#loginInfo {
    margin-bottom: 10px;
}

.moj-telekom-login-holder {
    margin: 0;
}

.moj-telekom-holder .col-lg-12 {
    padding: 0;
    background: rgba(241, 241, 241, 0.97);
    /*border: 1px solid #dfdfdf !important;*/
}

#sso-login-box > .form-group {
    padding: 0px 15px;
}

.header-menu a:hover, .header-menu a:focus {
    color: #e20074;
    text-decoration: none;
}

#loginNameMove a#loginFullName:before {
    content: '';
    position: absolute;
    background-image: url(../images/logged-in-icon.svg);
    width: 28px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0 !important;
    right: 0px;
    left: 0;
    margin: auto;
    bottom: 0;
    background-position: center;
    transition: all ease-in-out .3s;
    z-index: 333;
}

#loginNameMove:hover a#loginFullName:before {
    content: '';
    position: absolute;
    background-image: url(../images/logged-in-hover.svg);
    transition: all ease-in-out .3s;
}

@media (min-width: 768px) {
    div .btn.btn-moj-telekom:hover .moj-telekom-menu-1-sub {
        display: block;
        visibility: visible;
    }

    #loginNameMove .desk-login a {
        color: #555;
        display: table-cell;
        padding-left: 0px;
        vertical-align: middle;
        text-transform: none;
        text-align: left;
        font-family: tele-groteskhalregular;
        line-height: 19px;
        padding: 2px 0px;
        white-space: initial;
    }

    #loginNameMove a#loginFullName {
        padding: 0;
        display: block;
        font-size: 15px;
        font-family: 'teleNeo-bold' !important;
        /* background: url(../images/user-redesign.png) 5px 3px no-repeat; */
        background: none;
        padding-left: 0;
        position: relative;
        width: 100%;
        height: 100%;
        color: transparent;
        width: 100%;
    }
}

@media (max-width: 1279px) {

    #sso-login-box ul,
    #loginNameMove #sso-login-box ul {
        display: none;
        width: 0;
        transition: all ease-in .3s;
    }

    #loginNameMove:hover .moj-telekom-holder .col-lg-12,
    #loginNameMove:hover .moj-telekom-holder {
        background: transparent;
    }

    #sso-login-box:hover ul,
    #loginNameMove:hover #sso-login-box ul {
        display: block;
        width: 170px;
        z-index: 3;
        position: absolute;
        right: -30px;
        top: 60px;
        background: rgba(255,255,255,.95);
        max-width: 200px;
        top: 60px;
        right: -20px;
        left: inherit;
        z-index: 1001;
        margin: 0;
        padding: 10px;
        transition: all ease-in .3s;
    }

        #sso-login-box:hover ul li,
        #loginNameMove:hover #sso-login-box ul li {
            visibility: visible;
        }

            #sso-login-box:hover ul li a,
            #loginNameMove:hover #sso-login-box ul li a {
                color: black;
            }

    #sso-login-box:hover a#loginFullName:before {
        content: '';
        position: absolute;
        background-image: url(../images/logged-in-hover.svg);
        transition: all ease-in-out .3s;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {

    #sso-login-box:hover ul,
    #loginNameMove:hover #sso-login-box ul {
        top: 30px;
    }

    #miniShoppingCart:hover .mini-shopping-cart-inner {
        top: 72px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    #sso-login-box:hover ul, #loginNameMove:hover #sso-login-box ul {
        top: 20px;
    }
}

@media (max-width:767px) {

    #sso-login-box > .form-group {
        padding: 15px;
        margin-bottom: 0;
    }
}


/*#endregion inlineSso*/

/*#endregion dashboard SSO*/

.p0-small {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

@media (max-width: 767px) {
    .p0 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .breadVisible .breadZ.hidden-xs {
        display: block !important;
    }

    #right-wrapper {
        display: none;
    }
}

@media (min-width: 767px) and (max-width: 1200px) {
    .magenta-one .white-border h1 {
        font-size: 20px;
    }

    .white-border.bigger h1.magenta-business span {
        font-size: 19px !important;
    }
}


.product-home-img .top-left-catcher {
    width: 70px;
}

.product-home-img .top-right-catcher {
    width: 70px;
}



/* Product details mobile */

@media (max-width:767px) {

    .one-t-plus-sign, .one-t-equal-sign {
        display: none;
    }
}

.details-phone-tarrif .disabled-btn {
    opacity: 0.3;
}



.one-t-product-options .one-t-product-option:nth-last-of-type(3) {
    border-bottom: 1px solid transparent;
}



/*#region office-complete*/

.cena-so-popust-new img {
    position: relative !important;
    width: 70px;
    float: none !important;
    left: 5px !important;
    top: -45px !important;
}

.magenta-one-footer > div .p-uredi-cena.cena-siva-so-popust .price2 {
    color: #6b6b6b;
}

.cena-siva-so-popust .lineThrough::before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 49%;
    border-top: 1px solid;
    border-color: inherit;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
}


@media (min-width:768px) and (max-width:991px) {
    .cena-so-popust-new img {
        left: -15px !important;
    }
}


@media (max-width:767px) {

    .cena-so-popust-new img {
        width: 60px;
        float: none !important;
        left: 10px !important;
        top: -27px !important;
    }

    .cena-siva-so-popust .lineThrough::before {
        left: 23%;
        top: 50%;
        right: 49%;
    }
}

/*#endregion office-complete*/

/*#region alb-smart-tabela*/
#smartTooltip.smart-tabela-sq .btn-magen {
    width: 100%;
}

#smartTooltip.smart-tabela-sq .p-right-smart {
    margin-top: 5px;
}
/*#endregion alb-smart-tabela*/


/*mini-menu za izbor na jazik vo ns-footer*/
div#ns-bottom div#tools-private {
    display: none;
}





/* Search */

@media (min-width: 768px) {
    .closeSearch {
        width: 35px !important;
        text-align: center;
        z-index: 9999;
    }

    .search-box #qr {
        padding-right: 50px !important;
    }
}


#qr::-ms-clear,
#q::-ms-clear {
    display: none;
}


#ns-bottom .search-icon {
    display: none;
}

/*Za kompanijata slider */

#myCarousel2 a.full-link-mb {
    width: 100%;
    display: block;
    height: 100%;
    cursor: pointer;
    position: absolute;
    z-index: 1;
}

#myCarousel2 .left.carousel-control, #myCarousel2 .right.carousel-control {
    z-index: 9;
    width: 40px;
}

#myCarousel2 a.third.btn.btn-magen.left.grey {
    background: #D8D8D8;
    background: -moz-linear-gradient(top, #D8D8D8 0, #C3C3C3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#D8D8D8), color-stop(100%,#C3C3C3));
    background: -webkit-linear-gradient(top, #D8D8D8 0,#C3C3C3 100%);
    background: -o-linear-gradient(top, #D8D8D8 0,#C3C3C3 100%);
    background: -ms-linear-gradient(top, #D8D8D8 0,#C3C3C3 100%);
    background: linear-gradient(to bottom, #D8D8D8 0,#D4D4D4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D8D8D8', endColorstr='#C3C3C3',GradientType=0 );
    color: #333;
}


/*#region billing-project-go-live*/

div.klasazahover:after, div.klasazahover:before {
    content: "";
    display: table;
    clear: both;
}

.klasazahover > .btn {
    color: #b8b8b8;
    background: #fafafa;
    border-color: #d6d6d6;
}

.klasazahover:hover .billing-dicklaimer-info {
    visibility: visible;
    opacity: 1;
}

.klasazahover .billing-dicklaimer-info {
    width: 250px !important;
    bottom: 128px !important;
    right: 20%;
}

@media (max-width:767px) {
    .p20-xs {
        padding: 20px;
    }

    .klasazahover .billing-dicklaimer-info {
        bottom: 124px !important;
        right: 30px;
        left: 0;
        width: 100% !important;
    }
}

/*#endregion billing-project-go-live*/
/*#region dashborad info */
#mobile-info-more-lines.info-more-than-zero-lines, #fiksni-info-more-lines.info-more-than-zero-lines {
    padding-bottom: 30px;
}

    #mobile-info-more-lines.info-more-than-zero-lines .red-info-text, #fiksni-info-more-lines.info-more-than-zero-lines .red-info-text {
        color: #383838;
    }

/*#endregion dashborad info */



.alert.alert-warning h3 {
    text-transform: uppercase;
    color: #383838;
    margin-top: 10px;
    margin-bottom: 0px;
}

.alert.alert-warning p {
    margin-top: 0px;
}

.alert.alert-warning.alert-order {
    margin-bottom: 100px;
    margin-top: 40px;
    padding: 25px;
    max-width: 500px;
    margin: 43px auto 24px;
    color: #383838;
    background-color: rgba(252, 241, 227, 0.35);
    border-color: #e6d3aa;
}


[ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}


/*#region telekom landing privatni korisnici*/

/*.side-tabs {
    border-bottom: none;
}

.side-tabs > li.active > a, .side-tabs > li.active > a:hover, .side-tabs > li.active > a:focus {
    margin-right: 0;
}

.side-tabs > li > a {
    margin-right: 0;
    padding: 15px 0;
}

.side-tabs > li > a:hover {
    margin-right: 0;
}

.side-tabs > li.active  {
    border: 1px solid #ededed;
    border-bottom: 1px solid white;
    margin-bottom: -1px !important;
}

.side-tabs > li {
    padding: 0 20px;
    border: 1px solid transparent;
    border-bottom: 0;
    margin-bottom: -1px !important;
    border-bottom: 1px solid white;
}

.borderGrayBox {
    border: 1px solid #ededed;
}*/
#aktuelnoBox2018 .e-smetka-nagradna-igra-content {
    padding: 15% 0 !important;
}

    #aktuelnoBox2018 .e-smetka-nagradna-igra-content img {
        bottom: -2px;
    }

    #aktuelnoBox2018 .e-smetka-nagradna-igra-content h1 {
        font-size: 49px !important;
    }

    #aktuelnoBox2018 .e-smetka-nagradna-igra-content h2 {
        font-size: 28px !important;
    }

#aktuelnoBox2018 #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header {
    height: 520px;
    min-height: 520px;
    margin-top: 2px;
}

    #aktuelnoBox2018 #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header .btn-white-border {
        position: relative;
        top: 60px;
    }



#aktuelnoBox2017 h2 {
    color: #e20074;
    padding-bottom: 10px;
    font-size: 26px;
    font-family: teleNeo-bold !important;
}




@media (max-width: 767px) {
    #aktuelnoBox2018 #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header {
        height: 350px !important;
        min-height: 350px !important;
    }

    #aktuelnoBox2018 .e-smetka-nagradna-igra-content h1 {
        font-size: 27px !important;
    }

    #aktuelnoBox2018 .e-smetka-nagradna-igra-content h2 {
        font-size: 21px !important;
    }

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header .btn-white-border {
        position: absolute !important;
        top: auto !important;
        bottom: 0px;
        left: 0;
        right: 0;
        margin: 0 auto;
        max-width: 100px;
    }
}








#aktuelnoBox2017 img {
    width: 100%;
}

#aktuelnoBox2018 h3 {
    color: white;
    text-align: center;
    font-size: 32px;
    line-height: 1.2;
    font-family: teleNeo-extra;
    width: 90%;
    display: block;
    margin: 0 auto;
    margin-top: 45px;
    text-transform: uppercase;
}

#aktuelnoBox2017 p {
    color: #6c6c6c;
    text-align: center;
    font-size: 16px;
    line-height: 1.2;
    font-family: teleNeo-medium !important;
    width: 90%;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    text-transform: uppercase;
}

    #aktuelnoBox2017 h3 span, #aktuelnoBox2017 p span {
        color: #e20074;
    }

#aktuelnoBox2017 a:hover {
    text-decoration: none;
}

#aktuelnoBox2017 .aktuleno-img {
    position: relative;
    overflow: hidden;
}

    #aktuelnoBox2017 .aktuleno-img.black-color-wrapper h3,
    #aktuelnoBox2017 .aktuleno-img.black-color-wrapper p {
        color: #383838;
    }

    #aktuelnoBox2017 .aktuleno-img.black-color-wrapper {
        color: #383838;
        transition: all 0.25s ease-in-out;
    }

        #aktuelnoBox2017 .aktuleno-img.black-color-wrapper .btn-center-bottom {
            color: #383838;
        }

            #aktuelnoBox2017 .aktuleno-img.black-color-wrapper .btn-center-bottom:hover, #aktuelnoBox2017 .aktuleno-img.white-color-wrapper .btn-center-bottom:hover {
                background-color: #e20074;
                border-color: #e20074;
                color: white;
            }

    #aktuelnoBox2017 .aktuleno-img.white-color-wrapper {
        color: #fff;
    }

        #aktuelnoBox2017 .aktuleno-img.white-color-wrapper .btn-center-bottom {
            color: #fff;
        }

#aktuelnoBox2018 .aktuleno-img.right-small-banner .btn-white-border {
    left: 50%;
    TRANSFORM: translateX(-50%);
    position: absolute;
    bottom: 45px;
}

#aktuelnoBox2018 .aktuleno-img.left-small-banner, #aktuelnoBox2018 .aktuleno-img.right-small-banner {
    position: relative;
    overflow: hidden;
    min-height: 520px;
    height: 520px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#aktuelnoBox2018 .aktuleno-img.left-small-banner {
    background-position: left top;
}

#aktuelnoBox2018 .aktuleno-img .iphone-buttons {
    right: 45px;
    bottom: 45px;
}

    #aktuelnoBox2018 .aktuleno-img .iphone-buttons .btn {
        display: block;
        margin: 10px 0px 20px 0;
        min-width: 130px;
        font-size: 18px;
    }

        #aktuelnoBox2018 .aktuleno-img .iphone-buttons .btn:last-of-type {
            margin: 10px 0px 0px 0;
        }

#aktuelnoBox2018 .aktuleno-img.left-small-banner {
    background-image: url('../content/banners/2018/iPhone-Xr-aktuelno.jpg');
}

    #aktuelnoBox2018 .aktuleno-img.left-small-banner img {
        max-width: 100%;
        width: 290px;
        padding: 50px 40px;
    }

#aktuelnoBox2018 .aktuleno-img.right-small-banner {
    background-color: #456ee0;
}

    #aktuelnoBox2018 .aktuleno-img.right-small-banner img {
        max-height: 100%;
        width: auto;
        max-width: 100%;
        height: auto;
        margin: auto;
        padding: 20px 20px 100px;
        display: block;
    }

    #aktuelnoBox2018 .aktuleno-img.right-small-banner.iphone-xs-aktuelno {
        background-image: url('../content/banners/2018/aktuleno-iphone-xs.png');
        background-color: #000000;
    }

#aktuelnoBox2017 .aktuleno-img:hover img {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

#aktuelnoBox2017 .aktuleno-img img {
    max-width: 100%;
    -moz-transition: all 1.3s;
    -webkit-transition: all 1.3s;
    transition: all 1.3s;
}


.accountActions2017#accountActions .pay-box-hmpage-2017 .image-box {
    border-top: none;
    padding-top: 0;
}

.accountActions2017#accountActions .pay-box-hmpage-2017 .payOnlineBox {
    padding: 35px 45px;
}

.accountActions2017#accountActions .pay-box-hmpage-2017 .payOnlineBoxTitle h2 {
    text-align: left;
    color: #e20074 !important;
    font-size: 22px !important;
    font-family: teleNeo-bold !important;
}

.accountActions2017#accountActions .pay-box-hmpage-2017 .payOnlineBoxTitle {
    display: table;
    width: 100%;
}

.accountActions2017#accountActions .pay-box-hmpage-2017 .payOnlineBox-title {
    display: table-cell;
    vertical-align: middle;
}

.accountActions2017#accountActions .payOnlineBox-img {
    text-align: right;
    display: table-cell;
    vertical-align: middle;
}

.accountActions2017#accountActions .pay-box-hmpage-2017 .btn.white-to-magen {
    /*display: block;
    margin: 0 auto;
    float: none;
    max-width: 110px;*/
    /*margin-top: 26px;*/
    /*margin-top: 0px;*/
}

.pay-box-hmpage-2017 .image-box {
    border-top: none;
    padding-top: 0;
    height: 343px;
    overflow: hidden;
}

.pay-box-hmpage-2017 .activateOnlineBox {
    padding: 15px 30px;
    background-color: #f8f8f8;
    height: 310px;
    position: relative;
    overflow: hidden;
}

    .pay-box-hmpage-2017 .activateOnlineBox .activateOnlineBoxTitle {
        display: table;
        width: 100%;
    }

        .pay-box-hmpage-2017 .activateOnlineBox .activateOnlineBoxTitle .payOnlineBox-title {
            display: table-cell;
            vertical-align: middle;
        }

        .pay-box-hmpage-2017 .activateOnlineBox .activateOnlineBoxTitle h2 {
            text-align: center;
            color: #e20074 !important;
            text-transform: uppercase;
            font-family: teleNeo-bold !important;
        }

    .pay-box-hmpage-2017 .activateOnlineBox .activateOnlineBox-img {
        float: right;
    }

    .pay-box-hmpage-2017 .activateOnlineBox .activateOnlineBoxHeader {
        height: 90px;
    }

    .pay-box-hmpage-2017 .activateOnlineBox .activateOnlineBoxFooter .group {
        position: relative;
        display: table;
        width: 100%;
    }

        .pay-box-hmpage-2017 .activateOnlineBox .activateOnlineBoxFooter .group label {
            display: table-cell;
            padding-right: 10px;
            padding-bottom: 0;
        }

        .pay-box-hmpage-2017 .activateOnlineBox .activateOnlineBoxFooter .group .form-control {
            margin-bottom: 0;
        }

    .pay-box-hmpage-2017 .activateOnlineBox .activateOnlineBoxFooter .btn.white-to-magen {
        position: relative;
        float: right;
        background: #e20074;
        color: white;
        border: 1px solid #af005a;
        text-align: center;
    }

        .pay-box-hmpage-2017 .activateOnlineBox .activateOnlineBoxFooter .btn.white-to-magen:hover {
            background: #c00052;
            text-decoration: none;
            color: white;
            border: 1px solid #af005a;
            -webkit-transition: all 0.2s ease-in-out;
            -khtml-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -ie-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            font-family: 'teleNeo-regular';
        }

#aktuelnoBox2018 {
    padding-top: 0px;
    padding-bottom: 0px;
}

#aktuelnoBox2017 {
    padding-top: 20px;
    padding-bottom: 40px;
}

.home-content-holder.ponuda-na-uredi, .more-devices, .tab-content > .active {
    overflow: initial;
    z-index: 2;
}


.accountActions2017#accountActions .dopolni-pripejd-kredit .iframe {
    padding: 0;
    border-top: none;
    padding-top: 0;
}

    .accountActions2017#accountActions .dopolni-pripejd-kredit .iframe iframe {
        padding: 20px 45px 35px;
        height: 231px;
        background-image: none;
        background-repeat: no-repeat;
        background-position: center 21px;
    }


.accountActions2017#accountActions .dopolni-pripejdKreditBoxTitle {
    display: table;
    width: 100%;
}

.accountActions2017#accountActions .dopolni-pripejdKreditBox-title {
    display: table-cell;
    vertical-align: middle;
}

.accountActions2017#accountActions .dopolni-pripejdKreditBox-img {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

.accountActions2017#accountActions .dopolni-pripejdKreditBox-title h2 {
    text-align: left;
    color: #e20074 !important;
    font-size: 22px !important;
    font-family: teleNeo-bold !important;
    margin: 0;
}

.accountActions2017#accountActions .pay-box-hmpage-2017 .payOnlineBox .payOnlineBoxHeader {
    height: 127px;
}

.accountActions2017#accountActions input.e-submit-2.btn-magen {
    display: block;
    margin: 0 auto !important;
    float: none;
    max-width: 110px;
    margin-top: 11px !important;
}

#aboutTelekom2017 .home-icon-wrapper:hover .icon-land {
    -ms-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
    /*background-position: center center;*/
}

#aboutTelekom2017 .telekomUslugiBoxIcon:hover {
    -webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
}

#aboutTelekom2017 .telekomUslugiBoxIcon {
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}


    /*#aboutTelekom2017 .home-icon-wrapper .icon-land.askTelekom {
    background-image: url(../content/images/telekom-prasaj.png);
}*/

    #aboutTelekom2017 .telekomUslugiBoxIcon.delovni .home-icon-wrapper .icon-land.askTelekom {
        background-image: url(../img/piktogrami/TelekomBussines-new.png);
    }

    /*#aboutTelekom2017 .home-icon-wrapper:hover .icon-land.askTelekom {
    background-image: url(../content/images/telekom-prasaj-magen.png);
}*/

    #aboutTelekom2017 .telekomUslugiBoxIcon.delovni .home-icon-wrapper:hover .icon-land.askTelekom {
        background-image: url(../img/piktogrami/TelekomBussines-magenta-new.png);
        background-position: center center;
    }


/*#aboutTelekom2017 .home-icon-wrapper .icon-land.telekomStore {
    background-image: url(../content/images/telekom-prodavnici.png);
}*/

#aboutTelekom2017 .home-icon-wrapper .icon-land.telekomStore span {
    font-size: 72px;
}

#aboutTelekom2017 .telekomUslugiBoxIcon.delovni .home-icon-wrapper .icon-land.telekomStore {
    background-image: url(../img/piktogrami/TelekomOffice-new.png);
}

#aboutTelekom2017 .telekomUslugiBoxIcon.delovni .home-icon-wrapper:hover .icon-land.telekomStore {
    background-image: url(../img/piktogrami/TelekomOffice-magenta-new.png);
    background-position: center center;
}

/*#aboutTelekom2017 .home-icon-wrapper:hover .icon-land.telekomStore {
    background-image: url(../content/images/telekom-prodavnici-magen.png);
}*/

#aboutTelekom2017 .telekomUslugiBoxIcon.delovni .home-icon-wrapper .icon-land.mojKlub {
    background-image: url(../img/piktogrami/TelekomCloud-new.png);
}

#aboutTelekom2017 .telekomUslugiBoxIcon.delovni .home-icon-wrapper:hover .icon-land.mojKlub {
    background-image: url(../img/piktogrami/TelekomCloud-magenta-new.png);
    background-position: center center;
}

/*#aboutTelekom2017 .home-icon-wrapper .icon-land.mojKlub {
    background-image: url(../content/images/telekom-podaroci.png);
}
*/

#aboutTelekom2017 .telekomUslugiBoxIcon.delovni .home-icon-wrapper .icon-land.tAplikacija {
    background-image: url(../img/piktogrami/askTelekom-new.png);
}

#aboutTelekom2017 .telekomUslugiBoxIcon.delovni .home-icon-wrapper:hover .icon-land.tAplikacija {
    background-image: url(../img/piktogrami/askTelekom-magenta-new.png);
    background-position: center center;
}

/*#aboutTelekom2017 .home-icon-wrapper:hover .icon-land.mojKlub {
    background-image: url(../content/images/telekom-podaroci-magen.png);
}

#aboutTelekom2017 .home-icon-wrapper .icon-land.tAplikacija {
    background-image: url(../content/images/telekom-t.png);
}

#aboutTelekom2017 .home-icon-wrapper:hover .icon-land.tAplikacija {
    background-image: url(../content/images/telekom-t-magen.png);
}*/

#aboutTelekom2017 .home-icon-wrapper .icon-land span.telekom-font-icon {
    font-family: 'teleicon-outline' !important;
}


#aboutTelekom2017 .home-icon-wrapper .icon-land span {
    font-size: 65px;
    display: table-cell;
    vertical-align: middle;
    color: #000000;
    /*-moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;*/
}

#aboutTelekom2017 .home-icon-wrapper:hover .icon-land span {
    color: #e20074;
    /*font-size: 75px;*/
    /*-moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;*/
}



#aboutTelekom2017 .telekomUslugiBoxIcon.delovni .home-icon-wrapper p {
    line-height: 1.1;
}

#aboutTelekom2017 .ion-ios-arrow-right:before {
    content: "\f3d3";
    font-weight: bold;
    padding-left: 5px;
}

#aboutTelekom2017 {
    /*background: #f1f2f6;*/
    background: white;
    /*padding: 55px 30px 70px 30px;
    padding-bottom: 22px;*/
}

    #aboutTelekom2017 .telekomUslugiBoxIcon {
        border: 0px solid #ededed;
        padding: 27px 5px;
        min-height: 260px;
        background: white;
    }



    #aboutTelekom2017 h4.txt-dec-none {
        color: black !important;
        font-family: 'teleNeo-medium' !important;
        margin-top: 10px;
        padding: 0 10px;
    }

    #aboutTelekom2017 .telekomUslugiBoxIcon:hover h4.txt-dec-none {
        color: #e20074 !important;
    }


#HomePageLinks .col-md-3 {
    width: 20%;
    padding-left: 0px;
    padding-right: 0;
}

#HomePageLinks-fullFluid {
    /*background: #f1f2f6;*/
    background: white;
}


#HomePageLinks .hpLinksBox {
    position: relative;
    background: linear-gradient(to right, #eaecf2 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 1s ease;
    padding: 15px 15px 15px 15px;
    height: 58px;
}

    #HomePageLinks .hpLinksBox span.telekom-font-icon {
        font-family: 'teleicon-outline' !important;
        color: #e20074;
        font-size: 36px;
    }

    #HomePageLinks .hpLinksBox span:first-of-type {
        color: rgba(0, 0, 0, 0.33);
        font-size: 36px;
    }

    #HomePageLinks .hpLinksBox:hover span:first-of-type {
        color: #e20074;
    }

    #HomePageLinks .hpLinksBox:hover {
        background-position: left bottom;
    }

#HomePageLinks .hpLinksRow .hpLinksBox span:last-child {
    display: inline-block;
    padding-left: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    line-height: 16px;
    color: black;
    font-size: 16px;
}



#HomePageLinks .hpLinksRow .hpLinksBox span:first-child {
    display: inline-block;
    vertical-align: top;
    line-height: 0.8;
}

#HomePageLinks .hpLinksRow .hpLinksBox span.zastita-lichni-podatoci-icon {
    position: relative;
}

#HomePageLinks .hpLinksRow .hpLinksBox span.icon-zashtita-lichni-podatoci:before {
    content: '';
    position: absolute;
    width: 36px;
    height: 30px;
    background-image: url(../content/images/zastita-lichni-podatoci-icon.png);
    background-repeat: no-repeat;
}

#HomePageLinks .hpLinksRow .hpLinksBox:hover span.icon-zashtita-lichni-podatoci:before {
    background-image: url(../content/images/zastita-lichni-podatoci-icon-magenta.png);
}

#HomePageLinks .hpLinksRow .hpLinksBox span.text-zashtita-lichni-podatoci {
    padding-left: 40px;
}

#aboutTelekom2017 .telekomUslugiBoxIcon.delovni .home-icon-wrapper:hover p {
    font-family: 'teleNeo-regular';
}

@media (min-width: 992px) {

    #HomePageLinks-fullFluid .hpLinksRow > .col-md-2 {
        width: 12.6%;
    }

    #HomePageLinks-fullFluid .hpLinksRow > .hp-cenovnici-box.col-md-2 {
        width: 24%;
    }
}

@media (min-width: 768px) {

    .accountActions2017#accountActions .pr7-5px, #aboutTelekom2017 .pr7-5px {
        padding-right: 7.5px !important;
    }

    .accountActions2017#accountActions .pl7-5px, #aboutTelekom2017 .pl7-5px {
        padding-left: 7.5px !important;
    }

    #aboutTelekom2017 .icon-land {
        width: 100px;
        height: 100px;
        /*background-size: 50px !important;*/
    }

    #aboutTelekom2017 .delovni .icon-land {
        background-size: 80px !important;
    }

    #aboutTelekom2017 .telekomUslugiBoxIcon.delovni {
        min-height: 255px;
        padding: 20px 0;
    }

    #aboutTelekom2017 .white-box-al .telekomUslugiBoxIcon.delovni {
        min-height: 265px;
    }

    /*#aboutTelekom2017 .icon-land.askTelekom {
        background-image: url(../img/piktogrami/askTelekom.png);
    }*/

    #aboutTelekom2017 .telekomUslugiBoxIcon.delovni .home-icon-wrapper p {
        padding: 0px 20px;
        margin-bottom: 0;
    }

    #aboutTelekom2017 .icon-land {
        margin: 0px auto 0;
        background-image: none;
        display: table;
    }


    .accountActions2017#accountActions .dopolni-pripejdKreditBoxTitle {
        background-color: #f8f8f8 !important;
        padding: 26px 45px;
    }

    #aktuelnoBox2017 .pr1pl0 {
        padding-left: 0 !important;
    }
}


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

    #HomePageLinks-fullFluid .hpLinksRow a br {
        display: none;
    }

    #aboutTelekom2017 .telekomUslugiBoxIcon.delovni {
        min-height: 300px !important;
    }

    #aboutTelekom2017 .white-box-al .telekomUslugiBoxIcon.delovni {
        min-height: 340px !important;
    }

        #aboutTelekom2017 .white-box-al .telekomUslugiBoxIcon.delovni h4.txt-dec-none {
            margin-bottom: 10px;
            min-height: 50px;
        }

    #aboutTelekom2017 {
        padding: 0;
    }

        #aboutTelekom2017 h4.txt-dec-none {
            width: 80%;
            margin: 0 auto;
            margin-top: 10px;
        }

        #aboutTelekom2017 .telekomStore-reserveTicket {
            text-align: center;
            margin-top: 5px;
        }

        #aboutTelekom2017 .telekomUslugiBoxIcon {
            padding: 20px 0;
            min-height: 216px;
        }

    .accountActions2017#accountActions .pay-box-hmpage-2017 .payOnlineBox .payOnlineBoxHeader {
        height: 111px;
    }

    #HomePageLinks .col-sm-4 {
        width: 33.33333333%;
    }
}


@media (max-width: 767px) {

    #HomePageLinks-fullFluid .hpLinksRow a br {
        display: none;
    }

    #aboutTelekom2017 h4.txt-dec-none {
        font-size: 17px;
        max-width: 100%;
        padding: 0 15px;
    }

    #homepageTabs-accordion .phone-home-title-wraper, #carousel-promotion-phones.carousel, .carousel-promotion-tv.carousel, .carousel-promotion-pc.carousel {
        border-bottom: 0px;
    }

    #HomePageLinks .hpLinksRow .hpLinksBox span:first-child img {
        margin: 0 auto;
        display: block;
    }

    #HomePageLinks {
        padding: 0;
    }

        #HomePageLinks .col-xs-12 {
            padding-left: 0;
            padding-right: 0;
        }


        #HomePageLinks .col-xs-12 {
            width: 100% !important;
        }

    #aboutTelekom2017 .home-icon-wrapper .icon-land {
        height: 75px;
        margin: 0 auto;
        background-image: none;
    }

        #aboutTelekom2017 .home-icon-wrapper .icon-land span {
            display: block;
        }


    #HomePageLinks .hpLinksRow .hpLinksBox span:last-child {
        font-family: teleNeo-regular !important;
        text-transform: none;
        font-size: 19px;
        padding-left: 10px;
    }

    #HomePageLinks .hpLinksRow .hpLinksBox span:first-child {
        width: 41px;
    }

    #HomePageLinks .hpLinksBox {
        padding: 15px 15px 15px 0;
    }

    .tab-pane-sliderNaslovna #homepageTabs-accordion .phone-box .tv-oprema h4 {
        padding: 0 15px 0 15px !important;
    }

    #aboutTelekom2017 .telekomUslugiBoxIcon {
        padding: 25px 0 20px;
        min-height: 203px;
        margin-bottom: 15px;
    }

        #aboutTelekom2017 .telekomUslugiBoxIcon.delovni {
            min-height: 180px;
        }

            #aboutTelekom2017 .telekomUslugiBoxIcon.delovni .home-icon-wrapper .icon-land {
                background-size: 75px;
            }

    #aboutTelekom2017 .pr7-5px-small {
        padding-right: 7.5px !important;
    }

    #aboutTelekom2017 .pl7-5px-small {
        padding-left: 7.5px !important;
    }

    #aboutTelekom2017 .pr0-small {
        padding-right: 0 !important;
    }

    #aboutTelekom2017 .pl0-small {
        padding-left: 0 !important;
    }

    #aktuelnoBox2017 h3 {
        margin-top: 10px;
    }

    #aktuelnoBox2017 {
        padding-top: 0px;
        padding-bottom: 20px;
        margin-bottom: -22px;
    }

        #aktuelnoBox2018 .aktuleno-img, #aktuelnoBox2017 .aktuleno-img {
            margin-top: 15px;
        }

        #aktuelnoBox2017 h2 {
            padding-bottom: 0;
            margin-bottom: 0 !important;
            font-size: 21px;
        }

        #aktuelnoBox2017 h3 {
            margin-bottom: 30px;
        }


    #aboutTelekom2017 {
        margin-top: 0px;
    }

    #aktuelnoBox2017 .aktuleno-imgbox {
        margin-bottom: 2px;
    }


    .accountActions2017#accountActions .dopolni-pripejdKreditBox-title h2 {
        color: white !important;
        padding: 0px 15px;
        display: block;
        margin: 0;
        max-width: 220px;
        background: none;
        font-family: teleNeo-regular !important;
    }
}

@media(min-width:992px) {

    /*#myCarousel2.homepage-slider-full span.glyphicon.glyphicon-chevron-left, #myCarousel2.homepage-slider-full span.glyphicon.glyphicon-chevron-right {
        display: none;
    }*/

    #myCarousel2.homepage-slider-full span.glyphicon.glyphicon-chevron-left, #myCarousel2.homepage-slider-full span.glyphicon.glyphicon-chevron-right {
        background-image: none !important;
        height: 77px;
        margin-top: -45px;
    }

    #myCarousel2.homepage-slider-full .glyphicon-chevron-left:before, #myCarousel2.homepage-slider-full .glyphicon-chevron-right:before {
        content: ']%';
        font-family: 'teleicon-outline';
        color: #333333;
        font-size: 80px;
    }

    #myCarousel2.homepage-slider-full .carousel-control .glyphicon-chevron-right, #myCarousel2.homepage-slider-full .carousel-control .icon-next {
        -ms-transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    #myCarousel2.carousel.slide.homepage-slider-full .left.carousel-control, #myCarousel2.carousel.slide.homepage-slider-full .right.carousel-control {
        width: 80px;
        text-shadow: none;
    }

    #myCarousel2.carousel.slide.homepage-slider-full .arrows-z {
        position: initial;
    }

    #myCarousel2.homepage-slider-full .carousel-control .icon-prev, #myCarousel2.homepage-slider-full .carousel-control .glyphicon-chevron-left {
        left: 22px;
    }

    #myCarousel2.homepage-slider-full .carousel-control .icon-next, #myCarousel2.homepage-slider-full .carousel-control .glyphicon-chevron-right {
        right: 22px;
    }
}


@media (max-width: 374px) {

    #aboutTelekom2017 h4.txt-dec-none {
        font-size: 17px;
        max-width: 100%;
    }

    #aboutTelekom2017 .telekomStore-reserveTicket a {
        padding-left: 5px;
    }
}

/*#endregion telekom landing privatni korisnici*/





/* HOMEPAGE SLIDER FULL */

.slider-naslovna-full-width-wraper {
    margin-top: 0;
}





/*#carousel-promotion-phones {
    border: 1px solid #ededed;
}*/

.tab-cont-ponuda {
    /*-webkit-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.16);
    box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.16);*/
    margin-top: -2px;
}

#carousel-promotion-phones, .carousel-promotion-tv, .carousel-promotion-pc {
    border: 1px solid #ededed;
}

.tab-pane-sliderNaslovna #carousel-promotion-phones, .carousel-promotion-tv, .carousel-promotion-pc {
    border: none;
}

.home-boxes-container .ptb15 {
    padding-top: 0 !important;
}

.more-devices {
    padding: 0;
}

a.more-products-homepage-btn {
    border: 2px solid #e20074;
    color: #e20074;
    padding: 5px 15px;
    display: inline-block;
    margin-top: 35px;
    font-family: teleNeo-bold;
    border-radius: 3px;
}

.tab-pane-sliderNaslovna a.more-products-homepage-btn {
    padding: 6px 15px;
    font-size: 18px;
}

a.more-products-homepage-btn:hover {
    text-decoration: none;
    background-color: #e20074;
    color: #fff;
}

a.third.btn.btn-magen.left.white-btn {
    color: #fff;
    border: 2px solid #fff;
    background: transparent;
    font-family: teleNeo-bold;
    position: absolute;
    bottom: 20px !important;
    z-index: 5;
    left: 5%;
}

/*a.third.btn.btn-magen.left.white-btn:hover {
    color: #e20074;
    background: #fff;
}*/

#myCarousel2.homepage-slider-full .carousel-indicators li,
#myCarousel2.homepage-slider-full .carousel-indicators .active {
    background: url(../images/hp-slider-bullets.png) no-repeat;
}

#myCarousel2.homepage-slider-full .carousel-indicators .active {
    background-position: top -21px center;
}



#myCarousel2.homepage-slider-full ol.carousel-indicators {
    bottom: -50px;
}

/*#myCarousel2.homepage-slider-full .carousel-control {
    opacity: 1;
}*/

#myCarousel2.homepage-slider-full span.glyphicon.glyphicon-chevron-left {
    background-image: url('../images/hp-slider-left-arrow.png');
}

#myCarousel2.homepage-slider-full span.glyphicon.glyphicon-chevron-right {
    background-image: url('../images/hp-slider-right-arrow.png');
}

.carousel-promotion-tv-homepage h4.phone-name.pounuda-naslov,
.carousel-homepage-promotion-pc h4.phone-name.pounuda-naslov {
    text-align: left;
    color: #e20074;
}

.tab-pane-sliderNaslovna .carousel-promotion-tv-homepage h4.phone-name.pounuda-naslov,
.tab-pane-sliderNaslovna .carousel-homepage-promotion-pc h4.phone-name.pounuda-naslov {
    text-align: center;
    font-size: 18px;
    color: #383838 !important;
    font-family: 'teleNeo-bold' !important;
}

.tab-pane-sliderNaslovna .carousel-homepage-promotion-pc h4.phone-name.pounuda-naslov {
    min-height: 60px;
}

@media (min-width: 768px) and (max-width:990px) {
    .slider-bg-image, .slider-second-bg-image {
        background-size: auto 280px !important;
        background-repeat: no-repeat;
        height: 280px !important;
    }

    /*#myCarousel2.homepage-slider-full ol.carousel-indicators {
        bottom: 0 !important;
    }*/

    div#myCarousel2.homepage-slider-full {
        margin-bottom: 50px;
    }

    #myCarousel2.homepage-slider-full a.third.btn {
        display: none;
    }

    #device-televizori-collapse .phoneboxDeviceMore {
        margin-top: 0px !important;
    }
}

@media (min-width: 768px) {
    .slider-bg-image, .slider-second-bg-image {
        height: 375px;
        width: 100%;
        background-size: auto;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .slider-naslovna-full-width-wraper .item.active .slider-second-bg-image {
        transition: all ease-in 0.5s;
        transition-delay: 0.5s;
        opacity: 1;
        visibility: visible;
        position: absolute;
        top: 0;
    }
}

.ptb15 {
    padding-top: 5px;
}

@media (min-width: 992px) {
    div#phones-naslovna.phone-box, .more-devices .carousel-promotion-tv-homepage .carousel-inner .phone-box, .more-devices .carousel-homepage-promotion-pc .carousel-inner .phone-box {
        padding: 16px 16px 0 16px;
        border: 0;
    }

    .tab-pane-sliderNaslovna div#phones-naslovna.phone-box, .tab-pane-sliderNaslovna .more-devices .carousel-promotion-tv-homepage .carousel-inner .phone-box {
        padding: 16px 45px 0;
    }

    /*.tab-pane-sliderNaslovna .more-devices .carousel-promotion-tv-homepage .carousel-inner .phone-box {
        padding: 16px 45px 0;
    }*/

    .tab-pane-sliderNaslovna .more-devices .carousel-promotion-tv-homepage .carousel-inner .phone-box {
        padding: 16px 25px 0;
    }

    .tab-pane-sliderNaslovna .carousel-promotion-tv h4.phone-name {
        min-height: 60px;
    }

    .tab-pane-sliderNaslovna .more-devices .carousel-homepage-promotion-pc .carousel-inner .phone-box {
        padding: 16px 30px 0;
        min-height: 430px;
    }

    div#phones-naslovna.phone-box {
        margin: 25px 0 15px 0px;
    }

    #carousel-promotion-phones .carousel-inner > div:nth-of-type(2) div#phones-naslovna.phone-box {
        border-right: 1px solid #f1f1f1;
        border-left: 1px solid #f1f1f1;
    }

    .tab-pane-sliderNaslovna #carousel-promotion-phones .carousel-inner > div:nth-of-type(2) div#phones-naslovna.phone-box, .tab-pane-sliderNaslovna .carousel-promotion-tv .carousel-inner > div:nth-of-type(2) .phone-box {
        border-right: none;
        border-left: none;
    }

    .more-devices .carousel-promotion-tv-homepage .carousel-inner .phone-box, .more-devices .carousel-homepage-promotion-pc .carousel-inner .phone-box {
        margin: 25px 0 -20px 0px;
    }

    #carousel-promotion-phones, .carousel-promotion-tv.carousel-promotion-tv-homepage.carousel.slide, .carousel-promotion-pc.carousel-homepage-promotion-pc.carousel.slide {
        -webkit-box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.05);
        -moz-box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.05);
        box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.05);
    }

    .tab-pane-sliderNaslovna #carousel-promotion-phones, .tab-pane-sliderNaslovna .carousel-promotion-tv.carousel-promotion-tv-homepage.carousel.slide, .tab-pane-sliderNaslovna .carousel-promotion-pc.carousel-homepage-promotion-pc.carousel.slide {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .side-tabs > li.active {
        -webkit-box-shadow: 0px -2px 7px 1px rgba(0,0,0,0.05);
        -moz-box-shadow: 0px -2px 7px 1px rgba(0,0,0,0.05);
        box-shadow: 0px -2px 7px 1px rgba(0,0,0,0.05);
    }

    .tab-pane-sliderNaslovna .side-tabs > li.active {
        box-shadow: none;
    }

    .homepage-slider-full .arrows-z {
        position: relative;
    }


    .container.container-slider-btn {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    #myCarousel2 .carousel-control .glyphicon-chevron-left, #myCarousel2 .carousel-control .glyphicon-chevron-right, #myCarousel2 .carousel-control .icon-prev, #myCarousel2 .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        /*margin-top: -117px !important;*/
    }

    div#phones-naslovna {
        margin: 25px 0;
        padding: 16px;
    }

    .product-home-img {
        margin-bottom: 30px !important;
        margin-top: 30px !important;
    }

    .side-tabs {
        border-bottom: 0 !important;
    }

        .side-tabs > li > a {
            border: 0 solid #ededed;
            padding: 15px 20px !important;
            margin-right: 0 !important;
        }

            .side-tabs > li > a:hover {
                border-bottom: 0 !important;
            }

        .side-tabs > li.active > a, .side-tabs > li.active > a:hover, .side-tabs > li.active > a:focus {
            padding-right: 0;
            margin-right: 0 !important;
            position: relative;
            border-bottom: 0 !important;
        }

        .side-tabs > li {
            border: 1px solid transparent !important;
        }

            .side-tabs > li.active {
                border: 1px solid #ededed !important;
                background-color: #fff !important;
                border-bottom: 1px solid white !important;
            }

    .tab-pane-sliderNaslovna .side-tabs > li.active {
        border: 1px solid white !important;
    }


    .tab-pane-sliderNaslovna #homepageTabs.side-tabs > li, .tab-pane-sliderNaslovna #homepageTabs.side-tabs > li.active {
        border: none;
        background-color: #fff !important;
        border-bottom: none;
    }

    .side-tabs > li.active span.filter-text {
        position: relative;
    }

        .side-tabs > li.active span.filter-text:after, .tab-pane-sliderNaslovna .side-tabs > li.active a:after {
            content: '';
            width: 100%;
            height: 4px;
            background-color: #e20074;
            display: block;
            bottom: -15px;
            position: absolute;
            top: auto;
            left: 0;
            right: 0;
        }

    .tab-pane-sliderNaslovna .side-tabs > li.active a:after {
        bottom: 0;
    }

    .tab-pane-sliderNaslovna .btn-magen {
        font-size: 18px;
        padding: 6px 20px;
    }

    #myCarousel2.carousel.slide.homepage-slider-full {
        height: 385px !important;
        margin-bottom: 40px;
    }
}

@media(min-width: 768px) and (max-width:991px) {
    /*#homepageTabs-accordion .phone-box .product-home-img {
        display: block !important;
        float: none !important;
    }

    #homepageTabs-accordion .phone-box .txt-cena-naslovna {
        text-align: center !important;
    }*/
    .phone-home-title-wraper {
        border-bottom: none;
    }

    #homepageTabs-accordion .phone-box .tv-oprema h4, #homepageTabs-accordion .phone-box h4 {
        text-align: left;
    }

    #carousel-promotion-phones #phones-naslovna .mob-img img {
        max-width: 100%;
    }
}

@media screen and (max-width: 991px) {
    #homepageTabs-accordion .phone-box h4 {
        position: relative !important;
        left: auto !important;
    }

    #homepageTabs-accordion .phone-box .txt-cena-naslovna {
        width: 100% !important;
        float: none !important;
    }



    #homepageTabs-accordion .phone-box .p-uredi-cena {
        margin-top: 0 !important;
    }

    #homepageTabs-accordion .phone-box .p-uredi-cena {
        margin: 0px auto !important;
        float: none !important;
    }

    #homepageTabs-accordion .phoneboxDeviceMore {
        float: none !important;
    }

    #phones-naslovna h4.phone-name {
        text-align: center !important;
    }

    #homepageTabs-accordion .more-devices > .white-box-left-m-klub-blue {
        position: relative !important;
        bottom: 20px !important;
    }

    div#phones-naslovna .p-uredi-cena, .carousel-promotion-tv-homepage .p-uredi-cena, .carousel-homepage-promotion-pc .p-uredi-cena {
        width: 70%;
        max-width: 70%;
        text-align: center !important;
    }

        div#phones-naslovna .p-uredi-cena .p-left, .carousel-promotion-tv-homepage .p-uredi-cena .p-left, .carousel-homepage-promotion-pc .p-uredi-cena .p-left,
        div#phones-naslovna .p-uredi-cena .p-right, .carousel-promotion-tv-homepage .p-uredi-cena .p-right, .carousel-homepage-promotion-pc .p-uredi-cena .p-right {
            float: none !important;
            display: inline-block !important;
            width: auto !important;
        }

    #homepageTabs-accordion .phone-box h4 {
        text-align: center !important;
    }
}

/*#carousel-promotion-phones .carousel-inner .item:nth-child(2) #phones-naslovna,
.carousel-promotion-tv-homepage .carousel-inner .item:nth-child(2) .phone-box,
.carousel-homepage-promotion-pc .carousel-inner .item:nth-child(2) .phone-box {
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
}*/

.carousel-promotion-tv-homepage .carousel-inner .phone-box,
.carousel-homepage-promotion-pc .carousel-inner .phone-box {
    margin: 25px 0;
    padding: 16px;
}

div#phones-naslovna h4.phone-name {
    font-size: 16px;
    color: #e20073 !important;
    text-align: left;
}

.tab-pane-sliderNaslovna div#phones-naslovna h4.phone-name {
    font-size: 18px;
    color: #383838 !important;
    text-align: center;
    font-family: 'teleNeo-bold' !important;
}

.tab-pane-sliderNaslovna #phones-naslovna .product-home-img {
    /*height: 240px;*/
    width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative;
}

    .tab-pane-sliderNaslovna #phones-naslovna .product-home-img .table-img {
        width: 400px;
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -200px;
    }

.tab-pane-sliderNaslovna #devices-mobilni .phone-box .table-img > img {
    display: block;
    margin: 0 auto;
}

div#phones-naslovna .p-uredi-cena,
.carousel-promotion-tv-homepage .p-uredi-cena,
.carousel-homepage-promotion-pc .p-uredi-cena {
    margin: inherit;
    text-align: left;
}

    div#phones-naslovna .p-uredi-cena .p-left,
    .carousel-promotion-tv-homepage .p-uredi-cena .p-left,
    .carousel-homepage-promotion-pc .p-uredi-cena .p-left {
        float: left;
        width: auto !important;
        text-align: left;
        padding-right: 5px;
    }

    #phones-naslovna .p-uredi-cena .p-right,
    .carousel-promotion-tv-homepage .p-uredi-cena .p-right,
    .carousel-homepage-promotion-pc .p-uredi-cena .p-right {
        float: left;
        width: auto;
    }

#device-televizori .carousel-promotion-tv-homepage a.mt15,
.carousel-homepage-promotion-pc a.mt15 {
    margin-top: 0 !important;
}

#phones-naslovna .txt-cena-naslovna {
    /*text-align: right;
    padding-top: 0;*/
    text-align: left;
    padding-top: 5px;
    border-top: 0;
}

#phones-naslovna .txt-cena-naslovna {
    padding-top: 10px;
}

.tab-pane-sliderNaslovna #phones-naslovna .txt-cena-naslovna {
    padding-top: 5px;
}

.tab-pane-sliderNaslovna #phones-naslovna .txt-cena-naslovna {
    text-align: left;
    padding-top: 5px;
    border-top: 0;
}

.home-boxes-container p.txt-cena-naslovna {
    padding-bottom: 0;
    min-height: 20px;
}

.phone-home-title-wraper {
    border-bottom: 1px solid #ededed;
    margin-bottom: 10px;
}

.tab-pane-sliderNaslovna .carousel-promotion-pc.carousel-homepage-promotion-pc .phone-home-title-wraper {
    margin-bottom: 20px;
}

.tab-pane-sliderNaslovna .phone-home-title-wraper {
    border-bottom: none;
}

.phone-home-title-wraper:before, .phone-home-title-wraper:after {
    content: '';
    clear: both;
    display: table;
}

@media (max-width:991px) {
    #aktuelnoBox2018 .aktuleno-img.left-small-banner, #aktuelnoBox2018 .aktuleno-img.right-small-banner {
        min-height: 420px;
        height: 420px;
    }

        #aktuelnoBox2018 .aktuleno-img.left-small-banner img {
            width: 260px;
        }

    .slider-naslovna-full-width-wraper.slider-naslovna2 .item {
        background-position: 64% 0 !important;
    }

        .slider-naslovna-full-width-wraper.slider-naslovna2 .item.partner-magenta {
            background-position: 80% 0% !important;
        }

        .slider-naslovna-full-width-wraper.slider-naslovna2 .item.popustBanner {
            background-position: 52% 0px !important;
        }

    #homepageTabs-accordion .ratiWrapper-landing, #homepageTabs-accordion .btnMoreWrapper-landing, #homepageTabs-accordion #phones-naslovna h4.phone-name, #homepageTabs-accordion .phone-box .p-uredi-cena {
        text-align: left !important;
        max-width: 100%;
    }

    .tab-pane-sliderNaslovna #homepageTabs-accordion .ratiWrapper-landing {
        padding-left: 0 !important;
    }

    #homepageTabs-accordion .btnMoreWrapper-landing {
        padding-top: 5px;
    }

    .tab-pane-sliderNaslovna #homepageTabs-accordion .btnMoreWrapper-landing {
        padding-bottom: 20px;
    }

    #homepageTabs-accordion .phone-box .btnMoreWrapper-landing .p-uredi-cena, #homepageTabs-accordion .phone-box .btnMoreWrapper-landing .p-uredi-cena {
        width: 100%;
        max-width: 100%;
    }

    .phone-home-title-wraper {
        border-bottom: 0px;
    }

    #homepageTabs-accordion .phone-home-title-wraper {
        width: 50%;
        float: left;
    }

    .tab-pane-sliderNaslovna #homepageTabs-accordion .phone-home-title-wraper {
        margin-bottom: 30px;
    }

    #homepageTabs-accordion .btnMoreWrapper-landing {
        padding-left: 0px;
    }

    #homepageTabs-accordion .phoneboxDeviceMore {
        margin-top: 20px;
    }

    #homepageTabs-accordion .phone-box .tv-oprema h4, #homepageTabs-accordion .phone-box h4 {
        font-size: 16px;
        max-width: 100%;
        text-align: left !important;
    }

    .tab-pane-sliderNaslovna #homepageTabs-accordion .phone-box .tv-oprema h4 {
        padding: 0 15px 0 0px;
    }
}

.item .slider-second-bg-image {
    transition: all ease-in 0.5s;
    opacity: 0;
}

.item.active .slider-second-bg-image {
    opacity: 1;
}

.ponuda-na-uredi .mob-img img {
    max-height: 223px;
}

.svg-image-on-main-to-load {
    width: 70px;
}

#devices-mobilni .phone-box .table-img > img {
    max-height: 100%;
    max-width: 218px;
}

.tab-pane-sliderNaslovna #devices-mobilni .phone-box .table-img > img {
    max-width: none;
}

.btns-MoreAlign {
    text-align: right;
}
/* end of HOMEPAGE SLIDER FULL */



/*#region osiguuruvanje page*/

.inner-cont .osiguruvanje-first-row {
    text-align: left;
    position: relative;
    margin-bottom: 40px;
}

    .inner-cont .osiguruvanje-first-row h1 {
        font-family: teleNeo-bold !important;
        text-transform: uppercase;
        font-size: 50px;
        text-align: left;
        margin: 0 !important;
    }

        .inner-cont .osiguruvanje-first-row h1 span {
            display: block;
            color: #fff;
            font-family: 'teleNeo-regular';
        }

.osuguruvanje-first-row-text p {
    color: #6c6c6c;
    font-size: 18px;
}

    .osuguruvanje-first-row-text p.small {
        font-size: 14px;
    }

.osuguruvanje-first-row-text ul li {
    font-size: 17px;
}

.osiguruvanje-first-row .skrshen-ekran {
    position: absolute;
    top: 24px;
    width: 250px;
    right: 11%;
}

#osiguruvanje-wraper .osiguruvanje-first-row h2 {
    text-transform: uppercase;
    color: #e20074;
    text-align: left;
    font-size: 30px;
    font-family: 'teleNeo-regular' !important;
}

    #osiguruvanje-wraper .osiguruvanje-first-row h2:last-of-type {
        padding-top: 20px;
    }

#osiguruvanje-wraper .osiguruvanje-first-row ul li {
    font-size: 18px;
    display: block;
    background: url(../images/list-bullet.png) 0 11px no-repeat;
    padding-left: 15px;
    line-height: 145%;
    margin-bottom: 7px;
    margin-left: 15px;
}

#osiguruvanje-wraper ul.terms-and-conditions-osiguruvanje {
    margin-top: 30px;
}

.inner-cont ul.terms-and-conditions-osiguruvanje li {
    color: #6c6c6c;
    font-size: 13px;
    background: none;
    margin-left: 0;
    padding-left: 15px;
    position: relative;
}

    .inner-cont ul.terms-and-conditions-osiguruvanje li:before {
        content: '';
        width: 4px;
        height: 4px;
        display: block;
        position: absolute;
        top: 8px;
        left: 5px;
        background: #6c6c6c;
        border-radius: 50%;
    }


.osuguruvanje-first-row-title {
    background: url(../content/images/osiguruvanje-bg.jpg) #e20074 top center no-repeat;
    padding: 35px 35px;
    width: 100%;
    position: relative;
    height: 390px;
    background-position: center;
    background-size: cover;
}

    .osuguruvanje-first-row-title h1 {
        position: relative;
        /*color: #414141;*/
        font-size: 35px;
        font-family: 'teleNeo-bold' !important;
        display: inline;
        float: left;
        width: 49%;
        color: white;
        top: 30%;
    }

        .osuguruvanje-first-row-title h1 span {
            color: white;
        }



.osuguruvanje-first-row-text {
    padding-right: 0;
}

    .osuguruvanje-first-row-text.pr-0 {
        padding-right: 0;
    }

#osiguruvanje-wraper .dark-blue-bcg {
    position: relative;
    background: #1063AD;
    color: white;
    padding: 20px 0;
    margin: 40px 0 30px 0;
}

    #osiguruvanje-wraper .dark-blue-bcg .wrapper {
        position: relative;
        width: 100%;
    }

        #osiguruvanje-wraper .dark-blue-bcg .wrapper h2 {
            position: relative;
            text-transform: uppercase;
            font-family: 'teleNeo-bold' !important;
            padding-right: 150px;
        }

        #osiguruvanje-wraper .dark-blue-bcg .wrapper a {
            position: absolute;
            width: 120px !important;
            top: 0;
            right: 0;
            bottom: 0;
            width: auto;
            height: 40px;
        }

@media (min-width:768px) and (max-width:990px) {
    #osiguruvanje-wraper .osiguruvanje-first-row h1 {
        font-size: 40px;
    }

    .osiguruvanje-first-row .skrshen-ekran {
        max-width: 240px;
    }
}


@media (max-width:767px) {
    .white-box-left-m-klub-blue a.more-products-homepage-btn {
        width: 50%;
        margin: 20px auto;
        display: block;
    }

    #osiguruvanje-wraper .dark-blue-bcg .wrapper h2 {
        font-size: 21px;
    }

    #osiguruvanje-wraper .osiguruvanje-first-row h1 {
        font-size: 28px;
    }



    .osiguruvanje-first-row .skrshen-ekran {
        max-width: 200px;
    }

    .osuguruvanje-first-row-title {
        padding: 20px 165px 210px 20px;
        height: auto;
    }

    #osiguruvanje-wraper .osiguruvanje-first-row h2 {
        font-size: 24px;
    }

    #aktuelnoBox2018 .aktuleno-img.left-small-banner, #aktuelnoBox2018 .aktuleno-img.right-small-banner {
        min-height: 350px;
        height: 350px;
    }

        #aktuelnoBox2018 .aktuleno-img.left-small-banner img {
            width: 210px;
            padding: 30px 30px;
        }

        #aktuelnoBox2018 .aktuleno-img.left-small-banner .iphone-buttons {
            right: 20px;
            bottom: 20px;
        }

        #aktuelnoBox2018 .aktuleno-img.right-small-banner img {
            padding: 10px 20px 70px;
        }

        #aktuelnoBox2018 .aktuleno-img.right-small-banner .btn-white-border {
            bottom: 20px;
        }
}

@media (max-width:600px) {
    #osiguruvanje-wraper .osiguruvanje-first-row h1 {
        font-size: 28px;
    }



    .osiguruvanje-first-row .skrshen-ekran {
        max-width: 180px;
    }

    #osiguruvanje-wraper .osiguruvanje-first-row h2 {
        font-size: 18px;
    }
}

@media (max-width:480px) {
    .osiguruvanje-first-row .skrshen-ekran {
        max-width: 100px;
    }

    #osiguruvanje-wraper .osiguruvanje-first-row h1 {
        font-size: 22px;
    }

    .osuguruvanje-first-row-title {
        padding: 15px 100px 155px 15px;
    }
}

@media (min-width:380px) and (max-width:480px) {
}

@media (max-width: 767px) {
    #osiguruvanje-wraper .tableWidgetArrow > .arr.chevron-right:before {
        color: #fff;
    }

    #osiguruvanje-wraper .tableWidgetArrow > .arr.chevron-right {
        right: 14px !important;
        top: 25px;
    }

    #osiguruvanje-wraper a.tableWidgetArrow.twprev {
        left: 19px;
    }

    #osiguruvanje-wraper .tableWidgetArrow > .arr.chevron-left:before {
        color: #fff !important;
    }

    #osiguruvanje-wraper .osiguruvanje-web.table-responsive table.table-blue thead tr th:not(:first-of-type) {
        text-align: center;
    }

    .inner-cont .osuguruvanje-first-row-text p {
        line-height: 1;
    }
}

.osiguruvanje-web table {
    width: 100%;
    font-size: 17px;
}

#osiguruvanje-wraper iframe {
    position: relative;
    margin: 30px 0;
    width: 100%;
}

.osiguruvanje-web table.table-blue tbody td, .osiguruvanje-web.table-responsive table.table-blue thead tr th {
    border: 10px solid #fff !important;
    padding: 10px 20px !important;
}

    .osiguruvanje-web.table-responsive table.table-blue thead tr th:not(:first-of-type) {
        background-color: #e20074 !important;
        color: white;
        font-family: 'teleNeo-medium';
    }

    .osiguruvanje-web.table-responsive table.table-blue thead tr th:first-of-type {
        border-right: 25px solid #fff !important;
    }

.osiguruvanje-web table tbody tr td:first-of-type {
    background-color: #999b9e;
    color: white;
    font-family: 'teleNeo-regular';
    border-right: 25px solid #fff !important;
    border-left: 0px solid #fff !important;
}

.osiguruvanje-web table tbody tr td, .osiguruvanje-web table thead tr th {
    border-left: 20px solid #fff !important;
}

.osiguruvanje-web table.table-blue td + td, .osiguruvanje-web table.table-blue th + th, .osiguruvanje-web table.table-blue td + td + td, .osiguruvanje-web table.table-blue th + th + th {
    background-color: #c7c8ca;
    color: #383838;
    font-family: 'teleNeo-bold' !important;
}
/*#endregion osiguuruvanje page*/
#internet-tv-paketi.office-complete-paketi-title-new {
    position: relative;
}

    #internet-tv-paketi.office-complete-paketi-title-new .EC-complete {
        position: absolute;
        right: 100px;
        bottom: -80px;
    }

@media(max-width:767px) {
    #internet-tv-paketi.office-complete-paketi-title-new .EC-complete {
        right: 0px;
        bottom: -80px;
    }
}


/*#region banner landing mobile*/


.dopolni-pripejd-kredit .bannerLandingMobile a {
    background-image: none;
    background-position: initial;
    background-color: transparent;
    padding: 0;
    display: inline-block;
}

    .dopolni-pripejd-kredit .bannerLandingMobile a:first-of-type {
        margin-right: 5px;
    }

.bannerLandingMobile {
    background-color: #f1f2f6;
}

    .bannerLandingMobile .bannerMobileBox {
        background-color: white;
        margin-top: 35px;
        display: table;
        width: 100%;
    }

    .bannerLandingMobile .bannerMobileBoxImg {
        display: table-cell;
        width: 33%;
        vertical-align: bottom;
    }

        .bannerLandingMobile .bannerMobileBoxImg img {
            padding: 10px 0 0;
        }

    .bannerLandingMobile .bannerMobileBoxApp {
        display: table-cell;
        width: 67%;
        vertical-align: middle;
        padding-right: 15px;
    }

        .bannerLandingMobile .bannerMobileBoxApp h3 {
            font-family: 'teleNeo-bold' !important;
            color: #e20074;
            font-size: 14px;
            width: 100%;
            margin: 0;
            margin-bottom: 12px;
        }


@media (max-width: 374px) {

    .bannerLandingMobile .bannerMobileBoxImg {
        width: 30%;
    }

    .bannerLandingMobile .bannerMobileBoxApp {
        width: 70%;
    }

    .bannerLandingMobile .bannerMobileBoxImg img {
        padding: 15px 0 0;
        width: 85%;
    }

    .bannerLandingMobile .bannerMobileBoxApp h3 {
        width: 100%;
    }
}



/*#endregion banner landing mobile*/



#ns-content .fullFluidBanner img {
    margin: 0 auto;
    display: block;
}

#ns-content .fullWidthBanner img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.icon-scroll:before {
    position: absolute;
    left: 50%;
}

.icon-scroll {
    width: 35px;
    height: 60px;
    margin-left: -20px;
    top: auto;
    margin-top: 0;
    box-shadow: inset 0 0 0 1px #777777;
    border-radius: 25px;
    position: absolute;
    bottom: 81px;
    left: 0;
    right: 0;
    margin: auto;
}

    .icon-scroll:before {
        content: '';
        width: 8px;
        height: 8px;
        background: #777777;
        margin-left: -4px;
        top: 8px;
        border-radius: 4px;
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-name: scroll;
        animation-name: scroll;
    }

@-webkit-keyframes scroll {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(46px);
        transform: translateY(46px);
    }
}

@keyframes scroll {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(46px);
        transform: translateY(46px);
    }
}





.reports-full, .publication-full.objavi-NL-full {
    margin-bottom: 14px;
}

.publication-full {
    margin-bottom: 30px;
}

    .reports-full .reports-full-txt, .publication-full .publication-full-txt {
        padding: 30px 20px 40px 20px;
    }

    .reports-full img, .publication-full img {
        width: 100%;
    }

    .reports-full h3, .publication-full h3 {
        color: #555;
        text-transform: uppercase;
        font-size: 18px;
        padding: 0 0 5px;
        border-bottom: 1px dotted #e5e5e5;
        margin: 0;
        margin-bottom: 20px;
    }

@media (max-width: 991px) {

    .reports-full .pr7, .publication-full .pr7 {
        padding-right: 15px !important;
    }

    .reports-full .pl7, .publication-full .pl7 {
        padding-left: 15px !important;
    }
}

@media (max-width: 767px) {

    .reports-full h3, .publication-full h3 {
        margin-bottom: 20px;
    }
}

/*#region questions and answers*/

#qa-landing h1 {
    font-size: 36px;
    text-align: left;
    font-family: 'teleNeo-bold' !important;
    color: white;
    padding-top: 110px;
}

#qa-landing .qa-banner {
    background: url('../content/images/qa-banner.jpg') no-repeat center;
    background-size: cover;
    min-height: 375px;
    position: relative;
}

    #qa-landing .qa-banner .search-bar-qa {
        position: absolute;
        display: table;
        width: 310px;
        bottom: 17px;
        margin: 0 auto;
        padding: 10px 15px;
        left: 0;
        right: 0;
        background-color: rgba(255, 255, 255, 0.7);
    }

        #qa-landing .qa-banner .search-bar-qa input.search-qa {
            position: relative;
            display: table-cell;
            width: 100%;
            outline: none;
            background-color: transparent;
            border: 0;
            border-radius: 0;
            font-size: 19px;
            padding: 0;
            color: black;
            margin: 0 auto;
            margin-bottom: 0;
            line-height: 0;
        }

        #qa-landing .qa-banner .search-bar-qa .qa-search-icon {
            position: relative;
            width: 30px;
            display: table-cell;
            width: 15%;
        }

            #qa-landing .qa-banner .search-bar-qa .qa-search-icon:after {
                content: ']q';
                font-family: 'teleicon-outline';
                position: absolute;
                font-size: 25px;
                color: #383838;
                z-index: 999;
                top: 50%;
                right: 0;
                transform: translatey(-50%);
            }

#qa-landing .qa-greyBox {
    position: relative;
    background: #f1f2f2;
    padding: 40px 0;
}

    #qa-landing .qa-greyBox .qa-box .qa-header {
        /*margin-bottom: 2px;*/
        border-bottom: 2px solid #f1f2f2;
        padding: 18px 22px;
    }

/*.qa-greyBox .container .row > div {
    padding: 0 7px;
}

.qa-greyBox .container .row {
    margin-right: -7px;
    margin-left: -7px;
}*/

#qa-landing .qa-fullBox {
    display: table;
    width: 100%;
    border-spacing: 10px 0;
}

#qa-landing .qa-box {
    display: table-cell;
    width: 25%;
    background: white;
}

#qa-landing .qa-row {
    margin-left: -10px;
    margin-right: -10px;
}

#qa-landing .qa-box.qa-kupi-online {
    position: relative;
    vertical-align: middle;
    text-align: center;
    background: #e20074;
}

    #qa-landing .qa-box.qa-kupi-online h3 {
        color: white;
        font-family: 'teleNeo-extra' !important;
        font-size: 39px;
        margin: 0;
    }

    #qa-landing .qa-box.qa-kupi-online a {
        display: block;
        padding: 50% 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        text-decoration: none;
    }

#qa-landing .qa-greyBox .qa-box .qa-header h3 {
    font-size: 17px;
    text-transform: uppercase;
    color: black;
    margin: 0;
    font-family: 'teleNeo-medium' !important;
}

#qa-landing .qa-greyBox .qa-box .qa-content {
    position: relative;
    padding: 18px 22px 22px;
}



#qa-landing .nav-tabs-qa {
    position: relative;
    background-color: #2e333b;
}

    #qa-landing .nav-tabs-qa ul {
        border-bottom: 0 !important;
        display: table;
        width: 100%;
    }

        #qa-landing .nav-tabs-qa ul li {
            display: table;
            width: 16.4%;
            margin: 0 1px 0 1px;
            padding: 15px 20px;
            height: 110px;
            background-color: #565d67;
            color: white;
            font-size: 19px;
            line-height: 1.2;
            vertical-align: middle;
            border-radius: 0 !important;
            display: table-cell;
            cursor: pointer;
            -webkit-transition: all 0.2s ease-in;
            -moz-transition: all 0.2s ease-in;
            -ms-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
        }

            #qa-landing .nav-tabs-qa ul li:hover {
                color: #d1d1d1;
            }

            #qa-landing .nav-tabs-qa ul li.active {
                background-color: white;
                color: black;
                border-radius: 0 !important;
            }

                #qa-landing .nav-tabs-qa ul li.active:before {
                    content: '';
                    height: 7px;
                    width: 100%;
                    position: absolute;
                    top: -7px;
                    background-color: white;
                    left: 0;
                    z-index: 0;
                }

#qa-landing #myTabContent-qa-desctop .panel-group {
    width: 80%;
    margin: 55px auto 80px auto;
}

#qa-landing .tab-content .panel-group .panel + .panel {
    margin-top: 0;
}

#qa-landing .tab-content .panel-group .panel.panel-default {
    border: 0;
}

    #qa-landing .tab-content .panel-group .panel.panel-default .panel-heading {
        background-color: transparent;
        border-top: 1px solid #e5e5e5;
        padding: 0;
    }

    #qa-landing .tab-content .panel-group .panel.panel-default:nth-child(1) .panel-heading {
        border-top: 0;
    }

    #qa-landing .tab-content .panel-group .panel.panel-default .panel-heading .panel-title {
        padding-top: 0;
    }

    #qa-landing .tab-content .panel-group .panel.panel-default > .panel-heading + .panel-collapse > .panel-body {
        border: 0 !important;
        padding-left: 0;
        font-size: 17px;
    }

    #qa-landing .tab-content .panel-group .panel.panel-default .panel-heading .panel-title a {
        font-size: 19px;
        display: block;
        padding: 30px 35px 30px 0;
        text-decoration: none;
        position: relative;
    }

        #qa-landing .tab-content .panel-group .panel.panel-default .panel-heading .panel-title a:hover,
        #qa-landing .tab-content .panel-group .panel.panel-default .panel-heading .panel-title a:focus {
            color: inherit;
            text-decoration: none;
        }

        #qa-landing .tab-content .panel-group .panel.panel-default .panel-heading .panel-title a:after {
            content: ']$';
            font-family: 'teleicon-outline';
            position: absolute;
            color: #e20074;
            font-size: 22px;
            top: 40px;
            right: 20px;
            margin: auto;
            transform: rotateZ(-180deg);
            transition-property: transform;
            transition-duration: .25s;
        }

        #qa-landing .tab-content .panel-group .panel.panel-default .panel-heading .panel-title a.collapsed:after {
            content: ']$';
            font-family: 'teleicon-outline';
            position: absolute;
            color: #e20074;
            font-size: 22px;
            top: 32px;
            right: 20px;
            margin: auto;
            transform: rotateZ(0deg);
            transition-property: transform;
            transition-duration: .25s;
        }

#qa-landing .qa-greyBox .qa-box .qa-content p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 17px;
    /*min-height: 192px;*/
}


#qa-landing .qa-banner .search-bar-qa input.search-qa:focus {
    outline: none !important;
    box-shadow: none !important;
}

#qa-landing #myTabContent-qa-desctop .panel-body ul li {
    display: block;
    background: url(../images/list-bullet.png) 0 11px no-repeat;
    padding-left: 15px;
    line-height: 145%;
    margin-bottom: 7px;
    margin-left: 15px;
}

@media (min-width:992px) and (max-width:1199px) {
    #qa-landing .nav-tabs-qa ul li {
        /*width: 19.7% !important;*/
        padding: 15px 10px !important;
        display: table-cell;
    }

    #qa-landing .qa-greyBox .qa-box .qa-content p {
        min-height: 130px !important;
    }

    #qa-landing .qa-greyBox .qa-box .qa-header {
        padding: 20px 15px;
    }

    /*#qa-landing .qa-greyBox .qa-box .qa-content {
        padding: 25px 15px;
        min-height: 242px;
    }*/
}

@media (max-width: 991px) {
    #qa-landing .nav-tabs-qa ul li a {
        font-size: 16px !important;
        padding: 20px 5px !important;
    }
}

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

    #qa-landing .qa-row {
        margin-left: auto;
        margin-right: auto;
    }

    #qa-landing .qa-fullBox {
        display: block;
        border-spacing: 0;
    }

    #qa-landing .qa-box {
        display: inline-block;
        width: 47%;
        float: left;
        margin: 10px 11px;
        min-height: 285px;
    }

    #qa-landing .qa-banner .search-bar-qa input.search-qa {
        width: 35% !important;
    }

    #qa-landing .qa-banner .search-bar-qa .qa-search-icon {
        right: 30% !important;
    }

    #qa-landing .qa-box.qa-kupi-online a {
        padding: 22% 0;
    }

    #qa-landing h1 {
        font-size: 31px;
    }

    #qa-landing .nav-tabs-qa ul li {
        /*width: 19.7% !important;*/
        display: table-cell;
        height: 100px !important;
        font-size: 17px !important;
    }

    #qa-landing .nav-tabs-qa ul li {
        padding: 15px 5px;
    }

    #qa-landing .qa-greyBox .qa-box .qa-header h3 {
        font-size: 16px !important;
    }
}


@media (max-width:767px) {

    #qa-landing .qa-landing-header {
        padding: 0px 0 25px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

    #qa-landing .qa-greyBox {
        padding: 25px 0;
    }

    #qa-landing .qa-box {
        display: block;
        width: 100%;
    }

        #qa-landing .qa-box.qa-kupi-online a {
            padding: 9% 0;
            position: relative;
        }

    #qa-landing h1 {
        font-size: 26px !important;
    }

    #qa-landing .qa-banner {
        min-height: 255px !important;
    }

    #qa-landing .qa-greyBox .qa-box .qa-content {
        margin-bottom: 15px;
    }

    #qa-landing .qa-box.qa-kupi-online h3 {
        font-size: 31px;
    }

    #qa-landing .qa-greyBox .qa-box .qa-content p {
        min-height: 90px !important;
    }

    #qa-landing .qa-banner .search-bar-qa input.search-qa {
        width: 90% !important;
    }

    #qa-landing .qa-banner .search-bar-qa .qa-search-icon {
        right: 10px !important;
    }


    #qa-landing #myTabContent-qa-desctop .dc-tab_drawer_heading {
        position: relative;
        background: #2e333b;
        color: white;
        padding: 20px 15px;
        width: 100%;
        margin: 0 auto 1px;
        font-size: 17px;
    }


        #qa-landing #myTabContent-qa-desctop .dc-tab_drawer_heading.dc-active:after {
            content: ']$';
            font-family: 'teleicon-outline';
            position: absolute;
            color: rgba(255, 255, 255, 0.6);
            font-size: 18px;
            top: 15px;
            right: 17px;
            margin: auto;
            transform: rotateZ(0deg);
        }

        #qa-landing #myTabContent-qa-desctop .dc-tab_drawer_heading:after {
            content: ']$';
            font-family: 'teleicon-outline';
            position: absolute;
            color: rgba(255, 255, 255, 0.6);
            font-size: 18px;
            top: 15px;
            right: 17px;
            margin: auto;
            transform: rotateZ(-180deg);
            transition-property: transform;
            transition-duration: .25s;
        }

    #qa-landing .tab-content .panel-group .panel.panel-default .panel-heading .panel-title a.collapsed:after,
    #qa-landing .tab-content .panel-group .panel.panel-default .panel-heading .panel-title a:after {
        top: 25px !important;
        right: 10px !important;
    }

    #qa-landing .tab-content .panel-group .panel.panel-default > .panel-heading + .panel-collapse > .panel-body {
        font-size: 16px !important;
        padding-left: 10px !important;
    }

    #qa-landing .tab-content .panel-group .panel.panel-default .panel-heading .panel-title a {
        font-size: 17px !important;
        padding: 20px 35px 20px 0 !important;
    }

    #qa-landing .tab-content .panel-group {
        width: 100% !important;
        margin: 20px auto !important;
    }
}


/*#endregion QA*/


#magenta1-biznis-wraper .m1b-office-box-trojno-povekje {
    padding: 20px 0 40px;
}

    #magenta1-biznis-wraper .m1b-office-box-trojno-povekje .trojno-povekje-box {
        text-align: left;
        width: 55%;
        margin: 0 auto;
    }

    #magenta1-biznis-wraper .m1b-office-box-trojno-povekje h4 {
        font-family: 'teleNeo-bold' !important;
    }

    #magenta1-biznis-wraper .m1b-office-box-trojno-povekje .surfajte-vo-stranstvo {
        text-align: left;
        width: 55%;
        margin: 0 auto;
    }

        #magenta1-biznis-wraper .m1b-office-box-trojno-povekje .surfajte-vo-stranstvo h4 {
            font-family: 'teleNeo-bold' !important;
        }

#mag1BusinessServices .uslugi-office365-accordion .magenta-ec-online-prostor {
    position: relative;
    right: 32%;
    width: 65px;
    height: auto;
    float: right;
}

/*#region skroeni po vasa merka*/

#skroeniPoVasaMerka .skroeniPoVasaMerka-box {
    border-top: 1px solid rgba(230, 230, 230, 0.8);
}

    #skroeniPoVasaMerka .skroeniPoVasaMerka-box p {
        font-size: 17px;
    }

#skroeniPoVasaMerka .skroeniPoVasaMerka-banner {
    position: relative;
    background-image: url('../content/images/skroeni-po-vasha-merka-banner.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 500px;
    padding: 25px;
}

#skroeniPoVasaMerka section.skroeniPoVasaMerka-box {
    padding: 40px 0 40px;
}

#skroeniPoVasaMerka .skroeniPoVasaMerka-banner h1 {
    bottom: 90px;
    position: absolute;
}

    #skroeniPoVasaMerka .skroeniPoVasaMerka-banner h1.naslov-banner span:first-of-type {
        font-family: 'teleNeo-extra' !important;
    }

    #skroeniPoVasaMerka .skroeniPoVasaMerka-banner h1.naslov-banner span {
        position: relative;
        color: white;
        background: #e20074;
        display: inline;
        line-height: 1.3;
        font-size: 44px;
        padding: 0 8px;
    }

#skroeniPoVasaMerka .skroeniPoVashaMerka-white-bcg {
    padding: 50px 0 40px;
    text-align: center;
}

    #skroeniPoVasaMerka .skroeniPoVashaMerka-white-bcg h1.naslov-whiteBcg {
        font-size: 31px;
        margin-bottom: 30px;
        font-family: teleNeo-extra !important;
    }

    #skroeniPoVasaMerka .skroeniPoVashaMerka-white-bcg h2 {
        font-size: 22px;
        text-transform: none;
        width: 70%;
        margin: 0 auto;
        margin-bottom: 30px;
        font-family: 'teleNeo-regular' !important;
    }

#skroeniPoVasaMerka section.skroeniPoVasaMerka-one {
    background-image: url(../content/images/skroeni-po-vasha-merka-slika1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right 30% center;
    position: relative;
}

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-one > img, #skroeniPoVasaMerka section.skroeniPoVasaMerka-three > img {
        position: absolute;
        top: 0;
        left: -10%;
    }

#skroeniPoVasaMerka p, #skroeniPoVasaMerka h2 {
    color: #000000;
}

#skroeniPoVasaMerka section.skroeniPoVasaMerka-one .skroeniPoVasaMerka-img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-one .skroeniPoVasaMerka-img img {
        left: 18%;
        position: relative;
    }

#skroeniPoVasaMerka .skroeniPoVasaMerka-box h2 {
    text-transform: uppercase;
    font-family: teleNeo-extra !important;
    margin-bottom: 30px;
    text-align: center;
    width: 260px;
    margin: 0px auto 50px;
    color: black;
    font-size: 22px;
}

#skroeniPoVasaMerka .skroeniPoVasaMerka-five .skroeniPoVasaMerka-text:first-of-type, #skroeniPoVasaMerka .skroeniPoVasaMerka-six .skroeniPoVasaMerka-text:first-of-type {
    margin-bottom: 35px;
}

#skroeniPoVasaMerka a.btn {
    font-size: 17px;
    border-radius: 3px;
    padding: 8px 20px;
    bottom: auto;
}

/*section.skroeniPoVasaMerka-box.skroeniPoVasaMerka-one a.btn {
    background: transparent;
}*/

#skroeniPoVasaMerka .skroeniPoVasaMerka-leftTxt {
    width: 40%;
    position: relative;
    float: left;
    z-index: 10;
}

#skroeniPoVasaMerka .skroeniPoVasaMerka-rightTxt {
    width: 50%;
    position: relative;
    float: right;
    padding-left: 80px;
}

#skroeniPoVasaMerka section.skroeniPoVasaMerka-one .skroeniPoVasaMerka-leftTxt h2 span {
    font-family: 'teleNeo-extra' !important;
}

#skroeniPoVasaMerka .skroeniPoVasaMerka-eight textarea {
    height: 35px;
}
/*#endregion skroeni po vasa merka*/
/*#region e-smetka nagradna igra*/
#e-smetka-nagradna-igra .e-smetka-nagradna-igra-header {
    background-image: url(../content/images/e-smetka-banner1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    position: relative;
}

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header .container {
        position: relative;
    }

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header img {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 280px;
    }

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header .e-smetka-nagradna-igra-content {
        position: relative;
        width: 65%;
        padding: 12% 0;
    }

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header h1 {
        color: white;
        font-family: 'teleNeo-extra' !important;
        font-size: 54px;
    }

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header h2 {
        color: white;
        font-size: 46px;
        font-family: 'teleNeo-thin' !important;
        margin-top: 20px;
    }

#e-smetka-nagradna-igra section.white-bcg {
    background: white;
    padding: 50px 0;
    text-align: center;
}

    #e-smetka-nagradna-igra section.white-bcg h2 {
        text-transform: uppercase;
        font-family: teleNeo-extra !important;
        font-size: 36px;
        margin-bottom: 30px;
    }

    #e-smetka-nagradna-igra section.white-bcg p {
        width: 80%;
        font-size: 17px;
        margin: 0 auto;
        line-height: 1.2;
    }

    #e-smetka-nagradna-igra section.white-bcg a {
        position: relative;
        width: auto;
        font-size: 22px;
        text-decoration: underline;
        font-family: 'teleNeo-bold' !important;
        padding-top: 50px;
        display: block;
    }

        #e-smetka-nagradna-igra section.white-bcg a.dobitnici {
            padding-top: 15px !important;
        }

        #e-smetka-nagradna-igra section.white-bcg a:focus {
            outline: none;
        }

#e-smetka-nagradna-igra section.magenta-bcg {
    background: #e20074;
    padding: 40px 0;
    text-align: center;
}

    #e-smetka-nagradna-igra section.magenta-bcg h2 {
        color: white;
        font-size: 36px;
        font-family: teleNeo-regular;
    }

        #e-smetka-nagradna-igra section.magenta-bcg h2 span {
            font-family: teleNeo-extra !important;
        }

    #e-smetka-nagradna-igra section.magenta-bcg .e-smetka-dates {
        position: relative;
        color: white;
        line-height: 27px;
        font-size: 29px;
        padding-top: 15px;
    }

#e-smetka-nagradna-igra .e-smetka-nagradna-igra-telefoni {
    background-image: url('../content/images/e-smetka-banner2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    position: relative;
    padding-top: 60px;
}

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-telefoni .container {
        height: 100%;
        position: relative;
    }

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-telefoni h2 {
        color: white;
        font-size: 36px;
        font-family: teleNeo-extra !important;
        margin-bottom: 50px;
    }

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-telefoni .e-smetka-nagradna-igra-img {
        position: relative;
    }

#e-smetka-nagradna-igra section.e-smetka-nagradna-igra-vkluci-se {
    position: relative;
    padding: 50px 0;
    background: white;
    text-align: center;
}

    #e-smetka-nagradna-igra section.e-smetka-nagradna-igra-vkluci-se h2 {
        font-family: teleNeo-extra !important;
        font-size: 36px;
    }

    #e-smetka-nagradna-igra section.e-smetka-nagradna-igra-vkluci-se a.e-smetka-nagradna-igra-vkluci-se-btn {
        display: block;
        text-transform: uppercase;
        background-color: #e20074;
        border-radius: 30px;
        padding: 8px;
        width: 260px;
        margin: 0 auto;
        color: white;
        font-size: 20px;
        box-shadow: 2px 2px 9px 0px rgba(0, 0, 0, 0.3);
    }

        #e-smetka-nagradna-igra section.e-smetka-nagradna-igra-vkluci-se a.e-smetka-nagradna-igra-vkluci-se-btn:first-of-type {
            margin-bottom: 40px;
            margin-top: 40px;
        }

#e-smetka-nagradna-igra #eSmetkaCarousel .e-smetka-nagradna-igra-img img {
    width: 200px;
}

#e-smetka-nagradna-igra #eSmetkaCarousel a span.glyphicon {
    top: 50%;
    transform: translateY(-50%);
}



#e-smetka-nagradna-igra #eSmetkaCarousel a.left span {
    left: 20px;
}

    #e-smetka-nagradna-igra #eSmetkaCarousel a.left span:before {
        content: ']%';
        font-family: 'teleicon-outline';
        color: #ffffff;
        font-size: 55px;
    }

#e-smetka-nagradna-igra #eSmetkaCarousel a.right {
    transform: translateY(-50%) rotate(180deg);
    top: 50%;
    width: 90px;
}

    #e-smetka-nagradna-igra #eSmetkaCarousel a.right span:before {
        content: ']%';
        font-family: 'teleicon-outline';
        color: #ffffff;
        font-size: 55px;
    }



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

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header h1 {
        font-size: 51px;
    }

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header h2 {
        font-size: 41px;
    }

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header img {
        width: 250px;
    }
}


@media (max-width: 767px) {

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header .e-smetka-nagradna-igra-content {
        width: 100%;
        padding: 30px 15px 20px;
    }

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header img {
        display: none;
    }

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header h1 {
        font-size: 34px;
    }

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-header h2 {
        font-size: 29px;
    }

    #e-smetka-nagradna-igra section.white-bcg {
        padding: 40px 15px;
    }

        #e-smetka-nagradna-igra section.white-bcg h2 {
            font-size: 29px;
            margin-bottom: 25px;
        }

        #e-smetka-nagradna-igra section.white-bcg a {
            padding-top: 35px;
        }

    #e-smetka-nagradna-igra section.magenta-bcg h2 {
        font-size: 29px;
    }

    #e-smetka-nagradna-igra section.magenta-bcg {
        padding: 40px 15px;
    }

        #e-smetka-nagradna-igra section.magenta-bcg .e-smetka-dates {
            font-size: 24px;
        }

    #e-smetka-nagradna-igra section.e-smetka-nagradna-igra-vkluci-se h2 {
        font-size: 29px;
    }

    #e-smetka-nagradna-igra section.e-smetka-nagradna-igra-vkluci-se {
        padding: 50px 15px;
    }

        #e-smetka-nagradna-igra section.e-smetka-nagradna-igra-vkluci-se a.e-smetka-nagradna-igra-vkluci-se-btn {
            font-size: 18px;
        }

    #e-smetka-nagradna-igra .e-smetka-nagradna-igra-telefoni h2 {
        font-size: 29px;
    }
}

/*#endregion e-smetka nagradna igra*/
#mojaSmetka-landing section.mojaSmetka-banner {
    background-image: url(../content/images/moja-smetka-background.jpg);
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    background-position: center;
    padding: 20px 0 0 0;
}

    #mojaSmetka-landing section.mojaSmetka-banner .mojaSmetka-content {
        position: relative;
        width: 70%;
        padding: 6% 0;
    }

        #mojaSmetka-landing section.mojaSmetka-banner .mojaSmetka-content a {
            border: 1px solid white;
            background-color: transparent;
            margin: 20px 0 0 0;
        }

        #mojaSmetka-landing section.mojaSmetka-banner .mojaSmetka-content h1 {
            color: white;
            font-family: 'teleNeo-extra' !important;
            font-size: 61px;
        }

        #mojaSmetka-landing section.mojaSmetka-banner .mojaSmetka-content h2 {
            color: white;
            font-size: 28px;
            font-family: 'teleNeo-thin' !important;
            margin-top: 10px;
            text-transform: uppercase;
            line-height: 1.2;
        }

    #mojaSmetka-landing section.mojaSmetka-banner .container {
        position: relative;
    }

    #mojaSmetka-landing section.mojaSmetka-banner img:first-of-type {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 280px;
    }

    #mojaSmetka-landing section.mojaSmetka-banner img:last-of-type {
        position: absolute;
        right: 30%;
        bottom: 65px;
    }

@media (max-width: 1199px) {
    #mojaSmetka-landing section.mojaSmetka-banner .mojaSmetka-content h1 {
        font-size: 55px;
    }

    #mojaSmetka-landing section.mojaSmetka-banner .mojaSmetka-content h2 {
        font-size: 26px;
    }
}

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

    #mojaSmetka-landing section.mojaSmetka-banner .mojaSmetka-content h1 {
        font-size: 42px;
    }

    #mojaSmetka-landing section.mojaSmetka-banner .mojaSmetka-content h2 {
        font-size: 20px;
    }

    #mojaSmetka-landing section.mojaSmetka-banner img:first-of-type {
        width: 230px;
    }

    #mojaSmetka-landing section.mojaSmetka-banner img:last-of-type {
        right: 28%;
        bottom: 55px;
        width: 110px;
    }
}


@media (max-width: 767px) {

    #mojaSmetka-landing section.mojaSmetka-banner .mojaSmetka-content {
        width: 100%;
        padding: 0px 15px 0px;
    }

    #mojaSmetka-landing section.mojaSmetka-banner img:first-of-type {
        display: none;
    }

    #mojaSmetka-landing section.mojaSmetka-banner .mojaSmetka-content h1 {
        font-size: 29px;
    }


    #mojaSmetka-landing section.mojaSmetka-banner img:last-of-type {
        right: 5%;
        bottom: 0;
        width: 90px;
    }

    #mojaSmetka-landing section.mojaSmetka-banner {
        padding: 20px 0 20px 0;
    }

        #mojaSmetka-landing section.mojaSmetka-banner .mojaSmetka-content h2 {
            font-size: 20px;
            width: 70%;
            margin-top: 0px;
        }
}

/*#region survey*/
#myModal {
    width: 650px !important;
}

    #myModal.modal-survey .modal-dialog {
        width: 100% !important;
        position: relative;
        margin-top: 0;
    }

    #myModal.modal-survey .modal-header {
        border: 0 !important;
        padding: 0 !important;
    }

        #myModal.modal-survey .modal-header h4 {
            display: none;
        }

        #myModal.modal-survey .modal-header button {
            position: absolute !important;
            top: 50px;
            right: 30px;
            z-index: 9;
            font-size: 24px;
        }

    #myModal.modal-survey .modal-content {
        background-color: transparent !important;
        box-shadow: none !important;
        border: 0 !important;
    }

    #myModal.modal-survey .modal-body #survey iframe {
        width: 100%;
        position: relative;
    }

    #myModal.modal-survey .modal-footer {
        display: none;
    }

@media (max-width: 767px) {
    #myModal {
        width: 100% !important;
        margin: 0 auto;
    }

        #myModal.modal-survey .modal-dialog {
            margin: 0 auto !important;
        }
}
/*#endregion survey*/
#phone-details .cpp-link {
    margin-top: 0 !important;
    text-align: right;
}

    #phone-details .cpp-link a {
        font-size: 14px;
    }

.cpp-link {
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
}

    .cpp-link a {
        position: relative;
        padding-left: 10px;
        font-size: 12px;
        color: #00a0de !important;
    }

        .cpp-link a span:after {
            content: '?';
            font-family: 'teleicon-outline';
            position: absolute;
            left: 0;
            text-align: center;
            font-size: 17px;
            color: #383838;
            top: -4px;
        }

@media (max-width: 767px) {
    .cpp-link {
        position: relative;
        padding: 15px;
        padding: 15px 15px 0;
    }

    .onlineDoc {
        padding: 0 15px 15px;
    }
}

.accordion-travel-and-surf {
    margin-top: 30px;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
}

    .accordion-travel-and-surf h5 {
        margin: 0;
    }

        .accordion-travel-and-surf h5 a {
            width: 100%;
            text-align: left;
            font-size: 18px;
            color: #333;
            text-decoration: none;
            padding: 15px 10px 15px 10px;
            position: relative;
            background-color: #f8f8f8;
            display: block;
        }

            .accordion-travel-and-surf h5 a:hover {
                background-color: #f8f8f8;
            }

            .accordion-travel-and-surf h5 a:hover {
                text-decoration: none;
                color: #333;
            }

            .accordion-travel-and-surf h5 a.collapsed:after {
                position: absolute;
                top: 14px;
                /* bottom: 0; */
                bottom: auto;
                right: 14px;
                content: '$';
                font-size: 22px;
                margin: auto;
                font-family: 'teleicon-outline';
                transform: rotateZ(0deg);
            }

            .accordion-travel-and-surf h5 a:after {
                position: absolute;
                top: 14px;
                /* bottom: 17px; */
                bottom: auto;
                right: 15px;
                content: '$';
                font-size: 22px;
                margin: auto;
                font-family: 'teleicon-outline';
                transform: rotateZ(-180deg);
                transition-property: transform;
                transition-duration: 0.25s;
            }

@media (max-width: 767px) {
    .accordion-travel-and-surf h5 a {
        font-size: 17px;
        white-space: unset;
    }
}

/*#region telekom mk app new LP*/

#telekom-mk-app-new .telekom-mk-app-banner {
    position: relative;
    /*background-image: url('/content/images/telekom-mk-app-header.jpg');*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 575px;
    padding: 0px 25px 0px 25px;
}

    #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-banner-leftBox {
        background: #e20074;
        position: relative;
        padding: 60px 0px;
        display: table-cell;
        vertical-align: middle;
        width: 50%;
    }

        #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-banner-leftBox:before {
            position: absolute;
            width: 100%;
            height: 100%;
            content: '';
            background: #e20074;
            left: -100%;
            top: 0;
        }

    #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-banner-rightBox {
        background: #e6e6e6;
        color: white;
        padding: 60px 20px 60px 60px;
        display: table-cell;
        vertical-align: middle;
        width: 50%;
        position: relative;
    }

        #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-banner-rightBox:after {
            position: absolute;
            width: 100%;
            height: 100%;
            content: '';
            background: #e6e6e6;
            right: -100%;
            top: 0;
        }


    #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-headerContent {
        position: relative;
        width: 350px;
        color: white;
        line-height: 1.2;
    }

        #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-headerContent .telekom-mk-app-mobIcons {
            position: relative;
            margin-top: 30px;
        }

            #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-headerContent .telekom-mk-app-mobIcons img {
                width: 120px;
                margin-right: 10px;
            }

        #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-headerContent h1.naslov-banner {
            color: white;
            font-size: 37px;
            font-family: 'teleNeo-regular' !important;
        }







            #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-headerContent h1.naslov-banner span {
                font-family: 'teleNeo-bold' !important;
            }

        #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-headerContent h3 {
            line-height: 1.2;
        }

            #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-headerContent h3 span {
                text-decoration: underline;
                font-family: 'teleNeo-bold' !important;
            }

        #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-headerContent p {
            font-size: 18px;
        }

.telekom-mk-app-video {
    padding: 50px 0;
}

    .telekom-mk-app-video .telekom-mk-app-white-bcg {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 56.21%;
    }

        .telekom-mk-app-video .telekom-mk-app-white-bcg iframe {
            top: 0;
            height: 100%;
            left: 0;
            position: absolute;
            width: 100%;
            height: 100%;
        }

#telekom-mk-app-new section.telekom-mk-app-new-box {
    position: relative;
    /*min-height: 545px;*/
    min-height: 520px;
    padding: 60px 0 0 0;
}

    #telekom-mk-app-new section.telekom-mk-app-new-box .container {
        position: relative;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box .telekom-mk-app-leftTxt {
        width: 40%;
        position: relative;
        float: left;
        z-index: 10;
        margin: 50px 0;
    }


    #telekom-mk-app-new section.telekom-mk-app-new-box .telekom-mk-app-rightTxt {
        width: 60%;
        position: relative;
        float: right;
        padding-right: 140px;
        margin-top: 100px;
    }

#telekom-mk-app-new section.telekom-mk-app-one {
    position: relative;
    /*background-image: url('/content/images/telekom-mk-app-satelite.jpg');*/
    background-color: #e6e6e6;
}

    #telekom-mk-app-new section.telekom-mk-app-one .telekom-mk-app-leftTxt p {
        color: #333;
    }

    #telekom-mk-app-new section.telekom-mk-app-one .telekom-mk-app-leftTxt a {
        color: #e20074 !important;
    }

    #telekom-mk-app-new section.telekom-mk-app-one img.img-left {
        position: absolute;
        left: -65px;
        bottom: -20px;
        width: 240px;
    }

    #telekom-mk-app-new section.telekom-mk-app-one img.img-right, #telekom-mk-app-new img.img-right {
        /*position: absolute;
        right: 0;
        width: 338px;*/
        position: relative;
        right: 0;
        width: 338px;
        float: right;
        /*bottom: -60px;*/
    }

#telekom-mk-app-new section.telekom-mk-app-two {
    background-color: #e20074;
    color: white;
    position: relative;
}

    #telekom-mk-app-new section.telekom-mk-app-two img.img-left {
        position: relative;
        left: -15px;
        width: 338px;
    }

    #telekom-mk-app-new section.telekom-mk-app-two img.img-right {
        position: absolute;
        right: 5%;
        width: 230px;
        bottom: 50px;
    }


#telekom-mk-app-new .telekom-mk-app-new-box.telekom-mk-app-dobij-poveke {
    background-color: #e20074;
    position: relative;
}

#telekom-mk-app-new section.telekom-mk-app-three {
    background-color: #e6e6e6;
    position: relative;
}

#telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-three img.img-left {
    position: absolute;
    left: -55px;
    bottom: 0;
    width: 270px;
}

#telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-three .container .img-right {
    position: relative;
    width: 320px;
    display: inline;
    float: right;
    z-index: 1;
}

#telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-three img.img-right {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 280px;
    z-index: 0;
}

#telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-four .container .img-left {
    position: relative;
    left: -15px;
    width: 320px;
}

#telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-four .img-right {
    position: absolute;
    right: 0;
    bottom: 50px;
    width: 290px;
}



#telekom-mk-app-new section.telekom-mk-app-five {
    background-image: url('../content/images/telekom-mk-app-internetBox-magenta.jpg');
    background-position: center;
    background-size: cover;
    position: relative;
    color: white;
}

.telekom-mk-app-leftTxt h2, .telekom-mk-app-rightTxt h2 {
    font-size: 36px;
    margin-bottom: 30px;
}

.telekom-mk-app-leftTxt h2 {
    font-family: 'teleNeo-extra' !important;
}

    .telekom-mk-app-leftTxt h2 span {
        font-family: 'teleNeo-regular' !important;
    }

.telekom-mk-app-rightTxt h2 {
    font-family: 'teleNeo-regular' !important;
}

    .telekom-mk-app-rightTxt h2 span {
        font-family: 'teleNeo-extra' !important;
    }

.telekom-mk-app-leftTxt a, .telekom-mk-app-rightTxt a {
    text-transform: uppercase;
    color: #e20074;
    /* text-decoration: underline; */
    font-family: 'teleNeo-medium' !important;
    font-size: 21px;
    display: block;
    margin-top: 25px;
}

.telekom-mk-app-leftTxt p, .telekom-mk-app-rightTxt p {
    font-size: 19px;
    line-height: 1.2;
}

#telekom-mk-app-new section.telekom-mk-app-two .telekom-mk-app-rightTxt a,
#telekom-mk-app-new section.telekom-mk-app-five .telekom-mk-app-leftTxt a,
#telekom-mk-app-new section.telekom-mk-app-seven .telekom-mk-app-leftTxt a,
#telekom-mk-app-new section.telekom-mk-app-one .telekom-mk-app-leftTxt a {
    color: white;
}

#telekom-mk-app-new section.telekom-mk-app-five .telekom-mk-app-leftTxt {
    width: 50%;
}

    #telekom-mk-app-new section.telekom-mk-app-five .telekom-mk-app-leftTxt p {
        width: 80%;
    }

#telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-six .container img {
    position: relative;
    left: -15px;
    width: 340px;
    /*bottom: -60px;*/
}

#telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-six img.img-left {
    position: absolute;
    left: 0;
    bottom: 60px;
    width: 200px;
}

#telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-six img.img-right {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 310px;
}

#telekom-mk-app-new section.telekom-mk-app-seven {
    background-color: #e20074;
    color: white;
    position: relative;
}

#telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-seven .container img {
    position: relative;
    right: 0;
    width: 338px;
    float: right;
    z-index: 1;
    /*bottom: -60px;*/
}

#telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-seven img.img-left {
    position: absolute;
    left: -125px;
    bottom: 50px;
    width: 300px;
}

#telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-seven img.img-right {
    position: absolute;
    right: 0;
    bottom: 150px;
    width: 250px;
    z-index: 0;
}

@media screen and (max-width: 767px) {
    #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-banner-rightBox:after {
        display: none;
    }

    #telekom-mk-app-new .telekom-mk-app-banner {
        padding: 0;
    }

        #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-headerContent {
            width: 100%;
        }

            #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-headerContent h1.naslov-banner {
                font-size: 31px;
            }

            #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-headerContent p {
                font-size: 17px;
            }


            #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-headerContent h3 {
                font-size: 20px;
            }

            #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-headerContent .telekom-mk-app-mobIcons img {
                width: 100px;
            }

    #telekom-mk-app-new section.telekom-mk-app-new-box {
        padding: 30px 0 0 0;
    }

    #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-banner-leftBox {
        display: block;
        width: 100%;
        padding: 40px 20px 30px;
    }

    #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-banner-rightBox {
        display: block;
        width: 100%;
        padding: 20px 50px;
    }

    #telekom-mk-app-new section.telekom-mk-app-one img.img-left,
    #telekom-mk-app-new section.telekom-mk-app-two img.img-right,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-three img.img-right,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-three img.img-left,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-seven img.img-right,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-four .img-right,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-six img.img-right,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-six img.img-left,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-seven img.img-left {
        display: none;
    }

    .telekom-mk-app-leftTxt a, .telekom-mk-app-rightTxt a {
        margin-top: 15px;
    }

    #telekom-mk-app-new section.telekom-mk-app-five {
        background-image: none;
        background-color: #e20074;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box .telekom-mk-app-leftTxt,
    #telekom-mk-app-new section.telekom-mk-app-new-box .telekom-mk-app-rightTxt {
        width: 100%;
        margin: 0;
        float: none;
        padding-right: 0;
    }


    .telekom-mk-app-leftTxt h2, .telekom-mk-app-rightTxt h2 {
        font-size: 26px;
        margin-bottom: 15px;
    }

    .telekom-mk-app-leftTxt p, .telekom-mk-app-rightTxt p {
        font-size: 17px;
    }

    #telekom-mk-app-new section.telekom-mk-app-one img.img-right, #telekom-mk-app-new img.img-right {
        width: 260px;
        float: none;
        display: block;
        margin: 0 auto;
    }

    #telekom-mk-app-new .telekom-mk-app-leftTxt a, .telekom-mk-app-rightTxt a {
        font-size: 18px;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-three .container .img-right {
        left: 0;
        width: 260px;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        float: none;
        display: block;
    }

    #telekom-mk-app-new section.telekom-mk-app-two img.img-left,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-four .container .img-left,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-six .container img {
        position: absolute;
        left: 0;
        width: 260px;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        height: 350px;
        width: auto;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-two .telekom-mk-app-rightTxt,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-four .telekom-mk-app-rightTxt,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-six .telekom-mk-app-rightTxt {
        padding-bottom: 360px;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-seven .container img {
        right: 0;
        width: 260px;
        float: none;
        z-index: 1;
        position: relative;
        left: 0;
        display: block;
        margin: 0 auto;
    }

    .telekom-mk-app-video {
        padding: 20px 0;
    }
}

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

    #telekom-mk-app-new section.telekom-mk-app-new-box {
        min-height: 0;
    }

    #telekom-mk-app-new section.telekom-mk-app-one img.img-right, #telekom-mk-app-new img.img-right {
        width: 280px;
    }

    .telekom-mk-app-leftTxt h2, .telekom-mk-app-rightTxt h2 {
        font-size: 27px;
        margin-bottom: 20px;
    }

    .telekom-mk-app-leftTxt p, .telekom-mk-app-rightTxt p {
        font-size: 18px;
    }

    #telekom-mk-app-new section.telekom-mk-app-one img.img-left {
        left: 33%;
        width: 170px;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box .telekom-mk-app-rightTxt {
        width: 60%;
        padding-right: 150px;
        margin-top: 50px;
    }

    #telekom-mk-app-new section.telekom-mk-app-two img.img-right {
        right: -1%;
        width: 160px;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-three img.img-left {
        left: 33%;
        width: 170px;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-four .telekom-mk-app-rightTxt,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-six .telekom-mk-app-rightTxt {
        width: 60%;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-four .img-right {
        width: 195px;
    }

    #telekom-mk-app-new section.telekom-mk-app-five .telekom-mk-app-leftTxt {
        width: 54%;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-six img.img-right {
        width: 180px;
        z-index: 0;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box .telekom-mk-app-leftTxt {
        width: 50%;
        margin: 30px 0;
    }

    #telekom-mk-app-new section.telekom-mk-app-two img.img-left,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-four .container .img-left,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-six .container img {
        left: 0;
        width: 280px;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-three .container .img-right,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-seven .container img {
        width: 280px;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-three img.img-right,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-six img.img-left,
    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-seven img.img-right {
        display: none;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-seven img.img-left {
        left: 30%;
        width: 210px;
    }

    #telekom-mk-app-new .telekom-mk-app-banner {
        min-height: 0;
        padding: 0;
    }

    .telekom-mk-app-video {
        padding: 25px 0;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box .container {
        z-index: 1;
    }

    #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-headerContent h1.naslov-banner {
        font-size: 34px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1399px) {
    #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-banner-leftBox {
        padding: 0 40px 0;
    }

    #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-banner-rightBox {
        padding: 60px 20px 60px 60px;
    }

    #telekom-mk-app-new section.telekom-mk-app-one img.img-left {
        left: 42%;
        width: 210px;
    }

    #telekom-mk-app-new .telekom-mk-app-banner .telekom-mk-app-headerContent h3 {
        font-size: 23px;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box .telekom-mk-app-rightTxt {
        width: 64%;
        padding-right: 200px;
    }

    #telekom-mk-app-new section.telekom-mk-app-two img.img-right {
        right: 2%;
        width: 200px;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-three img.img-right {
        display: none;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-three img.img-left {
        left: 44%;
        width: 220px;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-four .img-right {
        width: 210px;
    }

    #telekom-mk-app-new section.telekom-mk-app-five {
        background-position: right;
    }

        #telekom-mk-app-new section.telekom-mk-app-five .telekom-mk-app-leftTxt {
            width: 60%;
        }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-six img.img-right {
        right: -10px;
        width: 210px;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-seven img.img-right {
        z-index: 0;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-seven .container img {
        z-index: 1;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-seven img.img-left {
        left: 43%;
        width: 200px;
    }

    #telekom-mk-app-new section.telekom-mk-app-new-box.telekom-mk-app-seven .telekom-mk-app-leftTxt {
        width: 50%;
    }
}



/*#endregion telekom mk app new LP*/



#skroeniPoVasaMerka section.skroeniPoVasaMerka-one p {
    margin: 0;
    margin-bottom: 30px;
}


#skroeniPoVasaMerka section.skroeniPoVasaMerka-two {
    background-image: url(../content/images/skroeni-po-vasha-merka-slika2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left 30% center;
}

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-two h2 {
        margin-bottom: 10px;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-two .skroeniPoVasaMerka-icons {
        margin-top: 15px;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-two .skroeniPoVasaMerka-rightTxt h2 span {
        font-family: 'teleNeo-extra' !important;
    }

#skroeniPoVasaMerka .skroeniPoVasaMerka-iconsBox img {
    display: block;
    margin-bottom: 12px;
}

#skroeniPoVasaMerka .skroeniPoVasaMerka-icons .row > div:nth-of-type(1) .skroeniPoVasaMerka-iconsBox,
#skroeniPoVasaMerka .skroeniPoVasaMerka-icons .row > div:nth-of-type(2) .skroeniPoVasaMerka-iconsBox {
    margin-bottom: 30px;
}

#skroeniPoVasaMerka .skroeniPoVasaMerka-iconsBox a {
    font-size: 17px;
    text-decoration: underline;
    color: #000000;
    line-height: 1.2;
}

#skroeniPoVasaMerka .skroeniPoVasaMerka-iconsBox p {
    line-height: 1.2;
}

#skroeniPoVasaMerka section.skroeniPoVasaMerka-three {
    background-image: url(../content/images/skroeni-po-vasha-merka-slika3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right 30% center;
    position: relative;
}

#skroeniPoVasaMerka .skroeniPoVasaMerka-leftTxt h2 span, #skroeniPoVasaMerka .skroeniPoVasaMerka-rightTxt h2 span {
    font-family: 'teleNeo-extra' !important;
}

#skroeniPoVasaMerka .skroeniPoVasaMerka-leftTxt h3 span, #skroeniPoVasaMerka .skroeniPoVasaMerka-rightTxt h3 span {
    font-family: 'teleNeo-medium' !important;
}

#skroeniPoVasaMerka section.skroeniPoVasaMerka-four {
    background-image: url(../content/images/skroeni-po-vasha-merka-slika4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left 20% center;
}

#skroeniPoVasaMerka section.skroeniPoVasaMerka-five {
    background-image: url(../content/images/skroeni-po-vasha-merka-slika5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right 30% center;
}

#skroeniPoVasaMerka a {
    text-decoration: underline;
    font-size: 17px;
}

    #skroeniPoVasaMerka a.btn {
        text-decoration: none;
    }

#skroeniPoVasaMerka section.skroeniPoVasaMerka-six {
    background-image: url(../content/images/skroeni-po-vasha-merka-slika6.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left 30% center;
}

#skroeniPoVasaMerka section.skroeniPoVasaMerka-seven {
    background-image: url(../content/images/skroeni-po-vasha-merka-slika7.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right 30% center;
}

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-seven .skroeniPoVasaMerka-leftTxt h2 span {
        font-family: 'teleNeo-extra' !important;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-seven p {
        margin-bottom: 70px;
    }

#skroeniPoVasaMerka .skroeniPoVasaMerka-iconsBox.masovni-sms {
    position: relative;
}


    #skroeniPoVasaMerka .skroeniPoVasaMerka-iconsBox.masovni-sms .masovni-sms-info {
        position: absolute;
        z-index: 10;
        right: 0px;
        left: auto;
        top: -10px;
        background: rgba(0, 0, 0, 0.8);
        padding: 10px;
        padding: 10px 25px 10px 15px;
        width: 260px;
    }

#skroeniPoVashaMerka-form .form-group .alert-danger-captcha {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #skroeniPoVasaMerka section.skroeniPoVasaMerka-one {
        background-position: right 40% center;
    }

    #skroeniPoVasaMerka .skroeniPoVasaMerka-rightTxt {
        padding-left: 0px;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-two, #skroeniPoVasaMerka section.skroeniPoVasaMerka-four {
        background-position: left 40% center;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-six {
        background-position: left 45% center;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-three {
        background-position: right 40% center;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-five, #skroeniPoVasaMerka section.skroeniPoVasaMerka-seven {
        background-position: right 30% center;
    }

    #skroeniPoVasaMerka .skroeniPoVasaMerka-banner {
        min-height: 450px;
    }

        #skroeniPoVasaMerka .skroeniPoVasaMerka-banner h1.naslov-banner span {
            font-size: 36px;
        }

    #skroeniPoVasaMerka .skroeniPoVasaMerka-leftTxt {
        width: 50%;
    }

    #skroeniPoVasaMerka .skroeniPoVasaMerka-iconsBox.masovni-sms .masovni-sms-info {
        right: 0px;
        left: auto;
    }
}


@media screen and (max-width: 767px) {

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form .checkbox-group {
        padding: 10px 0;
    }

        #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form .checkbox-group .form-box {
            padding: 0;
        }

    .skroeniPoVashaMerka-success-message {
        width: 100%;
        padding: 20px;
    }

    #skroeniPoVasaMerka .skroeniPoVasaMerka-banner {
        min-height: 280px;
        padding: 15px 15px;
        background-position: right 45% center;
    }

    #skroeniPoVasaMerka .skroeniPoVashaMerka-white-bcg h2 {
        font-size: 20px;
        width: 100%;
        margin-bottom: 25px;
    }

    #skroeniPoVasaMerka .skroeniPoVashaMerka-white-bcg {
        padding: 30px 15px 20px;
    }

        #skroeniPoVasaMerka .skroeniPoVashaMerka-white-bcg h1.naslov-whiteBcg {
            font-size: 26px;
            margin-bottom: 30px;
        }

    #skroeniPoVasaMerka .skroeniPoVasaMerka-banner h1.naslov-banner span {
        font-size: 22px;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-one, #skroeniPoVasaMerka section.skroeniPoVasaMerka-two,
    #skroeniPoVasaMerka section.skroeniPoVasaMerka-three, #skroeniPoVasaMerka section.skroeniPoVasaMerka-four,
    #skroeniPoVasaMerka section.skroeniPoVasaMerka-five, #skroeniPoVasaMerka section.skroeniPoVasaMerka-six, #skroeniPoVasaMerka section.skroeniPoVasaMerka-seven {
        background-image: none;
    }

    #skroeniPoVasaMerka .skroeniPoVasaMerka-leftTxt {
        width: 100%;
    }

    skroeniPoVasaMerka .skroeniPoVasaMerka-box h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-box {
        min-height: 0;
        padding: 30px 15px 30px;
    }

    #skroeniPoVasaMerka .skroeniPoVasaMerka-box.skroeniPoVasaMerka-one {
        padding: 30px 15px 60px;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-one .skroeniPoVasaMerka-img img {
        left: 40%;
        height: 100px;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-one > img, #skroeniPoVasaMerka section.skroeniPoVasaMerka-three > img {
        transform: rotate(360deg) scaleX(-1);
        right: 0;
        left: auto;
        width: 250px;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-one p {
        margin-bottom: 30px;
    }

    #skroeniPoVasaMerka .skroeniPoVasaMerka-box h2 {
        font-size: 24px;
        margin-bottom: 25px;
    }

    #skroeniPoVasaMerka .skroeniPoVasaMerka-rightTxt {
        width: 100%;
        padding-left: 0;
    }

    .skroeniPoVasaMerka-icons .pl0-xs {
        padding-left: 0 !important;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-three .skroeniPoVasaMerka-leftTxt {
        width: 100%;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-seven p {
        margin-bottom: 30px;
    }

    #skroeniPoVasaMerka .skroeniPoVasaMerka-iconsBox.masovni-sms .masovni-sms-info {
        right: -10px;
        left: auto;
        bottom: 0;
        top: auto;
    }

    #skroeniPoVasaMerka .skroeniPoVasaMerka-banner h1.naslov-banner {
        bottom: 60px;
        top: auto;
        position: absolute;
        transform: none;
    }

    #skroeniPoVasaMerka .skroeniPoVasaMerka-leftTxt h3 span, #skroeniPoVasaMerka .skroeniPoVasaMerka-rightTxt h3 span {
        font-family: 'teleNeo-medium' !important;
        font-size: 20px;
    }

    #skroeniPoVasaMerka .skroeniPoVasaMerka-four .skroeniPoVasaMerka-text:first-of-type {
        margin-bottom: 30px;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form {
        width: 100%;
    }
}

@media screen and (max-width: 374px) {

    #skroeniPoVasaMerka .skroeniPoVasaMerka-banner h1.naslov-banner span {
        font-size: 19px;
    }
}


/*////////////////////////////////////////*/
#skroeniPoVasaMerka .masovni-sms-info:after {
    content: ']X';
    font-family: 'teleicon-outline';
    position: absolute;
    color: white;
    top: 10px;
    right: 10px;
    margin: auto;
    cursor: pointer;
}

#skroeniPoVasaMerka .skroeniPoVasaMerka-iconsBox .masovni-sms-info p {
    color: white !important;
    font-size: 16px !important;
    line-height: 1.1 !important;
    margin: 0;
}

#skroeniPoVasaMerka .skroeniPoVasaMerka-iconsBox .masovni-sms-info span {
    color: white;
    font-family: 'teleicon-outline' !important;
    float: right;
    cursor: pointer;
}

#skroeniPoVasaMerka section.skroeniPoVasaMerka-eight {
    position: relative;
}

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight > img {
        position: absolute;
        top: 0;
        left: -10%;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form {
        position: relative;
        margin: 0 auto;
    }

        #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form #invalidMailMsg {
            color: #a94442 !important;
            background-color: #f2dede;
            border-color: #ebccd1;
            padding: 0;
            border: 1px solid transparent;
            border-radius: 4px;
        }

        #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form h2 span {
            font-family: 'teleNeo-extra' !important;
        }

        #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form .checkbox-wrap {
            display: block;
            position: relative;
            padding-left: 30px;
            font-size: 16px;
            line-height: 24px;
            cursor: pointer;
        }

            #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form .checkbox-wrap:before {
                content: "";
                position: absolute;
                left: 0;
                top: 5px;
                width: 18px;
                height: 18px;
                border: 1px solid rgba(215, 211, 211, 0.93);
                background: #eeeeee;
                border-radius: 3px;
            }

        #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form .checkbox-group .form-box {
            padding: 20px 0;
        }

        #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form .checkbox-wrap input[type="checkbox"]:checked,
        #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form .checkbox-wrap input[type="checkbox"]:not(:checked) {
            position: absolute;
            opacity: 0;
            left: 4px;
            z-index: 99;
            cursor: pointer;
        }

            #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form .checkbox-wrap input[type="checkbox"]:checked + .checkmark:after {
                content: 'V';
                position: absolute;
                color: #6bb324;
                font-family: 'TeleIcon Solid';
                display: block;
                left: 2px;
                right: 0;
                top: 2px;
                bottom: 0;
                opacity: 1;
                z-index: 3;
                font-size: 16px;
            }

            #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form .checkbox-wrap input[type="checkbox"]:not(:checked) + .checkmark:after {
                content: '';
                position: absolute;
                color: green;
                opacity: 0;
            }

            #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form .checkbox-wrap input[type="checkbox"]:checked + .checkmark:after {
                opacity: 1;
                transform: scale(1);
            }

            #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form .checkbox-wrap input[type="checkbox"]:not(:checked) + .checkmark:after {
                opacity: 0;
                transform: scale(0);
            }

        #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form #successFullMsg:before {
            content: 'V';
            position: relative;
            font-family: 'teleicon-outline';
            color: #e22073;
            font-size: 23px;
            position: relative;
            right: 15px;
            top: 4px;
        }

        #skroeniPoVasaMerka section.skroeniPoVasaMerka-eight #skroeniPoVashaMerka-form #buttonLikeInput {
            padding: 8px 20px;
            border-radius: 3px;
        }

.skroeniPoVashaMerka-success-message {
    position: relative;
    width: 50%;
    margin: 60px auto;
    text-align: center;
    font-size: 19px;
}

    .skroeniPoVashaMerka-success-message p {
        margin: 0;
    }

    .skroeniPoVashaMerka-success-message .alert-success {
        padding: 40px 0;
    }

@media screen (min-width: 768px) and (max-width: 1399px) {
    #skroeniPoVasaMerka section.skroeniPoVasaMerka-one > img, #skroeniPoVasaMerka section.skroeniPoVasaMerka-three > img {
        display: none;
    }
}


@media screen and (min-width: 992px) and (max-width: 1399px) {

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-one {
        background-position: right 30% center;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-two {
        background-position: left 35% center;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-four {
        background-position: left 30% center;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-six {
        background-position: left 40% center;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-three {
        background-position: right 30% center;
    }

    #skroeniPoVasaMerka section.skroeniPoVasaMerka-five, #skroeniPoVasaMerka section.skroeniPoVasaMerka-seven {
        background-position: right 20% center;
    }

    #skroeniPoVasaMerka .skroeniPoVasaMerka-rightTxt {
        padding-left: 20px;
    }
}

.poveke-internet {
    padding: 25px 0 10px 0;
    position: relative;
}

    .poveke-internet .ec-30 {
        position: absolute;
        right: 0;
        top: -30px;
    }
/*magenta 1 BUSSINES calculator ec kaj mobilni uslugi*/
.row.promotion-june .magenta-box-choose:nth-child(1) img.vardar-ec,
.row.promotion-june .magenta-box-choose:nth-child(2) img.vardar-ec {
    display: none;
}


/*tab container full width*/
div[rel="Интернет Балкан"],
div[rel="1 GB во роаминг"],
div[rel="Интернет Свет"],
div[rel="1 GB NË ROAMING"],
div[rel="Internet World"],
div[rel="Остварете сè што посакувате"],
div[rel="Користете ја технологијата за добро"],
div[rel="Realizoni gjithçka që dëshironi"],
div[rel="Përdorni teknologjinë për të mirë"],
div[rel="НЕКА ПОБЕДИ ЉУБОВТА"],
div[rel="LE TË FITOJË DASHURIA"] {
    padding: 20px 0 0 !important;
}

/*#region full width banner*/
#telekom-full-width-banner.travel-and-surf-full-width-banner img {
    margin: 0 auto;
    display: block;
}

@media screen and (max-width: 767px) {
    #telekom-full-width-banner.travel-and-surf-balkan-paket {
        position: relative;
        max-width: 767px;
        position: relative;
        left: 12%;
        height: 155px;
        margin-left: -150px;
    }

        #telekom-full-width-banner.travel-and-surf-balkan-paket img {
            max-width: none;
            height: 155px;
        }

    #telekom-full-width-banner.travel-and-surf-baner {
        position: relative;
        max-width: 767px;
        position: relative;
        height: 155px;
        left: 48%;
        margin-left: -410px;
    }

        #telekom-full-width-banner.travel-and-surf-baner img {
            max-width: none;
            height: 155px;
        }

    #telekom-full-width-banner.najeftin-roaming-baner {
        position: relative;
        max-width: 767px;
        position: relative;
        left: 23%;
        height: 155px;
        margin-left: -230px;
    }

        #telekom-full-width-banner.najeftin-roaming-baner img {
            max-width: none;
            height: 155px;
        }
}

.tab-container.r-tabs .r-tabs-panel.r-tabs-state-active {
    background-color: #fff !important;
    border-radius: 0;
}
/*#endregion full width banner*/
ul.t-ul-new-magenta li {
    display: block;
    background-image: url(../images/list-bullet.png);
    background-position: 0 11px;
    background-repeat: no-repeat;
    padding-left: 15px;
    line-height: 145%;
    margin-bottom: 7px;
    margin-left: 30px;
}

ul.t-ul-new-white li {
    display: block;
    background-image: url(../images/list-bullet-white.png);
    background-position: 0 11px;
    background-repeat: no-repeat;
    padding-left: 15px;
    line-height: 145%;
    margin-bottom: 7px;
    margin-left: 30px;
}

ul.t-ul-bullet-magenta li {
    padding-left: 20px;
    position: relative;
    display: block;
}

    ul.t-ul-bullet-magenta li:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto 0;
        width: 7px;
        height: 7px;
        background: #e20074;
        border-radius: 50px;
    }
/*#region penzioner landing*/
#telekom-full-width-banner .container {
    position: relative;
}

#telekom-full-width-banner.penzioner-full-width-banner {
    /*background-image: url(../content/images/penzioner-full-width-banner.jpg);*/
    background-image: url(../content/images/penzioner-vnatresen-new.jpg);
    position: relative;
    min-height: 375px;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    top: 20px;
}

    #telekom-full-width-banner.penzioner-full-width-banner img {
        position: absolute;
        right: 20px;
        top: 20px;
        width: 120px;
    }

#telekom-full-width-banner.poseben-full-width-banner {
    background-image: url(../content/images/tarifa-poseben-full-width-banner.jpg);
    position: relative;
    min-height: 375px;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
}

#telekom-full-width-banner.dopolni-kredit-full-width-banner {
    background-image: url(../content/images/dopolnuvanje-kredit-full-width-banner.jpg);
    position: relative;
    min-height: 375px;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
}

#telekom-full-width-banner img.aktiviraj-1406.pull-right {
    position: absolute;
    right: 0;
    top: 45px;
}

.inner-template.ostanato-vo-postpaid-content-new {
    position: relative;
    min-height: auto;
}

@media screen and (max-width: 7667px) {
    #telekom-full-width-banner.penzioner-full-width-banner,
    #telekom-full-width-banner.poseben-full-width-banner {
        background-position: 37%;
    }

    #telekom-full-width-banner.dopolni-kredit-full-width-banner {
        background-position: 27%;
    }
}
/*#endregion penzioner*/
/*#region easy tabs*/
#easy-tarifa-tabovi .easy-tarifa-banner {
    position: relative;
}

    #easy-tarifa-tabovi .easy-tarifa-banner .easy-tarifa-tabsBox {
        background-color: rgba(237,237,237,0.85);
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }

        #easy-tarifa-tabovi .easy-tarifa-banner .easy-tarifa-tabsBox ul {
            position: relative;
            width: 100%;
        }

            #easy-tarifa-tabovi .easy-tarifa-banner .easy-tarifa-tabsBox ul li {
                position: relative;
                width: 30.33333%;
            }

                #easy-tarifa-tabovi .easy-tarifa-banner .easy-tarifa-tabsBox ul li a {
                    padding: 10px 25px;
                    border: none;
                    border-bottom: 3px solid #cacaca;
                    background-color: transparent;
                    font-size: 21px;
                    color: #000000;
                    margin-right: 0;
                    position: relative;
                    text-transform: uppercase;
                }

                    #easy-tarifa-tabovi .easy-tarifa-banner .easy-tarifa-tabsBox ul li a:active,
                    #easy-tarifa-tabovi .easy-tarifa-banner .easy-tarifa-tabsBox ul li a:focus {
                        border: none;
                        border-bottom: 3px solid #e20074;
                    }

@media (max-width: 767px) {
    #easy-tarifa-tabovi .easy-tarifa-banner {
        position: relative;
        background-image: url(../content/images/easy-tarifa-full-baner.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

        #easy-tarifa-tabovi .easy-tarifa-banner .easy-tarifa-tabsBox {
            position: relative;
        }

            #easy-tarifa-tabovi .easy-tarifa-banner .easy-tarifa-tabsBox ul li {
                width: 33.33333%;
            }

                #easy-tarifa-tabovi .easy-tarifa-banner .easy-tarifa-tabsBox ul li a {
                    font-size: 16px;
                    padding: 10px 15px;
                }
}

/*#endregion easy tabs*/
/*#region travel-and-surf--->internet balkan i svet*/
.easy-tarifa-tabsBox ul.nav-tabs li.active > a {
    border-bottom: 3px solid #e20074 !important;
}

div[rel="Интернет Балкан"],
div[rel="Internet Ballkan"],
div[rel="Internet Bota"],
div[rel="Internet Balkan"] {
    padding: 20px 0 !important;
}
/*3endregion internet balkan i svet*/
/*section.telekom-mk-app-new-box.telekom-mk-app-internet-vo-roaming {
    background-image: url(../content/images/500mbRoaming.png);
    background-position: right bottom;
    background-size: 100%;
    background-repeat: no-repeat;
}
section.telekom-mk-app-new-box.telekom-mk-app-dobij-povekje {
    background-image: url(../content/images/1GBRoaming.png);
    background-position: right bottom;
    background-size: 100%;
    background-repeat: no-repeat;
}*/
section.telekom-mk-app-internet-vo-roaming img.img-right {
    position: absolute !important;
    right: 0 !important;
    width: 288px !important;
    float: right;
    bottom: -60px !important;
}

section.telekom-mk-app-internet-vo-roaming img.img-left {
    position: relative;
    left: -15px;
    width: 320px;
    bottom: -110px !important;
}

section.telekom-mk-app-dobij-povekje img.img-right {
    position: absolute !important;
    right: 0 !important;
    width: 288px !important;
    float: right;
    bottom: -60px !important;
}

section.telekom-mk-app-dobij-povekje img.img-left {
    position: relative;
    left: -15px;
    width: 320px;
    bottom: -110px !important;
}

#telekom-mk-app-new span.glyphicon-chevron-right {
    transform: rotate(180deg);
    right: 50%;
    top: 60%;
}

#telekom-mk-app-new span.glyphicon-chevron-left:before {
    content: ']%';
    font-family: 'teleicon-outline';
    color: #fff;
    font-size: 60px;
}

#telekom-mk-app-new span.glyphicon-chevron-right:before {
    content: ']%';
    font-family: 'teleicon-outline';
    color: #fff;
    font-size: 60px;
}

#telekom-mk-app-new .left.carousel-control,
#telekom-mk-app-new .right.carousel-control {
    z-index: 99;
}

#telekommk-app-carousel .telekom-mk-app-new-box p {
    display: block;
}

@media screen and (max-width: 767px) {
    section .telekom-mk-app-dobij-povekje, section.telekom-mk-app-internet-vo-roaming, section.telekom-mk-app-two {
        min-height: 480px !important;
    }

        section.telekom-mk-app-dobij-povekje img.img-left {
            display: none !important;
        }

        section.telekom-mk-app-internet-vo-roaming img.img-left {
            display: none !important;
        }

    #telekom-mk-app-new span.glyphicon-chevron-right {
        top: 50% !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    section.telekom-mk-app-internet-vo-roaming img.img-left {
        left: 0;
        width: 280px;
        bottom: 0 !important;
    }

    section.telekom-mk-app-internet-vo-roaming img.img-right {
        width: 245px !important;
    }

    section.telekom-mk-app-dobij-povekje img.img-left {
        left: 0;
        width: 280px;
        bottom: 0 !important;
    }

    section.telekom-mk-app-dobij-povekje img.img-right {
        width: 245px !important;
    }

    #telekom-mk-app-new span.glyphicon-chevron-right {
        top: 50% !important;
    }
}



/*#region e-trotinet*/

#e-trotinet .e-trotinet-content {
    position: relative;
    padding: 40px 0;
}

.e-trotinet-fullBox {
    display: table;
    width: 100%;
}

    .e-trotinet-fullBox > div {
        display: table-cell;
        width: 33.33333%;
        vertical-align: top;
    }

.e-trotinet-slika2.e-trotinet-box, .e-trotinet-slika1.e-trotinet-box {
    vertical-align: bottom;
}


#e-trotinet .e-trotinet-content h2 {
    font-family: 'teleNeo-extra' !important;
    color: #000000;
    font-size: 34px;
    margin-bottom: 45px;
    text-transform: uppercase;
}

#e-trotinet p, #e-trotinet ul li, #e-prevoz p, #e-prevoz ul li {
    font-size: 17px;
    color: #000000;
}

#e-trotinet a.btn {
    padding: 8px 20px;
}

.e-trotinet-text.e-trotinet-box a.btn {
    margin-top: 20px;
}

.e-trotinet-slika1 img, .e-trotinet-slika2 img {
    padding-top: 30px;
}

.e-trotinet-karakteristiki {
    position: relative;
    padding: 4% 0 12%;
    background-color: #2b2b2b;
    color: white;
}

    .e-trotinet-karakteristiki:after {
        position: absolute;
        content: "";
        background: url(../content/images/xiaomi-trotinet-background.jpg) no-repeat center;
        background-size: cover;
        width: 50%;
        height: 100%;
        top: 0;
        right: 0;
        /*background-position: right center;*/
        background-position: center;
    }

.e-trotinet-text-left {
    width: 38%;
}

#e-trotinet h2, #e-prevoz h2 {
    font-family: 'teleNeo-extra' !important;
    font-size: 34px;
    margin-bottom: 35px;
    padding-top: 20px;
    margin-top: 0;
}

#e-trotinet .e-trotinet-karakteristiki h2, #e-prevoz .e-prevoz-karakteristiki h2 {
    color: white;
}

#e-trotinet ul li, #e-prevoz ul li {
    position: relative;
    padding-left: 25px;
    color: white;
}

    #e-trotinet ul li:before, #e-prevoz ul li:before {
        content: ']-';
        font-family: 'teleicon-outline';
        position: absolute;
        font-size: 11px;
        top: 6px;
        left: 0;
    }

.e-trotinet-box {
    display: table;
    width: 100%;
}

    .e-trotinet-box > div {
        display: table-cell;
        width: 50%;
        vertical-align: top;
    }

.e-trotinet-app {
    background-color: #f5f9fa;
    padding: 65px 0;
}

.e-trotinet-text-right h2, .e-trotinet-text-right p {
    width: 85%;
}

.e-trotinet-download-app {
    padding-top: 100px;
}

.telekom-mk-app-mobIcons a:first-of-type img {
    margin-right: 15px;
}

#urediLanding-smart-uredi {
    position: relative;
    padding: 45px 0 50px;
}

    #urediLanding-smart-uredi h2 {
        margin-bottom: 30px;
        text-transform: uppercase;
    }

#smart-urediLanding-box {
    display: table;
    width: 100%;
}

    /*#smart-urediLanding-box .smart-home, #smart-urediLanding-box .e-trotinet {
        width: 50%;
        display: table-cell;
        text-align: center;
    }*/

    #smart-urediLanding-box .smart-home,
    #smart-urediLanding-box .e-trotinet,
    #smart-urediLanding-box .uredi-smart-watch,
    #smart-urediLanding-box .uredi-e-velosipedi {
        width: 20%;
        display: table-cell;
        text-align: center;
    }

    #smart-urediLanding-box .img-box a img {
        width: 85%;
    }

    #smart-urediLanding-box h3 {
        margin-bottom: 35px;
        font-family: 'teleNeo-medium' !important;
        font-size: 16px;
        text-transform: uppercase;
    }

    #smart-urediLanding-box .img-box {
        min-height: 230px;
    }

    #smart-urediLanding-box .smart-home .img-box img {
        /*padding-top: 20px;*/
        padding-top: 0;
    }

    #smart-urediLanding-box a.btn.btn-magen {
        padding: 8px 20px;
    }

.e-trotinet-magenta-banner {
    position: relative;
    background-image: url('../content/images/e-trotinet-magenta-banner.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 22% 0 40px;
}

    .e-trotinet-magenta-banner img {
        position: absolute;
        top: 10%;
        width: 130px;
    }

    .e-trotinet-magenta-banner .e-trotinet-magenta.box {
        position: relative;
        background-image: url(../content/images/magenta-bcg-cool-kids.png);
        max-width: 450px;
        margin: 0 auto;
        opacity: 0.85;
        padding: 10px 25px;
    }

        .e-trotinet-magenta-banner .e-trotinet-magenta.box p {
            color: white !important;
            font-size: 22px !important;
            line-height: 28px;
        }

            .e-trotinet-magenta-banner .e-trotinet-magenta.box p:first-of-type {
                margin-bottom: 25px;
            }



@media (min-width: 992px) and (max-width: 1199px) {
    .e-trotinet-text-right h2, .e-trotinet-text-right p {
        width: 90%;
    }
}



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

    #smart-urediLanding-box .img-box img {
        max-height: 270px;
        width: 80%;
    }

    #smart-urediLanding-box h3 {
        min-height: 38px;
    }

    #smart-urediLanding-box .img-box {
        min-height: 210px;
    }

    .e-trotinet-text-left {
        width: 45%;
    }

    #e-trotinet h2 {
        font-size: 27px;
    }

    .e-trotinet-app {
        padding: 35px 0;
    }

    .e-trotinet-fullBox {
        display: block;
    }

    .e-trotinet-text.e-trotinet-box {
        display: block;
        width: 100%;
        text-align: center;
    }

        .e-trotinet-text.e-trotinet-box p {
            text-align: left;
        }

    #e-trotinet .e-trotinet-content {
        padding: 20px 0;
    }

    .e-trotinet-download-app {
        padding-top: 10px;
    }

    .telekom-mk-app-mobIcons a img {
        max-width: 130px;
    }

    .e-trotinet-text-right h2, .e-trotinet-text-right p {
        width: 95%;
    }
}


@media (max-width: 767px) {
    #e-trotinet a.btn {
        padding: 5px 10px;
        top: -119px;
        font-size: 17px;
    }

    .e-trotinet-magenta-banner {
        padding: 60% 0 20px;
    }

        .e-trotinet-magenta-banner .e-trotinet-magenta.box {
            width: 100%;
            padding: 5px 20px;
        }

        .e-trotinet-magenta-banner img {
            top: 20px;
            z-index: 3 !important;
            width: 90px;
        }

        .e-trotinet-magenta-banner .e-trotinet-magenta.box p {
            font-size: 17px !important;
            line-height: 22px;
        }


    #smart-urediLanding-box .smart-home,
    #smart-urediLanding-box .e-trotinet,
    #smart-urediLanding-box .uredi-smart-watch,
    #smart-urediLanding-box .uredi-e-velosipedi {
        width: 100%;
        display: block;
    }

        #smart-urediLanding-box .smart-home .img-box img {
            padding-top: 0;
        }

    #smart-urediLanding-box > div:not(:last-of-type) {
        margin-bottom: 60px;
    }

    #urediLanding-smart-uredi h2 {
        margin-bottom: 25px;
    }

    #smart-urediLanding-box .img-box {
        min-height: 215px;
    }

        #smart-urediLanding-box .img-box a img {
            width: 220px;
        }

    #urediLanding-smart-uredi {
        padding: 35px 0 35px;
    }

    #smart-urediLanding-box h3 {
        margin-top: 0;
        margin-bottom: 15px;
    }

    .e-trotinet-fullBox > div {
        display: block;
        width: 100%;
        vertical-align: top;
    }

    #e-trotinet .e-trotinet-content {
        padding: 20px 0;
    }

        #e-trotinet .e-trotinet-content h2 {
            margin-bottom: 25px;
            font-size: 29px;
        }

    .e-trotinet-fullBox > div {
        text-align: center;
    }

    .e-trotinet-text.e-trotinet-box p {
        text-align: left;
    }

    .e-trotinet-text-left {
        width: 100%;
    }

    .e-trotinet-karakteristiki:after {
        width: 100%;
        height: 270px;
        top: auto;
        bottom: 0;
    }

    .e-trotinet-app-left img {
        display: block;
        margin: 0 auto;
    }

    #e-trotinet h2, #e-prevoz h2 {
        font-size: 27px;
        margin-bottom: 25px;
    }

    .e-trotinet-karakteristiki, .e-prevoz-karakteristiki {
        padding: 15px 0 300px;
    }

    .e-trotinet-slika1 img, .e-trotinet-slika2 img {
        padding-top: 20px;
    }

    .e-trotinet-text.e-trotinet-box a.btn {
        margin-bottom: 15px;
    }

    .e-trotinet-box > div {
        display: block;
        width: 100%;
    }

    .e-trotinet-app {
        padding: 30px 0;
    }

    .e-trotinet-text-right h2, .e-trotinet-text-right p {
        width: 100%;
    }

    .e-trotinet-download-app {
        padding-top: 10px;
    }

    .telekom-mk-app-mobIcons a img {
        max-width: 130px;
    }
}
/*#endregion e-trotinet*/

/*#region razgovori tabovi*/
.dopolnitelni-paketi-razgovori {
    position: relative;
}

    .dopolnitelni-paketi-razgovori .razgovori-tabsBox {
        background-color: rgba(237,237,237,0.85);
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }

        .dopolnitelni-paketi-razgovori .razgovori-tabsBox ul {
            position: relative;
            width: 100%;
            border-bottom: 3px solid #cacaca;
        }

            .dopolnitelni-paketi-razgovori .razgovori-tabsBox ul li {
                position: relative;
                width: 25%;
            }

                /*.dopolnitelni-paketi-razgovori .razgovori-tabsBox ul li.active a {
                    border: none;
                    border-bottom: 3px solid #e20074;
                }*/

                .dopolnitelni-paketi-razgovori .razgovori-tabsBox ul li.active a:hover {
                    background-color: transparent;
                }

                .dopolnitelni-paketi-razgovori .razgovori-tabsBox ul li a {
                    padding: 10px 10px;
                    background-color: transparent;
                    border: none;
                    font-size: 16px;
                    color: #000000;
                    margin-right: 0;
                    position: relative;
                    text-transform: uppercase;
                    min-height: 87px;
                    vertical-align: middle;
                    display: inline-block;
                    width: 100%;
                }

                    .dopolnitelni-paketi-razgovori .razgovori-tabsBox ul li a:active,
                    .dopolnitelni-paketi-razgovori .razgovori-tabsBox ul li a:focus {
                        background-color: transparent;
                        border: none;
                    }

                /*.dopolnitelni-paketi-razgovori .razgovori-tabsBox ul li a:active:after,
                        .dopolnitelni-paketi-razgovori .razgovori-tabsBox ul li a:focus:after,*/
                .dopolnitelni-paketi-razgovori .razgovori-tabsBox ul li.active a:after {
                    position: absolute;
                    content: "";
                    height: 3px;
                    background-color: #e20074;
                    bottom: -2px;
                    width: 100%;
                    left: 0;
                    border: none;
                }

                .dopolnitelni-paketi-razgovori .razgovori-tabsBox ul li:nth-child(1) a span,
                .dopolnitelni-paketi-razgovori .razgovori-tabsBox ul li:nth-child(2) a span {
                    position: relative;
                    top: 10px;
                }


.razgovori-tabsContent div#myTabContent h3 {
    position: relative;
    background-color: rgba(237,237,237,0.85);
    color: #000;
    padding: 20px 10px;
    width: 100%;
    margin: 0 auto 1px;
    font-size: 17px;
}

    .razgovori-tabsContent div#myTabContent h3:after {
        content: ']$';
        font-family: 'teleicon-outline';
        position: absolute;
        color: #e20074;
        font-size: 18px;
        top: 22px;
        right: 9px;
        margin: auto;
        transform: rotateZ(-180deg);
        transition-property: transform;
        transition-duration: .25s;
    }

    .razgovori-tabsContent div#myTabContent h3.dc-active {
        margin-bottom: 20px;
    }

        .razgovori-tabsContent div#myTabContent h3.dc-active:after {
            content: ']$';
            font-family: 'teleicon-outline';
            position: absolute;
            color: #e20074;
            font-size: 18px;
            top: 22px;
            right: 9px;
            margin: auto;
            transform: rotateZ(0deg);
        }

@media (max-width: 434px ) {
    .dopolnitelni-paketi-razgovori .razgovori-tabsBox ul li a {
        font-size: 15px;
        padding: 5px;
        min-height: 160px;
        text-transform: uppercase;
    }
}

@media (min-width: 435px ) and (max-width: 767px) {
    .dopolnitelni-paketi-razgovori .razgovori-tabsBox ul li a {
        font-size: 15px;
        padding: 5px;
        min-height: 140px;
        text-transform: uppercase;
    }
}

@media (min-width:768px) and (max-width: 991px) {
    .dopolnitelni-paketi-razgovori .razgovori-tabsBox ul li a {
        font-size: 16px;
        padding: 5px;
        min-height: 80px;
    }
}

@media (min-width: 992px) and (max-width: 1305px) {
    .dopolnitelni-paketi-razgovori .razgovori-tabsBox ul li a {
        padding: 10px 15px;
        font-size: 16px;
        min-height: 85px;
    }
}

@media (max-width: 991px) {
    .dopolnitelni-paketi-razgovori {
        margin-bottom: 30px;
    }

        .dopolnitelni-paketi-razgovori .razgovori-tabsBox {
            position: relative;
        }
}
/*#endregion razgovori tabovi*/


/*#region tabovi internet balkan*/
#internet-roaming-pripejd .internet-balkan {
    position: relative;
}

    #internet-roaming-pripejd .internet-balkan .internet-balkan-tabsBox {
        background-color: rgba(237,237,237,0.85);
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
    }

        #internet-roaming-pripejd .internet-balkan .internet-balkan-tabsBox ul {
            border-bottom: 3px solid #ddd;
        }

            #internet-roaming-pripejd .internet-balkan .internet-balkan-tabsBox ul li a {
                background-color: transparent;
                border: none;
                padding: 10px 10px;
                font-size: 16px;
                color: #000000;
                margin-right: 0;
                position: relative;
                text-transform: uppercase;
                vertical-align: middle;
                display: inline-block;
                width: 100%;
            }

            #internet-roaming-pripejd .internet-balkan .internet-balkan-tabsBox ul li.active a:after {
                position: absolute;
                content: "";
                height: 3px;
                background-color: #e20074;
                bottom: -2px;
                width: 100%;
                left: 0;
                border: none;
            }

            #internet-roaming-pripejd .internet-balkan .internet-balkan-tabsBox ul li a:active:after,
            #internet-roaming-pripejd .internet-balkan .internet-balkan-tabsBox ul li a:focus:after {
                position: absolute;
                content: "";
                height: 3px;
                background-color: #e20074;
                bottom: -2px;
                width: 100%;
                left: 0;
                border: none;
            }

div#internet-roaming-postpejd {
    position: relative;
}

    div#internet-roaming-postpejd div#telekom-full-width-banner {
        position: relative;
        top: 380px;
        z-index: 2;
    }

    div#internet-roaming-postpejd .internet-svet-tabsContent .absolute-banner {
        height: 380px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    div#internet-roaming-postpejd .internet-svet-tabsContent #internet-balkan-tab1 .absolute-banner {
        background-image: url(../content/images/roam-like-home-banner-old.jpg);
    }

        div#internet-roaming-postpejd .internet-svet-tabsContent #internet-balkan-tab1 .absolute-banner.sq {
            background-image: url('../content/images/roam-like-home-banner-sq-old.jpg');
        }

    div#internet-roaming-postpejd .internet-svet-tabsContent #internet-balkan-tab2 .absolute-banner {
        /*background-image: url(../content/images/travel-surf-roaming-balkan-paket-2.jpg);*/
        background-image: url(../content/images/internet-roaming-vnatreshen.png) !important;
    }

        div#internet-roaming-postpejd .internet-svet-tabsContent #internet-balkan-tab2 .absolute-banner.sq {
            background-image: url(../content/images/internet-roaming-vnatreshen-sq.png) !important;
        }

#internet-roaming-pripejd .absolute-banner {
    height: 380px;
}

    #internet-roaming-pripejd .absolute-banner img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

div#internet-roaming-pripejd div#telekom-full-width-banner {
    position: relative;
    top: 380px;
}

.travel-and-surf-promo span.old-price {
    color: black !important;
    font-family: 'teleNeo-medium' !important;
    text-decoration: line-through;
    margin-right: 4px;
}

    .travel-and-surf-promo span.old-price:before {
        display: none;
    }

div#telekom-full-width-banner {
    position: relative;
}

.travel-and-surf-promo span.new-price {
    position: relative;
    color: #e20074;
    font-family: 'teleNeo-medium' !important;
}

div#internet-roaming-postpejd .internet-balkan-tabsBox {
    background-color: rgba(237,237,237,.85);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
}

    div#internet-roaming-postpejd .internet-balkan-tabsBox ul {
        border-bottom: 3px solid #ddd;
        background: transparent;
    }

        div#internet-roaming-postpejd .internet-balkan-tabsBox ul li a {
            background: transparent !important;
            background-color: transparent;
            border: none;
            padding: 10px 10px;
            font-size: 16px;
            color: #000;
            margin-right: 0;
            position: relative;
            text-transform: uppercase;
            vertical-align: middle;
            display: inline-block;
            width: 100%;
        }

        div#internet-roaming-postpejd .internet-balkan-tabsBox ul li.active a:after {
            position: absolute;
            content: "";
            height: 3px;
            background-color: #e20074;
            bottom: -2px;
            width: 100%;
            left: 0;
            border: none;
        }

@media (max-width: 767px) {
    div#internet-roaming-postpejd div#telekom-full-width-banner {
        position: relative;
        top: 0;
    }

    div#internet-roaming-pripejd div#telekom-full-width-banner {
        position: relative;
        top: 0;
        height: 190px;
    }

    div#internet-roaming-postpejd #internet-balkan-tab1 .absolute-banner {
        position: absolute;
        top: 0;
        height: 190px;
        width: 100%;
        background-image: url(../content/images/roam-like-home-banner.jpg);
        background-size: cover;
        background-position: center;
        z-index: 0;
    }

    div#internet-roaming-postpejd #internet-balkan-tab2 .absolute-banner {
        position: absolute;
        top: 0;
        height: 190px;
        width: 100%;
        background-image: url(../content/images/travel-surf-roaming-balkan-paket-2.jpg);
        background-size: cover;
        background-position: 30% center;
        z-index: 0;
    }

    div#internet-roaming-pripejd #internet-balkan-tab1 .absolute-banner {
        position: absolute;
        top: 0;
        height: 190px;
        width: 100%;
        background-image: url(../content/images/roam-like-home-banner-old.jpg);
        background-size: cover;
        background-position: center;
        z-index: 0;
    }

    div#internet-roaming-pripejd #internet-balkan-tab2 .absolute-banner {
        position: absolute;
        top: 0;
        height: 200px;
        width: 100%;
        background-image: url(../content/images/internet-roaming-vnatreshen.png);
        background-size: cover;
        background-position: 30% center;
        z-index: 0;
    }

        div#internet-roaming-pripejd #internet-balkan-tab2 .absolute-banner.sq {
            background-image: url(../content/images/internet-roaming-vnatreshen-sq.png);
        }

    #internet-roaming-postpejd #telekom-full-width-banner {
        /* background-image: url('../content/images/roam-like-home-banner.jpg');*/
        background-size: cover;
        background-position: center;
        height: 190px;
    }

    #internet-roaming-pripejd .internet-balkan .internet-balkan-tabsBox {
        position: relative;
        z-index: 2;
        top: 145px;
    }

    div#internet-roaming-postpejd .internet-balkan-tabsBox {
        position: absolute;
        z-index: 2;
    }

    #internet-roaming-pripejd .internet-balkan.sq {
        background-image: url('../content/images/roam-like-home-banner-sq.jpg');
        height: 190px;
        background-size: cover;
        background-position: center;
    }

        #internet-roaming-pripejd .internet-balkan.sq .internet-balkan-tabsBox {
            position: absolute;
        }
}

@media(min-width: 768px) and (max-width: 991px) {
    div#internet-roaming-postpejd .internet-svet-tabsContent #internet-balkan-tab2 .absolute-banner {
        height: 300px;
    }

    div#internet-roaming-postpejd div#telekom-full-width-banner {
        position: relative;
        top: 300px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    div#internet-roaming-postpejd .internet-svet-tabsContent #internet-balkan-tab2 .absolute-banner {
        background-position: 40% center;
    }

    #internet-roaming-pripejd .absolute-banner img {
        object-position: 30% center;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #internet-roaming-pripejd .absolute-banner img {
        object-position: 40% center;
    }
}
/*#endregion tabovi internet balkan*/

/*#region smart watches*/
#smartWatches p, #smartWatches ul li {
    font-size: 17px;
    color: #000000;
}

.smartWatches-banner {
    background-color: #eaeaea;
    padding: 60px 0 410px 0;
    text-align: center;
}

    .smartWatches-banner h1 {
        font-family: 'teleNeo-extra' !important;
        font-size: 46px;
        color: #e20074;
        text-transform: uppercase;
        margin-bottom: 45px;
        line-height: 1.2;
    }

#smartWatches .smartWatches-naracajBox {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    /*top: -95px;*/
    top: -150px;
}

    #smartWatches .smartWatches-naracajBox a.btn-grey {
        background: transparent;
        color: rgba(61, 61, 61, 0.8);
        font-family: 'teleNeo-regular' !important;
        font-size: 18px;
        border: 1px solid #bbbbbb;
        border-radius: 3px;
        min-height: 0;
        padding: 10px 20px;
        bottom: auto;
        min-width: 110px;
    }

.smartWatches-banner h1 span {
    font-family: teleNeo-medium !important;
    font-size: 38px;
    display: inline-block;
    margin-top: 8px;
}

#smartWatches .smartWatches-priceBox p {
    color: #383838;
    font-size: 30px;
    font-family: 'teleNeo-medium' !important;
    margin-bottom: 12px;
}

    #smartWatches .smartWatches-priceBox p span {
        font-size: 16px;
        font-family: 'teleNeo-medium' !important;
    }

.smartWatches-alcatel {
    padding: 60px 0;
}

.smartWatches-myki {
    padding: 100px 0 10px;
}

    .smartWatches-myki ul li {
        position: relative;
        padding-left: 25px;
    }

        .smartWatches-myki ul li:before {
            content: ']-';
            font-family: 'teleicon-outline';
            position: absolute;
            font-size: 11px;
            top: 6px;
            left: 0;
        }

#smartWatches .smartWatches-alcatel h1.inner-cont,
#smartWatches .smartWatches-myki h1.inner-cont {
    color: #000000;
    font-family: 'teleNeo-bold' !important;
    font-size: 31px;
}

#smartWatches .row.watchWrapper {
    position: relative;
    padding: 10px 0 40px 0;
}

#smartWatches #smartWatches-tab2 .row.watchWrapper:nth-of-type(2) .smartWatches-mykiTxt {
    padding-top: 30px;
    width: 90%;
}

#smartWatches .row.watchWrapper .alc p {
    width: 80%;
}

.smartWatches-introTxt {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 50px;
}

    .smartWatches-introTxt p {
        font-size: 21px;
    }

.smartWatches-tabsBox {
    background-color: white;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.06);
    position: relative;
    z-index: 10;
}

.smartWatches-tabsContent {
    position: relative;
    z-index: 0;
}

.smartWatches-tabsBox ul.nav.nav-tabs li {
    /*width: 50%;*/
    width: 100%;
}

.smartWatches-tabsBox .nav-tabs li a {
    color: white;
    font-family: 'teleNeo-bold' !important;
    border: none;
    background-color: transparent;
    font-size: 21px;
    color: #a6a6a6;
    margin-right: 0;
    position: relative;
    border-radius: 0;
    line-height: 1.2;
    text-align: center;
    min-height: 90px;
    padding-top: 20px;
    transition: 0.2s ease-in-out;
}

    .smartWatches-tabsBox .nav-tabs li a span {
        font-family: 'teleNeo-bold' !important;
    }

    .smartWatches-tabsBox .nav-tabs li a:before, .smartWatches-tabsBox .nav-tabs li.active a:before {
        position: absolute;
        content: "";
        height: 0px;
        background-color: #e20074;
        left: 0;
        right: 0;
        top: -15px;
    }

.smartWatches-tabsBox .nav-tabs li.active a:before {
    height: 15px;
}

.smartWatches-tabsBox li img {
    position: absolute;
    bottom: 240px;
    left: 0;
    right: 0;
    transition: transform 0.25s ease-in-out;
}

.smartWatches-tabsBox .nav-tabs > li a:hover img {
    transform: translateY(-15px);
    transition: transform 0.25s ease-in-out;
}


.smartWatches-tabsBox .nav-tabs {
    border-bottom: 0px solid #ddd;
}

    .smartWatches-tabsBox .nav-tabs > li {
        float: left;
        margin-bottom: 0px;
    }

        .smartWatches-tabsBox .nav-tabs > li.active {
            background-color: #e20074;
        }

            .smartWatches-tabsBox .nav-tabs > li.active > a {
                background-color: #e20074;
                color: white;
                font-family: 'teleNeo-extra' !important;
                font-size: 24px;
                padding-top: 10px;
                transition: 0.2s ease-in-out;
            }

        .smartWatches-tabsBox .nav-tabs > li:not(:active) a:hover {
            color: #000000;
        }

        .smartWatches-tabsBox .nav-tabs > li.active a:hover {
            color: white;
        }

        .smartWatches-tabsBox .nav-tabs > li.active > a span {
            font-family: 'teleNeo-extra' !important;
        }

        .smartWatches-tabsBox .nav-tabs > li.active > a, .smartWatches-tabsBox .nav-tabs > li.active > a:hover, .smartWatches-tabsBox .nav-tabs > li.active > a:focus {
            border: none;
            transition: 0.2s ease-in-out;
        }

.smartWatches-alcatelTxt {
    position: relative;
    padding-top: 70px;
}

.smartWatches-alcatelTxt-left {
    padding-top: 50px;
}

.smartWatches-alcatelTxt ul li {
    position: relative;
    padding-left: 25px;
}

    .smartWatches-alcatelTxt ul li:before {
        content: ']-';
        font-family: 'teleicon-outline';
        position: absolute;
        font-size: 11px;
        top: 6px;
        left: 0;
    }

.smartWatches-tabsBox .nav-tabs > li img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

/*.smartWatches-tabsBox .nav-tabs > li:first-of-type img {
    width: 320px;
}*/


.smartWatches-tabsBox .nav-tabs li .smartWatches-naracajBox a {
    color: rgba(61, 61, 61, 0.8);
    font-family: 'teleNeo-regular' !important;
    font-size: 18px;
    border: 1px solid #bbbbbb;
    border-radius: 3px;
    min-height: 0;
    padding: 10px 20px;
    bottom: auto;
    min-width: 110px;
}

    .smartWatches-tabsBox .nav-tabs li .smartWatches-naracajBox a span {
        font-family: 'teleNeo-regular' !important;
    }

.smartWatches-tabsBox .nav-tabs li .smartWatches-naracajBox .btn-grey:hover,
.smartWatches-tabsBox .nav-tabs li .smartWatches-naracajBox .btn-grey:active,
.smartWatches-tabsBox .nav-tabs li .smartWatches-naracajBox .btn-grey:focus,
.smartWatches-tabsBox .nav-tabs li .smartWatches-naracajBox .btn-grey:active:focus, .btn-grey.active {
    background: #ffffff !important;
}

.smartWatches-tabsBox .nav-tabs li .smartWatches-naracajBox a:before, .smartWatches-tabsBox .nav-tabs li.active .smartWatches-naracajBox a:before {
    display: none;
}

#smartWatches .smartWatches-magentaBox {
    background: #eaeaea;
    padding: 70px 0;
    color: #000000;
}

#smartWatches .smartWatches-magentaBoxIntro {
    margin-bottom: 80px;
    text-align: center;
}

#smartWatches .smartWatches-magentaBox h2 {
    text-transform: uppercase;
    font-family: 'teleNeo-extra' !important;
    font-size: 47px;
    margin-bottom: 40px;
    color: #e20074;
}

    #smartWatches .smartWatches-magentaBox h2 span {
        font-family: 'teleNeo-bold' !important;
        color: #000000;
        font-size: 38px;
    }

#smartWatches .smartWatches-magentaBoxIntro p {
    font-size: 21px;
}

#smartWatches .smartWatches-magentaBox-txt {
    position: relative;
    padding-left: 30px;
}

    #smartWatches .smartWatches-magentaBox-txt img {
        position: absolute;
        right: 0;
        top: 0px;
    }

    #smartWatches .smartWatches-magentaBox-txt p, #smartWatches .smartWatches-magentaBox-txt ul li {
        font-size: 19px;
    }

#smartWatches .smartWatches-magentaBoxTable {
    display: table;
    width: 100%;
}

#smartWatches .smartWatches-magentaBoxTableCell {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    position: relative;
}

    #smartWatches .smartWatches-magentaBoxTableCell a {
        position: relative;
        bottom: auto;
        left: 30px;
        border-radius: 3px;
        min-height: 0;
        padding: 10px 20px;
        font-size: 17px;
    }

#smartWatches .smartWatches-magentaBoxTable h3 {
    font-family: 'teleNeo-regular' !important;
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 0;
    color: #000000;
}

#smartWatches .smartWatches-magentaBoxTable .smartWatches-magentaBoxTableCell ul {
    margin-bottom: 10px;
}

.smartWatches-magentaBoxTableCell ul li {
    position: relative;
    padding-left: 20px;
}

    .smartWatches-magentaBoxTableCell ul li:before {
        content: ']-';
        font-family: 'teleicon-outline';
        position: absolute;
        font-size: 9px;
        top: 8px;
        left: 0;
    }

#smartWatches .smartWatches-magentaBoxTable p.webHub-desclaimer {
    font-size: 15px;
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: 35px;
}

    #smartWatches .smartWatches-magentaBoxTable p.webHub-desclaimer span {
        display: inline-block;
    }

#smartWatches .webHub-magentaBoxIntro {
    margin-bottom: 80px;
    text-align: center;
}

    #smartWatches .webHub-magentaBoxIntro p {
        font-size: 21px;
    }

#smartWatches .webHub-magentaBoxTable {
    display: table;
    width: 100%;
}

#smartWatches .webHub-magentaBoxTableCell {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    position: relative;
}


.smartWatches-mykiImg {
    position: relative;
    text-align: center;
}

.smartwatches-magentaBcg .smartwatches-magentaBcg-box ul li {
    padding-left: 25px;
    position: relative;
}

    .smartwatches-magentaBcg .smartwatches-magentaBcg-box ul li:before {
        content: ']-';
        font-family: 'teleicon-outline';
        position: absolute;
        font-size: 11px;
        top: 6px;
        left: 0;
    }

.smartwatches-magentaBcg .smartwatches-magentaBcg-box .smartwatches-price {
    font-size: 23px;
    font-family: 'teleNeo-bold' !important;
}

.smartwatches-magentaBcg:after {
    content: "";
    position: absolute;
    /* background-image: url('../content/images/cool-kids-m1-box-backround.jpg');*/
    background-image: url('../content/images/myki-watches/myki-bg.jpg');
    background-position: center;
    background-size: cover;
    height: 100%;
    width: 50%;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
}

.smartWatches-mobIcons {
    margin-top: 50px;
    position: relative;
}

.smartwatches-magentaBcg {
    background-color: #e20074;
    /*padding: 70px 0;*/
    padding: 2% 0;
    position: relative;
}

    .smartwatches-magentaBcg a {
        margin-top: 25px;
        padding: 7px 20px;
        border: 1px solid white !important;
    }

    .smartwatches-magentaBcg .smartwatches-magentaBcg-box {
        width: 40%;
        position: relative;
    }

    .smartwatches-magentaBcg * {
        color: white !important;
    }

    .smartwatches-magentaBcg h1 {
        color: #e20074;
        font-size: 38px;
        font-family: teleNeo-bold !important;
    }

.smartWatches-mobIcons a:first-of-type img {
    margin-right: 10px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    #smartWatches .smartWatches-sensorSetFull {
        background-size: cover;
    }
}

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


    .smartWatches-introTxt {
        margin-bottom: 20px;
    }

    .smartWatches-banner {
        padding-bottom: 370px;
    }

    #smartWatches h2, .smartWatches-kontrolenCentar h2 {
        font-size: 31px;
    }

    .smartWatches-alcatelTxt-left {
        padding-top: 0px;
    }

    #smartWatches #smartWatches-tab2 .row.watchWrapper:nth-of-type(2) .smartWatches-mykiTxt {
        padding-top: 0px;
        width: 100%;
    }

    .smartwatches-magentaBcg {
        padding: 40px 0;
    }

    .smartWatches-smartCamera {
        padding: 50px 0 40px;
    }

    .smartWatches-kontrolenCentar, .smartWatches-smartCamera-GrayBox, .smartWatches-senzoriZaDvizenje, .smartWatches-senzoriZaVrati, .smartWatches-wifi-prekinuvac {
        padding: 40px 0 40px;
    }

    #smartWatches .smartWatches-smartCamera-GrayBox h2 {
        margin-bottom: 70px;
    }

    #smartWatches .smartWatches-sensorSetFull {
        background-size: cover;
        background-position: right 42% center;
    }

    .smartWatches-smartCameraBox {
        padding: 30px;
    }

    .smartWatches-senzoriZaDvizenjeTxt {
        padding: 0 15px 0 15px;
    }

    #smartWatches .smartWatches-wifi-prekinuvac ul {
        width: 80%;
    }

        #smartWatches .smartWatches-wifi-prekinuvac ul li {
            margin-bottom: 80px;
        }

    .smartWatches-senzoriZaDvizenjeTxt ul {
        margin-top: 30px;
    }

    .smartWatches-sijalicaTxt p {
        width: 80%;
    }

    .smartWatches-sijalica ul {
        width: 80%;
    }

    .smartWatches-sijalica {
        padding: 40px 0 210px;
    }

    .smartWatches-naracajBox {
        top: -145px;
    }

    .smartWatches-tabsBox li img {
        bottom: 235px;
    }

    /*.smartWatches-tabsBox .nav-tabs > li img {
        width: 210px;
    }*/

    .smartWatches-banner h1 {
        width: 85%;
        margin: 0 auto;
        margin-bottom: 45px;
    }

    .smartWatches-tabsBox li img {
        /*bottom: 215px;*/
        bottom: 225px;
    }

    .smartWatches-tabsBox .nav-tabs > li img {
        width: 280px;
    }

    .smartwatches-magentaBcg .smartwatches-magentaBcg-box {
        width: 45%;
        margin: 0;
    }

    .smartwatches-magentaBcg h1 {
        font-size: 34px;
    }

    .smartWatches-alcatel, .smartWatches-myki {
        padding: 50px 0 10px;
    }

    #smartWatches .row.watchWrapper:first-of-type .smartWatches-mykiImg img {
        padding-top: 60px;
    }

    #smartWatches .smartWatches-magentaBox {
        padding: 50px 0;
    }

    .smartWatches-alcatelTxt {
        padding-top: 15px;
    }

    #smartWatches .row.watchWrapper .alc p {
        width: 100%;
    }

    #smartWatches .smartWatches-magentaBoxTableCell a {
        position: relative;
    }

    #smartWatches .smartWatches-magentaBox-txt {
        margin-bottom: 30px;
    }

        #smartWatches .smartWatches-magentaBox-txt img {
            width: 90px;
        }

    #smartWatches .webHub-magentaBox-txt img {
        width: 90px;
    }

    #smartWatches .webHub-magentaBoxTable h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    #smartWatches .smartWatches-magentaBox h2 {
        font-size: 41px;
    }

    #smartWatches .webHub-magentaBoxTable .webHub-magentaBoxTableCell ul {
        margin-bottom: 20px;
    }

    #smartWatches .smartWatches-smartCamera-GrayBox a img {
        max-width: 100px;
    }

    #smartWatches .smartWatches-appBox {
        width: 100%;
    }
}


@media (max-width: 767px) {

    .smartWatches-alcatel, .smartWatches-myki {
        padding: 20px 0;
    }

    #smartWatches .row.watchWrapper {
        padding: 10px 0;
    }

    #smartWatches .smartWatches-alcatel h1.inner-cont, #smartWatches .smartWatches-myki h1.inner-cont {
        font-size: 27px;
    }

    .smartWatches-mobIcons a img {
        width: 135px;
    }

    .smartWatches-alcatelTxt:nth-child(1),
    .smartWatches-alcatelTxt {
        padding: 0;
    }

    #smartWatches .row.watchWrapper .alc p {
        width: 100%;
    }

    .smartwatches-magentaBcg .smartwatches-magentaBcg-box {
        width: 100% !important;
        margin: 0;
    }

    .smartWatches-tabsBox .nav-tabs li a {
        min-height: 70px;
    }

    .smartWatches-mykiImg {
        top: 0;
        padding: 20px 0;
    }

    .smartWatches-alcatelImg {
        text-align: center;
    }

        .smartWatches-alcatelImg img {
            width: 250px;
        }

    .smartWatches-mykiImg img {
        width: 200px;
    }

    .smartWatches-banner h1 {
        font-size: 31px;
        margin-bottom: 30px;
    }

        .smartWatches-banner h1 span {
            font-size: 24px;
            display: inline-block;
            margin-top: 7px;
        }

    .smartWatches-introTxt {
        margin-bottom: 0;
        width: 100%;
    }

    #smartWatches .smartWatches-sensorSetFull .smartWatches-sensorSetTxt li {
        margin-bottom: 10px;
        font-size: 17px;
        padding-left: 35px;
    }

        #smartWatches .smartWatches-sensorSetFull .smartWatches-sensorSetTxt li:before {
            font-size: 24px;
        }

    #smartWatches .smartWatches-sensorSetFull .smartWatches-sensorSetTxt ul {
        margin-bottom: 30px;
    }

    #smartWatches .smartWatches-sensorSetFull {
        background: none;
        padding: 40px 0 10px;
    }

    .smartWatches-banner {
        padding: 40px 0;
        /*padding-bottom: 240px;*/
        padding-bottom: 275px;
    }

    .smartWatches-tabsBox .nav-tabs > li a:hover img {
        transform: translateY(-10px);
    }

    /*.smartWatches-tabsBox .nav-tabs > li:first-of-type img {
        width: 165px;
    }*/

    #smartWatches p, #smartWatches ul li {
        font-size: 17px;
    }

    #smartWatches #smartWatches-tab2 .row.watchWrapper:nth-of-type(2) .smartWatches-mykiTxt {
        width: 100%;
        padding-top: 15px;
    }

    .smartWatches-tabsBox .nav-tabs > li.active > a {
        font-size: 18px;
    }

    .smartWatches-tabsBox .nav-tabs li.active > a span {
        color: white;
    }

    .smartWatches-tabsBox .nav-tabs li a:before, .smartWatches-tabsBox .nav-tabs li.active a:before {
        top: -10px;
    }

    .smartWatches-tabsBox .nav-tabs li.active a:before {
        height: 10px;
    }

    .smartWatches-alcatelTxt-left > img {
        max-width: 270px;
        margin: 0 auto;
    }

    .smartWatches-mobIcons {
        margin-top: 35px;
        position: relative;
    }

    .smartWatches-alcatelTxt-left {
        padding-top: 0;
    }

    .smartWatches-mykiTxt > img {
        width: 290px;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    #smartWatches .smartWatches-myki .row.watchWrapper:first-of-type {
        margin-bottom: 0;
    }

    .smartwatches-magentaBcg:after {
        width: 100%;
        height: 270px;
        top: auto;
        bottom: 0;
    }

    .smartwatches-magentaBcg {
        padding: 25px 0 295px;
    }

        .smartwatches-magentaBcg h1 {
            font-size: 29px;
            margin-bottom: 25px;
        }

    .smartWatches-tabsBox .nav-tabs li a span {
        line-height: 0;
    }

    .smartWatches-tabsBox .nav-tabs > li img {
        width: 80%;
        margin: 0 auto;
    }

    .smartWatches-tabsBox li img {
        /*bottom: 157px;*/
        bottom: 195px;
    }

    .smartWatches-tabsBox .nav-tabs li .smartWatches-naracajBox a {
        padding: 8px 20px;
        min-width: 0;
    }

    #smartWatches .smartWatches-priceBox p {
        font-size: 26px;
    }

    #smartWatches .smartWatches-naracajBox {
        top: -135px;
    }

    .smartWatches-tabsBox .nav-tabs li a {
        font-size: 18px;
        padding: 15px 5px 5px;
    }

    .smartWatches-tabsBox .nav > li {
        border-bottom: 0px solid #F5F5F5;
    }

    .smartWatches-tabsBox .nav-tabs > li.active a:hover {
        color: #e20074 !important;
    }

    .smartWatches-tabsBox .nav-tabs > li.active a#alcatel-tab:hover,
    .smartWatches-tabsBox .nav-tabs > li.active a#myki-tab:hover {
        color: #000000 !important;
    }

    .smartWatches-senzoriZaVratiTxt, .smartWatches-smartCameraTxt {
        width: 90%;
    }

    .smartWatches-kontrolenCentarTxt {
        width: 70%;
    }

    .smartWatches-kontrolenCentar {
        background-position: right 36% center;
        padding: 40px 0 120px;
    }

        .smartWatches-kontrolenCentar p {
            font-family: 'teleNeo-medium' !important;
        }

    .smartWatches-senzoriZaDvizenjeTxt {
        padding-left: 0;
    }

    .smartWatches-senzoriZaDvizenje, .smartWatches-senzoriZaVrati {
        padding: 40px 0 300px;
    }

    .smartWatches-wifi-prekinuvac {
        padding: 40px 0 0;
    }

    .smartWatches-senzoriZaDvizenjeTxt ul {
        margin-top: 20px;
    }

    .smartWatches-senzoriZaDvizenje:before, #smartWatches .smartWatches-senzoriZaVrati:after {
        width: 100%;
        height: 270px;
        top: auto;
        bottom: 0;
    }

    .smartWatches-wifi-prekinuvac:before {
        display: none;
    }

    #smartWatches .smartWatches-senzoriZaVrati h3 {
        font-size: 21px;
    }

    #smartWatches h2, .smartWatches-kontrolenCentar h2 {
        font-size: 29px;
        margin-bottom: 30px;
    }

    #smartWatches .smartWatches-wifi-prekinuvac li:before {
        font-size: 30px;
        top: -3px;
    }

    #smartWatches .smartWatches-wifi-prekinuvac ul li {
        padding-left: 50px;
    }

    #smartWatches .smartWatches-wifi-prekinuvac ul {
        padding: 50px 20px 0px 15px;
        width: 100%;
    }

    #smartWatches .smartWatches-wifi-prekinuvac .smartWatches-wifi-blueBox {
        background-color: #37aee0;
        margin-top: 25px;
    }

    .smartWatches-smartCamera {
        padding: 10% 0 10%;
    }

    .smartWatches-smartCamera {
        padding: 35px 0 430px;
    }

    #smartWatches .smartWatches-smartCamera-GrayBox h2 {
        margin-bottom: 65px;
        padding: 0 15px;
    }

    .smartWatches-smartCamera-GrayBox {
        padding: 45px 0 40px;
        text-align: center;
    }

        .smartWatches-smartCamera-GrayBox .row > div {
            margin-bottom: 60px;
        }

    #smartWatches .smartWatches-smartCamera-GrayBox p.smartWatches-small-txt {
        margin-top: 0;
    }

    #smartWatches .smartWatches-smartCamera:after {
        width: 100%;
        height: 400px;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
    }

    #smartWatches .smartWatches-smartCameraBox {
        width: 60%;
        padding: 40px;
        margin-bottom: 12px;
    }

    .smartWatches-sijalicaTxt p {
        width: 90%;
    }

    .smartWatches-sijalica ul {
        width: 90%;
        float: none;
        margin-top: 50px;
    }

        .smartWatches-sijalica ul li:before {
            font-size: 35px;
        }

        .smartWatches-sijalica ul li {
            margin-bottom: 20px;
        }

    .smartWatches-sijalica {
        padding: 40px 0 290px;
    }

        .smartWatches-sijalica ul {
            margin-top: 20px;
        }

    #smartWatches .smartWatches-magentaBox h2 {
        font-size: 29px;
        margin-bottom: 30px;
    }

        #smartWatches .smartWatches-magentaBox h2 span {
            font-size: 26px;
        }

    #smartWatches .smartWatches-magentaBoxIntro p {
        font-size: 17px;
    }

    #smartWatches .smartWatches-magentaBoxTableCell {
        width: 100%;
        display: block;
    }

    #smartWatches .smartWatches-magentaBoxIntro {
        margin-bottom: 30px;
    }

    #smartWatches .smartWatches-magentaBoxTableCell a {
        position: relative;
        left: 0;
    }

    #smartWatches .smartWatches-magentaBox {
        padding: 35px 25px 30px;
    }

    #smartWatches .smartWatches-magentaBox-txt {
        padding-left: 0;
        margin-bottom: 30px;
        margin-top: 35px;
    }

        #smartWatches .smartWatches-magentaBox-txt img {
            right: -10px;
            top: 30px;
            width: 90px;
        }

    #smartWatches .smartWatches-magentaBoxTable h3 {
        font-size: 22px;
    }

    #smartWatches .smartWatches-magentaBoxTable p.webHub-desclaimer {
        margin-bottom: 20px;
    }

    #smartWatches .webHub-magentaBoxIntro p {
        font-size: 17px;
    }

    #smartWatches .webHub-magentaBoxTableCell {
        width: 100%;
        display: block;
    }

    #smartWatches .webHub-magentaBoxIntro {
        margin-bottom: 30px;
    }

    #smartWatches .webHub-magentaBox-txt {
        padding-left: 0;
        margin-bottom: 30px;
        margin-top: 35px;
    }

        #smartWatches .webHub-magentaBox-txt img {
            right: -10px;
            top: 30px;
            width: 90px;
        }

    #smartWatches .webHub-magentaBoxTable h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    #smartWatches .webHub-magentaBoxTable .webHub-magentaBoxTableCell ul {
        margin-bottom: 20px;
    }

    #smartWatches .smartWatches-appBox {
        width: 100%;
    }

    #smartWatches .smartWatches-priceBox p {
        margin-bottom: 10px;
    }
}


@media (max-width: 374px) {

    .smartWatches-banner h1, .smartWatches-banner h1 span {
        font-size: 21px;
    }

    .smartWatches-banner {
        padding: 30px 0;
        padding-bottom: 210px;
    }

    .smartWatches-mykiImg img {
        width: 170px;
    }

    #smartWatches h2, .smartWatches-kontrolenCentar h2 {
        font-size: 27px;
    }

    .smartWatches-tabsBox .nav-tabs > li.active > a, .smartWatches-tabsBox .nav-tabs li a {
        font-size: 16px;
    }

    .smartWatches-tabsBox .nav-tabs > li img {
        width: 60%;
        margin: 0 auto;
    }

    #smartWatches .smartWatches-magentaBox-txt img {
        width: 70px;
        top: 50px;
    }

    #smartWatches .smartWatches-priceBox p {
        font-size: 24px;
    }

    #smartWatches .webHub-magentaBox-txt img {
        width: 75px;
    }

    #smartWatches .smartWatches-magentaBox h2 {
        font-size: 27px;
    }

        #smartWatches .smartWatches-magentaBox h2 span {
            font-size: 25px;
        }
}



/*#endregion smart watches*/

#safe-kids p {
    font-size: 19px;
}

#safe-kids section.gray-bcg {
    background-color: #eaeaea;
    padding: 60px 0 50px;
    text-align: center;
}

    #safe-kids section.gray-bcg a,
    #safe-kids .safe-kids-boxTxt a {
        margin-top: 30px;
        padding: 7px 20px;
    }

    #safe-kids section.gray-bcg h3 {
        text-transform: uppercase;
        margin: 15px;
    }

#safe-kids .safe-kids-bannerBox {
    background-color: #000000;
}

#safe-kids .safe-kids-introVideoBox {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

    #safe-kids .safe-kids-introVideoBox iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

#safe-kids h1 {
    position: relative;
    font-size: 46px;
    font-family: teleNeo-extra !important;
    color: #e20074;
    line-height: 1.2;
    margin-bottom: 45px;
}

    #safe-kids h1 span {
        font-family: teleNeo-medium !important;
        font-size: 38px;
        display: inline-block;
        margin-top: 8px;
    }

#safe-kids .safe-kids-box-one {
    position: relative;
    background-color: white;
    color: #333;
    padding: 70px 0;
    min-height: 470px;
}

    #safe-kids .safe-kids-box-one .safe-kids-boxTxt {
        padding-left: 50px;
    }

#safe-kids .safe-kids-box-two {
    position: relative;
    background-color: white;
    color: #333;
    min-height: 470px;
    padding: 70px 0;
}

.safe-kids-box-two .safe-kids-boxTxt {
    width: 45%;
}

span.smartWatchInline {
    display: inline-block;
}

#safe-kids .safe-kids-boxTxt h2 {
    font-size: 27px;
    font-family: teleNeo-medium !important;
    margin-bottom: 30px;
}



#safe-kids .safe-kids-box-one:after {
    position: absolute;
    content: "";
    background: url(../content/images/safe-kids-1.jpg) no-repeat center;
    background-size: cover;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center;
}

#safe-kids .safe-kids-box-two:after {
    position: absolute;
    content: "";
    background: url(../content/images/safe-kids-2.jpg) no-repeat center;
    background-size: cover;
    width: 50%;
    height: 100%;
    top: 0;
    right: 0;
    background-position: top 60% left;
}

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

    #safe-kids .safe-kids-box-one .safe-kids-boxTxt {
        padding-left: 0;
        padding: 0 15px;
    }

    #safe-kids .safe-kids-box-one, #safe-kids .safe-kids-box-two {
        padding: 45px 0;
    }

    .safe-kids-box-two .safe-kids-boxTxt {
        width: 46%;
    }

    #safe-kids .safe-kids-boxTxt h2 {
        font-size: 24px;
    }
}

@media (max-width: 767px) {

    #safe-kids h1 {
        font-size: 31px;
        margin-bottom: 30px;
    }

    #safe-kids section.gray-bcg {
        padding: 30px 0 30px;
    }

    #safe-kids h1 span {
        font-size: 24px;
        display: inline-block;
        margin-top: 7px;
    }

    #safe-kids section.gray-bcg h3 {
        font-size: 20px;
        font-family: 'teleNeo-medium' !important;
    }

    #safe-kids .safe-kids-bannerBox {
        min-height: 195px;
    }

    #safe-kids section.gray-bcg a, #safe-kids .safe-kids-boxTxt a {
        margin-top: 20px;
    }

    #safe-kids p {
        font-size: 17px;
    }

    #safe-kids .safe-kids-box-one:after, #safe-kids .safe-kids-box-two:after {
        width: 100%;
        height: 270px;
        top: auto;
        bottom: 0;
    }

    #safe-kids .safe-kids-box-one, #safe-kids .safe-kids-box-two {
        min-height: 0;
        padding: 35px 0 300px;
    }

        #safe-kids .safe-kids-box-one .safe-kids-boxTxt {
            padding-left: 0;
        }

    .safe-kids-box-two .safe-kids-boxTxt {
        width: 100%;
    }

    #safe-kids .safe-kids-boxTxt h2 {
        font-size: 22px;
    }
}

/*#region tarifa cool new*/
.tarifa-cool-new {
    position: relative;
}

    .tarifa-cool-new .first .container {
        position: relative;
        height: 100%;
    }

    .tarifa-cool-new .first {
        position: relative;
        height: 450px;
    }

    .tarifa-cool-new section.first:after {
        position: absolute;
        width: 50%;
        background-image: url(../content/images/tarifa-cool-2019-full-img.jpg);
        height: 450px;
        left: 0;
        content: "";
        top: 0;
        background-position: 20% 30%;
        background-repeat: no-repeat;
    }

    .tarifa-cool-new section.first:before {
        content: "";
        position: absolute;
        background-color: #e20074;
        right: 0;
        display: inline;
        height: 450px;
        left: 0;
    }


    .tarifa-cool-new .first .right-box {
        right: 0;
        position: absolute;
        width: 50%;
        display: inline;
        float: left;
        background-color: #e20074;
        color: white;
        padding: 55px 0px 55px 65px;
        height: 450px;
    }

    .tarifa-cool-new .right-box h2 {
        position: relative;
        text-transform: uppercase;
    }

    .tarifa-cool-new .right-box p.uppercase {
        text-transform: uppercase;
        font-size: 18px;
        margin-top: 30px;
    }

    .tarifa-cool-new .right-box table {
        background-color: transparent;
        color: white;
    }

        .tarifa-cool-new .right-box table td {
            padding: 5px 0;
            font-size: 18px;
        }

    .tarifa-cool-new .second {
        position: relative;
        height: 600px;
    }

        .tarifa-cool-new .second .container {
            position: relative;
            height: 100%;
        }

        .tarifa-cool-new .second:after {
            position: absolute;
            width: 50%;
            background-image: url(../content/images/cool-tarifa-wave-bcg.jpg);
            background-size: 110%;
            background-repeat: no-repeat;
            height: 100%;
            background-position: center;
            content: "";
            left: 0;
            top: 0;
            transform: scale(1.3);
            z-index: 0;
        }

        .tarifa-cool-new .second .left-box {
            width: 50%;
            padding: 35px 0;
        }

            .tarifa-cool-new .second .left-box img {
                margin: 0 !important;
                height: 450px;
                left: 0;
                z-index: 3;
                position: relative;
            }

        .tarifa-cool-new .second .right-box {
            width: 50%;
            position: absolute;
            height: 100%;
            padding: 55px 65px;
            right: 0;
            top: 0;
            z-index: 3;
        }

            .tarifa-cool-new .second .right-box img.hidden-xs {
                margin: 0 !important;
                margin-top: 30px !important;
            }

            .tarifa-cool-new .second .right-box p {
                position: relative;
            }

            .tarifa-cool-new .second .right-box .telekom-mk-app-mobIcons img {
                margin: 10px auto !important;
                display: inline-block !important;
            }

    .tarifa-cool-new .third {
        position: relative;
        margin-top: 30px;
    }

@media screen and (max-width: 767px) {

    .tarifa-cool-new .first {
        height: auto;
    }

    .tarifa-cool-new section.first:after {
        height: 350px;
        top: 0;
        width: 100%;
    }

    .tarifa-cool-new .first .left-box {
        height: 350px;
        position: relative;
    }

    .tarifa-cool-new .first .right-box {
        position: relative;
        width: 100%;
        height: auto;
        padding: 35px 20px;
    }

    .tarifa-cool-new .second {
        height: auto;
    }

        .tarifa-cool-new .second:after {
            width: 100%;
            height: 350px;
            transform: none;
        }

        .tarifa-cool-new .second .left-box {
            height: 350px;
            width: 100%;
            padding: 35px 0;
            position: relative;
        }

            .tarifa-cool-new .second .left-box img {
                height: 330px;
                margin: 0 auto !important;
            }

        .tarifa-cool-new .second .right-box {
            height: auto;
            width: 100%;
            position: relative;
            padding: 35px 20px;
        }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .tarifa-cool-new .first .right-box, .tarifa-cool-new .second .right-box {
        padding: 35px 0px 35px 40px;
    }

    .tarifa-cool-new section.first:after {
        background-position: 33% 30%;
    }

    .tarifa-cool-new .second .left-box {
        padding: 35px 0;
    }
}

@media screen and (max-width: 1199px) {
    .tarifa-cool-new .right-box p.uppercase, .tarifa-cool-new .second .right-box p {
        width: 100%;
    }
}
/*#endregion tarifa cool new */


/*#region magenta plus opcii*/
#magentaPlus-opcii {
    position: relative;
    padding: 40px 0 100px 0;
}

    #magentaPlus-opcii .none {
        display: none;
        font-size: 15px;
        line-height: 1.1;
        font-weight: normal;
    }

    #magentaPlus-opcii .container {
        position: relative;
        height: 100%;
    }

    #magentaPlus-opcii h1 {
        position: relative;
        text-transform: uppercase;
        color: #333;
        font-family: 'teleNeo-extra' !important;
        font-size: 35px;
    }

    #magentaPlus-opcii h2 {
        position: relative;
        text-transform: uppercase;
        font-size: 29px;
        font-family: 'teleNeo-medium' !important;
    }

    #magentaPlus-opcii .container img {
        position: absolute;
        right: 0px;
        top: 30px;
        z-index: 9;
        width: 110px;
    }

    #magentaPlus-opcii .magentaPlus-boxes-wrapper.row {
        position: relative;
        padding-top: 80px
    }

    #magentaPlus-opcii .magentaPlus-boxes-wrapper .magentaPlus-s,
    #magentaPlus-opcii .magentaPlus-boxes-wrapper .magentaPlus-m,
    #magentaPlus-opcii .magentaPlus-boxes-wrapper .magentaPlus-l {
        position: relative;
        min-height: 630px;
        border: 1px solid rgba(239, 239, 239, 0.7);
        padding: 25px;
        box-shadow: 0px 0px 32px 5px rgba(234, 234, 234, 0.7);
    }

        #magentaPlus-opcii .magentaPlus-boxes-wrapper .magentaPlus-s span,
        #magentaPlus-opcii .magentaPlus-boxes-wrapper .magentaPlus-m span,
        #magentaPlus-opcii .magentaPlus-boxes-wrapper .magentaPlus-l span {
            font-size: 17px;
            font-family: 'teleNeo-medium' !important;
            display: block;
            margin-bottom: 10px;
        }

    #magentaPlus-opcii .magentaPlus-header h2 {
        position: relative;
        font-family: 'teleNeo-extra' !important;
        font-size: 33px;
        margin-bottom: 25px;
    }

        #magentaPlus-opcii .magentaPlus-header h2 span {
            position: relative;
            font-size: 55px !important;
            text-align: center;
        }

    #magentaPlus-opcii .magentaPlus-content p {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 20px;
    }

    #magentaPlus-opcii input {
        position: relative;
        display: inline;
    }


    #magentaPlus-opcii input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    #magentaPlus-opcii label {
        display: block;
        position: relative;
        padding-left: 30px;
        margin-bottom: 15px;
        margin-top: 10px;
        cursor: pointer;
        font-size: 17px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        line-height: 1.2;
    }

    #magentaPlus-opcii .checkmark {
        position: absolute;
        top: 0px;
        left: 0;
        border-radius: 50%;
        background: url(../images/radio-false.png) no-repeat 0 0;
        background-size: cover;
        display: block;
        position: absolute;
        right: auto;
        line-height: 6px;
        height: 22px;
        width: 22px;
    }

    #magentaPlus-opcii label:hover input ~ .checkmark {
        background-color: #ccc;
    }

    #magentaPlus-opcii label input:checked ~ .checkmark {
        background: url(../images/radio-true.png) no-repeat 0 0;
        background-size: cover;
    }

    #magentaPlus-opcii .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    #magentaPlus-opcii label input:checked ~ .checkmark:after {
        display: block;
    }

    #magentaPlus-opcii .magentaPlus-content {
        position: relative;
        min-height: 250px;
    }

    #magentaPlus-opcii .magentaPlus-qr {
        position: absolute;
        bottom: 0;
        display: block;
        margin: 0 auto;
        width: 100%;
        left: 0;
        right: 0;
        padding: 20px;
    }

        #magentaPlus-opcii .magentaPlus-qr img {
            position: relative !important;
            width: 100px;
            height: auto;
            margin: 0 auto;
            display: block;
            top: 0;
            right: 0;
        }

        #magentaPlus-opcii .magentaPlus-qr p.text-small {
            position: relative;
            line-height: 1.1;
            font-size: 14px;
            margin-top: 20px;
        }

.magentaPlus-steps {
    position: relative;
    padding: 40px 0;
    background-image: url('../content/images/m1-app-cekori-background.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .magentaPlus-steps #magentaPlusCarousel {
        position: relative;
    }

        .magentaPlus-steps #magentaPlusCarousel h2 {
            color: #000;
            position: relative;
            text-transform: uppercase;
            font-size: 29px;
            font-family: 'teleNeo-medium' !important;
        }

        .magentaPlus-steps #magentaPlusCarousel ol {
            position: absolute;
            top: 90px;
            height: 80px;
        }

            .magentaPlus-steps #magentaPlusCarousel ol li {
                text-indent: 0;
                background-color: white;
                color: #e20074;
                font-size: 26px;
                border-radius: 50%;
                width: 55px;
                height: 55px;
                text-align: center;
                padding: 5px 0;
                font-family: 'teleNeo-bold' !important;
                border: 1px solid #e20074;
                background-image: none;
                line-height: 1.6;
                margin: 0 30px;
            }

                .magentaPlus-steps #magentaPlusCarousel ol li.active {
                    background-color: #e20074;
                    color: white;
                }

        .magentaPlus-steps #magentaPlusCarousel .carousel-inner {
            position: relative;
            margin-top: 110px;
        }

            .magentaPlus-steps #magentaPlusCarousel .carousel-inner .step1,
            .magentaPlus-steps #magentaPlusCarousel .carousel-inner .step2,
            .magentaPlus-steps #magentaPlusCarousel .carousel-inner .step3,
            .magentaPlus-steps #magentaPlusCarousel .carousel-inner .step4 {
                position: relative;
                padding: 15% 0 0;
                width: 80%;
            }

            .magentaPlus-steps #magentaPlusCarousel .carousel-inner p {
                display: block !important;
                position: relative;
                font-size: 22px;
                line-height: 1.2;
            }

            .magentaPlus-steps #magentaPlusCarousel .carousel-inner h3 {
                position: relative;
                font-family: 'teleNeo-medium' !important;
                font-size: 35px;
                margin-bottom: 25px;
            }

    .magentaPlus-steps .magentaPlusCarouselBox {
        padding-left: 50px;
    }

@media screen and (max-width: 767px) {
    #magentaPlus-opcii {
        padding-bottom: 30px;
    }

        #magentaPlus-opcii h1 {
            font-size: 21px;
        }

        #magentaPlus-opcii h2 {
            font-size: 20px;
        }

        #magentaPlus-opcii .container img {
            right: 20px;
            top: 7%;
            width: 85px;
        }

        #magentaPlus-opcii .magentaPlus-header h2 {
            font-size: 28px;
            margin-bottom: 15px;
        }

        #magentaPlus-opcii .magentaPlus-content {
            min-height: 140px;
        }

        #magentaPlus-opcii .magentaPlus-boxes-wrapper .magentaPlus-s,
        #magentaPlus-opcii .magentaPlus-boxes-wrapper .magentaPlus-m,
        #magentaPlus-opcii .magentaPlus-boxes-wrapper .magentaPlus-l {
            min-height: 330px;
            border: 1px solid #efefef;
            box-shadow: none;
            margin-bottom: 30px;
        }

    .magentaPlus-steps #magentaPlusCarousel ol {
        height: 60px;
        top: 10px;
        margin: 0;
        left: 25%;
    }

        .magentaPlus-steps #magentaPlusCarousel ol li {
            width: 40px;
            height: 40px;
            padding: 1px 0;
            display: inline-block;
            font-size: 23px;
            margin: 0 3px !important;
        }

    .magentaPlusCarouselBox {
        text-align: center;
    }

        .magentaPlusCarouselBox img {
            height: 300px;
            width: auto;
        }

    .magentaPlus-steps #magentaPlusCarousel .carousel-inner .step1,
    .magentaPlus-steps #magentaPlusCarousel .carousel-inner .step2,
    .magentaPlus-steps #magentaPlusCarousel .carousel-inner .step3,
    .magentaPlus-steps #magentaPlusCarousel .carousel-inner .step4 {
        padding: 15px 30px;
        width: 100%;
    }

    .magentaPlus-steps #magentaPlusCarousel .carousel-inner h3 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .magentaPlus-steps #magentaPlusCarousel .carousel-inner p {
        font-size: 19px;
    }

    .magentaPlus-steps #magentaPlusCarousel .carousel-inner {
        margin-top: 90px;
    }
}

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


    #magentaPlus-opcii .magentaPlus-boxes-wrapper .telekom-mk-app-mobIcons img {
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        width: 120px;
    }
}

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

    #magentaPlus-opcii .telekom-mk-app-mobIcons {
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0;
        text-align: center;
    }

        #magentaPlus-opcii .telekom-mk-app-mobIcons img {
            margin-bottom: 10px;
            margin-right: 0;
        }

    #magentaPlus-opcii .container img {
        top: 85px;
        right: 0;
    }

    .magentaPlus-steps #magentaPlusCarousel ol {
        height: 90px;
    }

        .magentaPlus-steps #magentaPlusCarousel ol li {
            margin: 0 20px !important;
        }
}

.backToMagenta-btn.row {
    text-align: center;
    position: relative;
    padding-top: 45px;
}

    .backToMagenta-btn.row a {
        position: relative;
        padding: 8px 13px;
        font-size: 18px;
    }

.magenta1-video-bcg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 0;
}

    .magenta1-video-bcg video {
        position: relative;
        height: auto;
    }

/*#endregion magenta plus opcii*/

.kalkulator-full-width {
    position: relative;
    background-color: #e20074;
    padding: 50px 0;
}

    .kalkulator-full-width h2 {
        color: white !important;
        margin-bottom: 30px !important;
    }

    .kalkulator-full-width a {
        color: white;
        font-size: 20px;
        text-transform: uppercase;
        border: 1px solid white;
        display: block;
        width: 150px;
        margin: 0 auto;
        border-radius: 3px;
    }

        .kalkulator-full-width a:hover,
        .kalkulator-full-width a:focus {
            background-color: white;
            color: #e20074;
        }


/*#region tv-promo banner*/
#tv-promo .tv-promo-banner {
    background: url(../content/images/tv-promo-banner-bcg.jpg) no-repeat center;
    height: 326px;
    position: relative;
    background-size: cover;
    padding: 30px 0;
}

#tv-promo .tv-promo-header {
    position: relative;
    padding: 55px 0;
    text-align: center;
}

    #tv-promo .tv-promo-header .tv-promo-qr {
        position: relative;
        margin: 0 auto;
        padding-top: 45px;
        width: 55%;
        display: table;
    }

        #tv-promo .tv-promo-header .tv-promo-qr .tv-promo-qr-text,
        #tv-promo .tv-promo-header .tv-promo-qr .tv-promo-qr-img {
            position: relative;
            width: 65%;
            display: table-cell;
            vertical-align: middle;
        }



        #tv-promo .tv-promo-header .tv-promo-qr .tv-promo-qr-img {
            width: 35%;
            text-align: right;
        }

        #tv-promo .tv-promo-header .tv-promo-qr p {
            font-size: 19px;
            width: 100%;
            position: relative;
            text-align: left;
            margin-bottom: 15px;
        }

            #tv-promo .tv-promo-header .tv-promo-qr p.text-small {
                position: relative;
                line-height: 1.1;
                font-size: 14px;
                width: 100%;
            }

    #tv-promo .tv-promo-header .telekom-mk-app-mobIcons {
        padding-top: 20px;
    }

        #tv-promo .tv-promo-header .telekom-mk-app-mobIcons p {
            padding-bottom: 15px;
        }

    #tv-promo .tv-promo-header h2 {
        position: relative;
        text-transform: uppercase;
        font-family: 'teleNeo-bold' !important;
        font-size: 31px;
        margin-bottom: 30px;
    }

    #tv-promo .tv-promo-header p {
        font-size: 19px;
        width: 80%;
        margin: 0 auto;
    }

#tv-promo .tv-promo-boxesOne {
    background: #262626;
    position: relative;
    padding: 3% 0;
    color: white;
}

    #tv-promo .tv-promo-boxesOne:after {
        content: "";
        position: absolute;
        background-image: url(../content/images/tv-promo-right-image.jpg);
        background-position: right 15% center;
        background-size: cover;
        height: 100%;
        width: 50%;
        right: 0;
        top: 0;
        background-repeat: no-repeat;
    }

    #tv-promo .tv-promo-boxesOne .tv-promo-leftBox {
        position: relative;
        width: 43%;
    }

        #tv-promo .tv-promo-boxesOne .tv-promo-leftBox h3 {
            font-size: 24px;
            margin-bottom: 35px;
        }

            #tv-promo .tv-promo-boxesOne .tv-promo-leftBox h3 strong {
                font-family: teleNeo-extra !important;
            }

        #tv-promo .tv-promo-boxesOne .tv-promo-leftBox p {
            font-size: 18px;
        }


#tv-promo .tv-promo-boxesTwo {
    background: white;
    position: relative;
    padding: 3% 0;
    color: #333;
}

    #tv-promo .tv-promo-boxesTwo:after {
        content: "";
        position: absolute;
        background-image: url(../content/images/tv-promo-left-image.jpg);
        background-position: right 23% center;
        background-size: cover;
        height: 100%;
        width: 50%;
        left: 0;
        top: 0;
        background-repeat: no-repeat;
    }

    #tv-promo .tv-promo-boxesTwo .tv-promo-rightBox {
        position: relative;
        width: 43%;
        float: right;
    }

        #tv-promo .tv-promo-boxesTwo .tv-promo-rightBox h3 {
            font-size: 24px;
            margin-bottom: 35px;
        }

            #tv-promo .tv-promo-boxesTwo .tv-promo-rightBox h3 strong {
                font-family: 'teleNeo-extra' !important;
            }

        #tv-promo .tv-promo-boxesTwo .tv-promo-rightBox p {
            font-size: 17px;
        }

@media (max-width: 991px) {
    #tv-promo .tv-promo-boxesTwo:after,
    #tv-promo .tv-promo-boxesOne:after {
        height: 250px;
        width: 100%;
        left: 0;
        top: auto;
        bottom: 0;
    }

    #tv-promo .tv-promo-boxesTwo .tv-promo-rightBox,
    #tv-promo .tv-promo-boxesOne .tv-promo-leftBox {
        width: 100%;
        float: none;
        padding-bottom: 265px;
    }

        #tv-promo .tv-promo-boxesTwo .tv-promo-rightBox h3,
        #tv-promo .tv-promo-boxesOne .tv-promo-leftBox h3 {
            font-size: 26px;
            margin-bottom: 25px;
        }

    #tv-promo .tv-promo-header {
        padding: 40px 0;
    }

        #tv-promo .tv-promo-header h2 {
            font-size: 31px;
            margin-bottom: 25px;
        }

        #tv-promo .tv-promo-header p {
            font-size: 17px;
            width: 100%;
        }
}

@media (max-width: 767) {
    #tv-promo .tv-promo-boxesTwo .tv-promo-rightBox h3,
    #tv-promo .tv-promo-boxesOne .tv-promo-leftBox h3 {
        font-size: 21px;
    }

    #tv-promo .tv-promo-header h2 {
        font-size: 24px;
        margin-bottom: 25px;
    }
}
/*#endregion tv-promo banner*/


/*.telekom-app-tv-promo {
    background-image: url(content/images/telekom-mk-app-tv-promo-banner.jpg);
    height: 470px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}*/


.telekom-app-tv-promo .banner-wrapper {
    background-image: url(content/images/telekom-mk-app-tv-promo-banner.jpg);
    height: 470px;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    position: relative;
    padding: 30px 0;
}

.telekom-app-tv-promo .header-bcg {
    position: relative;
}

    .telekom-app-tv-promo .header-bcg a {
        position: absolute;
        bottom: 80px;
        left: 20px;
        z-index: 999;
        font-size: 24px;
        color: white;
        text-transform: uppercase;
        border-bottom: 1px solid white;
    }

        .telekom-app-tv-promo .header-bcg a:hover {
            text-decoration: none !important;
        }

@media(max-width: 767px) {
    .telekom-app-tv-promo .header-bcg a {
        bottom: 50px;
        left: 15px;
        font-size: 19px;
    }

    .telekom-app-tv-promo .banner-wrapper {
        height: auto;
    }
}

.side-panel .package-preferences ul .whiteBcg-internet {
    position: relative;
    display: inline;
}

.mobileLines li span div.whiteBcg-internet {
    display: inline;
}

.lines-section .magenta1-box div.line-through {
    position: relative;
    display: inline;
}

.package-preferences ul li div.line-through {
    position: relative;
    display: inline;
}

.mobProp div.line-through,
.mobileLines div.line-through {
    position: relative;
    display: inline;
    font-weight: 500;
}

.podarok-10-gb {
    position: relative;
    background-color: #e20074;
    padding: 8px 10px;
    color: white;
    display: inline-block;
    width: 140px;
    line-height: 17px;
    font-size: 15px;
    text-align: center;
}

    .podarok-10-gb span {
        color: white;
        font-size: 15px;
    }
/*#region iPhone 11*/
.iPhone-11-pro-wrapper,
.iPhone-11-wrapper {
    position: relative;
    text-align: center;
    background-color: black;
    padding: 100px 0 0;
}

.iPhone-11-wrapper {
    position: relative;
    text-align: center;
    background-color: white;
    padding: 100px 0 0;
}

    .iPhone-11-pro-wrapper *,
    .iPhone-11-wrapper * {
        font-family: "HelveticaNeueCyr-Medium", Helvetica, Arial !important;
    }

.iPhone-11-pro-wrapper .blackBcg img:first-of-type {
    width: 215px !important;
}

.iPhone-11-wrapper .whiteBcg img:first-of-type {
    width: 135px !important;
}

.iPhone-11-wrapper .whiteBcg p {
    text-align: center;
}

.iPhone-11-pro-wrapper h1 {
    font-size: 55px;
    color: white;
    text-transform: unset;
    margin: 30px 0 80px 0;
}

.iPhone-11-wrapper h1 {
    font-size: 55px;
    color: black;
    text-transform: unset;
    margin: 30px 0 80px 0;
}

.iPhone-11-pro-wrapper .buttons,
.iPhone-11-wrapper .buttons {
    margin-bottom: 40px;
}

.iPhone-11-pro-wrapper a,
.iPhone-11-wrapper a {
    POSITION: RELATIVE;
    display: inline;
    color: rgba(255, 255, 255, 0.8);
    font-size: 19px;
    font-family: "HelveticaNeueCyr-Regular", Helvetica, Arial !important;
    border: 1px solid white;
    width: auto;
    margin: 0 auto;
    border-radius: 6px;
    padding: 7px 10px;
    margin: 0 20px;
}

.iPhone-11-wrapper a {
    color: #6e6e73 !important;
    border: 1px solid #6e6e73;
    margin-top: 50px;
}

    .iPhone-11-pro-wrapper a:hover,
    .iPhone-11-wrapper a:hover {
        text-decoration: none;
    }

.iPhone-11-pro-wrapper section.blackBcg {
    background-color: black;
    margin-bottom: 0;
    padding: 0;
}

.iPhone-11-wrapper section.whiteBcg {
    background-color: white;
    margin-bottom: 0;
    padding: 0;
}

    .iPhone-11-pro-wrapper section.blackBcg img,
    .iPhone-11-wrapper section.whiteBcg img {
        position: relative;
        width: 350px;
        height: auto;
        bottom: 0;
    }

.iPhone-11-pro-wrapper section {
    background-color: #111;
    margin-bottom: 15px;
    padding: 50px 0;
}

.iPhone-11-wrapper section {
    background-color: white;
    border-bottom: 10px solid #fafafa;
    padding: 50px 0;
}

.iPhone-11-pro-wrapper section:nth-child(7) {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.iPhone-11-wrapper section:nth-child(7) {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

    .iPhone-11-wrapper section:nth-child(6) img,
    .iPhone-11-wrapper section:nth-child(7) img,
    .iPhone-11-pro-wrapper section:nth-child(6) img,
    .iPhone-11-pro-wrapper section:nth-child(7) img {
        margin-top: 40px;
    }

.iPhone-11-pro-wrapper section h2,
.iPhone-11-pro-wrapper section h3,
.iPhone-11-pro-wrapper section p {
    text-align: left;
}

.iPhone-pro-wrapper section h2,
.iPhone-11-wrapper section h3,
.iPhone-11-wrapper section p {
    text-align: left;
}


.iPhone-11-pro-wrapper section h3,
.iPhone-11-wrapper section h3 {
    font-size: 30px;
    color: #888888;
}

.iPhone-11-pro-wrapper section h2,
.iPhone-11-wrapper section h2 {
    font-size: 44px;
    color: white;
    line-height: 1.2;
    margin: 30px 0 50px 0;
}

.iPhone-11-wrapper section h2 {
    color: black !important;
    text-align: left;
}

.iPhone-11-pro-wrapper section p,
.iPhone-11-wrapper section p {
    font-size: 28px;
    color: #cccccc;
    font-family: "HelveticaNeueCyr-Regular", Helvetica, Arial !important;
    margin-top: 50px;
}

.iPhone-11-wrapper section p {
    color: #696969 !important;
}

.iPhone-11-pro-wrapper section sup,
.iPhone-11-wrapper section sup {
    font-size: 19px;
    font-family: "HelveticaNeueCyr-Regular", Helvetica, Arial !important;
}

.iPhone-11-pro-wrapper section .trojna-kamera,
.iPhone-11-wrapper section .trojna-kamera {
    position: relative;
    width: 100%;
    display: block;
    min-height: 100px;
    margin-top: 20px;
}

    .iPhone-11-wrapper section .trojna-kamera:last-child {
        min-height: 130px;
    }

.iPhone-11-pro-wrapper section .img-left,
.iPhone-11-wrapper section .img-left {
    position: absolute;
    float: left;
    display: inline;
    width: 60px;
    left: 0;
    top: 30px;
}

.iPhone-11-pro-wrapper section .text-right,
.iPhone-11-wrapper section .text-right {
    position: absolute;
    display: inline;
    float: left;
    padding-left: 80px;
    bottom: 0;
    left: 0;
}

    .iPhone-11-pro-wrapper section .text-right p,
    .iPhone-11-wrapper section .text-right p {
        font-size: 22px;
        margin-top: 0;
        color: white;
    }

section.references {
    background: #f2f2f2;
    color: #888888;
    font-family: "HelveticaNeueCyr-Regular", Helvetica, Arial !important;
    text-align: left;
}

    section.references ol li {
        font-family: "HelveticaNeueCyr-Regular", Helvetica, Arial !important;
        text-align: left;
        font-size: 17px;
        padding: 11px 0;
    }

    section.references p {
        font-size: 17px;
        margin-top: 0;
        color: #888888;
        padding: 0 20px;
    }

@media (min-width: 1200px) {
    .iPhone-11-pro-wrapper .container,
    .iPhone-11-wrapper .container {
        width: 570px;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    .iPhone-11-pro-wrapper .container,
    .iPhone-11-wrapper .container {
        width: 560px;
    }
}

@media (max-width: 991px) {
    /*.iPhone-11-pro-wrapper .container,
    .iPhone-11-wrapper .container {
        width: 550px;
    }*/
}

@media (max-width: 767px) {
    .iPhone-11-pro-wrapper h1,
    .iPhone-11-wrapper h1 {
        font-size: 36px;
    }

    .iPhone-11-pro-wrapper a,
    .iPhone-11-wrapper a {
        font-size: 19px;
        width: 140px;
    }

    .iPhone-11-pro-wrapper section.blackBcg img,
    .iPhone-11-wrapper section.whiteBcg img {
        width: 260px;
    }

    .iPhone-11-pro-wrapper section h3,
    .iPhone-11-wrapper section h3 {
        font-size: 27px;
    }

    .iPhone-11-pro-wrapper section h2,
    .iPhone-11-wrapper section h2 {
        font-size: 34px;
    }

    .iPhone-11-pro-wrapper section p,
    .iPhone-11-wrapper section p {
        font-size: 21px;
    }

    .iPhone-11-pro-wrapper section .trojna-kamera,
    .iPhone-11-wrapper section .trojna-kamera {
        min-height: 125px;
    }

    .iPhone-11-pro-wrapper section .text-right p,
    .iPhone-11-wrapper section .text-right p {
        font-size: 16px;
    }

    .iPhone-11-pro-wrapper section .trojna-kamera:last-child {
        min-height: 84px;
    }

    section.references ol li {
        font-size: 15px;
    }
}
/*#endregion iPhone 11*/

.osuguruvanje-full-banner {
    padding: 40px 0 20px 0;
    background-image: url('../content/images/Baner_Osiguruvanje.jpg');
    background-size: cover;
    height: 375px;
}

    .osuguruvanje-full-banner .container {
        position: relative;
        padding: 0;
    }

    .osuguruvanje-full-banner h1 {
        position: relative;
        color: white;
        width: 50%;
        font-family: 'teleNeo-extra' !important;
        font-size: 40px;
    }

    .osuguruvanje-full-banner img.osiguruvanje-img {
        position: absolute;
        right: 0;
        top: 0px;
        width: 350px;
    }

    .osuguruvanje-full-banner.osuguruvanje-full-banner-sq img.osiguruvanje-img {
        width: auto;
    }

img.osiguruvanje-ec {
    position: absolute;
    right: 39%;
    width: 150px;
}

.osuguruvanje-full-banner.osuguruvanje-full-banner-sq img.osiguruvanje-ec {
    right: 50%;
}

@media(max-width: 767px) {
    .osuguruvanje-first-row-text h2 {
        padding-right: 60px;
    }

    .osuguruvanje-full-banner {
        padding: 15px 30px 15px 15px;
        height: auto;
    }

        .osuguruvanje-full-banner h1 {
            font-size: 18px !important;
            width: 100%;
        }

        .osuguruvanje-full-banner.osuguruvanje-full-banner-sq h1 {
            width: 90%;
        }

        img.osiguruvanje-ec,
        .osuguruvanje-full-banner.osuguruvanje-full-banner-sq img.osiguruvanje-ec {
            z-index: 9;
            position: absolute;
            right: 0px;
            top: 60px;
            width: 90px;
        }

    .osiguruvanje-first-row .skrshen-ekran {
        display: none;
    }

    #osiguruvanje-wraper .osiguruvanje-first-row h1 {
        width: 100%;
        padding: 0;
        top: 0;
    }
}

@media (min-width:768px) and (max-width: 991px) {
    .osuguruvanje-full-banner.osuguruvanje-full-banner-sq h1 {
        width: 40%;
    }

    .osuguruvanje-full-banner.osuguruvanje-full-banner-sq img.osiguruvanje-img {
        width: 380px;
    }

    img.osiguruvanje-ec {
        right: 48%;
        top: 170px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .osuguruvanje-full-banner.osuguruvanje-full-banner-sq h1 {
        width: 40%;
    }

    .osuguruvanje-full-banner.osuguruvanje-full-banner-sq img.osiguruvanje-img {
        width: 380px;
    }

    img.osiguruvanje-ec {
        right: 38%;
        top: 170px;
    }
}

div.banner-proslavuvame {
    position: relative;
    margin-top: 30px;
    display: block;
    text-align: center;
    background-image: url('../content/images/proslavuvame-i-podaruvame-banner.jpg');
    background-repeat: no-repeat;
    height: 100px;
    background-size: cover;
}


/*#region ostanati paketi new*/
.ostanati-paketi-wrapper {
    position: relative;
    margin: 25px 0;
}

.ostanati-paketi-content {
    min-height: 300px;
    text-align: center;
}



    .ostanati-paketi-content h2 {
        text-transform: none;
        font-size: 26px;
        color: #e20074;
        display: block;
        text-align: center;
        padding-bottom: 30px;
        padding-top: 24px;
        min-height: 110px;
    }

    .ostanati-paketi-content p {
        font-size: 18px;
        line-height: 1.2;
        padding: 15px 5px;
        position: absolute;
        bottom: 0;
        width: 100%;
        color: #494949;
    }

.ostanati-paketi-item .ostanati-paketi-content img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.ostanati-paketi-item:hover .ostanati-paketi-content img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.ostanati-paketi-item {
    position: relative;
    background: white;
    border: 1px solid #e9e9e9;
    box-shadow: 0 1px 3px #eee;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    padding: 0px;
    margin-bottom: 15px;
    max-width: 420px;
    display: block;
    position: relative;
    width: 100%;
    float: left;
    margin: 5px;
}

    .ostanati-paketi-item:hover {
        background-color: #f4f4f4;
    }

        .ostanati-paketi-item:hover p {
            color: #e20074;
        }

    .ostanati-paketi-item a {
        color: #494949;
    }

        .ostanati-paketi-item a,
        .ostanati-paketi-item a:hover {
            text-decoration: none;
        }




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


    .ostanati-paketi-wrapper .ostanati-paketi-content p {
        font-size: 16px;
    }
}


/*#endregion ostanati paketi*/



/*#region moj klub poeni*/
.choose-boxes-parent {
    position: relative;
}

    .choose-boxes-parent .choose-box {
        position: relative;
        width: 100%;
    }

.choose-box .moj-klub-poeni {
    position: absolute;
    right: -9px;
    top: -10px;
    display: block;
    background: #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    color: white;
    padding: 3px;
    z-index: 1;
    padding: 1px 3px;
}

.choose-box.active .moj-klub-poeni {
    position: absolute;
    right: -10px;
    top: -10px;
    display: block;
    background: #e20074;
    border-bottom: 1px solid #e5e5e5;
    color: white;
    padding: 3px;
    z-index: 3;
    padding: 1px 3px;
}

.orderPaymentBtn .choose-box .moj-klub-poeni {
    position: absolute;
    right: -10px;
    top: -10px;
    display: block;
    background: #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    color: white;
    padding: 3px;
    z-index: 1;
    padding: 1px 3px;
}

    .orderPaymentBtn .choose-box .moj-klub-poeni p {
        margin: 0;
        color: #333;
    }

    .orderPaymentBtn .choose-box .moj-klub-poeni:after {
        border-color: transparent #e5e5e5 transparent transparent;
        content: "\A";
        right: 2px;
        transform: rotate(180deg);
        display: block;
        border-style: solid;
        border-width: 15px 10px 0px 0px;
        position: absolute;
        right: 0;
        top: 23px;
        z-index: -1;
    }

.orderPaymentBtn .choose-box.active .moj-klub-poeni {
    position: absolute;
    right: -10px;
    top: -10px;
    display: block;
    background: #e20074;
    border-bottom: 1px solid #e20074;
    color: white;
    padding: 3px;
    z-index: 3;
    padding: 1px 3px;
}

    .orderPaymentBtn .choose-box.active .moj-klub-poeni p {
        margin: 0;
        color: white;
        font-size: 14px;
    }

    .orderPaymentBtn .choose-box.active .moj-klub-poeni:after {
        content: "\A";
        right: 2px;
        transform: rotate(180deg);
        display: block;
        border-style: solid;
        border-width: 15px 10px 0px 0px;
        border-color: transparent #e20074 transparent transparent;
        position: absolute;
        right: 0;
        top: 21px;
        z-index: -1;
    }

.choose-box.active .moj-klub-poeni p {
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: white !important;
}

.choose-box .moj-klub-poeni p {
    color: #333 !important;
    margin: 0;
    font-size: 14px;
}

.choose-box.active .moj-klub-poeni:after {
    border-color: transparent #e20074 transparent transparent;
    content: "\A";
    right: 2px;
    transform: rotate(180deg);
    display: block;
    border-style: solid;
    border-width: 15px 10px 0px 0px;
    position: absolute;
    right: 0;
    top: 22px;
    z-index: -1;
}

.choose-box .moj-klub-poeni:after {
    border-color: transparent #e5e5e5 transparent transparent;
    content: "\A";
    right: 2px;
    transform: rotate(180deg);
    display: block;
    border-style: solid;
    border-width: 15px 10px 0px 0px;
    position: absolute;
    right: 0;
    top: 21px;
    z-index: -1;
}

.choose-box[name="2"] .moj-klub-poeni,
.orderPaymentBtn .choose-box[name='1'] .moj-klub-poeni {
    display: none;
}

@media (max-width: 767px) {
    .choose-box .moj-klub-poeni:after,
    .choose-box.active .moj-klub-poeni:after {
        top: 18px;
    }

    .orderPaymentBtn .choose-box.active .moj-klub-poeni:after,
    .orderPaymentBtn .choose-box .moj-klub-poeni:after {
        top: 19px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .choose-box.active .moj-klub-poeni:after {
        top: 18px;
    }

    .choose-box .moj-klub-poeni:after {
        top: 19px;
    }

    .orderPaymentBtn .choose-box.active .moj-klub-poeni:after,
    .orderPaymentBtn .choose-box .moj-klub-poeni:after {
        top: 19px;
    }
}
/*@media (min-width: 768px) and (max-width: 991px) {
    .moj-klub-poeni {
        right: 44.5%;
    }
}

@media (min-width: 670px) and (max-width: 767px) {
    .moj-klub-poeni {
        right: 47%;
    }
}

@media (min-width: 376px) and (max-width: 420px) {
    .moj-klub-poeni {
        right: 45%;
    }
}

@media (max-width: 375px) {
    .moj-klub-poeni {
        right: 43.5%;
    }
}


        .moj-klub-poeni:after {
            top: 24px;
        }
}*/

.aktuleno-img.right-small-banner.white-color-wrapper.iphone-11-aktuelno {
    background-image: url('../content/images/banner-actual-iPhone11.jpg');
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
}

    .aktuleno-img.right-small-banner.white-color-wrapper.iphone-11-aktuelno .aktuleno-txt-box {
        position: absolute;
        bottom: 0%;
        margin: 0 auto;
        right: 6% !important;
    }

        .aktuleno-img.right-small-banner.white-color-wrapper.iphone-11-aktuelno .aktuleno-txt-box a.gray-border {
            border: 1px solid #86868b;
            color: #86868b;
            left: 50%;
            TRANSFORM: translateX(-180%) !important;
            bottom: 35px !important;
        }

            .aktuleno-img.right-small-banner.white-color-wrapper.iphone-11-aktuelno .aktuleno-txt-box a.gray-border:hover {
                background-color: #e20074 !important;
                color: white;
                border: 1px solid white;
            }

.aktuleno-img.right-small-banner.white-color-wrapper.iphone-11-pro-aktuelno {
    background-image: url('../content/images/banner-actual-iPhone11-pro.png');
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
}

    .aktuleno-img.right-small-banner.white-color-wrapper.iphone-11-pro-aktuelno .aktuleno-txt-box {
        position: absolute;
        bottom: 0;
        margin: 0 auto;
        left: 0 !important;
        right: 0;
    }


.aktuleno-img.right-small-banner.white-color-wrapper.s20-aktuelno-sq {
    background-image: url(../content/images/samsung-s20-aktuelno-box-sq.jpg);
    position: relative;
    background-position: center top !important;
    background-repeat: no-repeat;
}

.aktuleno-img.right-small-banner.white-color-wrapper.samsung-s20-aktuelno {
    background-image: url(../content/images/samsung-s20-aktuelno-box.jpg);
    position: relative;
    background-position: center top !important;
    background-repeat: no-repeat;
}
/*.aktuleno-img.right-small-banner.white-color-wrapper.iphone-11-pro-aktuelno .aktuleno-txt-box a {
                    position: relative;
                    border: 1px solid white;
                    color: white;
                    border-radius: 50px;
                    min-width: 110px !important;
                    padding: 3px 5px !important;
                    margin: 0 10px;
                }*/
@media (max-width: 991px) {
    .aktuleno-img.right-small-banner.white-color-wrapper.iphone-11-aktuelno {
        background-position: center right 20% !important;
    }

    .aktuleno-img.right-small-banner.white-color-wrapper.iphone-11-pro-aktuelno {
        background-position: center left !important;
    }
}
/*#region VoLTE*/
#volte h1 {
    position: relative;
    font-size: 33px;
    margin: 30px auto;
    font-family: 'teleNeo-bold' !important;
}

    #volte h1 span {
        text-transform: none;
        font-family: 'teleNeo-bold' !important;
    }

#volte p {
    font-size: 17px;
}

#volte ol {
    list-style: none;
}

    #volte ol li {
        position: relative;
        font-size: 17px;
        counter-increment: li;
    }

        #volte ol li:before {
            content: counter(li) '.';
            color: #e20074;
            display: inline-block;
            width: 1em;
            margin-left: -1em;
            font-family: teleNeo-bold !important;
        }

#volte .videos {
    position: relative;
}

    #volte .videos iframe {
        position: relative;
        width: 100%;
        height: 450px;
        margin: 30px auto;
    }

#volte #accordion-volte h5 {
    position: relative;
    background: #dfdfdf;
    padding: 15px;
    font-size: 21px;
    color: #333;
    border-radius: 4px;
    margin: 30px 0 15px;
}

    #volte #accordion-volte h5:after {
        content: "$";
        font-family: 'teleicon-outline';
        position: absolute;
        top: 15px;
        font-size: 18px;
        right: 15px;
        display: inline-block;
    }

#volte #accordion-volte .card-body ul li {
    position: relative;
    font-size: 16px;
}

@media screen ( max-width: 767px) {
    #volte h1 {
        font-size: 25px;
    }
}
/*#endregion VoLTE*/
/*#region мој клуб поени внатрешна страна банер*/
.moj-klub-poeni-banner {
    position: relative;
    background-color: #e20074;
    padding: 10px;
    margin: 20px 0 0 0;
}

    .moj-klub-poeni-banner.row h1 {
        position: relative;
        color: white;
        font-family: teleNeo-extra !important;
        font-size: 35px;
        text-transform: uppercase;
        margin: 10px 0;
        line-height: 1.0;
    }

        .moj-klub-poeni-banner.row h1 span {
            color: #333;
            font-family: teleNeo-extra !important;
        }

    .moj-klub-poeni-banner.row .col-xs-12 {
        padding: 0;
    }

    .moj-klub-poeni-banner.row a {
        position: relative;
        color: #e20074;
        background-color: white;
        padding: 6px 0;
        text-transform: uppercase;
        border-radius: 2px;
        display: block;
        margin: 10px auto;
        text-align: center;
        width: 170px;
        text-decoration: none;
        right: 0;
        font-size: 14px;
        font-family: 'teleNeo-medium' !important;
    }

@media (max-width: 767px) {
    .moj-klub-poeni-banner.row h1 {
        font-size: 27px;
        text-align: center;
    }

    .moj-klub-poeni-banner.row .col-sm-4 {
        text-align: center;
        padding: 0;
    }

    .moj-klub-poeni-banner.row a {
        display: inline-block;
        font-size: 12px;
        width: 145px;
    }
}
/*#endregion*/

/*#region business corner*/

#rezerve-ticket .uib-button-bar {
    display: none;
}

#rezerve-ticket {
    position: relative;
    padding: 30px 0;
}

#rezerve-ticket-business {
    position: relative;
    margin-bottom: 30px;
}

    #rezerve-ticket h1,
    #rezerve-ticket-business h1 {
        color: #e20074;
        text-transform: uppercase;
        font-size: 25px;
        margin-bottom: 30px;
    }

    #rezerve-ticket-business h1 {
        margin-top: 30px;
        text-transform: none !important;
        text-align: center;
    }

    #rezerve-ticket-business h2 {
        font-family: 'teleNeo-extra' !important;
        font-size: 27px;
        line-height: 1.2;
        text-transform: uppercase;
    }

    #rezerve-ticket h1 span,
    #rezerve-ticket-business h1 span {
        font-family: teleNeo-regular !important;
        display: block;
    }

        #rezerve-ticket h1 span.bold-header,
        #rezerve-ticket-business h1 span.bold-header {
            font-family: teleNeo-bold !important;
            text-transform: uppercase;
        }

    #rezerve-ticket-business p {
        font-size: 18px;
        line-height: 1.2;
        font-family: teleNeo-regular !important;
        text-align: center;
    }

    #rezerve-ticket-business .wrap {
        position: relative;
        margin: 40px auto;
        /*box-shadow: 0 0 35px 7px #0000001f;*/
        padding: 20px 30px;
        width: 90%;
    }

        #rezerve-ticket-business .wrap a {
            border-radius: 0;
            padding: 7px 20px;
            font-size: 17px;
            margin: 30px auto;
            background: #e20074;
            color: white;
            width: 150px;
            display: block;
        }

            #rezerve-ticket-business .wrap a:hover {
                background: #a80659;
            }

            #rezerve-ticket-business .wrap a.regular-link {
                background: transparent;
                color: #e20074;
                width: 100%;
                margin: 0;
                padding: 0;
                text-decoration: underline;
            }

        #rezerve-ticket-business .wrap ul {
            position: relative;
            margin: 50px 0;
        }

            #rezerve-ticket-business .wrap ul li {
                font-size: 18px;
                margin: 10px 0 30px;
            }

        #rezerve-ticket-business .wrap .wrapper {
            display: flex;
            margin: 40px auto;
            width: 100%;
            position: relative;
        }

            #rezerve-ticket-business .wrap .wrapper .box {
                width: 30%;
                display: inline-flex;
                margin: 20px 15px;
                min-height: 260px;
                box-shadow: 0 0 35px 7px rgba(51, 51, 51, .15);
                padding: 20px 30px;
                flex-direction: column;
                justify-content: flex-end;
                align-items: center;
            }

#rezerve-ticket p {
    font-size: 16px;
}

    #rezerve-ticket p.input-group input {
        position: relative;
        width: 178px;
        display: inline;
    }

#rezerve-ticket span.input-group-btn {
    position: absolute;
    font-size: 0;
    z-index: 3;
    width: 45px;
    display: inline;
}

#rezerve-ticket button.calendar {
    margin: 0;
    background: #e5e5e5;
    padding: 3px 11px;
}

    #rezerve-ticket button.calendar i {
        font-size: 22px;
        color: #797979;
        font-family: 'Glyphicons Halflings' !important;
    }

#rezerve-ticket label {
    position: relative;
    top: 10px;
}

#rezerve-ticket select {
    width: 100%;
    padding: 5px 25px 5px 10px;
    color: #e20074;
    margin-bottom: 8px;
    font-family: 'tele-groteskfetregular';
    background-image: url(../images/arrow_down_magenta.png);
    background-repeat: no-repeat;
    background-position: 98% center;
    background-position: right 10px center;
    font-size: 16px;
    height: auto;
    border-radius: 0;
    box-shadow: 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .15);
    border: 1px solid #eee;
    border: 1px solid rgba(0,0,0,0.1);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

    #rezerve-ticket select option {
        color: #333;
    }

#rezerve-ticket ul.uib-datepicker-popup {
    top: -358px;
}

    #rezerve-ticket ul.uib-datepicker-popup li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #rezerve-ticket ul.uib-datepicker-popup table:focus,
    #rezerve-ticket ul.uib-datepicker-popup .uib-daypicker {
        outline: 0;
    }

    #rezerve-ticket ul.uib-datepicker-popup table thead tr th {
        padding: 3px 5px;
    }

    #rezerve-ticket ul.uib-datepicker-popup table thead tr th {
        background: transparent;
    }

        #rezerve-ticket ul.uib-datepicker-popup table thead tr th button {
            padding: 0;
            margin: 0;
            font-size: 16px;
        }

            #rezerve-ticket ul.uib-datepicker-popup table thead tr th button:focus {
                outline: 0;
            }

            #rezerve-ticket ul.uib-datepicker-popup table thead tr th button:hover {
                background: transparent;
            }

            #rezerve-ticket ul.uib-datepicker-popup table thead tr th button .uib-left,
            #rezerve-ticket ul.uib-datepicker-popup table thead tr th button .uib-right {
                padding: 4px;
            }

            #rezerve-ticket ul.uib-datepicker-popup table thead tr th button i {
                font-family: 'Glyphicons Halflings' !important;
                font-size: 13px;
            }

    #rezerve-ticket ul.uib-datepicker-popup table tbody tr td.uib-day {
        background: transparent;
        border: 0;
    }

    #rezerve-ticket ul.uib-datepicker-popup table tbody tr td {
        padding: 3px 2px;
    }

        #rezerve-ticket ul.uib-datepicker-popup table tbody tr td.uib-day button {
            padding: 5px 3px;
            border: 0;
            font-size: 15px;
            margin-top: 0;
        }

        #rezerve-ticket ul.uib-datepicker-popup table tbody tr td.h6 {
            border-right: 1px solid #e5e5e5;
            padding-right: 10px;
            padding-left: 10px;
        }

        #rezerve-ticket ul.uib-datepicker-popup table tbody tr td .btn-info {
            position: relative;
            background: #e20074;
            border-radius: 50px;
            box-shadow: none;
        }

            #rezerve-ticket ul.uib-datepicker-popup table tbody tr td .btn-info span {
                color: white;
            }

            #rezerve-ticket ul.uib-datepicker-popup table tbody tr td .btn-info.active {
                position: relative;
                border: 1px solid #e20074;
                background: transparent;
                border-radius: 50px;
                box-shadow: none;
            }

                #rezerve-ticket ul.uib-datepicker-popup table tbody tr td .btn-info.active span {
                    color: #e20074;
                }

        #rezerve-ticket ul.uib-datepicker-popup table tbody tr td button.active {
            position: relative;
            border: 1px solid #e20074;
            background: transparent;
            border-radius: 50px;
            box-shadow: none;
        }

        #rezerve-ticket ul.uib-datepicker-popup table tbody tr td button:focus {
            text-decoration: none;
            outline: 0;
        }

        #rezerve-ticket ul.uib-datepicker-popup table tbody tr td button.active span {
            color: #e20074;
        }

    #rezerve-ticket ul.uib-datepicker-popup li.uib-button-bar {
        /*position: relative;
            padding: 10px;*/
        display: none;
    }

        #rezerve-ticket ul.uib-datepicker-popup li.uib-button-bar span button.btn.btn-sm.btn-info.uib-datepicker-current {
            position: relative;
            background: #e20074;
            color: white;
            font-size: 15px;
            font-family: 'teleNeo-regular';
            border-radius: 5px;
            text-shadow: none;
        }

        #rezerve-ticket ul.uib-datepicker-popup li.uib-button-bar span button.btn.btn-sm.btn-danger.uib-clear {
            position: relative;
            background: white;
            color: white;
            font-size: 15px;
            font-family: 'teleNeo-regular';
            border-radius: 5px;
            border: 1px solid #e20074;
            color: #333;
            text-shadow: none;
        }

        #rezerve-ticket ul.uib-datepicker-popup li.uib-button-bar button.btn.btn-sm.btn-success.uib-close {
            position: relative;
            background: #e5e5e5 !important;
            color: white;
            font-size: 15px;
            font-family: 'teleNeo-regular';
            border-radius: 5px;
            color: #333;
            text-shadow: none;
            margin-right: 0;
        }

#rezerve-ticket span.error-message,
#rezerve-ticket-business span.error-message {
    color: #b30000;
    font-size: 14px;
}

#rezerve-ticket input.invalid-input, div.invalid-input,
#rezerve-ticket-business input.invalid-input {
    border-color: #b30000;
    background: #fdf2f2;
}

#rezerve-ticket p.text-right {
    font-size: 15px;
}

#rezerve-ticket .col-lg-4.col-md-4.col-sm-4 {
    padding: 0;
}

#rezerve-ticket .inner-cont {
    padding: 0;
}

#rezerve-ticket .success-msg,
#rezerve-ticket-business .success-msg {
    position: relative;
    padding: 20px 20px 40px 20px;
    color: #333;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    font-size: 19px;
    line-height: 1.2;
    background: #f1f1f1;
    border-radius: 6px;
}

    #rezerve-ticket-business .success-msg p {
        color: black;
        font-family: 'teleNeo-regular' !important;
    }

        #rezerve-ticket-business .success-msg p span {
            position: relative;
            font-family: 'teleNeo-bold' !important;
            color: #e20074;
            line-height: 1.2;
        }


    #rezerve-ticket .success-msg:before,
    #rezerve-ticket-business .success-msg:before {
        content: "V";
        font-family: 'Telekom-Icon';
        color: green;
        text-align: center;
        margin: 0 auto;
        display: block;
        font-size: 35px;
    }

@media (max-width: 767px) {
    #rezerve-ticket h1 {
        font-size: 21px;
    }

    #rezerve-ticket .mt30 {
        margin: 30px 0 !important;
    }

    #rezerve-ticket textarea {
        margin-top: 20px;
    }

    #rezerve-ticket label {
        top: 0;
    }

    .banner.vebinari {
        height: 240px !important;
        background-image: url(../content/images/webinari-vnatreshen-banner-mob.jpg) !important;
        background-position: center !important;
    }

        .banner.vebinari.sq {
            height: 260px !important;
            background-image: url(../content/images/webinari-vnatreshen-banner-mob-sq.jpg);
            background-position: center !important;
        }

    #rezerve-ticket-business .wrap .wrapper {
        flex-direction: column;
    }

        #rezerve-ticket-business .wrap .wrapper .box {
            width: 100%;
        }
}
/*#endregion business corner*/


/*#region international calls*/
#international-zones-article h2.internationalTitle {
    background-image: none !important;
}

#international-zones-article table tbody tr td {
    font-size: 15px;
}

#international-zones-article table > tbody > tr > th {
    font-size: 17px;
}

#international-zones-article .container-international {
    min-height: 300px !important;
}
/*#endregion international calls*/

/*#region internet flexi*/
#internet-flexi .internet-flexi-content {
    position: relative;
    padding: 35px 0;
}

    #internet-flexi .internet-flexi-content h1 {
        position: relative;
        font-family: teleNeo-medium !important;
        font-size: 29px;
        margin-bottom: 35px;
        line-height: 1.2;
    }

    #internet-flexi .internet-flexi-content h2 {
        position: relative;
        color: #e20074;
        font-size: 25px;
        margin-bottom: 20px;
    }

    #internet-flexi .internet-flexi-content div.table-responsive {
        position: relative;
        width: 100%;
        margin: 30px 0;
    }

        #internet-flexi .internet-flexi-content div.table-responsive table {
            position: relative;
            width: 100%;
            display: table;
        }

            #internet-flexi .internet-flexi-content div.table-responsive table thead {
                position: relative;
                text-transform: uppercase;
                text-align: center;
            }

                #internet-flexi .internet-flexi-content div.table-responsive table thead th {
                    border-right: 1px solid #e5e5e5;
                    text-align: center;
                    display: table-cell;
                }

            #internet-flexi .internet-flexi-content div.table-responsive table tbody {
                position: relative;
            }

                #internet-flexi .internet-flexi-content div.table-responsive table tbody td {
                    background: transparent !important;
                    padding: 10px 5px;
                    border-right: 1px solid #e5e5e5;
                    text-align: center;
                    display: table-cell;
                }

                    #internet-flexi .internet-flexi-content div.table-responsive table tbody td:last-child {
                        border: 0 !important;
                    }

                    #internet-flexi .internet-flexi-content div.table-responsive table tbody td span {
                        font-size: 15px;
                        line-height: 1.1;
                    }

@media (max-width: 767px) {
    #internet-flexi .internet-flexi-content h1 {
        font-size: 23px;
    }

    #internet-flexi .internet-flexi-content h2 {
        font-size: 21px;
    }

    #internet-flexi .internet-flexi-content div.table-responsive table thead th {
        font-size: 15px !important;
    }
}
/*#endregion internet-flexi*/



/*#region smart-underwear*/
#smart-underwear section.smart-underwear-video {
    position: relative;
    height: 645px;
}

    #smart-underwear section.smart-underwear-video .underwear-banner {
        position: relative;
        background-image: url(../content/images/smart-underwear/smart-underwear-banner.jpg);
        height: 650px;
        background-position: center;
        background-size: cover;
    }

    #smart-underwear section.smart-underwear-video .go-down {
        position: absolute;
        bottom: -55px;
        width: auto;
        height: 110px;
        left: 45%;
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 9;
    }

    #smart-underwear section.smart-underwear-video .video-overlay {
        position: absolute;
        /*background: url(../content/images/smart-underwear/video-bcg.jpg);*/
        height: 100%;
        width: 100%;
        background-size: cover;
        background-position: center;
    }

        #smart-underwear section.smart-underwear-video .video-overlay .scroll-down a img {
            max-width: 156px;
            width: 150px;
            height: 100px;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            position: absolute;
            content: '';
            opacity: .8;
            transition: all .2s ease-in-out;
            cursor: pointer;
            background-repeat: no-repeat;
        }

#smart-underwear section.gray-bcg {
    position: relative;
    min-height: 500px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 9%;
    max-width: none;
    background: #f9f9f9;
    background: -moz-linear-gradient(65deg,#f9f9f9 0,white 14%,whitesmoke 35%,whitesmoke 62%,whitesmoke 76%,whitesmoke 100%);
    background: -webkit-linear-gradient(65deg,#f9f9f9 0,white 14%,whitesmoke 35%,whitesmoke 62%,whitesmoke 76%,whitesmoke 100%);
    background: linear-gradient(65deg,#f9f9f9 0,white 14%,whitesmoke 35%,whitesmoke 62%,whitesmoke 76%,whitesmoke 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9",endColorstr="#f5f5f5",GradientType=1);
}

    #smart-underwear section.gray-bcg .container {
        position: relative;
    }

    #smart-underwear section.gray-bcg h1 {
        color: black;
        border-bottom: 0;
        text-align: center;
        text-transform: uppercase;
        font-family: 'teleNeo-extra' !important;
        font-size: 60px;
    }

    #smart-underwear section.gray-bcg .center-text {
        font-size: 24px;
        text-align: center;
        color: #313131;
        width: 70%;
        margin: 60px auto 90px;
    }

        #smart-underwear section.gray-bcg .center-text p.bold {
            font-family: 'teleNeo-bold' !important;
            margin-top: 30px;
        }

    #smart-underwear section.gray-bcg .left-chip {
        position: absolute;
        left: -14%;
        top: 50%;
        transform: translate(0,-50%);
    }

    #smart-underwear section.gray-bcg .right-emoji {
        position: absolute;
        right: -15%;
        top: 50%;
        transform: translate(0,-10%);
    }

#smart-underwear .white-bcg {
    position: relative;
    min-height: 500px;
    background: white;
    padding-top: 50px;
    margin-bottom: 100px;
}

    #smart-underwear .white-bcg h3 {
        color: #666262;
        font-family: "teleNeo-extra" !important;
        font-size: 18px;
        margin-bottom: 25px;
        text-align: center;
        text-transform: uppercase;
    }

    #smart-underwear .white-bcg h1 {
        font-family: "teleNeo-extra" !important;
        font-size: 52px;
        color: #000;
        text-align: center;
        margin-bottom: 32px;
        text-transform: uppercase;
        border-bottom: 0;
    }

    #smart-underwear .white-bcg ul.dc-tabs {
        position: relative;
        margin: 0 auto;
        border-bottom: 0;
    }

        #smart-underwear .white-bcg ul.dc-tabs li {
            margin-right: 0;
            width: 50%;
            float: left;
            text-align: center;
            font-size: 20px;
            line-height: 22px;
            color: #0b0b0b;
            padding: 14px 0;
            cursor: pointer;
            border-bottom: 1px solid #d0d0d0;
            display: table-cell;
        }

        #smart-underwear .white-bcg ul.dc-tabs li {
            color: #0b0b0b;
            border-top: 0;
            border-left: 0;
            border-right: 0;
        }

            #smart-underwear .white-bcg ul.dc-tabs li.active {
                border-bottom: 3px solid #e20074;
                color: #e30778;
                font-family: teleNeo-bold !important;
                border-top: 0;
                border-left: 0;
                border-right: 0;
                background: transparent;
            }

                #smart-underwear .white-bcg ul.dc-tabs li.active:hover,
                #smart-underwear .white-bcg ul.dc-tabs li:hover {
                    background: transparent;
                }



#smart-underwear .brown-bcg {
    background: #876f57;
    background: -moz-linear-gradient(top,#bcaf9e 0,#d8c4ac 80%,#bda58d 100%,#bda58d 100%);
    background: -webkit-linear-gradient(top,#bcaf9e 0,#d8c4ac 80%,#bda58d 100%,#bda58d 100%);
    background: linear-gradient(to bottom,#bcaf9e 0,#d8c4ac 80%,#bda58d 100%,#bda58d 100%);
    min-height: 500px;
    position: relative;
    padding-top: 50px;
}

    #smart-underwear .brown-bcg #carouselInterview a.left.carousel-control {
        background-image: url(../content/images/smart-underwear/icon-slider-left.svg) !important;
        background-repeat: no-repeat !important;
        background-size: 20% !important;
        transform: translate(20%, 50%);
    }

    #smart-underwear .brown-bcg #carouselInterview a.right.carousel-control {
        background-image: url(../content/images/smart-underwear/icon-slider-right.svg) !important;
        background-repeat: no-repeat !important;
        background-size: 20% !important;
        transform: translate(50%, 50%);
    }

    #smart-underwear .brown-bcg .brown-bcg-wrapper {
        width: 100%;
        float: left;
        background-image: url(../content/images/smart-underwear/eric.png);
        background-position: bottom right;
        background-repeat: no-repeat;
        border-bottom: 1px solid #492b18;
        background-size: contain;
        display: block;
        margin-bottom: 50px;
    }

    #smart-underwear .brown-bcg .right-choice-content {
        position: relative;
        width: 65%;
    }

    #smart-underwear .brown-bcg h1 {
        font-size: 60px;
        color: white;
        font-family: 'teleNeo-extra' !important;
        border-bottom: 0;
        text-transform: uppercase;
    }

    #smart-underwear .brown-bcg .right-choice-content p {
        font-size: 21px !important;
        color: #fff;
        margin-top: 25px;
        margin-bottom: 25px;
        width: 65%;
    }

    #smart-underwear .brown-bcg .brown-content-boxes-content h1 {
        text-align: center;
    }

    #smart-underwear .brown-bcg .brown-content-boxes-content {
        position: relative;
        margin-bottom: 50px;
    }

        #smart-underwear .brown-bcg .brown-content-boxes-content .brown-emoji-one {
            position: absolute;
            left: -50%;
            top: 50%;
            transform: translate(50%,-50%);
        }

        #smart-underwear .brown-bcg .brown-content-boxes-content .brown-emoji-two {
            position: absolute;
            right: 0;
            top: 85%;
            transform: translate(50%,-50%);
        }

        #smart-underwear .brown-bcg .brown-content-boxes-content .content * {
            color: #492b18;
            text-align: center;
        }

        #smart-underwear .brown-bcg .brown-content-boxes-content .content h3 {
            font-size: 23px;
            font-family: 'teleNeo-bold' !important;
        }

            #smart-underwear .brown-bcg .brown-content-boxes-content .content h3:after {
                width: 5%;
                border-bottom: 1px solid #492b18;
                display: block;
                content: '';
                margin: 10px auto;
            }

        #smart-underwear .brown-bcg .brown-content-boxes-content .content p {
            font-size: 17px;
            line-height: 23px;
        }

#smart-underwear .magenta-bcg {
    background: #e20074;
    padding-bottom: 100px;
    padding: 5% 0;
}

    #smart-underwear .magenta-bcg h1 {
        font-family: teleNeo-extra !important;
        color: #fff;
        font-size: 49px;
        text-align: center;
        text-transform: uppercase;
        border-bottom: 0;
    }

    #smart-underwear .magenta-bcg .magenta-bcg-product {
        position: relative;
        min-height: 500px;
    }

        #smart-underwear .magenta-bcg .magenta-bcg-product .product-image {
            width: 45%;
            float: left;
            margin-right: 50px;
            margin-left: 70px;
        }

        #smart-underwear .magenta-bcg .magenta-bcg-product .product-description {
            width: 40%;
            float: right;
            margin-right: 0;
            color: #fff !important;
            padding-top: 100px;
            padding-bottom: 30px;
        }

            #smart-underwear .magenta-bcg .magenta-bcg-product .product-description h2 {
                font-family: teleNeo-extra !important;
                font-size: 32px;
                line-height: 32px;
                text-transform: uppercase;
            }

            #smart-underwear .magenta-bcg .magenta-bcg-product .product-description ul {
                padding-left: 20px;
            }

                #smart-underwear .magenta-bcg .magenta-bcg-product .product-description ul li {
                    margin: auto;
                    font-size: 21px !important;
                    line-height: 28px;
                    text-align: left;
                    color: #fff;
                    list-style: disc;
                }

    #smart-underwear .magenta-bcg .magenta-bcg-button {
        text-align: center;
        margin-top: 25px;
        position: relative;
    }

        #smart-underwear .magenta-bcg .magenta-bcg-button .button-link a {
            border: 1px solid #fff;
            text-transform: uppercase;
            background: #fff;
            border-radius: 4px;
            color: #e30074 !important;
            padding: 17px 100px;
            text-decoration: none;
            font-family: 'teleNeo-extra' !important;
            line-height: 30px;
            position: relative;
            display: inline-block;
            transition: all .2s ease-in-out;
            font-size: 24px;
        }

            #smart-underwear .magenta-bcg .magenta-bcg-button .button-link a:hover {
                background: none;
                color: white !important;
                transition: all .2s ease-in-out;
            }

            #smart-underwear .magenta-bcg .magenta-bcg-button .button-link a:before {
                background: url(../content/images/smart-underwear/shop-now-arrow.png);
                position: absolute;
                left: 0;
                top: 0;
                transform: translate(-120%,-50%);
                width: 215px;
                height: 120px;
                content: '';
                background-repeat: no-repeat;
            }

    #smart-underwear .magenta-bcg .magenta-bcg-steps {
        position: relative;
        margin: 90px 0 0 0;
        overflow: hidden;
    }

        #smart-underwear .magenta-bcg .magenta-bcg-steps .step-item {
            text-align: center;
            width: 20%;
            display: inline;
            float: left;
        }

            #smart-underwear .magenta-bcg .magenta-bcg-steps .step-item .item-img {
                min-height: 220px;
                position: relative;
            }

            #smart-underwear .magenta-bcg .magenta-bcg-steps .step-item .item-text {
                color: #fff;
                font-size: 19px;
                padding: 5%;
                position: relative;
            }

    #smart-underwear .magenta-bcg .video-wrapper {
        top: 0;
        left: 0;
        right: 0;
        height: 475px;
        width: 85%;
        float: left;
        margin-right: 30px;
        margin-left: 70px;
        position: relative;
        cursor: pointer;
    }

        #smart-underwear .magenta-bcg .video-wrapper .video-bcg {
            position: absolute;
            margin: 0 auto;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            right: 0;
            background: url(../content/images/smart-underwear/video-bcg2.jpg);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
        }

            #smart-underwear .magenta-bcg .video-wrapper .video-bcg a img {
                max-width: 156px;
                width: 150px;
                height: 110px;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                position: absolute;
                content: '';
                opacity: .8;
                transition: all .2s ease-in-out;
                cursor: pointer;
            }


#smart-underwear .bcg {
    position: relative;
    min-height: 475px;
    background: url(../content/images/smart-underwear/bcg-img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    padding: 3% 0;
}

    #smart-underwear .bcg h1 {
        font-family: teleNeo-extra !important;
        font-size: 52px;
        margin-bottom: 40px;
        text-transform: uppercase;
        color: white;
        border-bottom: 0;
    }

    #smart-underwear .bcg .bcg-content {
        font-size: 25px;
        margin-bottom: 46px;
        color: white;
        padding: 0 5%;
    }

    #smart-underwear .bcg a {
        display: inline-block;
        border: 1px solid #fff;
        border-radius: 4px;
        background: none;
        padding: 16px 60px;
        font-family: teleNeo-extra !important;
        font-size: 24px !important;
        line-height: 30px;
        text-transform: uppercase;
        text-decoration: none;
        color: #fff;
        transition: all .2s ease-in-out;
    }

        #smart-underwear .bcg a:hover {
            background: #fff;
            color: #e30074;
            transition: all .2s ease-in-out;
        }


.modals #video-player span,
.modals #video-player-two span {
    color: #000;
    text-shadow: none !important;
    font-weight: normal;
    font-size: 20px;
    margin-top: 0px;
    display: block;
    font-family: 'teleicon-outline' !important;
}

.modals #video-player .modal-dialog,
.modals #video-player-two .modal-dialog {
    display: block;
    text-align: left;
    width: 90%;
    margin: 2% auto;
    height: 90vh;
}


    .modals #video-player .modal-dialog .modal-header,
    .modals #video-player-two .modal-dialog .modal-header {
        padding: 0;
        border-bottom: 0 !important;
    }

    .modals #video-player .modal-dialog .modal-content,
    .modals #video-player-two .modal-dialog .modal-content {
        width: 100%;
        height: auto;
        padding: 15px;
    }

    .modals #video-player .modal-dialog .modal-body iframe,
    .modals #video-player-two .modal-dialog .modal-body iframe {
        width: 100% !important;
        left: 0 !important;
        margin-left: 0 !important;
    }

#smart-underwear .white-bcg .tab-content .carousel-inner {
    width: 80%;
    margin: 7% auto 0;
    min-height: 240px;
}

#smart-underwear .white-bcg .tab-content #dc-myCarousel-21 .carousel-inner {
    min-height: 320px;
}

#smart-underwear .white-bcg .tab-content .carousel-inner h2 {
    font-size: 23px;
    color: #444;
    text-transform: uppercase;
    font-family: teleNeo-extra !important;
}

#smart-underwear .white-bcg .tab-content .carousel-inner .icon-box {
    width: 15%;
    float: left;
    margin-right: 4%;
    display: inline-block;
}

#smart-underwear .white-bcg .tab-content .carousel-inner .right-text-carousel {
    width: 70%;
    margin-left: 5%;
    display: inline-block;
    font-size: 19px;
    line-height: 27px;
}

#smart-underwear .white-bcg #dc-myCarousel .left.carousel-control,
#smart-underwear .white-bcg #dc-myCarousel-21 .left.carousel-control {
    background-image: url(../content/images/smart-underwear/icon-slider-left.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 20% !important;
    transform: translate(0%, 20%);
}

#smart-underwear .white-bcg #dc-myCarousel .right.carousel-control,
#smart-underwear .white-bcg #dc-myCarousel-21 .right.carousel-control {
    background-image: url(../content/images/smart-underwear/icon-slider-right.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 20% !important;
    transform: translate(50%, 25%);
}

#smart-underwear .white-bcg #desktopTabs .nav-tabs {
    border: 0 !important;
}

    #smart-underwear .white-bcg #desktopTabs .nav-tabs li a {
        border: 0 !important;
        background: transparent !important;
        color: transparent;
    }

#smart-underwear .white-bcg .carousel .carousel-indicators {
    bottom: -40px;
}

    #smart-underwear .white-bcg .carousel .carousel-indicators li {
        margin: 0 4px;
        background: #ececec;
        opacity: 1;
        border-radius: 50px;
        width: 10px;
        height: 10px;
    }

        #smart-underwear .white-bcg .carousel .carousel-indicators li.active {
            background: #333;
        }

@media (max-width: 767px) {
    #smart-underwear section.smart-underwear-video {
        height: 370px;
    }

        #smart-underwear section.smart-underwear-video .video-overlay .scroll-down a img {
            width: 90px;
            height: 60px;
        }

        #smart-underwear section.smart-underwear-video .go-down {
            left: 40%;
            bottom: -70px;
            width: 90px;
        }

    #smart-underwear h1 {
        font-size: 22px !important;
    }

    #smart-underwear section.gray-bcg {
        height: auto;
    }

        #smart-underwear section.gray-bcg .center-text {
            font-size: 18px;
            width: 100%;
            margin: 30px auto 30px;
        }

        #smart-underwear section.gray-bcg .right-emoji,
        #smart-underwear section.gray-bcg .left-chip {
            display: none;
        }

    #smart-underwear .white-bcg .tab-content .carousel-inner .icon-box {
        width: 50%;
        float: none;
        margin: 0 auto;
        display: block;
    }

    #smart-underwear .white-bcg .tab-content .carousel-inner .right-text-carousel {
        width: 100%;
        margin: 2% auto;
        display: block;
        font-size: 18px;
    }

    #smart-underwear .white-bcg #dc-myCarousel .left.carousel-control,
    #smart-underwear .white-bcg #dc-myCarousel-21 .left.carousel-control {
        width: 14px;
        height: 25px;
        background-size: 14px 25px !important;
        transform: translate(50%, 50%);
    }

    #smart-underwear .white-bcg #dc-myCarousel .right.carousel-control,
    #smart-underwear .white-bcg #dc-myCarousel-21 .right.carousel-control {
        width: 14px;
        height: 25px;
        background-size: 14px 25px !important;
        transform: translate(50%, 50%);
    }

    #smart-underwear .brown-bcg .brown-content-boxes-content .brown-emoji-one,
    #smart-underwear .brown-bcg .brown-content-boxes-content .brown-emoji-two {
        display: none;
    }

    #smart-underwear .brown-bcg .brown-bcg-wrapper {
        width: 100%;
    }

    #smart-underwear .brown-bcg .right-choice-content {
        width: 100%;
    }

        #smart-underwear .brown-bcg .right-choice-content p {
            width: 100%;
        }

    #smart-underwear .brown-bcg .brown-bcg-wrapper {
        background-image: none;
    }

    #smart-underwear .magenta-bcg .magenta-bcg-product .product-image {
        width: 70%;
        float: none;
        margin-right: auto;
        margin-left: 0;
    }

    #smart-underwear .magenta-bcg .magenta-bcg-product .product-ec {
        position: absolute;
        right: 0;
        bottom: 35%;
        width: 150px;
    }

    #smart-underwear .magenta-bcg .magenta-bcg-product .product-description {
        width: 100%;
        float: none;
        padding-top: 80px;
    }

        #smart-underwear .magenta-bcg .magenta-bcg-product .product-description h2 {
            font-size: 27px;
        }

    #smart-underwear .magenta-bcg .magenta-bcg-button .button-link a {
        padding: 10px 100px;
    }

        #smart-underwear .magenta-bcg .magenta-bcg-button .button-link a:before {
            left: 0;
            top: -60px;
            transform: translate(-120%,-50%);
            width: 145px;
            height: 80px;
            content: '';
            background-repeat: no-repeat;
            background-size: 85%;
            transform: rotateY(50deg);
        }

    #smart-underwear .magenta-bcg .magenta-bcg-steps .step-item {
        text-align: center;
        width: 100%;
        display: block;
        float: none;
    }

        #smart-underwear .magenta-bcg .magenta-bcg-steps .step-item .item-img {
            min-height: 190px;
        }

        #smart-underwear .magenta-bcg .magenta-bcg-steps .step-item .item-text {
            padding: 0% 5px;
            position: relative;
            width: 50%;
            margin: 0 auto;
        }

    #smart-underwear .magenta-bcg .video-wrapper {
        width: 100%;
        float: none;
        margin-right: auto;
        margin-left: auto;
    }

        #smart-underwear .magenta-bcg .video-wrapper .video-bcg a img {
            width: 110px !important;
            height: 70px !important;
        }

    .modals #video-player .modal-dialog .modal-body iframe,
    .modals #video-player-two .modal-dialog .modal-body iframe {
        height: auto;
    }

    .modals #video-player .modal-dialog .modal-content,
    .modals #video-player-two .modal-dialog .modal-content {
        height: auto;
    }

    .modals #video-player .modal-dialog,
    .modals #video-player-two .modal-dialog {
        margin: 35% auto 0;
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #smart-underwear h1 {
        font-size: 40px !important;
    }

    #smart-underwear section.gray-bcg .center-text {
        font-size: 22px;
        width: 70%;
        margin: 50px auto 70px;
    }

    #smart-underwear section.gray-bcg .right-emoji {
        right: 0;
        top: 60%;
        transform: translate(0,-10%);
        width: 130px;
    }

    #smart-underwear section.gray-bcg .left-chip {
        left: 0;
        width: 130px;
    }

    #smart-underwear .brown-bcg .brown-content-boxes-content .brown-emoji-one {
        top: 42%;
    }

    #smart-underwear .brown-bcg .brown-content-boxes-content .brown-emoji-two {
        top: 85%;
        right: 70px;
        width: 170px;
    }

    #smart-underwear .magenta-bcg .magenta-bcg-product .product-image {
        width: 60%;
        float: left;
    }

    #smart-underwear .magenta-bcg .magenta-bcg-product .product-description {
        width: 40%;
        float: right;
    }

    #smart-underwear .magenta-bcg .magenta-bcg-product .product-ec {
        width: 160px;
        float: right;
    }

    #smart-underwear .magenta-bcg .magenta-bcg-button .button-link a {
        padding: 10px 90px;
    }

        #smart-underwear .magenta-bcg .magenta-bcg-button .button-link a:before {
            width: 195px;
            height: 100px;
            background-size: contain;
            left: 30px;
        }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #smart-underwear section.gray-bcg .left-chip {
        left: 0;
    }

    #smart-underwear section.gray-bcg .right-emoji {
        right: -4%;
    }

    #smart-underwear .brown-bcg .brown-content-boxes-content .brown-emoji-one {
        left: -40%;
        top: 45%;
    }

    #smart-underwear .brown-bcg .brown-content-boxes-content .brown-emoji-two {
        right: 10%;
        top: 95%;
        width: 25%;
    }
}
/*#endregion smart underwear*/

#megjunarodni-kodovi table tr td + td,
#megjunarodni-kodovi table tr th + th {
    background: transparent;
}

#megjunarodni-kodovi table {
    position: relative;
    width: 100%;
    display: table;
}

    #megjunarodni-kodovi table tr th {
        display: table-cell;
        border-bottom: 1px solid gray !important;
        background: transparent !important;
        font-family: 'teleNeo-medium' !important;
    }

        #megjunarodni-kodovi table tr th:nth-child(3) {
            width: 15%;
            padding: 0 10px;
        }

    #megjunarodni-kodovi table tr td {
        text-align: center;
        padding: 10px 0;
    }

        #megjunarodni-kodovi table tr td span {
            font-size: 16px;
        }

        #megjunarodni-kodovi table tr td:nth-child(1) {
            text-align: left;
        }

div#megjunarodni-kodovi h1 {
    color: #333;
    text-align: center;
}

@media(max-width: 767px) {
    #megjunarodni-kodovi table tr th {
        padding: 10px 0 !important;
    }
}

/*#region safe net office*/
#safe-net-office section.banner-section {
    position: relative;
    width: 100%;
    height: 425px;
}

    #safe-net-office section.banner-section video {
        width: 100%;
        height: 100%;
        margin-top: 0px;
        border-left: 0 !important;
        border-bottom: 0 !important;
        color: transparent;
        background-color: transparent;
    }

#safe-net-office .video-section {
    position: relative;
    top: 60px;
}

#safe-net-office section.white.bcg {
    position: relative;
    padding: 3% 0;
    background-color: white;
    text-align: center;
}

    #safe-net-office section.white.bcg h2 {
        position: relative;
        color: #e20074;
        font-family: teleNeo-regular !important;
        font-size: 32px;
        text-transform: uppercase;
        padding: 0 12%;
        margin-bottom: 50px;
    }

        #safe-net-office section.white.bcg h2 span {
            font-family: teleNeo-extra !important;
        }

    #safe-net-office section.white.bcg p {
        position: relative;
        font-size: 18px;
        color: #333;
        padding: 0 15%;
        margin-bottom: 20px;
    }

#safe-net-office section.blue-bcg {
    background: #65c8c0;
    color: white;
    padding: 2% 0;
    text-align: center;
}

    #safe-net-office section.blue-bcg h3 {
        font-family: teleNeo-medium !important;
        margin-bottom: 50px;
        font-size: 25px;
    }

    #safe-net-office section.blue-bcg .safeNet-benefitBox p {
        padding: 0 20px;
        font-size: 17px;
        line-height: 1.2;
    }

#safe-net-office section.white-bcg {
    position: relative;
    padding: 3% 0;
    background-color: white;
}

    #safe-net-office section.white-bcg h2 {
        position: relative;
        color: #e20074;
        font-family: teleNeo-bold !important;
        font-size: 32px;
        text-transform: uppercase;
        padding: 17% 12% 0 0;
        margin-bottom: 30px;
    }

    #safe-net-office section.white-bcg p {
        font-size: 18px;
        color: #333;
    }

    #safe-net-office section.white-bcg .image-wrap {
        position: relative;
        width: 370px;
        height: auto;
        margin: 0 auto;
    }

#safe-net-office section.magenta-bcg {
    position: relative;
    background: #e20074;
    padding: 3% 0 3% 0;
    color: white;
    font-size: 18px;
    text-align: center;
}

    #safe-net-office section.magenta-bcg h2 {
        position: relative;
        color: white;
        font-family: teleNeo-bold !important;
        font-size: 32px;
        text-transform: uppercase;
    }

    #safe-net-office section.magenta-bcg h3 {
        font-size: 23px;
        margin-top: 0;
    }

    #safe-net-office section.magenta-bcg p {
        margin-bottom: 30px;
        margin-top: 0;
        padding: 0 14%;
    }



    #safe-net-office section.magenta-bcg .safenet-office-one {
        position: relative;
        border: 1px solid white;
        margin: 40px 0 0;
        position: relative;
    }

    #safe-net-office section.magenta-bcg .safenet-office-onev .magenta-text {
        position: relative;
        color: white;
        text-transform: uppercase;
    }

    #safe-net-office section.magenta-bcg .magenta-text h1 {
        text-transform: none;
        color: white;
        margin: 10px 0 !important;
        font-family: 'teleNeo-regular' !important;
    }

    #safe-net-office section.magenta-bcg .magenta-text:after {
        content: "";
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        position: absolute;
        width: 210px;
        margin: 0 auto;
        height: 1px;
        bottom: -20px;
        left: 0;
        right: 0;
    }

    #safe-net-office section.magenta-bcg .magenta-text {
        position: relative !important;
    }

    #safe-net-office section.magenta-bcg .safenet-office-boxes {
        position: relative;
    }

        #safe-net-office section.magenta-bcg .safenet-office-boxes .ec {
            position: absolute;
            margin: 0 auto;
            left: 0;
            right: 0;
            z-index: 2;
        }

    #safe-net-office section.magenta-bcg .hdp-price.standarden-paket {
        position: relative;
        max-width: 160px;
        display: block;
        position: relative;
        margin: 20px auto;
    }

        #safe-net-office section.magenta-bcg .hdp-price.standarden-paket p {
            display: inline-block;
            padding: 0;
            margin: 10px 0;
        }

    #safe-net-office section.magenta-bcg .hdp-price-left.hdp-price-top {
        width: auto;
        max-width: 100%;
        display: inline-block;
        height: auto;
    }

        #safe-net-office section.magenta-bcg .hdp-price-left.hdp-price-top .hdp-price-frame {
            width: 100%;
            height: auto;
            text-align: right;
            white-space: nowrap;
            padding: 0;
            padding-right: 5px;
            line-height: 1;
        }

    #safe-net-office section.magenta-bcg .hdp-price-body {
        width: auto;
        max-width: 100%;
        display: inline-block;
    }

        #safe-net-office section.magenta-bcg .hdp-price-body span {
            font-size: 26px;
        }

    #safe-net-office section.magenta-bcg span.price-total-no-ddv,
    #safe-net-office section.magenta-bcg span.price-total-ddv {
        font-family: 'teleNeo-medium' !important;
        font-size: 30px;
        letter-spacing: 0px;
    }

    #safe-net-office section.magenta-bcg span.price-total-no-ddv {
        display: none;
    }

        #safe-net-office section.magenta-bcg span.price-total-no-ddv.visible-price {
            display: block;
        }

    #safe-net-office section.magenta-bcg .switch.safenet-tabeli-bez-ddv,
    #safe-net-office section.magenta-bcg .safenet-tabeli-so-ddv {
        position: relative;
        margin: 0px 0;
        width: 110px;
    }

    #safe-net-office section.magenta-bcg .form-radio-js {
        width: 22px;
        height: 22px;
        font-size: 24px;
        padding: 0;
        border: 0;
        background-color: #ededed;
        border-radius: 50%;
        font-family: 'TeleIconUi';
        line-height: 1px;
        position: relative;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        -ms-user-select: none;
        user-select: none;
        transition: all 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
        bottom: 0;
        position: absolute;
    }

        #safe-net-office section.magenta-bcg .form-radio-js:focus {
            outline: none;
        }

        #safe-net-office section.magenta-bcg .form-radio-js.checked > .check {
            font-size: 24px;
            position: absolute;
            top: 9px;
            left: -1px;
            color: #e20074;
        }

        #safe-net-office section.magenta-bcg .form-radio-js > .check {
            color: #e8e8e8;
        }

        #safe-net-office section.magenta-bcg .form-radio-js.checked > .check:before {
            content: "";
            position: absolute;
            width: 12px;
            height: 12px;
            background: #e20074;
            border-radius: 50px;
            left: 6px;
            right: 0;
            margin: 0 auto;
            top: -4px;
        }

        #safe-net-office section.magenta-bcg .form-radio-js > .check:before {
            background: #e8e8e8;
        }

#safe-net-office section.faq {
    background: white;
    color: #333;
    padding: 3% 0;
}

    #safe-net-office section.faq .safeNet-faq-box h2 {
        color: #333;
    }

    #safe-net-office section.faq .telekom-faq-box h4.panel-title a {
        background-color: transparent;
        color: #333;
    }

        #safe-net-office section.faq .telekom-faq-box h4.panel-title a:after,
        #safe-net-office section.faq .telekom-faq-box h4.panel-title a.collapsed:after {
            color: #333 !important;
        }

    #safe-net-office section.faq .telekom-faq-box .panel-default > .panel-heading {
        background-color: white;
        border-color: #bfbfbf;
        border-top: 1px solid #bfbfbf;
    }

    #safe-net-office section.faq .telekom-faq-box .panel-group .panel.panel-default:first-of-type > .panel-heading {
        border-top: 1px solid #bfbfbf;
    }

    #safe-net-office section.faq .telekom-faq-box .panel-default > .panel-heading + .panel-collapse > .panel-body {
        background-color: transparent;
        color: #333;
        border-top-color: #bfbfbf;
    }

@media (max-width: 767px) {
    #safe-net-office section.white-bcg .image-wrap {
        width: 250px;
    }

    #safe-net-office section.banner-section {
        height: auto;
    }

    #safe-net-office section.magenta-bcg .switch.safenet-tabeli-bez-ddv span,
    #safe-net-office section.magenta-bcg .safenet-tabeli-so-ddv span {
        padding-left: 20px !important;
        font-size: 16px !important;
    }
}

@media (max-width: 991px) {
    #safe-net-office section.white.bcg h2 {
        font-size: 25px;
        padding: 5% 0;
        margin-bottom: 20px;
    }

    #safe-net-office section.white-bcg h2 {
        padding: 9% 0 0 0;
        font-size: 25px;
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #safe-net-office section.banner-section {
        height: 245px;
    }

    #safe-net-office section.magenta-bcg .switch.safenet-tabeli-bez-ddv span,
    #safe-net-office section.magenta-bcg .safenet-tabeli-so-ddv span {
        padding-left: 20px;
    }

    #safe-net-office section.magenta-bcg .magenta-text p {
        font-size: 17px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #safe-net-office section.banner-section {
        height: 305px;
    }
}

@media (min-width: 1200px) and (max-width: 1450px) {
    #safe-net-office section.banner-section {
        height: 355px;
    }
}
/*#endregion safe net office*/
/*#region telekommk business*/
.telekom-mk-business-banner,
.telekom-mk-business-banner-sq {
    height: 415px;
    /*background-image: url(../content/images/telekom-mk-10gb.jpg);*/
    /*background-image: url(../content/images/telekom-mk-10gb-new.jpg);*/
    background-image: url(../content/images/dopolnitelni-pridobivki-m1-business-big.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
    background-repeat: no-repeat;
    padding: 3% 0;
    position: relative;
}

    .telekom-mk-business-banner .qr-code,
    .telekom-mk-business-banner-sq .qr-code {
        position: relative;
        width: 90px;
        height: auto;
        padding-top: 20px;
    }

    .telekom-mk-business-banner .button-popUp {
        position: absolute;
        right: 40px;
        bottom: 40px;
        background: white;
        border: 1px solid #e20074;
        padding: 0 20px;
    }

        .telekom-mk-business-banner .button-popUp a {
            color: #e20074;
            font-size: 17px;
            font-weight: 500;
        }

            .telekom-mk-business-banner .button-popUp a:hover {
                color: #e20074;
                text-decoration: none;
            }

#business-telekom-app section {
    position: relative;
    padding: 5% 0 3%;
    min-height: 500px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.3);
}

    #business-telekom-app section .text {
        font-size: 17px;
    }

#business-telekom-app .black-bcg {
    background: black;
    color: white;
    background-size: cover;
}

    #business-telekom-app .black-bcg .left-content-box {
        position: relative;
        padding-right: 50%;
    }

        #business-telekom-app .black-bcg .left-content-box h2 {
            text-transform: uppercase;
            font-family: 'teleNeo-regular' !important;
            margin-bottom: 20px;
        }

        #business-telekom-app .black-bcg .left-content-box .text {
            position: relative;
            padding-right: 10%;
        }

        #business-telekom-app .black-bcg .left-content-box .telekom-mk-app-mobIcons {
            position: relative;
            margin: 40px 0 0;
        }

    #business-telekom-app .black-bcg .right-img-box {
        position: absolute;
        right: 0;
        height: 100%;
        width: auto;
        background-repeat: no-repeat;
        bottom: -130px;
        z-index: 2;
    }

#business-telekom-app section.second-bcg {
    background-image: url(../content/images/second-bcg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    color: white;
    background-size: cover;
}

    #business-telekom-app section.second-bcg .left-img-box {
        position: absolute;
        left: 0;
        bottom: -60px;
        height: auto;
        width: auto;
        z-index: 2;
    }

    #business-telekom-app section.second-bcg .right-content-box {
        position: relative;
        right: 0;
        padding-left: 60%;
        padding-top: 5%;
    }

        #business-telekom-app section.second-bcg .right-content-box h2 {
            text-align: left;
            text-transform: uppercase;
            margin-bottom: 20px;
        }

        #business-telekom-app section.second-bcg .right-content-box .text {
            text-align: left;
        }

#business-telekom-app section.third-bcg {
    background-image: url(../content/images/third-bcg.jpg);
    background-position: center left;
    background-repeat: no-repeat;
    color: white;
    background-size: cover;
}

    #business-telekom-app section.third-bcg .left-content-box {
        padding-right: 55%;
        position: relative;
        padding-top: 5%;
    }

        #business-telekom-app section.third-bcg .left-content-box h2 {
            text-transform: uppercase;
            margin-bottom: 20px;
        }

    #business-telekom-app section.third-bcg .right-img-box {
        position: absolute;
        bottom: 0;
        padding-left: 40%;
    }

#business-telekom-app section.fourth-bcg {
    background-image: url(../content/images/last-bcg.jpg);
    color: white;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    #business-telekom-app section.fourth-bcg .right-content-box {
        position: relative;
        padding-left: 65%;
    }

    #business-telekom-app section.fourth-bcg .left-img-box {
        position: absolute;
        bottom: -50px;
        height: auto;
    }

    #business-telekom-app section.fourth-bcg .right-content-box .izjava:before {
        content: "";
        height: 25px;
        width: 25px;
        top: -11px;
        background: white;
        position: absolute;
        left: 40px;
        transform: rotate(226deg);
    }

    #business-telekom-app section.fourth-bcg .right-content-box .text p {
        margin-bottom: 0;
    }

    #business-telekom-app section.fourth-bcg .right-content-box .text a {
        position: relative;
        background: none;
        font-size: 17px;
        font-weight: normal;
        left: 0;
        margin: 0;
        padding: 0;
        text-decoration: underline;
    }

    #business-telekom-app section.fourth-bcg .right-content-box .izjava a {
        position: relative;
        left: 25%;
    }

    #business-telekom-app section.fourth-bcg .right-content-box .izjava p a {
        left: 0;
    }

    #business-telekom-app section.fourth-bcg .right-content-box .izjava {
        position: relative;
        font-size: 15px;
        background-color: white;
        color: #333;
        padding: 20px 25px;
        border-radius: 10px;
        display: none;
        margin-top: 20px;
    }

        #business-telekom-app section.fourth-bcg .right-content-box .izjava a.close-izjava {
            position: absolute !important;
            right: 30px !important;
            left: auto !important;
            font-size: 23px;
            top: 5px;
            color: #333;
            text-decoration: none;
        }

#business-telekom-app .qr-code {
    position: relative;
    width: 120px;
    height: auto;
}

@media (max-width: 767px) {
    .telekom-mk-business-banner, .telekom-mk-business-banner-sq {
        height: auto;
        background-position: 33% 40%;
    }

    #business-telekom-app .black-bcg {
        min-height: 800px;
    }

    #business-telekom-app section.second-bcg {
        min-height: 610px;
    }

    #business-telekom-app section h2 {
        font-size: 23px;
    }

    #business-telekom-app section .text {
        font-size: 16px;
    }

    #business-telekom-app .black-bcg .left-content-box {
        padding: 0;
    }

    #business-telekom-app .black-bcg .right-img-box {
        width: 200px;
        bottom: -20px;
        height: auto;
    }

    #business-telekom-app section.second-bcg .right-content-box {
        padding: 0;
    }

    #business-telekom-app section.second-bcg .left-img-box {
        bottom: -15px;
        width: 320px;
        height: auto;
    }

    #business-telekom-app section.third-bcg .left-content-box {
        padding: 0;
    }

    #business-telekom-app section.third-bcg .right-img-box {
        display: none;
    }

    #business-telekom-app section.fourth-bcg .right-content-box {
        padding-left: 0;
    }

    #business-telekom-app section.fourth-bcg .left-img-box {
        width: 240px;
        padding-left: 50px;
        position: absolute;
    }

    #business-telekom-app section.fourth-bcg .right-content-box .izjava p a {
        left: 0;
    }

    #business-telekom-app section.fourth-bcg .right-content-box .izjava a {
        left: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #business-telekom-app .black-bcg .left-content-box {
        padding-right: 20%;
    }

    #business-telekom-app .black-bcg .right-img-box {
        height: auto;
        width: 400px;
        bottom: -40px;
    }

    #business-telekom-app section.second-bcg .right-content-box {
        padding-left: 40%;
        padding-top: 2%;
    }

    #business-telekom-app section.second-bcg .left-img-box {
        bottom: -30px;
        height: auto;
        width: 390px;
    }

    #business-telekom-app section.third-bcg .right-img-box {
        padding-left: 50%;
        height: auto;
    }

    #business-telekom-app section.third-bcg .left-content-box {
        padding-right: 50%;
        position: relative;
        padding-top: 5%;
    }

    #business-telekom-app section.fourth-bcg .left-img-box {
        bottom: 0;
        width: 270px;
        height: auto;
    }

    #business-telekom-app section.fourth-bcg .right-content-box {
        position: relative;
        padding-left: 45%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #business-telekom-app .black-bcg .right-img-box {
        height: auto;
        width: 550px;
        bottom: -50px;
    }

    #business-telekom-app section.second-bcg .left-img-box {
        bottom: -40px;
        height: auto;
        width: 560px;
    }

    #business-telekom-app section.third-bcg .right-img-box {
        padding-left: 50%;
    }

    #business-telekom-app section.fourth-bcg .left-img-box {
        height: auto;
        width: 360px;
    }
}
/*#endregion telekommk business*/
#wantToOrder-modal .modal-dialog {
    position: relative;
    width: 280px;
    height: 280px;
}

    #wantToOrder-modal .modal-dialog .modal-content {
        position: relative;
        height: 100%;
        width: 100%;
    }

#wantToOrder-modal .modal-header button {
    z-index: 9;
    cursor: pointer;
}

#wantToOrder-modal .contact {
    position: relative;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    text-align: center;
    padding: 10px 0;
    color: #333;
    float: none;
}

    #wantToOrder-modal .contact p {
        font-size: 20px;
        margin-bottom: 30px;
    }

    #wantToOrder-modal .contact a {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: white;
        display: inline-block;
        margin: 4px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 11px;
        border: 1px solid #e20074;
    }

        #wantToOrder-modal .contact a.phoneBtn {
            background-image: url(../content/images/magenta1-calc-redesign/contact-phone-magenta.png);
            background-size: 7px;
        }

        #wantToOrder-modal .contact a.mailBtn {
            background-image: url(../content/images/magenta1-calc-redesign/contact-mail-magenta.png);
            background-size: 17px;
        }


    #wantToOrder-modal .contact span {
        display: block;
        margin-bottom: 10px;
        font-size: 13px;
    }

#wantToOrder-modal .modal-footer {
    position: relative;
    border: 0;
}
/*#region ostani doma*/
#ostani-doma-content .ostani-doma-banner {
    position: relative;
    background-image: url('../content/images/ostani-doma-baner.jpg');
    height: 425px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2% 0;
}

    #ostani-doma-content .ostani-doma-banner h1 {
        position: relative;
        color: white;
        text-align: center;
        font-family: 'teleNeo-regular' !important;
        font-size: 50px;
        margin-bottom: 50px;
    }

        #ostani-doma-content .ostani-doma-banner h1 span {
            font-family: 'teleNeo-extra' !important;
        }

    #ostani-doma-content .ostani-doma-banner p {
        position: relative;
        font-size: 18px;
        color: white;
        text-align: center;
    }

div#ostani-doma-content section {
    position: relative;
    height: auto;
}

    div#ostani-doma-content section .gray-bcg, div#ostani-doma-content section .white-bcg {
        position: relative;
        width: 50%;
        display: inline;
        float: left;
    }


    div#ostani-doma-content section.even .gray-bcg {
        position: relative;
        background: #ededed;
        position: relative;
        text-align: left;
        display: table-cell;
        vertical-align: middle;
        width: 50%;
        height: 100%;
        padding: 9% 4% 10% 0;
    }

    div#ostani-doma-content section.odd .gray-bcg {
        position: relative;
        background: #ededed;
        position: relative;
        text-align: left;
        display: table-cell;
        vertical-align: middle;
        width: 50%;
        padding: 3% 0 10% 4%;
    }

    div#ostani-doma-content section.even .gray-bcg:before {
        background: #ededed;
        height: 100%;
        position: absolute;
        width: 100%;
        height: 100%;
        content: '';
        left: -100%;
        top: 0;
    }

    div#ostani-doma-content section.odd .gray-bcg:after {
        background: #ededed;
        position: absolute;
        position: absolute;
        width: 100%;
        height: 100%;
        content: '';
        right: -100%;
        top: 0;
    }

    div#ostani-doma-content section .gray-bcg h2,
    div#ostani-doma-content section h2 {
        font-size: 34px;
        font-family: 'teleNeo-extra' !important;
    }

        div#ostani-doma-content section .gray-bcg h2 a {
            font-size: 34px;
            font-family: 'teleNeo-extra' !important;
            text-decoration: underline;
        }

    div#ostani-doma-content section .gray-bcg * {
        color: black;
        font-family: 'teleNeo-medium';
        font-size: 18px;
    }

    div#ostani-doma-content section .gray-bcg .btn.magenta-btn {
        color: white;
        font-size: 18px;
        position: relative;
        top: 30px;
        padding: 3px 15px;
    }

        div#ostani-doma-content section .gray-bcg .btn.magenta-btn:hover {
            background: #e20074;
            border: 1px solid white;
        }

    div#ostani-doma-content section p a {
        position: relative;
        text-decoration: underline;
    }

    div#ostani-doma-content section strong {
        font-family: teleNeo-bold !important;
    }

        div#ostani-doma-content section strong a {
            font-family: teleNeo-bold !important;
        }

div#ostani-doma-content .content h3 {
    font-family: 'teleNeo-bold' !important;
    font-size: 22px;
}

div#ostani-doma-content section a.btn.btn-gray {
    background: transparent;
    border: 1px solid gray;
    text-decoration: none;
    padding: 3px 15px;
}

div#ostani-doma-content section .gray-bcg .gray-btn {
    position: relative;
    border: 1px solid gray;
    padding: 3px 15px;
}

div#ostani-doma-content .toggleOne,
div#ostani-doma-content .toggleTwo,
div#ostani-doma-content .toggleThree,
div#ostani-doma-content .toggleFour {
    display: none;
}

div#ostani-doma-content-business .toggleOne-business,
div#ostani-doma-content-business .toggleTwo-business,
div#ostani-doma-content-business .toggleThree-business {
    display: none;
}

div#ostani-doma-content section .gray-bcg, div#ostani-doma-content section .white-bcg {
    position: relative;
    width: 50%;
    display: inline;
    float: left;
    height: 100%;
    padding: 5% 5% 0 10%;
    vertical-align: middle;
}

div#ostani-doma-content section.contact-us {
    position: relative;
    background: #ededed;
    padding: 3% 0;
    border-top: 1px solid rgba(51, 51, 51, 0.3);
}

    div#ostani-doma-content section.contact-us h2 {
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 40px;
        color: black;
    }

        div#ostani-doma-content section.contact-us h2 a {
            color: black;
            font-family: 'teleNeo-extra' !important;
            text-decoration: underline;
        }

    div#ostani-doma-content section.contact-us ul {
        position: relative;
        margin: 0 15%;
    }

        div#ostani-doma-content section.contact-us ul li {
            position: relative;
            font-size: 18px;
        }

        div#ostani-doma-content section.contact-us ul.social-links {
            position: relative;
            display: block !important;
            float: none;
            height: 25px;
            margin: 0;
            width: 100% !important;
        }

            div#ostani-doma-content section.contact-us ul.social-links li {
                display: inline;
                float: none;
                background-image: none;
            }

                div#ostani-doma-content section.contact-us ul.social-links li:first-of-type {
                    margin: 0;
                    padding: 0;
                }

                div#ostani-doma-content section.contact-us ul.social-links li a {
                    color: #333;
                }

#videoPlatiOnline .modal-dialog,
#videoPlatiOnline-sq .modal-dialog {
    position: relative;
    width: 590px;
}

    #videoPlatiOnline .modal-dialog .modal-content,
    #videoPlatiOnline-sq .modal-dialog .modal-content {
        position: relative;
        width: 100%;
    }

    #videoPlatiOnline .modal-dialog .modal-header,
    #videoPlatiOnline-sq .modal-dialog .modal-header {
        position: relative;
        border: 0;
    }

@media (max-width: 767px) {
    div#ostani-doma-content section.contact-us ul li {
        font-size: 16px;
    }

    div#ostani-doma-content section .gray-bcg .btn.magenta-btn {
        top: 10px;
    }

    #videoPlatiOnline .modal-dialog,
    #videoPlatiOnline-sq .modal-dialog {
        width: auto;
    }

        #videoPlatiOnline .modal-dialog iframe,
        #videoPlatiOnline-sq .modal-dialog iframe {
            width: 100%;
        }
}
/*#endregion ostani doma*/
.check-phone-price-steps .choose-boxes-parent.typeOfContract .choose-box ~ .novo-fbo {
    position: absolute;
    right: 0;
    margin: 0;
    top: -5px;
    display: block;
    background: #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 0px 20px;
    z-index: 1;
}

    .check-phone-price-steps .choose-boxes-parent.typeOfContract .choose-box ~ .novo-fbo.notFb {
        display: none;
    }

    .check-phone-price-steps .choose-boxes-parent.typeOfContract .choose-box ~ .novo-fbo:after {
        border-color: transparent #e5e5e5 transparent transparent;
        content: "\A";
        right: 2px;
        transform: rotate(180deg);
        display: block;
        border-style: solid;
        border-width: 15px 10px 0px 0px;
        position: absolute;
        right: 0px;
        top: 21px;
        z-index: 0;
    }

.check-phone-price-steps .choose-boxes-parent.typeOfContract .choose-box:nth-child(2).active ~ .novo-fbo {
    background: #e20074;
    border-bottom: 0;
}

    .check-phone-price-steps .choose-boxes-parent.typeOfContract .choose-box:nth-child(2).active ~ .novo-fbo p {
        color: white;
    }

    .check-phone-price-steps .choose-boxes-parent.typeOfContract .choose-box:nth-child(2).active ~ .novo-fbo:after {
        content: "\A";
        transform: rotate(180deg);
        display: block;
        border-style: solid;
        border-width: 15px 8px 0px 0px;
        border-color: transparent #e20074 transparent transparent;
        position: absolute;
        right: 0;
        top: 20px;
        z-index: 0;
    }

.check-phone-price-steps .choose-boxes-parent.typeOfContract .choose-box:nth-child(2) .novo-fbo:after {
    border-color: transparent #e5e5e5 transparent transparent;
    content: "\A";
    transform: rotate(180deg);
    display: block;
    border-style: solid;
    border-width: 15px 10px 0px 0px;
    position: absolute;
    right: 0;
    top: 23px;
    z-index: 0;
}

.check-phone-price-steps .choose-boxes-parent.typeOfContract .novo-fbo p {
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #333;
}

@media (max-width: 767px) {
    .check-phone-price-steps .choose-boxes-parent.typeOfContract .choose-box ~ .novo-fbo {
        right: 1px;
        z-index: 3;
    }
}


.smart-tarifi-wrapper .radio-buttons {
    position: relative;
    margin-bottom: 30px;
}

.smart-tarifi-wrapper .switch.smart-ostani-doma-bez-ddv,
.smart-tarifi-wrapper .switch.smart-ostani-doma-so-ddv {
    position: relative;
    margin: 0px 0;
    width: 200px;
}

.smart-tarifi-wrapper .switch .form-radio-js {
    width: 22px;
    height: 22px;
    font-size: 24px;
    padding: 0;
    border: 0;
    background-color: #ededed;
    border-radius: 50%;
    font-family: 'TeleIconUi';
    line-height: 1px;
    position: relative;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    bottom: 0;
    position: absolute;
    left: -30px;
}

.smart-tarifi-wrapper .switch span {
    font-size: 19px;
}

.smart-tarifi-wrapper .switch .form-radio-js:focus {
    outline: none;
}

.smart-tarifi-wrapper .form-radio-js.checked + span {
    color: #e20074;
}

.smart-tarifi-wrapper .form-radio-js.checked > .check {
    font-size: 24px;
    position: absolute;
    top: 9px;
    left: -1px;
    color: #e20074;
}

.smart-tarifi-wrapper .form-radio-js > .check {
    color: #e8e8e8;
}

.smart-tarifi-wrapper .form-radio-js.checked > .check:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: #e20074;
    border-radius: 50px;
    left: 6px;
    right: 0;
    margin: 0 auto;
    top: -4px;
}

.smart-tarifi-wrapper .form-radio-js > .check:before {
    background: #e8e8e8;
}

.smart-tarifi-wrapper .more-info {
    position: relative;
    margin: 40px 20px 40px 20px;
}

    .smart-tarifi-wrapper .more-info img {
        position: relative;
        display: inline-block !important;
    }

    .smart-tarifi-wrapper .more-info span {
        display: inline-block;
        position: relative;
        padding-left: 10px;
    }

.mobile-Xmas-banner {
    position: relative;
    background-image: url('../content/images/mobile-xMas-banner.jpg');
    background-size: cover;
    background-position: left center;
    padding: 3% 0 0;
}

    .mobile-Xmas-banner .wrapper {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: flex-end;
    }

        .mobile-Xmas-banner .wrapper div {
            width: 39%;
        }

.mobile-tariff-banner {
    /*   background-image: url(../content/images/mobile-tariff-vnatreshen.jpg);*/
    background-image: url(../content/images/mobile-unlimited-inner-banner.jpg);
    /* background-image: url(../content/images/mobile-inner-banner-juni-2022.jpg);*/
    /*background-image: url(../content/images/moile-five-g-banner.png);*/
    /*background-image: url(../content/images/banner-mobile-oktomvri-2021.jpg);*/
    /*background-image: url(../content/images/mobile-tarif/mobile-banner-proletna-promocija.jpg);*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 375px;
    top: 20px;
    position: relative;
}

    /*  .mobile-tariff-banner.sq {
        background-image: url(../content/images/mobile-banner-proletna-promocija-sq.jpg);
    }*/

    .mobile-tariff-banner .wrapper {
        width: 50%;
        position: relative;
        height: auto;
        margin: 10% 0;
    }

    .mobile-tariff-banner h1 {
        color: white;
        width: 100%;
        position: relative;
        font-size: 62px;
        text-transform: none;
        font-family: 'teleNeo-regular' !important;
    }


    .mobile-tariff-banner .wrapper .ec {
        position: absolute;
        right: -30px;
        top: -50px;
        width: 100%;
    }

        .mobile-tariff-banner .wrapper .ec img {
            position: relative;
            right: 0;
            float: right;
        }

    .mobile-tariff-banner h1 span {
        display: block;
        font-size: 32px;
        font-family: 'teleNeo-regular' !important;
    }

    .mobile-tariff-banner .text {
        position: absolute;
        z-index: 2;
        bottom: 70px;
        width: 42%;
        margin: 0 auto;
        background: transparent;
        color: white;
        padding: 0;
        left: 2%;
    }

        .mobile-tariff-banner .text .ec-mobile {
            position: absolute;
            right: -40%;
            bottom: 10px;
            width: 200px;
            height: auto;
        }

        .mobile-tariff-banner .text h1 span {
            color: white;
            font-family: 'teleNeo-extra' !important;
            font-size: 35px;
            line-height: 1.2;
        }

        .mobile-tariff-banner .text h2 {
            font-size: 24px;
            font-family: 'teleNEo-regular' !important;
            line-height: 1.2;
        }

    .mobile-tariff-banner .absolute-wrap {
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0;
        right: 0;
    }

.mobile-promo-banner {
    position: relative;
    background-image: url(../content/images/mobile-promocija-banner-new.jpg);
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
}

    .mobile-promo-banner.business {
        background-image: url(../content/images/business-tarifi/business-tarifi-promo-banner.jpg);
        background-position: right !important;
        height: 450px;
    }

    .mobile-promo-banner.fiksni {
        background-image: url(../content/images/m1b-redesign/m1b-banner-promo.jpg);
        height: 450px;
    }

        .mobile-promo-banner.business:before,
        .mobile-promo-banner.fiksni:before {
            background-position: bottom left;
            background-size: cover;
            width: 100%;
            background-repeat: no-repeat;
            height: 100%;
            left: -30%;
        }

        .mobile-promo-banner.fiksni .text {
            width: 30%;
        }

    .mobile-promo-banner.business .text {
        width: 40%;
    }

        .mobile-promo-banner.business .text .ec {
            position: absolute;
            right: -70%;
            bottom: 20px;
            width: 170px;
        }

    .mobile-promo-banner:before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto 0;
        height: 100%;
        background-image: url(../content/images/mobile-promocija-banner-new-full.png);
        background-position: left;
        background-size: cover;
        width: 100%;
    }

    .mobile-promo-banner .text {
        position: relative;
        width: 50%;
        height: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

        .mobile-promo-banner .text .ec {
            position: absolute;
            right: -40%;
            bottom: 20px;
        }
/*    .mobile-tariff-banner .ec {
        position: absolute;
        bottom: 20px;
        z-index: 2;
        width: 530px;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
*/
.mobile-tariff-banner img {
    margin: 0 !important;
    left: 0;
    position: relative;
}

.ostani-doma-header {
    position: relative;
    text-align: center;
    padding: 3% 0%;
}

    .ostani-doma-header h2 {
        font-size: 40px;
        margin: 50px 0;
        font-family: 'teleNeo-extra' !important;
        color: black;
        text-transform: uppercase;
    }

    .ostani-doma-header h3 {
        position: relative;
        text-transform: none;
        line-height: 1.2;
        font-size: 19px;
        padding: 0;
    }

/*.switch.smart-ostani-doma-bez-ddv .form-radio-js.checked + .dobij-poveke-so-ostani-doma {
    display: none !important;
}
.switch.smart-ostani-doma-so-ddv .form-radio-js.checked + .dobij-poveke-so-ostani-doma {
    display: block !important;
}*/
.dobij-povekje-so-ostani-doma {
    position: relative;
    margin: 60px 0;
    display: block;
}

div#ostani-doma-plus .modal-dialog {
    position: relative;
    width: 88%;
    height: auto;
}

    div#ostani-doma-plus .modal-dialog .modal-header {
        border-bottom: none;
    }

        div#ostani-doma-plus .modal-dialog .modal-header button {
            position: relative;
            z-index: 9;
            color: #333;
            opacity: 1;
        }

    div#ostani-doma-plus .modal-dialog .modal-content {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 30px 30px 110px 30px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(../content/images/dopolnitelni-pridobivki-bcg.jpg);
        border: none;
    }

    div#ostani-doma-plus .modal-dialog .modal-body p {
        position: relative;
        text-align: center;
        color: white;
        font-size: 20px;
    }

    div#ostani-doma-plus .modal-dialog .modal-header h1 {
        font-family: 'teleNeo-extra' !important;
        font-size: 40px;
        color: white;
    }

    div#ostani-doma-plus .modal-dialog .modal-content .packages {
        margin: 25px auto 30px;
    }

        div#ostani-doma-plus .modal-dialog .modal-content .packages .package-column {
            float: none;
            display: inline-block;
            position: relative;
            min-height: 1px;
            padding-right: 15px;
            padding-left: 15px;
        }

            div#ostani-doma-plus .modal-dialog .modal-content .packages .package-column .box-mp {
                text-align: center;
                padding: 35px 0px;
                margin: auto 10px;
                font-size: 38px;
                box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.31);
                color: grey;
                background-color: #fafafa;
                cursor: pointer;
                transition: all 0.25s ease-in-out;
                background-image: none;
                width: 205px;
                display: inline-block;
            }

                div#ostani-doma-plus .modal-dialog .modal-content .packages .package-column .box-mp.active {
                    position: relative;
                    color: #e20074;
                    border: 2px solid #e20074;
                    font-size: 43px;
                    transition: all ease-in 0.5s;
                }

    div#ostani-doma-plus .modal-dialog .modal-content .package-options {
        text-align: center;
        margin: 0 auto;
        padding-top: 25px;
        display: table;
        width: 100%;
        margin: 0 10px;
    }

        div#ostani-doma-plus .modal-dialog .modal-content .package-options .options-column {
            float: none;
            display: block;
            position: relative;
            padding-right: 15px;
            padding-left: 15px;
            width: 100%;
            text-align: center;
            margin: 0 auto;
        }

        div#ostani-doma-plus .modal-dialog .modal-content .package-options .mt20 {
            margin-top: 20px;
        }

    div#ostani-doma-plus .modal-dialog .modal-content .packageOption {
        text-align: center;
        padding: 0;
        height: 205px;
        font-size: 18px;
        vertical-align: middle;
        display: inline-block;
        width: 225px;
        left: 0;
        font-size: 18px;
        cursor: pointer;
        position: relative;
        margin: 20px 10px;
    }

        div#ostani-doma-plus .modal-dialog .modal-content .packageOption.active {
            color: white;
            cursor: default;
            height: 220px;
            top: 0;
        }

        div#ostani-doma-plus .modal-dialog .modal-content .packageOption .inner {
            position: relative;
            display: table;
            width: 100%;
            height: 100%;
            text-align: center;
            transition: all 0.6s;
            transform-style: preserve-3d;
            box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
        }

        div#ostani-doma-plus .modal-dialog .modal-content .packageOption .txt {
            width: 100%;
            height: 100%;
            opacity: 1;
            transition: transform 0.8s;
            transform-style: preserve-3d;
            color: #e20074;
            border: 1px solid #fff;
        }

div#ostani-doma-plus .packageOption .txt div,
div#ostani-doma-plus .packageOption .tool div {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}

div#ostani-doma-plus .packageOption .txt h2 {
    font-size: 30px;
    font-family: 'teleNeo-extra' !important;
    text-transform: uppercase;
}

div#ostani-doma-plus .packageOption .tool {
    transform: rotateY(180deg);
    padding: 0px 15px;
}

div#ostani-doma-plus .packageOption .txt,
div#ostani-doma-plus .packageOption .tool {
    border: 1px solid rgba(0, 0, 0, 0.2);
    position: absolute;
    display: table;
    backface-visibility: hidden;
    height: 100%;
    vertical-align: middle;
    background-color: white;
}

    div#ostani-doma-plus .packageOption .tool > div {
        vertical-align: top;
    }

    div#ostani-doma-plus .packageOption .tool p {
        font-size: 17px;
    }

    div#ostani-doma-plus .packageOption .tool h2 {
        margin-bottom: 10px;
        font-size: 26px;
        font-family: 'teleNeo-extra' !important;
        margin-top: 10px;
    }

div#ostani-doma-plus .modal-dialog .modal-content .package-options a {
    position: relative;
    display: block;
    width: 100px;
    top: 50px;
}

div#ostani-doma-plus input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    top: -40px;
    left: 0;
    width: 260px;
    height: 245px;
    z-index: 9;
}

    div#ostani-doma-plus input ~ .border {
        position: absolute;
        top: -30px;
        left: 49%;
        height: 22px;
        width: 22px;
        background-color: transparent;
        border-radius: 50%;
        border: 1px solid white;
    }

    div#ostani-doma-plus input:checked ~ .check {
        background-color: white;
        position: absolute;
        left: 50.6%;
        top: -26px;
        width: 14px;
        height: 14px;
        border-radius: 50px;
    }

div#ostani-doma-plus .packageOption.five.active input:checked ~ .check {
    left: 50.5%;
}
/*div#ostani-doma-plus .packageOption:before {
    content: '';
    display: block;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    position: absolute;
    border: 1px solid white;
    top: -37px;
    left: 0;
    right: 0;
    margin: auto;
}

div#ostani-doma-plus .packageOption:after {
    content: '';
    display: block;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    position: absolute;
    background-color: transparent;
    top: -32px;
    left: 0;
    right: 0;
    margin: auto;
}*/
div#ostani-doma-plus .packageOption inner .tool {
    transform: rotateY(180deg);
}

div#ostani-doma-plus .packageOption.active inner .tool {
    width: 100%;
    background-color: #d91071;
    transform: rotateY(180deg);
    color: #ffffff;
    border: 1px solid #fff;
}

#ostani-doma-content section.odd.nadopolni .white-bcg {
    padding: 3% 5% 0 10% !important;
}

    #ostani-doma-content section.odd.nadopolni .white-bcg a {
        color: black !important;
        font-family: 'teleNeo-medium' !important;
        font-size: 18px !important;
    }

    #ostani-doma-content section.odd.nadopolni .white-bcg p {
        color: black;
        font-family: 'teleNeo-medium';
        font-size: 18px;
    }

@media(min-width: 320px) and (max-width: 400px) {
    .mobile-Xmas-banner .wrapper div {
        width: 100%;
        position: absolute;
        bottom: 0;
        right: 0;
        height: 100%;
    }

        .mobile-Xmas-banner .wrapper div img {
            position: absolute;
            bottom: 0;
            right: 0;
        }

    .mobile-promo-banner .text {
        height: 100%;
        width: 100% !important;
    }

    .mobile-promo-banner.fiksni {
        height: 200px;
    }
}

@media (max-width: 767px) {
    .mobile-Xmas-banner {
        background-position: 25% center;
        padding: 3% 0 0;
        height: 300px;
    }

        .mobile-Xmas-banner .wrapper div {
            width: 60%;
            position: absolute;
            bottom: 0;
            right: 0;
            height: 100%;
        }

            .mobile-Xmas-banner .wrapper div img {
                position: absolute;
                bottom: 0;
                right: 0;
            }

    .mobile-promo-banner {
        height: 150px;
    }

        .mobile-promo-banner.fiksni {
            height: auto;
        }

            .mobile-promo-banner.fiksni:before {
                left: 0;
            }

        .mobile-promo-banner:before {
            width: 100%;
        }

        .mobile-promo-banner .text {
            position: relative;
            width: 50% !important;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            flex-direction: column;
        }

            .mobile-promo-banner .text .ec {
                position: relative;
                right: 0;
                bottom: 0;
                width: 180px;
                height: 70px;
                z-index: 2;
                display: block;
            }

    .ostani-doma-header h1 {
        font-size: 29px;
    }

    .ostani-doma-header h2 {
        padding: 0;
        font-size: 25px;
    }

    .ostani-doma-header h3 {
        font-size: 19px;
        padding: 0 5%;
    }

    div#ostani-doma-plus .modal-dialog .modal-header button {
        position: absolute;
        z-index: 9;
        color: white;
        opacity: 1;
        font-size: 40px;
        right: 10px;
        top: 20px;
    }

    .ostani-doma-header {
        padding: 10% 0% 3%;
    }

    .mobile-tariff-banner img {
        width: 220px;
    }

    #ostani-doma-content section.odd.nadopolni .gray-bcg .content {
        text-align: center;
    }

    div #ostani-doma-content {
        top: 0;
    }

    #ostani-doma-content .ostani-doma-banner {
        height: auto;
    }

    div#ostani-doma-content section.contact-us ul {
        margin: 0;
    }

    div#ostani-doma-content section.odd .gray-bcg:after,
    div#ostani-doma-content section.odd .gray-bcg:after {
        content: "";
        display: none;
    }

    div #ostani-doma-plus input {
        left: 3%;
    }

        div#ostani-doma-plus input ~ .border {
            left: 47%;
        }

        div#ostani-doma-plus input:checked ~ .check {
            left: 49%;
            height: 10px;
            width: 10px;
            top: 6px;
        }

    #ostani-doma-content .ostani-doma-banner h1 {
        font-size: 34px;
        margin-bottom: 30px;
    }

    div#ostani-doma-content section.even {
        background: white;
    }

        div#ostani-doma-content section.even .gray-bcg {
            width: 100%;
            padding: 4% 4% 5% 4%;
            background: white;
        }

            div#ostani-doma-content section.even .gray-bcg:before {
                content: "";
                display: none;
            }

    div#ostani-doma-content section.odd {
        background: #ededed;
    }

        div#ostani-doma-content section.odd .gray-bcg {
            background: white;
        }

    div#ostani-doma-content section .white-bcg {
        /*border-bottom: 1px solid rgba(128, 128, 128, 0.3);*/
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }

        div#ostani-doma-content section .white-bcg .img-box {
            position: relative;
            width: 120px;
            margin: 0 auto;
            padding: 30px 0;
        }

    div#ostani-doma-content section .gray-bcg h2, div#ostani-doma-content section h2 {
        position: relative;
        font-size: 24px;
    }

        div#ostani-doma-content section .gray-bcg h2 a {
            font-size: 24px;
        }

    div #ostani-doma-plus .modal-dialog {
        width: 95%;
        height: auto;
    }

        div#ostani-doma-plus .modal-dialog .modal-header h1 {
            font-size: 23px;
        }

        div#ostani-doma-plus .modal-dialog .modal-body p {
            font-size: 18px;
        }

        div#ostani-doma-plus .modal-dialog .modal-content .packages .package-column .box-mp {
            width: 60px;
            height: 60px;
            padding: 3px 0px;
            font-size: 35px;
            margin: 0 3px;
        }

        div#ostani-doma-plus .modal-dialog .modal-content .packageOption {
            width: 100%;
            height: 70px;
            display: block;
            margin: 30px 0 80px 0;
        }


    div#ostani-doma-plus .packageOption .txt h2 {
        font-size: 23px;
    }

    div#ostani-doma-content section.odd .gray-bcg {
        width: 100%;
        padding: 4% 4% 5% 4%;
        background: transparent;
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    .mobile-promo-banner {
        height: 250px;
    }

        .mobile-promo-banner .text {
            width: 50%;
        }

    div#ostani-doma-plus .modal-dialog {
        width: 90%;
        height: auto;
    }

        div#ostani-doma-plus .modal-dialog .modal-header h1 {
            font-size: 30px;
        }

        div#ostani-doma-plus .modal-dialog .modal-content .packages .package-column .box-mp {
            height: 115px;
            padding: 20px 0px;
            width: 130px;
        }

        div#ostani-doma-plus .modal-dialog .modal-content .packageOption {
            width: 255px;
            height: 125px;
        }

    div#ostani-doma-plus .packageOption .txt h2 {
        font-size: 26px;
    }
}

@media(min-width: 992px) and (max-width: 1400px) {
    .mobile-promo-banner {
        height: 250px;
    }
}

@media(min-width: 1700px) {
    .mobile-promo-banner.business:before,
    .mobile-promo-banner.fiksni:before {
        left: -25%;
    }

    .mobile-promo-banner.business .text .ec {
        position: absolute;
        right: -30%;
    }
}

div#ostani-doma-content {
    position: relative;
    top: -20px;
}

.packageOption.active .inner {
    transform: rotateY(180deg);
}

.packageOption.active .tool {
    width: 100%;
    background-color: #d91071 !important;
    transform: rotateY(180deg) !important;
    color: #ffffff;
    border: 1px solid #fff !important;
    backface-visibility: visible !important;
    -webkit-backface-visibility: visible !important;
    height: 100%;
}

    .packageOption.active .tool a {
        position: relative;
        display: block;
        width: 100% !important;
        top: 0 !important;
        color: white !important;
        text-decoration: underline;
    }

/*#region ostani doma business*/
div#ostani-doma-content-business {
    position: relative;
    top: -10px;
}

#ostani-doma-content-business .ostani-doma-banner.business {
    position: relative;
    background-image: url(../content/images/ostani-doma-baner-business.jpg);
    height: 425px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2% 0;
}

    #ostani-doma-content-business .ostani-doma-banner.business a {
        position: relative;
        display: block;
        margin: 0 auto;
        width: 100px;
        font-size: 17px;
        margin-top: 25px;
    }

    #ostani-doma-content-business .ostani-doma-banner.business h1 {
        position: relative;
        color: white;
        text-align: center;
        font-family: 'teleNeo-regular' !important;
        font-size: 50px;
        margin-bottom: 50px;
    }

        #ostani-doma-content-business .ostani-doma-banner.business h1 span {
            font-family: 'teleNeo-extra' !important;
        }

#ostani-doma-content-business .ostani-doma-banner p {
    position: relative;
    font-size: 18px;
    color: white;
    text-align: center;
}

div#ostani-doma-content-business section {
    position: relative;
    height: auto;
}

    div#ostani-doma-content-business section .black-bcg {
        background: black;
    }

    div#ostani-doma-content-business section.even .black-bcg:before {
        background: black;
        content: "";
        height: 100%;
        position: absolute;
        width: 700px;
        height: 100%;
        right: -700px;
        top: 0;
    }

    div#ostani-doma-content-business section.odd .black-bcg {
        padding: 6% 5% 8% 10% !important;
    }

        div#ostani-doma-content-business section.odd .black-bcg:before {
            background: black;
            content: "";
            height: 100%;
            position: absolute;
            width: 700px;
            height: 100%;
            left: -700px;
            top: 0;
        }

    div#ostani-doma-content-business section.even .black-bcg {
        padding: 12% 0% 14% 8% !important;
    }

    div#ostani-doma-content-business section .gray-bcg, div#ostani-doma-content-business section .black-bcg {
        position: relative;
        width: 50%;
        display: inline;
        float: left;
    }


    div#ostani-doma-content-business section.even .gray-bcg {
        position: relative;
        background: #262626;
        position: relative;
        text-align: left;
        display: table-cell;
        vertical-align: middle;
        width: 50%;
        height: 100%;
        padding: 3% 4% 8% 0;
    }

    div#ostani-doma-content-business section.odd .gray-bcg {
        position: relative;
        background: #262626;
        position: relative;
        text-align: left;
        display: table-cell;
        vertical-align: middle;
        width: 50%;
        padding: 10.6% 0 11.8% 4%;
    }

    div#ostani-doma-content-business section.even .gray-bcg:before {
        background: #262626;
        height: 100%;
        position: absolute;
        width: 700px;
        height: 100%;
        content: '';
        left: -700px;
        top: 0;
    }

    div#ostani-doma-content-business section.odd .gray-bcg:after {
        background: #262626;
        position: absolute;
        position: absolute;
        width: 700px;
        height: 100%;
        content: '';
        right: -700px;
        top: 0;
    }

    div#ostani-doma-content-business section .gray-bcg h2,
    div#ostani-doma-content-business section h2 {
        font-size: 34px;
        font-family: 'teleNeo-extra' !important;
    }

        div#ostani-doma-content-business section .gray-bcg h2 a {
            font-size: 34px;
            font-family: 'teleNeo-extra' !important;
            text-decoration: underline;
        }

    div#ostani-doma-content-business section .gray-bcg * {
        color: white;
        font-family: 'teleNeo-medium';
        font-size: 18px;
    }

    div#ostani-doma-content-business section p a {
        position: relative;
        text-decoration: underline;
    }

    div#ostani-doma-content-business section strong {
        font-family: teleNeo-bold !important;
    }

        div#ostani-doma-content-business section strong a {
            font-family: teleNeo-bold !important;
        }

div#ostani-doma-content-business .content h3 {
    font-family: 'teleNeo-bold' !important;
    font-size: 22px;
}

div#ostani-doma-content-business section a.btn.btn-gray {
    background: transparent;
    border: 1px solid gray;
    text-decoration: none;
    padding: 3px 15px;
}

div#ostani-doma-content-business section .gray-bcg .gray-btn {
    position: relative;
    border: 1px solid gray;
    padding: 3px 15px;
}

div#ostani-doma-content-business .toggleOne,
div#ostani-doma-content-business .toggleTwo,
div#ostani-doma-content-business .toggleThree,
div#ostani-doma-content-business .toggleFour {
    display: none;
}

div#ostani-doma-content-business section .gray-bcg,
div#ostani-doma-content-business section .black-bcg {
    position: relative;
    width: 50%;
    display: inline;
    float: left;
    height: 100%;
    padding: 5% 5% 0 10%;
    vertical-align: middle;
    min-height: 470px;
}

div#ostani-doma-content-business section.contact-us {
    position: relative;
    background: #ededed;
    padding: 3% 0;
    border-top: 1px solid rgba(51, 51, 51, 0.3);
}

    div#ostani-doma-content-business section.contact-us h2 {
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 40px;
        color: black;
    }

    div#ostani-doma-content-business section.contact-us ul {
        position: relative;
        margin: 0 28%;
    }

        div#ostani-doma-content-business section.contact-us ul.social-links {
            position: relative;
            display: block !important;
            float: none;
            height: 25px;
            margin: 0;
            width: 100% !important;
        }

            div#ostani-doma-content-business section.contact-us ul.social-links li {
                display: inline-block;
                list-style: none;
                background-image: none;
                margin-left: 15px;
            }

                div#ostani-doma-content-business section.contact-us ul.social-links li:first-of-type {
                    margin: 0;
                    padding: 0;
                }

                div#ostani-doma-content-business section.contact-us ul.social-links li a {
                    color: black;
                }

        div#ostani-doma-content-business section.contact-us ul li {
            position: relative;
            font-size: 18px;
        }

@media (max-width: 767px) {
    #ostani-doma-content-business .ostani-doma-banner.business {
        height: auto;
        padding: 30px 0;
    }

        #ostani-doma-content-business .ostani-doma-banner.business h1 {
            font-size: 34px;
            margin-bottom: 30px;
        }

    div#ostani-doma-content-business section.even .black-bcg {
        width: 100%;
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }

    div#ostani-doma-content-business section.even .gray-bcg:before {
        content: none;
    }

    div#ostani-doma-content-business section.even .black-bcg:before {
        content: none;
    }

    div#ostani-doma-content-business section.even .black-bcg .img-box {
        position: relative;
        width: 160px;
        margin: 0 auto;
        padding: 0;
    }

    div#ostani-doma-content-business section.contact-us {
        padding: 6% 0;
    }

    div#ostani-doma-content-business section.even .gray-bcg {
        width: 100%;
        text-align: center;
        margin: 0 auto;
        background: black;
        padding: 7% 4% 8% 0;
    }

    div#ostani-doma-content-business section .gray-bcg h2, div#ostani-doma-content-business section h2 {
        position: relative;
        font-size: 24px;
    }

    div#ostani-doma-content-business section.odd .black-bcg {
        width: 100%;
        text-align: center;
        margin: 0 auto;
        background: #262626;
    }

    div#ostani-doma-content-business section.odd .gray-bcg {
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }

        div#ostani-doma-content-business section.odd .gray-bcg:after {
            content: none;
        }

    div#ostani-doma-content-business section.odd .black-bcg .img-box {
        position: relative;
        width: 170px;
        margin: 0 auto;
        padding: 0;
    }

    div#ostani-doma-content-business section.contact-us ul {
        margin: 0;
    }

        div#ostani-doma-content-business section.contact-us ul li {
            font-size: 16px;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    div#ostani-doma-content-business section .gray-bcg h2,
    div#ostani-doma-content-business section h2 {
        font-size: 29px;
    }

    div#ostani-doma-content-business section.even .black-bcg {
        padding: 12% 0% 24.1% 8% !important;
    }

    div#ostani-doma-content-business section.odd .gray-bcg {
        padding: 10.6% 0 5.5% 4%;
    }

    div#ostani-doma-content-business section.odd .black-bcg {
        padding: 6% 5% 9% 10% !important;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    div#ostani-doma-content-business section.even .black-bcg {
        padding: 12% 0% 14.8% 8% !important;
    }

    div#ostani-doma-content-business section.odd .gray-bcg {
        padding: 10.6% 0 12.2% 4%;
    }
}

#modal-workHome {
    width: 80%;
    margin: 0 auto;
}

    #modal-workHome .modal-header {
        border-bottom: 0;
    }

    #modal-workHome .modal-body {
        background: white;
    }

    #modal-workHome #skroeniPoVasaMerka .skroeniPoVasaMerka-box {
        border: 0;
    }

div#modal-workHome button.close {
    position: relative;
    top: 0px;
    z-index: 999;
    opacity: 1;
    font-size: 25px;
}

div#modal-workHome h2.telekom-magenta-color {
    font-family: teleNeo-bold !important;
    text-align: center;
}

div#modal-workHome .checkbox-wrap {
    display: block;
    position: relative;
    padding-left: 30px;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
    min-height: 60px;
}

    div#modal-workHome .checkbox-wrap:before {
        content: "";
        position: absolute;
        left: 0;
        top: 5px;
        width: 18px;
        height: 18px;
        border: 1px solid rgba(215, 211, 211, 0.93);
        background: #eeeeee;
        border-radius: 3px;
    }

div#modal-workHome .checkbox-wrapper {
    position: relative;
    border-bottom: 1px solid rgba(125, 125, 125, 0.2);
    margin-bottom: 20px;
}

    div#modal-workHome .checkbox-wrapper p {
        font-size: 17px !important;
        color: #e20074 !important;
        text-transform: uppercase;
    }

div#modal-workHome .checkbox-wrap input[type="checkbox"]:checked,
div#modal-workHome .checkbox-wrap input[type="checkbox"]:not(:checked) {
    position: absolute;
    opacity: 0;
    left: 0;
    z-index: 99;
    cursor: pointer;
    top: 5px;
    width: 18px;
}

div#modal-workHome .checkbox-wrapper:nth-child(1) .col-md-6:last-child .option:last-child .checkbox-wrap > a {
    text-decoration: none !important;
    color: #333 !important;
    cursor: default;
    pointer-events: none;
}

div#modal-workHome .checkbox-wrap input[type="checkbox"]:checked + .checkmark:after {
    content: 'V';
    position: absolute;
    color: #6bb324;
    font-family: teleicon-outline;
    display: block;
    left: 2px;
    right: 0;
    top: 2px;
    bottom: 0;
    opacity: 1;
    z-index: 3;
    font-size: 16px;
}

div#modal-workHome .checkbox-wrap input[type="checkbox"]:not(:checked) + .checkmark:after {
    content: '';
    position: absolute;
    color: green;
    opacity: 0;
    transform: scale(0);
}

div#modal-workHome #skroeniPoVasaMerka .skroeniPoVasaMerka-box .container {
    width: 100%;
}

@media (max-width: 767px) {
    div#modal-workHome #skroeniPoVasaMerka section.skroeniPoVasaMerka-box {
        padding: 0;
    }

    div#modal-workHome .checkbox-wrapper p {
        font-size: 15px;
    }

    div#modal-workHome .checkbox-wrapper {
        padding-bottom: 30px;
    }
}

@media (max-width: 991px) {
    div#modal-workHome #skroeniPoVasaMerka .skroeniPoVasaMerka-box .container {
        width: 100%;
    }

    .mobile-tariff-banner {
        /* background-image: url(../content/images/mobile-unlimited-inner-banner.jpg);*/
        height: 200px;
        background-position: 50% 0;
    }

        .mobile-tariff-banner .wrapper {
            width: 60%;
            margin: 8% 0;
        }

            .mobile-tariff-banner .wrapper .ec {
                width: 75px;
                right: -30px;
                top: -40px;
            }

        .mobile-tariff-banner h1 {
            font-size: 34px;
        }

            .mobile-tariff-banner h1 span {
                font-size: 22px;
            }
}

@media(min-width: 320px) and (max-width: 374px) {
    .mobile-tariff-banner {
        background-position: 50% 0%;
        height: 200px;
    }
}


/*#endregion ostani doma business*/

.table-responsive.businessTableSoMagentaKolona img.megunarodni-raz-ec {
    position: absolute;
    top: 45%;
    z-index: 5;
    left: -70px;
}

@media(max-width: 767px) {
    .table-responsive.businessTableSoMagentaKolona img.megunarodni-raz-ec {
        right: 0;
    }
}
/*#region maxTv kino*/
.maxtv-kino .films {
    position: relative;
    margin: 30px 0;
}

.maxtv-kino h2 {
    margin-bottom: 25px;
    font-family: 'teleNeo-bold' !important;
    font-size: 33px;
}

.maxtv-kino p {
    font-size: 17px;
}

    .maxtv-kino p.highlight {
        position: relative;
        background: #e8e8e8;
        padding: 20px;
        text-align: center;
        margin: 25px 0;
    }

.maxtv-kino input.flip-box {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 425px;
    z-index: 9;
}


.maxtv-kino .flipper {
    perspective: 1000px;
}

    .maxtv-kino .flipper:hover .film-box {
        transform: rotateY(180deg);
    }

.maxtv-kino .film-box {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
    width: 100%;
    height: 430px;
    margin-bottom: 30px;
}

.maxtv-kino .film-img,
.maxtv-kino .film-content {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 0;
    left: 0;
}

.maxtv-kino .film-img {
    z-index: 2;
    transform: rotateY(0deg);
}

.maxtv-kino .film-content {
    transform: rotateY(180deg);
}

    .maxtv-kino .film-content h3 {
        position: relative;
        font-size: 19px;
        margin: 0 0 10px 0;
    }

    .maxtv-kino .film-content p {
        position: relative;
        font-size: 15px;
    }


/*#endregion*/

/*#region androidTv*/
div#pravila-za-koristenje, div#politika-na-privatnost {
    position: relative;
    background: black;
    color: white;
    padding-bottom: 30px;
}

    div#pravila-za-koristenje h1,
    div#politika-na-privatnost h1 {
        position: relative;
        font-family: 'teleNeo-bold' !important;
        font-size: 55px;
        margin: 40px 0;
    }

    div#pravila-za-koristenje h3,
    div#politika-na-privatnost h3 {
        position: relative;
        font-family: 'teleNeo-bold' !important;
        font-size: 25px;
        margin-bottom: 20px;
    }

    div#pravila-za-koristenje a,
    div#politika-na-privatnost a {
        color: #e20074;
    }

    div#pravila-za-koristenje p,
    div#politika-na-privatnost p {
        font-size: 17px;
    }
/*#endregion androidTv*/

/*#region corona news*/
.corona-banner {
    margin-bottom: 50px;
}

    .corona-banner h2 {
        position: relative;
        color: #e20074;
        font-family: 'teleNeo-extra' !important;
        font-size: 37px;
        text-transform: uppercase;
        margin: 40px 0;
    }

.reports-full.corona-news .reports-full-txt {
    padding: 30px 0 40px 0;
}

.reports-full.corona-news h3 {
    position: relative;
    min-height: 90px;
}

.corona-news-wrapper .news-box .news h2 {
    line-height: 19px;
}
/*#endregion corona news*/
.business-office-ec {
    position: absolute;
    top: -80px;
    width: 90px;
    height: 90px;
    z-index: 2;
    right: -30px;
}

/*#region dopolnitelni-paketi-pripejd new*/
.dopolnitelni-paketi-pripejd-new {
    position: relative;
    height: 375px;
    background-image: url(/content/images/dopolnitelni-paketi-pripejd-new.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .dopolnitelni-paketi-pripejd-new h1 {
        font-size: 34px;
        color: #333;
        margin-top: 30px;
    }

.dopolnitelni-paketi-new-content {
    position: relative;
    padding: 5% 0;
}

    .dopolnitelni-paketi-new-content .dopPaketi-packagesBox {
        margin: 70px 0;
        text-align: center;
    }

    .dopolnitelni-paketi-new-content .paketi-boxes {
        position: relative;
        text-align: center;
    }

        .dopolnitelni-paketi-new-content .paketi-boxes .paketi-img {
            position: relative;
            width: 60px;
            height: auto;
            margin: 0 auto;
            display: block;
            min-height: 60px;
        }

        .dopolnitelni-paketi-new-content .paketi-boxes .paketi-text {
            position: relative;
            min-height: 110px;
            font-size: 17px;
        }

        .dopolnitelni-paketi-new-content .paketi-boxes .paketi-btn {
            position: relative;
            margin-top: 25px;
        }

            .dopolnitelni-paketi-new-content .paketi-boxes .paketi-btn a.btn-magenta {
                position: relative;
                background: #e20074;
                color: white;
                font-size: 17px;
                padding: 8px 18px;
                text-align: center;
            }

@media (max-width: 767px) {
    .dopolnitelni-paketi-pripejd-new {
        height: 250px;
    }

    .dopolnitelni-paketi-new-content .paketi-boxes {
        margin-bottom: 70px;
        border: 1px solid rgba(227, 223, 223, 0.5);
        padding: 30px 0;
    }

    .dopolnitelni-paketi-pripejd-new h1 {
        font-size: 29px;
    }

    .dopolnitelni-paketi-new-content {
        padding: 10% 0;
    }

        .dopolnitelni-paketi-new-content .paketi-boxes .paketi-img {
            width: 50px;
            min-height: 50px;
        }

        .dopolnitelni-paketi-new-content .paketi-boxes .paketi-text {
            min-height: 60px;
        }

        .dopolnitelni-paketi-new-content .paketi-boxes .paketi-btn a.btn-magenta {
            font-size: 16px;
            padding: 5px 15px;
        }
}

@media (min-width:768px) and (max-width: 991px) {
    .dopolnitelni-paketi-new-content .paketi-boxes .paketi-text {
        min-height: 130px;
    }

    .dopolnitelni-paketi-new-content .paketi-boxes .paketi-btn a.btn-magenta {
        padding: 5px 18px;
    }
}
/*#endregion dopolnitelni-paketi-pripejd new*/

/*#region m1 business dopolnitelni uslugi*/
.m1b-bannerBox {
    position: relative;
    background-image: url('../content/images/dopolnitelni-pridobivki-m1-business-banner.jpg');
    height: 295px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 25px;
}

    .m1b-bannerBox.sq {
        background-image: url('../content/images/dopolnitelni-pridobivki-m1-business-banner-sq.jpg');
    }

    .m1b-bannerBox .button-popUp {
        position: absolute;
        right: 20px;
        text-align: right;
        bottom: 20px;
        display: block;
        width: 120px;
    }

        .m1b-bannerBox .button-popUp a {
            position: relative;
            width: 100%;
            background: white;
            color: #e20074;
            font-size: 18px;
            border-radius: 3px;
            border: 1px solid #e20074;
            padding: 6px 12px;
        }

.business-tarifi-banner {
    position: relative;
    background-image: url('../content/images/dopolnitelni-pridobivki-m1-business-banner-tarifi.jpg');
    height: 295px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .business-tarifi-banner.sq {
        background-image: url('../content/images/dopolnitelni-pridobivki-m1-business-banner-tarifi-sq.jpg');
    }

    .business-tarifi-banner .button-popUp {
        position: absolute;
        right: 20px;
        text-align: right;
        bottom: 20px;
        display: block;
        width: 120px;
    }

        .business-tarifi-banner .button-popUp a {
            position: relative;
            width: 100%;
            background: white;
            color: #e20074;
            font-size: 18px;
            border-radius: 3px;
            border: 1px solid #e20074;
        }

.opcija-video-business {
    position: relative;
    background: #6cb6e7;
    padding: 20px 20px;
    color: white;
}

    .opcija-video-business h3 {
        padding: 0;
        margin: 0 !important;
        font-size: 19px !important;
        text-transform: uppercase;
    }


div#pridobivki-tarifi-modal .modal-dialog {
    position: relative;
    width: 70%;
    height: auto;
}

    div#pridobivki-tarifi-modal .modal-dialog .modal-header {
        border-bottom: none;
    }

        div#pridobivki-tarifi-modal .modal-dialog .modal-header button {
            position: relative;
            z-index: 9;
            color: #333;
            opacity: 1;
        }

    div#pridobivki-tarifi-modal .modal-dialog .modal-content {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 30px 30px 110px 30px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(../content/images/dopolnitelni-pridobivki-bcg.jpg);
        border: none;
    }

    div#pridobivki-tarifi-modal .modal-dialog .modal-body p {
        position: relative;
        text-align: center;
        color: white;
        font-size: 20px;
    }

    div#pridobivki-tarifi-modal .modal-dialog .modal-header h2 {
        font-family: 'teleNeo-extra' !important;
        font-size: 40px;
        color: white;
    }

    div#pridobivki-tarifi-modal .modal-dialog .modal-content .packages {
        margin: 25px auto 30px;
    }

        div#pridobivki-tarifi-modal .modal-dialog .modal-content .packages .package-column {
            float: none;
            display: inline-block;
            position: relative;
            min-height: 1px;
            padding-right: 15px;
            padding-left: 15px;
        }

            div#pridobivki-tarifi-modal .modal-dialog .modal-content .packages .package-column .box-mp {
                text-align: center;
                padding: 35px 0px;
                margin: auto 10px;
                font-size: 38px;
                box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.31);
                color: grey;
                background-color: #fafafa;
                cursor: pointer;
                transition: all 0.25s ease-in-out;
                background-image: none;
                width: 180px;
                display: inline-block;
            }

                div#pridobivki-tarifi-modal .modal-dialog .modal-content .packages .package-column .box-mp.active {
                    position: relative;
                    color: #e20074;
                    border: 2px solid #e20074;
                    font-size: 43px;
                    transition: all ease-in 0.5s;
                }

    div#pridobivki-tarifi-modal .modal-dialog .modal-content .package-options {
        text-align: center;
        margin: 0 auto;
        padding-top: 25px;
        display: table;
        width: 100%;
        margin: 0 10px;
    }

        div#pridobivki-tarifi-modal .modal-dialog .modal-content .package-options .options-column {
            float: none;
            display: block;
            position: relative;
            padding-right: 15px;
            padding-left: 15px;
            width: 100%;
            text-align: center;
            margin: 0 auto;
        }

        div#pridobivki-tarifi-modal .modal-dialog .modal-content .package-options .mt20 {
            margin-top: 20px;
        }

    div#pridobivki-tarifi-modal .modal-dialog .modal-content .packageOption {
        text-align: center;
        padding: 0;
        height: 205px;
        font-size: 18px;
        vertical-align: middle;
        display: inline-block;
        width: 255px;
        left: 0;
        font-size: 18px;
        cursor: pointer;
        position: relative;
        margin: 0 15px;
    }

div#pridobivki-tarifi-modal div#ostani-doma-l .packageOption,
div#pridobivki-tarifi-modal div#ostani-doma-xl .packageOption,
div#pridobivki-tarifi-modal div#ostani-doma-xxl .packageOption,
div#pridobivki-business #ostani-doma-l .packageOption,
div#pridobivki-business #ostani-doma-xl .packageOption,
div#pridobivki-business #ostani-doma-xxl .packageOption {
    width: 215px !important;
    margin: 0 15px;
}

    div#pridobivki-tarifi-modal div#ostani-doma-l .packageOption input,
    div#pridobivki-tarifi-modal div#ostani-doma-xl .packageOption input,
    div#pridobivki-tarifi-modal div#ostani-doma-xxl .packageOption input,
    div#pridobivki-business #ostani-doma-l .packageOption input,
    div#pridobivki-business #ostani-doma-xl .packageOption input,
    div#pridobivki-business #ostani-doma-xxl .packageOption input {
        width: 215px;
    }



    div#pridobivki-tarifi-modal div#ostani-doma-l .packageOption .txt h2,
    div#pridobivki-tarifi-modal div#ostani-doma-xl .packageOption .txt h2,
    div#pridobivki-tarifi-modal div#ostani-doma-xxl .packageOption .txt h2,
    div#pridobivki-business #ostani-doma-l .packageOption .txt h2,
    div#pridobivki-business #ostani-doma-xl .packageOption .txt h2,
    div#pridobivki-business #ostani-doma-xxl .packageOption input {
        font-size: 29px;
    }

div#pridobivki-tarifi-modal .modal-dialog .modal-content .packageOption.active {
    color: white;
    cursor: default;
    height: 200px;
    top: 0;
}

div#pridobivki-tarifi-modal .modal-dialog .modal-content .packageOption .inner {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: all 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

div#pridobivki-tarifi-modal .modal-dialog .modal-content .packageOption .txt {
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    color: #e20074;
    border: 1px solid #fff;
    padding: 0 10px;
}

div#pridobivki-tarifi-modal .packageOption .txt div,
div#pridobivki-tarifi-modal .packageOption .tool div {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}

div#pridobivki-tarifi-modal .packageOption .txt h2 {
    font-size: 28px;
    font-family: 'teleNeo-extra' !important;
    text-transform: uppercase;
    color: #e20074;
}

div#pridobivki-tarifi-modal .packageOption .tool {
    transform: rotateY(180deg);
    padding: 0px 15px;
}

div#pridobivki-tarifi-modal .packageOption .txt,
div#pridobivki-tarifi-modal .packageOption .tool {
    border: 1px solid rgba(0, 0, 0, 0.2);
    position: absolute;
    display: table;
    backface-visibility: hidden;
    height: 100%;
    vertical-align: middle;
    background-color: white;
}

    div#pridobivki-tarifi-modal .packageOption .tool > div {
        vertical-align: top;
    }

    div#pridobivki-tarifi-modal .packageOption .tool p {
        font-size: 17px;
    }

    div#pridobivki-tarifi-modal .packageOption .tool h2 {
        margin-bottom: 10px;
        font-size: 24px;
        font-family: 'teleNeo-extra' !important;
        margin-top: 10px;
        color: white;
    }

div#pridobivki-tarifi-modal .modal-dialog .modal-content .package-options a {
    position: relative;
    display: block;
    width: 100px;
    top: 50px;
}

div#pridobivki-tarifi-modal input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    top: -40px;
    left: 0;
    width: 260px;
    height: 245px;
    z-index: 9;
}

    div#pridobivki-tarifi-modal input ~ .border {
        position: absolute;
        top: -30px;
        left: 49%;
        height: 22px;
        width: 22px;
        background-color: transparent;
        border-radius: 50%;
        border: 1px solid white;
    }

    div#pridobivki-tarifi-modal input:checked ~ .check {
        background-color: white;
        position: absolute;
        left: 50.6%;
        top: -26px;
        width: 14px;
        height: 14px;
        border-radius: 50px;
    }

div#pridobivki-tarifi-modal .packageOption.five.active input:checked ~ .check {
    left: 50.5%;
}






div#pridobivki-business .modal-dialog {
    position: relative;
    width: 70%;
    height: auto;
}

    div#pridobivki-business .modal-dialog .modal-header {
        border-bottom: none;
    }

        div#pridobivki-business .modal-dialog .modal-header button {
            position: relative;
            z-index: 9;
            color: #333;
            opacity: 1;
        }

    div#pridobivki-business .modal-dialog .modal-content {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 30px 30px 110px 30px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(../content/images/dopolnitelni-pridobivki-bcg.jpg);
        border: none;
    }

    div#pridobivki-business .modal-dialog .modal-body p {
        position: relative;
        text-align: center;
        color: white;
        font-size: 20px;
    }

    div#pridobivki-business .modal-dialog .modal-header h1 {
        font-family: 'teleNeo-extra' !important;
        font-size: 40px;
        color: white;
    }

    div#pridobivki-business .modal-dialog .modal-content .packages {
        margin: 25px auto 30px;
    }

        div#pridobivki-business .modal-dialog .modal-content .packages .package-column {
            float: none;
            display: inline-block;
            position: relative;
            min-height: 1px;
            padding-right: 15px;
            padding-left: 15px;
        }

            div#pridobivki-business .modal-dialog .modal-content .packages .package-column .box-mp {
                text-align: center;
                padding: 35px 0px;
                margin: auto 10px;
                font-size: 38px;
                box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.31);
                color: grey;
                background-color: #fafafa;
                cursor: pointer;
                transition: all 0.25s ease-in-out;
                background-image: none;
                width: 205px;
                display: inline-block;
            }

                div#pridobivki-business .modal-dialog .modal-content .packages .package-column .box-mp.active {
                    position: relative;
                    color: #e20074;
                    border: 2px solid #e20074;
                    font-size: 43px;
                    transition: all ease-in 0.5s;
                }

    div#pridobivki-business .modal-dialog .modal-content .package-options {
        text-align: center;
        margin: 0 auto;
        padding-top: 25px;
        display: table;
        width: 100%;
    }

        div#pridobivki-business .modal-dialog .modal-content .package-options .options-column {
            float: none;
            display: block;
            position: relative;
            padding-right: 15px;
            padding-left: 15px;
            width: 100%;
            text-align: center;
            margin: 0 auto;
        }

        div#pridobivki-business .modal-dialog .modal-content .package-options .mt20 {
            margin-top: 20px;
        }

    div#pridobivki-business .modal-dialog .modal-content .packageOption {
        text-align: center;
        padding: 0;
        height: 205px;
        font-size: 18px;
        vertical-align: middle;
        display: inline-block;
        width: 260px;
        left: 0;
        font-size: 18px;
        cursor: pointer;
        position: relative;
        margin: 0 15px;
    }

        div#pridobivki-business .modal-dialog .modal-content .packageOption.active {
            color: white;
            cursor: default;
            height: 200px;
            top: 0;
        }

        div#pridobivki-business .modal-dialog .modal-content .packageOption .inner {
            position: relative;
            display: table;
            width: 100%;
            height: 100%;
            text-align: center;
            transition: all 0.6s;
            transform-style: preserve-3d;
            box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
        }

        div#pridobivki-business .modal-dialog .modal-content .packageOption .txt {
            width: 100%;
            height: 100%;
            opacity: 1;
            transition: transform 0.8s;
            transform-style: preserve-3d;
            color: #e20074;
            border: 1px solid #fff;
        }

div#pridobivki-business .packageOption .txt div,
div#pridobivki-business .packageOption .tool div {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}

div#pridobivki-business .packageOption .txt h2 {
    font-size: 32px;
    font-family: 'teleNeo-extra' !important;
    text-transform: uppercase;
    color: #e20074;
}

div#pridobivki-business .packageOption .tool {
    transform: rotateY(180deg);
    padding: 0px 15px;
}

div#pridobivki-business .packageOption .txt,
div#pridobivki-business .packageOption .tool {
    border: 1px solid rgba(0, 0, 0, 0.2);
    position: absolute;
    display: table;
    backface-visibility: hidden;
    height: 100%;
    vertical-align: middle;
    background-color: white;
}

    div#pridobivki-business .packageOption .tool > div {
        vertical-align: top;
    }

    div#pridobivki-business .packageOption .tool p {
        font-size: 17px;
    }

    div#pridobivki-business .packageOption .tool h2 {
        margin-bottom: 10px;
        font-size: 26px;
        font-family: 'teleNeo-extra' !important;
        margin-top: 10px;
        color: white;
    }

div#pridobivki-business .modal-dialog .modal-content .package-options a {
    position: relative;
    display: block;
    width: 100px;
    top: 50px;
}

div#pridobivki-business input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    top: -40px;
    left: 0;
    width: 260px;
    height: 245px;
    z-index: 9;
}

    div#pridobivki-business input ~ .border {
        position: absolute;
        top: -30px;
        left: 49%;
        height: 22px;
        width: 22px;
        background-color: transparent;
        border-radius: 50%;
        border: 1px solid white;
    }

    div#pridobivki-business input:checked ~ .check {
        background-color: white;
        position: absolute;
        left: 50.6%;
        top: -26px;
        width: 14px;
        height: 14px;
        border-radius: 50px;
    }

div#pridobivki-business .packageOption.five.active input:checked ~ .check {
    left: 50.5%;
}

#mag1BusinessServices .popUp {
    position: relative;
    margin: 20px 0;
}

    #mag1BusinessServices .popUp h2 {
        position: relative;
        background: #e20074;
        display: block;
        width: 440px;
        font-size: 21px;
        color: white;
        text-transform: uppercase;
        margin: 0 auto;
        padding: 10px 0;
        text-align: center;
        cursor: pointer;
    }

.modal#pridobivki-business {
    z-index: 9999;
}

div#pridobivki-business .packageOption .tool p.small,
div#pridobivki-tarifi-modal .packageOption .tool p.small {
    font-size: 11px;
}

@media (max-width: 767px) {
    .business-tarifi-banner {
        height: 242px;
        background-position: 0%;
    }

    div#pridobivki-tarifi-modal .modal-dialog .modal-content .packageOption {
        height: 250px;
    }

    div#pridobivki-tarifi-modal input {
        height: 325px;
    }

    div#pridobivki-tarifi-modal .packageOption .txt h2 {
        font-size: 23px;
    }

    div#pridobivki-tarifi-modal .packageOption .tool h2 {
        font-size: 22px;
    }

    div#pridobivki-tarifi-modal .packageOption .tool p {
        font-size: 18px !important;
    }

    div#pridobivki-tarifi-modal .modal-dialog .modal-header button {
        position: absolute;
        right: 20px;
        top: 20px;
    }

        div#pridobivki-tarifi-modal .modal-dialog .modal-header button span {
            position: relative;
            font-size: 36px;
        }

    div#pridobivki-tarifi-modal .modal-dialog .modal-body {
        padding: 15px 0;
    }

    div#pridobivki-tarifi-modal .modal-dialog .modal-content .packages .package-column,
    div#pridobivki-tarifi-modal .modal-dialog .modal-content .packages .package-column ul {
        width: 100%;
    }

        div#pridobivki-tarifi-modal .modal-dialog .modal-content .packages .package-column .box-mp {
            width: 15%;
            padding: 15px 0;
            margin: 0 6px;
            font-size: 19px !important;
        }

    div#pridobivki-business .modal-dialog .modal-content .packageOption.active {
        height: 370px;
    }

    div#pridobivki-business .modal-dialog .modal-content .package-options {
        margin: 0;
    }

    .m1b-bannerBox {
        height: 240px;
        background-position: left 5% top;
    }

    #mag1BusinessServices .popUp h2 {
        width: auto;
        font-size: 19px;
    }

    #pridobivki-business .modal-dialog,
    #pridobivki-tarifi-modal .modal-dialog {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

        #pridobivki-business .modal-dialog .modal-content,
        #pridobivki-tarifi-modal .modal-dialog .modal-content {
            padding: 0;
        }

        #pridobivki-business .modal-dialog .modal-header h1,
        #pridobivki-tarifi-modal .modal-dialog .modal-header h1 {
            font-size: 31px !important;
        }

        #pridobivki-business .modal-dialog .modal-body p,
        #pridobivki-tarifi-modal .modal-dialog .modal-body p {
            font-size: 24px !important;
        }

    div#pridobivki-business .modal-dialog .modal-content .packages .package-column,
    div#ppridobivki-tarifi-modal .modal-dialog .modal-content .packages .package-column {
        width: 260px;
    }

        div#pridobivki-business .modal-dialog .modal-content .packages .package-column .box-mp,
        div#ppridobivki-tarifi-modal .modal-dialog .modal-content .packages .package-column .box-mp {
            width: 100%;
            display: block;
            margin: 10px auto;
        }

    div#pridobivki-business .modal-dialog .modal-content .packageOption,
    #pridobivki-tarifi-modal .modal-dialog .modal-content .packageOption {
        margin: 20px auto !important;
    }
}

@media (min-width: 768px) and (max-width:991px) {
    div#pridobivki-business .modal-dialog .modal-content .packages .package-column,
    #pridobivki-tarifi-modal .modal-dialog .modal-content .packages .package-column {
        width: 260px;
    }

        div#pridobivki-business .modal-dialog .modal-content .packages .package-column .box-mp,
        #pridobivki-tarifi-modal .modal-dialog .modal-content .packages .package-column .box-mp {
            width: 100%;
            display: block;
            margin: 10px auto;
        }

    div#pridobivki-business .modal-dialog .modal-content .packageOption,
    #pridobivki-tarifi-modal .modal-dialog .modal-content .packageOption {
        margin: 20px 35px;
    }

    #pridobivki-tarifi-modal .modal-dialog .modal-content .packages .package-column {
        width: 550px !important;
    }

    div#pridobivki-tarifi-modal .modal-dialog .modal-content .packages .package-column .box-mp {
        width: 135px !important;
        margin: 10px !important;
    }

    div#pridobivki-tarifi-modal div#ostani-doma-l .packageOption,
    div#pridobivki-tarifi-modal div#ostani-doma-xl .packageOption,
    div#pridobivki-tarifi-modal div#ostani-doma-xxl .packageOption {
        width: 220px !important;
        margin: 20px 20px !important;
    }
}

@media (min-width: 992px) {
    div#pridobivki-business .modal-dialog,
    #pridobivki-tarifi-modal .modal-dialog {
        width: 90% !important;
    }
}
/*#endregion  m1 business dopolnitelni uslugi*/
/*#region complete profile*/
#complete-profile {
    position: relative;
    padding: 5% 0;
    text-align: center;
    width: 80%;
    margin: 60px auto 0;
    background: rgba(248, 248, 248, 0.9);
}

    #complete-profile h1 {
        position: relative;
        font-size: 24px;
        font-family: teleNeo-medium !important;
    }

    #complete-profile p {
        position: relative;
        font-size: 16px;
        padding-bottom: 10px;
        text-align: center;
        margin: 8px auto;
    }

        #complete-profile p.disclaimer {
            padding: 0 10px;
        }

    #complete-profile .form-box {
        position: relative;
        width: 80%;
        margin: 5px auto 10px auto;
    }

        #complete-profile .form-box span.labela {
            position: relative;
            display: inline-block;
            width: 18%;
            text-align: left;
        }

        #complete-profile .form-box input {
            position: relative;
            width: 30%;
            display: inline-block;
        }

    #complete-profile .btn-magen {
        position: relative;
        margin: 30px auto 0;
    }

    #complete-profile span.errorMsg {
        line-height: 22px;
        margin-top: 5px;
        left: 3px;
    }

    #complete-profile .errorBox {
        position: relative;
        text-align: center;
        background: rgba(241, 107, 107, 0.2);
        padding: 3px;
        margin: 10px 0;
        border: 1px solid red;
        border-radius: 3px;
    }

        #complete-profile .errorBox p.errorMsg {
            position: relative;
            padding: 0;
            vertical-align: middle;
            margin: 0;
            top: 0;
        }

@media (max-width: 767px) {
    #pridobivki-business .modal-dialog .modal-body {
        padding: 15px 0;
    }

    div#pridobivki-business .modal-dialog .modal-content .packages .package-column {
        width: 100%;
    }

        div#pridobivki-business .modal-dialog .modal-content .packages .package-column ul {
            width: 100%;
        }

        div#pridobivki-business .modal-dialog .modal-content .packages .package-column .box-mp {
            width: 30.333%;
            display: block;
            margin: 10px 4px;
            font-size: 40px !important;
            padding: 25px;
        }

    div#pridobivki-business .modal-dialog .modal-header button {
        position: absolute;
        right: 20px;
        top: 20px;
    }

        div#pridobivki-business .modal-dialog .modal-header button span {
            position: relative;
            font-size: 36px;
        }

    #complete-profile {
        position: relative;
        width: 100%;
        margin: 50px auto 0;
        padding: 15px;
    }

        #complete-profile .col-sm-12 {
            padding: 0;
        }

        #complete-profile .form-box {
            width: 90%;
        }

            #complete-profile .form-box span.labela {
                position: relative;
                display: inline-block;
                width: 36%;
                text-align: left;
            }

            #complete-profile .form-box input {
                position: relative;
                width: 61%;
                display: inline-block;
            }

        #complete-profile .btn-magen {
            margin: 30px auto;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    #complete-profile .form-box span.labela {
        width: 25%;
    }

    #complete-profile .form-box input {
        width: 50%;
    }
}
/*#endregion complete profile*/

/*#region e-velosipedi */
#e-velosipedi .e-velosipedi-content {
    background-color: #eaeaea;
    padding: 60px 0;
    text-align: center;
    padding-bottom: 385px;
}

    #e-velosipedi .e-velosipedi-content h1 {
        font-family: 'teleNeo-extra' !important;
        font-size: 46px;
        color: #e20074;
        text-transform: uppercase;
        margin-bottom: 45px;
        line-height: 1.2;
    }

        #e-velosipedi .e-velosipedi-content h1 span {
            font-family: 'teleNeo-medium' !important;
            font-size: 38px;
            display: inline-block;
            margin-top: 8px;
        }

    #e-velosipedi .e-velosipedi-content p {
        font-size: 19px !important;
        color: #000000;
        width: 90%;
        margin: 0 auto;
        margin-bottom: 45px;
    }

#e-velosipedi .e-velosipedi-tabsBox {
    background-color: white;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.06);
    position: relative;
    z-index: 10;
}

.e-velosipedi-tabsBox .nav-tabs {
    border-bottom: 0px solid #ddd;
}

    .e-velosipedi-tabsBox .nav-tabs li {
        position: relative;
        color: white;
        padding-left: 0;
        font-size: 17px;
        width: 100%;
    }

        .e-velosipedi-tabsBox .nav-tabs li.active {
            background-color: #e20074;
        }

        .e-velosipedi-tabsBox .nav-tabs li img {
            position: absolute;
            bottom: 240px;
            left: 0;
            right: 0;
            transition: transform 0.25s ease-in-out;
            margin: 0 auto;
        }

.e-velosiped-naracajBox {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: -150px;
}

.e-velosipedi-tabsBox .nav-tabs li .e-velosiped-naracajBox a {
    color: rgba(61, 61, 61, 0.8);
    font-family: 'teleNeo-regular' !important;
    font-size: 18px;
    border: 1px solid #bbbbbb;
    border-radius: 3px;
    min-height: 0;
    padding: 10px 20px;
    bottom: auto;
    min-width: 110px;
}

    .e-velosipedi-tabsBox .nav-tabs li .e-velosiped-naracajBox a:hover {
        background-color: white;
    }

.e-velosiped-priceBox p {
    color: #383838;
    font-size: 30px;
    font-family: 'teleNeo-medium' !important;
    margin-bottom: 12px;
}

.e-velosipedi-tabsBox {
    background-color: white;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.06);
    position: relative;
    z-index: 10;
}

    .e-velosipedi-tabsBox ul.nav-tabs {
        border-bottom: 0px;
    }

    .e-velosipedi-tabsBox ul {
        border-bottom: 0px solid #ddd;
    }

        .e-velosipedi-tabsBox ul.nav-tabs > li > a {
            font-family: 'teleNeo-bold' !important;
            border: none;
            background-color: transparent;
            font-size: 21px;
            color: #a6a6a6;
            margin-right: 0;
            position: relative;
            border-radius: 0;
            line-height: 1.2;
            text-align: center;
            min-height: 90px;
            padding-top: 20px;
            transition: 0.2s ease-in-out;
        }

        .e-velosipedi-tabsBox ul.nav-tabs > li.active > a {
            background-color: #e20074;
            color: white;
            font-family: 'teleNeo-extra' !important;
            font-size: 24px;
            padding-top: 10px;
            transition: 0.2s ease-in-out;
        }

            .e-velosipedi-tabsBox ul.nav-tabs > li.active > a:before {
                position: absolute;
                content: "";
                height: 20px;
                background-color: #e20074;
                left: 0;
                right: 0;
                top: -15px;
            }

            .e-velosipedi-tabsBox ul.nav-tabs > li.active > a:focus,
            .e-velosipedi-tabsBox ul.nav-tabs > li.active > a:hover {
                border: none;
                transition: 0.2s ease-in-out;
                color: #333;
            }

    .e-velosipedi-tabsBox .nav-tabs > li:not(:active) a:hover {
        color: #000000;
    }

    .e-velosipedi-tabsBox .nav-tabs > li > a span {
        font-family: 'teleNeo-bold' !important;
        color: white;
    }

    .e-velosipedi-tabsBox .nav-tabs > li.active > a span {
        font-family: 'teleNeo-extra' !important;
        color: white;
    }

        .e-velosipedi-tabsBox .nav-tabs > li.active > a span span {
            display: block;
        }

    .e-velosipedi-tabsBox .nav-tabs > li > a span {
        color: #a6a6a6;
    }

.e-velosiped-karakteristiki {
    position: relative;
    padding: 10% 0;
    background-color: #2b2b2b;
    color: white;
}

    .e-velosiped-karakteristiki h2 {
        font-family: 'teleNeo-extra' !important;
        font-size: 34px;
        margin-bottom: 35px;
        padding-top: 20px;
        margin-top: 0;
        text-transform: uppercase;
    }

    .e-velosiped-karakteristiki p {
        font-size: 18px;
    }

    .e-velosiped-karakteristiki:after {
        position: absolute;
        content: "";
        width: 50%;
        height: 100%;
        top: 0;
        right: 0;
    }

    .e-velosiped-karakteristiki.men:after {
        background: url(../content/images/e-trotineti-men-2.jpg) no-repeat center;
        background-size: cover;
        background-position: center;
    }

    .e-velosiped-karakteristiki.men-28:after {
        background: url(../content/images/e-trotineti-men-3.jpg) no-repeat center;
        background-size: cover;
        background-position: center;
    }

    .e-velosiped-karakteristiki.lady:after {
        background: url(../content/images/e-velosiped-lady-2.jpg) no-repeat center;
        background-size: cover;
        background-position: center;
    }

    .e-velosiped-karakteristiki.folding-bike:after {
        background: url(../content/images/Xiaomi-Mi-Smart-Electric.jpg) no-repeat center;
        background-size: cover;
        background-position: center;
    }

    .e-velosiped-karakteristiki.sklopuvanje:after {
        background: url(../content/images/e-trotineti-sklopen.jpg) no-repeat center;
        background-size: cover;
        background-position: center;
    }

    .e-velosiped-karakteristiki .e-trotinet-text-left {
        width: 38%;
    }

.e-velosiped-karakteristikiTable .hide-table-part {
    display: none;
    transition: all 1s linear;
}

@media (max-width: 767px) {
    #e-velosipedi .e-velosipedi-content {
        padding-bottom: 345px;
    }

        #e-velosipedi .e-velosipedi-content h1 {
            font-size: 28px;
        }

    .e-velosiped-priceBox p {
        font-size: 17px;
    }

    .e-velosipedi-tabsBox .nav-tabs li .e-velosiped-naracajBox a {
        padding: 10px 15px;
        min-width: 80px;
        font-size: 16px;
    }

    .e-velosipedi-tabsBox .nav-tabs li img {
        width: auto;
        bottom: 240px;
    }

    .e-velosipedi-content .nav-tabs li > a {
        padding: 0;
    }

    .e-velosipedi-tabsBox ul.nav-tabs > li.active > a,
    .e-velosipedi-tabsBox ul.nav-tabs > li > a {
        font-size: 17px;
        min-height: 120px;
        padding: 10px 5px;
    }

    .e-velosiped-karakteristiki {
        padding: 10% 0 0 0;
    }

        .e-velosiped-karakteristiki .e-trotinet-text-left {
            width: 100%;
            display: block;
            padding-bottom: 30px;
        }

        .e-velosiped-karakteristiki h2 {
            font-size: 28px;
        }

        .e-velosiped-karakteristiki:after {
            position: relative;
            content: "";
            width: 100%;
            height: 340px;
            display: block;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    .e-velosipedi-tabsBox .nav-tabs li img {
        width: auto;
    }

    .e-velosipedi-tabsBox ul.nav-tabs > li > a {
        padding: 10px 10px;
        min-height: 95px;
    }

    .e-velosiped-karakteristiki {
        padding: 10% 0 0 0;
    }

        .e-velosiped-karakteristiki .e-trotinet-text-left {
            width: 100%;
            display: block;
            padding-bottom: 30px;
        }

        .e-velosiped-karakteristiki h2 {
            font-size: 28px;
        }

        .e-velosiped-karakteristiki:after {
            position: relative;
            content: "";
            width: 100%;
            height: 470px;
            display: block;
        }
}

/*#endregion e-velosipedi*/

/*#region vebinari*/
.banner.vebinari {
    position: relative;
    width: 100%;
    height: auto;
    background-image: url(../content/images/webinari-vnatreshen-banner.jpg);
    height: 490px;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

    .banner.vebinari.sq {
        background-image: url('../content/images/webinari-vnatreshen-banner-sq.jpg');
    }

    .banner.vebinari .container {
        position: relative;
        height: 100%;
    }

    .banner.vebinari .link {
        position: absolute;
        bottom: 5%;
        left: 0;
    }

        .banner.vebinari .link a {
            padding: 9px 20px;
            color: #e20074;
            font-family: teleNeo-bold !important;
            font-size: 17px;
            border-radius: 4px;
        }

    .banner.vebinari img {
        width: 100%;
        height: auto;
    }

#rezerve-ticket-business .checkbox-wrap {
    display: block;
    position: relative;
    padding-left: 30px;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
}

    #rezerve-ticket-business .checkbox-wrap:before {
        content: "";
        position: absolute;
        left: 0;
        top: 5px;
        width: 18px;
        height: 18px;
        border: 1px solid rgba(215, 211, 211, 0.93);
        background: #eeeeee;
        border-radius: 3px;
    }

#rezerve-ticket-business .checkbox-group .form-box {
    padding: 20px 0;
}

#rezerve-ticket-business .checkbox-wrap input[type="checkbox"]:checked,
#rezerve-ticket-business .checkbox-wrap input[type="checkbox"]:not(:checked) {
    position: absolute;
    opacity: 0;
    left: 0;
    z-index: 99;
    cursor: pointer;
    width: 20px;
    height: 20px;
}

    #rezerve-ticket-business .checkbox-wrap input[type="checkbox"]:checked + .checkmark:after {
        content: 'V';
        position: absolute;
        color: #6bb324;
        font-family: 'teleicon-outline';
        display: block;
        left: 2px;
        right: 0;
        top: 2px;
        bottom: 0;
        opacity: 1;
        z-index: 3;
        font-size: 16px;
    }

    #rezerve-ticket-business .checkbox-wrap input[type="checkbox"]:not(:checked) + .checkmark:after {
        content: '';
        position: absolute;
        color: green;
        opacity: 0;
    }

    #rezerve-ticket-business .checkbox-wrap input[type="checkbox"]:checked + .checkmark:after {
        opacity: 1;
        transform: scale(1);
    }

    #rezerve-ticket-business .checkbox-wrap input[type="checkbox"]:not(:checked) + .checkmark:after {
        opacity: 0;
        transform: scale(0);
    }

/*#endregion vebinari*/

/*#region android&tv*/
#android-and-tv section.android-and-tv-main-banner {
    position: relative;
    padding: 5% 0;
    /* background: #77254f; */
    color: white;
    height: 1320px;
    background-image: url(../content/images/android-and-tv/android-and-tv-banner.jpg);
    width: 100%;
    background-size: cover;
    background-position: center;
}

#android-and-tv section p,
#android-and-tv section ul li,
#android-and-tv section a {
    font-size: 19px;
}

#android-and-tv section.android-and-tv-main-banner h1 {
    color: white;
    font-size: 50px;
    font-family: 'teleNeo-extra' !important;
}

#android-and-tv section.android-and-tv-main-banner .container {
    position: relative;
    height: 100%;
}

#android-and-tv section.android-and-tv-main-banner h1 span {
    font-family: 'teleNeo-regular' !important;
}

#android-and-tv section.android-and-tv-main-banner .ec-holder {
    position: absolute;
    right: 0;
}

#android-and-tv section.android-and-tv-main-banner .link-holder {
    position: absolute;
    bottom: 0;
}

    #android-and-tv section.android-and-tv-main-banner .link-holder a {
        color: #e20074;
        text-decoration: none;
        background: white;
        font-size: 21px;
        padding: 8px 25px;
        font-family: 'teleNeo-medium' !important;
    }

#android-and-tv .android-and-tv-magenta {
    position: relative;
    background: #e20074;
    color: white;
}

    #android-and-tv .android-and-tv-magenta .container {
        position: relative;
    }

    #android-and-tv .android-and-tv-magenta h2 {
        text-transform: uppercase;
        font-family: 'teleNeo-bold' !important;
    }

    #android-and-tv .android-and-tv-magenta .left-side {
        position: relative;
        display: inline-block;
        width: 100%;
        padding: 5% 0 2% 0;
        padding-right: 540px;
    }

    #android-and-tv .android-and-tv-magenta .right-side {
        width: 770px;
        position: absolute;
        display: inline-block;
        left: 570px;
        right: 0;
        bottom: -30px;
    }

        #android-and-tv .android-and-tv-magenta .right-side .tv-img-holder {
            position: relative;
            width: 100%;
        }

#android-and-tv .android-and-tv-white {
    position: relative;
    padding: 6% 0 2% 0;
}

    #android-and-tv .android-and-tv-white .container {
        position: relative;
    }

    #android-and-tv .android-and-tv-white h2 {
        position: relative;
        text-transform: uppercase;
        font-family: 'teleNeo-bold' !important;
    }

    #android-and-tv .android-and-tv-white ul {
        list-style: disc;
        padding-left: 30px;
    }

    #android-and-tv .android-and-tv-white a {
        color: #333;
        text-decoration: underline;
    }

    #android-and-tv .android-and-tv-white .logos-holder {
        position: absolute;
        right: 0;
        top: 80px;
    }

#android-and-tv .android-and-tv-black {
    position: relative;
    background: black;
    padding: 3% 0;
}

    #android-and-tv .android-and-tv-black .icons {
        position: relative;
        width: 100%;
        display: table;
        margin: 0 auto;
    }

        #android-and-tv .android-and-tv-black .icons div {
            position: relative;
            display: table-cell;
            max-width: 140px;
            text-align: center;
            margin: 0 auto;
            vertical-align: middle;
        }

            #android-and-tv .android-and-tv-black .icons div p {
                position: relative;
                text-align: center;
                color: white;
                font-size: 16px;
            }

#android-and-tv .android-and-tv-white.two {
    padding: 3% 0;
}

#android-and-tv .android-and-tv-gray {
    position: relative;
    background: #ebebeb;
    padding: 3% 0;
}

    #android-and-tv .android-and-tv-gray .android-and-tv-boxFrame {
        position: relative;
        border: 3px solid #828282;
        padding: 30px 0 0 0;
        text-align: center;
    }

        #android-and-tv .android-and-tv-gray .android-and-tv-boxFrame .header {
            position: relative;
            width: 55%;
            margin: 0 auto;
            min-height: 100px;
            border-bottom: 2px solid #828282;
        }

            #android-and-tv .android-and-tv-gray .android-and-tv-boxFrame .header h2 {
                color: #e20074;
                text-transform: uppercase;
                font-family: 'teleNeo-extra' !important;
                padding: 0 70px;
            }

        #android-and-tv .android-and-tv-gray .android-and-tv-boxFrame .boxFrame-content p {
            font-size: 25px !important;
            color: black;
        }

        #android-and-tv .android-and-tv-gray .android-and-tv-boxFrame .boxFrame-img-price {
            position: relative;
            width: 100%;
            height: 270px;
        }

            #android-and-tv .android-and-tv-gray .android-and-tv-boxFrame .boxFrame-img-price .boxFrame-img {
                position: absolute;
                display: inline;
                padding-right: 430px;
                left: 0;
            }

            #android-and-tv .android-and-tv-gray .android-and-tv-boxFrame .boxFrame-img-price .boxFrame-price {
                position: absolute;
                display: inline;
                width: 460px;
                top: 20%;
            }

            #android-and-tv .android-and-tv-gray .android-and-tv-boxFrame .boxFrame-img-price .t-price-new {
                max-width: 185px;
                margin: 30px auto;
            }

#android-and-tv section.android-and-tv-vikendici {
    position: relative;
    padding: 4% 0 4%;
    background-color: white;
    color: black;
}

    #android-and-tv section.android-and-tv-vikendici:after {
        position: absolute;
        content: "";
        background: url(../content/images/android-and-tv/androidTV-image_right.png) no-repeat center;
        background-size: cover;
        width: 50%;
        height: 100%;
        top: 0;
        right: 0;
        background-position: center;
    }

    #android-and-tv section.android-and-tv-vikendici .vikendici-content-left {
        width: 43%;
        position: relative;
        display: inline-block;
    }

    #android-and-tv section.android-and-tv-vikendici .vikendici-content-right {
        width: 55%;
        display: inline-block;
        padding-left: 160px;
        top: 0;
        position: relative;
        z-index: 9;
    }

#android-and-tv .vikendici-content-right h2,
#android-and-tv .vikendici-content-right p {
    color: white;
}

#android-and-tv .android-and-tv-half {
    position: relative;
    width: 100%;
    padding: 4%;
    background-image: url(../content/images/android-and-tv/androidTV-image_left.png);
    color: white;
}

    #android-and-tv .android-and-tv-half:after {
        position: absolute;
        content: "";
        background: url(../content/images/android-and-tv/androidTV-image_left.png) no-repeat center;
        background-size: cover;
        width: 50%;
        height: 100%;
        top: 0;
        left: 0;
        background-position: center;
    }

    #android-and-tv .android-and-tv-half .half-content-left {
        z-index: 9;
        color: white;
        width: 40%;
        position: relative;
        display: inline-block;
        vertical-align: top;
    }

    #android-and-tv .android-and-tv-half .half-content-right {
        width: 55%;
        display: inline-block;
        padding-left: 195px;
        top: 0;
        position: relative;
        z-index: 9;
    }

#android-and-tv .android-and-tv-dopolnitelni-info {
    position: relative;
    background: #e20074;
    color: white;
    padding: 3% 0;
}

    #android-and-tv .android-and-tv-dopolnitelni-info p.text-right {
        position: relative;
        font-size: 16px !important;
        right: 10px;
    }

    #android-and-tv .android-and-tv-dopolnitelni-info h2 {
        font-family: 'teleNeo-bold' !important;
        font-size: 32px;
        margin-bottom: 40px;
    }

    #android-and-tv .android-and-tv-dopolnitelni-info .info-content {
        margin-bottom: 40px;
    }

    #android-and-tv .android-and-tv-dopolnitelni-info .info-lista {
        position: relative;
        padding-right: 440px;
        display: inline-block;
    }

    #android-and-tv .android-and-tv-dopolnitelni-info .info-img {
        left: 55%;
        width: auto;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        position: absolute;
    }

    #android-and-tv .android-and-tv-dopolnitelni-info .info-prices {
        position: relative;
        width: 100%;
        display: table;
        margin: 0 auto;
    }

        #android-and-tv .android-and-tv-dopolnitelni-info .info-prices .price-box {
            position: relative;
            border: 1px solid white;
            width: 32%;
            display: table-cell;
            float: left;
            margin: 0 13px 0 0;
            text-align: center;
        }

            #android-and-tv .android-and-tv-dopolnitelni-info .info-prices .price-box .price-box-header {
                width: 90%;
                margin: 0 auto;
                border-bottom: 1px solid white;
                min-height: 70px;
                vertical-align: middle;
                display: block;
            }

            #android-and-tv .android-and-tv-dopolnitelni-info .info-prices .price-box .t-price-new {
                max-width: 195px;
                margin: 20px auto;
                min-height: 35px;
            }

            #android-and-tv .android-and-tv-dopolnitelni-info .info-prices .price-box:first-child .t-price-new-right {
                top: 12px;
                position: relative;
            }

                #android-and-tv .android-and-tv-dopolnitelni-info .info-prices .price-box:first-child .t-price-new-right .t-price-new-currency {
                    border: 0;
                }

            #android-and-tv .android-and-tv-dopolnitelni-info .info-prices .price-box .t-price-new .t-price-new-right span {
                max-width: 65px !important;
                text-align: left;
            }

            #android-and-tv .android-and-tv-dopolnitelni-info .info-prices .price-box:first-child p span {
                font-size: 50px;
            }

#android-and-tv .android-and-tv-cpp {
    padding: 3% 0;
}

    #android-and-tv .android-and-tv-cpp h2 {
        border-bottom: 1px solid #333;
    }

        #android-and-tv .android-and-tv-cpp h2 a {
            color: #333;
            font-size: 25px;
            width: 100%;
            font-family: teleNeo-bold !important;
            text-align: left;
            display: block;
            padding: 15px 35px 15px 0;
            text-decoration: none;
            position: relative;
        }

            #android-and-tv .android-and-tv-cpp h2 a:after {
                content: ']$';
                font-family: 'teleicon-outline';
                position: absolute;
                color: #333;
                font-size: 22px;
                top: 30px;
                right: 20px;
                margin: auto;
                transform: rotateZ(-180deg);
                transition-property: transform;
                transition-duration: .25s;
            }

            #android-and-tv .android-and-tv-cpp h2 a.collapsed:after {
                content: ']$';
                font-family: 'teleicon-outline';
                position: absolute;
                color: #333;
                font-size: 22px;
                top: 30px;
                right: 20px;
                margin: auto;
                transform: rotateZ(0deg);
                transition-property: transform;
                transition-duration: .25s;
            }

            #android-and-tv .android-and-tv-cpp h2 a:hover,
            #android-and-tv .android-and-tv-cpp h2 a:focus {
                text-decoration: none;
                outline: none;
            }

@media (max-width:991px) {
    #android-and-tv .android-and-tv-black .icons {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

        #android-and-tv .android-and-tv-black .icons div {
            max-width: 90px;
            width: auto;
        }

            #android-and-tv .android-and-tv-black .icons div p {
                display: none;
            }

    #android-and-tv section.android-and-tv-main-banner h1 {
        font-size: 34px;
    }

    #android-and-tv section.android-and-tv-main-banner {
        height: 450px;
    }

        #android-and-tv section.android-and-tv-main-banner .link-holder a {
            font-size: 19px;
            padding: 7px 25px;
        }

    #android-and-tv .android-and-tv-magenta .left-side {
        padding-right: 0;
        display: block;
    }

    #android-and-tv .android-and-tv-magenta .right-side {
        width: 300px;
        position: relative;
        display: block;
        left: 0;
        right: 0;
        bottom: -30px;
        margin: 0 auto;
    }

    #android-and-tv .android-and-tv-white .logos-holder {
        position: relative;
        right: 0;
        top: 0;
        bottom: 0;
        text-align: right;
    }

    #android-and-tv .android-and-tv-gray .android-and-tv-boxFrame {
        min-height: 620px;
    }

        #android-and-tv .android-and-tv-gray .android-and-tv-boxFrame .header {
            width: 90%;
        }

            #android-and-tv .android-and-tv-gray .android-and-tv-boxFrame .header h2 {
                padding: 0;
                font-size: 26px;
            }

        #android-and-tv .android-and-tv-gray .android-and-tv-boxFrame .boxFrame-img-price .boxFrame-img {
            position: relative;
            display: block;
            padding: 0;
            width: 300px;
            margin: 0 auto;
        }

        #android-and-tv .android-and-tv-gray .android-and-tv-boxFrame .boxFrame-img-price .boxFrame-price {
            position: relative;
            display: block;
            width: 250px;
            top: 0;
            margin: 0 auto;
        }

    #android-and-tv section.android-and-tv-vikendici .vikendici-content-left {
        width: 100%;
        position: relative;
        display: block;
        padding: 20px 0 50px;
    }

    #android-and-tv section.android-and-tv-vikendici .vikendici-content-right {
        width: 100%;
        display: block;
        padding-left: 0;
        top: 0;
        position: relative;
    }

    #android-and-tv section.android-and-tv-vikendici {
        margin-bottom: 20px;
    }

        #android-and-tv section.android-and-tv-vikendici:after {
            width: 100%;
            height: 345px;
            top: auto;
            bottom: 0;
            position: absolute;
            display: block;
        }

        #android-and-tv section.android-and-tv-vikendici .ec {
            position: relative;
            width: 100px;
            height: auto;
        }

    #android-and-tv .android-and-tv-half .half-content-left {
        width: 100%;
        display: block;
    }

    #android-and-tv .android-and-tv-half .half-content-right {
        width: 100%;
        display: block;
        padding-left: 0;
        top: 0;
        position: relative;
        padding: 20px 0;
    }

    #android-and-tv .android-and-tv-half:after {
        width: 100%;
        height: 200px;
        display: none;
    }

    #android-and-tv .android-and-tv-half .ec {
        width: 100px;
        height: auto;
    }

    #android-and-tv .android-and-tv-dopolnitelni-info .info-lista {
        padding-right: 0;
    }

    #android-and-tv .android-and-tv-dopolnitelni-info .info-img {
        width: auto;
        display: block;
        position: relative;
        left: 0;
        right: 0;
    }

    #android-and-tv .android-and-tv-dopolnitelni-info .info-prices .price-box {
        width: 250px;
        display: block;
        float: none;
        margin: 30px auto;
    }

    #android-and-tv .android-and-tv-cpp h2 a {
        font-size: 19px;
    }

        #android-and-tv .android-and-tv-cpp h2 a.collapsed:after,
        #android-and-tv .android-and-tv-cpp h2 a:after {
            top: 15px;
        }

    #android-and-tv .android-and-tv-black .icons div img {
        width: 50px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #android-and-tv section.android-and-tv-main-banner {
        height: 650px;
    }

    #android-and-tv .android-and-tv-magenta .left-side {
        padding-right: 470px;
    }

    #android-and-tv .android-and-tv-magenta .right-side {
        width: 400px;
        position: absolute;
        display: inline-block;
        left: 550px;
        right: 0;
        bottom: -30px;
    }
}
/*#endregion android&tv*/

/*#region rts*/
#titlebar {
    display: block;
    overflow: hidden;
    padding: 10px;
    background: #e20074;
    border-bottom: 6px solid #e20074;
}

    #titlebar .download {
        margin: 20px 10px 0 0;
        float: right;
    }

    #titlebar .app-icon {
        float: left;
        margin: 0 10px 0 0;
    }

    #titlebar .appname {
        margin: 3px 0 0 0;
        font: normal 36px "Droid Sans",sans-serif;
        color: #ffffff;
    }

        #titlebar .appname sup {
            font-size: 16px;
            color: #ffffff;
        }

    #titlebar .appdev {
        font: normal 22px "Droid Sans",sans-serif;
        color: #ffffff;
    }

#appscreens {
    display: block;
    height: 269px;
    background: url(../images/appscreens-bg.png);
}

    #appscreens img {
        margin: 0 0 0 50px;
    }

.horizontal {
}

    .horizontal img {
        margin: 50px 0 0 10px !important;
        float: right;
    }

#appstats {
    display: block;
    overflow: hidden;
    padding: 10px;
    background: url(../images/appstats-bg.png);
}

    #appstats .left {
        float: left;
    }

        #appstats .left .starrating {
            font: normal 22px "Droid Sans",sans-serif;
            color: #a8a8a8;
            margin: 0 0 3px 0;
        }

        #appstats .left .downloads {
            font: normal 22px "Droid Sans",sans-serif;
            color: #555;
        }

    #appstats .right {
        float: right;
        font: normal 22px "Droid Sans",sans-serif;
        color: #555;
    }

        #appstats .right .date {
            margin: 0 0 3px 0;
        }

        #appstats .right .wifi img {
            float: left;
            margin: 0 10px 0 0;
        }

#topdev {
    display: block;
    overflow: hidden;
    padding: 10px;
    background: #eeeef0;
}

    #topdev img {
        margin: 0 10px 0 0;
        float: left;
    }

    #topdev .topdev {
        margin: 6px 0 0 0;
        font: bold 24px "Droid Sans",sans-serif;
        color: #000;
    }

#gplus {
    display: block;
    overflow: hidden;
    padding: 15px 10px 36px 10px;
    background: url(../images/gplus-bg.png);
}

    #gplus img {
        margin: 0 10px 0 0;
        float: left;
    }

    #gplus .count {
        margin: 8px 0 0 0;
        font: normal 22px "Droid Sans",sans-serif;
        color: #333;
    }

#description {
    display: block;
    overflow: hidden;
    padding: 10px;
    /*background: #eeeef0;*/
}

    #description .title {
        font: bold 24px "Droid Sans",sans-serif;
        color: #e20074;
        margin: 40px 10px 10px 0;
    }

    #description .subtitle {
        font: italic 22px "Droid Sans",sans-serif;
        color: #e20074;
        margin: 0 0 20px 0;
    }

    #description .content {
        font: normal 22px "Droid Sans",sans-serif;
        color: #555;
        margin: 0 0 10px 0;
    }
/*#endregion rts*/

/*#region business office mobile*/
#business-office-mobile {
    position: relative;
}

    #business-office-mobile .bom-banner {
        /*background-image: url('../content/images/business-office-mobile/bom-bcg.jpg');*/
        background-image: url('../content/images/business-office-mobile/bom-bcg-new.jpg');
        position: relative;
        padding: 4% 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        /*height: 450px;*/
        height: 375px;
    }

        #business-office-mobile .bom-banner:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/business-office-mobile/bom-bcg-shape-new.png);
            width: 50%;
            height: 100%;
            left: 0;
            background-size: cover;
            top: 0;
            background-repeat: no-repeat;
        }

    #business-office-mobile .container {
        position: relative;
        height: 100%;
    }

    #business-office-mobile .bom-banner .text {
        position: relative;
        width: 50%;
        height: 100%;
        display: inline-flex;
        align-content: center;
        align-items: center;
    }

        #business-office-mobile .bom-banner .text h1 {
            position: relative;
            font-size: 43px;
            color: white;
            font-family: 'teleNeo-extra' !important;
        }

            #business-office-mobile .bom-banner .text h1 span {
                color: black;
                text-transform: none;
                font-family: 'teleNeo-bold' !important;
                display: block;
            }

        #business-office-mobile .bom-banner .text .ec {
            position: absolute;
            right: -60px;
            top: 60px;
            width: 110px;
        }

    #business-office-mobile .bom-content h2.black-bg {
        background-color: black;
        margin-bottom: 50px;
        position: relative;
        display: block;
        margin: 60px auto;
        color: white;
        transform: skewX( -25deg );
        font-size: 42px;
        width: 490px;
        text-align: center;
        padding: 10px;
    }

        #business-office-mobile .bom-content h2.black-bg span {
            transform: skewX( 25deg );
            position: relative;
            display: block;
            font-family: 'teleNeo-extra' !important;
        }

    /*    #business-office-mobile .bom-content h2 {
        position: relative;
        width: 60%;
        margin: 0 auto;
        text-align: center;
        font-size: 21px;
        margin-bottom: 50px;
    }*/

    #business-office-mobile .bom-content .ec {
        position: absolute;
        right: 13%;
        top: 20px;
        width: 100px;
    }

    #business-office-mobile .bom-content p {
        font-size: 18px;
    }

    #business-office-mobile .bom-tabs ul {
        position: relative;
        width: 80%;
        margin: 0 auto;
        border: 0;
    }

    #business-office-mobile #bom-content {
        position: relative;
        width: 80%;
        margin: 0 auto;
    }

    #business-office-mobile .bom-tabs ul li {
        position: relative;
        display: inline-block;
        width: 260px;
        border: 0;
        text-align: center;
        margin: 30px 5px;
    }

        #business-office-mobile .bom-tabs ul li a {
            position: relative;
            border: 1px solid white;
            border-radius: 0;
            padding: 15px 0px;
            font-size: 18px;
            background: #e8e8e8;
            color: #333;
        }

        #business-office-mobile .bom-tabs ul li.active a {
            background: #e20074;
            color: white !important;
        }

    #business-office-mobile #bom-content .tab-pane {
        position: relative;
        width: 90%;
        margin: 20px auto;
    }

    #business-office-mobile #bom-content .bom-box {
        position: relative;
        text-align: center;
        min-height: 250px;
    }

        #business-office-mobile #bom-content .bom-box .bom-img {
            position: relative;
            width: 290px;
            height: 290px;
            margin: 0 auto;
        }

            #business-office-mobile #bom-content .bom-box .bom-img img {
                position: relative;
                width: 100%;
            }

    #business-office-mobile #bom-content .bom-info {
        position: relative;
        min-height: 85px;
        padding: 0 30px;
    }

        #business-office-mobile #bom-content .bom-info h3 {
            position: relative;
            text-transform: uppercase;
            font-size: 23px;
        }

    #business-office-mobile #bom-content .bom-more-link {
        position: relative;
        margin: 30px 0 10px 0;
    }

        #business-office-mobile #bom-content .bom-more-link a {
            padding: 8px 30px;
            border-radius: 0;
            background: white;
            color: #e20074;
            border: 1px solid #e20074;
            font-size: 17px;
        }

            #business-office-mobile #bom-content .bom-more-link a:hover {
                background: #e20074;
                color: white;
            }

    #business-office-mobile #oprema .bom-info {
        min-height: 60px !important;
    }

    #business-office-mobile #oprema .bom-price .p-left {
        width: 80%;
    }

        #business-office-mobile #oprema .bom-price .p-left span {
            display: inline-block;
            color: #e20074;
        }

    #business-office-mobile .bom-slider {
        position: relative;
        margin: 30px 0 50px;
    }

        #business-office-mobile .bom-slider a.carousel-control {
            z-index: 3;
            width: 50px;
        }

            #business-office-mobile .bom-slider a.carousel-control.right {
                transform: rotateY( 180deg);
            }

            #business-office-mobile .bom-slider a.carousel-control .glyphicon-chevron-left:before {
                content: ']%';
                font-family: 'teleicon-outline';
                color: #333333;
                font-size: 80px;
            }

            #business-office-mobile .bom-slider a.carousel-control .glyphicon-chevron-right:before {
                content: ']%';
                font-family: 'teleicon-outline';
                color: #333333;
                font-size: 80px;
            }

    #business-office-mobile .bom-boxes {
        position: relative;
        width: 100%;
    }

        #business-office-mobile .bom-boxes .box-wrap {
            width: 40%;
            margin: 50px auto 0;
            padding: 30px 30px 0;
            box-shadow: 0 0 35px 7px rgba(0,0,0,.13);
            text-align: center;
            position: relative;
            z-index: 2;
        }

            #business-office-mobile .bom-boxes .box-wrap:last-of-type {
                margin: 0 auto 50px !important;
                box-shadow: none !important;
                background: #f0f0f0;
                z-index: 0;
                padding: 30px 60px;
            }

                #business-office-mobile .bom-boxes .box-wrap:last-of-type .content {
                    display: flex;
                    justify-content: space-between;
                    align-items: flex-start;
                    align-content: flex-start;
                    text-align: left;
                    flex-direction: column;
                }

                    #business-office-mobile .bom-boxes .box-wrap:last-of-type .content p {
                        display: inline-flex;
                        justify-content: space-between;
                        align-items: center;
                        align-content: flex-start;
                        text-align: left;
                        flex-direction: row;
                        width: 100%;
                        padding: 0;
                    }

            #business-office-mobile .bom-boxes .box-wrap .header .ec {
                position: absolute;
                right: -20px;
                width: 90px;
                top: -20px;
            }

            #business-office-mobile .bom-boxes .box-wrap .header h3 span {
                display: block;
                line-height: 1.2;
                font-family: 'teleNeo-bold' !important;
            }

            #business-office-mobile .bom-boxes .box-wrap .content p {
                padding: 10px 0;
                font-family: 'teleNeo-bold' !important;
            }

                #business-office-mobile .bom-boxes .box-wrap .content p span.text-magenta {
                    font-family: teleNeo-bold !important;
                    font-size: 19px;
                }

    #business-office-mobile .smart-priceBox {
        border-top: 1px solid #eee;
        padding: 15px 0 0;
    }

    #business-office-mobile .smart-priceWraper {
        position: relative;
        display: block;
        width: 70%;
        overflow: visible;
        margin: 10px auto;
        padding: 20px 0;
    }

        #business-office-mobile .smart-priceWraper .p-left-smart {
            position: relative;
            display: inline;
            width: 50%;
            float: left;
            text-align: right;
        }

            #business-office-mobile .smart-priceWraper .p-left-smart span {
                font-size: 30px;
                font-family: 'teleNeo-bold' !important;
            }

        #business-office-mobile .smart-priceWraper .p-right-smart {
            position: relative;
            display: inline;
            float: left;
            width: 20%;
            bottom: 0 !important;
            top: 3px;
            color: #333;
            text-align: right;
            margin-left: 6px;
        }

            #business-office-mobile .smart-priceWraper .p-right-smart span {
                color: #333;
                text-transform: none;
                text-align: right;
                font-size: 13px !important;
                max-width: initial !important;
            }

    #business-office-mobile .magenta-one-footer > div:first-of-type .p-uredi-cena.cena-siva:after {
        content: '';
        position: absolute;
        right: -20px;
        top: 0;
        bottom: 0;
        margin: auto 0;
        height: 100%;
        width: 1px;
        background: rgba(51, 51, 51, .2);
    }

    #business-office-mobile span.price2 {
        padding: 0;
        color: black !important;
    }

    #business-office-mobile .p-currency,
    #business-office-mobile .p-rates {
        text-transform: none;
    }

    #business-office-mobile .magenta-one-footer p.small {
        position: relative;
        display: block;
        width: 100%;
        bottom: 0;
        overflow: hidden;
        font-size: 11px !important;
        font-family: 'teleNeo-regular' !important;
    }

    #business-office-mobile .one-t-dicklaimer-message {
        min-height: 130px;
        top: -130px;
        position: absolute;
        z-index: 2;
    }

        #business-office-mobile .one-t-dicklaimer-message span {
            font-size: 13px;
            color: white;
            line-height: 1.2;
        }

    #business-office-mobile .one-t-dicklaimer:hover span {
        color: white;
        cursor: pointer;
    }

@media(min-width: 320px) and (max-width: 375px) {
    #business-office-mobile .bom-content .ec {
        right: 0;
        width: 70px;
        top: 3px;
    }
}

@media (max-width: 767px) {
    #business-office-mobile .bom-boxes .box-wrap {
        width: 90%;
        padding: 10px;
    }

        #business-office-mobile .bom-boxes .box-wrap:last-of-type {
            padding: 10px;
        }

    #business-office-mobile .bom-content .ec {
        right: 0;
        width: 65px;
    }

    #business-office-mobile .bom-content h2 {
        width: 100%;
    }

        #business-office-mobile .bom-content h2.black-bg {
            font-size: 24px;
            width: 290px;
        }

    #business-office-mobile .bom-slider .item img {
        object-fit: contain;
        width: 100%;
        height: 100%;
    }

    #business-office-mobile .bom-slider a.carousel-control .glyphicon-chevron-left:before,
    #business-office-mobile .bom-slider a.carousel-control .glyphicon-chevron-right:before {
        color: white;
        font-size: 50px;
    }

    #business-office-mobile .bom-slider a.carousel-control.right {
        position: absolute;
        right: 25px;
    }


    #business-office-mobile .bom-banner {
        height: auto;
        padding: 10% 0 25%;
    }

        #business-office-mobile .bom-banner:before {
            content: '';
            width: 100%;
            height: 100%;
        }

        #business-office-mobile .bom-banner .text {
            position: relative;
            width: 100%;
            height: 100%;
        }

            #business-office-mobile .bom-banner .text h1 {
                position: relative;
                font-size: 30px;
            }

            #business-office-mobile .bom-banner .text .ec {
                position: absolute;
                right: 0;
                top: initial;
                width: 80px;
                bottom: -70px;
            }

    #business-office-mobile .bom-content h1 {
        font-size: 24px;
    }

    #business-office-mobile .bom-content p {
        font-size: 16px;
    }

    #business-office-mobile .bom-tabs ul {
        display: table;
        width: 100%;
    }

        #business-office-mobile .bom-tabs ul li {
            position: relative;
            display: table-cell;
            width: auto;
            margin: 30px 3px;
        }

            #business-office-mobile .bom-tabs ul li a {
                padding: 15px 10px;
                font-size: 16px;
                border: 0;
            }
}

@media (min-width: 768px) and (max-width: 991px) {
    #business-office-mobile .bom-banner {
        background-position: 62% 0%;
    }

        #business-office-mobile .bom-banner:before {
            width: 60%;
            height: 100%;
        }

        #business-office-mobile .bom-banner .text h1 {
            font-size: 38px;
        }

        #business-office-mobile .bom-banner .text .ec {
            position: absolute;
            right: -120px;
            top: 60px;
            width: 125px;
        }

    #business-office-mobile .bom-tabs ul {
        width: 90%;
    }

    #business-office-mobile .bom-boxes .box-wrap {
        width: 70%;
    }

    #business-office-mobile .bom-content .ec {
        right: 3%;
    }

    #business-office-mobile .smart-priceBox {
        width: 80%;
        margin: 0 auto;
    }
}
/*#endregion business office mobile*/

/*#region ponuda za lekari*/
#web-ponuda-za-lekari .web-ponuda-za-lekari-banner {
    position: relative;
    background-image: url(../content/images/web-ponuda-za-lekari/main-banner.png);
    height: 500px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 3% 0;
}

    #web-ponuda-za-lekari .web-ponuda-za-lekari-banner .ec {
        width: 150px;
        height: 150px;
    }

    #web-ponuda-za-lekari .web-ponuda-za-lekari-banner h1 {
        color: white;
        font-size: 38px;
    }

        #web-ponuda-za-lekari .web-ponuda-za-lekari-banner h1 span:first-of-type {
            font-family: teleNeo-extra !important;
        }

        #web-ponuda-za-lekari .web-ponuda-za-lekari-banner h1 span {
            background: #e20074;
            margin-bottom: 20px;
            position: relative;
            line-height: 1.2;
            padding: 0px 10px;
        }

#web-ponuda-za-lekari .web-ponuda-za-lekari-intro {
    position: relative;
    text-align: center;
    padding: 3% 0;
}

    #web-ponuda-za-lekari .web-ponuda-za-lekari-intro h2 {
        color: #e20074;
        font-size: 25px;
        font-family: 'teleNeo-bold' !important;
        margin-bottom: 30px;
    }

#web-ponuda-za-lekari section.web-ponuda-za-lekari-one {
    background-image: url(../content/images/web-ponuda-za-lekari/bcg-one.jpg);
    position: relative;
    background-position: left 25% center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2% 0;
}

    #web-ponuda-za-lekari section.web-ponuda-za-lekari-one .web-ponuda-za-lekari-rightTxt {
        position: relative;
        width: 50%;
        float: right;
    }

        #web-ponuda-za-lekari section.web-ponuda-za-lekari-one .web-ponuda-za-lekari-rightTxt h2 {
            position: relative;
            color: #e20074;
            text-transform: uppercase;
            font-size: 24px;
            font-family: 'teleNeo-regular' !important;
        }

            #web-ponuda-za-lekari section.web-ponuda-za-lekari-one .web-ponuda-za-lekari-rightTxt h2 span {
                font-family: 'teleNeo-extra' !important;
            }

        #web-ponuda-za-lekari section.web-ponuda-za-lekari-one .web-ponuda-za-lekari-rightTxt a {
            margin: 10px 0;
        }

#web-ponuda-za-lekari section.web-ponuda-za-lekari-two {
    background-image: url(../content/images/web-ponuda-za-lekari/bcg-two.jpg);
    position: relative;
    background-position: right 25% center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2% 0;
    min-height: 500px;
}

    #web-ponuda-za-lekari section.web-ponuda-za-lekari-two .web-ponuda-za-lekari-leftTxt {
        width: 50%;
        float: left;
        position: relative;
        height: 400px;
    }

        #web-ponuda-za-lekari section.web-ponuda-za-lekari-two .web-ponuda-za-lekari-leftTxt h2 {
            color: #e20074;
            text-transform: uppercase;
        }

        #web-ponuda-za-lekari section.web-ponuda-za-lekari-two .web-ponuda-za-lekari-leftTxt .links {
            position: absolute;
            bottom: 0;
        }

#web-ponuda-za-lekari section.web-ponuda-za-lekari-magenta-bcg {
    background: url(../content/images/web-ponuda-za-lekari/magenta-bcg.png) !important;
    background-repeat: no-repeat;
    padding: 30px 0;
    text-align: center;
    background-size: cover;
}

    #web-ponuda-za-lekari section.web-ponuda-za-lekari-magenta-bcg .box {
        width: 50%;
        margin: 0 auto;
    }

        #web-ponuda-za-lekari section.web-ponuda-za-lekari-magenta-bcg .box h2 {
            color: white;
            font-size: 24px;
            font-family: 'teleNeo-bold' !important;
        }

        #web-ponuda-za-lekari section.web-ponuda-za-lekari-magenta-bcg .box p {
            color: white;
        }

        #web-ponuda-za-lekari section.web-ponuda-za-lekari-magenta-bcg .box a {
            background: white;
            color: #e20074;
        }

            #web-ponuda-za-lekari section.web-ponuda-za-lekari-magenta-bcg .box a:hover {
                color: white;
            }

#web-ponuda-za-lekari section.web-ponuda-za-lekari-three {
    background: url(../content/images/web-ponuda-za-lekari/bcg-three.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left 20% center;
    min-height: 500px;
    padding: 3% 0;
}

    #web-ponuda-za-lekari section.web-ponuda-za-lekari-three .web-ponuda-za-lekari-rightTxt {
        width: 50%;
        float: right;
        position: relative;
    }

        #web-ponuda-za-lekari section.web-ponuda-za-lekari-three .web-ponuda-za-lekari-rightTxt .ec {
            width: 150px;
            height: 150px;
            position: relative;
            margin: 0 auto;
        }

        #web-ponuda-za-lekari section.web-ponuda-za-lekari-three .web-ponuda-za-lekari-rightTxt h2 {
            color: #e20074;
            text-transform: uppercase;
            font-size: 24px;
        }

#web-ponuda-za-lekari section.web-ponuda-za-lekari-four {
    background: url(../content/images/web-ponuda-za-lekari/bcg-four.jpg);
    background-repeat: no-repeat;
    min-height: 500px;
    background-size: cover;
    background-position: right 20% center;
    padding: 3% 0;
}

    #web-ponuda-za-lekari section.web-ponuda-za-lekari-four .web-ponuda-za-lekari-leftTxt {
        position: relative;
        width: 50%;
        float: left;
    }

        #web-ponuda-za-lekari section.web-ponuda-za-lekari-four .web-ponuda-za-lekari-leftTxt h2 {
            font-size: 24px;
            color: #e20074;
        }

        #web-ponuda-za-lekari section.web-ponuda-za-lekari-four .web-ponuda-za-lekari-leftTxt .products {
            position: relative;
            margin: 30px 0;
            display: block;
            overflow: hidden;
            width: 100%;
            margin: 30px auto;
            height: 240px;
        }

            #web-ponuda-za-lekari section.web-ponuda-za-lekari-four .web-ponuda-za-lekari-leftTxt .products > div {
                position: relative;
                width: 40%;
                margin: 0 20px;
                display: inline;
                float: left;
            }

                #web-ponuda-za-lekari section.web-ponuda-za-lekari-four .web-ponuda-za-lekari-leftTxt .products > div img {
                    margin-bottom: 30px;
                    position: relative;
                }

.medical-workers-offer {
    padding: 3% 0;
}

    .medical-workers-offer h2 span {
        font-family: teleNeo-bold !important;
        font-size: 35px;
    }

    .medical-workers-offer #skroeniPoVashaMerka-form .btn-default.btn-magen {
        cursor: pointer;
    }

@media (max-width: 767px) {
    #web-ponuda-za-lekari .web-ponuda-za-lekari-banner h1 {
        font-size: 26px !important;
    }

    #web-ponuda-za-lekari section {
        background-image: none !important;
        border-bottom: 1px solid rgba(230, 230, 230, 0.8);
        min-height: 350px !important;
    }

    #web-ponuda-za-lekari .web-ponuda-za-lekari-intro {
        border-bottom: 1px solid rgba(230, 230, 230, 0.8);
    }

    #web-ponuda-za-lekari .web-ponuda-za-lekari-rightTxt,
    #web-ponuda-za-lekari .web-ponuda-za-lekari-leftTxt {
        width: 100% !important;
        float: none !important;
    }

    #web-ponuda-za-lekari section.web-ponuda-za-lekari-magenta-bcg {
        min-height: 310px;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

        #web-ponuda-za-lekari section.web-ponuda-za-lekari-magenta-bcg .box {
            width: 70%;
        }

    #web-ponuda-za-lekari section.web-ponuda-za-lekari-two .web-ponuda-za-lekari-leftTxt {
        height: 370px;
    }

        #web-ponuda-za-lekari section.web-ponuda-za-lekari-two .web-ponuda-za-lekari-leftTxt .links {
            text-align: center;
        }

            #web-ponuda-za-lekari section.web-ponuda-za-lekari-two .web-ponuda-za-lekari-leftTxt .links a {
                margin: 10px 0;
            }

    #web-ponuda-za-lekari section.web-ponuda-za-lekari-magenta-bcg .box a {
        float: none !important;
        margin-bottom: 10px;
    }

    #web-ponuda-za-lekari section.web-ponuda-za-lekari-four .web-ponuda-za-lekari-leftTxt .products > div {
        width: 35%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #web-ponuda-za-lekari section.web-ponuda-za-lekari-one {
        background-position: left 15% center;
    }

    #web-ponuda-za-lekari section.web-ponuda-za-lekari-three {
        background-position: left 30% center;
    }

    #web-ponuda-za-lekari section.web-ponuda-za-lekari-four .web-ponuda-za-lekari-leftTxt .products > div {
        width: 38%;
    }
}
/*#endregion ponuda za lekari*/

/*#region telekommk app new design*/
/*#telekommk-app-new {
    position: relative;
    height: auto;
}*/

#telekommk-app-new .telekommk-app-new-banner {
    position: relative;
    background-image: url(../content/images/telekommk-app-new/main-banner-bcg.png);
    /* background-color: #e20074; */
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    padding: 4% 0;
}

    #telekommk-app-new .telekommk-app-new-banner .container {
        position: relative;
        height: 100%;
    }

    #telekommk-app-new .telekommk-app-new-banner .wrapper {
        position: relative;
        width: 60%;
        float: left;
        display: inline;
    }

        #telekommk-app-new .telekommk-app-new-banner .wrapper .downloads-qr {
            margin-top: 60px;
        }

    #telekommk-app-new .telekommk-app-new-banner .mob-img-app {
        position: relative;
        width: 40%;
        float: left;
        display: inline;
    }

    #telekommk-app-new .telekommk-app-new-banner h1 {
        color: white;
        font-family: 'teleNeo-regular' !important;
        font-size: 50px;
    }

        #telekommk-app-new .telekommk-app-new-banner h1 span {
            font-family: 'teleNeo-extra' !important;
        }

    #telekommk-app-new .telekommk-app-new-banner p {
        color: white;
        font-size: 22px;
        line-height: 1.2;
    }


#telekommk-app-new section.obnovete-dogovor {
    position: relative;
    /*background-image: url(../content/images/telekommk-app-new/obnova-na-dogovor-bcg.jpg);*/
    /*background-image: url(../content/images/telekommk-app-new/promena-na-tarifa-vnatresen-baner.jpg);*/
    background-image: url(../content/images/telekommk-app-new/CP-promena-na-tarifa-vnatresen-baner.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 5% 0;
    height: 470px;
    z-index: 3;
}

    #telekommk-app-new section.obnovete-dogovor .obnovete-dogovor-txt h2 {
        position: relative;
        color: white;
        /* width: 50%; */
        font-size: 55px;
        text-transform: uppercase;
        font-family: 'teleNeo-extra' !important;
    }

    #telekommk-app-new section.obnovete-dogovor .obnovete-dogovor-txt {
        position: relative;
        width: 75%;
        color: white;
    }

        #telekommk-app-new section.obnovete-dogovor .obnovete-dogovor-txt h3 {
            position: relative;
            font-size: 29px;
            margin-bottom: 70px;
        }

        #telekommk-app-new section.obnovete-dogovor .obnovete-dogovor-txt p {
            font-size: 17px;
            z-index: 9999;
            color: white;
            position: relative;
        }

    #telekommk-app-new section.obnovete-dogovor .obnovete-dogovor-img {
        position: absolute;
        width: 33%;
        right: 60px;
        bottom: 0;
        top: 20px;
        z-index: 2;
    }

    /*#telekommk-app-new section.obnovete-dogovor .obnovete-dogovor-txt:before {
        content: "";
        background-image: url(../content/images/telekommk-app-new/shape.png);
        position: absolute;
        width: 1150px;
        height: 910px;
        left: -430px;
        top: -400px;
        display: block;
        background-position: center left;
        background-size: contain;
        background-repeat: no-repeat;
    }*/

    #telekommk-app-new section.obnovete-dogovor .obnovete-dogovor-txt * {
        z-index: 9;
    }

#telekommk-app-new section.novi-funkcionalnosti {
    height: auto;
    padding: 50px 0;
    background-image: url(../content/images/telekommk-app-new/telekom-app-mrezha-white.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 4;
}

#telekommk-app-new .odberete-podobra-tarifa-new {
    position: relative;
    background-image: url(../content/images/telekommk-app-new/promeni-tarifa-new-2021.jpg);
    height: 350px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /*background-image: url('../content/images/telekommk-app-new/smeni-tarifa-bcg-new.jpg');*/
}

    #telekommk-app-new .odberete-podobra-tarifa-new .left-text {
        position: relative;
        width: 70%;
        display: block;
        float: none;
        color: white;
        top: 30px;
        margin: 0 auto;
    }

#telekommk-app-new section.odberete-podobra-tarifa-new .left-text .ec {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 110px;
    height: auto;
    top: 20px;
    z-index: 2;
}

#telekommk-app-new section.odberete-podobra-tarifa-new .bottom-image {
    position: absolute;
    bottom: -50px;
    width: 430px;
    height: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 0;
}

#telekommk-app-new section.odberete-podobra-tarifa-new .right-image {
    position: relative;
    width: 40%;
    display: inline;
    float: left;
    top: 60px;
}

#telekommk-app-new section.odberete-podobra-tarifa-new .left-text h2 {
    font-family: TeleNeo !important;
    font-style: italic;
    font-weight: 800;
    margin: 0;
    line-height: 1.2;
    font-size: 52px;
}

#telekommk-app-new section.odberete-podobra-tarifa-new .left-text h3 {
    font-size: 24px;
    font-family: 'teleNeo' !important;
    line-height: 1.2;
    font-weight: 400;
    font-style: italic;
    margin-top: 0;
}

#telekommk-app-new .odberete-podobra-tarifa {
    position: relative;
    height: auto;
    padding: 8% 0;
    background-image: url(../content/images/telekommk-app-new/10gb-podobra-tarifa.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

    #telekommk-app-new .odberete-podobra-tarifa .content {
        position: relative;
        width: 50%;
        display: inline;
        float: left;
        padding-right: 20px;
    }

    #telekommk-app-new .odberete-podobra-tarifa .image {
        position: relative;
        width: 50%;
        display: inline;
        float: left;
    }

        #telekommk-app-new .odberete-podobra-tarifa .image .ec {
            position: absolute;
            top: -70px;
            right: 0;
            width: 90px;
            height: auto;
        }

section.novi-smartfon-app, section.smenete-tarifa-app {
    padding: 50px 0 0;
    background-repeat: no-repeat;
    background-size: cover;
}

#telekommk-app-new .odberete-podobra-tarifa .content h2 {
    color: white;
    font-family: 'teleNeo-bold' !important;
    font-size: 31px;
    margin-bottom: 30px;
    padding-right: 40px;
}

#telekommk-app-new .odberete-podobra-tarifa .content p {
    color: white;
    font-size: 18px;
    font-family: 'teleNeo-medium' !important;
}

section.novi-smartfon-app {
    background-image: url(../content/images/telekommk-app-new/phones_Telekom_APP-background.jpg);
}

section.smenete-tarifa-app {
    /*background-image: url(../content/images/telekommk-app-new/magenta-Website_Telekom_APP.jpg);*/
    background-image: url(../content/images/telekommk-app-new/banner-bg.jpg);
    position: relative;
    z-index: 2;
    height: 650px;
}

    section.smenete-tarifa-app .smenete-tarifa-app-txt {
        z-index: 3;
        position: relative;
        width: 60%;
        display: inline;
        float: left;
    }

        section.smenete-tarifa-app .smenete-tarifa-app-txt:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/telekommk-app-new/shape-smeniTraifa.png);
            width: 730px;
            height: 684px;
            background-repeat: no-repeat;
            background-size: cover;
            top: -92px;
            z-index: 0;
            left: -50px;
        }

    section.smenete-tarifa-app .smenete-tarifa-app-img {
        position: relative;
        width: 40%;
        display: inline;
        height: 100%;
        right: 0;
        top: 0;
    }

        section.smenete-tarifa-app .smenete-tarifa-app-img:before {
            content: '';
            background-image: url(../content/images/telekommk-app-new/10gb-smeniTraifa.png);
            width: 845px;
            height: 600px;
            position: absolute;
            bottom: 0px;
            background-size: cover;
            z-index: 3;
            left: 100%;
            top: 0;
        }

    section.smenete-tarifa-app .smenete-tarifa-app-txt .boxes {
        position: relative;
        width: 85%;
        z-index: 3;
        padding-top: 4%;
        padding-left: 18%;
    }

        section.smenete-tarifa-app .smenete-tarifa-app-txt .boxes h2 {
            font-size: 34px;
            font-family: 'teleNeo-bold' !important;
            color: white;
            margin-bottom: 45px;
            line-height: 1;
        }

        section.smenete-tarifa-app .smenete-tarifa-app-txt .boxes p {
            font-size: 20px;
        }

    section.novi-smartfon-app .novi-smartfon-app-txt h2,
    section.smenete-tarifa-app .smenete-tarifa-app-txt h2 {
        font-size: 48px;
        font-family: 'teleNeo-regular' !important;
        color: white;
        margin-bottom: 45px;
        line-height: 1;
    }

.novi-smartfon-app-txt p, .smenete-tarifa-app-txt p {
    color: white;
    font-size: 21px;
    line-height: 1.2;
}

#telekommk-app-new section.novi-funkcionalnosti h2 {
    font-size: 48px;
    font-family: 'teleNeo-regular' !important;
}

#telekommk-app-new section.novi-funkcionalnosti .img-box {
    position: relative;
    width: 370px;
    height: auto;
}

#telekommk-app-new section.novi-funkcionalnosti .boxes {
    text-align: center;
    padding: 80px 0 0 0;
}

    #telekommk-app-new section.novi-funkcionalnosti .boxes h3 {
        font-size: 19px;
        margin-bottom: 20px;
    }

    #telekommk-app-new section.novi-funkcionalnosti .boxes a {
        position: relative;
        /* display: block; */
        margin-bottom: 30px;
        z-index: 5;
    }

#telekommk-app-new section.telekommk-app-tabovi {
    position: relative;
    background: black;
    padding: 75px 0 50px;
    height: auto;
}

    #telekommk-app-new section.telekommk-app-tabovi h2 {
        position: relative;
        font-size: 42px;
        margin-bottom: 45px;
        color: white;
        font-family: teleNeo-regular !important;
    }

    #telekommk-app-new section.telekommk-app-tabovi ul {
        position: relative;
        width: 100%;
        margin: 0 auto;
        display: table;
    }

        #telekommk-app-new section.telekommk-app-tabovi ul li {
            position: relative;
            display: table-cell;
            width: 19%;
        }

            #telekommk-app-new section.telekommk-app-tabovi ul li a {
                position: relative;
                width: 100%;
                display: block;
                color: white;
                text-decoration: none;
            }

                #telekommk-app-new section.telekommk-app-tabovi ul li a img {
                    position: relative;
                    display: inline;
                    width: 80px;
                    height: auto;
                    float: left;
                    opacity: 0.5;
                    transition: all ease .7s;
                }

                #telekommk-app-new section.telekommk-app-tabovi ul li a:hover img,
                #telekommk-app-new section.telekommk-app-tabovi ul li.active a img {
                    transform: scale(1.1);
                    transition: all ease 0.7s;
                    opacity: 1;
                }

            #telekommk-app-new section.telekommk-app-tabovi ul li span {
                position: absolute;
                display: inline;
                vertical-align: middle;
                display: table-cell;
                width: 180px;
                padding-left: 95px;
                color: white;
                line-height: 1.2;
                min-height: 75px;
            }

                #telekommk-app-new section.telekommk-app-tabovi ul li span:after {
                    content: "]$";
                    position: absolute;
                    display: block;
                    width: 30px;
                    margin: 0 auto;
                    left: 50%;
                    right: 0;
                    bottom: 0;
                    font-family: 'teleicon-outline';
                    color: #e20074;
                    font-size: 23px;
                    transform: rotateZ(-180deg);
                    transition-property: transform;
                    transition-duration: .35s;
                }

            #telekommk-app-new section.telekommk-app-tabovi ul li.active span:after {
                content: "]$";
                font-family: 'teleicon-outline';
                transform: rotateZ(0deg);
                transition-property: transform;
                transition-duration: .35s;
                position: absolute;
                display: block;
                width: 30px;
                margin: 0 auto;
                left: 50%;
                right: 0;
                bottom: -3px;
                font-family: 'teleicon-outline';
                color: #e20074;
                font-size: 23px;
            }



    #telekommk-app-new section.telekommk-app-tabovi .video {
        position: relative;
        width: 100%;
        margin: 60px auto;
        text-align: center;
    }

        #telekommk-app-new section.telekommk-app-tabovi .video iframe {
            width: 100%;
        }

    #telekommk-app-new section.telekommk-app-tabovi .banner {
        position: relative;
        width: 100%;
        margin: 60px 0;
    }

#telekommk-app-new section.dopolnitelni-mesecni-pridobivki {
    position: relative;
    background-image: url(../content/images/telekommk-app-new/telekom_APP_magen_bck.jpg);
    /*height: 1430px;*/
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 0 30px;
}

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki h1 {
        text-align: center;
        color: white;
        font-family: 'teleNeo-regular' !important;
        font-size: 31px;
        line-height: 1.2;
        padding: 0 30%;
        margin-bottom: 25px;
    }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki h2 {
        text-align: center;
        color: white;
        font-family: 'teleNeo-regular' !important;
        font-size: 31px;
        line-height: 1.2;
        padding: 0 30%;
        margin-bottom: 25px;
    }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki h3 {
        color: white;
        text-align: center;
    }


    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki p {
        color: white;
        font-size: 18px;
        padding: 0 20%;
        text-align: center;
    }

        #telekommk-app-new section.dopolnitelni-mesecni-pridobivki p a {
            color: white;
            text-decoration: underline;
        }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul {
        position: relative;
        width: 80%;
        display: flex;
        margin: 0 auto;
        text-align: center;
        padding-bottom: 25px;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

        #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul li {
            text-align: center;
            width: 33.333%;
            height: 150px;
            border: 10px solid white;
            border-radius: 5px;
            display: inline-block;
            margin: 0 10px;
            position: relative;
        }

            #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul li a {
                position: relative;
                color: white;
                text-decoration: none;
                vertical-align: middle;
                height: 100%;
                width: 100%;
                font-size: 41px;
                top: 30px;
                display: block;
            }

                #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul li a.sign:after {
                    content: '';
                    background-image: url(../content/images/znakche.png);
                    width: 35px;
                    height: 17px;
                    position: absolute;
                    right: 5px;
                    top: 24px;
                    background-size: cover;
                }

            #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul li.active a.sign:after {
                content: '';
                background-image: url(../content/images/znakche-magenta.png);
            }

            #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul li.active {
                background: #ece6e6;
                border: 10px solid #ece6e6;
            }

                #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul li.active a {
                    color: #e20074;
                }

            #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul li a span {
                font-family: teleNeo-regular !important;
            }

            #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul li.active a span {
                font-family: teleNeo-extra !important;
            }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tab-content.content-mesecni-pridobivki {
        position: relative;
        width: 89%;
        margin: 0 auto;
    }


    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .pridobivki-box {
        position: relative;
        background: white;
        width: 65%;
        margin: 50px auto;
        color: #e20074;
        text-align: center;
        padding: 20px 0;
        border-radius: 5px;
    }

        #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .pridobivki-box p a {
            color: #00a0de;
            text-decoration: none;
            padding: 0;
        }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tab-content.content-mesecni-pridobivki .pridobivki-box label {
        display: block;
        position: relative;
        padding-left: 30px;
        margin-bottom: 15px;
        margin-top: 10px;
        cursor: pointer;
        font-size: 17px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        line-height: 1.2;
    }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tab-content.content-mesecni-pridobivki .pridobivki-box input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
        display: inline;
    }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tab-content.content-mesecni-pridobivki .pridobivki-box label span {
        position: absolute;
        top: 0px;
        left: 0;
        border-radius: 50%;
        background: url(../images/radio-false.png) no-repeat 0 0;
        background-size: cover;
        display: block;
        right: auto;
        line-height: 6px;
        height: 22px;
        width: 22px;
    }

        #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tab-content.content-mesecni-pridobivki .pridobivki-box label span.line-through {
            position: relative !important;
            width: auto !important;
            background: none !important;
            display: inline !important;
            text-decoration: line-through;
            color: #333;
        }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tab-content.content-mesecni-pridobivki .pridobivki-box label strong {
        font-family: 'teleNeo-extra' !important;
    }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tab-content.content-mesecni-pridobivki .pridobivki-box label input:checked ~ .checkmark {
        background: url(../images/radio-true.png) no-repeat 0 0;
        background-size: cover;
    }

        #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tab-content.content-mesecni-pridobivki .pridobivki-box label input:checked ~ .checkmark:after {
            display: block;
        }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .pridobivki-box p {
        color: #e20074 !important;
        font-size: 20px !important;
        margin-bottom: 20px;
        font-family: 'teleNeo-bold' !important;
    }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .pridobivki-box span {
        font-family: 'teleNeo-bold' !important;
    }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .pridobivki-box div {
        position: relative;
        text-align: left;
        width: 60%;
        margin: 0 auto;
    }

        #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .pridobivki-box div p.small {
            font-size: 13px !important;
            text-align: left !important;
            padding: 0 !important;
            font-family: 'teleNeo-regular' !important;
            padding-left: 17px !important;
        }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .pridobivki-box a {
        padding: 6px 20px;
    }

#telekommk-app-new section.apsolute-section {
    /*background-image: url(../content/images/telekommk-app-new/app-aktiviraj-paket.jpg);
    height: auto;
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0;
    position: absolute;   
    bottom: 210px;
    width: 100%;
    height: auto;
    background-color: white;*/
    position: relative;
    z-index: 99;
    box-shadow: 1px 2px 20px 3px rgba(6,6,6,0.2);
}

#telekommk-app-new .apsolute-section .carousel-inner > .item > a > img {
    width: 100%;
    padding: 0;
}

#telekommk-app-new section.apsolute-section h2 {
    position: relative;
    color: white;
    margin: 0 auto;
    text-align: center;
    color: white;
    font-family: 'teleNeo-regular' !important;
    font-size: 31px;
    line-height: 1.2;
    padding: 40px 30%;
}

    #telekommk-app-new section.apsolute-section h2 span {
        font-family: teleNeo-bold !important;
    }

#telekommk-app-new .tabs.mesecni-pridobivki {
    margin-top: 40px;
    position: relative;
}

    #telekommk-app-new .tabs.mesecni-pridobivki .promo-box {
        position: relative;
        background: white;
        padding: 20px;
        color: #e20074;
        width: 80%;
        margin: 50px auto;
    }

        #telekommk-app-new .tabs.mesecni-pridobivki .promo-box .ec {
            position: absolute;
            text-align: right;
            right: -40px;
            top: -50px;
            z-index: 2;
        }

        #telekommk-app-new .tabs.mesecni-pridobivki .promo-box h3 {
            color: #e20074 !important;
            text-transform: uppercase;
            font-family: 'teleNeo-bold' !important;
            margin-bottom: 30px;
        }

        #telekommk-app-new .tabs.mesecni-pridobivki .promo-box p {
            color: #e20074 !important;
            padding: 0 70px !important;
            font-family: 'teleNeo-medium' !important;
            font-size: 19px !important;
        }

#telekommk-app-new section.apsolute-section .carousel-indicators li {
    background-image: url(../content/images/telekommk-app-new/telekom-mk-app-bullets.png) !important;
}

#telekommk-app-new #carouselExampleIndicators .carousel-indicators {
    bottom: 100px;
    margin-bottom: 10px;
}


#telekommk-app-new #carouselImages .carousel-indicators {
    position: relative;
}

    #telekommk-app-new #carouselImages .carousel-indicators li {
        background-image: url(../content/images/telekommk-app-new/telekom-mk-app-bullets.png) !important;
    }

#telekommk-app-new section.apsolute-section {
    background: #e20074;
}

@media (max-width: 767px) {
    #telekommk-app-new .tabs.mesecni-pridobivki .ec {
        position: relative;
        text-align: right;
        right: 0;
        top: 20px;
    }

        #telekommk-app-new .tabs.mesecni-pridobivki .ec img {
            width: 90px;
        }

    #telekommk-app-new .odberete-podobra-tarifa-new .left-text {
        position: relative;
        width: 100%;
    }

    #telekommk-app-new section.odberete-podobra-tarifa-new .left-text h2 {
        font-size: 39px;
        line-height: 1.2;
    }

    #telekommk-app-new section.odberete-podobra-tarifa-new .left-text h3 {
        font-size: 20px;
        margin-right: 35%;
    }

    #telekommk-app-new section.odberete-podobra-tarifa-new .left-text .ec {
        position: absolute;
        width: 110px;
        top: 50px;
    }

    #telekommk-app-new section.odberete-podobra-tarifa-new .bottom-image {
        position: absolute;
        bottom: -60px;
        width: 100%;
    }

    #telekommk-app-new .odberete-podobra-tarifa .content {
        width: 100%;
        display: block;
        padding-right: 0px;
    }

    #telekommk-app-new .odberete-podobra-tarifa .image {
        width: 100%;
        display: block;
        padding-top: 50px;
    }

        #telekommk-app-new .odberete-podobra-tarifa .image .ec {
            position: absolute;
            top: -30px;
        }

    section.smenete-tarifa-app {
        height: auto;
        padding-bottom: 0 !important;
    }

        section.smenete-tarifa-app .smenete-tarifa-app-txt:before {
            display: none;
        }

        section.smenete-tarifa-app .smenete-tarifa-app-txt {
            z-index: 3;
            position: relative;
            width: 100%;
            display: inline;
            float: none;
        }

            section.smenete-tarifa-app .smenete-tarifa-app-txt .boxes {
                position: relative;
                width: 100%;
                z-index: 3;
                padding-top: 0;
                padding-left: 0;
            }

        section.smenete-tarifa-app .smenete-tarifa-app-img {
            position: relative;
            display: block;
            bottom: 0;
            width: 100%;
            height: 300px;
            left: 0;
        }

            section.smenete-tarifa-app .smenete-tarifa-app-img:before {
                content: '';
                background-image: url(../content/images/telekommk-app-new/10gb-smeniTraifa.png);
                width: 100%;
                height: 100%;
                left: 0;
            }

    #telekommk-app-new section.obnovete-dogovor .obnovete-dogovor-txt {
        position: relative;
        width: 100%;
    }

    #telekommk-app-new section.obnovete-dogovor .obnovete-dogovor-img {
        position: relative;
        width: 100%;
        right: 0;
    }

    #telekommk-app-new section.obnovete-dogovor {
        height: auto;
    }

        #telekommk-app-new section.obnovete-dogovor .obnovete-dogovor-txt h2 {
            font-size: 24px;
        }

        #telekommk-app-new section.obnovete-dogovor .obnovete-dogovor-txt p {
            font-size: 17px;
        }

        #telekommk-app-new section.obnovete-dogovor .obnovete-dogovor-txt:before {
            display: none;
        }

    #telekommk-app-new .telekommk-app-new-banner h1 {
        font-size: 25px;
    }

    #telekommk-app-new .downloads-qr {
        display: none;
    }

    #telekommk-app-new .telekommk-app-new-banner p {
        font-size: 19px;
    }

    .telekom-mk-app-mobIcons a {
        margin-bottom: 10px;
    }

    #telekommk-app-new section.novi-funkcionalnosti h2 {
        font-size: 29px;
    }

    #telekommk-app-new section.novi-funkcionalnosti .boxes {
        padding: 20px 0 0 0;
    }

    #telekommk-app-new section.telekommk-app-tabovi ul li a img {
        width: 60px;
    }

    #telekommk-app-new section.telekommk-app-tabovi ul li a span {
        display: none;
    }

    #telekommk-app-new section.telekommk-app-tabovi .video iframe {
        width: 100%;
        height: auto;
    }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki h2 {
        font-size: 24px;
        padding: 0 0%;
    }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki p {
        font-size: 17px;
        padding: 0 0;
    }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul {
        width: 90%;
    }

        #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul li {
            /*   width: 70px;
            height: 70px;*/
            margin: 0 5px;
            border: 5px solid white;
        }


            #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul li.active {
                background: #ece6e6;
                border: 5px solid #ece6e6;
            }

            #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul li a {
                font-size: 21px;
                height: 100%;
                width: 100%;
                top: 10px;
            }

                #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul li a.sign:after {
                    content: '';
                    width: 31px;
                    height: 14px;
                    position: absolute;
                    right: 0;
                    top: 28px;
                    background-size: cover;
                    left: 0;
                    margin: 0 auto;
                }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tab-content.content-mesecni-pridobivki {
        width: 100%;
    }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .pridobivki-box {
        width: 95%;
    }

        #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .pridobivki-box div {
            width: 80%;
        }

    #telekommk-app-new section.apsolute-section h2 {
        width: 100%;
        font-size: 24px;
        padding: 0;
    }
    /*#telekommk-app-new section.dopolnitelni-mesecni-pridobivki{
        height: 1110px;
    }*/
    #telekommk-app-new section.novi-funkcionalnosti .boxes .box-tarifen-model, #telekommk-app-new section.novi-funkcionalnosti .boxes .box-naracaj-smartphone {
        width: 50%;
        display: inline;
        float: left;
    }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki {
        padding: 10% 0 30px;
    }

    #telekommk-app-new .tabs.mesecni-pridobivki {
        margin-top: 30px;
    }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .pridobivki-box {
        margin: 30px auto;
    }

    #telekommk-app-new section.novi-funkcionalnosti .boxes h3 {
        min-height: 40px;
    }

    #telekommk-app-new .telekommk-app-new-banner .wrapper {
        width: 100%;
    }

    #telekommk-app-new .telekommk-app-new-banner .mob-img-app {
        display: none;
    }

    #telekommk-app-new .telekommk-app-new-banner {
        padding: 10% 0;
    }

    #telekommk-app-new section.telekommk-app-tabovi h2 {
        font-size: 29px;
    }

    #telekommk-app-new section.telekommk-app-tabovi {
        padding: 40px 0 15px;
    }

    #telekommk-app-new section.novi-funkcionalnosti {
        padding: 10% 0;
    }

    #telekommk-app-new #carouselExampleIndicators .carousel-indicators {
        bottom: -50px;
    }

    #telekommk-app-new section.apsolute-section {
        background-color: #e20074;
        padding-bottom: 40px;
    }
}

#telekommk-app-new.ekstra-pridobivki-app section.dopolnitelni-mesecni-pridobivki:before {
    display: none;
}



@media (min-width: 768px) and (max-width: 991px) {
    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul li a.sign:after {
        content: '';
        background-image: url(../content/images/znakche.png);
        width: 40px;
        height: 20px;
        position: absolute;
        right: 0;
        top: 65px;
        background-size: cover;
        left: 0;
        margin: 0 auto;
    }

    #telekommk-app-new .tabs.mesecni-pridobivki .ec {
        right: 0px;
    }

    #telekommk-app-new section.odberete-podobra-tarifa-new .left-text .ec {
        position: absolute;
        right: -50px;
        width: 110px;
        top: 70px;
    }

    #telekommk-app-new #carouselExampleIndicators .carousel-indicators {
        bottom: 130px !important;
    }

    #telekommk-app-new section.obnovete-dogovor .obnovete-dogovor-txt {
        width: 57%;
    }

    #telekommk-app-new section.obnovete-dogovor .obnovete-dogovor-img {
        width: 43%;
    }

    #telekommk-app-new section.obnovete-dogovor .obnovete-dogovor-txt:before {
        content: "";
        height: 955px;
    }

    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul {
        width: 90%;
    }



    #telekommk-app-new section.telekommk-app-tabovi ul li span {
        width: 140px;
        padding-left: 80px;
    }

    #telekommk-app-new section.telekommk-app-tabovi ul li a img {
        width: 70px;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki .tabs.mesecni-pridobivki ul li a.sign:after {
        content: '';
        background-image: url(../content/images/znakche.png);
        width: 40px;
        height: 20px;
        position: absolute;
        right: 0;
        top: 65px;
        background-size: cover;
        left: 0;
        margin: 0 auto;
    }
}

#telekommk-app-new section.dopolnitelni-mesecni-pridobivki:before {
    content: '';
    display: block;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #000;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    top: -2px;
    width: 20px;
}

@media(max-width:991px) {

    section.smenete-tarifa-app, section.novi-smartfon-app {
        padding-bottom: 50px;
    }

    .novi-smartfon-app-txt p, .smenete-tarifa-app-txt p {
        font-size: 19px;
    }

    section.novi-smartfon-app .novi-smartfon-app-txt h2, section.smenete-tarifa-app .smenete-tarifa-app-txt h2 {
        font-size: 29px;
    }
}

@media(max-width:767px) {

    section.novi-smartfon-app {
        padding-bottom: 0px;
    }

    #telekommk-app-new section.novi-funkcionalnosti .img-box {
        width: 100%;
    }
}



/*@media (min-width:1200px) and (max-width: 1500px){
    #telekommk-app-new section.dopolnitelni-mesecni-pridobivki {
        height: 1220px;
    }
}*/

/*#endregion telekommk app new design*/


#binkies-no-webgl {
    display: none;
}

/*#region vikendici*/
#internet-vikendici .banner-vikendici {
    /*background-image: url('../content/images/vikendici/flexi-intro-banner.jpg');*/
    /*background-image: url('../content/images/vikendici/baner-vikendici-new.jpg');*/
    background-image: url('../content/images/vikendici/vikendici-vnatreshen-banner-new.jpg');
    background-position: center;
    /*height: 450px;*/
    background-repeat: no-repeat;
    background-size: cover;
    height: 375px;
    position: relative;
}

    #internet-vikendici .banner-vikendici .shape-top {
        position: absolute;
        width: 40%;
        top: -30px;
        right: 0;
    }

#internet-vikendici p {
    position: relative;
    font-size: 19px;
}

#internet-vikendici .banner-vikendici .container {
    position: relative;
    height: 100%;
}

#internet-vikendici .banner-content {
    position: absolute;
    width: 460px;
    height: 180px;
    padding: 8% 6%;
    color: white;
    bottom: 0;
    background-image: url(../content/images/vikendici/shape-vikendici.png);
    background-size: cover;
    background-repeat: no-repeat;
}

#internet-vikendici .banner-vikendici .ec {
    position: absolute;
    left: 220px;
    width: 120px;
    height: auto;
    bottom: 120px;
}

#internet-vikendici .container {
    position: relative;
}

#internet-vikendici .banner-content h1 {
    color: white;
    font-family: 'teleNeo-bold' !important;
    font-size: 37px;
    text-transform: none;
    margin: 0;
    padding: 0;
    line-height: 30px;
}

#internet-vikendici .banner-content p {
    font-size: 23px;
}

#internet-vikendici section.internet-max-tv-section {
    position: relative;
    margin-top: 10px;
}

    #internet-vikendici section.internet-max-tv-section:before {
        content: "";
        position: absolute;
        width: 50%;
        height: 100%;
        /*background-image: url('../content/images/vikendici/flexi-left-image.jpg');*/
        background-image: url('../content/images/vikendici/first-section-left-image.jpg');
        /*background-position: center top;*/
        background-repeat: no-repeat;
        background-size: cover;
    }

    #internet-vikendici section.internet-max-tv-section .right-content {
        position: relative;
        padding-left: 53%;
    }

        #internet-vikendici section.internet-max-tv-section .right-content h2 {
            color: #e20074;
            font-family: 'teleNeo-regular' !important;
            font-size: 26px;
        }

#internet-vikendici .table-responsive.vikendici {
    position: relative;
    width: 100%;
    outline: 1px solid #6a98ca;
    overflow: hidden;
}

    #internet-vikendici .table-responsive.vikendici table {
        border-spacing: 2px;
        border-collapse: separate;
        width: 100%;
    }

    #internet-vikendici .table-responsive.vikendici thead tr th {
        background: #e20074;
        color: white;
        text-align: center;
        text-transform: uppercase;
        font-size: 15px !important;
        padding: 7px 0;
    }

    #internet-vikendici .table-responsive.vikendici tbody tr td:first-of-type {
        background: #d5d7d9;
        color: #333;
        padding: 2px 10px;
        width: 175px;
        text-align: left;
        font-size: 12px;
        text-transform: uppercase;
    }

    #internet-vikendici .table-responsive.vikendici tbody tr {
        height: 50px;
    }

    #internet-vikendici .table-responsive.vikendici tr td.oprema {
        position: relative;
        background: #d5d7d9;
        text-transform: uppercase;
        padding: 2px 10px;
        font-size: 12px;
        width: 175px;
    }

    #internet-vikendici .table-responsive.vikendici tbody tr td {
        text-align: center;
        background: #eaeef4;
    }

    #internet-vikendici .table-responsive.vikendici tr td.special {
        background: white;
        border: 1px solid #e20074;
    }

        #internet-vikendici .table-responsive.vikendici tr td.special div {
            position: relative;
            display: table-cell;
            position: relative;
            vertical-align: middle;
        }

            #internet-vikendici .table-responsive.vikendici tr td.special div p {
                width: 59%;
                display: inline;
                position: relative;
                float: left;
                font-size: 12px;
                line-height: 12px;
                text-align: left;
                padding: 3px 0 0 10px;
                /* vertical-align: middle; */
            }

                #internet-vikendici .table-responsive.vikendici tr td.special div p img {
                    position: relative;
                    display: inline;
                    float: left;
                    width: 35%;
                }

            #internet-vikendici .table-responsive.vikendici tr td.special div.left {
                width: 44%;
            }

            #internet-vikendici .table-responsive.vikendici tr td.special div.right {
                width: 60%;
            }

                #internet-vikendici .table-responsive.vikendici tr td.special div.right p {
                    width: 75%;
                }

                #internet-vikendici .table-responsive.vikendici tr td.special div.right img {
                    display: inline;
                    margin-top: 7px;
                }

#internet-vikendici ul.tabs-list {
    position: relative;
    width: 100%;
    display: block;
}

#internet-vikendici .tabs-list li {
    position: relative;
    width: 50%;
    display: inline-block;
    float: left;
    background: #e5e5e5;
    margin-right: 0px;
    text-align: center;
    color: #333;
    border-right: 2px solid white;
    border-left: 2px solid white;
    transition: all ease-in .3s;
}

    #internet-vikendici .tabs-list li a:hover {
        cursor: pointer;
        text-decoration: none;
    }

    #internet-vikendici .tabs-list li a {
        width: 100%;
        display: block;
        color: #333;
        text-transform: uppercase;
        font-size: 14px;
        padding: 10px 0 25px 0;
    }

        #internet-vikendici .tabs-list li a:after {
            position: absolute;
            content: ']$';
            font-family: 'teleicon-outline';
            position: absolute;
            color: #333;
            font-size: 22px;
            margin: auto;
            transform: rotateZ(0deg);
            transition-property: transform;
            transition-duration: .25s;
            display: block;
            left: 0;
            right: 0;
            bottom: -3px;
        }

    #internet-vikendici .tabs-list li.active a:after {
        content: ']$';
        font-family: 'teleicon-outline';
        position: absolute;
        color: white;
        font-size: 22px;
        margin: auto;
        transform: rotateZ(-180deg);
        transition-property: transform;
        transition-duration: .25s;
    }

#internet-vikendici ul.tabs-list li:last-child {
    margin-right: 0 !important;
    border-right: 0;
    border-left: 0;
}

#internet-vikendici .tabs-list li.active {
    background-color: #e20074 !important;
    color: white !important;
    transition: all ease-in .3s;
}

    #internet-vikendici .tabs-list li.active a {
        color: white !important;
        text-decoration: none;
    }

/* Tab content section */
#internet-vikendici .tab {
    display: none;
    width: 100%;
    min-height: 250px;
    height: auto;
    clear: both;
}

    #internet-vikendici .tab.active {
        display: block !important;
    }

#internet-vikendici div#tab-internet-tv table thead tr th,
#internet-vikendici div#tab-internet table thead tr th {
    background: #d5d7d9;
    color: black !important;
}

#internet-vikendici .table-responsive.vikendici #tab-internet-tv tbody tr td:first-of-type {
    background: #e20074;
    color: white;
}

#internet-vikendici div#tab-internet-tv table tbody tr {
    height: 50px;
}

#internet-vikendici table tbody tr:nth-child(4) td:last-of-type p,
#internet-vikendici table tbody tr:nth-child(5) td:last-of-type p {
    font-size: 15px;
    line-height: 1.2;
    padding: 6px;
}



#internet-vikendici section.internet-section:before {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    background-image: url(../content/images/vikendici/flexi-right-image.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

#internet-vikendici section.internet-section .left-content {
    position: relative;
    padding-right: 53%;
}

#internet-vikendici section.internet-section {
    position: relative;
    margin-top: 25px;
}

    #internet-vikendici section.internet-section:before {
        content: "";
        position: absolute;
        width: 50%;
        height: 100%;
        /*background-image: url(../content/images/vikendici/flexi-right-image.jpg);*/
        background-image: url(../content/images/vikendici/second-section-right-image.jpg);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        left: 50%;
    }

    #internet-vikendici section.internet-section h2 {
        color: #e20074;
        font-family: 'teleNeo-regular' !important;
        font-size: 26px;
    }

    #internet-vikendici section.internet-section table:last-of-type thead tr:last-of-type th {
        background: #d5d7d9 !important;
        color: #333 !important;
    }

    #internet-vikendici section.internet-section table:last-of-type tbody tr td:first-of-type {
        background: #e20074;
        color: white;
        width: 130px;
    }

#internet-vikendici .table-responsive.vikendici tbody tr td.magenta-bcg {
    background: #e20074;
    color: white;
    width: 130px;
}

#internet-vikendici section.internet-max-tv-section .ec {
    position: absolute;
    left: 34%;
    width: 140px;
    top: 20px;
}

#internet-vikendici section.internet-section .ec {
    position: absolute;
    right: 35%;
    top: 20px;
    width: 130px;
}

#internet-vikendici tbody tr td.link-area {
    background: white !important;
    color: #333 !important;
    text-align: center !important;
    text-transform: none !important;
    font-size: 16px !important;
    padding: 10px 0 0 !important;
}



    #internet-vikendici tbody tr td.link-area a.doc-btn {
        position: relative;
        display: block;
        background: #d5d7d9;
        color: black;
        padding: 5px 0;
        margin-top: 12px;
        font-size: 17px;
        text-decoration: none;
    }

    #internet-vikendici tbody tr td.link-area a:hover {
        text-decoration: none;
    }

#internet-vikendici section.dopolnitelni-tv-paketi {
    position: relative;
    padding: 4% 0 2%;
    text-align: center;
}

    #internet-vikendici section.dopolnitelni-tv-paketi h2 {
        color: #e20074;
        font-size: 34px;
        font-family: 'teleNeo-medium' !important;
        margin-bottom: 20px;
    }

    #internet-vikendici section.dopolnitelni-tv-paketi .dopolnitelni-tv-paketi-banner {
        position: relative;
        padding: 15% 0;
        /*background-image: url(../content/images/vikendici/flexi-bottom-banner.jpg);*/
        background-image: url(../content/images/vikendici/bottom-banner-new.jpg);
        background-size: cover;
        background-position: center;
        margin: 30px 0;
    }

#internet-vikendici .table-responsive.paketi-table {
    position: relative;
    width: 100%;
    border-spacing: 0px;
    border-collapse: separate;
}

.table-responsive.paketi-table thead tr th {
    text-align: left;
    padding: 20px;
}

#internet-vikendici .table-responsive.paketi-table thead tr th:nth-child(1) {
    background: white;
}

#internet-vikendici .table-responsive.paketi-table tbody tr:first-of-type td {
    border-top: 1px solid #6d6e70 !important;
}

#internet-vikendici .table-responsive.paketi-table tbody tr td {
    border-bottom: 1px solid #dcdcdc !important;
    background: transparent !important;
    text-align: left;
    padding: 7px 20px;
}

    #internet-vikendici .table-responsive.paketi-table tbody tr td p {
        font-size: 16px !important;
        line-height: 1.2 !important;
    }

    #internet-vikendici .table-responsive.paketi-table tbody tr td:first-of-type {
        font-weight: 600;
        font-size: 16px;
    }

#internet-vikendici #tab-internet-tv table:last-of-type,
#internet-vikendici #tab-internet table:last-of-type {
    min-height: 510px;
}

#internet-vikendici span.bts-paket-no-ddv:not(.active-price),
#internet-vikendici span.bts-paket-ddv:not(.active-price) {
    display: none;
}

#internet-vikendici .table-responsive.vikendici #tab-internet-tv table:first-of-type {
    margin-bottom: 0;
}

@media (min-width: 1400px) {
    #internet-vikendici .banner-vikendici {
        height: 500px;
    }
}

@media(max-width: 767px) {
    .table-responsive.paketi-table thead tr th {
        border-right: 0px !important;
        width: 90px;
        border-bottom: 0 !important;
        border-left: 0 !important;
        font-size: 16px !important;
    }

    #internet-vikendici .table-responsive.paketi-table {
        overflow-x: scroll;
    }

    #internet-vikendici .banner-vikendici {
        padding: 33% 0 0;
        height: auto;
        background-position: 30% 7%;
    }

    #internet-vikendici .banner-content {
        width: 70% !important;
        position: relative;
        background-image: none;
        background-color: #e20074;
        padding: 3% !important;
        height: 90px !important;
    }

    #internet-vikendici .banner-vikendici .ec {
        display: none !important;
    }

    #internet-vikendici .banner-vikendici .shape-top {
        display: none;
    }
}

@media(max-width: 991px) {

    #internet-vikendici .banner-content {
        width: 390px;
        height: 130px;
        padding: 11%;
    }

    #internet-vikendici .banner-vikendici .ec {
        position: absolute;
        left: 170px;
        height: auto;
        bottom: 110px;
        width: 130px;
    }

    #internet-vikendici .banner-content h1 {
        font-size: 25px;
        line-height: 26px;
    }

    #internet-vikendici .banner-content p {
        font-size: 18px;
    }

    #internet-vikendici section.internet-max-tv-section:before {
        width: 100%;
        height: 100%;
        background-size: contain;
        display: block;
    }

    #internet-vikendici section.internet-max-tv-section .right-content {
        display: block;
        padding-top: 100%;
        padding-left: 0;
    }

    #internet-vikendici section.internet-max-tv-section .ec {
        left: 68%;
        width: 120px;
        top: 0;
    }

    #internet-vikendici section.internet-section:before {
        width: 100%;
        height: 100%;
        background-size: contain;
        left: 0;
        padding-top: 100%;
    }

    #internet-vikendici section.internet-section .left-content {
        position: relative;
        padding-right: 0;
        display: block;
        padding-top: 100%;
    }

    #internet-vikendici section.internet-section .ec {
        position: absolute;
        right: 0%;
        top: 20px;
        width: 120px;
    }

    #internet-vikendici p {
        font-size: 18px;
    }
}
/*#endregion vikendici*/

/*#region speak out*/
#speak-out .video-banner {
    position: relative;
    width: 100%;
    height: 600px;
    background: gray;
}

    #speak-out .video-banner iframe {
        width: 100%;
        height: 100%;
    }

#speak-out section.social-media {
    position: relative;
    width: 100%;
    background: #ebebeb;
    padding: 3% 0 0;
    height: 655px;
}

    #speak-out section.social-media .container {
        position: relative;
    }

    #speak-out section.social-media .header {
        position: relative;
        text-align: center;
    }

        #speak-out section.social-media .header h2 {
            position: relative;
            color: #313131;
            text-transform: uppercase;
            font-size: 34px;
            font-family: 'teleNeo-extra' !important;
            margin-bottom: 30px;
        }

        #speak-out section.social-media .header h1 {
            position: relative;
            font-size: 69px;
            background: #e20074;
            color: black;
            font-family: 'teleNeo-bold' !important;
            letter-spacing: 0px;
            width: 375px;
            display: block;
            margin: 0 auto;
            padding: 0 !important;
            transform: scale(0.7, 1);
            font-style: italic;
            vertical-align: middle;
            text-align: center;
        }

    #speak-out section.social-media .flex-box {
        position: relative;
        display: flex;
        text-align: center;
        flex-flow: row wrap;
        justify-content: space-between;
        padding-top: 175px;
    }



#speak-out .fb-box.box,
#speak-out .messenger-box,
#speak-out .whats-up-box,
#speak-out .insta-box,
#speak-out .snapchat-box,
#speak-out .tinder-box {
    position: relative;
    flex-basis: 100px;
    align-self: flex-start;
    order: 2;
    flex-grow: 0;
}

    #speak-out .snapchat-box.box {
        top: -180px;
        left: 19%;
    }

    #speak-out .tinder-box.box {
        right: 8%;
        top: -190px;
    }

#speak-out .flex-box img {
    width: 95px;
    height: auto;
}

#speak-out .fb-box.box {
    left: 0;
    top: -30px;
}

#speak-out .messenger-box.box {
    right: 10%;
    top: -30px;
}

#speak-out .whats-up-box.box {
    top: -140px;
    right: 0px;
}

#speak-out .insta-box.box {
    top: -140px;
    right: 0px;
}

#speak-out section.social-media .content-box {
    position: relative;
    width: 550px;
    height: auto;
    align-self: stretch;
    order: 2;
    flex-grow: 1;
    top: -80px;
}

    #speak-out section.social-media .content-box.box h3 {
        position: relative;
        font-size: 33px;
        font-family: teleNeo-medium !important;
        margin-bottom: 15px;
        line-height: 1.2;
        margin-top: 5px;
    }

    #speak-out section.social-media .content-box.box p {
        position: relative;
        font-size: 17px;
        color: black;
        line-height: 1.2;
    }

#speak-out .speak-out-use {
    position: relative;
    padding: 0 0 3% 0;
    background-image: url(../content/images/speak-out/section-one-bcg-yellow.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    background-position: center;
    box-shadow: 75px 1px 70px 11px rgba(0,0,0,0.2);
    z-index: 4;
}

    #speak-out .speak-out-use h3 {
        position: relative;
        color: white;
        font-size: 33px;
        font-family: teleNeo-medium !important;
    }

        #speak-out .speak-out-use h3 strong {
            font-family: teleNeo-bold !important;
        }

    #speak-out .speak-out-use .flexible-div {
        position: relative;
        width: 100%;
        padding-right: 30%;
        padding-left: 10%;
    }

    #speak-out .speak-out-use p {
        color: white;
        font-size: 17px;
        line-height: 1.2;
    }

        #speak-out .speak-out-use p.text-black {
            color: black;
            font-family: 'teleNeo-medium' !important;
        }

#speak-out .loop-lenta {
    height: 90px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
}

    #speak-out .loop-lenta > div {
        height: 100%;
        width: 3066px;
        background: url('../content/images/speak-out/loop-lenta-img.png');
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        transform: translate3d(0, 0, 0);
    }

    #speak-out .loop-lenta .mover-1 {
        animation: moveSlideshow 12s linear infinite;
    }

    #speak-out .loop-lenta .mover-2 {
        opacity: 0;
        transition: opacity 0.5s ease-out;
        background-position: 0 -200px;
        animation: moveSlideshow 15s linear infinite;
    }

@keyframes moveSlideshow {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

#speak-out section.aktivacija-speack-out {
    position: relative;
    padding: 2% 0;
    background-image: url('../content/images/speak-out/aktivacija-section-bcg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    z-index: 3;
}

    #speak-out section.aktivacija-speack-out h3 {
        position: relative;
        color: white;
        font-size: 33px;
        font-family: teleNeo-medium !important;
        margin: 0;
    }

#speak-out section.speak-out-use .center-content {
    position: relative;
    text-align: center;
    padding: 0 20%;
}

    #speak-out section.speak-out-use .center-content p {
        color: white;
        font-size: 17px;
        line-height: 1.2;
    }

    #speak-out section.speak-out-use .center-content .icons {
        display: flex;
        flex-basis: 100%;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        width: 83%;
        margin: 25px auto;
    }

        #speak-out section.speak-out-use .center-content .icons img {
            width: 115px;
            height: auto;
        }

#speak-out section.speak-out-use .aktivacija-speack-out {
    position: relative;
    padding-top: 2%;
}

#speak-out section.speak-out-use .fix-image {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 31%;
}

#speak-out section.how-it-works {
    position: relative;
    background-image: url(../content/images/speak-out/last-section-bcg.jpg);
    height: auto;
    padding: 2% 0;
    height: 600px;
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 2;
    box-shadow: 75px 1px 70px 11px rgba(0,0,0,0.2);
}

    #speak-out section.how-it-works .container {
        position: relative;
    }

    #speak-out section.how-it-works .left-content {
        position: relative;
        width: 50%;
        background-position: center;
        background-size: cover;
        height: 475px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        padding-left: 10%;
    }

        #speak-out section.how-it-works .left-content h3 {
            font-size: 27px;
            font-family: teleNeo-regular !important;
        }

        #speak-out section.how-it-works .left-content p {
            font-size: 17px;
            line-height: 1.2;
        }

        #speak-out section.how-it-works .left-content * {
            z-index: 3;
            color: white;
        }

#speak-out section.speak-out-use a {
    color: white;
    text-decoration: underline;
    font-size: 18px;
    cursor: pointer;
}

#speak-out section.how-it-works .left-content:before {
    position: absolute;
    width: 750px;
    background-image: url(../content/images/speak-out/shape.png);
    background-position: center;
    background-size: cover;
    height: 600px;
    content: '';
    top: -110px;
    left: -20px;
}

#speak-out section.how-it-works .left-content a {
    font-size: 17px;
    text-decoration: underline;
    cursor: pointer;
}

@media (max-width:767px) {
    #speak-out .video-banner {
        height: auto;
    }

    #speak-out section.social-media {
        height: auto;
        padding-bottom: 2%;
    }

        #speak-out section.social-media .header h2 {
            font-size: 25px;
        }

        #speak-out section.social-media .header h1 {
            font-size: 47px;
            width: 250px;
        }

        #speak-out section.social-media .content-box {
            order: 0;
            top: 0;
            padding-bottom: 30px;
        }

        #speak-out section.social-media .flex-box {
            padding-top: 45px;
        }

    #speak-out .fb-box.box,
    #speak-out .messenger-box,
    #speak-out .whats-up-box,
    #speak-out .insta-box,
    #speak-out .snapchat-box,
    #speak-out .tinder-box {
        flex-basis: 50px;
    }

        #speak-out .snapchat-box.box {
            left: 0;
            top: 0;
        }

        #speak-out .tinder-box.box {
            right: 0;
            top: 0;
        }

        #speak-out .messenger-box.box {
            right: 0;
            top: 0;
        }

    #speak-out .fb-box.box {
        left: 0;
        top: 0;
    }

    #speak-out .whats-up-box {
        left: 0 !important;
        top: 0 !important;
    }

    #speak-out .insta-box {
        right: 0 !important;
        top: 0 !important;
    }

    #speak-out h3 {
        font-size: 22px;
    }

    #speak-out p {
        font-size: 17px !important;
        line-height: 1.2;
    }

    #speak-out .speak-out-use .flexible-div {
        padding-right: 0;
        padding-left: 0;
    }

    #speak-out section.speak-out-use .center-content {
        padding: 0 3%;
    }

        #speak-out section.speak-out-use .center-content .icons {
            width: 100%;
        }

            #speak-out section.speak-out-use .center-content .icons img {
                width: 90px;
            }

    #speak-out section.speak-out-use .fix-image {
        display: none;
    }

    #speak-out section.how-it-works .left-content {
        width: 100%;
        height: auto;
    }

        #speak-out section.how-it-works .left-content:before {
            width: 100%;
            height: 690px;
            left: 0;
            right: 0;
        }

    #speak-out section.how-it-works .loop-lenta {
        position: absolute;
        width: 100%;
        bottom: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #speak-out section.social-media {
        height: 605px;
    }

        #speak-out section.social-media .flex-box {
            padding-top: 85px;
        }

        #speak-out section.social-media .content-box {
            order: 2;
            top: -30px;
        }

    #speak-out .fb-box.box,
    #speak-out .messenger-box,
    #speak-out .whats-up-box,
    #speak-out .insta-box,
    #speak-out .snapchat-box,
    #speak-out .tinder-box {
        flex-basis: 50px;
    }

        #speak-out .snapchat-box.box {
            top: -120px;
            left: 17%;
        }

        #speak-out .tinder-box.box {
            right: 10%;
            top: -120px;
        }

        #speak-out .messenger-box.box {
            right: 30px;
            top: 0;
        }

    #speak-out .fb-box.box {
        left: 0;
        top: 0;
    }

    #speak-out .whats-up-box {
        left: 30px !important;
        top: 0 !important;
    }

    #speak-out .insta-box {
        right: 30px !important;
        top: 0 !important;
    }
}
/*#endregion speak out*/

/*#region soglasnost e-smetka*/
#soglasnost-e-smetka {
    position: relative;
}

    #soglasnost-e-smetka .e-smetka-banner {
        background-image: url(../content/images/E-smetka-banner.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding: 8% 0 5% 0;
        height: 375px;
    }

        #soglasnost-e-smetka .e-smetka-banner.sq {
            background-image: url(../content/images/E-smetka-banner-sq.jpg);
        }

        #soglasnost-e-smetka .e-smetka-banner h1 {
            color: white;
            font-family: 'teleNeo-extra' !important;
            font-size: 47px;
            width: 70%;
        }

    #soglasnost-e-smetka .e-smetka-content {
        position: relative;
        height: 100%;
        padding-bottom: 30px;
    }

        #soglasnost-e-smetka .e-smetka-content .header {
            position: relative;
            text-align: center;
        }

            #soglasnost-e-smetka .e-smetka-content .header h2 {
                position: relative;
                color: #e20074;
                text-transform: uppercase;
                margin: 20px 0;
                font-family: 'teleNeo-bold' !important;
            }

            #soglasnost-e-smetka .e-smetka-content .header h3 {
                text-transform: uppercase;
                margin: 0 auto 30px auto;
                width: 70%;
                font-size: 23px;
                font-family: 'teleNeo-bold' !important;
            }

        #soglasnost-e-smetka .e-smetka-content .text p {
            font-size: 18px;
        }

            #soglasnost-e-smetka .e-smetka-content .text p a {
                color: #e20074;
                text-decoration: none;
            }

@media (max-width: 767px) {
    #soglasnost-e-smetka .e-smetka-banner {
        padding: 20% 0 0% 0;
    }

        #soglasnost-e-smetka .e-smetka-banner h1 {
            font-size: 37px;
        }

    #soglasnost-e-smetka .e-smetka-content .header h2 {
        font-size: 24px;
    }

    #soglasnost-e-smetka .e-smetka-content .header h3 {
        width: 100%;
        font-size: 20px;
    }
}
/*#endregion soglasnost e-smetka*/
/*#region mobipay */
div#mobipay {
    position: relative;
    padding-bottom: 30px;
}

#mobipay .mobipay-banner {
    position: relative;
    background-image: url('../content/images/mobipay-banner.jpg');
    height: 375px;
    background-position: center;
    padding: 3%;
}

    #mobipay .mobipay-banner h1 {
        position: relative;
        width: 160px;
        color: white;
        font-size: 38px;
    }

        #mobipay .mobipay-banner h1 span {
            position: relative;
            width: 100%;
            margin-bottom: 20px;
            display: block;
            background: #e20074;
            padding-left: 10px;
        }

div#mobipay h2 {
    text-align: center;
    margin: 30px 0;
}

div#mobipay h3 {
    font-family: 'teleNeo-bold' !important;
    font-size: 27px;
}
/*#endregion mobipay*/

/*#region stream on*/
#stream-on section.stream-on-mainBanner {
    position: relative;
    height: 900px;
    background-image: url(../content/images/stream-on/streamON-introBanner.png);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

    #stream-on section.stream-on-mainBanner .playBtn {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        width: 425px;
    }

    #stream-on section.stream-on-mainBanner .container {
        position: relative;
        width: 100%;
        height: 100%;
    }

#stream-on p {
    line-height: 1.2;
}

#stream-on .headers {
    position: absolute;
    z-index: 2;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    width: 100%;
    text-align: center;
}

    #stream-on .headers h1 {
        color: white;
        font-size: 125px;
        font-family: 'teleNeo-extra' !important;
        transform: scale(.9,1);
        font-style: italic;
    }

    #stream-on .headers h2 {
        position: relative;
        color: white;
        font-size: 45px;
        font-family: 'teleNeo-regular' !important;
        font-style: italic;
        text-align: center;
        text-transform: uppercase;
    }

#stream-on .intro-content.text-center h2 {
    position: relative;
    color: black;
    font-family: 'teleNeo-extra' !important;
    text-transform: uppercase;
    font-size: 35px;
    margin: 30px auto;
}

    #stream-on .intro-content.text-center h2.logo {
        position: relative;
        font-size: 60px !important;
        font-style: italic;
        font-family: 'teleNeo-bold' !important;
        transform: scale(.8, 1.2);
        margin: 30px auto !important;
        padding-right: 11px;
        width: 350px;
    }

        #stream-on .intro-content.text-center h2.logo:before {
            -webkit-transform: skewX(-10deg);
            -moz-transform: skewX(-10deg);
            -ms-transform: skewX(-10deg);
            transform: skewX(-10deg);
            position: absolute;
            z-index: -1;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: "";
            background: #e20074;
            width: 100%;
            height: 100%;
            transition: .2s;
            -webkit-backface-visibility: hidden;
        }

#stream-on .intro-content.text-center p {
    color: black;
    font-size: 19px;
    width: 60%;
    margin: 20px auto;
    z-index: 3;
    position: relative;
}

#stream-on section.first-content-area {
    position: relative;
}

    #stream-on section.first-content-area:after {
        content: '';
        background-image: url(../content/images/stream-on/streamON-MganetaWhite.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        height: 720px;
        width: 100%;
        position: absolute;
        bottom: 0px;
    }

#stream-on .loop-lenta-stream-on {
    height: 140px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    transform: translate3d(0,0,0);
    z-index: 3;
}

    #stream-on .loop-lenta-stream-on > div {
        height: 100%;
        width: 3066px;
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        transform: translate3d(0,0,0);
    }

    #stream-on .loop-lenta-stream-on .mover-1 {
        animation: moveSlideshow 12s linear infinite;
        background-image: url(../content/images/stream-on/streamON-text-up.png);
        height: 68px;
        width: 5100px;
    }

        #stream-on .loop-lenta-stream-on .mover-1.sq {
            background-image: url(../content/images/stream-on/streamON-text-up-sq.png);
            width: 4580px;
            height: 70px;
        }

    #stream-on .loop-lenta-stream-on .mover-2 {
        opacity: 1;
        top: 75px;
        transition: opacity 12s ease-out;
        background-position: 0 -200px;
        background-image: url(../content/images/stream-on/streamON-text-down.png);
        height: 66px;
        animation: moveSlideshow 12s linear infinite;
        width: 4885px;
    }

        #stream-on .loop-lenta-stream-on .mover-2.sq {
            background-image: url(../content/images/stream-on/streamON-text-down-sq.png);
            height: 65px;
            width: 4330px;
        }

#stream-on .main-content {
    width: 80%;
    position: relative;
    z-index: 3;
    padding-bottom: 30px;
}

    #stream-on .main-content h3 {
        color: white;
        font-size: 34px;
        font-family: 'teleNeo-regular' !important;
    }

        #stream-on .main-content h3 span {
            font-family: 'teleNeo-bold' !important;
        }

    #stream-on .main-content p {
        color: white;
        font-size: 19px;
    }

        #stream-on .main-content p.text-black {
            color: black;
        }

#stream-on .apsolute-img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30%;
}

#stream-on section.second-content-area {
    position: relative;
    width: 100%;
}

#stream-on .activation-stream-on {
    position: relative;
    width: 100%;
    background-color: #e20074;
    background-image: url(../content/images/stream-on/opcija-streamON-background.png);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 1% 0;
}

    #stream-on .activation-stream-on * {
        color: #e20074;
    }

    #stream-on .activation-stream-on h3 {
        font-family: 'teleNeo-medium' !important;
        font-size: 35px;
    }

        #stream-on .activation-stream-on h3 strong {
            text-transform: uppercase;
            font-family: 'teleNeo-extra' !important;
        }

#stream-on .center-content {
    position: relative;
    width: 50%;
    margin: 25px auto;
    text-align: center;
}

    #stream-on .center-content p {
        font-size: 19px;
        font-family: 'teleNeo-medium' !important;
        margin-bottom: 30px;
        margin-top: 30px;
    }

    #stream-on .center-content img {
        margin: 0 20px;
    }

#stream-on section.how-it-works {
    position: relative;
    background-image: url(../content/images/stream-on/streamON-kakoRaboti-backgound.jpg);
    padding: 3% 0 0 0;
    color: white;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    #stream-on section.how-it-works .how-it-works-content {
        position: relative;
        width: 50%;
        padding-bottom: 20px;
    }

        #stream-on section.how-it-works .how-it-works-content p {
            font-size: 19px;
        }

            #stream-on section.how-it-works .how-it-works-content p a {
                color: white;
                text-decoration: underline;
            }

        #stream-on section.how-it-works .how-it-works-content h3 {
            font-size: 35px;
            font-family: 'teleNeo-regular' !important;
        }

            #stream-on section.how-it-works .how-it-works-content h3 span {
                position: relative;
                font-family: 'teleNeo-bold' !important;
            }

#stream-on section.last-section {
    position: relative;
    width: 100%;
    height: auto;
    padding: 1% 0 3% 0;
}

    #stream-on section.last-section h3 {
        font-family: 'teleNeo-extra' !important;
        text-transform: uppercase;
        font-size: 35px;
    }

    #stream-on section.last-section p {
        font-size: 19px;
    }

@media (max-width: 767px) {
    #stream-on section.first-content-area:after {
        content: '';
        background-image: url(../content/images/stream-on/streamON-MganetaWhite-mob.png) !important;
        height: 1060px !important;
    }

    #stream-on .main-content {
        width: 90%;
        padding-bottom: 30%;
        margin: 0 auto;
    }

    #stream-on .activation-stream-on {
        background-color: white;
    }

        #stream-on .main-content h3,
        #stream-on .activation-stream-on h3,
        #stream-on section.how-it-works .how-it-works-content h3,
        #stream-on section.last-section h3 {
            font-size: 30px;
        }

    #stream-on section.stream-on-mainBanner {
        height: 370px;
    }

        #stream-on section.stream-on-mainBanner .playBtn {
            width: 225px;
        }

    #stream-on .headers h1 {
        font-size: 61px;
    }

    #stream-on .headers h2 {
        font-size: 26px;
    }

    #stream-on .intro-content.text-center h2 {
        font-size: 22px;
    }

        #stream-on .intro-content.text-center h2.logo {
            font-size: 40px !important;
            width: 230px;
        }

    #stream-on .intro-content.text-center p {
        font-size: 17px;
        width: 95%;
    }

    #stream-on .center-content {
        position: relative;
        width: 90%;
    }

        #stream-on .center-content img {
            margin: 0 10px;
            width: 70px;
        }

    #stream-on .apsolute-img {
        display: none;
    }

    #stream-on section.how-it-works {
        background-image: none;
        background-color: #e20074;
    }

        #stream-on section.how-it-works .how-it-works-content {
            width: 90%;
            margin: 0 auto;
        }

    #stream-on p {
        font-size: 18px !important;
    }
}
/*#endregion stream on*/

/*#region zoo app*/
div#zoo-app {
    position: relative;
}

    div#zoo-app .zoo-first-banner {
        position: relative;
        height: auto;
        background-color: #afdff2;
        border-bottom: 3px solid #e20074;
    }

        div#zoo-app .zoo-first-banner .text-left {
            position: relative;
            width: 50%;
            display: inline;
            float: left;
            z-index: 2;
            padding: 3% 0;
        }


            div#zoo-app .zoo-first-banner .text-left h1 {
                position: relative;
                font-size: 45px;
                color: white;
                text-transform: none;
                font-family: 'teleNeo-bold' !important;
                z-index: 2;
            }

            div#zoo-app .zoo-first-banner .text-left:before {
                position: absolute;
                background-image: url('../content/images/zoo-images/skopje-zoo-shape-circle.png');
                content: "";
                width: 735px;
                height: 280px;
                top: 0;
                left: -50%;
                background-repeat: no-repeat;
                background-size: cover;
                z-index: 0;
            }

            div#zoo-app .zoo-first-banner .text-left h2 {
                z-index: 2;
                color: white;
                position: relative;
                font-size: 27px;
                font-family: 'teleNeo-regular' !important;
                line-height: 1.2;
            }

            div#zoo-app .zoo-first-banner .text-left .ec {
                position: absolute;
                left: 39%;
                width: 130px;
                display: block;
            }

        div#zoo-app .zoo-first-banner .img-right {
            position: relative;
            display: inline;
            float: left;
            width: 50%;
            top: 0;
            z-index: 2;
        }


    div#zoo-app section.zoo-first-banner:after {
        content: "";
        position: absolute;
        background-image: url(../content/images/zoo-images/skopje-zoo-shape-intro.png);
        background-size: cover;
        width: 720px;
        height: 250px;
        right: 0;
        bottom: 0;
        background-repeat: no-repeat;
    }

    div#zoo-app section.zoo-second-banner {
        position: relative;
        padding: 2% 0;
        background: white;
    }

        div#zoo-app section.zoo-second-banner .text-left {
            position: relative;
            width: 50%;
            display: inline;
            float: left;
            padding-right: 20%;
        }

            div#zoo-app section.zoo-second-banner .text-left .zoo-logo {
                position: relative;
                width: 250px;
                height: auto;
            }

            div#zoo-app section.zoo-second-banner .text-left p {
                margin: 20px 0;
                color: black;
                font-size: 19px;
                line-height: 1.2;
            }

        div#zoo-app section.zoo-second-banner .img-right {
            width: 50%;
            position: relative;
            display: inline;
            float: left;
            padding-left: 16%;
        }

    div#zoo-app section.zoo-third-banner {
        position: relative;
        padding: 2% 0;
        background: #e20074;
        color: white;
    }

        div#zoo-app section.zoo-third-banner .text-left {
            position: relative;
            width: 60%;
            display: inline;
            float: left;
        }

            div#zoo-app section.zoo-third-banner .text-left h3 {
                font-size: 30px;
                font-family: 'teleNeo-regular' !important;
            }

            div#zoo-app section.zoo-third-banner .text-left p {
                font-size: 19px;
            }


        div#zoo-app section.zoo-third-banner .img-right {
            width: 40%;
            position: relative;
            display: inline;
            float: left;
        }

        div#zoo-app section.zoo-third-banner a.white-btn {
            position: relative;
            background-color: white;
            color: #e20074;
            font-size: 18px;
            font-family: 'teleNeo-medium' !important;
            margin: 15px 0;
            padding: 3px 10px;
            border: 1px solid #e20074;
        }

            div#zoo-app section.zoo-third-banner a.white-btn:hover {
                background: #e20074;
                color: white;
                border: 1px solid white;
            }

    div#zoo-app .store-icons {
        position: relative;
        width: 100%;
    }

        div#zoo-app .store-icons a {
            position: relative;
            display: inline-block;
            width: 150px;
        }

            div#zoo-app .store-icons a img {
                width: 100%;
                height: auto;
            }

@media (max-width: 767px) {
    div#zoo-app .zoo-first-banner {
        background: #e20074;
        height: auto;
        padding: 2% 0 5% 0;
    }

        div#zoo-app .zoo-first-banner:after {
            content: '';
            display: none;
        }

        div#zoo-app .zoo-first-banner .text-left {
            width: 100%;
            display: block;
            float: none;
            padding-bottom: 35px;
        }

            div#zoo-app .zoo-first-banner .text-left:before {
                display: none;
            }

            div#zoo-app .zoo-first-banner .text-left h1 {
                position: relative;
                font-size: 30px;
            }

            div#zoo-app .zoo-first-banner .text-left h2 {
                font-size: 20px;
                padding-right: 105px;
            }

        div#zoo-app .zoo-first-banner .img-right {
            width: 80%;
            display: block;
            margin: 0 auto !important;
            float: none;
        }

        div#zoo-app .zoo-first-banner .text-left .ec {
            position: absolute;
            right: 0;
            left: auto;
            width: 100px;
            display: block;
            top: 20%;
        }

    div#zoo-app section.zoo-second-banner {
        padding: 5% 0;
    }

        div#zoo-app section.zoo-second-banner .text-left {
            width: 100%;
            display: block;
            float: none;
            padding-right: 0;
            padding-bottom: 35px;
        }

        div#zoo-app section.zoo-second-banner .img-right {
            width: 100%;
            display: block;
            float: none;
            padding: 0;
            text-align: center;
        }

    div#zoo-app section.zoo-third-banner .text-left {
        position: relative;
        width: 100%;
        display: block;
        float: none;
        padding-bottom: 35px;
    }

    div#zoo-app section.zoo-third-banner .img-right {
        width: 100%;
        position: relative;
        display: block;
        float: none;
        text-align: center;
    }
}

@media (min-width:768px) and (max-width: 991px) {
    div#zoo-app .zoo-first-banner .text-left:before {
        position: absolute;
        content: '';
        width: 655px;
        height: 250px;
    }

    div#zoo-app section.zoo-first-banner:after {
        content: "";
        width: 620px;
        height: 160px;
    }

    div#zoo-app section.zoo-second-banner .text-left {
        padding-right: 0;
    }
}
/*#endregion zoo app*/

/*#region mobile surf paketi*/
.mobile-surf-content .aktivacija .table table {
    position: relative;
    width: 100%;
}

    .mobile-surf-content .aktivacija .table table tr td {
        background: transparent;
        padding: 10px 10px;
        border-bottom: 1px solid #e8e8e8;
    }

    .mobile-surf-content .aktivacija .table table tr th:first-of-type {
        border-right: 1px solid #e8e8e8;
    }

    .mobile-surf-content .aktivacija .table table tr td:first-of-type {
        border-right: 1px solid #e8e8e8;
    }
/*#end region mobile surf paketi*/

/*#region kreditno biro*/
div#kreditno-biro {
    position: relative;
    margin: 30px 0;
}

    div#kreditno-biro h1 {
        position: relative;
        font-size: 31px;
        margin: 20px 0;
        text-align: center;
    }

    div#kreditno-biro p, div#kreditno-biro ol li {
        font-size: 18px;
    }
/*#endregion kreditno biro*/
/*#region sport na max tv*/
.najdobriot-fudbal-nasekade {
    position: relative;
}

    .najdobriot-fudbal-nasekade .link {
        position: absolute;
        right: 20%;
        bottom: 20px;
    }

        .najdobriot-fudbal-nasekade .link a {
            background: #e20074;
            color: white;
            text-decoration: none;
        }

    .najdobriot-fudbal-nasekade img {
        width: 100%;
        height: auto;
    }
/*#endregion sport na max tv*/
/*#region penzioner*/
div#penzioner-new .header {
    position: relative;
}

    div#penzioner-new .header h1 {
        position: relative;
        color: #e20074;
        font-size: 31px;
    }

    div#penzioner-new .header img {
        position: absolute;
        right: 0;
        top: -70px;
        width: 130px;
    }

div#penzioner-new p, div#penzioner-new ul li {
    position: relative;
    font-size: 18px;
    line-height: 1.2;
}

div#penzioner-new h2 {
    position: relative;
    font-size: 24px;
    color: #e20074;
    margin: 20px 0;
    text-align: left;
}

@media (max-width: 767px) {
    div#penzioner-new .header h1 {
        font-size: 26px;
    }

    div#penzioner-new .header img {
        width: 90px;
        top: -90px;
    }

    div#penzioner-new p, div#penzioner-new ul li {
        font-size: 17px;
    }

    div#penzioner-new h2 {
        font-size: 20px;
        margin: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    div#penzioner-new .header img {
        width: 100px;
        top: -100px;
    }
}
/*#endregion penzioner*/

/*#region korisnicka poddrshka*/
#korisnichka-poddrshka .hpLinksRow {
    position: relative;
    top: 0;
    padding: 15px 0;
    text-align: center;
}

    #korisnichka-poddrshka .hpLinksRow .col-md-2 {
        width: 16%;
    }

    #korisnichka-poddrshka .hpLinksRow .hpLinksBox {
        position: relative;
        background: linear-gradient(to right, #eaecf2 50%, transparent 50%);
        background-size: 200% 100%;
        background-position: right bottom;
        transition: all 1s ease;
        padding: 15px 15px 15px 15px;
        height: 68px;
    }

        #korisnichka-poddrshka .hpLinksRow .hpLinksBox a img {
            display: inline-block;
            vertical-align: top;
            filter: grayscale(100%);
            height: 50px;
            width: auto;
            transition: all ease-in .5s;
        }

        #korisnichka-poddrshka .hpLinksRow .hpLinksBox:hover a img {
            filter: grayscale(0);
            transition: all ease-in .5s;
        }

        #korisnichka-poddrshka .hpLinksRow .hpLinksBox a span {
            display: inline-block;
            padding-left: 10px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            font-family: 'teleNeo-medium' !important;
            line-height: 16px;
            color: black;
            font-size: 16px;
        }

@media(max-width: 767px) {
    #korisnichka-poddrshka .hpLinksRow .col-md-2 {
        width: 100%;
    }

    #korisnichka-poddrshka .hpLinksRow {
        padding: 15px 0 40px;
        text-align: left;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #korisnichka-poddrshka .hpLinksRow {
        padding: 15px 0 40px;
    }

        #korisnichka-poddrshka .hpLinksRow .hpLinksBox a span {
            display: none;
        }
}
/*#endregion korisnichka poddrshka*/



/*#region 5 godini magenta 1*/
div#pet-god-m1 {
    position: relative;
}

    div#pet-god-m1 .banner {
        position: relative;
        /*background-image: url('/content/images/5god-m1/5god-m1-lp.jpg');*/
        height: auto;
        width: 100%;
        /*background-repeat: no-repeat;
        background-size: cover;
        background-position: center;*/
        /* padding: 2% 0; */
    }

    div#pet-god-m1 .gray-bg {
        background: #ededed;
        padding-top: 70px;
    }

    div#pet-god-m1 .magenta-bg {
        background: #e20074;
        padding: 30px 0;
    }
        div#pet-god-m1 .magenta-bg p {
            color: white;
            line-height: 1.2;
            padding: 0 100px;
            margin: 0 auto;
            text-align: center;
            font-family: 'teleNeo-medium' !important;
            line-height: 1.2;
        }

    div#pet-god-m1 .header {
        position: relative;
        padding: 70px 0px 10px 0;
    }

        div#pet-god-m1 .header h1 {
            position: relative;
            font-size: 37px;
            color: #333;
            font-family: teleNeo-extra !important;
            text-align: center;
        }

            div#pet-god-m1 .header h1 span {
                font-family: TeleNeo-medium !important;
            }

    div#pet-god-m1 p {
        position: relative;
        font-size: 18px;
    }

    div#pet-god-m1 .banner img {
        width: 100%;
        height: auto;
    }

    div#pet-god-m1 .content {
        padding: 0 50px 45px;
        text-align: center;
    }

    div#pet-god-m1 .video {
        position: relative;
        text-align: center;
        font-size: 18px;
        line-height: 1.2;
        width: 50%;
        margin: 0 auto;
        height: 350px;
    }

        div#pet-god-m1 .video .overlay {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            right: 0;
            cursor: pointer;
        }

            div#pet-god-m1 .video .overlay:before {
                content: '';
                position: absolute;
                background: #000;
                height: 100%;
                width: 100%;
                opacity: .87;
                border-radius: 17px;
                left: 0;
                right: 0;
            }

            div#pet-god-m1 .video .overlay:after {
                content: '';
                position: absolute;
                background-image: url(../content/images/ict-office-365/play.svg);
                background-size: contain;
                background-position: center;
                width: 30px;
                height: 30px;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto;
                z-index: 3;
            }

#pet-god-m1 .more-info {
    position: relative;
    width: 100%;
    margin: 50px auto;
    margin: 30px 0 0 0;
    padding: 70px 0 130px;
    background: #ededed;
    text-align: center;
}

    #pet-god-m1 .more-info h2 {
        text-align: center;
        margin: 10px 0 20px 0;
        font-size: 30px;
    }

    #pet-god-m1 .more-info p {
        position: relative;
        font-size: 18px;
        line-height: 1.2;
    }

    #pet-god-m1 .more-info a {
        text-decoration: underline;
        color: #333;
    }

@media (max-width: 767px) {
    div#pet-god-m1 .header {
        padding: 40px 0px 10px 0;
    }
    div#pet-god-m1 .magenta-bg p {
        padding: 0 30px;
    }


        div#pet-god-m1 .header h1 {
            position: relative;
            font-size: 25px;
        }

    div#pet-god-m1 .content {
        padding: 0 50px 15px;
    }

    #pet-god-m1 .more-info {
        padding: 40px 0;
    }

        #pet-god-m1 .more-info h2 {
            margin: 10px 0 20px 0;
            font-size: 23px;
        }

        #pet-god-m1 .more-info p,
        div#pet-god-m1 p {
            font-size: 17px;
        }
}
/*#endregion 5 godini magenta 1*/



/*#region 5 godini magenta 1 business*/
div#pet-god-m1-business {
    position: relative;
}

    div#pet-god-m1-business .banner {
        position: relative;
        /*background-image: url('/content/images/5god-m1/5god-m1-lp.jpg');*/
        height: auto;
        width: 100%;
    }

    div#pet-god-m1-business .header {
        position: relative;
        padding: 70px 0px 10px 0;
    }

        div#pet-god-m1-business .header h1 {
            position: relative;
            font-size: 37px;
            color: #333;
            font-family: teleNeo-extra !important;
            text-align: center;
        }

            div#pet-god-m1-business .header h1 span {
                font-family: 'teleNeo-medium' !important;
            }

    div#pet-god-m1-business p {
        position: relative;
        font-size: 18px;
    }

    div#pet-god-m1-business .banner img {
        width: 100%;
        height: auto;
    }

    div#pet-god-m1-business .content {
        padding: 0 50px 45px;
        text-align: center;
    }

    div#pet-god-m1-business .more-info {
        position: relative;
        width: 100%;
        margin: 50px auto;
        margin: 30px 0 0 0;
        padding: 70px 0;
        background: #ededed;
        text-align: center;
    }

        div#pet-god-m1-business .more-info h2 {
            text-align: center;
            margin: 10px 0 20px 0;
            font-size: 30px;
        }

        div#pet-god-m1-business .more-info p {
            position: relative;
            font-size: 18px;
            line-height: 1.2;
        }

        div#pet-god-m1-business .more-info a {
            text-decoration: underline;
            color: #333;
        }

@media (max-width: 767px) {
    #m1-business-new .main-banner .image {
        width: 70% !important;
        justify-content: flex-end !important;
    }

    div#pet-god-m1-business .header {
        padding: 40px 0px 10px 0;
    }

        div#pet-god-m1-business .header h1 {
            position: relative;
            font-size: 25px;
        }

    div#pet-god-m1-business .content {
        padding: 0 50px 15px;
    }

    div#pet-god-m1-business .more-info {
        padding: 40px 0;
    }

        div#pet-god-m1-business .more-info h2 {
            margin: 10px 0 20px 0;
            font-size: 23px;
        }

        div#pet-god-m1-business .more-info p,
        div#pet-god-m1-business p {
            font-size: 17px;
        }
}
/*#endregion 5 godini magenta 1*/
/*#region m1b redesign*/
#m1-business-new {
    position: relative;
    height: auto;
    /*padding-bottom: 30px;*/
}

    #m1-business-new .image {
        position: relative;
        height: 400px;
    }

        #m1-business-new .image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

        #m1-business-new .image .absolute-img {
            position: absolute;
            right: 0;
            width: 45%;
            height: 100%;
            text-align: right;
            top: 0;
            bottom: 0;
            margin: auto 0;
        }

            #m1-business-new .image .absolute-img img {
                height: 100%;
                object-fit: contain;
                object-position: right;
            }

    #m1-business-new .xMas-banner-m1 {
        position: relative;
        background-image: url(../content/banners/2022/xMas-banner-business.jpg);
        background-position: 0 25%;
        background-size: cover;
        height: 60vh;
        background-repeat: no-repeat;
    }

        #m1-business-new .xMas-banner-m1 .text {
            position: relative;
            width: 50%;
        }

    #m1-business-new .main-banner {
        position: relative;
        /*background-image: url(../content/images/m1b-redesign/Magenta1-Business-inner-bg.jpg);*/
        /*  background-image: url(../content/images/m1b-redesign/m1b-banner-inner-april-promo.jpg);*/
        /*background-image: url(../content/images/m1b-redesign/m1-business-banner-maj.jpg);*/
        /*background-image: url(../content/banners/2023/background_smallbanner_main.jpg);*/
        /*background-image: url(../content/images/magenta1-biznis-kalkulator/novogodishna-business-ponuda-m1.jpg);*/
        /*  background-image: url(../content/banners/2024/background-business-ponuda.jpg);*/
        /*background-image: url(../content/images/magenta1-bussines/b2b-mart-2024-bg.jpg);*/
        background-image: url(../content/banners/2024/tbiznis-bg-1920x450.jpg);
        /*background-image: url(../content/banners/2024/bg-s-spokojno-leto-2024.jpg);*/
        height: 60vh;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 60%;
    }

        #m1-business-new .main-banner .image {
            position: absolute;
            display: flex;
            width: 53%;
            justify-content: flex-start;
            align-items: flex-start;
            z-index: 0;
            top: 0;
            left: 0;
            height: 100%;
        }

            #m1-business-new .main-banner .image img {
                width: 100%;
                height: 100%;
            }

        #m1-business-new .main-banner h1 {
            color: white;
            font-size: 52px;
            font-family: teleNeo-extra !important;
            margin: 0;
            text-transform: none;
            line-height: 1.1;
        }

            #m1-business-new .main-banner h1 span {
                font-family: teleNeo-regular !important;
                font-size: 36px;
                display: block;
                text-transform: lowercase;
            }

        #m1-business-new .main-banner h2 {
            color: black;
            text-align: left;
            font-size: 35px;
            font-family: 'teleNeo-extra' !important;
            margin-top: 10px;
        }

        #m1-business-new .main-banner p {
            color: white;
            margin-top: 30px;
        }

        #m1-business-new .main-banner:before {
            position: absolute;
            content: '';
            left: 0;
            top: 0;
            bottom: 0;
            margin: auto 0;
            height: 100%;
            /*background-image: url(../content/images/m1b-redesign/m1b-banner-inner-april-promo.png);
          background-image: url(../content/images/m1b-redesign/m1-business-banner-maj-shape.png);*/
            /* background-image: url(../content/images/m1b-redesign/shape-s-spokojno-leto-2024.png);*/
            background-position: right bottom;
            background-size: cover;
            width: 55%;
            background-repeat: no-repeat;
        }

        #m1-business-new .main-banner .wrapper {
            position: relative;
            height: 100%;
        }

        #m1-business-new .main-banner .text-promo {
            position: relative;
            width: 40%;
            height: 100%;
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
            flex-direction: column;
            margin-left: 100px;
            padding-top: 50px;
            padding-bottom: 10px;
            z-index: 2;
        }

        #m1-business-new .main-banner .b2b-juni-promocija-2024 .text-promo {
            margin-left: 0;
        }

        /*#m1-business-new .main-banner.sq {
            background-image: url(../content/images/m1b-redesign/navivajte-za-makedonija-m1-sq-new.jpg);
        }*/
        #m1-business-new .main-banner .header {
            position: absolute;
            /* background-image: url(../content/images/m1b-redesign/m1b-main-header.png); */
            /* background-image: url(../content/images/m1b-redesign/m1b-header-new.png); */
            /* background-image: url(../content/images/m1b-redesign/m1b-header-new-2021.png); */
            /* background-image: url(../content/images/m1b-redesign/m1b-header-new-2021-endOffer.png); */
            /*background-image: url(../content/images/m1b-redesign/shape-m1-header.png);*/
            /* background-image: url(../content/images/m1b-redesign/m1business-inner-banner-2021-text.png);*/
            background-image: url(../content/images/m1b-redesign/M1B-portfolio-text-inner.png);
            background-size: contain;
            background-repeat: no-repeat;
            text-align: center;
            width: 50%;
            top: -11%;
            height: 100%;
        }

        #m1-business-new .main-banner.sq .header {
            /*background-image: url(../content/images/m1b-redesign/m1business-inner-banner-2021-text-sq.png);*/
            background-image: url(../content/images/m1b-redesign/M1B-portfolio-text-inner-sq.png);
        }

        #m1-business-new .main-banner .ec {
            position: absolute;
            width: 120px;
            overflow: hidden;
            top: 80px;
            right: 40%;
        }

            #m1-business-new .main-banner .ec img {
                position: relative;
                width: auto;
                height: 100%;
                float: right;
            }

        #m1-business-new .main-banner .b2b-juni-promocija-2024 .text-promo .ec {
            position: absolute;
            width: 120px;
            overflow: hidden;
            top: 70px;
            right: -60px;
        }

        #m1-business-new .main-banner .header .wrapper {
            position: relative;
            width: 100%;
            padding: 9% 23% 25% 16%;
        }

        #m1-business-new .main-banner .header.sq {
            /*background-image: url('../content/images/m1b-redesign/m1b-main-banner-sq.png');*/
            /*background-image: url('../content/images/m1b-redesign/m1b-header-new-sq.png');*/
            /*background-image: url('../content/images/m1b-redesign/m1b-main-header-new-2021-sq.png');*/
            background-image: url('../content/images/m1b-redesign/m1b-main-header-new-2021-sq-endOffer.png');
        }

        #m1-business-new .main-banner .header h1 {
            color: white;
            text-align: left;
            font-size: 36px;
            text-transform: none;
            line-height: 1.2;
            display: block;
        }

        #m1-business-new .main-banner .header p {
            position: relative;
            font-size: 21px;
            color: white;
            text-align: left;
            line-height: 1.2;
        }

    #m1-business-new .linked-tabs {
        position: relative;
        bottom: 0;
        width: 100%;
        height: 150px;
        border-bottom: 0;
    }

        #m1-business-new .linked-tabs div {
            height: 100%;
        }

        #m1-business-new .linked-tabs .col-sm-6 {
            padding: 0;
        }

        #m1-business-new .linked-tabs .tab-right {
            position: relative;
            background: black;
            padding: 30px;
            width: 50%;
            display: inline-block;
            float: left;
            cursor: pointer;
        }

            #m1-business-new .linked-tabs .tab-right .wrap {
                position: relative;
                width: 60%;
                text-align: right;
                float: right;
                display: inline-flex;
                align-content: center;
                align-items: center;
                justify-content: flex-start;
            }

        #m1-business-new .linked-tabs .tab-left {
            position: relative;
            background: #e20074;
            padding: 30px;
            width: 50%;
            display: inline-block;
            float: left;
        }

            #m1-business-new .linked-tabs .tab-left a {
                position: relative;
                display: block;
            }

            #m1-business-new .linked-tabs .tab-left .wrap {
                position: relative;
                width: 60%;
                float: none;
                text-align: left;
                display: inline-flex;
                align-content: center;
                justify-content: flex-start;
                align-items: center;
                flex-direction: row;
                flex-wrap: nowrap;
            }




        #m1-business-new .linked-tabs .tab-right .img {
            display: table-cell;
            float: none;
            vertical-align: middle;
            width: 20%;
            text-align: left;
        }

        #m1-business-new .linked-tabs .tab-right .text {
            display: table-cell;
            vertical-align: middle;
            color: white;
            font-size: 19px;
            width: 65%;
            line-height: 1.2;
            text-align: left;
            text-transform: uppercase;
            margin-left: 20px;
        }



        #m1-business-new .linked-tabs .tab-left .img {
            display: table-cell;
            position: relative;
            vertical-align: middle;
            width: 35%;
        }

        #m1-business-new .linked-tabs .tab-left .text {
            position: relative;
            display: table-cell;
            vertical-align: middle;
            color: white;
            font-size: 19px;
            text-align: left;
            text-transform: uppercase;
            line-height: 1.2;
            margin-left: 20px;
        }

    #m1-business-new div#m1b-paketi.collapse {
        display: none;
    }

        #m1-business-new div#m1b-paketi.collapse.in {
            position: relative;
            display: block;
            background-image: url(../content/images/m1b-redesign/paketi-collapse-bcg.jpg);
            z-index: 2;
            background-size: cover;
            background-repeat: no-repeat;
        }

    #m1-business-new div#m1b-paketi p.copy {
        color: white;
        font-size: 18px;
        line-height: 1.2;
        margin: 60px 4px 30px 20px;
        display: block;
        overflow: visible;
        position: relative;
    }

        #m1-business-new div#m1b-paketi p.copy img {
            position: absolute;
            width: 120px;
            height: auto;
            top: -40px; 
            right: -70px;
        }

    #m1-business-new .box {
        width: 27%;
        display: inline;
        float: left;
        margin: 30px 46px 50px;
        opacity: 1;
        overflow: visible;
        height: auto;
    }

        #m1-business-new .box#mob-m,
        #m1-business-new .box#mob-m-no {
            transform: scale(1.05);
            box-shadow: 0 0 70px 40px rgba(255, 255, 255, .010);
            border: 2px solid white;
        }

    #m1-business-new div#fiksni-m,
    #m1-business-new div#fiksni-m-no {
        transform: scale(1.1);
        box-shadow: 0 0 70px 40px rgba(255, 255, 255, .010);
    }

        #m1-business-new div#fiksni-m .fiksni-package-m,
        #m1-business-new div#fiksni-m-no .fiksni-package-m {
            border: 2px solid #e20074;
        }

    #m1-business-new .box:first-of-type {
        margin-left: 0;
    }

    #m1-business-new .box:last-of-type {
        margin-right: 0;
    }

#m1b-paketi .header-tabs {
    margin: 0 20px;
    position: relative;
    min-height: 40px;
    display: block;
}

    #m1b-paketi .header-tabs h2 {
        position: relative;
        font-size: 28px;
        font-family: 'teleNeo-bold' !important;
        color: white;
        text-transform: uppercase;
        margin: 30px 0;
    }

        #m1b-paketi .header-tabs h2 span {
            position: relative;
            display: inline-block;
            float: left;
        }

        #m1b-paketi .header-tabs h2 ul {
            position: relative;
            display: inline-block;
            float: left;
            bottom: 5px;
            border: 0;
        }

    #m1b-paketi .header-tabs .promo {
        position: relative;
        display: block;
    }

        #m1b-paketi .header-tabs .promo h3 {
            color: white;
            margin: 50px 0 30px;
            overflow: hidden;
            display: inline-block;
            text-transform: none !important;
            display: inline;
            float: left;
            color: #e20074;
        }

        #m1b-paketi .header-tabs .promo .ec {
            position: relative;
            top: 10px;
            width: 90px;
            display: inline;
            float: left;
            right: -6px;
        }

    #m1b-paketi .header-tabs h2 ul li a {
        background: transparent;
        padding: 0 10px;
        border: 0;
        color: white;
        text-decoration: none;
        font-family: 'teleNeo-medium' !important;
        margin: 0 5px;
        display: inline;
        float: left;
    }

        #m1b-paketi .header-tabs h2 ul li a span {
            display: inline;
            float: left;
        }

        #m1b-paketi .header-tabs h2 ul li a:last-child {
            padding-right: 0;
        }

    #m1b-paketi .header-tabs h2 ul li.active a {
        color: white !important;
        background: #e20074;
        border-radius: 0;
    }

#m1b-paketi .content-tabs .bez-cloud.tab-pane.fade,
#m1b-paketi .content-tabs .so-cloud.tab-pane.fade {
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity .75s linear !important;
    -webkit-transition: opacity .75s linear;
    -o-transition: opacity .75s linear;
}

    #m1b-paketi .content-tabs .bez-cloud.tab-pane.fade.active.in,
    #m1b-paketi .content-tabs .so-cloud.tab-pane.fade.active.in {
        display: block;
        opacity: 1;
        visibility: visible;
        transition: opacity .75s linear !important;
        -webkit-transition: opacity .75s linear;
        -o-transition: opacity .75s linear;
    }

#m1b-paketi .ec {
    position: absolute;
    right: -40px;
    top: -100px;
    z-index: 3;
    width: 90px;
}

#m1b-paketi .wrapper.fiksni-uslugi .box .ec {
    position: absolute;
    top: -30px !important;
}

#m1b-paketi .wrapper.mobilni-uslugi,
#m1b-paketi .wrapper.fiksni-uslugi,
#m1b-paketi .wrapper.ekstra-uslugi {
    position: relative;
    height: 100%;
    margin: 0;
}

    #m1b-paketi .wrapper.mobilni-uslugi p.package-header {
        position: relative;
        color: white;
        font-size: 22px;
        font-family: 'teleNeo-medium' !important;
        margin: 90px 20px 30px 20px;
    }

    #m1b-paketi .wrapper.mobilni-uslugi .border {
        position: relative;
        width: 100%;
        height: 100%;
        /* overflow: hidden; */
        padding: 10px;
        /* display: block; */
        z-index: 2;
        margin-bottom: 20px;
    }

        #m1b-paketi .wrapper.mobilni-uslugi .border .col-md-4 {
            padding: 5px;
        }

    #m1b-paketi .wrapper.mobilni-uslugi .package-wrap,
    #m1b-paketi .wrapper.fiksni-uslugi .package-wrap,
    #m1b-paketi .wrapper.ekstra-uslugi .package-wrap {
        position: relative;
        width: 100%;
        height: auto;
        display: block;
    }

.wrapper.mobilni-uslugi .border .mob-package-s,
.wrapper.mobilni-uslugi .border .mob-package-m,
.wrapper.mobilni-uslugi .border .mob-package-l {
    position: relative;
    height: auto;
    border: 1px solid #e20074;
    min-height: 455px;
    padding: 0 20px 20px 20px;
    background: #e20074;
}

    .wrapper.mobilni-uslugi .border .mob-package-s ul li,
    .wrapper.mobilni-uslugi .border .mob-package-m ul li,
    .wrapper.mobilni-uslugi .border .mob-package-l ul li {
        color: white;
    }

#m1b-paketi .wrapper.mobilni-uslugi .border * {
    color: white;
}
#m1b-paketi .wrapper.mobilni-uslugi .black-text {
    color: black;
}

#m1b-paketi .ekstra-pridobivki {
    position: relative;
    bottom: 0;
    margin: 0 auto;
    display: block;
    width: 100%;
    padding: 15px 0;
}
    /*#m1b-paketi .ekstra-pridobivki:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        background: white;
        left: 0;
        top: 1px;
        opacity: 0.5;
    }*/
    #m1b-paketi .ekstra-pridobivki .collapseOne1-pridobivki.panel-collapse.collapse.in {
        min-height: 260px;
    }

    #m1b-paketi .ekstra-pridobivki .panel-group {
        margin: 0;
    }

        #m1b-paketi .ekstra-pridobivki .panel-group .panel-default {
            background: transparent !important;
            border: 0 !important;
            box-shadow: none;
        }

            #m1b-paketi .ekstra-pridobivki .panel-group .panel-default .panel-heading {
                padding: 0;
            }

                #m1b-paketi .ekstra-pridobivki .panel-group .panel-default .panel-heading .panel-body {
                    padding: 10px 0;
                }

    #m1b-paketi .ekstra-pridobivki .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border: 0 !important;
    }

    #m1b-paketi .ekstra-pridobivki .panel-group .panel-default .panel-heading .panel-title {
        padding-right: 25px;
    }

        #m1b-paketi .ekstra-pridobivki .panel-group .panel-default .panel-heading .panel-title a:after {
            content: "\f3d8";
            right: 10px;
            top: 15px;
            color: white;
        }

        #m1b-paketi .ekstra-pridobivki .panel-group .panel-default .panel-heading .panel-title a.collapsed:after {
            content: "\f3d0";
            color: white;
            right: 10px;
            top: 15px;
        }

#m1b-paketi .package-wrap ul li span {
    color: white;
    font-family: 'teleNeo-medium' !important;
}

    #m1b-paketi .package-wrap ul li span.magenta-text {
        /*color: #e20074;*/
        font-family: 'teleNeo-medium' !important;
        color: white;
    }

    #m1b-paketi .package-wrap ul li span.white-text.line-through {
        text-decoration: line-through;
        padding-left: 5px;
    }

    #m1b-paketi .package-wrap ul li span.new-text {
        color: #333 !important;
        font-family: 'teleNeo-medium' !important;
    }

#m1b-paketi .package-wrap .one-t-dicklaimer-message {
    z-index: 5;
    position: absolute;
    left: -80px;
}

    #m1b-paketi .package-wrap .one-t-dicklaimer-message:before {
        left: 38%;
    }

#m1b-paketi .wrapper.mobilni-uslugi .mob-package-header {
    position: relative;
    color: white;
    font-size: 30px;
    text-align: center;
    min-height: 65px;
    vertical-align: middle;
    margin-bottom: 10px;
}

#m1b-paketi .wrapper.mobilni-uslugi p.small {
    position: relative;
    padding: 0 10px;
    color: white;
    display: block;
    clear: both;
    top: 20px;
}

#m1b-paketi .wrapper.mobilni-uslugi .mob-package-header span {
    position: relative;
    top: 12px;
    font-family: 'teleNeo-bold' !important;
}

#m1b-paketi .wrapper.mobilni-uslugi .mob-package-header:after {
    content: "";
    width: 100%;
    height: 1px;
    background: white;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .5;
}


#m1b-paketi .wrapper.mobilni-uslugi ul li {
    color: white !important;
    font-family: 'teleNeo-medium' !important;
    font-size: 19px;
    margin-bottom: 20px;
    margin-left: 20px;
    position: relative;
    line-height: 1.2;
}

    #m1b-paketi .wrapper.mobilni-uslugi ul li:before {
        content: '';
        position: absolute;
        width: 8px;
        height: 8px;
        background: white;
        border-radius: 50%;
        left: -22px;
        display: block;
        top: 50%;
        display: table-cell;
        vertical-align: middle;
    }

    #m1b-paketi .wrapper.mobilni-uslugi ul li.five-g-wrap span {
        font-size: 28px;
        font-weight: 600;
    }

#m1b-paketi .wrapper.mobilni-uslugi .roaming-magenta {
    position: relative;
    min-height: 55px;
    text-align: center;
}

#m1b-paketi .wrapper.mobilni-uslugi .mob-package-info {
    position: relative;
    min-height: 430px;
}

#m1b-paketi .wrapper.mobilni-uslugi .old-price:before {
    content: '';
    display: none;
}

#m1b-paketi .wrapper.mobilni-uslugi .mob-package-price {
    position: relative;
    bottom: 0px;
    text-align: center;
    display: block;
    width: 100%;
    margin: 0 auto;
}

    #m1b-paketi .wrapper.mobilni-uslugi .mob-package-price p {
        font-size: 27px;
        font-family: 'teleNeo-medium' !important;
        left: 0;
        right: 0;
        position: relative;
    }

    #m1b-paketi .wrapper.mobilni-uslugi .mob-package-price:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        background: white;
        left: 0;
        opacity: 0.5;
    }

#m1b-paketi .wrapper.fiksni-uslugi.row {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
}

    #m1b-paketi .wrapper.fiksni-uslugi.row p.promo {
        color: white;
        font-size: 17px;
        line-height: 1.2;
        margin: 30px 0;
    }

#m1b-paketi .wrapper.fiksni-uslugi p.packae-header {
    color: white;
    font-size: 21px;
}

#m1b-paketi .wrapper.fiksni-uslugi p.package-header {
    position: relative;
    color: white;
    font-size: 22px;
    font-family: 'teleNeo-medium' !important;
    margin: 30px 20px;
}

#m1b-paketi .wrapper.fiksni-uslugi .package-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
    margin-bottom: 40px;
}


.fiksni-package-s,
.fiksni-package-m,
.fiksni-package-l {
    position: relative;
    height: auto;
    border: 1px solid white;
    min-height: 575px;
    padding: 0 20px 20px 20px;
    background: transparent;
}


#m1b-paketi .wrapper.fiksni-uslugi .fiksni-package-header {
    position: relative;
    color: #e20074;
    font-size: 30px;
    text-align: center;
    min-height: 65px;
    vertical-align: middle;
    margin-bottom: 10px;
}

    #m1b-paketi .wrapper.fiksni-uslugi .fiksni-package-header:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        background: white;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: .5;
    }

    #m1b-paketi .wrapper.fiksni-uslugi .fiksni-package-header span {
        position: relative;
        top: 12px;
        font-family: 'teleNeo-bold' !important;
    }

#m1b-paketi .wrapper.fiksni-uslugi .fiksni-package-info ul li {
    color: white;
    font-family: 'teleNeo-medium' !important;
    font-size: 19px;
    margin-bottom: 20px;
    margin-left: 20px;
    position: relative;
    line-height: 1.2;
}

    #m1b-paketi .wrapper.fiksni-uslugi .fiksni-package-info ul li:before {
        content: '';
        position: absolute;
        width: 8px;
        height: 8px;
        background: white;
        border-radius: 50%;
        left: -22px;
        display: block;
        top: 50%;
        display: table-cell;
        vertical-align: middle;
    }

    #m1b-paketi .wrapper.fiksni-uslugi .fiksni-package-info ul li a.text-white {
        color: white;
        text-decoration: underline;
    }

#m1b-paketi .wrapper.fiksni-uslugi .fiksni-package-price {
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 0;
    right: 0;
    display: block;
    width: 90%;
    margin: 0 auto;
}

    #m1b-paketi .wrapper.fiksni-uslugi .fiksni-package-price p {
        font-size: 27px;
        font-family: 'teleNeo-medium' !important;
        left: 0;
        right: 0;
        position: relative;
        color: #e20074;
    }

    #m1b-paketi .wrapper.fiksni-uslugi .fiksni-package-price:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        background: white;
        left: 0;
        opacity: 0.5;
    }

#m1b-paketi .wrapper.ekstra-uslugi.row {
    min-height: 350px;
}

#m1b-paketi .wrapper.ekstra-uslugi p.package-header {
    position: relative;
    color: white;
    font-size: 22px;
    font-family: 'teleNeo-medium' !important;
    margin: 30px 20px;
}

#m1b-paketi .wrapper.ekstra-uslugi .ekstra-package {
    position: relative;
    min-height: 255px;
    border: 1px solid white;
    padding: 20px;
}

    #m1b-paketi .wrapper.ekstra-uslugi .ekstra-package:before {
        content: '';
        width: 280px;
        height: 271px;
        border: 1px solid #e20074;
        position: absolute;
        top: -8px;
        left: -6px;
    }

    #m1b-paketi .wrapper.ekstra-uslugi .ekstra-package ul li {
        color: white;
        font-family: 'teleNeo-medium' !important;
        font-size: 19px;
        margin-bottom: 20px;
        margin-left: 20px;
        position: relative;
        line-height: 1.2;
    }

        #m1b-paketi .wrapper.ekstra-uslugi .ekstra-package ul li:before {
            content: '';
            position: absolute;
            width: 8px;
            height: 8px;
            background: white;
            border-radius: 50%;
            left: -22px;
            display: block;
            top: 50%;
            display: table-cell;
            vertical-align: middle;
        }

#m1-business-new section.magenta-bcg {
    position: relative;
    background: #e20074;
    color: white;
    padding: 3% 0;
}

    #m1-business-new section.magenta-bcg h3 {
        font-size: 42px;
        margin: 0 0px 30px 0;
        font-family: 'teleNeo-bold' !important;
    }

    #m1-business-new section.magenta-bcg p {
        font-size: 20px;
        text-align: center;
        line-height: 1.2;
        font-family: 'teleNeo-medium' !important;
    }

#m1-business-new section.additional-offer {
    position: relative;
    width: 100%;
    padding: 3% 0;
    background: white;
}

    #m1-business-new section.additional-offer h3 {
        font-size: 42px;
        margin: 0 0 30px 0;
        font-family: 'teleNeo-bold' !important;
    }

    #m1-business-new section.additional-offer p {
        font-size: 20px;
        text-align: center;
        color: black;
        font-family: 'teleNeo-medium' !important;
        line-height: 1.2;
    }

    #m1-business-new section.additional-offer .additional-offer-icons {
        position: relative;
        display: table;
        width: 100%;
        text-align: center;
    }

        #m1-business-new section.additional-offer .additional-offer-icons .box {
            display: table-cell;
            vertical-align: middle;
            width: 24% !important;
            margin: 0 !important;
        }

            #m1-business-new section.additional-offer .additional-offer-icons .box .box-header {
                position: relative;
                min-height: 90px;
                padding: 0 40px;
                /* color: black; */
            }

                #m1-business-new section.additional-offer .additional-offer-icons .box .box-header h4 {
                    font-size: 21px;
                    color: black;
                    font-family: 'teleNeo-medium' !important;
                }

            #m1-business-new section.additional-offer .additional-offer-icons .box .box-icon {
                position: relative;
                margin-bottom: 30px;
            }

            #m1-business-new section.additional-offer .additional-offer-icons .box a {
                position: relative;
                font-size: 18px;
                padding: 8px 15px;
            }

#m1-business-new .wrapper.cloud-uslugi.row {
    position: relative;
}

    #m1-business-new .wrapper.cloud-uslugi.row h3.cloud-header {
        position: relative;
        color: white;
        font-size: 25px;
        font-family: 'teleNeo-medium' !important;
        margin: 30px 0px 30px 25px;
        text-transform: uppercase;
        width: auto;
    }

        #m1-business-new .wrapper.cloud-uslugi.row h3.cloud-header span:after {
            /*content: ']$';
            font-family: 'teleicon-outline';
            position: absolute;
            color: #e20074;
            font-size: 29px;
            top: 0;
            left: 176px;
            transform: rotateZ(0deg);
            transition-property: transform;
            transition-duration: .25s;
            width: 40px;
            height: 23px;*/
        }

        #m1-business-new .wrapper.cloud-uslugi.row h3.cloud-header span {
            position: relative;
            width: auto;
        }

    #m1-business-new .wrapper.cloud-uslugi.row p {
        margin: 30px 25px;
        color: white;
        font-size: 20px;
    }

    #m1-business-new .wrapper.cloud-uslugi.row .package-wrap {
        display: table;
        width: 100%;
        margin: 40px 0;
    }

        #m1-business-new .wrapper.cloud-uslugi.row .package-wrap .box {
            display: table-cell;
            position: relative;
        }

            #m1-business-new .wrapper.cloud-uslugi.row .package-wrap .box .cloud-package-img {
                position: relative;
                display: inline;
                width: 30%;
                float: left;
                padding-top: 15px;
            }

            #m1-business-new .wrapper.cloud-uslugi.row .package-wrap .box .cloud-package-text {
                position: relative;
                display: inline;
                width: 70%;
                float: left;
                color: white;
            }

                #m1-business-new .wrapper.cloud-uslugi.row .package-wrap .box .cloud-package-text a {
                    background: #e20074;
                    color: white;
                    font-size: 19px;
                    padding: 20px 15px;
                    text-align: center;
                    width: 100%;
                }

        #m1-business-new .wrapper.cloud-uslugi.row .package-wrap.novo {
            margin: 20px auto 70px;
        }

            #m1-business-new .wrapper.cloud-uslugi.row .package-wrap.novo .box.m-365 {
                margin-left: 22%;
            }

                #m1-business-new .wrapper.cloud-uslugi.row .package-wrap.novo .box.m-365 .ec-new,
                #m1-business-new .wrapper.cloud-uslugi.row .package-wrap .box.envoice .ec-new {
                    position: absolute;
                    right: -45px;
                    top: -40px;
                    z-index: 2;
                    width: 75px;
                }

.old-price {
    color: black !important;
    font-family: 'teleNeo-regular' !important;
    text-decoration: line-through;
}


/*    .old-price:before {
        content: '';
        position: absolute;
        width: 78px;
        height: 2px;
        background: black;
        transform: rotate(-18deg);
        top: 20px;
        bottom: 0;
        text-align: center;
        left: 0;
        right: 0;
        display: block;
        width: 90%;
        margin: 0 auto;
    }*/

.mob-package-price p span {
    font-size: 24px;
    font-family: 'teleNeo-medium' !important;
    left: 0;
    right: 0;
    position: relative;
    /* color: white; */
}

#m1-business-new p.magenta-text {
    position: relative;
    display: block;
    width: 100%;
    color: white;
    font-size: 18px;
    margin: 20px 10px;
}

    #m1-business-new p.magenta-text.small {
        font-size: 14px;
    }

#m1-business-new .content-tabs h4 {
    color: white;
    font-size: 22px;
    font-family: teleNeo-bold !important;
    margin: 10px 0;
}

#m1-business-new .content-tabs p {
    color: white;
    font-size: 17px;
    font-family: teleNeo-regular !important;
    margin: 0 0 10px;
}

@media(max-width: 357px) {
    #m1-business-new .main-banner .visible-xs.image {
        background-position: 52% 0 !important;
    }

    #m1-business-new .main-banner {
        height: 420px;
    }

    business-new .main-banner .header .wrapper:before {
        height: 260px;
    }

    #m1-business-new .main-banner .header .wrapper h1 {
        font-size: 27px;
        line-height: 24px;
    }


    #m1-business-new .main-banner .header .wrapper p {
        font-size: 17px;
    }
}

@media (max-width: 767px) {

    #m1-business-new {
        padding-bottom: 20px;
    }

        #m1-business-new .image img {
            object-fit: cover;
            object-position: top center;
        }

        #m1-business-new .image .absolute-img {
            position: absolute;
            right: 0;
            width: 58%;
            height: 100%;
            text-align: right;
            top: 0;
            bottom: initial;
            margin: 0;
        }

            #m1-business-new .image .absolute-img img {
                object-position: top right;
            }

        #m1-business-new .xMas-banner-m1 {
            background-position: 60% 0;
            min-height: 320px;
            height: auto;
        }

        #m1-business-new .box#mob-m,
        #m1-business-new .box#mob-m-no,
        #m1-business-new div#fiksni-m,
        #m1-business-new div#fiksni-m-no {
            transform: scale(1);
        }

        #m1-business-new div#m1b-paketi p.copy img {
            width: 70px;
            top: -70px;
            right: 0;
        }

        #m1-business-new .wrapper.cloud-uslugi.row .package-wrap.novo .box.m-365 .ec-new,
        #m1-business-new .wrapper.cloud-uslugi.row .package-wrap .box.envoice .ec-new {
            position: absolute;
            right: -5px;
            top: -33px;
            z-index: 2;
            width: 60px;
        }

        #m1-business-new .main-banner .header {
            width: 100%;
            height: 100%;
            background-size: contain;
            top: 0 !important;
            /* overflow: hidden;*/
            left: 0;
            right: 0;
            /*background-image: none !important;*/
        }

            #m1-business-new .main-banner .header .wrapper {
                position: relative;
                padding: 5% 3% 3% 7% !important;
                padding: 20px;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
                z-index: 2;
            }

                #m1-business-new .main-banner .header .wrapper:before {
                    /*background-image: url(../content/images/m1b-redesign/shape-m1-header.png);*/
                    content: '';
                    display: none;
                    /*  position: absolute;
                background-image: url(../content/images/m1b-redesign/m1business-inner-banner-2021-text.png);
                width: 100%;
                height: 200px;
                left: 0;
                top: 120px;
                background-size: contain;
                background-repeat: no-repeat;
                z-index: -1;*/
                }

    #m1b-paketi .package-wrap .one-t-dicklaimer-message {
        left: -120px;
    }

        #m1b-paketi .package-wrap .one-t-dicklaimer-message:before {
            left: 60%;
        }

    #m1-business-new .main-banner.sq .header .wrapper:before {
        background-image: url(../content/images/m1b-redesign/m1business-inner-banner-2021-text-sq.png);
    }

    #m1b-paketi .wrapper.mobilni-uslugi ul li {
        font-size: 17px !important;
    }

    #m1-business-new .main-banner .ec {
        top: -40px;
        right: 20px;
        z-index: 2;
        width: 60%;
    }

    #m1-business-new .main-banner .b2b-juni-promocija-2024 .text-promo .ec {
        top: -75px;
        right: 0;
        width: 65%;
    }

    #m1-business-new .main-banner .b2b-juni-promocija-2024 .text-promo {
        position: absolute;
    }

    #m1-business-new .main-banner .ec img {
        position: relative;
        width: 150px;
    }

    #m1-business-new .main-banner .header .wrapper h1 {
        font-size: 32px;
        font-family: 'teleNeo-extra' !important;
    }

    #m1-business-new .main-banner .header .wrapper h2 {
        color: white;
        font-size: 23px;
        text-align: left;
    }

    #m1-business-new .main-banner .header .wrapper p {
        font-size: 18px;
    }

    #m1-business-new .main-banner .visible-xs.image {
        position: relative;
        background-image: url(../content/images/m1b-redesign/mob-verzija-office.png);
        background-position: 68% 0;
        height: 300px;
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 1;
        top: 10px;
    }

    #m1-business-new .main-banner {
        height: 290px;
        /*background-image: url(../content/images/m1b-redesign/navivajte-za-makedonija-inner-banner-mob.jpg);*/
        /* background-image: url(../content/images/m1b-redesign/m-office-365-mob.jpg);*/
        background-position: 75%;
        background-size: cover;
        position: relative;
    }

        #m1-business-new .main-banner .image {
            display: none !important;
        }
        /*#m1-business-new .main-banner.sq {
            background-image: url(../content/images/m1b-redesign/navivajte-za-makedonija-inner-banner-mob-sq.jpg);
        }*/
        #m1-business-new .main-banner .wrapper {
            /*position: relative;
            height: 100%;
            display: inline-flex;
            align-items: flex-end;*/
            width: 100%;
            position: absolute;
            width: 100%;
            bottom: 0;
        }

    #m1-business-new .wrapper.cloud-uslugi.row .package-wrap {
        margin: 0 !important;
    }

    #m1-business-new .package-wrap.novo {
        margin: 0 !important;
    }

    #m1-business-new .wrapper.cloud-uslugi.row {
        padding-bottom: 40px;
    }

    #m1-business-new .box {
        width: 100%;
        display: block;
        float: left;
        margin: 15px 0;
    }

        #m1-business-new .box.m-365 {
            margin: 15px 0 !important;
        }

        #m1-business-new .box.tab-pane.fade {
            opacity: 0 !important;
            display: none;
            height: auto;
            position: relative;
            top: 0;
        }

            #m1-business-new .box.tab-pane.fade.in.active {
                opacity: 1 !important;
                display: block;
                height: auto;
                position: relative;
                top: 0;
            }

    #m1-business-new .border {
        border: 0 !important;
    }

    #m1-business-new .linked-tabs {
        position: relative;
        display: block;
        overflow: hidden;
        height: auto;
        bottom: 0;
    }

        #m1-business-new .linked-tabs .tab-right,
        #m1-business-new .linked-tabs .tab-left {
            width: 100%;
            display: block;
            float: none;
            padding: 10px;
        }

            #m1-business-new .linked-tabs .tab-right .wrap,
            #m1-business-new .linked-tabs .tab-left .wrap {
                width: 100%;
                text-align: left;
                float: none;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
            }

            #m1-business-new .linked-tabs .tab-right .img,
            #m1-business-new .linked-tabs .tab-left .img {
                width: 15%;
                float: none;
            }

            #m1-business-new .linked-tabs .tab-right .text,
            #m1-business-new .linked-tabs .tab-left .text {
                width: 75%;
            }

        #m1-business-new .linked-tabs .text p {
            padding: 0 !important;
        }

        #m1-business-new .linked-tabs a {
            position: relative;
            display: block;
            width: 100%;
        }

    #m1b-paketi .header-tabs h2 {
        font-size: 27px;
    }

        #m1b-paketi .header-tabs h2 span {
            display: inline;
            float: left;
            margin-bottom: 5px;
        }

        #m1b-paketi .header-tabs h2 ul {
            float: none;
            display: block;
        }

            #m1b-paketi .header-tabs h2 ul li {
                border: 0;
                position: relative;
                display: inline;
                float: left;
            }

                #m1b-paketi .header-tabs h2 ul li a {
                    padding: 0;
                    display: inline;
                    float: left;
                }



    #m1b-paketi .ec {
        position: absolute;
        right: -10px;
        top: 60px;
        z-index: 3;
        width: 90px;
    }

    .wrapper.mobilni-uslugi .border .mob-package-s,
    .wrapper.mobilni-uslugi .border .mob-package-m,
    .wrapper.mobilni-uslugi .border .mob-package-l {
        min-height: 455px;
    }

    .fiksni-package-s,
    .fiksni-package-m,
    .fiksni-package-l {
        min-height: 550px;
    }

        .fiksni-package-s:before,
        .fiksni-package-m:before,
        .fiksni-package-l:before {
            content: "";
            position: absolute;
            border: 1px solid #e20074;
            width: 100%;
            height: 100%;
            display: block;
            left: 0;
            right: 0;
            top: 0;
        }

    #m1b-paketi .wrapper.ekstra-uslugi .ekstra-package {
        min-height: 135px;
    }

        #m1b-paketi .wrapper.ekstra-uslugi .ekstra-package:before {
            content: '';
            width: 100%;
            height: 100%;
            border: 1px solid #e20074;
            position: absolute;
            top: 0;
            left: 0;
        }

    .mob-package-price p span {
        font-size: 22px;
    }

    #m1-business-new section.magenta-bcg h3,
    #m1-business-new section.additional-offer h3 {
        font-size: 31px;
    }

    #m1-business-new section.magenta-bcg p,
    #m1-business-new section.additional-offer p {
        font-size: 18px;
    }

    #m1-business-new section.additional-offer .additional-offer-icons .box {
        width: 50% !important;
        margin-bottom: 50px !important;
    }

    div#m1b-paketi .package-wrap ul.nav-tabs {
        width: 100%;
        margin: 0 auto;
        border: 0;
        list-style: none;
        text-align: center;
    }

        div#m1b-paketi .package-wrap ul.nav-tabs li {
            border: 0;
            border-radius: 0;
            margin: 0;
            width: 33%;
        }

            div#m1b-paketi .package-wrap ul.nav-tabs li:before {
                display: none;
            }

            div#m1b-paketi .package-wrap ul.nav-tabs li a {
                background: white;
                border: 0;
                color: #e20074;
                border-radius: 0;
                font-size: 16px;
                padding: 10px 0;
            }

            div#m1b-paketi .package-wrap ul.nav-tabs li.active a {
                background: #e20074;
                color: white !important;
            }

    #m1-business-new section.additional-offer .additional-offer-icons .box .box-header {
        min-height: 110px;
    }

    .old-price:before {
        content: '';
        top: 13px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #m1-business-new div#m1b-paketi p.copy {
        padding: 60px 150px 30px 0;
        margin: unset;
    }

        #m1-business-new div#m1b-paketi p.copy img {
            top: 20px;
            right: 0;
        }

    #m1-business-new .box#mob-m,
    #m1-business-new .box#mob-m-no,
    #m1-business-new div#fiksni-m,
    #m1-business-new div#fiksni-m-no {
        transform: scale(1);
    }

    #m1b-paketi .wrapper.mobilni-uslugi .mob-package-info {
        min-height: 390px;
    }

    #m1-business-new section.additional-offer .additional-offer-icons .box .box-header {
        min-height: 130px;
    }

    #m1-business-new .main-banner {
        background-position: 65%;
        height: 355px;
    }

        #m1-business-new .main-banner .image {
            width: 65%;
        }

        #m1-business-new .main-banner:before {
            width: 60%;
            background-repeat: no-repeat;
            left: 0;
            background-position: bottom right;
            background-size: cover;
        }

        #m1-business-new .main-banner .header {
            width: 80%;
            top: 22%;
            z-index: 0;
            overflow: hidden;
            background-size: contain;
            height: 100%;
        }

        #m1-business-new .main-banner .b2b-juni-promocija-2024 .text-promo .ec {
            width: 80%;
            top: 70px;
            right: -120px;
        }

        #m1-business-new .main-banner .header .wrapper {
            padding: 9% 50% 14% 5%;
        }

        #m1-business-new .main-banner .header h1 {
            font-size: 30px;
            line-height: 27px;
        }

        #m1-business-new .main-banner .header h2 {
            font-size: 23px;
            text-align: left;
            color: white;
            line-height: 1.2;
        }

        #m1-business-new .main-banner .header p {
            font-size: 19px;
        }

    #m1-business-new .linked-tabs .tab-right .wrap,
    #m1-business-new .linked-tabs .tab-left .wrap {
        width: 100%;
    }

    #m1-business-new .wrapper.cloud-uslugi.row .package-wrap .box .cloud-package-text {
        width: 60%;
        margin-left: 15px;
    }

        #m1-business-new .wrapper.cloud-uslugi.row .package-wrap .box .cloud-package-text a {
            white-space: pre-wrap;
        }

    #m1b-paketi .wrapper.mobilni-uslugi ul li,
    #m1b-paketi .wrapper.fiksni-uslugi .fiksni-package-info ul li,
    #m1b-paketi .wrapper.ekstra-uslugi .ekstra-package ul li {
        font-size: 17px;
    }

    #m1b-paketi .header-tabs {
        min-height: 90px;
    }

    #m1-business-new .box {
        margin: 0 10px;
        width: 31.333%;
    }

    .wrapper.mobilni-uslugi .border .mob-package-s,
    .wrapper.mobilni-uslugi .border .mob-package-m,
    .wrapper.mobilni-uslugi .border .mob-package-l {
        padding: 0 15px 20px 15px;
    }

    .mob-package-price p span {
        font-size: 22px;
    }

    .fiksni-package-s:before, .fiksni-package-m:before, .fiksni-package-l:before {
        content: "";
        position: absolute;
        border: 1px solid #e20074;
        width: 100%;
        height: 100%;
        display: block;
        left: 0;
        right: 0;
        top: 0px;
        z-index: -1;
    }

    #m1b-paketi .wrapper.fiksni-uslugi .box .ec {
        width: 75px;
        right: -35px;
        z-index: 3;
    }

    #m1b-paketi .wrapper.ekstra-uslugi .ekstra-package:before {
        content: '';
        width: 100%;
        height: 100%;
        border: 1px solid #e20074;
        position: absolute;
        top: 0;
        left: 0;
    }

    .fiksni-package-s, .fiksni-package-m, .fiksni-package-l {
        min-height: 560px;
        z-index: -1;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #m1-business-new div#m1b-paketi p.copy {
        padding: 60px 220px 30px 20px;
        margin: unset;
    }
    #m1-business-new .image img {
        object-position: 20% 50%;
    }

        #m1-business-new div#m1b-paketi p.copy img {
            top: 20px;
            right: 0;
        }

    #m1-business-new .main-banner .header {
        width: 78%;
        top: 5%;
        height: 100%;
    }

        #m1-business-new .main-banner .header h1 {
            font-size: 30px;
            line-height: 27px;
        }

        #m1-business-new .main-banner .header p {
            font-size: 19px;
        }

    #m1-business-new .linked-tabs .tab-right .wrap,
    #m1-business-new .linked-tabs .tab-left .wrap {
        width: 100%;
    }

    #m1-business-new .box {
        margin: 0 43px 50px;
    }

    .fiksni-package-s:before, .fiksni-package-m:before, .fiksni-package-l:before {
        width: 264px;
    }

    #m1b-paketi .wrapper.ekstra-uslugi .ekstra-package:before {
        width: 265px;
    }

    #m1b-paketi .wrapper.fiksni-uslugi .box .ec {
        top: -20px !important;
        width: 80px;
    }
}
/*#endregion m1b redesign*/
/*#region mail registration*/
#mail-registration {
    position: relative;
    padding: 3% 0;
}

    #mail-registration input[type="checkbox"] {
        margin: 5px 5px 0 0;
    }
/*#endregion mail registration*/

/*#region moj klub*/
#moj-klub {
    position: relative;
    width: 100%;
    padding: 2% 0;
}

    #moj-klub .moj-klub-banner {
        position: relative;
        background-color: #e20074;
    }

        #moj-klub .moj-klub-banner a {
            position: relative;
            width: 100%;
            display: block;
        }

            #moj-klub .moj-klub-banner a img {
                position: relative;
                width: 100%;
                height: auto;
            }

    #moj-klub .moj-klub-content {
        padding-top: 30px;
    }

        #moj-klub .moj-klub-content h1 {
            color: #333;
            padding: 15px 0;
            border-bottom: none;
            text-transform: none;
            color: #383838;
            font-size: 22px;
            margin-top: 0;
            padding-top: 0;
            margin-bottom: 0 !important;
            text-align: center;
            margin-top: 15px !important;
        }

.dobivanje-poeni-naslov {
    position: relative;
    text-align: center;
    padding: 20px 0;
}

    .dobivanje-poeni-naslov h1 {
        color: #333;
        font-size: 24px;
        text-transform: none;
    }

.koristenje-na-poeni-content {
    position: relative;
    padding: 20px 0;
}

    .koristenje-na-poeni-content h1 {
        color: #333;
        padding: 15px 0;
        border-bottom: none;
        text-transform: none;
        color: #383838;
        font-size: 22px;
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 0 !important;
        text-align: center;
        margin-top: 15px !important;
    }

    .koristenje-na-poeni-content ul li {
        display: block;
        background: url(../images/list-bullet.png) 0 11px no-repeat;
        padding-left: 15px;
        line-height: 145%;
        margin-bottom: 7px;
        margin-left: 15px;
    }

    .koristenje-na-poeni-content p, .koristenje-na-poeni-content ul li {
        font-size: 18px;
    }

#moj-klub-dopolnitelna {
    position: relative;
    width: 100%;
}

    #moj-klub-dopolnitelna .moj-klub-dopolnitelna-banner {
        position: relative;
        background-color: #e20074;
    }

        #moj-klub-dopolnitelna .moj-klub-dopolnitelna-banner a {
            position: relative;
            width: 100%;
            display: block;
        }

            #moj-klub-dopolnitelna .moj-klub-dopolnitelna-banner a img {
                position: relative;
                width: 100%;
                height: auto;
            }

    #moj-klub-dopolnitelna .moj-klub-dopolnitelna-content {
        position: relative;
        padding: 20px 0;
    }

        #moj-klub-dopolnitelna .moj-klub-dopolnitelna-content h1 {
            color: #333;
            padding: 15px 0;
            border-bottom: none;
            text-transform: none;
            color: #383838;
            font-size: 22px;
            margin-top: 0;
            padding-top: 0;
            margin-bottom: 0 !important;
            text-align: center;
            margin-top: 15px !important;
        }

        #moj-klub-dopolnitelna .moj-klub-dopolnitelna-content p {
            font-size: 18px;
        }

.moj-klub-privatni {
    position: relative;
    padding: 2% 0;
}

    .moj-klub-privatni h1 {
        color: #333;
        padding: 15px 0;
        border-bottom: none;
        text-transform: none;
        color: #383838;
        font-size: 22px;
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 0 !important;
        text-align: center;
        margin-top: 15px !important;
    }

.opsti-informacii {
    position: relative;
    padding: 2% 0;
}

    .opsti-informacii h1 {
        color: #333;
        padding: 15px 0;
        border-bottom: none;
        text-transform: none;
        color: #383838;
        font-size: 22px;
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 0 !important;
        text-align: center;
        margin-top: 15px !important;
    }

    .opsti-informacii ul li {
        display: block;
        background: url(../images/list-bullet.png) 0 11px no-repeat;
        padding-left: 15px;
        line-height: 145%;
        margin-bottom: 7px;
        margin-left: 15px;
    }

#mobilni-aplikacii {
    position: relative;
    padding: 2% 0;
}

    #mobilni-aplikacii .container h1 {
        color: #333;
        padding: 15px 0;
        border-bottom: none;
        text-transform: none;
        color: #383838;
        font-size: 22px;
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 0 !important;
        text-align: center;
        margin-top: 15px !important;
    }

    #mobilni-aplikacii .aplikacii h2 {
        position: relative;
        text-align: center;
        border: 0;
    }

    #mobilni-aplikacii .aplikacii p {
        min-height: 195px;
        color: #333;
    }
/*#endregion moj klub*/

/*#region penzioner telefoni*/
#penzioner-telefoni {
    position: relative;
    width: 100%;
}

    #penzioner-telefoni section.phone-wrap {
        position: relative;
        width: 100%;
        display: table;
        margin: 30px 0;
    }

        #penzioner-telefoni section.phone-wrap .phone-box {
            position: relative;
            width: 30.3333%;
            display: inline-block;
            border: 1px solid #e5e5e5;
            margin: 0 13px;
        }

        #penzioner-telefoni section.phone-wrap .phone-price {
            position: relative;
            text-align: center;
            width: auto;
            display: inline-block;
            padding: 0px 20px;
        }

            #penzioner-telefoni section.phone-wrap .phone-price .price {
                color: #383838;
                padding-bottom: 6px;
                font-size: 30px;
                font-family: teleNeo-medium;
                padding: 5px 3px 5px 0;
                letter-spacing: -1px;
                display: table-cell;
                vertical-align: middle;
                border-bottom: 0px solid #cdcdcd;
            }

            #penzioner-telefoni section.phone-wrap .phone-price span.installments {
                display: table-cell;
                vertical-align: bottom;
                border-bottom: 0px solid #cdcdcd;
                padding-bottom: 13px;
            }

                #penzioner-telefoni section.phone-wrap .phone-price span.installments span.currency {
                    display: block;
                    text-align: left;
                    line-height: 1.2;
                    font-size: 13px;
                    border-bottom: 1px solid #333;
                }

                #penzioner-telefoni section.phone-wrap .phone-price span.installments span.rata {
                    display: block;
                    text-align: left;
                    line-height: 1.2;
                    font-size: 13px;
                }

        #penzioner-telefoni section.phone-wrap .phone-order {
            position: relative;
            width: 100%;
        }

            #penzioner-telefoni section.phone-wrap .phone-order a {
                background: #e20074;
                color: white;
            }

                #penzioner-telefoni section.phone-wrap .phone-order a:hover {
                    text-decoration: none;
                    background-color: white;
                    color: #e20074;
                    border: 1px solid #e20074;
                }

@media (max-width: 767px) {
    #penzioner-telefoni section.phone-wrap .phone-box {
        width: 100%;
        display: block;
        margin: 15px auto;
    }

        #penzioner-telefoni section.phone-wrap .phone-box .phone-header h2 {
            font-size: 19px;
        }
}

@media(min-width: 768px) and (max-width: 991px) {
    #m1-business-new .linked-tabs .tab-right .img {
        display: flex;
        align-items: center;
    }
    #m1-business-new .linked-tabs .tab-right .text {
        width: 80%;
    } 
    #m1-business-new .xMas-banner-m1 {
        background-position: 50% 25%;
        height: auto;
        min-height: 490px;
    }

    #penzioner-telefoni section.phone-wrap .phone-box {
        display: inline-block;
        margin: 0 10px;
        height: auto;
    }

        #penzioner-telefoni section.phone-wrap .phone-box .phone-header h2 {
            font-size: 19px;
        }
}
/*#endregion penzioner telefoni*/
.defaultValue.disclaimerCustom span.oldPrice {
    text-decoration: line-through;
    margin-right: 3px;
}
/*za nav mobilna carousel*/
div#carouselMobileTraiffTables .tariffCol .newValue span.oldPrice {
    text-decoration: line-through;
    color: black;
    margin-right: 5px;
}

.defaultValue.disclaimerCustom span.newPrice {
    color: #e20074;
    font-family: teleNeo-medium !important;
}
/*#region osiguruvanje kaj mobile tarifa*/
.osiguruvanje-banner {
    position: relative;
    padding: 0 20px;
    /* background-image: url(../content/images/mobile-tarif/mobile-semi-banner.jpg); */
    background-color: white;
    box-shadow: 0 0 35px 8px rgba(0, 0, 0, .03);
    margin: 0 13px 30px 13px;
}

    .osiguruvanje-banner a {
        width: 100%;
        text-align: left;
        display: flex;
        color: white;
        text-decoration: none;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0;
    }

        .osiguruvanje-banner a:hover {
            text-decoration: none;
            color: white;
        }

    .osiguruvanje-banner .osiguruvanje-content {
        width: 50%;
    }

    .osiguruvanje-banner .osiguruvanje-ikona {
        width: 35%;
    }

    .osiguruvanje-banner .osiguruvanje-ec {
        width: 15%;
    }

    .osiguruvanje-banner div {
        display: inline-flex;
        position: relative;
    }

.osiguruvanje-content h3 {
    text-transform: none;
    font-size: 27px;
    font-family: 'teleNeo-bold' !important;
    margin: 0;
    color: black;
}

    .osiguruvanje-content h3 span {
        position: relative;
        display: block;
        text-transform: uppercase;
        font-size: 61px;
        font-family: 'teleNeo-extra' !important;
        line-height: 1;
    }

.osiguruvanje-content p.black-text {
    color: white;
    font-family: 'teleNeo-regular' !important;
    font-size: 21px;
    line-height: 1.2;
    padding: 0;
    margin: 0;
}

.osiguruvanje-ikona img {
    float: left;
}

.osiguruvanje-link a {
    text-align: right;
    float: right;
    background: white;
    color: #e20074;
}

    .osiguruvanje-link a:hover {
        border: 1px solid #e20074;
        color: #e20074;
    }
/*leten podarok banner*/
.banner-leten-podarok-inner {
    position: relative;
    display: table;
    width: 98.8%;
    color: white;
    padding: 10px;
    margin-bottom: 10px;
    margin-left: 9px;
    background-image: url(../content/images/banner-leten-podarok-inner.jpg);
    box-shadow: 0 0 35px 8px rgba(0, 0,0, .03);
    background-repeat: no-repeat;
    background-size: cover;
    height: 220px;
}

    .banner-leten-podarok-inner a {
        position: absolute;
        width: 100%;
        display: block;
        color: black;
        text-align: left;
        font-family: 'teleNeo-bold' !important;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

.osiguruvanje-banner-uredi {
    position: relative;
    display: table;
    width: 98.8%;
    /*background: #e20074;*/
    color: white;
    padding: 10px;
    margin-bottom: 10px;
    margin-left: 9px;
    /*background-image: url(../content/images/mobile-tarif/mobile-semi-banner.jpg);*/
    /*  background-image: url(../content/images/mobile-tarif/bg-samo-onlajn-lista.jpg);*/
    background-image: url(../content/images/mobile-tarif/bg-nov-broj.jpg);
    box-shadow: 0 0 35px 8px rgba(0, 0,0, .03);
    background-repeat: no-repeat;
    background-size: cover;
    /*   margin: 0 0px 30px 0;
    background-image: url(../content/images/webshop-details-banner.png);
    background-size: cover;
    background-position: center;
    height: 220px;*/
}

    .osiguruvanje-banner-uredi.sq {
        background-image: url(../content/images/webshop-details-banner-sq.png);
    }

    .osiguruvanje-banner-uredi.sim-card {
        padding: 11% 10px !important;
        background-image: url(../content/images/mobile-tarif/one-shop_october_2.jpg) !important;
    }

        .osiguruvanje-banner-uredi.sim-card a {
            margin: 0 !important;
        }

    .osiguruvanje-banner-uredi a {
        position: relative;
        width: 100%;
        display: block;
        color: black;
        text-align: left;
        font-family: 'teleNeo-bold' !important;
    }

        .osiguruvanje-banner-uredi a:hover {
            color: #e20074;
            text-decoration: none;
            box-shadow: none;
        }

    .osiguruvanje-banner-uredi div {
        position: relative;
        display: table-cell;
        vertical-align: middle;
    }

.osiguruvanje-button.btn.btn-white {
    right: 20px;
    position: absolute;
    bottom: 10px;
}

.osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-content {
    width: 60%;
}

.osiguruvanje-banner-uredi .osiguruvanje-ikona {
    width: 15%;
}

.osiguruvanje-banner-uredi .osiguruvanje-ec {
    width: 10%;
    position: absolute;
    bottom: 5px;
    left: 40%;
}

.osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-content h1 {
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    font-family: 'teleNeo-extra' !important;
    font-size: 28px;
    color: white;
    text-align: left;
    line-height: 1.1;
    margin: 0 !important;
}

    .osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-content h1 span {
        position: relative;
        display: block;
        text-transform: none;
        font-style: italic;
        font-size: 24px;
        font-family: 'teleNeo-medium' !important;
        line-height: 1.1;
        color: white;
        padding-top: 30px;
    }

.osiguruvanje-banner-uredi.sim-card .osiguruvanje-banner-uredi-content h1 {
    font-size: 34px !important;
}

    .osiguruvanje-banner-uredi.sim-card .osiguruvanje-banner-uredi-content h1 strong {
        font-family: 'teleNeo-extra' !important;
    }

.osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-content p {
    color: white;
    line-height: 1.2;
    margin: 0;
    font-family: 'teleNeo-medium' !important;
    font-size: 17px;
    text-align: left;
}

.osiguruvanje-banner-uredi.sim-card .osiguruvanje-banner-uredi-content p {
    font-size: 30px !important;
}

.osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-link a {
    position: relative;
    text-align: right;
    float: right;
    color: #e20074;
    background: white;
}

.osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-link {
    position: relative;
    padding-right: 10px;
}

    .osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-link a:hover {
        /* color: white; */
        border: 1px solid #e20074;
        color: #e20074;
    }

@media (max-width: 767px) {
    .banner-leten-podarok-inner {
        background-position: 85%;
        background-size: 220%;
    }

    .osiguruvanje-banner-uredi {
        height: 80px;
    }

    .osiguruvanje-banner {
        margin-bottom: 30px;
    }

        .osiguruvanje-banner div {
            display: block;
            width: 100% !important;
        }

        .osiguruvanje-banner a {
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            padding: 0 0px;
            width: 100%;
        }

    .osiguruvanje-content h3,
    .osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-content h1 {
        font-size: 25px;
        font-family: 'teleNeo-bold' !important;
        margin: 15px 0 5px;
        width: 100%;
        white-space: pre-line;
        line-height: 1.2;
        margin-bottom: 10px !important;
    }

    .osiguruvanje-button.btn.btn-white {
        right: unset;
        position: relative;
        bottom: 0;
        display: unset !important;
    }

    .osiguruvanje-banner-uredi a {
        display: unset !important;
    }

    .osiguruvanje-content h3 span,
    .osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-content h1 span {
        font-size: 22px;
    }

        .osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-content h1 span br {
            display: none;
        }

    .osiguruvanje-banner-uredi .osiguruvanje-ec {
        width: 20%;
        bottom: -35px;
        left: 75%;
    }

    .osiguruvanje-banner .osiguruvanje-ikona,
    .osiguruvanje-banner-uredi .osiguruvanje-ikona {
        display: none;
    }

    .osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-content {
        display: inline !important;
        width: 50% !important;
        /* float: left; */
    }

    .osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-ikona {
        width: 50% !important;
        float: left !important;
        display: inline-block !important;
    }

    .osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-link {
        display: block !important;
        width: 100% !important;
    }

        .osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-link a {
            top: 25px;
        }
}


@media (min-width: 768px) and (max-width: 991px) {
    .banner-leten-podarok-inner {
        background-position: 80%;
    }

    .osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-content h1 {
        font-size: 24px;
    }

    .osiguruvanje-banner-uredi {
        height: 150px;
    }

    .osiguruvanje-banner-uredi-content {
        width: 60% !important;
    }

    .osiguruvanje-banner-uredi-ikona {
        width: 35% !important;
    }

    .osiguruvanje-banner-uredi-link {
        width: 20% !important;
    }

    .osiguruvanje-banner-uredi .osiguruvanje-banner-uredi-content h1 span {
        font-size: 22px;
    }

    .osiguruvanje-banner-uredi .osiguruvanje-ec {
        position: absolute;
        bottom: 5px;
        left: 45%;
        width: 100%;
    }

    .osiguruvanje-button.btn.btn-white {
        right: 10px;
    }
}
/*#endregion osiguruvanje kaj mobile tarifa*/

.websms-banner {
    background-image: url('../content/images/inner-pages/sms-paketi-inner.jpg');
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 380px;
    margin-bottom: 30px;
}

.nagradna-igra-banner-2020 {
    margin-bottom: 10px;
    background-image: url(../content/images/nagradna-2020-baner.jpg);
    height: 280px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

    .nagradna-igra-banner-2020.sq {
        background-image: url(../content/images/nagradna-2020-baner-sq.jpg);
    }

@media (max-width: 991px) {
    .nagradna-igra-banner-2020,
    .nagradna-igra-banner-2020.sq {
        height: 180px;
        background-position: left;
    }
}

/*#region iPhone 12 */
#iphone-12-pro .low-terms {
    background: #f5f5f7 !important;
    position: relative;
    top: -10px;
}

    #iphone-12-pro .low-terms p {
        color: #333 !important;
    }

#iphone-12 section.main-banner,
#iphone-12-pro section.main-banner {
    position: relative;
    width: 100%;
    padding: 5% 0 5% 0;
}

#iphone-12 .wrapper,
#iphone-12-pro .wrapper {
    position: relative;
    width: 90%;
    margin: 0 auto;
}

#iphone-12 .main-img,
#iphone-12-pro .main-img {
    display: inline;
    width: 50%;
    float: left;
}

#iphone-12 .main-content,
#iphone-12-pro .main-content {
    position: relative;
    display: inline;
    width: 50%;
    float: left;
    padding-right: 160px;
    min-height: 400px;
}

#iphone-12-pro .main-content {
    padding-right: 100px;
}

#iphone-12-pro .dizajn-displej .main-content {
    padding-right: 180px;
}

#iphone-12 .main-banner .main-content,
#iphone-12-pro .main-banner .main-content {
    padding-left: 40px;
}

#iphone-12-pro .battery p {
    color: black !important;
    font-family: 'teleNeo-bold' !important;
    line-height: 1.2;
    padding-top: 5px;
}

#iphone-12 .main-banner .main-content h1,
#iphone-12-pro .main-banner .main-content h1 {
    margin-top: 30px;
    font-family: 'teleNeo-extra' !important;
    font-size: 52px;
}

#iphone-12 .main-banner .main-content p,
#iphone-12-pro .main-banner .main-content p {
    padding-top: 30px;
}

#iphone-12 .main-content p,
#iphone-12-pro .main-content p {
    font-size: 19px;
    color: black;
    font-family: 'teleNeo-medium' !important;
    line-height: 1.2;
}

#iphone-12 .main-content .logo,
#iphone-12-pro .main-content .logo {
    position: relative;
    margin-bottom: 20px;
}

    #iphone-12 .main-content .logo img,
    #iphone-12-pro .main-content .logo img {
        width: 110px;
    }

#iphone-12 .main-content h1,
#iphone-12-pro .main-content h1 {
    position: relative;
    color: black;
    font-family: 'teleNeo-bold' !important;
    font-size: 39px;
    text-transform: none;
    line-height: 1.1;
}

#iphone-12 .main-content a.border-btn,
#iphone-12-pro .main-content a.border-btn {
    position: absolute;
    bottom: 0;
    color: #bababa;
    border: 1px solid #bababa;
    border-radius: 50px;
    padding: 4px 25px;
    font-size: 18px;
}

#iphone-12 h3,
#iphone-12-pro h3 {
    color: #9f9fa6;
    font-size: 25px;
    font-family: 'teleNeo-bold' !important;
}

#iphone-12 .dizajn-displej .wrapper,
#iphone-12-pro .dizajn-displej .wrapper {
    background-color: #fbf6f1;
    padding: 4% 0;
    position: relative;
}

#iphone-12 .dizajn-displej .main-img {
    position: absolute;
    bottom: 0;
}

#iphone-12-pro .dizajn-displej .main-img {
    position: relative;
}

#iphone-12 .dizajn-displej .ekran,
#iphone-12-pro .dizajn-displej .ekran {
    position: relative;
    display: table;
}

    #iphone-12 .dizajn-displej .ekran img,
    #iphone-12 .dizajn-displej .ekran p {
        display: table-cell;
        width: auto;
        vertical-align: middle;
    }

    #iphone-12 .dizajn-displej .ekran img,
    #iphone-12-pro .dizajn-displej .ekran img {
        width: 30px !important;
    }

    #iphone-12 .dizajn-displej .ekran p,
    #iphone-12-pro .dizajn-displej .ekran p {
        padding-left: 15px;
        font-size: 15px !important;
        line-height: 1.1 !important;
    }

#iphone-12 section.bezichno-povrzuvanje,
#iphone-12-pro section.bezichno-povrzuvanje {
    background: #f5f5f7;
    padding: 3% 0 0 0;
    position: relative;
}

    #iphone-12 section.bezichno-povrzuvanje .main-img {
        bottom: -57px;
        position: relative;
    }

    #iphone-12-pro section.bezichno-povrzuvanje .main-img {
        bottom: 0;
    }

#iphone-12-pro .chip-bionic .main-content {
    top: 110px;
}

#iphone-12 .chip-bionic .wrapper,
#iphone-12-pro .chip-bionic .wrapper {
    padding: 3% 0;
    background: #e7f4e0;
}

#iphone-12 .chip-bionic .chip,
#iphone-12-pro .chip-bionic .chip {
    position: relative;
    display: table;
}

    #iphone-12 .chip-bionic .chip p,
    #iphone-12-pro .chip-bionic .chip p {
        width: auto;
        display: table-cell;
        vertical-align: middle;
        padding-left: 20px !important;
        font-size: 15px !important;
    }

    #iphone-12 .chip-bionic .chip img,
    #iphone-12-pro .chip-bionic .chip img {
        display: table-cell;
        width: 40px;
        vertical-align: middle;
    }

#iphone-12 .chip-bionic .main-img,
#iphone-12-pro .chip-bionic .main-img {
    top: 30px;
    position: relative;
}

#iphone-12 .dual-camera,
#iphone-12-pro .dual-camera {
    position: relative;
    background: #f5f5f7;
    padding: 3% 0;
}

    #iphone-12 .dual-camera .main-content,
    #iphone-12-pro .dual-camera .main-content {
        padding-left: 45px;
        padding-right: 0 !important;
    }

        #iphone-12 .dual-camera .main-content p.features,
        #iphone-12-pro .dual-camera .main-content p.features {
            position: relative;
            border-bottom: 1px solid #bcbcbf;
            padding-bottom: 10px;
        }

    #iphone-12 .dual-camera .camera,
    #iphone-12-pro .dual-camera .camera {
        position: relative;
        display: table;
        padding-bottom: 20px;
    }

section.dual-camera.mb10 .main-img {
    height: 360px;
    position: relative;
}

    section.dual-camera.mb10 .main-img img {
        width: auto;
        height: 100%;
        position: absolute;
        transform: translate(-50%,50%);
        margin-left: 50%;
        top: -80px;
    }

#iphone-12 .dual-camera .camera img {
    display: table-cell;
    width: 55px;
    vertical-align: middle;
}

#iphone-12 .dual-camera .camera p,
#iphone-12-pro .dual-camera .camera p {
    display: table-cell;
    padding-left: 20px !important;
    font-size: 15px !important;
    width: 250px;
    vertical-align: middle;
}

#iphone-12 .video-features,
#iphone-12-pro .video-features {
    position: relative;
    display: table;
    padding-bottom: 20px;
}

#iphone-12 section.video.mb10 .main-img,
#iphone-12-pro section.video.mb10 .main-img {
    position: relative;
    top: 70px;
}

#iphone-12 .video.mb10 .wrapper,
#iphone-12-pro .video.mb10 .wrapper {
    padding: 2% 0;
    background: #c9e2ef;
}

#iphone-12 .video-features img,
#iphone-12-pro .video-features img {
    display: table-cell;
    width: 30px;
    vertical-align: middle;
}

#iphone-12 .video-features p,
#iphone-12-pro .video-features p {
    width: 320px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    font-size: 15px !important;
}

#iphone-12 section.why-iphone,
#iphone-12-pro section.why-iphone {
    position: relative;
    width: 100%;
    background: #f5f5f7 !important;
}

    #iphone-12 section.why-iphone .wrapper,
    #iphone-12-pro section.why-iphone .wrapper {
        position: relative;
        width: 70% !important;
        margin: 0 auto;
    }

        #iphone-12 section.why-iphone .wrapper .colums,
        #iphone-12-pro section.why-iphone .wrapper .colums {
            background: white;
            padding: 20px;
        }

#iphone-12 .why-iphone h1,
#iphone-12-pro .why-iphone h1 {
    position: relative;
    color: black;
    font-family: 'teleNeo-bold' !important;
    font-size: 39px;
    text-transform: none;
    line-height: 1.1;
}

#iphone-12 .why-iphone .colums.mb5,
#iphone-12-pro .why-iphone .colums.mb5 {
    position: relative;
    display: block;
}

#iphone-12 .why-iphone .col,
#iphone-12-pro .why-iphone .col {
    display: table-cell;
    width: auto;
    text-align: left;
    vertical-align: top;
    float: none;
    width: 25%;
    height: 170px;
    padding: 20px;
}

    #iphone-12 .why-iphone .col img,
    #iphone-12-pro .why-iphone .col img {
        width: auto;
        height: auto;
    }

#iphone-12 .why-iphone p strong,
#iphone-12-pro .why-iphone p strong {
    font-size: 17px;
    color: black;
}

#iphone-12 .why-iphone p,
#iphone-12-pro .why-iphone p {
    color: #6e6e73;
}

#iphone-12 .why-iphone .like-header,
#iphone-12-pro .why-iphone .like-header {
    position: relative;
    min-height: 48px;
}

#iphone-12 .why-iphone .telefoni .tel,
#iphone-12-pro .why-iphone .telefoni .tel {
    text-align: center;
    padding-bottom: 0px;
    /*border-bottom: 1px solid #d2d2d7;*/
}

    #iphone-12 .why-iphone .telefoni .tel h4,
    #iphone-12-pro .why-iphone .telefoni .tel h4 {
        text-align: center;
        color: #333;
        font-family: 'teleNeo-bold' !important;
        font-size: 22px;
        /*border-bottom: 1px solid #d2d2d7;*/
        padding-bottom: 10px;
    }

#iphone-12 .why-iphone .telefoni .col,
#iphone-12-pro .why-iphone .telefoni .col {
    width: 25% !important;
    padding: 30px !important;
}

#iphone-12 .why-iphone .telefoni .tel img:first-of-type,
#iphone-12-pro .why-iphone .telefoni .tel img:first-of-type {
    padding-top: 35px;
}

#iphone-12 .why-iphone .telefoni img.colors,
#iphone-12-pro .why-iphone .telefoni img.colors {
    height: auto !important;
    width: 100%;
    padding-top: 19px;
    display: block;
    margin: 0;
}

#iphone-12 .why-iphone .telefoni .link,
#iphone-12-pro .why-iphone .telefoni .link {
    position: relative;
    text-align: center;
    border: 1px solid #d2d2d7;
    width: 100px;
    margin: 0 auto;
    margin-top: 10px;
    border-radius: 50px;
}

    #iphone-12 .why-iphone .telefoni .link a,
    #iphone-12-pro .why-iphone .telefoni .link a {
        color: #656567;
        font-size: 16px;
        padding: 3px 15px;
    }

#iphone-12 .why-iphone .dimension,
#iphone-12-pro .why-iphone .dimension {
    text-align: center;
    min-height: 230px;
    padding-top: 40px;
}

    #iphone-12 .why-iphone .dimension P,
    #iphone-12-pro .why-iphone .dimension P {
        font-size: 33px;
        color: black !important;
        font-family: 'teleNeo-extra' !important;
        text-align: center;
        line-height: 1.2;
        padding: 0;
    }

    #iphone-12 .why-iphone .dimension span,
    #iphone-12-pro .why-iphone .dimension span {
        font-family: 'teleNeo-bold' !important;
        line-height: 1;
        font-size: 16px;
    }

#iphone-12 .why-iphone .five-g,
#iphone-12-pro .why-iphone .five-g {
    position: relative;
    text-align: center;
    min-height: 200px;
}

    #iphone-12 .why-iphone .five-g img,
    #iphone-12-pro .why-iphone .five-g img {
        width: 90px !important;
        height: auto;
    }

    #iphone-12 .why-iphone .five-g p,
    #iphone-12-pro .why-iphone .five-g p {
        color: black !important;
        font-family: 'teleNeo-bold' !important;
        line-height: 1.2;
        padding-top: 5px;
    }

#iphone-12 .why-iphone .camera,
#iphone-12-pro .why-iphone .camera {
    position: relative;
    min-height: 170px;
    text-align: center;
}

    #iphone-12 .why-iphone .camera img,
    #iphone-12-pro .why-iphone .camera img {
        width: 55px;
        height: auto;
    }

    #iphone-12 .why-iphone .camera p,
    #iphone-12-pro .why-iphone .camera p {
        color: black !important;
        font-family: 'teleNeo-bold' !important;
        line-height: 1.2;
        padding-top: 5px;
    }

#iphone-12 .why-iphone .video,
#iphone-12-pro .why-iphone .video {
    text-align: center;
    position: relative;
}

    #iphone-12 .why-iphone .video p,
    #iphone-12-pro .why-iphone .video p {
        color: black !important;
        font-family: 'teleNeo-bold' !important;
        line-height: 1.2;
        padding-top: 5px;
    }

#iphone-12 .why-iphone .zoom,
#iphone-12-pro .why-iphone .zoom {
    position: relative;
    text-align: center;
    padding-top: 20px;
}

    #iphone-12 .why-iphone .zoom img,
    #iphone-12-pro .why-iphone .zoom img {
        width: 55px !important;
    }

    #iphone-12 .why-iphone .zoom p,
    #iphone-12-pro .why-iphone .zoom p {
        color: black !important;
        font-family: 'teleNeo-bold' !important;
        line-height: 1.2;
        padding-top: 5px;
    }

#iphone-12 .why-iphone .scanner,
#iphone-12-pro .why-iphone .scanner {
    position: relative;
    min-height: 190px;
    text-align: center;
}

    #iphone-12 .why-iphone .scanner img,
    #iphone-12-pro .why-iphone .scanner img {
        width: 60px !important;
    }

    #iphone-12 .why-iphone .scanner p,
    #iphone-12-pro .why-iphone .scanner p {
        color: black !important;
        font-family: 'teleNeo-bold' !important;
        line-height: 1.2;
        padding-top: 5px;
    }

#iphone-12 .why-iphone .battery,
#iphone-12-pro .why-iphone .battery {
    position: relative;
    text-align: center;
    min-height: 100px;
}

    #iphone-12 .why-iphone .battery img,
    #iphone-12-pro .why-iphone .battery img {
        width: 70px !important;
    }

#iphone-12 .low-terms,
#iphone-12-pro .low-terms {
    background: #f5f5f7;
}

#iphone-12 .why-iphone .colums.gadgets,
#iphone-12-pro .why-iphone .colums.gadgets {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

    #iphone-12 .why-iphone .colums.gadgets .left-side,
    #iphone-12 .why-iphone .colums.gadgets .right-side,
    #iphone-12-pro .why-iphone .colums.gadgets .left-side,
    #iphone-12-pro .why-iphone .colums.gadgets .right-side {
        display: inline;
        width: 50%;
        float: left;
    }

    #iphone-12 .why-iphone .colums.gadgets .left-side,
    #iphone-12-pro .why-iphone .colums.gadgets .left-side {
        padding-right: 40px;
    }

        #iphone-12 .why-iphone .colums.gadgets .left-side p,
        #iphone-12-pro .why-iphone .colums.gadgets .left-side p {
            color: black !important;
            font-family: 'teleNeo-medium' !important;
            font-size: 19px;
        }

        #iphone-12 .why-iphone .colums.gadgets .left-side a.arrow-btn,
        #iphone-12-pro .why-iphone .colums.gadgets .left-side a.arrow-btn {
            font-family: 'teleNeo-medium' !important;
            font-size: 19px;
            position: relative;
            width: 200px;
        }

            #iphone-12 .why-iphone .colums.gadgets .left-side a.arrow-btn:after,
            #iphone-12-pro .why-iphone .colums.gadgets .left-side a.arrow-btn:after {
                content: '%';
                position: absolute;
                font-family: 'teleicon-outline' !important;
                color: #00a0de;
                height: 15px;
                width: 15px;
                right: -12px;
                top: 12px;
                transform: rotate(180deg);
            }

#iphone-12-pro .lidar-technology {
    position: relative;
    padding: 4% 0 2% 0;
}

@media(max-width: 767px) {
    #iphone-12-pro .dizajn-displej .main-content {
        padding-right: 0;
    }

    #iphone-12 .main-img, #iphone-12-pro .main-img {
        width: 100%;
        display: block;
        float: none;
    }

    #iphone-12 .main-content,
    #iphone-12-pro .main-content {
        width: 100%;
        display: block;
        float: none;
        padding-right: 0;
        min-height: 350px;
    }

        #iphone-12 .main-content a.border-btn,
        #iphone-12-pro .main-content a.border-btn {
            position: relative;
            margin-top: 20px
        }

    #iphone-12 .main-banner .main-content h1,
    #iphone-12-pro .main-banner .main-content h1 {
        font-size: 36px;
    }

    #iphone-12 .dizajn-displej .main-img,
    #iphone-12-pro .dizajn-displej .main-img {
        position: relative;
    }

    #iphone-12 section.bezichno-povrzuvanje .main-img,
    #iphone-12-pro section.bezichno-povrzuvanje .main-img {
        bottom: 0;
    }

    section.dual-camera.mb10 .main-img {
        height: 350px;
    }

        section.dual-camera.mb10 .main-img img {
            width: auto;
            height: auto;
            position: relative;
            transform: translate(0%,0%);
            margin-left: 0;
            top: 0;
        }

    #iphone-12 .dual-camera .main-content,
    #iphone-12-pro .dual-camera .main-content {
        padding-left: 0;
    }

    #iphone-12 section.why-iphone .wrapper,
    #iphone-12-pro section.why-iphone .wrapper {
        width: 100% !important;
    }

    #iphone-12 .why-iphone .col,
    #iphone-12-pro .why-iphone .col {
        display: block;
        width: auto;
        padding: 20px 0;
        height: 200px;
    }

    #iphone-12 .why-iphone .telefoni .col,
    #iphone-12-pro .why-iphone .telefoni .col {
        width: auto !important;
        height: auto !important;
    }

    #iphone-12 .why-iphone .colums.gadgets .left-side,
    #iphone-12 .why-iphone .colums.gadgets .right-side,
    #iphone-12-pro .why-iphone .colums.gadgets .left-side,
    #iphone-12-pro .why-iphone .colums.gadgets .right-side {
        display: block;
        width: 100%;
        float: none;
    }

    #iphone-12 .why-iphone .colums.gadgets .left-side,
    #iphone-12-pro .why-iphone .colums.gadgets .left-side {
        padding-right: 0;
    }

    #iphone-12 .why-iphone .colums.gadgets .right-side,
    #iphone-12-pro .why-iphone .colums.gadgets .right-side {
        padding-top: 30px;
    }

    #telefoni-carousel {
        background: white;
        padding: 0 20px;
    }

        #telefoni-carousel p {
            display: block;
        }

    #iphone-12 .why-iphone .scanner,
    #iphone-12-pro .why-iphone .scanner {
        min-height: initial;
    }

    #telefoni-carousel a.left:after {
        content: ']%';
        font-family: 'teleicon-outline';
        color: #333;
        font-size: 80px;
        top: 50%;
        position: absolute;
    }

    #telefoni-carousel a.right:after {
        content: ']%';
        font-family: 'teleicon-outline';
        color: #333;
        font-size: 80px;
        top: 50%;
        position: absolute;
        transform: rotate(180deg);
        right: 40px;
    }

    #iphone-12 .video-features p,
    #iphone-12-pro .video-features p {
        width: 250px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #iphone-12 .main-content,
    #iphone-12-pro .main-content {
        padding-right: 50px;
        padding-left: 20px;
    }

    #telefoni-carousel {
        background: white;
    }

        #telefoni-carousel p {
            display: block;
        }

    #iphone-12 .why-iphone .scanner,
    #iphone-12-pro .why-iphone .scanner {
        min-height: initial;
    }

    #telefoni-carousel a.left:after {
        content: ']%';
        font-family: 'teleicon-outline';
        color: #333;
        font-size: 80px;
        top: 50%;
        position: absolute;
    }

    #telefoni-carousel a.right:after {
        content: ']%';
        font-family: 'teleicon-outline';
        color: #333;
        font-size: 80px;
        top: 50%;
        position: absolute;
        transform: rotate(180deg);
        right: 40px;
    }

    #iphone-12 section.why-iphone .wrapper,
    #iphone-12-pro section.why-iphone .wrapper {
        width: 90%;
    }

    #iphone-12 .video-features p,
    #iphone-12-pro .video-features p {
        width: 250px;
    }
}

#iphone-12-pro {
    background: #161617;
}

    #iphone-12-pro section,
    #iphone-12-pro section .wrapper {
        background: black !important;
    }

    #iphone-12-pro h1,
    #iphone-12-pro p {
        color: #f5f5f7 !important;
    }

        #iphone-12-pro p.features {
            color: #67a7b9 !important;
            font-family: 'teleNeo-regular' !important;
        }

    #iphone-12-pro .dual-camera .camera {
        display: inline;
        float: left;
        width: 45%;
        margin-left: 20px;
    }

        #iphone-12-pro .dual-camera .camera img {
            width: 50px;
            display: block !important;
        }

        #iphone-12-pro .dual-camera .camera p {
            display: block !important;
            padding: 10px 0 !important;
            padding-right: 70px !important;
            color: #ccc !important;
        }

    #iphone-12-pro .why-iphone h1 {
        color: #333 !important;
    }

    #iphone-12-pro .why-iphone p {
        color: #6e6e73 !important;
    }

#iphone-12 section.why-iphone.sporedba {
    background: white !important;
}

    #iphone-12 section.why-iphone.sporedba .link {
        position: relative;
        border: 0;
        border-radius: 0;
        width: auto;
        border-bottom: 1px solid #ccc;
        padding-bottom: 30px;
    }

        #iphone-12 section.why-iphone.sporedba .link a {
            position: relative;
            border: 1px solid #000;
            border-radius: 50px;
            display: inline-block;
            padding: 8px 15px;
            width: 130px;
            margin: 10px 0;
            color: #000;
        }

    #iphone-12 section.why-iphone.sporedba .boja h4 {
        font-family: 'teleNeo-extra' !important;
        font-size: 20px;
    }

/*#endregion iPhone 12*/
/*#region business tarifi new*/
@media(min-width: 992px) {
    #business-tarifi-new .tab-content > .tab-pane {
        float: left;
        display: inline;
        height: auto !important;
        overflow: visible;
        opacity: 1;
        width: 180px;
        margin: 10px 9px;
        padding: 0;
    }
}

#business-tarifi-new .main-banner {
    position: relative;
    /*background-image: url(../content/images/business-tarifi-new-banner.jpg);*/
    /*background-image: url(../content/images/business-tarifi-new-banner-new.jpg);*/
    background-image: url(../content/images/banner-business-l-inner-bg.jpg);
    background-position: center;
    height: 400px;
    background-size: cover;
}

    #business-tarifi-new .main-banner.sq {
        /*background-image: url(../content/images/business-tarifi-new-banner-sq.jpg);*/
        /*background-image: url(../content/images/business-tarifi-new-banner-new-sq.jpg);*/
        background-image: url(../content/images/banner-business-l-inner-bg-sq.jpg);
    }

#business-tarifi-new .tab-content {
    position: relative;
    width: 100%;
    height: auto;
    overflow: visible;
    padding-bottom: 25px;
    display: block;
    clear: both;
    z-index: 2;
}

    #business-tarifi-new .tab-content .smart-table {
        min-height: 700px;
        border-top: 1px solid #e0e0e0;
    }

        #business-tarifi-new .tab-content .smart-table .one-t-dicklaimer-message {
            position: absolute;
            left: -90px;
        }

            #business-tarifi-new .tab-content .smart-table .one-t-dicklaimer-message:before {
                left: 45%;
            }

        #business-tarifi-new .tab-content .smart-table.smart-tariff-m {
            border: 2px solid #e20074;
            position: relative;
        }

            /*#business-tarifi-new .tab-content .smart-table.smart-tariff-l {
            border: 2px solid #e20074 !important;
        }
*/
            #business-tarifi-new .tab-content .smart-table.smart-tariff-m .tariff-title {
                color: #e20074;
            }

        #business-tarifi-new .tab-content .smart-table div {
            position: relative;
            text-align: center;
            font-size: 16px;
            padding-left: 5px;
            padding-right: 5px;
        }

#business-tarifi-new h2 {
    color: #e20074;
    text-align: center;
    font-size: 27px;
    text-transform: uppercase;
    margin: 35px 0 30px 0;
    font-family: 'teleNeo-bold' !important;
}

#business-tarifi-new .content p {
    font-size: 18px;
    line-height: 1.2;
}

#business-tarifi-new .content .bg {
    position: relative;
    padding: 50px;
    background: #e20074;
    box-shadow: 0 0 35px 7px #e200741f;
    color: white;
    margin-bottom: 40px;
    background: transparent linear-gradient( 60deg, #c80c6d 0%, #e20074 100%) 0% 0% no-repeat padding-box;
}

    #business-tarifi-new .content .bg a {
        color: white;
        text-decoration: underline;
    }

    #business-tarifi-new .content .bg .ec {
        position: absolute;
        right: 20px;
        top: -50px;
        width: 90px;
    }

    #business-tarifi-new .content .bg h3 {
        font-size: 30px;
        font-family: teleNeo-bold !important;
        padding: 0;
        margin: 0 0 30px 0;
    }

#business-tarifi-new .text {
    padding: 20px;
    position: relative;
    width: 100%;
    box-shadow: 0 0 35px 7px #00000014;
    margin: 20px auto;
    text-align: left;
}

    #business-tarifi-new .text h3 {
        font-size: 22px;
        margin: 10px 0 20px;
    }

    #business-tarifi-new .text ul {
        margin-bottom: 20px;
    }

        #business-tarifi-new .text ul li {
            font-size: 18px;
            margin-left: 10px;
        }

div#business-tarifi-new .smart-tarifa {
    background: transparent;
    text-align: center;
    padding-bottom: 15px;
}

    div#business-tarifi-new .smart-tarifa .tariff-title {
        font-size: 28px;
        color: rgba(0,0,0,0.70);
        padding: 15px 0 5px;
        display: block;
        text-align: center;
    }

div#business-tarifi-new .smart-razgovori-box {
    padding-bottom: 10px;
    min-height: 102px;
}

    div#business-tarifi-new .smart-razgovori-box .smartBoxBold {
        font-weight: 600;
        text-transform: uppercase;
    }

div#business-tarifi-new .stream-on {
    min-height: 35px !important;
}

    div#business-tarifi-new .stream-on span {
        font-weight: 600;
    }

div#business-tarifi-new .smart-internet-box {
    min-height: 55px !important;
}

    div#business-tarifi-new .smart-internet-box span {
        font-size: 18px;
    }

div#business-tarifi-new .minuti-box {
    min-height: 75px !important;
}

div#business-tarifi-new .smart-priceWraper {
    display: inline-block;
    margin: 0 auto;
    min-height: 45px;
}

    div#business-tarifi-new .smart-priceWraper .p-left-smart {
        font-size: 30px !important;
        float: left;
        text-align: left !important;
        line-height: 1.2;
    }

        div#business-tarifi-new .smart-priceWraper .p-left-smart span {
            font-size: 29px;
            width: 100%;
            margin: 0 auto;
            text-align: center;
        }

    div#business-tarifi-new .smart-priceWraper span.old-price:before {
        content: '';
        display: none;
    }

    div#business-tarifi-new .smart-priceWraper span.old-price {
        font-size: 17px !important;
    }

div#business-tarifi-new .p-right-smart {
    margin-left: 0px;
    float: left;
    padding-top: 7px;
}

    div#business-tarifi-new .p-right-smart span {
        color: #333;
        font-size: 11px !important;
    }

div#business-tarifi-new .roaming-box {
    min-height: 60px;
}

div#business-tarifi-new .internet-roaming-box {
    min-height: 65px;
}

div#business-tarifi-new .business-travel-surf {
    min-height: 60px;
}

div#business-tarifi-new .roaming-magenta {
    min-height: 80px;
}



div#business-tarifi-new .smartPanelBox.ekstra-pridobivki {
    min-height: 55px !important;
}

    div#business-tarifi-new .smartPanelBox.ekstra-pridobivki .panel-group {
        margin: 0;
    }

div#business-tarifi-new #accordion-pridobivki .panel-heading > .panel-title > a.collapsed:after,
div#business-tarifi-new #accordion-pridobivki .panel-heading > .panel-title > a:after {
    right: 0;
    top: 17px;
}

div#business-tarifi-new #accordion-pridobivki .panel-collapse div {
    text-align: left;
}

div#business-tarifi-new .collapseOne1-pridobivki.panel-collapse.collapse.in {
    min-height: 450px;
    padding: 0;
}

div#business-tarifi-new .collapseOne1-pridobivki label {
    padding-left: 22px;
}

    div#business-tarifi-new .collapseOne1-pridobivki label span.checkmark {
        height: 15px;
        width: 15px;
        top: 5px;
    }



#business-tarifi-new .povlastena-pretplata .panel-group,
#business-tarifi-new .povlastena-pretplata .panel-group .panel-default,
#business-tarifi-new .povlastena-pretplata .panel-group .panel-title {
    position: relative;
    padding: 0 !important;
    border: 0;
    box-shadow: none;
}

    #business-tarifi-new .povlastena-pretplata .panel-group * {
        padding: 0 !important;
    }

    #business-tarifi-new .povlastena-pretplata .panel-group#accordion .panel-title a {
        background: transparent !important;
        padding-bottom: 20px;
        padding-left: 0;
        padding-right: 0;
        background-image: none !important;
    }

    #business-tarifi-new .povlastena-pretplata .panel-group .panel-title a:after {
        content: "\f3d8";
        font-family: "Ionicons";
        position: absolute;
        color: #888888;
        font-size: 15px;
        top: 3px;
        right: 0;
        margin: auto;
        transform: rotateZ( -180deg );
        transition-property: transform;
        transition-duration: .25s;
    }

    #business-tarifi-new .povlastena-pretplata .panel-group .panel-title a.collapsed:after {
        content: "\f3d0";
        font-family: "Ionicons";
        position: absolute;
        color: #888888;
        font-size: 20px;
        top: 3px;
        right: 0;
        margin: auto;
        transform: rotateZ( 0deg );
    }

    #business-tarifi-new .povlastena-pretplata .panel-group .panel-title a .povlastenaPretplataAcc {
        padding-right: 15px !important;
        text-align: center;
        line-height: 1.2;
        font-size: 15px;
    }

#business-tarifi-new .povlastena-pretplata .panel-body .one-t-dicklaimer img {
    width: 10px;
    height: 10px;
}

#business-tarifi-new .povlastena-pretplata .panel-body .one-t-dicklaimer .one-t-dicklaimer-message {
    width: 150px !important;
    bottom: 30px !important;
    left: -50px;
    position: absolute;
}

#business-tarifi-new .povlastena-pretplata .panel-body .optionName {
    width: 45%;
    display: inline;
    float: left;
    margin-right: 8px;
    font-size: 14px !important;
}

#business-tarifi-new .povlastena-pretplata .panel-body .optionPrice {
    width: 50%;
    display: inline;
    float: left;
}

    #business-tarifi-new .povlastena-pretplata .panel-body .optionPrice .p-left-smart span {
        font-size: 20px;
        font-family: 'teleNeo-regular' !important;
        font-weight: 500;
        color: #333;
        text-align: right;
    }

    #business-tarifi-new .povlastena-pretplata .panel-body .optionPrice .p-right-smart {
        margin-left: 5px !important;
    }

        #business-tarifi-new .povlastena-pretplata .panel-body .optionPrice .p-right-smart span {
            color: #333;
            font-size: 11px !important;
            text-transform: none;
        }

div#business-tarifi-new .small-text p {
    font-size: 13px;
}

#business-tarifi-new .panel-default .panel-heading {
    background-color: transparent;
}

@media(max-width: 767px) {
    ul.nav.nav-tabs.visible-xs {
        width: 100%;
        border-bottom: 0px;
        display: block !important;
        margin: 0px auto;
        position: relative;
        text-align: center;
    }

    div#business-tarifi-new .smart-priceWraper {
        display: flex;
        margin: 0 auto;
        min-height: 45px;
        width: 65%;
        justify-content: center;
        align-items: center;
        padding: 20px 0 0 0 !important;
    }

    div#business-tarifi-new ul.nav.nav-tabs.visible-xs li {
        border: 1px solid #cacaca;
        background: #f5f5f5;
        width: 20%;
        display: table-cell;
    }

        div#business-tarifi-new ul.nav.nav-tabs.visible-xs li a {
            margin-right: 0px;
            line-height: 1.2;
            border: 1px solid transparent;
            border-radius: 0;
            border-left: 0;
            border-right: 0px;
            color: #333;
            font-size: 15px;
            padding: 9px 0;
            width: 100%;
            text-align: center;
        }

        div#business-tarifi-new ul.nav.nav-tabs.visible-xs li.active a {
            color: #e20074;
        }

            div#business-tarifi-new ul.nav.nav-tabs.visible-xs li.active a:before {
                content: '';
                width: 100%;
                position: absolute;
                top: -2px;
                bottom: auto;
                height: 2px;
                background: #e20074;
                z-index: 2;
                left: 0px;
                right: 0px;
            }

    #business-tarifi-new .tab-content .smart-table .one-t-dicklaimer-message {
        left: -110px;
    }

        #business-tarifi-new .tab-content .smart-table .one-t-dicklaimer-message:before {
            left: 50%;
        }
}

@media(min-width: 768px) and (max-width: 991px) {
    ul.nav.nav-tabs.visible-xs {
        width: 42%;
        margin: 0px auto;
    }
}
/*#endregion business tarifi new*/


/*#region iRobots*/

#irobots .irobots-banner {
    background-color: #e20074;
    padding: 60px 0;
    text-align: center;
    padding-bottom: 285px;
    color: white;
    background-image: url(../content/images/iRobots/irobots-header-bcg.jpg);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}

    #irobots .irobots-banner h1 {
        position: relative;
        color: white;
        font-size: 75px;
        font-family: 'teleNeo-regular' !important;
    }

        #irobots .irobots-banner h1 span {
            font-family: 'teleNeo-extra' !important;
        }

#irobots .irobots-introTxt p {
    font-size: 19px;
}

#irobots .smartHome-tabsBox {
    box-shadow: none;
}

#irobots .nav.nav-tabs {
    border-bottom: 1px solid #e5e5e5;
}

    #irobots .nav.nav-tabs li {
        width: 33.333%;
    }

        #irobots .nav.nav-tabs li a {
            min-height: 60px;
            background-color: transparent;
            color: #333;
        }

            #irobots .nav.nav-tabs li a:before {
                content: '';
                display: none;
            }

        #irobots .nav.nav-tabs li.active {
            background-color: transparent;
        }

            #irobots .nav.nav-tabs li.active a {
                border-bottom: 2px solid #e20074;
                color: #e20074 !important;
            }

#irobots .tab-content .wrapper {
    position: relative;
    padding: 2% 0 0;
}

    #irobots .tab-content .wrapper .shape {
        position: relative;
        width: 80%;
        height: 300px;
        margin: 80px auto 50px;
        z-index: 2;
        border: 0;
    }

        #irobots .tab-content .wrapper .shape h3 {
            position: relative;
            margin: 0 0 30px;
            font-size: 33px;
            z-index: 3;
            font-family: 'teleNeo-medium' !important;
        }

            #irobots .tab-content .wrapper .shape h3:before {
                content: '';
                position: absolute;
                background-image: url(../content/images/iRobots/irobot-shape.png);
                height: 160px;
                width: 130px;
                top: -60px;
                left: -4.9%;
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
                z-index: 0;
            }

            #irobots .tab-content .wrapper .shape h3 span {
                position: relative;
                z-index: 9;
                color: white;
            }

        #irobots .tab-content .wrapper .shape ul {
            position: relative;
            padding-left: 5%;
        }

            #irobots .tab-content .wrapper .shape ul li {
                font-size: 19px;
                margin-bottom: 15px;
            }

#irobots .wrapper .info {
    position: relative;
    border: 0;
    width: 100%;
    color: #333;
    margin: 0;
    padding: 0;
}

    #irobots .wrapper .info:after {
        position: absolute;
        content: '';
        background-image: url(../content/images/iRobots/irobot-shape-two.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: 480px;
        height: 950px;
        right: 0;
        top: -330px;
        z-index: 0;
        transform: scale(1.2);
    }

    #irobots .wrapper .info .text {
        position: relative;
        width: 40%;
        display: inline-block;
        float: left;
        margin: 20px 0 20px 80px;
    }

        #irobots .wrapper .info .text h2 {
            color: #e20074;
            font-size: 40px;
            border-bottom: 1px solid #ccc;
            width: 82%;
            font-family: 'teleNeo-bold' !important;
            margin-bottom: 35px;
        }

        #irobots .wrapper .info .text p {
            font-size: 19px;
            line-height: 1.2;
            font-family: 'teleNeo-medium' !important;
        }

    #irobots .wrapper .info .img {
        position: relative;
        width: 50%;
        display: inline-block;
        float: left;
        z-index: 5;
        text-align: right;
    }

        #irobots .wrapper .info .img img {
            width: 300px;
            height: auto;
        }

#irobots .are-u-ready {
    position: relative;
    padding: 7% 0 3%;
}

    #irobots .are-u-ready h2 {
        position: relative;
        font-size: 40px;
        text-align: center;
        font-family: 'teleNeo-regular' !important;
        margin-bottom: 40px;
    }

        #irobots .are-u-ready h2 span {
            font-family: 'teleNeo-extra' !important;
            color: #e20074;
        }

    #irobots .are-u-ready .wrap {
        position: relative;
        display: block;
        overflow: hidden;
    }

        #irobots .are-u-ready .wrap .left-img {
            position: relative;
            width: 50%;
            display: inline-block;
            float: left;
            text-align: center;
        }

        #irobots .are-u-ready .wrap .right-img {
            position: relative;
            width: 50%;
            display: inline-block;
            float: left;
            text-align: center;
        }

        #irobots .are-u-ready .wrap img {
            width: 300px;
            height: auto;
        }

        #irobots .are-u-ready .wrap .right-text {
            position: relative;
            width: 50%;
            display: inline-block;
            float: left;
            padding: 3% 15% 0 0%;
        }

        #irobots .are-u-ready .wrap .left-text {
            position: relative;
            width: 50%;
            display: inline-block;
            float: left;
            padding: 3% 0% 0 15%;
            text-align: left;
        }

        #irobots .are-u-ready .wrap p {
            font-size: 19px;
            font-family: 'teleNeo-medium' !important;
        }

    #irobots .are-u-ready .link {
        position: relative;
        display: block;
        text-align: center;
        margin: 30px 0;
    }

        #irobots .are-u-ready .link a {
            margin: 0 auto;
            width: 100px;
            position: relative;
            text-transform: uppercase;
            font-size: 17px;
            border-radius: 0;
        }

#irobots .big-image-section {
    position: relative;
    background-image: url(../content/images/iRobots/irobot-shape-three-2.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 7% 0 4%;
}

    #irobots .big-image-section .img-wrap {
        position: relative;
        width: 65%;
        margin: 0 auto;
    }

        #irobots .big-image-section .img-wrap h2 {
            position: relative;
            font-family: 'teleNeo-regular' !important;
            color: white;
            font-size: 55px;
        }

            #irobots .big-image-section .img-wrap h2 span {
                font-family: 'teleNeo-extra' !important;
                color: white;
            }

#irobots .slider-wrap {
    width: 980px;
    margin: 0 auto;
    display: block;
    position: absolute;
    bottom: 100%;
    text-align: center;
    /* max-height: 440px; */
    /* display: flex; */
}


    #irobots .slider-wrap .slick-slider.slider-nav {
        width: 100%;
        background-color: transparent;
        left: 0;
    }

        #irobots .slider-wrap .slick-slider.slider-nav .item {
            position: relative;
            text-align: center;
            text-align: center;
            margin: 0 auto;
        }

            #irobots .slider-wrap .slick-slider.slider-nav .item img {
                width: 200px;
                height: auto;
            }

    #irobots .slider-wrap .slider-nav .item span {
        position: relative;
        color: white;
        font-family: 'teleNeo-medium' !important;
        font-size: 25px;
    }

    #irobots .slider-wrap .slick-slider.slider-nav .item.slick-slide {
        transform: scale(0.7) translate3d(-161px,0,0);
    }

        #irobots .slider-wrap .slick-slider.slider-nav .item.slick-slide.slick-active.slick-center {
            transform: scale(1.1) translate(-165px) !important;
        }

        #irobots .slider-wrap .slick-slider.slider-nav .item.slick-slide.slick-active + .slick-slide {
            transform: scale(0.8) translate3d(-320px, 0,0);
            /* z-index: 10; */
            /* opacity: 1; */
        }

        #irobots .slider-wrap .slick-slider.slider-nav .item.slick-slide.slick-center {
            /* margin: 0 -10%; */
            transform: scale(1);
            z-index: 30;
        }


    #irobots .slider-wrap .slick-slider.slider-nav .item.slick-active.slick-center {
        filter: none;
        transform: scale(1.05);
        transition: all ease .6s;
        /* width: 100px !important; */
    }


    #irobots .slider-wrap .slick-slider.slider-nav .item.slick-cloned,
    #irobots .slider-wrap .slick-slider.slider-nav .item.slick-active,
    #irobots .slider-wrap .slick-slider.slider-nav .item.slick-active.slick-cloned {
        -webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
        filter: blur(5px);
        /* width: 130px !important; */
    }


/*mora visina zosto aos ne raboti*/
#irobots .tab-content {
    position: relative;
    width: 100%;
    height: 2450px;
}

    #irobots .tab-content .tab-pane {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
    }

#irobots .slider-wrap .slick-slider.slider-nav .slick-track {
    margin: 0 auto;
    left: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 767px) {
    #irobots .irobots-banner {
        padding-bottom: 235px;
    }

    #irobots .slider-wrap {
        width: 90%;
    }

        #irobots .slider-wrap .slider-nav .item span {
            font-size: 18px;
        }

    #irobots .irobots-banner h1 {
        font-size: 34px;
    }

    #irobots .nav.nav-tabs li a {
        min-height: 65px;
        font-size: 17px;
    }


    #irobots .slider-wrap .slick-slider.slider-nav .item.slick-active.slick-slide {
        opacity: 1;
    }

    #irobots .tab-content .wrapper .shape {
        height: auto !important;
    }

        #irobots .tab-content .wrapper .shape h3 {
            font-size: 29px;
        }

            #irobots .tab-content .wrapper .shape h3:before {
                content: '';
                position: absolute;
                background-image: url(../content/images/iRobots/irobot-shape.png);
                height: 150px;
                width: 110px;
                z-index: -1;
                display: block;
            }

        #irobots .tab-content .wrapper .shape ul li {
            font-size: 17px;
            margin-bottom: 10px;
        }

    #irobots .wrapper .info:after {
        content: '';
        display: none;
    }

    #irobots .wrapper .info .text {
        position: relative;
        width: 100%;
        display: inline-block;
        float: none;
        margin: 20px 0 20px 0px;
    }

        #irobots .wrapper .info .text h2 {
            font-size: 30px;
            width: 70%;
            margin-bottom: 30px;
        }

        #irobots .wrapper .info .text p {
            font-size: 17px;
        }

    #irobots .wrapper .info .img {
        position: relative;
        width: 100%;
        display: block;
        float: none;
        z-index: 5;
        text-align: center;
    }

    #irobots .are-u-ready h2 {
        font-size: 34px;
    }

    #irobots .are-u-ready .wrap .left-img,
    #irobots .are-u-ready .wrap .right-text,
    #irobots .are-u-ready .wrap .left-text,
    #irobots .are-u-ready .wrap .right-img {
        position: relative;
        width: 100%;
        display: block;
        float: none;
        text-align: center;
        padding: 0;
    }

    #irobots .big-image-section {
        padding: 20% 0 0%;
    }

        #irobots .big-image-section .img-wrap {
            width: 100%;
        }

            #irobots .big-image-section .img-wrap h2 {
                font-size: 40px;
            }

    #irobots .tab-content {
        height: 2690px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #irobots .slider-wrap {
        width: 100%;
    }

    #irobots .wrapper .info:after {
        position: absolute;
        content: '';
        background-image: url(../content/images/iRobots/irobot-shape-two.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: 340px;
        height: 950px;
        right: 0;
        top: -330px;
        z-index: 0;
    }

    #irobots .tab-content {
        height: 2580px;
    }

    #irobots .wrapper .info .img {
        width: 47%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #irobots .wrapper .info:after {
        position: absolute;
        content: '';
        width: 470px;
    }
}
/*#endregion iRobots*/
/*#region stream on redesign landing*/

#stream-on-landing {
    overflow: hidden;
}

.stream-on-banner {
    background: rgb(226,0,116);
    background: linear-gradient(270deg, rgba(226,0,116,1) 0%, rgba(191,4,100,1) 100%);
    padding-top: 4%;
}

.stream-on-landing-intro {
    position: relative;
    overflow: hidden;
}

    .stream-on-landing-intro > img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

.stream-on-white-green {
    padding: 120px 0 110px;
    position: relative;
}

    .stream-on-white-green h2 {
        font-family: 'teleNeo-bold' !important;
        color: black;
        font-size: 34px;
        margin-bottom: 40px;
        margin-top: 10px;
    }

        .stream-on-white-green h2 span {
            font-size: 60px;
            display: block;
            font-family: 'teleNeo-extra' !important;
        }

#stream-on-landing p {
    font-size: 20px;
}

    #stream-on-landing p strong {
        font-family: 'teleNeo-extra' !important;
    }

.stream-on-banner img {
    width: 30%;
}



#stream-on-landing h3 {
    font-family: 'teleNeo-medium' !important;
    font-size: 34px;
    margin-bottom: 40px;
}

    #stream-on-landing h3 span {
        font-size: 60px;
        display: block;
        font-family: 'teleNeo-extra' !important;
        text-transform: uppercase;
    }


#stream-on-landing .stream-on-black-box h3 {
    color: white;
    width: 40%;
    /*margin-bottom: 20%;*/
    margin-bottom: 205px;
    width: 40%;
    /*padding-top: 10%;*/
    padding-top: 100px;
}

.stream-on-black-box h3 span {
    color: #e20074;
}


.stream-on-black-box {
    background: #000000;
    color: #fff;
    padding: 70px 0 0;
    position: relative;
    z-index: 10;
}

    .stream-on-black-box .container {
        position: relative;
    }

.stream-on-blackBox-magentaBox-left {
    position: absolute;
    background: #e20074;
    width: 55%;
    left: 0;
    top: 100%;
    padding: 40px 60px;
}

.stream-on-black-box-txt {
    position: relative;
}

.stream-on-blackBox-magentaBox-right {
    position: absolute;
    background: #e20074;
    width: 50%;
    right: 0;
    top: 0;
    padding: 40px 60px 90px;
}

.stream-on-activation {
    /*background: url(../content/images/stream-on/stream-on-white-green-activation.jpg) no-repeat center;*/
    background-size: cover;
    padding: 410px 0 140px;
    background: rgb(255,206,113);
    background: linear-gradient( 49deg, rgba(255,206,113,1) 0%, rgba(254,228,177,1) 51%, rgba(255,231,193,1) 100%);
}


.stream-on-activation-box {
    background: white;
    text-align: center;
    padding: 62px 20px;
    border: 1px solid transparent;
}

    .stream-on-activation-box:hover {
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        -webkit-animation-name: flipInX;
        animation-name: flipInX;
    }

.stream-on-activation-txt {
    text-align: right;
}

.stream-on-activation-box.activation-box-magen {
    background-color: transparent;
    border: 1px solid #ffffff;
}

.stream-on-loop-text {
    height: 110px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    transform: translate3d(0,0,0);
    z-index: 3;
}

    .stream-on-loop-text .mover-1 {
        animation: moveSlideshow 12s linear infinite;
        background-image: url(../content/images/stream-on/stream-on-text-horizontal.png);
        height: 45px;
        width: 5100px;
    }


.stream-on-work {
    background: white;
    padding: 2% 0 7%;
    position: relative;
}


    .stream-on-work img {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 40%;
    }

.stream-on-work-txt {
    width: 50%;
}

#stream-on-landing .stream-on-work-txt h3 span {
    color: #e20074;
}


.stream-on-work a {
    display: inline-block;
    padding: 15px 45px 20px;
    text-decoration: underline;
    font-size: 20px;
    color: white;
    background: #000;
    transition: 1s;
    transform: skewX(-25deg);
    margin-top: 55px;
    margin-left: 90px;
}

    .stream-on-work a:hover {
        transition: 0.5s;
        transform: skewX(0deg);
    }

.stream-on-activation_work {
    position: relative;
}

    .stream-on-activation_work .stream-on-loop-text-vertical {
        width: auto;
        max-width: 100%;
        height: 108px;
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 1;
        transform: rotate(-90deg) translate(0, -100%);
        transform-origin: 100% 0;
    }


        .stream-on-activation_work .stream-on-loop-text-vertical .mover-1 {
            animation: moveSlideshow 12s linear infinite;
            background-image: url(../content/images/stream-on/stream-on-text-vertical-2.png);
            height: 108px;
            width: 5373px;
        }


.stream-on-animated {
    position: absolute;
    width: 220px;
    top: 40%;
}

    .stream-on-animated img {
        margin-top: -19px;
        filter: grayscale(1);
    }


.stream-on-white-green > img {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
}

.stream-on-white-green .container {
    position: relative;
    z-index: 1;
}

.stream-on-sodrzhini {
    background: url(../content/images/stream-on/stream-on-gray-background.png) no-repeat center;
    background-size: cover;
    background-position: left center;
    margin-top: -42px;
    color: #000000;
    padding: 130px 0 110px;
    position: relative;
    z-index: 1;
    clear: both;
}

#stream-on-landing .stream-on-sodrzhini h3 span {
    color: #ffffff;
}

.stream-on-sodrzhini-box {
    text-align: right;
}

#stream-on-landing .stream-on-sodrzhini h3 {
    margin-top: 10px;
}

#stream-on-landing .stream-on-sodrzhini h3, #stream-on-landing .stream-on-work h3 {
    font-family: 'teleNeo-bold' !important;
    text-transform: uppercase;
}

.stream-on-magenBox {
    background-size: contain;
    padding: 59px 20px;
    text-align: center;
}

    .stream-on-magenBox.stream-on-magenBox-1 {
        background: url(../content/images/stream-on/stream-on-magenta-box-1.png) no-repeat center;
    }

    .stream-on-magenBox.stream-on-magenBox-2 {
        background: url(../content/images/stream-on/stream-on-magenta-box-2.png) no-repeat center;
    }

    .stream-on-magenBox.stream-on-magenBox-3 {
        background: url(../content/images/stream-on/stream-on-magenta-box-3.png) no-repeat center;
    }

    .stream-on-magenBox.stream-on-magenBox-4 {
        background: url(../content/images/stream-on/stream-on-magenta-box-4.png) no-repeat center;
    }


.stream-on-white-green .row:first-of-type,
.stream-on-white-green .row:nth-child(2) {
    margin-bottom: 70px;
}


@media (min-width:1400px) and (max-width:1599px) {

    .stream-on-animated {
        width: 200px;
        left: -51px;
    }

        .stream-on-animated img {
            margin-top: -19px;
        }
}

/*@media (min-width:1600px) {
    #m1-business-new .main-banner {
        height: 800px;
    }
}*/
@media (min-width:1300px) and (max-width:1399px) {

    .stream-on-animated {
        width: 191px;
        left: -96px;
    }
}

@media (min-width:1199px) and (max-width:1399px) {


    .stream-on-activation_work .stream-on-loop-text-vertical {
        height: 79px;
    }

        .stream-on-activation_work .stream-on-loop-text-vertical .mover-1 {
            height: 79px;
            background-size: 20%;
        }
}


@media (max-width:1199px) {

    .stream-on-white-green > img {
        display: none;
    }

    .stream-on-white-green {
        background: url(../content/images/stream-on/stream-on-white-green-mob.jpg) no-repeat center;
        background-size: cover;
    }

    .stream-on-activation_work .stream-on-loop-text-vertical {
        display: none;
    }
}


@media (max-width:1299px) {

    .stream-on-animated {
        width: 190px;
        top: 60%;
        bottom: auto;
        left: 20px;
    }

        .stream-on-animated > img:nth-of-type(2), .stream-on-animated > img:nth-of-type(3) {
            display: none;
        }
}

@media (min-width:992px) and (max-width:1199px) {

    .stream-on-activation_work .stream-on-loop-text-vertical .mover-1 {
        height: 68px;
        background-size: 17%;
    }

    .stream-on-activation_work .stream-on-loop-text-vertical {
        height: 68px;
    }

    #stream-on-landing .stream-on-black-box h3 {
        margin-bottom: 265px;
    }
}


@media (max-width:991px) {



    .stream-on-activation .pr0 {
        padding-right: 0px !important;
    }

    .stream-on-activation .pl0 {
        padding-left: 0px !important;
    }


    #stream-on-landing p {
        font-size: 18px;
    }

    .stream-on-landing-intro > img {
        z-index: 0;
    }
}


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

    .stream-on-white-green {
        padding: 80px 0 70px;
    }

        .stream-on-white-green h2 span, #stream-on-landing h3 span {
            font-size: 50px;
        }

        .stream-on-white-green h2, #stream-on-landing h3 {
            font-size: 29px;
        }

    .stream-on-blackBox-magentaBox-right {
        padding: 20px 30px 40px;
    }

    .stream-on-blackBox-magentaBox-left {
        padding: 30px;
        width: 52%;
    }

    #stream-on-landing .stream-on-black-box h3, .stream-on-moreInfo-txt {
        padding-left: 30px;
    }

    .stream-on-activation-box {
        padding: 27px 20px;
    }

    .stream-on-activation_work .stream-on-loop-text-vertical {
        display: none;
    }

    .stream-on-activation {
        padding: 330px 0 100px;
    }

    .stream-on-black-box {
        padding: 40px 0 0;
    }

    .stream-on-work-txt {
        width: 80%;
    }

    .stream-on-work {
        padding: 2% 0 100px;
    }

        .stream-on-work a {
            margin-left: 60px;
        }

    .stream-on-magenBox {
        padding: 39px 20px;
    }

    .stream-on-sodrzhini {
        padding: 100px 0;
    }
}


@media (max-width:767px) {


    #stream-on-landing .stream-on-black-box h3 {
        margin-bottom: 30px;
        width: 90%;
        padding-top: 0px;
    }

    .stream-on-loop-text {
        height: 80px;
    }

    .stream-on-blackBox-magentaBox-right {
        position: relative;
        width: 100%;
        padding: 20px 25px 20px;
    }

    .stream-on-blackBox-magentaBox-left {
        position: relative;
        width: 100%;
        padding: 20px 25px 20px;
        margin: 20px 0 55px;
    }

    .stream-on-white-green h2 span, #stream-on-landing h3 span {
        font-size: 40px;
    }

    .stream-on-white-green h2, #stream-on-landing h3 {
        font-size: 27px;
    }

    .stream-on-activation_work .stream-on-loop-text-vertical .mover-1 {
        height: 79px;
        background-size: 20%;
    }

    .stream-on-activation_work .stream-on-loop-text-vertical {
        height: 79px;
        transform: none;
        display: block;
    }

    .stream-on-activation {
        padding: 140px 0 100px;
    }

    .stream-on-activation-box {
        padding: 46px 20px;
    }

    .stream-on-activation-txt {
        margin-top: 50px;
    }

    .stream-on-work-txt h3 {
        margin-top: 0;
    }

    .stream-on-work-txt {
        width: 95%;
    }

    .stream-on-work a {
        padding: 20px 25px 20px;
        font-size: 18px;
        margin-top: 25px;
        margin-left: 15px;
    }

    .stream-on-black-box {
        padding: 25px 0 0;
    }

    .stream-on-work img {
        position: relative;
        width: 70%;
        float: right;
        margin-top: 30px;
    }

    .stream-on-white-green {
        padding: 25px 0 90px;
    }

    .stream-on-sodrzhini {
        padding: 45px 0;
        background: #c4c6c5;
    }

    .stream-on-sodrzhini-box {
        text-align: left;
    }

    #stream-on-landing h3 {
        margin-bottom: 25px;
    }

    .stream-on-magenBox {
        padding: 35px 20px;
        margin-bottom: 25px;
    }

    .stream-on-white-green h2 {
        margin-bottom: 25px;
    }

    .stream-on-animated {
        top: auto;
        bottom: 20px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 150px;
    }

    .stream-on-white-green .row:first-of-type {
        margin-bottom: 40px;
    }
}



/*#endregion stream on redesign landing*/


/*#region speak out redesign landing*/
.speak-out-banner {
    background: rgb(181,184,183);
    background: linear-gradient(90deg, rgba(181,184,183,1) 0%, rgba(215,215,214,1) 100%);
    background-size: cover;
    padding-top: 4%;
    position: relative;
}

    .speak-out-banner:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 0px solid transparent;
        border-right: 50px solid transparent;
        border-top: 60px solid #cecfce;
        position: absolute;
        bottom: -60px;
        right: 20%;
        z-index: 3;
    }

.speak-out-landing-intro {
    position: relative;
    overflow: hidden;
}

    .speak-out-landing-intro > img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1;
    }

.speak-out-magenta {
    background: #e20074;
    padding: 120px 0 0px;
    position: relative;
}

.speak-out-moreInfo-txt {
    background: white;
    padding: 40px 40px 100px;
}

    .speak-out-moreInfo-txt h3 {
        font-size: 29px;
    }

    .speak-out-moreInfo-txt:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        background: #e20074;
        width: 100px;
        height: 80px;
    }

    .speak-out-moreInfo-txt:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        background: #e20074;
        width: 100px;
        height: 80px;
    }

.speak-out-socialIcon-box.speak-out-transparent-box {
    border: 1px solid white;
}

.speak-out-socialIcon-box.speak-out-white-box {
    background: white;
    box-shadow: inset 1px 1px 24px -5px #C4C4C4;
    -webkit-box-shadow: inset 1px 1px 24px -5px #C4C4C4;
    -moz-box-shadow: inset 1px 1px 24px -5px #C4C4C4;
    -o-box-shadow: inset 1px 1px 24px -5px #C4C4C4;
}

.speak-out-social-box {
    display: table;
    width: 100%;
    margin-top: 80px;
}

.speak-out-social-row {
    display: table-row;
}

.speak-out-socialIcon-box {
    display: table-cell;
    width: 33.3333%;
    text-align: center;
    padding: 40px;
}

.speak-out-magenta h2 {
    font-family: 'teleNeo-bold' !important;
    color: black;
    font-size: 34px;
    margin-bottom: 40px;
    margin-top: 10px;
}

    .speak-out-magenta h2 span {
        font-size: 60px;
        display: block;
        font-family: 'teleNeo-extra' !important;
        color: #e20074;
        line-height: 55px;
    }

#speak-out-landing p {
    font-size: 19px;
}

    #speak-out-landing p strong {
        font-family: 'teleNeo-extra' !important;
    }

.speak-out-banner > img {
    width: 42%;
    padding-left: 8%;
}


#speak-out-landing h3 {
    font-family: 'teleNeo-medium' !important;
    font-size: 34px;
    margin-bottom: 40px;
}

    #speak-out-landing h3 span {
        font-size: 60px;
        display: block;
        font-family: 'teleNeo-extra' !important;
        text-transform: uppercase;
    }

.speak-out-blackBox-magentaBox-left p {
    width: 44%;
    color: white;
}

.speak-out-black-box:before {
    content: '';
    width: 0;
    height: 0;
    border-right: 0px solid transparent;
    border-left: 40px solid transparent;
    border-top: 30px solid #e20074;
    position: absolute;
    top: 0;
    left: 33%;
    z-index: 9;
}

#speak-out-landing .speak-out-black-box h3 {
    color: white;
    width: 40%;
    margin-bottom: 205px;
    width: 40%;
    padding-top: 100px;
}

.speak-out-black-box h3 span {
    color: #e20074;
}


.speak-out-black-box {
    background: #000000;
    color: #fff;
    padding: 70px 0 0;
    position: relative;
    z-index: 10;
}

    .speak-out-black-box .container {
        position: relative;
    }

.speak-out-blackBox-magentaBox-left {
    position: relative;
    background: #e20074;
    padding: 60px 0 60px 70px;
    margin-bottom: 100px;
}

.speak-out-black-box-txt {
    position: relative;
}

.speak-out-blackBox-magentaBox-right {
    position: absolute;
    background: #e20074;
    width: 50%;
    right: 0;
    top: 30px;
    padding: 40px 40px 20px;
}

.speak-out-blackBox-magentaBox-left img {
    position: absolute;
    top: 26%;
    right: 0;
    z-index: 10;
    width: 65%;
}

.speak-out-activation {
    /*background: url(../content/images/speak-out/speak-out-gradient-activation.jpg) no-repeat center;*/
    background-size: cover;
    background-position: bottom center;
    padding: 0 0 250px;
    background: rgb(255,206,113);
    background: linear-gradient( 49deg, rgba(255,206,113,1) 0%, rgba(254,228,177,1) 51%, rgba(255,231,193,1) 100%);
}

.speak-out-activation-box:hover {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

.speak-out-activation-box {
    background: white;
    text-align: center;
    padding: 62px 20px;
    border: 1px solid transparent;
}

.speak-out-activation-txt {
    text-align: right;
    color: #000000;
}

.speak-out-activation-box.activation-box-magen {
    background-color: transparent;
    border: 1px solid #ffffff;
}

.speak-out-loop-text {
    height: 110px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    transform: translate3d(0,0,0);
    z-index: 3;
    margin-top: 40px;
}

    .speak-out-loop-text .mover-1 {
        animation: moveSlideshow 12s linear infinite;
        background-image: url(../content/images/speak-out/speak-out-text-horizontal.png);
        height: 49px;
        width: 5400px;
    }

    .speak-out-loop-text.sq .mover-1 {
        animation: moveSlideshow 12s linear infinite;
        background-image: url(../content/images/speak-out/speak-out-text-horizontal-sq.png);
        height: 49px;
        width: 5400px;
    }

.speak-out-work {
    background: white;
    padding: 0 0 7%;
    position: relative;
}


    .speak-out-work img {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 40%;
    }

.speak-out-work-txt {
    width: 50%;
}

#speak-out-landing .speak-out-work-txt h3 span {
    color: #e20074;
}


.speak-out-work a {
    display: inline-block;
    padding: 15px 45px 20px;
    text-decoration: underline;
    font-size: 20px;
    color: white;
    background: #000;
    transition: 1s;
    transform: skewX(-25deg);
    margin-top: 55px;
    margin-left: 90px;
}

    .speak-out-work a:hover {
        transition: 0.5s;
        transform: skewX(0deg);
    }


.speak-out-activation_work {
    position: relative;
    overflow-y: hidden;
}

    .speak-out-activation_work .speak-out-loop-text-vertical {
        width: auto;
        max-width: 100%;
        height: 108px;
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 1;
        transform: rotate(-90deg) translate(0, -100%);
        transform-origin: 100% 0;
    }


        .speak-out-activation_work .speak-out-loop-text-vertical .mover-1 {
            animation: moveSlideshow 12s linear infinite;
            background-image: url(../content/images/speak-out/speak-out-text-vertical-2.png);
            height: 108px;
            width: 5373px;
        }


.speak-out-animated {
    position: absolute;
    width: 220px;
    top: 40%;
    z-index: 10;
}

    .speak-out-animated img {
        margin-top: -19px;
        filter: grayscale(1);
    }


.speak-out-magenta > img {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
}

.speak-out-magenta .container {
    position: relative;
    z-index: 1;
}


.speak-out-magenta .row:first-of-type {
    margin-bottom: 70px;
}

.speak-out-work h3 {
    margin-top: 0;
}

.speak-out-video-box {
    position: absolute;
    top: 41%;
    z-index: 10;
    width: 15%;
}

.speak-out-video-box-img {
    position: relative;
    background: #000000;
}

.speak-out-video-box a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.speak-out-video-box-img img:first-of-type {
    width: 90%;
    padding: 35px 0px 25px 0;
}

.speak-out-video-box-img img:nth-of-type(2) {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 25%;
    -moz-animation: zoom ease-in-out 2s forwards;
    -webkit-animation: zoom ease-in-out 2s forwards;
    animation: zoomIn ease-in-out 1.2s forwards;
    transform-origin: center;
    animation-iteration-count: 1;
    /*transform: scale(.85);*/
    transition: transform .2s;
}

    .speak-out-video-box-img img:nth-of-type(2):hover {
        transform: scale(1.05);
    }

#speak-out-Modals .modal-dialog {
    width: 80%;
    margin: 30px auto;
    text-align: center;
}

    #speak-out-Modals .modal-dialog .modal-header .close {
        position: absolute;
        top: 18px;
        right: 5px;
        background: #000000;
        border-radius: 0;
        opacity: 1;
        width: 21px;
        height: 21px;
    }

        #speak-out-Modals .modal-dialog .modal-header .close > span {
            color: white;
            text-shadow: none !important;
            font-weight: normal;
            font-size: 20px;
            margin-top: -5px;
            display: block;
            font-family: 'teleicon-outline' !important;
        }

    #speak-out-Modals .modal-dialog .modal-header {
        border-bottom: none;
    }

.speak-out-modal-video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

    .speak-out-modal-video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

#speak-out-Modals .modal-content {
    background: #000000;
}


@media (min-width:1400px) and (max-width:1599px) {

    .speak-out-animated {
        width: 200px;
        left: -51px;
    }

        .speak-out-animated img {
            margin-top: -19px;
        }
}


@media (min-width:1300px) and (max-width:1399px) {

    .speak-out-animated {
        width: 191px;
        left: -96px;
    }
}

@media (min-width:1199px) and (max-width:1399px) {


    .speak-out-activation_work .speak-out-loop-text-vertical {
        height: 79px;
    }

        .speak-out-activation_work .speak-out-loop-text-vertical .mover-1 {
            height: 79px;
            background-size: 20%;
        }
}


@media (max-width:1199px) {

    .speak-out-magenta > img {
        display: none;
    }

    .speak-out-activation_work .speak-out-loop-text-vertical {
        display: none;
    }
}


@media (max-width:1299px) {


    .speak-out-animated {
        width: 190px;
        top: auto;
        bottom: 18%;
        right: 16%;
    }

        .speak-out-animated > img:nth-of-type(2), .speak-out-animated > img:nth-of-type(3) {
            display: none;
        }
}

@media (min-width:992px) and (max-width:1199px) {

    .speak-out-activation_work .speak-out-loop-text-vertical .mover-1 {
        height: 68px;
        background-size: 17%;
    }

    .speak-out-activation_work .speak-out-loop-text-vertical {
        height: 68px;
    }

    #speak-out-landing .speak-out-black-box h3 {
        margin-bottom: 265px;
    }
}


@media (max-width:991px) {



    .speak-out-activation .pr0 {
        padding-right: 0px !important;
    }

    .speak-out-activation .pl0 {
        padding-left: 0px !important;
    }


    #speak-out-landing p {
        font-size: 18px;
    }
}


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

    .speak-out-magenta {
        padding: 80px 0 0;
    }

        .speak-out-magenta h2 span, #speak-out-landing h3 span {
            font-size: 50px;
        }

        .speak-out-magenta h2, #speak-out-landing h3 {
            font-size: 29px;
        }

    .speak-out-blackBox-magentaBox-right {
        padding: 20px 30px 40px;
    }

    .speak-out-blackBox-magentaBox-left img {
        top: 43%;
        width: 70%;
    }

    .speak-out-blackBox-magentaBox-left {
        padding: 110px 0 30px 30px;
    }

    #speak-out-landing .speak-out-black-box h3, .speak-out-moreInfo-txt {
        padding-left: 30px;
    }

    .speak-out-activation-box {
        padding: 27px 20px;
    }

    .speak-out-activation_work .speak-out-loop-text-vertical {
        display: none;
    }

    .speak-out-activation {
        padding: 330px 0 100px;
    }

    .speak-out-black-box {
        padding: 40px 0 0;
    }

    .speak-out-work-txt {
        width: 80%;
    }

    .speak-out-work {
        padding: 0 0 100px;
    }

        .speak-out-work a {
            margin-left: 35px;
        }

    .speak-out-magenta .row:first-of-type {
        margin-bottom: 10px;
    }

    .speak-out-activation {
        background-position: bottom right 25%;
        padding: 0 0 140px;
    }

    .speak-out-magenta .pr0 {
        padding-right: 0px !important;
    }

    .speak-out-animated {
        bottom: 30%;
        right: 14%;
    }

    .speak-out-video-box-img img:nth-of-type(2) {
        width: 28%;
    }
}


@media (max-width:767px) {
    #speak-out-landing .speak-out-black-box h3 {
        margin-bottom: 30px;
        width: 90%;
        padding-top: 0px;
    }

    .speak-out-loop-text {
        height: 80px;
        margin-top: 20px;
    }

    .speak-out-moreInfo-txt:after, .speak-out-moreInfo-txt:before {
        display: none;
    }

    .speak-out-moreInfo-txt {
        padding: 20px 20px 30px;
    }

    .speak-out-social-box {
        margin-top: 40px;
    }

    .speak-out-blackBox-magentaBox-right {
        position: relative;
        width: 100%;
        padding: 20px 25px 10px;
        top: 0;
    }

    .speak-out-blackBox-magentaBox-left {
        position: relative;
        width: 100%;
        padding: 0 25px 120px;
        margin: 0 0 40px;
        overflow: hidden;
    }

        .speak-out-blackBox-magentaBox-left img {
            top: 60%;
            width: 100%;
        }


    .speak-out-magenta h2 span, #speak-out-landing h3 span {
        font-size: 38px;
        line-height: 1;
    }

    .speak-out-magenta h2, #speak-out-landing h3 {
        font-size: 27px;
    }

    .speak-out-activation_work .speak-out-loop-text-vertical .mover-1 {
        height: 79px;
        background-size: 50%;
    }

    .speak-out-activation_work .speak-out-loop-text-vertical {
        height: 79px;
        transform: none;
        display: block;
        position: relative;
        margin-bottom: 40px;
        margin-top: 5px;
    }

    .speak-out-activation {
        padding: 0 0 40px;
        /*background: rgb(149,206,165);
        background: linear-gradient(90deg, rgba(149,206,165,1) 0%, rgba(107,201,185,1) 100%);*/
        background: rgb(255,206,113);
        background: linear-gradient( 49deg, rgba(255,206,113,1) 0%, rgba(254,228,177,1) 51%, rgba(255,231,193,1) 100%);
    }

    .speak-out-activation-box {
        padding: 46px 20px;
    }

    .speak-out-activation-txt {
        margin-top: 50px;
    }

    .speak-out-work-txt h3 {
        margin-top: 0;
    }

    .speak-out-work-txt {
        width: 95%;
    }

    .speak-out-work a {
        padding: 20px 25px 20px;
        font-size: 18px;
        margin-top: 25px;
        margin-left: 15px;
    }

    .speak-out-black-box {
        padding: 25px 0 0;
    }

    .speak-out-work img {
        position: relative;
        width: 70%;
        float: right;
        margin-top: 30px;
    }

    .speak-out-magenta {
        padding: 25px 0 40px;
    }

    .speak-out-blackBox-magentaBox-left p {
        width: 100%;
    }

    #speak-out-landing h3 {
        margin-bottom: 25px;
    }

    .speak-out-magenta h2 {
        margin-bottom: 25px;
    }

    .speak-out-animated {
        bottom: 20px;
        left: 0;
        right: 0;
        position: relative;
        margin: 0 auto;
        top: 15px;
        width: 150px;
    }

    .speak-out-magenta .row:first-of-type {
        margin-bottom: 40px;
    }

    .speak-out-video-box-img img:first-of-type {
        display: none;
    }

    .speak-out-video-box-img img:nth-of-type(2) {
        position: relative;
        right: auto;
        bottom: auto;
        width: auto;
    }

    .speak-out-video-box-img {
        padding: 8px;
    }

    .speak-out-video-box {
        width: 55px;
    }

    #speak-out-Modals .modal-dialog {
        width: 95%;
    }

    .speak-out-banner > img {
        width: 48%;
        padding-left: 2%;
    }
}

/*#endregion speak out redesign landing*/

/*#region dopolnuvanje-smetka*/
.tarifi-dopolnuvanje-smetka {
    background-image: url(/content/images/dopolnuvanje-smetka-full-banner-2.jpg);
    position: relative;
    height: 375px;
    background-size: cover;
    background-position: center;
}

div#dopolnuvanje-smetka h2 {
    font-size: 27px;
    text-transform: uppercase;
}

div#dopolnuvanje-smetka h3 {
    position: relative;
    font-size: 21px;
    color: #e20074;
    font-family: 'teleNeo-bold' !important;
    margin-bottom: 25px;
}

div#dopolnuvanje-smetka a.btn-collapse {
    position: relative;
    display: block;
    overflow: hidden;
    background: #eee;
    margin-bottom: 10px;
    border-bottom: 1px solid #e20074;
    width: 80%;
    padding: 0 10px;
}

    div#dopolnuvanje-smetka a.btn-collapse.collapsed:after {
        content: ']$';
        font-family: 'teleicon-outline';
        position: absolute;
        color: #e20074;
        font-size: 18px;
        top: 12px;
        right: 10px;
        margin: auto;
        transform: rotateZ( 0deg );
        transition-property: transform;
        transition-duration: .25s;
        z-index: 9;
        width: 15px;
        height: 15px;
    }

    div#dopolnuvanje-smetka a.btn-collapse:after {
        content: ']$';
        font-family: 'teleicon-outline';
        position: absolute;
        color: #e20074;
        font-size: 18px;
        top: 12px;
        right: 10px;
        margin: auto;
        transform: rotateZ( -180deg );
        transition-property: transform;
        transition-duration: .25s;
        z-index: 9;
        width: 15px;
        height: 15px;
    }

    div#dopolnuvanje-smetka a.btn-collapse:hover,
    div#dopolnuvanje-smetka a.btn-collapse:focus {
        text-decoration: none;
    }

div#dopolnuvanje-smetka .btn-wrapper {
    position: relative;
    width: 150px;
    margin: 30px auto;
    display: block;
}

    div#dopolnuvanje-smetka .btn-wrapper a {
        border-radius: 0;
        padding: 15px 20px;
        font-size: 19px;
        transition: all ease .3s;
    }

        div#dopolnuvanje-smetka .btn-wrapper a:hover {
            transition: all ease .3s;
            border: 0;
        }

@media(max-width: 767px) {
    div #dopolnuvanje-smetka a.btn-collapse {
        width: 100%;
        padding: 0 10px;
    }

        div#dopolnuvanje-smetka a.btn-collapse p {
            padding-right: 15px;
        }
}

/*#endregion dopolnuvanje smetka*/
/*#region iphone 12 sporedba*/
#iphone-12 section.why-iphone.sporedba .col div {
    text-align: left;
    margin-bottom: 10px;
    min-height: 200px;
    margin-bottom: 15px;
    position: relative;
}

    #iphone-12 section.why-iphone.sporedba .col div.link {
        text-align: center !important;
        min-height: 50px !important;
        border: 0;
        margin-top: 30px;
        padding-bottom: 0;
    }

    #iphone-12 section.why-iphone.sporedba .col div.boja {
        min-height: 100px !important;
    }

    #iphone-12 section.why-iphone.sporedba .col div.link {
        text-align: center !important;
    }


    #iphone-12 section.why-iphone.sporedba .col div p {
        color: black !important;
        font-family: 'teleNeo-bold' !important;
        line-height: 1.2;
        padding-top: 5px;
        font-size: 17px;
    }

#iphone-12 section.why-iphone.sporedba .col .border-top {
    border-top: 1px solid #ccc;
}

#iphone-12 section.why-iphone.sporedba .col h4 {
    font-family: teleNeo-extra !important;
    font-size: 27px;
    position: absolute;
    top: -70px;
    width: 550px;
    text-align: left;
}

#iphone-12 section.why-iphone.sporedba .kamera.border-top {
    min-height: 530px !important;
}

#iphone-12 section.why-iphone.sporedba .videozapis.border-top {
    min-height: 580px !important;
}

#iphone-12 section.why-iphone.sporedba .predna-kamera.border-top {
    min-height: 710px !important;
}

#iphone-12 section.why-iphone.sporedba .mreza.border-top {
    min-height: 360px !important;
}

#iphone-12 section.why-iphone.sporedba .baterija.border-top {
    min-height: 420px !important;
}

@media (max-width: 767px) {
    #iphone-12 section.why-iphone.sporedba .col h4 {
        position: relative;
        text-align: center;
        top: 0;
        width: auto;
    }

    #iphone-12 section.why-iphone.sporedba .col .border-top {
        border: 0;
    }

    #iphone-12 section.why-iphone.sporedba .col div {
        text-align: center !important;
    }

    #iphone-12 section.why-iphone.sporedba .kamera.border-top,
    #iphone-12 section.why-iphone.sporedba .videozapis.border-top,
    #iphone-12 section.why-iphone.sporedba .predna-kamera.border-top,
    #iphone-12 section.why-iphone.sporedba .mreza.border-top,
    #iphone-12 section.why-iphone.sporedba .mreza.border-top,
    #iphone-12 section.why-iphone.sporedba .baterija.border-top {
        min-height: initial !important;
    }

    #iphone-12 section.why-iphone.sporedba #telefoni-carousel .carousel-control {
        position: fixed;
    }

    #iphone-12 section.why-iphone.sporedba #telefoni-carousel a.left::after {
        font-size: 60px;
        left: 0;
    }

    #iphone-12 section.why-iphone.sporedba #telefoni-carousel a.right:after {
        font-size: 60px;
        right: 10px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #iphone-12 section.why-iphone.sporedba .col h4 {
        position: relative;
        text-align: center;
        top: 0;
        width: auto;
    }

    #iphone-12 section.why-iphone.sporedba #telefoni-carousel .carousel-control {
        position: fixed;
        z-index: 3;
    }

    #iphone-12 section.why-iphone.sporedba .col .border-top {
        border: 0 !important;
    }

    #iphone-12 section.why-iphone.sporedba .col div {
        text-align: center !important;
    }
}
/*#endregion iphone 12 sporedba*/
/*#region smart-start*/
@keyframes fadein {
    0% {
        opacity: 0;
    }

    66% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }

    66% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes slide {
    100% {
        right: 0;
    }
}

@keyframes slide {
    100% {
        right: 0;
    }
}

html {
    scroll-behavior: smooth;
}

#smart-start section.main-image {
    position: relative;
    background-image: url(../content/images/smart-start/SmartStart-bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 900px;
    padding: 4% 0;
}

    #smart-start section.main-image img.absolute-img {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 0;
    }

    #smart-start section.main-image .container img {
        position: relative;
        z-index: 2;
    }


    #smart-start section.main-image img.absolute-img {
        animation-name: slidingstep1;
        animation-duration: 2s;
        animation-iteration-count: 1;
        animation-direction: normal;
        animation-timing-function: ease-out;
        animation-fill-mode: forwards;
    }

    #smart-start section.main-image.container div.bounce {
        animation-name: bounce;
        animation-duration: 3s;
        top: -70px;
        position: relative;
    }

    #smart-start section.main-image .container {
        position: relative;
        height: 100%;
    }

    #smart-start section.main-image .wrapper {
        position: absolute;
        bottom: -20px;
        width: 100%;
        height: 270px;
    }

        #smart-start section.main-image .wrapper div {
            position: absolute;
            width: 45%;
            display: inline-block;
            float: left;
        }

        #smart-start section.main-image .wrapper .left-box {
            left: 0;
            padding: 30px;
        }

            #smart-start section.main-image .wrapper .left-box h3 {
                color: white;
                font-size: 30px;
                font-family: 'teleNeo-regular' !important;
            }

                #smart-start section.main-image .wrapper .left-box h3 span {
                    font-family: 'teleNeo-extra' !important;
                    display: block;
                }

        #smart-start section.main-image .wrapper .right-box {
            background: white;
            padding: 10px 30px;
            border-radius: 30px;
            border-top-left-radius: 0;
            right: 0;
        }

            #smart-start section.main-image .wrapper .right-box p {
                font-size: 18px;
                font-family: teleNeo-bold !important;
                line-height: 1.2 !important;
            }

#smart-start section.questions {
    position: relative;
    padding: 4% 0;
}

    #smart-start section.questions #smart-questions {
        position: relative;
        z-index: 2;
        margin-top: 70px;
    }

        #smart-start section.questions #smart-questions:after {
            content: '';
            background-image: url(../content/images/smart-start/arrow-trans.png);
            width: 490px;
            height: 270px;
            position: absolute;
            top: 0;
            right: 9%;
            background-size: contain;
            background-repeat: no-repeat;
            z-index: -1;
        }

    #smart-start section.questions .question-wrap {
        z-index: 2;
        margin-bottom: 10px;
    }

        #smart-start section.questions .question-wrap a {
            background: #F1F1F1;
            color: #333;
            font-family: 'teleNeo-medium' !important;
            font-size: 18px;
            border-radius: 13px;
            border-top-left-radius: 0;
            position: relative;
            border: 0;
            outline: none;
            padding: 12px 25px;
            border: 0;
            outline: none;
        }

        #smart-start section.questions .question-wrap .box .box-inner a {
            color: white !important;
            background: transparent !important;
            text-decoration: underline;
            padding: 0;
        }

            #smart-start section.questions .question-wrap .box .box-inner a:after {
                content: '';
                display: none;
            }

        #smart-start section.questions .question-wrap a.active {
            outline: none;
            border: none;
            border-color: transparent;
        }

    #smart-start section.questions a:after {
        position: absolute;
        content: '';
        background-image: url(../content/images/smart-start/arrow-accord.png);
        background-position: center;
        background-size: contain;
        top: 18px;
        right: -35px;
        display: block;
        width: 15px;
        height: 15px;
        background-repeat: no-repeat;
        filter: grayscale(1);
        transition: all ease-in .5s;
    }

    #smart-start section.questions .box.active ~ a:after {
        transform: rotate( 180deg);
    }

    #smart-start section.questions .box.active ~ a.btn {
        background: #e20074;
        color: white;
    }

        #smart-start section.questions .box.active ~ a.btn:after {
            filter: grayscale(0);
            transition: all ease-in .7s;
        }

    #smart-start section.questions .question-wrap a:hover,
    #smart-start section.questions .question-wrap a:focus {
        background: #e20074;
        color: white;
        border: 0;
        outline: none;
    }

    #smart-start section.questions .question-wrap a:visited {
        outline: none;
        border: 0;
    }

    #smart-start section.questions h2 {
        position: relative;
        color: #e20074;
        font-family: 'teleNeo-extra' !important;
        font-size: 40px;
        text-transform: uppercase;
    }

    #smart-start section.questions p {
        position: relative;
        font-size: 19px;
        line-height: 1.2;
        padding-right: 23%;
        font-family: 'teleNeo-bold' !important;
    }

    #smart-start section.questions .box-inner p {
        font-size: 17px;
        line-height: 21px;
        font-family: 'teleNeo-regular' !important;
    }

    #smart-start section.questions .box-inner ul li {
        font-size: 16px;
        line-height: 20px;
    }

    #smart-start section.questions .arrow {
        position: absolute;
        top: -50px;
        width: 440px;
        right: 0;
    }

    #smart-start section.questions .box {
        background: #e20074;
        color: white;
        position: absolute;
        width: auto;
        border-radius: 15px;
        border-top-right-radius: 0;
        box-shadow: -7px 7px 25px 0px rgba(155, 162, 165, 0.56);
        opacity: 0;
        right: -650px;
        top: 10%;
    }


        #smart-start section.questions .box.active {
            opacity: 1;
            -webkit-animation: slide 0.5s forwards;
            -webkit-animation-delay: 2s;
            animation: slide 0.5s forwards;
        }

    #smart-start section.questions .box-inner {
        width: 400px;
        padding: 25px;
        font-size: 16px;
        line-height: 21;
    }

#smart-start section.how-to-start {
    position: relative;
    padding: 4% 0;
    background-image: url('../content/images/smart-start/projects-bg.png');
    background-size: cover;
    height: auto;
    color: white;
    text-align: center;
}

    #smart-start section.how-to-start h2 {
        position: relative;
        font-size: 44px;
        font-family: 'teleNeo-extra' !important;
    }

    #smart-start section.how-to-start p {
        font-size: 19px;
        padding: 0 55px;
        line-height: 1.2;
    }

#smart-start .vertical-carousel {
    position: relative;
    width: 80%;
    margin: 30px auto 50px auto;
    height: 345px;
}

#smart-start #vertical-slick-qa a.item-link {
    position: relative;
    display: block;
    text-align: left;
    position: relative;
    display: block;
    width: 100%;
    text-indent: 0;
    padding: 10px;
    margin: 0;
    height: auto;
    font-size: 20px;
    padding: 20px 20px;
    color: white;
    border-bottom: 0;
    line-height: 1.2;
}

    #smart-start #vertical-slick-qa a.item-link:hover,
    #smart-start #vertical-slick-qa a.item-link:focus {
        text-decoration: none;
    }

    #smart-start #vertical-slick-qa a.item-link.collapsed {
        border-bottom: 1px solid #fafafa47;
    }

#smart-start #vertical-slick-qa .panel-default {
    border: 0;
    background-color: transparent !important;
    text-align: left;
    margin: 0;
}

    #smart-start #vertical-slick-qa .panel-default .panel-heading {
        background-color: transparent;
        color: white;
        border: 0 !important;
        padding: 0 !important;
    }

        #smart-start #vertical-slick-qa .panel-default .panel-heading .panel-title {
            padding: 0;
            margin: 0;
        }

#smart-start #vertical-slick-qa .panel-title a.item-link:after {
    content: '-';
    font-family: teleicon-outline;
    position: absolute;
    color: white;
    font-size: 17px;
    top: 25px;
    right: 20px;
    margin: auto;
    transition-property: transform;
    transition-duration: .25s;
}

#smart-start #vertical-slick-qa .panel-title a.collapsed.item-link:after {
    content: '+';
    font-family: teleicon-outline;
    position: absolute;
    color: white;
    font-size: 17px;
    top: 25px;
    right: 20px;
    margin: auto;
    transition-property: transform;
    transition-duration: .25s;
}

#smart-start div.panel-collapse {
    border: 0 !important;
}

    #smart-start div.panel-collapse .panel-body {
        padding: 0;
        border: 0;
    }

        #smart-start div.panel-collapse .panel-body p {
            padding: 0 !important;
            font-size: 16px;
            line-height: 1.2;
            display: block;
        }

    #smart-start div.panel-collapse a {
        background: rgba(132, 0, 66, .55);
        border-radius: 10px;
        border-top-left-radius: 0 !important;
        padding: 10px 70px 10px 20px !important;
        min-height: 80px;
    }

div#vertical-slick-qa span.one-t-dicklaimer {
    position: absolute;
    left: initial;
    right: 0;
    display: inline-block;
    width: 70px;
    height: 80px;
}

    div#vertical-slick-qa span.one-t-dicklaimer:before {
        content: '\f3d7';
        right: 20px !important;
        top: 20px;
        background: #d3056c;
        width: 40px;
        height: 40px;
        border-radius: 50px;
        font-family: "Ionicons";
        transform: rotate( 45deg );
        font-size: 30px;
        padding: 0px 10px;
        text-align: center;
        position: absolute;
        left: initial;
        z-index: 3;
        line-height: 40px;
    }

    div#vertical-slick-qa span.one-t-dicklaimer .one-t-dicklaimer-message {
        left: -5px;
        position: absolute;
        bottom: 70px !important;
        width: 65px !important;
    }
/*#smart-start div.panel-collapse a:after {
            content: '\f3d7';
            position: absolute;
            right: 20px;
            top: 20px;
            background: #d3056c;
            width: 40px;
            height: 40px;
            border-radius: 50px;
            font-family: "Ionicons";
            transform: rotate( 45deg );
            font-size: 30px;
            padding: 0px 10px;
            text-align: center;
        }*/
#smart-start div.panel-collapse a:hover {
    text-decoration: none;
}

#smart-start #vertical-slick-qa a.item-link:hover {
    text-decoration: none;
    /*background: rgba(132, 0, 66, .55);*/
}




#smart-start section.how-to-start .item-wrap {
    position: absolute;
    background: white;
    height: auto;
    text-align: left;
    padding: 15px 35px;
    bottom: -20px;
    z-index: 3;
    width: 260px;
    left: 0;
    right: 0;
    margin: 20px auto;
    display: none;
}

    #smart-start section.how-to-start .item-wrap:before {
        content: '';
        border-top: 43px solid white;
        border-right: 125px solid transparent;
        position: absolute;
        z-index: 3;
        right: -1px;
        bottom: -61%;
        transform: rotate( 0deg );
    }

    #smart-start section.how-to-start .item-wrap:after {
        content: '';
        border-top: 43px solid white;
        border-left: 136px solid transparent;
        position: absolute;
        z-index: 3;
        left: 0;
        bottom: -61%;
        transform: rotate( 0deg );
    }

    #smart-start section.how-to-start .item-wrap h4 {
        text-align: center;
        margin: 0;
        padding: 0;
        top: 0;
    }


    #smart-start section.how-to-start .item-wrap p {
        color: black;
        display: block;
        padding: 0 !important;
        font-family: 'teleNeo-regular' !important;
        line-height: 1.2 !important;
        font-size: 19px !important;
    }

    #smart-start section.how-to-start .item-wrap h4 a {
        font-family: 'teleNeo-bold' !important;
        font-size: 17px;
        margin-top: 30px;
        color: #333;
        line-height: 1.2;
        text-transform: uppercase;
        text-align: center;
    }

        #smart-start section.how-to-start .item-wrap h4 a:hover {
            text-decoration: none;
        }

#smart-start section.how-to-start .bottom {
    position: relative;
    bottom: 0;
    text-align: right;
}

    #smart-start section.how-to-start .bottom a {
        color: #e20074;
        font-size: 24px;
        display: inline;
        float: left;
        margin-right: 20px;
        text-decoration: underline;
        font-family: 'teleNeo-medium' !important;
    }

#smart-start section.steps {
    position: relative;
    background-image: url(../content/images/smart-start/steps-bcg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    height: auto;
    padding-bottom: 1%;
}

    #smart-start section.steps .stepper {
        position: relative;
        display: block;
        width: 100%;
        overflow: hidden;
        padding: 4% 0;
    }

    #smart-start section.steps h2 {
        text-align: center;
        color: #e20074;
        text-transform: uppercase;
        margin: 75px 0 10px 0;
        font-size: 45px;
        font-family: 'teleNeo-extra' !important;
    }

    #smart-start section.steps p {
        text-align: center;
        font-size: 21px;
        font-family: 'teleNeo-medium' !important;
    }

    #smart-start section.steps .stepper .img {
        position: relative;
        display: inline;
        width: 20%;
        float: left;
        margin: 0 20px;
        text-align: center;
    }

    #smart-start section.steps .stepper .img-one:after {
        content: '';
        position: relative;
        background-image: url(../content/images/smart-start/apply.png);
        height: 65px;
        width: 100%;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        top: 0;
        left: 0;
        display: block;
    }

    #smart-start section.steps .stepper .img-one.active:after {
        background-image: url(../content/images/smart-start/laptop-w.png);
        height: 115px;
        width: 100%;
    }

    #smart-start section.steps .stepper .img-two:after {
        content: '';
        position: relative;
        background-image: url(../content/images/smart-start/select.png);
        height: 65px;
        width: 100%;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        top: 0;
        left: 0;
        display: block;
    }

    #smart-start section.steps .stepper .img-two.active:after {
        background-image: url(../content/images/smart-start/document-w.png);
        height: 115px;
        width: 100%;
    }

    #smart-start section.steps .stepper .img-three:after {
        content: '';
        position: relative;
        background-image: url(../content/images/smart-start/interview-m.png);
        height: 65px;
        width: 100%;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        top: 0;
        left: 0;
        display: block;
    }

    #smart-start section.steps .stepper .img-three.active:after {
        background-image: url(../content/images/smart-start/interview-w.png);
        height: 115px;
        width: 100%;
    }

    #smart-start section.steps .stepper .img-four:after {
        content: '';
        position: relative;
        background-image: url(../content/images/smart-start/star.png);
        height: 65px;
        width: 100%;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        top: 0;
        left: 0;
        display: block;
    }

    #smart-start section.steps .stepper .img-four.active:after {
        background-image: url(../content/images/smart-start/star-w.png);
        height: 115px;
        width: 100%;
    }

    #smart-start section.steps .content {
        position: relative;
        width: 100%;
        display: block;
        overflow: hidden;
    }

    #smart-start section.steps .box {
        position: relative;
        display: inline-block;
        float: left;
        margin: 0 9px;
        display: none;
        width: 23%;
        padding: 20px;
        text-align: center;
    }

    #smart-start section.steps .progress {
        height: 24px;
        overflow: hidden;
        position: relative;
        background-color: transparent;
        border: 0;
        margin: 20px 40px;
        box-shadow: none;
    }

        #smart-start section.steps .progress div {
            position: relative;
            visibility: visible;
            opacity: 1;
            position: absolute;
            left: 0;
            top: 12px;
            background-color: #ccc;
            height: 1px;
        }

            #smart-start section.steps .progress div.active {
                visibility: visible;
                opacity: 1;
                background-color: #e20074;
                height: 3px;
                top: 11px;
                z-index: 3;
            }

            #smart-start section.steps .progress div:before {
                content: '';
                position: absolute;
                background: #ccc;
                width: 13px;
                height: 13px;
                bottom: -5px;
                right: 6px;
                display: block;
                z-index: 8;
                border-radius: 50px;
            }

            #smart-start section.steps .progress div.active:before {
                background: #e20074;
            }

            #smart-start section.steps .progress div:after {
                content: '';
                position: absolute;
                background: rgbA(204, 204, 204, 0.5);
                width: 21px;
                height: 21px;
                bottom: -9px;
                right: 2px;
                display: block;
                z-index: 7;
                border-radius: 50px;
            }

            #smart-start section.steps .progress div.active:after {
                background: rgba(226, 0, 116, 0.17);
            }

    #smart-start section.steps .box h3 {
        font-family: 'teleNeo-bold' !important;
        color: #e20074;
        text-transform: uppercase;
        font-size: 24px;
        margin-bottom: 10px;
    }

    #smart-start section.steps .box p {
        font-size: 16px;
        font-family: 'teleNeo-regular' !important;
        line-height: 1.2;
    }

#smart-start .iskustva {
    position: relative;
}

    #smart-start .iskustva .item-wrapper {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: center;
        height: 100%;
        background-image: url(../content/images/smart-start/bg-iskustva-baner.png);
        background-size: cover;
        background-position: center;
        padding: 30px 0;
    }

        #smart-start .iskustva .item-wrapper .white-text-wrap {
            width: 100%;
            margin-top: -40px;
            position: relative;
            padding: 0 0 0 80px;
        }

            #smart-start .iskustva .item-wrapper .white-text-wrap h2 {
                font-size: 36px;
                color: white;
                font-family: 'teleNeo-boldItalic' !important;
                line-height: 1.2;
                text-transform: uppercase;
            }

                #smart-start .iskustva .item-wrapper .white-text-wrap h2 span {
                    display: block;
                    font-size: 32px;
                    text-transform: uppercase;
                }

    #smart-start .iskustva a {
        position: absolute;
        bottom: -70px;
    }

    #smart-start .iskustva .item-wrapper .right-img-wrap {
        width: 75%;
        top: -30px;
        position: relative;
        right: 55px;
    }

#smart-start section.video {
    position: relative;
    padding: 3% 0;
    height: auto;
}

    #smart-start section.video .wrapper {
        position: relative;
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }

        #smart-start section.video .wrapper:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/smart-start/arrow-trans.png);
            background-size: contain;
            height: 200px;
            width: 400px;
            top: -30px;
            z-index: 0;
            background-repeat: no-repeat;
            right: -90px;
        }

    #smart-start section.video p {
        font-size: 21px;
        padding: 10px 10%;
        font-family: 'teleNeo-medium' !important;
        margin: 40px 0;
    }

        #smart-start section.video p span.magenta-text {
            color: #e20074;
            font-family: 'teleNeo-medium' !important;
        }

    #smart-start section.video .video-wrapper-overlay {
        position: absolute;
        width: 80%;
        height: 390px;
        left: 0;
        right: 0;
        top: 0;
        pointer-events: none;
        background: #333333e6;
        background-image: url(../content/images/smart-start/play-btn.png);
        z-index: 10;
        transition: all ease-out .8s;
        background-repeat: no-repeat;
        background-size: 10%;
        background-position: center;
        margin: 0 auto;
    }

    #smart-start section.video .video-wrap {
        position: relative;
        background-image: url(../content/images/smart-start/shape.png);
        background-position: center;
        background-size: cover;
        height: 100%;
        min-height: 440px;
    }

        #smart-start section.video .video-wrap iframe {
            width: 80%;
            height: 390px;
            position: relative;
            margin: 0 auto;
        }

        #smart-start section.video .video-wrap.active iframe {
            display: block;
        }

        #smart-start section.video .video-wrap.active .video-wrapper-overlay {
            display: none;
            transition: all ease-out .8s;
        }

#smart-start section.last-section {
    position: relative;
    overflow: hidden;
    padding: 4% 0;
}

    #smart-start section.last-section .text-wrap {
        padding-right: 25%;
        padding-top: 15%;
    }

        #smart-start section.last-section .text-wrap p {
            font-size: 21px;
            font-family: 'teleNeo-medium' !important;
        }


.arrow-scroll-to {
    position: fixed;
    right: 30px !important;
    top: 50% !important;
    z-index: 5 !important;
    display: none;
}

    .arrow-scroll-to a {
        z-index: 3;
        background: #e20074;
        border-radius: 50px;
        width: 60px;
        height: 60px;
        padding: 10px;
        box-shadow: 0px 6px 26px #00000054;
    }

        .arrow-scroll-to a p {
            position: absolute;
            right: 0px;
            background: white !important;
            color: #e20074 !important;
            font-family: 'teleNeo-bold' !important;
            text-transform: none !important;
            font-size: 19px;
            top: 2px;
            z-index: -1;
            border-radius: 50px;
            padding: 11px 25px !important;
            height: 60px !important;
            width: 0;
            box-shadow: 0px 6px 26px #00000054;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            -ms-opacity: 0;
            opacity: 0;
            overflow: hidden;
        }

        .arrow-scroll-to a:hover p {
            width: 200px !important;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

#smart-start a.prev,
#smart-start a.next {
    color: white;
}

div#vertical-slick-qa a.prev, #vertical-slick-qa a.next {
    position: absolute;
    left: -60px !important;
    top: 40% !important;
    z-index: 4;
    width: 40px;
    height: 40px;
    display: inline-block;
}

#smart-start a.prev i {
    left: -30px;
}

#smart-start a.prev i,
#smart-start a.next i {
    position: relative;
    font-size: 35px;
    opacity: .7;
    transition: all ease-in .5s;
}

#smart-start a.prev:hover i,
#smart-start a.next:hover i {
    opacity: 1;
    transition: all ease-in .5s;
}

@media(max-width: 767px) {

    #smart-start .iskustva .item-wrapper {
        padding: 50px 0 120px;
        flex-direction: column;
    }

        #smart-start .iskustva .item-wrapper .white-text-wrap {
            width: 100%;
            margin-top: -40px;
            padding: 0;
        }

            #smart-start .iskustva .item-wrapper .white-text-wrap h2 {
                font-size: 24px;
                text-transform: uppercase;
            }

                #smart-start .iskustva .item-wrapper .white-text-wrap h2 span {
                    font-size: 21px;
                    margin-bottom: 10px;
                    text-transform: uppercase;
                }

    #smart-start .iskustva a {
        margin: 0 auto;
        left: 0;
        right: 0;
        width: 35%;
    }

    #smart-start .iskustva .item-wrapper .right-img-wrap {
        width: 100%;
        top: unset;
        bottom: -100px;
        text-align: center;
        right: unset;
    }

    #smart-start section.main-image {
        position: relative;
        height: auto;
        padding: 4% 0;
    }

        #smart-start section.main-image img.absolute-img {
            position: absolute;
            height: auto;
            top: 0px;
        }

        #smart-start section.main-image .container div.bounce {
            top: -30px;
        }

        #smart-start section.main-image .wrapper {
            position: relative;
            bottom: 90px;
            width: 100%;
            height: auto;
        }

            #smart-start section.main-image .wrapper div {
                position: relative;
                width: 100%;
                display: block;
                float: none;
            }

    #smart-start .questions .starter {
        position: relative;
        margin-top: 60px;
    }

    #smart-start section.questions p {
        padding-bottom: 30px;
        padding-right: 0;
    }

    #smart-start section.questions #smart-questions:after {
        z-index: -1;
    }

    #smart-start section.questions .question-wrap a {
        z-index: 5;
    }

    #questions-mobile .panel-collapse {
        position: relative;
        width: 100%;
    }

        #questions-mobile .panel-collapse .box-inner {
            position: relative;
            width: 100% !important;
            background: #e20074;
            color: white;
            margin: 10px 0;
            padding: 10px !important;
            font-size: 18px !important;
        }

    #smart-start section.how-to-start h2 {
        font-size: 34px;
    }

    #smart-start section.how-to-start p {
        padding: 0;
    }


    #smart-start section.how-to-start .item-wrap {
        height: auto;
        padding: 0;
        margin: auto auto;
        bottom: 0;
        min-height: 70px;
    }

    #smart-start section.steps .stepper .img {
        margin: 0 8px;
    }

    #smart-start section.steps .box {
        position: relative;
        display: inline-block;
        float: none;
        width: 100%;
    }

    #smart-start section.video p {
        padding: 10px 3%;
    }

    #smart-start section.last-section .text-wrap {
        padding-right: 0;
        padding-top: 40px;
    }

    #smart-start section.video .wrapper::before {
        content: '';
        display: none;
    }

    #smart-start .vertical-slick-slider {
        height: auto;
        width: 100%;
        margin: 30px auto 90px auto;
    }

    #smart-start span.prev i, #smart-start span.next i {
        bottom: 50px;
    }

    #smart-start section.how-to-start .item-wrap:after {
        border-top: 44px solid white;
        border-left: 136px solid transparent;
    }

    #smart-start section.how-to-start .item-wrap:before {
        border-top: 44px solid white;
        border-right: 126px solid transparent;
    }

    .control.smart-start-control h2 {
        margin-top: 30px;
    }

    #smart-start section.how-to-start .item-wrap h4 {
        margin-top: 10px;
    }

    #vertical-slick-qa.carousel.vertical .prev {
        top: 40% !important;
        left: -15px !important;
    }

    div#vertical-slick-qa a.next {
        top: 50% !important;
        left: -45px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .vertical-slick-slider button.slick-prev {
        top: 20%;
    }

    .vertical-slick-slider button.slick-next {
        top: 45%;
    }

    #smart-start section.steps .stepper .img {
        margin: 0 17px;
    }

    #smart-start section.steps .box h3 {
        font-size: 22px;
    }

    #smart-start section.steps .box {
        margin: 0 7px;
    }

    #smart-start section.video .video-wrap .video-wrapper-overlay {
        display: none;
    }
}

#questions-mobile .panel-default {
    border: 0;
}

    #questions-mobile .panel-default .panel-title {
        padding: 0;
        font-size: 18px;
    }

        #questions-mobile .panel-default .panel-title a:focus,
        #questions-mobile .panel-default .panel-title a:active {
            color: #e20074;
            text-decoration: none;
        }

#questions-mobile .panel-collapse.collapse.in {
    background: #e20074;
    color: white;
    font-size: 18px;
    line-height: 1.2;
}



.vertical .carousel-inner {
    height: 100%;
}

.carousel.vertical .item {
    -webkit-transition: 0.6s ease-in-out top;
    -moz-transition: 0.6s ease-in-out top;
    -ms-transition: 0.6s ease-in-out top;
    -o-transition: 0.6s ease-in-out top;
    transition: 0.6s ease-in-out top;
}

#vertical-slick-qa.carousel.vertical .active {
    top: 0;
}

#vertical-slick-qa.carousel.vertical .next {
    top: 100%;
}

#vertical-slick-qa.carousel.vertical .prev {
    top: -100%;
}

    #vertical-slick-qa.carousel.vertical .next.left,
    #vertical-slick-qa.carousel.vertical .prev.right {
        top: 0;
    }

#vertical-slick-qa.carousel.vertical .active.left {
    top: -100%;
}

#vertical-slick-qa.carousel.vertical .active.right {
    top: 100%;
}

#vertical-slick-qa.carousel.vertical .item {
    left: 0;
}
/*#endregion smart start*/
/*#region smart start form*/
.pb-40 {
    padding-bottom: 40px;
}

.control.smart-start-control {
    position: relative;
    background-color: #373737;
    color: white;
    padding: 4% 0;
}

    .control.smart-start-control .separated-sections {
        background: transparent linear-gradient(180deg, #00000045 0%, #00000000 100%);
        position: relative;
        padding-top: 50px;
    }

        .control.smart-start-control .separated-sections .col-sm-4.disabled {
            opacity: .3;
            cursor: not-allowed;
            pointer-events: none;
        }

    .control.smart-start-control .back-header {
        position: absolute;
        top: 20px;
        width: 90%;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 0
    }

        .control.smart-start-control .back-header h1 {
            position: relative;
            width: 100%;
            font-size: 290px;
            text-align: center;
            background: -webkit-linear-gradient(#545353, #373737);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-family: 'teleNeo-extra' !important;
            opacity: .5;
            color: rgba(153, 153, 153, 0.2);
        }

    .control.smart-start-control .container {
        position: relative;
        z-index: 2;
    }

    .control.smart-start-control h2 {
        position: relative;
        color: #e20074;
        font-size: 25px;
        z-index: 1;
    }

    .control.smart-start-control .form-box {
        position: relative;
        margin: 10px 0;
    }

    .control.smart-start-control .form-group {
        margin-bottom: 0;
    }

    .control.smart-start-control input {
        border-color: #585858;
        background-color: #434343;
        z-index: 1;
        height: 40px;
        width: 100%;
        color: white;
    }

        .control.smart-start-control input#captcha {
            position: relative;
            width: 100%;
            border-bottom: 0;
            padding: 0 15px;
        }

        .control.smart-start-control input:focus {
            border-color: #555;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0, 0, .8), 0 0 8px #555;
            box-shadow: none !important;
        }

    .control.smart-start-control .form-box.has-error input,
    .control.smart-start-control .form-box.has-error .form-control {
        border-color: #e20974bd;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .8), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .8), 0 0 0px 5px rgba(226, 9, 116,.2);
    }

    .control.smart-start-control hr {
        margin: 25px 0;
        border-top: 1px solid rgba(255,255, 255, .2);
    }

    .control.smart-start-control input[type="checkbox"]:checked,
    .control.smart-start-control input[type="checkbox"]:not(checked) {
        position: absolute;
        opacity: 0;
        left: 4px;
        z-index: 99;
        cursor: pointer;
    }

    .control.smart-start-control .checkbox-wrap:before {
        content: "";
        position: absolute;
        left: 0;
        top: 5px;
        width: 18px;
        height: 18px;
        border: 1px solid #555;
        background: #434343;
        border-radius: 3px;
    }

    .control.smart-start-control .checkbox-wrap span:last-of-type {
        margin-left: 30px;
        position: relative;
        font-size: 17px;
    }

    .control.smart-start-control input[type="checkbox"]:checked + .checkmark::after {
        content: 'V';
        position: absolute;
        color: white;
        font-family: 'Teleicon-outline';
        display: block;
        left: 2px;
        right: 0;
        top: 2px;
        bottom: 0;
        opacity: 1;
        z-index: 3;
        font-size: 16px;
    }

    .control.smart-start-control .checkbox-wrap span#textCheckbox {
        font-size: 17px;
        line-height: 1.2;
        color: white;
        margin-right: 10px;
    }

    .control.smart-start-control label {
        position: relative;
        color: white;
        font-size: 17px;
        line-height: 1.2;
        font-family: teleNeo-regular !important;
    }

    .control.smart-start-control select {
        background-color: #434343 !important;
        color: white !important;
        border-color: #585858 !important;
        z-index: 1;
        height: 40px;
    }

        .control.smart-start-control select:focus {
            border-color: #555;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0, 0, .8), 0 0 8px #555;
            box-shadow: none !important;
        }

    .control.smart-start-control p {
        font-size: 19px;
        color: white;
        line-height: 1.2;
        z-index: 1;
    }

    .control.smart-start-control .webshop-fake-upload-document {
        position: relative;
        width: 100%;
        display: inline-block;
        float: left;
        border-color: #272727;
        background-color: #272727;
        cursor: pointer;
        margin-right: 23px;
        height: 42px;
    }

    .control.smart-start-control .right-side {
        position: relative;
        display: inline-block;
        width: auto;
        float: left;
    }

        .control.smart-start-control .right-side span {
            position: relative;
            color: white;
            margin-left: 40px;
        }

            .control.smart-start-control .right-side span:before {
                content: '';
                position: absolute;
                left: -30px;
                width: 20px;
                height: 50px;
                top: -13px;
                background-image: url(/content/images/smart-start/file-pdf.png);
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
            }

    .control.smart-start-control .webshop-fake-upload-document span.fake-upload-placeholder {
        position: absolute;
        left: 13px;
        text-align: center;
        color: #ffffff47;
        font-size: 14px;
        top: 10px;
    }

    .control.smart-start-control .btn-default.btn-magen {
        position: relative;
        margin: 30px 0;
        width: 180px;
        text-transform: uppercase;
        padding: 10px 0;
        font-size: 17px;
        box-shadow: 0px 23px 36px #46002445;
        border-radius: 7px;
        cursor: pointer;
    }

    .control.smart-start-control .errorMsg {
        color: #c35977 !important;
        overflow: hidden;
        display: block;
        line-height: 12px;
        margin-top: 0;
        top: 0px;
        margin-bottom: -5px;
        font-family: 'teleNeo-medium' !important;
    }

        .control.smart-start-control .errorMsg.fake-upload {
            display: inline-block;
            top: -12px;
        }

    .control.smart-start-control .checkbox-wrap.disabled {
        opacity: .6;
        cursor: not-allowed;
    }

@media(max-width:767px) {
    #smart-start section.questions .arrow {
        top: -140px;
    }

    .control.smart-start-control .back-header h1 {
        font-size: 70px;
    }

    #smart-start section.questions a:after {
        display: none;
    }

    #smart-start .vertical-carousel {
        position: relative;
        width: 90%;
        margin: 30px auto 120px auto;
        height: auto;
    }

    #smart-start a.prev i, #smart-start a.next i {
        bottom: -20px;
    }

    div#smart-start .accordion .panel-body {
        padding: 20px;
    }

    #smart-start ul.t-ul-new-white li {
        font-size: 15px;
    }

    #smart-start div.panel-collapse .panel-body p a {
        color: white !important;
        background: transparent !important;
        text-decoration: underline;
        padding: 0 !important;
    }

    .control.smart-start-control .webshop-fake-upload-document span.fake-upload-placeholder {
        text-align: left;
        left: 10px;
    }

    .control.smart-start-control .right-side {
        float: none;
        margin: 20px 0;
    }

        .control.smart-start-control .right-side span {
            margin-left: 30px;
        }
}
/*#endregion smart start form*/

/*#region smart start oglas*/
#smart-start-oglas {
    position: relative;
    height: auto;
}

    #smart-start-oglas .wrapper {
        position: relative;
        background-image: url('../content/images/smart-start/smart-start-background.jpg');
        background-position: top center;
        background-size: cover;
        background-repeat: no-repeat;
        height: 100%;
        padding: 7% 0 5% 0;
    }

        #smart-start-oglas .wrapper:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/smart-start/smart-start-left-arrow.png);
            width: 300px;
            height: 200px;
            left: 0;
            top: 30%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
        }

        #smart-start-oglas .wrapper h1 {
            color: white;
            font-size: 37px;
            font-family: 'teleNeo-regular' !important;
            margin: 30px 0;
            width: 60%;
            margin: 0 auto;
        }

            #smart-start-oglas .wrapper h1 span {
                color: white;
                font-family: 'teleNeo-extra' !important;
            }

        #smart-start-oglas .wrapper .oglas-wrap {
            position: relative;
            width: 60%;
            margin: 0 auto;
            background: white;
            margin-top: 60px;
            padding: 40px 50px;
        }

            #smart-start-oglas .wrapper .oglas-wrap h3 {
                color: #333;
                width: 70%;
                text-align: left;
                font-size: 21px;
                font-family: 'teleNeo-medium' !important;
                margin-bottom: 30px;
                margin-top: 30px;
            }

            #smart-start-oglas .wrapper .oglas-wrap p {
                font-size: 17px;
                line-height: 1.2;
                font-family: 'teleNeo-medium' !important;
            }

            #smart-start-oglas .wrapper .oglas-wrap:after {
                content: '';
                position: absolute;
                background-image: url(../content/images/smart-start/smart-start-right-arrow.PNG);
                background-position: center;
                height: 240px;
                width: 350px;
                background-size: contain;
                background-repeat: no-repeat;
                top: -100px;
                right: -200px;
            }

            #smart-start-oglas .wrapper .oglas-wrap .btn-wrap {
                position: absolute;
                right: -60px;
                background-color: #4b483f;
                color: white;
                padding: 20px 30px;
                width: 240px;
                text-align: left;
                text-transform: uppercase;
                border-top-right-radius: 35px;
                border-bottom-right-radius: 35px;
                border-bottom-left-radius: 35px;
                box-shadow: 0px 0px 20px 10px #02020236;
            }

                #smart-start-oglas .wrapper .oglas-wrap .btn-wrap a.apply-btn {
                    color: white;
                    font-family: 'teleNeo-bold' !important;
                    font-size: 16px;
                }

    #smart-start-oglas a.apply-btn:hover,
    #smart-start-oglas a.apply-btn:focus {
        text-decoration: none;
    }

    #smart-start-oglas a.apply-btn .arrow,
    #smart-start-oglas a.apply-btn .arrow:before {
        position: absolute;
    }

    #smart-start-oglas a.apply-btn .arrow {
        width: 25px;
        height: 25px;
        top: 40px;
        margin: -20px 0 0 -20px;
        -webkit-transform: rotate( -45deg );
        border-left: none;
        border-top: none;
        border-right: 4px #fff solid;
        border-bottom: 4px #fff solid;
        right: 30px;
    }

        #smart-start-oglas a.apply-btn .arrow:before {
            content: '';
            width: 20px;
            height: 20px;
            top: 0;
            margin: -10px 0 0 -10px;
            border-left: none;
            border-top: none;
            border-right: 3px #fff solid;
            border-bottom: 3px #fff solid;
            animation-duration: 2s;
            animation-iteration-count: infinite;
            animation-name: arrow;
            right: 10px;
        }

@keyframes arrow {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate(-10px, -10px);
    }
}

@media(max-width: 767px) {
    #smart-start-oglas .wrapper h1 {
        font-size: 24px;
        width: 90%;
    }

    #smart-start-oglas .wrapper {
        padding: 7% 0 17% 0;
    }

        #smart-start-oglas .wrapper .oglas-wrap {
            width: 90%;
            padding: 20px 20px;
        }

            #smart-start-oglas .wrapper .oglas-wrap h3 {
                width: 90%;
                font-size: 20px;
            }

            #smart-start-oglas .wrapper .oglas-wrap:after {
                content: '';
                height: 190px;
                width: 140px;
                top: -100px;
                right: -30px;
            }

            #smart-start-oglas .wrapper .oglas-wrap .btn-wrap {
                position: absolute;
                right: 0;
            }
}

@media(min-width: 1500px) {
    #smart-start section.questions .arrow {
        position: absolute;
        top: -10px;
        width: 440px;
        right: 40px;
    }

    #m1-business-new .main-banner .header {
        width: 100%;
        top: 0;
        text-align: left;
    }

        #m1-business-new .main-banner .header .wrapper {
            padding: 3% 40% 20% 30%;
        }

        #m1-business-new .main-banner .header h1 {
            font-size: 48px;
            line-height: 1;
            font-family: 'teleNeo-extra' !important;
        }

        #m1-business-new .main-banner .header h2 {
            color: white;
            font-size: 35px;
            line-height: 1.2;
        }

        #m1-business-new .main-banner .header p {
            font-size: 27px;
            line-height: 28px;
        }
}
/*#endregion smart start oglas*/

/*#region safenet home mobile*/
div#safenet-home-mobile {
    position: relative;
    height: auto;
}

    div#safenet-home-mobile .main-header {
        position: relative;
        background-color: white;
        height: 680px;
        background-image: url(../content/images/safenet-home-mobile/net-bcg.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding: 6% 0 3%;
    }

    div#safenet-home-mobile p {
        font-size: 18px;
        line-height: 1.2;
    }

        div#safenet-home-mobile p.small {
            font-size: 13px;
            line-height: 1.2;
        }

    div#safenet-home-mobile .main-header .left-side-header {
        position: relative;
        width: 50%;
        display: inline-block;
        float: left;
        z-index: 2;
    }

        div#safenet-home-mobile .main-header .left-side-header:before {
            content: '';
            position: absolute;
            left: 0;
            background-image: url(../content/images/safenet-home-mobile/safenet-bcg-shape.png);
            width: 100%;
            height: 300px;
            background-size: cover;
            background-repeat: no-repeat;
            z-index: 0;
            display: block;
            top: 0;
            z-index: -1;
        }

        div#safenet-home-mobile .main-header .left-side-header h1 {
            color: white;
            font-size: 38px;
            font-family: 'teleNeo-regular' !important;
            text-transform: none;
            z-index: 2;
            margin: 30px 25% 30px 7%;
            width: 71%;
            line-height: 1.2;
        }

            div#safenet-home-mobile .main-header .left-side-header h1 span {
                font-family: teleNeo-extra !important;
            }

    div#safenet-home-mobile .main-header .right-side-icon {
        position: relative;
        width: 50%;
        display: inline-block;
        float: left;
        text-align: right;
    }

        div#safenet-home-mobile .main-header .right-side-icon img {
            width: 350px;
            height: auto;
            position: relative;
            right: 10%;
        }

    div#safenet-home-mobile .main-header .left-side-header h3 {
        color: black;
        margin: 30px 25% 30px 7%;
        font-family: teleNeo-bold !important;
        font-style: italic;
        font-size: 22px;
    }

    div#safenet-home-mobile .main-header .ec {
        position: absolute;
        bottom: -100px;
        z-index: 3;
        right: -50px;
        width: 170px;
    }

    div#safenet-home-mobile section.magenta-bcg {
        position: relative;
        background: #e20074;
        padding: 1% 0;
        text-align: center;
        color: white;
        font-size: 18px;
    }

        div#safenet-home-mobile section.magenta-bcg.thin {
            padding: 0;
        }

        div#safenet-home-mobile section.magenta-bcg p {
            padding: 0 10%;
        }

    div#safenet-home-mobile section.white-bcg {
        position: relative;
        padding: 1% 0;
        text-align: center;
    }

        div#safenet-home-mobile section.white-bcg p {
            padding: 0 10%;
        }

    div#safenet-home-mobile section.uslugi {
        position: relative;
        padding: 3% 0;
        background: white;
    }

        div#safenet-home-mobile section.uslugi h2 {
            color: #e20074;
            font-family: 'teleNeo-bold' !important;
            font-size: 29px;
        }

        /*div#safenet-home-mobile section.uslugi .icon-wrap img {
            width: 80px;
            height: auto;
        }*/

        div#safenet-home-mobile section.uslugi .icon-wrap .icon-wrap p {
            font-size: 15px;
            padding: 0 30px;
            font-family: 'teleNeo-bold' !important;
        }

        div#safenet-home-mobile section.uslugi .icon-wrap .row {
            margin-top: 50px;
            margin-bottom: 50px;
        }

    div#safenet-home-mobile .wrap {
        position: relative;
        width: 100%;
        height: 110px;
    }

        div#safenet-home-mobile .wrap p.text-magenta {
            font-family: 'teleNeo-bold' !important;
        }

        div#safenet-home-mobile .wrap:before {
            content: '';
            position: absolute;
            border-top: 1px solid #e20074;
            height: 1px;
            width: 70%;
            top: -30px;
            margin: 0 auto;
            left: 0;
            right: 0;
        }

    div#safenet-home-mobile .wrap-one:before {
        content: '';
        position: absolute;
        border-left: 1px solid #e20074;
        height: 24px;
        width: 1px;
        top: -30px;
        left: 41%;
    }

    div#safenet-home-mobile .wrap-two:before {
        content: '';
        position: absolute;
        border-left: 1px solid #e20074;
        height: 25px;
        width: 1px;
        left: 50%;
        top: -42px;
    }

    div#safenet-home-mobile .wrap-three:before {
        content: '';
        position: absolute;
        border-right: 1px solid #e20074;
        height: 24px;
        width: 1px;
        top: -30px;
        right: 41%;
    }

    div#safenet-home-mobile section.najsigurna-mreza {
        position: relative;
        padding: 2% 0;
        height: 400px;
        margin: 5% 0;
    }

        div#safenet-home-mobile section.najsigurna-mreza .text-wrap {
            position: relative;
            width: 70%;
            text-align: left;
            display: inline-block;
            float: left;
        }

            div#safenet-home-mobile section.najsigurna-mreza .text-wrap h2 {
                color: #333;
                font-family: 'teleNeo-regular' !important;
                font-size: 43px;
                text-transform: uppercase;
                margin-bottom: 40px;
            }

            div#safenet-home-mobile section.najsigurna-mreza .text-wrap p {
                font-size: 18px;
                line-height: 1.2;
                color: black;
            }

            div#safenet-home-mobile section.najsigurna-mreza .text-wrap h2 span {
                font-family: 'teleNeo-extra' !important;
                color: #e20074;
                font-size: 60px;
            }

        div#safenet-home-mobile section.najsigurna-mreza .img-wrap {
            position: relative;
            width: 30%;
            height: 100%;
            position: absolute;
            right: 0;
            height: 100%;
            float: left;
            right: 0;
            top: 0;
            background-image: url(../content/images/safenet-home-mobile/surfaj-bezbedno.png);
            background-size: cover;
            background-position: center right;
            background-repeat: no-repeat;
        }

            div#safenet-home-mobile section.najsigurna-mreza .img-wrap img {
                position: absolute;
                width: auto;
                height: 100%;
                right: 0;
            }

    div#safenet-home-mobile section.safenet-home {
        position: relative;
        padding: 2% 0;
        height: auto;
        margin: 5% 0;
    }

        div#safenet-home-mobile section.safenet-home .img-wrap {
            position: absolute;
            left: 0;
            width: 50%;
            top: 0;
            display: inline-block;
            float: left;
            height: 100%;
            background-image: url(../content/images/safenet-home-mobile/safenet-mobile-icon.png);
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

            div#safenet-home-mobile section.safenet-home .img-wrap img {
                position: absolute;
                left: 0;
                width: auto;
                height: 100%;
            }

        div#safenet-home-mobile section.safenet-home .text-wrap {
            position: relative;
            width: 50%;
            display: inline-block;
            float: right;
            padding-left: 40px;
        }

            div#safenet-home-mobile section.safenet-home .text-wrap h2 {
                position: relative;
                font-size: 44px;
                color: black;
                font-family: 'teleNeo-extra' !important;
            }

                div#safenet-home-mobile section.safenet-home .text-wrap h2 span {
                    color: #e20074;
                    font-family: 'teleNeo-extra' !important;
                }

            div#safenet-home-mobile section.safenet-home .text-wrap p {
                font-size: 18px;
                color: black;
                line-height: 1.2;
            }

    div#safenet-home-mobile section.safenet-mobile {
        position: relative;
        padding: 2% 0;
        margin: 5% 0;
    }

        div#safenet-home-mobile section.safenet-mobile .ec {
            position: absolute;
            right: 0;
            top: -55px;
        }

        div#safenet-home-mobile section.safenet-mobile .container:before {
            background-image: url(../content/images/safenet-home-mobile/safenet-home-mobile-object.png);
            content: '';
            position: absolute;
            left: 0;
            width: 290px;
            height: 310px;
            background-size: contain;
            background-repeat: no-repeat;
        }

        div#safenet-home-mobile section.safenet-mobile .text-wrap {
            position: relative;
            width: 50%;
            float: left;
            display: inline-block;
        }

            div#safenet-home-mobile section.safenet-mobile .text-wrap h2 {
                position: relative;
                font-size: 44px;
                color: black;
                font-family: 'teleNeo-extra' !important;
            }

            div#safenet-home-mobile section.safenet-mobile .text-wrap p {
                font-size: 18px;
                line-height: 1.2;
                color: black;
            }

            div#safenet-home-mobile section.safenet-mobile .text-wrap h2 span {
                color: #e20074;
                font-family: 'teleNeo-extra' !important;
            }

        div#safenet-home-mobile section.safenet-mobile .img-wrap {
            width: 50%;
            right: 0;
            position: absolute;
            float: right;
            height: 100%;
            top: -60px;
            background-image: url(../content/images/safenet-home-mobile/safenet-home.png);
            background-size: contain;
            background-position: top center;
            background-repeat: no-repeat;
            height: 440px;
            z-index: 0;
            display: block;
        }

            div#safenet-home-mobile section.safenet-mobile .img-wrap img {
                width: auto;
                height: 100%;
                position: absolute;
                right: 0;
            }

    div#safenet-home-mobile section.qa {
        position: relative;
        z-index: 1;
        padding: 2% 0;
        background: #e20074;
    }

        div#safenet-home-mobile section.qa:after {
            content: '';
            position: absolute;
            right: 0;
            bottom: 0;
            background-image: url(../content/images/safenet-home-mobile/safenet-last-section-img.png);
            height: 240px;
            width: 140px;
            background-position: center right;
            background-size: contain;
            background-repeat: no-repeat;
        }

        div#safenet-home-mobile section.qa h3 {
            position: relative;
            margin-bottom: 10px;
            color: white;
            text-transform: uppercase;
            font-size: 28px;
            border-bottom: 1px solid RGBA(247,247,247,0.65);
        }

        div#safenet-home-mobile section.qa .panel-default *,
        div#safenet-home-mobile section.qa .panel-default {
            background-color: transparent;
            border: 0;
            color: white;
        }

        div#safenet-home-mobile section.qa .panel-default {
            margin-top: 0 !important;
            /*  box-shadow: 0 1px 0px rgba(247, 247, 247, .65);*/
            border-bottom: 1px solid rgba(247,247,247,0.65);
        }

        div#safenet-home-mobile section.qa .panel-heading {
            padding: 5px 10px;
        }

        div#safenet-home-mobile section.qa h4.panel-title {
            padding: 0;
        }

            div#safenet-home-mobile section.qa h4.panel-title a {
                display: block;
                width: 100%;
                padding: 20px 45px 20px 0;
                font-size: 19px;
                position: relative;
                line-height: 1.2;
            }

                div#safenet-home-mobile section.qa h4.panel-title a.collapsed:after {
                    content: ']$';
                    font-family: 'teleicon-outline';
                    position: absolute;
                    color: white;
                    font-size: 22px;
                    top: 32px;
                    right: 20px;
                    margin: auto;
                    transform: rotateZ( 0deg );
                    transition-property: transform;
                    transition-duration: .25s;
                }

                div#safenet-home-mobile section.qa h4.panel-title a:after {
                    content: ']$';
                    font-family: 'teleicon-outline';
                    position: absolute;
                    color: white;
                    font-size: 22px;
                    top: 40px;
                    right: 20px;
                    margin: auto;
                    transform: rotateZ( -180deg );
                    transition-property: transform;
                    transition-duration: .25s;
                }

                div#safenet-home-mobile section.qa h4.panel-title a:hover,
                div#safenet-home-mobile section.qah4.panel-title a:focus {
                    text-decoration: none;
                }

        div#safenet-home-mobile section.qa .panel-body {
            font-size: 18px;
        }

@media(max-width: 767px) {
    div #safenet-home-mobile .main-header {
        height: auto;
    }

    div#safenet-home-mobile section.safenet-mobile .ec {
        position: absolute;
        right: 0;
        top: -75px;
    }

    div#safenet-home-mobile .main-header .left-side-header {
        width: 100%;
        float: none;
    }

        div#safenet-home-mobile .main-header .left-side-header:before {
            content: '';
            width: 100%;
            height: 250px;
        }

        div#safenet-home-mobile .main-header .left-side-header h1 {
            font-size: 28px;
            margin: 25px 4% 25px 4%;
            width: 90%;
        }

        div#safenet-home-mobile .main-header .left-side-header h3 {
            color: black;
            margin: 25px 45% 25px 4%;
            font-family: teleNeo-bold !important;
            font-style: italic;
            font-size: 20px;
        }

    div#safenet-home-mobile .main-header .ec {
        position: absolute;
        bottom: 0px;
        z-index: 3;
        width: 120px;
        right: 0;
    }

    div#safenet-home-mobile .main-header .right-side-icon {
        position: relative;
        width: 100%;
        display: block;
        float: none;
        text-align: center;
    }

        div#safenet-home-mobile .main-header .right-side-icon img {
            width: 170px;
            right: 0;
        }

    div#safenet-home-mobile section.uslugi .icon-wrap img {
        width: 55px;
    }

    div#safenet-home-mobile section.uslugi .icon-wrap p {
        font-size: 13px;
        padding: 0;
    }

    div#safenet-home-mobile section.najsigurna-mreza .text-wrap {
        position: relative;
        width: 100%;
        text-align: left;
        display: block;
        float: none;
    }

    div#safenet-home-mobile section.najsigurna-mreza .text-wrap {
        position: relative;
        width: 100%;
        text-align: left;
        display: block;
        float: none;
    }

    div#safenet-home-mobile section.najsigurna-mreza .img-wrap {
        position: relative;
        width: 100%;
        right: 0;
        height: 100%;
        float: none;
        display: block;
    }

    div#safenet-home-mobile section.najsigurna-mreza img {
        position: relative !important;
        width: auto !important;
        height: auto !important;
    }

    div#safenet-home-mobile section.safenet-home .img-wrap {
        position: relative;
        left: 0;
        width: 100%;
        top: 0;
        display: block;
        float: none;
        height: 300px;
    }

    div#safenet-home-mobile section.safenet-home img {
        position: relative !important;
        width: auto !important;
        height: auto !important;
    }

    div#safenet-home-mobile section.safenet-home .text-wrap {
        position: relative;
        width: 100%;
        display: block;
        float: none;
        padding-left: 0px;
    }

    div#safenet-home-mobile section.safenet-mobile .text-wrap {
        position: relative;
        width: 100%;
        float: none;
        display: block;
    }

    div#safenet-home-mobile section.safenet-mobile .img-wrap {
        width: 100%;
        right: 0;
        position: relative;
        float: none;
        height: 300px;
        top: 0;
    }

    div#safenet-home-mobile section.safenet-mobile img {
        position: relative !important;
        width: auto !important;
        height: auto !important;
    }

    div#safenet-home-mobile section.najsigurna-mreza,
    div#safenet-home-mobile section.safenet-home,
    div#safenet-home-mobile section.safenet-mobile {
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 30px;
        height: auto;
    }

        div#safenet-home-mobile section.safenet-mobile .container:before {
            content: '';
            display: none !important;
        }

    div#safenet-home-mobile section.qa:after {
        content: '';
        display: none !important;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    div#safenet-home-mobile .main-header {
        height: 600px;
    }

    div#safenet-home-mobile section.safenet-mobile .ec {
        position: absolute;
        right: -60px;
        top: -55px;
    }

    div#safenet-home-mobile .main-header .left-side-header:before {
        content: '';
        width: 430px;
        height: 430px;
    }

    div#safenet-home-mobile .main-header .left-side-header h1 {
        color: white;
        font-size: 31px;
        width: 90%;
        margin-bottom: 20px;
    }

    div#safenet-home-mobile .main-header .left-side-header h3 {
        color: black;
        margin: 10px 25% 10px 7%;
        font-size: 20px;
    }

    div#safenet-home-mobile .main-header .ec {
        position: absolute;
        width: 140px;
        right: -30px;
    }

    div#safenet-home-mobile .main-header .right-side-icon img {
        width: 240px;
        right: 10%;
    }

    div#safenet-home-mobile section.najsigurna-mreza .text-wrap h2 {
        font-size: 33px;
    }

        div#safenet-home-mobile section.najsigurna-mreza .text-wrap h2 span {
            font-size: 40px;
        }

    div#safenet-home-mobile section.najsigurna-mreza,
    div#safenet-home-mobile section.safenet-home,
    div#safenet-home-mobile section.safenet-mobile {
        height: auto;
    }

        div#safenet-home-mobile section.najsigurna-mreza .img-wrap {
            width: 45%;
        }

        div#safenet-home-mobile section.najsigurna-mreza .text-wrap {
            width: 60%;
        }

        div#safenet-home-mobile section.safenet-home .img-wrap {
            width: 50%;
            height: 250px;
            position: absolute;
            top: 20%;
        }
}
/*#endregion safenet home mobile*/
/*#region safenet portfolio*/
#safenet-portfolio .main-header {
    position: relative;
    background-image: url(../content/images/safenet-portfolio/safenet-intoBanner.jpg);
    height: 400px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 3%;
}

#safenet-portfolio .header {
    z-index: 1;
    position: absolute;
    bottom: -1px;
    width: 530px;
    padding: 0 20px;
    height: 290px;
    background-image: url(../content/images/safenet-portfolio/safenet-magenta-box.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
}

    #safenet-portfolio .header h1 {
        font-size: 35px;
        color: white;
        font-family: 'teleNeo-regular' !important;
        position: absolute;
        bottom: 0;
        margin-left: 30px;
    }

        #safenet-portfolio .header h1 span {
            position: relative;
            font-family: 'teleNeo-extra' !important;
            font-size: 60px;
        }

#safenet-portfolio .safe-net-lock {
    position: relative;
    float: right;
    right: 22%;
    width: 230px;
    vertical-align: middle;
    top: 10%;
}

#safenet-portfolio section.main-content {
    position: relative;
    padding-bottom: 3%;
    background-color: #f0f0f0;
}

    #safenet-portfolio section.main-content .left-part {
        position: relative;
        width: 45%;
        float: left;
        display: inline;
        padding-top: 30px;
    }

    #safenet-portfolio section.main-content .right-part {
        position: relative;
        width: 45%;
        float: right;
        display: inline;
        padding-top: 30px;
    }

#safenet-portfolio .content {
    position: relative;
    background: #e20074;
    display: block;
    overflow: hidden;
    padding: 0 55px 30px 55px;
    color: white;
    font-size: 19px;
}

#safenet-portfolio .net-boxes {
    position: relative;
    display: table;
    width: 100%;
    text-align: center;
    margin: 50px 0;
}

    #safenet-portfolio .net-boxes .box {
        display: table-cell;
        width: auto;
        position: relative;
        background: #e20074;
        width: 30.333%;
        left: 0;
        top: 100%;
        background-image: -webkit-gradient(to bottom, #d7c96d, #a3bc86,#bdc279, #89bc98, #9cbcbc, #74b8a6, #33aece,#2eaed2 100%);
        background-image: linear-gradient(to bottom, #d7c96d, #a3bc86,#bdc279, #89bc98, #9cbcbc, #74b8a6, #33aece,#2eaed2 100%);
        min-height: 250px;
    }

        #safenet-portfolio .net-boxes .box:before {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            bottom: 100%;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 0 6px 6px;
            border-color: transparent transparent #d8c96c transparent;
            -webkit-transition: all 250ms ease-in-out;
            transition: all 250ms ease-in-out;
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
            border-color: transparent transparent #d8c96c transparent;
        }

        #safenet-portfolio .net-boxes .box:after {
            content: '';
            display: block;
            position: absolute;
            left: 100%;
            bottom: 0;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 6px 6px 0 0;
            border-color: #2eaed2 transparent transparent transparent;
            -webkit-transition: all 250ms ease-in-out;
            transition: all 250ms ease-in-out;
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
            border-width: 8px 8px 0 0;
            border-color: #2eaed2 transparent transparent transparent;
            z-index: 2;
        }

        #safenet-portfolio .net-boxes .box:hover:before {
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1);
            border-width: 0 0 8px 8px;
        }

        #safenet-portfolio .net-boxes .box:hover .wrap {
            transform: translate(8px, -8px);
            z-index: 3;
            background: white;
        }

        #safenet-portfolio .net-boxes .box:hover:after {
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        #safenet-portfolio .net-boxes .box .wrap {
            background: #fafafa;
            position: relative;
            -webkit-transition: all 250ms ease-in-out;
            transition: all 250ms ease-in-out;
            height: 100%;
            padding: 50px;
        }

            #safenet-portfolio .net-boxes .box .wrap a {
                color: black;
            }

                #safenet-portfolio .net-boxes .box .wrap a:hover {
                    text-decoration: none;
                }

            #safenet-portfolio .net-boxes .box .wrap h2 {
                font-family: 'teleNeo-medium' !important;
                font-size: 26px;
                margin-bottom: 40px;
            }

                #safenet-portfolio .net-boxes .box .wrap h2 span {
                    font-family: 'teleNeo-bold' !important;
                }

            #safenet-portfolio .net-boxes .box .wrap .icon {
                margin-bottom: 20px;
            }

                #safenet-portfolio .net-boxes .box .wrap .icon img {
                    height: 90px;
                    width: auto;
                }

            #safenet-portfolio .net-boxes .box .wrap p {
                font-size: 15px;
                text-transform: uppercase;
                font-weight: 600;
                padding: 0 30px;
            }

@media(max-width: 767px) {
    #safenet-portfolio .main-header {
        height: 400px;
    }

    #safenet-portfolio .header {
        bottom: -1px;
        width: 100%;
        padding: 0 20px;
        height: 150px;
    }

        #safenet-portfolio .header h1 {
            font-size: 35px;
        }

            #safenet-portfolio .header h1 span {
                font-size: 38px;
            }

    #safenet-portfolio .safe-net-lock {
        position: relative;
        float: none;
        right: 0;
        width: 100%;
        vertical-align: middle;
        top: 10%;
        text-align: center;
    }

        #safenet-portfolio .safe-net-lock img {
            width: 150px;
        }

    #safenet-portfolio .content {
        padding: 0 35px 30px 55px;
    }

    #safenet-portfolio section.main-content .left-part,
    #safenet-portfolio section.main-content .right-part {
        position: relative;
        width: 100%;
        float: none;
        display: block;
        padding-top: 30px;
    }

    #safenet-portfolio .net-boxes .box {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #safenet-portfolio .safe-net-lock {
        position: relative;
        float: right;
        right: 0%;
        width: 210px;
        top: 20%;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #safenet-portfolio .safe-net-lock {
        position: relative;
        float: right;
        right: 10%;
        width: 250px;
        top: 20%;
    }

    #smart-start section.how-to-start .item-wrap:before {
        content: '';
        border-top: 44px solid white;
        border-right: 126px solid transparent;
    }

    #smart-start section.how-to-start .item-wrap:after {
        content: '';
        border-top: 44px solid white;
        border-left: 136px solid transparent;
    }
}

@media(min-width: 1400px) and (max-width: 1920px) {
    #safenet-portfolio .safe-net-lock {
        right: 30%;
    }
}
/*#endregion safenet portfolio*/


/*#nov broj 2021*/
a.nov-broj-link {
    position: relative;
    width: 100%;
    display: block;
}

.nov-broj-banner {
    position: relative;
    /*background: #e20074; */
    width: 100%;
    padding: 20px 0;
    margin-bottom: 15px;
    display: block;
    width: 100%;
    /*background-image: url(../content/images/prepaid/10gb-banner-full-prepaid.jpg);*/
    background-image: url(../content/images/prepaid/10GB-banner-full-new.jpg);
    height: 300px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

    .nov-broj-banner h2 {
        width: 40%;
        display: inline;
        float: left;
        position: relative;
        vertical-align: middle;
        top: 60px;
        font-size: 37px;
        color: white;
    }

    .nov-broj-banner .wrap {
        width: 30%;
        display: inline;
        float: left;
        vertical-align: middle;
    }

    .nov-broj-banner .ec {
        width: 15%;
        display: inline;
        float: right;
        position: relative;
        vertical-align: middle;
    }

    .nov-broj-banner.sq {
        /*background-image: url(../content/images/prepaid/10gb-banner-full-prepaid-sq.jpg);*/
        background-image: url(../content/images/prepaid/10GB-banner-full-new-sq.jpg);
    }

    .nov-broj-banner.en {
        /*background-image: url(../content/images/prepaid/10gb-banner-full-prepaid-en.jpg);*/
        background-image: url(../content/images/prepaid/10GB-banner-full-new-en.jpg);
    }

.prepaid-landing-bannerBox.prepaid-landing-bannerBox-second {
    background-image: url(../content/images/prepaid/15gb-pripejd-banner-new.jpg) !important;
    background-size: cover;
    background-position: center;
    min-height: 300px !important;
    width: 100%;
    display: block;
    margin: 10px auto;
}

.prepaid-landing-bannerBox.prepaid-landing-bannerBox-second {
    /* background-image: url(../content/images/prepaid/20gb-banner-full-prepaid.jpg) !important;*/
    background-image: url(../content/images/prepaid/20GB-banner-full-new.jpg) !important;
}



.prepaid-landing-bannerBox.prepaid-landing-bannerBox-second-en {
    /*background-image: url(../content/images/nov-broj-najdobra-ponuda-big-en.jpg);*/
    background-image: url(../content/images/prepaid/20GB-banner-full-new-en.jpg) !important;
}

.prepaid-landing-bannerBox.prepaid-landing-bannerBox-second-sq {
    /*  background-image: url(../content/images/prepaid/20gb-banner-full-prepaid-sq.jpg) !important;*/
    background-image: url(../content/images/prepaid/20GB-banner-full-new-sq.jpg) !important;
}



@media(max-width: 767px) {
    .nov-broj-banner {
        /*background-image: url(../content/images/prepaid/10gb-banner-full-prepaid-mob.jpg);*/
        background-image: url(../content/images/prepaid/10GB-banner-full-new-mob.jpg);
        height: 250px;
        background-position: center;
    }

    .prepaid-landing-bannerBox.prepaid-landing-bannerBox-second {
        background-position: center;
        /* background-image: url('../content/images/prepaid/20gb-banner-full-prepaid-mob.jpg') !important;*/
        background-image: url('../content/images/prepaid/20GB-banner-full-new-mob.jpg') !important;
    }

    /*  .prepaid-landing-bannerBox.prepaid-landing-bannerBox-second-sq {
        background-image: url(../content/images/prepaid/15gb-pripejd-banner-new-mob-sq.jpg) !important;
    }
*/
    .nov-broj-banner.sq {
        /*  background-image: url(../content/images/prepaid/10gb-banner-full-prepaid-mob-sq.jpg);*/
        background-image: url(../content/images/prepaid/10GB-banner-full-new-mob-sq.jpg);
    }

    .nov-broj-banner.en {
        /* background-image: url(../content/images/prepaid/10gb-banner-full-prepaid-mob-en.jpg);*/
        background-image: url(../content/images/prepaid/10GB-banner-full-new-mob-en.jpg);
    }

    .nov-broj-banner h2 {
        width: 40%;
        display: inline;
        float: left;
        position: relative;
        vertical-align: middle;
        top: 0;
        font-size: 19px;
        color: white;
    }

    .prepaid-landing-bannerBox.prepaid-landing-bannerBox-second {
        background-position: left 43% center;
        /*background-image: url(../content/images/prepaid/20gb-banner-full-prepaid-mob.jpg) !important;*/
        background-image: url(../content/images/prepaid/20GB-banner-full-new-mob.jpg) !important;
        min-height: 270px !important;
    }

    .prepaid-landing-bannerBox.prepaid-landing-bannerBox-second-sq {
        /* background-image: url(../content/images/prepaid/20gb-banner-full-prepaid-mob-sq.jpg) !important;*/
        background-image: url(../content/images/prepaid/20GB-banner-full-new-mob-sq.jpg) !important;
    }


    .prepaid-landing-bannerBox.prepaid-landing-bannerBox-second-en {
        /* background-image: url(../content/images/prepaid/20gb-banner-full-prepaid-mob-en.jpg) !important;*/
        background-image: url(../content/images/prepaid/20GB-banner-full-new-mob-en.jpg) !important;
    }

    .home-one.prePaid .pozitivni-vibracii-banner {
        min-height: 250px !important;
        background-position: 10% 50% !important;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    .nov-broj-banner .ec {
        float: left;
    }

    .nov-broj-banner {
        /*  background-image: url(../content/images/prepaid/5gb-pripejd-banner-new-mob.jpg);*/
        height: 200px;
    }

    .prepaid-landing-bannerBox.prepaid-landing-bannerBox-second {
        /*background-image: url(../content/images/prepaid/15gb-pripejd-banner-new-mob.jpg) !important;*/
        min-height: 200px !important;
    }

    .home-one.prePaid .pozitivni-vibracii-banner {
        min-height: 200px !important;
    }
}
/*#region moj telekom*/
#moj-telekom-new .first-banner {
    position: relative;
    background-image: url(../content/images/moj-telekom/main-banner-bcg.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5% 0 3%;
    z-index: 1;
    height: 600px;
}

    #moj-telekom-new .first-banner:before {
        content: '';
        position: absolute;
        left: -160px;
        top: -190px;
        background-image: url(../content/images/moj-telekom/shape.png);
        background-position: left top;
        background-size: cover;
        height: 390px;
        width: 380px;
        z-index: 0;
    }

    #moj-telekom-new .first-banner .header {
        position: relative;
        width: 50%;
        float: left;
        display: inline-block;
        top: 10%;
        z-index: 2;
    }

        #moj-telekom-new .first-banner .header .najava {
            position: relative;
            margin-top: 50px;
            width: 160px;
            display: block;
        }

            #moj-telekom-new .first-banner .header .najava a {
                width: 100%;
                padding: 8px 0;
                font-size: 19px;
                box-shadow: 0 0 6px 4px rgba(0, 0, 0, 0.10);
                transition: all ease-in .5s;
                margin-bottom: 10px;
            }

                #moj-telekom-new .first-banner .header .najava a:hover {
                    transition: all ease-in .5s;
                    text-decoration: none;
                    background: linear-gradient(to bottom, #c50367 0,#b0025b 100%);
                }

#moj-telekom-new a.btn.magenta-btn:hover {
    text-decoration: none;
    background: linear-gradient(to bottom, #c50367 0,#b0025b 100%) !important;
}

#moj-telekom-new .first-banner .header h1 {
    color: #e20074;
    font-size: 78px;
    text-transform: uppercase;
    margin-bottom: 50px;
    font-family: 'teleNeo-extra' !important;
    line-height: 1.1;
}

#moj-telekom-new .first-banner .header h2 {
    color: black;
    font-size: 30px;
    font-family: 'teleNeo-medium' !important;
}

#moj-telekom-new .first-banner .header p {
    position: relative;
    color: black;
    opacity: .75;
    font-size: 19px;
    line-height: 1.2;
}

#moj-telekom-new .first-banner .image {
    position: absolute;
    right: -20px;
    top: 0;
    width: 50%;
}

#moj-telekom-new .section.pridobivki {
    position: relative;
    padding: 3% 0;
}

#moj-telekom-new .section h2 {
    color: black;
    text-transform: uppercase;
    font-size: 40px;
    font-family: 'teleNeo-bold' !important;
    margin-bottom: 40px;
}

#moj-telekom-new .section.pridobivki .pridobivki-text p {
    color: black;
    font-size: 18px;
    font-family: 'teleNeo-medium' !important;
}

#moj-telekom-new .pridobivki-icons .icon-wrap {
    position: relative;
}

#moj-telekom-new .pridobivki-icons .text-right .icon-wrap {
    right: 30px;
}

#moj-telekom-new .pridobivki-icons .text-left .icon-wrap {
    left: 30px;
}

#moj-telekom-new .pridobivki-icons .icon-wrap .icon {
    position: relative;
    min-height: 70px;
    vertical-align: middle;
}


#moj-telekom-new .pridobivki-icons p {
    color: black;
    font-size: 16px;
    line-height: 1.2;
    font-family: 'teleNeo-bold' !important;
}

#moj-telekom-new .pridobivki-icons .row {
    margin-bottom: 60px;
}

#moj-telekom-new .section.virtuelen-tehnicar {
    padding: 1% 0;
}

    #moj-telekom-new .section.virtuelen-tehnicar .text-wrap {
        padding: 0 0 0 40px;
    }

    #moj-telekom-new .section.virtuelen-tehnicar p {
        color: black;
        font-size: 18px;
        font-family: 'teleNeo-medium' !important;
    }

#moj-telekom-new .text-wrap .video-link {
    position: relative;
    bottom: 0;
    margin: 30px 0 0;
}

    #moj-telekom-new .text-wrap .video-link a {
        background: #e20074;
        border-radius: 0;
        color: white;
        width: 150px;
        padding: 8px 0;
        text-transform: uppercase;
        font-size: 17px;
    }

#moj-telekom-new .section.help-and-support {
    padding: 1% 0;
}

    #moj-telekom-new .section.help-and-support .text-wrap {
        padding: 0 40px 0 0;
    }

        #moj-telekom-new .section.help-and-support .text-wrap p {
            color: black;
            font-size: 18px;
            font-family: 'teleNeo-medium' !important;
        }

            #moj-telekom-new .section.help-and-support .text-wrap p span {
                color: #e20074;
                font-size: 18px;
                font-family: 'teleNeo-medium' !important;
            }

#moj-telekom-new .section.qa h3 {
    font-size: 45px;
    text-transform: uppercase;
    font-family: 'teleNeo-bold' !important;
    margin-bottom: 70px;
}

#moj-telekom-new .section.qa {
    background-color: #F1F3F7;
    padding: 4% 0;
}

    #moj-telekom-new .section.qa .panel-default {
        border: 0;
        background: rgba(255, 255, 255,0.45);
    }

    #moj-telekom-new .section.qa .panel-heading {
        background-color: #f1f3f7 !important;
        border: 0;
        padding: 10px 0;
    }

        #moj-telekom-new .section.qa .panel-heading h4 a {
            display: block;
            width: 100%;
            position: relative;
            padding-left: 0;
            text-decoration: none;
            display: block;
            padding: 14px;
            color: #747474;
            font-size: 19px;
            text-shadow: none;
            padding-top: 0;
            padding-bottom: 0;
        }

            #moj-telekom-new .section.qa .panel-heading h4 a:after {
                content: '';
                position: absolute;
                width: 30px;
                height: 30px;
                top: 40px;
                right: 10px;
                background-image: url(../content/images/minus.png);
                background-repeat: no-repeat;
                background-position: right 0px center;
                background-color: transparent;
                filter: grayscale(1);
            }

            #moj-telekom-new .section.qa .panel-heading h4 a.collapsed {
                padding-right: 15px;
            }

                #moj-telekom-new .section.qa .panel-heading h4 a.collapsed:after {
                    content: '';
                    position: absolute;
                    width: 30px;
                    height: 30px;
                    top: 0;
                    right: 0;
                    background-image: url(../content/images/plus.png) !important;
                    background-repeat: no-repeat;
                    background-position: right 0px center;
                    background-size: inherit;
                    filter: grayscale(0);
                }

            #moj-telekom-new .section.qa .panel-heading h4 a:hover,
            #moj-telekom-new .section.qa .panel-heading h4 a:focus {
                text-decoration: none;
            }

    #moj-telekom-new .section.qa .panel-body h4 {
        margin: 0 0 20px 0;
        font-family: 'teleNeo-medium' !important;
        font-size: 19px;
    }

    #moj-telekom-new .section.qa .panel-body p {
        font-size: 17px;
        line-height: 1.2;
        color: black;
        opacity: .5;
    }

#moj-telekom-new .section.mk-app {
    padding: 4% 0 8% 0;
    background-image: url(../content/images/moj-telekom/city-lines.svg);
    background-position: 53% 100%;
    z-index: 0;
}

    #moj-telekom-new .section.mk-app .left-part {
        width: 50%;
        display: inline;
        float: left;
        position: relative;
    }

    #moj-telekom-new .section.mk-app .right-part {
        width: 40%;
        float: right;
        display: inline;
        background-image: url(../content/images/moj-telekom/main-phone-img.png);
        position: relative;
        height: 380px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left top;
    }

        #moj-telekom-new .section.mk-app .right-part:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/moj-telekom/circles.png);
            background-size: cover;
            width: 390px;
            height: 390px;
            z-index: 0;
            left: -165px;
            top: -50px;
            z-index: 2;
        }

        #moj-telekom-new .section.mk-app .right-part:after {
            content: '';
            position: absolute;
            width: 20px;
            height: 20px;
            background: white;
            left: 15px;
            top: 35%;
            border-radius: 50%;
            z-index: 3;
        }

        #moj-telekom-new .section.mk-app .right-part img {
            position: relative;
            z-index: 4;
        }

#moj-telekom-new .social-icons {
    position: relative;
    top: 60px;
    display: block;
    margin-top: 50px;
}

    #moj-telekom-new .social-icons a {
        display: inline;
        color: black;
        margin-right: 30px;
        font-size: 20px;
        font-family: 'teleNeo-medium' !important;
        padding-right: 10px;
        text-decoration: underline;
    }

        #moj-telekom-new .social-icons a:hover {
            text-decoration: none;
        }

        #moj-telekom-new .social-icons a.google:before {
            content: '';
            position: relative;
            left: 0;
            top: 8px;
            background-image: url(../content/images/moj-telekom/google-play.png);
            background-size: contain;
            background-position: left top;
            width: 30px;
            height: 30px;
            background-repeat: no-repeat;
            display: inline-block;
        }

        #moj-telekom-new .social-icons a.apple:before {
            content: '';
            position: relative;
            left: 0;
            top: 5px;
            background-image: url(../content/images/moj-telekom/apple.png);
            background-size: contain;
            background-position: left top;
            width: 30px;
            height: 30px;
            background-repeat: no-repeat;
            display: inline-block;
        }

#moj-telekom-new .mk-app .left-part h2 {
    color: white !important;
    text-transform: uppercase;
    font-size: 55px !important;
    font-family: 'teleNeo-thin' !important;
    margin-bottom: 40px;
    width: 390px;
    background-color: #e20074;
    text-align: center;
}

#moj-telekom-new .mk-app .left-part h3 {
    position: relative;
    font-family: 'teleNeo-regular' !important;
    font-size: 31px;
}

#moj-telekom-new nav.moj-telekom-nav.fixed {
    position: fixed;
    top: 35%;
    z-index: 4;
}

    #moj-telekom-new nav.moj-telekom-nav.fixed ul li {
        display: block;
        list-style: circle;
        width: 20px;
        margin: 15px 10px;
        text-align: center;
    }

        #moj-telekom-new nav.moj-telekom-nav.fixed ul li a:before {
            content: '';
            position: relative;
            left: 5px;
            top: 0;
            display: block;
            width: 10px;
            height: 10px;
            background: #000000;
            border-radius: 50px;
            opacity: 0.1;
        }

        #moj-telekom-new nav.moj-telekom-nav.fixed ul li a.active:before {
            background: #e20074;
            opacity: 1;
        }

    #moj-telekom-new nav.moj-telekom-nav.fixed button {
        background-color: transparent;
        color: #ccc;
        font-size: 40px;
        text-shadow: none;
        padding: 0 14px;
    }

        #moj-telekom-new nav.moj-telekom-nav.fixed button.prev {
            padding-left: 12px !important;
        }

        #moj-telekom-new nav.moj-telekom-nav.fixed button:hover {
            color: #e20074;
        }

        #moj-telekom-new nav.moj-telekom-nav.fixed button:focus {
            outline: none;
        }

@media(max-width: 767px) {
    #moj-telekom-new .first-banner {
        height: auto;
    }

        #moj-telekom-new .first-banner:before {
            height: 330px;
            width: 330px;
            z-index: 0;
        }

        #moj-telekom-new .first-banner .header {
            position: relative;
            width: 100%;
            float: none;
            display: block;
            top: 20px !important;
            text-align: center;
        }

            #moj-telekom-new .first-banner .header h1 {
                font-size: 58px;
                margin-bottom: 30px;
            }

        #moj-telekom-new .first-banner .image {
            position: relative;
            right: 0;
            top: 20px;
            width: 100%;
            display: block;
        }

    #moj-telekom-new .pridobivki-icons .row {
        margin-bottom: 10px;
    }

    #moj-telekom-new .pridobivki-icons .icon-wrap {
        min-height: 160px;
        text-align: center;
    }

    #moj-telekom-new .section.virtuelen-tehnicar .text-wrap {
        padding: 0;
        text-align: center;
    }

    #moj-telekom-new .section.help-and-support .text-wrap {
        padding: 0;
        text-align: center;
    }

    #moj-telekom-new .section.qa h3 {
        text-align: center;
    }

    #moj-telekom-new .section.mk-app .left-part {
        width: 100%;
        display: block;
        float: none;
        position: relative;
    }

    #moj-telekom-new .section.mk-app .right-part {
        width: 100%;
        float: none;
        display: block;
        height: auto;
    }

    #moj-telekom-new .social-icons {
        position: relative;
        top: 0;
        display: block;
        margin-top: 50px;
        margin-bottom: 90px;
    }

    #moj-telekom-new .section.mk-app {
        background-image: none;
    }

    #moj-telekom-new .mk-app .left-part h2 {
        font-size: 43px !important;
        width: auto;
        margin-top: 30px;
    }
}

#moj-telekom-new section.blue-section {
    position: relative;
    padding: 2% 0;
    background-color: #dee4ec;
}

    #moj-telekom-new section.blue-section p {
        font-size: 16px;
        text-align: center;
        line-height: 1.2;
        padding: 0 10px;
        font-family: 'teleNeo-medium' !important;
    }
/*#endregion moj telekom*/

/*#region speak out/stream on animite*/
.animateBanner svg {
    position: relative !important;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    height: auto !important;
}

.animateBannerSpeak svg {
    position: absolute;
    z-index: 3;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    height: auto !important;
    margin-top: -11%;
    transform: scale(1.07);
}

svg.svgAnimate polygon, svg.svgAnimate path, svg.svgAnimate polyline {
    stroke-dasharray: 1500;
    stroke-dashoffset: 0;
    animation: dash 4s linear;
}

svg.svgAnimate #Path_3, svg.svgAnimate #Path_4 {
    stroke: white;
    fill: white;
    fill-opacity: 0;
    stroke-width: 1;
    stroke-dasharray: 1500;
    stroke-dashoffset: 0;
    -moz-animation: hello ease-in-out 4s forwards;
    -webkit-animation: hello ease-in-out 4s forwards;
    animation: hello ease-in-out 5s forwards;
}

svg.svgAnimate #Ellipse_1 {
    -moz-animation: zoom ease-in-out 2s forwards;
    -webkit-animation: zoom ease-in-out 2s forwards;
    animation: zoom ease-in-out 1.2s forwards;
    transform-origin: center;
    animation-iteration-count: 3;
}


.animateBanner img {
    -moz-animation: hide ease-in-out 4s forwards;
    -webkit-animation: hide ease-in-out 4s forwards;
    animation: hide ease-in-out 4s forwards;
}

.animateBanner {
    position: relative;
    background: #e20074;
    z-index: 2;
}

    .animateBanner:after {
        height: 5px;
        background: white;
        position: absolute;
        bottom: 0px;
        left: 0px;
        right: 0px;
        content: '';
    }

    .animateBanner img {
        position: absolute;
        bottom: 5px;
        left: 0;
        width: 30%;
        z-index: 1;
    }

@keyframes hide {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


@-webkit-keyframes hide {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes hide {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes zoom {
    0% {
        transform: scale(1.0) translate(477px, 110px);
        transform-origin: center;
    }

    50% {
        transform: scale(1.1) translate(477px, 110px);
        transform-origin: center;
    }

    100% {
        transform: scale(1.0) translate(477px, 110px);
        transform-origin: center;
    }
}

@-webkit-keyframes zoom {
    0% {
        transform: scale(1.0) translate(477px, 110px);
    }

    50% {
        transform: scale(1.1) translate(477px, 110px);
    }

    100% {
        transform: scale(1.0) translate(477px, 110px);
    }
}

@-moz-keyframes zoom {
    0% {
        transform: scale(1.0) translate(477px, 110px);
    }

    50% {
        transform: scale(1.1) translate(477px, 110px);
    }

    100% {
        transform: scale(1.0) translate(477px, 110px);
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 1500;
    }

    80% {
        stroke-dashoffset: 800;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 1500;
    }

    80% {
        stroke-dashoffset: 800;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@-moz-keyframes dash {
    0% {
        stroke-dashoffset: 1500;
    }

    80% {
        stroke-dashoffset: 800;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes hello {
    0% {
        stroke-dashoffset: 1500;
        fill-opacity: 0;
    }

    50% {
        fill-opacity: 0;
    }

    80% {
        stroke-dashoffset: 0;
        fill-opacity: 1;
    }

    100% {
        stroke-dashoffset: 0;
        fill-opacity: 1;
    }
}

@-webkit-keyframes hello {
    0% {
        stroke-dashoffset: 1500;
        fill-opacity: 0;
    }

    50% {
        fill-opacity: 0;
    }

    80% {
        stroke-dashoffset: 0;
        fill-opacity: 1;
    }

    100% {
        stroke-dashoffset: 0;
        fill-opacity: 1;
    }
}

@-moz-keyframes hello {
    0% {
        stroke-dashoffset: 1500;
    }

    80% {
        stroke-dashoffset: 0;
        fill-opacity: 0;
    }

    100% {
        stroke-dashoffset: 0;
        fill-opacity: 1;
    }
}


svg.speakAnimate polygon, svg.speakAnimate path, svg.speakAnimate polyline {
    stroke-dasharray: 2000;
    stroke-dashoffset: 0;
    animation: dash2 4s linear;
}

svg.speakAnimate .cls-3 {
    stroke: white;
    fill: white;
    fill-opacity: 0;
    stroke-width: 1;
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
    -moz-animation: hello2 ease-in-out 5s forwards;
    -webkit-animation: hello2 ease-in-out 5s forwards;
    animation: hello2 ease-in-out 5s forwards;
}

svg.speakAnimate .cls-4 {
    stroke: black;
    fill: black;
    fill-opacity: 0;
    stroke-width: 1;
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
    -moz-animation: hello2 ease-in-out 6s forwards;
    -webkit-animation: hello2 ease-in-out 6s forwards;
    animation: hello2 ease-in-out 6s forwards;
}

svg.speakAnimate #Ellipse_1 {
    -moz-animation: zoom2 ease-in-out 2s forwards;
    -webkit-animation: zoom2 ease-in-out 2s forwards;
    animation: zoom2 ease-in-out 1.2s forwards;
    transform-origin: center;
    animation-iteration-count: 3;
    transition: ease-in-out .5s all;
}


.animateBannerSpeak img {
    -moz-animation: hide2 ease-in-out 4s forwards;
    -webkit-animation: hide2 ease-in-out 4s forwards;
    animation: hide2 ease-in-out 4s forwards;
}

.animateBannerSpeak {
    position: relative;
    background: transparent;
}

    .animateBannerSpeak:after {
        height: 5px;
        background: white;
        position: absolute;
        bottom: 0px;
        left: 0px;
        right: 0px;
        content: '';
    }

    .animateBannerSpeak img {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 30%;
    }

@keyframes hide2 {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


@-webkit-keyframes hide2 {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes hide2 {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes zoom2 {
    0% {
        transform: scale(1.0) translate(477px, 110px);
        transform-origin: center;
    }

    50% {
        transform: scale(1.1) translate(477px, 110px);
        transform-origin: center;
    }

    100% {
        transform: scale(1.0) translate(477px, 110px);
        transform-origin: center;
    }
}

@-webkit-keyframes zoom2 {
    0% {
        transform: scale(1.0) translate(477px, 110px);
    }

    50% {
        transform: scale(1.1) translate(477px, 110px);
    }

    100% {
        transform: scale(1.0) translate(477px, 110px);
    }
}

@-moz-keyframes zoom2 {
    0% {
        transform: scale(1.0) translate(477px, 110px);
    }

    50% {
        transform: scale(1.1) translate(477px, 110px);
    }

    100% {
        transform: scale(1.0) translate(477px, 110px);
    }
}

@keyframes dash2 {
    0% {
        stroke-dashoffset: 2000;
    }

    80% {
        stroke-dashoffset: 800;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes dash2 {
    0% {
        stroke-dashoffset: 2000;
    }

    80% {
        stroke-dashoffset: 800;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@-moz-keyframes dash2 {
    0% {
        stroke-dashoffset: 2000;
    }

    80% {
        stroke-dashoffset: 800;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes hello2 {
    0% {
        stroke-dashoffset: 1000;
        fill-opacity: 0;
    }

    50% {
        fill-opacity: 0;
    }

    80% {
        stroke-dashoffset: 0;
        fill-opacity: 1;
    }

    100% {
        stroke-dashoffset: 0;
        fill-opacity: 1;
    }
}

@-webkit-keyframes hello2 {
    0% {
        stroke-dashoffset: 1000;
        fill-opacity: 0;
    }

    50% {
        fill-opacity: 0;
    }

    80% {
        stroke-dashoffset: 0;
        fill-opacity: 1;
    }

    100% {
        stroke-dashoffset: 0;
        fill-opacity: 1;
    }
}

@-moz-keyframes hello2 {
    0% {
        stroke-dashoffset: 1000;
    }

    80% {
        stroke-dashoffset: 0;
        fill-opacity: 0;
    }

    100% {
        stroke-dashoffset: 0;
        fill-opacity: 1;
    }
}

.cls-1, .cls-2 {
    fill: none;
    stroke: #e20074;
    stroke-miterlimit: 10;
}

.cls-1 {
    stroke-width: 1.05px;
}

.cls-2 {
    stroke-width: 0.93px;
}

.cls-3 {
    fill: #fff;
}

@media (max-width:576px) {
    .animateBannerSpeak svg {
        margin-top: -7%;
    }
}
/*#endregion speak out/stream on animite*/



/*#region stream-on / speak-out prepaid*/
.stream-on-shape {
    position: relative;
    margin: 0 0 20px;
    background: white;
    padding: 20px;
    color: #e20074;
    border: 2px solid #e20074;
    overflow: hidden;
}

#stream-on-landing .stream-on-shape p {
    border-bottom: 1px solid #e2007436;
    font-size: 24px;
    text-align: center;
    padding-bottom: 10px;
}

.speak-out-shape {
    position: relative;
    margin: 0 0 20px;
    background: white;
    padding: 20px;
    color: #e20074;
    border: 2px solid #e20074;
    overflow: hidden;
    width: 50%;
}

    #stream-on-landing .stream-on-shape .smart-priceWraper,
    .speak-out-shape .smart-priceWraper {
        position: relative;
        display: block;
        width: 110px;
        text-align: center;
        overflow: hidden;
        float: right;
        margin-top: 10px;
    }

        #stream-on-landing .stream-on-shape .smart-priceWraper .p-left-smart,
        .speak-out-shape .smart-priceWraper .p-left-smart {
            position: relative;
            display: inline;
            float: left;
            width: 65px;
        }

            #stream-on-landing .stream-on-shape .smart-priceWraper .p-left-smart span.price2,
            .speak-out-shape .smart-priceWraper .p-left-smart span.price2 {
                font-size: 40px;
                font-family: 'teleNeo-bold' !important;
            }

        #stream-on-landing .stream-on-shape .smart-priceWraper .p-right-smart,
        .speak-out-shape .smart-priceWraper .p-right-smart {
            position: relative;
            display: inline;
            float: left;
            width: 45px;
            top: 7px;
        }


    .speak-out-shape p {
        text-align: center;
        border-bottom: 1px solid #e2007436;
        font-size: 24px;
        text-align: center;
        padding-bottom: 10px;
        color: #e20074 !important;
        width: 100%;
    }

.speak-out-work-txt ul li,
.stream-on-work-txt ul li {
    font-size: 19px;
}

div#stream-on-landing.stream-on-prepaid .stream-on-activation {
    padding-top: 90px;
    padding-bottom: 90px;
}

.animateBanner .sticky {
    margin: 0 !important;
    width: 13%;
    height: 55px;
    margin: 0 auto;
    padding: 0px;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    right: 0;
    text-align: center;
    bottom: -23px;
    right: 0;
    z-index: 3;
}

    .animateBanner .sticky h1 {
        display: block;
        width: 100%;
        height: 100%;
        background-position: top center;
        background-repeat: no-repeat;
        font-size: 24px;
        line-height: 53px;
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        color: black;
        top: 0px;
        position: absolute;
        left: 0px;
        z-index: 10;
        background-size: contain;
        margin: 0;
        background-color: #17ffab;
        font-family: 'teleNeo-extra' !important;
    }

.stream-on-white-green .sticky {
    margin: 0 !important;
    width: 30%;
    height: 70px;
    padding: 0px;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    left: -10px;
    text-align: center;
    top: -23px;
    right: 0;
    z-index: 3;
}

    .stream-on-white-green .sticky h1 {
        display: block;
        width: 100%;
        height: 100%;
        background-image: url(../content/images/label.png);
        background-position: top center;
        background-repeat: no-repeat;
        font-size: 24px;
        line-height: 47px;
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        color: black;
        top: 0px;
        position: absolute;
        left: 0px;
        z-index: 10;
        background-size: contain;
        margin: 0;
        font-family: 'teleNeo-extra' !important;
    }

.stream-on-activation_work .sticky {
    width: 100%;
    height: 70px;
    margin: 0 auto;
    padding: 0px;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -34px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

    .stream-on-activation_work .sticky h1 {
        display: block;
        width: 100%;
        height: 100%;
        background-image: url(../content/images/label.png);
        background-position: top center;
        background-repeat: no-repeat;
        font-size: 24px;
        line-height: 48px;
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        color: black;
        top: 10px;
        /* transform: rotate( 
-15deg
 ); */
        position: absolute;
        left: -23%;
        z-index: 10;
        background-size: contain;
        margin: 0;
        font-family: 'teleNeo-extra' !important;
    }

.stream-on-sodrzhini .sticky {
    left: 0 !important;
    margin: 0 !important;
    top: 4% !important;
    width: 17%;
    height: 70px;
    margin: 0 auto;
    padding: 0px;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    right: 0;
    text-align: center;
}

    .stream-on-sodrzhini .sticky h1 {
        display: block;
        width: 100%;
        height: 100%;
        background-image: url(../content/images/stream-on/pripejd-bg-black.png);
        background-position: top center;
        background-repeat: no-repeat;
        font-size: 29px;
        line-height: 56px;
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        color: white;
        top: 0px;
        transform: rotate( -36deg );
        position: absolute;
        left: 0px;
        z-index: 10;
        background-size: contain;
        margin: 0;
    }

.speak-out-magenta .sticky {
    margin: 0 !important;
    width: 13%;
    height: 55px;
    margin: 0 auto;
    padding: 0px;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    right: 0;
    text-align: center;
    right: 0;
    z-index: 3;
    top: -28px;
}

    .speak-out-magenta .sticky h1 {
        display: block;
        width: 100%;
        height: 100%;
        background-position: top center;
        background-repeat: no-repeat;
        font-size: 24px;
        line-height: 58px;
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        color: black;
        top: 0px;
        position: absolute;
        left: 0px;
        z-index: 3;
        background-size: contain;
        margin: 0;
        background-color: #17ffab;
        font-family: 'teleNeo-extra' !important;
    }

.speak-out-blackBox-magentaBox-left .sticky {
    margin: 0 auto !important;
    z-index: 3;
    bottom: 2px !important;
    margin: 0 auto;
    left: -4% !important;
}

    .speak-out-blackBox-magentaBox-left .sticky h1 {
        line-height: 48px !important;
        font-size: 24px !important;
    }

.speak-out-activation .sticky {
    margin: 0 !important;
    width: 19%;
    height: 70px;
    padding: 0px;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    right: 0;
    text-align: center;
    z-index: 3;
    bottom: 46%;
    left: 0;
}

    .speak-out-activation .sticky h1 {
        display: block;
        width: 100%;
        height: 100%;
        background-image: url(../content/images/label.png);
        background-position: top center;
        background-repeat: no-repeat;
        font-size: 29px;
        line-height: 58px;
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        color: black;
        top: 0px;
        position: absolute;
        left: 0px;
        z-index: 10;
        background-size: contain;
        margin: 0;
        font-family: 'teleNeo-extra' !important;
    }

#speak-out-landing.prepaid .speak-out-activation p {
    text-align: center;
}

    #speak-out-landing.prepaid .speak-out-activation p span {
        font-size: 23px;
        font-weight: 700;
    }

@media(max-width: 767px) {
    .animateBanner .sticky {
        display: none;
    }

    .stream-on-white-green .sticky {
        width: 100%;
        height: 70px;
    }

        .stream-on-white-green .sticky h1 {
            font-size: 22px;
            line-height: 50px;
        }

    .stream-on-activation_work .sticky {
        display: none;
    }

    .stream-on-sodrzhini .sticky {
        top: 0 !important;
    }

    .speak-out-magenta .sticky {
        display: none;
    }

        .speak-out-magenta .sticky h1 {
            font-size: 13px !important;
            line-height: 28px !important;
        }

    .speak-out-blackBox-magentaBox-left .sticky {
        display: none;
    }

    .speak-out-activation .sticky {
        width: 100%;
        bottom: 45%;
        top: 30px;
        left: -26% !important;
        z-index: 12;
    }

        .speak-out-activation .sticky h1 {
            font-size: 17px;
            line-height: 34px;
        }
}

@media(min-width: 768px) and (max-width: 991px) {
    .speak-out-magenta .sticky {
        width: 19%;
        top: -22px;
    }

        .speak-out-magenta .sticky h1 {
            font-size: 20px;
            line-height: 40px;
        }

    .speak-out-blackBox-magentaBox-left .sticky {
        width: 20% !important;
    }

    .speak-out-activation .sticky {
        width: 20%;
        bottom: 45%;
    }

        .speak-out-activation .sticky h1 {
            font-size: 22px;
            line-height: 44px;
        }

    .animateBanner .sticky {
        width: 23%;
    }

    .stream-on-activation_work .sticky {
        width: 23%;
    }

        .stream-on-activation_work .sticky h1 {
            font-size: 23px;
            line-height: 50px;
        }

    .stream-on-sodrzhini .sticky {
        width: 23%;
    }

        .stream-on-sodrzhini .sticky h1 {
            line-height: 49px;
        }
}

@media(min-width: 1500px) {
    .animateBanner .sticky {
        width: 9%;
    }

        .animateBanner .sticky h1 {
            line-height: 55px;
        }

    .stream-on-sodrzhini .sticky h1 {
        line-height: 70px;
    }

    .speak-out-magenta .sticky {
        width: 9%;
    }

        .speak-out-magenta .sticky h1 {
            line-height: 52px;
        }

    .speak-out-activation .sticky h1 {
        line-height: 65px;
    }
}
/*#endregion stream-on / speak-out prepaid*/
.smart-start-control .last-section-error-msg {
    position: relative;
    background: rgba(226, 9, 116, .11);
    border: 1px solid;
    border-color: #e20974bd;
    padding: 15px 20px;
    border-radius: 7px;
    color: #c35977;
    font-size: 17px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0,.80), 0 0 0px 5px rgba(226, 9, 116, .20);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0,.80), 0 0 6px #ce8483;
}


/*#region mob paketi vo zemjata */

/*#region toggle*/
.toggle {
    width: 50px;
    height: 25px;
    border-radius: 50px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    top: 10px;
    left: 0;
}

.toggle__input {
    display: none;
}

.toggle__fill {
    position: relative;
    width: 46px;
    height: 25px;
    border-radius: 50px;
    background: #46A800;
    transition: background 0.2s;
}

    .toggle__fill::after {
        content: "";
        position: absolute;
        top: 1px;
        left: 2px;
        height: 23px;
        width: 23px;
        background: white;
        box-shadow: 0 0 10px rgba(0, 0, 0, .25);
        border-radius: 50px;
        transition: transform 0.2s;
    }

.toggle__input:checked ~ .toggle__fill {
    background: #46A800;
}

    .toggle__input:checked ~ .toggle__fill::after {
        transform: translateX(20px);
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
    }
/*#endregion toggle*/
.mob-paketi-zemjata-banner {
    background-image: url(../content/images/mob-internet-paketi/dopolnitelni-paketi-banner-new.jpg);
    position: relative;
    /* background-image: url(../content/images/mob-internet-paketi/dopolnitelni-paketi-new-banner.jpg); */
    background-position: 0% 50% !important;
    background-size: cover;
    padding: 28% 0 0;
}

    .mob-paketi-zemjata-banner.tarifi {
        background-image: url(../content/images/mob-internet-paketi/business-office-two.jpg) !important;
        /* background-image: url(../content/images/mob-internet-paketi/b2b-fiksen-internet-inner.jpg) !important;*/
    }

/* .mob-paketi-zemjata-banner.tarifi.sq {
            background-image: url(../content/images/mob-internet-paketi/b2b-fiksen-internet-inner-sq.jpg) !important;
        }*/

#dopolnitelni-paketi-new .header {
    width: 40%;
    padding: 4% 0px 0 2px;
}

.mob-paketi-zemjata-banner .header {
    width: 35%;
    padding: 6% 0px 0 2px;
    background-size: cover;
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    z-index: 0;
    position: absolute;
    bottom: 0;
}

#dopolnitelni-paketi-new .header .wrapper {
    padding: 2% 15% 0;
}

.mob-paketi-zemjata-banner .header .wrapper {
    padding: 2% 15%;
}

.mob-paketi-zemjata-banner .header:before {
    position: absolute;
    content: '';
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    left: 0px;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

#business-office-tarifi .mob-paketi-zemjata-banner .header:before {
    background-image: url(../content/images/mob-internet-paketi/business-office-paketi-shape.png);
}

#dopolnitelni-paketi-new .mob-paketi-zemjata-banner .header:before {
    background-image: url(../content/images/mob-internet-paketi/Mobilni-internet-paketi-shape.png);
}

.mob-paketi-zemjata-banner .header h1 {
    font-size: 33px;
    color: white;
    font-family: 'teleNeo-bold' !important;
    text-align: left;
    z-index: 1;
    position: relative;
    text-transform: none;
}


.mob-paketi-zemjata-banner .header h2 {
    color: white;
    font-family: 'teleNeo-thin' !important;
    line-height: 1.2;
    font-size: 22px;
    text-align: left;
    z-index: 1;
    position: relative;
}

section.mob-paketi-zemjata-text h1 {
    font-size: 29px;
    font-family: 'teleNeo-bold' !important;
    color: #e20074;
    margin: 50px 0 30px 0 !important;
}

section.mob-paketi-zemjata-text p {
    font-size: 17px;
    line-height: 1.2;
}

.paketi-tabsContent .tabovi {
    position: relative;
    width: 100%;
    margin: 40px auto;
    text-align: center;
}

    .paketi-tabsContent .tabovi ul {
        width: 60%;
        margin: 0 auto;
        border: 0;
        text-align: center;
        display: block;
    }

        .paketi-tabsContent .tabovi ul li {
            background: none;
            display: inline;
            float: left;
            margin: 0px;
            padding: 0;
            border: 0;
            width: 50%;
        }

    .paketi-tabsContent .tabovi li a {
        position: relative;
        text-transform: uppercase;
        font-family: 'teleNeo-bold' !important;
        font-size: 18px;
        padding: 10px 15px;
        border: 0;
        border-radius: 0;
    }

    .paketi-tabsContent .tabovi li a {
        background: transparent;
        color: #84919B;
        font-family: 'teleNeo-regular' !important;
    }

        .paketi-tabsContent .tabovi li.active a,
        .paketi-tabsContent .tabovi li a:hover {
            border: 0;
            color: black !important;
            background: #EEEFF2;
            font-family: 'teleNeo-bold' !important;
        }

.paketi-tabsContent .tab-pane {
    display: none;
    visibility: hidden;
    opacity: 0;
}

    .paketi-tabsContent .tab-pane.active {
        display: block;
        visibility: visible;
        opacity: 1;
    }

.paketi-tabsContent ul.list-inline {
    margin: 30px 0 45px;
}

    .paketi-tabsContent ul.list-inline li {
        display: inline-block;
        padding: 0;
        margin: 0;
        list-style: none;
        background: none;
        color: #333;
        opacity: .5;
        margin: 0 5px;
        font-size: 17px;
    }

        .paketi-tabsContent ul.list-inline li.active {
            color: #333;
            opacity: 1;
            font-family: 'teleNeo-bold' !important;
        }

.paketi-tabsContent .box-wrap .price .smart-priceWraper {
    position: relative;
    display: block;
    width: 70%;
    overflow: hidden;
    margin: 10px auto;
    padding: 20px 0;
}

.paketi-tabsContent .box-wrap .price .p-left-smart {
    position: relative;
    display: inline;
    width: 50%;
    float: left;
    text-align: right;
}

.paketi-tabsContent .box-wrap .price .p-right-smart {
    position: relative;
    display: inline;
    float: left;
    width: 30%;
    bottom: 0 !important;
    top: 3px;
    color: #333;
    text-align: right;
    margin-left: 6px;
}

.paketi-tabsContent #paketi-stranstvo .box-wrap .price .p-right-smart,
.paketi-tabsContent #sms .box-wrap .price .p-right-smart {
    width: 25% !important;
}

.paketi-tabsContent .box-wrap .price .p-left-smart span {
    font-size: 30px;
    font-family: 'teleNeo-bold' !important;
}

.paketi-tabsContent .box-wrap .price .p-right-smart span {
    color: #333;
    text-transform: none;
    text-align: left;
    font-size: 13px !important;
}

.paketi-tabsContent span.bts-paket-ddv {
    display: none;
}

.paketi-tabsContent .box-wrap {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 46px rgba(0, 0, 0, .14);
    -webkit-box-shadow: 0px 3px 46px rgba(0, 0, 0, .14);
    -moz-box-shadow: 0px 3px 46px rgba(0, 0, 0, .14);
}

    .paketi-tabsContent .box-wrap .title h2 {
        display: block;
        font-size: 22px;
        font-family: 'teleNeo-regular' !important;
        padding: 30px 10px;
    }

        .paketi-tabsContent .box-wrap .title h2 span {
            display: block;
            font-size: 25px;
            font-family: 'teleNeo-extra' !important;
            margin-top: 10px;
        }

    .paketi-tabsContent .box-wrap .internet p {
        font-size: 22px;
        font-family: 'teleNeo-bold' !important;
    }

    .paketi-tabsContent .box-wrap .icons {
        position: relative;
        display: block;
        margin: 20px 0;
    }

        .paketi-tabsContent .box-wrap .icons span {
            width: 35px;
            height: 35px;
            display: inline-block;
            top: 0 !important;
        }

.mob-paketi-actions {
    position: relative;
    margin: 40px 0;
    background-image: url(../content/images/mob-internet-paketi/bg-flow.png);
    /*background-color: white;*/
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 120%;
    box-shadow: 0px 3px 46px rgba(0,0,0,.12);
    -webkit-box-shadow: 0px 3px 46px rgba(0,0,0,.12);
    -moz-box-shadow: 0px 3px 46px rgba(0,0,0,.12);
    text-align: left;
    padding-bottom: 20px;
}

    .mob-paketi-actions .col-sm-4 {
        padding: 0;
    }

    .mob-paketi-actions .action-box {
        position: relative;
        /*background-image: url(../content/images/mob-internet-paketi/gradient-box-new.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center top;
        box-shadow: 0px 3px 46px #00000005;*/
        min-height: 280px;
        margin: 0 10px;
        padding: 10px 15px 0;
        background-color: transparent;
    }

        .mob-paketi-actions .action-box .header {
            width: 100% !important;
            padding: 0;
        }

#sms .mob-paketi-actions .action-box {
    min-height: 170px;
}

.mob-paketi-actions .action-box .header {
    position: relative;
    margin-bottom: 30px;
}

    .mob-paketi-actions .action-box .header h3 {
        color: white;
        text-transform: uppercase;
        font-size: 21px;
        font-family: 'teleNeo-bold' !important;
        line-height: 1.1;
        z-index: 3;
        padding: 5px 65px 15px 15px;
        position: relative;
        margin-top: 15px;
        margin-bottom: 0;
    }

.mob-paketi-actions .action-box.one .header:after {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(../content/images/mob-internet-paketi/check-icon-white.png);
    background-size: contain;
    background-position: center;
    display: inline;
    top: 25px;
    right: 20px;
    background-repeat: no-repeat;
}

.mob-paketi-actions .action-box.two .header:after {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(../content/images/mob-internet-paketi/question-circle-white.png);
    background-size: contain;
    background-position: center;
    display: inline;
    top: 25px;
    right: 20px;
    background-repeat: no-repeat;
}

.mob-paketi-actions .action-box.three .header:after {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(../content/images/mob-internet-paketi/x-icon-white.png);
    background-size: contain;
    background-position: center;
    display: inline;
    top: 25px;
    right: 20px;
    background-repeat: no-repeat;
}

.mob-paketi-actions .action-box .header h3 span {
    text-transform: none;
    display: block;
    font-size: 17px;
    font-family: 'teleNeo-regular' !important;
}

.mob-paketi-actions .action-box ul li {
    margin-left: 15px;
    font-size: 17px;
}

.dopolnitelni-paketi-tabs {
    /*background-color: rgba(237,237,237,0.85);*/
    /*background-color: rgba(0, 0, 0, .6);*/
    position: relative;
    bottom: 0;
    width: 100%;
    margin: 30px 0;
}

    .dopolnitelni-paketi-tabs ul {
        width: 75%;
        margin: 0 auto;
        border: 0;
        box-shadow: none;
    }

        .dopolnitelni-paketi-tabs ul li.active {
            background-color: black;
            background-size: cover;
            border-radius: 0;
            transform: skewX( -25deg );
            margin: 0 10px;
        }

            .dopolnitelni-paketi-tabs ul li.active a {
                border: 0 !important;
                background: transparent !important;
                text-transform: uppercase;
                color: white !important;
                font-family: 'teleNeo-bold' !important;
                padding: 15px 15px;
                font-size: 17px;
                transform: skewX( 25deg );
            }

        .dopolnitelni-paketi-tabs ul li a {
            color: black;
            transform: skewX( 0deg );
            border: 0 !important;
            background: transparent !important;
            text-transform: uppercase;
            font-family: 'teleNeo-bold' !important;
            padding: 15px 15px;
            font-size: 17px;
        }

            .dopolnitelni-paketi-tabs ul li a span {
                font-family: 'teleNeo-regular' !important;
            }

#dopolnitelni-paketi-new .business_call .business-call-tabs ul li.active a span {
    color: black !important;
    font-family: 'teleNeo-medium' !important;
}

.dopolnitelni-paketi-tabs .dopolnitelni-paketi-tabs ul li.active a span {
    color: white !important;
}
/*.dopolnitelni-paketi-tabs ul li.active a:after {
            content: '';
            position: absolute;
            border-bottom: 5px solid #e20074;
            bottom: 1px;
            width: 100%;
            left: 0;
            right: 0;
        }*/

.paketi-tabsContent .tab-pane.fade {
    display: block;
    height: 0;
    overflow: hidden;
}

    .paketi-tabsContent .tab-pane.fade.active {
        overflow: initial;
        position: relative;
        height: auto;
        margin-bottom: 30px;
    }

.paketi-tabsContent .mob-paketi-stranstvo-banner {
    position: relative;
    background-image: url('../content/images/delovni/delovni_img_12.jpg');
    background-size: cover;
    background-position: center top;
    padding: 14% 0;
}

section.mob-paketi-stranstvo-text h1 {
    font-size: 29px;
    font-family: 'teleNeo-bold' !important;
    color: #e20074;
    margin: 50px 0 30px 0 !important;
}

section.mob-paketi-stranstvo-text .intro p,
section.sms-paketi-text .intro p {
    font-size: 18px;
    line-height: 1.2;
}

section.sms-paketi-text h1 {
    font-size: 29px;
    font-family: 'teleNeo-bold' !important;
    color: #e20074;
    margin: 50px 0 30px 0 !important;
}

div#vo-zemjata .link a {
    position: relative;
    padding: 15px;
    font-size: 17px;
    text-transform: uppercase;
    font-family: 'teleNeo-medium' !important;
}

div#vo-zemjata .link {
    position: relative;
    margin: 55px 0 30px;
}

@media(max-width: 767px) {
    .mob-paketi-actions {
        background-color: #e20074;
        color: white;
    }

    #business-office-tarifi .mob-paketi-zemjata-banner {
        /*background-image: url('../content/images/mob-internet-paketi/business-office-tarifi-banner-inner-mob.jpg') !important;*/
        padding: 50% 0 0;
        background-position: 17% 0 !important;
    }

    .dopolnitelni-paketi-tabs ul li.active a {
        padding: 10px 4px;
    }

    .dopolnitelni-paketi-tabs {
        position: relative;
    }

    .mob-paketi-zemjata-banner .header {
        width: 80%;
        margin-left: 0;
        position: relative;
        bottom: initial;
    }

        .mob-paketi-zemjata-banner .header h1 {
            font-size: 23px;
            color: white;
        }

        .mob-paketi-zemjata-banner .header h2 {
            font-size: 17px;
        }

    section.mob-paketi-zemjata-text h1 {
        font-size: 27px;
    }

    .mob-paketi-zemjata-text .tabovi ul {
        width: 100%;
    }

        .mob-paketi-zemjata-text .tabovi ul li {
            margin: 0 0px;
            padding: 0;
            border: 0;
            width: 50%;
        }

    .mob-paketi-zemjata-text .tabovi li a {
        font-size: 17px;
    }

    .mob-paketi-zemjata-text .box-wrap .price .p-left-smart span {
        font-size: 30px;
        font-family: 'teleNeo-bold' !important;
        text-align: right;
    }

    .mob-paketi-zemjata-text .box-wrap .price .p-right-smart {
        width: 20%;
        bottom: 0 !important;
        top: 3px;
        text-align: right;
        margin-left: 10px;
    }

        .mob-paketi-zemjata-text .box-wrap .price .p-right-smart span {
            font-size: 13px !important;
            max-width: initial;
        }

    .dopolnitelni-paketi-tabs ul {
        display: table;
        width: 100%;
        height: 90px;
    }

        .dopolnitelni-paketi-tabs ul li {
            display: table-cell;
            width: 29.333%;
            vertical-align: middle;
            height: 100%;
            margin-right: 10px;
            margin: 0 5px;
        }

            .dopolnitelni-paketi-tabs ul li.active {
                margin: 0 5px;
            }

            .dopolnitelni-paketi-tabs ul li a {
                padding: 10px 4px;
                font-size: 13px;
                text-transform: uppercase;
                height: 100%;
                text-align: center;
            }

            .dopolnitelni-paketi-tabs ul li.active,
            .dopolnitelni-paketi-tabs ul li.active a {
                transform: skewX( 0deg );
                font-size: 13px;
            }

    .paketi-tabsContent .tabovi ul {
        width: 100%;
    }

    .paketi-tabsContent .tabovi li a {
        font-size: 16px;
        padding: 10px 5px;
    }

    #dopolnitelni-paketi-new .header {
        width: 100%;
        padding: 8% 0px 0 2px;
    }
}

@media (max-width: 400px) {
    .mob-paketi-zemjata-banner .header {
        width: 90%;
        padding: 15% 0px 1% 2px
    }

    .dopolnitelni-paketi-tabs ul li {
        margin-right: 5px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #smart-start .iskustva .item-wrapper {
        padding: 55px 0;
    }

        #smart-start .iskustva .item-wrapper .white-text-wrap {
            padding: 0 0 0 20px;
            margin-top: -50px;
        }

            #smart-start .iskustva .item-wrapper .white-text-wrap h2 {
                font-size: 32px;
            }

                #smart-start .iskustva .item-wrapper .white-text-wrap h2 span {
                    font-size: 26px;
                    margin-bottom: 5px;
                }

        #smart-start .iskustva .item-wrapper .right-img-wrap {
            right: 0;
            width: 100%;
            top: -55px;
        }

    .mob-paketi-zemjata-banner .header {
        width: 55%;
    }

        .mob-paketi-zemjata-banner .header h1 {
            font-size: 28px;
        }

        .mob-paketi-zemjata-banner .header h2 {
            font-size: 20px;
        }

    .dopolnitelni-paketi-tabs ul {
        width: 100%;
    }

        .dopolnitelni-paketi-tabs ul li {
            width: 30.333%;
            display: inline;
            float: left;
            text-align: center;
            margin: 0 10px;
        }

    #dopolnitelni-paketi-new .header {
        width: 55%;
    }
}
/*#endregion mob paketi vo zemjata */
@media(min-width: 992px) and (max-width: 1199px) {
    #dopolnitelni-paketi-new .header {
        width: 50%;
    }

        #dopolnitelni-paketi-new .header .wrapper {
            padding: 2% 14% 0;
        }
}

/*#region business office paketi*/
#business-office-tarifi {
    position: relative;
}

    #business-office-tarifi .mob-paketi-zemjata-banner {
        background-position: center;
    }

#bot-new .bg-magenta {
    position: relative;
    background: #e20074;
    padding: 30px 100px;
    text-align: center;
    color: white;
}

    #bot-new .bg-magenta .ec {
        position: absolute;
        top: -40px;
        width: 90px;
        right: 20px;
    }

    #bot-new .bg-magenta p {
        font-size: 19px;
        line-height: 1.2;
    }

#bot-new .btn-wrapper {
    position: relative;
    margin: 10px auto 70px;
    width: 50%;
    text-align: center;
}

    #bot-new .btn-wrapper a {
        border-radius: 0;
        padding: 10px;
        font-size: 17px;
        margin: 10px;
    }

        #bot-new .btn-wrapper a.btn-magenta {
            background: linear-gradient(to bottom, #e20074 0,#d5006d 100%);
            color: white;
            transition: all ease-in .5s;
        }

#bot-new .office-new-pack {
    margin: 50px 0 20px !important;
}

    #bot-new .office-new-pack .free-space {
        background: #f3f3f3;
    }

    #bot-new .office-new-pack .col-sm-4 {
        box-shadow: 0px 0px 200px rgba(0,0,0, .12);
        background: #fff;
    }

.office-new-pack .gray-border h2 {
    font-size: 16px;
    font-family: 'tele-groteskfetregular';
    color: #000;
    writing-mode: tb-rl;
    -webkit-writing-mode: tb-rl;
    -ms-writing-mode: tb-rl;
    transform: rotate( 180deg );
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
}

#bot-new .office-new-pack .gray-border {
    border-bottom: 0 !important;
    border-right: 0 !important;
    height: 310px;
}

    #bot-new .office-new-pack .gray-border:after {
        position: absolute;
        content: '';
        border-bottom: 1px solid #ccc;
        width: 60%;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    #bot-new .office-new-pack .gray-border:last-of-type:after {
        content: '';
        display: none;
    }

.office-new-pack .white-border {
    text-align: center;
    border-right: 0 !important;
    border-bottom: 0 !important;
}

    .office-new-pack .white-border .higher {
        min-height: 90px;
    }

    .office-new-pack .white-border .empty {
        position: relative;
        min-height: 64px;
        top: 23px;
    }

    .office-new-pack .white-border:first-of-type:after {
        position: absolute;
        content: '';
        border-bottom: 1px solid #ccc;
        width: 80%;
        margin: 0 auto;
        bottom: 0;
        left: 0;
        right: 0;
    }

.office-new-pack .gray-border img {
    position: absolute;
    bottom: 0;
    left: 30px;
    top: 50px;
}

.office-new-pack .gray-border.officeCompleteBorderNewApril img {
    top: 90px;
}

.office-new-pack .mgn-business h2 {
    font-size: 26px;
    display: block;
    color: black;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-bottom: 0;
}

.office-new-pack .white-border h2 span {
    display: block;
    color: black;
    float: none;
}

.office-new-pack .p-uredi-cena {
    margin: 0px auto;
    width: 100%;
    max-width: inherit !important;
    display: block;
    margin-right: 0px;
    margin-left: 0 !important;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

    .office-new-pack .p-uredi-cena p.small {
        position: relative;
        display: block;
        width: 100%;
        bottom: 0;
        overflow: hidden;
        font-size: 11px;
    }

    .office-new-pack .p-uredi-cena .p-right span {
        color: black !important;
        text-transform: none;
        text-align: left;
    }

div#bot-new .old-price:before {
    content: '';
    display: none;
}

div#bot-new .p-uredi-cena .ec {
    position: absolute;
    right: 20px;
    top: 0;
    width: 60px;
}

.office-new-pack .magenta-one-footer {
    padding: 15px !important;
    height: 80px !important;
    background: rgba(204, 204, 204, .8) !important;
}

    .office-new-pack .magenta-one-footer .cena-siva p {
        text-align: center;
        margin-top: 0 !important;
    }

    .office-new-pack .magenta-one-footer .cena-siva .p-right {
        width: 50%;
    }

    .office-new-pack .magenta-one-footer .col-xs-6:first-of-type .p-uredi-cena.cena-siva:after {
        content: '';
        position: absolute;
        border-right: 2px solid rgba(255, 255,255, .6);
        height: 80%;
        top: 0;
        right: 3px;
    }

    .office-new-pack .magenta-one-footer .cena-siva .price2 {
        color: black !important;
    }

.magenta-border {
    border: 2px solid #e20074;
}

#bot-new .business-radio-button-design ul.bts-radio-buttons li:before {
    background-image: none !important;
    content: '';
    display: none;
}

#bot-new .business-radio-button-design ul.list-inline li {
    padding-left: 10px !important;
}

    #bot-new .business-radio-button-design ul.list-inline li.active {
        color: black;
        font-family: 'teleNeo-medium' !important;
    }

#bot-new .office-new-pack p.internet > span {
    color: black;
    text-decoration: none;
    display: block;
    font-size: 30px;
    font-family: 'teleNeo-bold' !important;
}

#bot-new .office-new-pack p.internet span.telekom-magenta-color {
    font-size: 30px;
    display: block;
    font-family: 'teleNeo-bold' !important;
    text-decoration: none;
}

#bot-new .office-new-pack p.internet a span {
    color: black;
}

#bot-new .office-new-pack .white-border p a.internet {
    text-decoration: none !important;
    position: relative;
}

    #bot-new .office-new-pack .white-border p a.internet span {
        text-decoration: none;
    }

        #bot-new .office-new-pack .white-border p a.internet span.one-t-dicklaimer.max.one-t-dicklaimer-new {
            position: absolute;
            display: inline;
            top: 0;
            right: 75px;
            width: 20px;
            height: 20px;
            left: inherit;
        }

        #bot-new .office-new-pack .white-border p a.internet span.one-t-dicklaimer-message {
            left: -60px !important;
        }

#bot-new .office-new-pack .white-border a.internet p {
    font-size: 13px !important;
    margin: 0 !important;
    color: white;
    text-decoration: none;
    font-family: 'teleNeo-regular' !important;
    padding: 0 !important;
}

#bot-new .office-new-pack .white-border .internet-brzina .one-t-dicklaimer {
    position: absolute;
    display: inline;
    top: 10px;
    right: -30px;
    width: 20px;
    height: 20px;
    left: inherit;
}

    #bot-new .office-new-pack .white-border .internet-brzina .one-t-dicklaimer img {
        width: 100%;
        height: 100%;
    }

    #bot-new .office-new-pack .white-border .internet-brzina .one-t-dicklaimer .one-t-dicklaimer-message {
        left: -60px;
    }

        #bot-new .office-new-pack .white-border .internet-brzina .one-t-dicklaimer .one-t-dicklaimer-message p {
            font-size: 13px !important;
            margin: 0 !important;
            color: white;
            text-decoration: none;
            font-family: 'teleNeo-regular' !important;
            padding: 0 !important;
        }

#bot-new .office-new-pack .white-border p a {
    color: black;
    display: block;
    text-decoration: underline;
}

#bot-new .office-new-pack .white-border p {
    color: black;
    display: block;
}

#bot-tabs {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../content/images/magenta-delovni/magenta-triangles.png);
    background-position: right top;
    padding: 0% 0;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 30px 0 0;
    background-color: white;
    box-shadow: 0px 30px 60px rgba(0, 0,0,0.15);
}

    #bot-tabs .tabs {
        width: 90%;
        margin: 20px 0 0;
    }

    #bot-tabs .tabs-content {
        position: relative;
    }

        #bot-tabs .tabs-content .fade {
            height: 0;
            transition: height 0.66s ease-out;
            width: 80%;
            overflow: hidden;
        }

            #bot-tabs .tabs-content .fade.active {
                position: relative;
                display: block;
                overflow: hidden;
                height: auto;
                width: 80%;
                transition: height 0.66s ease-out;
            }

            #bot-tabs .tabs-content .fade a {
                color: black;
                text-decoration: underline;
                font-size: 17px;
            }

div#povekje-govorni-kanali.active.in ul li.active ~ #dc-tab4 {
    display: block !important;
}

#bot-tabs .tabs ul {
    border-bottom: 0;
}

    #bot-tabs .tabs ul li {
        width: auto;
        margin: 0 10px;
    }

        #bot-tabs .tabs ul li.active {
            background-size: cover;
            border-radius: 0;
        }

        #bot-tabs .tabs ul li a {
            color: #e20074;
            text-transform: uppercase;
            text-decoration: none;
            background: transparent;
            border: 0;
            border-radius: 0;
            font-family: 'teleNeo-bold' !important;
            font-size: 18px;
            padding: 15px 10px;
        }

        #bot-tabs .tabs ul li.active a:before {
            content: '';
            position: absolute;
            width: 80%;
            right: 0;
            height: 2px;
            top: 0;
            background-color: #e20074;
        }

        #bot-tabs .tabs ul li.active a:after {
            content: '';
            position: absolute;
            right: -11px;
            height: 70%;
            width: 2px;
            background-color: #e20074;
            transform: rotate( -35deg );
            top: -2px;
        }

#maxtv-za-biznis #bot-tabs .tabs-content ul.bts-radio-buttons li:before {
    background-image: none;
}

#maxtv-za-biznis #bot-tabs .tabs-content ul.bts-radio-buttons li {
    padding: 0 10px;
}

#maxtv-za-biznis span.bts-paket-ddv.three.price2 {
    display: none;
}

#maxtv-za-biznis #za-business .magenta-one .white-border {
    height: 90px;
}

#maxtv-za-biznis #za-business .magenta-one .small {
    font-size: 14px;
}

#maxtv-za-biznis #za-business .magenta-one .white-border:after {
    border: 0;
}

#maxtv-za-biznis #za-business .magenta-one span.price2 {
    padding: 0px 5px 8px;
}

#maxtv-za-biznis #za-business .officeCompleteGreenBoxRelative .box {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 46px rgba(0,0,0, 0.14);
    -webkit-box-shadow: 0px 3px 46px rgba(0,0,0, 0.14);
    -moz-box-shadow: 0px 3px 46px rgba(0,0,0, 0.14);
    margin-top: 40px;
    margin-bottom: 40px;
}

#maxtv-za-biznis #za-business .office-new-pack .magenta-one-footer {
    padding: 7px 15px !important;
}

#maxtv-za-biznis #za-business .p-uredi-cena .one-t-dicklaimer.max {
    width: 20px;
    height: 20px;
    right: -5px;
}

    #maxtv-za-biznis #za-business .p-uredi-cena .one-t-dicklaimer.max img {
        top: 0 !important;
        bottom: auto !important;
    }

    #maxtv-za-biznis #za-business .p-uredi-cena .one-t-dicklaimer.max:hover .one-t-dicklaimer-message span {
        color: white !important;
        display: inline-block;
    }

    #maxtv-za-biznis #za-business .p-uredi-cena .one-t-dicklaimer.max .bts-paket-ddv.three {
        display: none;
    }

@media(max-width: 767px) {
    #bot-new .bg-magenta {
        padding: 50px 10px;
    }

        #bot-new .bg-magenta .ec {
            top: -20px;
            width: 70px;
            right: 10px;
        }

    #bot-new .office-new-pack .col-sm-4 {
        margin-bottom: 70px;
    }

    #bot-new .business-radio-button-design ul.bts-radio-buttons li {
        padding-left: 10px;
    }

    #bot-new .magenta-one .white-border {
        height: 420px;
    }

    #bot-new .office-new-pack .p-uredi-cena.cena-siva p.small {
        text-align: center;
    }

    #bot-tabs .tabs {
        width: 100%;
    }

        #bot-tabs .tabs ul li {
            width: 30.333%;
            display: inline-block;
            margin: 0 5px;
            min-height: 60px;
            border-bottom: 0;
        }

            #bot-tabs .tabs ul li a {
                width: 100%;
                height: 100%;
                display: block;
                font-size: 13px;
                padding: 10px 3px;
                color: #e20074
            }

            #bot-tabs .tabs ul li.active a {
                color: white !important;
                background: black;
                width: 100%;
                display: block;
            }

    #bot-tabs .tabs-content .fade.in {
        width: 100%;
        background: rgba(255, 255, 255,.20);
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #bot-tabs {
        height: 425px;
        background-position: 80%;
    }

        #bot-tabs .tabs ul li.active a:before {
            width: 100%;
        }

        #bot-tabs .tabs ul li.active a:after {
            transform: rotate( -24deg );
            right: -12px;
        }

    .magenta-one-footer > div .p-uredi-cena {
        margin: 0 -15px;
    }

    #bot-new .gray-border.officeCompleteBorderNewApril {
        height: 265px;
    }

    #bot-new .magenta-one .gray-border {
        padding: 15px;
    }

    #bot-new .white-border.bigger.mgn-business.officeCompleteNewApril {
        height: 360px;
    }

    #bot-new .office-new-pack .gray-border img {
        left: 10px;
    }

    #bot-new .office-new-pack .magenta-one-footer .price2 {
        font-size: 16px;
    }

    #bot-new .office-new-pack .p-uredi-cena p.small {
        font-size: 9px;
    }

    #bot-new .magenta-one .white-border {
        height: 390px;
    }

    #bot-tabs .tabs {
        width: 100%;
    }

        #bot-tabs .tabs ul li {
            width: 30%;
            display: inline;
            float: left;
            margin: 0 10px;
        }
}

#bot-new h2.main-title {
    background-color: black;
    background-size: cover;
    border-radius: 0;
    transform: skewX( -25deg );
    width: 350px;
    margin: 30px auto;
    font-size: 42px;
    color: white;
    text-align: center;
    text-transform: uppercase;
    padding: 10px;
}

    #bot-new h2.main-title span {
        transform: skewX( 25deg );
        position: relative;
        display: block;
        font-family: 'teleNeo-extra' !important;
    }
/*#endregion business office paketi*/


/*#region esim phase 2*/
#esim section.with-watch {
    position: relative;
    width: 100%;
    padding: 5% 0;
}

    #esim section.with-watch .magenta-shape {
        position: relative;
        width: 90%;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        color: white;
        height: auto;
        z-index: 0;
        background-image: url(../content/images/esim/magenta-shape.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left center;
        padding: 9% 0 11%;
    }

        #esim section.with-watch .magenta-shape .watch-content {
            margin-right: 10%;
        }

        #esim section.with-watch .magenta-shape .magenta-shape .row {
            height: 100%;
            width: 100%;
        }

        #esim section.with-watch .magenta-shape .watch-wrapper {
            height: 100%;
            width: 100%;
            text-align: center;
            overflow: hidden;
        }


        #esim section.with-watch .magenta-shape .watch-content h3 {
            position: relative;
            font-family: 'teleNeo-regular' !important;
            font-size: 23px;
            text-transform: none;
            margin: 20px 0 0;
        }

        #esim section.with-watch .magenta-shape .watch-content h4 {
            font-size: 27px;
            margin: 10px 0 0;
            font-family: 'teleNeo-bold' !important;
            color: white;
            padding: 0;
        }

        #esim section.with-watch .magenta-shape .watch-content p {
            font-size: 17px;
            font-family: 'teleNeo-thin' !important;
            line-height: 1.2;
        }

            #esim section.with-watch .magenta-shape .watch-content p a {
                color: white;
                text-decoration: underline;
            }

        #esim section.with-watch .magenta-shape .watch-content .black-shape {
            background: black;
            color: white;
            padding: 20px;
            position: relative;
            width: 100%;
            border-radius: 10px;
        }

            #esim section.with-watch .magenta-shape .watch-content .black-shape a {
                color: white;
                text-decoration: underline;
                font-size: 17px;
                padding-left: 30px;
                display: block;
            }

                #esim section.with-watch .magenta-shape .watch-content .black-shape a:before {
                    content: '';
                    position: absolute;
                    background-image: url(../content/images/esim/watch-icon.png);
                    width: 20px;
                    height: 25px;
                    left: 19px;
                    background-size: cover;
                }

div#esim-modal .modal-dialog,
div#esim-modal-tarifa .modal-dialog,
div#esim-modal-promena-sim .modal-dialog {
    width: 60%;
    top: 15%;
}

    div#esim-modal .modal-dialog .modal-content,
    div#esim-modal-tarifa .modal-dialog .modal-content,
    div#esim-modal-promena-sim .modal-dialog .modal-content {
        border-radius: 20px;
        padding: 50px;
    }

        div#esim-modal .modal-dialog .modal-content .close,
        div#esim-modal-tarifa .modal-dialog .modal-content .close,
        div#esim-modal-promena-sim .modal-dialog .modal-content .close {
            position: absolute;
            top: 20px;
            right: 20px;
            opacity: 1;
            color: #333;
            font-size: 27px;
        }

        div#esim-modal .modal-dialog .modal-content .modal-body,
        div#esim-modal-tarifa .modal-dialog .modal-content .modal-body,
        div#esim-modal-promena-sim .modal-dialog .modal-content .modal-body {
            padding: 0;
        }

        div#esim-modal .modal-dialog .modal-content h3,
        div#esim-modal-tarifa .modal-dialog .modal-content h3 {
            font-size: 22px;
            margin: 20px 0;
        }

            div#esim-modal .modal-dialog .modal-content h3 a {
                color: black;
            }

        div#esim-modal .modal-dialog .modal-content h4,
        div#esim-modal-tarifa .modal-dialog .modal-content h4 {
            font-size: 22px;
            font-family: 'teleNeo-bold' !important;
            color: black;
            margin: 30px 0;
            padding: 0;
        }

        div#esim-modal .modal-dialog .modal-content .modal-body p,
        div#esim-modal-tarifa .modal-dialog .modal-content .modal-body p,
        div#esim-modal-promena-sim .modal-dialog .modal-content .modal-body p {
            font-size: 17px;
        }

        div#esim-modal .modal-dialog .modal-content .modal-body ul li,
        div#esim-modal-tarifa .modal-dialog .modal-content .modal-body ul li {
            font-size: 17px;
            margin-bottom: 15px;
            padding-left: 20px;
            position: relative;
        }

        div#esim-modal .modal-dialog .modal-content .modal-body ul,
        div#esim-modal-tarifa .modal-dialog .modal-content .modal-body ul {
            position: relative;
            margin-left: 30px;
            margin-bottom: 30px;
        }

            div#esim-modal .modal-dialog .modal-content .modal-body ul li:before,
            div#esim-modal-tarifa .modal-dialog .modal-content .modal-body ul li:before {
                content: '';
                position: absolute;
                width: 10px;
                height: 10px;
                background: #e20074;
                border-radius: 50px;
                left: 0;
                top: 8px;
                display: inline-block;
                overflow: hidden;
            }

div#esim-modal-tarifa .modal-content .price {
    position: relative;
    display: block;
    width: 130px;
    overflow: hidden;
    text-align: left;
    background: #e20074;
    padding: 5px 20px 5px 0;
    color: white;
    border-radius: 5px;
    margin-left: 30px;
    margin-bottom: 30px;
}

    div#esim-modal-tarifa .modal-content .price .price-wrapper {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

        div#esim-modal-tarifa .modal-content .price .price-wrapper .p-left {
            width: 60%;
        }

            div#esim-modal-tarifa .modal-content .price .price-wrapper .p-left span {
                font-size: 26px;
            }

        div#esim-modal-tarifa .modal-content .price .price-wrapper .p-right {
            width: 40%;
        }

            div#esim-modal-tarifa .modal-content .price .price-wrapper .p-right span {
                text-transform: none;
                color: white;
                text-align: right;
            }

            div#esim-modal-tarifa .modal-content .price .price-wrapper .p-right .p-currency {
                border-bottom: 1px solid white;
            }

@media (min-width: 1500px) {
    #esim section.with-watch .magenta-shape {
        padding: 13% 0 18%;
    }

        #esim section.with-watch .magenta-shape .watch-content {
            margin-right: 30%;
        }
}

@media (max-width: 767px) {
    div#esim-modal .modal-dialog,
    div#esim-modal-tarifa .modal-dialog {
        width: 95%;
        top: 20%;
    }

        div#esim-modal .modal-dialog .modal-content h3,
        div#esim-modal-tarifa .modal-dialog .modal-content h3 {
            font-size: 24px;
        }

        div#esim-modal .modal-dialog .modal-content .modal-body ul,
        div#esim-modal-tarifa .modal-dialog .modal-content .modal-body ul {
            margin-left: 0px;
        }

    #esim section.with-watch .magenta-shape {
        width: 100%;
        background-image: none;
        border-top-right-radius: 30px;
        border-top-left-radius: 30px;
        border-bottom-right-radius: 0;
        padding: 4% 0 4%;
        background: #e20074;
    }

        #esim section.with-watch .magenta-shape .watch-wrapper .img img {
            width: 100%;
            height: auto;
        }

        #esim section.with-watch .magenta-shape .watch-content .black-shape {
            width: 100%;
            left: 0;
        }

        #esim section.with-watch .magenta-shape .row,
        #esim section.with-watch .magenta-shape .row .col-xs-12 {
            width: 100%;
            padding: 0;
            margin: 0;
        }
}

@media(min-width: 768px) and (max-width: 991px) {
    div#esim-modal .modal-dialog,
    div#esim-modal-tarifa .modal-dialog {
        width: 90%;
    }

    #esim section.with-watch .magenta-shape {
        padding: 8% 0 13%;
        width: 100%;
        background-size: cover;
        background-position: 35%;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #esim section.with-watch .magenta-shape {
        width: 100%;
        background-size: cover;
    }
    div#safenet-home-mobile section.safenet-home {
        height: auto;
    }
}


/*#endregion esim phase 2*/
/*#region birajte stiklirajte*/
div #skroeniPoVasaMerka {
    position: relative;
    height: auto;
    width: 100%;
}

    div#skroeniPoVasaMerka .main-banner {
        position: relative;
        padding: 3% 0;
        background-image: url(../content/images/digitaliziraj/bsd-header-bg.jpg);
        background-position: center top;
        background-size: cover;
        z-index: 6;
    }

        div#skroeniPoVasaMerka .main-banner .wrapper {
            position: relative;
            width: 40%;
            margin: 0 auto;
            text-align: center;
            padding: 30px 0;
            /* background-color: rgb(3 3 3); */
            opacity: 1;
            /* box-shadow: 3px -1px 20px 16px #00000021; */
            color: white;
        }

            div#skroeniPoVasaMerka .main-banner .wrapper h1 {
                color: white;
                text-transform: none;
                font-size: 39px;
                font-family: 'teleNeo-extra' !important;
                line-height: 1.2;
                text-align: left;
            }

            div#skroeniPoVasaMerka .main-banner .wrapper h2 {
                font-size: 39px;
                color: white;
                line-height: 1.2;
                margin-top: 30px;
                font-family: 'teleNeo-regular' !important;
                text-align: left;
            }

    div#skroeniPoVasaMerka section.steps {
        position: relative;
        z-index: 10;
        display: block;
        background-color: white;
        width: 100%
    }

        div#skroeniPoVasaMerka section.steps p.disclaimer {
            text-align: center;
            margin: 30px 0;
            font-size: 19px;
        }

        div#skroeniPoVasaMerka section.steps .box {
            display: inline;
            float: left;
            width: 30.333%;
            position: relative;
            padding: 40px 40px 20px;
        }

        div#skroeniPoVasaMerka section.steps .progress-bar {
            position: relative;
            width: 100%;
            display: block;
            background: transparent;
            border-bottom: 0 !important;
            box-shadow: none !important;
            margin: 0 auto;
        }

        div#skroeniPoVasaMerka section.steps .box span {
            position: relative;
            text-align: center;
            border-radius: 50px;
        }

            div#skroeniPoVasaMerka section.steps .box span:before {
                content: '';
                position: absolute;
                display: block;
                width: 30px;
                height: 30px;
                font-family: 'teleNeo-regular' !important;
                font-size: 22px;
                color: #e20074;
                left: 0;
                right: 0;
                border: 2px solid #e20074;
                border-radius: 50px;
                top: -20px;
                text-align: center;
                line-height: 29px;
            }

            div#skroeniPoVasaMerka section.steps .box span.number-one:before {
                content: '1';
            }

            div#skroeniPoVasaMerka section.steps .box span.number-two:before {
                content: '2';
            }

            div#skroeniPoVasaMerka section.steps .box span.number-three:before {
                content: 'V';
                font-family: 'teleicon-outline' !important;
                background-color: #e20074;
                color: white;
                font-size: 21px;
            }

        div#skroeniPoVasaMerka section.steps .box:before {
            content: '';
            position: absolute;
            display: block;
            width: 271px;
            height: 2px;
            background: #e20074;
            right: -50%;
            top: 35px;
        }

        div#skroeniPoVasaMerka section.steps .box.three:before {
            content: '';
            display: none;
        }

        div#skroeniPoVasaMerka section.steps .box p {
            margin-top: 25px;
            padding: 0 20px;
            font-size: 15px;
        }

    div#skroeniPoVasaMerka section.skroeniPoVasaMerka-box {
        border: 0;
        background-color: #eee;
        background-image: url(../content/images/digitaliziraj/background.png);
        background-size: cover;
        background-position: center;
    }

    div#skroeniPoVasaMerka .checkbox-wrapper {
        position: relative;
        margin: 20px 0 10px;
        overflow: hidden;
        min-height: 260px;
    }

        div#skroeniPoVasaMerka .checkbox-wrapper .wrapper {
            position: relative;
            display: block;
            margin: 10px 0;
            width: 100%;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            div#skroeniPoVasaMerka .checkbox-wrapper .wrapper.two {
                width: 80%;
                margin: 0 auto;
            }

            div#skroeniPoVasaMerka .checkbox-wrapper .wrapper.three {
                width: 60%;
                margin: 0 auto;
                overflow: hidden;
            }

            div#skroeniPoVasaMerka .checkbox-wrapper .wrapper .option {
                position: relative;
                width: 24%;
                display: inline;
                float: left;
                overflow: hidden;
                margin: 0px 5px;
                z-index: 4;
            }

                div#skroeniPoVasaMerka .checkbox-wrapper .wrapper .option.two {
                    width: 31.333%;
                }

                div#skroeniPoVasaMerka .checkbox-wrapper .wrapper .option.three {
                    width: 45%;
                }

    div#skroeniPoVasaMerka .checkbox-wrap {
        position: relative;
        padding: 10px 15px;
        background-color: white;
        margin: 0px 0 10px;
        min-height: 90px;
        border-radius: 7px;
        border: 2px solid transparent;
        transition: all ease .5s;
    }

        div#skroeniPoVasaMerka .checkbox-wrap .ec {
            width: 60px;
            height: auto;
            margin-top: -27px;
            z-index: 5;
            display: block;
            position: relative;
            float: right;
            bottom: 0;
        }

            div#skroeniPoVasaMerka .checkbox-wrap .ec img {
                position: absolute;
                top: 17px;
                display: block;
                right: 30px;
                z-index: 6;
                overflow: hidden;
            }

        div#skroeniPoVasaMerka .checkbox-wrap:hover,
        div#skroeniPoVasaMerka .option.active .checkbox-wrap {
            border: 2px solid #e20074;
            transition: all ease .5s;
        }

        div#skroeniPoVasaMerka .checkbox-wrap .panel-collapse {
            position: relative;
            min-height: 100px;
        }

            div#skroeniPoVasaMerka .checkbox-wrap .panel-collapse:after {
                content: '&';
                position: absolute;
                font-family: 'teleicon-outline' !important;
                width: 20px;
                height: 10px;
                bottom: 0;
                left: 7px;
                transform: rotate( 90deg );
                font-size: 20px;
                color: #ccc;
            }

        div#skroeniPoVasaMerka .checkbox-wrap p {
            font-size: 16px;
            line-height: 1.2;
            color: #000000;
            opacity: .8;
        }

        div#skroeniPoVasaMerka .checkbox-wrap input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 40px;
            width: 40px;
            right: 0px;
            top: 0px;
            z-index: 5;
        }

        div#skroeniPoVasaMerka .checkbox-wrap .checkmark {
            position: absolute;
            top: 10px;
            right: 10px;
            height: 30px;
            width: 30px;
            background-color: white;
            border-radius: 50px;
            border: 1px solid #ccc;
        }



            div#skroeniPoVasaMerka .checkbox-wrap .checkmark:after {
                content: "";
                position: absolute;
                display: none;
            }

        div#skroeniPoVasaMerka .checkbox-wrap input:checked ~ .checkmark {
            background-color: rgba(0,128, 0, 0.32);
            border: none;
        }

            div#skroeniPoVasaMerka .checkbox-wrap input:checked ~ .checkmark:before {
                content: 'V';
                width: 100%;
                height: 100%;
                position: absolute;
                font-family: 'teleicon-outline' !important;
                transform: rotate( 0deg );
                color: green;
                font-size: 17px;
                font-weight: 600;
                border: 0 !important;
                border-radius: 50px;
                left: 0;
                top: 0;
                text-align: center;
                line-height: 27px;
            }


        div#skroeniPoVasaMerka .checkbox-wrap .checkmark:after {
            left: 9px;
            top: 5px;
            width: 5px;
            height: 10px;
            border: solid white;
            border-width: 0 3px 3px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        div#skroeniPoVasaMerka .checkbox-wrap a {
            text-decoration: none;
            font-size: 18px;
            display: block;
            padding-right: 25px;
            margin-bottom: 10px;
            min-height: 35px;
            line-height: 18px;
        }

            div#skroeniPoVasaMerka .checkbox-wrap a span {
                color: black;
                font-family: 'teleNeo-bold' !important;
            }

    div#skroeniPoVasaMerka .checkbox-wrapper h2 {
        text-transform: uppercase;
        font-family: teleNeo-extra !important;
        margin-bottom: 30px;
        text-align: center;
        width: 260px;
        margin: 26px auto 50px;
        color: black;
        font-size: 20px;
        overflow: hidden;
        display: block;
    }

        div#skroeniPoVasaMerka .checkbox-wrapper h2:before {
            content: '';
            position: absolute;
            width: 310px;
            left: 40px;
            top: 15px;
            height: 2px;
            background-color: #ddd;
        }

        div#skroeniPoVasaMerka .checkbox-wrapper h2:after {
            content: '';
            position: absolute;
            width: 310px;
            right: 40px;
            top: 15px;
            height: 2px;
            background-color: #ccc;
        }

    div#skroeniPoVasaMerka .wrap-header {
        position: relative;
        margin: 45px auto 0;
        text-align: center;
    }

        div#skroeniPoVasaMerka .wrap-header img {
            position: absolute;
            top: -45px;
            left: 0;
            right: 0;
            width: 35px;
            margin: 0 auto;
        }

    div#skroeniPoVasaMerka .form-control-digitaliziraj {
        position: relative;
        z-index: 2;
    }

        div#skroeniPoVasaMerka .form-control-digitaliziraj p,
        div#skroeniPoVasaMerka .form-control-digitaliziraj p span {
            color: white;
            line-height: 1.2;
        }
        /*div#skroeniPoVasaMerka .form-control-digitaliziraj:after {
            content: '';
            position: absolute;
            background-image: url(../content/images/digitaliziraj/form-bg-new-2.png);
            background-size: contain;
            width: auto;
            height: 540px;
            top: -50px;
            left: 130px;
            right: 0;
            z-index: -1;
            background-position: center;
            background-repeat: no-repeat;
            overflow: hidden;
            display: block;
        }*/
        div#skroeniPoVasaMerka .form-control-digitaliziraj .form-group {
            position: relative;
            z-index: 2;
        }

            div#skroeniPoVasaMerka .form-control-digitaliziraj .form-box span,
            div#skroeniPoVasaMerka .form-control-digitaliziraj .form-group span {
                color: white;
                position: relative;
                z-index: 2;
                font-size: 18px;
                font-family: 'teleNeo-regular' !important;
            }

        div#skroeniPoVasaMerka .form-control-digitaliziraj .btn-black span {
            top: 0;
            width: 100%;
            text-align: center;
            display: block;
        }

        div#skroeniPoVasaMerka .form-control-digitaliziraj .form-box textarea {
            height: 45px;
            background: transparent;
            color: white;
            font-size: 18px;
        }

        div#skroeniPoVasaMerka .form-control-digitaliziraj input {
            background: transparent;
            color: white;
            padding: 22px 10px;
            border-radius: 7px;
            border-color: rgba(255, 255,255, .55);
            position: relative;
            z-index: 2;
            border-radius: 4px;
            font-size: 18px;
        }

            div#skroeniPoVasaMerka .form-control-digitaliziraj input:focus {
                border-color: #fdfdfd;
                outline: 0;
                -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(255, 255, 255, .6);
                box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(255, 255, 255, .6);
            }

            div#skroeniPoVasaMerka .form-control-digitaliziraj input#captcha {
                border: 1px solid rgba(255, 255,255, .55);
                width: 100%;
                height: 45px;
            }

        div#skroeniPoVasaMerka .form-control-digitaliziraj img#captcha {
            width: auto;
            height: 45px;
            position: relative;
        }

        div#skroeniPoVasaMerka .form-control-digitaliziraj .wrapper {
            position: relative;
            padding: 2%;
            z-index: 2;
            width: 1024px;
            margin: 0 auto;
            background: #e20074;
        }

            div#skroeniPoVasaMerka .form-control-digitaliziraj .wrapper h2 {
                color: white;
                text-align: left;
                width: 100%;
                font-size: 29px;
                font-family: 'teleNeo-bold' !important;
                margin-bottom: 25px;
            }

        div#skroeniPoVasaMerka .form-control-digitaliziraj .bord-top-btn {
            position: relative;
        }

            div#skroeniPoVasaMerka .form-control-digitaliziraj .bord-top-btn .btn-black {
                background: black;
                color: white;
                padding: 10px 10px;
                width: 150px;
                text-align: left;
                text-transform: uppercase;
                position: relative;
                border-radius: 4px;
                cursor: pointer;
            }

        /*div#skroeniPoVasaMerka .form-control-digitaliziraj .bord-top-btn .btn-black span:after {
                    content: '';
                    position: absolute;
                    width: 30px;
                    height: 1px;
                    background: white;
                    top: 10px;
                    right: -45px;
                }*/

        div#skroeniPoVasaMerka .form-control-digitaliziraj .errorMsg {
            display: block;
            text-align: left;
            line-height: 12px;
            position: relative;
            margin-top: 10px;
            color: #420606 !important;
            top: 0;
            margin: 0;
            font-size: 14px !important;
        }

.spy-menu .menu {
    position: fixed;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    padding: 15px 10px;
    background: rgba(255, 255, 255, .7);
    border-radius: 4px;
    z-index: 5;
}

    .spy-menu .menu .dot {
        display: block;
        border: 5px solid #dedede;
        background: #dedede;
        margin-bottom: 20px;
        border-radius: 10px;
        width: 9px;
        height: 9px;
        cursor: pointer;
        color: #000;
        text-decoration: none !important;
        position: relative;
        left: -1px;
    }

        .spy-menu .menu .dot:hover,
        .spy-menu .menu .dot.active {
            border: 5px solid #e20074;
            background: #e20074;
            transform: scale(1.2);
            transition: all 200ms ease;
        }

        .spy-menu .menu .dot:last-of-type {
            margin: 0;
        }

        .spy-menu .menu .dot:hover {
            background: transparent;
            transform: scale(1.2);
            transition: all 200ms ease;
        }

        .spy-menu .menu .dot span {
            display: none;
            transform: translate(0, -3px);
            opacity: 0;
            transition: all 200ms ease;
            position: relative;
        }

        .spy-menu .menu .dot:hover span,
        .spy-menu .menu .dot.active span {
            opacity: 1;
            width: 160px;
            left: 20px;
            position: relative;
            top: -10px;
            font-size: 11px;
            line-height: 1.2;
            transition: all 200ms ease;
            background-color: white;
            border-radius: 50px;
            padding: 6px 9px;
            z-index: 99;
            box-shadow: 0 0 8px 7px rgba(51, 51,51, 0.08);
            text-align: center;
            display: block;
        }

div#skroeniPoVasaMerka a.accordion-link {
    width: 17%;
    position: relative;
    text-align: center;
    color: #9c9c9c;
    text-decoration: none !important;
    padding: 15px;
    font-size: 17px;
    font-family: 'teleNeo-regular' !important;
    display: block;
    margin: 0px auto 15px;
}

    div#skroeniPoVasaMerka a.accordion-link:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        bottom: 0;
        left: 0;
        background: #9c9c9c;
        right: 0;
    }

    div#skroeniPoVasaMerka a.accordion-link:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background: #f1f2f1;
        border-top: 1px solid #9c9c9c;
        border-left: 1px solid #9c9c9c;
        transform: rotate( 45deg );
        bottom: -6px;
        text-align: center;
        left: 47%;
        display: block;
    }

    div#skroeniPoVasaMerka a.accordion-link.collapsed:after {
        transform: rotate( 225deg );
        bottom: -7px;
    }

    div#skroeniPoVasaMerka a.accordion-link.collapsed span.more {
        display: block;
    }

    div#skroeniPoVasaMerka a.accordion-link.collapsed span.less {
        display: none;
    }


    div#skroeniPoVasaMerka a.accordion-link span.more {
        display: none;
    }

    div#skroeniPoVasaMerka a.accordion-link span.less {
        display: block;
    }

div#skroeniPoVasaMerka .option.one .checkbox-wrapper {
    min-height: 70px;
}

div#skroeniPoVasaMerka span.choose-error {
    position: relative;
    display: inline-block;
    left: 20px;
    bottom: 0;
}

div#skroeniPoVasaMerka .form-control-digitaliziraj p.white-text {
    color: white;
}

div#skroeniPoVasaMerka .form-control-digitaliziraj .success-msg {
    background: transparent;
}

    div#skroeniPoVasaMerka .form-control-digitaliziraj .success-msg span {
        color: #3c763d;
    }

@media (max-width: 374px) {
    div #skroeniPoVasaMerka section.steps .box:before {
        width: 68px !important;
    }
}

@media (min-width: 375px) and (max-width: 413px) {
    div#skroeniPoVasaMerka section.steps .box:before {
        width: 88px !important;
    }
}

@media (max-width: 767px) {
    div#skroeniPoVasaMerka .main-banner .wrapper h1 {
        font-size: 29px;
    }

    div#skroeniPoVasaMerka .main-banner .wrapper h2 {
        font-size: 26px;
    }

    div #skroeniPoVasaMerka .main-banner .wrapper {
        width: 80%;
    }

    div#skroeniPoVasaMerka section.steps .box {
        width: 33.333%;
        position: relative;
        padding: 20px 3px;
    }

        div#skroeniPoVasaMerka section.steps .box p {
            width: 100%;
            padding: 0;
        }

        div#skroeniPoVasaMerka section.steps .box:before {
            content: '';
            position: absolute;
            display: block;
            width: 102px;
            height: 2px;
            background: #e20074;
            right: -50%;
            top: 15px;
        }

    div#skroeniPoVasaMerka .checkbox-wrapper .wrapper {
        flex-flow: column;
    }

    div#skroeniPoVasaMerka .checkbox-wrapper h2 {
        width: 220px;
        margin: 26px auto 20px;
        color: black;
        font-size: 16px;
        min-height: auto;
    }

        div#skroeniPoVasaMerka .checkbox-wrapper h2:before,
        div#skroeniPoVasaMerka .checkbox-wrapper h2:after {
            display: none;
        }

    div#skroeniPoVasaMerka .wrap-header img {
        position: absolute;
        top: -55px;
        left: 0;
        right: 0;
        width: 50px;
        margin: 0 auto;
    }

    div#skroeniPoVasaMerka .checkbox-wrapper .wrapper .option {
        position: relative;
        width: 100%;
        display: block;
        float: none;
        overflow: hidden;
        margin: 0;
    }

    div#skroeniPoVasaMerka .checkbox-wrapper .wrapper.two,
    div#skroeniPoVasaMerka .checkbox-wrapper .wrapper.three {
        width: 100%;
        margin: 0 auto 0;
        flex-wrap: wrap;
    }

    div#skroeniPoVasaMerka .checkbox-wrapper .wrapper .option.two,
    div#skroeniPoVasaMerka .checkbox-wrapper .wrapper .option.three {
        width: 100%;
        margin: 20px auto;
    }

    div#skroeniPoVasaMerka .wrap-header {
        position: relative;
        margin: 60px auto 0;
    }

    div#skroeniPoVasaMerka .checkbox-wrapper:first-of-type .wrap-header {
        margin-top: 50px;
    }

    div#skroeniPoVasaMerka .form-control-digitaliziraj:after {
        display: none;
    }

    div#skroeniPoVasaMerka .form-control-digitaliziraj {
        background: #e20074;
    }

        div#skroeniPoVasaMerka .form-control-digitaliziraj .wrapper {
            padding: 6% 5%;
        }

    div#skroeniPoVasaMerka .checkbox-wrap a {
        min-height: 40px;
    }

    div#skroeniPoVasaMerka .checkbox-wrap, div#skroeniPoVasaMerka .checkbox-wrap {
        width: 100%;
        margin: 5px 0;
    }

    div#skroeniPoVasaMerka a.accordion-link {
        width: 50%;
        margin: 10px auto 20px;
    }

        div#skroeniPoVasaMerka a.accordion-link:before {
            bottom: 2px;
        }

        div#skroeniPoVasaMerka a.accordion-link:after {
            bottom: -5px;
        }

        div#skroeniPoVasaMerka a.accordion-link.collapsed:after {
            bottom: -5px;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    div#skroeniPoVasaMerka .checkbox-wrap {
        min-height: 90px;
    }

    div#skroeniPoVasaMerka .checkbox-wrapper .wrapper .option {
        margin: 20px 3px;
    }

    div#skroeniPoVasaMerka .checkbox-wrapper h2:after,
    div#skroeniPoVasaMerka .checkbox-wrapper h2:before {
        width: 220px;
    }

    div#skroeniPoVasaMerka .form-control-digitaliziraj:after {
        background-size: cover !important;
        height: 640px !important;
        top: -100px !important;
    }

    div#skroeniPoVasaMerka section.steps .box:before {
        width: 190px;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #smart-start .iskustva .item-wrapper {
        padding: 30px 0 50px;
    }

        #smart-start .iskustva .item-wrapper .white-text-wrap {
            width: 90%;
        }

    div#skroeniPoVasaMerka section.steps .box:before {
        width: 255px;
    }

    div#skroeniPoVasaMerka .checkbox-wrapper .wrapper .option {
        margin: 20px 4px;
    }
}

@media (max-width : 991px) {
    div#skroeniPoVasaMerka .form-control-digitaliziraj .wrapper {
        width: 100%;
    }

    .spy-menu {
        display: none;
    }
}

@media (max-width: 1200px) {
    div#skroeniPoVasaMerka .form-control-digitaliziraj:after {
        background-size: cover;
    }
}

@media(max-width: 1450px) {
    div#skroeniPoVasaMerka .form-control-digitaliziraj:after {
        background-position: 0% 0px;
        height: 640px;
        left: 0;
        top: -80px;
    }
}

@media (min-width: 1451px) {
    div#skroeniPoVasaMerka .form-control-digitaliziraj:after {
        height: 580px;
    }
}
/*#endregion birajte stiklirajte*/

/*#region mobile surf - tarifi za tabler*/
#mobile-surf-new {
    position: relative;
}

    #mobile-surf-new .btn-wrapper {
        position: relative;
        margin: 10px auto 70px;
        width: 50%;
        text-align: center;
    }

        #mobile-surf-new .btn-wrapper a {
            border-radius: 0;
            padding: 10px;
            font-size: 17px;
            margin: 10px;
        }

            #mobile-surf-new .btn-wrapper a.btn-magenta {
                background: linear-gradient(to bottom, #e20074 0,#d5006d 100%);
                color: white;
                transition: all ease-in .5s;
            }

    #mobile-surf-new .mobile-surf-banner {
        position: relative;
        background-image: url(../content/images/mobile-surf/mobile-surf-banner.jpg);
        background-position: center 44%;
        background-size: cover;
        padding: 28% 0 0;
    }

        #mobile-surf-new .mobile-surf-banner .header {
            width: 38%;
            padding: 2% 0 2%;
            position: absolute;
            bottom: 0;
        }

            #mobile-surf-new .mobile-surf-banner .header:before {
                content: '';
                position: absolute;
                background-image: url(../content/images/mobile-surf/Mobilni-internet-paketi-shape.png);
                background-position: left;
                background-repeat: no-repeat;
                background-size: cover;
                left: 0px;
                bottom: 0;
                width: 100%;
                height: 100%;
                z-index: 0;
            }

    #mobile-surf-new .header .wrapper {
        padding: 0% 10% 0 21%;
    }

        #mobile-surf-new .header .wrapper h1 {
            font-size: 33px;
            color: white;
            font-family: 'teleNeo-bold' !important;
            text-align: left;
            z-index: 1;
            position: relative;
            text-transform: none;
        }

    #mobile-surf-new .mobile-surf-content h2.black-bcg {
        background-color: black;
        margin-bottom: 50px;
        width: 590px;
        text-align: center;
        margin: 50px auto;
        color: white;
        text-transform: uppercase;
        padding: 15px;
        font-size: 42px;
        transform: skewX( -25deg );
    }

        #mobile-surf-new .mobile-surf-content h2.black-bcg span {
            transform: skewX( 25deg );
            position: relative;
            display: block;
            font-family: 'teleNeo-extra' !important;
        }

    #mobile-surf-new .mobile-surf-content ul.list-inline {
        margin: 30px 0;
    }

        #mobile-surf-new .mobile-surf-content ul.list-inline li {
            display: inline-block;
            padding: 0;
            margin: 0;
            list-style: none;
            background: none;
            color: #333;
            opacity: .5;
            margin: 0 5px;
            font-size: 17px;
        }

            #mobile-surf-new .mobile-surf-content ul.list-inline li.active {
                color: #333;
                opacity: 1;
                font-family: 'teleNeo-bold' !important;
            }

    #mobile-surf-new .mobile-surf-content .boxes {
        position: relative;
        text-align: center;
        margin: 50px 0;
    }

        #mobile-surf-new .mobile-surf-content .boxes .box-wrap {
            background: #FFFFFF 0% 0% no-repeat padding-box;
            box-shadow: 0px 3px 46px rgba(0, 0, 0, .14);
            -webkit-box-shadow: 0px 3px 46px rgba(0, 0, 0, .14);
            -moz-box-shadow: 0px 3px 46px rgba(0, 0, 0, .14);
        }

        #mobile-surf-new .mobile-surf-content .boxes .title h2 {
            display: block;
            font-size: 22px;
            font-family: 'teleNeo-regular' !important;
            padding: 30px 10px;
        }

            #mobile-surf-new .mobile-surf-content .boxes .title h2 span {
                display: block;
                font-size: 25px;
                font-family: 'teleNeo-extra' !important;
                margin-top: 10px;
            }

        #mobile-surf-new .mobile-surf-content .boxes .internet p {
            font-size: 22px;
            font-family: 'teleNeo-bold' !important;
        }

        #mobile-surf-new .mobile-surf-content .boxes .icons span {
            width: 35px !important;
            height: 35px !important;
            display: inline-block !important;
            top: 0 !important;
        }

    #mobile-surf-new .mobile-surf-content .smart-priceWraper {
        position: relative;
        display: block;
        width: 70%;
        overflow: hidden;
        margin: 10px auto;
        padding: 20px 0;
    }

        #mobile-surf-new .mobile-surf-content .smart-priceWraper .p-left-smart {
            position: relative;
            display: inline;
            width: 50%;
            float: left;
            text-align: right;
        }

            #mobile-surf-new .mobile-surf-content .smart-priceWraper .p-left-smart span {
                font-size: 30px;
                font-family: 'teleNeo-bold' !important;
            }

        #mobile-surf-new .mobile-surf-content .smart-priceWraper .p-right-smart {
            position: relative;
            display: inline;
            float: left;
            width: 30%;
            bottom: 0 !important;
            top: 3px;
            color: #333;
            text-align: right;
            margin-left: 6px;
        }

            #mobile-surf-new .mobile-surf-content .smart-priceWraper .p-right-smart span {
                color: #333;
                text-transform: none;
                text-align: right;
                font-size: 13px !important;
            }

        #mobile-surf-new .mobile-surf-content .smart-priceWraper span.bts-paket-ddv {
            display: none;
        }

@media(max-width: 767px) {
    #mobile-surf-new .mobile-surf-banner {
        padding: 75% 0 0;
    }

        #mobile-surf-new .mobile-surf-banner .header {
            width: 100%;
        }

            #mobile-surf-new .mobile-surf-banner .header:before {
                background-size: cover;
            }

    #mobile-surf-new .header .wrapper {
        padding: 0% 12% 0 20%;
    }

        #mobile-surf-new .header .wrapper h1 {
            font-size: 23px;
        }

    #mobile-surf-new .mobile-surf-content h2.black-bcg {
        width: 90%;
        font-size: 29px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #mobile-surf-new .mobile-surf-banner {
        padding: 35% 0 0;
    }

        #mobile-surf-new .mobile-surf-banner .header {
            width: 55%;
            padding: 1% 0 0;
        }

            #mobile-surf-new .mobile-surf-banner .header:before {
                content: '';
                background-size: cover;
            }

    #mobile-surf-new .header .wrapper h1 {
        font-size: 24px;
    }

    #mobile-surf-new .mobile-surf-content h2.black-bcg {
        font-size: 34px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #mobile-surf-new .mobile-surf-banner .header {
        width: 50%;
    }
}

@media(min-width: 1450px) {
    #mobile-surf-new .mobile-surf-banner .header {
        padding: 3% 0 3%;
    }

        #mobile-surf-new .mobile-surf-banner .header:before {
            background-size: cover;
        }
}
/*#endregion mobile surf - tarifi za tabler*/


/*#region 4g backup*/
#fourg-backup-new .mobile-surf-banner {
    position: relative;
    background-image: url(../content/images/4g-backup/4g-banner.jpg);
    background-position: center 26%;
    background-size: cover;
    padding: 28% 0 0;
}

#fourg-backup-new .btn-wrapper {
    position: relative;
    margin: 10px auto 70px;
    width: 50%;
    text-align: center;
}

    #fourg-backup-new .btn-wrapper a.btn-magenta {
        background: linear-gradient(to bottom, #e20074 0,#d5006d 100%);
        color: white;
        transition: all ease-in .5s;
    }

    #fourg-backup-new .btn-wrapper a {
        border-radius: 0;
        padding: 10px;
        font-size: 17px;
        margin: 10px;
    }

#fourg-backup-new .mobile-surf-banner .header {
    width: 60%;
    padding: 2% 0 2%;
    position: absolute;
    bottom: 0;
}

    #fourg-backup-new .mobile-surf-banner .header:before {
        content: '';
        position: absolute;
        background-image: url(../content/images/mobile-surf/Mobilni-internet-paketi-shape.png);
        background-position: left;
        background-repeat: no-repeat;
        background-size: cover;
        left: 0px;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
    }

#fourg-backup-new .mobile-surf-banner .wrapper {
    padding: 0% 5% 0 17%;
}

    #fourg-backup-new .mobile-surf-banner .wrapper h1 {
        font-size: 33px;
        color: white;
        font-family: 'teleNeo-bold' !important;
        text-align: left;
        z-index: 1;
        position: relative;
        line-height: 1.2;
        text-transform: none;
    }

#fourg-backup-new .mobile-surf-content h2.black-bcg {
    background-color: black;
    margin-bottom: 50px;
    width: 250px;
    text-align: center;
    margin: 50px auto;
    color: white;
    text-transform: uppercase;
    padding: 15px;
    font-size: 42px;
    transform: skewX( -25deg );
}

    #fourg-backup-new .mobile-surf-content h2.black-bcg span {
        transform: skewX( 25deg );
        position: relative;
        display: block;
        font-family: 'teleNeo-extra' !important;
    }

#fourg-backup-new .mobile-surf-content p {
    font-size: 19px;
    text-align: center;
}

#fourg-backup-new .mobile-surf-content ul.list-inline {
    margin: 30px 0;
}

#fourg-backup-new .mobile-surf-content .boxes {
    position: relative;
    text-align: center;
    margin: 50px 0;
}

    #fourg-backup-new .mobile-surf-content .boxes p {
        font-size: 18px;
    }

    #fourg-backup-new .mobile-surf-content .boxes .box-wrap {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 46px rgba(0, 0,0, .14);
        -webkit-box-shadow: 0px 3px 46px rgba(0, 0,0, .14);
        -moz-box-shadow: 0px 3px 46px rgba(0, 0,0, .14);
    }

    #fourg-backup-new .mobile-surf-content .boxes .title h2 {
        display: block;
        font-size: 22px;
        font-family: 'teleNeo-regular' !important;
        padding: 30px 10px;
    }

    #fourg-backup-new .mobile-surf-content .boxes .internet p {
        font-size: 22px;
        font-family: 'teleNeo-bold' !important;
        line-height: 1.2;
    }

    #fourg-backup-new .mobile-surf-content .boxes .ured p span {
        display: block;
        font-weight: 600;
    }

    #fourg-backup-new .mobile-surf-content .boxes .icons span {
        width: 35px !important;
        height: 35px !important;
        display: inline-block !important;
        top: 0 !important;
    }

#fourg-backup-new .mobile-surf-content .smart-priceWraper {
    position: relative;
    display: block;
    width: 70%;
    overflow: hidden;
    margin: 10px auto;
    padding: 20px 0;
}

    #fourg-backup-new .mobile-surf-content .smart-priceWraper .p-left-smart {
        position: relative;
        display: inline;
        width: 50%;
        float: left;
        text-align: right;
    }

        #fourg-backup-new .mobile-surf-content .smart-priceWraper .p-left-smart span.bts-paket-ddv {
            display: none;
        }

        #fourg-backup-new .mobile-surf-content .smart-priceWraper .p-left-smart span {
            font-size: 30px;
            font-family: 'teleNeo-bold' !important;
        }

    #fourg-backup-new .mobile-surf-content .smart-priceWraper .p-right-smart {
        position: relative;
        display: inline;
        float: left;
        width: 30%;
        bottom: 0 !important;
        top: 3px;
        color: #333;
        text-align: right;
        margin-left: 6px;
    }

        #fourg-backup-new .mobile-surf-content .smart-priceWraper .p-right-smart span {
            color: #333;
            text-transform: none;
            text-align: left;
            font-size: 13px !important;
            margin-right: 10px;
        }

@media(max-width: 370px) {
    #fourg-backup-new .mobile-surf-banner .wrapper h1 {
        font-size: 19px;
    }
}

@media(max-width: 767px) {
    #fourg-backup-new .mobile-surf-banner {
        padding: 75% 0 0;
    }

        #fourg-backup-new .mobile-surf-banner .header {
            width: 100%;
        }

        #fourg-backup-new .mobile-surf-banner .wrapper {
            padding: 3% 0% 0 23%;
        }

            #fourg-backup-new .mobile-surf-banner .wrapper h1 {
                font-size: 23px;
            }

    #fourg-backup-new .mobile-surf-content h2.black-bcg {
        width: 90%;
        font-size: 29px;
    }

    .mobile-surf-content p {
        font-size: 18px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #fourg-backup-new .mobile-surf-banner {
        padding: 50% 0 0;
    }

        #fourg-backup-new .mobile-surf-banner .header {
            width: 80%;
        }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #fourg-backup-new .mobile-surf-banner {
        padding: 50% 0 0;
    }

        #fourg-backup-new .mobile-surf-banner .header {
            width: 65%;
        }
}

@media(min-width: 1200px) and (max-width: 1449px) {
    #fourg-backup-new .mobile-surf-banner .header {
        width: 65%;
    }

    #fourg-backup-new .mobile-surf-banner .wrapper {
        padding: 0% 5% 0 15%;
    }
}

@media(min-width: 1450px) {
    #fourg-backup-new .mobile-surf-banner .header {
        width: 45%;
    }
}
/*#endregion 4g backup*/

/*#region m2m redesign*/
#m2m .main-banner {
    position: relative;
    background-image: url(../content/images/m2m/m2m-banner.jpg);
    background-position: center 69%;
    background-size: cover;
    padding: 25% 0 0;
}

    #m2m .main-banner .header {
        width: 38%;
        padding: 2% 0 2%;
        position: absolute;
        bottom: 0;
    }

        #m2m .main-banner .header:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/mobile-surf/Mobilni-internet-paketi-shape.png);
            background-position: left;
            background-repeat: no-repeat;
            background-size: cover;
            left: 0px;
            bottom: 0;
            width: 100%;
            height: 100%;
            z-index: 0;
        }

        #m2m .main-banner .header .wrapper {
            padding: 0% 10% 0 21%;
        }

            #m2m .main-banner .header .wrapper h1 {
                font-size: 33px;
                color: white;
                font-family: 'teleNeo-bold' !important;
                text-align: left;
                z-index: 1;
                position: relative;
                text-transform: none;
            }

#m2m .m2m-content h2.black-bcg {
    background-color: black;
    margin-bottom: 50px;
    width: 590px;
    text-align: center;
    margin: 50px auto;
    color: white;
    text-transform: uppercase;
    padding: 15px;
    font-size: 42px;
    transform: skewX( -25deg );
}

    #m2m .m2m-content h2.black-bcg span {
        transform: skewX( 25deg );
        position: relative;
        display: block;
        font-family: 'teleNeo-extra' !important;
    }

#m2m .m2m-content p {
    text-align: center;
    font-size: 19px;
    line-height: 1.2;
}

#m2m ul.list-inline {
    margin: 30px 0;
}

    #m2m ul.list-inline li {
        display: inline-block;
        padding: 0;
        margin: 0;
        list-style: none;
        background: none;
        color: #333;
        opacity: .5;
        margin: 0 5px;
        font-size: 17px;
    }

        #m2m ul.list-inline li.active {
            color: #333;
            opacity: 1;
            font-family: 'teleNeo-bold' !important;
        }

#m2m .boxes {
    position: relative;
    text-align: center;
    margin: 50px 0;
}

    #m2m .boxes .box-wrap {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 46px rgba(0, 0, 0, .14);
        -webkit-box-shadow: 0px 3px 46px rgba(0, 0,0, .14);
        -moz-box-shadow: 0px 3px 46px rgba(0, 0, 0, .14);
        min-height: 316px;
    }

        #m2m .boxes .box-wrap h2 {
            display: block;
            font-size: 22px;
            font-family: 'teleNeo-regular' !important;
            padding: 30px 10px;
        }

            #m2m .boxes .box-wrap h2 span {
                display: block;
                font-size: 25px;
                font-family: 'teleNeo-extra' !important;
                margin-top: 10px;
            }

        #m2m .boxes .box-wrap .internet {
            position: relative;
            min-height: 70px;
        }

            #m2m .boxes .box-wrap .internet p {
                font-size: 22px;
                font-family: 'teleNeo-bold' !important;
            }

                #m2m .boxes .box-wrap .internet p span {
                    color: black;
                    font-size: 17px;
                    line-height: 1.2;
                }

        #m2m .boxes .box-wrap .icons span {
            width: 35px !important;
            height: 35px !important;
            display: inline-block !important;
            top: 0 !important;
        }

        #m2m .boxes .box-wrap .icons ul li {
            color: white;
            font-size: 13px;
            margin: 0;
            text-align: left;
            line-height: 1.2;
        }

        #m2m .boxes .box-wrap .smart-priceWraper {
            position: relative;
            display: block;
            width: 70%;
            overflow: hidden;
            margin: 10px auto;
            padding: 20px 0;
        }

            #m2m .boxes .box-wrap .smart-priceWraper .p-left-smart span {
                font-size: 30px;
                font-family: 'teleNeo-bold' !important;
            }

            #m2m .boxes .box-wrap .smart-priceWraper .p-right-smart {
                position: relative;
                display: inline;
                float: left;
                width: 30%;
                bottom: 0 !important;
                top: 3px;
                color: #333;
                text-align: right;
                margin-left: 6px;
            }

                #m2m .boxes .box-wrap .smart-priceWraper .p-right-smart span {
                    color: #333;
                    text-transform: none;
                    text-align: left;
                    font-size: 13px !important;
                }

            #m2m .boxes .box-wrap .smart-priceWraper .p-left-smart {
                position: relative;
                display: inline;
                width: 50%;
                float: left;
                text-align: right;
            }

    #m2m .boxes span.bts-paket-ddv {
        display: none;
    }

@media (max-width: 767px) {
    #m2m .main-banner {
        padding: 80% 0 0;
    }

        #m2m .main-banner .header {
            width: 100%;
        }

            #m2m .main-banner .header .wrapper {
                padding: 0% 2% 0 22%;
            }

                #m2m .main-banner .header .wrapper h1 {
                    font-size: 23px;
                }

    #m2m .m2m-content h2.black-bcg {
        width: 90%;
        font-size: 29px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #m2m .main-banner {
        background-position: center 111%;
        padding: 43% 0 0;
    }

        #m2m .main-banner .header {
            width: 68%;
        }
}
/*#endregion m2m redesign*/



/*#region business-tarifi*/
#business-tarifi-new {
    background: #F8F8F8;
}

    #business-tarifi-new .main-banner {
        position: relative;
        /*background-image: url(../content/images/business-tarifi/business-tarifi-banner.jpg);*/
        /*background-image: url(../content/images/business-tarifi/business-tarifi-new-banner.jpg);*/
        /*  background-image: url(../content/images/banner-business-l-inner-bg.jpg);*/
        /*background-image: url(../content/images/business-tarifi-banner-inner.jpg);*/
        /*background-image: url(../content/images/five-g-business-banner.png);*/
        background-image: url(../content/images/business-professional-banner.jpg);
        background-position: center top;
        height: 400px;
        background-size: cover;
    }

        /* #business-tarifi-new .main-banner.sq {
            background-image: url(../content/images/five-g-business-banner-sq.jpg);
        }*/

        #business-tarifi-new .main-banner .container {
            position: relative;
            height: 100%;
        }

        #business-tarifi-new .main-banner .header {
            width: 50%;
            padding: 5% 0 3%;
            z-index: 0;
            position: relative;
            bottom: 0;
            left: 0;
            height: 100%;
        }

            #business-tarifi-new .main-banner .header .ec {
                position: absolute;
                width: 180px;
                right: 17%;
                top: 50%;
            }

        #business-tarifi-new .main-banner:before {
            position: absolute;
            content: '';
            background-image: url(../content/images/business-tarifi/business-professional-banner-shape.png);
            background-size: contain;
            background-position: left;
            background-repeat: no-repeat;
            left: 0;
            bottom: 0;
            width: 53%;
            height: 100%;
            z-index: 0;
        }

        #business-tarifi-new .main-banner .header .wrapper {
            position: relative;
            z-index: 3;
            width: 100%;
        }

        #business-tarifi-new .main-banner .header h1 {
            font-size: 70px;
            color: white;
            font-family: 'teleNeo-bold' !important;
            text-align: left;
            z-index: 1;
            position: relative;
            text-transform: none;
            line-height: 1.2;
        }

            #business-tarifi-new .main-banner .header h1 span {
                display: block;
                font-size: 25px;
                line-height: 1.2;
            }

        #business-tarifi-new .main-banner .header p {
            color: white;
            font-size: 30px;
            line-height: 1.2;
        }

    #business-tarifi-new .content {
        margin: 50px 0;
        text-align: center;
    }

        #business-tarifi-new .content h2 {
            position: relative;
            display: block;
            width: 390px;
            margin: 0 auto;
            color: white;
            padding: 10px;
            transform: skewX( -25deg );
            font-size: 42px;
        }

            #business-tarifi-new .content h2 span {
                transform: skewX( 25deg );
                position: relative;
                display: block;
                font-family: 'teleNeo-extra' !important;
            }

            #business-tarifi-new .content h2.magenta-bg {
                background-color: #e20074;
            }

            #business-tarifi-new .content h2.black-bg {
                background-color: black;
                /*left: 13%;*/
                margin-bottom: 50px;
            }

    #business-tarifi-new .business-radio-button-design ul.bts-radio-buttons li {
        padding-left: 15px;
    }

        #business-tarifi-new .business-radio-button-design ul.bts-radio-buttons li.active {
            font-weight: 600;
        }

            #business-tarifi-new .business-radio-button-design ul.bts-radio-buttons li:before,
            #business-tarifi-new .business-radio-button-design ul.bts-radio-buttons li.active:before {
                display: none;
            }

    #business-tarifi-new #business-m-tab p.vertical {
        font-size: 14px;
        font-family: 'tele-groteskfetregular';
        color: #000;
        writing-mode: tb-rl;
        -webkit-writing-mode: tb-rl;
        -ms-writing-mode: tb-rl;
        transform: rotate( 0deg );
        position: absolute;
        left: 0;
        top: 12px;
        background-color: #e20074;
        color: white;
        padding: 5px 2px;
        margin: 0;
        line-height: 24px;
    }

    #business-tarifi-new .smart-table {
        border: 2px solid white !important;
        border-top: 2px solid white !important;
    }

    /*#business-tarifi-new .tab-content .smart-table.smart-tariff-m {
        border: 2px solid #e20074 !important;
        background: white;
    }*/

    #business-tarifi-new .tab-content .smart-table div.panel-default {
        background: transparent;
    }

div#business-tarifi-new .smart-priceWraper .p-left-smart,
div#business-tarifi-new .smart-priceWraper .p-right-smart {
    display: inline-block;
}

#accordion-pridobivki .panel-heading > .panel-title > a > div {
    text-decoration: underline;
    font-size: 15px !important;
    text-transform: none !important;
}

#accordion-pridobivki .panel-heading > .panel-title > a:after,
#accordion-pridobivki .panel-heading > .panel-title > a.collapsed:after {
    display: none;
}

#business-tarifi-new .smart-table p.smart-head span {
    position: relative;
    color: #333 !important;
    padding: 20px 0 5px !important;
    font-size: 25px !important;
}

    #business-tarifi-new .smart-table p.smart-head span:last-of-type {
        font-family: 'teleNeo-bold' !important;
        color: #333;
        font-size: 30px;
    }

#business-tarifi-new .smart-razgovori-box .smartBoxBold {
    text-transform: none !important;
}

#business-tarifi-new span.smart-march-promotion {
    font-family: 'teleNeo-medium' !important;
}

#business-tarifi-new .tab-content .smart-table div {
    line-height: 1.2;
}


#business-tarifi-new .ec {
    position: absolute !important;
    right: -75px;
    top: 50%;
    z-index: 2;
}

    #business-tarifi-new .ec img {
        height: auto !important;
        width: 120px !important;
    }


div#business-tarifi-new .roaming-magenta span {
    font-family: 'teleNeo-medium' !important;
}

#business-tarifi-new .small-text {
    position: relative;
    overflow: hidden;
    background-color: white;
    box-shadow: 0 0 10px 11px rgba(176,174, 174, .07);
}

    #business-tarifi-new .small-text p {
        line-height: 1.2;
        font-size: 14px !important;
        font-family: 'teleNeo-medium' !important;
    }

    #business-tarifi-new .small-text .wrapper {
        position: relative;
        height: 100%;
        overflow: hidden;
        width: 100%;
    }

        #business-tarifi-new .small-text .wrapper .box {
            position: relative;
            width: 45%;
            display: inline;
            float: left;
            margin: 0 22px;
            padding: 15px 0 !important;
        }

#business-tarifi-new .btn-wrapper {
    position: relative;
    margin: 10px auto 70px;
    width: 50%;
    text-align: center;
}

    #business-tarifi-new .btn-wrapper a {
        border-radius: 0;
        padding: 10px;
        font-size: 17px;
        margin: 10px;
    }

        #business-tarifi-new .btn-wrapper a.btn-magenta {
            background: linear-gradient(to bottom, #e20074 0,#d5006d 100%);
            color: white;
            transition: all ease-in .5s;
        }

            #business-tarifi-new .btn-wrapper a.btn-magenta:hover {
                background: linear-gradient(to bottom, #cd026b 0,#b90762 100%);
                transition: all ease-in .5s;
            }

#business-tarifi-new h4.more-info {
    position: relative;
    background-color: #e20074;
    width: 240px;
    bottom: 0;
    margin: 0;
    padding: 15px 12px;
    transform: skewX( -25deg );
    color: white;
    left: 30px;
    font-size: 20px;
    background: transparent linear-gradient( 97deg, #c80c6d 0%, #e20074 100%) 0% 0% no-repeat padding-box;
}

    #business-tarifi-new h4.more-info a:hover,
    #business-tarifi-new h4.more-info a:focus {
        text-decoration: none;
        color: white;
    }

#business-tarifi-new #business-tarifi-new-panel .panel-default {
    background-color: transparent;
}

#business-tarifi-new .panel-default {
    border: 0;
}

    #business-tarifi-new .panel-default .panel-body {
        padding: 0;
        border: 0;
        box-shadow: none !important;
    }

#business-tarifi-new h4.more-info span {
    transform: skewX( 25deg );
    position: relative;
    display: block;
    margin-left: 0px;
}

    #business-tarifi-new h4.more-info span:before {
        content: 'i';
        position: relative;
        border: 2px solid white;
        padding: 1px 11px;
        border-radius: 50px;
        display: inline;
        float: left;
        margin-right: 12px;
        top: -3px;
        font-size: 17px;
        left: 2px;
    }

#business-tarifi-new .smart-table .inline-box {
    position: relative;
    margin: 10px 0;
}

    #business-tarifi-new .smart-table .inline-box span:first-of-type {
        border: 0 !important;
    }

    #business-tarifi-new .smart-table .inline-box span.five-g-text {
        border: 1px solid #e20074 !important;
        border-radius: 50px;
        padding: 5px !important;
        position: relative;
        width: 35px !important;
        height: 35px !important;
        text-align: center;
        display: inline;
        float: l;
        margin-left: 5px !important;
        font-size: 14px;
        line-height: 1.2;
        bottom: 0 !important;
        background: #e20074;
        color: white;
        font-weight: 600;
    }

    #business-tarifi-new .smart-table .inline-box span {
        border: 1px solid #ccc !important;
        border-radius: 50px;
        padding: 8px 10px !important;
        position: relative;
        width: 30px !important;
        height: 30px !important;
        text-align: center;
        display: inline;
        float: l;
        margin-left: 5px !important;
        font-size: 14px;
        line-height: 1.2;
        bottom: 0 !important;
    }



        #business-tarifi-new .smart-table .inline-box span img {
            width: 11px;
            height: 13px;
        }

        #business-tarifi-new .smart-table .inline-box span .one-t-dicklaimer-message {
            position: absolute;
            width: auto !important;
            bottom: 40px !important;
            left: -25px !important;
        }

#business-tarifi-new .collapseOne1-pridobivki.panel-collapse.collapse.in {
    min-height: 370px !important;
}

#business-tarifi-new .panel-group .panel-default {
    box-shadow: none;
}

    #business-tarifi-new .panel-group .panel-default .panel-body {
        border: 0 !important;
        margin-top: 15px;
    }

#business-tarifi-new .bsd-apliciraj {
    position: relative;
    background-image: url('../content/images/business-tarifi/cta-hero-background.jpg-data.png');
    padding: 1% 0 0;
    background-size: cover;
    background-position: center;
}

    #business-tarifi-new .bsd-apliciraj .wrapper {
        position: relative;
        padding: 5% 35% 1% 2%;
        background-image: url('../content/images/business-tarifi/long-swoosh.png');
        background-size: cover;
        background-repeat: no-repeat;
        color: white;
    }

        #business-tarifi-new .bsd-apliciraj .wrapper h3 {
            position: relative;
            font-size: 32px;
            text-transform: uppercase;
            font-family: 'teleNeo-bold' !important;
            margin: 25px 0;
        }

        #business-tarifi-new .bsd-apliciraj .wrapper p {
            font-size: 18px;
        }

        #business-tarifi-new .bsd-apliciraj .wrapper a.white-btn {
            position: relative;
            background: white;
            color: #e20074;
            text-transform: uppercase;
            font-family: 'teleNeo-medium' !important;
            border-radius: 0;
            box-shadow: 0px 5px 22px #00000029;
            margin: 20px 0;
            font-size: 18px;
            padding: 8px 23px;
        }

@media (max-width: 767px) {
    #business-tarifi-new .main-banner {
        background-position: 51% 0;
        height: auto;
        background-size: cover;
        /*   background-image: url(../content/images/business-tarifi-banner-inner-mob.jpg);*/
    }

    /*#business-tarifi-new .main-banner.sq {*/
    /*  background-image: url(../content/images/business-tarifi-banner-inner-mob-sq.jpg);*/
    /*background-position: 40% 0;
        }*/
    #business-tarifi-new .btn-wrapper {
        width: 100%;
    }

    #business-tarifi-new .main-banner .header {
        width: 70%;
        padding: 2% 0%;
    }

        #business-tarifi-new .main-banner .header .wrapper {
            padding: 6% 0% 0% 0%;
            position: relative;
        }

        #business-tarifi-new .main-banner .header h1 {
            font-size: 23px;
        }

            #business-tarifi-new .main-banner .header h1 span {
                font-size: 20px;
            }

        #business-tarifi-new .main-banner .header p {
            font-size: 17px;
        }

        #business-tarifi-new .main-banner .header .ec {
            width: 120px;
            right: -90px;
            top: 80%;
        }

    #business-tarifi-new .main-banner:before {
        width: 65%;
        background-size: cover;
    }

    #business-tarifi-new .content h2 {
        width: 90%;
        font-size: 33px;
    }

        #business-tarifi-new .content h2.black-bg {
            left: 0;
        }

    #business-tarifi-new .tab-content .smart-table {
        min-height: 370px;
    }

        #business-tarifi-new .tab-content .smart-table div {
            padding-top: 20px;
            min-height: 52px;
            padding-left: 20px;
            padding-right: 20px;
        }

    #business-tarifi-new .ec {
        right: 0;
        top: -70px;
    }

        #business-tarifi-new .ec img {
            height: 90px !important;
            width: 90px !important;
        }

    #business-tarifi-new .ec {
        right: 0;
    }

        #business-tarifi-new .ec img {
            height: 90px !important;
            width: 90px !important;
        }

    #business-tarifi-new #business-m-tab p.vertical {
        left: -33px;
    }

    div#business-tarifi-new .smart-priceWraper div {
        padding: 0 !important;
    }

    .smartPanelBox.ekstra-pridobivki div {
        padding: 0 !important;
    }

    #business-tarifi-new .small-text .wrapper .box {
        position: relative;
        width: 100%;
        display: block;
        float: none;
        margin: 0;
        padding: 15px !important;
    }

    #business-tarifi-new .bsd-apliciraj .wrapper {
        position: relative;
        padding: 14% 3% 4% 4%;
    }

        #business-tarifi-new .bsd-apliciraj .wrapper h3 {
            position: relative;
            font-size: 21px;
        }

        #business-tarifi-new .bsd-apliciraj .wrapper p {
            font-size: 16px;
        }
}

@media(min-width: 768px) and (max-width: 991px) {
    #business-tarifi-new .ec {
        right: 0;
        top: -40px;
    }

        #business-tarifi-new .ec img {
            height: 100px !important;
            width: 100px !important;
        }

    #business-tarifi-new .main-banner:before {
        background-size: cover;
    }

    #business-tarifi-new .small-text .wrapper .box {
        margin: 0 18px;
    }

    .smart-table {
        max-width: 430px !important;
    }

    #business-tarifi-new .nav-tabs {
        width: 70%;
    }

        #business-tarifi-new .nav-tabs li.active a {
            color: #e20074;
        }

        #business-tarifi-new .nav-tabs li a {
            color: #333;
        }

    #business-tarifi-new .main-banner .header h1 {
        font-size: 35px;
    }

    #business-tarifi-new .main-banner .header {
        width: 70%;
    }

        #business-tarifi-new .main-banner .header .wrapper {
            padding: 3% 0% 3% 0%;
        }

        #business-tarifi-new .main-banner .header .ec {
            position: absolute;
            width: 220px;
            right: -3%;
            top: 60%;
        }
}

@media (max-width: 991px) {
    #business-tarifi-new .panel-group {
        margin-bottom: 60px;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #business-tarifi-new .tab-content > .tab-pane {
        margin: 10px 4px;
    }

    #business-tarifi-new .main-banner .header {
        width: 70%;
        padding: 6% 0;
    }

    #business-tarifi-new .main-banner:before {
        background-size: contain;
        width: 65%;
        height: 100%;
        z-index: 0;
    }
}

@media (min-width: 1350px) {
    #business-tarifi-new .main-banner:before {
        background-size: cover;
    }
}
/*#endregion business-tarifi*/

/*#region wearefutureproof*/
div#we-are-futureproof .wrapper {
    width: 80%;
    position: relative;
    margin: 0 auto;
    height: 100%;
}

div#we-are-futureproof .first-section {
    position: relative;
    background-image: url(../content/images/we-are-futureproof/header-bg.png);
    background-size: cover;
    background-position: center;
    height: 910px;
    padding: 2% 0;
}

div#we-are-futureproof .video-frame {
    position: relative;
    top: 7%;
    height: 500px;
    width: 100%;
    margin: 0 auto;
    border: 2px solid white;
    border-radius: 9px;
    z-index: 2;
}

    div#we-are-futureproof .video-frame iframe {
        position: relative;
        width: 100%;
        height: 94%;
        top: 6%;
        z-index: 1;
        border-radius: 9px;
        border: 0;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

    div#we-are-futureproof .video-frame:before {
        position: absolute;
        content: '';
        background-image: url(../content/images/we-are-futureproof/video-head.svg);
        background-size: cover;
        width: 100%;
        height: 28px;
        top: -2px;
        left: 0;
        right: 0;
    }

div#we-are-futureproof .back-video-frame {
    position: absolute;
    top: 20%;
    background-image: url(../content/images/we-are-futureproof/magenta-window.svg);
    width: 17%;
    height: 276px;
    background-size: cover;
    background-repeat: no-repeat;
    left: -11%;
    z-index: 1;
}

div#we-are-futureproof .header-frame {
    position: relative;
    top: 7%;
    width: 60%;
    float: right;
    right: 8%;
    border: 2px solid white;
    border-radius: 9px;
    background-image: url(../content/images/we-are-futureproof/headline1.svg);
    background-size: cover;
    background-position: center;
    height: 72px;
}


    div#we-are-futureproof .header-frame h1 {
        color: white;
        font-size: 39px;
        font-family: 'teleNeo-bold' !important;
        margin: 20px 0 0;
    }

div#we-are-futureproof .image-frame.frame {
    position: relative;
    float: right;
    top: 7%;
    background-image: url(../content/images/we-are-futureproof/headline2.svg);
    width: 80%;
    height: 138px;
    background-size: cover;
    left: 10%;
    text-align: center;
}

    div#we-are-futureproof .image-frame.frame img {
        top: 35px;
        position: relative;
        width: 95%;
        height: auto;
    }

div#we-are-futureproof .first-section .link {
    position: absolute;
    width: 28%;
    right: -11%;
    bottom: 7px;
}

    div#we-are-futureproof .first-section .link a {
        color: #e20074;
        text-transform: uppercase;
        font-size: 18px;
        font-family: 'teleNeo-extra' !important;
        text-decoration: none;
        text-align: left;
        padding-left: 30px;
        background: white;
        padding: 8px 0;
        border-radius: 9px;
        width: 100%;
        display: block;
        margin-top: 2px;
        padding-left: 30px;
        position: relative;
    }

        div#we-are-futureproof .first-section .link a:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/we-are-futureproof/lupa.png);
            width: 18px;
            height: 18px;
            left: 8px;
            top: 13px;
            background-repeat: no-repeat;
            background-size: cover;
        }

div#we-are-futureproof .second-section {
    position: relative;
    background-image: url(../content/images/we-are-futureproof/section2-bg.png);
    background-position: center;
    background-size: cover;
    height: auto;
    padding: 5% 0 7%;
}

    div#we-are-futureproof .second-section .text-frame {
        position: relative;
        width: 500px;
        height: 278px;
        left: -15%;
        background-image: url(../content/images/we-are-futureproof/frame1.png);
        background-size: cover;
        background-repeat: no-repeat;
    }

        div#we-are-futureproof .second-section .text-frame.magenta {
            left: 5%;
            top: -70px;
            z-index: 2;
        }

            div#we-are-futureproof .second-section .text-frame.magenta .text-wrap {
                width: 100%;
                height: 268px;
                background: #e20074;
                position: relative;
                top: 30px;
                border-bottom-left-radius: 9px;
                border-bottom-right-radius: 9px;
                padding: 10px 50px 20px 50px;
            }

    div#we-are-futureproof .second-section .text-wrap p {
        color: white;
        font-size: 18px;
        line-height: 1.1;
    }

        div#we-are-futureproof .second-section .text-wrap p span {
            text-transform: uppercase;
            letter-spacing: 6px;
            font-style: italic;
        }

    div#we-are-futureproof .second-section .text-frame .text-wrap-transparent {
        position: relative;
        width: 500px;
        height: 248px;
        top: 30px;
        padding: 10px 70px 20px 20px;
    }

        div#we-are-futureproof .second-section .text-frame .text-wrap-transparent p {
            color: white;
            font-size: 18px;
            line-height: 1.1;
        }

    div#we-are-futureproof .second-section .black-image-frame {
        position: relative;
        margin-top: 19%;
    }

    div#we-are-futureproof .second-section .black-image-frame {
        position: relative;
        margin-top: 19%;
        right: -17%;
    }

div#we-are-futureproof .third-section {
    position: relative;
    padding: 3% 0;
    background-image: url(../content/images/we-are-futureproof/section3-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

div#we-are-futureproof section.third-section .header-text {
    margin-bottom: 30px;
}

div#we-are-futureproof section.third-section .right-side .button-img {
    position: absolute;
    right: -40%;
    top: -30px;
}

div#we-are-futureproof section.third-section p {
    color: black;
    font-size: 19px;
    line-height: 1.2;
}

div#we-are-futureproof .third-section .links {
    position: relative;
    padding: 3% 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 50%;
    display: block;
}

    div#we-are-futureproof .third-section .links a.btn {
        background: #e20074;
        color: white;
        font-size: 23px;
        text-transform: uppercase;
        padding: 7px 20px;
        font-style: italic;
        border-radius: 9px;
    }

    div#we-are-futureproof .third-section .links a.white-link {
        display: block;
        left: 10%;
        position: relative;
        background: white;
        width: 100%;
        padding: 10px;
        border-radius: 9px;
        text-transform: uppercase;
        color: #e20074;
        font-family: 'teleNeo-extra' !important;
        font-size: 17px;
        padding-left: 30px;
        margin-top: 2px;
    }

        div#we-are-futureproof .third-section .links a.white-link:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/we-are-futureproof/lupa.png);
            width: 16px;
            height: 16px;
            left: 8px;
            top: 12px;
            background-repeat: no-repeat;
            background-size: cover;
        }


div#we-are-futureproof .speak-out-section {
    position: relative;
    padding: 3% 0;
    background: #e20074;
}

    div#we-are-futureproof .speak-out-section .wrap h2 {
        color: black;
        text-transform: uppercase;
        font-size: 32px;
        margin: 0;
        line-height: 1.2;
    }

    div#we-are-futureproof .speak-out-section .wrap h3 {
        color: white;
        font-family: 'teleNeo-extra' !important;
        font-size: 55px;
        text-transform: uppercase;
        font-style: italic;
        margin: 0;
        line-height: 1.2;
    }


    div#we-are-futureproof .speak-out-section .wrap p {
        color: white;
        font-size: 19px;
        padding-right: 40px;
    }

    div#we-are-futureproof .speak-out-section a {
        color: white;
        font-size: 19px;
        text-decoration: underline;
    }

div#we-are-futureproof .back-speak-section {
    position: absolute;
    width: 25%;
    height: 155px;
    background-image: url(../content/images/we-are-futureproof/speakout-window-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    left: -6%;
    bottom: 15%;
}

div#we-are-futureproof .speak-out-section .speak-out-window {
    position: relative;
    width: 68%;
    height: 370px;
    background-image: url(../content/images/we-are-futureproof/speakout-window.png);
    background-size: cover;
    background-position: center top;
    line-height: 1.1;
    left: 0%;
    z-index: 2;
}

    div#we-are-futureproof .speak-out-section .speak-out-window .wrap {
        padding: 45px 60px 15px;
    }

        div#we-are-futureproof .speak-out-section .speak-out-window .wrap p {
            font-size: 18px;
            color: black;
            padding: 0;
            line-height: 1.2;
        }

div#we-are-futureproof .speak-out-section .right-side-speak {
    position: absolute;
    top: -100px;
    right: -80px;
}

div#we-are-futureproof section.videos-section {
    position: relative;
    padding: 3% 0;
    background-image: url(../content/images/we-are-futureproof/section4-bg.jpg);
    height: auto;
    background-size: cover;
    background-position: center;
}

    div#we-are-futureproof section.videos-section h2 {
        color: white;
        text-transform: uppercase;
        font-size: 30px;
        font-family: 'teleNeo-bold' !important;
        letter-spacing: 7px;
        font-style: italic;
        margin: 20px 0 40px;
    }

    div#we-are-futureproof section.videos-section:before {
        content: '';
        position: absolute;
        background-image: url(../content/images/we-are-futureproof/section4-shape.png);
        width: 72%;
        height: 600px;
        background-size: cover;
        z-index: 0;
        top: 20%;
    }



    /*div#we-are-futureproof section.videos-section .video-side {
        position: relative;
        width: 250px;
        height: auto;
        margin: 30px auto;
    }

div#we-are-futureproof section.videos-section .video-side video {
    width: 100%;
    height: 100%;
    position: relative;
}
    div#we-are-futureproof section.videos-section .futureproof-influencer-img {
        position: relative;
        width: 100%;
        height: 100%;
    }*/
    div#we-are-futureproof section.videos-section .video-side a:hover .futureproof-influencer-img:before {
        display: block;
        content: '';
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: rgba(226, 0, 116, 0.7);
        position: absolute;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        height: 100%;
    }

    div#we-are-futureproof section.videos-section .content-section {
        color: white;
        font-size: 18px;
        line-height: 1.2;
        text-align: center;
    }

    div#we-are-futureproof section.videos-section .wrapper-two {
        position: relative;
        width: 80%;
        height: 100%;
        margin: 0 auto;
    }

    div#we-are-futureproof section.videos-section .youngster-story-video.special {
        position: absolute;
        width: 32.333%;
        top: -568px;
        left: auto;
        right: auto;
        height: 446px !important;
    }

    div#we-are-futureproof section.videos-section #collapseYoungster2 {
        left: 260px;
    }

    div#we-are-futureproof section.videos-section #collapseYoungster3 {
        left: 555px;
    }

    div#we-are-futureproof section.videos-section #collapseYoungster4 {
        left: 858px;
    }

    div#we-are-futureproof section.videos-section .youngster-story-video.special video {
        width: 100%;
        height: 100%;
    }

    div#we-are-futureproof section.videos-section .youngster-story-txt {
        width: 70%;
        display: table-cell;
        vertical-align: middle;
        color: white;
        padding: 0 12%;
        font-size: 21px;
    }

    div#we-are-futureproof section.videos-section .card-header a,
    div#we-are-futureproof section.videos-section .card-header a:hover,
    div#we-are-futureproof section.videos-section .card-header a:focus {
        text-decoration: none;
    }

    div#we-are-futureproof section.videos-section .card-header span {
        color: white;
        line-height: 1.2;
        position: relative;
        font-size: 18px;
        top: 15px;
        font-family: 'teleNeo-medium' !important;
    }

.videos-section .cover {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 490px;
    margin-bottom: 20px;
    margin-top: 30px;
    cursor: pointer;
    transition: all ease-in .6s;
}

    .videos-section .cover:hover:before {
        content: "";
        position: absolute;
        width: 90%;
        height: 491px;
        top: 30px;
        left: 14px;
        background: #e200742b;
        font-family: 'IonIcons' !important;
        transition: all ease-in .6s;
    }

    .videos-section .cover:hover:after {
        content: "\f215";
        font-family: 'IonIcons' !important;
        color: white;
        top: 31%;
        position: absolute;
        left: 45%;
        font-size: 70px;
    }

.videos-section .video-text {
    position: relative;
    min-height: 350px;
    margin-bottom: 30px;
}

    .videos-section .video-text p {
        color: white;
        line-height: 1.2;
        font-size: 17px;
    }

    .videos-section .video-text a.btn.btn-magenta.link-profile {
        background: #e20074;
        color: white;
        font-size: 18px;
        border: 1px solid white;
        border-radius: 3px;
        position: absolute;
        margin: 20px 0;
        bottom: 0;
    }

    .videos-section .video-text span {
        color: white;
        line-height: 1.2;
        font-size: 18px;
        font-family: 'teleNeo-medium' !important;
        overflow: hidden;
        display: block;
        font-style: italic;
        text-transform: uppercase;
    }

.videos-section .cover.irina {
    background-image: url('../content/images/we-are-futureproof/Irina.jpg');
}

.videos-section .cover.filip {
    background-image: url('../content/images/we-are-futureproof/Marsa.jpg');
}

.videos-section .cover.dina {
    background-image: url('../content/images/we-are-futureproof/Dina.jpg');
}

.videos-section .cover.jan {
    background-image: url('../content/images/we-are-futureproof/Jan.jpg');
}

.videos-section .cover.saf {
    background-image: url('../content/images/we-are-futureproof/Goce-Saf.jpg');
}

.videos-section .cover.teona {
    background-image: url('../content/images/we-are-futureproof/Teona-Mango.jpg');
}

.videos-section .cover.angela {
    background-image: url('../content/images/we-are-futureproof/Angela.jpg');
}

.videos-section .cover.emilija {
    background-image: url('../content/images/we-are-futureproof/Emilija.jpg');
}

.videos-section .cover video {
    display: none;
    width: 100%;
    height: 100%;
    transition: 1s;
    position: relative;
    top: 0;
    z-index: 1;
    opacity: 1;
}

    .videos-section .cover video.visible {
        display: inline-block;
    }

.videos-section .close {
    position: absolute;
    top: 45px;
    color: white;
    text-shadow: none;
    right: 30px;
    font-family: 'teleNeo-regular' !important;
    font-weight: 500;
    opacity: 1;
    z-index: 2;
    display: none;
}

    .videos-section .close:before {
        content: 'X';
        font-family: 'teleIcon-outline' !important;
    }

@media(min-width: 1500px) {
    div #we-are-futureproof .first-section {
        height: 950px;
    }

    div#we-are-futureproof .image-frame.frame {
        width: 76%;
        height: 197px;
    }

        div#we-are-futureproof .image-frame.frame img {
            top: 55px;
        }

    div#we-are-futureproof .first-section .link {
        bottom: -30px;
        width: 19%;
    }

    div#we-are-futureproof .back-speak-section {
        height: 180px;
    }

    div#we-are-futureproof .speak-out-section .speak-out-window {
        width: 55%;
        height: 410px;
        padding: 0;
    }

        div#we-are-futureproof .speak-out-section .speak-out-window .wrap {
            width: 100%;
            height: 100%;
            top: 10px;
            position: relative;
            padding: 40px 40px 45px;
        }

    div#we-are-futureproof .header-frame {
        width: 48%;
        height: 82px;
    }

    div#we-are-futureproof section.third-section .right-side .button-img {
        top: -80px;
    }
}

@media(max-width: 767px) {
    .videos-section .cover {
        height: 610px;
    }

    div#we-are-futureproof .wrapper {
        width: 100%;
        padding: 0 10px;
    }

    div#we-are-futureproof .header-frame {
        width: 93%;
        right: 0;
        height: 62px;
    }

        div#we-are-futureproof .header-frame h1 {
            font-family: 'teleNeo-bold' !important;
            font-size: 21px;
        }

    div#we-are-futureproof .image-frame.frame {
        position: relative;
        width: 80%;
        height: 90px;
        background-size: cover;
        left: 0;
        right: 0;
        text-align: center;
    }

    div#we-are-futureproof .first-section .link {
        position: absolute;
        width: 64%;
        bottom: 103px;
        right: 0;
    }

        div#we-are-futureproof .first-section .link a {
            font-size: 18px;
        }

    div#we-are-futureproof .back-video-frame {
        display: none;
    }

    div#we-are-futureproof .second-section {
        padding: 7% 0;
    }

        div#we-are-futureproof .second-section .text-frame {
            width: 100%;
            height: 225px !important;
            left: 0;
            background-size: 100%;
        }

            div#we-are-futureproof .second-section .text-frame .text-wrap-transparent {
                height: 100%;
                width: 100%;
                padding: 10px 20px 20px 20px;
            }

            div#we-are-futureproof .second-section .text-frame p {
                font-size: 17px;
            }

            div#we-are-futureproof .second-section .text-frame.magenta {
                z-index: 2;
                height: 370px !important;
                left: 0;
                top: 20px;
            }

                div#we-are-futureproof .second-section .text-frame.magenta .text-wrap {
                    width: 100%;
                    height: 100%;
                    padding: 10px 20px 20px 20px;
                    top: 19px;
                }

        div#we-are-futureproof .second-section .black-image-frame {
            position: relative;
            margin-top: 20%;
            right: 0;
        }

    div#we-are-futureproof section.videos-section .wrapper-two {
        width: 100%;
    }

    div#we-are-futureproof .third-section {
        padding: 10% 0;
    }

    div#we-are-futureproof .back-speak-section {
        display: none;
    }

    div#we-are-futureproof .speak-out-section .wrap p {
        padding: 0;
    }

    div#we-are-futureproof .speak-out-section .speak-out-window {
        position: relative;
        width: 100%;
        height: 450px;
        padding: 45px 20px 0;
        left: 0;
        background-size: cover;
        background-repeat: no-repeat;
    }

        div#we-are-futureproof .speak-out-section .speak-out-window .wrap {
            padding: 0 0px 1px;
        }

            div#we-are-futureproof .speak-out-section .speak-out-window .wrap p {
                font-size: 17px;
            }

    div#we-are-futureproof .speak-out-section .right-side-speak {
        position: relative;
        top: -30px;
        right: 0;
    }

    div#we-are-futureproof section.videos-section h2 {
        font-size: 34px;
        letter-spacing: 0;
        width: 100%;
        margin: 30px 0;
    }

    div#we-are-futureproof section.third-section .right-side .button-img {
        position: relative;
        right: 0;
        top: auto;
    }

    .speak-out-socialIcon-box {
        padding: 25px;
    }

    div#we-are-futureproof section.videos-section:before {
        display: none;
    }

    div#we-are-futureproof section.videos-section .video-side {
        width: 100%;
        height: auto;
    }

    div#we-are-futureproof section.videos-section .futureproof.card-header {
        position: relative;
        display: block;
        overflow: hidden;
    }

    div#we-are-futureproof section.videos-section .card {
        position: relative;
        min-height: 430px;
    }

    div#we-are-futureproof section.videos-section .youngster-story-video.special {
        position: relative;
        width: 100%;
        top: 0px;
        display: block;
    }

    div#we-are-futureproof section.videos-section .youngster-story-txt {
        width: 100%;
        display: block;
        vertical-align: middle;
        color: white;
        padding: 0 5%;
    }

    div#we-are-futureproof .youngsterBoxMobil {
        background-color: rgba(226, 0, 116, 0.8);
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    div#we-are-futureproof .video-frame {
        width: 95%;
    }

    div#we-are-futureproof .header-frame {
        width: 95%;
        right: -3%;
    }

    div#we-are-futureproof .image-frame.frame {
        width: 100%;
        height: 120px;
        background-size: cover;
        left: 10%;
        text-align: center;
    }

    div#we-are-futureproof .first-section .link {
        position: absolute;
        width: 45%;
    }

    div#we-are-futureproof .back-speak-section {
        left: 1%;
    }

    div#we-are-futureproof .back-speak-section {
        left: 3%;
        width: 40%;
    }

    div#we-are-futureproof .speak-out-section .speak-out-window {
        width: 100%;
        left: 10%;
        height: 310px;
    }

    div#we-are-futureproof .speak-out-section .right-side-speak {
        position: relative;
        display: block;
        top: auto;
        right: 0;
        left: 0;
        width: 100%;
    }
}
/*#endregion wearefutureproof*/

/*#region kariera futureproof*/
div#kariera-futureproof section.videos-section {
    position: relative;
    padding: 3% 0;
    background-image: url(../content/images/we-are-futureproof/section4-bg.jpg);
    height: auto;
    background-size: cover;
    background-position: center;
}

    div#kariera-futureproof section.videos-section h2 {
        color: white;
        text-transform: uppercase;
        font-size: 30px;
        font-family: 'teleNeo-bold' !important;
        /* letter-spacing: 7px; */
        /* font-style: italic; */
        margin: 20px 0 40px;
    }

    div#kariera-futureproof section.videos-section:before {
        content: '';
        position: absolute;
        background-image: url(../content/images/we-are-futureproof/section4-shape.png);
        width: 72%;
        height: 600px;
        background-size: cover;
        z-index: 0;
        top: 20%;
    }



    div#kariera-futureproof section.videos-section .video-side {
        position: relative;
        width: 250px;
        height: auto;
        margin: 30px auto;
    }

        div#kariera-futureproof section.videos-section .video-side video {
            width: 100%;
            height: auto;
        }

    div#kariera-futureproof section.videos-section .content-section {
        color: white;
        font-size: 18px;
        line-height: 1.2;
        text-align: center;
    }

div#kariera-futureproof .wrapper-two {
    position: relative;
    width: 80%;
    height: 100%;
    margin: 0 auto;
}

div#kariera-futureproof section.accordions {
    position: relative;
    padding: 3% 0;
    background-image: url('../content/images/we-are-futureproof/soveti-bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: auto;
    overflow: auto;
}

    div#kariera-futureproof section.accordions .wrapper-three {
        width: 60%;
        position: relative;
        margin: 0 auto;
        display: inline-block;
        float: left;
    }

    div#kariera-futureproof section.accordions h2 {
        color: #e20074;
        text-transform: uppercase;
        font-size: 22px;
        font-family: 'teleNeo-bold' !important;
        margin-bottom: 30px;
    }

    div#kariera-futureproof section.accordions p {
        font-size: 18px;
        line-height: 1.2;
    }

    div#kariera-futureproof section.accordions .panel-group {
        margin-top: 30px;
    }

        div#kariera-futureproof section.accordions .panel-group .panel-heading {
            padding: 10px 20px;
            background-color: white;
            border: 0;
        }

        div#kariera-futureproof section.accordions .panel-group .panel-default {
            margin-bottom: 20px;
            border-radius: 5px;
            border: 0;
        }

            div#kariera-futureproof section.accordions .panel-group .panel-default h4 {
                padding: 10px 0;
                font-size: 20px;
                font-family: 'teleNeo-bold' !important;
            }

                div#kariera-futureproof section.accordions .panel-group .panel-default h4 a {
                    font-family: 'teleNeo-bold' !important;
                    text-decoration: none;
                    position: relative;
                    width: 100%;
                    display: block;
                }

                    div#kariera-futureproof section.accordions .panel-group .panel-default h4 a:hover,
                    div#kariera-futureproof section.accordions .panel-group .panel-default h4 a:focus {
                        color: #e20074;
                        text-decoration: none;
                    }

                    div#kariera-futureproof section.accordions .panel-group .panel-default h4 a.collapsed:after {
                        content: ']$';
                        font-family: 'teleicon-outline';
                        position: absolute;
                        color: white;
                        font-size: 22px;
                        top: 0;
                        right: 5px;
                        margin: auto;
                        transform: rotateZ( 0deg );
                        color: #333;
                    }

                    div#kariera-futureproof section.accordions .panel-group .panel-default h4 a:after {
                        content: ']$';
                        font-family: 'teleicon-outline';
                        position: absolute;
                        color: white;
                        font-size: 22px;
                        top: 0;
                        right: 5px;
                        margin: auto;
                        transform: rotateZ( -180deg );
                        transition-property: transform;
                        transition-duration: 0.25s;
                        color: #333;
                    }

    div#kariera-futureproof section.accordions .ilustrations {
        position: relative;
        width: 20%;
        display: inline;
        float: left;
    }

        div#kariera-futureproof section.accordions .ilustrations .one,
        div#kariera-futureproof section.accordions .ilustrations .two,
        div#kariera-futureproof section.accordions .ilustrations .three {
            position: relative;
            display: block;
            width: 100%;
            overflow: hidden;
        }

            div#kariera-futureproof section.accordions .ilustrations .one img {
                position: relative;
                left: -25%;
                display: block;
            }

            div#kariera-futureproof section.accordions .ilustrations .three img {
                position: relative;
                right: -25%;
                display: block;
            }

@media (max-width: 767px) {
    div #kariera-futureproof .wrapper-two {
        position: relative;
        width: 100%;
        height: 100%;
    }

    div#kariera-futureproof section.videos-section h2 {
        font-size: 33px;
        letter-spacing: 0;
        font-style: italic;
        margin: 30px 0;
    }

    div#kariera-futureproof section.videos-section .video-side {
        position: relative;
        width: 100%;
        margin-bottom: 20px;
    }

    div#kariera-futureproof section.accordions .wrapper-three {
        float: none;
        padding: 0 15px;
        margin-left: 0;
        width: 100%;
    }

    div#kariera-futureproof section.accordions .ilustrations {
        display: none;
    }
}
/*#endregion kariera futureproof*/


/*#region magenta1 2021*/
div#magenta1-new-lp .main-banner {
    position: relative;
    background-image: url('../content/images/magenta1-lp/header-img.png');
    background-size: cover;
    background-position: center;
    height: 570px;
}

    div#magenta1-new-lp .main-banner .header {
        width: 47%;
        width: 60%;
        padding: 5% 0px 0 2px;
        background-size: cover;
        background-repeat: no-repeat;
        background-repeat: no-repeat;
        z-index: 0;
        position: absolute;
        bottom: 0;
    }

        div#magenta1-new-lp .main-banner .header:before {
            background-image: url(../content/images/magenta1-lp/shape.png);
            position: absolute;
            content: '';
            background-size: contain;
            background-position: left bottom;
            background-repeat: no-repeat;
            left: 0px;
            bottom: 0px;
            width: 100%;
            height: 100%;
            z-index: 0;
        }

        div#magenta1-new-lp .main-banner .header h1 {
            -webkit-text-stroke-width: 2px;
            -webkit-text-stroke-color: #fff;
            position: relative;
            font-size: 70px;
            font-family: 'teleNeo-extra' !important;
            display: inline-block;
            color: transparent;
            text-transform: capitalize;
        }

            div#magenta1-new-lp .main-banner .header h1 strong {
                -webkit-text-stroke-width: initial;
                color: white;
            }

            div#magenta1-new-lp .main-banner .header h1:after {
                content: '';
                position: absolute;
                background-image: url(../content/images/magenta1-lp/m-one.png);
                width: 40px;
                height: 70px;
                background-repeat: no-repeat;
                background-size: contain;
                right: -40px;
                bottom: 14px;
            }

        div#magenta1-new-lp .main-banner .header h2 {
            color: white;
            /*text-transform: uppercase;*/
            font-size: 25px;
            position: relative;
            font-family: teleNeo-bold !important;
            max-width: 600px;
        }

        div#magenta1-new-lp .main-banner .header .wrapper {
            position: relative;
            z-index: 2;
            margin: 2% 13% 11%;
        }

    div#magenta1-new-lp .main-banner .img-right {
        position: absolute;
        right: 10%;
        height: auto;
        width: 20%;
        bottom: 0;
    }

div#magenta1-new-lp .whiteBgBox {
    margin-top: -50px;
    position: relative;
    z-index: 2;
}

    div#magenta1-new-lp .whiteBgBox .wrapper {
        width: 70%;
        margin: 0 auto;
        background: #FFFFFF;
        box-shadow: 0px 0px 90px #6A6A811F;
        padding: 40px 95px;
        text-align: center;
        font-size: 18px;
    }

div#magenta1-new-lp section.choose-box {
    position: relative;
    width: 100%;
    padding: 3% 0 0%;
    display: block;
}

    div#magenta1-new-lp section.choose-box .flex {
        flex-wrap: wrap;
        grid-gap: 20px;
    }

    div#magenta1-new-lp section.choose-box .box {
        width: 20%;
        text-align: center;
        padding: 20px 30px;
        display: inline-flex;
        flex-flow: column;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
    }

        div#magenta1-new-lp section.choose-box .box h3 {
            font-size: 19px;
            text-transform: uppercase;
            font-family: 'teleNeo-extra' !important;
            min-height: 40px;
            margin-bottom: 0;
        }

    div#magenta1-new-lp section.choose-box .image-wrap {
        min-height: 75px;
        position: relative;
    }

div#magenta1-new-lp section.magenta-shape-bcg {
    position: relative;
    background-image: url(../content/images/magenta1-lp/section2.png);
    height: auto;
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    padding: 7% 0;
}

    div#magenta1-new-lp section.magenta-shape-bcg p {
        color: white;
        font-size: 19px;
        padding: 0 20%;
    }

div#magenta1-new-lp section.partial-section {
    position: relative;
    z-index: 2;
}

    div#magenta1-new-lp section.partial-section .wrapper {
        position: relative;
        width: 100%;
        height: auto;
        display: block;
        overflow: hidden;
    }

    div#magenta1-new-lp section.partial-section:before {
        content: '';
        position: absolute;
        background-image: url(../content/images/magenta1-lp/line1.svg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 360px;
        z-index: 4;
        top: 6%;
    }

    div#magenta1-new-lp section.partial-section .wrapper .left-content {
        position: relative;
        width: 50%;
        display: inline;
        float: left;
        z-index: 3;
    }

    div#magenta1-new-lp section.partial-section .wrapper .right-image {
        position: relative;
        width: 50%;
        display: inline;
        float: left;
        height: 100%;
    }

    div#magenta1-new-lp section.partial-section .wrapper .content-wrap {
        margin: 10% 25% 10% 10%;
    }


    div#magenta1-new-lp section.partial-section .wrapper .left-image {
        position: relative;
        width: 50%;
        display: inline;
        float: left;
    }

    div#magenta1-new-lp section.partial-section .wrapper .right-content {
        position: relative;
        width: 50%;
        display: inline;
        float: left;
        height: 100%;
    }

    div#magenta1-new-lp section.partial-section .wrapper h3 {
        text-transform: uppercase;
        font-family: 'teleNeo-extra' !important;
        font-size: 23px;
        margin-bottom: 30px;
        position: relative;
    }

    div#magenta1-new-lp section.partial-section .wrapper p {
        font-size: 17px;
        line-height: 1.2;
    }

    div#magenta1-new-lp section.partial-section .wrapper .content-wrap .links a {
        color: #e20074;
        display: block;
        font-family: 'teleNeo-medium' !important;
        font-size: 17px;
        margin: 15px 0;
        position: relative;
        padding-left: 30px;
        z-index: 3;
        cursor: pointer;
    }

        div#magenta1-new-lp section.partial-section .wrapper .content-wrap .links a.one:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/magenta1-lp/device-tv.png);
            background-size: contain;
            width: 20px;
            height: 30px;
            background-repeat: no-repeat;
            left: 0;
            top: 4px;
        }

        div#magenta1-new-lp section.partial-section .wrapper .content-wrap .links a.two:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/magenta1-lp/fixed.png);
            background-size: contain;
            width: 20px;
            height: 30px;
            background-repeat: no-repeat;
            left: 0;
            top: 0;
        }

    div#magenta1-new-lp section.partial-section .wrapper:nth-child(3):before {
        content: '';
        position: absolute;
        background-image: url(../content/images/magenta1-lp/line2.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 70%;
        height: 560px;
        z-index: 2;
        top: 0;
    }

    div#magenta1-new-lp section.partial-section .wrapper:nth-child(3):after {
        content: '';
        position: absolute;
        width: 80px;
        height: 78px;
        background-image: url(../content/images/magenta1-lp/magenta-tv.png);
        background-size: cover;
        left: 0;
        right: 0;
        top: 40%;
        margin: 0 auto;
    }

div#magenta1-new-lp section.buttons {
    position: relative;
    padding: 6% 0;
}

    div#magenta1-new-lp section.buttons .btn-wrap {
        width: 55%;
        margin: 0 auto;
        text-align: center;
        position: relative;
    }

        div#magenta1-new-lp section.buttons .btn-wrap a {
            background: transparent;
            border: 1px solid #d8d8d8;
            border-radius: 5px;
            padding: 11px 20px;
            width: 210px;
            margin: 0 20px;
            color: #333;
            font-family: 'teleNeo-bold' !important;
            font-size: 17px;
            transition: all ease-in .5s !important;
        }

            div#magenta1-new-lp section.buttons .btn-wrap a:hover {
                background: #e20074;
                color: white;
                transition: all ease-in .5s !important;
                border-color: #e20074;
            }

div#magenta1-new-lp section.tariff-suggestion {
    position: relative;
    width: 100%;
    padding: 3% 0 5%;
}

    div#magenta1-new-lp section.tariff-suggestion h3 {
        position: relative;
        font-size: 23px;
        text-transform: uppercase;
        font-family: 'teleNeo-bold' !important;
        margin-bottom: 60px;
    }

    div#magenta1-new-lp section.tariff-suggestion .tariff-s,
    div#magenta1-new-lp section.tariff-suggestion .max-premium {
        position: relative;
        width: 50%;
        display: inline;
        float: left;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 0px 250px #0000001F;
    }

    div#magenta1-new-lp section.tariff-suggestion .wrap {
        position: relative;
        padding: 40px;
    }

        div#magenta1-new-lp section.tariff-suggestion .wrap h4 {
            font-size: 30px;
            font-family: 'teleNeo-extra' !important;
            margin-top: 0;
            padding: 0;
        }

        div#magenta1-new-lp section.tariff-suggestion .wrap p {
            font-size: 16px;
            font-family: 'teleNeo-bold' !important;
            padding-right: 15px;
            display: inline-block;
        }

        div#magenta1-new-lp section.tariff-suggestion .wrap span.one-t-dicklaimer {
            width: 25px;
            height: 25px;
        }

        div#magenta1-new-lp section.tariff-suggestion .wrap .p-uredi-cena {
            margin: 0;
        }

            div#magenta1-new-lp section.tariff-suggestion .wrap .p-uredi-cena .p-left {
                float: left;
                text-align: left;
                width: auto;
            }

                div#magenta1-new-lp section.tariff-suggestion .wrap .p-uredi-cena .p-left span {
                    font-size: 26px;
                    font-family: teleNeo-extra !important;
                    color: rgba(0, 0, 0, .6);
                }

            div#magenta1-new-lp section.tariff-suggestion .wrap .p-uredi-cena .p-right {
                float: left;
                width: auto;
            }

                div#magenta1-new-lp section.tariff-suggestion .wrap .p-uredi-cena .p-right span {
                    text-transform: none;
                    color: #333;
                    padding: 0;
                }

                div#magenta1-new-lp section.tariff-suggestion .wrap .p-uredi-cena .p-right span {
                    text-transform: none;
                    color: #333;
                    padding: 0;
                }

        div#magenta1-new-lp section.tariff-suggestion .wrap .price-old .line-through {
            position: relative;
            text-decoration: line-through;
        }

        div#magenta1-new-lp section.tariff-suggestion .wrap .new-price-wrap {
            position: relative;
            margin: 20px 0;
            overflow: hidden;
        }

            div#magenta1-new-lp section.tariff-suggestion .wrap .new-price-wrap .cena-magenta span {
                color: #e20074 !important;
            }

            div#magenta1-new-lp section.tariff-suggestion .wrap .new-price-wrap .cena-magenta .p-left span {
                font-size: 62px !important;
            }

    div#magenta1-new-lp section.tariff-suggestion .new-price-wrap .p-uredi-cena {
        width: 100%;
        max-width: initial;
    }

    div#magenta1-new-lp section.tariff-suggestion .new-price-wrap .p-right {
        position: relative;
        top: 35px;
        display: inline;
        float: left;
    }

        div#magenta1-new-lp section.tariff-suggestion .new-price-wrap .p-right span {
            font-size: 17px;
            width: auto;
            max-width: initial;
            font-family: 'teleNeo-bold' !important;
        }

        div#magenta1-new-lp section.tariff-suggestion .new-price-wrap .p-right .p-currency {
            border-bottom: 1px solid #e20074;
        }

    div#magenta1-new-lp section.tariff-suggestion .new-price-wrap .cena-magenta {
        width: 70%;
        display: inline;
        float: left;
    }

    div#magenta1-new-lp section.tariff-suggestion .new-price-wrap .all-tariffs {
        position: relative;
        width: 30%;
        display: inline;
        float: left;
        line-height: 1.2;
        margin-top: 30px;
    }

        div#magenta1-new-lp section.tariff-suggestion .new-price-wrap .all-tariffs a {
            color: #333;
            text-decoration: underline;
            font-size: 16px;
            font-family: teleNeo-medium !important;
        }

div#magenta1-new-lp section.order-section {
    background-image: url(../content/images/magenta1-lp/section7.png);
    padding: 4% 0px 6%;
    background-position: right bottom;
    text-align: center;
    color: white;
    background-repeat: no-repeat;
    background-size: cover;
}

    div#magenta1-new-lp section.order-section h3 {
        text-transform: uppercase;
        font-size: 23px;
        font-family: 'teleNeo-bold' !important;
        margin-bottom: 30px;
    }

    div#magenta1-new-lp section.order-section p {
        font-size: 18px;
        line-height: 1.2;
    }


    div#magenta1-new-lp section.order-section .order-btn {
        background: white;
        color: #333;
        padding: 13px 20px;
        top: 40px;
        position: relative;
        font-size: 18px;
    }

        div#magenta1-new-lp section.order-section .order-btn:hover {
            text-decoration: none;
            background: #e20074;
            border: 1px solid white;
            color: white;
        }


div#magenta1-new-lp section.qa {
    position: relative;
    padding: 3% 0;
    background: #F3F4F6 0% 0% no-repeat padding-box;
}

    div#magenta1-new-lp section.qa h2 {
        text-transform: uppercase;
        font-family: 'teleNeo-extra' !important;
        font-size: 30px;
        text-align: left;
        margin: 30px 0 60px;
    }

    div#magenta1-new-lp section.qa .panel-default {
        border: 0;
        background: transparent;
    }

        div#magenta1-new-lp section.qa .panel-default .panel-heading {
            background: transparent;
        }

        div#magenta1-new-lp section.qa .panel-default .panel-title {
            padding: 0;
        }

            div#magenta1-new-lp section.qa .panel-default .panel-title a {
                position: relative;
                display: block;
                padding: 15px 0;
                font-size: 18px;
                color: black;
            }

        div#magenta1-new-lp section.qa .panel-default ~ .panel-title a:hover,
        div#magenta1-new-lp section.qa .panel-default ~ .panel-title a:focus {
            text-decoration: none;
        }

    div#magenta1-new-lp section.qa .panel-title a.collapsed:after {
        content: '+';
        font-family: teleicon-outline;
        position: absolute;
        color: #e20074;
        font-size: 21px;
        top: 0;
        right: 20px;
        margin: auto;
        transition-property: transform;
        transition-duration: .25s;
        font-weight: 600;
    }

    div#magenta1-new-lp section.qa .panel-title a:after {
        content: '-';
        font-family: teleicon-outline;
        position: absolute;
        color: #e20074;
        font-size: 21px;
        top: 0;
        right: 20px;
        margin: auto;
        transition-property: transform;
        transition-duration: .25s;
        font-weight: 600;
    }

    div#magenta1-new-lp section.qa .panel-body p {
        font-size: 17px;
        line-height: 1.2;
    }

div#magenta1-new-lp .magenta-loop-text-vertical {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -49%;
    height: 50px;
    transform: rotateZ(270deg);
    text-align: right;
    float: right;
}

    div#magenta1-new-lp .magenta-loop-text-vertical .mover-1 {
        animation: moveSlideshow 115s linear infinite;
        background-image: url(../content/images/magenta1-lp/sidetext.png);
        height: 50px;
        width: 100%;
        overflow: hidden;
        background-position: right;
        position: absolute;
        top: 0;
        right: 0;
    }

#letna-promocija {
    position: relative;
    height: auto;
    padding: 3% 0 0;
    background: linear-gradient(180deg, rgba(245, 245, 245, .5), transparent);
}

    #letna-promocija h3 {
        text-transform: uppercase;
        font-family: 'teleNeo-medium' !important;
        font-size: 23px;
        margin-bottom: 0;
        position: relative;
        color: #e20074;
    }

    #letna-promocija h2 {
        font-size: 26px;
        text-transform: uppercase;
        display: block;
        font-family: 'teleNeo-extra' !important;
        line-height: 1.2;
        margin: 0px 0 30px 0;
    }

        #letna-promocija h2 span {
            display: block;
            font-size: 42px;
            font-family: 'teleNeo-extra' !important;
            margin: 0;
        }

    #letna-promocija p {
        font-size: 18px;
        line-height: 1.2;
        margin-bottom: 20px;
    }

        #letna-promocija p.small {
            font-size: 14px;
        }

    #letna-promocija h3 span {
        display: block;
        font-family: 'teleNeo-extra' !important;
        font-size: 27px;
        margin-top: 10px;
    }

    #letna-promocija .wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        overflow: hidden;
        align-items: flex-start;
        justify-content: space-between;
    }

        #letna-promocija .wrapper > div {
            height: 100%;
        }

        #letna-promocija .wrapper .left-side {
            width: 60%;
        }

        #letna-promocija .wrapper .right-side {
            width: 40%;
        }

            #letna-promocija .wrapper .right-side:after {
                content: '';
                position: absolute;
                height: 100%;
                background-image: url(../content/images/septemvriska-promocija-magenta.png);
                width: 50%;
                background-size: contain;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto;
                height: 100%;
                background-position: right 20%;
                background-repeat: no-repeat;
            }

        #letna-promocija .wrapper .content-wrap {
            margin: 10% 15% 10% 10%;
        }

    #letna-promocija .magenta-shape {
        position: relative;
        color: white;
        padding: 20px 0;
    }

        #letna-promocija .magenta-shape .content-wrap {
            margin: 0 10%;
        }

        #letna-promocija .magenta-shape:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/magenta1-lp/letna-promocija-shape.png);
            width: 100%;
            left: 0;
            background-size: cover;
            background-position: bottom left;
            background-repeat: no-repeat;
            left: 0;
            bottom: 0;
            height: 100%;
        }

        #letna-promocija .magenta-shape p {
            position: relative;
            z-index: 2;
        }

        #letna-promocija .magenta-shape .ec-content {
            position: absolute;
            right: 15%;
            top: -80px;
            background: #e20074;
            z-index: 3;
            border-radius: 50%;
            width: 150px;
            height: 150px;
            box-shadow: 0 0 30px 7px rgba(0, 0, 0, .1);
        }

            #letna-promocija .magenta-shape .ec-content .wrap {
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
                height: 100%;
                position: relative;
                text-align: center;
            }

                #letna-promocija .magenta-shape .ec-content .wrap p {
                    font-size: 20px;
                }

                #letna-promocija .magenta-shape .ec-content .wrap span {
                    color: white !important;
                }

@media (max-width: 767px) {
    #letna-promocija .wrapper .right-side {
        position: relative;
        height: 400px;
    }

    #letna-promocija .magenta-shape {
        margin: 80px 0 0;
        padding: 30px 0;
    }

        #letna-promocija .magenta-shape .ec-content {
            position: absolute;
            right: 5%;
            top: -80px;
            width: 120px;
            height: 120px;
        }

    div#magenta1-new-lp section.partial-section:before {
        display: none;
    }

    div#magenta1-new-lp .main-banner .header {
        width: 100%;
        padding: 13% 0px 0 2px;
    }

        div#magenta1-new-lp .main-banner .header:before {
            background-size: cover;
        }

        div#magenta1-new-lp .main-banner .header h1 {
            position: relative;
            width: 100%;
            font-size: 50px;
        }

            div#magenta1-new-lp .main-banner .header h1:after {
                right: -20px;
                bottom: -6px;
            }

    div#magenta1-new-lp .main-banner .img-right {
        display: none;
    }

    div#magenta1-new-lp section.choose-box {
        padding: 8% 0 0;
    }

        div#magenta1-new-lp section.choose-box .box {
            width: 100%;
            display: inline;
            min-height: initial;
            margin: 20px 13px;
        }

            div#magenta1-new-lp section.choose-box .box h3 {
                font-size: 17px;
                min-height: 60px;
            }

    div#magenta1-new-lp section.magenta-shape-bcg {
        height: 160px;
        padding: 10% 0 3%;
        background-position: center right;
    }

        div#magenta1-new-lp section.magenta-shape-bcg p {
            color: white;
            font-size: 18px;
            padding: 0;
        }

    div#magenta1-new-lp section.partial-section .wrapper {
        margin-bottom: 40px;
    }

        div#magenta1-new-lp section.partial-section .wrapper .left-content,
        div#magenta1-new-lp section.partial-section .wrapper .right-image {
            position: relative;
            width: 100%;
            display: block;
            float: none;
        }

        div#magenta1-new-lp section.partial-section .wrapper .left-image,
        div#magenta1-new-lp section.partial-section .wrapper .right-content {
            position: relative;
            width: 100%;
            display: block;
            float: none;
        }

        div#magenta1-new-lp section.partial-section .wrapper:nth-child(3):before,
        div#magenta1-new-lp section.partial-section .wrapper:nth-child(3):after {
            display: none;
        }

    div#magenta1-new-lp section.buttons .btn-wrap a {
        margin: 10px auto;
    }

    div#magenta1-new-lp section.tariff-suggestion h3 {
        font-size: 21px;
    }

    div#magenta1-new-lp section.tariff-suggestion .tariff-s,
    div#magenta1-new-lp section.tariff-suggestion .max-premium {
        position: relative;
        width: 100%;
        display: block;
        float: none;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 0px 250px #0000001f;
        margin-bottom: 50px;
    }

    div#magenta1-new-lp section.order-section {
        padding: 10% 0 20%;
    }

    div#magenta1-new-lp section.qa .panel-default .panel-title a {
        padding-right: 60px;
    }

    div#magenta1-new-lp section.qa .panel-title a:after,
    div#magenta1-new-lp section.qa .panel-title a.collapsed:after {
        top: 20px;
    }

    div#magenta1-new-lp .magenta-loop-text-vertical {
        display: none;
    }
}

@media(max-width: 991px) {
    #letna-promocija .wrapper {
        flex-direction: column;
    }

        #letna-promocija .wrapper > div {
            width: 100% !important;
        }

        #letna-promocija .wrapper .right-side {
            position: relative;
            height: 500px;
        }

            #letna-promocija .wrapper .right-side:after {
                width: 100%;
                background-position: top center;
                position: absolute;
                height: 100%;
                background-size: cover;
            }
}

@media(min-width: 768px) and (max-width: 991px) {
    div#magenta1-new-lp .whiteBgBox .wrapper {
        padding: 40px 55px;
    }

    #letna-promocija .magenta-shape .ec-content {
        position: absolute;
        right: 0;
        top: -60px;
        width: 130px;
        height: 130px;
    }

        #letna-promocija .magenta-shape .ec-content .wrap p {
            font-size: 18px;
        }

    div #magenta1-new-lp .main-banner {
        height: 400px;
        padding: 3% 0;
    }

    div#magenta1-new-lp .main-banner {
        height: 400px;
    }

        div#magenta1-new-lp .main-banner .header {
            width: 80%;
        }

    /*   div#magenta1-new-lp .main-banner .header h1:after {
                right: 20%;
            }*/

    div #magenta1-new-lp section.choose-box .box {
        margin: 20px 10px;
        width: 40%;
    }

    div#magenta1-new-lp section.magenta-shape-bcg {
        padding: 7% 0 4%;
    }

    div#magenta1-new-lp section.partial-section .wrapper .content-wrap {
        margin: 5% 4%;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #letna-promocija .magenta-shape .ec-content {
        position: absolute;
        right: 0;
        top: -80px;
        width: 120px;
        height: 120px;
    }

        #letna-promocija .magenta-shape .ec-content .wrap p {
            font-size: 18px;
        }

    div#magenta1-new-lp .main-banner .header {
        width: 70%;
    }

        div#magenta1-new-lp .main-banner .header h1:after {
            content: '';
            /*         right: 20%;*/
        }

    div#magenta1-new-lp section.partial-section .wrapper:nth-child(3):before {
        content: '';
        height: 470px;
    }
}

@media(min-width: 1200px) and (max-width: 1450px) {
    #letna-promocija .magenta-shape {
        padding: 10px 0;
    }

        #letna-promocija .magenta-shape .content-wrap {
            margin: 0 20% 0 10%;
        }

        #letna-promocija .magenta-shape:before {
            background-size: contain;
            background-position: bottom left;
            background-repeat: no-repeat;
        }
}

@media(min-width: 1500px) {
    div#magenta1-new-lp .main-banner {
        height: 670px;
    }


    div#magenta1-new-lp section.partial-section:before {
        height: 560px;
    }

    div#magenta1-new-lp section.partial-section .wrapper:nth-child(3):before {
        content: '';
        position: absolute;
        background-image: url(../content/images/magenta1-lp/line2.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 68%;
        z-index: 2;
        top: 0;
    }

    div#magenta1-new-lp .main-banner .header h1 {
        font-size: 80px;
    }

        div#magenta1-new-lp .main-banner .header h1:after {
            content: '';
        }
}
/*IE css*/

@media all and (-ms-high-contrast: none) {
    div#magenta1-new-lp .main-banner .header h1 {
        color: white;
    }

    #digital-index .white-bg.absolute {
        border: 1px solid rgba(0,0,0,.07);
    }

    #digital-index #carouselVideos-digitalIndex-two .video-wrap {
        width: 48%;
    }

    #xmas-new-page .animation-wrap {
        display: none;
    }

    #nagradna-igra-2021 section.header::before {
        height: 560px;
    }

    #za-nas-new section.magenta-bg {
        height: 810px;
    }

    #telekommk-app-new-2021 section .left-shape .shape-wrap::before {
        left: -120px !important;
    }

    #telekommk-app-new-2021 section .right-shape .shape-wrap::before {
        right: -100px !important;
        left: inherit !important;
    }

    #telekommk-app-new-2021 section .wrap > div {
        width: 23%;
    }

    #phone-slider-hp-red {
        background-color: rgba(202, 207, 220, 1);
    }

    .specifikacija {
        padding: 50% 0 4% !important;
    }

    .ict-integrated .last-sec .nav {
        justify-content: center;
        margin: 30px auto;
    }

    .tableTest .office-icons {
        justify-content: space-around !important;
    }
}
/*#endregion magenta1 2021*/


/*#region business call*/
#dopolnitelni-paketi-new .business_call .mob-paketi-zemjata-banner {
    background-image: url(../content/images/mob-internet-paketi/business-call-bg.jpg);
    background-position: 0 45%;
}

#dopolnitelni-paketi-new .business_call .header {
    width: 40%;
    padding: 2% 1% 2% 3%;
}

    #dopolnitelni-paketi-new .business_call .header:before {
        background-size: cover;
    }

#dopolnitelni-paketi-new .business_call h2.black-bg {
    background-color: #000;
    margin-bottom: 50px;
    position: relative;
    display: block;
    width: 390px;
    margin: 50px auto;
    color: #fff;
    padding: 10px;
    transform: skewX( -25deg );
    font-size: 42px;
    text-transform: uppercase;
}

    #dopolnitelni-paketi-new .business_call h2.black-bg span {
        transform: skewX( 25deg );
        position: relative;
        display: block;
        font-family: 'teleNeo-extra' !important;
    }

.business_call .business-call-tabs {
    position: relative;
    bottom: 0;
    width: 100%;
    margin: 30px 0 0;
}

    .business_call .business-call-tabs ul {
        width: 55%;
        margin: 30px auto;
        border: 0;
        box-shadow: none;
    }
        /*.business_call .business-call-tabs ul li {
            background: none;
            display: inline;
            float: left;
            margin: 0px;
            padding: 0;
            border: 0;
            width: 50%;
            text-align: center;

          
        }
            .business_call .business-call-tabs ul li.active {
                transform: skewX(0deg );
            }

            .business_call .business-call-tabs ul li a {
                position: relative;
                text-transform: uppercase;
                font-family: 'teleNeo-bold' !important;
                font-size: 18px;
                padding: 10px 15px;
                border: 0;
                border-radius: 0;
                background: transparent;
                color: #84919B;
                font-family: 'teleNeo-regular' !important;
                min-height: 70px;
                display: flex;
                vertical-align: middle;
                align-content: center;
                align-items: center;
                flex-wrap: nowrap;
                justify-content: center;
            }
            .business_call .business-call-tabs ul li.active a {
                border: 0 !important;
                color: black !important;
                background: #EEEFF2 !important;
                font-family: 'teleNeo-bold' !important;
                transform: skew(0deg);
            }*/
        .business_call .business-call-tabs ul li.active {
            background-color: #EEEFF2;
            background-size: cover;
            border-radius: 0;
            transform: skewX( -25deg );
            margin: 0 10px;
        }

            .business_call .business-call-tabs ul li.active a {
                border: 0 !important;
                background: transparent !important;
                text-transform: uppercase;
                color: white !important;
                font-family: 'teleNeo-bold' !important;
                padding: 15px 15px;
                font-size: 17px;
                transform: skewX( 25deg );
            }

        .business_call .business-call-tabs ul li a {
            color: black;
            transform: skewX( 0deg );
            border: 0 !important;
            background: transparent !important;
            text-transform: uppercase;
            font-family: 'teleNeo-bold' !important;
            padding: 15px 15px;
            font-size: 17px;
        }



            .business_call .business-call-tabs ul li a span {
                font-family: 'teleNeo-bold' !important;
            }

.business_call .business-call-tabsContent .tab-pane.active {
    overflow: initial;
    position: relative;
    height: auto;
}

.business_call .business-call-tabsContent .tab-pane {
    display: block;
    height: 0;
    overflow: hidden;
}

.business_call .col-sm-1 .gray-border:last-of-type {
    height: 311px !important;
}

.business_call .business-radio-button-design ul.bts-radio-buttons li {
    padding-left: 10px;
}

    .business_call .business-radio-button-design ul.bts-radio-buttons li:before,
    .business_call .business-radio-button-design ul.bts-radio-buttons li.active:before {
        content: '';
        display: none;
    }

.business_call .office-new-pack .magenta-one-footer {
    padding: 0 15px !important;
}

.business_call .magenta-one-footer > div .p-uredi-cena {
    margin-bottom: 0;
}

.business_call .office-new-pack .white-border:first-of-type:after {
    display: none !important;
}

.business_call #povekje-govorni-kanali .office-new-pack .p-left {
    width: 50%;
}

.business_call .business-call-tabsContent .tab-pane.active {
    margin-bottom: 0;
}

.business_call .business-call-tabsContent #bot-tabs {
    width: 100%;
}



#bot-tabs .tabs-content a {
    color: #333;
    text-decoration: underline;
    font-size: 18px;
}

#bot-tabs .tabs-content table * {
    font-size: 18px !important;
}

.business-call-tabsContent ul li {
    font-size: 18px;
    line-height: 1.2 !important;
}

.business-call-povekjeKanali-TabsBox > p {
    font-size: 18px;
    margin-bottom: 40px;
}

#business-call .container > p {
    font-size: 18px;
    line-height: 1.2;
}

#business-call ul.ip-centrex-bullets {
    margin-bottom: 50px;
}

#povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs {
    margin: 40px auto;
}

    #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs li {
        margin: 0 10px;
    }

        #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs li a,
        #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs li.active a {
            background-image: none;
        }

        #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs li a {
            background-image: none !important;
            padding: 10px 20px;
            width: 225px;
            background-color: #EEEFF2;
            display: table-cell;
            vertical-align: middle;
            border-radius: 0;
            line-height: 1.2;
            font-family: 'teleNeo-medium' !important;
            color: #969696 !important;
        }

            #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs li a strong {
                color: #333;
            }

            #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs li.active a strong,
            #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs li a:hover strong {
                color: white !important;
            }

        #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs li.active a {
            background-color: #e20074;
            color: white !important;
        }

        #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs li a:hover {
            background-color: #e20074;
            color: white !important;
        }

            #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs li a:hover span {
                color: white;
            }

        #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs li a span {
            position: absolute;
            right: 0;
            width: 60px;
            text-align: center;
            height: 100%;
            top: 0;
            display: flex;
            flex-direction: column;
            justify-content: center;
            font-size: 40px;
            font-family: 'teleNeo-bold' !important;
            color: #e20074;
        }

            #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs li a span:before {
                content: '';
                position: absolute;
                width: 1px;
                height: 40px;
                background: #ccc;
                left: -5px;
            }

        #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs li.active a span {
            color: white;
        }

.business-call-tabsContent #business-call .white-border.bigger.mgn-business.officeCompleteNewApril,
.business-call-tabsContent #povekje-govorni-kanali .white-border.bigger.mgn-business.officeCompleteNewApril {
    box-shadow: 0px 0px 200px rgba(0,0,0, .12);
    background: #fff;
}

.business-call-tabsContent .col-sm-1 .free-space {
    height: 30px;
    background: #f3f3f3;
    border-right: 1px solid #cecece;
}

.business_call .btn-wrapper {
    position: relative;
    margin: 50px auto 30px;
    width: 50%;
    text-align: center;
}

    .business_call .btn-wrapper a {
        border-radius: 0;
        padding: 10px;
        font-size: 17px;
        margin: 10px;
    }

        .business_call .btn-wrapper a.btn-magenta {
            background: linear-gradient(to bottom, #e20074 0,#d5006d 100%);
            color: white;
            transition: all ease-in .5s;
        }

@media(max-width: 767px) {
    div#magenta1-new-lp .whiteBgBox {
        margin-top: 40px;
    }

        div#magenta1-new-lp .whiteBgBox .wrapper {
            width: 90%;
            padding: 30px 20px;
        }

    #dopolnitelni-paketi-new .business_call .header {
        width: 100%;
    }

    div#magenta1-new-lp section.partial-section .wrapper .content-wrap {
        margin: 5%;
    }

    #bot-tabs {
        background-image: none !important;
    }

    div#bot-tabs .tabs-content h4 a {
        color: #333;
        font-size: 20px;
        background-color: #f8f8f8;
        padding: 20px;
        text-decoration: none;
    }

    #bot-tabs .tabs ul li.active a:before,
    #bot-tabs .tabs ul li.active a:after {
        display: none;
        content: '';
    }

    .business_call .business-call-tabs ul {
        width: 100%;
        margin: 0 auto;
        border: 0;
        box-shadow: none;
    }

        .business_call .business-call-tabs ul li {
            width: 50%;
            display: inline;
            float: left;
            margin: 0 !important;
            padding: 0;
        }

    /*.business_call .business-call-tabs ul li a {
                color: black;
                transform: skewX( 0deg );
                border: 0 !important;
                background: transparent !important;
                text-transform: uppercase;
                font-family: 'teleNeo-bold' !important;
                padding: 15px 10px;
                font-size: 16px;
                text-align: center;
            }*/

    /*.business_call .business-call-tabs ul li.active a {
                transform: skewX( 25deg );
                border: 0 !important;
                background: transparent !important;
                text-transform: uppercase;
                font-family: 'teleNeo-bold' !important;
                padding: 15px 10px;
                font-size: 16px;
                text-align: center;
            }*/


    .business-call-povekjeKanali-TabsBox .magenta-one .p-uredi-cena {
        position: relative;
        bottom: 0;
        right: 0;
        margin: 20px 0 10px;
    }

    #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs {
        width: 100%;
        margin: 40px auto;
    }

        #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs li {
            margin: 5px 5px;
            width: 47%;
            display: inline;
            float: left;
            min-width: initial;
        }

    div#bot-tabs h3.dt-tab_drawer_heading {
        background: #e20074 !important;
    }

    #bot-tabs h3.dc-active.dc-tab_drawer_heading {
        background: #e20074;
        padding: 20px 10px;
        font-size: 22px;
        color: white;
    }

    #bot-tabs h3.dc-tab_drawer_heading {
        background: #d6d6d6;
        padding: 20px 10px;
        color: #333;
        font-size: 22px;
        margin: 0 0 10px 0;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    .business_call .business-call-tabs ul {
        width: 95%;
    }

    #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs {
        margin: 40px auto;
        width: 70%;
    }

        #povekje-govorni-kanali .business-call-povekjeKanali-TabsBox .nav.nav-tabs li {
            margin: 10px 10px;
        }
}
/*#endregion business call*/
/*#region mail contant form*/
.flyBy.mailForm {
    position: fixed;
    top: 50%;
}

    .flyBy.mailForm li a:hover p {
        width: 160px;
        border-right: 1px solid rgba(128, 128, 128,0.3);
    }

    .flyBy.mailForm span.call-icon {
        position: relative;
    }

        .flyBy.mailForm span.call-icon:before {
            content: 'J';
            font-family: 'teleicon-outline';
            font-size: 39px;
            color: #777;
            top: 7px;
            position: absolute;
            right: 15px;
        }

.modal.mail-contactForm {
    overflow: hidden !important;
    z-index: 99999;
}

    .modal.mail-contactForm .modal-dialog {
        width: 500px;
        margin: 2% auto;
    }

        .modal.mail-contactForm .modal-dialog .modal-body {
            padding: 0;
        }

        .modal.mail-contactForm .modal-dialog .modal-content {
            position: relative;
            background: white;
            color: #333;
            padding: 50px 25px;
            width: 90%;
        }

            .modal.mail-contactForm .modal-dialog .modal-content .close {
                color: #333;
                z-index: 4;
                font-size: 30px;
                font-weight: 500;
                opacity: 1;
                position: absolute;
                top: -45px;
                right: 0;
            }

    .modal.mail-contactForm h2 {
        color: #333;
        font-size: 28px;
        text-transform: uppercase;
        font-family: teleNeo-bold !important;
        margin-bottom: 20px;
    }

    .modal.mail-contactForm h3 {
        font-size: 19px;
        margin-bottom: 25px;
    }

    .modal.mail-contactForm .modal-dialog .modal-content .close:focus {
        outline: none;
    }

    .modal.mail-contactForm .modal-dialog .modal-content input {
        width: 100%;
        border-radius: 0;
        padding: 20px 10px;
        font-size: 18px;
        border-color: #ccc;
    }

    .modal.mail-contactForm .modal-dialog input.btn-validate#btnSubmit,
    .btn-validate#btnSubmit {
        background: #e20074;
        color: white;
        border-radius: 0;
        display: block;
        font-size: 17px;
        text-align: center;
        text-shadow: 0 1px rgba(0, 0, 0, .30);
        margin-top: 10px;
        padding: 10px 15px;
        width: auto;
        position: relative;
        float: right;
        text-align: right;
        top: -10px;
        outline: none;
        border: 0;
        margin-right: 0;
        text-shadow: none;
        font-weight: normal;
    }

    .modal.mail-contactForm .modal-dialog .btn-validate#btnSubmit:focus {
        outline: none;
    }

    .modal.mail-contactForm .modal-dialog label {
        font-size: 16px;
        margin-bottom: 10px;
        opacity: .65;
        margin-bottom: 15px;
    }

    .modal.mail-contactForm .modal-dialog textarea {
        color: #333;
        border-radius: 0;
        margin-top: 15px;
        font-size: 18px;
        width: 100%;
        border-color: #ccc;
        padding: 10px;
    }

        .modal.mail-contactForm .modal-dialog textarea:focus {
            border-color: #ccc !important;
            border: 1px solid;
        }

.success-msg {
    position: relative;
    background: white;
    color: #a60959;
    background: rgba(0,128,0, 0.15);
    padding: 20px;
    text-align: center;
    margin: 30px 0;
}

    .success-msg h2 {
        font-size: 22px;
        text-transform: uppercase;
    }

    .success-msg h3 {
        font-size: 20px;
        font-family: 'teleNeo-medium' !important;
    }
/*#endregion mail contact form*/
/*#region wifi page*/
#wifi #wifiCarousel {
    position: relative;
    height: 75vh;
}

#wifi .carousel .carousel-inner {
    position: relative;
    height: 100%;
}

#wifi .carousel-fade .carousel-inner .item {
    transition-property: opacity;
    height: 100%;
    transition: all ease-in .5s;
}

    #wifi .carousel-fade .carousel-inner .item:nth-child(1) .carousel-caption {
        top: 20%;
    }

#wifi .carousel-fade .carousel-inner .item,
#wifi .carousel-fade .carousel-inner .active.left,
#wifi .carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

#wifi .carousel-fade .carousel-inner .active,
#wifi .carousel-fade .carousel-inner .next.left,
#wifi .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

    #wifi .carousel-fade .carousel-inner .next,
    #wifi .carousel-fade .carousel-inner .prev,
    #wifi .carousel-fade .carousel-inner .active.left,
    #wifi .carousel-fade .carousel-inner .active.right {
        left: 0;
        transform: translate3d(0, 0, 0);
    }

#wifi .carousel-fade .carousel-control {
    z-index: 2;
}

#wifi a.carousel-control {
    position: absolute;
    width: 40px;
    height: 60px !important;
    top: 25%;
    display: block;
}

    #wifi a.carousel-control:before {
        content: '%';
        position: absolute;
        font-family: 'teleicon-outline';
        color: #333;
        text-shadow: none;
        font-size: 40px;
        padding: 0;
        left: 20px;
        top: 0;
    }

    #wifi a.carousel-control.right {
        top: 25%;
    }

        #wifi a.carousel-control.right:before {
            transform: rotate(180deg);
            right: 30px;
            top: 0;
        }

#wifi .carousel .carousel-indicators {
    position: absolute;
    bottom: 0px;
    height: 90px;
    width: 100%;
    margin: 0;
    left: 0;
    background-image: url(../content/images/wifi/path.png);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    display: none;
}

    #wifi .carousel .carousel-indicators li {
        position: relative;
        display: inline-block;
        background: white;
        background-image: none;
        width: 17px;
        height: 17px;
        border: 2px solid gray;
        margin: 0 4%;
        border-radius: 50px;
    }

        #wifi .carousel .carousel-indicators li.active {
            background: #e20074;
            width: 20px;
            height: 20px;
            border-color: #e20074;
        }

            #wifi .carousel .carousel-indicators li.active:before {
                content: '';
                position: absolute;
                left: -8px;
                top: -8px;
                width: 32px;
                height: 32px;
                border: 2px solid #e20074;
                background: transparent;
                border-radius: 50px;
            }

        #wifi .carousel .carousel-indicators li:nth-child(1) {
            top: 29%;
            display: none;
        }

        #wifi .carousel .carousel-indicators li:nth-child(2) {
            top: 35%;
        }

        #wifi .carousel .carousel-indicators li:nth-child(3) {
            top: 40%;
        }

        #wifi .carousel .carousel-indicators li:nth-child(4) {
            top: 35%;
        }

        #wifi .carousel .carousel-indicators li:nth-child(5) {
            top: 23%;
        }

        #wifi .carousel .carousel-indicators li:nth-child(6) {
            top: 10%;
        }

#wifi .carousel .carousel-caption {
    position: absolute;
    width: 54%;
    right: 10%;
    top: 0;
    text-align: left;
    left: initial;
    padding: 10px 0px 10px 30px;
    text-shadow: none;
    margin: 0 0;
}

    #wifi .carousel .carousel-caption h1 {
        color: #333;
        font-size: 28px;
        font-family: 'teleNeo-extra' !important;
    }

    #wifi .carousel .carousel-caption h2 {
        color: black;
        font-family: 'teleNeo-extra' !important;
        margin: 20px 0 10px;
        font-size: 25px;
    }

    #wifi .carousel .carousel-caption p {
        color: #333;
        font-size: 17px;
        display: block;
        line-height: 1.2;
        margin: 0;
    }

    #wifi .carousel .carousel-caption span.back-header {
        width: 20%;
        font-size: 140px;
        text-align: center;
        background: -webkit-linear-gradient(rgba(0, 0, 0, .17), rgba(26, 26, 26, .25));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: 'teleNeo-extra' !important;
        opacity: .5;
        color: rgba(0, 0, 0, .22);
        position: absolute;
        left: -50px;
        top: -30px;
    }

#wifi .panel-group {
    margin: 0;
    padding-top: 10px;
}

    #wifi .panel-group .panel-default {
        border: 0;
        box-shadow: none;
    }

    #wifi .panel-group .panel-heading {
        background: transparent;
        border: 0;
        padding: 0;
    }

        #wifi .panel-group .panel-heading h4 {
            padding: 0;
            border: 0;
            font-size: 20px;
        }

            #wifi .panel-group .panel-heading h4 a {
                position: relative;
                display: block;
                width: 80px;
                color: #e20074;
                font-family: 'teleNeo-medium' !important;
            }

                #wifi .panel-group .panel-heading h4 a:hover,
                #wifi .panel-group .panel-heading h4 a:focus {
                    text-decoration: none;
                }

    #wifi .panel-group .panel-default .panel-body {
        border: 0;
        padding: 10px 0 0 0;
    }

        #wifi .panel-group .panel-default .panel-body p {
            margin: 0;
        }

    #wifi .panel-group a:after {
        content: '%[';
        font-family: 'teleicon-outline';
        position: absolute;
        color: #e20074;
        font-size: 19px;
        top: -1px;
        right: -15px;
        margin: auto;
        transform: rotateZ( -90deg );
        transition-property: transform;
        transition-duration: .25s;
    }

#wifi a.video-link {
    color: #e20074;
    text-transform: uppercase;
    font-family: 'teleNeo-medium' !important;
    font-size: 20px;
    position: relative;
    display: block;
    width: 85px;
    padding-left: 0;
}

    #wifi a.video-link::after {
        content: ']%';
        position: absolute;
        font-family: 'teleicon-outline';
        transform: rotate( -180deg );
        top: 9px;
        right: 10px;
        padding-left: 0;
    }

    #wifi a.video-link:hover,
    #wifi a.video-link:focus {
        text-decoration: none;
    }


.PrimaryNav {
    list-style: none;
    margin: 50px auto;
    max-width: 720px;
    padding: 0;
    width: 100%;
}

.Nav-item {
    background: #fff;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 20%;
    text-align: center;
}

    .Nav-item:first-child {
        border-radius: 3px 0 0 3px;
    }

    .Nav-item:last-child {
        border-radius: 0 3px 3px 0;
    }

    .Nav-item.is-active a {
        color: #e82d00;
    }

    .Nav-item a {
        color: #121212;
        display: block;
        padding-top: 20px;
        padding-bottom: 20px;
        text-decoration: none;
    }

        .Nav-item a:hover {
            color: #e82d00;
        }

.with-indicator {
    position: relative;
    z-index: 0;
}

    .with-indicator .Nav-item:last-child:before, .with-indicator .Nav-item:last-child:after {
        content: '';
        display: block;
        position: absolute;
        pointer-events: none;
        transition: left 1.3s ease;
    }

    .with-indicator .Nav-item:last-child:before {
        border: 6px solid transparent;
        border-top-color: #e82d00;
        width: 0;
        height: 0;
        top: 0;
        left: 10%;
        margin-left: -3px;
    }

    .with-indicator .Nav-item:last-child:after {
        background: #e82d00;
        top: -6px;
        bottom: -6px;
        left: 0;
        width: 20%;
        z-index: -1;
    }

    .with-indicator .Nav-item:nth-child(1).is-active ~ .Nav-item:last-child:after {
        left: 0%;
    }

    .with-indicator .Nav-item:nth-child(1).is-active ~ .Nav-item:last-child:before {
        left: 10%;
    }

    .with-indicator .Nav-item:nth-child(2).is-active ~ .Nav-item:last-child:after {
        left: 20%;
    }

    .with-indicator .Nav-item:nth-child(2).is-active ~ .Nav-item:last-child:before {
        left: 30%;
    }

    .with-indicator .Nav-item:nth-child(3).is-active ~ .Nav-item:last-child:after {
        left: 40%;
    }

    .with-indicator .Nav-item:nth-child(3).is-active ~ .Nav-item:last-child:before {
        left: 50%;
    }

    .with-indicator .Nav-item:nth-child(4).is-active ~ .Nav-item:last-child:after {
        left: 60%;
    }

    .with-indicator .Nav-item:nth-child(4).is-active ~ .Nav-item:last-child:before {
        left: 70%;
    }

    .with-indicator .Nav-item:nth-child(1):hover ~ .Nav-item:last-child:after {
        left: 0% !important;
    }

    .with-indicator .Nav-item:nth-child(1):hover ~ .Nav-item:last-child:before {
        left: 10% !important;
    }

    .with-indicator .Nav-item:nth-child(2):hover ~ .Nav-item:last-child:after {
        left: 20% !important;
    }

    .with-indicator .Nav-item:nth-child(2):hover ~ .Nav-item:last-child:before {
        left: 30% !important;
    }

    .with-indicator .Nav-item:nth-child(3):hover ~ .Nav-item:last-child:after {
        left: 40% !important;
    }

    .with-indicator .Nav-item:nth-child(3):hover ~ .Nav-item:last-child:before {
        left: 50% !important;
    }

    .with-indicator .Nav-item:nth-child(4):hover ~ .Nav-item:last-child:after {
        left: 60% !important;
    }

    .with-indicator .Nav-item:nth-child(4):hover ~ .Nav-item:last-child:before {
        left: 70% !important;
    }

    .with-indicator .Nav-item:last-child:hover:before, .with-indicator .Nav-item:last-child.is-active:before {
        left: 90% !important;
    }

    .with-indicator .Nav-item:last-child:hover:after, .with-indicator .Nav-item:last-child.is-active:after {
        left: 80% !important;
    }



.PrimaryNav:before, .PrimaryNav:after {
    content: " ";
    display: table;
}

.PrimaryNav:after {
    clear: both;
}



.toggle {
    color: #fff;
    font-family: sans-serif;
    text-align: center;
}

@keyframes toleftR {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-254px)
    }
}


#wifi .find-best-wifi {
    position: relative;
    margin: 0 0 15px;
    text-align: center;
}

    #wifi .find-best-wifi h3 {
        font-size: 30px;
        font-family: 'teleNeo-extra' !important;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

    #wifi .find-best-wifi p {
        font-size: 18px;
        line-height: 1.2;
    }

.choose-options-home .wrapper .qa {
    position: relative;
    height: 420px;
}

    .choose-options-home .wrapper .qa .question-wrap {
        position: relative;
        width: 50%;
        display: inline;
        float: left;
        height: 100%;
        background: #e20074;
        color: white;
    }

        .choose-options-home .wrapper .qa .question-wrap .wrap {
            margin: 5% 10%;
            position: relative;
            height: 100%;
        }

            .choose-options-home .wrapper .qa .question-wrap .wrap h4 {
                width: 20%;
                font-size: 150px;
                text-align: center;
                background: -webkit-linear-gradient(rgba(0, 0, 0, .17), rgba(26, 26, 26, .25));
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                font-family: 'teleNeo-extra' !important;
                opacity: .5;
                color: rgba(0, 0, 0, .22);
                position: absolute;
                left: -10%;
                top: -15%;
            }

            .choose-options-home .wrapper .qa .question-wrap .wrap h3 {
                position: relative;
                font-family: 'teleNeo-medium' !important;
                font-size: 26px;
            }

    .choose-options-home .wrapper .qa .image-wrap {
        position: relative;
        width: 45%;
        display: inline;
        float: left;
        height: 100%
    }

        .choose-options-home .wrapper .qa .image-wrap .wrap img,
        .choose-options-home .wrapper .qa .image-wrap .default-image img {
            position: relative;
            height: 100%;
            width: 100%;
        }

        .choose-options-home .wrapper .qa .image-wrap .default-image {
            position: relative;
            width: 100%;
            height: 100%;
        }

        .choose-options-home .wrapper .qa .image-wrap .image,
        .choose-options-home .wrapper .qa .image-wrap .image .wrap {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            right: 0;
        }

.choose-options-home .buttons {
    position: absolute;
    right: 0;
    margin: 0 20px 20px;
    float: right;
    width: auto;
    z-index: 2;
    bottom: 16%;
}


    .choose-options-home .buttons .previous-button,
    .choose-options-home .buttons .next-button {
        display: inline;
        float: left;
        position: relative;
        width: 150px;
        border-radius: 50px;
        text-align: center;
        color: white;
        cursor: pointer;
        margin: 0 10px;
        box-shadow: 0px -1px 19px 5px #0000000d;
        border-radius: 50px;
    }

    .choose-options-home .buttons div.previous-button div {
        background-color: #e5e5e5 !important;
        background: #e5e5e5;
        color: #333;
        border: 1px solid #ccc;
    }

    .choose-options-home .buttons .previous-button div,
    .choose-options-home .buttons .next-button div {
        padding: 8px 10px;
        width: 100%;
        border-radius: 50px;
        font-family: 'teleNeo-medium' !important;
        font-size: 17px !important;
        border: 2px solid white;
    }

.choose-options-home .question-wrap .question-options {
    position: relative;
}

    .choose-options-home .question-wrap .question-options .like-btn {
        position: relative;
        border: 2px solid white;
        border-radius: 50px;
        padding: 8px 10px;
        width: 200px;
        text-align: center;
        margin: 14px 0;
        font-size: 17px;
        font-family: 'teleNeo-medium' !important;
        cursor: pointer;
        transition: all ease-in .3s;
    }

        .choose-options-home .question-wrap .question-options .like-btn:hover,
        .choose-options-home .question-wrap .question-options .like-btn.active {
            background: white;
            color: black;
            transition: all ease-in .3s;
        }

.choose-options-home .wrapper .confirm-button {
    position: relative;
    margin: 20px 0 50px;
    width: auto;
    text-align: center;
}

    .choose-options-home .wrapper .confirm-button button {
        border-radius: 50px;
        width: 160px;
        padding: 13px 0;
        font-size: 17px;
        line-height: 1.2;
        text-shadow: none;
        cursor: pointer;
        font-family: 'teleNeo-medium' !important;
        text-shadow: none;
        font-weight: 500;
    }

.choose-options-home .wrapper .image-resault {
    position: relative;
    text-align: center;
    width: auto;
    height: 500px;
}

    .choose-options-home .wrapper .image-resault .image-wrap,
    .choose-options-home .wrapper .image-resault .image-wrap img {
        height: 100%;
    }

.resault-section {
    position: relative;
    width: 100%;
    height: 460px;
    padding-top: 30px;
}

    .resault-section .buttons {
        top: -10px;
        bottom: initial;
    }

    .resault-section .wrapper {
        width: 80%;
        margin: 20px auto;
        position: relative;
    }

    .resault-section .left-wrapper {
        width: 50%;
        position: relative;
        display: inline;
        float: left;
        height: 100%;
    }


        .resault-section .left-wrapper .left-text {
            margin: 10% 16%;
        }

            .resault-section .left-wrapper .left-text h2 {
                font-size: 32px;
                text-transform: uppercase;
                margin-bottom: 15px;
                font-family: 'teleNeo-bold' !important;
            }

                .resault-section .left-wrapper .left-text h2 strong {
                    color: #e20074;
                }

                .resault-section .left-wrapper .left-text h2 span {
                    font-family: 'teleNeo-bold' !important;
                }

            .resault-section .left-wrapper .left-text p {
                font-size: 20px;
                font-family: 'teleNeo-medium' !important;
                line-height: 1.2;
            }

            .resault-section .left-wrapper .left-text a {
                background: #e20074;
                color: white;
                padding: 10px;
                margin: 25px 0 20px;
                position: relative;
                display: block;
                width: 150px;
                font-size: 19px;
                text-align: center;
                border-radius: 50px;
                font-family: 'teleNeo-medium' !important;
                box-shadow: 0px 3px 20px 5px #e4adc9;
            }

                .resault-section .left-wrapper .left-text a:hover {
                    text-decoration: none;
                }

    .resault-section .right-wrapper {
        width: 50%;
        display: inline-block;
        float: left;
        height: 100%;
    }

        .resault-section .right-wrapper .resault-image {
            position: relative;
            width: 490px;
            right: -20%;
            height: auto;
        }

    .resault-section a.lightbox img {
        height: 150px;
        border: 3px solid white;
        box-shadow: 0px 0px 8px rgba(0,0,0,.3);
        margin: 94px 20px 20px 20px;
    }


    .resault-section .lightbox-target {
        position: absolute;
        top: -100%;
        width: 100%;
        background: rgba(255, 255, 255, 0.94);
        width: 100%;
        opacity: 0;
        -webkit-transition: opacity .5s ease-in-out;
        -moz-transition: opacity .5s ease-in-out;
        -o-transition: opacity .5s ease-in-out;
        transition: opacity .5s ease-in-out;
        overflow: hidden;
        left: 0;
        right: 0;
        box-shadow: none;
        border: 0;
    }



        .resault-section .lightbox-target img {
            margin: auto;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            max-height: 0%;
            max-width: 0%;
            box-sizing: border-box;
            -webkit-transition: .5s ease-in-out;
            -moz-transition: .5s ease-in-out;
            -o-transition: .5s ease-in-out;
            transition: .5s ease-in-out;
        }


    .resault-section .lightbox-close {
        display: block;
        width: 60px;
        height: 50px;
        box-sizing: border-box;
        background: white;
        color: black;
        text-decoration: none;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        position: absolute;
        right: 0;
        top: 0;
    }



        .resault-section .lightbox-close:before {
            content: "";
            display: block;
            height: 30px;
            width: 2px;
            background: black;
            position: absolute;
            left: 26px;
            top: 10px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }


        .resault-section .lightbox-close:after {
            content: "";
            display: block;
            height: 30px;
            width: 2px;
            background: black;
            position: absolute;
            left: 26px;
            top: 10px;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }



    .resault-section .lightbox-target:target {
        opacity: 1;
        top: 0;
        bottom: 0;
        z-index: 3;
    }

        .resault-section .lightbox-target:target img {
            max-height: 100%;
            max-width: 100%;
        }

        .resault-section .lightbox-target:target .lightbox-close {
            top: 0px;
        }

    .resault-section a.lightbox {
        color: #333;
        font-size: 18px;
        text-align: center;
        text-transform: uppercase;
        display: block;
        font-family: 'teleNEo-bold' !important;
        text-decoration: none;
        width: 250px;
        margin: 0 auto;
    }

        .resault-section a.lightbox:before {
            content: '';
            background-image: url('../content/images/wifi/zoom.png');
            position: absolute;
            width: 25px;
            height: 25px;
            display: block;
        }

        .resault-section a.lightbox:hover {
            text-decoration: none;
        }

    .resault-section span.arrow-down {
        position: absolute;
        bottom: 14%;
        left: 0;
        right: 0;
        width: 40px;
        height: 40px;
        margin: 0 auto;
        -webkit-transform: rotate( 46deg );
        border-left: none;
        border-top: none;
        border-right: 2px #c4c2c2 solid;
        border-bottom: 2px #c4c2c2 solid;
        right: 30px;
    }

        .resault-section span.arrow-down:before {
            content: '';
            width: 30px;
            height: 30px;
            border-left: none;
            border-top: none;
            border-right: 2px #333 solid;
            border-bottom: 2px #333 solid;
            animation-duration: 2s;
            animation-iteration-count: infinite;
            animation-name: arrow;
            right: 10px;
            position: absolute;
        }

section.characteristics {
    position: relative;
    width: 100%;
    height: auto;
    margin: 4% 0 0;
}

section#karakteristiki p.text-center {
    font-size: 19px;
    padding: 0 15%;
}

section.characteristics .device-box {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    flex-direction: row;
    align-content: center;
    justify-content: space-evenly;
    align-items: flex-end;
}



section.characteristics .box .link {
    margin: 30px 0 20px;
    min-height: 40px;
}

    section.characteristics .box .link a {
        background: #e20074;
        color: white;
        text-decoration: none;
        padding: 10px 30px;
        border-radius: 50px;
        font-size: 18px;
        box-shadow: 0px 3px 20px 5px #e4adc9;
    }

section.characteristics .box h3 {
    text-transform: uppercase;
    font-size: 25px;
    font-family: 'teleNeo-bold' !important;
    margin-bottom: 20px;
}

section.characteristics .flex-box {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: baseline;
    justify-content: center;
    align-items: flex-start;
}

    section.characteristics .flex-box .box {
        text-align: center;
        position: relative;
    }

        section.characteristics .flex-box .box h3 {
            text-transform: uppercase;
            font-size: 23px;
            color: black;
            font-family: 'teleNeo-bold' !important;
        }

    section.characteristics .flex-box .device-content {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        width: 30.333%;
        margin: 20px 0px;
    }

        section.characteristics .flex-box .device-content.active .pros,
        section.characteristics .flex-box .device-content.active .cons {
            position: relative;
            border: 2px solid #e20074;
        }

    section.characteristics .flex-box .pros {
        position: relative;
        min-height: 615px;
        padding: 30px 40px;
        border: 1px solid #e5e5e5;
    }

    section.characteristics .flex-box .cons {
        position: relative;
        min-height: 450px;
        padding: 30px 40px;
        background: #f8f8f8;
        border: 1px solid #e5e5e5;
    }

        section.characteristics .flex-box .pros p,
        section.characteristics .flex-box .cons p {
            padding: 15px 0 15px 20px;
            margin: 0;
            font-size: 17px;
            line-height: 1.2;
        }

            section.characteristics .flex-box .pros p:before {
                content: '+';
                font-family: 'teleicon-outline' !important;
                position: absolute;
                display: block;
                left: 15px;
                color: #e20074;
                font-weight: 600;
                font-size: 22px;
            }

            section.characteristics .flex-box .cons p:before {
                content: '-';
                font-family: 'teleicon-outline' !important;
                position: absolute;
                display: block;
                left: 15px;
                color: #969696;
                font-weight: 600;
                font-size: 22px;
            }

    section.characteristics .flex-box .pros h3.rotated {
        writing-mode: tb-rl;
        -webkit-writing-mode: tb-rl;
        -ms-writing-mode: tb-rl;
        transform: rotate( 180deg );
        width: auto;
        height: auto;
        position: absolute;
        left: -12%;
        top: -21px;
        background: #e20074;
        padding: 24px 13px;
        color: white;
        font-size: 21px;
        line-height: 1.2;
        font-family: 'teleNeo-medium' !important;
        text-transform: uppercase;
    }

    section.characteristics .flex-box .cons h3.rotated {
        writing-mode: tb-rl;
        -webkit-writing-mode: tb-rl;
        -ms-writing-mode: tb-rl;
        transform: rotate( 180deg );
        width: auto;
        height: auto;
        position: absolute;
        left: -11%;
        top: -20px;
        background: #f8f8f8;
        padding: 24px 13px;
        color: #777;
        font-size: 17px;
        line-height: 1.2;
        font-family: 'teleNeo-medium' !important;
        text-transform: uppercase;
    }

section#virtuelenTehnichar {
    padding: 10px 0 60px;
}

    section#virtuelenTehnichar .content {
        text-align: center;
        font-size: 18px;
        line-height: 1.2;
    }

#modal-wifi-video .modal-dialog {
    position: relative;
    width: 60%;
    height: auto;
    top: 20%;
}

    #modal-wifi-video .modal-dialog .modal-content {
        padding: 20px;
    }

    #modal-wifi-video .modal-dialog .close {
        position: absolute;
        z-index: 4;
        cursor: pointer;
        font-size: 25px;
        color: #333;
        opacity: 1;
        right: 5px;
        top: 0;
    }

    #modal-wifi-video .modal-dialog iframe {
        width: 100%;
    }

.video-link {
    position: relative;
    padding: 10px 20px;
}

    .video-link a {
        color: #e20074;
        font-size: 17px;
    }

        .video-link a:hover {
            text-decoration: none;
        }

        .video-link a:after {
            content: "$";
            font-family: 'teleIcon-outline' !important;
            transform: rotate( 265deg );
            position: absolute;
            right: -5px;
            top: 6px;
            font-size: 22px;
            transition: all ease-in .3s;
        }

        .video-link a:hover:after {
            transition: all ease-in .3s;
            right: -20px;
        }

@media(min-width: 1500px) {
    #wifi #wifiCarousel {
        height: 65vh;
    }

    #wifi .carousel .carousel-caption {
        width: 45%;
        padding: 10px 30px;
    }

    .choose-options-home .buttons {
        bottom: 20%;
    }

    /*.choose-options-home .wrapper .qa .question-wrap,
    .choose-options-home .wrapper .qa .image-wrap {
        width: 50%;
    }*/
}

@media (max-width: 767px) {
    #wifi #wifiCarousel {
        height: auto;
    }

        #wifi #wifiCarousel .item img {
            display: none;
        }

    #wifi .carousel-fade .carousel-inner .item:nth-child(1) .carousel-caption {
        top: 0;
    }

    #wifi .carousel .carousel-caption {
        position: relative;
        width: 100%;
        right: 0;
        top: 0;
        left: 0;
        padding: 20px 30px;
        margin: 0 0;
        z-index: 1;
    }

        #wifi .carousel .carousel-caption h1 {
            color: #333;
            font-size: 23px;
            font-family: 'teleNeo-extra' !important;
        }

        #wifi .carousel .carousel-caption h2 {
            font-size: 21px;
        }

        #wifi .carousel .carousel-caption span.back-header {
            width: 20%;
            font-size: 140px;
            left: 10px;
            top: -30px;
        }

    #wifi a.carousel-control {
        position: absolute;
        width: 35px;
    }

        #wifi a.carousel-control.left {
            left: -10px;
        }

        #wifi a.carousel-control.right {
            right: -10px;
        }

    .choose-options-home .wrapper .qa {
        height: auto;
    }

        .choose-options-home .wrapper .qa .question-wrap {
            position: relative;
            width: 100%;
            display: block;
            float: none;
            margin: 15% 0 0;
            height: 420px;
        }

        .choose-options-home .wrapper .qa .image-wrap {
            position: relative;
            width: 100%;
            display: block;
            float: none;
            height: 300px;
        }

        .choose-options-home .wrapper .qa .question-wrap .wrap {
            margin: 10%;
            position: relative;
            height: 100%;
            top: 30px;
        }

            .choose-options-home .wrapper .qa .question-wrap .wrap h3 {
                font-size: 21px;
            }

            .choose-options-home .wrapper .qa .question-wrap .wrap h4 {
                width: 20%;
                font-size: 100px;
                left: -10%;
                top: -10%;
            }

    .choose-options-home .buttons {
        position: absolute;
        right: 0;
        margin: 0 auto;
        float: none;
        width: auto;
        z-index: 2;
        bottom: 15%;
    }

    .choose-options-home .resault-section .buttons .previous-button,
    .choose-options-home .resault-section .buttons .next-button {
        width: 40%;
        margin: 40px 5px 0;
        text-align: center;
    }

    .choose-options-home .buttons .previous-button,
    .choose-options-home .buttons .next-button {
        width: 130px;
    }

        .choose-options-home .buttons .previous-button div,
        .choose-options-home .buttons .next-button div {
            font-size: 17px !important;
        }

    #wifi .find-best-wifi h3 {
        font-size: 26px;
    }

    .resault-section {
        height: auto;
    }

        .resault-section .left-wrapper,
        .resault-section .right-wrapper {
            width: 100%;
            display: block;
            float: none;
            margin-top: 40px;
        }

            .resault-section .left-wrapper .left-text h2 {
                font-size: 29px;
            }

            .resault-section .left-wrapper .left-text p {
                font-size: 20px;
                font-family: 'teleNeo-medium' !important;
                line-height: 1.2;
            }

        .resault-section .buttons {
            position: relative;
            margin: 0 auto;
            width: 100%;
            overflow: hidden;
            display: block;
        }

        .resault-section .left-wrapper .left-text {
            margin: 0;
        }

        .resault-section .right-wrapper .resault-image {
            width: auto;
            right: 0;
        }

    section#karakteristiki p.text-center {
        padding: 0;
    }

    section.characteristics .flex-box .device-content {
        width: 85%;
    }

    section.characteristics .flex-box .pros h3.rotated {
        left: -19%;
        top: -22px;
        font-size: 20px;
    }

    section.characteristics .flex-box .cons h3.rotated {
        left: -18%;
        top: -20px;
        font-size: 20px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #wifi .carousel-fade .carousel-inner .item:nth-child(1) .carousel-caption {
        top: 10px;
    }

    #wifi #wifiCarousel {
        position: relative;
        height: 65vh;
    }

    .resault-section .left-wrapper .left-text {
        margin: 10% 0;
    }

    .resault-section .right-wrapper .resault-image {
        position: relative;
        width: auto;
        right: 0;
        height: auto;
        top: 10%;
    }

    section.characteristics .flex-box .pros h3.rotated {
        left: -25%;
    }

    section.characteristics .flex-box .cons h3.rotated {
        left: -23%;
        top: -22px;
    }

    section.characteristics .flex-box .pros {
        min-height: 1090px;
    }

    section.characteristics .flex-box .cons {
        height: 780px;
    }

    .choose-options-home .wrapper .qa .image-wrap .wrap img,
    .choose-options-home .wrapper .qa .image-wrap .default-image img {
        height: auto;
        width: auto;
    }

    .choose-options-home .buttons .previous-button,
    .choose-options-home .buttons .next-button {
        width: 120px;
        margin: 0 5px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #wifi #wifiCarousel {
        position: relative;
        height: 40vh;
    }

    section.characteristics .flex-box .pros {
        position: relative;
        min-height: 775px;
    }

    section.characteristics .flex-box .cons {
        position: relative;
        min-height: 510px;
    }
}
/*#endregion wifi page*/

/*#region moja smetka redesign*/
div#mojaSmetka-landing-new .mojaSmetka-landing-banner {
    position: relative;
    background-image: url('../content/images/moja-smetka/esmetka-banner.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 375px;
}

    div#mojaSmetka-landing-new .mojaSmetka-landing-banner .container {
        position: relative;
    }

    div#mojaSmetka-landing-new .mojaSmetka-landing-banner .ec-smetka {
        position: absolute;
        right: 0;
        top: 120px;
    }

    div#mojaSmetka-landing-new .mojaSmetka-landing-banner h1 {
        font-family: 'teleNeo-bold' !important;
        display: block;
        margin: 0;
        color: white;
        font-size: 64px;
        padding: 3px 15px;
        text-transform: none;
        font-size: 51px;
        margin: 12% 0;
        background-color: transparent;
    }

div#mojaSmetka-landing-new .mojaSmetka-landing-banner-video {
    text-align: center;
    margin: 70px 0;
}

div#mojaSmetka-landing-new .mojaSmetka-landing-intro {
    background-image: url(../content/images/moja-smetka/section2-shape.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10% 0 1%;
    text-align: center;
    color: white;
    height: 400px;
    width: 100%;
    background-position: right;
    z-index: 3;
    display: block;
    margin-top: 90px;
}

.mojaSmetka-landing-intro .col-xs-12:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    background: linear-gradient( 45deg, transparent, rgba(0,0, 0,.29) );
    top: 0;
    right: 0;
}

.mojaSmetka-landing-intro .col-xs-12:last-child:after {
    display: none;
}

div#mojaSmetka-landing-new .mojaSmetka-landing-intro a:hover {
    text-decoration: none;
}

div#mojaSmetka-landing-new .mojaSmetka-landing-intro h3 {
    color: white;
    text-decoration: none;
    font-family: teleNeo-regular;
    font-size: 20px;
    text-transform: uppercase;
}

div#mojaSmetka-landing-new .mojaSmetka-packages {
    position: relative;
    background-image: url('../content/images/moja-smetka/bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 60px;
}

div#mojaSmetka-landing-new .title {
    position: relative;
    width: 45%;
    margin: 45px auto 70px;
    text-align: center;
}

    div#mojaSmetka-landing-new .title h2 {
        color: #e20074;
        text-transform: uppercase;
        font-family: 'teleNeo-extra' !important;
    }

        div#mojaSmetka-landing-new .title h2 span {
            color: black;
            text-transform: none;
            font-size: 22px;
            line-height: 1.2;
            position: relative;
            display: block;
            opacity: .62;
        }

    div#mojaSmetka-landing-new .title:before {
        content: '';
        position: absolute;
        width: 90%;
        height: 1px;
        background: linear-gradient(45deg, transparent, black);
        opacity: .2;
        left: -90%;
        top: 57%;
    }

    div#mojaSmetka-landing-new .title:after {
        content: '';
        position: absolute;
        width: 90%;
        height: 1px;
        background: linear-gradient( 45deg, black, transparent);
        opacity: .2;
        right: -90%;
        top: 57%;
    }

div#mojaSmetka-landing-new .mojaSmetka-packagesBox {
    text-align: center;
    padding: 40px 10px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 15px 97px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0px 15px 97px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 15px 97px rgba(0, 0, 0, .1);
}

    div#mojaSmetka-landing-new .mojaSmetka-packagesBox a h4 {
        font-family: 'teleNeo-bold' !important;
        font-size: 20px;
        min-height: 60px;
    }

    div#mojaSmetka-landing-new .mojaSmetka-packagesBox:hover h4 {
        color: white;
    }

    div#mojaSmetka-landing-new .mojaSmetka-packagesBox a:hover {
        text-decoration: none;
    }


    div#mojaSmetka-landing-new .mojaSmetka-packagesBox:hover {
        background: #e20074;
        transition: all ease-in .5s;
    }

        div#mojaSmetka-landing-new .mojaSmetka-packagesBox:hover:before {
            content: '';
            position: absolute;
            background-image: url('../content/images/moja-smetka/hover-shape.png');
            background-position: right top;
            background-size: cover;
            width: 100%;
            height: 100%;
            top: -50px;
            right: -15px;
            z-index: 2;
            display: block;
            transition: all ease-in .5s;
        }

    div#mojaSmetka-landing-new .mojaSmetka-packagesBox .image {
        position: relative;
        width: 90px;
        height: 60px;
        margin: 0 auto;
        display: block;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center bottom;
        transition: all ease-in .5s;
    }

.mojaSmetka-packagesBox:hover * {
    transition: all ease-in .5s;
}

.mojaSmetka-packagesBox.online .image {
    background-image: url('../content/images/moja-smetka/online.png');
}

.mojaSmetka-packagesBox.online:hover .image {
    background-image: url('../content/images/moja-smetka/online-w.png');
}

.mojaSmetka-packagesBox.app .image {
    background-image: url('../content/images/moja-smetka/app.png');
}

.mojaSmetka-packagesBox.app:hover .image {
    background-image: url('../content/images/moja-smetka/app-w.png');
}

.mojaSmetka-packagesBox.plati .image {
    background-image: url('../content/images/moja-smetka/mojtelekom.png');
}

.mojaSmetka-packagesBox.plati:hover .image {
    background-image: url('../content/images/moja-smetka/mojtelekom-w.png');
}

.mojaSmetka-packagesBox.avtomat .image {
    background-image: url('../content/images/moja-smetka/avtomati.png');
}

.mojaSmetka-packagesBox.avtomat:hover .image {
    background-image: url('../content/images/moja-smetka/avtomati-w.png');
}

.mojaSmetka-packagesBox.nalog .image {
    background-image: url('../content/images/moja-smetka/traennalog.png');
}

.mojaSmetka-packagesBox.nalog:hover .image {
    background-image: url('../content/images/moja-smetka/traennalog-w.png');
}

.mojaSmetka-packagesBox.atm .image {
    background-image: url('../content/images/moja-smetka/ATM.png');
}

.mojaSmetka-packagesBox.atm:hover.image {
    background-image: url('../content/images/moja-smetka/ATM-white.png');
}

.mojaSmetka-packagesBox.prodavnici .image {
    background-image: url('../content/images/moja-smetka/prodavnici.png');
}

.mojaSmetka-packagesBox.partneri .image {
    background-image: url('../content/images/moja-smetka/tpartneri.png');
}

.mojaSmetka-packagesBox.banka .image {
    background-image: url('../content/images/moja-smetka/banki.png');
}

.mojaSmetka-landing-faq {
    background: #F1F3F7 0% 0% no-repeat padding-box;
    position: relative;
}

    .mojaSmetka-landing-faq .mojaSmetka-faq-box {
        margin-bottom: 40px;
    }

    .mojaSmetka-landing-faq .panel-heading {
        padding: 15px 20px;
        border: 0;
    }

        .mojaSmetka-landing-faq .panel-heading h4 {
            padding: 0;
            font-size: 20px;
        }

            .mojaSmetka-landing-faq .panel-heading h4 a {
                color: black;
                text-decoration: none;
                display: block;
                position: relative;
            }

                .mojaSmetka-landing-faq .panel-heading h4 a.collapsed:after {
                    content: '';
                    position: absolute;
                    width: 30px;
                    height: 30px;
                    top: 0;
                    right: 0;
                    background-image: url(../content/images/plus.png) !important;
                    background-repeat: no-repeat;
                    background-position: right 0px center;
                    background-size: inherit;
                    filter: grayscale(0);
                }

                .mojaSmetka-landing-faq .panel-heading h4 a:after {
                    content: '';
                    position: absolute;
                    width: 30px;
                    height: 30px;
                    top: 40px;
                    right: 10px;
                    background-image: url(../content/images/minus.png);
                    background-repeat: no-repeat;
                    background-position: right 0px center;
                    background-color: transparent;
                    filter: grayscale(1);
                }

.mojaSmetka-faq-box .panel-default .panel-body p {
    font-size: 18px;
    line-height: 1.2;
}

.mojaSmetka-faq-box .panel-default .panel-body a {
    color: #e20074;
}

.mojaSmetka-faq-box .panel-default {
    border: 0;
    box-shadow: none;
}

.mojaSmetka-faq-box h2 {
    font-size: 35px;
    font-family: teleNeo-extra !important;
    color: black;
    margin: 50px 0 30px;
    text-transform: uppercase;
}

div#mojaSmetka-landing-new .mojaSmetka-packagesBox a {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 3;
    position: relative;
}

@media(max-width: 767px) {
    div#mojaSmetka-landing-new .mojaSmetka-landing-intro {
        padding: 43% 0 2%;
        height: auto;
    }

    div#mojaSmetka-landing-new .title:before,
    div#mojaSmetka-landing-new .title:after {
        display: none;
    }

    div#mojaSmetka-landing-new .title {
        width: 85%;
    }

    div#mojaSmetka-landing-new .mojaSmetka-packagesBox {
        margin: 20px 0;
    }

    .mojaSmetka-landing-intro .col-xs-12:after {
        display: none;
    }
}

.bts-new-packet.radio-button-table-one span.old-price {
    color: black !important;
    font-family: 'teleNeo-medium' !important;
    text-decoration: line-through;
    margin-right: 4px;
}

    .bts-new-packet.radio-button-table-one span.old-price:before {
        display: none;
    }

.bts-new-packet.radio-button-table-one span.new-price {
    position: relative;
    color: #e20074;
    font-family: 'teleNeo-medium' !important;
}

/*#endregion moja smetka redesign*/


/*#region roaming west balkan roaming*/

div#west-balkan section.west-balkan-banner {
    position: relative;
    background-image: url(../content/images/west-balkan-banner.jpg);
    height: 375px;
    background-size: cover;
    background-position: 0 38%;
    background-repeat: no-repeat;
}

div#west-balkan h1 {
    font-size: 36px;
    margin: 40px 0;
    font-family: teleNeo-extra !important;
}

div#west-balkan .west-balkan-content h2 {
    font-size: 24px;
    margin: 20px 0;
    color: #e20074;
    font-family: 'teleNeo-bold' !important;
}

div#west-balkan h3 {
    font-size: 20px;
    font-family: 'teleNEo-medium' !important;
}

div#west-balkan h4 {
    text-transform: uppercase;
    font-size: 21px;
    font-family: 'teleNeo-medium' !important;
}

div#west-balkan p {
    font-size: 18px;
    line-height: 1.2;
}

div#west-balkan .panel-default h4 {
    padding: 0;
    margin: 0;
    position: relative;
}

div#west-balkan #wb-tables .panel-default .panel-heading {
    background-color: #f8f8f8;
}

div#west-balkan #wb-tables .panel-default h4 {
    text-transform: none;
}

div#west-balkan #wb-tables .panel-default a {
    color: #333;
    text-decoration: none;
    text-shadow: none;
    font-size: 18px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 10px 15px 10px 0px;
    background-color: #f8f8f8;
    box-shadow: none;
    display: block;
    width: 100%;
}

    div#west-balkan #wb-tables .panel-default a:after {
        position: absolute;
        top: 15px;
        bottom: auto;
        right: 5px;
        content: '$';
        font-size: 22px;
        margin: auto;
        font-family: 'teleicon-outline';
        transform: rotateZ( 0deg );
    }

div#west-balkan #wb-example .panel-default {
    background-color: transparent;
    border: 0 !important;
    box-shadow: none;
}

div#west-balkan div#wb-example .panel-default .panel-heading {
    background-color: transparent;
    position: relative;
    display: block;
    padding: 10px 0;
}

    div#west-balkan div#wb-example .panel-default .panel-heading a {
        background-color: transparent;
        position: relative;
        display: block;
        width: 90px;
        color: #e20074;
        font-family: 'teleNeo-medium' !important;
        text-transform: uppercase;
        font-size: 18px;
    }

        div#west-balkan div#wb-example .panel-default .panel-heading a:hover {
            text-decoration: none;
        }

        div#west-balkan div#wb-example .panel-default .panel-heading a:after {
            content: '%[';
            font-family: 'teleicon-outline';
            position: absolute;
            color: #e20074;
            font-size: 19px;
            top: -1px;
            right: 0;
            margin: auto;
            transform: rotateZ( -90deg );
            transition-property: transform;
            transition-duration: .25s;
        }

div#west-balkan div#wb-example .panel-default .panel-body {
    border: 0 !important;
}

div#wb-tables table tr td:first-child {
    width: 57%;
    text-align: left;
}

div#wb-tables table tr td {
    text-align: center;
    background: transparent;
    padding: 15px 0;
    border-bottom: 1px solid #e5e5e5 !important;
}

div#wb-tables table thead tr th {
    background: transparent;
}

div#wb-tables table thead tr {
    border-bottom: 2px solid #e20074;
}

div#west-balkan .table.table-pripejd tr th {
    background: #e20075;
    color: white;
    text-align: center;
    padding: 10px 15px;
    box-shadow: none !important;
    font-size: 16px !important;
}

div#west-balkan .table.table-pripejd .table > thead > tr > th, .table > tbody > tr > th,
div#west-balkan .table.table-pripejd .table > tfoot > tr > th, .table > thead > tr > td,
div#west-balkan .table.table-pripejd .table > tbody > tr > td, .table > tfoot > tr > td {
    border-bottom: 1px solid #dedede !important;
    border-width: 1px !important;
}

div#west-balkan .table.table-pripejd tr th:first-child {
    text-align: left !important;
}

div#west-balkan .table.table-pripejd tr td {
    background-color: transparent;
    border-bottom: 1px solid #dedede !important;
    padding: 10px 15px;
    text-align: center;
    font-size: 16px;
    border-top: 0 !important;
    border-width: 1px !important;
    border-color: #dedede !important;
}

div#west-balkan .table.table-pripejd {
    position: relative;
    width: 100%;
    display: block;
    margin: 35px 0 50px;
}

.table.table-pripejd tr td:first-child {
    text-align: left !important;
}

div#west-balkan .table.table-pripejd tbody tr:last-child td {
    border-bottom: 0 !important;
}

div#west-balkan .table.table-pripejd tr:last-child th {
    background: #e9e9e9 !important;
    color: #333 !important;
    border-bottom: 1px solid #dedede !important;
}

div#west-balkan .faq {
    background: #fafafa;
}

    div#west-balkan .faq h2 {
        color: #333;
        font-size: 36px;
        font-family: teleNeo-medium !important;
        text-align: center;
        margin: 40px 0 20px;
    }

    div#west-balkan .faq .panel-default .panel-heading {
        background-color: transparent;
        border: 0 !important;
        box-shadow: none !important;
        padding: 20px 10px;
    }

    div#west-balkan .faq .panel-default {
        border-bottom: 1px solid #bfbfbf;
        box-shadow: none;
        border-top: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        background: transparent;
    }

        div#west-balkan .faq .panel-default .panel-body {
            border-top: 0 !important;
            padding: 15px 10px;
        }

        div#west-balkan .faq .panel-default .panel-heading a {
            font-size: 19px;
            position: relative;
            display: block;
            width: 100%;
            font-family: teleNeo-medium !important;
            padding-right: 50px;
        }

            div#west-balkan .faq .panel-default .panel-heading a:hover,
            div#west-balkan .faq .panel-default .panel-heading a:focus {
                text-decoration: none;
                color: #333;
            }

            div#west-balkan .faq .panel-default .panel-heading a:after {
                content: ']$';
                font-family: 'teleicon-outline';
                position: absolute;
                color: #333;
                font-size: 22px;
                top: 0;
                right: 20px;
                margin: auto;
                transform: rotateZ( -180deg );
            }

            div#west-balkan .faq .panel-default .panel-heading a.collapsed:after {
                content: ']$';
                font-family: 'teleicon-outline';
                position: absolute;
                color: #333;
                font-size: 22px;
                top: 0px;
                right: 20px;
                margin: auto;
                transform: rotateZ( 0deg );
            }

    div#west-balkan .faq h4 {
        text-transform: none;
    }

@media(max-width: 767px) {
    .modal.mail-contactForm .modal-dialog .modal-content .close {
        top: -25px;
        right: -10px;
    }

    div#west-balkan section.west-balkan-banner {
        background-position: 85% 38%;
    }

    div#west-balkan h1 {
        font-size: 28px;
    }

    div#wb-tables .panel-default {
        margin-bottom: 20px;
    }

    div#west-balkan #wb-tables .panel-default a {
        font-size: 17px;
    }

    div#west-balkan .faq h2 {
        font-size: 28px;
    }

    div#west-balkan .faq .panel-default .panel-heading a {
        font-size: 18px;
    }
}
/*#endregion roaming west balkan roaming*/


/*#region prepaid esim baneri*/
#esim-pripejd {
    position: relative;
    height: 300px;
    background-image: url(../content/images/prepaid/pripejd-esim-banner.jpg);
    background-position: 10% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

    #esim-pripejd.sq {
        background-image: url(../content/images/prepaid/pripejd-esim-banner-sq.jpg);
    }

    #esim-pripejd.en {
        background-image: url(../content/images/prepaid/pripejd-esim-banner-en.jpg);
    }

@media(max-width: 767px) {
    #esim-pripejd {
        background-image: url(../content/images/prepaid/esim-nov-broj-neww.jpg);
        height: 300px;
    }

        #esim-pripejd.sq {
            background-image: url(../content/images/prepaid/pripejd-esim-banner-mob-sq.jpg);
            height: 300px;
        }

        #esim-pripejd.en {
            background-image: url(../content/images/prepaid/pripejd-esim-banner-mob-en.jpg);
            height: 300px;
        }
}

@media(min-width: 768px) and (max-width: 991px) {
    #esim-pripejd {
        background-image: url(../content/images/prepaid/esim-nov-broj-neww.jpg);
        height: 600px;
    }

        #esim-pripejd.sq,
        #esim-pripejd.en {
            height: 600px;
        }
}
/*#endregion prepaid esim baneri*/


/*#region maxtv za biznis B2B*/
#maxtv-za-biznis .main-banner {
    background-image: url(../content/images/max-tv-biznis-new-1.jpg);
    position: relative;
    background-position: center;
    background-size: cover;
    padding: 28% 0 0;
}

    #maxtv-za-biznis .main-banner.sq {
        background-image: url(../content/images/max-tv-biznis-new-1-sq.jpg);
    }

    #maxtv-za-biznis .main-banner .header {
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 0;
        position: absolute;
        bottom: 0;
        width: 60%;
        padding: 4% 0 0 2px;
    }

        #maxtv-za-biznis .main-banner .header:before {
            background-image: url(../content/images/mob-internet-paketi/Mobilni-internet-paketi-shape.png);
            position: absolute;
            content: '';
            background-size: contain;
            background-position: left;
            background-repeat: no-repeat;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            z-index: 0;
        }

        #maxtv-za-biznis .main-banner .header .wrapper {
            padding: 2% 52% 4% 12%;
        }

        #maxtv-za-biznis .main-banner .header h1 {
            font-size: 33px;
            color: #fff;
            font-family: 'teleNeo-bold' !important;
            text-align: left;
            z-index: 1;
            position: relative;
            text-transform: none;
        }

#maxtv-za-biznis .promo-box {
    background: #e20074;
    color: white;
    padding: 20px;
    margin: 20px 0 40px;
}

    #maxtv-za-biznis .promo-box h3 {
        color: white;
        font-family: 'teleNeo-bold' !important;
        font-size: 25px;
        margin-bottom: 30px;
    }

#maxtv-za-biznis .maxtv-za-biznis-content h2.black-bcg {
    background-color: black;
    margin-bottom: 50px;
    width: 680px;
    text-align: center;
    margin: 50px auto;
    color: white;
    text-transform: uppercase;
    padding: 15px;
    font-size: 42px;
    transform: skewX( -25deg );
}

    #maxtv-za-biznis .maxtv-za-biznis-content h2.black-bcg span {
        transform: skewX( 25deg );
        position: relative;
        display: block;
        font-family: 'teleNeo-extra' !important;
    }

#maxtv-za-biznis section.mob-paketi {
    margin-top: 60px;
}

#maxtv-za-biznis .maxtv-za-biznis-content p {
    text-align: center;
    font-size: 19px;
    line-height: 1.2;
}

#maxtv-za-biznis .boxes {
    position: relative;
    text-align: center;
    margin: 50px 0;
}

.maxtv-za-biznis-content ul.t-ul-new-magenta {
    margin: 30px 0 70px;
}

    .maxtv-za-biznis-content ul.t-ul-new-magenta li {
        font-size: 18px;
        line-height: 1.2;
        margin-bottom: 12px;
    }

        .maxtv-za-biznis-content ul.t-ul-new-magenta li a {
            color: black;
            text-decoration: underline;
        }

#maxtv-za-biznis .boxes .box-wrap {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 46px rgba(0, 0, 0, .14);
    -webkit-box-shadow: 0px 3px 46px rgba(0, 0,0, .14);
    -moz-box-shadow: 0px 3px 46px rgba(0, 0, 0, .14);
    min-height: 155px;
}

#maxtv-za-biznis #tarifi .boxes .box-wrap {
    min-height: 275px;
}

#maxtv-za-biznis .boxes .box-wrap h2 {
    display: block;
    font-size: 22px;
    font-family: 'teleNeo-regular' !important;
    padding: 15px 10px;
}

    #maxtv-za-biznis .boxes .box-wrap h2 span {
        display: block;
        font-size: 25px;
        font-family: 'teleNeo-extra' !important;
        margin-top: 10px;
    }

#maxtv-za-biznis .boxes span.bts-paket-ddv {
    display: none;
}

#maxtv-za-biznis .boxes .box-wrap .smart-priceWraper {
    position: relative;
    display: block;
    width: 70%;
    overflow: hidden;
    margin: 10px auto;
    padding: 20px 0;
}

    #maxtv-za-biznis .boxes .box-wrap .smart-priceWraper .p-left-smart span {
        font-size: 30px;
        font-family: 'teleNeo-bold' !important;
    }

    #maxtv-za-biznis .boxes .box-wrap .smart-priceWraper .p-right-smart {
        position: relative;
        display: inline;
        float: left;
        width: 30%;
        bottom: 0 !important;
        top: 3px;
        color: #333;
        text-align: right;
        margin-left: 6px;
    }

        #maxtv-za-biznis .boxes .box-wrap .smart-priceWraper .p-right-smart span {
            color: #333;
            text-transform: none;
            text-align: left;
            font-size: 13px !important;
        }

    #maxtv-za-biznis .boxes .box-wrap .smart-priceWraper .p-left-smart {
        position: relative;
        display: inline;
        width: 50%;
        float: left;
        text-align: right;
    }

#maxtv-za-biznis .boxes .box-wrap .icons {
    position: relative;
    display: block;
    margin: 20px 0;
}

    #maxtv-za-biznis .boxes .box-wrap .icons span {
        width: 35px;
        height: 35px;
        display: inline-block;
        top: 0 !important;
    }

#maxtv-za-biznis .tabovi {
    position: relative;
    margin: 0 0 40px;
}

    #maxtv-za-biznis .tabovi ul {
        width: 55%;
        margin: 0 auto;
        border: 0;
        text-align: center;
        display: block;
    }

        #maxtv-za-biznis .tabovi ul li {
            background: none;
            display: inline;
            float: left;
            margin: 0px;
            padding: 0;
            border: 0;
            width: 50%;
        }

    #maxtv-za-biznis .tabovi li a {
        position: relative;
        text-transform: uppercase;
        font-family: 'teleNeo-bold' !important;
        font-size: 18px;
        padding: 10px 15px;
        border: 0;
        border-radius: 0;
    }

    #maxtv-za-biznis .tabovi li a {
        background: transparent;
        color: #84919B;
        font-family: 'teleNeo-regular' !important;
    }

        #maxtv-za-biznis .tabovi li.active a,
        #maxtv-za-biznis .tabovi li a:hover {
            border: 0;
            color: black !important;
            background: #EEEFF2;
            font-family: 'teleNeo-bold' !important;
        }

#maxtv-za-biznis .tab-pane {
    display: none;
    visibility: hidden;
    opacity: 0;
}

    #maxtv-za-biznis .tab-pane.active {
        display: block;
        visibility: visible;
        opacity: 1;
    }

#maxtv-za-biznis .boxes .box-wrap .smart-priceWraper.custom .p-left-smart {
    width: 100%;
    text-align: center;
}

    #maxtv-za-biznis .boxes .box-wrap .smart-priceWraper.custom .p-left-smart span {
        font-size: 23px;
        font-family: teleNeo-medium !important;
    }

@media(max-width: 320px) {
    #maxtv-za-biznis .main-banner {
        height: 260px !important;
    }

        #maxtv-za-biznis .main-banner .header h1 {
            font-size: 22px !important;
        }

    #maxtv-za-biznis .maxtv-za-biznis-content h2.black-bcg {
        width: 90%;
        font-size: 24px !important;
    }
}

@media(max-width: 767px) {
    #maxtv-za-biznis .main-banner {
        height: 300px;
    }

        #maxtv-za-biznis .main-banner .header {
            width: 100%;
            padding: 10% 0 0 2px;
        }

            #maxtv-za-biznis .main-banner .header .wrapper {
                padding: 2% 25% 4% 12%;
            }

            #maxtv-za-biznis .main-banner .header h1 {
                font-size: 24px;
            }

    #maxtv-za-biznis .maxtv-za-biznis-content h2.black-bcg {
        width: 90%;
        font-size: 29px;
    }

    #maxtv-za-biznis .tabovi ul {
        width: 100%;
        margin: 0 auto;
    }

        #maxtv-za-biznis .tabovi ul li {
            height: 100px;
        }

            #maxtv-za-biznis .tabovi ul li a {
                display: block;
                height: 100%;
                font-size: 16px;
                padding: 10px;
            }
}

@media(min-width: 768px) and (max-width: 991px) {
    #maxtv-za-biznis .main-banner {
        padding: 45% 0 0;
    }

        #maxtv-za-biznis .main-banner .header {
            width: 60%;
            padding: 7% 0 0 2px;
        }

            #maxtv-za-biznis .main-banner .header .wrapper {
                padding: 2% 23% 4% 12%;
            }

            #maxtv-za-biznis .main-banner .header h1 {
                font-size: 32px;
            }

    #maxtv-za-biznis .boxes .box-wrap {
        margin-bottom: 30px;
        min-height: 280px;
    }

        #maxtv-za-biznis .boxes .box-wrap .title {
            min-height: 120px;
        }

    #maxtv-za-biznis .tabovi ul {
        width: 72%;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #maxtv-za-biznis .main-banner .header {
        width: 60%;
        padding: 6% 0 0 2px;
    }

        #maxtv-za-biznis .main-banner .header .wrapper {
            padding: 2% 39% 4% 12%;
        }
}
/*#endregion maxtv za biznis B2B*/


/*#region 100gb mobilen internet*/
#ekstra-internet-magenta .main-banner {
    position: relative;
    background-image: url(../content/images/100-gb-vnatreshen-banner.jpg);
    background-size: cover;
    height: 400px;
    width: 100%;
    background-position: center;
}

    #ekstra-internet-magenta .main-banner.sq {
        background-image: url(../content/images/100-gb-vnatreshen-banner-sq.jpg);
    }

div#ekstra-internet-magenta h1 {
    text-align: center;
    font-size: 40px;
    margin: 50px 0;
    font-family: 'teleNeo-medium' !important;
}

    div#ekstra-internet-magenta h1 span {
        font-family: 'teleNeo-extra' !important;
    }

div#ekstra-internet-magenta p {
    font-size: 19px;
    line-height: 1.2;
    text-align: center;
}

    div#ekstra-internet-magenta p.small {
        font-size: 15px;
        background-color: #f8f8f8;
        padding: 20px;
    }

div#ekstra-internet-magenta h2 {
    text-align: center;
    font-size: 28px;
    color: black;
    margin: 40px 0;
    line-height: 1.2;
}

@media(max-width: 767px) {
    #ekstra-internet-magenta .main-banner {
        position: relative;
        background-image: url(../content/images/100-gb-mobilen-internet-banner-mob.jpg);
        height: 230px;
    }

    div#ekstra-internet-magenta h1 {
        font-size: 30px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #ekstra-internet-magenta .main-banner {
        height: 330px;
    }
}
/*#endregion 100gb mobilen internet*/

/*#region cookies mkt hp*/

#cookiesModal.cookies.gdpr.in,
#settingsModal.gdprSettings.in {
    display: block;
}

#cookiesModal.cookies.gdpr.in {
    display: block;
    position: fixed;
    bottom: 0;
    height: 160px;
    top: inherit;
    box-shadow: 0 0 35px 7px #00000014;
    -webkit-box-shadow: 0 0 35px 7px #00000014;
    -moz-box-shadow: 0 0 35px 7px #00000014;
}

    #cookiesModal.cookies.gdpr.in .modal-content {
        padding: 10px 20px;
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
        border-radius: 0;
        border: 0;
    }

    #cookiesModal.cookies.gdpr.in .modal-dialog {
        position: absolute;
        bottom: 0;
        width: 100%;
        border-radius: 0;
        margin: 0;
        height: 100%;
        top: initial;
        padding: 0;
    }

    #cookiesModal.cookies.gdpr.in .modal-body {
        width: 100%;
        position: relative;
    }

    #cookiesModal.cookies.gdpr.in .modal-footer {
        width: 100%;
        position: relative;
        text-align: left;
    }

#settingsModal.gdprSettings.in {
    display: block;
}



#cookiesModal.cookies.gdpr.in .modal-header,
#cookiesModal.cookies.gdpr.in .modal-body,
#cookiesModal.cookies.gdpr.in .modal-footer {
    border: 0;
    padding: 0px 20px;
}

#settingsModal.gdprSettings.in .modal-header,
#settingsModal.gdprSettings.in .modal-body,
#settingsModal.gdprSettings.in .modal-footer {
    border: 0;
    padding: 5px 20px;
}

#cookiesModal.cookies.gdpr.in .modal-content {
    padding: 10px 20px;
}

#settingsModal.gdprSettings.in .modal-content {
    overflow-y: scroll;
    height: 450px;
    padding: 10px 20px;
    margin: 35% auto 10%;
}

#settingsModal.gdprSettings.in .modal-header .close {
    margin-top: 5px;
    margin-right: -20px;
    font-size: 28px;
}

#cookiesModal.cookies.gdpr.in h2,
#settingsModal.gdprSettings.in h2 {
    text-transform: uppercase;
    color: #e20074;
    font-family: 'teleNeo-bold' !important;
    font-size: 20px;
    margin-top: 0;
    position: relative;
    top: 5px;
}

#cookiesModal.cookies.gdpr.in p,
#settingsModal.gdprSettings.in p {
    font-size: 14px;
    color: black;
    line-height: 1.2;
}

#cookiesModal.cookies.gdpr.in ul.linkarea li {
    display: inline;
}

    #cookiesModal.cookies.gdpr.in ul.linkarea li a {
        padding: 6px 8px;
        font-size: 15px;
        border-radius: 0;
    }

        #cookiesModal.cookies.gdpr.in ul.linkarea li a#custom-cookies-btn {
            color: #e20074;
            border: 1px solid;
        }

        #cookiesModal.cookies.gdpr.in ul.linkarea li a#all-cookies-btn {
            background-color: #e20074;
            color: white;
        }

#settingsModal.gdprSettings label {
    background-image: none !important;
}

#settingsModal.gdprSettings.in .wrapper {
    margin: 20px 0;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
}

    #settingsModal.gdprSettings.in .wrapper .header {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
    }

        #settingsModal.gdprSettings.in .wrapper .header .title {
            position: relative;
        }

    #settingsModal.gdprSettings.in .wrapper h3 {
        margin-bottom: 10px;
        color: #333;
        font-family: 'teleNeo-medium' !important;
        font-size: 19px;
        padding-left: 55px;
    }

        #settingsModal.gdprSettings.in .wrapper h3:before {
            background-size: cover;
            background-repeat: no-repeat;
            padding: 19px;
            position: absolute;
            left: 0;
            top: 10px;
        }

        #settingsModal.gdprSettings.in .wrapper h3.cookies-obligatory:before {
            content: '';
            background-image: url(../content/images/star.svg);
        }

        #settingsModal.gdprSettings.in .wrapper h3.cookies-analyze:before {
            content: '';
            background-image: url(../content/images/analytics.svg);
        }

        #settingsModal.gdprSettings.in .wrapper h3.cookies-marketing:before {
            content: '';
            background-image: url(../content/images/marketing.svg);
        }

        #settingsModal.gdprSettings.in .wrapper h3.cookies-functionality:before {
            content: '';
            background-image: url(../content/images/settings.svg);
        }

#settingsModal.gdprSettings.in ul.linkarea {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

#settingsModal.gdprSettings.in ul li a.link {
    color: black;
    text-decoration: underline;
    font-size: 16px;
}

#settingsModal.gdprSettings.in ul li a#change-ok {
    background-color: #e20074;
    color: white;
    padding: 6px;
    font-size: 16px;
}

#settingsModal.gdprSettings.in::-webkit-scrollbar {
    width: 10px; /* for vertical scrollbars */
    height: 10px; /* for horizontal scrollbars */
}

#settingsModal.gdprSettings.in .modal-content ::-webkit-scrollbar {
    width: 5px;
}

#settingsModal.gdprSettings.in .modal-content ::-webkit-scrollbar-track {
    background: #ddd;
}

#settingsModal.gdprSettings.in .modal-content ::-webkit-scrollbar-thumb {
    background: #e20074;
}


#settingsModal.gdprSettings .toggle {
    position: relative;
    top: 13px;
    right: 0;
    width: 50px;
    height: 30px;
}

    #settingsModal.gdprSettings .toggle .slide-toggle {
        position: relative;
        display: inline-block;
        display: block;
        width: 100%;
        height: 100%;
    }

        #settingsModal.gdprSettings .toggle .slide-toggle input {
            position: absolute;
            right: 0;
            top: 0;
            margin: auto;
            padding: 8px 30px 8px 24px;
            display: block;
            z-index: 4;
            opacity: 0;
            cursor: pointer;
            width: 100%;
            height: 100%;
        }

            #settingsModal.gdprSettings .toggle .slide-toggle input[type=checkbox]:disabled {
                cursor: not-allowed;
            }

                #settingsModal.gdprSettings .toggle .slide-toggle input[type=checkbox]:disabled + .yes {
                    background-color: rgba(70, 168, 0, .65);
                    border: 1px solid rgba(70, 168, 0, .65);
                    border-radius: 15px;
                    box-shadow: rgba(70, 168, 0, .65) 0px 0px 0px;
                }

            #settingsModal.gdprSettings .toggle .slide-toggle input + .yes {
                opacity: 0;
                background-color: rgb(70, 168, 0);
                border: 1px solid rgb(70, 168, 0);
                border-radius: 15px;
                box-shadow: rgb(70, 168, 0) 0px 0px 0px;
            }

                #settingsModal.gdprSettings .toggle .slide-toggle input + .yes i {
                    left: 1px;
                    right: auto;
                }

                #settingsModal.gdprSettings .toggle .slide-toggle input + .yes + .no {
                    opacity: 1;
                    background-color: rgb(194, 195, 193);
                    border: 1px solid rgb(194, 195, 193);
                    border-radius: 15px;
                    box-shadow: rgb(194,195, 193) 0px 0px 0px;
                }

                    #settingsModal.gdprSettings .toggle .slide-toggle input + .yes + .no i {
                        left: 1px;
                        right: auto;
                    }

            #settingsModal.gdprSettings .toggle .slide-toggle input:checked + .yes {
                opacity: 1;
            }

                #settingsModal.gdprSettings .toggle .slide-toggle input:checked + .yes i {
                    right: 1px;
                    left: auto;
                }

                #settingsModal.gdprSettings .toggle .slide-toggle input:checked + .yes + .no {
                    opacity: 0;
                }

                    #settingsModal.gdprSettings .toggle .slide-toggle input:checked + .yes + .no i {
                        right: 1px;
                        left: auto;
                    }

        #settingsModal.gdprSettings .toggle .slide-toggle .yes {
            text-align: left;
            min-width: 50px;
            padding: 13px 20px;
        }

        #settingsModal.gdprSettings .toggle .slide-toggle .no {
            text-align: right;
            min-width: 50px;
            padding: 13px 20px;
        }

        #settingsModal.gdprSettings .toggle .slide-toggle .yes,
        #settingsModal.gdprSettings .toggle .slide-toggle .no {
            position: absolute;
            right: 0;
            top: 0;
            color: white;
            border-radius: 18px;
            text-align: center;
        }

            #settingsModal.gdprSettings .toggle .slide-toggle .yes i,
            #settingsModal.gdprSettings .toggle .slide-toggle .no i {
                display: block;
                font-size: 32px;
                position: absolute;
                top: 0;
                color: #fff;
                width: 23px;
                height: 23px;
                border-radius: 50%;
                background: white;
                bottom: 0;
                margin: auto;
            }

div#cookies-mkt h1 {
    font-size: 37px;
    font-family: 'teleNeo-extra' !important;
    margin: 60px auto;
    text-align: center;
}

div#cookies-mkt * {
    font-size: 18px;
    line-height: 1.2;
}

div#cookies-mkt .gray-bcg {
    background: #f5f5f5;
    padding: 20px;
    text-align: left;
}

div#cookies-mkt h2 {
    font-size: 24px;
    margin: 30px 0 20px 0;
    font-family: 'teleNeo-bold' !important;
}

div#cookies-mkt {
    position: relative;
    margin-bottom: 110px;
}

@media(max-width: 767px) {
    #cookiesModal.cookies.gdpr.in {
        height: 405px;
    }

    #settingsModal.gdprSettings.in h2 {
        width: 90%;
    }

    #settingsModal.gdprSettings.in ul.linkarea {
        display: block;
    }

        #cookiesModal.cookies.gdpr.in ul.linkarea li,
        #settingsModal.gdprSettings.in ul.linkarea li {
            margin: 10px 10px 0 0;
            display: inline-block;
        }

    #settingsModal.gdprSettings.in .wrapper h3 {
        font-size: 20px;
    }

    #settingsModal.gdprSettings .toggle .slide-toggle {
        top: 15px;
    }

    #settingsModal.gdprSettings.in .modal-header .close {
        margin-top: 15px;
        margin-right: 0px;
        font-size: 28px;
        z-index: 2;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #cookiesModal.cookies.gdpr.in {
        height: 200px;
    }
}
/*#endregion cookies mkt hp*/

/*#region beethoven*/
#beethoven .black-bg {
    background-color: black;
    padding: 4% 0 15%;
    position: relative;
    z-index: 2;
}

    #beethoven .black-bg:after {
        content: '';
        background-image: url(../content/images/beethoven/beethoven.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right center;
        position: absolute;
        right: 0;
        width: 100%;
        height: 100%;
        border: 0;
        top: 0;
        opacity: .6;
        z-index: 0;
    }

    #beethoven .black-bg:before {
        content: '';
        position: absolute;
        background-image: url(../content/images/beethoven/Group-5.png);
        background-size: contain;
        background-position: left center;
        width: 100%;
        height: 100%;
        left: -40%;
        top: -3%;
        z-index: 2;
        background-repeat: no-repeat;
    }

#beethoven .headers {
    position: relative;
    margin: 0 auto;
    width: 85%;
    text-align: center;
    z-index: 2;
}

/*@supports (-webkit-text-stroke: 1px black) {
    #beethoven h1 {
        -webkit-text-stroke: 1px black;
        -webkit-text-fill-color: #e20074;
    }
}*/

#beethoven h1 {
    /*  text-shadow: -4px -5px 0 #000000, -4px -4px 0 #fafafa21, -4px -4px 0 #f8f8f82e, -4px -6px 0 #f8f8f875;*/
    font-size: 61px;
    margin: 30px 0;
    font-family: 'teleNeo-extra' !important;
    text-align: center;
    line-height: 1;
    margin: 0px 0 20px 0;
}

#beethoven h2 {
    color: #e20074;
    font-family: teleNeo-regular !important;
    text-transform: uppercase;
    font-size: 45px;
    margin-bottom: 20px;
}

#beethoven h3 {
    font-size: 21px;
    color: white;
    font-family: teleNeo-regular !important;
    margin: 15px auto 15px auto;
}

#beethoven .content {
    position: relative;
    width: 100%;
    text-align: center;
    margin: 30px auto 20px;
    z-index: 2;
}

    #beethoven .content p {
        font-size: 21px;
        color: white;
        padding: 0 20%;
    }

#beethoven .event-box {
    position: relative;
    border: 2px solid white;
    display: inline-block;
    padding: 20px 0;
    margin: 60px 0 0;
    overflow: visible;
    width: 100%;
    display: table;
}

    #beethoven .event-box:before {
        position: absolute;
        content: '';
        left: -6px;
        top: -6px;
        border: 1px solid #f5f5f5;
        width: 993px;
        height: 100%;
        z-index: 2;
        display: inline-block;
    }

    #beethoven .event-box .box {
        width: 33.333%;
        display: table-cell;
        vertical-align: top;
        text-align: left;
        padding: 10px 25px 10px 60px;
        position: relative;
    }

        #beethoven .event-box .box:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/beethoven/clock-fill.png);
            background-size: contain;
            width: 30px;
            height: 28px;
            background-repeat: no-repeat;
            left: 15px;
            top: 25px;
        }

        #beethoven .event-box .box:after {
            content: '';
            position: absolute;
            height: 100%;
            width: 1px;
            top: 0;
            right: 0;
            display: block;
            background: white;
        }

        #beethoven .event-box .box:last-of-type:after {
            content: '';
            display: none;
            border: 0;
        }

        #beethoven .event-box .box:nth-child(2):before {
            background-image: url(../content/images/beethoven/calendar-fill.png);
        }

        #beethoven .event-box .box:last-of-type:before {
            background-image: url(../content/images/beethoven/video.png);
        }

        #beethoven .event-box .box:last-of-type {
            border: 0;
        }

        #beethoven .event-box .box ruby {
            position: relative;
            display: inherit !important;
        }

            #beethoven .event-box .box ruby * {
                width: 100%;
                display: inline-block;
                font-size: 17px;
                color: white;
            }

            #beethoven .event-box .box ruby ul li {
                margin-left: 0;
                font-size: 17px;
                font-family: teleNeo-bold !important;
                margin-bottom: 0;
            }

            #beethoven .event-box .box ruby rt {
                color: rgba(250, 250, 250, .82);
            }

            #beethoven .event-box .box ruby b {
                font-size: 17px !important;
            }

#beethoven .content a {
    padding: 25px 60px;
    background: #e20074;
    color: white;
    font-size: 22px;
    display: block;
    width: 200px;
    margin: 40px auto 0;
    text-decoration: none;
    position: relative;
}

    #beethoven .content a:before {
        content: '';
        background-image: url(../content/images/beethoven/icon-action-play-selected.png);
        background-size: cover;
        width: 27px;
        height: 27px;
        position: absolute;
        left: 10%;
        top: 25px;
        z-index: 2;
    }

#beethoven .video-box {
    position: absolute;
    width: 60%;
    margin: 0 auto;
    height: 500px;
    z-index: 2;
    left: 0;
    right: 0;
    margin-top: 40px;
    border: 1px solid #d8d8d84d;
}

    #beethoven .video-box iframe {
        width: 100%;
        height: 100%;
    }

    #beethoven .video-box .video-js .vjs-big-play-button {
        position: absolute !important;
        left: 0;
        right: 0;
        top: 40%;
        width: 50px !important;
        margin: 0 auto;
        border-radius: 50px !important;
        background-color: black;
        border: 1px solid white;
    }

    #beethoven .video-box .vjs-icon-pause:before,
    #beethoven .video-box .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
        content: "\f478";
        font-family: 'Ionicons' !important;
    }

    #beethoven .video-box .vjs-icon-play:before,
    #beethoven .video-box .video-js .vjs-play-control .vjs-icon-placeholder:before,
    #beethoven .video-box .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
        content: "\f488";
        font-family: 'Ionicons' !important;
    }

    #beethoven .video-box .vjs-icon-volume-high:before,
    #beethoven .video-box .video-js .vjs-mute-control .vjs-icon-placeholder:before {
        content: "\f3b8";
        font-family: 'Ionicons' !important;
    }

    #beethoven .video-box .vjs-icon-fullscreen-enter:before,
    #beethoven .video-box .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
        content: "\f25e";
        font-family: 'Ionicons' !important;
    }

    #beethoven .video-box .vjs-icon-picture-in-picture-enter:before,
    #beethoven .video-box .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
        content: "\f20a";
        font-family: 'Ionicons' !important;
    }

#beethoven .agenda {
    position: relative;
    padding: 17% 0 4% 0;
    background: transparent linear-gradient(180deg, #161624 0%, #232332 100%) 0% 0% no-repeat padding-box;
    overflow: hidden;
}

    #beethoven .agenda:after {
        position: absolute;
        content: '';
        background-image: url(../content/images/beethoven/Group-6.png);
        background-size: contain;
        background-position: right center;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        z-index: 1;
        top: -17%;
        right: -53%;
    }

    #beethoven .agenda .boxes {
        position: relative;
        width: 100%;
        display: block;
        overflow: hidden;
    }

        #beethoven .agenda .boxes div {
            position: relative;
            display: inline-block;
            width: 47%;
            margin: 20px 15px 25px 0px;
            background-color: white;
            padding: 60px 40px;
            top: 0;
            z-index: 2;
        }

        #beethoven .agenda .boxes .magenta-box {
            background-color: #e20074;
        }

        #beethoven .agenda .boxes .transparent {
            background: transparent !important;
            box-shadow: none !important;
            border: 1px solid white !important;
            padding: 60px 40px !important;
            margin: 25px 0 25px 15px;
        }

            #beethoven .agenda .boxes .transparent h3 {
                color: white !important;
            }

            #beethoven .agenda .boxes .transparent p {
                color: white !important;
            }

        #beethoven .agenda .boxes .white-box:nth-child(2) {
            top: 150px;
        }



            #beethoven .agenda .boxes .white-box:nth-child(2):after {
                content: '';
                position: absolute;
                border: 2px solid #e20074;
                z-index: 2;
                width: 100%;
                height: 100%;
                top: -10px;
                right: -11px;
            }

        #beethoven .agenda .boxes h3 {
            font-size: 24px;
            font-family: teleNeo-bold !important;
            line-height: 1.2;
            text-align: left;
            margin: 0 0 20px 0;
            padding: 0;
        }

        #beethoven .agenda .boxes .white-box h3 {
            color: #e20074;
        }

        #beethoven .agenda .boxes p {
            font-size: 18px;
            line-height: 1.2;
            color: white;
        }

        #beethoven .agenda .boxes .white-box p {
            color: black;
        }

    #beethoven .agenda .agenda-table {
        position: relative;
        margin: 30px 0 15px;
        width: 100%;
        padding: 4% 0;
        height: auto;
        background-color: #161620;
        z-index: 2;
    }

        #beethoven .agenda .agenda-table table {
            width: 80%;
            margin: 0 auto;
            background-color: transparent;
            color: white;
        }

    #beethoven .agenda .wrapper h2 {
        color: white;
        font-family: teleNeo-regular !important;
        text-transform: uppercase;
        font-size: 45px;
        text-align: center;
        margin: 40px 0;
    }

    #beethoven .agenda .agenda-table table * {
        background-color: transparent;
    }

    #beethoven .agenda .agenda-table table tr span.green-text {
        color: #83A933;
    }

    #beethoven .agenda .agenda-table table tr span {
        font-size: 18px;
        line-height: 1.2;
    }

    #beethoven .agenda .agenda-table table tr {
        border-bottom: 1px solid #f5f5f5;
    }

        #beethoven .agenda .agenda-table table tr td,
        #beethoven .agenda .agenda-table table tr th {
            padding: 25px 0px;
            font-size: 19px !important;
            border: 0;
            box-shadow: none;
            font-family: 'teleNeo-regular' !important;
        }

            #beethoven .agenda .agenda-table table tr th span {
                font-size: 38px !important;
                line-height: 1.2;
            }

                #beethoven .agenda .agenda-table table tr th span.text-magenta {
                    text-transform: uppercase;
                    font-family: 'teleNeo-extra' !important;
                }

                #beethoven .agenda .agenda-table table tr th span.time,
                #beethoven .agenda .agenda-table table tr th span.date {
                    font-size: 19px !important;
                    position: relative;
                    padding-left: 50px;
                    color: #b6b6b6;
                }

    #beethoven .agenda .agenda-table span.time:before {
        content: '';
        position: absolute;
        background-image: url('../content/images/beethoven/clock-outline.png');
        background-repeat: no-repeat;
        background-size: contain;
        width: 25px;
        height: 30px;
        left: 15px;
    }

    #beethoven .agenda .agenda-table span.date:before {
        content: '';
        position: absolute;
        background-image: url(../content/images/beethoven/calendar-outline.png);
        background-repeat: no-repeat;
        width: 30px;
        height: 30px;
        left: 15px;
    }

    #beethoven .agenda p.small {
        color: white;
        font-size: 15px;
    }

    #beethoven .agenda .guests {
        margin: 50px 0;
    }

        #beethoven .agenda .guests h3 {
            color: white;
            font-size: 30px;
            font-family: teleNeo-bold !important;
            margin: 30px auto;
            text-align: center;
            text-transform: uppercase;
        }

        #beethoven .agenda .guests .wrapper {
            background-image: url(../content/images/beethoven/white-bg-transparent.png);
            background-size: cover;
            background-position: center;
            border: 1px solid white;
            padding: 20px 40px;
            font-size: 18px;
            margin: 30px 0;
            width: 80%;
            margin: 50px auto;
            position: relative;
            color: white;
        }

@media (max-width: 767px) {
    #beethoven .black-bg:before {
        display: none;
    }

    #beethoven .headers {
        width: 100%;
    }

    #beethoven h1 {
        font-size: 40px;
    }

    #beethoven h2 {
        font-size: 25px;
    }

    #beethoven h3 {
        font-size: 20px;
    }

    #beethoven .content {
        width: 90%;
    }

        #beethoven .content p {
            padding: 0;
        }

    #beethoven .event-box {
        padding: 20px 0;
        margin: 90px 0 0;
        overflow: visible;
        width: 100%;
        display: block;
    }

        #beethoven .event-box:before {
            width: 100%;
            height: 100%;
        }

        #beethoven .event-box .box {
            width: 100%;
            display: block;
            float: none;
            text-align: left;
            padding: 10px 25px 10px 40px;
            border-bottom: 1px solid white;
            border-right: 0;
        }

            #beethoven .event-box .box:before {
                width: 22px;
                height: 28px;
                left: 8px;
                top: 25px;
            }

    #beethoven .video-box {
        position: absolute;
        width: 90%;
        height: auto;
        margin: 0 auto;
        margin-top: 10px;
        border: 1px solid #d8d8d84d;
    }

    #beethoven .agenda {
        padding: 50% 0 4% 0;
    }

        #beethoven .agenda .boxes div {
            width: 100%;
            margin: 20px auto;
            padding: 30px;
            top: 0;
            z-index: 2;
        }

        #beethoven .agenda .boxes .white-box:nth-child(2) {
            top: 0;
        }

        #beethoven .agenda .boxes .transparent {
            margin: 20px auto;
        }

        #beethoven .agenda .boxes h3 {
            font-size: 21px;
        }

        #beethoven .agenda .boxes p {
            font-size: 17px;
        }

        #beethoven .agenda .boxes .transparent {
            padding: 30px !important;
        }

        #beethoven .agenda .boxes .white-box:nth-child(2):after {
            content: '';
            z-index: 2;
            width: 95%;
            top: -10px;
            right: 10px;
        }

        #beethoven .agenda .wrapper h2 {
            color: white;
            font-size: 35px;
        }

        #beethoven .agenda .agenda-table table {
            width: 90%;
        }

            #beethoven .agenda .agenda-table table tr th span {
                font-size: 22px !important;
            }

            #beethoven .agenda .agenda-table table tr td,
            #beethoven .agenda .agenda-table table tr th {
                font-size: 18px !important;
            }

                #beethoven .agenda .agenda-table table tr th span {
                    font-size: 17px !important;
                }

                    #beethoven .agenda .agenda-table table tr th span.time,
                    #beethoven .agenda .agenda-table table tr th span.date {
                        font-size: 17px !important;
                        padding-left: 20px;
                    }

        #beethoven .agenda .agenda-table span.time:before {
            content: '';
            width: 20px;
            height: 30px;
            left: -5px;
        }

        #beethoven .agenda .agenda-table span.date:before {
            content: '';
            width: 20px;
            height: 30px;
            left: -1px;
        }

        #beethoven .agenda .agenda-table table tr td,
        #beethoven .agenda .agenda-table table tr th {
            padding: 20px 10px 20px 0;
        }

        #beethoven .agenda .guests h3 {
            font-size: 25px;
        }

        #beethoven .agenda .guests .wrapper {
            padding: 20px;
            margin: 30px 0;
            width: 100%;
        }

            #beethoven .agenda .guests .wrapper ul li {
                margin: 0 0 20px 0;
                padding: 0;
            }
}

@media(min-width: 768px) and (max-width: 991px) {
    #beethoven .event-box:before {
        width: 100%;
        height: 100%;
    }

    #beethoven .event-box .box {
        width: 100%;
        display: block;
        float: none;
        text-align: left;
        padding: 10px 25px 10px 40px;
        border-bottom: 1px solid white;
        border-right: 0;
    }

    #beethoven .video-box {
        position: absolute;
        width: 80%;
        height: auto;
        margin-top: 20px;
        border: 1px solid #d8d8d84d;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #beethoven .event-box:before {
        display: none;
    }
}
/*#endregion beethoven*/

/*#region mkb soglasnost*/
#mkb-soglasnost {
    background-image: url('../content/images/mkb-bg.jpg');
    position: relative;
    background-size: cover;
    width: 100%;
    height: 100%;
}

    #mkb-soglasnost .wrapper {
        position: relative;
        width: 80%;
        margin: 60px auto;
        background: #ffffff38;
        box-shadow: 0px 0px 20px 17px #00000024;
        padding: 20px;
    }

        #mkb-soglasnost .wrapper h1 {
            text-transform: uppercase;
            font-size: 34px;
            text-align: center;
            margin: 20px 0 30px;
            font-family: 'teleNeo-extra' !important;
        }

        #mkb-soglasnost .wrapper p,
        #mkb-soglasnost .wrapper ul li {
            font-size: 17px;
            line-height: 1.2;
        }

        #mkb-soglasnost .wrapper ul li {
            padding-bottom: 15px;
        }

@media(max-width: 767px) {
    #mkb-soglasnost .wrapper {
        position: relative;
        width: 100%;
        margin: 30px auto;
        background: #ffffffed;
    }

        #mkb-soglasnost .wrapper h1 {
            font-size: 25px;
        }
}
/*#endregion mkb soglasnost*/


/*#region digital index*/
#digital-index {
    position: relative;
    height: 100%;
}

    #digital-index .main-banner {
        position: relative;
        background-image: url('../content/images/digital-index/main-bg.png');
        background-size: cover;
        background-position: right center;
        padding: 10% 0 13%;
    }

        #digital-index .main-banner .header {
            width: 55%;
            position: relative;
        }

        #digital-index .main-banner .link {
            position: absolute;
            right: 0;
            bottom: -10%;
            display: block;
        }

            #digital-index .main-banner .link a {
                color: #e20074;
                border-radius: 5px;
                font-family: 'teleNeo-medium' !important;
                font-size: 18px;
                padding: 10px 20px;
            }

        #digital-index .main-banner h1 {
            color: white;
            font-size: 54px;
            font-family: 'teleNeo-extra' !important;
            line-height: 1.2;
        }

        #digital-index .main-banner p {
            font-size: 24px;
            color: white;
            line-height: 1.2;
        }

    #digital-index .container {
        position: relative;
    }

    #digital-index .gray-bg {
        padding-top: 40%;
    }

    #digital-index .white-bg.absolute {
        position: absolute;
        bottom: 80px;
        padding: 40px;
        text-align: center;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 30px 136px #0000001A;
        -webkit-box-shadow: 0px 30px 136px #0000001A;
        -khtml-box-shadow: 0px 30px 136px #0000001A;
        -moz-box-shadow: 0px 30px 136px #0000001A;
        -ie-box-shadow: 0px 30px 136px #0000001A;
        -o-box-shadow: 0px 30px 136px #0000001A;
        -ms-box-shadow: 0px 30px 136px #0000001A;
        border-radius: 5px;
    }

@media screen\0 {
    #digital-index .white-bg.absolute {
        border: 1px solid rgba(0,0,0,.07);
    }
}

#digital-index .white-bg.absolute :-ms-input-placeholder {
    border: 1px solid rgba(0,0,0,.07);
}

#digital-index .white-bg.absolute h2 {
    margin-bottom: 30px;
    font-family: 'teleNeo-extra' !important;
    line-height: 1.2;
    font-size: 30px;
    color: black;
}

#digital-index .white-bg.absolute p {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 15px;
}

#digital-index .magenta-shape {
    position: relative;
    background-image: url(../content/images/digital-index/magenta-shape.png);
    width: 100%;
    background-size: cover;
    background-position: 100% 0;
    background-repeat: no-repeat;
}

    #digital-index .magenta-shape h3 {
        font-size: 23px;
        color: white;
        margin: 45px 0;
        font-family: 'teleNeo-regular' !important;
        text-align: center;
        line-height: 1.2;
    }

    #digital-index .magenta-shape h4 {
        font-size: 18px;
        line-height: 1.2;
        color: white;
        font-family: 'teleNeo-bold' !important;
    }

    #digital-index .magenta-shape .wrapper {
        padding: 80px 0 60px;
    }

    #digital-index .magenta-shape .boxes {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

        #digital-index .magenta-shape .boxes .box {
            width: 25%;
            margin: 0 15px;
        }

        #digital-index .magenta-shape .boxes .icon {
            position: relative;
            width: 45px;
            min-height: 60px;
        }

#digital-index section.gray-bg-image {
    position: relative;
    background-image: url(../content/images/digital-index/gray-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    padding: 4% 0;
}

    #digital-index section.gray-bg-image h2 {
        font-size: 30px;
        color: black;
        font-family: 'teleNeo-extra' !important;
        line-height: 1.2;
        margin-bottom: 40px;
    }

    #digital-index section.gray-bg-image p {
        font-size: 22px;
        line-height: 1.2;
    }

#digital-index .gray-bg-image .wrapper {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 60px 0 30px;
}

    #digital-index .gray-bg-image .wrapper .wrap {
        width: 33.333%;
        margin: 20px 5px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 0px 19px #0000001f;
        border-radius: 4px;
        min-height: 580px;
        padding: 60px 20px 50px 20px;
    }

    #digital-index .gray-bg-image .wrapper .icon {
        min-height: 70px;
    }

    #digital-index .gray-bg-image .wrapper .title h4 {
        color: black;
        font-family: 'teleNeo-bold' !important;
        font-size: 23px;
        margin-bottom: 50px;
    }

        #digital-index .gray-bg-image .wrapper .title h4:after {
            content: '';
            width: 70px;
            height: 2px;
            background: #E2E2E2;
            left: 0;
            right: 0;
            display: block;
            margin: 0 auto;
            top: 13px;
            position: relative;
        }

#digital-index section.bcg-image {
    background-image: url(../content/images/digital-index/digitalization-bg.jpg);
    background-size: cover;
    background-position: center;
    padding: 4% 0;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
}

#digital-index .text {
    width: 50%;
    position: relative;
    z-index: 3;
    color: white;
    top: 50px;
}

    #digital-index .text a.btn {
        margin: 10px 0;
        color: #e20074;
        border-radius: 5px;
        padding: 10px 20px;
        font-size: 17px;
        font-family: teleNeo-medium !important;
    }

#digital-index .bcg-image:before {
    content: '';
    position: absolute;
    background-image: url(../content/images/digital-index/shape.png);
    width: 80%;
    height: 530px;
    left: -15%;
    bottom: 0%;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 2;
}

#digital-index .text h3 {
    font-family: 'teleNeo-bold' !important;
    line-height: 1.2;
    font-size: 23px;
}

#digital-index .text p {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 30px;
}

#digital-index section.digitalization {
    position: relative;
    background: rgba(234, 241, 243, .25) 0% 0% no-repeat padding-box;
    padding: 4%;
}

    #digital-index section.digitalization h2 {
        font-size: 30px;
        text-align: center;
        font-family: 'teleNeo-extra' !important;
        margin-bottom: 30px;
    }

    #digital-index section.digitalization p {
        font-size: 18px;
        text-align: center;
        color: black;
    }

        #digital-index section.digitalization p.gray-txt {
            color: rgba(32, 32, 32, .6);
        }

    #digital-index section.digitalization .wrapper {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        margin: 70px 0 40px;
    }

        #digital-index section.digitalization .wrapper .apply-wrap {
            width: 33%;
            position: relative;
            margin: 0 10px;
            background: #FFFFFF 0% 0% no-repeat padding-box;
            box-shadow: 0px 0px 250px #0000001F;
            border-radius: 4px;
            min-height: 420px;
            text-align: center;
            padding: 0 40px 30px;
        }

            #digital-index section.digitalization .wrapper .apply-wrap h4 {
                font-size: 28px;
                padding: 50px 10px 20px;
                color: black;
                font-family: 'teleNeo-bold' !important;
                margin: 0;
            }

    #digital-index section.digitalization .event {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        margin-bottom: 30px;
    }

        #digital-index section.digitalization .event div {
            padding-left: 25px;
            color: black;
            position: relative;
        }

            #digital-index section.digitalization .event div span {
                font-family: 'teleNeo-bold' !important;
                font-size: 16px;
            }

        #digital-index section.digitalization .event .date:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/digital-index/icon-content-calendar-default.png);
            background-size: contain;
            background-repeat: no-repeat;
            width: 17px;
            height: 18px;
            left: 1px;
            top: 3px;
        }

        #digital-index section.digitalization .event .time:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/digital-index/icon-content-clock-default.png);
            background-size: contain;
            background-repeat: no-repeat;
            width: 17px;
            height: 18px;
            left: 4px;
            top: 3px;
        }

    #digital-index section.digitalization .btn-apply {
        position: absolute;
        bottom: 50px;
        width: 100%;
        display: block;
        left: 0;
        right: 0;
    }

        #digital-index section.digitalization .btn-apply a {
            background-color: #e20074;
            color: white;
            font-size: 17px;
            text-transform: uppercase;
            padding: 10px 30px;
        }

            #digital-index section.digitalization .btn-apply a:hover {
                background-color: white;
                border: 1px solid #e20074;
                color: #e20074;
            }

    #digital-index section.digitalization p.blue-txt {
        color: rgba(0, 127, 175, .8) !important;
    }

#digital-index .videos {
    background-image: url('../content/images/digital-index/videos-bcg.png');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 3% 0;
    color: white;
    text-align: center;
}

    #digital-index .videos h2 {
        font-size: 30px;
        text-align: center;
        font-family: 'teleNeo-extra' !important;
        margin-bottom: 40px;
    }

    #digital-index .videos h4.gray-txt {
        font-size: 22px;
        line-height: 1.2;
        color: white;
        margin: 0;
        padding: 0;
    }

    #digital-index .videos p.gray-txt {
        color: rgba(255, 255, 255, .77);
        font-size: 18px;
        line-height: 1.2;
    }

#digital-index .carousel {
    position: relative;
    margin: 60px 0;
}

    #digital-index .carousel p {
        display: block;
    }

    #digital-index .carousel .carousel-control {
        display: none;
    }

#digital-index .videos .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 310px;
}

    #digital-index .videos .carousel-inner .item {
        height: 100%;
    }

    #digital-index .videos .carousel-inner .flex-box {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

        #digital-index .videos .carousel-inner .flex-box .video-wrap {
            width: 24%;
            margin: 0 auto;
            text-align: left;
            height: 100%;
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: flex-start;
            align-items: center;
        }

            #digital-index .videos .carousel-inner .flex-box .video-wrap p {
                font-size: 18px;
                line-height: 1.2;
            }

            #digital-index .videos .carousel-inner .flex-box .video-wrap .wrap {
                height: 100%;
                width: 100%;
            }

        #digital-index .videos .carousel-inner .flex-box .video-description {
            position: relative;
            width: 100%;
            height: 80px;
        }

        #digital-index .videos .carousel-inner .flex-box iframe {
            width: 100%;
            height: 100%;
        }

@media(min-width: 1990px) {
    #digital-index .bcg-image:before {
        width: 100%;
        height: 660px;
    }
}

@media(min-width: 1550px) {
    #digital-index .gray-bg {
        padding-top: 23%;
    }
}

@media(max-width: 767px) {
    #digital-index .main-banner {
        background-position: center;
    }

        #digital-index .main-banner .link {
            position: relative;
            right: 0;
            bottom: 0;
            display: block;
        }

        #digital-index .main-banner .header {
            width: 60%;
            position: relative;
            display: block;
        }

        #digital-index .main-banner h1 {
            font-size: 33px;
        }

    #digital-index .white-bg.absolute {
        position: relative;
        padding: 40px 20px;
    }

    #digital-index .gray-bg {
        padding-top: 15%;
    }

    #digital-index h2 {
        font-size: 25px !important;
    }

    #digital-index h3 {
        font-size: 22px;
    }

    #digital-index .magenta-shape {
        background-position: 80% 0;
    }

        #digital-index .magenta-shape .wrapper {
            padding: 140px 0 60px;
        }

        #digital-index .magenta-shape .boxes {
            position: relative;
            display: flex;
            flex-direction: column;
        }

            #digital-index .magenta-shape .boxes .box {
                width: auto;
                margin: 0 15px;
            }

        #digital-index .magenta-shape h3 {
            font-size: 21px;
        }


    #digital-index section.gray-bg-image {
        padding: 10% 0;
    }

    #digital-index .gray-bg-image .wrapper {
        flex-direction: column;
    }

        #digital-index .gray-bg-image .wrapper .wrap {
            width: auto;
            margin: 10px 5px;
            min-height: 520px;
        }

    #digital-index section.bcg-image {
        padding: 10% 0;
    }

    #digital-index .text {
        width: 100%;
        top: 0;
        padding: 30px;
    }

    #digital-index section.bcg-image:before {
        display: none;
    }

    #digital-index .text {
        top: 0;
        background-color: #e20074;
        padding: 30px;
    }

    #digital-index .videos .carousel-inner {
        height: auto;
    }

        #digital-index .videos .carousel-inner .flex-box {
            flex-direction: column;
        }

            #digital-index .videos .carousel-inner .flex-box .video-wrap {
                margin: 20px auto;
                flex-direction: column;
                width: 100%;
            }

    #digital-index .videos {
        padding: 10% 0;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #digital-index .main-banner {
        background-position: center;
    }

        #digital-index .main-banner .header {
            width: 50%;
            position: relative;
            background-position: center;
        }

        #digital-index .main-banner h1 {
            font-size: 44px;
        }

    #digital-index .magenta-shape {
        background-position: 80% 0;
    }

    #digital-index .gray-bg {
        padding-top: 4%;
    }

    #digital-index .white-bg.absolute {
        position: relative;
    }

    #digital-index .gray-bg-image .wrapper .wrap {
        min-height: 740px;
    }

    #digital-index .bcg-image:before {
        content: '';
        position: absolute;
        background-image: url(../content/images/digital-index/shape.png);
        width: 100%;
        height: 570px;
        left: -25%;
        bottom: -15%;
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 2;
    }

    #digital-index .text {
        width: 50%;
        position: relative;
        z-index: 3;
        color: white;
        top: -8px;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #digital-index .text {
        top: -20px;
    }

    #digital-index .gray-bg {
        padding-top: 40%;
    }

    #digital-index .white-bg.absolute {
        bottom: 20px;
    }
}
/*#endregion digital index*/

/*#region home talk*/
#home-talk {
    background-image: url(../content/images/home-talk/home-talk-bg.png);
    position: relative;
    background-size: cover;
    width: 100%;
    background-position: center;
    height: 100%;
    padding: 3% 0 0;
}

    #home-talk .wrapper {
        position: relative;
        width: 80%;
        margin: 60px auto 110px;
        background: #ffffff38;
        box-shadow: 0px 60px 45px 27px rgba(0, 0, 0, .05);
        -moz-box-shadow: 0px 60px 45px 27px rgba(0, 0, 0, .05);
        -webkit-box-shadow: 0px 60px 45px 27px rgba(0, 0, 0, .05);
        padding: 40px 40px 20px;
        background: linear-gradient( -180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255,.8));
        border-radius: 6px;
    }

        #home-talk .wrapper h1 {
            text-transform: uppercase;
            font-size: 34px;
            text-align: center;
            margin: 20px 0 10px;
            font-family: 'teleNeo-extra' !important;
        }

        #home-talk .wrapper h2 {
            color: rgba(0, 0, 0, .45);
            text-transform: uppercase;
            font-size: 23px;
            text-align: center;
            margin-bottom: 30px;
        }

        #home-talk .wrapper p {
            font-size: 17px;
            line-height: 1.2;
            text-align: center;
        }

            #home-talk .wrapper p.small {
                font-size: 14px;
            }

    #home-talk .wrap-box {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        margin: 30px 0;
    }

        #home-talk .wrap-box .wrap {
            width: 50%;
            margin: 0px 20px;
            text-align: center;
            min-height: 150px;
            padding: 20px;
            box-shadow: 0 0 35px 7px #00000017;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: center;
            align-items: center;
            border-radius: 6px;
        }

            #home-talk .wrap-box .wrap.flex {
                display: block;
                box-shadow: none;
            }

                #home-talk .wrap-box .wrap.flex p {
                    text-align: left;
                }

                #home-talk .wrap-box .wrap.flex ul.t-ul-new-magenta li {
                    padding-left: 15px;
                    line-height: 145%;
                    margin-bottom: 7px;
                    margin-left: 15px;
                    text-align: left;
                }

            #home-talk .wrap-box .wrap:last-of-type {
                border: 0;
            }

            #home-talk .wrap-box .wrap p.small-text {
                font-size: 14px;
                margin: 0;
                color: #0000007d;
            }

    #home-talk .wrapper p.small-text {
        font-size: 14px;
        color: #0000007d;
    }

    #home-talk .wrapper .smart-priceWraper {
        position: relative;
        display: block;
        width: 100%;
        overflow: hidden;
        margin: 0px auto 0;
        padding: 0 0 0 10px;
    }

        #home-talk .wrapper .smart-priceWraper .p-left-smart {
            position: relative;
            display: inline;
            width: 48%;
            float: left;
            text-align: right;
        }

            #home-talk .wrapper .smart-priceWraper .p-left-smart span {
                font-size: 30px;
                font-family: 'teleNeo-bold' !important;
            }

        #home-talk .wrapper .smart-priceWraper .p-right-smart {
            position: relative;
            display: inline;
            float: left;
            width: 45%;
            bottom: 0 !important;
            top: 3px;
            color: #333;
            text-align: left;
            margin-left: 6px;
        }

            #home-talk .wrapper .smart-priceWraper .p-right-smart span {
                color: #333;
                text-transform: none;
                text-align: left;
                font-size: 13px !important;
            }

@media(max-width: 767px) {
    #home-talk .wrapper {
        width: 90%;
    }

        #home-talk .wrapper h1 {
            font-size: 29px;
        }

        #home-talk .wrapper h2 {
            font-size: 21px;
        }

    #home-talk .wrap-box {
        position: relative;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

        #home-talk .wrap-box .wrap {
            width: 100%;
            border-right: 0;
            min-height: 190px;
            box-shadow: 0 0 35px 7px #0000001f;
            margin: 20px 0;
        }
}

@media(min-width: 768px) and (max-width: 991px) {
    #home-talk .wrap-box .wrap {
        margin: 0 auto;
        padding: 20px 10px;
    }

    #home-talk .wrapper .smart-priceWraper {
        width: 100%;
        margin: 10px auto 0;
        padding: 20px 0 0;
    }

        #home-talk .wrapper .smart-priceWraper .p-left-smart span {
            font-size: 22px;
        }

        #home-talk .wrapper .smart-priceWraper .p-right-smart span {
            font-size: 11px !important;
        }
}
/*#endregion home talk*/


/*#region poddrshka za anketa*/
div#poddrshka-za-anketa {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    width: 100%;
    background-image: url(../content/images/mkb-bg.jpg);
    min-height: 70vh;
}

    div#poddrshka-za-anketa .wrapper {
        width: 30%;
        margin: 20px auto;
        text-align: center;
        box-shadow: 0px 0px 20px 17px #00000024;
        padding: 40px;
        transform: translate(-50%, -50%);
        position: absolute;
        top: 45%;
        left: 50%;
    }

        div#poddrshka-za-anketa .wrapper h1 {
            font-size: 34px;
            font-family: 'teleNeo-extra' !important;
            margin-bottom: 30px;
            line-height: 1.2;
        }

        div#poddrshka-za-anketa .wrapper p {
            font-size: 19px;
            line-height: 1.2;
            padding: 0 50px;
        }

        div#poddrshka-za-anketa .wrapper a {
            color: #e20074;
            text-decoration: underline;
        }

@media(max-width: 767px) {
    div#poddrshka-za-anketa .wrapper {
        width: 80%;
    }

        div#poddrshka-za-anketa .wrapper h1 {
            font-size: 25px;
        }

        div#poddrshka-za-anketa .wrapper p {
            font-size: 17px;
            padding: 0;
        }
}

@media(min-width: 768px) and (max-width: 991px) {
    div#poddrshka-za-anketa .wrapper {
        width: 70%;
    }
}
/*#endregion poddrshka za anketa*/


/*#region digital index calc*/
#digital-index-calculator {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow-y: hidden;
}

    #digital-index-calculator .resault {
        position: relative;
        overflow: hidden;
        height: 100%;
    }

    #digital-index-calculator .qa-wrapper {
        position: relative;
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

    #digital-index-calculator .left-sidebar-menu {
        position: absolute;
        width: 30%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: #e20074;
        background-image: url(../content/images/digital-index/sidebar-illustration.png);
        background-size: cover;
        background-position: bottom right;
        background-repeat: no-repeat;
    }

        #digital-index-calculator .left-sidebar-menu .wrap {
            position: relative;
            top: 7%;
            padding: 0 10px 0 25%;
        }

    #digital-index-calculator .vertical-menu {
        position: relative;
        min-height: 260px;
    }

        #digital-index-calculator .vertical-menu .item:last-child:before {
            height: 100px;
            bottom: -80px;
        }

    #digital-index-calculator .left-sidebar-menu h1 {
        color: white;
        font-size: 30px;
        line-height: 1.2;
        position: relative;
    }

        #digital-index-calculator .left-sidebar-menu h1:before {
            content: '';
            position: absolute;
            left: -20px;
            width: 4px;
            height: 25px;
            background-color: white;
            top: 5px;
        }

        #digital-index-calculator .left-sidebar-menu h1 span.title {
            text-transform: uppercase;
            font-family: teleNeo-bold !important;
            display: block;
        }

        #digital-index-calculator .left-sidebar-menu h1 span.subtitle {
            text-transform: none;
            font-family: teleNeo-regular !important;
            display: block;
            font-size: 26px;
            opacity: .6;
        }

    #digital-index-calculator .left-sidebar-menu .vertical-menu .item {
        padding: 0 0 5px;
        position: relative;
        display: block;
        overflow: visible;
        min-height: 60px;
    }


        #digital-index-calculator .left-sidebar-menu .vertical-menu .item:before {
            content: '';
            position: absolute;
            bottom: -15px;
            width: 1px;
            height: 43px;
            background: transparent linear-gradient( 180deg, #FFFFFF 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
            opacity: 0.5;
            display: block;
            left: 18px;
        }

    #digital-index-calculator .left-sidebar-menu .vertical-menu a {
        color: white;
        text-decoration: none;
        font-size: 17px;
        position: relative;
        display: flex;
        width: 100%;
        overflow: hidden;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        overflow: visible;
        transition: all ease-in .4s;
    }

    #digital-index-calculator .left-sidebar-menu .vertical-menu .indicator {
        position: absolute;
        width: 50px;
        height: 50px;
        transition: all 500ms ease-in-out;
    }

        #digital-index-calculator .left-sidebar-menu .vertical-menu .indicator#move-1 {
            top: 0px;
            transition: all 500ms ease-in-out;
        }

        #digital-index-calculator .left-sidebar-menu .vertical-menu .indicator#move-2 {
            top: 60px;
            transition: all 500ms ease-in-out;
        }

        #digital-index-calculator .left-sidebar-menu .vertical-menu .indicator#move-3 {
            top: 120px;
            transition: all 500ms ease-in-out;
        }

        #digital-index-calculator .left-sidebar-menu .vertical-menu .indicator#move-4 {
            top: 180px;
            transition: all 500ms ease-in-out;
        }

        #digital-index-calculator .left-sidebar-menu .vertical-menu .indicator#move-5 {
            top: 240px;
            transition: all 500ms ease-in-out;
        }

        #digital-index-calculator .left-sidebar-menu .vertical-menu .indicator:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
            opacity: 0.4;
            left: -6px;
            right: 0;
            border-radius: 50px;
            overflow: visible;
            transition: all 500ms ease-in-out;
        }


    #digital-index-calculator .left-sidebar-menu .vertical-menu .item span.index {
        position: relative;
        padding: 10px 15px;
        font-size: 18px;
        display: inline;
        float: left;
        font-family: 'teleNeo-bold' !important;
        color: white;
        z-index: 2;
        transition: all ease-in .4s;
        -webkit-transition: all ease-in .4s;
        -moz-transition: all ease-in .4s;
    }

    #digital-index-calculator .left-sidebar-menu .vertical-menu .item span.text {
        display: inline;
        float: left;
        padding-left: 10px;
        position: relative;
        transition: all ease-in .4s;
        -webkit-transition: all ease-in .4s;
        -moz-transition: all ease-in .4s;
        color: white;
        opacity: 0.7;
    }

    #digital-index-calculator .left-sidebar-menu .vertical-menu a.active span.text {
        padding-left: 15px;
        opacity: 1;
        transition: all ease-in .4s;
        -webkit-transition: all ease-in .4s;
        -moz-transition: all ease-in .4s;
    }

    #digital-index-calculator .left-sidebar-menu .vertical-menu .item span.index:before {
        content: '';
        position: absolute;
        width: 30px;
        height: 30px;
        border-radius: 50px;
        background: white;
        opacity: .4;
        left: 4px;
        top: 7px;
        z-index: -1;
        transition: all ease-in .4s;
        -webkit-transition: all ease-in .4s;
        -moz-transition: all ease-in .4s;
    }

    #digital-index-calculator .left-sidebar-menu .vertical-menu a.active span.index {
        color: #e20074;
        z-index: 2;
        transition: all ease-in .4s;
        -webkit-transition: all ease-in .4s;
        -moz-transition: all ease-in .4s;
    }

        #digital-index-calculator .left-sidebar-menu .vertical-menu a.active span.index:before {
            opacity: 1;
            transition: all ease-in .4s;
            -webkit-transition: all ease-in .4s;
            -moz-transition: all ease-in .4s;
        }

    #digital-index-calculator .left-sidebar-menu .vertical-menu a.selected span.index:before {
        background: #BC0061 0% 0% no-repeat padding-box;
        border: 1px solid #FFFFFF00;
        transition: all ease-in .4s;
        -webkit-transition: all ease-in .4s;
        -moz-transition: all ease-in .4s;
    }

@keyframes mymoveDown {
    0% {
        top: 0px;
    }

    50% {
        top: 5px;
    }

    75% {
        top: 7px;
    }

    100% {
        top: 10px;
    }
}

#digital-index-calculator .right-qa-wrapper {
    position: relative;
    height: 100%;
    width: 70%;
    float: left;
    display: inline-block;
    left: 30%;
    padding: 20px 30px 50px 30px;
    background-image: url(../content/images/digital-index/BG-results.png);
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
    overflow-y: scroll;
}

    #digital-index-calculator .right-qa-wrapper h2 {
        font-size: 24px;
        text-transform: uppercase;
        font-family: 'teleNeo-bold' !important;
        margin: 30px 0;
    }

    #digital-index-calculator .right-qa-wrapper .subcategory {
        position: relative;
        margin-bottom: 50px;
    }

    #digital-index-calculator .right-qa-wrapper h3.text-magenta {
        font-size: 20px;
        font-family: 'teleNeo-bold' !important;
        margin: 20px 30px;
        line-height: 1.2;
    }

    #digital-index-calculator .right-qa-wrapper .subcategory h4.description {
        margin: 0px 30px 30px;
        font-family: 'teleNeo-bold' !important;
        font-size: 18px;
    }

    #digital-index-calculator .right-qa-wrapper .question-wrap {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: center;
        background: transparent linear-gradient( 180deg, #FFFFFFA6 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
        box-shadow: 0px 6px 30px #64747a1c;
        border-radius: 8px;
        padding: 10px 15px;
        margin-bottom: 15px;
    }

        #digital-index-calculator .right-qa-wrapper .question-wrap h3 {
            font-size: 18px;
            line-height: 1.2;
            margin: 0;
            padding: 10px 15px;
            font-family: teleNeo-medium !important;
        }

    #digital-index-calculator .right-qa-wrapper .answers-wrap {
        position: relative;
        display: inline-flex;
    }

        #digital-index-calculator .right-qa-wrapper .answers-wrap .answer {
            position: relative;
            text-align: center;
            vertical-align: middle;
            display: inline-flex;
        }

        #digital-index-calculator .right-qa-wrapper .answers-wrap input {
            width: 45px;
            height: 30px;
            border-radius: 4px;
            margin: 0 10px;
            visibility: hidden;
            position: relative;
            z-index: 3;
            cursor: pointer;
        }

            #digital-index-calculator .right-qa-wrapper .answers-wrap input[type="text"] {
                visibility: visible;
                border: 1px solid #c8c8c8;
                width: 70px;
                height: 40px;
                border-radius: 8px;
                padding: 15px;
            }

            #digital-index-calculator .right-qa-wrapper .answers-wrap input:before {
                position: absolute;
                content: '';
                width: 100%;
                height: 100%;
                border: 1px solid #dedede;
                left: 0;
                right: 0;
                opacity: 1;
                visibility: visible;
                background: transparent;
                z-index: 1;
                border-radius: 4px;
                top: 0;
                transition: all ease .4s;
                -webkit-transition: all ease .4s;
                -moz-transition: all ease .4s;
            }

            #digital-index-calculator .right-qa-wrapper .answers-wrap input:checked:before,
            #digital-index-calculator .right-qa-wrapper .answers-wrap input.selected:before {
                background-color: #BFCB44;
                transition: all ease .4s;
                -webkit-transition: all ease .4s;
                -moz-transition: all ease .4s;
            }

            #digital-index-calculator .right-qa-wrapper .answers-wrap input:checked + label,
            #digital-index-calculator .right-qa-wrapper .answers-wrap input.selected + label {
                color: white;
                z-index: 3;
            }

        #digital-index-calculator .right-qa-wrapper .answers-wrap select {
            width: 220px;
            height: 38px;
            border: 1px solid #c8c8c8;
            border-radius: 8px;
            padding: 5px;
            cursor: pointer;
            font-size: 15px;
            text-align: center;
            opacity: .7;
        }

            #digital-index-calculator .right-qa-wrapper .answers-wrap select:focus {
                box-shadow: 0 0 35px 7px #00000021;
                outline: none;
                border-color: #c8c8c8;
            }

            #digital-index-calculator .right-qa-wrapper .answers-wrap select option {
                text-align: left;
            }

        #digital-index-calculator .right-qa-wrapper .answers-wrap label {
            position: absolute;
            left: 24px;
            top: 8px;
            text-transform: uppercase;
            font-size: 14px;
            font-family: 'teleNeo-bold' !important;
        }

#digital-index-calculator .qa-wrapper .buttons {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    bottom: 20px;
    right: 3%;
}

    #digital-index-calculator .qa-wrapper .buttons div {
        width: 120px;
        margin: 10px;
    }

        #digital-index-calculator .qa-wrapper .buttons div .btn {
            padding: 10px 10px;
            font-size: 17px;
            width: 100%;
            line-height: 1.2;
            box-shadow: 0px 6px 22px #64747a29;
            border-radius: 8px;
            border: 0;
        }

            #digital-index-calculator .qa-wrapper .buttons div .btn.white-btn {
                background: #FFFFFF 0% 0% no-repeat padding-box;
            }

#digital-index-calculator .resault .left-sidebar-menu {
    background-image: url(../content/images/digital-index/sidebar-illustration-without-icon.png);
}

    #digital-index-calculator .resault .left-sidebar-menu:after {
        content: '';
        position: absolute;
        right: -19px;
        width: 40px;
        height: 40px;
        border-radius: 8px;
        background: transparent linear-gradient( 0deg, #D3E43F 0%, #BECB43 100%) 0% 0% no-repeat padding-box;
        box-shadow: 0px 24px 40px #00000021;
        border-radius: 6px;
        top: 26%;
        z-index: 2;
    }

    #digital-index-calculator .resault .left-sidebar-menu.low:after {
        background: transparent linear-gradient( 0deg, #13a8f9 0%, #53BAF2 100%) 0% 0% no-repeat padding-box;
    }

    #digital-index-calculator .resault .left-sidebar-menu.medium:after {
        background: transparent linear-gradient( 0deg, #ebc637 0%, #FFD329 100%) 0% 0% no-repeat
    }

#digital-index-calculator .resault .wrap {
    padding: 0 30px;
}

    #digital-index-calculator .resault .wrap p {
        color: white;
        font-size: 17px;
        line-height: 1.2;
        text-align: center;
    }

        #digital-index-calculator .resault .wrap p.bold {
            font-size: 40px;
            line-height: 1.2;
            font-family: teleNeo-medium !important;
        }

#digital-index-calculator .resault .green-header {
    position: relative;
    padding: 10px 20px;
    background: transparent linear-gradient( 0deg, #D3E43F 0%, #BECB43 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 24px 40px #00000021;
    border-radius: 8px;
    text-align: center;
    margin: 0 25px;
}

#digital-index-calculator .resault .yellow-header {
    position: relative;
    padding: 10px 20px;
    background: transparent linear-gradient( 0deg, #ebc637 0%, #FFD329 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 24px 40px #00000021;
    border-radius: 8px;
    text-align: center;
    margin: 0 25px;
}

#digital-index-calculator .resault .blue-header {
    position: relative;
    padding: 10px 20px;
    background: transparent linear-gradient( 0deg, #13a8f9 0%, #53BAF2 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 24px 40px #00000021;
    border-radius: 8px;
    text-align: center;
    margin: 0 25px;
}

#digital-index-calculator .resault .wrap h2 {
    font-size: 20px;
    color: black;
    font-family: teleNeo-regular !important;
    line-height: 33px;
    font-weight: 500;
}

    #digital-index-calculator .resault .wrap h2 span {
        font-size: 21px;
        display: block;
        font-family: 'teleNeo-extra' !important;
        letter-spacing: 1px;
    }

#digital-index-calculator .resault .right-side-charts {
    position: relative;
    height: 100%;
    width: 70%;
    float: left;
    display: inline-block;
    left: 30%;
    padding: 20px 30px 50px 30px;
    background-image: url(../content/images/digital-index/BG-results.png);
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
    overflow-y: scroll;
}

    #digital-index-calculator .resault .right-side-charts h2 {
        text-transform: uppercase;
        font-family: 'teleNeo-extra' !important;
        font-size: 24px;
        margin: 20px 0;
        color: black;
        line-height: 1.2;
        letter-spacing: 2px;
    }

    #digital-index-calculator .resault .right-side-charts p {
        padding: 0 20%;
        font-size: 18px;
        line-height: 1.2;
    }

    #digital-index-calculator .resault .right-side-charts .chart-wrap {
        position: relative;
        width: 90%;
        height: auto;
        margin: 0 auto 10px auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: space-around;
        justify-content: space-between;
        align-items: center;
    }

        #digital-index-calculator .resault .right-side-charts .chart-wrap .item {
            width: 47%;
            display: inline-block;
            height: auto;
            background: transparent linear-gradient( 180deg, #FFFFFFA6 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
            box-shadow: 0px 6px 30px #64747a1c;
            margin: 0 0 47px 0;
            position: relative;
            padding: 20px;
        }

            #digital-index-calculator .resault .right-side-charts .chart-wrap .item div {
                border-radius: 8px;
                width: 100% !important;
            }

            #digital-index-calculator .resault .right-side-charts .chart-wrap .item > div > .zc-rel.zc-top {
                white-space: initial !important;
                width: 100% !important;
                position: relative !important;
                height: 100% !important;
                overflow: initial !important;
                padding: 15px;
            }

            #digital-index-calculator .resault .right-side-charts .chart-wrap .item svg {
                position: relative;
                height: 100%;
            }

            #digital-index-calculator .resault .right-side-charts .chart-wrap .item:before {
                content: '';
                position: absolute;
                width: 60px;
                height: 1.5px;
                background: #c8c8c8;
                top: -70px;
                bottom: 0;
                margin: auto;
                z-index: 2;
                left: 66px;
                right: 0;
            }

            #digital-index-calculator .resault .right-side-charts .chart-wrap .item:after {
                content: '';
                position: absolute;
                width: 20px;
                height: 1.5px;
                background: #c8c8c8;
                top: -54px;
                bottom: 0;
                margin: auto;
                z-index: 2;
                left: -6px;
                right: 0;
                transform: rotate( -55deg);
            }

.zc-ref {
    display: none;
}

#myChart-0-license-text,
#myChart-1-license-text,
#myChart-2-license-text,
#myChart-3-license-text {
    display: none;
}

#digital-index-calculator .inline-buttons {
    position: relative;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 40px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
}

    #digital-index-calculator .inline-buttons a {
        position: relative;
        padding: 15px;
        background: #e20074;
        color: white;
        border-radius: 5px;
        font-size: 16px;
        font-family: 'teleNeo-medium' !important;
        transition: all ease-in .3s;
    }

        #digital-index-calculator .inline-buttons a:hover {
            background: #cb2078;
            transition: all ease-in .3s;
            text-decoration: none;
        }

        #digital-index-calculator .inline-buttons a:focus {
            text-decoration: none;
        }

#digital-index-calculator-modal .contact-form {
    position: relative;
    width: 100%;
    margin: 0 auto;
    background: transparent linear-gradient(180deg, #FFFFFFA6 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    /* box-shadow: 0px 6px 30px #64747A1C;*/
    padding: 2% 5%;
    z-index: 2;
}

    #digital-index-calculator-modal .contact-form h2 {
        font-size: 33px;
        margin: 20px 0;
        font-family: teleNeo-bold !important;
        color: #e20074;
    }

    #digital-index-calculator-modal .contact-form p {
        color: black;
        line-height: 1.2;
        padding: 0 5%;
        font-size: 18px;
        margin-bottom: 40px;
    }

    #digital-index-calculator-modal .contact-form label {
        font-size: 16px;
        font-family: teleNeo-regular !important;
    }

    #digital-index-calculator-modal .contact-form input {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 1px solid #C8C8C8;
        border-radius: 4px;
        padding: 10px;
        margin-bottom: 15px;
        height: 40px;
        width: 90%;
    }

        #digital-index-calculator-modal .contact-form input:hover,
        #digital-index-calculator-modal .contact-form input:focus,
        #digital-index-calculator-modal .right-qa-wrapper .answers-wrap input[type="text"]:focus {
            box-shadow: 0 0 35px 7px #00000021;
            outline: none;
            border-color: #c8c8c8;
        }

    #digital-index-calculator-modal .contact-form .btn-magen {
        cursor: pointer;
        margin: 30px 0 20px;
    }

    #digital-index-calculator-modal .contact-form .captcha-wrap {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
    }

        #digital-index-calculator-modal .contact-form .captcha-wrap input {
            border: 1px solid #c8c8c8;
            border-radius: 4px;
        }

    #digital-index-calculator-modal .contact-form textarea {
        height: 110px;
        width: 90%;
    }

#digital-index-calculator-modal .right-qa-wrapper .errorMsg-wrap {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

    #digital-index-calculator-modal .right-qa-wrapper .errorMsg-wrap .errorMsg {
        display: block;
        text-align: left;
        line-height: 1.2;
        position: relative;
        margin-top: 10px;
        color: red !important;
        top: 0;
        font-size: 17px;
        margin-left: 5px;
    }

#digital-index-calculator-modal .modal-footer {
    border: 0;
    padding: 0;
}

@media (min-width: 1200px) and (max-width: 1450px) {
    #digital-index-calculator .left-sidebar-menu .wrap {
        top: 9%;
    }

    #digital-index-calculator .left-sidebar-menu h1 {
        font-size: 25px;
    }

        #digital-index-calculator .left-sidebar-menu h1 span.subtitle {
            font-size: 21px;
        }

    #digital-index .main-banner .link {
        bottom: 10%;
    }
}

@media (min-width: 1451px) {
    #digital-index .main-banner .link {
        bottom: -10% !important;
    }
}


@media (min-width: 1550px) {
    #digital-index-calculator .left-sidebar-menu .wrap {
        padding: 0 40px 0 15%;
    }

    #digital-index-calculator .left-sidebar-menu h1 {
        margin-bottom: 50px;
    }
}

@media(max-width: 991px) {
    #digital-index-calculator {
        height: auto;
    }

        #digital-index-calculator .left-sidebar-menu {
            background-size: cover;
            background-position: center 80%;
            position: relative;
            width: 100%;
        }

            #digital-index-calculator .left-sidebar-menu .wrap {
                position: relative;
                top: 0;
                padding: 20px;
            }

            #digital-index-calculator .left-sidebar-menu h1 {
                color: white;
                font-size: 23px;
                margin-bottom: 20px;
                margin-left: 25px;
            }

                #digital-index-calculator .left-sidebar-menu h1 span.subtitle {
                    font-size: 21px;
                    opacity: .6;
                }

        #digital-index-calculator .vertical-menu {
            position: relative;
            min-height: 150px;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: center;
            width: 100%;
            margin: 0 auto;
            align-items: center;
        }

        #digital-index-calculator .left-sidebar-menu .vertical-menu .indicator {
            position: absolute;
            width: 50px;
            height: 50px;
            transition: all 500ms ease-in-out;
            left: 15px;
        }

        #digital-index-calculator .left-sidebar-menu .vertical-menu .item {
            padding: 0 0 15px;
            position: relative;
            display: block;
            overflow: visible;
            min-height: 70px;
            width: 20%;
            margin: 0 auto;
        }

            #digital-index-calculator .left-sidebar-menu .vertical-menu .item:before {
                content: '';
                position: absolute;
                bottom: 0;
                width: 50px;
                height: 1.5px;
                background: transparent linear-gradient( 180deg, #FFFFFF 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
                opacity: 0.5;
                display: block;
                left: 40px;
                top: 20px;
                z-index: 2;
                right: 0;
            }

            #digital-index-calculator .left-sidebar-menu .vertical-menu .item:last-child:before {
                display: none;
            }

        #digital-index-calculator .left-sidebar-menu .vertical-menu .indicator {
            display: none;
        }

        #digital-index-calculator .left-sidebar-menu .vertical-menu .item span.text {
            display: none;
        }

        #digital-index-calculator .right-qa-wrapper {
            width: 100%;
            left: 0;
            display: block;
        }

            #digital-index-calculator .right-qa-wrapper h2 {
                font-size: 20px;
            }

            #digital-index-calculator .right-qa-wrapper .question-wrap {
                position: relative;
                display: flex;
                flex-direction: column;
                flex-wrap: nowrap;
                align-content: center;
                justify-content: center;
                align-items: flex-start;
            }

        #digital-index-calculator .qa-wrapper .buttons {
            align-content: center;
            justify-content: center;
        }

        #digital-index-calculator .resault .right-side-charts {
            padding: 20px;
        }

            #digital-index-calculator .resault .right-side-charts .chart-wrap,
            #digital-index-calculator .resault .right-side-charts .contact-form {
                width: 100% !important;
            }

        #digital-index-calculator .resault .right-side-charts {
            position: relative;
            height: 100%;
            width: 100%;
            float: none;
            left: 0;
        }

        #digital-index-calculator .resault .left-sidebar-menu:after {
            display: none;
        }

        #digital-index-calculator .resault .right-side-charts .item {
            width: 100% !important;
            margin: 20px 0 !important;
        }

        #digital-index-calculator .left-sidebar-menu .vertical-menu .item span.index {
            z-index: 1;
        }

        #digital-index-calculator .contact-form input,
        #digital-index-calculator .contact-form textarea {
            width: 100%;
        }
}

@media(max-width: 767px) {
    #digital-index-calculator .inline-buttons {
        flex-direction: column;
    }

        #digital-index-calculator .inline-buttons a {
            margin: 20px 0;
            padding: 10px 15px;
        }
}

@media(min-width: 768px) and (max-width: 991px) {
    #digital-index-calculator .left-sidebar-menu .vertical-menu .item:before {
        width: 95px;
    }

    #digital-index-calculator .left-sidebar-menu .vertical-menu .item span.index {
        font-size: 21px;
    }

        #digital-index-calculator .left-sidebar-menu .vertical-menu .item span.index:before {
            width: 40px;
            height: 40px;
            left: 1px;
            top: 4px;
        }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #digital-index-calculator .resault .right-side-charts .chart-wrap .item {
        width: 93%;
    }
}

/*#endregion digital index calc*/


/*#region xMas campaign*/
#xmas-new-page {
    position: relative;
    width: 100%;
    height: auto;
}

.xmas-banner {
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url(../content/images/xmas/xmas-inner-banner.jpg);
    padding: 6% 0;
    height: 600px;
    background-size: cover;
    background-position: center;
}

#xmas-new-page .video-xmas {
    position: absolute;
    width: 30%;
    height: auto;
    top: 31%;
    z-index: 2;
    left: 10%;
    box-shadow: 0 2px 40px 0 rgba(0, 0, 0, .3);
    transition: box-shadow .2s ease;
    border-radius: 8px;
    transition: all ease-in .3s;
}

.video-thumbnail-wrapper, .video-thumbnail-wrapper img {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

#xmas-new-page .video-xmas:hover {
    box-shadow: 2px 2px 30px 5px #ffffff2b !important;
    transition: all ease-in .3s;
}

#xmas-new-page .video-xmas span.play-icon {
    position: absolute;
    width: 50px;
    height: 50px;
    background: #e20074;
    z-index: 3;
    right: 10px;
    bottom: 10px;
    border-radius: 50px;
    animation: pulse-effect 3s infinite ease-in-out;
    display: block;
}

    #xmas-new-page .video-xmas span.play-icon:before {
        content: '4';
        font-family: 'teleicon-outline' !important;
        font-size: 32px;
        top: 3px;
        width: 20px;
        height: 20px;
        position: absolute;
        left: 18px;
        fill: white;
        font-weight: 900;
    }

#xmas-new-page .video-xmas a#section-video-play-btn {
    z-index: 3;
    color: #fff;
    text-transform: uppercase;
    font-size: 80px;
    text-decoration: none;
    background-position: right center;
    background-repeat: no-repeat;
    /* animation: pulse-effect 3s infinite ease-in-out; */
    font-family: 'teleNeo-extra' !important;
    top: 0;
    left: 0;
    position: relative;
    width: 100%;
    height: 100%;
    /* transform: translate(-50%,-50%);*/
}


@keyframes pulse-effect {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.8);
    }

    100% {
        transform: scale(1);
    }
}

#xmas-new-page .xmas-content {
    position: relative;
    width: 100%;
    height: auto;
    padding: 2% 0 11%;
}

    #xmas-new-page .xmas-content .wrapper {
        position: relative;
        z-index: 2;
        width: 85%;
        margin: 40px auto 20px;
        height: auto;
        padding: 10px 20px 40px 20px;
        text-align: center;
        box-shadow: 0 0 35px 7px #0000000d;
    }

    #xmas-new-page .xmas-content h1 {
        font-size: 34px;
        margin: 30px 0;
        font-family: 'teleNeo-extra' !important;
        z-index: 2;
    }

    #xmas-new-page .xmas-content p {
        font-size: 18px;
        line-height: 1.2;
    }

        #xmas-new-page .xmas-content p.small {
            margin: 20px 0;
            font-size: 14px;
        }

#xmas-new-page .animation-wrap {
    position: absolute;
    width: 100%;
    height: 430px;
    overflow: hidden;
    bottom: 0;
    z-index: 0;
}

#xmas-new-page svg {
    position: absolute;
    height: auto;
    width: 57%;
    right: 0;
    transform: translate(85%, 57px);
    z-index: 2;
}

    #xmas-new-page svg path {
        stroke-dasharray: 2000;
        stroke-dashoffset: 0;
        animation: dash2 4s linear;
        stroke: #e20074;
        fill: #e20074 !important;
        fill-opacity: 0;
        stroke-width: 1;
        stroke-dasharray: 1000;
        stroke-dashoffset: 0;
        -moz-animation: hello2 ease-in-out 5s infinite forwards;
        -webkit-animation: hello2 ease-in-out 5s infinite forwards;
        animation: hello2 ease-in-out 5s infinite forwards;
    }

div#xmas-modal .modal-dialog {
    width: 50%;
    height: auto;
    margin-top: 10%;
}

    div#xmas-modal .modal-dialog .modal-content {
        width: 100%;
        height: 500px;
        position: relative;
        border: 0;
    }

        div#xmas-modal .modal-dialog .modal-content .modal-body {
            padding: 0px;
        }

        div#xmas-modal .modal-dialog .modal-content .modal-body,
        div#xmas-modal .modal-dialog .modal-content .modal-video-wrapper,
        div#xmas-modal .modal-dialog .modal-content .modal-video-wrapper iframe {
            width: 100%;
            height: 100%;
            border: 0;
        }

div#xmas-modal button.close {
    position: absolute;
    right: 0;
    top: 0;
    color: white;
    opacity: 1;
    background: #e20074;
    padding: 2px 7px;
    border-radius: 50px;
    margin: 5px 5px 0 0;
}

    div#xmas-modal button.close span {
        font-size: 19px;
        font-weight: 500;
    }

@media(max-width: 767px) {
    #xmas-new-page .xmas-banner {
        height: auto;
    }

    #xmas-new-page .video-xmas {
        width: 70%;
        height: auto;
        left: 0;
        z-index: 3;
        position: relative;
        margin: 0 auto;
        bottom: -90px;
    }

    #xmas-new-page .xmas-content {
        margin-top: 50px;
    }

    #xmas-new-page .video-xmas a#section-video-play-btn:before {
        width: 30px;
        height: 30px;
        background-image: url(../content/images/xmas/play-btn.png);
        background-size: contain;
        background-position: center;
        top: 17%;
        left: 15%;
    }


    #xmas-new-page .xmas-content .wrapper {
        width: 100%;
    }

    #xmas-new-page .xmas-content h1 {
        font-size: 25px;
    }

    #xmas-new-page .xmas-content p {
        font-size: 17px;
    }

    div#xmas-modal .modal-dialog {
        width: 95%;
    }

        div#xmas-modal .modal-dialog .modal-content {
            width: 100%;
            height: 500px;
            position: relative;
            border: 0;
        }

            div#xmas-modal .modal-dialog .modal-content .modal-body {
                padding: 10px;
            }

    #xmas-new-page .animation-wrap {
        position: absolute;
        width: 100%;
        height: 190px;
        overflow: hidden;
        bottom: 0;
    }

    #xmas-new-page svg {
        width: 70%;
        right: 0;
        transform: translate(50%, 50px);
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #xmas-new-page .xmas-banner {
        padding: 6% 0;
        height: 450px;
    }

    #xmas-new-page .video-xmas {
        width: 70%;
        position: relative;
        left: 0;
        margin: 0 auto;
        bottom: -290px;
    }

    #xmas-new-page .xmas-content {
        margin-top: 25%;
    }

        #xmas-new-page .xmas-content h1 {
            font-size: 30px;
        }

    #xmas-new-page .animation-wrap {
        height: 220px;
        overflow: hidden;
        bottom: 0;
    }

    #xmas-new-page svg {
        transform: translate(80%, 0px);
        z-index: 2;
        width: 60%;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #xmas-new-page .video-xmas {
        position: absolute;
        width: 50%;
        height: 275px;
        top: 31%;
        left: 4%;
    }

    div#xmas-modal .modal-dialog {
        width: 80%;
        height: auto;
        margin-top: 10%;
    }

    #xmas-new-page .animation-wrap {
        height: 240px;
        overflow: hidden;
        bottom: 0;
    }
}
/*#endregion xMas campaign*/

.smart-table.smartPovlastenaProverka span.sign:after {
    content: '';
    position: absolute;
    background-image: url(../content/images/znakche-magenta.png);
    background-size: cover;
    width: 21px;
    height: 10px;
    right: 18px;
    top: 31px;
}

span.sign:after {
    content: '';
    position: absolute;
    background-image: url(../content/images/znakche-magenta.png);
    background-size: cover;
    width: 20px;
    height: 10px;
    right: 12px;
    top: 31px;
}

.magenta1-box span.sign {
    display: inline;
    right: -33px;
    position: absolute;
    top: -23px;
    width: 20px;
    height: 10px;
}

.magenta1-box.active span.sign:after {
    content: '';
    background-image: url(../content/images/znakche.png);
}

.side-panel-magenta1 .itemType .sign {
    position: absolute;
    top: -23px;
    left: 100px;
    width: 19px;
    height: 9px;
}

@media(min-width: 768px) and (max-width: 991px) {
    .magenta1-box span.sign {
        left: 148px;
        position: absolute;
        top: -17px;
    }
}

/*#region ultra tariff new page*/
div#ultra-tariff-new .banner {
    position: relative;
    background-image: url('../content/images/banner-ultra-tarifa.jpg');
    /* height: 450px; */
    width: 100%;
    background-position: center 13%;
    padding: 15% 0;
    background-repeat: no-repeat;
    background-size: cover;
}

div#ultra-tariff-new h1 {
    font-size: 37px;
    margin: 40px 0;
    font-family: 'teleNeo-extra' !important;
    line-height: 1.2;
}

div#ultra-tariff-new .ultra-content {
    position: relative;
    width: 90%;
    margin: 40px auto;
    text-align: left;
    box-shadow: 0 0 35px 7px #00000012;
    padding: 20px;
}

    div#ultra-tariff-new .ultra-content p,
    div#ultra-tariff-new .ultra-content ul li {
        font-size: 18px;
        line-height: 1.2;
    }

    div#ultra-tariff-new .ultra-content ul {
        margin: 30px 0;
    }

div#ultra-tariff-new .panel-group,
div#ultra-tariff-new .panel-group .panel-default,
div#ultra-tariff-new .panel-heading {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}


    div#ultra-tariff-new .panel-heading h4 {
        font-size: 21px;
        padding-bottom: 20px;
    }

        div#ultra-tariff-new .panel-heading h4 a {
            /* padding-left: 40px; */
            position: relative;
            display: block;
            color: #e20074;
        }

            div#ultra-tariff-new .panel-heading h4 a:before {
                content: 'i';
                position: relative;
                border: 2px solid #e20074;
                padding: 1px 11px;
                border-radius: 50px;
                display: inline;
                float: left;
                margin-right: 12px;
                top: -3px;
                font-size: 17px;
                left: 2px;
                font-family: 'teleNeo-extra' !important;
            }

            div#ultra-tariff-new .panel-heading h4 a:hover,
            div#ultra-tariff-new .panel-heading h4 a:focus {
                transition: all ease-in .4s;
                text-decoration: none;
            }

                div#ultra-tariff-new .panel-heading h4 a:hover:before {
                    background: #e20074;
                    color: white;
                    transition: all ease-in .4s;
                }

div#ultra-tariff-new h2 {
    font-size: 23px;
    margin: 20px 0;
    text-align: center;
}

@media(max-width: 767px) {
    div#ultra-tariff-new .banner {
        padding: 30% 0;
    }

    div#ultra-tariff-new h1 {
        font-size: 25px;
        margin: 20px 0;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    div#ultra-tariff-new .banner {
        padding: 30% 0;
    }

    .mobile-tariff-banner .wrapper {
        width: 50% !important;
    }

    .smart-table.smartPovlastenaProverka span.sign:after {
        content: '';
        position: relative;
        background-image: url(../content/images/znakche-magenta.png);
        background-size: cover;
        width: 21px;
        height: 10px;
        top: 0;
        display: block;
        left: 0;
        right: 0;
        text-align: center;
        background-position: center;
        margin: 0 auto;
    }
}


/*#endregion ultra tariff new page*/

/*#region iphone 13 sporedba */
div#iphone-12 .col .tel,
div#iphone-12 .col .boja {
    text-align: center !important;
}

div#iphone-12 .col .boja {
    min-height: 70px !important;
    border-bottom: 1px solid #ccc;
}

div#iphone-12 .col .tel h2 {
    font-size: 23px;
    font-family: teleNeo-bold !important;
    border-bottom: 1px solid #d2d2d7;
    padding-bottom: 20px;
}

#iphone-12 .col div.tel img {
    width: auto !important;
    height: 210px !important;
}

div#iphone-12 .col .link {
    min-height: 100px;
    border-bottom: 0;
}

#iphone-12 .col .boja img {
    width: auto !important;
    margin: 0 auto !important;
}

#iphone-12 .col .dimension,
#iphone-12 .why-iphone .five-g,
#iphone-12 .why-iphone .camera,
#iphone-12 .why-iphone .zoom,
#iphone-12 .why-iphone .scanner {
    text-align: center !important;
}

#iphone-12 .why-iphone .dimension {
    min-height: 200px !important;
}

#iphone-12 .col .dimension p {
    font-size: 60px !important;
    font-family: teleNeo-extra !important;
}

#iphone-12 .why-iphone.sporedba p span.no-info {
    position: relative;
    display: block;
    width: 100%;
    min-height: 61px;
    text-align: center;
}

#iphone-12 .why-iphone.sporedba p span {
    color: black !important;
    font-family: 'teleNeo-bold' !important;
    line-height: 1.2;
    padding-top: 5px;
    font-size: 17px;
    position: relative;
    display: block;
}

    #iphone-12 .why-iphone.sporedba p span.mh {
        min-height: 90px;
    }

    #iphone-12 .why-iphone.sporedba p span.mh2 {
        min-height: 70px;
    }

#iphone-12 .why-iphone .zoom {
    min-height: 120px !important;
}

#iphone-12 .why-iphone .five-g {
    min-height: 140px !important;
}

#iphone-12 .why-iphone .camera {
    min-height: 370px !important;
}

#iphone-12 .why-iphone.sq .camera span.no-info {
    min-height: 20px;
}

#iphone-12 .why-iphone .scanner {
    min-height: 230px !important;
}

#iphone-12 .why-iphone.sq .scanner {
    min-height: 300px !important;
}

#iphone-12 .why-iphone.sporedba .col .chip:first-of-type {
    text-align: center !important;
}

#iphone-12 .why-iphone.sporedba .col .chip {
    min-height: 370px;
    text-align: center;
}

#iphone-12 .why-iphone.sporedba .col .battery {
    min-height: 110px;
    text-align: center !important;
}

#iphone-12 .why-iphone.sporedba .col .face-id {
    min-height: 140px !important;
    text-align: center !important;
}

#iphone-12 .why-iphone.sporedba .col .glass {
    text-align: center !important;
}

#iphone-12 .why-iphone.sporedba.sq .col .glass {
    min-height: 250px !important;
}

#iphone-12 .why-iphone.sporedba .col .display {
    min-height: 700px;
}

#iphone-12 .why-iphone.sporedba.sq .col .display span.no-info {
    min-height: 60px !important;
}

#iphone-12 .why-iphone.sporedba .videozapis.border-top {
    min-height: 650px !important;
}

#iphone-12 .why-iphone.sporedba .predna-kamera.border-top {
    min-height: 720px !important;
}

#iphone-12 .why-iphone.sporedba .mreza.border-top {
    min-height: 440px !important;
}

#iphone-12 .why-iphone.sporedba .col .widgets {
    min-height: 270px !important;
    text-align: center !important;
}

#iphone-12 .why-iphone.sporedba .col .waterproof {
    min-height: 240px;
    text-align: center;
}

#iphone-12 .why-iphone.sporedba .col .kamera {
    min-height: 1000px !important;
}

    #iphone-12 .why-iphone.sporedba .col .kamera p span.no-info {
        min-height: 60px !important;
    }

        #iphone-12 .why-iphone.sporedba .col .kamera p span.no-info:last-of-type {
            min-height: 22px !important;
        }

#iphone-12 .why-iphone.sporedba.sq .col .kamera span.no-info {
    min-height: 41px !important;
}

#iphone-12 .why-iphone.sporedba.sq .col .kamera span.no-info2 {
    min-height: 60px !important;
    text-align: center;
}

#iphone-12 .why-iphone.sporedba.sq .col .kamera span.mh {
    min-height: 60px !important;
}

#iphone-12 .why-iphone.sporedba .videozapis {
    min-height: 1110px !important;
}

    #iphone-12 .why-iphone.sporedba .videozapis span.no-info {
        min-height: 82px;
    }

#iphone-12 .why-iphone.sporedba.sq .videozapis span.no-info {
    min-height: 60px;
}

#iphone-12 .why-iphone.sporedba .predna-kamera {
    min-height: 1390px !important;
}

#iphone-12 .why-iphone.sporedba.sq .predna-kamera {
    min-height: 1220px !important;
}

#iphone-12 .why-iphone.sporedba .predna-kamera span.no-info {
    min-height: 82px;
}

#iphone-12 .why-iphone.sporedba.sq .predna-kamera span.no-info {
    min-height: 58px;
}


#iphone-12 .why-iphone.sporedba .mreza {
    min-height: 740px !important;
}

#iphone-12 .why-iphone.sporedba .applepay {
    min-height: 360px !important;
}

#iphone-12 .why-iphone.sporedba.sq .applepay {
    min-height: 390px !important;
}

#iphone-12 .why-iphone.sporedba .videopovici {
    min-height: 440px !important;
}

#iphone-12 .why-iphone.sporedba.sq .videopovici {
    min-height: 390px !important;
}

#iphone-12 .why-iphone.sporedba .audiopovici {
    min-height: 490px !important;
}

#iphone-12 .why-iphone.sporedba .reprodukcija-video {
    min-height: 120px !important;
}

#iphone-12 .why-iphone.sporedba .siri {
    min-height: 350px !important;
}

#iphone-12 .why-iphone.sporedba .baterija {
    min-height: 700px !important;
}

#iphone-12 .why-iphone.sporedba .senzori {
    min-height: 320px !important;
}

    #iphone-12 .why-iphone.sporedba .senzori span.no-info {
        min-height: 40px !important;
    }

#iphone-12 .why-iphone.sporedba .sim-kartichka {
    min-height: 290px !important;
}

#iphone-12 .foosnote {
    background: #f5f5f7;
    font-size: 16px;
    line-height: 1.2;
    padding: 20px 0;
}

    #iphone-12 .foosnote p {
        display: list-item;
        list-style-type: auto;
        list-style-position: outside;
    }

    #iphone-12 .foosnote .text-wrap {
        padding: 20px 40px;
    }
/*#endregion iphone 13 sporedba */
/*#region telekommk new design 2021*/
#telekommk-app-new-2021 .telekommk-app-banner {
    position: relative;
    background-image: url(../content/images/telekommk-app-new/header-bg.jpg);
    background-position: center;
    height: 680px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

#telekommk-app-new-2021 .container {
    position: relative;
    height: 100%;
}

#telekommk-app-new-2021 .telekommk-app-banner .wrapper {
    position: absolute;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 100%;
}

    #telekommk-app-new-2021 .telekommk-app-banner .wrapper .phone-img {
        position: relative;
        width: 310px;
        left: 0;
    }

#telekommk-app-new-2021 .telekommk-app-banner .right {
    position: relative;
}

    #telekommk-app-new-2021 .telekommk-app-banner .right .naslov {
        margin-bottom: 30px;
    }

    #telekommk-app-new-2021 .telekommk-app-banner .right h1 {
        color: white;
        font-size: 38px;
        text-transform: none;
        font-family: 'teleNeo-regular' !important;
    }

        #telekommk-app-new-2021 .telekommk-app-banner .right h1 span {
            font-family: 'teleNeo-bold' !important;
        }

    #telekommk-app-new-2021 .telekommk-app-banner .right h2 {
        color: white;
        font-size: 22px;
    }

#telekommk-app-new-2021 .telekommk-app-banner .prezemi-app {
    position: relative;
    width: 100%;
}

    #telekommk-app-new-2021 .telekommk-app-banner .prezemi-app .qr-code {
        position: relative;
        display: inline-flex;
        flex-wrap: nowrap;
        align-content: flex-end;
        justify-content: flex-start;
        align-items: flex-end;
        width: 90px;
        width: 100%;
        margin-bottom: 20px;
    }

        #telekommk-app-new-2021 .telekommk-app-banner .prezemi-app .qr-code p {
            color: white;
            font-size: 20px;
            line-height: 1.2;
            margin: 0;
            padding-left: 20px;
        }

#telekommk-app-new-2021 .telekom-mk-app-mobIcons a img {
    width: 120px;
    height: auto;
}

#telekommk-app-new-2021 section {
    position: relative;
    height: 500px;
    margin: 30px 0;
}

#telekommk-app-new-2021 .shape {
    border-bottom: 0;
    transition: none;
    width: 100%;
}

#telekommk-app-new-2021 section .wrap {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

    #telekommk-app-new-2021 section .wrap > div {
        position: relative;
        height: 100%;
        width: 25%;
    }

#telekommk-app-new-2021 .shape-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
}

#telekommk-app-new-2021 .right-side {
    right: 20%;
}

#telekommk-app-new-2021 .left-side {
    left: 20%;
}

#telekommk-app-new-2021 .left-shape {
    left: 0;
    height: 100%;
    width: 50%;
}

#telekommk-app-new-2021 section .shape-wrap:before {
    content: '';
    position: absolute;
    background-image: url(../content/images/telekommk-app-new/shape-1.png);
    background-size: cover;
    width: 650px;
    height: 333px;
    top: -190px;
    left: 0;
    z-index: 3;
    background-repeat: no-repeat;
    background-position: left top;
}

#telekommk-app-new-2021 section.second-section .shape-wrap:before {
    background-image: url(../content/images/telekommk-app-new/shape-2.png);
    right: 0;
    left: initial;
    z-index: 3;
    background-position: left top;
    height: 400px;
    width: 675px;
}

#telekommk-app-new-2021 section.third-section .shape-wrap:before {
    background-image: url(../content/images/telekommk-app-new/shape-3.png);
    left: 0;
    background-position: left top;
    height: 331px;
    width: 640px;
}

#telekommk-app-new-2021 section.fourth-section .shape-wrap:before {
    background-image: url(../content/images/telekommk-app-new/shape-4.png);
    right: 0;
    background-position: left top;
    left: inherit;
    height: 380px;
    width: 635px;
}

#telekommk-app-new-2021 section.fifth-section .shape-wrap:before {
    background-image: url(../content/images/telekommk-app-new/shape-5.png);
    left: 0;
    background-position: left top;
    width: 630px;
    height: 342px;
}

#telekommk-app-new-2021 section.sixth-section .shape-wrap:before {
    background-image: url(../content/images/telekommk-app-new/shape-6.png);
    right: 0;
    background-position: left top;
    left: initial;
    width: 635px;
    height: 400px;
}

#telekommk-app-new-2021 section.seventh-section .shape-wrap:before {
    background-image: url(../content/images/telekommk-app-new/shape-7.png);
    left: 0;
    background-position: left top;
    width: 623px;
    height: 327px;
}

#telekommk-app-new-2021 section.eight-section .shape-wrap:before {
    background-image: url(../content/images/telekommk-app-new/shape-8.png);
    right: 0;
    background-position: left top;
    left: initial;
    height: 380px;
    width: 635px;
}

#telekommk-app-new-2021 right-text,
#telekommk-app-new-2021 .left-text {
    position: relative;
}

    #telekommk-app-new-2021 .right-text h3,
    #telekommk-app-new-2021 .left-text h3 {
        color: #333;
        font-size: 35px;
        margin-bottom: 20px;
        font-family: 'teleNeo-thin' !important;
    }

        #telekommk-app-new-2021 .right-text h3 span,
        #telekommk-app-new-2021 .left-text h3 span {
            font-size: 27px;
            line-height: 1.2;
            display: block;
        }

    #telekommk-app-new-2021 .right-text p,
    #telekommk-app-new-2021 .left-text p {
        color: black;
        font-size: 19px;
        font-family: 'teleNeo-regular' !important;
        line-height: 1.2;
        min-height: 260px;
    }


    #telekommk-app-new-2021 .left-text a {
        margin: 10px 0;
        border: 1px solid #e20074;
        font-size: 18px;
        position: absolute;
        bottom: 0;
        left: 0;
    }

#telekommk-app-new-2021 .right-text a {
    right: 0;
    margin: 10px 0;
    border: 1px solid #e20074;
    font-size: 18px;
    position: absolute;
    bottom: 0;
}

#telekommk-app-new-2021 .gray-bg {
    position: relative;
    background: #f2f2f2;
    padding: 20px 0px;
}

#telekommk-app-new-2021 #telekommk-appCollapse {
    position: relative;
    margin-bottom: 0;
}

    #telekommk-app-new-2021 #telekommk-appCollapse .panel-default {
        position: relative;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none;
    }

    #telekommk-app-new-2021 #telekommk-appCollapse .panel-heading {
        padding: 0;
        width: 40px;
        height: 40px;
        margin: 0 auto;
        position: relative;
        background: transparent;
        border: 0 !important;
    }

        #telekommk-app-new-2021 #telekommk-appCollapse .panel-heading h4 {
            padding: 0;
            width: 100%;
            height: 100%;
        }

            #telekommk-app-new-2021 #telekommk-appCollapse .panel-heading h4 a {
                color: #333;
            }

                #telekommk-app-new-2021 #telekommk-appCollapse .panel-heading h4 a i {
                    position: relative;
                    width: 100%;
                    height: 100%;
                    margin: 0 auto;
                    overflow: hidden;
                    top: -25px;
                }

    #telekommk-app-new-2021 #telekommk-appCollapse a .icon-arrow-down:before {
        content: '$';
        position: absolute;
        font-family: 'teleIcon-outline';
        font-size: 40px;
        top: 0;
        z-index: 4;
        left: 0px;
        right: 0;
        margin: 0 auto;
        width: 50px;
        height: 50px;
        background: #e20074;
        color: white;
        border-radius: 50px;
        letter-spacing: 40px;
        line-height: 55px;
        padding-left: 10px;
        animation: pulse 2s infinite;
        transition: all ease-in .5s;
    }

    #telekommk-app-new-2021 #telekommk-appCollapse a.collapsed.icon-arrow-down:before {
        content: '$';
        position: absolute;
        font-family: 'teleIcon-outline';
        font-size: 40px;
        top: 0;
        z-index: 4;
        left: 0px;
        right: 0;
        margin: 0 auto;
        width: 50px;
        height: 50px;
        background: #e20074;
        color: white;
        border-radius: 50px;
        letter-spacing: 40px;
        line-height: 55px;
        padding-left: 10px;
        animation: pulse 2s infinite;
        transition: all ease-in .5s;
    }

    #telekommk-app-new-2021 #telekommk-appCollapse .panel-body {
        padding: 0;
        border: 0;
        box-shadow: none;
    }

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 #e20074ad;
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px #e2007438;
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 #e2007400;
    }
}

@media (max-width: 767px) {
    #telekommk-app-new-2021 .telekommk-app-banner {
        height: 450px;
        background: #e20074;
        padding: 20px 0;
    }

        #telekommk-app-new-2021 .telekommk-app-banner .wrapper {
            display: block;
            position: relative;
        }

            #telekommk-app-new-2021 .telekommk-app-banner .wrapper .left {
                display: none;
            }

        #telekommk-app-new-2021 .telekommk-app-banner .right {
            transform: none;
        }

        #telekommk-app-new-2021 .telekommk-app-banner .prezemi-app .qr-code {
            align-items: center;
        }

    #telekommk-app-new-2021 section {
        height: auto;
    }

        #telekommk-app-new-2021 section .wrap {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: center;
            align-items: center;
            align-content: space-between;
            border-bottom: 1px solid #ccc;
            padding: 20px 0;
        }

            #telekommk-app-new-2021 section .wrap > div {
                width: 100%;
                display: block;
            }

    #telekommk-app-new-2021 .right-side {
        right: 0
    }

    #telekommk-app-new-2021 .left-side {
        left: 0;
    }

    #telekommk-app-new-2021 .right-side,
    #telekommk-app-new-2021 .left-side {
        padding: 0 20px;
    }

    #telekommk-app-new-2021 .shape-wrap {
        height: 200px;
    }

    #telekommk-app-new-2021 section .shape-wrap:before {
        position: absolute;
        background-size: contain !important;
        width: 100% !important;
        height: 180px !important;
        top: 0 !important;
    }

    #telekommk-app-new-2021 section .right-shape .shape-wrap:before {
        left: initial !important;
        right: 0 !important;
        background-position: right;
    }

    #telekommk-app-new-2021 section .left-shape .shape-wrap:before {
        left: 0 !important;
        right: initial !important;
        background-position: left;
    }

    #telekommk-app-new-2021 .right-text a {
        right: 20px;
    }

    #telekommk-app-new-2021 .left-text a {
        left: 20px;
    }

    #telekommk-app-new-2021 .gray-bg {
        background: transparent;
        padding: 0px 0px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    #telekommk-app-new-2021 section .shape-wrap:before {
        background-size: contain;
        width: 390px !important;
        height: 290px !important;
    }

    #telekommk-app-new-2021 section .right-shape .shape-wrap:before {
        right: 0;
        background-position: right;
    }

    #telekommk-app-new-2021 section .wrap > div {
        width: 40%;
    }

    #telekommk-app-new-2021 .left-side {
        left: 5%;
    }

    #telekommk-app-new-2021 .right-side {
        right: 5%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #telekommk-app-new-2021 section .shape-wrap:before {
        width: 552px !important;
        height: 290px !important;
        background-size: contain;
    }

    #telekommk-app-new-2021 section .right-shape .shape-wrap:before {
        right: 0;
        left: initial;
        background-position: right;
    }

    #telekommk-app-new-2021 section .wrap > div {
        position: relative;
        height: 100%;
        width: 30%;
    }

    #telekommk-app-new-2021 .left-side {
        left: 10%;
    }

    #telekommk-app-new-2021 .right-side {
        right: 10%;
    }
}
/*#endregion telekommk new design 2021*/


/*#region user profile*/
div#user-profile {
    background: transparent linear-gradient(180deg, #C5D2DCF7 0%, #CACDD500 100%) 0% 0% no-repeat padding-box;
    opacity: 0.9;
    position: relative;
    padding: 4% 0 10%;
}

    div#user-profile h1 {
        padding-bottom: 0;
        color: black;
        font-size: 27px;
        line-height: 1.2;
        margin: 0px 0 60px !important;
        text-transform: uppercase;
        font-family: 'teleNeo-extra' !important;
        text-align: center;
    }

    div#user-profile .table-responsive {
        margin: 10px 0;
        overflow: visible;
        position: relative;
        padding-top: 20px;
        z-index: 3;
    }

        div#user-profile .table-responsive:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/order-status/shape.png);
            background-position: top right;
            background-repeat: no-repeat;
            width: 260px;
            height: 260px;
            background-size: contain;
            right: 0;
            top: -90px;
            z-index: -1;
            overflow: visible;
        }

    div#user-profile table {
        width: 100% !important;
        display: block;
        overflow-x: auto;
        border-collapse: separate;
        border-spacing: 0 15px;
        display: table;
        background-color: transparent;
    }

        div#user-profile table * {
            font-size: 17px !important;
            line-height: 1.2;
        }

        div#user-profile table thead tr {
            border-bottom: 1px solid #ccc;
        }

        div#user-profile table tbody {
            border: 0 !important;
            box-shadow: none;
        }

            div#user-profile table tbody:last-of-type tr {
                border-bottom: 0 !important;
            }

        div#user-profile table thead th {
            font-family: 'teleNeo-bold' !important;
            white-space: normal;
            word-break: break-word;
            line-height: 1;
            font-size: 18px !important;
            padding: 10px 15px 10px !important;
            background: transparent !important;
        }

        div#user-profile table tbody td,
        div#user-profile table thead th {
            padding: 20px 15px;
            border: 0 !important;
            box-shadow: none !important;
            font-size: 18px !important;
        }

        div#user-profile table tr td:first-of-type {
            padding-left: 40px !important;
            position: relative;
        }

            div#user-profile table tr td:first-of-type:before {
                content: '';
                position: absolute;
                background-image: url(../content/images/order-status/icon-content-calendar-default.svg);
                width: 18px;
                height: 100%;
                background-repeat: no-repeat;
                background-position: center top;
                background-size: contain;
                left: 14px;
            }


        div#user-profile table tr td.order-details span {
            display: block;
        }

            div#user-profile table tr td.order-details span + span,
            div#user-profile table tr td.order-details span + span + span {
                position: relative;
                color: #a8a6a6;
                line-height: 1.1 !important;
                display: inline;
            }

        div#user-profile table tr td:last-of-type {
            text-align: right;
            padding-right: 25px;
        }

        div#user-profile table tbody td a {
            color: #e20074;
            text-decoration: none;
            display: block;
        }

        div#user-profile table tbody tr {
            background: rgb(255,255,255);
            box-shadow: 0px 0px 80px rgba(0, 0, 0, .09);
            -webkit-box-shadow: 0px 0px 80px rgba(0, 0, 0, .09);
            -moz-box-shadow: 0px 0px 80px rgba(0, 0, 0, .09);
            transition: all ease-in .3s;
        }

            div#user-profile table tbody tr:hover {
                box-shadow: 0px 0px 80px rgba(0, 0, 0, .15);
                -webkit-box-shadow: 0px 0px 80px rgba(0, 0, 0, .15);
                -moz-box-shadow: 0px 0px 80px rgba(0, 0, 0, .15);
                transition: all ease-in .3s;
            }

    div#user-profile .no-orders-wrapper {
        position: relative;
        width: 40%;
        margin: 90px auto 0;
        text-align: center;
        font-size: 18px;
        box-shadow: 0 0 30px 7px rgba(119, 119, 119, .1);
        padding: 30px 0;
    }

        div#user-profile .no-orders-wrapper:before {
            font-family: 'IonIcons' !important;
            color: rgba(0, 0, 0, .4);
            font-size: 77px;
            width: 100%;
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            text-align: right;
        }

@media (max-width: 767px) {
    div #user-profile table {
        display: block;
        overflow-y: hidden;
    }

    div#user-profile h1 {
        margin: 50px 0 30px !important;
    }

    div#user-profile .table-responsive:before {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    div #user-profile table {
        display: table;
    }
}

/*#endregion user profile*/

/*#region bottom links prepaid en*/
div#prepaid-bottom-links {
    position: relative;
    width: 100%;
    height: 70px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    margin: 20px auto;
}

    div#prepaid-bottom-links a {
        display: inline-flex;
        justify-content: flex-start;
        align-items: center;
        width: 20%;
        height: 100%;
        padding: 10px;
        margin: 0 10px;
        box-shadow: 0 1px 3px rgba(0, 0, 0,.10);
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0,.10);
        margin-bottom: 15px;
    }

        div#prepaid-bottom-links a p {
            color: black;
            display: block;
            line-height: 1.2;
            transition: all ease-in .3s;
        }

        div#prepaid-bottom-links a span {
            width: auto;
            height: auto;
            position: relative;
            margin-right: 10px;
        }

            div#prepaid-bottom-links a span img {
                width: auto;
                height: 100%;
            }

            div#prepaid-bottom-links a span svg {
                position: relative;
                width: 35px;
                height: 100%;
                top: 3px;
            }

        div#prepaid-bottom-links a:hover {
            text-decoration: none;
        }

            div#prepaid-bottom-links a:hover p {
                color: #e20074;
                transition: all ease-in .3s;
            }

@media(max-width: 767px) {
    div#prepaid-bottom-links {
        height: auto;
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
    }

        div#prepaid-bottom-links a {
            width: 100%;
            height: 100%;
            padding: 10px;
            margin: 10px 10px;
        }
}
/*#endregion bottom links prepaid en*/


/*#region virtuelen disk*/
div.ict-integrated .main-banner {
    position: relative;
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

div #virtuelen-disk .main-banner {
    background-image: url('../content/images/virtuelen-disk/virtuelen-disk-main-banner.jpg');
}

div.ict-integrated .main-banner:before {
    content: '';
    position: absolute;
    width: 45%;
    height: 100%;
    bottom: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom;
    left: 0;
}

div.ict-integrated .btn-wrapper {
    position: relative;
    margin: 10px auto 70px;
    width: 50%;
    text-align: center;
}

    div.ict-integrated .btn-wrapper a.btn-magenta {
     
        
        margin: 10px;
    }

div#virtuelen-disk .main-banner:before {
    content: '';
    position: absolute;
    background-image: url(../content/images/virtuelen-disk/shape-banner.png);
    width: 45%;
}

div#virtuelen-disk .main-banner .header {
    width: 25%;
}

div.ict-integrated .main-banner .header {
    position: absolute;
    width: 37%;
    bottom: 0;
    z-index: 3;
}



    div.ict-integrated .main-banner .header h1 {
        color: white;
        font-size: 38px;
        font-family: 'teleNeo-bold' !important;
        margin: 30px 0 45px;
        text-transform: none;
    }



div.ict-integrated section.content {
    position: relative;
    padding: 9% 0 2%;
    background: transparent linear-gradient(180deg, rgba(202, 207, 220, .3) 0%, rgba(202, 207, 220, .4) 100%) 0% 0% no-repeat padding-box;
    height: 400px;
}

    div.ict-integrated section.content .wrap.white {
        position: absolute;
        width: 90%;
        margin: 0 auto;
        background: white;
        height: auto;
        left: 0;
        right: 0;
        padding: 40px 30px;
        min-height: 570px;
    }

#virtuelen-disk #tab-3 .text-wrap {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

    #virtuelen-disk #tab-3 .text-wrap ul {
        width: 50% !important;
        display: inline-block !important;
        margin-bottom: 0;
    }

        #virtuelen-disk #tab-3 .text-wrap ul li {
            position: relative;
            width: 100%;
            background-color: transparent;
            box-shadow: none;
            margin: 0;
            padding: 0 20px 20px;
        }

.ict-integrated .linkovi {
    position: relative;
    width: 50%;
    display: flex;
    margin: 30px auto;
    justify-content: center;
    align-items: center;
}

div.ict-integrated section.content h2 {
    position: relative;
    width: 520px;
    text-align: center;
    margin: 0 auto 30px auto;
    background-color: black;
    color: white;
    text-transform: uppercase;
    font-size: 40px;
    padding: 20px;
    transform: skew(30deg);
    bottom: 40px;
}

    div.ict-integrated section.content h2 span {
        transform: skew(-30deg) !important;
        font-family: 'teleNeo-extra' !important;
        position: relative;
        transform: skewX( 25deg );
        position: relative;
        display: block;
        font-family: 'teleNeo-extra' !important;
    }

div.ict-integrated .tab-wrapper ul {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto 50px auto;
    border: 0;
    width: 90%;
}

    div.ict-integrated .tab-wrapper ul li {
        padding: 30px 20px;
        background-color: rgba(150, 150, 150, .45);
        box-shadow: 0 0 35px 7px rgba(0, 0, 0, .12);
        border-radius: 8px;
        width: 30%;
        text-align: center;
        font-size: 18px;
        position: relative;
        transition: all ease-in .3s;
        cursor: pointer;
        line-height: 1.2;
    }

        div.ict-integrated .tab-wrapper ul li.active {
            background-color: white;
            transition: all ease-in .3s;
        }

            div.ict-integrated .tab-wrapper ul li.active:before {
                content: '';
                position: absolute;
                width: 75%;
                height: 3px;
                background: #e20074;
                top: 0;
                left: 0;
                right: 0;
                margin: 0 auto;
                transition: all ease-in .3s;
            }

div#virtuelen-disk section.last-sec ul.nav li.active a:before,
div#virtuelen-disk section.last-sec ul.nav li.active a:after {
    content: '';
    display: none;
}

div.ict-integrated section.last-sec ul.nav li.active {
    color: #e20074;
    cursor: default;
    background-color: transparent;
    border: none;
    font-family: 'teleNeo-medium' !important;
}

div.ict-integrated section.last-sec ul.nav li {
    width: auto;
    text-align: center;
    text-transform: uppercase;
    margin-right: 25px;
    z-index: 2;
    background: transparent;
    box-shadow: none;
    padding: 10px;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

    div.ict-integrated section.last-sec ul.nav li.active:before {
        color: #000;
        cursor: default;
        border: none;
        border-bottom: none;
        background: none;
        box-shadow: 0 23px 89px #3e3e3e1c;
        height: 2px;
        background: #e20074;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    div.ict-integrated section.last-sec ul.nav li.active:after {
        color: #000;
        cursor: default;
        border: none;
        border-bottom: none;
        background: #fff 0% 0% no-repeat padding-box;
        box-shadow: 0 23px 89px #3e3e3e1c;
        height: 2px;
        background: #e20074;
        content: '';
        position: absolute;
        right: -24px;
        top: 12px;
        width: 30px;
        border-bottom: 1px solid #e20074;
        transform: rotate(55deg);
    }

div#virtuelen-disk section.last-sec ul.nav li.active a:before,
div#virtuelen-disk section.last-sec ul.nav li.active a:after {
    content: '';
    display: none;
}

div.ict-integrated .video {
    width: 50%;
    margin: 0 auto;
    height: 350px;
    position: relative;
    border-radius: 17px;
}

    div.ict-integrated .video .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        cursor: pointer;
    }

        div.ict-integrated .video .overlay:before {
            content: '';
            position: absolute;
            background: #000;
            height: 100%;
            width: 100%;
            opacity: .87;
            border-radius: 17px;
            left: 0;
            right: 0;
        }

        div.ict-integrated .video .overlay:after {
            content: '';
            position: absolute;
            background-image: url(../content/images/ict-office-365/play.svg);
            background-size: contain;
            background-position: center;
            width: 30px;
            height: 30px;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            z-index: 3;
        }

    div.ict-integrated .video iframe {
        width: 100%;
        height: 100%;
        border-radius: 8px;
    }

div#myTabContent-ict,
div#myTabContent-ict2 {
    position: relative;
    text-align: center;
    font-size: 18px;
    line-height: 1.2;
    width: 85%;
    margin: 0 auto;
}

    div#myTabContent-ict .text-wrap ul li {
        text-align: left;
    }



.data-centar .wrapper {
    width: 90%;
    margin: 0 auto;
    padding-top: 25px;
}



    .data-centar .wrapper .data {
        height: 500px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 30px 136px #0000001a;
        border-radius: 5px;
        position: relative;
        top: 125px;
    }

.data .tabs-data {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
}

    .data .tabs-data .naslov {
        display: flex;
        justify-content: center;
        align-items: center;
        background: black;
        color: #fff;
        position: relative;
        top: -45px;
        width: 420px;
        height: 90px;
    }

        .data .tabs-data .naslov h2 {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: center;
            align-items: center;
            margin: 0;
        }

.data-tabs .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: black;
    cursor: default;
    background-color: #fff;
    border: none;
    border-bottom-color: none;
}

.data-tabs #nav-link {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.data-tabs li.active:after {
    content: "";
    position: absolute;
    height: 3px;
    width: 80%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #E20074
}


.data-tabs .nav-tabs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-top: 5px;
    border-bottom: none !important;
    gap: 20px;
    height: 100%;
    margin: 0 150px 0 150px;
}

    .data-tabs .nav-tabs > li {
        text-align: center;
        margin-bottom: -1px;
        width: 25%;
        height: 100px;
        gap: 79px;
        width: 100%;
        height: 100px;
        background: #EFEFF3 0% 0% no-repeat padding-box;
        border-radius: 10px;
        font-size: 18px;
    }



.data-tabs .presentation {
    background: #EFEFF3 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
}



.data-tabs .nav-tabs > li > a {
    height: 100%;
    width: 100%;
    text-align: center;
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.data-tabs .nav-tabs li a {
    color: #000000;
    border-radius: 10px;
}

.tab-content #data-hosting {
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-top: 50px;
}

.tab-content #za-kogo {
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-top: 50px;
    margin: 0 300px 0 300px;
}

    .tab-content #za-kogo p {
        padding-top: 15px;
    }

.tab-content #karakteristiki {
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-top: 50px;
    margin: 0 250px 0 250px;
}


.tab-content #pridobivki {
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-top: 50px;
}


#data-hosting .data-icons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding-top: 15px;
}

#karakteristiki .karak-left {
    width: 50%;
    float: left;
}

    #karakteristiki .karak-left p {
        margin-left: 33%;
        text-align: left;
    }

#karakteristiki .karak-right {
    width: 50%;
    float: right;
    text-align: left;
}

#karakteristiki span {
    color: #E00274;
}



#pridobivki .pridobivki-left {
    width: 50%;
    float: left;
}

    #pridobivki .pridobivki-left p {
        margin-left: 33%;
        text-align: left;
    }

#pridobivki .pridobivki-right {
    width: 50%;
    float: right;
    text-align: left;
}

#pridobivki span {
    color: #E00274;
}


.tabs-upatstva #kontent {
    font-size: 18px;
    position: relative;
    overflow: hidden;
}


.tabs-upatstva #za-kogo p {
    color: #707070;
}

/*#region antonija*/


.specifikacija {
    background: transparent url(../content/images/virtuelen-disk/bg-section4.png) 0% 0% no-repeat padding-box;
    background-position: center;
    background-size: cover;
    background-color: #f3f3f3;
    height: auto;
    width: 100%;
    padding: 25% 0 4%;
}

    .specifikacija .container {
        position: relative;
        top: 200px;
    }

    .specifikacija h2 {
        font-size: 32px;
        text-align: center;
        text-transform: uppercase;
        font-family: 'teleNeo-extra' !important;
    }

    .specifikacija .ceni-specifikacija {
        max-width: 600px;
        display: block;
        margin: 0px auto;
        padding: 30px 0px 0px 10px;
    }

    .specifikacija .column-wrapper {
        position: relative;
        display: block;
        padding: 0px;
        overflow: hidden;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }

    .specifikacija .column {
        position: relative;
        z-index: 1;
        width: 20%;
        margin: 30px;
        text-align: center;
    }

    .specifikacija .column-inner {
        padding: 20px 50px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 46px #00000024;
        min-height: 320px;
        background-color: #fff;
        z-index: 1;
        transition: all 200ms ease-in;
        transform: scale(0.98);
    }

        .specifikacija .column-inner:hover {
            transform: scale(1);
            transition: all 200ms ease-in;
        }

        .specifikacija .column-inner h3 {
            text-align: center;
            border-bottom: 1px solid #eee;
            padding: 10px 0px;
            font-weight: normal;
            font-size: 18px;
            font-family: 'teleNeo-medium' !important;
            line-height: 1.2;
        }

            .specifikacija .column-inner h3 > span {
                font-size: 30px;
                font-weight: 600;
            }

    .specifikacija p.text-magenta {
        color: #E00274;
        font-size: 28px;
        font-weight: 600;
        text-align: center;
        padding-top: 15px;
        line-height: 20px;
    }

    .specifikacija span.disk-space {
        color: #000000;
        font-size: 14px;
        font-weight: normal;
        opacity: 0.6;
    }


    .specifikacija .hdp-price-body {
        display: block;
        width: 50%;
        font-size: 12px;
    }

    .specifikacija .hdp-price.standarden-paket {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
    }

    .specifikacija .hdp-price-left.hdp-price-top {
        font-size: 30px;
    }

        .specifikacija .hdp-price-left.hdp-price-top span {
            font-family: 'teleNeo-bold' !important;
        }

    .specifikacija span.price-den {
        display: inline-block;
        border-bottom: 1px solid;
    }

    .specifikacija .wrap-class {
        background-color: rgba(0, 0, 0, .14);
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 10px;
        left: 0;
    }

.ict-integrated .last-sec .container-fluid {
    background: #FFFFFF 0% 0% no-repeat padding-box;
}

.ict-integrated .last-sec .wrapper {
    position: relative;
    padding-top: 60px;
    /*background-image: url(../content/images/virtuelen-disk/magenta-triangles.png);*/
    box-shadow: 0px 3px 46px rgba(0, 0, 0, .14);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    padding-top: 25px;
    height: auto;
    margin-top: 80px;
    margin-bottom: 80px;
    min-height: 350px;
}

    .ict-integrated .last-sec .wrapper:before {
        content: '';
        position: absolute;
        background-image: url('../content/images/virtuelen-disk/q-a-shape-1.png');
        width: 160px;
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        right: 0;
        background-position: right bottom;
        top: 0;
        z-index: 0;
    }

    .ict-integrated .last-sec .wrapper:after {
        content: '';
        position: absolute;
        background-image: url(../content/images/virtuelen-disk/q-a-shape-2.png);
        width: 160px;
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        right: 0;
        background-position: right top;
        top: 0;
        z-index: 0;
    }

.ict-integrated .last-sec .nav-tabs {
    border-bottom: none;
}

    .ict-integrated .last-sec .nav-tabs > li {
        width: auto;
        text-align: center;
        text-transform: uppercase;
        margin-right: 25px;
        z-index: 2;
    }

.ict-integrated .last-sec .nav {
    padding-left: 0px;
    margin-bottom: 0;
    list-style: none;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    margin: 30px 0;
}

.ict-integrated .last-sec .nav-tabs > li.active > a:before {
    color: black;
    cursor: default;
    border: none;
    border-bottom: none;
    background: none;
    box-shadow: 0px 23px 89px #3e3e3e1c;
    height: 2px;
    background: #e20074;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.ict-integrated .last-sec .nav-tabs > li.active > a,
.ict-integrated .nav-tabs > li.active > a:focus,
.ict-integrated .nav-tabs > li.active > a:hover {
    color: rgba(0, 0, 0, .6) !important;
    cursor: default;
    background-color: transparent;
    border: none;
    border-bottom-color: none;
}

.ict-integrated .last-sec .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.2;
    border: unset;
    border-radius: 4px 4px 0 0;
    color: rgba(0, 0, 0, .6);
    font-family: 'teleNeo-medium' !important;
    font-size: 20px;
}

.ict-integrated .nav > li > a:focus,
.ict-integrated .nav > li > a:hover {
    text-decoration: none;
    background-color: none;
    border: unset;
}

.ict-integrated .last-sec a:focus, a:hover {
    color: black;
}

.ict-integrated .last-sec .nav > li > a:focus, #virtuelen-disk .nav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
    color: #E20574;
    border: unset;
}

.ict-integrated .last-sec #prashanja {
    font-weight: 600;
}

.ict-integrated .last-sec .tab-content .tab-pane.active {
    overflow: hidden;
    background: none;
    margin: 0 auto;
    text-align: center;
    padding: 60px;
    font-size: 15px;
}

.ict-integrated .last-sec div#tehnologija .wrap {
    width: 50%;
    margin: 0 auto;
    font-size: 18px;
}

.ict-integrated .last-sec #prashanja .wrap {
    width: 78%;
    margin: 0 auto;
}

    .ict-integrated .last-sec #prashanja .wrap .panel-default {
        border: 0;
        box-shadow: none;
        background: transparent;
    }

        .ict-integrated .last-sec #prashanja .wrap .panel-default.visible {
            display: block !important;
        }

        .ict-integrated .last-sec #prashanja .wrap .panel-default .panel-body {
            padding: 0;
        }

            .ict-integrated .last-sec #prashanja .wrap .panel-default .panel-body p {
                font-size: 18px;
            }

        .ict-integrated .last-sec #prashanja .wrap .panel-default:nth-child(1) .panel-heading {
            border-top: 0;
        }

    .ict-integrated .last-sec #prashanja .wrap .panel-group {
        text-align: left;
    }

    .ict-integrated .last-sec #prashanja .wrap .panel-heading {
        background-color: transparent;
        border-top: 1px solid #e5e5e5;
        padding: 0;
    }

        .ict-integrated .last-sec #prashanja .wrap .panel-heading .panel-title {
            padding: 0;
        }

            .ict-integrated .last-sec #prashanja .wrap .panel-heading .panel-title a {
                font-size: 19px;
                display: block;
                padding: 25px 35px 25px 0;
                text-decoration: none;
                position: relative;
                z-index: 2;
            }

                .ict-integrated .last-sec #prashanja .wrap .panel-heading .panel-title a:after {
                    content: ']$';
                    font-family: 'teleicon-outline';
                    position: absolute;
                    color: #e20074;
                    font-size: 22px;
                    top: 40px;
                    right: 20px;
                    margin: auto;
                    transform: rotateZ(-180deg);
                    transition-property: transform;
                    transition-duration: .25s;
                }

                .ict-integrated .last-sec #prashanja .wrap .panel-heading .panel-title a.collapsed:after {
                    content: ']$';
                    font-family: 'teleicon-outline';
                    position: absolute;
                    color: #e20074;
                    font-size: 22px;
                    top: 32px;
                    right: 20px;
                    margin: auto;
                    transform: rotateZ(0deg);
                    transition-property: transform;
                    transition-duration: .25s;
                }

.ict-integrated .last-sec .linkovi-za-upatstvo a {
    color: #949CA8;
    text-decoration: none;
}

    .ict-integrated .last-sec .linkovi-za-upatstvo a:hover {
        color: #949CA8;
        text-decoration: none;
    }

.ict-integrated .last-sec .linkovi-za-upatstvo {
    padding: 18px;
    font-size: 19px;
    color: #949CA8;
}


.panel-group .panel {
    margin-bottom: 0;
    border-radius: unset;
}

.last-sec .panel-body {
    color: #6E6E6E;
    font-weight: normal;
    font-size: 14px;
}

.last-sec .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    color: black;
    font-weight: 500;
}

.panel-default {
    border: unset;
    background-image: none;
    background-color: #fff;
    border-bottom: 1px solid #949CA8;
}

    .panel-default > .panel-heading {
        background-image: none;
        border: unset;
        background-color: #fff;
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border: unset;
        }

#prashanja a:focus, a:hover {
    color: black;
    text-decoration: none;
}

.last-sec .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border: unset;
    border-bottom-color: unset;
}

    .last-sec .nav-tabs > li.active > a:after {
        color: black;
        cursor: default;
        border: none;
        border-bottom: none;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 23px 89px #3e3e3e1c;
        height: 2px;
        background: #e20074;
        content: '';
        position: absolute;
        right: -24px;
        top: 12px;
        width: 30px;
        border-bottom: 1px solid #e20074;
        transform: rotate(55deg);
    }

p.tab-text {
    margin: 0 auto;
    width: 50%;
}

/*#endregion antonija*/
@media(min-width: 320px) and (max-width: 374px) {
    #m1-business-new {
        padding-bottom: 85%;
    }

    div #virtuelen-disk .main-banner:before {
        width: 100%;
        height: 50%;
        background-size: cover;
    }

    div#virtuelen-disk .main-banner .header h1 {
        font-size: 22px;
        margin: 30px 20px 10px !important;
    }
}

@media (min-width: 320px) and (max-width: 520px) {
    div#business-s-tab {
        margin-top: 20px;
    }

    #business-tarifi-new .ec {
        right: -10px;
        top: -80px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {

    #m1-business-new .main-banner .text-promo {
        padding: 10px 15px 0;
    }

    #m1-business-new .main-banner .ec {
        top: -35px;
        right: 20px;
        width: 80%;
    }
}


@media (min-width: 320px) and (max-width: 400px) {
    #m1-business-new .main-banner:before {
        width: 100%;
    }

    #m1-business-new .main-banner .text-promo {
        width: 100%;
    }

    .ict-integrated .last-sec .nav-tabs > li a {
        font-size: 12px !important;
        text-transform: none;
        padding: 10px !important;
    }

    .ict-integrated section.last-sec p {
        font-size: 16px !important;
    }

    .ict-integrated .last-sec .panel-title a {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    #m1-business-new .main-banner:before {
        display: none;
    }

    #m1-business-new .main-banner .text-promo .logo-img {
        padding-bottom: 5px;
    }

    #m1-business-new .main-banner .text-promo {
        width: 100%;
        justify-content: flex-end;
        display: flex;
        bottom: 0;
        height: auto;
        background: #e20074;
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 15px;
        margin-left: 0;
    }

        #m1-business-new .main-banner .text-promo img {
            width: 30%;
        }

    #m1-business-new .main-banner h1 {
        font-size: 22px;
        margin: 0 0 15px;
    }

    #m1-business-new .main-banner h2 {
        font-size: 19px;
        margin-bottom: 0;
    }

    #m1-business-new .main-banner h1 span {
        font-size: 22px;
    }

    #m1-business-new .main-banner .small {
        display: none;
    }

    div.ict-integrated .video {
        width: 100%;
        height: auto;
    }

    div #virtuelen-disk .main-banner {
        background-position: center;
    }

        div #virtuelen-disk .main-banner:before {
            width: 100%;
            height: 60%;
            background-size: cover;
            background-position: 0 0px !important;
        }

        div#virtuelen-disk .main-banner .header {
            width: 90%;
        }

            div#virtuelen-disk .main-banner .header h1 {
                font-size: 22px;
                font-family: 'teleNeo-bold' !important;
                margin: 30px 20px 30px;
            }

    #virtuelen-disk #tab-3 .text-wrap ul {
        width: 100% !important;
    }

    div#virtuelen-disk section.content h2 {
        position: relative;
        width: 80%;
        text-align: center;
        margin: 0 auto 30px auto;
        background-color: black;
        color: white;
        text-transform: uppercase;
        font-size: 28px;
        bottom: 40px;
    }

    div#virtuelen-disk section.content {
        height: auto;
        position: relative;
    }

        div#virtuelen-disk section.content .wrapper.gray {
            height: 100%;
            top: 20%;
            position: relative;
            max-height: initial;
        }

        div#virtuelen-disk section.content .wrap.white {
            position: relative;
            height: 100%;
        }

    .specifikacija {
        padding: 8% 0 4%;
    }

        .specifikacija h2 {
            font-size: 28px;
            font-family: 'teleNeo-extra' !important;
        }

    .ict-integrated div#myTabContent-ict {
        width: 100%;
        margin: 0 auto;
    }

    .ict-integrated div.dc-tab_content {
        position: relative;
        padding: 0 20px;
    }

    .ict-integrated h3 {
        color: #333;
        padding: 20px;
        text-align: left;
        margin: 10px 20px;
        background: #eee;
        border-radius: 8px;
        font-size: 19px;
    }

        .ict-integrated h3.dc-active {
            background: #e20074;
            color: white !important;
        }

    #virtuelen-disk #tab-3 .text-wrap {
        flex-direction: column;
    }

    #virtuelen-disk .linkovi {
        position: relative;
        width: 100%;
        display: flex;
    }

    .data-tabs .nav-tabs {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        position: relative;
        padding-top: 5px;
        border-bottom: none !important;
        gap: 20px;
        height: 100%;
        width: 80%;
        margin: 0 auto;
    }

    .data-centar .wrapper .data {
        height: auto;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 30px 136px #0000001a;
        border-radius: 5px;
        position: relative;
        top: 125px;
    }


    #data-hosting {
        margin: 20px;
    }

        #data-hosting .data-icons {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 10px;
            padding-top: 15px;
            padding-bottom: 20px;
        }


    .tab-content #za-kogo {
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding-top: 50px;
        margin: 0 auto;
        padding-bottom: 20px;
    }



    .tab-content #karakteristiki {
        text-align: left;
        width: 100%;
        margin-left: 0;
        padding-bottom: 20px;
    }

    #karakteristiki .karak-left {
        float: unset;
        width: 100%;
        margin-left: 15px;
    }

    #karakteristiki .karak-right {
        float: unset;
        width: 100%;
        margin-left: 15px;
    }

    #karakteristiki .karak-left p {
        margin-left: unset;
        text-align: unset;
    }


    .tab-content #pridobivki {
        text-align: left;
        width: 100%;
        margin-left: 0;
        padding-bottom: 20px;
    }

    #pridobivki .pridobivki-left {
        float: unset;
        width: 100%;
        padding: 0px 15px;
    }

    #pridobivki .pridobivki-right {
        float: unset;
        width: 100%;
        padding: 0px 15px;
    }

    #pridobivki .pridobivki-left p {
        margin-left: unset;
        text-align: unset;
    }

    .data-centar .wrapper {
        padding-top: 0;
    }

    .data .tabs-data .naslov {
        display: flex;
        justify-content: center;
        align-items: center;
        background: black;
        color: #fff;
        position: relative;
        top: -45px;
        width: 330px;
        height: 90px;
    }

    #welcome .intro .shape:before {
        content: '';
        position: absolute;
        background-image: url(../content/images/virtuelen-disk/shape-banner.png);
        width: 100%;
        height: 100%;
        bottom: 0;
        left: 0;
        background-size: cover;
        background-position: left bottom;
        background-repeat: no-repeat;
    }

    p.tab-text {
        margin: 0 auto;
        width: 100%;
    }

    .tab-content #data-hosting {
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 0px;
    }


    /*/*antonija*/


    .specifikacija .column-wrapper {
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-bottom: 10px;
    }

    .specifikacija .column-inner {
        padding: 20px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 33px #00000024;
        min-height: 320px;
        background-color: #fff;
        z-index: 1;
        transition: all 200ms ease-in;
        transform: scale(1);
    }

    .specifikacija .column {
        position: relative;
        z-index: 1;
        width: 80%;
        margin: 15px;
        text-align: center;
    }

    .last-sec .container-fluid {
        background: transparent;
    }

    .last-sec .container {
        position: relative;
        background: transparent url(../content/images/virtuelen-disk/magenta-triangles.jpg) 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 46px #00000024;
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        width: 100%;
        margin-top: 80px;
        margin-bottom: 80px;
        padding: 15px 0px;
    }

    .last-sec .nav-tabs > li :focus-visible {
        outline: unset;
    }



    .last-sec .linkovi-za-upatstvo {
        padding: 18px 0px;
        font-size: 12px;
    }

    #virtuelen-disk .last-sec .nav {
        padding-left: 0px;
        list-style: none;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        margin: 30px 0;
    }

    .last-sec .nav-tabs > li {
        width: 30% !important;
        text-align: center;
        text-transform: uppercase;
        display: flex;
        flex-direction: column;
        font-size: 16px;
        margin-right: 0 !important;
        border: 0;
        margin: 0 auto;
    }

        .last-sec .nav-tabs > li a {
            font-size: 16px !important;
            padding: 10px !important;
        }

    .ict-integrated .last-sec .nav-tabs > li.active > a:after {
        display: none;
    }

    .ict-integrated .last-sec .tab-content .tab-pane.active {
        padding: 30px;
    }

    .ict-integrated .last-sec div#tehnologija .wrap,
    .ict-integrated .last-sec #prashanja .wrap {
        width: 100%;
    }

    .ict-integrated .last-sec .wrapper:before,
    .ict-integrated .last-sec .wrapper:after {
        width: 100px;
    }

    #virtuelen-disk section.last-sec .wrapper .nav li {
        width: 30% !important;
    }

        #virtuelen-disk section.last-sec .wrapper .nav li.active:after {
            display: none;
        }

    #virtuelen-disk .btn-wrapper {
        width: 100% !important;
    }

    #virtuelen-disk .last-sec .linkovi-za-upatstvo {
        padding: 18px 0;
    }

    #virtuelen-disk .last-sec .tab-content .tab-pane.active {
        padding: 30px 10px;
    }

    #virtuelen-disk section.last-sec .panel-group {
        padding: 0 10px;
    }

    div#virtuelen-disk .tab-wrapper #tab-2 .col-sm-3 div {
        text-align: center;
        margin: 30px 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #m1-business-new .main-banner h1 {
        font-size: 30px;
    }

    #m1-business-new .main-banner h2 {
        font-size: 25px;
    }

    #m1-business-new .main-banner h1 span {
        font-size: 26px;
    }

    #m1-business-new .main-banner .text-promo {
        width: 40%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        padding-left: 0;
        bottom: 0px;
    }

        #m1-business-new .main-banner .text-promo img {
            width: 45%;
        }

    #m1-business-new .main-banner .ec {
        width: 190px;
        top: 20px;
        right: 30%;
    }

    h4#loginName {
        padding-top: 0;
    }

    div#virtuelen-disk .main-banner {
        background-position: center;
    }

        div#virtuelen-disk .main-banner:before {
            width: 60%;
            height: 100%;
            bottom: 0;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: left bottom;
            left: 0;
        }

        div#virtuelen-disk .main-banner .header {
            position: absolute;
            width: 37%;
        }

            div#virtuelen-disk .main-banner .header h1 {
                font-size: 27px;
                margin: 30px 0 12px;
            }

    div#virtuelen-disk .tab-wrapper ul#myTab-ict li {
        padding: 20px 10px;
    }

    #virtuelen-disk #tab-3 .text-wrap {
        flex-direction: column;
    }

    ul.t-ul-new-magenta li {
        font-size: 17px;
        margin-left: 0;
    }

    .ict-integrated .specifikacija {
        padding: 7% 0 4%;
    }

    div#virtuelen-disk section.content {
        height: auto;
    }

        div#virtuelen-disk section.content .wrap.white {
            min-height: inherit;
            position: relative;
        }

    .ict-integrated .last-sec .nav-tabs > li > a {
        font-size: 18px;
    }

    div#virtuelen-disk section.content {
        padding: 15% 0 2%;
    }

    #virtuelen-disk #tab-3 .text-wrap ul {
        width: 100% !important;
    }

    #virtuelen-disk section.last-sec ul.nav li {
        width: 28% !important;
        margin: 0 auto;
    }

    .ict-integrated .last-sec .wrapper:after {
        width: 110px;
    }
}


@media(min-width: 992px) and (max-width: 1199px) {
    #m1-business-new .main-banner {
        background-position: 60%;
        background-size: cover;
    }

        #m1-business-new .main-banner:before {
            width: 55%;
            padding-left: 0;
        }

        #m1-business-new .main-banner .text-promo {
            padding-left: 0;
            padding-bottom: 50px;
            margin-left: 0px;
        }

        #m1-business-new .main-banner .ec {
            top: 40px;
            right: 15%;
        }

        #m1-business-new .main-banner .b2b-juni-promocija-2024 .text-promo .ec {
            width: 120px;
            right: -130px;
            top: 70px;
        }

        #m1-business-new .main-banner h1 {
            font-size: 46px;
        }

        #m1-business-new .main-banner h2 {
            font-size: 30px;
        }

        #m1-business-new .main-banner:before {
            width: 65%;
        }

    div #virtuelen-disk .main-banner {
        background-position: center;
    }

        div #virtuelen-disk .main-banner:before {
            width: 50%;
            background-size: contain;
            background-position: bottom;
        }

        div#virtuelen-disk .main-banner .header {
            position: absolute;
            width: 30%;
        }

            div#virtuelen-disk .main-banner .header h1 {
                font-size: 27px;
                margin: 30px 0 10px;
            }

    div#virtuelen-disk .specifikacija {
        padding: 38% 0 4%;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {


    div#virtuelen-disk section.content .wrapper.white {
        top: 20%;
        height: auto;
    }



    .data-tabs .nav-tabs {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        position: relative;
        padding-top: 5px;
        border-bottom: none !important;
        gap: 20px;
        height: 100%;
        width: 80%;
        margin: 0 auto;
    }

    .data-centar .wrapper .data {
        height: auto;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 30px 136px #0000001a;
        border-radius: 5px;
        position: relative;
        top: 125px;
    }


    #data-hosting {
        margin: 20px;
    }

        #data-hosting .data-icons {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 10px;
            padding-top: 25px;
            padding-bottom: 60px;
        }


    .tab-content #za-kogo {
        text-align: center;
        padding-top: 50px;
        margin: 0 auto;
        padding-bottom: 20px;
        overflow: hidden;
    }



    .tab-content #karakteristiki {
        text-align: left;
        width: 100%;
        margin-left: 0;
        padding-bottom: 20px;
    }

    #karakteristiki .karak-left {
        float: unset;
        width: 100%;
        padding: 0px 80px;
    }

    #karakteristiki .karak-right {
        float: unset;
        width: 100%;
        padding: 0px 80px;
    }

    #karakteristiki .karak-left p {
        margin-left: unset;
        text-align: unset;
    }


    .tab-content #pridobivki {
        text-align: left;
        width: 100%;
        margin-left: 0;
        padding-bottom: 20px;
    }

    #pridobivki .pridobivki-left {
        float: unset;
        width: 100%;
        padding: 0px 80px;
    }

    #pridobivki .pridobivki-right {
        float: unset;
        width: 100%;
        padding: 0px 80px;
    }

    #pridobivki .pridobivki-left p {
        margin-left: unset;
        text-align: unset;
    }

    .data-centar .wrapper {
        padding-top: 0;
    }

    .data .tabs-data .naslov {
        display: flex;
        justify-content: center;
        align-items: center;
        background: black;
        color: #fff;
        position: relative;
        top: -45px;
        width: 80%;
        height: 90px;
    }


    p.tab-text {
        margin: 0 auto;
        width: 80%
    }


    /*/*antonija*/


    .specifikacija .column-wrapper {
        position: relative;
        display: block;
        padding: 0px 0px;
        overflow: hidden;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0 auto;
    }

    .specifikacija .column-inner {
        padding: 20px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 33px #00000024;
        min-height: 320px;
        background-color: #fff;
        z-index: 1;
        transition: all 200ms ease-in;
        transform: scale(1);
    }

    .specifikacija .column {
        position: relative;
        z-index: 1;
        width: 30%;
        margin: 30px 30px;
        text-align: center;
    }

    .ict-integrated .last-sec .wrapper {
        background-position: right center;
    }

    .last-sec .container {
        position: relative;
        background: none;
        box-shadow: 0px 3px 46px #00000024;
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        width: 100%;
        margin-top: 80px;
        margin-bottom: 80px;
        padding: 50px;
    }

    .last-sec .nav-tabs > li {
        width: auto;
        text-align: center;
        text-transform: uppercase;
        display: flex;
        flex-direction: column;
    }

        .last-sec .nav-tabs > li :focus-visible {
            outline: unset;
        }

    .ict-integrated .last-sec #prashanja .wrap {
        width: 100%;
        margin: 0 auto;
    }

    .ict-integrated .last-sec div#tehnologija .wrap {
        width: 80%;
    }

    .last-sec .linkovi-za-upatstvo {
        padding: 18px 0px;
        font-size: 12px;
    }
}

@media(min-width: 1200px) and (max-width: 1350px) {
    div #virtuelen-disk .main-banner {
        background-position: left;
    }

        div #virtuelen-disk .main-banner:before {
            background-size: contain;
            background-repeat: no-repeat;
            background-position: bottom right;
            left: 0;
        }

        div#virtuelen-disk .main-banner .header h1 {
            font-size: 35px;
            margin: 30px 0 20px;
        }

    div#virtuelen-disk section.content .wrapper.white {
        height: 570px;
    }

    .specifikacija {
        padding: 29% 0 4%;
    }
}

/*#end region antonija*/

@media (min-width: 1550px) {
    .data-centar .wrapper {
        width: 50%;
        margin: 0 auto;
        padding-top: 25px;
    }

    div#virtuelen-disk .main-banner:before {
        width: 45%;
        background-size: cover;
    }

    div#virtuelen-disk .main-banner .header {
        width: 25%;
        padding-bottom: 3%;
    }

    #welcome .intro .shape:before {
        content: '';
        position: absolute;
        background-image: url(shape-banner.png);
        width: 100%;
        height: 100%;
        bottom: 0;
        left: 0;
        background-size: cover;
        background-position: left bottom;
        background-repeat: no-repeat;
    }

    #welcome .intro .shape h2 {
        margin-left: 200px;
        position: absolute;
        bottom: 71px;
        color: #fff;
        text-align: left;
        font-size: 45px;
    }
}


/*#endregion virtuelen disk*/
/*#endregion virtuelen disk*/
/*#region 5g*/



div#five-g-page {
    position: relative;
}

div#five-g-page-video .video-banner {
    position: relative;
    width: 100%;
}

    div#five-g-page-video .video-banner iframe {
        width: 100%;
        height: 100%;
    }

    div#five-g-page-video .video-banner video {
        position: relative;
        width: 100%;
        height: 100%;
        margin: 0;
        display: block;
    }

    div#five-g-page-video .video-banner .arrow-animation {
        box-shadow: 0 0 35px 7px rgba(0, 0,0, .15);
        bottom: -59px;
        position: absolute;
        width: 110px;
        z-index: 3;
        margin: 0 auto;
        left: 0;
        right: 0;
        background: white;
        border-radius: 50%;
        height: 110px;
    }

        div#five-g-page-video .video-banner .arrow-animation lottie-player {
            margin: 0 auto;
        }

        div#five-g-page-video .video-banner .arrow-animation:before {
            content: '';
            position: absolute;
            width: 140px;
            height: 140px;
            border: 1px solid rgba(255, 255, 255, .4);
            border-radius: 50%;
            background: transparent;
            left: -15px;
            right: 0;
            margin: 0 auto;
            top: -15px;
            animation-name: stretch;
            animation-duration: 3.0s;
            animation-timing-function: ease-out;
            animation-direction: alternate;
            animation-iteration-count: infinite;
            animation-play-state: running;
        }

        div#five-g-page-video .video-banner .arrow-animation:after {
            content: '';
            position: absolute;
            width: 180px;
            height: 180px;
            border: 1px solid rgba(255, 255, 255, .4);
            border-radius: 50%;
            background: transparent;
            left: -36px;
            right: 0;
            margin: 0 auto;
            top: -32px;
            animation-name: stretch;
            animation-duration: 4.0s;
            animation-timing-function: ease-out;
            animation-direction: alternate;
            animation-iteration-count: infinite;
            animation-play-state: running;
        }

div#five-g-page section.what-is-5g {
    background: transparent radial-gradient(closest-side at 27% 50%, #FFFFFF 0%, #CACFDC 100%) 0% 0% no-repeat padding-box;
    position: relative;
    width: 100%;
    height: auto;
    padding: 70px 0;
}

    div#five-g-page section.what-is-5g .wrapper {
        width: 95%;
        margin-left: 5%;
    }

        div#five-g-page section.what-is-5g .wrapper:first-of-type {
            position: relative;
            min-height: 550px;
        }

            div#five-g-page section.what-is-5g .wrapper:first-of-type .img-side {
                position: absolute;
                width: 70%;
                right: 0;
            }

            div#five-g-page section.what-is-5g .wrapper:first-of-type .text-side {
                width: 50%;
            }

div#five-g-page .wrapper {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin: 0 auto;
}

div#five-g-page h1 {
    font-size: 78px;
    font-family: 'teleNeo-bold' !important;
    color: #000000;
    margin-bottom: 60px;
    position: relative;
    min-height: 115px;
}

div#five-g-page h2 {
    font-size: 52px;
    font-family: 'teleNeo-bold' !important;
    color: #000000;
    margin-bottom: 60px;
    position: relative;
    min-height: 95px;
}

    div#five-g-page h2:after {
        content: '';
        position: absolute;
        width: 25px;
        height: 8px;
        background: #e20074;
        left: 5px;
        bottom: 0;
    }

div#five-g-page p {
    font-size: 22px;
    line-height: 1.2;
    min-height: 60px;
}

div#five-g-page .what-is-5g .text-side {
    width: 65%;
}

div#five-g-page section.what-is-5g .text-side p {
    margin-right: 20%;
}

div#five-g-page section.what-is-5g .img-side {
    position: relative;
    width: 50%;
    text-align: right;
}

    div#five-g-page section.what-is-5g .img-side img {
        position: relative;
        z-index: 2;
    }


div#five-g-page .what-is-5g .wrapper:last-of-type .text-side {
    margin-left: 90px;
}

div#five-g-page .what-is-5g .wrapper:last-of-type .img {
    text-align: center;
}

div#five-g-page .what-is-5g .img lottie-player {
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

div#five-g-page .img-wrap {
    margin-bottom: 60px;
    position: relative;
    min-height: 185px;
}

    div#five-g-page .img-wrap:after {
        content: '';
        position: absolute;
        width: 25px;
        height: 8px;
        background: #e20074;
        left: 5px;
        bottom: 0;
    }


div#five-g-page section.adventages {
    position: relative;
    background-color: black;
    color: white;
    padding: 0 0 70px 0;
}

    div#five-g-page section.adventages svg {
        overflow: visible;
        position: relative;
        width: auto;
        height: auto;
    }

    div#five-g-page section.adventages rect#mask5 {
        animation: progressBar1 5s ease-in-out infinite;
        animation-fill-mode: forwards;
        position: relative;
        height: 100%;
        position: absolute;
    }

    div#five-g-page section.adventages g#_4g-m {
        animation: progressBar1 15s ease-in-out infinite;
        animation-fill-mode: forwards;
        position: relative;
        position: absolute;
    }

    div#five-g-page section.adventages rect#mask3 {
        animation: progressBar1 35s ease-in-out infinite;
        animation-fill-mode: forwards;
        position: relative;
        position: absolute;
    }

    div#five-g-page section.adventages .numbers > div {
        width: 30%;
        height: 100%;
        min-height: 350px;
        position: relative;
    }

        div#five-g-page section.adventages .numbers > div:after {
            content: '';
            position: absolute;
            height: 130px;
            width: 1px;
            background: rgba(204, 204, 204, .3);
            bottom: 0;
        }

    div#five-g-page section.adventages .numbers .image {
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 1;
    }

    div#five-g-page section.adventages .numbers .count {
        position: absolute;
        bottom: 0;
        padding-left: 20px;
        font-size: 35px;
        line-height: 26px;
    }

        div#five-g-page section.adventages .numbers .count:after {
            content: '%';
            position: relative;
        }

    div#five-g-page section.adventages .numbers .five-g .image {
        background-image: url(../content/images/5g-images/5g-m.png);
        width: 300px;
        height: 240px !important;
    }

    div#five-g-page section.adventages .numbers .four-g .image {
        background-image: url(../content/images/5g-images/4g-m.png);
        width: 270px;
        height: 190px !important;
    }

    div#five-g-page section.adventages .numbers .three-g .image {
        background-image: url(../content/images/5g-images/3g-m.png);
        width: 225px;
        height: 170px !important;
    }

    div#five-g-page section.adventages .numbers .image:before {
        content: '';
        position: absolute;
        top: 0;
        height: auto;
        width: 100%;
        background-size: cover;
        background-position: top center !important;
        background-repeat: no-repeat;
    }

    div#five-g-page section.adventages.start .numbers .five-g .image:before {
        background-image: url(../content/images/5g-images/5g.png);
        animation: progressBar1 5s ease;
    }

    div#five-g-page section.adventages.start .numbers .four-g .image:before {
        background-image: url(../content/images/5g-images/4g.png);
        animation: progressBar1 16s ease;
    }

    div#five-g-page section.adventages.start .numbers .three-g .image:before {
        background-image: url(../content/images/5g-images/3g.png);
        animation: progressBar1 250s ease;
    }

@keyframes counter {
    0% {
        counter-increment: count 0;
    }

    10% {
        counter-increment: count 10;
    }

    20% {
        counter-increment: count 20;
    }

    30% {
        counter-increment: count 30;
    }

    40% {
        counter-increment: count 40;
    }

    50% {
        counter-increment: count 50;
    }

    60% {
        counter-increment: count 60;
    }

    70% {
        counter-increment: count 70;
    }

    80% {
        counter-increment: count 80;
    }

    90% {
        counter-increment: count 90;
    }

    100% {
        counter-increment: count 100;
    }
}

@keyframes progressBar1 {
    100% {
        height: 0;
    }

    0% {
        height: 100%;
    }
}

@keyframes stretch {
    0% {
        transform: scale(.7);
        background-color: rgba(255,255,255, .4);
        border-radius: 100%;
    }

    50% {
        background-color: rgba(255,255,255, .3);
    }

    100% {
        transform: scale(1.3);
        background-color: rgba(255,255,255, .2);
    }
}

div#five-g-page section.adventages .img-bg {
    position: relative;
    background-image: url(../content/images/5g-images/magenta-vr.png);
    padding: 0% 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    height: auto;
}

div#five-g-page section.adventages .wrapper.block {
    display: flex;
    align-content: flex-end;
    align-items: flex-end;
    justify-content: space-between;
}

    div#five-g-page section.adventages .wrapper.block div {
        width: 50%;
        position: relative;
    }

    div#five-g-page section.adventages .wrapper.block lottie-player {
        width: 100% !important;
        height: 100%;
    }

    div#five-g-page section.adventages .wrapper.block .text-wrap {
        top: 50px;
    }

    div#five-g-page section.adventages .wrapper.block h2 {
        color: white;
        width: 390px;
        min-height: 180px;
    }

        div#five-g-page section.adventages .wrapper.block h2:after {
            content: '';
            position: absolute;
            width: 25px;
            height: 8px;
            background: white;
            left: 5px;
            bottom: 0;
        }


    div#five-g-page section.adventages .wrapper.block p {
        font-weight: 500 !important;
        opacity: .6;
    }

div#five-g-page section.adventages > .wrapper {
    display: block !important;
}

div#five-g-page section.adventages .numbers {
    position: relative;
    margin-top: 50px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
    height: auto;
    padding: 2% 0;
}


div#five-g-page .magenta-bg {
    position: relative;
    background: radial-gradient(circle at 150% -100%,#e00074 10%, #70003a 100%);
    padding: 5% 0;
    color: white;
}



    div#five-g-page .magenta-bg .text-wrap {
        width: 40% !important;
    }

    div#five-g-page .magenta-bg .map-wrap {
        position: relative;
        width: 60%;
    }

        div#five-g-page .magenta-bg .map-wrap svg {
            position: relative;
            left: 0;
            width: 100%;
        }





            div#five-g-page .magenta-bg .map-wrap svg #dots #finished g#pulse circle {
                animation: pulse2 3s linear infinite;
            }

@keyframes pulse2 {
    0% {
        r: 13px;
        fill-opacity: .7;
    }

    30% {
        r: 17px;
        fill-opacity: .6;
    }

    50% {
        r: 20px;
        fill-opacity: .5;
    }

    70% {
        r: 24px;
        fill-opacity: .4;
    }

    100% {
        r: 27px;
        fill-opacity: 0;
    }
}

div#five-g-page .magenta-bg h3 {
    font-size: 26px;
    font-family: 'teleNeo-regular' !important;
    line-height: 1.2;
}

div#five-g-page .magenta-bg h4 {
    font-size: 52px;
    color: white;
    line-height: 1.1;
    font-family: 'teleNeo-bold' !important;
}

div#five-g-page .magenta-bg .legend {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    bottom: 40px;
}

    div#five-g-page .magenta-bg .legend > div {
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        width: 170px;
        position: relative;
    }

    div#five-g-page .magenta-bg .legend .planned-state:before {
        content: '';
        position: absolute;
        width: 20px;
        height: 20px;
        border: 2px solid white;
        border-radius: 50%;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    div#five-g-page .magenta-bg .legend .planned-state span {
        padding-left: 35px;
    }

    div#five-g-page .magenta-bg .legend .inProgress-state span {
        padding-left: 15px;
    }

div#five-g-page section.possibilities {
    position: relative;
    background: transparent radial-gradient(closest-side at 27% 50%, #FFFFFF 0%, #CACFDC 100%) 0% 0% no-repeat padding-box;
    padding: 5% 0;
}

    div#five-g-page section.possibilities:after {
        content: '';
        position: absolute;
        background-image: url(../content/images/5g-images/shape-lines.png);
        background-size: contain;
        background-position: right bottom;
        background-repeat: no-repeat;
        width: 35%;
        height: 400px;
        bottom: -25%;
        right: 0;
        z-index: 3;
    }

    div#five-g-page section.possibilities .text-wrap {
        width: 45%;
    }

    div#five-g-page section.possibilities .img-wrap {
        width: 60%;
        text-align: center;
    }

        div#five-g-page section.possibilities .img-wrap:after {
            content: '';
            display: none;
        }

    div#five-g-page section.possibilities .text-wrap p {
        font-family: 'teleNeo-regular' !important;
        font-weight: 500 !important;
        margin-bottom: 50px;
    }

div#five-g-page section.video-slider {
    position: relative;
    background: #0D0D0D 0% 0% no-repeat padding-box;
    color: white;
    padding: 5% 0;
}

    div#five-g-page section.video-slider .wrapper {
        display: block !important;
    }

    div#five-g-page section.video-slider h3 {
        text-align: center;
        font-size: 52px;
        line-height: 1.1;
        font-family: 'teleNeo-bold' !important;
    }

        div#five-g-page section.video-slider h3 span {
            font-family: 'teleNeo-bold' !important;
        }

    div#five-g-page section.video-slider .header-icon {
        width: 150px;
        margin: 0 auto;
        text-align: center;
        height: 150px;
        position: relative;
    }

    div#five-g-page section.video-slider .wrapper {
        display: block;
        width: 100%;
    }

    div#five-g-page section.video-slider .header-icon lottie-player {
        position: relative;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

    div#five-g-page section.video-slider .slides {
        /* display: flex;*/
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        margin: 30px auto;
    }

        /*div#five-g-page section.video-slider .slides .slick-list,
        div#five-g-page section.video-slider .slides .slick-track {
            width: 100% !important;
            padding: 0 !important;
            overflow: hidden;
            margin: 0 auto;*/
        /* display: flex;*/
        /*align-items: flex-end;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-between;
            transform: translate(0px, 0px) !important;
        }*/

        div#five-g-page section.video-slider .slides
        div#five-g-page section.video-slider .slick-slide {
            transform: scale(1.1);
        }

    div#five-g-page section.video-slider .slick-slide.slick-center {
        transform: scale(.8);
    }

    div#five-g-page section.video-slider .slides h4 {
        color: white;
        font-size: 30px;
        font-family: 'teleNeo-medium' !important;
        padding-left: 60px;
        position: relative;
        text-align: center;
        width: 200px;
        margin: 30px auto;
    }



        div#five-g-page section.video-slider .slides h4:before {
            content: '';
            position: absolute;
            width: 50px;
            height: 50px;
            background-size: contain;
            background-repeat: no-repeat;
            left: 0;
            top: 0;
        }

    div#five-g-page section.video-slider .slides .gaming h4:before {
        background-image: url(../content/images/5g-images/game.svg);
    }


    div#five-g-page section.video-slider .slides .medicine h4:before {
        background-image: url(../content/images/5g-images/medical.svg);
    }

    div#five-g-page section.video-slider .slides .music h4:before {
        background-image: url(../content/images/5g-images/music.svg);
    }

    div#five-g-page section.video-slider .slides .industry h4:before {
        background-image: url(../content/images/5g-images/industry.svg);
    }

    div#five-g-page section.video-slider .medicine,
    div#five-g-page section.video-slider .music,
    div#five-g-page section.video-slider .gaming,
    div#five-g-page section.video-slider .industry {
        position: relative;
        height: 350px;
        margin: 10px auto;
        transition: all ease-in-out .2s;
        -webkit-transition: all ease-in-out .2s;
        -moz-transition: all ease-in-out .2s;
        transform: scale(0.9);
    }

        div#five-g-page section.video-slider .medicine:hover,
        div#five-g-page section.video-slider .music:hover,
        div#five-g-page section.video-slider .gaming:hover,
        div#five-g-page section.video-slider .industry:hover {
            transform: scale(1);
            overflow: visible;
            transition: all ease-in-out .2s;
            -webkit-transition: all ease-in-out .2s;
            -moz-transition: all ease-in-out .2s;
        }

    div#five-g-page section.video-slider .video,
    div#five-g-page section.video-slider .video iframe {
        border-radius: 10px !important;
        width: 100%;
        height: 240px;
    }

        div#five-g-page section.video-slider .video iframe {
            position: relative;
            z-index: 9;
        }

            div#five-g-page section.video-slider .video iframe button.ytp-large-play-button.ytp-button,
            div#five-g-page section.video-slider .video iframe .ytp-chrome-top.ytp-show-cards-title,
            div#five-g-page section.video-slider .video iframe a.ytp-impression-link {
                display: none !important;
            }

div#five-g-page .vremenska-ramka {
    position: relative;
    background: black;
    padding: 110px 0 70px;
    background-image: url(../content/images/5g-images/timeframe-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

div#five-g-page section.vremenska-ramka h2 {
    color: white !important;
    min-height: 110px;
}

    div#five-g-page section.vremenska-ramka h2:after {
        content: '';
        position: absolute;
        width: 25px;
        height: 8px;
        background: white;
        left: 5px;
        bottom: 0;
    }

div#five-g-page .vremenska-ramka .wrapper {
    display: block !important;
}

div#five-g-page div#timelapse-carousel {
    position: relative;
    width: 100%;
    overflow: visible;
    margin: 90px 0 20px;
}

div#five-g-page .vremenska-ramka ul.slick-dots {
    position: relative;
    display: flex !important;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

    div#five-g-page .vremenska-ramka ul.slick-dots li {
        width: 320px;
    }



div#five-g-page div#timelapse-carousel .slick-track {
    position: relative;
    margin: 0 auto;
}

div#five-g-page div#timelapse-carousel .slick-list.draggable {
    padding: 0 !important;
    overflow: visible;
}

div#five-g-page div#timelapse-carousel .slide-box {
    position: relative;
    width: 370px;
    min-height: 220px;
    left: 0 !important;
    margin-right: 60px;
    text-align: left;
}

    div#five-g-page div#timelapse-carousel .slide-box:first-of-type:after {
        content: '';
        position: absolute;
        height: 70px;
        width: 1px;
        top: 60%;
        background: rgba(238, 238, 238, .13);
    }

    div#five-g-page div#timelapse-carousel .slide-box .date p {
        color: rgba(255, 255, 255, .75);
        font-size: 19px !important;
        font-family: 'teleNeo-regular' !important;
        font-weight: 500 !important;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.3;
    }

        div#five-g-page div#timelapse-carousel .slide-box .date p.text-magenta {
            font-family: 'teleNeo-medium' !important;
            font-size: 18px !important;
            letter-spacing: 2px;
        }

div#five-g-page .vremenska-ramka ul.slick-dots:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: rgba(238, 238, 238, .13);
    top: 18px;
    left: 16px;
}

div#five-g-page .vremenska-ramka ul.slick-dots li button {
    text-indent: -9999999px;
    background: transparent;
    box-shadow: none;
    border-radius: 50%;
    padding: 0px 7px;
    border: 1px solid #e20074;
    box-shadow: 0 0 13px 7px rgba(226, 0, 116,.49);
    animation: pulse-effect 3s infinite ease-in-out;
    -webkit-animation: pulse-effect 3s infinite ease-in-out;
}

div#five-g-page .vremenska-ramka ul.slick-dots li.slick-active button {
    background: #e20074;
    box-shadow: 0 0 12px 9px rgba(226, 0, 116, .5);
}

div#five-g-page div#timelapse-carousel .slick-arrow {
    position: absolute;
    right: 0px;
    background: transparent;
    display: inline-block !important;
    top: -50px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .5);
    width: 45px;
    height: 45px;
    /*    box-shadow: 0 0 23px 5px rgba(255, 255, 255, .17);*/
}

div#five-g-page div#timelapse-carousel button.slick-prev.slick-arrow {
    right: 60px;
    position: absolute;
}

    div#five-g-page div#timelapse-carousel button.slick-prev.slick-arrow:before {
        content: '';
        position: absolute;
        width: 130px;
        background: linear-gradient(45deg, transparent, rgba(255, 255, 255,.5));
        height: 1px;
        left: -150px;
        top: 54%;
    }

    div#five-g-page div#timelapse-carousel button.slick-prev.slick-arrow:after {
        content: '%';
        font-family: 'teleicon-outline' !important;
        color: rgba(255, 255, 255, .4);
        font-size: 23px;
        font-weight: 300;
        top: 17%;
        bottom: 0;
        margin: auto;
        left: -2px;
        right: 0;
        position: relative;
        width: 100%;
        height: 100%;
    }

div#five-g-page div#timelapse-carousel button.slick-next.slick-arrow:after {
    content: '%';
    font-family: 'teleicon-outline' !important;
    color: rgba(255, 255,255,.93);
    font-size: 23px;
    font-weight: 300;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    line-height: 40px;
    transform: scale(-1);
}

div#five-g-page section.bottom-section {
    position: relative;
    background: transparent radial-gradient(closest-side at 27% 50%, #FFFFFF 0%, #CACFDC 100%) 0% 0% no-repeat padding-box;
    padding: 3% 0;
}

    div#five-g-page section.bottom-section .wrapper:first-of-type {
        margin-bottom: 0;
        width: 95%;
        margin-left: 5%;
        min-height: 550px;
    }

    div#five-g-page section.bottom-section .wrapper .text-wrap {
        width: 45%;
        margin-right: 5%;
    }

    div#five-g-page section.bottom-section .img-wrap {
        position: absolute;
        right: -2%;
        width: 40%;
        top: 0;
        bottom: 0;
        margin: auto 0;
    }

        div#five-g-page section.bottom-section .img-wrap:after {
            content: '';
            display: none !important;
        }

    div#five-g-page section.bottom-section .wrapper div p {
        font-family: 'teleNeo-regular' !important;
        font-weight: 500 !important;
        margin-bottom: 20px;
    }

    div#five-g-page section.bottom-section .wrapper:last-of-type > div {
        width: 50%;
    }

    div#five-g-page section.bottom-section .wrapper:last-of-type .left-side .icon-header {
        width: 100px;
    }

    div#five-g-page section.bottom-section .wrapper:last-of-type {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        align-content: flex-end;
        margin-bottom: 50px;
    }

        div#five-g-page section.bottom-section .wrapper:last-of-type > div {
            width: 45%;
        }

    div#five-g-page section.bottom-section .wrapper .right-side .white-bg {
        background: white;
        padding: 9%;
        background-image: url(../content/images/5g-images/szo_logo.svg);
        background-repeat: no-repeat;
        background-position: top right;
        background-size: 40%;
        border-radius: 10px;
    }

    div#five-g-page section.bottom-section h3 {
        font-size: 30px;
        font-family: 'teleNeo-bold' !important;
        margin: 30px 0;
    }

div#five-g-page section.product-part {
    position: relative;
    background: transparent radial-gradient(closest-side at 27% 50%, #FFFFFF 0%, #CACFDC 100%) 0% 0% no-repeat padding-box;
    padding: 70px 0;
}

    div#five-g-page section.product-part .wrapper {
        display: block !important;
    }

        div#five-g-page section.product-part .wrapper:after {
            content: '';
            position: absolute;
            background-image: url(../content/images/5g-images/net-img-5g.png);
            width: 490px;
            height: 440px;
            background-size: contain;
            background-repeat: no-repeat;
            top: 0;
            right: 0;
        }

    div#five-g-page section.product-part ul li {
        position: relative;
        font-size: 19px;
        line-height: 1.2;
    }

    div#five-g-page section.product-part .text {
        position: relative;
        width: 50%;
    }

    div#five-g-page section.product-part h2 span {
        display: block;
        font-size: 26px;
        line-height: 1.2;
        margin-bottom: 10px;
        font-family: 'teleNeo-bold' !important;
    }




    div#five-g-page section.product-part .text p {
        font-weight: 500 !important;
        margin-bottom: 20px;
    }



    div#five-g-page section.product-part .wrapper .boxes {
        position: relative;
        width: 85%;
        z-index: 2;
        display: flex;
        flex-direction: column;
        margin: 50px 0;
    }

        div#five-g-page section.product-part .wrapper .boxes div {
            display: inline-flex;
            flex-wrap: nowrap;
            justify-content: flex-start;
            align-items: center;
            padding: 30px 40px;
            position: relative;
        }

            div#five-g-page section.product-part .wrapper .boxes div * {
                color: white;
                margin: 0;
                width: 50%;
            }

            div#five-g-page section.product-part .wrapper .boxes div p {
                font-size: 24px;
            }

            div#five-g-page section.product-part .wrapper .boxes div span {
                font-size: 19px;
                font-family: teleNeo-regular !important;
            }

    div#five-g-page section.product-part .boxes p.small {
        font-size: 16px;
        margin-top: 17px;
        font-weight: 500;
    }

    div#five-g-page section.product-part .boxes p {
        font-weight: 500;
    }

    div#five-g-page section.product-part .wrapper .boxes .light {
        background: #DF0073 0% 0% no-repeat padding-box;
    }

    div#five-g-page section.product-part .wrapper .boxes .medium {
        background: #C90067 0% 0% no-repeat padding-box;
    }

    div#five-g-page section.product-part .wrapper .boxes .dark {
        background: #9F0052 0% 0% no-repeat padding-box;
    }

div#five-g-page section.phone-section {
    position: relative;
    padding: 70px 0 0;
    /*   background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(202, 207, 220, .3) 100%) 0% 0% no-repeat padding-box;*/
}

    div#five-g-page section.phone-section h2 {
        min-height: 150px;
    }

        div#five-g-page section.phone-section h2 span {
            display: block;
            font-family: 'teleNeo-bold' !important;
        }

    div#five-g-page section.phone-section .wrapper {
        display: block !important;
    }

    div#five-g-page section.phone-section .phone-wrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: center;
    }

        div#five-g-page section.phone-section .phone-wrapper .text a {
            width: 100px;
            padding: 7px 10px;
            font-size: 17px;
            margin: 20px auto;
        }

        div#five-g-page section.phone-section .phone-wrapper .phone-box:hover .text a {
            background: white;
            color: #e20074;
        }

        div#five-g-page section.phone-section .phone-wrapper .phone-box {
            height: 450px;
        }



            div#five-g-page section.phone-section .phone-wrapper .phone-box .wrap {
                height: 210px;
                position: relative;
                bottom: 0;
                border-radius: 10px;
                height: 100%;
                margin: 0 75px;
                z-index: 2;
            }

                div#five-g-page section.phone-section .phone-wrapper .phone-box .wrap:before {
                    content: '';
                    position: absolute;
                    height: 270px;
                    bottom: 0;
                    background: #D7DAE4;
                    border-radius: 20px;
                    width: 100%;
                    left: 0;
                    z-index: 0;
                    -webkit-transition: opacity 0.2s linear;
                    -moz-transition: opacity 0.2s linear;
                    -o-transition: opacity 0.2s linear;
                    transition: opacity 0.2s linear;
                    opacity: 1;
                }

                div#five-g-page section.phone-section .phone-wrapper .phone-box .wrap:after {
                    content: '';
                    position: absolute;
                    height: 270px;
                    bottom: 0;
                    background: #D7DAE4;
                    border-radius: 20px;
                    width: 100%;
                    left: 0;
                    z-index: 0;
                    background: linear-gradient(180deg, #DF0073 0%, #70003A 100%) 0% 0% no-repeat padding-box;
                    background: -webkit-gradient(180deg, #DF0073 0%, #70003A 100%) 0% 0% no-repeat padding-box;
                    -webkit-transition: opacity 0.2s linear;
                    -moz-transition: opacity 0.2s linear;
                    -o-transition: opacity 0.2s linear;
                    transition: opacity 0.2s linear;
                    opacity: 0;
                }

            div#five-g-page section.phone-section .phone-wrapper .phone-box:hover .wrap:before {
                opacity: 0;
                -webkit-transition: opacity 0.2s linear;
                -moz-transition: opacity 0.2s linear;
                -o-transition: opacity 0.2s linear;
                transition: opacity 0.2s linear;
            }

            div#five-g-page section.phone-section .phone-wrapper .phone-box:hover .wrap:after {
                opacity: 1;
                -webkit-transition: opacity 0.2s linear;
                -moz-transition: opacity 0.2s linear;
                -o-transition: opacity 0.2s linear;
                transition: opacity 0.2s linear;
            }

            div#five-g-page section.phone-section .phone-wrapper .phone-box .text,
            div#five-g-page section.phone-section .phone-wrapper .phone-box .img {
                position: relative;
                z-index: 2;
            }

            div#five-g-page section.phone-section .phone-wrapper .phone-box:hover .text p {
                color: white;
            }

            div#five-g-page section.phone-section .phone-wrapper .phone-box p {
                text-transform: uppercase;
                font-weight: 600;
                padding: 0 20px;
            }

    div#five-g-page section.phone-section .wrap .ec-naskoro {
        position: absolute;
        z-index: 3;
        right: 10px;
        top: 0;
        width: 90px;
    }

div#five-g-page button.slick-arrow {
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    position: absolute;
    right: 0;
    top: -40px;
}

    div#five-g-page button.slick-arrow.slick-prev {
        right: 60px;
        left: auto;
    }

    div#five-g-page button.slick-arrow:before {
        content: '%';
        position: absolute;
        font-family: 'teleicon-outline' !important;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        margin: auto;
        bottom: 0;
        right: 0;
        line-height: 46px;
        text-shadow: none;
        color: rgba(51, 51, 51, .75);
    }

    div#five-g-page button.slick-arrow.slick-prev:after {
        content: '';
        position: absolute;
        content: '';
        position: absolute;
        width: 130px;
        background: linear-gradient(45deg, transparent, #999);
        height: 1px;
        left: -150px;
        top: 54%;
    }

    div#five-g-page button.slick-arrow.slick-next:before {
        transform: rotateY(180deg);
    }

@-webkit-keyframes animatedBackground {
    from {
        background-position: 0px 0px;
    }

    to {
        background-position: 100% 0px;
    }
}

@media(max-width: 767px) {


    div#five-g-page .video-banner .arrow-animation {
        bottom: -29px;
        width: 60px;
        height: 60px;
    }

        div#five-g-page .video-banner .arrow-animation:before {
            width: 80px;
            height: 80px;
            left: -11px;
            top: -10px;
        }

        div#five-g-page .video-banner .arrow-animation lottie-player {
            position: relative;
            width: 100% !important;
            height: 100% !important;
        }

    div#five-g-page section.adventages .wrapper.block div {
        width: 100%;
        position: relative;
    }

    div#five-g-page section.adventages .numbers {
        margin-top: 0;
    }

        div#five-g-page section.adventages .numbers > div {
            width: auto;
            height: 100%;
            min-height: 160px;
        }

            div#five-g-page section.adventages .numbers > div:after {
                height: 60px;
            }

        div#five-g-page section.adventages .numbers .count {
            font-size: 25px;
        }

    div#five-g-page section.adventages .animation {
        width: 100%;
        height: 360px;
    }

        div#five-g-page section.adventages .animation lottie-player {
            height: 100% !important;
            width: 100% !important;
        }

    div#five-g-page section.adventages .numbers .five-g .image {
        width: 90px;
        height: 72px !important;
    }

    div#five-g-page section.adventages .numbers .four-g .image {
        width: 80px;
        height: 57px !important;
    }

    div#five-g-page section.adventages .numbers .three-g .image {
        width: 70px;
        height: 52px !important;
    }

    div#five-g-page section.product-part .text {
        position: relative;
        width: 100%;
    }

    div#five-g-page section.product-part .wrapper:after {
        display: none;
    }

    div#five-g-page section.product-part .wrapper .boxes {
        width: 100%;
    }

        div#five-g-page section.product-part .wrapper .boxes div {
            display: inline-flex;
            flex-wrap: nowrap;
            justify-content: flex-start;
            align-items: flex-start;
            padding: 30px 40px;
            position: relative;
            flex-direction: column;
        }

            div#five-g-page section.product-part .wrapper .boxes div * {
                width: 100%;
            }

            div#five-g-page section.product-part .wrapper .boxes div span {
                font-size: 17px;
                font-family: teleNeo-regular !important;
            }

        div#five-g-page section.product-part .wrapper .boxes div {
            padding: 30px 25px;
        }

    div#five-g-page section.adventages .wrapper.block h2 {
        width: 100%;
    }

    div#five-g-page .magenta-bg {
        padding: 5% 0 15%;
    }

        div#five-g-page .magenta-bg h3 {
            font-size: 23px;
        }

        div#five-g-page .magenta-bg h4 {
            font-size: 37px;
        }

            div#five-g-page .magenta-bg h4 br {
                display: none;
            }

        div#five-g-page .magenta-bg .text-wrap {
            width: 100% !important;
        }

        div#five-g-page .magenta-bg .map-wrap {
            position: relative;
            width: 100%;
            height: 400px;
        }

            div#five-g-page .magenta-bg .map-wrap svg {
                width: 100%;
                height: 100%;
            }

        div#five-g-page .magenta-bg .legend {
            position: relative;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            width: 100%;
        }

            div#five-g-page .magenta-bg .legend > div {
                margin-right: 10px;
                width: auto;
                position: relative;
            }

    div#five-g-page section.possibilities .text-wrap {
        width: 100%;
    }

    div#five-g-page section.possibilities:after {
        width: 65%;
        height: 400px;
        bottom: -12%;
        background-repeat: no-repeat;
    }

    div#five-g-page section.video-slider h3 {
        font-size: 37px;
    }

    div#five-g-page section.video-slider .slides h4 {
        font-size: 25px;
    }

    div#five-g-page div#timelapse-carousel {
        margin: 30px 0 20px;
    }

        div#five-g-page div#timelapse-carousel .slide-box {
            min-height: 170px;
            padding: 10px;
        }

    div#five-g-page section.video-slider .medicine,
    div#five-g-page section.video-slider .music,
    div#five-g-page section.video-slider .gaming,
    div#five-g-page section.video-slider .industry {
        position: relative;
        width: 100% !important;
        height: 350px;
        margin: 0 auto;
    }

    div#five-g-page section.bottom-section {
        padding: 3% 0 15%;
    }

        div#five-g-page section.bottom-section h2 {
            min-height: 120px !important;
        }

        div#five-g-page section.bottom-section .wrapper .text-wrap {
            width: 100%;
            margin-right: 0;
        }

        div#five-g-page section.bottom-section .img-wrap {
            position: relative;
            right: 0;
            width: 70%;
            top: 0;
            bottom: 0;
            margin: 30px auto;
        }

        div#five-g-page section.bottom-section .wrapper:last-of-type > div {
            width: 100% !important;
        }

    div#five-g-page div#timelapse-carousel .slick-list.draggable {
        overflow: hidden;
    }

    div#five-g-page section.adventages .numbers .count:after {
        font-size: 30px;
    }

    div#five-g-page section.phone-section .phone-wrapper button.slick-arrow {
        top: 10px;
    }

    div#five-g-page .video-banner .arrow-animation:after {
        width: 100px;
        height: 100px;
        left: -21px;
        top: -20px;
        animation-name: stretch;
        animation-duration: 4.0s;
        animation-timing-function: ease-out;
        animation-direction: alternate;
        animation-iteration-count: infinite;
        animation-play-state: running;
    }

    div#five-g-page .what-is-5g .text-side .img-wrap {
        margin-bottom: 60px;
        position: relative;
        min-height: 155px;
        width: 100px;
    }

    div#five-g-page section.possibilities .img-wrap {
        width: 100%;
    }
}

@media(max-width: 991px) {

    div#five-g-page h1 {
        font-size: 50px;
        margin: 30px 0;
        min-height: initial !important;
    }

    div#five-g-page h2 {
        font-size: 37px !important;
        margin-bottom: 30px;
        min-height: 80px !important;
    }

    div#five-g-page section.phone-section h2 {
        min-height: 150px !important;
    }

    div#five-g-page p {
        font-size: 18px !important;
    }

    div#five-g-page .wrapper,
    div#five-g-page .wrapper.block {
        width: 100% !important;
        margin: 0 !important;
        padding: 20px;
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    div#five-g-page .what-is-5g .text-side {
        width: 100% !important;
    }

    div#five-g-page section.what-is-5g .img-side {
        position: relative !important;
        width: 100% !important;
        text-align: center;
    }

    div#five-g-page .what-is-5g .wrapper:last-of-type .text-side {
        margin-left: 0;
    }

    div#five-g-page .what-is-5g .text-side p {
        margin-right: 0 !important;
    }

    div#five-g-page .what-is-5g .wrapper:last-of-type .img {
        width: 100%;
        height: 100%;
    }

        div#five-g-page .what-is-5g .wrapper:last-of-type .img lottie-player {
            display: none;
        }

    div#five-g-page section.adventages .wrapper.block div {
        width: 100%;
    }

    div#five-g-page .magenta-bg h4 {
        font-size: 37px;
    }

    div#five-g-page section.phone-section h2 span {
        display: inline;
    }

    div#five-g-page section.phone-section .phone-wrapper .phone-box .wrap {
        margin: 0 35px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    div#five-g-page .what-is-5g .img lottie-player {
        display: none;
    }

    div#five-g-page section.adventages .wrapper.block lottie-player {
        display: none;
    }

    div#five-g-page section.adventages .wrapper.block h2 {
        min-height: 120px !important;
    }

    div#five-g-page .magenta-bg .wrapper {
        flex-direction: column !important;
        align-items: center !important;
    }


    div#five-g-page section.adventages .numbers .five-g .image {
        width: 215px;
        height: 172px !important;
    }

    div#five-g-page section.adventages .numbers .four-g .image {
        width: 205px;
        height: 145px !important;
    }

    div#five-g-page section.adventages .numbers .three-g .image {
        width: 166px;
        height: 125px !important;
    }

    div#five-g-page section.product-part .text {
        position: relative;
        width: 55%;
    }

    div#five-g-page section.product-part .wrapper:after {
        width: 320px;
        height: 390px;
    }

    div#five-g-page section.product-part .wrapper .boxes {
        width: 100%;
    }

    div#five-g-page section.possibilities .text-wrap {
        width: 100%;
    }

    div#five-g-page section.possibilities .img-wrap {
        margin: 0 auto 60px auto;
    }

    div#five-g-page section.possibilities:after {
        width: 60%;
        height: 400px;
        bottom: -16%;
    }

    div#five-g-page section.bottom-section .wrapper:last-of-type {
        display: flex;
        justify-content: space-between;
        align-content: flex-end;
        margin-bottom: 50px;
        flex-direction: row !important;
        align-items: flex-end !important;
    }

    div#five-g-page section.bottom-section .img-wrap img {
        top: 20%;
        position: relative;
    }

    div#five-g-page section.bottom-section h2 {
        min-height: 120px !important;
    }

    div#five-g-page section.phone-section .phone-wrapper .phone-box .wrap {
        margin: 0 30px;
    }

        div#five-g-page section.phone-section .phone-wrapper .phone-box .wrap:before,
        div#five-g-page section.phone-section .phone-wrapper .phone-box .wrap::after {
            margin: 0 auto;
        }

    div#five-g-page .magenta-bg .text-wrap,
    div#five-g-page .magenta-bg .map-wrap {
        width: 100% !important;
    }

    div#five-g-page .video-slider button.slick-arrow {
        top: 20px;
        z-index: 3;
    }

    div#five-g-page button.slick-arrow:before {
        color: white;
    }
}

@media(min-width: 768px) and (max-width: 1199px) {
    div#five-g-page div#timelapse-carousel .slick-list.draggable {
        overflow: hidden;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    div#five-g-page section.bottom-section .img-wrap {
        right: 0;
    }

    div#five-g-page section.phone-section .phone-wrapper .phone-box .wrap {
        margin: 0 15px;
    }

    div#five-g-page section.phone-section .phone-wrapper .phone-box .text {
        padding: 0 50px;
    }
}

@media(min-width: 1200px) and (max-width: 1400px) {
    div#five-g-page section.bottom-section h2 {
        min-height: 160px;
    }

    div#five-g-page section.phone-section .phone-wrapper .phone-box .wrap {
        margin: 0 35px
    }
}

@media(min-width: 1700px) {
    div#five-g-page .wrapper {
        width: 60% !important;
        margin: 0 auto !important;
    }

    div#five-g-page section.what-is-5g .wrapper:first-of-type .img-side {
        position: absolute;
        width: 70%;
        right: 0;
        top: 30px;
    }

    div#five-g-page .img-wrap {
        min-height: 175px;
    }

        div#five-g-page .img-wrap img.head-icon {
            width: 110px;
        }

    div#five-g-page section.video-slider .medicine,
    div#five-g-page section.video-slider .music,
    div#five-g-page section.video-slider .gaming,
    div#five-g-page section.video-slider .industry {
        height: 460px;
    }

    div#five-g-page section.video-slider .video, div#five-g-page section.video-slider .video iframe {
        height: 320px;
    }

    div#five-g-page section.bottom-section .wrapper .right-side .white-bg {
        background-size: 30%;
    }

    div#five-g-page section.phone-section .phone-wrapper .phone-box .text {
        padding: 0 30px;
    }

    div#five-g-page section.phone-section .phone-wrapper .phone-box .wrap {
        margin: 0 25px;
    }

        div#five-g-page section.phone-section .phone-wrapper .phone-box .wrap:after,
        div#five-g-page section.phone-section .phone-wrapper .phone-box .wrap:before {
            height: 290px;
        }
}
/*#endregion 5g*/


/*#region kancelarija vo dvizenje*/
.custom-container {
    max-width: 1680px;
    padding: 0 25px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

div#kancelarija-vo-dvizenje section.main-banner {
    position: relative;
    background-image: url(../content/images/kancelarija-vo-dvizenje/kancelarija-vo-dvizenje-banner.png);
    background-size: cover;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    padding: 10% 0 !important;
}

    div#kancelarija-vo-dvizenje section.main-banner.sq {
        background-image: url(../content/images/kancelarija-vo-dvizenje/kancelarija-vo-dvizenje-banner-sq.jpg);
    }

div#kancelarija-vo-dvizenje section {
    position: relative;
    padding: 4% 0;
}

    div#kancelarija-vo-dvizenje section.header {
        text-align: center;
    }

div#kancelarija-vo-dvizenje h1 {
    font-size: 40px;
    color: black;
    font-family: 'teleNeo-extra' !important;
    margin-bottom: 50px;
}

    div#kancelarija-vo-dvizenje h1 span {
        font-family: 'teleNeo-extra' !important;
    }

div#kancelarija-vo-dvizenje p {
    font-size: 19px;
    line-height: 1.2;
}

    div#kancelarija-vo-dvizenje p a:hover {
        color: #e20074;
    }

div#kancelarija-vo-dvizenje section.shape-bg:before {
    position: absolute;
    content: '';
    background-image: url(../content/images/kancelarija-vo-dvizenje/shape-bg-1.png);
    width: 100%;
    height: 100%;
    background-size: cover;
    bottom: 0;
    left: 0;
    background-position: top center;
    background-repeat: no-repeat;
}

div#kancelarija-vo-dvizenje section.shape-bg .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    align-content: flex-start;
    margin-bottom: 50px;
}

    div#kancelarija-vo-dvizenje section.shape-bg .wrapper.reverse {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        align-content: flex-start;
        margin-bottom: 50px;
        margin-top: 150px;
    }

        div#kancelarija-vo-dvizenje section.shape-bg .wrapper.reverse h3 {
            font-family: 'teleNeo-bold' !important;
            margin-bottom: 30px;
            font-size: 22px;
            margin-top: 0;
        }

        div#kancelarija-vo-dvizenje section.shape-bg .wrapper.reverse .boxes {
            display: flex;
            flex-direction: column;
            align-content: center;
            justify-content: center;
            align-items: center;
        }

            div#kancelarija-vo-dvizenje section.shape-bg .wrapper.reverse .boxes .wrap {
                display: flex;
                justify-content: space-between;
                align-items: center;
                align-content: center;
                flex-wrap: nowrap;
                position: relative;
                z-index: 1;
            }

div#kancelarija-vo-dvizenje section.shape-bg .animation {
    position: absolute;
    z-index: 0;
    width: 100%;
    left: 20%;
    bottom: -50%;
}

div#kancelarija-vo-dvizenje section.shape-bg .wrapper.reverse .microsoft-icon {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 22px #00000014;
    border-radius: 6px;
    padding: 20px;
    margin: 10px;
    width: 20%;
}

div#kancelarija-vo-dvizenje section.shape-bg .wrapper > div {
    width: 45%;
}

    div#kancelarija-vo-dvizenje section.shape-bg .wrapper > div .header-icon {
        margin-bottom: 30px;
    }

div#kancelarija-vo-dvizenje h2 {
    font-size: 32px;
    font-family: 'teleNeo-extra' !important;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 30px;
}

    div#kancelarija-vo-dvizenje h2 span {
        font-family: 'teleNeo-extra' !important;
    }

div#kancelarija-vo-dvizenje section.shape-bg .boxes {
    position: relative;
    display: flex;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}

    div#kancelarija-vo-dvizenje section.shape-bg .boxes .magenta-box {
        background: transparent linear-gradient(303deg, #AE0059 0%, #E20074 68%, #FF0E8A 100%) 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 16px rgba(0, 0, 0,.16);
        border-radius: 13px;
        padding: 30px;
        min-height: 300px;
        width: 48%;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        color: white;
    }

div#kancelarija-vo-dvizenje section.device {
    position: relative;
    padding-top: 0;
}

    div#kancelarija-vo-dvizenje section.device:before {
        content: '';
        position: absolute;
        width: 60%;
        height: 320px;
        background: #e20074;
        border-radius: 0px 50px 50px 0px;
    }

div#kancelarija-vo-dvizenje .shape {
    color: white;
}

    div#kancelarija-vo-dvizenje .shape .black-shape {
        position: absolute;
        width: 100%;
        background: black;
        color: white;
        padding: 40px 50px;
        border: 0;
        border-radius: 14px;
    }

        div#kancelarija-vo-dvizenje .shape .black-shape p {
            font-size: 17px;
            line-height: 1.2;
        }

div#kancelarija-vo-dvizenje section.device h3 {
    color: white;
    font-family: 'teleNeo-bold' !important;
    font-size: 30px;
    margin-bottom: 30px;
}


div#kancelarija-vo-dvizenje section.device .custom-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-content: center;
}

    div#kancelarija-vo-dvizenje section.device .custom-container > div {
        width: 45%;
        position: relative;
        border-bottom: 0;
    }

        div#kancelarija-vo-dvizenje section.device .custom-container > div .img-wrap {
            position: relative;
            right: 20%;
            top: -90px;
        }

div#kancelarija-vo-dvizenje section.device h3 {
    color: white;
    font-family: 'teleNeo-bold' !important;
    font-size: 30px;
    margin-bottom: 30px;
}

div#kancelarija-vo-dvizenje .shape ul li {
    font-size: 18px;
    padding-left: 40px;
    position: relative;
    padding-bottom: 15px;
}

    div#kancelarija-vo-dvizenje .shape ul li a {
        color: white;
        text-decoration: underline;
    }

    div#kancelarija-vo-dvizenje .shape ul li span {
        display: block;
    }

    div#kancelarija-vo-dvizenje .shape ul li:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        background-size: contain;
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
    }


    div#kancelarija-vo-dvizenje .shape ul li[data-value="one"]:before {
        background-image: url('../content/images/kancelarija-vo-dvizenje/icon-device-computer-default.png');
    }

    div#kancelarija-vo-dvizenje .shape ul li[data-value="two"]:before {
        background-image: url('../content/images/kancelarija-vo-dvizenje/icon-action-copy-paste-default.png');
    }

    div#kancelarija-vo-dvizenje .shape ul li[data-value="three"]:before {
        background-image: url('../content/images/kancelarija-vo-dvizenje/icon-content-features-default.png');
    }

div#kancelarija-vo-dvizenje section.related-devices {
    padding-top: 0 !important;
}

div#kancelarija-vo-dvizenje section.device .custom-container > div p.small {
    font-size: 14px;
    position: relative;
    bottom: 80px;
}

div#kancelarija-vo-dvizenje section.related-devices:before {
    content: '';
    position: absolute;
    background-image: url(../content/images/kancelarija-vo-dvizenje/shape2.png);
    background-size: cover;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: top center;
}

div#kancelarija-vo-dvizenje section.related-devices .wrapper {
    display: flex;
    width: 60%;
    margin: 60px auto;
    justify-content: space-around;
    align-content: center;
    align-items: center;
    text-align: center;
}

div#kancelarija-vo-dvizenje section.related-devices .animation {
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

div#kancelarija-vo-dvizenje section.related-devices .wrapper > div {
    width: 35%;
    height: 370px;
    position: relative;
    z-index: 2;
}

    div#kancelarija-vo-dvizenje section.related-devices .wrapper > div a {
        color: black;
    }

    div#kancelarija-vo-dvizenje section.related-devices .wrapper > div .wrap {
        position: relative;
        height: 100%;
        z-index: 2;
        padding: 20px;
    }

div#kancelarija-vo-dvizenje section.related-devices .wrap:before {
    content: '';
    position: absolute;
    height: 270px;
    bottom: 0;
    background: #D7DAE4;
    border-radius: 20px;
    width: 100%;
    left: 0;
    z-index: 0;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    opacity: 1;
}

div#kancelarija-vo-dvizenje section.related-devices .wrap:after {
    content: '';
    position: absolute;
    height: 65%;
    bottom: 0;
    background: #D7DAE4;
    border-radius: 20px;
    width: 100%;
    left: 0;
    z-index: 0;
    background: linear-gradient(180deg, #DF0073 0%, #70003A 100%) 0% 0% no-repeat padding-box;
    background: -webkit-gradient(180deg, #DF0073 0%, #70003A 100%) 0% 0% no-repeat padding-box;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    opacity: 0;
    z-index: -1;
}

div#kancelarija-vo-dvizenje section.related-devices .wrapper > div:hover .wrap:before {
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

div#kancelarija-vo-dvizenje section.related-devices .wrapper > div:hover .wrap:after {
    opacity: 1;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

div#kancelarija-vo-dvizenje section.related-devices .wrapper > div:hover .text {
    color: white;
}

div#kancelarija-vo-dvizenje section.related-devices .wrapper > div .wrap:before {
    content: '';
    position: absolute;
    bottom: 0;
    height: 65%;
    background: white;
    box-shadow: 0 0 35px 7px rgba(0, 0,0,.10);
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    border-radius: 20px;
    bottom: 0;
}

div#kancelarija-vo-dvizenje section.related-devices .wrapper > div .img {
    height: 250px;
}

    div#kancelarija-vo-dvizenje section.related-devices .wrapper > div .img img {
        height: 100%;
        width: auto;
    }

div#kancelarija-vo-dvizenje section.related-devices h2 {
    text-align: center;
    margin: 0 100px 80px 100px;
    width: 100%;
    margin: auto;
}

div#kancelarija-vo-dvizenje .white-box {
    position: relative;
    width: 60%;
    margin: 50px auto;
    box-shadow: 0px 20px 56px #00000012;
    padding: 50px 70px;
}

    div#kancelarija-vo-dvizenje .white-box h3 {
        color: black;
        font-family: 'teleNeo-bold' !important;
        font-size: 22px;
        margin-bottom: 30px;
        margin-top: 0;
        padding: 0;
        text-transform: uppercase;
    }

    div#kancelarija-vo-dvizenje .white-box .list {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        align-content: center;
        width: 65%;
    }

    div#kancelarija-vo-dvizenje .white-box ul li {
        font-size: 18px;
        padding-left: 20px;
        margin-left: 0;
    }

@media (max-width: 767px) {
    div#kancelarija-vo-dvizenje section.main-banner {
        position: relative;
        background-image: url(../content/images/kancelarija-vo-dvizenje/kancelarija-vo-dvizenje-banner-mob.jpg);
        padding: 30% 0 !important;
    }

        div#kancelarija-vo-dvizenje section.main-banner.sq {
            background-image: url(../content/images/kancelarija-vo-dvizenje/kancelarija-vo-dvizenje-banner-sq-mob.jpg);
        }

    .custom-container {
        padding-left: 25px;
        padding-right: 25px;
    }

    div#kancelarija-vo-dvizenje h1 {
        font-size: 30px;
    }

    div#kancelarija-vo-dvizenje h2 {
        font-size: 26px;
    }

    div#kancelarija-vo-dvizenje h3 {
        font-size: 24px;
    }

    div#kancelarija-vo-dvizenje section.shape-bg:before {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    div#kancelarija-vo-dvizenje .wrapper {
        display: flex;
        justify-content: space-between;
        align-content: flex-start;
        flex-direction: column;
    }

        div#kancelarija-vo-dvizenje .wrapper > div {
            width: 100% !important;
        }

    div#kancelarija-vo-dvizenje section.shape-bg .boxes {
        flex-direction: column;
    }

    div#kancelarija-vo-dvizenje section.shape-bg .wrapper.reverse {
        margin-top: 30px;
    }

    div#kancelarija-vo-dvizenje section.shape-bg .boxes .magenta-box {
        width: 80%;
        margin: 10px auto;
        min-height: 250px
    }

    div#kancelarija-vo-dvizenje section.shape-bg .wrapper.reverse .boxes {
        margin-bottom: 40px;
    }

    div#kancelarija-vo-dvizenje section.shape-bg .wrapper.reverse .microsoft-icon {
        padding: 5px;
    }

    div#kancelarija-vo-dvizenje section.shape-bg .animation {
        left: 0;
    }

        div#kancelarija-vo-dvizenje section.shape-bg .animation lottie-player {
            width: 100% !important;
            height: 100% !important;
        }

    div#kancelarija-vo-dvizenje section.device:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 500px;
    }

    div#kancelarija-vo-dvizenje section.device .custom-container {
        flex-direction: column;
    }

        div#kancelarija-vo-dvizenje section.device .custom-container > div {
            width: 100%;
        }

    div#kancelarija-vo-dvizenje .shape .black-shape {
        position: relative;
    }

    div#kancelarija-vo-dvizenje section.device .custom-container > div .img-wrap {
        position: relative;
        right: 0;
        top: 0;
    }

    div#kancelarija-vo-dvizenje section.device .custom-container > div p.small {
        bottom: 0px;
    }

    div#kancelarija-vo-dvizenje .white-box {
        position: relative;
        width: 100%;
        margin: 50px auto;
        padding: 30px 30px;
    }

        div#kancelarija-vo-dvizenje .white-box .list {
            flex-direction: column;
        }
}

@media(min-width: 768px) and (max-width: 991px) {
    .custom-container {
        padding-right: 25px !important;
        padding-left: 25px !important;
    }

    div#kancelarija-vo-dvizenje .wrapper {
        flex-direction: column;
    }

        div#kancelarija-vo-dvizenje .wrapper > div {
            width: 100% !important;
        }

    div#kancelarija-vo-dvizenje section.shape-bg .boxes {
        margin: 30px 0 0;
        align-content: flex-start;
        justify-content: space-evenly;
        align-items: flex-start;
    }

        div#kancelarija-vo-dvizenje section.shape-bg .boxes .magenta-box {
            min-height: 230px;
            width: 35%;
        }

    div#kancelarija-vo-dvizenje section.shape-bg .wrapper.reverse {
        margin-top: 60px;
    }

    div#kancelarija-vo-dvizenje section.device:before {
        width: 55%;
        height: 440px;
    }

    div#kancelarija-vo-dvizenje section.device .custom-container > div .img-wrap {
        right: 0;
    }

    div#kancelarija-vo-dvizenje .shape .black-shape {
        position: relative;
    }

    div#kancelarija-vo-dvizenje section.related-devices .wrapper {
        display: flex;
        width: 100%;
        margin: 60px auto;
        align-content: center;
        align-items: center;
        text-align: center;
        flex-direction: row;
        justify-content: space-evenly;
    }

        div#kancelarija-vo-dvizenje section.related-devices .wrapper > div {
            width: 30% !important;
        }

    div#kancelarija-vo-dvizenje .white-box {
        width: 90%;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    .custom-container {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    div#kancelarija-vo-dvizenje .shape .black-shape {
        position: relative;
    }

    div#kancelarija-vo-dvizenje section.device:before {
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .custom-container {
        padding-right: 40px !important;
        padding-left: 40px !important;
    }
}
/*#endregion kancelarija vo dvizenje*/


/*#region microsoft offfice 365*/
div.ict-integrated p {
    font-size: 18px;
}

div#office-365 .main-banner {
    background-image: url(../content/images/ict-office-365/o365-new-image-banner.jpg);
    background-position: 0 35%;
}

    div#office-365 .main-banner:before {
        background-image: url('../content/images/ict-office-365/shape-banner.png');
        width: 45%;
        background-size: contain;
    }

    div#office-365 .main-banner .header {
        width: 25%;
    }

div#office-365 section.office-intro-text {
    position: relative;
    padding: 3% 0;
    text-align: center;
    height: 600px;
    background: transparent linear-gradient(180deg, #CACFDC00 0%, rgba(202, 207, 220, .5) 100%);
}

    div#office-365 section.office-intro-text .header {
        position: relative;
        width: 63%;
        margin: 0 auto;
    }

    div#office-365 section.office-intro-text .ec {
        position: absolute;
        right: -80px;
        top: -50px;
        width: 90px;
    }

    div#office-365 section.office-intro-text h2 {
        color: #e20074;
        font-family: 'teleNeo-extra' !important;
        font-size: 35px;
        margin: 20px 0 50px;
    }

    div#office-365 section.office-intro-text p {
        padding: 0 9%;
        width: 100%;
    }

    div#office-365 section.office-intro-text .icons-office {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

        div#office-365 section.office-intro-text .icons-office img {
            background: #FFFFFF;
            box-shadow: 0px 3px 22px rgba(0, 0, 0, .08);
            margin: 20px 10px 60px;
            padding: 6px;
        }

div#office-365 section.content {
    position: relative;
    z-index: 3;
    padding: 0;
    height: initial;
    background: transparent;
}



    div#office-365 section.content .wrapper.white {
        position: relative;
        background: white;
        box-shadow: 0 0 120px 7px rgba(0, 0,0,.12);
        max-width: 1300px;
        margin: 0 auto;
        left: 0;
        right: 0;
        border-radius: 5px;
        padding: 40px 30px;
        opacity: 1;
        margin-top: -110px;
        z-index: 2;
    }

        div#office-365 section.content .wrapper.white h2 {
            bottom: 80px;
        }

        div#office-365 section.content .wrapper.white #tab-3 img {
            min-height: 55px;
        }

    div#office-365 section.content .text-wrap {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }

    div#office-365 section.content #tab-2 .text-wrap {
        flex-direction: row;
    }

    div#office-365 section.content .text-wrap ul {
        width: 50%;
        margin-top: 20px;
        flex-direction: column;
    }

        div#office-365 section.content .text-wrap ul li {
            width: 100%;
            background-color: transparent;
            box-shadow: none;
            padding: 0 20px 10px;
        }

div#office-365 .prices .table-responsive {
    position: relative;
    box-shadow: 0px 30px 99px rgba(0, 0, 0, .19);
    border-radius: 8px;
    overflow: visible;
}

div#office-365 section.prices {
    position: relative;
    z-index: 1;
    padding-top: 3%;
    background-image: url(../content/images/ict-office-365/Section3-bg.png);
    background-position: center;
    background-size: cover;
}

    div#office-365 section.prices .header {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 40px;
    }

    div#office-365 section.prices h3 {
        font-family: 'teleNeo-extra' !important;
        font-size: 33px;
        line-height: 1.2;
    }

    div#office-365 section.prices p.gray-text-bg {
        background-color: white;
        opacity: 1;
        padding: 20px;
        margin: 0;
        box-shadow: 0 0 80px 7px rgba(0, 0, 0, .15);
    }

.tableTest tr th, .tableTest tr td {
    position: relative;
    background: #fafafa;
    text-align: center;
    border-bottom: 1px solid #eaeaea !important;
    border-top: 0 !important;
    font-size: 16px;
}

    .tableTest tr th:first-child:after, .tableTest tr td:first-child:after {
        content: '';
        display: block;
        position: absolute;
        left: 100%;
        top: 0;
        bottom: 0;
        width: 30%;
        background: transparent linear-gradient(84deg, rgba(148, 156, 168, .23) 0%, rgba(148, 156, 168, 0) 100%);
        height: 100%;
    }

    .tableTest tr th:last-child:before, .tableTest tr td:last-child:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 30%;
        background: transparent linear-gradient(84deg, rgba(148, 156, 168, .21) 0%, rgba(148, 156, 168, 0) 100%);
        height: 100%;
    }

.tableTest thead tr th:first-child,
.tableTest tbody tr th:first-child {
    left: 0;
    position: sticky;
    z-index: 2;
    background: #fff;
    width: 400px;
    text-align: left;
    border-color: #eaeaea !important;
    height: 64px;
    font-size: 17px;
    padding: 10px 25px;
}


.tableTest {
    width: auto !important;
    max-width: 100%;
    margin: 0 auto
}

    .tableTest thead th {
        text-align: center;
        text-transform: uppercase;
        padding: 30px !important;
        font-family: 'teleNeo-extra' !important;
        font-size: 20px !important;
    }

        .tableTest thead th.office-header {
            font-family: 'teleNeo-bold' !important;
            text-align: center;
        }

    .tableTest th span.new {
        color: #e20074;
        text-transform: uppercase;
        line-height: 1.2;
    }

    .tableTest p.gray-text {
        font-size: 14px;
        color: #707070;
    }

    .tableTest th .specInfo {
        height: 100%;
        padding-right: 20px;
    }

    .tableTest th .one-t-dicklaimer {
        width: 17px !important;
        height: 17px !important;
        top: 10px;
        float: right;
        color: #c5c5c5;
        border: 1px solid #c5c5c5 !important;
        border-radius: 50px;
        text-align: center;
        line-height: 11px;
        left: auto !important;
        right: 10px;
        padding: 3px;
        position: absolute;
        cursor: pointer;
        text-align: center;
    }

    .tableTest span.icon.icon-confirm {
        color: #e20074;
        font-size: 21px;
    }

    .tableTest span.icon.icon-cancel {
        color: #999;
        font-size: 19px;
    }

    .tableTest .office-icons {
        position: relative;
        display: flex;
        justify-content: space-evenly;
        -webkit-justify-content: space-evenly;
        -moz-justify-content: space-evenly;
        align-items: center;
        align-content: center;
    }

        .tableTest .office-icons .one-t-dicklaimer {
            position: absolute;
        }

        .tableTest .office-icons img {
            opacity: .6;
            transition: all ease-in .3s;
        }

            .tableTest .office-icons img:hover {
                opacity: 1;
                transition: all ease-in .3s;
            }

    .tableTest .price-wrap {
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .tableTest .hdp-price-left.hdp-price-top {
        width: 50%;
        display: inline-block;
        float: left;
        text-align: right;
    }

        .tableTest .hdp-price-left.hdp-price-top .hdp-price-frame {
            font-size: 27px;
            text-align: right;
        }

            .tableTest .hdp-price-left.hdp-price-top .hdp-price-frame span {
                font-family: 'teleNeo-bold' !important
            }

    .tableTest .hdp-price-body {
        width: 90px;
        text-align: left;
        padding-left: 13px;
        line-height: 1.2;
    }

        .tableTest .hdp-price-body .price-den {
            border-bottom: 1px solid #333;
        }

div#office-365 section.last-sec .wrapper {
    padding: 25px 0;
}

div#office-365 section.last-sec ul.nav {
    padding-left: 0px;
    margin-bottom: 0;
    list-style: none;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    margin: 30px auto;
    width: 100%;
}

    div#office-365 section.last-sec ul.nav li {
        width: auto;
        text-align: center;
        text-transform: uppercase;
        margin-right: 25px;
        z-index: 2;
        background: transparent;
        box-shadow: none;
        padding: 10px;
        display: inline-flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

        div#office-365 section.last-sec ul.nav li.active {
            color: #e20074;
            cursor: default;
            background-color: transparent;
            border: none;
            font-family: 'teleNeo-medium' !important;
        }

            div#office-365 section.last-sec ul.nav li.active:before {
                color: black;
                cursor: default;
                border: none;
                border-bottom: none;
                background: none;
                box-shadow: 0px 23px 89px #3e3e3e1c;
                height: 2px;
                background: #e20074;
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
            }

            div#office-365 section.last-sec ul.nav li.active:after {
                color: black;
                cursor: default;
                border: none;
                border-bottom: none;
                background: #FFFFFF 0% 0% no-repeat padding-box;
                box-shadow: 0px 23px 89px #3e3e3e1c;
                height: 2px;
                background: #e20074;
                content: '';
                position: absolute;
                right: -24px;
                top: 12px;
                width: 30px;
                border-bottom: 1px solid #e20074;
                transform: rotate(55deg);
            }

div#office-365 section.last-sec #tab-4-xs ul {
    flex-direction: column;
    width: 100%;
}

    div#office-365 section.last-sec #tab-4-xs ul li {
        font-size: 18px;
        background-color: transparent;
        box-shadow: none;
        width: 100%;
        text-align: left;
        padding: 0 20px;
    }

div#office-365 section.last-sec #tab-4-xs table {
    width: 100%;
}

    div#office-365 section.last-sec #tab-4-xs table tr th {
        background: #eaeaea !important;
    }

        div#office-365 section.last-sec #tab-4-xs table tr th + th,
        div#office-365 section.last-sec #tab-4-xs table tr td + td {
            background: transparent;
        }

    div#office-365 section.last-sec #tab-4-xs table tr * {
        padding: 15px 20px;
        font-size: 17px;
    }

    div#office-365 section.last-sec #tab-4-xs table tbody tr td,
    div#office-365 section.last-sec #tab-4-xs table tbody > tr > td,
    div#office-365 section.last-sec #tab-4-xs table thead tr th,
    div#office-365 section.last-sec #tab-4-xs table thead > tr > th {
        border-bottom: 1px solid #e5e5e5 !important;
    }

    div#office-365 section.last-sec #tab-4-xs table tr:last-of-type td {
        border-bottom: 0 !important;
    }

#office-365 .table-responsive > p.gray-text {
    font-size: 14px;
    color: #707070;
    padding: 15px 25px;
    background: white;
}

#office-365 .inline-buttons {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 35%;
    margin: 0 auto;
}

#office-365 .btn-magen {
    font-size: 18px;
    padding: 10px 12px;
    left: 0;
    right: 0;
    position: relative;
    width: auto;
    margin: 20px auto;
    border: none;
    display: inline;
    text-align: center;
}

#office-365 .video {
    width: 50%;
    margin: 0 auto;
    height: 350px;
    position: relative;
    border-radius: 17px;
}

    #office-365 .video .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        cursor: pointer;
    }

        #office-365 .video .overlay:before {
            content: '';
            position: absolute;
            background: black;
            height: 100%;
            width: 100%;
            z-index: 3;
            opacity: .87;
            border-radius: 17px;
            left: 0;
            right: 0;
        }

        #office-365 .video .overlay:after {
            content: '';
            position: absolute;
            background-image: url('../content/images/ict-office-365/play.svg');
            background-size: contain;
            background-position: center;
            width: 30px;
            height: 30px;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            z-index: 3;
        }

    #office-365 .video iframe {
        width: 100%;
        height: 100%;
        border-radius: 8px;
    }

.ict-integrated .last-sec .nav-tabs > li a:hover {
    border-radius: 0 !important;
    background: #f8f8f8;
}

.ict-integrated .last-sec .nav-tabs > li.active img {
    filter: none !important;
    opacity: 1;
}

.ict-integrated .last-sec .nav-tabs > li img {
    filter: grayscale(1) !important;
    margin-right: 7px;
    width: 16px;
    opacity: .8;
    margin-bottom: 9px;
}

div#dopolnitelni-alatki p.text-center {
    padding: 0 10%;
}

#office-365 div#tab-2-xs .box {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 84%;
    margin: 0 auto;
}

#office-365 div#tab-2-xs .wrapper-tab {
    position: relative;
    width: 50%;
    margin-right: 30px;
}

#office-365 div#tab-2-xs .wrap {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}

    #office-365 div#tab-2-xs .wrap .left {
        width: 15%;
        text-align: left;
    }

    #office-365 div#tab-2-xs .wrap .right {
        width: 85%;
        text-align: left;
    }

#office-365 div#tab-3-xs .wrapper-tab {
    position: relative;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
}

    #office-365 div#tab-3-xs .wrapper-tab .wrap {
        width: 33.333%;
    }


#office-365 div#tab-4-2 .wrap,
#office-365 div#tab-4-xs .wrap {
    width: 78%;
    margin: 0 auto;
}

#office-365 .panel-group .panel-collapse .panel-group .panel-default .panel-heading {
    background: #F7F7F8 !important;
    padding: 0 20px !important;
}

#office-365 .panel-group .panel-collapse .panel-group .panel-default .panel-collapse {
    background: transparent radial-gradient(closest-side at 0% 50%, rgba(231, 231, 232, .82) 0%, rgba(247, 247, 248, .33) 100%);
    padding: 10px 20px;
}

    #office-365 .panel-group .panel-collapse .panel-group .panel-default .panel-collapse p a {
        color: #e20074;
    }

#office-365 div#tab-4-2 .wrap .panel-default,
#office-365 div#tab-4-xs .wrap .panel-default {
    border: 0;
    box-shadow: none;
    background: transparent;
}

    #office-365 div#tab-4-2 .wrap .panel-default.visible,
    #office-365 div#tab-4-xs .wrap .panel-default.visible {
        display: block !important;
    }

    #office-365 div#tab-4-2 .wrap .panel-default .panel-body,
    #office-365 div#tab-4-xs .wrap .panel-default .panel-body {
        padding: 0;
    }

        #office-365 div#tab-4-2 .wrap .panel-default .panel-body p,
        #office-365 div#tab-4-xs .wrap .panel-default .panel-body p {
            font-size: 18px;
            line-height: 1.2;
            color: #333;
        }

    #office-365 div#tab-4-2 .wrap .panel-default:nth-child(1) .panel-heading,
    #office-365 div#tab-4-xs .wrap .panel-default:nth-child(1) .panel-heading {
        border-top: 0;
    }

#office-365 div#tab-4-2 .wrap .panel-group,
#office-365 div#tab-4-xs .wrap .panel-group {
    text-align: left;
}

#office-365 div#tab-4-2 .wrap .panel-heading,
#office-365 div#tab-4-xs .wrap .panel-heading {
    background-color: transparent;
    border-top: 1px solid #e5e5e5;
    padding: 0;
}

    #office-365 div#tab-4-2 .wrap .panel-heading .panel-title,
    #office-365 div#tab-4-xs .wrap .panel-heading .panel-title {
        padding: 0;
    }

        #office-365 div#tab-4-2 .wrap .panel-heading .panel-title a,
        #office-365 div#tab-4-xs .wrap .panel-heading .panel-title a {
            font-size: 19px;
            display: block;
            padding: 25px 35px 25px 0;
            text-decoration: none;
            position: relative;
            z-index: 2;
        }

            #office-365 div#tab-4-2 .wrap .panel-heading .panel-title a:after,
            #office-365 div#tab-4-xs .wrap .panel-heading .panel-title a:after {
                content: ']$';
                font-family: 'teleicon-outline';
                position: absolute;
                color: #e20074;
                font-size: 22px;
                font-weight: 600;
                top: 25px;
                right: 20px;
                margin: auto;
                transform: rotateZ(-180deg);
                transition-property: transform;
                transition-duration: .25s;
            }

            #office-365 div#tab-4-2 .wrap .panel-heading .panel-title a.collapsed:after,
            #office-365 div#tab-4-xs .wrap .panel-heading .panel-title a.collapsed:after {
                content: ']$';
                font-family: 'teleicon-outline';
                position: absolute;
                color: #e20074;
                font-size: 22px;
                font-weight: 600;
                top: 32px;
                right: 20px;
                margin: auto;
                transform: rotateZ(0deg);
                transition-property: transform;
                transition-duration: .25s;
            }

#office-365 .last-sec .nav-tabs > li a:hover {
    background: transparent;
}

@media(max-width: 370px) {
    div #office-365 .main-banner {
        background-position: 70% 0;
        height: 250px;
    }

        div#office-365 .main-banner:before {
            width: 100% !important;
        }

        div#office-365 .main-banner .header {
            width: 80% !important;
        }

            div#office-365 .main-banner .header h1 {
                font-size: 24px !important;
                margin-bottom: 15px !important;
            }

    div#office-365 section.content .wrapper.white h2 {
        font-size: 24px !important;
    }

    div#office-365 section.office-intro-text h2 {
        font-size: 23px !important;
    }
}

@media(max-width: 767px) {
    div#office-365 .main-banner {
        height: 300px;
    }

        div#office-365 .main-banner:before {
            width: 95% !important;
            background-size: contain;
        }

        div#office-365 .main-banner .header h1 {
            font-size: 26px;
            margin: 30px 0 30px;
        }

        div#office-365 .main-banner .header {
            width: 60% !important;
        }

    div#office-365 section.office-intro-text h2 {
        font-size: 28px;
        margin: 20px 0 50px;
    }

    div#office-365 section.content .text-wrap ul {
        margin-top: 0;
        margin-bottom: 0;
    }

    div#office-365 section.office-intro-text p {
        padding: 0;
    }

    div#office-365 section.office-intro-text {
        height: auto;
        padding: 3% 0 5%;
    }

    #office-365 .inline-buttons {
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0 auto;
        flex-direction: column;
    }

    div#office-365 section.content .wrapper.white h2 {
        font-size: 27px;
    }

    div#office-365 section.content .wrapper.white {
        margin-top: 0px;
    }

    div#office-365 section.content #tab-2 .text-wrap {
        flex-direction: column;
    }

    div#office-365 section.content .text-wrap ul {
        width: 100%;
        flex-direction: column;
    }

        div#office-365 section.content .text-wrap ul li {
            width: 100%;
            background-color: transparent;
            box-shadow: none;
        }

    div#office-365 section.prices h3 {
        font-size: 25px;
        text-align: center;
    }

    div#office-365 .wrapper.white .tab-wrapper h3,
    div#office-365 .last-sec h3 {
        font-size: 19px;
        margin: 20px 0;
    }

    div#office-365 .last-sec .tab-wrapper {
        padding-bottom: 100px;
    }

    div#office-365 .last-sec h3 img {
        padding: 2px;
        border-radius: 4px;
        margin-right: 10px;
    }

    div#office-365 .last-sec h3.dc-active img {
        background: white;
    }

    .tableTest thead tr th:first-child, .tableTest tbody tr th:first-child {
        padding: 10px;
        font-size: 16px;
        z-index: 4;
        border: 0 !important;
    }

    div#office-365 section.office-intro-text .icons-office img {
        background: #FFFFFF;
        box-shadow: 0px 3px 22px rgba(0, 0, 0, .8);
        margin: 20px 5px 60px;
        padding: 5px;
        width: 50px;
    }


    #office-365 .video {
        width: 100%;
        margin: 0 auto;
        height: auto;
    }

    .ict-integrated .last-sec .nav-tabs > li img {
        display: none;
    }

    #office-365 div#tab-4-2 .wrap, #office-365 div#tab-4-xs .wrap {
        width: 100%;
    }

    #office-365 div#tab-2-xs .box {
        width: 100%;
        flex-direction: column;
    }

    #office-365 div#tab-2-xs .wrapper-tab {
        position: relative;
        width: 100%;
        margin-right: 0;
    }

    #office-365 div#tab-3-xs .wrapper-tab {
        flex-direction: column;
    }

        #office-365 div#tab-3-xs .wrapper-tab .wrap {
            width: 100%;
        }
}

@media (max-width: 991px) {
    div#office-365 section.office-intro-text .ec {
        position: absolute;
        top: -50px;
        width: 90px;
    }

    div#office-365 section.prices .header {
        flex-direction: column;
    }

    div#office-365 section.content .wrapper.white h2 {
        width: auto;
    }

    #office-365 .table-responsive {
        overflow: auto !important;
    }

        #office-365 .table-responsive table {
            width: 100% !important;
            overflow: visible;
            touch-action: auto;
        }

    #office-365 div#dopolnitelni-alatki {
        flex-direction: column;
        width: 100%;
    }

        #office-365 div#dopolnitelni-alatki .wrapper-tab {
            width: 100%;
        }

        #office-365 div#dopolnitelni-alatki .wrap {
            flex-direction: column;
        }

            #office-365 div#dopolnitelni-alatki .wrap .right {
                width: 100%;
                text-align: left;
            }
}

@media(min-width: 768px) and (max-width: 991px) {
    div#office-365 .main-banner:before {
        width: 85%;
    }

    div#office-365 .main-banner .header {
        width: 60%;
    }

    div#office-365 .main-banner {
        background-position: 80% 0;
    }

        div#office-365 .main-banner .header h1 {
            font-size: 30px;
            margin: 30px 0 30px;
        }

        div#office-365 .main-banner:before {
            width: 60%;
            background-size: contain;
        }

        div#office-365 .main-banner .header {
            width: 30%;
        }

    #office-365 .last-sec .nav-tabs > li {
        margin-right: 0;
        width: 25%;
    }

    div.ict-integrated .tab-wrapper ul#myTab-ict {
        width: 100%;
    }

        div.ict-integrated .tab-wrapper ul#myTab-ict li {
            min-height: 100px;
        }

    #office-365 .last-sec .nav-tabs > li > a {
        font-size: 17px;
    }

    #office-365 .inline-buttons {
        width: 65%;
    }

    #office-365 .video {
        width: 80% !important;
        margin: 0 auto;
        height: 300px;
    }

    #office-365 .last-sec .wrapper:after,
    #office-365 .last-sec .wrapper:before {
        width: 150px;
    }

    div#office-365 section.last-sec ul.nav {
        width: 100% !important;
        margin: 30px auto;
    }

        div#office-365 section.last-sec ul.nav li {
            width: 25%;
            margin: 0;
            font-size: 17px;
            display: inline-block;
        }

            div#office-365 section.last-sec ul.nav li.active:after {
                display: none;
            }
}

@media(min-width: 992px) and (max-width: 1199px) {
    div#office-365 .main-banner:before {
        width: 55%;
    }

    div#office-365 .main-banner .header {
        width: 40%;
    }

    div.ict-integrated .main-banner .header h1 {
        margin: 30px 0 20px;
        text-transform: none;
    }

    .ict-integrated .last-sec .nav-tabs > li {
        width: 20%;
    }

    .ict-integrated .last-sec .wrapper:after,
    .ict-integrated .last-sec .wrapper:before {
        width: 140px;
    }

    div#office-365 section.last-sec ul.nav {
        width: 100% !important;
        margin: 30px auto;
    }

        div#office-365 section.last-sec ul.nav li {
            width: 25%;
            margin: 0;
            font-size: 17px;
            display: inline-block;
        }
}

@media (min-width: 1920px) {
    div#web-hosting .main-banner:before {
        background-size: cover;
    }

    div#office-365 .main-banner:before {
        width: 45%;
        background-size: cover;
    }
}
/*#endregion microsoft offfice 365*/


/*#region web hosting new design*/
div#web-hosting .main-banner {
    background-image: url(../content/images/web-hosting/Main-pic.png);
    width: 100%;
    padding-bottom: 4%;
}

    div#web-hosting .main-banner:before {
        width: 42%;
        background-image: url('../content/images/web-hosting/shape-banner.png');
    }

    div#web-hosting .main-banner .header h1 {
        font-size: 40px;
        line-height: 1.2;
        color: #fff;
        margin: 0;
    }

    div#web-hosting .main-banner .header {
        width: 30%;
    }

        div#web-hosting .main-banner .header h1 span {
            display: block;
            font-size: 24px;
            font-family: teleNeo-regular !important;
        }


#web-hosting .web-hosting {
    height: 100%;
    background: transparent linear-gradient( 180deg, rgb(254, 254, 254) 0%, rgba(202, 207, 220, .47) 100%) 0% 0% no-repeat padding-box;
}

#web-hosting .content {
    height: auto;
}

#web-hosting .web-hosting h2 {
    background-color: black;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    z-index: 1;
    position: relative;
    z-index: 5;
    margin: 100px auto 80px;
}

    #web-hosting .web-hosting h2 span {
        transform: skewX(25deg);
        position: relative;
        display: block;
    }

div#web-hosting .content {
    background: transparent;
    box-shadow: none;
    background-color: transparent;
    padding: 0;
}

#web-hosting .web-hosting .flex-container {
    background-color: #fff;
    width: 100%;
    height: auto;
    transform: translate(0, 20px);
    z-index: 3;
    position: relative;
    margin-top: -180px;
    padding: 20px 0;
    border-radius: 5px;
    box-shadow: 0px 30px 136px rgba(0, 0, 0, .10);
}

#web-hosting #myTabContent-ict {
    width: 95%;
}

    #web-hosting #myTabContent-ict #tab-3 ul {
        width: 80%;
        margin: 0 auto;
    }

#web-hosting .web-hosting .flex-container > div {
    background: none;
    width: 95%;
    margin: 15px;
    padding: 25px;
    margin: 40px auto;
    position: relative;
}

    #web-hosting .web-hosting .flex-container > div > #usluga {
        width: 70%;
        margin: 0 auto;
    }

#web-hosting .web-hosting .flex-container > p {
    color: black;
}



#web-hosting .web-hosting .nav-item {
    background: transparent linear-gradient( 180deg, rgba(202, 207,220, .16) 0%, rgba(202, 207, 220, .47) 100%) 0% 0% no-repeat padding-box;
    text-align: center;
    border-radius: 8px;
}

#web-hosting .web-hosting .nav-tabs {
    border-bottom: none;
    width: 90%;
    height: 80px;
    margin: 85px auto 0 auto;
    position: relative;
    display: flex;
}

    #web-hosting .web-hosting .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
        width: 25%;
        height: 100%;
        align-items: center;
        flex-direction: row;
        justify-content: center;
        align-content: center;
        flex-wrap: nowrap;
        position: relative;
        border: 0;
        box-shadow: 0;
        background: #EFEFF3 0% 0% no-repeat padding-box;
        border-radius: 10px;
        margin: 0 10px;
    }

        #web-hosting .web-hosting .nav-tabs > li:focus-visible,
        #web-hosting .web-hosting .nav-tabs > li a:focus-visible {
            outline: none;
            border: 0;
        }

#web-hosting .web-hosting .nav > li > a {
    position: relative;
    display: block;
    padding: 25px 0px;
}

#web-hosting .web-hosting .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: none;
    border-radius: 10px;
    display: block;
    font-size: 18px;
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
    color: black;
}

#web-hosting .web-hosting .nav-tabs > li.active > a:before {
    color: black;
    cursor: default;
    border: none;
    border-bottom: none;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 23px 89px #3e3e3e1c;
    height: 3px;
    background: #e20074;
    content: '';
    position: absolute;
    top: 0;
    width: 85%;
}

#web-hosting .web-hosting .nav-tabs p {
    color: black;
}

#web-hosting .web-hosting .nav-tabs > li:hover > a:before {
    height: 3px;
    border: none;
    background: #e20074;
    content: '';
    position: absolute;
    top: 0;
    width: 85%;
    box-shadow: 0px 23px 89px #3e3e3e1c;
}



#web-hosting .web-hosting .nav-tabs.nav-justified > li > a {
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
}

#web-hosting .web-hosting .flex-column {
    border-bottom: none;
    height: 100px;
    width: 90%;
    margin: 0 auto;
    position: relative;
}

    #web-hosting .web-hosting .flex-column > li {
        float: left;
        width: 100%;
        height: auto;
        margin-bottom: 10px;
        align-items: flex-start;
        flex-direction: row;
        justify-content: flex-start;
        align-content: flex-end;
        flex-wrap: nowrap;
        margin: 0 auto;
        position: relative;
        border: 0;
    }

        #web-hosting .web-hosting .flex-column > li > a {
            line-height: 1.42857143;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0;
            width: 100%;
            height: 90px;
            margin-bottom: 14px;
            display: inline-flex;
            flex-direction: column;
            justify-content: center;
            flex-wrap: nowrap;
            color: black;
            background: #EFEFF3 0% 0% no-repeat padding-box;
            border-radius: 8px;
            padding-left: 34px;
        }

            #web-hosting .web-hosting .flex-column > li > a:focus {
                background-color: #fff;
            }

    #web-hosting .web-hosting .flex-column p {
        color: black;
    }

    #web-hosting .web-hosting .flex-column > li > a:hover {
        border: none;
        box-shadow: 0px 23px 89px #3e3e3e1c;
    }

#web-hosting .web-hosting .nav-pills > li:hover > a:before {
    content: '';
    position: absolute;
    left: 0;
    height: 70%;
    width: 3px;
    background: #e20074;
    border: none;
    box-shadow: 0px 23px 89px #3e3e3e1c;
}

#web-hosting .web-hosting .nav-pills > li.active > a:focus {
    background-color: #fff;
    color: black;
}

#web-hosting .web-hosting .nav-pills > li.active > a:before {
    content: '';
    position: absolute;
    left: 0;
    height: 70%;
    width: 3px;
    background: #e20074;
}

#web-hosting .web-hosting nav {
    padding-left: unset;
    position: sticky;
    top: 100px;
}

#web-hosting .web-hosting .nav-tabs > li > a:hover {
    text-decoration: none;
    background-color: #fff;
    border: none;
    box-shadow: 0px 23px 89px #3e3e3e1c;
}

#web-hosting .web-hosting .nav-link {
    width: 80%;
}

    #web-hosting .web-hosting .nav-link .nav-justified > li > a {
        border-bottom: 0;
        border-radius: 4px 4px 0 0;
    }

#web-hosting .web-hosting .nav-tabs > li.active > a,
#web-hosting .nav-tabs > li.active > a:focus,
#web-hosting .nav-tabs > li.active > a:hover {
    color: black;
    cursor: default;
    background-color: #fff;
    border: none;
    border-bottom: none;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 23px 89px #3e3e3e1c;
}

#web-hosting .web-hosting .usluga {
    text-align: left;
}

#web-hosting .web-hosting .usluga-left {
    text-align: left;
}

#web-hosting .web-hosting p {
    font-size: 18px;
}

#web-hosting .web-hosting .usluga-left p {
    margin: 0;
}

#web-hosting .web-hosting .usluga-right {
    text-align: left;
}

    #web-hosting .web-hosting .usluga-right p {
        margin: 0;
    }

.web-hosting .za-kogo p {
    text-align: left;
    padding: 0px 90px;
}

#web-hosting #usluga span {
    color: #E00274;
}

#web-hosting #za-kogo span {
    color: #E00274;
}

#web-hosting #home {
    width: 70%;
    text-align: center;
    margin: 0 auto;
    position: relative;
}

#web-hosting #za-kogo {
    width: 70%;
    margin: 0 auto;
}

#web-hosting #pridobivki {
    width: 100%;
    margin: 0 auto;
    position: relative;
    bottom: 90px;
}

    #web-hosting #pridobivki .box {
        text-align: center;
    }

#web-hosting .box .img {
    position: relative;
    min-height: 60px;
}

#web-hosting p.biger-text-header {
    text-transform: uppercase;
}

#web-hosting #pridobivki .box img {
    max-width: 45px;
    padding-bottom: 19px;
}

#web-hosting #pridobivki .pr1 p {
    font-size: 15px;
}


/*USLUGI*/
#web-hosting .uslugi {
    background-image: url(../content/images/web-hosting/section5.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #D8D8D8;
}

    #web-hosting .uslugi .wrapper {
        width: 100%;
        padding-top: 5%;
        background: transparent;
        box-shadow: none;
        position: relative;
    }

    #web-hosting .uslugi h2 {
        text-transform: uppercase;
        color: #e20074;
        margin: 0;
        position: sticky;
        top: 40px;
        width: 20%;
        left: 0;
    }

    #web-hosting .uslugi nav {
        float: left;
        width: 20%;
        height: auto;
        padding-top: 10px;
        padding-left: unset;
        position: sticky;
        top: 140px;
        left: 0;
        margin-right: 55px;
    }

    #web-hosting .uslugi ul#v-pills-tab {
        height: auto;
        width: 100%;
        margin: 0;
    }

    #web-hosting .uslugi .flex-container {
        display: flex;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }

    #web-hosting .uslugi .flex-column {
        border-bottom: none;
    }

        #web-hosting .uslugi .flex-column > li {
            float: left;
            width: 100%;
            height: auto;
            align-items: flex-start;
            flex-direction: row;
            justify-content: flex-start;
            align-content: flex-end;
            flex-wrap: nowrap;
            margin: 0 auto;
            position: relative;
            border: 0;
        }

            #web-hosting .uslugi .flex-column > li > a {
                line-height: 1.2;
                border: 1px solid transparent;
                border-radius: 4px 4px 0 0;
                width: 100%;
                height: 80px;
                margin-bottom: 15px;
                font-size: 18px;
                display: inline-flex;
                flex-direction: column;
                justify-content: center;
                flex-wrap: nowrap;
                color: black;
                background: #EFEFF3 0% 0% no-repeat padding-box;
                border-radius: 8px;
                padding-left: 35px;
            }

    #web-hosting .uslugi .nav-pills > li.active > a,
    #web-hosting .uslugi .nav-pills > li.active > a:focus,
    #web-hosting .uslugi .nav-pills > li.active > a:hover {
        color: black;
        background-color: #fff;
    }

        #web-hosting .uslugi .nav-pills > li.active > a:before {
            content: '';
            position: absolute;
            left: 0;
            height: 70%;
            width: 3px;
            background: #e20074;
        }

    #web-hosting .uslugi .nav-pills > li:active > a:before {
        content: '';
        position: absolute;
        left: 0;
        height: 70%;
        width: 3px;
        background: #e20074;
        box-shadow: 0px 23px 89px #3e3e3e1c;
    }

    #web-hosting .uslugi .nav-pills > li:hover > a:before {
        height: 70%;
        border: none;
        background: #e20074;
        content: '';
        position: absolute;
        left: 0;
        width: 3px;
        box-shadow: 0px 23px 89px #3e3e3e1c;
    }

    #web-hosting .uslugi article {
        float: left;
        padding: 0px 0 20px 0;
        width: 75%;
    }

    #web-hosting .uslugi .nav.nav-tabs {
        margin: auto;
        width: 60%;
        border: none;
        text-transform: uppercase;
        margin: 0 auto 60px auto;
    }

#web-hosting div#v-pills-tabContent ul.nav-tabs li {
    position: relative;
    padding: 0;
    border-radius: 0;
    border: 0;
    background-color: transparent;
    width: 45%;
    margin: 0 10px;
}

    #web-hosting div#v-pills-tabContent ul.nav-tabs li a {
        padding: 15px 20px;
        border-radius: 0;
        background-color: #f5f5f5;
        font-family: teleNeo-medium !important;
        color: #888888;
        border: 0;
        font-size: 18px;
        text-align: center;
        border: 0;
    }

        #web-hosting div#v-pills-tabContent ul.nav-tabs li a:focus,
        #web-hosting div#v-pills-tabContent ul.nav-tabs li a:hover {
            background: transparent !important;
        }

    #web-hosting div#v-pills-tabContent ul.nav-tabs li.active a,
    #web-hosting div#v-pills-tabContent ul.nav-tabs li.active a:focus {
        background-color: #e20074 !important;
        color: white !important;
    }

#web-hosting div#v-pills-profile .column-wrapper {
    padding: 0;
    overflow: visible;
}

#web-hosting div#v-pills-messages .column-wrapper-uslugi {
    padding: 10px 0 0 0;
    overflow: visible;
}

#web-hosting .uslugi .nav-tabs a:focus {
    outline: unset;
}

#web-hosting .uslugi .table {
    width: 100% !important;
    max-width: 100%;
    margin-bottom: 30px;
    background: #fff;
}

#web-hosting .uslugi table tbody tr th {
    font-size: 18px;
    font-family: teleNeo-bold !important;
    text-transform: unset;
}

#web-hosting .uslugi tr td {
    margin: 0px 5px;
    padding: 20px 60px !important;
    font-weight: 600;
    font-size: 18px;
}

#web-hosting .table > thead:first-child > tr:first-child > th {
    border-top: 0;
    border-bottom: 0;
    font-size: 20px;
    padding: 40px 60px 20px;
}

#web-hosting .icon {
    position: relative;
    bottom: 1px;
    vertical-align: middle;
    display: inline-block;
    font-family: 'Telekom-Icon';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none !important;
    -webkit-font-smoothing: antialiased;
}

#web-hosting .uslugi .icon-confirm {
    color: #e20074;
    font-size: 22px;
}

#web-hosting .uslugi .ceni-specifikacija {
    max-width: 600px;
    display: block;
    margin: 0px auto;
    padding: 30px 0px 0px 10px;
}

#web-hosting .uslugi .column-wrapper {
    position: relative;
    display: block;
    padding: 40px 0px;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

#web-hosting .uslugi .column {
    position: relative;
    z-index: 1;
    width: 25%;
    margin: 17px;
    text-align: center;
    overflow: visible;
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, .14);
}

#web-hosting .uslugi .column-inner {
    padding: 20px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    min-height: 260px;
    background-color: #fff;
    z-index: 1;
    transition: all 200ms ease-in;
    transform: scale(1);
}

    #web-hosting .uslugi .column-inner h3 {
        text-align: center;
        border-bottom: 1px solid #eee;
        padding: 0px 0 20px;
        font-weight: bold;
        font-size: 34px;
    }

#web-hosting .uslugi p.text-magenta {
    color: #E00274;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding-top: 41px;
    line-height: 20px;
    position: relative;
    bottom: 0;
}

#web-hosting .uslugi .hdp-price.standarden-paket {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

#web-hosting .uslugi .hdp-price-left.hdp-price-top {
    font-size: 32px;
    font-weight: 600;
}

#web-hosting .uslugi .hdp-price-body {
    display: block;
    width: 40%;
    font-size: 12px;
}

#web-hosting .uslugi span.price-den {
    display: inline-block;
    border-bottom: 1px solid;
}

#web-hosting .uslugi .column-inner-uslugi {
    padding: 10px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    min-height: 260px;
    background-color: #fff;
    z-index: 1;
    transition: all 200ms ease-in;
    transform: scale(1);
}

#web-hosting .uslugi .column-wrapper-uslugi {
    position: relative;
    display: block;
    padding: 20px 0px;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    overflow: visible;
}

#web-hosting .uslugi .column-uslugi {
    position: relative;
    z-index: 1;
    width: 25%;
    margin: 10px;
    text-align: center;
    box-shadow: 0px 3px 46px rgba(0, 0, 0, .14);
}

#web-hosting .uslugi .column-inner-uslugi h3 {
    text-align: center;
    margin: 15px 0;
    font-size: 20px;
    font-family: teleNeo-bold !important;
}

#web-hosting .uslugi .wrap-class {
    padding-top: 15px;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
}

#web-hosting .uslugi a.magenta-button.btn.btn-primary {
    background-image: none;
    background: #E20074 0% 0% no-repeat padding-box;
    color: #fff;
    position: relative;
    top: 40px;
    width: 35%;
    margin: auto;
    border: none;
    font-size: 18px;
}

#web-hosting .panel-group {
    margin-bottom: 20px;
}

#web-hosting .panel-default .panel-heading {
    background-color: #fff;
}

#web-hosting .panel-heading {
    padding: 15px 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#web-hosting .panel-group .panel-default .panel-body {
    border: 0 !important;
    margin-top: 0;
    padding: 0;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 46px #0000001a;
    width: 100%;
}

#web-hosting .panel-title > a {
    color: inherit;
}

#web-hosting h4.more-info {
    position: relative;
    background-color: #e20074;
    width: 300px;
    bottom: 0;
    margin: 0;
    padding: 15px 12px;
    /*transform: skewX(-25deg);*/
    color: #fff;
    left: 30px;
    font-size: 20px;
    background: transparent linear-gradient(97deg,#c80c6d 0%,#e20074 100%) 0% 0% no-repeat padding-box;
}

    #web-hosting h4.more-info span {
        /* transform: skewX(25deg);*/
        position: relative;
        display: block;
        margin-left: 0;
    }


        #web-hosting h4.more-info span:before {
            content: 'i';
            position: relative;
            border: 2px solid #fff;
            padding: 1px 11px;
            border-radius: 50px;
            display: inline;
            float: left;
            margin-right: 12px;
            top: -3px;
            font-size: 17px;
            left: 2px;
        }



#web-hosting .wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding: 20px;
}



#web-hosting #more-info .wrapper .box {
    position: relative;
    width: 45%;
    display: inline;
    float: left;
    padding: 15px 0 !important;
}

    #web-hosting #more-info .wrapper .box ul li {
        line-height: 1.2;
        font-size: 17px !important;
        font-family: 'teleNeo-medium' !important;
    }

#web-hosting .uslugi .wrapper .box p {
    line-height: 1.2;
    font-size: 14px !important;
    font-family: 'teleNeo-medium' !important;
}

#web-hosting .infos {
    position: relative;
    background-image: url(../content/images/web-hosting/section6-bg.png);
    height: 100%;
    width: 100%;
    background-size: cover;
    padding-bottom: 2%;
    padding-top: 2%;
}

    #web-hosting .infos .btn-wrapper {
        position: relative;
        margin: 10px auto;
        width: 60%;
        text-align: center;
        overflow: hidden;
    }

#web-hosting .panel-group .panel-default {
    box-shadow: none;
    border: 0;
}

#web-hosting .panel-group .panel {
    border-radius: 0;
    margin-bottom: 0;
    background: transparent;
}



#web-hosting .panel-default > .panel-heading {
    background-image: unset;
    padding-top: 55px;
    padding-bottom: 0;
    background: transparent;
    position: relative;
}



div#myTabContent-ict {
    position: relative;
    text-align: center;
    font-size: 18px;
    line-height: 1.2;
    width: 100%;
    margin: 0 auto;
    font-size: 18px;
}

#myTab-ict p {
    font-size: 18px;
}

.tab-content ul#myTab-ict li {
    padding: 30px 20px;
    box-shadow: 0 0 35px 7px rgba(0, 0, 0, .12);
    border-radius: 8px;
    width: 25%;
    text-align: center;
    font-size: 18px;
    position: relative;
    transition: all ease-in .3s;
    cursor: pointer;
    line-height: 1.2;
}

.left-aligned {
    left: 0;
    position: sticky;
    z-index: 2;
    background: #fff;
    width: 400px;
    text-align: left !important;
    border-color: #eaeaea !important;
    height: 64px;
    font-size: 17px;
    padding: 10px 25px;
    font-weight: 600;
}

.table > tbody > tr > th {
    border-bottom: 1px solid #e5e5e5 !important;
    line-height: 22px;
    vertical-align: middle;
}

.tableTest tbody tr th:first-child {
    left: 0;
    position: sticky;
    z-index: 2;
    background: #fff;
    width: 400px;
    text-align: left;
    border-color: #eaeaea !important;
    height: 64px;
    font-size: 17px;
    padding: 10px 25px;
}

.tableTest thead tr th:first-child, .tableTest tbody tr th:first-child {
    left: 0;
    position: sticky;
    z-index: 2;
    background: #fff;
    width: 400px;
    text-align: left;
    border-color: #eaeaea !important;
    height: 64px;
    font-size: 17px;
    padding: 10px 25px;
}

.tableTest tr th:last-child:before, .tableTest tr td:last-child:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 30%;
    background: transparent linear-gradient(84deg,rgba(233, 233, 233, .11) 0%,rgba(223, 223, 223,0) 100%);
    height: 100%;
}

.tableTest tr th:first-child:after, .tableTest tr td:first-child:after {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    width: 30%;
    background: transparent linear-gradient(84deg,rgba(233, 233, 233, .11) 0%,rgba(223, 223, 223,0) 100%);
    height: 100%;
}

div#office-365 .prices .table-responsive {
    position: relative;
    box-shadow: 0 30px 99px rgba(0, 0, 0, .19);
    border-radius: 8px;
    overflow: visible;
}

.tableTest {
    width: auto !important;
    max-width: 100%;
    margin: 0 auto;
    background: #fff;
}

    .tableTest thead th {
        text-align: center;
        text-transform: uppercase;
        padding: 30px !important;
        font-family: 'teleNeo-extra' !important;
        font-size: 20px !important;
    }

    .tableTest tr th, .tableTest tr td {
        position: relative;
        background: #fafafa;
        text-align: center;
        border-bottom: 1px solid #eaeaea !important;
        border-top: 0 !important;
        font-size: 16px;
    }

table thead tr th {
    border: none;
    font-weight: 100;
}



#web-hosting #myTabContent-ict #tab-2 .wrap {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}



@media (max-width: 767px) {

    #web-hosting #myTabContent-ict #tab-3 ul {
        width: 100%;
    }

        #web-hosting #myTabContent-ict #tab-3 ul li {
            margin-left: 10px;
        }

    #web-hosting div#v-pills-tabContent ul.nav-tabs li {
        width: 50%;
    }

    #web-hosting #myTabContent-ict .box {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        justify-content: center;
        padding: 10px 0;
    }

    div #web-hosting .main-banner {
        height: 320px;
        background-position: top center;
        padding-bottom: 2%;
    }

        div#web-hosting .main-banner:before {
            width: 70%;
        }

        div#web-hosting .main-banner .header {
            width: 60%;
            bottom: 10px;
        }

            div#web-hosting .main-banner .header h1 {
                font-size: 25px;
                line-height: 1;
            }

                div#web-hosting .main-banner .header h1 span {
                    font-size: 20px;
                }

    #web-hosting .web-hosting h2 {
        position: relative;
        width: 80%;
        text-align: center;
        margin: 0 auto 30px auto;
        background-color: black;
        color: white;
        text-transform: uppercase;
        font-size: 28px;
        bottom: 40px;
    }

    #web-hosting .web-hosting .box p {
        padding-left: 0;
    }

    #web-hosting .web-hosting .flex-container {
        background-color: #fff;
        width: 100%;
        height: auto;
        margin-top: 0;
    }

        #web-hosting .web-hosting .flex-container > div {
            width: 100%;
            padding: 25px 0 0;
        }

    #web-hosting #myTabContent-ict #tab-2 .wrap {
        flex-direction: column;
    }

    .uslugi .wrapper {
        padding-top: 80px;
    }

    .header-content .text-wrap h1 {
        font-size: 30px;
        line-height: 12px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
    }

    .text-wrap p {
        font-size: 14px;
    }

    .web-hosting h2 {
        font-size: 23px;
        background-color: black;
        color: #fff;
        width: 100%;
        padding: 13px;
        text-align: center;
        font-weight: 600;
        text-transform: uppercase;
        transform: unset;
        z-index: 1;
        position: relative;
        top: 84px;
    }

        .web-hosting h2 span {
            transform: unset;
            position: relative;
            display: block;
        }

    .web-hosting .flex-container {
        width: 100%;
        height: auto;
    }

    .web-hosting .nav-tabs > li {
        margin-bottom: -1px;
        width: 90%;
        height: 70px;
        align-items: center;
        flex-direction: row;
        justify-content: center;
        align-content: center;
        flex-wrap: nowrap;
        position: relative;
        border: 0;
        box-shadow: 0;
        background: #EFEFF3 0% 0% no-repeat padding-box;
        border-radius: 7px;
        margin: 7px auto;
    }

    .web-hosting .nav-tabs {
        border-bottom: none;
        height: auto;
        width: 100%;
        margin: 85px auto 0 auto;
        position: relative;
        display: flex;
        top: unset;
        flex-direction: column;
    }

    .web-hosting .flex-container > div {
        background: none;
        width: 100%;
        margin: 15px;
        padding: 0;
        font-size: 15px;
        position: absolute;
        top: unset;
        margin: 10px auto;
        position: relative;
    }

    #web-hosting .panel-group .panel-default .panel-body {
        padding: 20px;
    }

    #web-hosting #home {
        width: 90%;
        text-align: justify;
        margin: 0 auto;
    }

    #web-hosting .web-hosting .flex-container > div > #usluga {
        width: 90%;
        margin: 0 auto;
    }

    .web-hosting .usluga {
        text-align: left;
        font-size: 14px;
    }

    .web-hosting .usluga-left {
        width: 100%;
        clear: left;
    }

    .web-hosting .usluga-right {
        width: 100%;
        clear: right;
    }

    .web-hosting .usluga-left p {
        margin: 0;
        font-size: 14px;
    }

    .web-hosting .usluga-right p {
        margin: 0;
        font-size: 14px;
    }

    #web-hosting #za-kogo {
        width: 90%;
        margin: 0 auto;
        font-size: 14px;
    }

    #web-hosting #pridobivki {
        width: 90%;
        margin: 0 auto;
        position: relative;
        bottom: unset;
    }

    #web-hosting .uslugi .container {
        width: 100%;
        padding-top: 250px;
    }

    #web-hosting .uslugi h2 {
        text-transform: uppercase;
        color: #e20074;
        margin: 0 auto;
        text-align: center;
        position: static;
        width: 100%;
    }

    #web-hosting .uslugi nav {
        float: left;
        width: 100%;
        height: auto;
        padding-top: 40px;
        padding-left: unset;
        position: static;
        margin-bottom: 50px;
    }

    #web-hosting .uslugi ul#v-pills-tab {
        height: auto;
        width: 100%;
        margin: 0;
    }

    #web-hosting .uslugi article {
        float: left;
        padding: 0px !important;
        width: 100%;
    }

    #web-hosting .uslugi .column-wrapper {
        position: relative;
        padding: 0px 0px;
        overflow: visible;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    #web-hosting .uslugi .column {
        position: relative;
        z-index: 1;
        width: 100%;
        margin: 17px;
        text-align: center;
    }

    #web-hosting .uslugi .column-wrapper-uslugi {
        position: relative;
        display: block;
        padding: 0;
        overflow: hidden;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        overflow: visible;
        flex-direction: column;
    }

    #web-hosting .uslugi .column-uslugi {
        position: relative;
        z-index: 1;
        width: 100%;
        margin: 10px;
        text-align: center;
    }

    #web-hosting .uslugi .nav.nav-tabs {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        width: 100% !important;
    }

    #web-hosting .uslugi .nav-tabs > li > a:hover {
        border: none;
    }

    #web-hosting .uslugi .nav-tabs > li.active > a {
        color: #fff;
        background-color: #DF0274;
        border-radius: 0;
    }

    #web-hosting .uslugi .nav-tabs > li > a {
        margin-right: 0;
        display: block;
        padding: 10px 10px !important;
        cursor: pointer;
        text-align: center;
        font-size: 17px !important;
    }

    #web-hosting h4.more-info {
        position: relative;
        width: 100%;
        bottom: 0;
        margin: 30px auto 0;
        padding: 18px 12px;
        color: #fff;
        left: 0 !important;
        font-size: 19px;
    }

    #web-hosting .panel-default > .panel-heading {
        background-image: unset;
        padding-top: 0;
        position: relative;
        top: 0;
    }

    #web-hosting #more-info .wrapper .box {
        width: 100%;
        margin: 0;
    }

        #web-hosting #more-info .wrapper .box ul li {
            margin-left: 0 !important;
        }

    #web-hosting .wrapper .box {
        position: relative;
        width: 100%;
        display: inline;
        margin: 0;
        padding: 10px 0 !important;
    }

    #web-hosting .uslugi .nav.nav-tabs {
        margin: auto;
        width: 360px;
        margin-bottom: 20px;
        border: none;
        text-transform: uppercase;
        margin-bottom: 35px;
        margin-top: 25px;
    }

    #web-hosting .tableTest tbody tr th:first-child {
        font-size: 16px;
    }

    #web-hosting .table-responsive {
        overflow: auto !important;
    }

        #web-hosting .table-responsive > .table {
            margin-bottom: 0;
            margin-top: 0;
            width: 100%;
            overflow: visible !important;
            touch-action: auto !important;
        }

    #web-hosting .uslugi tr td {
        padding: 20px 30px !important;
    }

    #web-hosting .tableTest tbody tr:first-child th:first-child {
        font-size: 17px;
    }

    #web-hosting .tableTest thead tr th:first-child,
    #web-hosting .tableTest tbody tr th:first-child {
        padding: 10px 15px !important;
    }

    #web-hosting .wrapper .box {
        width: 100%;
        margin: 0;
        float: none;
    }

    #web-hosting .uslugi .column-inner {
        min-height: 220px;
    }

        #web-hosting .uslugi .column-inner h3,
        #web-hosting .uslugi .column-inner-uslugi h3 {
            background: transparent;
        }

    #web-hosting .infos {
        padding-bottom: 10%;
    }

    #web-hosting .uslugi .column-inner-uslugi {
        min-height: 300px;
    }

    #web-hosting .uslugi a.magenta-button.btn.btn-primary {
        top: 30px;
    }

    #web-hosting .infos .btn-wrapper {
        width: 100%;
    }

    #web-hosting .uslugi .wrapper {
        padding: 20% 0 0 0;
    }

    #web-hosting .uslugi {
        padding-bottom: 30px;
    }
}

@media (min-width: 1920px) {
    div#web-hosting .main-banner:before {
        width: 45%;
    }

    div#web-hosting .main-banner {
        height: 550px;
        background-position: left bottom;
    }
}

@media (min-width: 320px) and (max-width: 400px) {
    div#web-hosting .main-banner .header {
        width: 60%;
    }

    div#web-hosting .main-banner:before {
        width: 85%;
    }

    div #web-hosting .main-banner {
        padding-bottom: 0;
    }

        div#web-hosting .main-banner .header h1 {
            font-size: 22px;
            line-height: 1.1;
            margin: 0;
        }

    #web-hosting .ceni-specifikacija .list-inline li {
        font-size: 16px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    div#web-hosting .main-banner {
        background-position: 30% 0%;
    }

        div#web-hosting .main-banner:before {
            width: 55%;
        }

        div#web-hosting .main-banner .header {
            width: 40%;
        }

            div#web-hosting .main-banner .header h1 {
                font-size: 31px;
                line-height: 1.1;
            }

    #web-hosting #myTabContent-ict #tab-4 .box {
        position: relative;
        min-height: 350px;
    }

    #web-hosting #more-info .wrapper .box {
        width: 100%;
    }

    #web-hosting .uslugi .nav.nav-tabs {
        width: 65%;
    }

    #web-hosting .web-hosting .nav-tabs {
        height: 130px;
    }

        #web-hosting .web-hosting .nav-tabs > li > a {
            text-align: center;
            padding: 0 10px;
        }

    #web-hosting .uslugi nav {
        width: 100%;
        margin-right: 0;
    }

    #web-hosting .uslugi ul#v-pills-tab {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        #web-hosting .uslugi ul#v-pills-tab li {
            width: 30%;
            text-align: center;
        }

    #web-hosting .uslugi article {
        padding: 20% 0 20px 0;
        width: 100%;
    }

    #web-hosting .uslugi tr td {
        padding: 20px 30px !important;
    }

    #web-hosting .uslugi .column {
        width: 30%;
    }

    #web-hosting .uslugi .column-inner-uslugi h3 {
        font-size: 18px;
    }

    #web-hosting .uslugi a.magenta-button.btn.btn-primary {
        width: 100%;
    }

    #web-hosting .wrapper .box {
        width: 100%;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    div#web-hosting .main-banner:before {
        width: 50%;
    }

    div#web-hosting .main-banner .header {
        width: 35%;
    }

        div#web-hosting .main-banner .header h1 {
            font-size: 31px;
            line-height: 1.1;
        }

    #web-hosting .uslugi .nav.nav-tabs {
        width: 65%;
    }

    #web-hosting .uslugi nav {
        margin-right: 25px;
    }

    #web-hosting .uslugi article {
        width: 75%;
    }

    #web-hosting .uslugi tr td {
        padding: 20px 34px !important;
    }
}

@media(min-width: 1200px) and (max-width: 1400px) {
    div#web-hosting .main-banner:before {
        width: 50%;
    }

    div#web-hosting .main-banner .header h1 {
        font-size: 35px !important;
        line-height: 1.1 !important;
    }

    #web-hosting .uslugi nav {
        margin-right: 35px;
    }

    #web-hosting .uslugi tr td {
        padding: 20px 45px !important;
    }
}
/*#endregion web hosting new design*/


/*#region gley antonija*/

#gley .banner {
    background-image: url(../content/images/gley/baner-BG.png);
    /*background-image: url(../content/images/gley/gley-bg-nagradna-igra.jpg);*/
    background-repeat: no-repeat;
    background-position: 30% 0;
    background-size: cover;
    height: 70vh;
    background-position: center;
}

    #gley .banner.sq {
        background-image: url(../content/images/gley/gley-bg-nagradna-igra-sq.jpg);
    }

#gley .shape {
    stroke-dasharray: 0 1500;
    stroke-dashoffset: -474;
    stroke-width: 2px;
    fill: transparent;
    stroke: #e20074;
    border-bottom: none !important;
    transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s;
    position: relative;
    width: 54%;
    height: 100%;
}

    #gley .shape:before {
        content: " ";
        position: absolute;
        width: 100%;
        background: url(../content/images/gley/shape-left.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: left bottom;
        height: 465px;
        bottom: 0;
        color: white;
        left: -50px;
    }



#gley .banner .header-text {
    position: absolute;
    left: 0px;
    width: 50%;
    margin-left: 0;
    bottom: 80px;
}

    #gley .banner .header-text h1 {
        font-size: 62px;
        color: white;
        font-weight: 600;
        line-height: 1.1;
        padding-bottom: 20px;
        text-transform: none;
        font-style: italic;
    }



@media (min-width: 1200px) and (max-width: 1350px) {
    #gley .banner .header-text h1 {
        font-size: 58px;
        color: white;
        font-weight: 600;
        line-height: 1.1;
        padding-bottom: 20px;
        text-transform: none;
        font-style: italic;
    }

    #gley .banner .header-img {
        position: absolute;
        left: initial;
        bottom: initial;
        background-repeat: no-repeat;
        background-size: cover;
        right: 17% !important;
        top: 30%;
    }
}

#gley .banner .header-text h1 span {
    text-transform: uppercase;
    font-size: 33px;
    display: block;
}

#gley .banner .header-text p {
    font-size: 22px;
    color: white;
}

#gley .banner .header-img {
    position: absolute;
    left: initial;
    bottom: initial;
    background-repeat: no-repeat;
    background-size: cover;
    right: 170px;
    top: 30%;
}

@media (min-width: 1600px) and (max-width: 1799px) {

    #gley .banner .header-img {
        right: 35%;
    }
}

@media (min-width: 1450px) and (max-width: 1599px) {

    #gley .banner .header-img {
        right: 30%;
    }
}



#gley .wrapper .box span.price {
    text-decoration: line-through;
    font-size: 22px;
}

#gley .gley-packets span.price-total-no-ddv.visible-price {
    padding-left: 10px;
}

#gley .gley-list li:before {
    transition-delay: 0.2s;
}

#gley .gley-packets .text p.text-center {
    padding-top: 0px;
}

#gley .gley-packets .text {
    padding-top: 25px;
}

#gley .gley-packets .wrapper .box {
    min-height: 300px
}

#gley .gley-packets .wrapper .wrap-class {
    padding: 15px 40px;
    height: 105px;
}

#gley .gley-text {
    position: relative;
}

    #gley .gley-text:before {
        content: ' ';
        width: 200px;
        height: 220px;
        background-image: url(../content/images/gley/shape-right.png);
        background-repeat: no-repeat;
        background-size: cover;
        top: -130px;
        right: 0;
        position: absolute;
    }

    #gley .gley-text .text-wrapper {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: center;
        padding: 36px;
    }

    #gley .gley-text .text-center {
        text-align: center;
        width: 75%;
        font-size: 18px;
    }

#gley .gley-opportunities {
    background-image: url(../content/images/gley/gley-white-bg.jpg);
    background-position: 25% bottom;
    background-repeat: no-repeat;
    background-size: cover;
    height: 650px;
    position: relative;
}

    #gley .gley-opportunities .wrapper {
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: center;
        transform: translate(0px, 100px);
    }

        #gley .gley-opportunities .wrapper .left-text {
            margin-right: 70px;
            width: 50%;
        }

            #gley .gley-opportunities .wrapper .left-text h2 {
                font-size: 45px;
            }

            #gley .gley-opportunities .wrapper .left-text span {
                font-size: 45px;
                font-family: 'teleNeo-extra' !important;
            }

            #gley .gley-opportunities .wrapper .left-text p {
                font-size: 18px;
                padding-top: 28px;
            }

        #gley .gley-opportunities .wrapper .right-text {
            margin-left: 45px;
        }

            #gley .gley-opportunities .wrapper .right-text p {
                font-size: 18px;
            }

#gley ul li {
    margin-left: 0 !important;
    font-size: 18px;
    position: relative;
    padding-left: 25px;
    line-height: 1.6;
}

#gley ul.gley-list {
    position: relative;
}

/*.gley-opportunities*/
#gley .gley-list li:before {
    content: '';
    position: absolute;
    left: 0;
    width: 0px;
    background: transparent;
    height: 0px;
    bottom: 0;
    top: 0;
    margin: 9px auto;
    border-top: 6px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 9px solid #e20074;
    transition-delay: 0.1s;
}

#gley .gley-packets {
    background-image: url(../content/images/gley/paketi-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 720px;
    position: relative;
}

    #gley .gley-packets .wrapper {
        position: relative;
        overflow: hidden;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        overflow: visible;
    }

        #gley .gley-packets .wrapper .box {
            position: relative;
            z-index: 1;
            width: 30%;
            margin: 0 30px;
            text-align: center;
            transition: transform 250ms;
        }

            #gley .gley-packets .wrapper .box:hover {
                background: transparent linear-gradient(359deg, #FAAF00 0%, #DF5B00 100%) 0% 0% no-repeat padding-box;
                opacity: 1;
                transition: transform 150ms;
            }

        #gley .gley-packets .wrapper .box {
            padding: 20px;
            background: transparent linear-gradient(0deg, #ffffff52 0%, #FFFFFF4D 16%) 0% 0% no-repeat padding-box;
            min-height: 200px;
            z-index: 1;
            transition: all 200ms ease-in;
            transform: scale(1);
        }

        #gley .gley-packets .wrapper .box-inner h3 {
            text-align: center;
            padding: 10px 0px;
            font-weight: normal;
            font-size: 22px;
            color: #fff;
            font-family: 'teleNeo-medium' !important;
        }

        #gley .gley-packets .wrapper .wrap-class {
            background-color: #333333;
            position: absolute;
            bottom: 0;
            width: 100%;
            padding: 15px 40px;
            left: 0;
            height: 105px;
        }

        #gley .gley-packets .wrapper .box:hover .wrap-class .gley-list li::before {
            content: '';
            position: absolute;
            left: 0;
            width: 0px;
            background: transparent;
            height: 0px;
            bottom: 0;
            top: 0;
            margin: auto;
            border-top: 6px solid transparent;
            border-bottom: 5px solid transparent;
            border-left: 9px solid #FACA00;
        }

        #gley .gley-packets .wrapper .hdp-price.standarden-paket {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            flex-direction: row;
            padding: 12px;
        }

        #gley .gley-packets .wrapper hdp-price-left.hdp-price-top {
            font-size: 30px;
        }

        #gley .gley-packets .wrapper.hdp-price-body {
            display: block;
            width: 50%;
            font-size: 12px;
        }

    #gley .gley-packets .hdp-price-body {
        margin-left: 8px;
        font-size: 14px;
        color: #FFFFFF;
        opacity: 0.7;
    }

    #gley .gley-packets .wrapper span.price-den {
        display: block;
        border-bottom: 1px solid;
    }

    #gley .gley-packets span.price-den {
        display: inline-block;
        border-bottom: 1px solid;
    }

    #gley .gley-packets .heading-packets {
        color: #fff;
        padding: 80px 0px 50px;
        margin: 0 auto;
        width: 75%;
    }

        #gley .gley-packets .heading-packets h2 {
            font-size: 45px;
            padding-bottom: 20px;
            font-family: 'teleNeo-bold' !important;
        }

        #gley .gley-packets .heading-packets p {
            font-size: 19px;
        }

    #gley .gley-packets span.price-total-no-ddv.visible-price {
        font-size: 32px;
        font-weight: 600;
        color: white;
        padding-left: 10px;
    }

    #gley .gley-packets .box .box-inner ul {
        text-align: left;
        margin: 24px auto;
        font-size: 18px;
        color: white;
    }

    #gley .gley-packets .text p.text-center {
        padding-top: 0px;
        color: #FFFFFF;
        opacity: 0.5;
        font-size: 16px;
    }


#gley .gley-activation {
    background-image: url(../content/images/gley/films-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 100px 0 80px;
}

@media (min-width: 991px) and (max-width: 1199px) {
    #gley .gley-activation {
        background-image: url(../content/images/gley/films-bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        padding: 80px 0 60px;
    }
}

#gley .gley-packets:after {
    content: ' ';
    width: 230px;
    height: 186px;
    background-image: url(../content/images/gley/deco.png);
    background-repeat: no-repeat;
    bottom: -60px;
    right: 0;
    position: absolute;
    background-size: contain;
    background-position: bottom right;
    z-index: 2;
}

#gley .gley-activation:after {
    content: ' ';
    width: 50%;
    height: 700px;
    background-image: url(../content/images/gley/devices.png);
    background-repeat: no-repeat;
    right: -80px;
    position: absolute;
    background-size: contain;
    top: 0;
    background-position: right center;
}

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

    #gley .gley-activation:after {
        content: ' ';
        width: 50%;
        height: 700px;
        background-image: url(../content/images/gley/devices.png);
        background-repeat: no-repeat;
        right: 20px;
        position: absolute;
        background-size: contain;
        top: 0;
        background-position: right center;
    }

    #gley .gley-last .wrapper .text-last-1 p:first-of-type {
        margin-bottom: 20px;
    }
}



#gley .gley-activation .text-activate {
    width: 50%;
    font-size: 18px;
    position: relative;
    top: 0;
}

    #gley .gley-activation .text-activate h2 {
        font-size: 45px;
        font-family: 'teleNeo-bold' !important;
    }

    #gley .gley-activation .text-activate .first-paragraph {
        padding-top: 15px;
    }

    #gley .gley-activation .text-activate .second-paragraph {
        padding-top: 10px;
        margin-bottom: 50px;
    }

        #gley .gley-activation .text-activate .second-paragraph li {
            padding-bottom: 10px;
            counter-increment: ol;
            display: list-item;
            position: relative;
            padding-left: 30px;
            margin-bottom: 20px;
        }

        #gley .gley-activation .text-activate .second-paragraph ol.activate, section.gley-last .custom-acc .panel-heading .second-paragraph ol.activate {
            position: relative;
            list-style-type: none;
            padding-left: 0px;
            list-style-position: inside;
            display: list-item;
        }

            #gley .gley-activation .text-activate .second-paragraph ol.activate li:before, section.gley-last .custom-acc .panel-heading .second-paragraph ol.activate {
                content: '';
                position: absolute;
                left: 13px;
                width: 3px;
                background: transparent;
                height: 34px;
                margin: auto;
                border-bottom: 12px solid #e20074;
                top: 0;
            }

        #gley .gley-activation .text-activate .second-paragraph ol li::after {
            display: inline-block;
            content: " " counter(ol) " ";
            color: #A5A5A5;
            opacity: 1;
            font-family: 'teleNeo-bold' !important;
            top: 0;
            width: 20px;
            left: 0;
            height: 20px;
            position: absolute;
            font-size: 24px;
        }

/*  firefox css */
@-moz-document url-prefix() {
    #gley .gley-activation .text-activate .second-paragraph ol.activate li:before {
        left: 18px !important;
    }
}

#gley .gley-last {
    background: transparent radial-gradient(closest-side at 50% 0%, #00000096 0%, #0000000f 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 23px 60px rgba(0, 0, 0, 0.09);
}

    #gley .gley-last .wrapper {
        display: flex;
        flex-direction: row;
        font-size: 18px;
        position: relative;
        transform: unset;
        margin-bottom: 50px;
    }

        #gley .gley-last .wrapper .text-last-1 {
            width: 60%;
            margin-right: 95px;
        }

        #gley .gley-last .wrapper .text-last-1 {
            width: 60%;
            margin-right: 95px;
        }


            #gley .gley-last .wrapper .text-last-1 p:first-of-type {
                margin-bottom: 50px;
            }

@media (min-width: 1200px) and (max-width: 1350px) {
    #gley .gley-last .wrapper .text-last-1 p:first-of-type {
        margin-bottom: 20px;
    }
}




#gley .gley-last .wrapper .text-last-2 .icons {
    padding-top: 20px;
}

    #gley .gley-last .wrapper .text-last-2 .icons a {
        margin-right: 15px;
    }



#gley .gley-packets span.price-total-no-ddv.visible-price {
    padding-left: 10px;
}

#gley .gley-list li:before {
    transition-delay: 0.1s;
}

#gley .gley-packets .text p.text-center {
    padding-top: 0px;
}

#gley .gley-packets .text {
    padding-top: 60px;
}

#gley .gley-packets .wrapper .box {
    min-height: 300px !important;
}

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

    #gley .gley-packets .wrapper .box {
        min-height: 330px !important;
    }

    #gley .gley-packets .wrapper .wrap-class {
        padding: 15px 40px;
        height: 160px;
    }

    #gley .gley-packets .wrapper .wrap-class {
        padding: 15px 40px;
        height: 155px !important;
    }

    #gley .gley-packets {
        background-image: url(../content/images/gley/paketi-bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        height: 810px;
        position: relative;
    }
}

#gley .gley-packets .wrapper .box .ec {
    position: absolute;
    right: 0;
    width: 100px;
    height: auto;
    top: -50px;
}

#gley .gley-packets .wrapper .wrap-class {
    padding: 15px 40px;
    height: 105px;
}

#gley .wrapper .box span.price {
    text-decoration: line-through;
    font-size: 20px;
    color: black;
    font-family: 'teleNeo-regular' !important;
}



@media(min-width: 320px) and (max-width: 400px) {
    #gley .shape:before {
        background-size: contain;
    }
}


@media (max-width: 767px) {
    #gley .banner {
        background-image: url(../content/images/gley/baner-BG.png);
        /* background-image: url(../content/images/gley/gley-bg-nagradna-igra-mob.jpg);*/
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 270px;
        background-position: center;
    }



    #gley .shape {
        position: relative;
        width: 100%;
        height: 100%;
    }

        #gley .shape:before {
            content: " ";
            position: absolute;
            width: 100%;
            background: url(../content/images/gley/shape-left.png);
            background-repeat: no-repeat;
            background-size: contain;
            height: 100%;
            bottom: 0;
            color: white;
            left: -50px;
            background-position: bottom left;
        }

    #gley .gley-packets .wrapper .box .ec {
        position: absolute;
        right: -20px;
        width: 80px;
        height: auto;
        top: -35px;
    }

    #gley .banner .header-text {
        position: absolute;
        margin-left: 0px;
        bottom: 0px;
        top: initial;
        left: 0px;
        bottom: 30px;
        width: 100%;
    }

        #gley .banner .header-text h1 {
            font-size: 30px;
            color: white;
            font-family: teleNeo-extra !important;
            line-height: unset;
            width: 50%;
            transform: translate(0, 5px);
            line-height: 1.2;
            font-style: italic;
            padding-bottom: 0;
        }

            #gley .banner .header-text h1 span {
                font-size: 20px;
            }

        #gley .banner .header-text p {
            color: white;
            width: 70%;
            line-height: 1.2;
            font-size: 17px;
        }

    #gley .banner .header-img {
        position: absolute;
        right: 10%;
    }

        #gley .banner .header-img img {
            width: 90px;
        }


    #gley .gley-text:before {
        display: none;
    }

    #gley .gley-text .text-wrapper {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 20px 0px;
        line-height: 1.2;
    }

    #gley .gley-text .text-center {
        text-align: justify;
        width: 100%;
        font-size: 17px;
    }

    #gley .gley-opportunities {
        background-image: url(../content/images/gley/gley-white-bg.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        position: relative;
    }




        #gley .gley-opportunities .wrapper {
            display: flex;
            flex-direction: column;
            align-content: center;
            justify-content: center;
            transform: translate(0px, 11px);
            padding: 20px 0px;
            width: 100%;
        }

            #gley .gley-opportunities .wrapper .left-text {
                margin-right: 0;
                width: 100%;
            }

                #gley .gley-opportunities .wrapper .left-text h2 {
                    font-size: 29px;
                    font-family: 'teleNeo-bold' !important;
                }

                #gley .gley-opportunities .wrapper .left-text p {
                    font-size: 17px;
                    text-align: justify;
                    padding-top: 12px;
                }

            #gley .gley-opportunities .wrapper .right-text {
                transform: translate(0, -10px);
            }

    #gley .gley-packets {
        background-image: url(../content/images/gley/paketi-bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: auto;
        position: relative;
    }

        #gley .gley-packets .heading-packets {
            color: #fff;
            padding: 50px 0px 10px;
            margin: 0 auto;
            width: 100%;
        }

            #gley .gley-packets .heading-packets h2 {
                font-size: 32px;
                padding-bottom: 0px;
                font-family: 'teleNeo-bold' !important;
            }

            #gley .gley-packets .heading-packets p {
                font-size: 17px;
                text-align: justify;
            }

        #gley .gley-packets .wrapper {
            position: relative;
            overflow: hidden;
            display: flex;
            flex-wrap: nowrap;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            overflow: visible;
        }

            #gley .gley-packets .wrapper .box {
                position: relative;
                z-index: 1;
                width: 90%;
                margin: 10px 5px;
                text-align: center;
            }

            #gley .gley-packets .wrapper .box-inner h3 {
                text-align: center;
                padding: 10px 0px;
                font-weight: normal;
                font-size: 22px;
                color: #fff;
            }

            #gley .gley-packets .wrapper .wrap-class {
                padding: 0 !important;
                height: 120px;
            }

                #gley .gley-packets .wrapper .wrap-class ul li {
                    margin-left: 20px !important;
                }

    #gley .gley-activation .text-activate .second-paragraph ol.activate li:before {
        content: '';
        position: absolute;
        left: 13px;
        width: 3px;
        background: transparent;
        height: 34px;
        /* bottom: 8px; */
        /* top: 0; */
        margin: auto;
        border-bottom: 12px solid #e20074;
    }



    #gley .gley-packets .text p.text-center {
        padding-top: 0px;
        color: #FFFFFF;
        opacity: 0.5;
        font-size: 16px;
        padding-bottom: 20px;
    }

    #gley .gley-packets:after {
        display: none;
    }

    #gley .gley-packets .text {
        padding-top: 25px !important;
    }

        #gley .gley-packets .text p.text-center {
            padding-top: 0px;
            color: #FFFFFF;
            opacity: 0.5;
            font-size: 16px;
            padding-bottom: 20px;
        }

    #gley .gley-packets .box .box-inner ul {
        text-align: left;
        margin: 25px 10px;
        font-size: 17px;
        color: white;
        transform: translate(0, 13px);
    }

    #gley .gley-activation {
        background-image: url(../content/images/gley/films-bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        width: 100%;
        position: relative;
    }

        #gley .gley-activation .text-activate {
            font-size: 17px;
            position: relative;
            top: 25px;
            margin: -11px auto;
            transform: unset;
        }

            #gley .gley-activation .text-activate h2 {
                font-size: 32px;
                text-align: center;
            }

            #gley .gley-activation .text-activate .first-paragraph {
                padding-top: 15px;
                position: relative;
                text-align: justify;
            }

            #gley .gley-activation .text-activate .second-paragraph {
                padding-top: 10px;
                text-align: justify;
            }

        #gley .gley-activation:after {
            content: ' ';
            width: 100%;
            height: 300px;
            background-image: url(../content/images/gley/devices.png);
            background-repeat: no-repeat;
            right: 0;
            position: relative;
            background-size: contain;
            transform: translate(-50px, 23px);
            display: block;
            margin: 0 auto;
            text-align: center;
        }

    #gley .gley-last {
        background: transparent radial-gradient(closest-side at 50% 0%, #00000096 0%, #00000000 100%) 0% 0% no-repeat padding-box;
        box-shadow: 0px 23px 60px #00000017;
        height: auto;
        padding: 5% 0 10%;
    }

        #gley .gley-last .wrapper {
            display: flex;
            flex-direction: column;
            font-size: 17px;
            position: relative;
            transform: unset;
            text-align: justify;
        }

            #gley .gley-last .wrapper .text-last-1 {
                width: 100%;
                margin-right: 95px;
            }

            #gley .gley-last .wrapper .text-last-2 {
                transform: translate(0, -13px);
            }

                #gley .gley-last .wrapper .text-last-2 .icons {
                    padding-top: 9px;
                    display: flex;
                    flex-direction: row;
                }

    #gley .gley-activation .text-activate {
        width: 100%;
        transform: translate(0px, 30px);
        font-size: 17px;
        position: relative;
        top: 25px;
        margin: -11px auto;
    }

    #gley .gley-opportunities .wrapper .right-text {
        margin-left: 0px;
    }

    #gley .gley-opportunities .wrapper .left-text span {
        font-size: 35px;
    }

    #gley .gley-opportunities .wrapper .left-text h2 {
        font-size: 34px;
    }
}

@media(max-width:991px) and (min-width:768px) {
    #gley .banner {
        /*background-image: url(../content/images/gley/baner-BG.png);*/
        background-repeat: no-repeat;
        background-size: cover;
        height: 325px;
        background-position: center;
    }

    #gley .shape {
        stroke-dasharray: 0 1500;
        stroke-dashoffset: -474;
        stroke-width: 2px;
        fill: transparent;
        stroke: #e20074;
        border-bottom: none !important;
        transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s;
        position: relative;
        width: 100%;
        height: 100%;
    }

        #gley .shape:before {
            content: " ";
            position: absolute;
            width: 85%;
            background: url(../content/images/gley/shape-left.png);
            background-repeat: no-repeat;
            background-size: cover;
            height: 90%;
            bottom: 0;
            color: white;
            left: -16%;
        }



    #gley .banner .header-text {
        position: absolute;
        margin-left: 0px;
        bottom: 80px;
        position: relative;
        top: 120px;
        left: 0px;
        bottom: 0;
        width: 50%;
    }

        #gley .banner .header-text h1 {
            font-size: 38px;
            color: white;
            font-weight: 600;
            line-height: unset;
            width: 67%;
            transform: translate(0, 5px);
            line-height: 1.2;
            font-weight: 600;
            line-height: 1.2;
            font-style: italic;
            padding-bottom: 0;
        }

            #gley .banner .header-text h1 span {
                font-size: 23px;
            }

        #gley .banner .header-text p {
            color: white;
            width: 80%;
            line-height: 1.2;
            font-size: 20px;
        }

    #gley .banner .header-img {
        position: absolute;
        left: 45%;
        bottom: 123px;
        background-repeat: no-repeat;
        background-size: cover;
        /* z-index: 3; */
    }

        #gley .banner .header-img img {
            width: 120px;
        }

    #gley .gley-packets .wrapper .box {
        width: 45%;
    }

    #gley .gley-text:before {
        display: none;
    }

    #gley .gley-text .text-wrapper {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 20px 0px;
        line-height: 1.2;
    }

    #gley .gley-text .text-center {
        text-align: justify;
        width: 100%;
        font-size: 17px;
    }

    #gley .gley-opportunities {
        background-image: url(../content/images/gley/gley-white-bg.png);
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        position: relative;
        width: 100%;
    }

        #gley .gley-opportunities .wrapper {
            display: flex;
            flex-direction: column;
            align-content: center;
            justify-content: center;
            transform: translate(0px, 11px);
            padding: 20px 0px;
            width: 100%;
        }

            #gley .gley-opportunities .wrapper .left-text {
                margin-right: 0;
                width: 100%;
            }

                #gley .gley-opportunities .wrapper .left-text h2 {
                    font-size: 34px;
                }

                #gley .gley-opportunities .wrapper .left-text p {
                    font-size: 18px;
                    text-align: justify;
                }

            #gley .gley-opportunities .wrapper .right-text {
                transform: translate(0, -10px);
            }

    #gley .gley-packets {
        background-image: url(../content/images/gley/paketi-bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: auto;
        position: relative;
    }

        #gley .gley-packets .heading-packets {
            color: #fff;
            padding: 50px 0px 10px;
            margin: 0 auto;
            width: 100%;
        }

            #gley .gley-packets .heading-packets h2 {
                font-size: 34px;
                padding-bottom: 0px;
            }

            #gley .gley-packets .heading-packets p {
                font-size: 18px;
                text-align: justify;
            }

        #gley .gley-packets .wrapper {
            position: relative;
            display: flex;
            flex-wrap: nowrap;
            justify-content: center;
            align-items: center;
            flex-direction: row;
        }

            #gley .gley-packets .wrapper .box {
                position: relative;
                z-index: 1;
                width: 45% !important;
                margin: 10px 5px;
                text-align: center;
            }

            #gley .gley-packets .wrapper .box-inner h3 {
                text-align: center;
                padding: 10px 0px;
                font-weight: normal;
                font-size: 22px;
                color: #fff;
            }

            #gley .gley-packets .wrapper .wrap-class {
                padding: 0;
            }

                #gley .gley-packets .wrapper .wrap-class ul li {
                    margin-left: 20px !important;
                }

        #gley .gley-packets .text p.text-center {
            padding-top: 0px;
            color: #FFFFFF;
            opacity: 0.5;
            font-size: 16px;
            padding-bottom: 20px;
        }

        #gley .gley-packets:after {
            display: none;
        }

        #gley .gley-packets .text p.text-center {
            padding-top: 0px;
            color: #FFFFFF;
            opacity: 0.5;
            font-size: 16px;
            padding-bottom: 20px;
        }

        #gley .gley-packets .box .box-inner ul {
            text-align: left;
            margin: 25px auto;
            font-size: 17px;
            color: white;
            transform: translate(0px, 0);
        }

    #gley .gley-activation {
        background-image: url(../content/images/gley/films-bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        width: 100%;
        position: relative;
    }

        #gley .gley-activation .text-activate {
            width: 100%;
            transform: translate(0px, 30px);
            font-size: 17px;
            position: relative;
            top: 25px;
            margin: -11px auto;
        }

            #gley .gley-activation .text-activate h2 {
                font-size: 34px;
                text-align: left;
            }

            #gley .gley-activation .text-activate .first-paragraph {
                padding-top: 15px;
                position: relative;
                text-align: justify;
            }

            #gley .gley-activation .text-activate .second-paragraph {
                padding-top: 10px;
                text-align: justify;
                width: 50%;
            }

        #gley .gley-activation:after {
            content: ' ';
            width: 100%;
            height: 300px;
            background-image: url(../content/images/gley/devices.png);
            background-repeat: no-repeat;
            right: 0;
            position: absolute;
            background-size: contain;
            transform: translate(0px, 255px);
            display: inline-block;
            margin: 0 auto;
            text-align: center;
            /* left: 0; */
        }

    #gley .gley-last {
        box-shadow: 0px 23px 60px #00000017;
        height: auto;
        padding-top: 115px;
    }

        #gley .gley-last .wrapper {
            display: flex;
            flex-direction: column;
            font-size: 17px;
            position: relative;
            transform: unset;
            text-align: justify;
        }

            #gley .gley-last .wrapper .text-last-1 {
                width: 100%;
                margin-right: 95px;
            }

            #gley .gley-last .wrapper .text-last-2 {
                transform: translate(0, -13px);
            }

                #gley .gley-last .wrapper .text-last-2 .icons {
                    padding-top: 9px;
                    display: flex;
                    flex-direction: row;
                    align-content: center;
                    justify-content: center;
                    align-items: center;
                }

    #gley .gley-activation .text-activate {
        width: 100%;
        transform: translate(0px, 30px);
        font-size: 17px;
        position: relative;
        top: 25px;
        margin: -11px auto;
    }

    #gley .gley-opportunities .wrapper .right-text {
        margin-left: 0px;
    }
}

@media (max-width: 1024px) and (min-width:600px) {
    /*    #gley .banner {
        height: 440px !important;
        background-position: top;
    }

        #gley .banner .shape {
            width: 70% !important;
            padding: 0 20px;
        }

    #gley .shape:before {
        width: 100% !important;
        height: 70% !important;
        background-size: cover;
    }

    #gley .banner .header-text {
        width: 50% !important;
        bottom: 40px !important;
    }

        #gley .banner .header-text h1 {
            font-size: 50px !important;
            padding-bottom: 20px !important;
        }*/



    #gley .gley-text:before {
        width: 155px !important;
        height: 250px !important;
    }

    #gley .gley-opportunities .wrapper .left-text {
        margin-right: 0px !important;
        width: 75% !important;
    }

    #gley .gley-opportunities .wrapper .right-text {
        margin-left: 45px !important;
    }

    #gley .gley-packets:after {
        width: 147px !important;
        height: 170px !important;
        bottom: -45px !important;
    }



    #gley .gley-last .wrapper {
        flex-direction: column !important;
        position: relative !important;
    }

        #gley .gley-last .wrapper .text-last-2 .icons {
            padding-top: 0px !important;
        }

        #gley .gley-last .wrapper .text-last-1 {
            width: 100% !important;
        }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #gley .banner {
        height: 470px;
    }

    #gley .gley-text:before {
        width: 90px;
        height: 260px;
    }

    #gley .gley-last {
        width: 100%;
    }

    #gley .banner .header-text {
        position: absolute;
        left: 0px;
        width: 70%;
        margin-left: 0;
        bottom: 40px;
    }

    #gley .banner .header-img {
        top: 80px;
        right: 40px;
        left: initial;
        bottom: 0;
        height: auto;
    }
}

@media (max-width: 1280px) and (min-width:1025px) {



    #gley .gley-text:before {
        width: 200px !important;
        height: 250px !important;
    }

    #gley .gley-opportunities {
        height: 560px !important;
    }

    #gley .gley-packets:after {
        width: 140px !important;
        height: 186px !important;
        bottom: -42px !important;
    }

    #gley .gley-activation:after {
        width: 65% !important;
    }

    #gley .gley-last {
    }
}

@media(max-width:720px) and (min-width:520px) {
    #gley .banner .header-text h1 {
        width: 40% !important;
    }

    #gley .banner .header-text p {
        width: 50% !important;
    }



    #gley .shape:before {
        width: 90%;
        height: 90% !important;
    }

    #gley .gley-packets .wrapper .box {
        width: 55%;
    }

    #gley .gley-activation .text-activate .second-paragraph ol li::marker {
        letter-spacing: 6px !important;
    }
}

@media(min-width: 1800px) {
    #gley .banner {
        height: 70vh;
    }

        #gley .banner .shape {
            width: 55%;
            height: 400px;
            bottom: 0;
            position: absolute;
        }

        #gley .banner .header-img {
            top: -10%;
            right: 40%;
        }

            #gley .banner .header-img img {
                max-height: 160px;
            }
}


@media (min-width: 1351px) and (max-width: 1799px) {

    #gley .banner .header-img img {
        max-height: 160px;
    }
}

@media (min-width: 992px) and (max-width: 1350px) {

    #gley .banner .header-img img {
        max-height: 140px;
    }
}



/*#endregion gley antonija*/


/*#region business corner/rezerviraj tiket*/

div#reserveTicket {
    position: relative;
    margin-bottom: 40px;
}

.business-corner-header {
    margin-bottom: 30px;
}

    .business-corner-header h1 {
        font-size: 40px;
        font-family: teleNeo-bold !important;
        line-height: 1.2;
    }

    .business-corner-header .text-center p {
        font-size: 18px;
        line-height: 1.2;
    }

div#reserveTicket p {
    font-size: 17px;
    line-height: 1.2;
}

div#reserveTicket ul li {
    display: block;
    background: url(../images/list-bullet.png) 0 11px no-repeat;
    padding-left: 15px;
    line-height: 1.2;
    margin-bottom: 7px;
    margin-left: 15px;
}

div#reserveTicket button.btn-magen {
    margin: 20px 0;
    padding: 8px 20px;
    font-size: 18px;
    text-shadow: none;
}
/*#endregion business corner/rezerviraj tiket*/

.businessZ h2 {
    text-align: left !important;
    font-size: 22px !important;
    margin-top: 30px;
    margin-bottom: 20px;
}

.businessZ hr {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    border-top: 1px solid #eaeaea;
    margin: 0 0px 30px;
}

#orderBusiness .businessZ span.help-block {
    top: -5px;
}

@media(max-width:767px) {
    .businessZ {
        padding: 0 20px;
    }
}

.businessAlert p {
    margin-bottom: 10px;
}

.businessAlert ul {
    margin-top: 5px;
}

    .businessAlert ul li {
        margin-bottom: 0px !important;
        color: #333;
        /*      color: #333;*/
    }


/*#region magenta love 2022*/
#magenta-love p {
    font-size: 19px;
    line-height: 1.2;
}

#magenta-love .main-banner {
    position: relative;
    background-image: url('../content/images/magenta-love/zemi-popust-banner.jpg');
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    height: 450px;
}

    #magenta-love .main-banner:before {
        width: 50%;
        content: '';
        position: absolute;
        background-image: url('../content/images/magenta-love/zemi-popust-banner-new.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: left center;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    #magenta-love .main-banner .header {
        position: relative;
        width: 34%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-wrap: nowrap;
        align-items: flex-start;
        align-content: flex-start;
        height: 100%;
    }

        #magenta-love .main-banner .header h1 {
            color: white;
            font-size: 60px;
            font-family: teleNeo-extra !important;
            line-height: 1.2;
        }

            #magenta-love .main-banner .header h1 span {
                font-size: 21px;
                display: block;
                font-family: 'teleNeo-bold' !important;
            }

        #magenta-love .main-banner .header h2 {
            font-size: 50px;
            font-family: teleNeo-medium !important;
            line-height: 1.2;
            color: white;
        }

        #magenta-love .main-banner .header .ec {
            position: absolute;
            right: -150px;
            width: 160px;
            bottom: 120px;
        }

#magenta-love .white-sec {
    position: relative;
    text-align: center;
    padding: 3% 0;
}

    #magenta-love .white-sec .wrap {
        width: 80%;
        margin: 0 auto;
    }

        #magenta-love .white-sec .wrap .icon-img {
            width: 150px;
            height: auto;
            margin: 0 auto 40px auto;
        }

        #magenta-love .white-sec .wrap span.text-magenta {
            font-family: 'teleNeo-bold' !important;
        }

    #magenta-love .white-sec h2 {
        font-size: 59px;
        font-family: teleNeo-extra !important;
        text-transform: uppercase;
    }

#magenta-love section.partners {
    position: relative;
    background-image: url(../content/images/magenta-love/povolnosti-od-partneri-bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 3% 0 10%;
    text-align: center;
}

    #magenta-love section.partners h3 {
        color: white;
        font-family: teleNeo-extra !important;
        font-size: 50px;
        text-transform: uppercase;
        margin-bottom: 50px;
    }

    #magenta-love section.partners .slide-partners {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 90%;
        margin: 0 auto;
    }

        #magenta-love section.partners .slide-partners .box {
            background: white;
            width: auto;
            margin: 0 20px;
            padding: 30px;
            min-height: 310px;
        }

    #magenta-love section.partners .box .img {
        position: relative;
        min-height: 80px;
    }

    #magenta-love section.partners .box strong {
        font-size: 24px;
        line-height: 1.2;
        font-family: 'teleNeo-extra' !important;
    }

    #magenta-love section.partners .slide-partners .slick-prev {
        width: 80px;
        height: 50px;
        background: linear-gradient(90deg, white, transparent);
        left: -80px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        z-index: 3;
    }

    #magenta-love section.partners .slide-partners .slick-next {
        width: 80px;
        height: 50px;
        background: linear-gradient(90deg, transparent, white);
        right: -80px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        z-index: 3;
    }

        #magenta-love section.partners .slide-partners .slick-next:before {
            content: '';
            position: absolute;
            background-image: url(../content/images/magenta-love/arrow-right-black.svg);
            width: 30px;
            height: 30px;
            background-repeat: no-repeat;
            top: 0;
            bottom: 0;
            margin: auto;
        }

    #magenta-love section.partners .slide-partners .slick-prev:before {
        content: '';
        position: absolute;
        background-image: url(../content/images/magenta-love/arrow-left-black.svg);
        width: 30px;
        height: 30px;
        background-repeat: no-repeat;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    #magenta-love section.partners ul.slick-dots {
        position: absolute;
        width: 55%;
        height: 50px;
        display: block;
        bottom: -100px;
        background: white;
        z-index: 4;
        margin: 0 auto;
        left: 0;
        right: 0;
        box-shadow: 0 0 75px 2px #00000021;
    }

        #magenta-love section.partners ul.slick-dots li {
            position: relative;
            display: inline-block;
            padding: 10px 0 0 0;
        }

            #magenta-love section.partners ul.slick-dots li button {
                border-radius: 0px;
                color: #e20074;
                text-shadow: none;
                background: transparent;
                box-shadow: none;
                padding: 9px 13px;
                transition: all ease-in-out .3s;
                z-index: 3;
                margin: 0;
            }

                #magenta-love section.partners ul.slick-dots li button:hover {
                    background: #e20074;
                    color: white;
                    transition: all ease-in-out .3s;
                }

            #magenta-love section.partners ul.slick-dots li.slick-active button:after {
                content: '';
                position: absolute;
                height: 2px;
                background: #e20074;
                left: 0;
                right: 0;
                bottom: 0;
            }

#magenta-love .benefits {
    position: relative;
    padding: 3% 0 0;
    height: auto;
    margin-top: 0px;
}

    #magenta-love .benefits .benefit-text {
        position: relative;
        width: 80%;
        text-align: center;
        color: black;
        margin: 20px auto 40px;
    }

    #magenta-love .benefits h3 {
        color: #e20074 !important;
        font-family: teleNeo-extra !important;
        text-align: center;
    }

        #magenta-love .benefits h3 span {
            text-transform: none;
            font-size: 27px;
            font-family: teleNeo-extra !important;
        }

#magenta-love #carousel-steps-app {
    position: relative;
    overflow: visible;
    height: 630px;
    z-index: 1;
    padding: 3% 0;
}

    #magenta-love #carousel-steps-app:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 1px;
        bottom: 90px;
        left: 0;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.04), white);
        z-index: 1;
    }

    #magenta-love #carousel-steps-app:before {
        content: '';
        position: absolute;
        background-image: url(../content/images/magenta-love/kako-da-koristam-povolnosti-bg.png);
        width: 100%;
        height: 100%;
        bottom: -2px;
        right: 0;
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: cover;
        z-index: 0;
    }

    #magenta-love #carousel-steps-app .custom-container {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
    }

    #magenta-love #carousel-steps-app .carousel-inner {
        height: 100%;
        width: 70%;
        overflow: hidden;
        left: 25%;
    }

        #magenta-love #carousel-steps-app .carousel-inner:after {
            content: '';
            position: absolute;
            background-image: url(../content/images/magenta-love/steps-indicator.png);
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            width: 115px;
            height: 170px;
            bottom: 65px;
            left: 0px;
            z-index: 3;
        }

    #magenta-love #carousel-steps-app .text-slide {
        position: relative;
        width: 50%;
        margin-top: 30px;
        height: 100%;
    }

    #magenta-love #carousel-steps-app p {
        display: block;
        color: white;
        text-transform: uppercase;
        line-height: 1.4;
        font-family: teleNeo-thin !important;
        text-align: left;
        width: 90%;
        margin: 0 0 0 10px;
        font-size: 18px;
    }

    #magenta-love #carousel-steps-app .item.active {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        height: 100%;
        overflow: visible;
    }

#magenta-love .carousel-inner > .active,
#magenta-love .carousel-inner > .next,
#magenta-love .carousel-inner > .prev {
    display: flex;
}

#magenta-love #carousel-steps-app .number {
    position: relative;
    height: 100%;
}

#magenta-love #carousel-steps-app .phone-img {
    width: 220px;
    height: auto;
    position: relative;
    right: 0;
    top: 0;
    z-index: 2;
}

#magenta-love #carousel-steps-app .navigation {
    position: relative;
    width: 30%;
    bottom: 150px;
    left: 8%;
}

    #magenta-love #carousel-steps-app .navigation .indicators {
        position: relative;
        bottom: 30px;
    }

    #magenta-love #carousel-steps-app .navigation ol {
        list-style: none;
        display: flex;
        text-align: right;
        justify-content: flex-end;
        align-items: center;
        bottom: 0;
        position: relative;
        left: initial;
        right: 0;
        margin: 0;
        right: 0;
        width: 100%;
    }

        #magenta-love #carousel-steps-app .navigation ol li {
            padding: 0 15px;
            color: white;
            font-size: 20px;
            opacity: .7;
            transition: all ease-in .3s;
            font-family: teleNeo-extra !important;
            background-image: none;
        }

            #magenta-love #carousel-steps-app .navigation ol li.active {
                opacity: 1;
                font-size: 30px;
                transition: all ease-in .3s;
            }

    #magenta-love #carousel-steps-app .navigation .arrows {
        position: relative;
        width: 150px;
        height: 60px;
        right: 0;
        float: right;
    }

        #magenta-love #carousel-steps-app .navigation .arrows a {
            background: white !important;
            width: 50%;
            text-align: center;
            display: inline-flex;
            align-items: center;
            justify-content: space-between;
        }

            #magenta-love #carousel-steps-app .navigation .arrows a.right.carousel-control {
                border-top-right-radius: 10px;
                border-bottom-right-radius: 10px;
            }

            #magenta-love #carousel-steps-app .navigation .arrows a.left.carousel-control {
                border-top-left-radius: 10px;
                border-bottom-left-radius: 10px;
            }

            #magenta-love #carousel-steps-app .navigation .arrows a svg {
                position: relative;
                width: 100%;
            }

#magenta-love h3 {
    margin: 30px 0;
    color: black;
    font-family: teleNeo-extra !important;
    font-size: 50px;
    text-transform: uppercase;
    text-align: center;
}

#magenta-love .qa {
    padding: 3% 0 5%;
    background: linear-gradient(180deg, #eef6fb, transparent);
}

    #magenta-love .qa .panel-group {
        width: 100%;
        margin: 40px auto;
        background: transparent;
    }

    #magenta-love .qa .panel-default {
        border: 0;
        box-shadow: none;
        background: transparent;
        border-bottom: 1px solid rgba(204, 204, 204, .35);
        margin: 0;
    }

        #magenta-love .qa .panel-default .panel-heading {
            border-top: 0;
            background-image: none;
            border: unset;
            background-color: transparent;
            padding: 15px 0px;
        }

        #magenta-love .qa .panel-default h4 {
            text-align: left;
            padding: 0;
        }

            #magenta-love .qa .panel-default h4 a {
                font-size: 19px;
                display: block;
                padding: 15px 35px 15px;
                text-decoration: none;
                position: relative;
                z-index: 2;
            }

                #magenta-love .qa .panel-default h4 a:hover {
                    color: black;
                    text-decoration: none;
                }

                #magenta-love .qa .panel-default h4 a:active {
                    color: #e20074;
                }

                #magenta-love .qa .panel-default h4 a:after {
                    transform: rotate(180deg) translateY(-50%);
                    transition-property: transform;
                    transition-duration: .25s;
                    content: ']$';
                    font-family: 'teleicon-outline';
                    position: absolute;
                    color: #e20074;
                    font-size: 22px;
                    top: 30%;
                    right: 15px;
                    margin: auto;
                }

                #magenta-love .qa .panel-default h4 a.collapsed:after {
                    transform: rotate(0deg) translateY(-50%);
                    transition-property: transform;
                    transition-duration: .25s;
                    top: 50%;
                }



    #magenta-love .qa .panel-body {
        padding: 0 65px 30px 35px;
    }

#magenta-love .apply {
    padding: 5% 0;
    background: linear-gradient(95deg, #0f0c29, #2e2960);
}

    #magenta-love .apply .flex {
        display: flex;
        justify-content: space-between;
        width: 70%;
        margin: 0 auto;
        align-items: center;
    }

        #magenta-love .apply .flex .left {
            width: 30%;
        }

            #magenta-love .apply .flex .left .img-wrap {
                width: 160px;
                height: 160px;
                margin: 0 auto;
                background: white;
                padding: 10px;
            }

        #magenta-love .apply .flex .right {
            width: 70%;
        }

        #magenta-love .apply .flex .head {
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }

            #magenta-love .apply .flex .head .img-wrap {
                width: 145px;
                margin-left: 20px;
            }

    #magenta-love .apply h3 {
        color: white;
        font-size: 40px;
        margin: 20px 0;
        text-align: left;
    }

    #magenta-love .apply a {
        transition: all ease-in-out .3s;
    }

        #magenta-love .apply a:hover {
            color: #e20074;
            text-decoration: underline;
            transition: all ease-in-out .3s;
        }

    #magenta-love .apply .white-wrap {
        position: relative;
        color: white;
    }




#digital-index-calculator .modal-dialog {
    width: 50%;
    margin: 80px auto 30px auto;
}

#digital-index-calculator-modal .close {
    border: 0;
    opacity: 1;
    text-shadow: none;
    z-index: 3;
    font-size: 30px;
    position: absolute;
    right: 20px;
}

@media(min-width: 2451px) {
    #magenta-love .main-banner:before {
        background-size: cover;
    }
}

@media (min-width: 1900px) and (max-width: 2450px) {
    #magenta-love .main-banner {
        height: 400px;
        background-position: 150px 20%;
    }

        #magenta-love .main-banner:before {
            background-size: cover;
        }

        #magenta-love .main-banner .header .ec {
            right: -120px;
            bottom: 170px;
        }

    #magenta-love section.partners {
        padding: 3% 0 15%;
    }
}

@media(min-width: 1200px) and (max-width: 1400px) {
    #magenta-love .main-banner {
        height: 520px;
    }

    #magenta-love section.partners .slide-partners .box {
        margin: 0 10px;
    }

    #magenta-love section.partners .slide-partners .slick-next {
        width: 50px;
        right: -35px;
    }

    #magenta-love section.partners .slide-partners .slick-prev {
        width: 50px;
        left: -26px;
    }

    #magenta-love section.partners ul.slick-dots {
        width: auto;
        height: auto;
        bottom: -80px;
    }

    #magenta-love #carousel-steps-app:before {
        background-position: 70%;
    }

    #magenta-love #carousel-steps-app .carousel-inner,
    #magenta-love #carousel-steps-app .navigation {
        left: 0;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #magenta-love .main-banner {
        height: 400px;
        background-position: 30%;
    }

        #magenta-love .main-banner .header h1 {
            font-size: 45px;
        }

        #magenta-love .main-banner .header h2 {
            font-size: 37px;
        }

    #magenta-love section.partners {
        padding: 3% 0 15%;
    }

        #magenta-love section.partners .slide-partners .box {
            margin: 0 15px;
        }

        #magenta-love section.partners .slide-partners .slick-next {
            width: 50px;
            right: -35px;
        }

        #magenta-love section.partners .slide-partners .slick-prev {
            width: 50px;
            left: -26px;
        }

        #magenta-love section.partners ul.slick-dots {
            width: auto;
            height: auto;
            bottom: -110px;
        }

    #magenta-love #carousel-steps-app:before {
        background-position: 60%;
    }

    #magenta-love #carousel-steps-app .carousel-inner,
    #magenta-love #carousel-steps-app .navigation {
        left: 0;
    }

    #magenta-love .apply h3 {
        font-size: 30px;
    }

    #magenta-love .apply .flex .head .img-wrap {
        width: 125px;
        margin-left: 20px;
    }
}

@media(max-width: 991px) {
    #magenta-love section.partners .slide-partners .slick-prev {
        width: 30px;
        height: 50px;
        background: transparent;
        left: -10px;
    }

    #magenta-love section.partners .slide-partners .slick-next {
        width: 30px;
        height: 50px;
        background: transparent;
        right: -10px;
    }

    #magenta-love .benefits {
        margin-top: 0;
    }

    #magenta-love .apply .white-wrap {
        width: 100%;
        flex-direction: column;
        padding: 20px 0;
    }

        #magenta-love .apply .white-wrap > div {
            width: 100% !important;
        }

        #magenta-love .apply .white-wrap .right .img-wrap {
            float: none;
            width: 110px;
            height: 110px;
            margin: 20px auto;
        }
}

@media(min-width: 768px) and (max-width: 991px) {
    #magenta-love .main-banner {
        height: 270px;
    }

        #magenta-love .main-banner:before {
            width: 60%;
        }

        #magenta-love .main-banner .header h1 {
            font-size: 38px;
        }

        #magenta-love .main-banner .header h2 {
            font-size: 28px;
        }

        #magenta-love .main-banner .header .ec {
            position: absolute;
            right: -140px;
            width: 120px;
            bottom: 100px;
        }

    #magenta-love .white-sec h2 {
        font-size: 38px;
    }

    #magenta-love section.partners {
        padding: 3% 0 20%;
    }

        #magenta-love section.partners h3 {
            font-size: 35px;
        }

    #magenta-love h3 {
        font-size: 35px;
    }

    #magenta-love #carousel-steps-app:before {
        background-position: 62%;
    }

    #magenta-love #carousel-steps-app .carousel-inner {
        left: 0;
    }

    #magenta-love .benefits .benefit-text {
        width: 60%;
    }

    #magenta-love #carousel-steps-app .navigation {
        left: 0;
    }

        #magenta-love #carousel-steps-app .navigation ol li {
            padding: 0 10px;
        }

    #magenta-love section.partners ul.slick-dots {
        width: auto;
        height: auto;
        bottom: -130px;
    }

    #magenta-love .apply .flex {
        width: 90%;
    }

    #magenta-love .apply h3 {
        text-align: left;
        font-size: 30px;
        margin: 10px 0;
    }

    #magenta-love .apply .flex .head .img-wrap {
        width: 100px;
        margin-left: 10px;
    }
}

@media(max-width: 767px) {

    #magenta-love .main-banner {
        position: relative;
        background-repeat: no-repeat;
        height: 300px;
        background-position: center;
    }

        #magenta-love .main-banner:before {
            width: 100%;
            bottom: 0px;
            background-image: none;
            background-color: #e20074;
            height: 90px;
            margin: 0;
            top: initial;
            position: absolute;
            left: 0;
            right: 0;
        }

        #magenta-love .main-banner .header {
            width: 90%;
            justify-content: flex-end;
            height: 100%;
            padding: 20px 0 10px;
        }

            #magenta-love .main-banner .header h1 {
                font-size: 31px;
                margin: 0;
            }

            #magenta-love .main-banner .header h2 {
                font-size: 25px;
                margin: 0;
            }

            #magenta-love .main-banner .header .ec {
                position: absolute;
                right: -50px;
                width: 100px;
                bottom: -65px;
            }

    #magenta-love .white-sec .wrap {
        width: 100%;
    }

        #magenta-love .white-sec .wrap .icon-img {
            width: 120px;
            margin: 0 auto;
            height: 90px;
        }

    #magenta-love .white-sec h2 {
        font-size: 26px;
        margin-bottom: 30px;
    }

    #magenta-love section.partners h3 {
        font-size: 28px;
    }

    #magenta-love .benefits h3 span {
        display: inline;
        font-size: 24px;
    }

    #magenta-love section.partners .slide-partners {
        flex-direction: row;
    }

        #magenta-love section.partners .slide-partners .box {
            margin: 20px 20px;
            min-height: 240px;
        }

    #magenta-love .benefits .benefit-text {
        width: 100%;
    }

    #magenta-love #carousel-steps-app {
        height: auto;
    }

        #magenta-love #carousel-steps-app .carousel-inner {
            width: 100%;
            left: 0;
        }

        #magenta-love #carousel-steps-app .custom-container {
            flex-wrap: wrap;
        }

        #magenta-love #carousel-steps-app .number {
            width: 15%;
        }

        #magenta-love #carousel-steps-app .carousel-inner:after,
        #magenta-love #carousel-steps-app:after,
        #magenta-love #carousel-steps-app .navigation .indicators {
            display: none;
        }

        #magenta-love #carousel-steps-app .navigation .arrows {
            width: 120px;
            height: 45px;
            right: 0;
            float: none;
            left: 0;
            margin: 0 auto;
        }

        #magenta-love #carousel-steps-app .item.active {
            align-items: center;
            flex-wrap: wrap;
        }

    #magenta-love .carousel-inner > .active,
    #magenta-love .carousel-inner > .next,
    #magenta-love .carousel-inner > .prev {
        align-items: center;
    }

    #magenta-love #carousel-steps-app .text-slide {
        margin-top: 0;
        width: 60%;
        padding: 0 10px;
    }

    #magenta-love #carousel-steps-app p {
        font-size: 17px;
    }

    #magenta-love #carousel-steps-app .phone-img {
        width: 25%;
        right: 0;
        top: 0;
        left: 0;
        margin: 30px auto;
    }

    #magenta-love #carousel-steps-app .navigation {
        position: relative;
        width: 100%;
        bottom: 0;
        margin-bottom: 30px;
        margin-top: 40px;
        left: 0;
    }

        #magenta-love #carousel-steps-app .navigation ol {
            justify-content: center;
            align-items: center;
            padding-left: 0;
        }

    #magenta-love h3 {
        font-size: 28px;
    }

    #magenta-love .qa .panel-default h4 a {
        padding: 15px 35px 15px 10px;
    }

    #magenta-love .qa .panel-body {
        padding: 0 15px 0 10px;
    }

    #magenta-love section.partners ul.slick-dots {
        display: none !important;
    }

    #magenta-love .apply .flex {
        width: 100%;
        flex-direction: column;
    }

        #magenta-love .apply .flex > div {
            width: 100% !important;
            margin: 20px 0;
        }

        #magenta-love .apply .flex .left .img-wrap {
            width: 130px;
            height: 130px;
        }

    #magenta-love .apply h3 {
        font-size: 24px !important;
        text-align: left;
    }

    #magenta-love .apply .flex .head .img-wrap {
        width: 130px;
        margin-left: 0;
    }
}

@media(max-width: 500px) {

    #magenta-love .main-banner:before {
        height: 120px;
    }

    #magenta-love .white-sec {
        padding: 10% 0 3%;
    }
}
/*#endregion magenta love 2022*/
/*#region business xMAs baners*/
.xMas-bussiness-tarifi-banner {
    position: relative;
    /*  background-image: url(../content/images/business-tarifi/xMas-business-tarifi-banner.jpg);*/
    background-image: url(../content/images/business-professional-banner.jpg);
    background-position: center top;
    background-size: cover;
    height: 450px;
}
    /*
    .xMas-bussiness-tarifi-banner:before {
        position: absolute;
        content: '';
        background-image: url('../content/images/business-tarifi/xMas-business-tarifi-shape.png');
        background-position: left top;
        background-repeat: no-repeat;
        background-size: contain;
        width: 50%;
        height: 100%;
        top: 0;
        left: 0;
    }*/

    .xMas-bussiness-tarifi-banner .wrapper {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
        height: 100%;
    }

        .xMas-bussiness-tarifi-banner .wrapper .header {
            margin: 30px 0;
            position: relative;
            width: 40%;
        }

            .xMas-bussiness-tarifi-banner .wrapper .header .ec {
                position: absolute;
                width: 190px;
                height: auto;
                right: 80px;
                bottom: -100px;
            }

    .xMas-bussiness-tarifi-banner h2 {
        color: white;
        font-size: 65px;
        text-transform: uppercase;
        font-family: 'teleNeo-extra' !important;
    }

        .xMas-bussiness-tarifi-banner h2 span {
            display: block;
            font-family: 'teleNeo-bold' !important;
            font-size: 33px;
        }

    .xMas-bussiness-tarifi-banner .wrapper .header p {
        color: white;
        font-size: 27px;
        line-height: 1.2;
        margin: 0;
    }





.bussiness-office-tarifi-banner-maj {
    position: relative;
    background-image: url(../content/images/business-office-mobile/business-office-banner-maj.jpg);
    background-position: left bottom;
    background-size: cover;
    height: 450px;
}

    .bussiness-office-tarifi-banner-maj:before {
        position: absolute;
        content: '';
        background-image: url('../content/images/business-office-mobile/business-office-banner-maj-shape.png');
        background-position: right top;
        background-repeat: no-repeat;
        background-size: contain;
        width: 45%;
        height: 100%;
        top: 0;
        right: 0;
    }

    .bussiness-office-tarifi-banner-maj .wrapper {
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        width: 100%;
        height: 100%;
    }

        .bussiness-office-tarifi-banner-maj .wrapper .header {
            margin: 30px 0;
            position: relative;
            width: 37%;
        }

            .bussiness-office-tarifi-banner-maj .wrapper .header .ec {
                position: absolute;
                width: 190px;
                height: auto;
                right: 0px;
                bottom: -190px;
            }

    .bussiness-office-tarifi-banner-maj h1 {
        color: white;
        font-size: 45px;
        text-transform: uppercase !important;
        font-family: 'teleNeo-extra' !important;
        text-align: left;
        text-transform: none;
    }

    .bussiness-office-tarifi-banner-maj h2 {
        font-family: teleNeo-medium !important;
        font-size: 32px;
        color: white;
    }




.xMas-bussiness-office-tarifi-banner {
    position: relative;
    background-image: url(../content/images/business-office-mobile/xMas-business-office-tarifi-banner.jpg);
    background-position: left top;
    background-size: cover;
    height: 450px;
}

    .xMas-bussiness-office-tarifi-banner:before {
        position: absolute;
        content: '';
        background-image: url('../content/images/business-office-mobile/xMas-business-office-tarifi-shape.png');
        background-position: right top;
        background-repeat: no-repeat;
        background-size: contain;
        width: 50%;
        height: 100%;
        top: 0;
        right: 0;
    }

    .xMas-bussiness-office-tarifi-banner .wrapper {
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        width: 100%;
        height: 100%;
    }

        .xMas-bussiness-office-tarifi-banner .wrapper .header {
            margin: 30px 0;
            position: relative;
            width: 40%;
        }

            .xMas-bussiness-office-tarifi-banner .wrapper .header .ec {
                position: absolute;
                width: 190px;
                height: auto;
                right: 0px;
                bottom: -190px;
            }

    .xMas-bussiness-office-tarifi-banner h2 {
        color: white;
        font-size: 40px;
        text-transform: uppercase;
        font-family: 'teleNeo-extra' !important;
        text-align: right;
        text-transform: none;
    }


@media(min-width: 1900px) {

    #m1-business-new .image {
        height: auto;
    }
    .xMas-bussiness-tarifi-banner,
    .xMas-bussiness-office-tarifi-banner,
    .bussiness-office-tarifi-banner-maj {
        background-position: center;
        height: 700px;
        background-size: cover;
    }

        .bussiness-office-tarifi-banner-maj:before {
            width: 45%;
        }

        .xMas-bussiness-tarifi-banner:before,
        .xMas-bussiness-office-tarifi-banner:before {
            display: none;
        }

        .xMas-bussiness-tarifi-banner .header,
        .xMas-bussiness-office-tarifi-banner .header {
            background-color: #e20074;
            padding: 20px;
        }

        .bussiness-office-tarifi-banner-maj .header {
            width: 40% !important;
            top: 50px;
            left: 10%;
        }

        .xMas-bussiness-office-tarifi-banner .wrapper .header .ec {
            bottom: -65px;
        }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    #m1-business-new .linked-tabs .tab-right .wrap {
        width: 100% !important;
    }
    #m1-business-new .image {
        height: 300px !important;
    }
    #m1-business-new .main-banner {
        background-position: 35%;
    }

    .bussiness-office-tarifi-banner-maj h1 {
        font-size: 30px;
    }

    .bussiness-office-tarifi-banner-maj h2 {
        font-size: 28px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .bussiness-office-tarifi-banner-maj {
        background-position: 130% 0;
    }

        .bussiness-office-tarifi-banner-maj:before {
            width: 50%;
        }

        .bussiness-office-tarifi-banner-maj .header {
            width: 45% !important;
        }

        .bussiness-office-tarifi-banner-maj h1 {
            font-size: 28px;
        }

        .bussiness-office-tarifi-banner-maj h2 {
            font-size: 25px;
        }
}

@media(min-width: 768px) and (max-width: 991px) {
    .xMas-bussiness-office-tarifi-banner {
        background-position: 40% 0;
    }

    .bussiness-office-tarifi-banner-maj {
        background-position: 130% 0;
    }

        .xMas-bussiness-office-tarifi-banner:before,
        .bussiness-office-tarifi-banner-maj:before {
            width: 60%;
        }

    .xMas-bussiness-tarifi-banner:before {
        width: 70%;
        background-position: top right 100px;
        margin-left: -8%;
    }

    .xMas-bussiness-tarifi-banner {
        background-position: 33% 0;
    }

    .xMas-bussiness-office-tarifi-banner .header,
    .bussiness-office-tarifi-banner-maj .header {
        right: 0 !important;
        width: 55% !important;
    }

    .xMas-bussiness-tarifi-banner .wrapper .header .ec {
        right: 0;
        bottom: -100px;
        left: 0;
    }

    .xMas-bussiness-office-tarifi-banner .header .ec {
        right: 0 !important;
        bottom: -120px !important;
    }

    .xMas-bussiness-tarifi-banner .header h2,
    .xMas-bussiness-office-tarifi-banner .header h2 {
        font-size: 35px;
    }

        .xMas-bussiness-tarifi-banner h2 span,
        .xMas-bussiness-office-tarifi-banner .header h2 span {
            font-size: 29px;
        }

    .xMas-bussiness-tarifi-banner .header p,
    .xMas-bussiness-office-tarifi-banner .header p {
        font-size: 24px !important;
    }

    .bussiness-office-tarifi-banner-maj h1 {
        font-size: 27px;
    }

    .bussiness-office-tarifi-banner-maj h2 {
        font-size: 24px;
    }
}

@media(max-width: 767px) {
    .xMas-bussiness-tarifi-banner {
        height: 200px;
    }

    .bussiness-office-tarifi-banner-maj {
        background-position: center top;
        height: 500px;
        background-size: cover;
    }

    .xMas-bussiness-office-tarifi-banner {
        position: relative;
        background-image: url(../content/images/business-tarifi/xMas-business-tarifi-banner.jpg);
        background-position: center top;
        height: 350px;
        background-size: cover;
    }

    #business-tarifi-new .content {
        margin: 80px 0;
        text-align: center;
    }

    .xMas-bussiness-tarifi-banner:before,
    .xMas-bussiness-office-tarifi-banner:before,
    .bussiness-office-tarifi-banner-maj:before {
        display: none;
    }

    .xMas-bussiness-tarifi-banner .wrapper,
    .xMas-bussiness-office-tarifi-banner .wrapper {
        display: flex;
        align-items: flex-end;
        justify-content: flex-start;
        width: 100%;
        height: 100%;
    }

        .xMas-bussiness-tarifi-banner .wrapper .header,
        .xMas-bussiness-office-tarifi-banner .wrapper .header,
        .bussiness-office-tarifi-banner-maj .wrapper .header {
            width: 100%;
            position: absolute;
            left: 0;
            right: 0;
            background: #e20074;
            padding: 20px;
            margin: 0;
            bottom: 0;
        }

    .bussiness-office-tarifi-banner-maj h1 {
        font-size: 27px;
    }

    .bussiness-office-tarifi-banner-maj h2 {
        font-size: 22px;
    }

    .xMas-bussiness-tarifi-banner h2,
    .xMas-bussiness-office-tarifi-banner h2 {
        font-size: 31px;
        text-transform: none;
    }

        .xMas-bussiness-tarifi-banner h2 span,
        .xMas-bussiness-office-tarifi-banner h2 span {
            font-size: 20px;
        }

    .xMas-bussiness-tarifi-banner .wrapper .header p,
    .xMas-bussiness-office-tarifi-banner .wrapper .header p {
        font-size: 18px;
    }

    .xMas-bussiness-tarifi-banner .wrapper .header .ec,
    .xMas-bussiness-office-tarifi-banner .wrapper .header .ec {
        position: absolute;
        width: 140px !important;
        height: auto;
        right: 10px !important;
        bottom: -50px !important;
        margin: 20px 0;
    }

    .xMas-bussiness-office-tarifi-banner .wrapper .header .ec {
        bottom: -60px !important;
    }

    #bot-new {
        margin-top: 40px;
    }
}


/*#endregion business xMAs baners*/

/*#region business tarifi inner baner new*/
.business-inner-banner {
    position: relative;
    height: 400px;
    background-image: url(../content/images/business-tarifi/business-tarifi-bg.jpg);
    background-size: cover;
    background-position: center top;
}

    .business-inner-banner:before {
        content: '';
        position: absolute;
        background-image: url(../content/images/business-tarifi/business-tarifi-shape.png);
        background-position: top left;
        background-size: contain;
        background-repeat: no-repeat;
        width: 55%;
        height: 100%;
        left: 0;
        top: 0;
    }

    .business-inner-banner .wrapper {
        position: relative;
        width: 50%;
        display: flex;
        align-items: flex-start;
        height: 100%;
    }

    .business-inner-banner h1 {
        color: white;
        font-size: 45px;
        text-transform: none;
        font-family: teleNeo-extra !important;
        line-height: 1.2;
    }

    .business-inner-banner h2 {
        color: white;
        font-size: 30px;
        text-transform: none;
        margin-bottom: 50px;
        font-family: teleNeo-regular !important;
    }

@media (min-width: 2200px) {
    .business-inner-banner {
        height: 500px;
    }

        .business-inner-banner:before {
            width: 60%;
        }

        .business-inner-banner .header {
            margin-left: 30px;
        }

        .business-inner-banner:before {
            width: 50%;
            background-size: cover;
        }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .business-inner-banner .header {
        margin-left: 40px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .business-inner-banner .header {
        margin-left: 40px
    }

    .business-inner-banner h1 {
        font-size: 35px;
    }

    .business-inner-banner h2 {
        font-size: 28px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .business-inner-banner:before {
        width: 70%;
    }

    .business-inner-banner .wrapper {
        position: relative;
        width: 65%;
    }

        .business-inner-banner .wrapper .header {
            margin-left: 20px;
        }

    .business-inner-banner h1 {
        font-size: 35px;
    }

    .business-inner-banner h2 {
        font-size: 27px;
    }
}

@media (max-width: 767px) {
    #bot-new h2.main-title {
        width: 250px;
        font-size: 32px;
    }

    .business-inner-banner:before {
        display: none;
    }

    .business-inner-banner .wrapper {
        width: 100%;
        align-items: flex-end;
    }

        .business-inner-banner .wrapper .header {
            background: #e20074;
            padding: 20px;
            width: 100%;
        }

    .business-inner-banner h1 {
        font-size: 27px;
    }

    .business-inner-banner h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }
}
/*#endregion business tarifi inner baner new*/




/*#region business maj promo baner*/
.business-maj-promo-banner {
    position: relative;
    height: 500px;
    background-image: url(../content/banners/2023/business-tarifi-banner-maj.jpg);
    background-size: cover;
    background-position: left 10%;
}

    .business-maj-promo-banner:before {
        content: '';
        position: absolute;
        background-image: url(../content/banners/2023/business-tarifi-banner-shape.png);
        background-position: top left;
        background-size: contain;
        background-repeat: no-repeat;
        width: 50%;
        height: 100%;
        left: 0;
        top: 0;
        bottom: 0;
    }

    .business-maj-promo-banner .wrapper {
        position: relative;
        height: 100%;
    }

        .business-maj-promo-banner .wrapper .header {
            position: relative;
            display: flex;
            justify-content: flex-start;
            align-items: flex-end;
            flex-direction: column;
            height: 100%;
            width: 45%;
            padding-bottom: 0;
            margin-left: 0;
        }

            .business-maj-promo-banner .wrapper .header h1 {
                color: white;
                font-size: 40px;
                text-transform: uppercase;
                font-family: teleNeo-bold !important;
                display: flex;
                flex-flow: row;
                align-content: flex-start;
                margin-top: 30px;
            }

                .business-maj-promo-banner .wrapper .header h1 span {
                    font-family: teleNeo-extra !important;
                    font-size: 90px;
                }

            .business-maj-promo-banner .wrapper .header h2 {
                color: white;
                font-size: 30px;
                line-height: 1.2;
            }
/*#endregion business april promo baner*/

/*#region business septemvri promo baner*/
.business-septemvri-promo-banner {
    position: relative;
    height: 350px;
    background-image: url(../content/banners/2023/background_smallbanner.jpg);
    background-size: cover;
    background-position: 60%;
}

    .business-septemvri-promo-banner:before {
        content: '';
        position: absolute;
        /* background-image: url(../content/banners/2023/business-tarifi-banner-shape.png); */
        background-position: 20% 0;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        background-image: url(../content/banners/2023/3x-mobilen-internet-banner-shape.png);
    }

    .business-septemvri-promo-banner .wrapper {
        position: relative;
        height: 100%;
    }

        .business-septemvri-promo-banner .wrapper .header {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            flex-direction: column;
            height: 100%;
            width: 35%;
            padding-bottom: 0;
            margin-left: 15%;
        }

            .business-septemvri-promo-banner .wrapper .header h1 {
                color: white;
                font-size: 32px;
                font-family: teleNeo-bold !important;
                display: flex;
                flex-flow: column;
                align-content: flex-start;
                margin: 30px 0;
            }

                .business-septemvri-promo-banner .wrapper .header h1 span {
                    font-family: teleNeo-bold !important;
                    font-size: 28px;
                    display: block;
                    color: white;
                    text-transform: none;
                }

            .business-septemvri-promo-banner .wrapper .header h2 {
                color: white;
                font-size: 28px;
                line-height: 1.2;
            }

            .business-septemvri-promo-banner .wrapper .header .small {
                color: white;
                margin-top: 30px;
                width: 75%;
            }
/*#endregion business septemvri promo baner*/
/*#region business office baner*/
.business-office-banner {
    position: relative;
    height: 350px;
    background-image: url(../content/banners/2023/bg-small.png);
    background-size: cover;
    background-position: 60%;
}

    .business-office-banner:before {
        content: '';
        position: absolute;
        /* background-image: url(../content/banners/2023/shape_smallbanner-BO.png);*/
        background-image: url(../content/banners/2023/business-office-najdobar-internet-shape-new.png);
        background-position: right;
        background-size: cover;
        background-repeat: no-repeat;
        width: 50%;
        height: 100%;
        left: 0;
        top: 0;
        bottom: 0;
    }

    .business-office-banner .wrapper {
        position: relative;
        height: 100%;
    }

        .business-office-banner .wrapper .header {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            flex-direction: column;
            height: 100%;
            width: 36%;
            padding-bottom: 0;
            margin-left: 0;
        }

            .business-office-banner .wrapper .header h1 {
                color: white;
                font-size: 40px;
                font-family: teleNeo-extra !important;
                margin: 30px 0;
            }

                .business-office-banner .wrapper .header h1 span {
                    font-family: teleNeo-regular !important;
                    font-size: 36px;
                    display: block;
                    text-transform: none;
                }

            .business-office-banner .wrapper .header h2 {
                color: white;
                font-size: 28px;
                line-height: 1.2;
            }

            .business-office-banner .wrapper .header .small {
                color: white;
                margin-top: 30px;
            }
/*#endregion business office baner*/
/*#region business april promo baner*/
.business-april-promo-banner {
    position: relative;
    height: 400px;
    background-image: url(../content/images/business-tarifi/business-tarifi-april-2023.jpg);
    background-size: cover;
    background-position: left center;
}

    .business-april-promo-banner:before {
        content: '';
        position: absolute;
        background-image: url(../content/images/business-tarifi/m1b-banner-inner-april-promo.png);
        background-position: bottom left;
        background-size: contain;
        background-repeat: no-repeat;
        width: 50%;
        height: 100%;
        left: 0;
        top: 0;
        bottom: 0;
    }

    .business-april-promo-banner .wrapper {
        position: relative;
        height: 100%;
    }

        .business-april-promo-banner .wrapper .header {
            position: relative;
            display: flex;
            justify-content: flex-start;
            align-items: flex-end;
            flex-direction: row;
            height: 100%;
            width: 35%;
            padding-bottom: 30px;
            margin-left: 60px;
        }

            .business-april-promo-banner .wrapper .header h1 {
                color: white;
                font-size: 50px;
                text-transform: uppercase;
                font-family: teleNeo-extra !important;
            }
/*#endregion business april promo baner*/
/*#region delovna efikasnost baner*/
.delovna-efikasnost-vnatreshen {
    position: relative;
    height: 500px;
    background-image: url(../content/banners/2024/delovna-efikasnost-vnatreshen-bg.jpg);
    background-size: cover;
    background-position: center;
}

    .delovna-efikasnost-vnatreshen .wrapper,
    .delovna-efikasnost-vnatreshen .wrapper .header,
    .delovna-efikasnost-vnatreshen .wrapper .header .image {
        position: relative;
        height: 100%;
    }

        .delovna-efikasnost-vnatreshen .wrapper .header {
            display: flex;
            width: 100%;
            justify-content: center;
        }

    .delovna-efikasnost-vnatreshen .image {
        position: absolute;
        top: 0;
        width: 50%;
        left: 0;
    }

@media (max-width: 767px) {
    .delovna-efikasnost-vnatreshen {
        background-position: 75%;
        height: 350px;
    }

        .delovna-efikasnost-vnatreshen .wrapper .header {
            justify-content: flex-start;
        }

        .delovna-efikasnost-vnatreshen .image {
            width: 280px;
        }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .delovna-efikasnost-vnatreshen {
        background-position: 75% !important;
    }

        .delovna-efikasnost-vnatreshen .image {
            width: 60%;
        }
}
/*#endregion delovna efikasnost baner*/
/*#region novogodishna ponuda 2024 baner*/
.novogodishna-ponuda-business-tarifi-2024 {
    position: relative;
    height: 500px;
    background-image: url(../content/images/novogodishna-business-ponuda-business-tarifi.jpg);
    background-size: cover;
    background-position: center;
}

    .novogodishna-ponuda-business-tarifi-2024 .wrapper,
    .novogodishna-ponuda-business-tarifi-2024 .wrapper .header,
    .novogodishna-ponuda-business-tarifi-2024 .wrapper .header .image {
        position: relative;
        height: 100%;
    }

        .novogodishna-ponuda-business-tarifi-2024 .wrapper .header {
            display: flex;
            width: 100%;
            justify-content: center;
        }

            .novogodishna-ponuda-business-tarifi-2024 .wrapper .header .image {
                width: 420px;
            }

@media (max-width: 767px) {
    .novogodishna-ponuda-business-tarifi-2024 {
        background-position: 55%;
        height: 350px;
    }

        .novogodishna-ponuda-business-tarifi-2024 .wrapper .header {
            justify-content: flex-start;
        }

            .novogodishna-ponuda-business-tarifi-2024 .wrapper .header .image {
                width: 240px;
            }
}
/*#endregion novogodishna ponuda 2024 baner*/
/*#region mobile martovski baner*/
.martovski-inner-banner {
    position: relative;
    width: 100%;
    height: 300px;
}

    .martovski-inner-banner img {
        width: 100%;
        height: 100%;
        object-position: center;
        object-fit: cover;
    }

@media (min-width: 1990px) {
    .martovski-inner-banner {
        height: 450px;
    }
}

@media (min-width: 1600px) {
    .business-maj-promo-banner:before {
        width: 50%;
        background-size: cover;
    }

    .business-maj-promo-banner .wrapper .header {
        margin-left: 0;
    }

    .business-office-banner:before {
        width: 50%;
        background-size: cover;
        background-position: right;
    }

    .business-office-banner .wrapper .header {
        margin-left: 0;
    }

    .business-septemvri-promo-banner:before {
        width: 50%;
        background-size: cover;
    }

    .business-septemvri-promo-banner .wrapper .header {
        margin-left: 0;
    }

    .business-april-promo-banner:before {
        width: 40%;
    }

    .business-april-promo-banner .wrapper .header {
        margin-left: 0;
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .business-office-banner .wrapper .header h2 {
        font-size: 25px;
    }

    .business-office-banner .wrapper .header h1 {
        font-size: 32px;
    }

        .business-office-banner .wrapper .header h1 span {
            font-size: 32px;
        }

    .business-office-banner .wrapper .header .small {
        margin-top: 15px;
        width: 75%;
    }

    .business-maj-promo-banner:before {
        background-size: contain;
    }

    .business-maj-promo-banner .wrapper .header {
        width: 40%;
        margin-left: 80px;
    }

    .business-office-banner:before {
        background-size: cover;
    }

    .business-office-banner .wrapper .header {
        width: 35%;
        margin-left: 80px;
    }


    .business-septemvri-promo-banner .wrapper .header h1 {
        font-size: 32px;
        margin: 30px 0 15px;
    }

        .business-septemvri-promo-banner .wrapper .header h1 span {
            font-size: 27px;
        }

    .business-septemvri-promo-banner .wrapper .header h2 {
        font-size: 22px;
    }

    .business-septemvri-promo-banner .wrapper .header .small {
        margin-top: 15px;
        width: 80%;
    }


    .business-april-promo-banner .wrapper .header {
        width: 40%;
        margin-left: 80px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .business-maj-promo-banner {
        height: 550px;
    }

        .business-maj-promo-banner:before {
            width: 60%;
            background-size: contain;
        }

        .business-maj-promo-banner .wrapper .header {
            width: 45%;
        }

            .business-maj-promo-banner .wrapper .header h1 {
                font-size: 32px;
            }

                .business-maj-promo-banner .wrapper .header h1 span {
                    font-size: 70px;
                }

            .business-maj-promo-banner .wrapper .header h2 {
                color: white;
                font-size: 28px;
            }

    .business-office-banner {
        height: 350px;
        background-position: 45%;
    }

        .business-office-banner:before {
            width: 60%;
            background-size: cover;
        }

        .business-office-banner .wrapper .header {
            width: 40%;
            margin-left: 10%;
        }

            .business-office-banner .wrapper .header h1 {
                font-size: 32px;
            }

                .business-office-banner .wrapper .header h1 span {
                    font-size: 32px;
                }

            .business-office-banner .wrapper .header h2 {
                color: white;
                font-size: 28px;
            }

    .business-septemvri-promo-banner {
        height: 300px;
    }

        .business-septemvri-promo-banner:before {
            width: 60%;
            background-size: contain;
        }

        .business-septemvri-promo-banner .wrapper .header {
            width: 55%;
            margin-left: 10%;
        }

            .business-septemvri-promo-banner .wrapper .header h1 {
                font-size: 28px;
            }

                .business-septemvri-promo-banner .wrapper .header h1 span {
                    font-size: 28px;
                }

            .business-septemvri-promo-banner .wrapper .header h2 {
                color: white;
                font-size: 22px;
            }

            .business-septemvri-promo-banner .wrapper .header .small {
                display: none;
            }

    .business-april-promo-banner {
        height: 350px;
    }

        .business-april-promo-banner:before {
            width: 60%;
        }

        .business-april-promo-banner .wrapper .header {
            width: 45%;
        }

            .business-april-promo-banner .wrapper .header h1 {
                font-size: 38px;
            }

    .martovski-inner-banner {
        height: 250px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .business-maj-promo-banner {
        height: 500px;
    }

        .business-maj-promo-banner:before {
            width: 75%;
            background-size: contain;
        }

        .business-maj-promo-banner .wrapper .header {
            position: relative;
            width: 65%;
            padding-bottom: 0;
            margin-left: 0;
        }

            .business-maj-promo-banner .wrapper .header h1 {
                font-size: 33px;
            }

                .business-maj-promo-banner .wrapper .header h1 span {
                    font-family: teleNeo-extra !important;
                    font-size: 70px;
                    margin-right: 10px;
                }

            .business-maj-promo-banner .wrapper .header h2 {
                color: white;
                font-size: 27px;
                line-height: 1.2;
            }

    .business-office-banner {
        height: 300px;
        background-position: 50% !important;
    }

        .business-office-banner:before {
            width: 55%;
            height: 100%;
            background-position: left bottom;
            background-size: contain;
            background-repeat: no-repeat;
            top: 0;
            left: 0;
            bottom: 0;
            z-index: 0;
        }

        .business-office-banner .wrapper .header {
            position: relative;
            width: 47%;
            padding-bottom: 0;
            margin-left: 0;
            top: 20%;
        }

            .business-office-banner .wrapper .header h1 {
                font-size: 33px;
                margin: 30px 0 20px;
            }

                .business-office-banner .wrapper .header h1 span {
                    font-family: teleNeo-regular !important;
                    font-size: 33px;
                    margin-right: 10px;
                }

            .business-office-banner .wrapper .header h2 {
                color: white;
                font-size: 22px;
                line-height: 1.2;
            }



    .business-septemvri-promo-banner {
        height: 300px;
        background-position: 60% !important;
    }

        .business-septemvri-promo-banner:before {
            width: 60%;
            background-size: contain;
            background-position: bottom left;
        }

        .business-septemvri-promo-banner .wrapper .header {
            position: relative;
            width: 65%;
            padding-bottom: 0;
            margin-left: 10%;
        }

            .business-septemvri-promo-banner .wrapper .header h1 {
                font-size: 26px;
                margin: 30px 0 15px;
            }

                .business-septemvri-promo-banner .wrapper .header h1 span {
                    font-family: teleNeo-regular !important;
                    font-size: 26px;
                    margin-right: 10px;
                }

            .business-septemvri-promo-banner .wrapper .header h2 {
                color: white;
                font-size: 22px;
                line-height: 1.2;
            }

            .business-septemvri-promo-banner .wrapper .header .small {
                display: none;
            }


    .business-april-promo-banner {
        height: 300px;
    }

        .business-april-promo-banner:before {
            width: 65%;
        }

        .business-april-promo-banner .wrapper .header {
            position: relative;
            width: 55%;
            padding-bottom: 20px;
            margin-left: 80px;
        }

            .business-april-promo-banner .wrapper .header h1 {
                font-size: 37px;
            }

    .martovski-inner-banner {
        height: 190px;
    }

        .martovski-inner-banner img {
            object-position: 50% 0;
        }
}

@media (max-width: 767px) {

    .business-maj-promo-banner {
        height: 450px;
        background-position: center;
    }

        .business-maj-promo-banner:before {
            display: none;
        }

        .business-maj-promo-banner .wrapper .header {
            position: absolute;
            height: auto;
            width: 100%;
            margin-left: 0;
            background: #e20074;
            bottom: 0;
            padding: 10px 20px;
        }

            .business-maj-promo-banner .wrapper .header h1 {
                font-size: 22px;
            }

                .business-maj-promo-banner .wrapper .header h1 span {
                    font-size: 40px;
                    margin-right: 10px;
                }

            .business-maj-promo-banner .wrapper .header h2 {
                font-size: 23px;
            }

    .business-office-banner {
        height: 450px;
        background-position: 55%;
    }

        .business-office-banner:before {
            display: none;
        }

        .business-office-banner .wrapper .header {
            position: absolute;
            height: auto;
            width: 100%;
            margin-left: 0;
            background: #e20074;
            bottom: -45px;
            padding: 10px 20px;
        }

            .business-office-banner .wrapper .header h1 {
                font-size: 22px;
                margin: 0 0 15px;
            }

                .business-office-banner .wrapper .header h1 span {
                    font-size: 22px;
                    margin-right: 10px;
                }

            .business-office-banner .wrapper .header h2 {
                font-size: 19px;
            }

            .business-office-banner .wrapper .header .small {
                margin-top: 0;
            }

    .business-septemvri-promo-banner {
        background-position: 70%;
    }

        .business-septemvri-promo-banner:before {
            display: none;
        }

        .business-septemvri-promo-banner .wrapper .header {
            position: absolute;
            height: auto;
            width: 100%;
            margin-left: 0;
            background: #e20074;
            bottom: 0;
            padding: 10px 20px;
        }

            .business-septemvri-promo-banner .wrapper .header h1 {
                font-size: 22px;
                margin: 0 0 15px;
            }

                .business-septemvri-promo-banner .wrapper .header h1 span {
                    font-size: 22px;
                    margin-right: 10px;
                }

            .business-septemvri-promo-banner .wrapper .header h2 {
                font-size: 23px;
            }

            .business-septemvri-promo-banner .wrapper .header .small {
                display: none;
            }




    .business-april-promo-banner {
        height: 300px;
        background-position: center;
    }

        .business-april-promo-banner:before {
            display: none;
        }

        .business-april-promo-banner .wrapper .header {
            position: absolute;
            height: auto;
            width: 100%;
            margin-left: 0;
            background: #e20074;
            bottom: 0;
            padding: 10px 20px;
        }

            .business-april-promo-banner .wrapper .header h1 {
                font-size: 25px;
            }

    .martovski-inner-banner {
        height: 230px;
    }

        .martovski-inner-banner img {
            object-position: 13% 0;
        }
}

@media (min-width: 320px) and (max-width: 400px) {
    .martovski-inner-banner {
        height: 180px;
    }
}
/*#endregion mobile martovski baner*/
/*#region martovska promocija b2b 2024*/
.b2b-mart-vnatreshen {
    position: relative;
    height: 450px;
    background-image: url('/content/images/business-tarifi/b2b-mart-2024-tarifi-bg.jpg');
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
}

    .b2b-mart-vnatreshen .wrapper {
        position: relative;
        display: flex;
        justify-content: flex-end;
        z-index: 2;
        height: 100%;
        text-align: right;
    }

        .b2b-mart-vnatreshen .wrapper .header {
            width: 45%;
            margin-right: 30px;
            padding-top: 40px;
            position: relative;
        }

            .b2b-mart-vnatreshen .wrapper .header h1 {
                color: white;
                font-family: teleNeo-extra !important;
                font-size: 75px;
                text-transform: none;
                line-height: 1.1;
            }

            .b2b-mart-vnatreshen .wrapper .header h2 {
                color: black;
                font-size: 35px;
                font-family: teleNeo-extra !important;
            }

            .b2b-mart-vnatreshen .wrapper .header .ec {
                position: absolute;
                left: -50px;
                width: 120px;
                bottom: 0;
            }

    .b2b-mart-vnatreshen .image {
        position: absolute;
        right: 0;
        top: 0;
        width: 55%;
        height: 100%;
    }

        .b2b-mart-vnatreshen .image img {
            width: 100%;
            height: 100%;
        }

@media (max-width: 767px) {
    .b2b-mart-vnatreshen {
        height: 300px;
    }

        .b2b-mart-vnatreshen .wrapper .header {
            width: 100%;
            padding: 10px;
            margin: 0;
            position: absolute;
            bottom: 0;
            background: #e20074;
        }

            .b2b-mart-vnatreshen .wrapper .header h1 {
                font-size: 31px;
            }

            .b2b-mart-vnatreshen .wrapper .header h2 {
                font-size: 24px;
            }

            .b2b-mart-vnatreshen .wrapper .header br {
                display: none;
            }

        .b2b-mart-vnatreshen .image {
            display: none;
        }

        .b2b-mart-vnatreshen .wrapper .header .ec {
            left: 10px;
            width: 110px;
            bottom: 120px;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    .b2b-mart-vnatreshen {
        height: 340px;
    }

        .b2b-mart-vnatreshen .wrapper .header h1 {
            font-size: 50px;
        }

        .b2b-mart-vnatreshen .wrapper .header h2 {
            font-size: 28px;
        }

        .b2b-mart-vnatreshen .wrapper .header .ec {
            left: -80px;
            bottom: 20px;
        }
}
/*#endregion martovska promocija b2b 2024*/
/*#region junska promocija b2b 2024*/
.b2b-juni-vnatreshen {
    position: relative;
    height: 450px;
    background-image: url('/content/images/business-tarifi/bg-small-promotivno-juni-2024.jpg');
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
}

    .b2b-juni-vnatreshen .wrapper {
        position: relative;
        display: flex;
        justify-content: flex-start;
        z-index: 2;
        height: 100%;
        text-align: left;
    }

        .b2b-juni-vnatreshen .wrapper .header {
            width: 45%;
            margin-right: 30px;
            padding-top: 40px;
            position: relative;
        }

            .b2b-juni-vnatreshen .wrapper .header h1 {
                color: white;
                font-family: teleNeo-extra !important;
                font-size: 45px;
                text-transform: none;
                line-height: 1;
            }

            .b2b-juni-vnatreshen .wrapper .header h2 {
                color: black;
                font-size: 35px;
                font-family: teleNeo-extra !important;
            }

            .b2b-juni-vnatreshen .wrapper .header .ec {
                position: absolute;
                right: 30%;
                bottom: 70px;
                width: 120px;
            }

    .b2b-juni-vnatreshen .image {
        position: absolute;
        left: 0;
        top: 0;
        width: 40%;
        height: 100%;
    }

        .b2b-juni-vnatreshen .image img {
            width: 100%;
            height: 100%;
        }

@media (min-width: 1200px) and (max-width: 1550px) {
    #m1-business-new .main-banner .b2b-juni-promocija-2024 .text-promo .ec {
        right: -120px;
    }

    #m1-business-new .main-banner:before {
        width: 60%;
    }

    .b2b-juni-vnatreshen {
        background-position: 60%;
    }

        .b2b-juni-vnatreshen .wrapper .header .ec {
            right: 0;
            width: 110px;
        }

        .b2b-juni-vnatreshen .image {
            width: 55%;
        }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .b2b-juni-vnatreshen {
        background-position: 60%;
    }

        .b2b-juni-vnatreshen .wrapper .header h1 {
            font-size: 50px;
        }

        .b2b-juni-vnatreshen .wrapper .header h2 {
            font-size: 32px;
        }

        .b2b-juni-vnatreshen .wrapper .header .ec {
            position: relative;
            left: 0;
            bottom: 0;
            width: 90px;
            right: unset;
        }

        .b2b-juni-vnatreshen .image {
            width: 55%;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    .b2b-juni-vnatreshen {
        height: 340px;
        background-position: 60%;
    }

        .b2b-juni-vnatreshen .wrapper .header h1 {
            font-size: 40px;
        }

        .b2b-juni-vnatreshen .wrapper .header h2 {
            font-size: 26px;
        }

        .b2b-juni-vnatreshen .wrapper .header .ec {
            position: relative;
            left: 0;
            bottom: 0;
            width: 100px;
            right: unset;
            padding-top: 10px;
        }

        .b2b-juni-vnatreshen .image {
            width: 55%;
        }
}

@media (max-width: 767px) {
    .b2b-juni-vnatreshen {
        height: 300px;
        background-position: 85%;
    }

        .b2b-juni-vnatreshen .wrapper .header {
            width: 100%;
            padding: 10px;
            margin: 0;
            position: absolute;
            bottom: 0;
            background: #e20074;
        }

            .b2b-juni-vnatreshen .wrapper .header h1 {
                font-size: 31px;
            }

            .b2b-juni-vnatreshen .wrapper .header h2 {
                font-size: 24px;
            }

            .b2b-juni-vnatreshen .wrapper .header br {
                display: none;
            }

        .b2b-juni-vnatreshen .image {
            display: none;
        }

        .b2b-juni-vnatreshen .wrapper .header .ec {
            right: 10px;
            width: 90px;
            bottom: 120px;
        }
}



/*#endregion junska promocija b2b 2024*/
.modal-dialog {
    top: 40%;
}

.mail-contactForm .modal-dialog {
    top: 15%;
}

#be-messenger {
    width: 75px !important;
}
/*#internet & tv dopolnitelni box-vi 100le*/

.internet-paketiContainer {
    position: relative;
    overflow: hidden;
    margin: 30px 0 50px;
}

    .internet-paketiContainer:before {
        content: " ";
        display: inline-block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 50%;
        height: 100%;
        background-image: url('../content/images/internet-paketi-redesign/internet-bg.png');
        background-repeat: no-repeat;
        background-position: left;
        background-size: cover;
        transition: 0.3s ease-in-out all;
    }

    .internet-paketiContainer:after {
        content: " ";
        display: inline-block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 50%;
        height: 100%;
        background-position: right;
        background-image: url('../content/images/internet-paketi-redesign/gaming-bg.png');
        background-size: cover;
        background-repeat: no-repeat;
    }

    .internet-paketiContainer.hover-effect:before,
    .internet-paketiContainer.hover-effect:after {
        transform: scale(1.1);
    }

    .internet-paketiContainer .custom-container {
        z-index: 1;
    }

    .internet-paketiContainer .firstBoxContainer,
    .internet-paketiContainer .secondBoxContainer {
        flex-grow: 1;
        box-sizing: border-box;
    }

    .internet-paketiContainer #internetPaketiID {
        position: relative;
        overflow: hidden;
    }

    .internet-paketiContainer .firstBoxContainer:hover .arrowSvg svg,
    .internet-paketiContainer .secondBoxContainer:hover .arrowSvg svg {
        fill: #E20074 !important;
        transition: 0.2s ease-in-out all;
        transform: translateX(20px);
    }

    .internet-paketiContainer .firstBoxContainer:hover,
    .internet-paketiContainer .secondBoxContainer:hover {
        background-size: 110%;
        transition: 0.3s ease-in-out all;
    }

        .internet-paketiContainer .firstBoxContainer:hover .arrowSvg svg path,
        .internet-paketiContainer .secondBoxContainer:hover .arrowSvg svg path {
            fill: #E20074;
        }

    .internet-paketiContainer .wrapper {
        display: flex;
    }

    .internet-paketiContainer .card {
        box-sizing: border-box !important;
    }

    .internet-paketiContainer .card-body p {
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        font-size: 18px;
    }

    .internet-paketiContainer .custom-container .card {
        min-height: 300px;
        padding: 50px 50px 50px 80px;
    }

    .internet-paketiContainer .firstBoxContainer .card-title span p {
        font-size: 40px;
        color: white;
        padding-bottom: 10px;
        text-align: left;
    }

    .internet-paketiContainer .sub-head {
        color: #FFFFFF;
        opacity: 0.71;
        font-size: 24px;
    }

    .internet-paketiContainer .firstBoxContainer .card-title::before {
        content: "";
        position: absolute;
        background: #E20074 0% 0% no-repeat padding-box;
        border-radius: 4px;
        width: 98px;
        height: 8px;
        top: 210px;
    }

    .internet-paketiContainer .secondBoxContainer .card-title::before {
        content: "";
        position: absolute;
        background: #E20074 0% 0% no-repeat padding-box;
        border-radius: 4px;
        width: 98px;
        height: 8px;
        top: 210px;
    }

    .internet-paketiContainer .arrowSvg {
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 10px;
        transition: 0.2s ease-in-out all;
    }

        .internet-paketiContainer .arrowSvg svg {
            width: 25px;
            height: 25px;
            transition: 0.2s ease-in-out all;
            position: relative;
        }


    .internet-paketiContainer .card .card-body {
        padding-top: 60px;
    }

    .internet-paketiContainer .card-body p:first-child {
        padding-bottom: 20px;
    }

    .internet-paketiContainer .secondBoxContainer .card-title span p {
        font-size: 40px;
        color: white;
        padding-bottom: 10px;
        text-align: left;
    }

    .internet-paketiContainer .card .card-title p {
        text-align: left;
    }

@media (max-width: 1050px) {
    .internet-paketiContainer .wrapper {
        flex-direction: column;
    }

    .internet-paketiContainer::before {
        width: 100%;
        height: 50%;
    }

    .internet-paketiContainer::after {
        width: 100%;
        height: 50%;
        top: 50%;
    }

    .internet-paketiContainer .secondBoxContainer .card-title::before {
        top: 540px;
    }
}



@media (max-width: 991px) {
    .internet-paketiContainer .card {
        padding: 28px 21px 0px 20px;
    }

    .internet-paketiContainer .firstBoxContainer .card-title::before {
        top: 170px !important;
    }

    .internet-paketiContainer .card-title span p {
        font-size: 26px !important;
    }

    .internet-paketiContainer .sub-head {
        font-size: 20px !important;
    }

    .internet-paketiContainer .card .card-body {
        padding-top: 45px !important;
        padding-bottom: 40px !important;
    }

    .internet-paketiContainer .secondBoxContainer .card-title::before {
        top: 470px !important;
    }

    .internet-paketiContainer .secondBoxContainer .card-title span p {
        font-size: 29px;
    }
}

@media (max-width: 767px) {
    .internet-paketiContainer .custom-container .card {
        min-height: 520px;
        padding: 20px 10px;
        position: relative;
    }

    .internet-paketiContainer .firstBoxContainer .card-title span p {
        padding-bottom: 0;
    }

    .internet-paketiContainer .firstBoxContainer .card-title::before {
        width: 100px;
        height: 4px;
    }

    .internet-paketiContainer .card .card-body {
        padding-top: 25px !important;
    }

        .internet-paketiContainer .card .card-body br {
            display: none;
        }

    .internet-paketiContainer .secondBoxContainer .card-title::before {
        width: 100px;
        height: 4px;
        top: 170px !important;
    }
}
/*#internet & tv dopolnitelni box-vi 100le*/


/*#region internet & tv dopolnitelni box-vi antonija*/
#optichki-internet-boosters {
    position: relative;
    padding: 30px 0;
    margin: 50px 0;
    overflow: hidden;
}

    #optichki-internet-boosters .internet-paketi .wrapper {
        display: flex;
        justify-content: space-evenly;
        align-items: flex-start;
    }
    /*#optichki-internet-boosters:before {
        content: " ";
        display: inline-block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 50%;
        height: 100%;
        transition: transform .2s;
    }*/
    #optichki-internet-boosters:before {
        content: " ";
        display: inline-block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 50%;
        height: 100%;
        transition: transform .2s;
        background: linear-gradient(320deg, #0c0e13, #151520);
    }

    #optichki-internet-boosters .wrapper .card {
        position: relative;
        width: 100%;
        border-radius: 8px;
        padding: 40px 210px 30px 60px;
        min-height: 400px;
        z-index: 3;
    }

        #optichki-internet-boosters .wrapper .card .btn-primary {
            background-color: transparent !important;
            border-color: transparent !important;
        }

        #optichki-internet-boosters .wrapper .card .stretched-link:after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1;
        }

    #optichki-internet-boosters .internet-paketi .firstBox {
        position: relative;
    }

        #optichki-internet-boosters .internet-paketi .firstBox:after {
            content: url(../content/images/internet-paketi-redesign/internet-bg-copy-optichki.png);
            background-repeat: no-repeat;
            background-position: right;
            transition: transform .2s;
            display: inline-block;
            position: absolute;
            top: -40px;
        }

    #optichki-internet-boosters .internet-paketi .firstBox,
    #optichki-internet-boosters .internet-paketi .secondBox {
        width: 50%;
    }

    #optichki-internet-boosters .internet-paketi .secondBox {
        z-index: 2;
        position: relative;
    }

        #optichki-internet-boosters .internet-paketi .secondBox:after {
            content: " ";
            display: inline-block;
            position: absolute;
            top: 0;
            bottom: 0;
            right: -155px;
            width: 100%;
            height: 100%;
            background-image: url(../content/images/internet-paketi-redesign/dzojstik.png);
            background-repeat: no-repeat;
            background-position: right;
            transition: transform .2s;
        }

        #optichki-internet-boosters .internet-paketi .firstBox:hover:after,
        #optichki-internet-boosters .internet-paketi .secondBox:hover:after {
            transform: scale(1.1);
            transition: 0.2s ease-in-out all;
        }

        #optichki-internet-boosters .internet-paketi .firstBox .card-title .sub-head::before,
        #optichki-internet-boosters .internet-paketi .secondBox .card-title .sub-head::before {
            content: "";
            position: absolute;
            background: #E20074 0% 0% no-repeat padding-box;
            border-radius: 4px;
            width: 70px;
            height: 6px;
            top: 55px;
        }

    #optichki-internet-boosters .internet-paketi .arrowSvg {
        transition: 0.2s ease-in-out all;
        padding-left: 30px;
    }

    #optichki-internet-boosters .internet-paketi .firstBox .card-title h2,
    #optichki-internet-boosters .internet-paketi .secondBox .card-title h2 {
        font-size: 32px;
        color: white;
        padding-bottom: 5px;
        text-align: left;
        display: flex;
        align-items: center;
    }

    #optichki-internet-boosters .internet-paketi .arrowSvg svg {
        width: 25px;
        height: 20px;
        transition: 0.2s ease-in-out all;
        position: relative;
    }

    #optichki-internet-boosters .internet-paketi .sub-head {
        color: #FFFFFF;
        opacity: 0.71;
        font-size: 22px;
        margin-top: 0;
        min-height: 75px;
        position: relative;
    }

    #optichki-internet-boosters .internet-paketi .card-body p {
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        font-size: 18px;
    }

    #optichki-internet-boosters .internet-paketi .firstBox:hover .arrowSvg svg,
    #optichki-internet-boosters .internet-paketi .secondBox:hover .arrowSvg svg {
        fill: #E20074 !important;
        transition: 0.2s ease-in-out all;
        transform: translateX(20px);
    }

        #optichki-internet-boosters .internet-paketi .firstBox:hover .arrowSvg svg path,
        #optichki-internet-boosters .internet-paketi .secondBox:hover .arrowSvg svg path {
            fill: #E20074;
        }

    #optichki-internet-boosters:hover::before {
        transform: scale(1.1);
        transition: 0.2s ease-in-out all;
    }

    #optichki-internet-boosters:after {
        content: " ";
        display: inline-block;
        position: absolute;
        background-image: url(../content/images/internet-paketi-redesign/bg-gaming-new.png);
        background-repeat: no-repeat;
        background-position: right;
        background-size: cover;
        top: 0;
        bottom: 0;
        right: 0;
        width: 50%;
        height: 100%;
    }

@media (min-width: 1551px) and (max-width: 1700px) {
    #optichki-internet-boosters .internet-paketi .secondBox:after {
        right: -65px;
    }
}

@media (min-width: 1200px) and (max-width: 1550px) {
    #m1-business-new .main-banner {
        background-position: 60%;
    }

        #m1-business-new .main-banner .text-promo > img {
            max-width: 40% !important;
        }

        #m1-business-new .main-banner .ec {
            top: 30px;
            right: 37%;
        }

    #optichki-internet-boosters .wrapper .card {
        padding: 40px 100px 30px 60px;
    }

    #optichki-internet-boosters .internet-paketi .secondBox:after {
        top: unset !important;
        bottom: -25px;
        right: -35px;
        width: 180px;
        height: 180px;
        background-image: url(../content/images/internet-paketi-redesign/dzojstik.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right;
        transition: transform .2s;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    #optichki-internet-boosters .wrapper .card {
        padding: 40px 40px 30px 0;
    }

    #optichki-internet-boosters .wrapper .secondBox .card {
        padding-left: 25px;
    }

    #optichki-internet-boosters .internet-paketi .secondBox:after {
        top: unset !important;
        bottom: -25px;
        right: -35px;
        width: 180px;
        height: 180px;
        background-image: url(../content/images/internet-paketi-redesign/dzojstik.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right;
        transition: transform .2s;
    }
}



@media (max-width: 991px) {
    .internet-paketi .wrapper {
        flex-direction: column;
    }

    #optichki-internet-boosters .internet-paketi .card {
        padding: 40px 20px 0px 20px;
        position: relative;
    }


    .internet-paketi .sub-head {
        font-size: 20px !important;
    }

    .internet-paketi .card .card-body {
        padding-top: 10px !important;
        padding-bottom: 40px !important;
    }

    .internet-paketi .card {
        padding: 20px 10px;
    }

    #optichki-internet-boosters .internet-paketi .card {
        min-height: 450px;
    }

    #optichki-internet-boosters .internet-paketi .firstBox,
    #optichki-internet-boosters .internet-paketi .secondBox {
        width: 100%;
    }

        #optichki-internet-boosters .internet-paketi .secondBox:after {
            right: -80px;
            left: 0;
            margin: 0 auto;
            top: unset;
            bottom: -140px;
        }

    #optichki-internet-boosters:before {
        width: 100%;
        height: 50%;
        bottom: unset !important;
    }

    #optichki-internet-boosters:after {
        width: 100%;
        height: 50%;
        top: unset !important;
    }

    #optichki-internet-boosters .wrapper .card {
        width: 100%;
    }

    .internet-paketi .firstBox .card-title span p {
        padding-bottom: 0;
    }
}

@media (max-width: 767px) {
    #optichki-internet-boosters .internet-paketi .card {
        padding: 20px 10px;
        position: relative;
    }

    #optichki-internet-boosters .internet-paketi .card {
        min-height: 520px;
    }

    #optichki-internet-boosters .internet-paketi .firstBox,
    #optichki-internet-boosters .internet-paketi .secondBox {
        width: 100%;
    }

        #optichki-internet-boosters .internet-paketi .secondBox:after {
            right: 0;
            left: 0;
            margin: 0 auto;
            top: unset;
            bottom: -180px;
        }

    #optichki-internet-boosters:before {
        width: 100%;
        height: 50%;
        bottom: unset !important;
    }

    #optichki-internet-boosters:after {
        width: 100%;
        height: 50%;
        top: unset !important;
    }

    #optichki-internet-boosters .wrapper .card {
        width: 100%;
    }

    .internet-paketi .firstBox .card-title span p {
        padding-bottom: 0;
    }

    .internet-paketi .firstBox .card-title::before {
        width: 100px;
        height: 4px;
    }

    .internet-paketi .card .card-body {
        padding-top: 15px !important;
    }

        .internet-paketi .card .card-body br {
            display: none;
        }

    .internet-paketi .secondBox .card-title::before {
        width: 100px;
        height: 4px;
        top: 170px !important;
    }
}
/*#endregion internet & tv dopolnitelni box-vi antonija*/


#gley .gley-last {
    padding: 80px 0 60px;
}

section.gley-last .custom-acc .panel-heading {
    background: transparent radial-gradient(closest-side at 50% 19%, #EF007B 0%, #C40064 100%) 0% 0% no-repeat padding-box;
    border-radius: 11px;
    padding: 0;
}

    section.gley-last .custom-acc .panel-heading h4 {
        padding: 0 !important;
    }


section.gley-last .custom-acc .panel-default {
    background-color: unset !important;
    border-bottom: unset !important;
}

section.gley-last .custom-acc .panel-heading h4 a {
    padding: 25px 20px;
    font-size: 20px !important;
    font-family: 'teleNeo-bold' !important;
    color: white;
    display: block;
    text-decoration: unset;
}

#gley .gley-opportunities .wrapper .left-text h2 {
    font-family: 'teleNeo-bold' !important;
}

#gley-activation .second-paragraph ol li img {
    position: relative;
    top: -4px;
    height: 20px;
    width: 20px;
    margin-left: 3px;
}


section.gley-last .custom-acc #collapseOne {
    padding: 20px 0 0 30px;
}

section.gley-last .custom-acc .panel {
    box-shadow: unset;
}


section.gley-last .custom-acc p {
    font-size: 18px;
}

section.gley-last .custom-acc ol li {
    font-size: 18px;
}

section.gley-last .custom-acc .second-paragraph ol.activate {
    position: relative;
    list-style-type: none;
    padding-left: 0px;
    list-style-position: inside;
    display: list-item;
}


    section.gley-last .custom-acc .second-paragraph ol.activate li {
        padding-bottom: 10px;
        counter-increment: ol;
        display: list-item;
        position: relative;
        padding-left: 30px;
    }

        section.gley-last .custom-acc .second-paragraph ol.activate li:after {
            display: inline-block;
            content: " " counter(ol) " ";
            color: #A5A5A5;
            opacity: 1;
            font-family: 'teleNeo-bold' !important;
            top: 0;
            width: 20px;
            left: 0;
            height: 20px;
            position: absolute;
            font-size: 24px;
        }

        section.gley-last .custom-acc .second-paragraph ol.activate li:before {
            content: '';
            position: absolute;
            left: 13px;
            width: 3px;
            background: transparent;
            height: 34px;
            margin: auto;
            border-bottom: 12px solid #e20074;
            top: 0;
        }

section.gley-last .custom-acc .panel-heading h4 a {
    position: relative;
}

    section.gley-last .custom-acc .panel-heading h4 a.collapsed:before {
        transform: rotate(0deg);
        transition-duration: .25s;
        top: 50%;
        content: '';
        position: absolute;
        color: white;
        font-size: 30px;
        top: 0;
        bottom: 0;
        right: 40px;
        margin: auto;
        width: 17px;
        height: 10px;
        background-image: url(../content/images/gley/arrow.svg);
        background-repeat: no-repeat;
        background-size: cover;
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7476%) hue-rotate(128deg) brightness(108%) contrast(105%);
    }

    section.gley-last .custom-acc .panel-heading h4 a:before {
        transform: rotate(180deg);
        transition-duration: .25s;
        top: 50%;
        content: '';
        position: absolute;
        color: white;
        font-size: 30px;
        top: 0;
        bottom: 0;
        right: 40px;
        margin: auto;
        width: 17px;
        height: 10px;
        background-image: url(../content/images/gley/arrow.svg);
        background-repeat: no-repeat;
        background-size: cover;
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7476%) hue-rotate(128deg) brightness(108%) contrast(105%);
    }



@media (min-width: 768px) and (max-width: 991px) {
    #gley .gley-opportunities .wrapper .right-text {
        margin-left: 0 !important;
    }


    #gley .gley-opportunities {
        background-image: url(../content/images/gley/gley-white-bg.png);
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        position: relative;
        width: 100%;
        padding: 30px 0 80px !important;
    }

    #gley .gley-activation {
        padding: 0px 0 80px !important;
    }

    #gley .gley-last {
        padding: 50px 0 50px;
    }

        #gley .gley-last .wrapper .text-last-2 .icons {
            padding-top: 20px !important;
        }
}


@media (max-width: 767px) {


    #gley .gley-opportunities {
        padding: 20px 0 !important;
    }

    #gley .gley-activation {
        padding: 0 0 60px !important;
    }

    #gley .gley-last .wrapper .text-last-1 p:first-of-type {
        margin-bottom: 20px;
    }

    #gley .gley-last {
        background: transparent radial-gradient(closest-side at 50% 0%, #00000096 0%, #0000000f 100%) 0% 0% no-repeat padding-box !important;
    }

    #gley .gley-activation:after {
        content: ' ';
        width: 100%;
        height: 300px;
        background-image: url(../content/images/gley/devices.png);
        background-repeat: no-repeat;
        right: 0;
        left: 0;
        position: relative;
        background-size: contain;
        transform: translate(-50px, 45px);
        display: block;
        margin: 0 auto;
        text-align: center;
    }
}