@import 'buttons.css';
@import 'fonts.css';

/*telekomONE*/
.white-box-right {
    background: white;
    padding: 25px;
    display: block;
    width: 100%;
    position: relative;
    text-align: center;
}

.right-box p {
    font-size: 18px;
    margin: 10px 0;
}

    .right-box p:first-child {
        line-height: 15px;
    }

.white-box-right .cena-mg {
    color: #e20074;
    font-size: 45px;
    /*padding: 10px 0;*/
}


.cena-mg span {
    font-size: 17px;
    text-transform: uppercase;
}

.right-box .btn.btn-magen {
    position: absolute;
    bottom: 15px;
    left: 20px;
    right: 20px;
    width: inherit;
    max-width: inherit;
}

.white-box-right .right-box-txt {
    color: #a4a4a4;
    line-height: 15px;
    font-size: 15px;
}

.box-click-height {
    min-height: 135px;
}

.box-click-height2 {
    min-height: 105px;
}


.box-click {
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 30px;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    box-shadow: 0 1px 3px #ccc;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
}

    .box-click h1 {
        margin-top: 0;
        padding: 0 0 15px 0;
        color: #222222 !important;
        border-bottom: 1px solid #e9e9e9;
        font-size: 18px !important;
    }

    .box-click > p > a {
        width: 150px;
        display: block;
        max-width: none;
        text-align: center;
    }

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

.mb25 {
    margin-bottom: 25px;
}

/*.white-box-right .cena-grey {
    color: #8c8c8c;
    font-size: 45px;
    padding: 0;
    text-decoration: line-through;

}*/
.white-box-right .cena-grey {
    color: #8c8c8c;
    font-size: 45px;
    padding: 0;
    text-decoration: line-through;
    position: relative;
    padding-right: 37px;
    display: inline-block;
}

    .white-box-right .cena-grey span {
        position: absolute;
        bottom: 11px;
        right: 0;
    }

.cena-grey span {
    font-size: 17px;
    text-transform: uppercase;
}


.help-box-magenta.box-without-height {
    min-height: 0;
}

.plati-onlajn-box h1 {
    color: #e20074;
    text-align: center;
    border-bottom: none;
    font-weight: 700;
    text-transform: uppercase;
}

.plati-onlajn-box .btn-magen:hover {
    color: white;
}

.plati-esmetka-naslov {
    color: #e20074 !important;
    border-bottom: none;
    font-weight: 700;
    font-size: 28px;
}

.plati-esmetka-txt {
    color: #000000 !important;
    font-size: 18px;
}

.white-box.no-padding {
    padding: 0;
}

.white-box.no-padding-img {
    padding: 0;
    background: url('../content/images/plati_onlanj_v2.png');
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: cover;
}


.mobilni-integrirani-uslugi {
    padding: 15px;
}

    .mobilni-integrirani-uslugi h1 {
        text-transform: uppercase;
        font-size: 18px;
        color: #000000;
        border-bottom: 1px solid #dadada;
    }

.code {
    width: 142px;
}

.pl15 {
    padding-left: 15px;
}

.moja-smetka-pad {
    padding: 25px 0;
}

.po-footer {
    position: relative;
}

    .po-footer a {
        position: absolute;
        top: 51%;
        left: 9.5%;
    }

.e-smetka-aktivacija {
    padding-right: 0;
    float: left;
}

.e-smetka-aktivacija-forma {
    width: 320px;
    float: right;
    position: absolute;
    top: 38px;
    right: 0;
    overflow: hidden;
    background: #E2E2E2;
}


/*BILL EXPLANATION START*/
.ebill-explanation {
    font-family: 'tele-groteskhalregular', sans-serif;
    font-size: 1.3em;
    line-height: 1.3em;
    display: block;
    padding: 0 20px;
    width: 100%;
    min-height: 1216px;
    min-width: 600px;
    max-width: 768px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 20px;
    position: relative;
    -webkit-box-shadow: 0 2px 12px 0 #888;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,0.5);
    -moz-box-shadow: 0 2px 12px 0 #888;
    -moz-box-shadow: 0 2px 12px 0 rgba(0,0,0,0.5);
    box-shadow: 0 2px 12px 0 #888;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,0.5);
    border: 1px solid #888;
    background-color: #fff;
}

.ebill-tooltip-content span {
    font-size: 15px;
    line-height: 15px;
}

.ebill-explanation .ebill-tooltip-content > img {
    width: auto !important;
}
/*Play Comfort*/
.ebill-explanation-img {
    position: relative;
    /*padding: 100px 20px;*/
    padding: 12% 3.5%;
}
/*Family Box*/
.ebill-explanation-img2 {
    position: relative;
    /*padding: 100px 20px;*/
    padding: 12% 4%;
}

.ebill-explanation-img > img {
    width: 100%;
}

.ebill-explanation-img2 > img {
    width: 100%;
}

.ebill-explanation-img .ebill-tooltip {
    display: block;
    position: absolute;
}

.ebill-explanation-img2 .ebill-tooltip {
    display: block;
    position: absolute;
}

.ebill-explanation-img .ebill-tooltip .tooltip-icon {
    display: block;
    width: 15px;
    height: 15px;
    margin-left: 6px;
    background-image: url(img/tooltip-icon.png);
    background-repeat: no-repeat;
}

.ebill-explanation-img2 .ebill-tooltip .tooltip-icon {
    display: block;
    width: 15px;
    height: 15px;
    margin-left: 6px;
    background-image: url(img/tooltip-icon.png);
    background-repeat: no-repeat;
}


.ebill-explanation .ebill-tooltip-content {
    display: none;
    position: absolute;
    top: 15px;
    -ms-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    z-index: 20;
}

.ebill-explanation .ebill-tooltip:hover .ebill-tooltip-content {
    margin-left: -24px;
    display: block;
    -ms-opacity: 1;
    opacity: 1;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.ebill-explanation .ebill-tooltip .ebill-tooltip-content img {
    display: block;
    padding-left: 22px;
    position: relative;
    z-index: 10;
}

.ebill-explanation .ebill-tooltip .ebill-tooltip-content span {
    display: block;
    margin-top: -4px;
    padding: 10px;
    white-space: nowrap;
    border: 1px solid #e5046e;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 6px 0 #ccc;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 6px 0 #ccc;
    -moz-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 6px 0 #ccc;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);
    background-color: #ffffff;
}

    .ebill-explanation .ebill-tooltip .ebill-tooltip-content span.right {
        position: relative;
        left: -80%;
    }



/*** INDIVIDUAL TOOLTIP POSITIONING ***/
.ebill-explanation .ebill-tooltip.tooltip0 {
    top: 10%;
    left: 2%;
}


.ebill-explanation .ebill-tooltip.tooltip1 {
    top: 14.4%;
    left: 2%;
}

.ebill-explanation .ebill-tooltip.tooltip2 {
    top: 36.8%;
    left: 2%;
}

.ebill-explanation .ebill-tooltip.tooltip3 {
    top: 19.2%;
    left: 2%;
}

.ebill-explanation .ebill-tooltip.tooltip4 {
    left: 2%;
    top: 33.7%;
}

.ebill-explanation .ebill-tooltip.tooltip5 {
    left: 2%;
    top: 17.5%;
}

.ebill-explanation .ebill-tooltip.tooltip6 {
    left: 2%;
    top: 35.3%;
}

.ebill-explanation .ebill-tooltip.tooltip7 {
    left: 2%;
    top: 40.3%;
}

.ebill-explanation .ebill-tooltip.tooltip8 {
    top: 42.98%;
    left: 2%;
}

.ebill-explanation .ebill-tooltip.tooltip9 {
    top: 46.2%;
    left: 2%;
}

.ebill-explanation .ebill-tooltip.tooltip10 {
    left: 1%;
    top: 14%;
}

.ebill-explanation .ebill-tooltip.tooltip11 {
    left: 1%;
    top: 16.6%;
}

.ebill-explanation .ebill-tooltip.tooltip12 {
    left: 15%;
    bottom: 30.5%;
}

.ebill-explanation .ebill-tooltip.tooltip13 {
    left: 2%;
    top: 38.7%;
}

.ebill-explanation .ebill-tooltip.tooltip14 {
    left: 1%;
    top: 18%;
}

.ebill-explanation .ebill-tooltip.tooltip15 {
    left: 1%;
    top: 50%;
}

.ebill-explanation .ebill-tooltip.tooltip16 {
    top: 10%;
    left: 0;
}

.ebill-explanation .ebill-tooltip.tooltip17 {
    left: 0;
    top: 21.2%;
}

.ebill-explanation .ebill-tooltip.tooltip20 {
    top: 14.2%;
    left: 3%;
}

.ebill-explanation .ebill-tooltip.tooltip21 {
    top: 17.3%;
    left: 3%;
}

.ebill-explanation .ebill-tooltip.tooltip22 {
    top: 18.8%;
    left: 3%;
}

.ebill-explanation .ebill-tooltip.tooltip23 {
    top: 33.7%;
    left: 3%;
}

.ebill-explanation .ebill-tooltip.tooltip24 {
    top: 35.3%;
    left: 3%;
}

.ebill-explanation .ebill-tooltip.tooltip25 {
    left: 3%;
    top: 36.8%;
}

.ebill-explanation .ebill-tooltip.tooltip26 {
    left: 3%;
    top: 38.7%;
}

.ebill-explanation .ebill-tooltip.tooltip27 {
    left: 3%;
    top: 40.3%;
}

.ebill-explanation .ebill-tooltip.tooltip28 {
    left: 3%;
    top: 48.4%;
}

.ebill-explanation .ebill-tooltip.tooltip29 {
    left: 3%;
    top: 67%;
}

.ebill-explanation .ebill-tooltip.tooltip30 {
    left: 58%;
    top: 17%;
}

.ebill-explanation .ebill-tooltip.tooltip31 {
    right: 35.5%;
    top: 18%;
}

.ebill-explanation .ebill-tooltip.tooltip32 {
    right: 34.2%;
    top: 20.7%;
}

.ebill-explanation .ebill-tooltip.tooltip33 {
    left: 18.5%;
    top: 29.9%;
}

.ebill-explanation .ebill-tooltip.tooltip34 {
    left: 33%;
    top: 30.7%;
}

.ebill-explanation .ebill-tooltip.tooltip35 {
    left: 33.5%;
    top: 32.1%;
}

.ebill-explanation .ebill-tooltip.tooltip36 {
    left: 27.7%;
    top: 36.2%;
}

.ebill-explanation .ebill-tooltip.tooltip37 {
    left: 61%;
    top: 26.8%;
}

.ebill-explanation .ebill-tooltip.tooltip38 {
    left: 27.9%;
    top: 38.4%;
}

.ebill-explanation .ebill-tooltip.tooltip39 {
    left: 12.9%;
    top: 39.34%;
}

.ebill-explanation .ebill-tooltip.tooltip40 {
    left: 12.9%;
    top: 40.7%;
}

.ebill-explanation .ebill-tooltip.tooltip41 {
    left: 16.5%;
    top: 41.6%;
}

.ebill-explanation .ebill-tooltip.tooltip42 {
    left: 25.9%;
    top: 43.8%;
}

.ebill-explanation .ebill-tooltip.tooltip43 {
    left: 23.8%;
    top: 44.8%;
}

.ebill-explanation .ebill-tooltip.tooltip44 {
    left: 31%;
    top: 45.9%;
}

.ebill-explanation .ebill-tooltip.tooltip45 {
    left: 24%;
    top: 47.2%;
}

.ebill-explanation .ebill-tooltip.tooltip46 {
    left: 21.5%;
    top: 48.2%;
}

.ebill-explanation .ebill-tooltip.tooltip47 {
    left: 2%;
    top: 56.2%;
}

.ebill-explanation .ebill-tooltip.tooltip48 {
    left: 2%;
    top: 57.9%;
}

.ebill-explanation .ebill-tooltip.tooltip49 {
    left: 2%;
    top: 78%;
}

.ebill-explanation .ebill-tooltip.tooltip50 {
    left: 7%;
    top: 15.3%;
}

.ebill-explanation .ebill-tooltip.tooltip51 {
    left: 15%;
    top: 15.3%;
}

.ebill-explanation .ebill-tooltip.tooltip52 {
    left: 42.5%;
    top: 15.3%;
}

.ebill-explanation .ebill-tooltip.tooltip53 {
    right: 42%;
    top: 15.3%;
}

.ebill-explanation .ebill-tooltip.tooltip54 {
    right: 34%;
    top: 15.3%;
}

.ebill-explanation .ebill-tooltip.tooltip55 {
    right: 26%;
    top: 15.3%;
}

.ebill-explanation .ebill-tooltip.tooltip56 {
    right: 17%;
    top: 15.3%;
}

.ebill-explanation .ebill-tooltip.tooltip57 {
    right: 8%;
    top: 15.3%;
}

.ebill-explanation .ebill-tooltip.tooltip60 {
    left: 2%;
    top: 29.7%;
}

.ebill-explanation .ebill-tooltip.tooltip61 {
    top: 47.5%;
    left: 2%;
}

.ebill-explanation .ebill-tooltip.tooltip62 {
    top: 49.2%;
    left: 2%;
}

.ebill-explanation .ebill-tooltip.tooltip63 {
    top: 53%;
    left: 2%;
}

.ebill-explanation .ebill-tooltip.tooltip64 {
    bottom: 37%;
    left: 2%;
}

.ebill-explanation .ebill-tooltip.tooltip65 {
    top: 17%;
    right: 40%;
}

.ebill-explanation .ebill-tooltip.tooltip66 {
    top: 18.1%;
    right: 36%;
}

.ebill-explanation .ebill-tooltip.tooltip67 {
    top: 20.7%;
    right: 34%;
}

.ebill-explanation .ebill-tooltip.tooltip68 {
    right: 38.5%;
    top: 21%;
}

.ebill-explanation .ebill-tooltip.tooltip69 {
    right: 24.5%;
    top: 21%;
}

.ebill-explanation .ebill-tooltip.tooltip70 {
    right: 7.9%;
    top: 21%;
}

.ebill-explanation .ebill-tooltip.tooltip71 {
    left: 18%;
    top: 24.3%;
}

.ebill-explanation .ebill-tooltip.tooltip72 {
    left: 32.3%;
    top: 25.4%;
}

.ebill-explanation .ebill-tooltip.tooltip73 {
    left: 21%;
    top: 26.4%;
}

.ebill-explanation .ebill-tooltip.tooltip74 {
    left: 24.6%;
    top: 27.5%;
}

.ebill-explanation .ebill-tooltip.tooltip75 {
    left: 26.8%;
    top: 28.5%;
}

.ebill-explanation .ebill-tooltip.tooltip76 {
    left: 26%;
    top: 29.8%;
}

.ebill-explanation .ebill-tooltip.tooltip77 {
    left: 27.5%;
    top: 30.9%;
}

.ebill-explanation .ebill-tooltip.tooltip78 {
    left: 12.7%;
    top: 31.7%;
}

.ebill-explanation .ebill-tooltip.tooltip79 {
    left: 12.7%;
    top: 33%;
}

.ebill-explanation .ebill-tooltip.tooltip80 {
    left: 16.7%;
    top: 34%;
}

.ebill-explanation .ebill-tooltip.tooltip81 {
    left: 25.3%;
    top: 35%;
}

.ebill-explanation .ebill-tooltip.tooltip82 {
    left: 23.3%;
    top: 36.1%;
}

.ebill-explanation .ebill-tooltip.tooltip83 {
    left: 30.3%;
    top: 37.2%;
}

.ebill-explanation .ebill-tooltip.tooltip84 {
    left: 23%;
    top: 38.4%;
}

.ebill-explanation .ebill-tooltip.tooltip85 {
    left: 20.8%;
    top: 39.4%;
}

.ebill-explanation .ebill-tooltip.tooltip86 {
    left: 42.5%;
    bottom: 30.5%;
}

.ebill-explanation .ebill-tooltip.tooltip87 {
    left: 55.5%;
    bottom: 30.5%;
}

.ebill-explanation .ebill-tooltip.tooltip88 {
    right: 34.5%;
    bottom: 30.5%;
}

.ebill-explanation .ebill-tooltip.tooltip89 {
    right: 25.5%;
    bottom: 30.5%;
}

.ebill-explanation .ebill-tooltip.tooltip90 {
    right: 17.5%;
    bottom: 30.5%;
}

.ebill-explanation .ebill-tooltip.tooltip91 {
    right: 9.7%;
    bottom: 30.5%;
}

.ebill-explanation .ebill-tooltip.tooltip92 {
    top: 10%;
    left: 3%;
}

.ebill-explanation .ebill-tooltip.tooltip93 {
    top: 29.7%;
    left: 3%;
}

.ebill-explanation .ebill-tooltip.tooltip94 {
    left: 3%;
    top: 42.3%;
}

.ebill-explanation .ebill-tooltip.tooltip95 {
    left: 3%;
    top: 44.59%;
}

.ebill-explanation .ebill-tooltip.tooltip96 {
    left: 3%;
    top: 45.9%;
}

.ebill-explanation .ebill-tooltip.tooltip97 {
    left: 3%;
    top: 51.5%;
}

.ebill-explanation .ebill-tooltip.tooltip98 {
    left: 3%;
    top: 52.88%;
}

.ebill-explanation .ebill-tooltip.tooltip99 {
    left: 3%;
    top: 54.8%;
}

.ebill-explanation .ebill-tooltip.tooltip100 {
    left: 3%;
    top: 58.5%;
}

.ebill-explanation .ebill-tooltip.tooltip101 {
    left: 45%;
    bottom: 16%;
}

.ebill-explanation .ebill-tooltip.tooltip102 {
    left: 2%;
    top: 14%;
}

.ebill-explanation .ebill-tooltip.tooltip103 {
    left: 2%;
    top: 16.8%;
}

.ebill-explanation .ebill-tooltip.tooltip104 {
    left: 2%;
    top: 18.04%;
}

.ebill-explanation .ebill-tooltip.tooltip105 {
    left: 2%;
    top: 19.34%;
}

.ebill-explanation .ebill-tooltip.tooltip106 {
    left: 2%;
    top: 21.3%;
}

.ebill-explanation .ebill-tooltip.tooltip107 {
    left: 2%;
    top: 23.3%;
}

.ebill-explanation .ebill-tooltip.tooltip108 {
    left: 2%;
    top: 23.3%;
}

.ebill-explanation .ebill-tooltip.tooltip109 {
    top: 26.8%;
    right: 23%;
}

.ebill-explanation .ebill-tooltip.tooltip110 {
    top: 26.8%;
    right: 5%;
}

.ebill-explanation .ebill-tooltip.tooltip111 {
    left: 26.5%;
    top: 34.1%;
}

.ebill-explanation .ebill-tooltip.tooltip112 {
    left: 29.3%;
    top: 35.1%;
}

.ebill-explanation .ebill-tooltip.tooltip113 {
    left: 26.5%;
    top: 37.38%;
}



.ebill-explanation .ebill-tooltip.tooltip115 {
    left: 9%;
    top: 42.9%;
}

.ebill-explanation .ebill-tooltip.tooltip116 {
    left: 2%;
    top: 59.7%;
}

.ebill-explanation .ebill-tooltip.tooltip117 {
    left: 2%;
    top: 68.8%;
}


.ebill-explanation .ebill-tooltip.tooltip118 {
    left: 1%;
    bottom: 42.8%;
}

.ebill-explanation .ebill-tooltip.tooltip119 {
    bottom: 16%;
    left: 46%;
}

.ebill-explanation .ebill-tooltip.tooltip120 {
    top: 45%;
    right: 3%;
}

.ebill-explanation .ebill-tooltip.tooltip121 {
    left: 1%;
    bottom: 55%;
}

.ebill-explanation .ebill-tooltip.tooltip122 {
    left: 1%;
    bottom: 51.8%;
}

.ebill-explanation .ebill-tooltip.tooltip123 {
    left: 2%;
    top: 53%;
}

.ebill-explanation-wrapper {
    width: 100%;
    overflow: auto;
}

.ebill-explanation-img2 .ebill-tooltip img, .ebill-explanation-img .ebill-tooltip img {
    width: auto !important;
}
/*BILL EXPLANATION END*/

span.tvpaket-link a {
    color: #e20074;
    text-decoration: none;
}

.blue-box-left {
    position: relative;
    border: 1px solid #e9e9e9;
    box-shadow: 0 1px 3px #eee;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    padding: 20px;
    margin-bottom: 15px;
    background-color: #dce7ec;
    min-height: 333px;
    min-height: 295px\9;
}

    .blue-box-left:before, .blue-box-left:after {
        clear: both;
        content: '';
        display: table;
    }

    .blue-box-left a:hover, .blue-box-left a:focus {
        text-decoration: none;
    }

    .blue-box-left h1 {
        color: #222222;
        border-bottom: 1px solid #e9e9e9;
        margin-top: 0;
        padding: 0 0 15px 0;
        color: #222222;
        border-bottom: 1px solid #e9e9e9;
        font-size: 19px;
        text-transform: uppercase;
        min-height: 50px;
        font-family: tele-groteskfetregular;
    }

    .blue-box-left h2 {
        color: #222222;
        text-align: left;
        display: inline-block;
        margin: 0 0 0 20px;
        font-size: 22px;
    }

    .blue-box-left img {
        vertical-align: middle;
    }


    .blue-box-left ul {
        margin-top: 15px;
        position: relative;
        margin-bottom: 0;
    }

        .blue-box-left ul li {
            padding: 7px 0;
            border-bottom: 1px dotted #9f9a9a;
            padding-right: 10px;
        }

            .blue-box-left ul li a {
                color: #333;
                display: block;
            }

                .blue-box-left ul li a:hover {
                    text-decoration: none;
                    color: #e20074;
                }

            .blue-box-left ul li:last-child {
                border: none;
            }

            .blue-box-left ul li a:hover:after {
                text-decoration: none;
                color: #e20074;
            }

            .blue-box-left ul li a:focus {
                text-decoration: none;
            }


            .blue-box-left ul li a:after {
                font-size: 10px;
                color: #606060;
                position: absolute;
                font-family: Ionicons;
                content: "\f125";
                right: 0;
                padding-top: 4px;
            }




.white-box-border-one.dimension-free img.mobapp-img {
    width: auto;
    height: 81px;
    width: 81px\9;
    padding: 15px;
}

h2.brzi-linkovi-mgn {
    font-size: 24px;
    text-transform: uppercase;
    color: #e20074;
}

.pr15 {
    padding-right: 15px;
    padding: 0 15px 5px 0;
}

.brxi-linkovi-mgn .top-link span {
    color: #606060;
    position: absolute;
    bottom: 35%;
    right: 2px;
    font-size: 10px;
}

.icon-land.smartPlusPaketiP.del-home-360 {
    background-image: url(../img/piktogrami/askTelekom-new.png);
}

.home-icon-wrapper:hover .icon-land.smartPlusPaketiP.del-home-360 {
    background-image: url(../img/piktogrami/askTelekom-magenta-new.png);
}

.icon-land.internetOpcijeP.del-home-cloud {
    background-image: url(../img/piktogrami/TelekomCloud-new.png);
}

.home-icon-wrapper:hover .icon-land.internetOpcijeP.del-home-cloud {
    background-image: url(../img/piktogrami/TelekomCloud-magenta-new.png);
}

.icon-land.mojSvetP.del-home-office {
    background-image: url(../img/piktogrami/TelekomOffice-new.png);
}

.home-icon-wrapper:hover .icon-land.mojSvetP.del-home-office {
    background-image: url(../img/piktogrami/TelekomOffice-magenta-new.png);
}

.icon-land.mojaOpcijaP.del-home-team {
    background-image: url(../img/piktogrami/TelekomBussines-new.png);
}

.home-icon-wrapper:hover .icon-land.mojaOpcijaP.del-home-team {
    background-image: url(../img/piktogrami/TelekomBussines-magenta-new.png);
}

/*telekomONE*/




/*magenta1 end*/

.magenta-one .siv-box {
    background-color: #ededed;
    background-color: white;
    border-bottom: 1px solid #e5e5e5;
    -webkit-box-shadow: 3px 7px 5px 0px rgba(0,0,0,0.04);
    -moz-box-shadow: 3px 7px 5px 0px rgba(0,0,0,0.04);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.04);
}



.magenta-one .bel-box {
    background-color: white;
}

    .magenta-one .bel-box h1 {
        background-color: white;
    }

/*img.ec-20 {
    float: left !important;
    margin-top: 20px !important;
    position: relative !important;   
    left: 0 !important;    
    width: auto !important;
    bottom: 0px !important;
}*/

img.mgn1-cena {
    float: right !important;
    margin-top: 20px !important;
    position: relative !important;
    right: 0 !important;
    width: auto !important;
    bottom: 0px !important;
}

/*magenta1 end*/


.slider-naslovna2 ol.carousel-indicators {
    bottom: 0px;
}

.mobilni-integrirani-uslugi a:hover {
    text-decoration: none;
}

.bonus-title {
    position: absolute;
    padding: 10px 30px;
}

    .bonus-title h1 {
        font-weight: 100;
        color: #484848;
        font-size: 19px;
        text-transform: uppercase;
    }

        .bonus-title h1 > span {
            font-weight: 600;
            display: block;
        }

.table.table-blue.poramnuvanje-right tr td:last-child, .table.table-blue.poramnuvanje-right tr th:last-child {
    width: 200px;
}

.table.table-blue.poramnuvanje-prva tr td:first-child {
    width: 70%;
}

.mt25 {
    margin-top: 25px;
}


/*iphone6s start*/

.iphone6s.row20 {
    margin-right: -20px;
    margin-left: -20px;
}

.iphone6s-izbor p, .iphone6s-izbor h2, .iphone6s-izbor h3 {
    font-family: 'myriad_set_ot_txregular' !important;
}


.iphone6s-izbor {
    margin-top: 20px;
    margin-bottom: 80px;
}


    .iphone6s-izbor .lev-box img {
        width: 150px;
    }

    .iphone6s-izbor h2 {
        padding-top: 10px !important;
        border-bottom: 0px !important;
        font-size: 22px !important;
        border-bottom: 0px !important;
    }

    .iphone6s-izbor h3 {
        color: #3c3d3f;
        padding-bottom: 30px;
        padding-top: 20px;
    }



    .iphone6s-izbor .izbor-boi {
        margin-left: -20px;
        margin-bottom: 25px;
    }


        .iphone6s-izbor .izbor-boi img {
            display: block;
            margin: 0 auto;
        }




        .iphone6s-izbor .izbor-boi p {
            font-size: 14px;
            padding-top: 5px;
            text-align: center;
        }



.iphone6s h2, .iphone6s h4, .iphone6s p {
    font-family: 'MyriadSetOT-Text' !important;
    font-size: 18px;
    color: #6d6e71;
}

.iphone6s .iphone-button {
    padding: 10px;
    background-attachment: scroll;
    -moz-background-clip: border-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    background-color: transparent;
    background-image: none;
    -moz-background-origin: padding-box;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    background-size: auto;
    border-bottom-color: rgb(150, 150, 150);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(150, 150, 150);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(150, 150, 150);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(150, 150, 150);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgb(150, 150, 150);
    cursor: pointer;
    direction: ltr;
    /* display: block; */
    float: none;
    font-family: 'Myriad Set Pro', Arial;
    font-size: 12px;
    font-weight: normal;
    height: 32px;
    line-height: 31px;
    opacity: 1;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    top: auto;
    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
    -o-transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -moz-transition-property: -webkit-transform, opacity;
    -o-transition-property: -webkit-transform, opacity;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: -webkit-transform, opacity;
    -moz-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    z-index: 15;
    -ms-zoom: 1;
    zoom: 1;
    font-size: 14px;
    padding: 7px 26px;
    border: 1px solid #C5C5C5;
}


.iphone6s .centerblock {
    display: block;
    margin: 0 auto;
}


.iphone6s .iphone-header {
    margin-top: 30px;
    margin-bottom: 40px;
}


.iphone6s .centertext {
    text-align: center;
}


.iphone6s .iphone-header img {
    margin-bottom: 20px;
}



.iphone6s .iphone-holder h2 {
    font-size: 36px;
    color: #3c3d3f;
    padding: 50px 0 35px 0;
    display: block;
    font-weight: lighter;
    text-rendering: optimizeSpeed;
    text-align: left;
}


.iphone6s .iphone-holder p {
    font-size: 18px;
    color: #6d6e71;
    text-align: left;
    display: block;
    font-weight: lighter;
    text-rendering: optimizeSpeed;
    padding: 0;
    line-height: 24px;
}


.iphone6s .big-number {
    font-size: 15px;
    margin-bottom: 15px;
    padding-top: 0px;
}

.iphone6s .iphone-main-holder .p0 {
    position: relative;
}

.iphone6s .cenicka {
    /*position: absolute;
    top: 50%;
    left: 10%;*/
    margin-left: 50px;
}

.iphone6s .cenicka2 {
    /*position: absolute;
    top: 50%;
    left: 35%;*/
    margin-left: 30px;
}

.iphone6s .iphone-main-holder {
    position: relative;
}


.iphone6s .margintb20 {
    margin: 50px 30px 50px 30px;
}


.iphone6s .iphone-holder {
    width: 100%;
    margin: auto;
    padding: 15px;
}

.iphone6s .gray {
    background-color: #f1f2f2;
    /*width: 1000px;
    margin-left: -22px;
    padding: 30px;*/
}

.pl20 {
    padding-left: 20px;
}

.iphone6s .dark-gray {
    background-color: #e7e7e7;
    /*width: 1000px;
    margin-left: -22px;
    padding: 30px;*/
}

.iphone-holder.gray.pb0 {
    padding: 30px 30px 0px 30px;
}

.iphone-holder.pb0 {
    padding: 30px 30px 0px 30px;
}

.iphone-holder.dark-gray .img-30 {
    margin-left: -15px;
    padding-left: 0px;
}



.iphone-holder.dark-gray .iphone-txt-center {
    text-align: center;
    padding: 0px 35px 30px 35px;
}

.mp23 img {
    padding: 20px;
    margin-top: 30px;
}

.p30 {
    padding: 30px;
}

/*@media (max-width: 767px) {
    .iphone6s .cenicka {
        position: absolute;
        top: 25%;
        left: 0%;
        padding-left: 20px;
    }

    .iphone6s .cenicka2 {
        position: absolute;
        top: 60%;
        left: 60%;
        padding-left: 20px;
    }
}*/

.iphone-mb20 {
    margin: 20px 0px;
}

.pt30 {
    padding-top: 30px;
}

.iphone6s .cena1-iphone6s {
    /*position: absolute;
    top: 50%;
    left: 15%;*/
    margin-left: 60px;
}

/*.iphone6s .cena2-iphone6s {
    position: absolute;
    top: 50%;
}*/

/*.iphone-static {
    position: static;
}*/

.iphone-mb-20 {
    margin-bottom: -35px;
}

/*@media (max-width:768px) {
    .iphone6s .cenicka {
        position: relative;
        left: 5%;
    }

    .iphone6s .cenicka2 {
        position: relative;
        padding-top: 30px;
        left: 5%;
    }
}*/

@media (max-width:767px) {
    .iphone6s .cena1-iphone6s {
        margin-left: -10px;
    }

    .iphone6s .cena2-iphone6s {
        margin-right: -10px;
    }

    .iphone6s p.big-number {
        font-size: 13px !important;
        text-align: center;
    }

    .iphone-holder.dark-gray .iphone-txt-center {
        padding: 0px;
    }

    .iphone6s .cenicka {
        margin-left: 0px;
    }

    .iphone6s .cenicka2 {
        margin-left: 0px;
    }

    .iphone6s-mobimg {
        margin-bottom: 15px;
    }

    .cena1-iphone6s img {
        width: 60px;
        padding-left: 5px;
    }

    .cena2-iphone6s img {
        width: 80px;
        padding-left: 5px;
    }
}

.iphone-table {
    display: table;
    table-layout: fixed;
}

.iphone-tablecell {
    float: none;
    display: table-cell;
    vertical-align: middle;
}

.iphone-main-holder {
    display: table;
    table-layout: fixed;
    width: 100%;
}

    .iphone-main-holder .col-lg-6 {
        float: none;
        display: table-cell;
        vertical-align: middle;
    }

.iphone-fix-ceni {
    width: 100%;
    display: table;
}
/*iphone6s end*/

#device-televizori a.mt15 {
    margin-top: 15px;
}

#device-laptopi a.mt15 {
    margin-top: 15px;
}

.btn.btn-grey.mt15.fixedphones {
    margin-top: 15px;
}

/*Magenta 1 Business start*/

.white-border.bigger h1.magenta-business {
    font-weight: bold;
}

    .white-border.bigger h1.magenta-business span {
        float: right;
        font-size: 28px;
        margin-top: 0px;
        font-weight: normal;
    }

/*.p-uredi-cena.cena-small span.crtka-siva {
    display: block;
    position: absolute;
    width: auto;
    border-bottom: 1px solid #e20074;
    top: 14px;
    left: 0;
    right: 0;
    transform: rotate(-8deg);
}

.mgn-business {
    position: relative;
}*/

.mgn-business .p-uredi-cena.cena-small {
    right: 0px;
}


/*.mgn-business .gotobottom {
        position: absolute;
        width: 100%;
        bottom: 0px;
        height: 40px;
        left: 0px;
        padding: 0px 15px !important;
        bottom: -35px;
    }*/

/*.mgn-business .gotobottom > div {
            padding: 0 5px !important;
        }*/

/*.gotobottom .price2 {
    font-size: 25px;
}*/

/*@media (max-width: 767px) {
    .mgn-business .gotobottom {
        bottom: 40px;
    }

        .mgn-business .gotobottom > div {
            height: 40px;
        }
}*/

/*.magenta-one .p20 {
    padding: 20px !important;
}
.magenta-one .mgn-business {
    height:300px;
}*/

.mgn-business span.p-currency {
    max-width: 86px;
    text-align: center;
}

.mgn-business .p-uredi-cena {
    max-width: 225px;
}

.mgn-business .one-t-dicklaimer {
    position: absolute;
    right: 7px;
    top: 7px;
    left: 205px;
}

    .mgn-business .one-t-dicklaimer > span {
        left: 0px;
    }

.mgn-business .one-t-dicklaimer-message > p {
    padding: 10px;
}

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

.phone-box span.pripejd-valuta {
    font-size: 27px;
    letter-spacing: -0.02em;
    color: #E20074;
    margin: 0;
    text-align: center;
    font-family: 'tele-groteskfetregular';
}

.fixphones-pripejd span.pripejdPriceFormat {
    font-size: 27px;
    letter-spacing: -0.02em;
    color: #E20074;
    margin: 0;
    text-align: center;
    font-family: 'tele-groteskfetregular';
}

.fixphones-pripejd .txt-cena-naslovna {
    border-top: none;
}

.sim-card a {
    margin-top: 25px !important;
}

.sim-card .p-left {
    padding-right: 0px;
}

.fixphones-pripejd .p-left {
    padding-right: 0px;
}

.free-space img {
    position: absolute;
    top: -25px;
}

.groupContainere5ab69a3-002c-474a-a847-83f199efd082 .table-kanali tr:first-child > td {
    vertical-align: top;
}

.white-box-left .tariffbizH {
    height: 252px;
}

.ec-30-promo {
    position: absolute;
    left: 0px;
}

.product-item.lg-phones > h3 {
    color: #2F2F2F;
    font-size: 15px;
    text-transform: none;
    border-bottom: 1px solid #dadada;
    padding-bottom: 5px;
    font-family: 'tele-groteskhalregular';
    margin-bottom: 20px;
    width: 100%;
    height: 42px;
    vertical-align: middle;
    text-align: center;
}

.product-item.lg-phones span.price2 {
    font-size: 26px;
}

.product-item.lg-phones span.p-currency {
    font-size: 10px;
}

.product-item.lg-phones span.p-rates {
    font-size: 10px;
}

.product-item.lg-phones .lg-prices {
    height: 100px;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding-top: 13px;
}

    .product-item.lg-phones .lg-prices > div {
        display: table-cell;
    }

.lg-prices .pl0 {
    padding-left: 0px;
}

.lg-prices .disclaimer-lgphones {
    font-size: 10px;
    color: gray;
    margin-top: -10px;
    text-align: left;
}

.lg-prices a {
    margin-top: 10px;
    font-size: 13px;
}

@media (max-width: 767px) {
    .product-item.lg-phones .lg-prices > div {
        display: block;
    }
}

@media (min-width: 768px) and (max-width:1199px) {
    .product-item.lg-phones .lg-prices > div {
        display: block;
    }

    .office-new-pack .p-uredi-cena .smaller-cena {
        font-size: 18px !important;
    }

    .office-new-pack .price2 {
        font-size: 23px !important;
    }

    div#bot-new .p-uredi-cena .ec {
        position: absolute;
        right: 0px;
        top: 0;
        width: 50px;
    }
}
/*@media (min-width: 992px) and (max-width:1199px) {
    .product-item.lg-phones .lg-prices > div {
        display: block;
    }

    .product-item.lg-phones span.p-currency {
        font-size: 8px;
    }

    .product-item.lg-phones span.p-rates {
        font-size: 8px;
    }

    .lg-prices .p-right {
        padding-left: 10px;
    }

    .product-item.lg-phones span.price2 {
        font-size: 23px;
    }
}*/
.lg-prices .p-right.biz-lg {
    width: 35%;
}

.lg-prices .disclaimer-lgphones-biz {
    font-size: 10px;
    color: gray;
    margin-top: -10px;
    margin-left: -20px;
}
/*Magenta1 uredi start*/
.table.table-blue.pink-head th {
    /*background-color: #fbe6f1 !important;*/
    /* background-color: #fbe6f1 !important; */
    background-image: url(../images/magenta1-accbg.png);
    color: #ffffff;
    width: 100%;
    background-size: 100%;
    background-position: 0;
}

.table.table-blue.pink-head td.magenta-borright {
    border-right: 1px solid #cecece;
}

.table.table-blue.pink-head td.box-magenta-borright {
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece !important;
}

.box-magenta-borright h3.mag1-title {
    color: #000000;
    font-size: 15px;
    padding-bottom: 25px;
    text-transform: uppercase;
    min-height: 60px;
}

.box-magenta-borright .webshop-device-thumbnail.mag1-phones {
    display: inline-block;
    height: 200px;
}

.mag1-phones .ec-mag1-promo {
    position: absolute;
    left: 0px;
    top: 10px;
}

.mag1-phones .ec-mag1-promo2 {
    position: absolute;
    left: 0px;
    top: 10px;
}

.mag1-phones .ec-mag1-promo3 {
    position: absolute;
    left: 0px;
    top: 10px;
}

.box-magenta-borright .p-uredi-cena {
    /*margin-left: 35px;*/
    margin-bottom: 20px;
    padding-top: 15px;
}

.box-magenta-borright .mag1-footerprice {
    background-color: #f9f9f9;
    margin: -10px;
    height: 115px;
}

.table.table-blue.pink-head .mag1-disclaimer {
    font-size: 13px;
}

.table.table-blue.pink-head td.mag1-txt {
    background-color: #ffffff;
    border-bottom: none !important;
    padding-bottom: 0px;
}

.mag1-footerprice .p-right > span.p-currency {
    border-bottom: 1px solid #e20074;
    max-width: 70px !important;
}


@media (max-width:768px) {
    .box-magenta-borright .mag1-footerprice .p-uredi-cena {
        margin: 0 auto;
        text-align: center;
        padding-bottom: 10px;
    }

    .box-magenta-borright .mag1-footerprice .p-left {
        float: none;
        display: inline-block;
        width: auto;
    }

    .box-magenta-borright .mag1-footerprice .p-right {
        float: none;
        display: inline-block;
        width: auto;
    }

    .mag1-phones .ec-mag1-promo {
        position: absolute;
        left: 30px;
        top: 10px;
    }

    .mag1-phones .ec-mag1-promo2 {
        position: absolute;
        left: 30px;
        top: 10px;
    }

    .mag1-phones .ec-mag1-promo3 {
        position: absolute;
        left: 30px;
        top: 10px;
    }
    /*.table.table-blue.pink-head tr > td.box-magenta-borright {
    display: block !important;
    width: 100%;
}*/

}




/*Magenta1 new*/
@media (max-width:1320px) {
    .one-t-dicklaimer-message {
        position: absolute;
        width: 160px;
        background-color: white;
        z-index: 3;
        bottom: 10px;
        left: auto;
        padding: 7px;
        border: 1px solid #DADADA;
        border-radius: 2px;
        font-size: 13px;
        opacity: 0;
        /* visibility: hidden; */
        -webkit-transition: all ease-in-out 0.2s;
        -moz-transition: all ease-in-out 0.2s;
        -ms-transition: all ease-in-out 0.2s;
        -o-transition: all ease-in-out 0.2s;
        transition: all ease-in-out 0.2s;
        right: 0px;
        /* top: -10px; */
        right: 0px;
        padding: 5px !important;
    }

    .magenta-one div.one-t-dicklaimer-message {
        padding: 5px !important;
    }
}

.collapse-bg-image {
    text-align: left;
    box-shadow: 1px 1px 1px rgba(0,0,0,.2);
    border: 0 !important;
    font-weight: normal;
    font-family: tele-groteskfetregular;
    background-color: #dbecf4;
    cursor: pointer;
    color: #ffffff;
    width: 100%;
    background-size: 100%;
    background-position: 0;
}

    .collapse-bg-image p {
        background-image: url(../images/magenta1-accbg.png);
        text-shadow: none;
        background-repeat: no-repeat;
        margin: 0px;
        padding: 10px;
        font-size: 18px !important;
    }

.collapsed .collapse-bg-image p {
    background-image: none;
}

@media (max-width:370px) {
    .collapse-bg-image p {
        font-size: 15px !important;
    }
}

.collapsed .collapse-bg-image {
    background-image: url(../images/arrow_down_gray.png);
    background-color: #eee !important;
    border-bottom: 1px solid #ddd !important;
    color: #333333;
    margin-bottom: 15px;
}


.magenta1-tarifa {
    padding: 15px 0px 15px 10px;
    color: #e20074;
    border-bottom: 1px solid #eee !important;
    font-size: 18px;
}

.box-magenta-borright .mag1-footerprice {
    background-color: #f9f9f9;
    margin: 0;
    height: 115px;
}

.box-magenta-borright {
    border-bottom: 1px solid #cecece;
}

.info-text {
    color: #6C6C6C;
    font-size: 14px;
    line-height: 16px;
}

    .info-text p {
        padding: 5px 10px;
    }


@media (min-width:768px) {
    .box-magenta-borright:first-child, .box-magenta-borright:nth-child(2) {
        border-right: 1px solid #cecece;
    }
}


@media (max-width:767px) {
    .magenta-one .p-uredi-cena {
        margin: 0px auto;
        width: 100%;
        max-width: 185px;
        display: block;
        /* margin-right: 0px; */
        /* margin-left: 0; */
        position: absolute;
        bottom: 5px;
        right: 0;
    }
}


@media (max-width: 767px) {
    .table-responsive > .table.width-corr {
        width: 100% !important;
    }
}
/*Magenta1 uredi end*/

.white-box-left-m-klub-blue .black-friday-box {
    margin-bottom: 15px;
    position: relative;
}

.black-friday-box p.txt-more {
    position: absolute;
    color: #e20074;
    bottom: 0px;
    right: 20px;
}

/* Nagradna  igra START */

.white-box-left-m-klub-blue .m-width {
    width: 100%;
}


.white-box-left-m-klub-blue .m-game-tabs {
    top: -48px;
    z-index: 10;
    text-align: center;
    font-size: 17px;
    width: auto;
    display: inline-block;
    margin-left: -172px;
    position: relative;
    left: 50%;
}

.white-box-left-m-klub-blue h1.m-game-title {
    color: #e20074;
    text-transform: uppercase;
    font-size: 30px;
    margin-top: 20px;
    font-family: 'tele-groteskhalregular';
}

.white-box-left-m-klub-blue .m-game-subtitle {
    color: #e20074;
    font-size: 25px;
}

.white-box-left-m-klub-blue .m-game-subhead {
    margin-bottom: 0px;
    font-size: 20px;
    line-height: 15px;
    font-family: 'tele-groteskhalregular';
}

.white-box-left-m-klub-blue span.m-game-subsub {
    font-size: 23px;
    color: #4b4b4b;
    font-weight: 600;
    padding-bottom: 20px;
    line-height: 22px;
    text-transform: uppercase;
}

.white-box-left-m-klub-blue span.m-game-subsub2 {
    font-size: 23px;
    color: #4b4b4b;
    font-weight: 600;
    padding-bottom: 20px;
    line-height: 22px;
}

.white-box-left-m-klub-blue .m-separator {
    border-bottom: 1px solid #a4a4a4;
    padding: 6px 0;
    width: 100%;
}

#full-wrapper .resp-tabs-list.tabs-middle {
    display: inline-block;
    width: auto;
    position: absolute;
    left: 30%;
    text-align: center;
    top: 10px;
}

.white-box-left-m-klub-blue .nagradna-igra-wrapper {
    margin-top: 45px;
}


.white-box-left-m-klub-blue .m-samgalaxy {
    display: block;
    /*padding-top: 47px;*/
}

/*.white-box-left-m-klub-blue .w100 {
    width: 100% !important;
}*/

.m-pad {
    padding: 10px 0px;
}

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


.pt60 {
    padding-top: 60px;
}

.white-box-left-m-klub-blue .pr0dd {
    padding-right: 0px !important;
}

/*.white-box-left-m-klub-blue .samsung-container {
    height: 656px;
}*/

.white-box-left-m-klub-blue .m-tv {
    float: right;
    padding-bottom: 20px;
}

.specialbcg {
    background-image: url(../images/bgnagradna-igra.jpg) !important;
    background-size: cover;
    background-position: 50% 50%;
}

    .specialbcg .r-tabs .r-tabs-panel {
        background-color: transparent;
    }


@media only screen and (max-width:900px) and (min-width: 541px) {
    .white-box-left-m-klub-blue .m-tv {
        width: 400px !important;
    }
}

.nagradna-igra-wrapper .nagradna-igra-txt, .m-pad p, .m-pad ul li {
    font-size: 16px;
}

@media only screen and (max-width:768px) {
    .white-box-left-m-klub-blue .nagradna-igra-wrapper {
        margin-top: 0px;
    }

    .white-box-left-m-klub-blue .m-game-subhead {
        line-height: 20px;
    }
}

.table-blue .nagradna-igra-table > th {
    text-align: center;
    font-size: 18px !important;
}

.nagradna-igra-wrapper .table-blue {
    /*width: auto;*/
    height: 100%;
    min-height: 250px;
}

.nagradna-igra-wrapper .table > tbody > tr > td:first-child {
    font-family: 'tele-groteskhalregular';
}

/* Nagradna  igra END */


.btn-small-igra {
    width: 100px !important;
    padding-left: 25px !important;
}

.white-box-border-one.dimension-free h2 {
    min-height: 45px;
    font-size: 17px !important;
}

.r-tabs #groupItem1672 {
    padding: 20px 0px;
}

.lg-prices .p-left {
    width: auto;
    float: left;
}

.lg-prices .p-right {
    width: auto;
}

.white-box-max-tv.wo-popcorn {
    background-image: none;
}

.onlineDoc {
    margin: 10px 0px;
}

    .onlineDoc span {
        font-size: 13px;
        background-image: url('../images/pdf_icon.png');
        background-repeat: no-repeat;
        padding-bottom: 15px;
    }

        .onlineDoc span > a {
            margin-left: 20px;
        }


.white-box-left-m-klub-blue .mb20 {
    margin-bottom: 25px;
}

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

    .phone-box-mb.borright {
        border-right: 1px solid #dedede;
    }

.p20 {
    padding: 20px;
}

.product-item.lg-phones.huawei-phones .ec-30-promo {
    position: absolute;
    left: 13%;
}

.product-item.lg-phones.huawei-phones .lg-prices .w40 {
    width: 40%;
}

.product-item.lg-phones.huawei-phones .lg-prices .w60 {
    width: 60%;
}

.product-item.huawei-phones .webshop-device-thumbnail {
    width: 300px;
}

@media (max-width: 991px) {
    .product-item.huawei-phones .ec-30-promo {
        position: absolute;
        left: 0px;
    }

    .product-item.huawei-phones .webshop-device-thumbnail {
        width: auto;
    }

    .lg-phones.huawei-phones p.disclaimer-lgphones {
        text-align: center;
    }

    .pull-right.reset, .pull-left.reset {
        float: none !important;
    }
}

.lg-phones.huawei-phones .p-uredi-cena {
    max-width: 90px;
}
/*Valentine gift websop start*/
.one-t-product-characteristics .gift-valentine {
    padding: 20px;
}

    .one-t-product-characteristics .gift-valentine h1 {
        font-size: 18px;
        color: #e20074;
        margin-bottom: 0;
        line-height: 20px;
    }

    .one-t-product-characteristics .gift-valentine h2 {
        font-size: 15px;
        color: #e20074;
        text-transform: uppercase;
        border-bottom: none;
    }

    .one-t-product-characteristics .gift-valentine img {
        margin-left: 45px;
        width: 150px;
    }

    .one-t-product-characteristics .gift-valentine p {
        text-align: left;
        line-height: 17px;
    }

.gift-valentine img {
    margin-bottom: 15px;
}

/*Valentine gift websop end*/
.info-text ul {
    padding: 5px 10px;
}

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

.plati-onlajn-box p {
    min-height: 45px;
}

.eyecatcher.promo.valentine {
    left: 10%;
}

.eyecatcher.promo.valentinePromo {
    right: 15%;
}

.white-box.white-box-details .playComfortDiscount.valentine {
    margin-top: 0;
    line-height: 15px;
}

.white-box-left-popcorn {
    position: relative;
    background: white;
    border: 1px solid #e9e9e9;
    box-shadow: 0 1px 3px #eee;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    padding: 20px;
    margin-bottom: 15px;
    min-height: 247px;
    min-height: 180px\9;
    background-image: url(../images/max-tv-bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
}

    .white-box-left-popcorn h1 {
        color: #222222;
        border-bottom: 1px solid #e9e9e9;
        margin-top: 0;
        padding: 0 0 15px 0;
        color: #222222;
        border-bottom: 1px solid #e9e9e9;
        font-size: 19px;
        text-transform: uppercase;
        min-height: 50px;
        min-height: 0\9;
        font-family: tele-groteskfetregular;
    }

/*Tariff Smart table start*/
.table.table-blue.smart-table tr > th {
    background: #ededed !important;
    font-size: 20px !important;
}

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

.smart-table .p-left-smart {
    font-size: 30px;
    float: left;
    text-align: left;
    line-height: 1.2;
}

    .smart-table .p-left-smart span.price2 {
        line-height: 100%;
        color: #E20074;
        padding: 10px 0 8px;
        font-family: tele-groteskhalregular;
    }

.smart-table .p-right-smart {
    margin-left: 10px;
    float: left;
}

    .smart-table .p-right-smart span.p-currency {
        border-bottom: 0px solid #333;
    }

    .smart-table .p-right-smart span.p-rates {
        text-decoration: overline;
    }

.smart-table p.smart-tooltip {
    margin-top: 45px;
}

.table.smart-table > tbody > tr > td {
    padding: 10px 10px;
}

table.table-blue.smart-table th {
    padding: 15px 10px !important;
    border-bottom: none !important;
}

.smart-table tr.smart-none {
    cursor: pointer;
}

table.table-blue.smart-table > tbody > tr > td, table.table-blue.smart-table td + td + td {
    border-bottom: none !important;
    border-top: 0;
}

.smart-table .borderbtm {
    border-bottom: 1px solid #ddd;
}

.smart-table .borderbtm-smart {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

.smart-link a {
    color: #6C6C73;
    font-size: 14px;
}

.icon-4g {
    position: relative;
}

    .icon-4g img {
        position: absolute;
        top: 0px;
        right: 15px;
    }

.help-box-gray.box-without-height {
    margin-top: 30px;
}

/*.smart-table span.smart-no {
    font-size: 17px;
}*/

.smart-table span.smart-no-color {
    color: #e20074;
    font-size: 17px;
}

.smart-table > div {
    padding: 0px 20px;
    display: block;
    position: relative;
}

    .smart-table > div .one-t-dicklaimer {
        position: relative;
    }

.smart-table p.smart-head {
    line-height: 35px;
    margin: 0;
    padding: 5px 0px;
}

.smart-table span.tariff-title {
    font-size: 50px;
}

.smart-table .smart-tarifa {
    background-color: #e0e0e0;
    font-size: 19px;
}



.smart-table .smart-pt15 {
    padding-top: 15px;
    height: 55px;
}

.smart-table .smart-padright {
    padding-right: 15px;
}
/*.smart-table .smart-pb15 {
    padding-bottom: 15px;
    
}*/

.smart-mr {
    margin-right: 10px;
}

.smart-table {
    border: 1px solid #e0e0e0;
    max-width: 250px;
    margin: 11px auto;
}

    .smart-table .smart-pb15 {
        padding: 10px 20px;
    }

    .smart-table .one-t-dicklaimer {
        position: relative;
        left: 135px;
        padding: 1px;
        line-height: 14px;
        bottom: 37px;
        width: 23px;
        height: 24px;
        background-color: transparent;
        border: none;
        margin-left: 15px;
        top: 10%;
    }

    .smart-table .smart-msg {
        padding-top: 40px;
    }

    .smart-table .one-t-dicklaimer-message {
        width: 200px;
    }

    /*.smart-table, .smart-table .smart-tarifa, .smart-table .smart-tarifa p {
        transition: all ease-in-out 0.3s;
    }*/

    .smart-table > div > img {
        display: block;
        margin: 0 auto;
        width: 100%;
        height: 1px;
    }

    .smart-table .smart-pb15:last-child {
        margin-bottom: 10px;
    }

    .smart-table.smart-tariff-m .smart-pb15:last-child p {
        margin-bottom: 4px;
    }



    /*.smart-table:hover {
            border: 1px solid #e20074;
        }

            .smart-table:hover .smart-tarifa {
                background-color: #e20074;
            }

                .smart-table:hover .smart-tarifa p {
                    color: white;
                }*/
    .smart-table.smart-tariff-m {
        border: 3pt solid #e20074;
    }

        .smart-table.smart-tariff-m .smart-tarifa {
            background-color: #e20074;
        }

            .smart-table.smart-tariff-m .smart-tarifa p {
                color: white;
            }



.smart-text {
    padding-bottom: 20px;
}

.white-box-left-m-klub-blue:before, .white-box-left-m-klub-blue:after {
    content: '';
    clear: both;
    display: block;
}

.lg-prices .disclaimer-phones {
    font-size: 10px;
    color: gray;
    margin-top: -10px;
    text-align: left;
    position: absolute;
    bottom: -20px;
}

.product-item.lg-phones.smartphone .webshop-device-thumbnail {
    width: 218px;
}

.lg-prices .disclaimer-phones.smart-dsc {
    font-size: 12px;
}




/*Tariff Smart table start*/
.help-box-gray {
    background-color: #ededed;
    padding: 20px;
}

@media screen and (min-width:991px) and (max-width:1200px) {
    h2.text-magenta.smart-pt {
        padding-top: 50px;
    }
}



.white-box-left ul li a.mgn-strelce:after {
    color: #e20074;
}

.white-box-left-m-klub-blue .smartfon-h2 {
    font-size: 25px;
    border-bottom: none;
    margin-bottom: 0px;
    color: #333;
    padding-bottom: 0px;
    padding-top: 0px;
}

.white-box-left-m-klub-blue .smartfon-h3 {
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 14px;
}

.white-box-left-m-klub-blue .google-play-icon {
    margin-top: 17px;
}

.kor-poddr .white-box-left-m-klub-blue:before, .white-box-left-m-klub-blue:after {
    display: inline;
}

.kor-poddr .white-box-left-m-klub-blue p {
    margin: 0;
}

a.recovery-deviceH:hover {
    text-decoration: none;
}

.recovery-device-box {
    position: relative;
    width: 100%;
    height: 235px;
    background-color: #F7F7F7;
}

    .recovery-device-box h2 {
        text-transform: uppercase;
        top: 0;
        padding: 20px 0;
        font-size: 15pt;
        font-family: 'tele-groteskfetregular';
        color: #E20074;
        border-bottom: 1px solid #E2E2E2;
        margin: 0 20px;
    }



    .recovery-device-box .recovery-device-p1 {
        padding: 15px 0;
        margin: 0 20px;
        color: #333;
    }


    .recovery-device-box .recovery-device-p2 {
        position: absolute;
        margin-left: 70px;
        bottom: 0px;
    }

a:focus.recovery-deviceH {
    text-decoration: none;
}

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

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



a.dark-gray-link {
    text-transform: uppercase;
    color: #333 !important;
    padding: 15px 10px;
    position: relative;
    background-color: #e8e8e8;
    display: block;
    width: 100%;
    background-image: url(../content/images/dark-gray-arrow-right.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-position: right 15px center;
    text-decoration: none;
}

.e-bill-signup {
    width: 100%;
    height: 100%;
}

    .e-bill-signup iframe {
        width: 100%;
        height: 1400px;
        border: 0px !important;
        overflow: visible;
    }

a.third.btn.btn-magen.left.grey {
    background: #D8D8D8;
    background: -moz-linear-gradient(top, #D8D8D8 0, #C3C3C3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#D8D8D8), color-stop(100%,#C3C3C3));
    background: -webkit-linear-gradient(top, #D8D8D8 0,#C3C3C3 100%);
    background: -o-linear-gradient(top, #D8D8D8 0,#C3C3C3 100%);
    background: -ms-linear-gradient(top, #D8D8D8 0,#C3C3C3 100%);
    background: linear-gradient(to bottom, #D8D8D8 0,#D4D4D4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D8D8D8', endColorstr='#C3C3C3',GradientType=0 );
    color: #333;
}

.btn-magen.btn-small-igra.greybtn {
    background: #D8D8D8;
    background: -moz-linear-gradient(top, #D8D8D8 0, #C3C3C3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#D8D8D8), color-stop(100%,#C3C3C3));
    background: -webkit-linear-gradient(top, #D8D8D8 0,#C3C3C3 100%);
    background: -o-linear-gradient(top, #D8D8D8 0,#C3C3C3 100%);
    background: -ms-linear-gradient(top, #D8D8D8 0,#C3C3C3 100%);
    background: linear-gradient(to bottom, #D8D8D8 0,#D4D4D4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D8D8D8', endColorstr='#C3C3C3',GradientType=0 );
    color: #333;
    left: 10px;
    width: 80px !important;
    padding-left: 17px !important;
}

.discl-note {
    display: block;
    line-height: 15px;
    margin-top: -10px;
    margin-bottom: 10px;
    font-size: 12px;
}

.pickupcontactphone {
    display: block;
    line-height: 10px;
    font-size: 12px;
}

.mt5 {
    margin-top: 5px;
}

@media (max-width: 767px) {
    .discl-note {
        display: inline-block;
        line-height: 12px;
    }
}


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

.white-border.bigger p.officecall-txt {
    margin-bottom: 25px;
    margin-top: 25px;
}

.magenta-one.office-call .gray-border.smaller {
    height: 60px;
}

.magenta-one.office-call ul li {
    margin-left: 0px;
}

.magenta-one.office-call .p-uredi-cena {
    margin-left: 0% !important;
    right: 0px !important;
    max-width: 180px !important;
    position: relative;
    float: right;
}

.magenta-one.office-call .magenta-one-footer > div {
    padding: 5px !important;
}

@media (max-width: 767px) {

    .magenta-one.office-call .p-uredi-cena {
        max-width: 170px !important;
    }

    .magenta-one.office-call .magenta-one-footer > div {
        padding: 10px !important;
    }
}

@media (max-width: 374px) {

    .magenta-one.office-call .p-uredi-cena.cena-siva {
        max-width: 125px !important;
    }

    .magenta-one.office-call .p-uredi-cena {
        max-width: 160px !important;
    }
}



.magenta-one.office-call .p-uredi-cena.cena-siva span.price2,
.magenta-one.office-call .p-uredi-cena.cena-siva span.p-currency {
    color: #6b6b6b;
}


.magenta-one.office-call .p-uredi-cena .p-currency {
    position: relative !important;
    top: auto !important;
    border-bottom: 1px solid #e20074 !important;
}

.magenta-one.office-call .p-uredi-cena.cena-siva span.price2 {
    font-size: 23px;
}

.magenta-one.office-call .p-uredi-cena.cena-siva .p-currency {
    border-bottom: 0px solid #6b6b6b !important;
    padding-top: 7px;
}


.magenta-one.office-call .one-t-dicklaimer {
    margin-right: -10px;
    margin-top: -7px;
}

.magenta-one.office-call .p-currency {
    position: absolute;
    top: 25px;
    border-bottom: none;
}

.magenta-one.office-call .one-t-dicklaimer {
    position: absolute;
    top: auto;
    left: auto;
    right: 15px;
    bottom: auto;
    top: 25px;
    padding-left: 0px;
    margin-left: 0px;
}

    .magenta-one.office-call .one-t-dicklaimer p {
        padding: 5px;
    }

    .magenta-one.office-call .one-t-dicklaimer .one-t-dicklaimer-message.officecall-disc {
        bottom: -30px;
        left: -150px;
    }

    .magenta-one.office-call .one-t-dicklaimer:hover .one-t-dicklaimer-message.officecall-disc {
        bottom: -30px;
        left: -150px;
    }

.office-new-pack {
    position: relative;
}

    .office-new-pack .ec {
        position: absolute;
        right: -10px;
        top: -150px;
        width: 110px;
    }

    .office-new-pack .one-t-dicklaimer .one-t-dicklaimer-message {
        bottom: -30px;
        left: -60px;
    }

    .office-new-pack .p-uredi-cena .smaller-cena {
        font-size: 23px;
    }

    .office-new-pack .price2 {
        font-size: 26px;
        padding-right: 5px;
    }



h3.officecall-h3 {
    font-size: 20px;
}

h1.officecall-h1 {
    text-transform: none;
    font-size: 28px;
}

.office-new-pack .mgn-business h1 {
    font-size: 26px;
}

/*.office-new-pack .p-currency {
    position: absolute;
    top: 15px;
    border-bottom: none;
}*/

.office-new-pack .one-t-dicklaimer {
    top: 15px;
}

    .office-new-pack .one-t-dicklaimer p {
        padding: 5px;
    }

.office-new-pack .one-t-dicklaimer {
    right: -15px;
    top: 5px;
}

.office-new-pack p.officecall-txt {
    margin-bottom: 25px;
    margin-top: 25px;
}

.office-new-pack ul li {
    margin-left: 0px;
}


.office-new-pack .p-currency2 {
    max-width: 54px;
    text-transform: uppercase;
    display: block;
    border-bottom: none;
    font-family: 'tele-groteskhalregular';
    font-size: 12px;
    line-height: 14px;
    text-align: left;
    margin: 0 auto;
    padding-top: 5px;
    color: #6b6b6b;
}

a.mceItemAnchor.maxsport-bullet:before {
    content: "";
    display: inline-block;
    height: auto;
    margin: auto;
}

.office-new-pack .ip-centrex .p-currency2 {
    border-bottom: 1px solid #6b6b6b;
}

.gray-border.smaller.magenta-one-footer.ip-centrex .p-left {
    width: 65%;
}

.gray-border.smaller.magenta-one-footer.ip-centrex .p-right {
    width: 35%;
}

@media (max-width: 320px) {
    .office-new-pack .price2 {
        font-size: 23px;
        padding-right: 5px;
    }

    .magenta-one-footer.ip-centrex .p-currency {
        font-size: 9px;
        line-height: 10px;
    }

    .magenta-one-footer.ip-centrex .p-rates {
        font-size: 9px;
    }

    .office-new-pack .p-uredi-cena .smaller-cena {
        font-size: 20px;
    }


    .office-new-pack .magenta-one-footer > div .p-uredi-cena .p-right {
        width: 45px;
    }
}

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

    .office-new-pack .magenta-one-footer > div .p-uredi-cena .p-right {
        width: 50%;
    }

    .office-new-pack .magenta-one-footer .price2 {
        font-size: 20px;
    }

    .office-new-pack .magenta-one-footer .p-currency {
        font-size: 9px;
        line-height: 10px;
    }

    .office-new-pack .magenta-one-footer .p-rates {
        font-size: 9px;
        line-height: 10px;
    }

    .office-new-pack .magenta-one-footer .price2 {
        font-size: 19px;
    }

    .office-new-pack .magenta-one-footer .p-currency2 {
        font-size: 9px;
        padding-left: 5px;
    }
}

/*.korisnichka .white-box-left-m-klub-blue ul li {
    display: block;
    background-image: none;
    background-position: 0 6px;
    background-repeat: no-repeat;
    padding-left: 0px;
    line-height: 0;
    margin-bottom: 0px;
    margin-left: 0px;
}

.mob-net-tabs ul li {
    display: block;
    background-image: none;
    background-position: 0px;
    background-repeat: no-repeat;
    padding-left: 0px;
    line-height: 0;
    margin-bottom: 0px;
    margin-left: 0px;
}*/

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

.magentatv-banner {
    margin-bottom: 15px;
}

.image-box a.btn-magen.btn-small-igra-sq {
    padding: 5px 20px;
}

.lng-dropdown {
    position: relative;
}

    .lng-dropdown #tools-private {
        position: absolute;
        top: 10px;
        left: -10px;
    }

#tools-private-mob {
    position: absolute;
    top: 0;
    right: 135px;
}

/*@media screen and (min-width:769px) and (max-width:1200px) {
    #tools-private {
        left: -28px !important;
    }
}*/

.btn-magen.btn-small-igra.greybtn.greybtn-sq {
    width: 100px !important;
    padding: 5px 20px;
}


/*SPECIALFEATURES ACER JADE Z START*/

.one-t-product-characteristics-wrapper .paket-cena-promo {
    position: relative;
}

    .one-t-product-characteristics-wrapper .paket-cena-promo p {
        width: 220px;
        margin-left: 30px;
        margin-top: 0px;
        position: absolute;
        bottom: -45px;
    }
/*SPECIALFEATURES ACER JADE Z END*/


/*Nagradna igra za Magenta 1 start */

.white-box-left-m-klub-blue h1.m-game-title-magenta {
    color: #383838;
    font-size: 26px;
    text-align: center;
    margin-top: 30px;
}

.nagradna-igra-wrapper .padbtm {
    padding-bottom: 40px;
}

.btn-magen.btn-small-igra-grey {
    background: linear-gradient(to bottom, #D8D8D8 0,#D4D4D4 100%);
    color: #333;
}

.white-box-left-m-klub-blue .btn-evropsko-banner {
    position: relative;
}

    .white-box-left-m-klub-blue .btn-evropsko-banner p > a {
        position: absolute;
        bottom: 15px;
        left: 25px;
    }

@media (min-width: 768px) and (max-width:991px) {
    .white-box-left-m-klub-blue .btn-evropsko-banner p > a {
        left: 18px;
        bottom: 8px;
    }
}
/*Nagradna igra za Magenta 1 end */

/*Baneri za Magenta 1 start*/
#mag1-banners-hover > div {
    position: relative;
}

    #mag1-banners-hover > div:hover img:last-child {
        opacity: 1;
    }

    #mag1-banners-hover > div img:last-child {
        position: absolute;
        top: 0px;
        left: 0px;
        opacity: 0;
        transition: all ease-in-out 0.3s;
    }

#mag1-banners-hover > div {
    float: left;
    width: 33.33333333333333%;
}

/*Baneri za Magenta 1 end*/

.outer-content .accordionz .r-tabs-panel h1.travelsurf-title {
    color: #e20074;
    border-bottom: none;
    font-size: 27px;
}

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

.carousel-inner.smartphone-gallery img {
    width: 100%;
}


.navbar-default .navbar-nav > li.tv:hover > .dropdown-menu > li.mobile-maxtv {
    display: none;
}

.navbar-default .navbar-nav > li.tv:hover > .dropdown-menu > li.webmax-tv {
    display: none;
}

#football-mania {
    margin-bottom: 50px;
}

    #football-mania h2 {
        margin-top: 30px;
        font-size: 36px;
        color: #e20074;
        border-bottom: 1px solid #dadada;
        padding-bottom: 10px;
        text-align: center;
    }

#questions-maxtvgo p {
    padding-left: 40px;
}

#questions-maxtvgo ul {
    padding-left: 25px;
}

#back-icon p {
    position: relative;
    float: right;
}

#back-icon span {
    font-size: 15px;
}

.fudbalsko-info {
    padding-left: 30px;
}

@media (max-width: 767px) {

    .office-new-pack .ec {
        top: -175px;
        width: 100px;
    }

    .fudbalsko-info {
        padding-top: 0px;
        padding-left: 30px;
    }

    .one-t-product-characteristics-wrapper .paket-cena-promo {
        margin-top: 55px;
    }
}

.ec-smart {
    position: absolute;
    right: 0;
    margin-right: 5px;
    margin-top: 20px;
}

@media (max-width:767px) {
    .logged {
        display: block;
        height: 50px;
    }
}

#ns-header .minheight {
    min-height: 42px;
}

#ns-header .rightpos {
    position: absolute;
    right: -133px;
}




/*#region kaspersky boxes*/
#kaspersky-boxes ul {
    text-align: left;
}

    #kaspersky-boxes ul li {
        display: block;
        background-image: url(../images/list-bullet.png);
        background-position: 0 11px;
        background-repeat: no-repeat;
        padding-left: 15px;
        color: #494949;
    }
/*#region kaspersky boxes*/
/*#kaspersky-boxes ul {
    text-align: left;
}

    #kaspersky-boxes ul li {
        display: block;
        background-image: url(../images/list-bullet.png);
        background-position: 0 8px;
        background-repeat: no-repeat;
        padding-left: 15px;
        color: #494949;
    }*/

.white-box.komunikacija-item .ksk-catcher {
    position: absolute;
    right: -25px;
    top: -20px;
}


@media (max-width:767px) {
    #ns-header .rightpos {
        position: absolute;
        right: -52px;
    }

    .white-box.komunikacija-item .ksk-catcher {
        position: absolute;
        right: 20px;
        top: 0;
    }
}

@media(max-width:991px) and (min-width:768px) {
    .white-box.komunikacija-item {
        margin-top: 65px;
    }

        .white-box.komunikacija-item .ksk-catcher {
            position: absolute;
            right: 0px;
            top: -50px;
            width: 80px;
        }
}
/*#endregion kaspersky boxes*/



#bts h4 {
    font-family: 'teleNeo-regular';
    padding: 0px 20px;
    color: #e20074;
    margin-top: 20px;
}

/*#region office-complete*/


#office-pack-new-2016 .one-t-dicklaimer {
    top: 9px;
}

#office-pack-new-2016 .p-currency2 {
    padding-top: 9px;
}

#office-complete-box-new {
    position: relative;
}

.office-magenta-box-new {
    position: absolute;
    background: transparent;
    height: 89px;
    bottom: 93px;
    border: 2px solid #e20074;
    width: 100%;
    z-index: 1;
}

.office-right-box-new {
    z-index: 10;
}

@media (max-width: 320px) {

    #office-pack-new-2016 .magenta-one-footer > div .p-uredi-cena .p-right {
        width: 50% !important;
    }
}


@media (max-width: 767px) {

    #office-pack-new-2016 .magenta-one-footer > div .p-uredi-cena-magenta-new .p-right {
        width: 46% !important;
    }
}

/*#endregion office-complete*/

/*#region webshop landing*/
.breadZ h2 {
    font-size: 15px;
    text-transform: inherit;
    margin: 0;
    /*color: #e20074;*/
    color: #383838;
    font-family: 'teleNeo-bold' !important;
    margin-top: 5px;
    display: inline-block;
}

#webshop-landing .white-box-landing {
    border: 1px solid #e0e0e0;
    padding: 20px;
    /*display: table;*/
    width: 100%;
    position: relative;
    margin-bottom: 14px;
}

    #webshop-landing .white-box-landing h2 {
        font-size: 21px;
        padding-right: 24px;
        text-align: left;
    }

#webshop-landing .landing-left-box-img {
    display: table-cell;
    width: 30%;
    vertical-align: middle;
}

#webshop-landing .webshop-kosnicka {
    font-family: 'teleicon-outline';
    font-size: 30px;
    position: absolute;
    right: 20px;
    top: 20px;
    color: #e20074;
    line-height: 1;
}

#webshop-landing .iphone.white-box-landing {
    background: #e20074;
    color: white;
    border: none !important;
    position: relative;
    text-align: right;
    font-size: 22px;
    margin: 0;
    padding: 10px 20px;
    margin-bottom: 15px;
    text-decoration: none;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.22);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.22);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.22);
}

#webshop-landing .banner-landing-promo {
    margin-bottom: 14px;
}

#webshop-landing .osigutuvanjeUrediLanding {
    margin: 14px 0 28px;
}

#webshop-landing a:hover {
    text-decoration: none !important;
}

#webshop-landing .iphone.white-box-landing img {
    position: absolute;
    bottom: 0;
    left: 5%;
}


#webshop-landing .white-box-landing-right {
    display: table-cell;
    width: 71%;
    vertical-align: top;
    padding-left: 15px;
    height: 134px;
}

#webshop-landing .white-box-landing a {
    color: #383838;
    margin: 3px 0;
    display: block;
}

    #webshop-landing .white-box-landing a span {
        padding-left: 3px;
    }

    #webshop-landing .white-box-landing a:hover {
        text-decoration: none;
        color: #00a0de;
    }

#webshop-landing .landing-left-box-img img {
    max-width: 130px;
}


#webshop-landing .landing-left-box-txt {
    display: table-cell;
    vertical-align: top;
}

#webshop-landing .landing-right-box-txt {
    display: table-cell;
    vertical-align: top;
    padding-left: 40px;
}

#webshop-landing .landing-text-box {
    margin-top: 5px;
}

#webshop-landing .uredi-bela-tehnika-wraper li {
    display: inline-block;
    float: left;
    width: 50%;
}

@media (max-width: 495px) {
    #webshop-landing .uredi-bela-tehnika-wraper li {
        width: 100%;
    }
}

@media (min-width: 768px) {
    #webshop-landing .pr7-ws {
        padding-right: 7px;
    }

    #webshop-landing .pl7-ws {
        padding-left: 7px;
    }
}


#webshop-landing .webshop-banner-landing {
    padding-bottom: 100px;
}

#webshop-landing .webshop-text-box {
    display: table-cell;
    width: 100%;
    height: 125px;
}


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

    #webshop-landing .iphone.white-box-landing {
        text-align: left;
    }

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

    #webshop-landing .iphone.white-box-landing img {
        display: none;
    }

    #webshop-landing .mobile-and-tablets {
        background-position: right 15px top 25px;
    }

    #webshop-landing .white-box-landing h2 {
        height: 50px;
    }

    #webshop-landing .white-box-landing-right {
        height: 182px;
    }

    #webshop-landing .webshop-text-box {
        height: 144px;
    }

    #webshop-landing .landing-left-box-txt {
        width: 50%;
        padding-right: 0px;
    }

    #webshop-landing .landing-right-box-txt {
        padding-left: 10px;
        width: 50%;
    }
}


@media (max-width: 767px) {

    #webshop-landing .iphone.white-box-landing {
        font-size: 21px;
    }

    .wl-prl0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    #webshop-landing .landing-left-box-img img {
        max-width: 100px;
    }

    #webshop-landing .landing-left-box-img {
        width: 25%;
    }

    #webshop-landing .white-box-landing-right {
        width: 75%;
        height: auto;
    }

    #webshop-landing .webshop-text-box {
        height: auto;
    }

    #webshop-landing .landing-left-box-txt {
        width: 50%;
        padding-right: 10px;
    }

    #webshop-landing .landing-right-box-txt {
        padding-left: 10px;
        width: 50%;
    }

    #webshop-landing .mobile-and-tablets.white-box-landing {
        margin-top: 0px;
    }

    #webshop-landing .white-box-landing > img {
        right: 15px;
    }

    #webshop-landing .webshop-banner-landing {
        padding-bottom: 55px;
    }
}

@media (max-width: 374px) {

    #webshop-landing .iphone.white-box-landing {
        font-size: 20px;
    }

    #webshop-landing .mobile-and-tablets {
        background-position: right 15px top 15px;
    }

    #webshop-landing .landing-left-box-txt {
        width: 50%;
        padding-right: 0px;
    }

    #webshop-landing .landing-left-box-img {
        width: 0;
        display: none;
    }

    #webshop-landing .white-box-landing-right {
        padding-left: 0px;
        width: 100%;
    }

    #webshop-landing .white-box-landing > img {
        right: 10px;
    }
}

/*#endregion webshop landing*/

/*#region webshop nov broj landing*/
#nov-broj-wshop * {
    color: #383838;
}

#nov-broj-wshop h2 {
    font-size: 21px;
    text-align: left;
}

#nov-broj-wshop p {
    font-size: 16px;
    color: #4a4b4c;
    opacity: 0.75;
}

#nov-broj-wshop .cardImgContainer {
    width: 30%;
    padding: 15px 0px !important;
    vertical-align: top !important;
}

    #nov-broj-wshop .cardImgContainer.imgCard {
        background-image: url(../images/sim-card-wshop.png);
        background-repeat: no-repeat;
        background-size: contain;
    }

#nov-broj-wshop .card-net-sms {
    width: 35%;
}

#nov-broj-wshop .sms, #nov-broj-wshop .cardImgContainer {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0px 15px;
}

#nov-broj-wshop #godisna-karticka, #nov-broj-wshop #priceCard {
    display: table;
    margin-top: 14px;
    width: 100%;
}

#nov-broj-wshop .sms h1 {
    color: #e20074;
    margin: 0px;
    padding: 0px;
    margin-top: 7px !important;
}

#nov-broj-wshop .sms {
    text-align: center;
    padding-bottom: 10px;
}

#nov-broj-wshop .card-net-sms.last-part .sms {
    position: relative;
}

#nov-broj-wshop .sms {
    padding-bottom: 10px;
    display: block;
}

    #nov-broj-wshop .sms img {
        height: 36px;
    }

#nov-broj-wshop .last-part.sms:after {
    content: '';
    display: block;
    width: 1px;
    height: 90%;
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 0;
    background-color: black;
    opacity: 0.12;
}

@media(max-width: 767px) {
    #nov-broj-wshop .cardImgContainer {
        display: block;
        width: 100%;
        background-image: none !important;
        padding: 0px;
    }

    #nov-broj-wshop .card-net-sms.last-part .sms:after {
        display: none;
    }

    #nov-broj-wshop .cardImgContainer img {
        margin: auto;
    }

    #nov-broj-wshop .last-part.sms:after {
        display: none;
    }
}

.bannerLandingNewWebshop {
    margin-bottom: 14px;
}

/*#endregion webshop nov broj landing*/


/*#region webshopdevicelist mobile*/
@media(max-width:495px) {
    #webshop-landing .kompjuterska_oprema .landing-left-box-txt, #webshop-landing .kompjuterska_oprema .landing-right-box-txt, #webshop-landing .landing-right-box-txt {
        width: 100%;
        display: block;
        padding-left: 0px;
    }

    #webshop-landing .kompjuterska_oprema .landing-left-box-img {
        width: auto;
    }
}
/*#endregion webshopdevicelist mobile*/
.mobile-and-tablets {
    background-image: url(../images/kosnicka_black.png);
    background-repeat: no-repeat;
    background-position: right 30px top 30px;
}

#webshop-landing .kompjuterska_oprema .landing-left-box-img {
    width: 32%;
}

#webshop-landing .kompjuterska_oprema > .white-box-landing-right.landing-text-box {
    width: 81%;
}


/*#region odbor na direktori simona*/

#odbor-na-direktori .content, #izvestai-za-kvalitet .content, #usoglasenost .content, #kodeks .content {
    margin-top: 100px;
    font-size: 18px;
    padding-bottom: 50px;
}


    #odbor-na-direktori .content ul li, #usoglasenost .elementi ul li {
        display: block;
        background: url(../images/list-bullet.png) 0 11px no-repeat;
        padding-left: 15px;
        line-height: 1.2;
        margin-bottom: 15px;
        margin-left: 15px;
    }

    #odbor-na-direktori .content ul ul {
        padding-left: 20px;
        margin-bottom: 25px;
    }

        #odbor-na-direktori .content ul ul li {
            margin-bottom: 10px;
        }

    #odbor-na-direktori .content p,
    #odbor-na-direktori .content ul li {
        font-size: 18px;
        line-height: 1.2;
    }

    #odbor-na-direktori .content .mb-25 {
        margin-bottom: 25px;
    }

    #odbor-na-direktori .content .mt-25 {
        margin-top: 25px;
    }

#odbor-na-direktori .main-banner {
    background-image: url(../content/images/board-of-directors.png);
}

#izvestai-za-kvalitet .main-banner, #objavi .main-banner {
    background-image: url(../content/images/quality.png);
}

#usoglasenost .main-banner {
    background-image: url(../content/images/usoglasenost.png);
}

#odbor-na-direktori ol {
    padding-left: 15px;
}

    #odbor-na-direktori ol li {
        padding: 10px;
        line-height: 1;
    }



#odbor-na-direktori ol {
    list-style-type: none;
}

    #odbor-na-direktori ol.count {
        list-style: none;
        counter-reset: li 7;
    }

    #odbor-na-direktori ol li {
        counter-increment: li;
        font-size: 19px;
    }



        #odbor-na-direktori ol li::before {
            content: counter(li) ". ";
            color: #E20074;
            display: inline-block;
            width: 1em;
            margin-left: -1em;
            position: relative;
            left: -7px;
            font-weight: bold;
        }

        #odbor-na-direktori ol li span {
            color: #767676;
        }

#izvestai-za-kvalitet h2 {
    margin: 40px 0;
}

#izvestai-za-kvalitet .quality-box, #kodeks .quality-box {
    box-shadow: 0px 12px 40px rgba(0, 0, 0, 0.07);
    position: relative;
    margin: 30px 0;
    transition: ease-in-out 500ms;
}

    #izvestai-za-kvalitet .quality-box:hover {
        box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.10);
    }

    #izvestai-za-kvalitet .quality-box a, #kodeks .quality-box a {
        padding: 30px;
        display: block;
        width: 100%;
        color: #202020;
        padding-top: 40px;
    }

    #kodeks .quality-box a {
        padding-left: 70px;
    }

        #kodeks .quality-box a:before {
            content: '';
            position: absolute;
            top: 0px;
            width: 100px;
            height: 100px;
            background-image: url(../content/images/link-magenta.png);
            background-repeat: no-repeat;
            background-position: center;
            left: -10px;
        }

        #izvestai-za-kvalitet .quality-box a:hover, #kodeks .quality-box a:hover {
            color: #202020;
            text-decoration: underline !important;
        }

        #izvestai-za-kvalitet .quality-box a :focus, #kodeks .quality-box a :focus {
            text-decoration: none;
            color: #202020;
        }

    #izvestai-za-kvalitet .quality-box .info-quartal {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 15px;
        background-color: #E20074;
        color: white;
        padding: 5px 10px;
    }

        #izvestai-za-kvalitet .quality-box .info-quartal span {
            padding: 0 6px;
        }

            #izvestai-za-kvalitet .quality-box .info-quartal span + span {
                border-left: 1px solid rgba(255, 255, 255, 0.7);
            }

    #izvestai-za-kvalitet .quality-box a {
        display: block;
        width: 100%;
        font-family: 'teleNeo-medium' !important;
    }

        #izvestai-za-kvalitet .quality-box a:after {
            content: " (.pdf)";
            height: 50px;
            width: 50px;
            font-size: 14px;
            opacity: 0.7;
        }

.opasity07 {
    opacity: 0.7;
}

#izvestai-za-kvalitet .quality-box .info-quartal .info-year {
    border-right: none !important;
    padding: 0 22px;
}

#izvestai-za-kvalitet a.moreless-button {
    margin: 0 auto;
    position: relative;
    padding: 8px 10px;
    border: 0;
    width: 100px;
    display: block;
    font-family: 'teleNeo-medium' !important;
    font-size: 18px;
}

@media (max-width:767px) {
    #izvestai-za-kvalitet .content, #kodeks .content {
        margin-top: 50px;
    }

    #kodeks h1 {
        font-size: 25px;
    }
}

@media (max-width: 991px) {
    #izvestai-za-kvalitet h2 {
        font-size: 24px;
    }

    #izvestai-za-kvalitet .quality-box a {
        padding-top: 50px;
    }
}

@media (max-width: 767px) {
    #odbor-na-direktori ol {
        margin: 0;
    }
}
/*#endregion odbor na direktori simona*/

/*Usoglasenost Simona*/

#usoglasenost .main-banner {
    margin-bottom: 0;
}

#usoglasenost .img {
    width: 100%;
    text-align: center;
    position: relative;
}

    #usoglasenost .img img {
        width: auto;
        margin: 20px auto;
    }

#usoglasenost .usoglasenost-img-box {
    background-image: url(../content/images/Nikola-Ljusev_Telekom.png);
    height: 330px;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 30px;
    width: 100%;
    position: relative;
}

    #usoglasenost .usoglasenost-img-box .text {
        position: absolute;
        bottom: 10px;
        color: white;
        z-index: 1;
        left: 0;
        right: 0;
        margin: 0 auto;
        padding: 0 10px;
    }

        #usoglasenost .usoglasenost-img-box .text p, #usoglasenost .usoglasenost-img-box .text h3 {
            margin: 0;
        }

    #usoglasenost .usoglasenost-img-box:after {
        content: '';
        position: absolute;
        bottom: 0;
        height: 50px;
        left: 0;
        right: 0;
        margin: 0 auto;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.44), transparent);
        width: 100%;
        z-index: 0;
    }


#usoglasenost .shadow {
    box-shadow: 0px 12px 40px 0px rgba(0, 0, 0, 0.07);
    padding-top: 50px;
}

#usoglasenost .elementi ul {
    margin-bottom: 20px;
}

#usoglasenost .elementi img {
    margin: 20px auto;
    display: block;
}

#usoglasenost h2, #izvestai-za-kvalitet .content h2 {
    color: #E20074;
    margin: 50px 0px 30px 0px;
    text-transform: uppercase;
    font-family: 'teleNeo-bold' !important;
    padding-top: 50px;
}

#usoglasenost .merki .content, #usoglasenost .elementi .content {
    margin-top: 0px;
}

#usoglasenost .elementi, #usoglasenost .merki {
    background: linear-gradient(180deg, rgba(236,236,236,0.3) 0%, rgba(236,236,236,0.03) 35%, rgba(255,255,255,1) 100%);
}

#usoglasenost .white-box {
    padding: 30px;
    box-shadow: 0px 12px 40px rgba(0, 0, 0,0.07);
    -webkit-box-shadow: 0px 12px 40px rgba(0, 0, 0,0.07);
    min-height: 300px;
}

    #usoglasenost .white-box span {
        color: #e20074;
        font-weight: 600;
    }

    #usoglasenost .white-box p {
        line-height: 1.2;
    }

#usoglasenost .white-box1 {
    min-height: 100%;
    margin-bottom: 40px;
}

#usoglasenost .bioimg img {
    max-height: 400px;
    float: left;
    margin: 0 60px 20px 0;
    background: #fff;
}

#usoglasenost .name {
    padding: 20px 0;
}

    #usoglasenost .name h3 {
        margin: 0;
        font-weight: 600;
    }

    #usoglasenost .name p {
        color: #767676;
        margin: 0;
        font-size: 20px;
    }

@media (max-width: 991px) {
    #usoglasenost .main-banner {
        background-position: 20%;
    }

    #izvestai-za-kvalitet h2, #usoglasenost h2 {
        font-size: 24px;
    }

    #izvestai-za-kvalitet .content {
        font-size: 16px;
    }

    #izvestai-za-kvalitet .quality-box a {
        padding-top: 40px;
    }
}



@media (max-width: 767px) {
    #izvestai-za-kvalitet .main-banner, #kodeks .main-banner {
        background-size: cover !important;
        margin-bottom: 10px !important;
        padding: 6%;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        background-position: 80%;
    }

    #izvestai-za-kvalitet .main-banner {
        background-position: center;
    }

    #izvestai-za-kvalitet h1 {
        font-size: 30px;
    }

    #usoglasenost .content {
        margin-top: 50px;
    }

    #usoglasenost .bioimg img {
        float: unset;
        display: block;
        margin: 0 auto;
    }

    #usoglasenost .name {
        text-align: center;
    }

    #usoglasenost .elementi ul {
        margin-bottom: 0px;
    }

    #odbor-na-direktori ol {
        margin: 0;
    }

    #izvestai-za-kvalitet h2, #usoglasenost h2 {
        font-size: 21px;
    }
}

#einvoice .main-banner {
    background-size: cover;
    height: 500px;
    background-repeat: no-repeat;
    margin-bottom: 50px;
    background-image: url(../content/images/envoice/envoice-bg-banner.jpg);
    background-position: center;
}

    #einvoice .main-banner:before {
        background-image: url('../content/images/envoice/shape.png');
        content: '';
        width: 40%;
        height: 100%;
        background-size: contain;
        background-position: left bottom;
    }

#einvoice div.ict-integrated .main-banner:before {
    display: none;
}

#einvoice p {
    font-size: 18px;
}

#einvoice .main-banner .einvoice-title {
    color: white;
    padding: 0px 90px 40px 0px;
    width: 40%;
}

    #einvoice .main-banner .einvoice-title h1 {
        font-weight: 600;
        font-size: 48px;
        line-height: 1.1;
        color: white;
    }

    #einvoice .main-banner .einvoice-title p {
        font-size: 26px;
        line-height: 1.2;
        padding: 0px 50px 10px 0px;
    }

#einvoice .wrapper {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
}

    #einvoice .wrapper > div {
        width: 50%;
    }

#einvoice .main-banner .einvoice-img {
    background-image: url(../content/images/envoice/Shape-banner.png);
    background-size: contain;
    height: 100%;
    background-repeat: no-repeat;
    position: relative;
    width: 50%;
    background-position: top center;
}

    #einvoice .main-banner .einvoice-img img {
        height: 140px;
        margin-top: 50px;
    }

#einvoice h2 {
    position: relative;
    width: 520px;
    text-align: center;
    margin: 0 auto 30px auto;
    background-color: black;
    color: white;
    text-transform: uppercase;
    font-size: 40px;
    padding: 20px;
    transform: skew(30deg);
    bottom: 20px;
    margin-top: 100px;
}

    #einvoice h2 span {
        transform: skew(-30deg) !important;
        font-family: 'teleNeo-extra' !important;
        position: relative;
        transform: skewX( 25deg );
        position: relative;
        display: block;
        font-family: 'teleNeo-extra' !important;
    }


#einvoice .einvoice-tabs, #cisco .einvoice-tabs {
    box-shadow: 0px 30px 136px rgba(0, 0, 0, 0.1);
    margin-top: 100px;
    padding: 80px 0;
    min-height: inherit;
    z-index: 10;
    background-color: white;
    border-radius: 5px;
}

    #einvoice .einvoice-tabs ul li.active, #cisco .einvoice-tabs ul li.active {
        box-shadow: 0 0 35px 7px rgba(0, 0, 0, 0.12) !important;
    }

    #einvoice .einvoice-tabs #tab-3 > div {
        display: flex;
    }

#einvoice ul li, #cisco .tabs ul li {
    margin: 0 10px;
    background-color: #efeff3 !important;
    box-shadow: none !important;
    min-height: 100px;
}

#einvoice .last-sec ul li, #cisco .last-sec .tabs ul li {
    min-height: 80px;
}

#einvoice ul li.active, #cisco ul li.active {
    background-color: white !important;
}

#einvoice .einvoice-tabs h4 {
    font-weight: 600;
    padding: 20px;
}

#einvoice .box {
    width: 20%;
    padding: 20px;
}


#einvoice .e-invoice-specifikacija {
    background-image: url(../content/images/envoice/e-invoice-section3-bg.png);
    background-position: center;
    background-size: cover;
    background-color: transparent !important;
    height: auto;
    width: 100%;
    padding: 100px 0 !important;
    position: relative;
    margin-top: -50px;
}

    #einvoice .e-invoice-specifikacija h2 {
        transform: skew(0deg) !important;
        background-color: transparent !important;
        bottom: 0;
        margin: 0 auto 10px auto;
    }

    #einvoice .e-invoice-specifikacija .ceni-specifikacija {
        padding: 0;
    }

        #einvoice .e-invoice-specifikacija .ceni-specifikacija ul li {
            background-color: transparent !important;
            color: rgba(255, 255, 255, 0.5);
        }

            #einvoice .e-invoice-specifikacija .ceni-specifikacija ul li.active {
                background-color: transparent !important;
                color: rgba(255, 255, 255, 1);
            }

    #einvoice .e-invoice-specifikacija h3 {
        font-size: 26px;
        font-weight: 600;
    }

    #einvoice .e-invoice-specifikacija .column {
        width: 25%;
        margin: 30px 15px;
    }

    #einvoice .e-invoice-specifikacija .column-inner {
        border-radius: 10px;
        min-height: 520px;
        padding: 10px 30px;
    }

        #einvoice .e-invoice-specifikacija .column-inner ul {
            text-align: left;
        }

            #einvoice .e-invoice-specifikacija .column-inner ul li:before {
                content: "-";
                padding-right: 10px;
                color: #e20074;
                height: 10px;
                width: 10px;
            }

    #einvoice .e-invoice-specifikacija .wrap-class {
        background-color: transparent;
        bottom: 20px;
    }

#einvoice .last-sec .wrapper {
    position: relative;
    padding-top: 60px;
    box-shadow: 0 3px 46px rgba(0, 0, 0, .14);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    padding-top: 25px;
    height: auto;
    margin-top: 80px;
    margin-bottom: 80px;
    min-height: 350px;
    display: block;
}

    #einvoice .last-sec .wrapper .nav, #cisco .last-sec .wrapper .nav {
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        margin: 10px auto;
    }

#einvoice .last-sec .dc-tab_container, #cisco .last-sec .dc-tab_container {
    overflow: hidden;
    background: none;
    margin: 0 auto;
    text-align: center;
    padding: 0 0 30px;
    font-size: 15px;
}

    #einvoice .last-sec .dc-tab_container iframe, #cisco .last-sec .dc-tab_container iframe {
        width: 100%;
        height: 100%;
        border-radius: 17px;
    }

#einvoice .last-sec .nav-tabs > li {
    width: auto;
    text-align: center;
    text-transform: uppercase;
    z-index: 2;
    margin-right: 2px;
    line-height: 1.2;
    border: none;
    border-radius: 4px 4px 0 0;
    font-family: 'teleNeo-regular' !important;
    font-size: 18px;
    padding: 10px;
}

    #einvoice .last-sec .nav-tabs > li.active:before {
        border-bottom: none;
        height: 2px;
        background: #e20074;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    #einvoice .last-sec .nav-tabs > li.active:after {
        box-shadow: 0 23px 89px #3e3e3e1c;
        height: 2px;
        background: #e20074;
        content: '';
        position: absolute;
        right: -24px;
        top: 12px;
        width: 30px;
        border-bottom: 1px solid #e20074;
        transform: rotate(55deg);
    }

#einvoice .last-sec .video, #cisco .last-sec .video {
    position: relative;
    text-align: center;
    font-size: 18px;
    line-height: 1.2;
    width: 50%;
    margin: 0 auto;
    height: 350px;
}

#einvoice .video .overlay, #cisco .video .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    cursor: pointer;
}

    #einvoice .video .overlay:before, #cisco .video .overlay:before {
        content: '';
        position: absolute;
        background: #000;
        height: 100%;
        width: 100%;
        opacity: .87;
        border-radius: 17px;
        left: 0;
        right: 0;
    }

    #einvoice .video .overlay:after, #cisco .video .overlay:after {
        content: '';
        position: absolute;
        background-image: url(../content/images/ict-office-365/play.svg);
        background-size: contain;
        background-position: center;
        width: 30px;
        height: 30px;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        z-index: 3;
    }

#einvoice .last-sec .nav-tabs {
    border: none;
}



#einvoice .last-sec .wrapper > div,
#cisco .last-sec .wrapper > div {
    width: 100%;
    margin: 0 auto;
}


#einvoice .last-sec ul li.active, #einvoice .last-sec ul li a:hover, #einvoice .last-sec .nav-tabs > li.active > a {
    color: #E20574 !important;
}

#einvoice .last-sec ul li.active {
}

#einvoice .btn-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 35%;
    margin: 70px auto;
}

    #einvoice .btn-wrapper .btn-magen {
        border: unset;
        padding: 10px 25px;
    }

#einvoice .e-invoice-specifikacija ul li {
    margin: 0 0px;
    background-color: white !important;
    box-shadow: none !important;
    padding-top: 3px;
    font-size: 16px;
    min-height: inherit;
}

#einvoice .specifikacija .column-inner .hdp-price span.price-den {
    display: block;
}

#einvoice .specifikacija span.price-den {
    padding-right: 0px;
}

#einvoice .last-sec ul li, #einvoice .last-sec ul li.active, #einvoice .last-sec ul li a:hover,
#cisco .last-sec ul li, #cisco .last-sec ul li.active, #cisco .last-sec ul li a:hover {
    background-color: transparent !important;
}

#einvoice .last-sec .wrap,
#cisco .last-sec .wrap {
    width: 78%;
    margin: 0 auto;
}

    #einvoice .last-sec .wrap .panel-group, #cisco .last-sec .wrap .panel-group {
        text-align: left;
    }

    #einvoice .last-sec .wrap .panel-default, #cisco .last-sec .wrap .panel-default {
        border: 0;
        box-shadow: none;
        background: transparent;
    }

        #einvoice .last-sec .wrap .panel-default:nth-child(1) .panel-heading,
        #cisco .last-sec .wrap .panel-default:nth-child(1) .panel-heading {
            border-top: 0;
        }

        #einvoice .last-sec .wrap .panel-default .panel-body,
        #cisco .last-sec .wrap .panel-default .panel-body {
            padding: 0;
        }

    #einvoice .last-sec .wrap .panel-heading,
    #cisco .last-sec .wrap .panel-heading {
        background-color: transparent;
        border-top: 1px solid #e5e5e5;
        padding: 0;
    }

        #einvoice .last-sec .wrap .panel-heading .panel-title,
        #cisco .last-sec .wrap .panel-heading .panel-title {
            padding: 0;
        }

#einvoice .last-sec .panel-title,
#cisco .last-sec .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    color: black;
    font-weight: 500;
}

#einvoice .last-sec .wrap .panel-heading .panel-title a,
#cisco .last-sec .wrap .panel-heading .panel-title a {
    font-size: 19px;
    display: block;
    padding: 25px 35px 25px 0;
    text-decoration: none;
    position: relative;
    z-index: 2;
}

    #einvoice .last-sec .wrap .panel-heading .panel-title a:after,
    #cisco .last-sec .wrap .panel-heading .panel-title a:after,
    #roaming-packages .last-sec .panel-heading .panel-title a:after {
        content: ']$';
        font-family: 'teleicon-outline';
        position: absolute;
        color: #e20074;
        font-size: 22px;
        top: 40px;
        right: 20px;
        margin: auto;
        transform: rotateZ(-180deg);
        transition-property: transform;
        transition-duration: .25s;
    }

    #einvoice .last-sec .wrap .panel-heading .panel-title a.collapsed:after,
    #cisco .last-sec .wrap .panel-heading .panel-title a.collapsed:after,
    #roaming-packages .last-sec .panel-heading .panel-title a.collapsed:after {
        content: ']$';
        font-family: 'teleicon-outline';
        position: absolute;
        color: #e20074;
        font-size: 22px;
        top: 32px;
        right: 20px;
        margin: auto;
        transform: rotateZ(0deg);
        transition-property: transform;
        transition-duration: .25s;
    }

#einvoice .last-sec .wrap .panel-default .panel-body p,
#cisco .last-sec .wrap .panel-default .panel-body p {
    font-size: 18px;
}

#einvoice .last-sec .row ul,
#cisco .last-sec .row ul {
    display: block;
}

    #einvoice .last-sec .row ul li,
    #cisco .last-sec .row ul li {
        padding: 10px 20px;
        width: 100%;
        text-align: left;
    }

#einvoice .last-sec .panel-body,
#cisco .last-sec .panel-body {
    font-size: 18px;
}

#einvoice section.partners {
    background: #ededed;
    padding: 2%;
}

@media (min-width:1600px) {
    #einvoice .main-banner .einvoice-title {
        width: 40%;
        left: 0px;
        position: relative;
    }

    #einvoice .e-invoice-specifikacija .column {
        width: 20%;
    }
}

@media (max-width:1991px) {

    #einvoice .main-banner .einvoice-title h1 {
        font-size: 42px;
    }

    #einvoice .main-banner .einvoice-title p {
        font-size: 22px;
    }



    #einvoice h2 {
        margin-top: 0;
    }

    #einvoice .btn-wrapper .btn-magen {
        margin: 0 10px;
    }
}

@media (max-width: 1199px) {
    #einvoice .last-sec .video, #cisco .last-sec .video {
        width: 85%;
    }

    #einvoice .last-sec .dc-tab_container {
        padding: 30px 60px;
    }

    #einvoice .main-banner .einvoice-title p {
        padding: 0px 50px 10px 0px;
    }

    #einvoice .main-banner {
        height: 400px;
    }
}

@media(min-width: 1200px) and (max-width: 1400px) {
    #einvoice .main-banner:before {
        width: 50%;
    }

    #einvoice .main-banner .einvoice-title {
        color: white;
        padding: 0px 100px 30px 25px;
        width: 50%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #einvoice .main-banner:before {
        width: 50%;
    }

    #einvoice .e-invoice-specifikacija .column-inner {
        padding: 10px 20px;
        min-height: 600px;
    }

    #einvoice .main-banner .einvoice-title {
        color: white;
        padding: 0px 100px 20px 0px;
        width: 50%;
    }

        #einvoice .main-banner .einvoice-title h1 {
            font-size: 30px;
            padding-right: 70px;
        }

    #einvoice .tab-wrapper ul#myTab-ict li {
        min-height: 100px;
        padding: 25px 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #einvoice .main-banner:before {
        width: 55%;
    }

    #einvoice section.partners {
        background: #ededed;
        padding: 2% 0 4%;
    }

    #einvoice .box {
        padding: 10px;
    }

    #einvoice .main-banner .einvoice-title {
        width: 40%;
    }

    #einvoice .e-invoice-specifikacija .column-wrapper {
        display: block !important;
    }

    #einvoice .e-invoice-specifikacija .column {
        width: 50%;
        margin: 30px auto;
    }

    #einvoice .tab-wrapper ul#myTab-ict li {
        min-height: 80px;
        font-size: 17px;
        margin: 0 7px;
        padding: 20px 10px;
    }
}

@media (max-width:991px) {

    #einvoice .main-banner {
        height: 400px;
    }

        #einvoice .main-banner .einvoice-img {
            width: 80%;
        }

        #einvoice .main-banner .einvoice-title {
            margin-top: 70px;
            padding: 0;
        }

            #einvoice .main-banner .einvoice-title h1 {
                font-size: 29px;
                padding-right: 10px;
            }

            #einvoice .main-banner .einvoice-title p {
                font-size: 20px;
                padding: 0px;
            }

    #einvoice h2 {
        width: 450px;
        font-size: 34px;
    }

    #einvoice .e-invoice-specifikacija h2 {
        font-size: 28px;
    }

    #einvoice .e-invoice-specifikacija .list-inline {
        margin-top: 0;
    }

    #einvoice .last-sec .wrap {
        width: 100%;
        margin: 20px auto;
    }
}

@media (max-width:767px) {
    #einvoice section.partners {
        background: #ededed;
        padding: 6% 0 12%;
    }

    #einvoice .main-banner {
        height: 300px;
    }

        #einvoice .main-banner:before {
            width: 60%;
        }

        #einvoice .main-banner .einvoice-title {
            color: white;
            padding: 0px 30px 0px 0px;
            width: 60%;
        }

        #einvoice .main-banner .einvoice-img img {
            height: 120px;
            position: absolute;
            right: 0;
            top: -250px;
        }

    #einvoice .custom-container {
        padding: 0 25px;
        display: block;
        margin: 0 auto;
    }


    #cisco .custom-container {
        padding: 0;
    }

    #einvoice .wrapper > div {
        width: 100%;
    }

    #einvoice .e-invoice-specifikacija .column {
        width: 100%;
    }

    #einvoice .e-invoice-specifikacija .column-inner {
        min-height: 460px;
    }

    #einvoice .main-banner .einvoice-img {
        background-image: none;
        background-size: contain;
        width: 100%;
        float: right;
        height: 220px;
    }

    #einvoice .last-sec iframe {
        width: 100%;
    }

    #einvoice div#myTabContent-ict h3 {
        font-size: 20px;
    }

    #einvoice div#myTabContent-ict h4 {
        font-size: 20px;
        padding: 20px 10px 0px 20px;
    }

    div#myTabContent-ict div.dc-tab_content {
        text-align: left;
    }

        div#myTabContent-ict div.dc-tab_content p {
            padding-left: 20px;
        }

    #einvoice .einvoice-tabs #tab-3 > div {
        display: block;
    }

    #einvoice .box {
        width: 100%;
        padding: 20px;
        text-align: center;
    }

    #einvoice .einvoice-tabs {
        padding: 30px 0;
        min-height: 300px;
    }

    #einvoice .last-sec .video,
    #cisco .last-sec .video {
        width: 100%;
    }

    #einvoice .last-sec .dc-tab_container,
    #cisco .last-sec .dc-tab_container {
        padding: 30px 0;
    }

    #einvoice .e-invoice-specifikacija h3 {
        font-size: 26px;
        font-weight: 600;
        background-color: transparent;
    }

    #cisco .last-sec .wrap {
        width: 100%;
    }

        #einvoice .last-sec .wrap .panel-default,
        #cisco .last-sec .wrap .panel-default {
            padding: 0 10px;
        }

    #einvoice .last-sec .row ul {
        margin: 0;
    }

    #einvoice .last-sec h3.dc-active img, #cisco .last-sec h3.dc-active img {
        background: white;
    }
}

@media(min-width: 320px) and (max-width: 500px) {
    #einvoice .main-banner:before {
        width: 100%;
    }

    #einvoice .main-banner .einvoice-title {
        color: white;
        padding: 0px 0px 0px 0px;
        width: 100%;
    }
}

@media (max-width:587px) {


    .e-invoice-specifikacija {
        padding: 100px 0 !important;
    }

    #einvoice .main-banner .einvoice-title h1 {
        font-size: 23px;
    }

    #einvoice .main-banner .einvoice-title p {
        font-size: 18px;
    }

    #einvoice .main-banner .einvoice-img img {
        top: -220px;
    }

    #einvoice .main-banner .einvoice-title p {
        padding: 0px 0px 10px 0px;
    }

    #einvoice h2 {
        width: 300px;
        font-size: 30px;
    }

    #einvoice .btn-wrapper {
        display: block;
        width: 100%;
        margin: 0 auto;
        margin: 70px auto;
    }


        #einvoice .btn-wrapper a {
            margin-top: 10px !important;
            width: 250px;
        }
}

/*#region cisco webex*/

#cisco .main-banner {
    background-size: cover;
    height: 400px;
    background-repeat: no-repeat;
    margin-bottom: 50px;
    background-image: url(../content/images/cisco/main-banner.png);
}


    #cisco .main-banner:before {
        background-image: url(../content/images/cisco/shape-banner.png);
        width: 45%;
        height: 100%;
        background-size: contain;
        content: '';
        position: absolute;
        bottom: 0;
        background-repeat: no-repeat;
        background-position: left bottom;
        left: 0;
    }

#cisco .cisco-title {
    position: absolute;
    width: 25%;
    bottom: 40px;
}

    #cisco .cisco-title h1 {
        color: white;
        font-size: 40px;
        position: relative;
        top: 50%;
        text-transform: initial;
        line-height: 1.1;
        font-family: 'teleNeo-bold' !important;
    }

    #cisco .cisco-title p {
        width: 30%;
        position: relative;
        top: 50%;
        font-size: 26px;
    }

#cisco .intro {
    padding: 50px 100px;
}

    #cisco .intro h2 {
        color: #E20074;
        font-weight: bold;
        padding-bottom: 20px;
        font-size: 28px;
    }

#cisco .tabs-title h2 {
    position: relative;
    width: 40%;
    text-align: center;
    margin: 0 auto;
    background-color: black;
    color: white;
    text-transform: uppercase;
    font-size: 35px;
    padding: 20px;
}

#cisco .einvoice-tabs {
    margin-top: 0;
    padding: 100px 0;
}

#cisco #tab-1 strong {
    color: #E20074;
}

#cisco #tab-1 a {
    color: black;
}


#cisco #tab-3 {
    text-align: left;
}

    #cisco #tab-3 p::before {
        content: '-';
        color: #e20074;
        font-size: 20px;
        position: absolute;
        left: 0px;
    }

    #cisco #tab-3 h4 {
        font-weight: bold;
    }

#cisco #tab-4 > div {
    display: flex;
}

#cisco #tab-4 h3 {
    font-size: 18px;
    font-weight: bold;
    height: 45px;
    color: black;
}

#cisco #tab-4 .box {
    width: 25%;
    padding: 0 20px;
}

#cisco #tab-4 img {
    height: 45px;
}

#cisco #tab-4 p {
    line-height: 1.1;
}

#cisco .section3 h2 {
    text-align: center;
}

#cisco .section3 {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../content/images/cisco/Section3-bg.png);
    margin-top: -200px;
}

    #cisco .section3 h2 {
        padding: 50px;
        font-weight: bold;
    }

    #cisco .section3 .wrapper {
        padding: 250px 0 150px;
    }

#cisco .table-responsive {
    position: relative;
    background: white;
    margin: 0 auto;
    box-shadow: 0px 30px 136px rgba(0, 0, 0, 0.10);
    width: 100%;
    padding: 70px 35px;
}

#cisco table td + td, #cisco table th + th {
    background: white;
    text-align: center;
}

#cisco table {
    margin: 0 auto;
    width: 90%;
    height: 100%;
}

    #cisco table th {
        background: white;
        padding: 0;
        font-size: 27px !important;
        font-weight: bold;
    }

div#cisco table tr td {
    border-bottom: 1px solid #e9e9e9;
    padding: 30px 0 10px 0;
    font-size: 17px;
}

#cisco table tr td strong {
    color: #e20074;
}

#cisco tbody > tr:last-child > td {
    border-bottom: 0;
}

div.ict-integrated .tab-wrapper .panel-body ul {
    display: block;
    margin: 20px 0;
}

    div.ict-integrated .tab-wrapper .panel-body ul li {
        box-shadow: unset;
        width: 100%;
        padding: 2px;
        text-align: left;
    }

        div.ict-integrated .tab-wrapper .panel-body ul li:before {
            content: '-';
            color: #d5006d;
            font-size: 18px;
            padding-right: 10px;
        }

@media (min-width:1600px) {
    #cisco .cisco-title {
        width: 25%;
    }

    #cisco .main-banner:before {
        width: 45%;
        background-size: cover;
    }
}


@media (max-width: 1199px) {
    #cisco .intro {
        padding: 50px 0;
    }

        #cisco .intro h2 {
            font-size: 28px;
        }

    #cisco #tab-2, #cisco #tab-3 {
        padding: 0;
    }


    #cisco #tab-4 h3 {
        font-size: 16px;
        height: 40px;
    }

    #cisco #tab-4 .box {
        padding: 0 10px;
    }

    #cisco .section3 {
        padding: 0;
    }

    #cisco .last-sec .tabs ul li {
        min-height: 80px;
    }

    #cisco .cisco-title {
        width: 38%;
        bottom: 30px;
    }

    #cisco .main-banner:before {
        width: 55%;
    }
}

@media (max-width: 991px) {
    #cisco #tab-4 > div {
        display: block;
    }

    #cisco #tab-4 .box {
        width: 100%;
        margin: 30px 0;
    }

    #cisco #tab-4 h3 {
        height: auto;
    }

    #cisco .tabs ul li {
        min-height: 125px !important;
    }

    #cisco .last-sec .tabs ul li {
        min-height: 100px !important;
    }

    #cisco .main-banner {
        height: 400px;
    }

        #cisco .main-banner:before {
            width: 60%;
        }

    #cisco .cisco-title h1 {
        font-size: 30px;
    }

    #cisco .cisco-title {
        bottom: 20px;
    }

    #cisco .section3 .wrapper {
        padding: 250px 0 150px;
    }
}

@media (max-width: 767px) {

    #cisco .intro {
        padding: 20px 0;
        width: 90%;
        margin: 0 auto;
    }

        #cisco .intro h2 {
            font-size: 24px;
        }

    #cisco .tabs-title h2 {
        width: 90%;
        font-size: 30px;
        margin: 30px auto;
    }

    #cisco .text-wrap p {
        padding-left: 0px !important;
    }

    #cisco .text-wrap {
        padding: 20px;
    }

    #cisco .box img {
        margin: 0 auto;
        display: block;
    }

    #cisco #tab-2, #cisco #tab-3 {
        padding: 0 20px;
    }

        #cisco #tab-3 p::before {
            left: 0px;
        }

    #cisco #tab-4 h3 {
        background-color: white;
        text-align: center;
        padding: 10px 0 0 0;
    }

    #cisco #tab-4 .box {
        margin: 50px 0;
    }

    #cisco .table-responsive {
        width: 100%;
        padding: 50px 10px;
    }

    #cisco .section3 h2 {
        padding: 50px;
        font-weight: bold;
        font-size: 26px;
    }

    #cisco table th {
        font-size: 22px !important;
    }

    #cisco .section3 {
        padding: 250px 0px 50px;
    }

    #cisco .main-banner:before {
        width: 65%;
    }

    #cisco .cisco-title {
        width: 44%;
    }

        #cisco .cisco-title h1 {
            font-size: 26px;
        }

    #cisco .main-banner {
        height: 300px;
        background-position: 80% 0;
    }

    #cisco .section3 .wrapper {
        padding: 0px;
    }
}

@media (max-width:587px) {
    #cisco .intro {
        padding: 0;
    }

        #cisco .intro h2 {
            font-size: 24px;
        }

    #cisco .tabs-title h2 {
        font-size: 26px;
    }

    #cisco .cisco-title {
        width: 55%;
        bottom: 10px;
    }

    #cisco .main-banner:before {
        width: 80%;
    }

    #cisco .cisco-title h1 {
        font-size: 24px;
    }
}

@media (min-width: 320px) and (max-width: 400px) {
    #cisco .last-sec ol {
        padding-left: 20px;
    }

    #cisco .last-sec li {
        font-size: 16px !important;
    }

    #cisco .cisco-title {
        width: 70%;
    }

    #cisco .main-banner:before {
        width: 100%;
    }
}

/*#endregion cisco webex*/



/*#region cisco umbrella*/
/*Cisco Umbrella*/

#cisco-umbrella .main-banner {
    background-image: url(../content/images/cisco-umbrella/banner-pic.png);
    position: relative;
    height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

    #cisco-umbrella .main-banner:before {
        content: '';
        position: absolute;
        width: 100%;
        background-image: url(../content/images/cisco-umbrella/shape-magenta.png);
        height: 100%;
        bottom: -36px;
        background-size: auto;
        background-repeat: no-repeat;
        background-position: left bottom;
        left: 0;
    }

    #cisco-umbrella .main-banner .header {
        position: absolute;
        bottom: 50px;
        width: 40%;
        padding-left: 0px;
    }

        #cisco-umbrella .main-banner .header h1 {
            color: white;
            font-size: 37px;
            font-family: 'teleNeo-bold' !important;
            text-transform: none;
        }

        #cisco-umbrella .main-banner .header .ec {
            position: absolute;
            right: -40px;
            top: -120px;
            width: 100px;
        }

#cisco-umbrella .content {
    text-align: center;
    padding: 100px 0 50px;
    background-image: url(../content/images/cisco-umbrella/section-bg-1.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

    #cisco-umbrella .content h2 {
        padding: 20px 0;
        font-weight: bold;
        color: black;
    }

    #cisco-umbrella .content p {
        font-size: 20px;
        color: black;
        padding: 5px 30px;
    }

#cisco-umbrella .sec-three {
    background-color: black;
    position: relative;
    overflow: visible;
    color: white;
    padding: 3% 0;
    color: white;
    padding: 50px 0 55px;
    overflow: visible;
    background-size: cover;
    width: 100%;
    min-height: 500px;
}

    #cisco-umbrella .sec-three .wrapper {
        display: flex;
    }

        #cisco-umbrella .sec-three .wrapper .bg-magenta {
            position: relative;
            left: 50px;
            padding: 20px 25px 20px 0px;
        }

    #cisco-umbrella .sec-three:before {
        top: 0px;
        content: '';
        position: absolute;
        width: 52%;
        background-image: url(../content/images/cisco-umbrella/shape-left.png);
        background-repeat: no-repeat;
        height: 587px;
        background-size: cover;
        background-position: left top;
    }

    #cisco-umbrella .sec-three::after {
        bottom: -7px;
        content: '';
        position: absolute;
        width: 150px;
        background-image: url(../content/images/cisco-umbrella/security.png);
        background-repeat: no-repeat;
        height: 150px;
        background-size: contain;
        background-position: center;
        right: 0;
    }

#cisco-umbrella .bg-black {
    padding: 20px 200px 20px 50px;
    z-index: 10;
    position: relative;
    left: 180px;
}

    #cisco-umbrella .bg-magenta h3, #cisco-umbrella .bg-black h3 {
        font-size: 28px;
        font-weight: bold;
        min-height: 65px;
    }

    #cisco-umbrella .bg-black h3 {
        width: 70%;
        position: relative;
    }

        #cisco-umbrella .bg-black h3:after {
            content: '';
            width: 5px;
            height: 60px;
            background-color: white;
            position: absolute;
            top: -10px;
            left: -20px;
        }

    #cisco-umbrella .bg-magenta ol li, #cisco-umbrella .bg-black p {
        font-size: 18px;
        padding: 10px 0 0 10px;
    }

#cisco-umbrella .bg-magenta ol {
    padding-left: 15px !important;
}

#cisco-umbrella .wrapper table {
    width: 100%;
    text-align: center;
}

    #cisco-umbrella .wrapper table tr > th {
        text-align: center;
    }

        #cisco-umbrella .wrapper table tr > td:first-of-type,
        #cisco-umbrella .wrapper table tr > th:first-of-type {
            text-align: left;
        }

    #cisco-umbrella .wrapper table thead tr th, #cisco-umbrella .wrapper table td {
        background-color: transparent;
        padding: 15px 30px;
        font-size: 18px !important;
    }

    #cisco-umbrella .wrapper table thead tr th, #cisco-umbrella .wrapper table tbody tr td b {
        color: #e20074;
        font-size: 19px !important;
    }

    #cisco-umbrella .wrapper table thead tr th {
        padding-bottom: 25px;
    }

        #cisco-umbrella .wrapper table thead tr th strong {
            color: black;
        }


    #cisco-umbrella .wrapper table tbody tr td span.number {
        font-size: 30px !important;
        font-weight: 600;
    }

    #cisco-umbrella .wrapper table td {
        border-bottom: 1px solid #e9e9e9 !important;
        line-height: 1.2;
    }

#cisco-umbrella .last-sec p {
    font-weight: 600;
}

#cisco-umbrella .wrapper table td strong {
    font-size: 17px !important;
}

#cisco-umbrella tbody > tr:last-child > td {
    border-bottom: 0 !important;
}

#cisco-umbrella .last-sec {
    padding: 100px 0 50px;
    background-image: url(../content/images/cisco-umbrella/section-bg-1.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

    #cisco-umbrella .last-sec .wrapper {
        margin: 20px 0;
        background-color: white;
    }

    #cisco-umbrella .last-sec h2 {
        text-align: center;
        padding: 20px 0;
        font-weight: bold;
        color: black;
        text-transform: uppercase;
    }

    #cisco-umbrella .last-sec p {
        font-size: 17px;
        font-weight: 600;
    }

    #cisco-umbrella .last-sec table img {
        max-width: 225px;
    }

    #cisco-umbrella .last-sec .hdp-price-left.hdp-price-top,
    #cisco-umbrella .last-sec .hdp-price-body {
        display: inline-block;
    }

    #cisco-umbrella .last-sec span.bts-paket-no-ddv.three,
    #cisco-umbrella .last-sec span.bts-paket-ddv.three {
        font-size: 30px !important;
        font-family: 'teleNeo-bold' !important;
    }

#cisco-umbrella .price-den {
    font-size: 15px;
}

#cisco-umbrella .cisco-partner {
    position: relative;
    background-color: white;
    padding: 10px;
    text-align: right;
}

@media(min-width: 1850px) {
    #cisco-umbrella .main-banner:before {
        background-image: none;
    }

    #cisco-umbrella .main-banner .svg {
        position: relative;
        height: 100%;
    }

        #cisco-umbrella .main-banner .svg:before {
            content: '';
            position: absolute;
            left: -900%;
            height: 292px;
            background: #e20074;
            right: 100%;
            display: block;
            bottom: 0;
        }

        #cisco-umbrella .main-banner .svg svg {
            bottom: -35px;
            top: auto;
            left: 0;
            right: auto;
            position: absolute;
        }

    #cisco-umbrella .sec-three {
        overflow: hidden;
    }

        #cisco-umbrella .sec-three:before {
            height: 700px;
        }
}

@media(max-width: 1849px) {
    #cisco-umbrella .main-banner svg {
        display: none;
    }
}

@media (min-width:1600px) {
    #cisco-umbrella .main-banner .header {
        width: 35%;
    }

    #cisco-umbrella .sec-three .wrapper .bg-magenta {
        position: relative;
        left: 50px;
        padding: 20px 0px;
    }

    #cisco-umbrella .bg-black {
        padding: 20px 200px 20px 150px;
        z-index: 10;
        position: relative;
        left: 150px;
    }

    #cisco-umbrella .sec-three::after {
        bottom: -7px;
        width: 180px;
        height: 180px;
    }
}

@media (max-width:1199px) {
    #cisco-umbrella .main-banner .header {
        width: 45%;
        padding-left: 20px;
    }

    #cisco-umbrella .main-banner:before {
        width: 65%;
        background-position: bottom;
    }

    #cisco-umbrella .sec-three {
        overflow: hidden;
    }

        #cisco-umbrella .sec-three:before {
            height: 900px;
        }

    #cisco-umbrella .bg-magenta h3, #cisco-umbrella .bg-black h3 {
        font-size: 22px;
    }

    #cisco-umbrella .content h2 {
        font-size: 28px;
    }

    #cisco-umbrella .sec-three .wrapper .bg-magenta {
        left: 30px;
        padding: 0 0 30px;
    }

    #cisco-umbrella .bg-black {
        padding: 0px 200px 20px 50px;
    }

    #cisco-umbrella .last-sec {
        padding: 80px 0;
    }
}

@media(min-width: 1200px) and (max-width: 1400px) {
    #cisco-umbrella .sec-three {
        overflow: hidden;
    }

        #cisco-umbrella .sec-three:before {
            height: 700px;
        }
}

@media (max-width:992px) {
    #cisco-umbrella .main-banner:before {
        width: 80%;
        background-size: contain;
        bottom: -35px;
    }

    #cisco-umbrella .main-banner .header h1 {
        font-size: 34px;
    }

    #cisco-umbrella .sec-three .wrapper .bg-magenta {
        padding: 20px 0;
    }

    #cisco-umbrella .bg-black {
        padding: 20px 80px;
        left: 100px;
    }

    #cisco-umbrella .main-banner .header {
        width: 55%;
        bottom: 20px;
    }

        #cisco-umbrella .main-banner .header h1 {
            font-size: 32px;
        }
}

@media (max-width:767px) {
    #cisco-umbrella .main-banner {
        height: 350px;
    }

        #cisco-umbrella .main-banner:before {
            width: 80%;
        }

        #cisco-umbrella .main-banner .header {
            width: 60%;
        }

    #cisco-umbrella .sec-three .wrapper {
        display: block;
    }

        #cisco-umbrella .sec-three .wrapper .bg-magenta {
            padding: 20px 0;
            left: 0;
        }

    #cisco-umbrella .main-banner .header h1 {
        font-size: 27px;
    }

    #cisco-umbrella .bg-black {
        padding: 20px 10px;
        left: 0;
        margin-top: 40px;
    }

    #cisco-umbrella .sec-three:before {
        width: 100%;
        height: 50%;
    }

    #cisco-umbrella .bg-black h3 {
        padding-top: 30px;
    }

        #cisco-umbrella .bg-black h3::after {
            top: 25px;
        }

    #cisco-umbrella .content {
        padding: 50px 0;
    }

        #cisco-umbrella .content img {
            width: 80px;
        }

        #cisco-umbrella .content h2 {
            font-size: 24px;
            padding: 20px 0 10px;
        }

        #cisco-umbrella .content p {
            padding: 5px 0px;
        }

    #cisco-umbrella .last-sec {
        padding: 50px 0;
    }

        #cisco-umbrella .last-sec .table-responsive {
            overflow: auto;
        }

    #cisco-umbrella .bg-magenta ol {
        padding-right: 40px;
    }

    #cisco-umbrella .bg-magenta h3, #cisco-umbrella .bg-black h3 {
        min-height: 0;
    }

    #cisco-umbrella .bg-magenta h3 {
        margin-top: 0;
    }

    #cisco-umbrella .bg-black h3 {
        margin-top: 50px;
    }

    #cisco-umbrella .cisco-partner {
        padding: 15px 0px 30px !important;
    }
}

@media (max-width:587px) {

    #cisco-umbrella .main-banner .header h1 {
        font-size: 22px;
    }

    #cisco-umbrella .main-banner:before {
        bottom: -20px;
    }

    #cisco-umbrella .main-banner .header {
        width: 70%;
    }

    #cisco-umbrella .main-banner .header {
        padding-left: 15px;
        bottom: 20px;
    }

    #cisco-umbrella .bg-magenta ol {
        padding-right: 0;
    }
}

@media (min-width:320px) and (max-width:400px) {
    #cisco-umbrella .main-banner:before {
        width: 100%;
    }

    #cisco-umbrella .main-banner .header {
        width: 85%;
        bottom: 0;
        padding: 0px 15px 8px;
    }
}
/*#endregion cisco umbrella*/




/*#region objavi i objavi arhiva*/

/*Objavi*/

#objavi h2 {
    margin: 0 !important;
    color: #E20074;
    margin: 50px 0px 30px 0px;
    text-transform: uppercase;
    font-family: 'teleNeo-bold' !important;
    padding-top: 50px;
}

#objavi h3 {
    font-size: 19px;
    font-family: 'teleNeo-bold' !important;
    margin-top: 30px;
    margin-bottom: 0 !important;
}

#objavi .quality-box {
    box-shadow: 0px 12px 40px rgba(0, 0, 0, .07);
    position: relative;
    margin: 30px 0;
    transition: ease-in-out 500ms;
}

    #objavi .quality-box a {
        font-size: 18px;
        padding: 25px !important;
        display: block;
        width: 100%;
        font-family: 'teleNeo-medium' !important;
        color: #202020;
        padding-top: 40px;
    }

        #objavi .quality-box a.pdf:after,
        #objavi .mb-wrapper a.pdf:after {
            content: " (.pdf)";
            height: 50px;
            width: 50px;
            font-size: 14px;
            opacity: 0.7;
        }

    #izvestai-za-kvalitet .quality-box .info-quartal,
    #objavi .quality-box .info-quartal {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 15px;
        background-color: #E20074;
        color: white;
        padding: 5px 10px;
    }

#objavi .toggle-box {
    margin-bottom: 20px;
}


    #objavi .toggle-box a {
        color: #333;
        font-family: 'teleNeo-bold' !important;
        font-size: 18px;
        background-color: #f2f2f2;
        padding: 10px 20px;
        margin-top: 20px;
        position: relative;
        padding-left: 35px;
        margin: 20px 0 0 0;
        display: block;
    }

        #objavi .toggle-box a:last-child {
            margin-bottom: 20px;
        }

        #objavi .toggle-box a:before {
            content: ']$';
            font-family: 'teleicon-outline';
            position: absolute;
            color: #e20074;
            font-size: 22px;
            top: 9px;
            left: 10px;
            margin: auto;
            transform: rotateZ(-180deg);
            transition-property: transform;
            transition-duration: .5s;
        }

        #objavi .toggle-box a.collapsed:before {
            transform: rotateZ(0deg);
        }

#objavi .mb-box a, #arhiva .mb-box a, #sednici .archive-text a {
    display: block;
    background-color: white;
    padding: 0;
    margin-top: 0;
    font-size: 18px;
    font-family: 'teleNeo-regular' !important;
    color: #333;
    display: block;
    padding-left: 25px;
    margin: 0;
    position: relative;
}

    #objavi .mb-box a:before, #arhiva .mb-box a:before, #sednici .archive-text a:before {
        content: "";
    }

#objavi .mb-box, #arhiva .mb-box {
    padding-left: 35px;
    margin-bottom: 60px;
}

    #objavi .mb-box a:hover, #objavi .mb-box a:focus,
    #arhiva .mb-box a:hover, #arhiva .mb-box a:focus,
    #sednici .archive-text a:hover, #sednici .archive-text a:focus {
        text-decoration: underline;
    }

    #objavi .mb-box h3 span, #arhiva .mb-box h3 span {
        color: #E20074;
        font-family: 'teleNeo-bold' !important;
    }

#sednici .archive-text a {
    padding-left: 35px !important;
}

    #objavi .mb-box a:before,
    #arhiva .mb-box a:before,
    #sednici .archive-text a:before {
        content: "";
        width: 15px;
        height: 30px;
        background: url(../content/images/link-magenta.png);
        position: absolute;
        background-repeat: no-repeat;
        left: 10px;
        background-size: contain;
        background-position: center;
        top: 0;
        bottom: 0;
        margin: auto;
    }



#objavi a.moreless-button {
    width: auto;
    display: inline-block;
    margin: 10px auto 0 auto;
    text-align: center;
    position: relative;
    left: 0;
    right: 0;
    padding: 8px 15px;
}


#objavi .wrapper-link {
    text-align: center;
    margin-bottom: 30px;
}

#objavi .panel-default {
    border-bottom: 0 !important;
    box-shadow: none;
}

#objavi .quality-box {
    margin: 20px 0;
}

@media (max-width:1199px) {
    #objavi .main-banner {
        height: 300px;
    }

    #objavi h1 {
        padding: 3% 4%;
        bottom: -45px;
    }
}

@media (max-width: 767px) {
    #objavi .content {
        margin-top: 0px;
    }

    #objavi .main-banner {
        margin-bottom: 60px !important;
        background-position: 60%;
    }

    #objavi h2 {
        font-size: 22px;
    }

    #objavi .list-wrap {
        flex-direction: column;
    }

    #objavi .wrapper {
        width: 100%;
    }

    #objavi h3 {
        margin-top: 10px;
    }

    #objavi .mb-box, #arhiva .mb-box {
        padding-left: 15px;
    }

    #objavi h2 {
        padding-top: 20px;
    }

    #objavi a.moreless-button {
        margin: 15px auto 0 auto;
    }

    #objavi h1 {
        bottom: -60px;
    }
}

@media (min-width: 400px) and (max-width: 587px) {
    #objavi h1 {
        bottom: -60px;
    }
}


@media (min-width: 320px) and (max-width: 400px) {
    #objavi h1 {
        bottom: -50px;
    }

    #objavi .mb-box, #arhiva .mb-box {
        padding-left: 0;
    }
}


/*Objavi arhiva*/
#arhiva h1 {
    font-family: 'teleNeo-bold' !important;
    font-size: 30px;
}

#objavi .mb-box h2, #arhiva h1 {
    padding: 40px 30px;
    background-color: #F5F7F9;
    margin: 20px 0 30px !important;
    background: linear-gradient(90deg, #F5F7F9, #f5f7f947);
}

#arhiva .mb-box h2 {
    font-size: 20px;
    font-family: 'teleNeo-bold' !important;
}


#objavi .mb-box .wrapper {
    padding: 0 30px;
}

#objavi ol.carousel-indicators li {
    width: 100%;
    margin: 0 auto;
    height: 100%;
    cursor: pointer;
    text-indent: unset;
    background: none;
    text-align: left;
    font-size: 20px;
    font-family: 'teleNeo-bold' !important;
    padding: 5px 0;
    position: relative;
    margin: 20px 0;
    text-align: center;
}


    #objavi ol.carousel-indicators li:hover, #objavi ol.carousel-indicators li.active {
        color: #e20074;
    }

    #objavi ol.carousel-indicators li:after {
        content: "";
        width: 60%;
        height: 2px;
        background-color: #d0d0d0;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    #objavi ol.carousel-indicators li:hover:after, #objavi ol.carousel-indicators li.active:after {
        background-color: #e20074;
    }


#objavi .indicators {
    bottom: 0;
    position: relative;
    margin-left: 0 !important;
    width: 100%;
    left: auto;
}

#objavi ol.carousel-indicators {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0 auto !important;
    list-style: none;
    z-index: 2;
    height: 100%;
}

#objavi .mb-box h3:first-of-type {
    margin-top: 0 !important;
}

#objavi .carousel h2 {
    padding: 30px;
}

#objavi .carousel h4 {
    font-family: 'teleNeo-bold' !important;
    margin-bottom: 5px;
}

#objavi .carousel i {
    position: relative;
    font-size: 32px;
    color: #181818;
    text-align: left;
    top: 20px;
}

#objavi .carousel ol button {
    color: #4b4b4b;
    font-size: 34px;
    text-shadow: none !important;
    background-color: transparent !important;
}

@media (max-width: 767px) {
    #objavi .indicators {
        margin-bottom: 40px;
    }

    #objavi ol.carousel-indicators {
        flex-wrap: wrap;
        justify-content: flex-start;
        flex-direction: row;
    }

        #objavi ol.carousel-indicators li {
            width: auto;
            margin: 10px;
        }
}
/*#endregion objavi i objavi arhiva*/


/*#region Struktura na akcioneri*/
#struktura-akcioneri {
    position: relative;
    width: 100%;
    height: 100%;
}

    #struktura-akcioneri .main-banner .container {
        position: relative;
        height: 100%;
    }

    #struktura-akcioneri .main-banner {
        position: relative;
        background-image: url(../content/images/za-kompanijata/odnosi-so-investitori/korporativno-upravuvanje-banner.png);
        background-size: cover;
        height: 520px;
        background-position: center;
        background-repeat: no-repeat;
    }

        #struktura-akcioneri .main-banner .header {
            position: absolute;
            left: 0;
            right: 0;
            bottom: -60px;
            background-color: #fff;
            box-shadow: 0px 30px 89px #0000001a;
            padding: 30px 50px;
            width: 80%;
            margin: 0 auto;
        }

    #struktura-akcioneri h1.text-center {
        font-family: 'teleNeo-extra' !important;
        font-size: 30px;
        color: #000000;
    }

    #struktura-akcioneri .content {
        padding: 110px 0 70px;
    }

        #struktura-akcioneri .content .text-wrap {
            font-size: 18px !important;
            margin-top: 125px;
            margin-bottom: 40px;
        }

            #struktura-akcioneri .content .text-wrap p {
                line-height: 1.2;
            }

    #struktura-akcioneri .table-responsive {
        position: relative;
        box-shadow: 0 30px 99px rgba(0, 0, 0, .19);
        border-radius: 8px;
        overflow: visible;
        width: 100%;
    }

        #struktura-akcioneri .table-responsive .tableTest {
            margin: 0 auto;
            background: #fff;
            width: 100% !important;
        }

    #struktura-akcioneri h2 {
        color: #e20074;
        margin-bottom: 25px !important;
        font-size: 22px;
    }

@media (max-width: 991px) {
    #struktura-akcioneri .table-responsive {
        overflow: auto !important;
    }

        #struktura-akcioneri .table-responsive .tableTest {
            overflow: visible;
            touch-action: auto;
        }
}

@media (max-width: 767px) {
    #struktura-akcioneri .main-banner {
        background-position: 85% 0% !important;
    }

    #struktura-akcioneri h2 {
        font-size: 26px;
        text-align: center;
    }

    #struktura-akcioneri .header {
        padding: 30px !important;
        width: 90% !important;
    }

        #struktura-akcioneri .header h1 {
            font-size: 30px !important;
        }

    #struktura-akcioneri .content {
        padding: 90px 0 70px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #struktura-akcioneri .main-banner {
        background-position: 80% 0%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #struktura-akcioneri .main-banner {
        background-position: 80%;
    }
}

@media (min-width: 1200px) and (max-width: 1575px) {
    #struktura-akcioneri .main-banner {
        background-position: 80%;
    }
}
/*#endregion Struktura na akcioneri*/
/*#region korporativno upravuvanje*/
#korporativno-upravuvanje {
    position: relative;
    width: 100%;
    height: 100%;
}

    #korporativno-upravuvanje .main-banner .container {
        position: relative;
        height: 100%;
    }

    #korporativno-upravuvanje .main-banner {
        position: relative;
        background-image: url(../content/images/za-kompanijata/odnosi-so-investitori/korporativno-upravuvanje-banner.png);
        background-size: cover;
        height: 520px;
        background-position: center;
        background-repeat: no-repeat;
    }

        #korporativno-upravuvanje .main-banner .header {
            position: absolute;
            left: 0;
            right: 0;
            bottom: -75px;
            background-color: #fff;
            box-shadow: 0px 30px 89px #0000001a;
            padding: 50px;
            width: 80%;
            margin: 0 auto;
        }

    #korporativno-upravuvanje h1.text-center {
        font-family: 'teleNeo-extra' !important;
        font-size: 30px;
        color: #000000;
    }

    #korporativno-upravuvanje .content .text-wrap {
        font-size: 18px !important;
        margin-top: 125px;
        margin-bottom: 40px;
    }

        #korporativno-upravuvanje .content .text-wrap p {
            line-height: 1.2;
        }

        #korporativno-upravuvanje .content .text-wrap ul li {
            margin-bottom: 15px;
            margin-left: 0;
        }

@media (max-width: 767px) {
    #korporativno-upravuvanje .main-banner {
        background-position: 85% 0% !important;
    }

    #korporativno-upravuvanje .header {
        padding: 30px !important;
        width: 90% !important;
    }

        #korporativno-upravuvanje .header h1 {
            font-size: 30px !important;
        }

    #korporativno-upravuvanje .content .text-wrap {
        font-size: 17px !important;
        margin-top: 90px !important;
        margin-bottom: 30px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #korporativno-upravuvanje .main-banner {
        background-position: 80% 0%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #korporativno-upravuvanje .main-banner {
        background-position: 80%;
    }
}

@media (min-width: 1200px) and (max-width: 1575px) {
    #korporativno-upravuvanje .main-banner {
        background-position: 80%;
    }
}

/*#endregion korporativno upravuvanje*/
/*#region struktura na Makedonski Telekom*/
#struktura-MKT {
    position: relative;
    width: 100%;
    height: 100%;
}

    #struktura-MKT .main-banner {
        position: relative;
        background-image: url(../content/images/za-kompanijata/odnosi-so-investitori/timg.jpg);
        background-size: cover;
        height: 520px;
        background-position: left;
        background-repeat: no-repeat;
    }

        #struktura-MKT .main-banner .container {
            position: relative;
            height: 100%;
        }

        #struktura-MKT .main-banner .header {
            position: absolute;
            left: 0;
            right: 0;
            bottom: -60px;
            background-color: #fff;
            box-shadow: 0px 30px 89px #0000001a;
            padding: 30px 50px;
            width: 80%;
            margin: 0 auto;
        }

    #struktura-MKT h1.text-center {
        font-family: 'teleNeo-extra' !important;
        font-size: 30px;
        color: #000000;
    }

    #struktura-MKT .content .text-wrap {
        font-size: 18px;
        margin-top: 125px;
        margin-bottom: 40px;
    }

        #struktura-MKT .content .text-wrap p {
            line-height: 1.2;
        }

        #struktura-MKT.content .text-wrap ul li {
            margin-bottom: 15px;
            margin-left: 0;
        }

@media(max-width: 767px) {
    #struktura-MKT .main-banner {
        background-position: 80% !important;
    }

    #struktura-MKT .header {
        padding: 30px !important;
        width: 90% !important;
    }

    #struktura-MKT h1 {
        font-size: 30px !important;
    }

    #struktura-MKT .content .text-wrap {
        font-size: 17px !important;
        margin-top: 90px !important;
        margin-bottom: 30px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #struktura-MKT .main-banner {
        background-position: 15% !important;
    }

        #struktura-MKT .main-banner .header {
            bottom: -60px !important;
            padding: 35px !important;
            width: 95% !important;
        }

    #struktura-MKT h1.text-center {
        font-size: 34px !important;
    }

    #struktura-MKT .content .text-wrap {
        font-size: 17px !important;
        padding: 20px;
        margin-top: 100px !important;
        margin-bottom: 30px !important;
    }
}
/*#endregion struktura na Makedonski Telekom*/

/*#region Sobranie */
#sobranie {
    position: relative;
    width: 100%;
    height: 100%;
}

    #sobranie .main-banner {
        position: relative;
        background-image: url(../content/images/za-kompanijata/odnosi-so-investitori/timg.jpg);
        background-size: cover;
        height: 520px;
        background-position: center;
        background-repeat: no-repeat;
    }

        #sobranie .main-banner .container {
            position: relative;
            height: 100%;
        }

        #sobranie .main-banner .header {
            position: absolute;
            left: 0;
            right: 0;
            bottom: -60px;
            background-color: #fff;
            box-shadow: 0px 30px 89px #0000001a;
            padding: 30px 50px;
            width: 80%;
            margin: 0 auto;
        }

    #sobranie h1.text-center {
        font-family: 'teleNeo-extra' !important;
        font-size: 30px;
        color: #000000;
    }

    #sobranie .content .text-wrap {
        font-size: 18px;
        margin-top: 125px;
        margin-bottom: 40px;
    }


        #sobranie .content .text-wrap p {
            line-height: 1.2;
        }

    #sobranie ol {
        list-style-type: none;
        padding-left: 15px;
    }

    #sobranie .content .text-wrap ol li {
        counter-increment: li;
        padding: 10px;
        line-height: 1;
    }

    #sobranie ol li::before {
        content: counter(li) ". ";
        color: #E20074;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
        position: relative;
        left: -7px;
        font-weight: bold;
    }

@media(max-width: 767px) {
    #sobranie .main-banner .header {
        padding: 30px;
        bottom: -55px !important;
    }

    #sobranie h1.text-center {
        font-size: 30px;
    }

    #sobranie ol {
        margin-bottom: 0;
    }

    #sobranie .main-banner {
        background-position: 80% !important;
    }

    #sobranie .header {
        padding: 30px !important;
        width: 90% !important;
    }

    #sobranie h1 {
        font-size: 30px !important;
    }

    #sobranie .content .text-wrap {
        font-size: 17px !important;
        margin-top: 90px !important;
        margin-bottom: 30px !important;
    }

        #sobranie .content .text-wrap p {
            font-size: 17px !important;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    #sobranie .main-banner {
        background-position: 15% !important;
    }

        #sobranie .main-banner .header {
            bottom: -60px !important;
            padding: 30px !important;
            width: 95% !important;
        }

    #sobranie h1.text-center {
        font-size: 34px !important;
    }

    #sobranie .content .text-wrap {
        font-size: 17px !important;
        padding: 20px;
        margin-top: 100px !important;
        margin-bottom: 30px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #sobranie .main-banner {
        background-position: 15% !important;
    }

        #sobranie .main-banner .header {
            bottom: -55px !important;
            padding: 30px !important;
        }
}

/*#endregion Sobranie*/


/*#region Glaven izvrshen direktor*/
#izvrshen-direktor {
    position: relative;
    width: 100%;
    height: 100%;
}

    #izvrshen-direktor .main-banner {
        position: relative;
        background-image: url(../content/images/za-kompanijata/odnosi-so-investitori/investor-relations.jpg);
        background-size: cover;
        height: 520px;
        background-position: center;
        background-repeat: no-repeat;
    }

        #izvrshen-direktor .main-banner .container {
            position: relative;
            height: 100%;
        }

        #izvrshen-direktor .main-banner .header {
            position: absolute;
            left: 0;
            right: 0;
            bottom: -60px;
            background-color: #fff;
            box-shadow: 0px 30px 89px #0000001a;
            padding: 30px 50px;
            width: 80%;
            margin: 0 auto;
        }

    #izvrshen-direktor h1.text-center {
        font-family: 'teleNeo-extra' !important;
        font-size: 30px;
        color: #000000;
    }

    #izvrshen-direktor .content .text-wrap {
        font-size: 18px;
        margin-top: 125px;
        margin-bottom: 40px;
    }

        #izvrshen-direktor .content .text-wrap p {
            line-height: 1.2;
            margin-bottom: 30px;
        }

        #izvrshen-direktor .content .text-wrap ul li {
            margin-bottom: 15px;
            margin-left: 0;
        }

@media(max-width: 767px) {
    #izvrshen-direktor .main-banner {
        background-position: 90%;
    }

        #izvrshen-direktor .main-banner .header {
            bottom: -60px !important;
            padding: 20px !important;
            width: 90% !important;
        }

    #izvrshen-direktor h1 {
        font-size: 30px !important;
    }

    #izvrshen-direktor .header h1 {
        font-size: 30px;
    }

    #izvrshen-direktor .content .text-wrap {
        margin-top: 90px !important;
        margin-bottom: 30px !important;
    }

    #izvrshen-direktor .text-wrap,
    #izvrshen-direktor .text-wrap p {
        font-size: 17px !important;
    }

    #izvrshen-direktor .content .text-wrap p {
        margin-bottom: 20px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #izvrshen-direktor .main-banner {
        background-position: 80% !important;
    }

        #izvrshen-direktor .main-banner .header {
            bottom: -50px !important;
            padding: 30px !important;
            width: 95% !important;
        }

    #izvrshen-direktor h1.text-center {
        font-size: 34px !important;
    }

    #izvrshen-direktor .content .text-wrap {
        font-size: 17px !important;
        padding: 20px;
        margin-top: 60px !important;
        margin-bottom: 10px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #izvrshen-direktor .main-banner {
        background-position: 80% !important;
    }
}
/*#endregion Glaven izvrshen direktor*/
/*#region Statut*/
#statut {
    position: relative;
    width: 100%;
    height: 100%;
}

    #statut .main-banner {
        position: relative;
        background-image: url(../content/images/za-kompanijata/odnosi-so-investitori/pres-centar-banner.png);
        background-size: cover;
        height: 520px;
        background-position: left;
        background-repeat: no-repeat;
    }

        #statut .main-banner .container {
            position: relative;
            height: 100%;
        }

        #statut .main-banner .header {
            position: absolute;
            left: 0;
            right: 0;
            bottom: -60px;
            background-color: #fff;
            box-shadow: 0px 30px 89px #0000001a;
            padding: 30px 50px;
            width: 80%;
            margin: 0 auto;
        }

    #statut h1.text-center {
        font-family: 'teleNeo-extra' !important;
        font-size: 30px;
        color: #000000;
    }

    #statut .content .text-wrap {
        font-size: 18px;
        margin-top: 125px;
        margin-bottom: 40px;
    }

        #statut .content .text-wrap p {
            line-height: 1.2;
        }

    #statut ol {
        list-style-type: none;
        padding-left: 15px;
    }

    #statut .content .text-wrap ol li {
        counter-increment: li;
        padding: 10px;
        line-height: 1;
    }

    #statut ol li::before {
        content: counter(li) ". ";
        color: #E20074;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
        position: relative;
        left: -7px;
        font-weight: bold;
    }

@media(max-width:767px) {
    #statut .main-banner .header {
        padding: 30px !important;
    }

    #statut h1 {
        font-size: 30px;
    }

    #statut .main-banner {
        background-position: 10% !important;
    }

        #statut .main-banner .header {
            bottom: -45px !important;
            padding: 20px !important;
            width: 90% !important;
        }

    #statut h1 {
        font-size: 30px !important;
    }

    #statut .header h1 {
        font-size: 30px;
    }

    #statut .content .text-wrap {
        margin-top: 90px !important;
        margin-bottom: 30px !important;
    }

    #statut .text-wrap,
    #statut .text-wrap p {
        font-size: 17px !important;
    }

    #statut .content .text-wrap p {
        margin-bottom: 20px !important;
    }

    #statut ol {
        margin: 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #statut .main-banner {
        background-position: 15% !important;
    }

        #statut .main-banner .header {
            bottom: -50px !important;
            padding: 30px !important;
            width: 95% !important;
        }

    #statut h1.text-center {
        font-size: 34px !important;
    }

    #statut .content .text-wrap {
        font-size: 17px !important;
        padding: 20px;
        margin-top: 60px !important;
        margin-bottom: 10px !important;
    }
}
/*#endregion Statut*/

/*#region Delovnik za rabota na odborot na dirketori*/

#delovnik {
    position: relative;
    width: 100%;
    height: 100%;
}

    #delovnik .main-banner {
        position: relative;
        background-image: url(../content/images/za-kompanijata/odnosi-so-investitori/timg.jpg);
        background-size: cover;
        height: 520px;
        background-position: 80%;
        background-repeat: no-repeat;
    }

        #delovnik .main-banner .container {
            position: relative;
            height: 100%;
        }

        #delovnik .main-banner .header {
            position: absolute;
            left: 0;
            right: 0;
            bottom: -60px;
            background-color: #fff;
            box-shadow: 0px 30px 89px #0000001a;
            padding: 30px 50px;
            width: 80%;
            margin: 0 auto;
        }

    #delovnik h1.text-center {
        font-family: 'teleNeo-extra' !important;
        font-size: 30px;
        color: #000000;
    }

    #delovnik .content .text-wrap {
        font-size: 18px;
        margin-top: 125px;
        margin-bottom: 40px;
    }

        #delovnik .content .text-wrap p {
            line-height: 1.2;
        }

    #delovnik ol {
        list-style-type: none;
        padding-left: 15px;
    }

    #delovnik .content .text-wrap ol li {
        counter-increment: li;
        padding: 10px;
        line-height: 1;
    }

    #delovnik ol li::before {
        content: counter(li) ". ";
        color: #E20074;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
        position: relative;
        left: -7px;
        font-weight: bold;
    }

@media (min-width: 1200px) and (max-width: 1550px) {
    #delovnik .main-banner {
        background-position: 15% !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #delovnik .main-banner {
        background-position: 15% !important;
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    #delovnik .main-banner {
        background-position: 15% !important;
    }

        #delovnik .main-banner .header {
            bottom: -50px !important;
            padding: 30px !important;
            width: 95% !important;
        }

    #delovnik h1.text-center {
        font-size: 34px !important;
    }

    #delovnik .content .text-wrap {
        font-size: 17px !important;
        padding: 20px;
        margin-top: 60px !important;
        margin-bottom: 10px !important;
    }
}

@media(max-width: 767px) {
    #delovnik .header {
        padding: 30px !important;
    }

        #delovnik .header h1 {
            font-size: 30px;
        }

    #delovnik .main-banner {
        background-position: 85% !important;
    }

        #delovnik .main-banner .header {
            bottom: -60px !important;
            padding: 20px !important;
            width: 90% !important;
        }

    #delovnik h1 {
        font-size: 30px !important;
    }

    #delovnik .header h1 {
        font-size: 30px;
    }

    #delovnik .content .text-wrap {
        margin-top: 90px !important;
        margin-bottom: 30px !important;
    }

    #delovnik .text-wrap,
    #delovnik .text-wrap p {
        font-size: 17px !important;
    }

    #delovnik .content .text-wrap p {
        margin-bottom: 20px !important;
    }

    #delovnik ol {
        margin: 0 !important;
    }
}



/*#endregion Delovnik za rabota na odborot na dirketori*/

/*#region Upravuvanje so rizik*/


#rizik {
    position: relative;
    width: 100%;
    height: 100%;
}

    #rizik .main-banner {
        position: relative;
        background-image: url(../content/images/za-kompanijata/odnosi-so-investitori/korporativno-upravuvanje-banner.png);
        background-size: cover;
        height: 520px;
        background-position: 80%;
        background-repeat: no-repeat;
    }

        #rizik .main-banner .container {
            position: relative;
            height: 100%;
        }

        #rizik .main-banner .header {
            position: absolute;
            left: 0;
            right: 0;
            bottom: -60px;
            background-color: #fff;
            box-shadow: 0px 30px 89px #0000001a;
            padding: 30px 50px;
            width: 80%;
            margin: 0 auto;
        }

    #rizik h1.text-center {
        font-family: 'teleNeo-extra' !important;
        font-size: 30px;
        color: #000000;
    }

    #rizik .content .text-wrap {
        font-size: 18px;
        margin-top: 125px;
        margin-bottom: 40px;
    }

        #rizik .content .text-wrap h2 {
            color: #e20074;
            margin-bottom: 25px;
            text-align: center;
        }

        #rizik .content .text-wrap p {
            line-height: 1.2;
        }

@media(max-width: 767px) {

    #rizik h2 {
        font-size: 24px;
    }

    #rizik .main-banner {
        background-position: 85% !important;
    }

    #rizik .header {
        padding: 30px !important;
        width: 90% !important;
    }

    #rizik h1 {
        font-size: 30px !important;
    }

    #rizik .content .text-wrap {
        font-size: 17px !important;
        margin-top: 90px !important;
        margin-bottom: 30px !important;
    }

    #rizik .text-wrap p {
        font-size: 17px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #rizik .main-banner {
        background-position: 80% !important;
    }

        #rizik .main-banner .header {
            bottom: -60px !important;
            padding: 35px !important;
            width: 95% !important;
        }

    #rizik h1.text-center {
        font-size: 34px !important;
    }

    #rizik .content .text-wrap {
        font-size: 17px !important;
        padding: 20px;
        margin-top: 100px !important;
        margin-bottom: 30px !important;
    }
}

/*#endregion Upravuvanje so rizik*/


/*#region Revizori*/
#revizori {
    position: relative;
    width: 100%;
    height: 100%;
}

    #revizori .main-banner {
        position: relative;
        background-image: url(../content/images/za-kompanijata/odnosi-so-investitori/investor-relations.jpg);
        background-size: cover;
        height: 520px;
        background-position: center;
        background-repeat: no-repeat;
    }

        #revizori .main-banner .container {
            position: relative;
            height: 100%;
        }

        #revizori .main-banner .header {
            position: absolute;
            left: 0;
            right: 0;
            bottom: -60px;
            background-color: #fff;
            box-shadow: 0px 30px 89px #0000001a;
            padding: 30px 50px;
            width: 80%;
            margin: 0 auto;
        }

    #revizori h1.text-center {
        font-family: 'teleNeo-extra' !important;
        font-size: 30px;
        color: #000000;
    }

    #revizori .content .text-wrap {
        font-size: 18px;
        margin-top: 125px;
        margin-bottom: 40px;
    }

        #revizori .content .text-wrap .white-box {
            min-height: 100%;
            margin-bottom: 40px;
            -webkit-box-shadow: 0 12px 40px rgba(0, 0, 0, .07);
            padding: 40px;
        }

        #revizori .content .text-wrap p {
            line-height: 1.2;
        }

    #revizori ol {
        list-style-type: none;
        padding-left: 15px;
    }

    #revizori .content .text-wrap ol li {
        counter-increment: li;
        padding: 10px;
        line-height: 1.2;
    }

    #revizori ol li::before {
        content: counter(li) ". ";
        color: #E20074;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
        position: relative;
        left: -7px;
        font-weight: bold;
    }

@media(max-width: 767px) {
    #revizori .main-banner .header {
        padding: 30px !important;
    }

    #revizori h1 {
        font-size: 30px;
    }

    #revizori .main-banner {
        background-position: 88% !important;
    }


        #revizori .main-banner .header {
            bottom: -45px !important;
            padding: 20px !important;
            width: 90% !important;
        }

    #revizori h1 {
        font-size: 30px !important;
    }

    #revizori .header h1 {
        font-size: 30px;
    }

    #revizori .content .text-wrap {
        margin-top: 90px !important;
        margin-bottom: 30px !important;
    }

    #revizori .text-wrap,
    #revizori .text-wrap p {
        font-size: 17px !important;
    }

    #revizori .content .text-wrap p {
        margin-bottom: 20px !important;
    }

    #revizori ol {
        margin: 0 !important;
    }

    #revizori .content .text-wrap .white-box {
        padding: 25px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #revizori .main-banner {
        background-position: 85% !important;
    }

        #revizori .main-banner .header {
            bottom: -50px !important;
            padding: 30px !important;
            width: 95% !important;
        }

    #revizori h1.text-center {
        font-size: 34px !important;
    }

    #revizori .content .text-wrap {
        font-size: 17px !important;
        padding: 20px;
        margin-top: 60px !important;
        margin-bottom: 10px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #revizori .main-banner {
        background-position: 80% !important;
    }

        #revizori .main-banner .header {
            bottom: -55px !important;
            padding: 30px !important;
        }
}
/*#endregion Revizori*/
 


/*#region Sednici*/
.btn-magen {
    padding: 8px 20px !important;
    font-size: 17px !important;
    border-radius: 4px !important;
    margin-top: 20px;
}

    .btn-magen:hover {
        border: 0 !important;
    }

#sednici {
    position: relative;
    width: 100%;
    height: 100%;
}

    #sednici .main-banner {
        position: relative;
        background-image: url(../content/images/za-kompanijata/odnosi-so-investitori/timg.jpg);
        background-size: cover;
        height: 520px;
        background-position: center;
        background-repeat: no-repeat;
    }

        #sednici .main-banner .container {
            position: relative;
            height: 100%;
        }

        #sednici .main-banner .header {
            position: absolute;
            left: 0;
            right: 0;
            bottom: -60px;
            background-color: #fff;
            box-shadow: 0px 30px 89px #0000001a;
            padding: 30px 50px;
            width: 80%;
            margin: 0 auto;
        }

    #sednici h1.text-center {
        font-family: 'teleNeo-extra' !important;
        font-size: 30px;
        color: #000000;
    }

    #sednici .content .wrapper {
        font-size: 18px;
        margin-top: 125px;
        margin-bottom: 40px;
    }

        #sednici .content .wrapper .white-box {
            min-height: 100%;
            margin-bottom: 40px;
            -webkit-box-shadow: 0 12px 40px rgba(0, 0, 0, .07);
            padding: 40px;
        }

        #sednici .content .wrapper p {
            line-height: 1.2;
        }

    #sednici .quality-box {
        box-shadow: 0 12px 40px rgba(0, 0, 0,.07);
        position: relative;
        margin: 30px 0;
        transition: ease-in-out 500ms;
    }

        #sednici .quality-box a {
            display: block;
            width: 100%;
            font-family: 'teleNeo-medium' !important;
            color: #202020;
            padding-top: 10px;
            padding: 20px;
        }

        #sednici .quality-box .info-quartal {
            display: inline-block;
            position: absolute;
            top: 0;
            right: 15px;
            background-color: #e20074;
            color: #fff;
            padding: 3px 0px;
            min-width: 110px;
            text-align: center;
        }

            #sednici .quality-box .info-quartal span {
                padding: 0 6px;
            }

                #sednici .quality-box .info-quartal span + span {
                    border-left: 1px solid rgba(255,255,255,.7);
                }

    #sednici .content h2 {
        color: #e20074;
        margin: 0px 0 30px 0;
        text-transform: uppercase;
        font-family: 'teleNeo-bold' !important;
        padding-top: 50px;
    }

    #sednici .sednici-more, .arhiva-more {
        text-align: center;
        margin-bottom: 30px;
    }

        #sednici .sednici-more .show-more, .arhiva-more {
            padding-top: 45px;
            cursor: pointer;
            font-size: 18px;
            display: block !important;
            transition: all ease-in .3s;
        }

            #sednici .sednici-more .show-more:after, .arhiva-more:after {
                content: '';
                display: block;
                clear: both;
                margin-top: -48px;
                background-image: url(../content/images/all-inOne/arrow-down-magenta.png);
                background-size: contain;
                background-repeat: no-repeat;
                width: 33px;
                height: 30px;
                margin: 15px auto;
                margin-top: -48px;
                transition: all ease-in .3s;
            }

            #sednici .sednici-more .show-more.xz:after {
                margin-top: -60px;
                transform: rotate(180deg);
                transition: all ease-in .3s;
            }

        #sednici .sednici-more .show-less {
            padding-top: 45px;
            cursor: pointer;
            font-size: 18px;
            display: block;
        }

            #sednici .sednici-more .show-less:after {
                content: '';
                display: block;
                clear: both;
                margin-top: -48px;
                background-image: url(../content/images/all-inOne/arrow-up-magenta.png);
                background-size: contain;
                background-repeat: no-repeat;
                width: 33px;
                height: 30px;
                margin: 15px auto;
                margin-top: -48px;
            }

    #sednici .quality-box.hidden {
        transition: all 1s linear;
    }

    #sednici .quality-box.less {
        display: none;
    }

    #sednici a.show-more, a.show-less {
        color: #000000;
    }

    #sednici .wrapper {
        position: relative;
        height: 100%;
        width: 100%;
    }

        #sednici .wrapper .archive-text {
            margin: 60px 0px;
            font-size: 18px;
        }

            #sednici .wrapper .archive-text h2 {
                text-align: center;
                text-transform: uppercase;
                font-family: 'teleNeo-bold' !important;
                margin: 30px 0 50px;
                font-size: 35px;
            }

    #sednici .sednici-more a.btn.btn-magen {
        font-size: 18px;
    }

@media (min-width: 1200px) and (max-width: 1550px) {
    #sednici .main-banner {
        background-position: 15% !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #sednici .main-banner {
        background-position: 15% !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #sednici .main-banner {
        background-position: 15% !important;
    }
}

@media(max-width: 767px) {
    #sednici .main-banner .header {
        padding: 30px !important;
    }

    #sednici h1 {
        font-size: 30px;
    }

    #sednici .main-banner {
        background-position: 80% !important;
    }


        #sednici .main-banner .header {
            bottom: -45px !important;
            padding: 20px !important;
            width: 90% !important;
        }

    #sednici h1 {
        font-size: 30px !important;
    }

    #sednici .content .text-wrap {
        margin-top: 90px !important;
        margin-bottom: 30px !important;
    }

    #sednici .text-wrap,
    #sednici .text-wrap p {
        font-size: 17px !important;
    }

    #sednici .content .text-wrap p {
        margin-bottom: 20px !important;
    }

    #sednici ol {
        margin: 0 !important;
    }

    #sednici .content .text-wrap .white-box {
        padding: 25px !important;
    }

    #sednici .quality-box a {
        padding-top: 40px;
    }

    #sednici .quality-box .info-quartal {
        min-width: 100px !important;
        font-size: 17px;
    }
}
/*#endregion Sednici*/

/*#region Kalendar na nastani*/
#kalendar {
    position: relative;
    width: 100%;
    height: 100%;
}

    #kalendar .main-banner {
        position: relative;
        background-image: url(../content/images/za-kompanijata/odnosi-so-investitori/korporativno-upravuvanje-banner.png);
        background-size: cover;
        height: 520px;
        background-position: 80%;
        background-repeat: no-repeat;
    }

        #kalendar .main-banner .container {
            position: relative;
            height: 100%;
        }

        #kalendar .main-banner .header {
            position: absolute;
            left: 0;
            right: 0;
            bottom: -60px;
            background-color: #fff;
            box-shadow: 0px 30px 89px #0000001a;
            padding: 30px 50px;
            width: 80%;
            margin: 0 auto;
        }

    #kalendar h1.text-center {
        font-family: 'teleNeo-extra' !important;
        font-size: 30px;
        color: #000000;
    }

    #kalendar .content .wrapper {
        font-size: 18px;
        margin-top: 125px;
        margin-bottom: 40px;
    }

        #kalendar .content .wrapper .white-box {
            min-height: 100%;
            margin-bottom: 40px;
            -webkit-box-shadow: 0 12px 40px rgba(0, 0, 0, .07);
            padding: 40px;
        }

        #kalendar .content .wrapper p {
            line-height: 1.2;
        }

    #kalendar .finansii .quality-box a {
        cursor: default;
    }

    #kalendar .quality-box {
        box-shadow: 0 12px 40px rgba(0, 0, 0,.07);
        position: relative;
        margin: 30px 0;
        transition: ease-in-out 500ms;
        padding-bottom: 20px;
    }

        #kalendar .quality-box p,
        #kalendar .quality-box a {
            display: block;
            width: 100%;
            font-family: 'teleNeo-medium' !important;
            color: #202020;
            padding-top: 10px;
            padding: 20px;
            padding-right: 140px;
            height: 100%;
            line-height: 1.2;
        }

        #kalendar .quality-box .info-quartal {
            display: inline-block;
            position: absolute;
            top: 0;
            right: 15px;
            background-color: #e20074;
            color: #fff;
            padding: 3px 0px;
            min-width: 110px;
            text-align: center;
        }

            #kalendar .quality-box .info-quartal span {
                padding: 0 6px;
            }

                #kalendar .quality-box .info-quartal span + span {
                    border-left: 1px solid rgba(255,255,255,.7);
                }

    #kalendar .year2014 .quality-box a:after {
        content: " (.pdf)";
        height: 50px;
        width: 50px;
        font-size: 14px;
        opacity: .7;
    }

    #kalendar .quality-box .archive-text a:after {
        content: " ";
        height: 50px;
        width: 50px;
        font-size: 14px;
        opacity: .7;
    }

    #kalendar .content h2 {
        color: #e20074;
        margin: 0px 0 30px 0;
        text-transform: uppercase;
        font-family: 'teleNeo-bold' !important;
        padding-top: 50px;
    }


    #kalendar .quality-box.hidden {
        transition: all 1s linear;
    }

    #kalendar .quality-box.less {
        display: none;
    }

    #kalendar .wrapper {
        position: relative;
        height: 100%;
        width: 100%;
    }

        #kalendar .wrapper .archive-text {
            margin-top: 60px;
            font-size: 18px;
        }

            #kalendar .wrapper .archive-text h2 {
                text-align: center;
                text-transform: uppercase;
                font-family: 'teleNeo-bold' !important;
                margin: 30px 0 50px;
                font-size: 35px;
            }

    #kalendar .kalendar-more a.btn.btn-magen {
        font-size: 18px;
    }

    #kalendar .archive-text .quality-box a {
        padding-left: 70px;
        display: block;
        width: 100%;
        color: #202020;
        padding-top: 25px;
    }

        #kalendar .archive-text .quality-box a:before {
            content: '';
            position: absolute;
            top: -15px;
            width: 100px;
            height: 100px;
            background-image: url(../content/images/link-magenta.png);
            background-repeat: no-repeat;
            background-position: center;
            left: -10px;
        }

@media(max-width: 767px) {
    #kalendar .main-banner {
        background-position: 85% !important;
    }

        #kalendar .main-banner .header {
            bottom: -45px !important;
            padding: 20px !important;
            width: 90% !important;
        }

    #kalendar h1 {
        font-size: 30px !important;
    }

    #kalendar .content h2 {
        margin: 0px 0 20px 0 !important;
        padding-top: 0px !important;
        font-size: 26px !important;
    }

    #kalendar .content .wrapper {
        margin-top: 80px !important;
    }

    #kalendar .content .text-wrap {
        margin-top: 90px !important;
        margin-bottom: 30px !important;
    }

    #kalendar .text-wrap,
    #kalendar .text-wrap p {
        font-size: 17px !important;
    }

    #kalendar .content .text-wrap p {
        margin-bottom: 20px !important;
    }

    #kalendar ol {
        margin: 0 !important;
    }

    #kalendar .content .text-wrap .white-box {
        padding: 25px !important;
    }

    #kalendar .quality-box p,
    #kalendar .quality-box a {
        padding-top: 50px;
        padding-right: 0;
        font-size: 17px;
    }

    #kalendar .quality-box .info-quartal {
        min-width: 100px !important;
        font-size: 17px;
    }
}
/*#endregion Kalendar na nastani*/

/*#region Kontakt i servis*/

#kontakt-servis {
    position: relative;
    width: 100%;
    height: 100%;
}

    #kontakt-servis .main-banner {
        position: relative;
        background-image: url(../content/images/za-kompanijata/odnosi-so-investitori/korporativno-upravuvanje-banner.png);
        background-size: cover;
        height: 520px;
        background-position: 80%;
        background-repeat: no-repeat;
    }

        #kontakt-servis .main-banner .container {
            position: relative;
            height: 100%;
        }

        #kontakt-servis .main-banner .header {
            position: absolute;
            left: 0;
            right: 0;
            bottom: -60px;
            background-color: #fff;
            box-shadow: 0px 30px 89px #0000001a;
            padding: 30px 50px;
            width: 80%;
            margin: 0 auto;
        }

    #kontakt-servis h1.text-center {
        font-family: 'teleNeo-extra' !important;
        font-size: 30px;
        color: #000000;
    }

    #kontakt-servis .content .wrapper {
        font-size: 18px;
        margin-top: 125px;
        margin-bottom: 40px;
    }

        #kontakt-servis .content .wrapper h2 {
            color: #e20074;
            margin-bottom: 25px;
            text-align: center;
        }

        #kontakt-servis .content .wrapper p {
            line-height: 1.2;
        }

@media(max-width: 767px) {
    #kontakt-servis .main-banner {
        background-position: 85% !important;
    }

    #kontakt-servis .header {
        padding: 30px !important;
        width: 90% !important;
    }

    #kontakt-servis h1 {
        font-size: 30px !important;
    }

    #kontakt-servis .content .text-wrap {
        font-size: 17px !important;
        margin-top: 90px !important;
        margin-bottom: 30px !important;
    }
}

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

    #kontakt-servis .main-banner .header {
        bottom: -60px !important;
        padding: 35px !important;
        width: 95% !important;
    }

    #kontakt-servis h1.text-center {
        font-size: 34px !important;
    }

    #kontakt-servis .content .text-wrap {
        font-size: 17px !important;
        padding: 20px;
        margin-top: 100px !important;
        margin-bottom: 30px !important;
    }
}

/*#endregion Kontakt i servis*/
/*#region Datum Sednici na sobranie*/
#data-sednici {
    position: relative;
    width: 100%;
    height: 100%;
}

    #data-sednici .main-banner {
        position: relative;
        background-image: url(../content/images/za-kompanijata/odnosi-so-investitori/timg.jpg);
        background-size: cover;
        height: 520px;
        background-position: center;
        background-repeat: no-repeat;
    }

        #data-sednici .main-banner .heading-wrapper {
            position: relative;
            height: 300px;
        }

            #data-sednici .main-banner .heading-wrapper .header {
                position: absolute;
                left: 0;
                right: 0;
                bottom: -65px;
                background-color: #fff;
                box-shadow: 0px 30px 89px #0000001a;
                padding: 30px 50px;
                width: 80%;
                margin: 0 auto;
            }

    #data-sednici h1.text-center {
        font-family: 'teleNeo-extra' !important;
        font-size: 26px;
        color: #000000;
    }

    #data-sednici .quality-box {
        box-shadow: 0 12px 40px rgba(0, 0, 0, .07);
        position: relative;
        margin: 30px 0;
        transition: ease-in-out 500ms;
        padding-bottom: 20px;
    }

        #data-sednici .quality-box a {
            padding-left: 55px;
            display: block;
            width: 100%;
            color: #202020;
            padding-top: 25px;
            font-size: 18px;
        }

            #data-sednici .quality-box a:before {
                content: '';
                position: absolute;
                width: 20px;
                height: 20px;
                background-image: url(../content/images/link-magenta.png);
                background-repeat: no-repeat;
                background-position: center;
                left: 20px;
                top: 0;
                bottom: 0;
                margin: auto;
                background-size: contain;
            }

    #data-sednici section.content {
        margin: 95px 0px 40px;
    }

    #data-sednici ul.t-ul-new-magenta li {
        font-size: 18px !important;
    }

    #data-sednici p {
        font-size: 18px;
    }

    #data-sednici h2 {
        color: #e20074;
        font-size: 24px;
        margin: 10px 0px;
    }

    #data-sednici ol {
        list-style-type: none;
        counter-reset: item;
        margin: 0;
        padding: 0;
    }

        #data-sednici ol > li {
            display: table;
            counter-increment: item;
            margin-bottom: 20px;
            font-size: 18px;
        }

            #data-sednici ol > li:before {
                content: counters(item, ".") ". ";
                display: table-cell;
                padding-right: 0.6em;
                color: #e20074;
                width: 1em;
                margin-left: -1em;
                position: relative;
                left: -7px;
                font-family: 'teleNeo-bold' !important;
                font-size: 19px;
            }

            #data-sednici ol > li ol li {
                margin: 10px 0;
            }

    #data-sednici li ol > li:before {
        content: counters(item, ".") " ";
    }
    #data-sednici ul.sobranie-dokumenti li{
        margin-bottom: 10px;
    }
        #data-sednici ul.sobranie-dokumenti li a{
            display: flex;
            align-items: flex-start;
        }
            #data-sednici ul.sobranie-dokumenti li a strong{
                padding-right: 10px;
            }
        #data-sednici ul.sobranie-dokumenti li ul{
            margin-top: 10px;
        }
        @media (min-width: 768px) and (max-width: 991px) {
            #data-sednici .main-banner {
        background-position: 80% !important;
    }

        #data-sednici .main-banner .header {
            bottom: 70px !important;
            padding: 35px !important;
            width: 95% !important;
        }

    #data-sednici h1.text-center {
        font-size: 34px !important;
    }

    #data-sednici .content .text-wrap {
        font-size: 17px !important;
        padding: 20px;
        margin-top: 100px !important;
        margin-bottom: 30px !important;
    }
}

@media(max-width: 767px) {
    #data-sednici .main-banner {
        background-position: 85% !important;
    }

        #data-sednici .main-banner .heading-wrapper .header {
            padding: 30px !important;
            width: 100% !important;
            bottom: 70px;
        }

    #data-sednici h1 {
        font-size: 30px !important;
    }

    #data-sednici.content {
        margin-top: 90px !important;
        margin-bottom: 30px !important;
    }
}




/*#endregion Datum Sednici na sobranie*/

/*#region dividenden kalendar -- da se prefrli vo ns-one2*/
#dividenden-kalendar {
    position: relative;
    width: 100%;
    height: 100%;
}

    #dividenden-kalendar .main-banner .container {
        position: relative;
        height: 100%;
    }

    #dividenden-kalendar .main-banner {
        position: relative;
        background-image: url(../content/images/za-kompanijata/odnosi-so-investitori/korporativno-upravuvanje-banner.png);
        background-size: cover;
        height: 520px;
        background-position: center;
        background-repeat: no-repeat;
    }

        #dividenden-kalendar .main-banner .header {
            position: absolute;
            left: 0;
            right: 0;
            bottom: -60px;
            background-color: #fff;
            box-shadow: 0px 30px 89px #0000001a;
            padding: 30px 50px;
            width: 80%;
            margin: 0 auto;
        }

    #dividenden-kalendar h1.text-center {
        font-family: 'teleNeo-extra' !important;
        font-size: 30px;
        color: #000000;
    }

    #dividenden-kalendar .content {
        padding: 110px 0 70px;
    }

        #dividenden-kalendar .content .text-wrap {
            font-size: 18px !important;
            margin-top: 125px;
            margin-bottom: 40px;
        }

            #dividenden-kalendar .content .text-wrap p {
                line-height: 1.2;
            }

    #dividenden-kalendar .table-responsive {
        position: relative;
        box-shadow: 0 30px 99px rgba(0, 0, 0, .19);
        border-radius: 8px;
        overflow: visible;
        width: 100%;
    }

        #dividenden-kalendar .table-responsive .tableTest {
            margin: 0 auto;
            background: #fff;
            width: 100% !important;
        }

        #dividenden-kalendar .table-responsive thead th {
            line-height: 1.2;
            font-size: 18px !important;
        }

        #dividenden-kalendar .table-responsive tbody td {
            width: 25%;
            padding: 10px 30px;
            font-size: 19px;
        }

@media (max-width: 991px) {
    #dividenden-kalendar .table-responsive {
        overflow: auto !important;
    }

        #dividenden-kalendar .table-responsive .tableTest {
            overflow: visible;
            touch-action: auto;
        }
}

@media (max-width: 767px) {
    #dividenden-kalendar .main-banner {
        background-position: 85% 0% !important;
    }

    #dividenden-kalendar h2 {
        font-size: 26px;
        text-align: center;
    }

    #dividenden-kalendar .header {
        padding: 30px !important;
        width: 90% !important;
    }

        #dividenden-kalendar .header h1 {
            font-size: 30px !important;
        }

    #dividenden-kalendar .content {
        padding: 90px 0 70px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #dividenden-kalendar .main-banner {
        background-position: 80% 0%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #dividenden-kalendar .main-banner {
        background-position: 80%;
    }
}

@media (min-width: 1200px) and (max-width: 1575px) {
    #dividenden-kalendar .main-banner {
        background-position: 80%;
    }
}
/*#endregion dividenden kalendar */