﻿
/*----------------------
		ADSL - New
-----------------------*/


.adsl-packages {
    background-image: url(../../content/images/adsl-land/adsl-background.jpg) !important;
    background-repeat: repeat-y;
    background-size: cover;
    padding: 20px 30px;
    margin-bottom: 15px;
}

.adsl-packages-slider {
    width: 100%;
    max-width: 1040px;
    margin: 0px auto;
}

    .adsl-packages-slider img {
        width: auto !important;
    }

.adsl-page-title h1 {
    text-align: center;
    color: #e20074;
    font-family: 'tele-groteskfetregular';
    padding: 30px 0px;
}

    .adsl-page-title h1 span {
        color: #333333;
        font-size: 26px;
        font-family: 'tele-groteskhalregular';
    }


.adsl-dodatna-povoljnost {
    padding: 40px 0px;
    margin-bottom: 40px;
    background-color: #ecf2f3;
}


    .adsl-dodatna-povoljnost h3 span {
        color: #212121;
    }




.adsl-modemi thead tr th {
    background-color: #f2f2f2;
    font-weight: normal;
    color: #e20074;
}

.adsl-modemi table tr th {
    font-size: 18px;
}

.adsl-modemi tbody tr td {
    padding: 15px 0px;
    border-bottom: 1px solid #F2F2F2;
}

    .adsl-modemi tbody tr td:first-child, .adsl-modemi table tr th:first-child {
        padding: 15px 15px;
    }

.adsl-modemi table tr td:nth-child(2) {
    color: #8a8a8a;
    font-size: 22px;
}

.adsl-modemi table th, .adsl-modemi table td {
    font-size: 14px;
}

.adsl-modemi table tfoot td {
    color: #7e7e7e;
    font-size: 14px;
    padding: 10px 15px;
}



.adsl-packages .slick-slide {
    margin: 0px 10px;
}

.adsl-packages .slick-list {
    margin: 0 -10px;
}




.adsl-packages .slick-track {
    padding: 15px 0px;
}

.adsl-packages span.adsl-arrow-left:hover, .adsl-packages span.adsl-arrow-right:hover {
    cursor: pointer;
}

.adsl-packages span.adsl-arrow-left {
    width: 60px;
    height: 108px;
    display: block !important;
    background-image: url('../../content/images/adsl-land/adsl-arrow-left.png');
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: -100px;
    position: absolute;
    bottom: 50px;
}

.adsl-packages span.adsl-arrow-right {
    width: 60px;
    height: 108px;
    display: block !important;
    background-image: url('../../content/images/adsl-land/adsl-arrow-right.png');
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    right: 0;
    bottom: 50px;
    margin-right: -100px;
}


@media (max-width: 767px) {
    packages .slick-slide {
        margin: 0px 30px;
    }

    .adsl-packages .slick-list {
        margin: 0 -22px;
    }


    .adsl-packages span.adsl-arrow-left {
        width: 20px !important;
        background-image: url('../../content/images/adsl-land/adsl-arrow-left-small.png');
        margin-left: -26px !important;
        top: 45% !important;
        bottom: auto !important;
    }

    .adsl-packages span.adsl-arrow-right {
        width: 20px !important;
        background-image: url('../../content/images/adsl-land/adsl-arrow-right-small.png');
        margin-right: -26px !important;
        top: 45% !important;
        bottom: auto !important;
    }
}


.mag-1-land .adsl-packages.magenta-s-box .fix-b {
    height: 65px;
}


.adsl-packages .fix-q {
    padding: 0;
    margin: 0;
    height: auto;
    min-height: 136px;
}

@media (max-width: 879px) {
    .fix-q.reset-height {
        min-height: 213px;
    }
}

@media (min-width: 870px) and (max-width: 1399px) {
    .adsl-packages .fix-q.reset-height {
        min-height: 200px;
    }
}

@media (min-width: 1400px) {
    .adsl-packages .fix-q.reset-height {
        min-height: 157px;
    }
}


.adsl-packages .fix-q ul {
    margin: 0px;
}

.fix-op img, .fix-in img {
    padding: 20px;
}


/* Tooltip */

.adsl-new-form .magenta-1-form .tool-fix-w, .magenta1-card .tool-fix-w {
    width: 40px;
    height: 40px;
    display: inline-block;
}

.adsl-new-form .mag1-qmark {
    overflow: hidden;
    position: absolute;
    width: 40px;
    height: 40px;
}

    .adsl-new-form .mag1-qmark:hover {
        width: auto;
        height: auto;
    }

.adsl-new-form .mag1-qmark {
    display: inline-block;
}

    .adsl-new-form .mag1-qmark img {
        width: 22px;
        margin-left: 15px;
        margin-top: 15px;
    }

.adsl-new-form .mytool {
    color: white;
    background-color: rgb(66, 65, 66);
    padding: 10px;
    width: 220px;
    margin-top: 35px;
    border-radius: 3px;
    position: relative;
    opacity: 0;
    transition: all ease-in-out 0.3s;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 2;
}

.adsl-new-form .mag1-qmark:hover .mytool {
    opacity: 1;
    visibility: visible;
}


.adsl-new-form > .col-lg-6:first-of-type {
    margin-left: 25%;
}

.adsl-new-form .mytool img {
    position: absolute;
    top: -30px;
    left: 0px;
    display: none\0/;
}

.magenta-1-form.adsl-new-form {
    padding: 20px 15px 25px 15px;
}

.adsl-new-form .number-gray {
    font-size: 26px;
    color: #aeaeae;
    background-color: white;
    border: 1px solid #dcdcdc;
}

.adsl-new-form .checked-green {
    font-size: 26px;
    color: #bbbd5a;
    background-color: white;
    border: 1px solid #bbbd5a;
}

.adsl-new-form span.checkmark {
    background-image: url("../../content/images/adsl-land/checkmark.png");
    height: 30px;
    width: 30px;
    display: block;
    margin: 0px auto;
    margin-top: -2px;
    background-repeat: no-repeat;
}


.izabrani-paket-box {
    background-color: #fbf6ea;
    padding: 40px 30px;
    max-width: 380px;
    margin-bottom: 15px;
}

h2.paket-title {
    color: #e20074 !important;
    border-bottom: 0px !important;
    font-size: 22px !important;
}

    h2.paket-title span {
        font-size: 18px;
        clear: both;
        display: block;
        color: #555;
    }

.row-izabrani-paket p {
    color: #4f4f4f;
    font-size: 15px;
    margin-bottom: 0px;
}

.row-izabrani-paket span {
    color: #848484;
    display: block;
}

.row-izabrani-paket h2.cena-paket {
    color: #e20074 !important;
    border-bottom: 0px !important;
}

    .row-izabrani-paket h2.cena-paket span {
        font-size: 18px;
        display: block;
        color: #59544F;
    }

.row-izabrani-paket {
    padding: 15px 0px;
    border-bottom: 1px solid #d3d0c9;
}



h2.cena-paket span {
    padding-top: 10px;
    font-size: 18px;
    display: block;
    color: #555;
    border-top: 1px solid #d3d0c9;
    margin-top: 2px;
}

h2.cena-paket {
    color: #e20074;
}


label.adsl-error-label {
    color: #383838;
    width: 200px;
    border: 0px;
    border-radius: 5px;
    padding: 10px;
    display: block;
    float: left;
    float: none\0/;
    margin-top: 0;
    line-height: 1.3;
    font-size: 13px;
    background-color: #fdfaf5;
    border: 1px solid #b48e2f;
}

/*label.adsl-error-label {
    background-color: rgba(236, 178, 108, 0.88);
    color: white;
    width: 200px;
    border: 0px;
    border-radius: 5px;
    padding: 10px;
    display: block;
    float: left;
    float: none\0/;
    margin-top: 0;
    line-height: 1.3;
    font-size: 13px;
    border: 1px solid #ECB26C;
}*/

.error-image-adsl {
    float: left;
    padding-right: 10px;
    display: inline-block;
    padding-top: 8px;
}

.adsl-reg-form-row {
    max-width: 400px;
	margin: 0px auto;
}

/*.adsl-reg-form-row h4 {
        text-align: center;
    }*/

.inner-content-container .adsl-reg-form-row input[type="text"],
.inner-content-container .adsl-reg-form-row input[type="email"] {
    width: 86%;
}


label.removeHoverEffect:hover {
    background-color: transparent !important;
}

.adsl-paketi-radio label.removeHoverEffect:hover h2 span, .adsl-paketi-radio label.removeHoverEffect:hover p {
    color: #555 !important;
}

/* Korisnicko ime */

.btn-provjeri {
    border: 1px solid #848484;
    margin-bottom: 80px;
    margin-top: 30px;
    /*padding: 15px 40px;*/
    color: #e20074;
}

button.btn.btn-default.btn-nazad {
    border: 1px solid #c7c7c7;
    padding: 15px 40px;
    color: #e20074;
    background: #f3f3f3;
    background: -moz-linear-gradient(top, #f3f3f3 0%, #e8e8e8 100%);
    background: -webkit-linear-gradient(top, #f3f3f3 0%,#e8e8e8 100%);
    background: linear-gradient(to bottom, #f3f3f3 0%,#e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e8e8e8',GradientType=0 );
}

button.btn.btn-default.btn-dalje {
    border: 1px solid #c7c7c7;
    padding: 15px 40px;
    background: #e10074;
    background: -moz-linear-gradient(top, #e10074 0%, #d6006f 100%);
    background: -webkit-linear-gradient(top, #e10074 0%,#d6006f 100%);
    background: linear-gradient(to bottom, #e10074 0%,#d6006f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e10074', endColorstr='#d6006f',GradientType=0 );
    color: #fff;
}


/*.m-step.step01.brl-2.korisnicko-ime {
    height: auto;
}*/


.radio-adsl {
    /*width: 30px;
    height: 30px;
    display: block;
    margin: 0px auto;
    background-image: url("../content/images/adsl-land/adsl-radio.png");
    background-repeat: no-repeat;*/
}


.adsl-paketi-radio input[type="radio"] {
    position: absolute;
    top: 85px;
    margin: 0px auto;
    left: 0;
    right: 0;
    display: none !important;
    display: none;
}

    .adsl-paketi-radio input[type="radio"]:checked + label .radio-adsl {
        background-image: url("../../content/images/adsl-land/adsl-checked.png");
        background-repeat: no-repeat;
    }

.adsl-paketi-radio {
    text-align: center;
}


    .adsl-paketi-radio h2 {
        color: #333333;
        font-size: 22px;
        border-bottom: 0px;
        margin: 0;
    }

    .adsl-paketi-radio label {
        width: 100%;
        padding: 20px 0 20px 0;
        min-height: 176px;
        margin: 0px;
        border: 5px solid rgb(210, 210, 210);
    }


    .adsl-paketi-radio h2 {
        border-bottom: 0px !important;
        margin: 0px;
        color: #e20074 !important;
    }

        .adsl-paketi-radio h2 span {
            color: #333333;
            display: block;
            clear: both;
        }



    .adsl-paketi-radio label:hover {
        cursor: pointer;
        border-color: #e20074;
        /* background: #e20074; 
    color: #fff;*/
    }

    .adsl-paketi-radio label.activeRadio:hover h2 span, .adsl-paketi-radio label.activeRadio:hover p {
        /*color: #fff;*/
    }

    .adsl-paketi-radio label:hover p, .adsl-paketi-radio label:hover h2 span {
        /*color: #fff !important;*/
    }


.radio-btn-paketi {
    /*display: block;*/
    width: 30px;
    height: 30px;
    margin: 0px auto;
    background-image: url('../../content/images/adsl-land/adsl-radio.png');
    display: none;
}

    .radio-btn-paketi:hover {
        cursor: pointer;
    }

label.activeRadio .radio-btn-paketi {
    background-image: url('../../content/images/adsl-land/adsl-checked.png');
}

p.rok-paket {
    margin: 0;
    padding: 10px 0 0 0;
}

.adsl-borders {
    padding: 4px !important;
}


    /*.adsl-borders:before {
        content: "";
        position: absolute;
        left: 0;
        top: auto;
        height: 1px;
        background-image: url('../content/images/adsl-land/border.jpg');
        background-repeat: repeat-x;
        bottom: 0;
        right: 0;
        margin: 0 auto;
    }

    .adsl-borders:after {
        content: "";
        position: absolute;
        left: auto;
        top: 0;
        width: 1px;
        background-image: url('../content/images/adsl-land/border.jpg');
        background-repeat: repeat-y;
        bottom: 0;
        right: 0;
        margin: 0 auto;
    }*/

    .adsl-borders:nth-child(3n+0):after {
        background-image: none;
    }

    .adsl-borders:nth-child(n+4):before {
        background-image: none;
    }


    .adsl-borders label input[type="checkbox"] {
        display: none !important;
    }


.adsl-type-p {
    position: relative;
    margin-bottom: 10px;
    display: block;
    max-width: 400px;
    width: 100%;
    margin-bottom: 50px;
    padding: 4px;
}

    /*.adsl-type-p:hover {
        background: #e20074;
    }

        .adsl-type-p:hover h2 span, .adsl-type-p:hover h2, .adsl-type-p:hover p {
            color: #fff !important;
        }

        */

    .adsl-type-p label {
        width: 100%;
        padding-right: 70px;
        padding: 20px;
        border: 5px solid #D2D2D2;
        margin: 0px;
        min-height: 176px;
        max-width: 185px;
    }

@media (max-width: 767px) {
    .adsl-type-p {
        margin-bottom: 10px;
    }
}



.adsl-type-p input[type="radio"] {
    position: absolute;
    right: 25px;
    display: block;
    top: 0;
    bottom: 0;
    width: 15px;
    height: 15px;
    left: auto;
    margin: auto;
    display: none;
}

.adsl-type-p h2 {
    border-bottom: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    color: #e20074 !important;
    margin-bottom: 0px !important;
}

    .adsl-type-p h2 span {
        display: block;
        font-size: 17px !important;
        color: #333;
    }

.adsl-type-p .radio-adsl {
    position: absolute;
    right: 25px;
    bottom: 0;
    top: 0;
    left: auto;
    margin: auto;
}

.adsl-type-p input[type="radio"]:checked + label .radio-adsl {
    /*background-image: url("../content/images/adsl-land/adsl-checked.png");
        background-repeat: no-repeat;*/
}


.adsl-type-p input[type="radio"]:checked + label {
    border-color: #e20074;
}

.adsl-type-p input[type="radio"] + label:hover {
    border-color: #e20074;
    cursor: pointer;
}


/*.adsl-type-p input[type="radio"]:checked + label h2 span,
        .adsl-type-p input[type="radio"]:checked + label h2,
        .adsl-type-p input[type="radio"]:checked + label p {
            color: #fff !Important;
        }*/


.drugi-extratv-u label:after {
    content: '';
    background-image: url("../../content/images/adsl-land/checkbox.png");
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    /* background: red; */
    display: inline-block;
    /* margin-top: -20px; */
    position: absolute;
    margin-left: 0;
    /* top: 0; */
    left: 20px;
    top: 24px;
}

.drugi-extratv-u label {
    padding-left: 30px;
    margin-bottom: 0px;
    padding-top: 4px;
}


input#drugi-extratv-u {
    display: none;
}



input[type="checkbox"]:checked + label:after {
    background-image: url("../../content/images/adsl-land/checkbox-checked.png");
    background-position: center center;
    height: 22px;
}

img.adsl-bill-icon {
    float: left;
}


.e-mail-invoice {
    display: block;
    width: auto;
    float: left;
    position: relative;
}

    .e-mail-invoice input[type="checkbox"] {
        display: none;
    }

    .e-mail-invoice label {
        padding-top: 10px;
        padding-left: 50px;
    }

        .e-mail-invoice label:before {
            content: '';
            background-image: url("../../content/images/adsl-land/checkbox.png");
            background-repeat: no-repeat;
            width: 22px;
            height: 22px;
            /* background: red; */
            display: inline-block;
            /* margin-top: -20px; */
            position: absolute;
            left: 15px;
        }

input[type="checkbox"]:checked + label:before {
    background-image: url("../../content/images/adsl-land/checkbox-checked.png");
    background-position: center center;
    height: 22px;
}

.adsl-new-form .tool-fix-w {
    width: 40px;
    height: 40px;
    display: inline-block;
}

input#drugi-extratv-u {
    /*margin-left: 2px;
    float: right;*/
}


.drugi-extratv-u {
    width: 100%;
    position: relative;
    padding: 0px 0px;
    max-width: 190px;
    margin-bottom: 40px !important;
}


    .drugi-extratv-u.notification-box.notification-positive-box {
        padding: 25px 30px;
        max-width: 100%;
    }

.besplatna-oprema {
    background-color: #fbf6ea;
    padding: 40px 30px;
}

    .besplatna-oprema h2.paket-title {
        text-transform: uppercase;
        line-height: 1;
    }

    .besplatna-oprema h2 span {
        margin-bottom: 10px;
    }


.besplatna-oprema-rok p {
    color: #333;
}

    .besplatna-oprema-rok p span {
        color: #e20074 !important;
    }



/*.adsl-oprema-i-ugovori {
    padding: 20px 0px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 20px 0px;
}*/

.adsl-oprema-i-ugovori-reset {
    color: #5e5e5e;
}

.adsl-new-form .pricing-row-long .left-arrow {
    background-image: url('../../content/images/adsl-land/slide-arrwo-left.png');
    height: 49px !important;
    width: 22px !important;
}

    .adsl-new-form .pricing-row-long .left-arrow:hover {
        background-image: url('../../content/images/adsl-land/slide-arrwo-left-mgn.png');
    }


.adsl-new-form .pricing-row-long .right-arrow {
    background-image: url('../../content/images/adsl-land/slide-arrwo-right.png');
    height: 49px !important;
    width: 22px !important;
}

    .adsl-new-form .pricing-row-long .right-arrow:hover {
        background-image: url('../../content/images/adsl-land/slide-arrwo-right-mgn.png');
    }


.adsl-new-form .middle-big-new {
    height: 50px;
    background: #fff;
}

.adsl-new-form .display-info {
    margin-top: 0px;
    font-size: 17px;
    padding: 23px 0px !important;
}


.right-info-box {
    background-color: #fbf6ea;
    padding: 40px 30px;
}

@media (max-width: 767px) {
    .right-info-box, .besplatna-oprema {
        margin-top: 2 0px;
        margin-bottom: 20px;
    }
}

.right-info-box div#extraBenefits li {
    padding: 10px 0px 10px 30px;
    border-bottom: 1px solid #cccccc;
    background-image: url("../../content/images/adsl-land/checkmark-small.png");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left center;
}

.right-info-box div#extraBenefits ol {
    margin-bottom: 20px;
}



.adsl-step-title {
    background: #fff;
    position: absolute;
    border-radius: 40px;
    width: 90px;
    height: auto;
    padding: 10px 0px;
    margin-left: -125px;
    text-align: center;
    margin-top: 60px;
    line-height: 1;
}


.adsl-new-form .pricing-row-long {
    height: auto !important;
    clear: none;
    float: none !important;
    margin-bottom: 20px;
}

.adsl-new-form a.link-saznaj-vise {
    width: auto !important;
    padding: 20px !important;
    display: block;
}

.adsl-reg-form-row {
    margin-bottom: 10px;
    position: relative;
    padding-bottom: 15px;
    /*margin: 0px auto;*/
}

    .adsl-reg-form-row .validationMessage {
        position: absolute;
        left: 0;
        bottom: 0;
    }


label.activeRadio {
    border-color: #e20074;
    /* background-color: #e20074; */
}

    label.activeRadio h2 span, label.activeRadio p {
        /*color: #fff;*/
    }

.magenta-1-form.adsl-new-form .m-step {
    width: 2px;
    margin: 0px auto;
    padding: 0px !important;
    border-left: 0px !important;
    background: #cecece;
}

.magenta-1-form.adsl-new-form .circle-mag-info {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
}


.magenta-1-form.adsl-new-form .step-res .circle-mag-info {
    position: absolute;
    border-radius: 40px;
    width: 50px;
    height: 50px;
    padding: 16px 0px 0px 0px;
    margin-left: -105px;
    text-align: center;
    left: auto;
    right: auto;
}

.magenta-1-form.adsl-new-form .m-step.step-res {
    width: auto;
    /* margin: 0px auto; */
    padding-left: 78px !important;
    background: transparent;
}

    .magenta-1-form.adsl-new-form .m-step.step-res.brl-2 {
        border-left: 2px solid #cecece !important;
    }

.magenta-1-form.adsl-new-form .m-step.step-res {
    position: relative;
}

    .magenta-1-form.adsl-new-form .m-step.step-res.step02 {
        min-height: 135px;
        height: auto;
    }

.magenta-1-form.adsl-new-form .step-res .validationMessage {
    position: absolute;
    left: 0;
    bottom: 32px;
    left: 78px;
    color: #D8000C !important;
}

.adsl-step-title {
    margin: 0px auto;
    left: 0px;
    right: 0px;
    margin-top: 70px;
}


.magenta-1-form.adsl-new-form {
    padding: 50px 0px;
}

.korisnicko-ime-form {
    position: relative;
    /*max-width: 460px;*/
    width: 100%;
    text-align: center;
}

.adsl-new-form .notification-box {
    background-color: #fefefe;
    border: 1px solid #b2b2b2;
    border-radius: 6px;
    display: block;
    margin-bottom: 18px;
    padding: 16px 24px 22px;
    text-align: left;
    font-size: 15px;
    max-width: 380px;
}

.adsl-new-form .notification-positive-box {
    background-color: #f7fbf4;
    border-color: #548c1c;
}

.adsl-page-title {
    padding-bottom: 5px;
    border-bottom: 1px solid #cecece;
    margin-bottom: 50px;
}


.adsl-page-title h2 {
margin-bottom: 0px
}

    .adsl-page-title.landing-title {
        border-bottom: 0px;
        margin-bottom: 0px;
    }

    .adsl-page-title h2 {
        color: #e20074 !important;
        border-bottom: 0px !important;
        margin: 0;
        padding: 0;
        display: inline-block;
        float: left;
    }

.adsl-new-form a.link-saznaj-vise {
    width: auto !important;
    padding: 5px 10px 0 0 !important;
    display: block;
    float: right;
    text-decoration: underline;
    line-height: 1.5;
}

    .adsl-new-form a.link-saznaj-vise:hover {
        color: #e20074 !important;
    }


.magenta-1-form.adsl-new-form .korisnicko-ime-input {
    text-align: left;
    position: relative;
    height: auto;
    min-height: 70px;
    padding-bottom: 30px;
    width: 100%;
    max-width: 460px;
    margin: 0px auto;
}

    .magenta-1-form.adsl-new-form .korisnicko-ime-input .checkmark {
        position: absolute;
        left: 0;
        top: 15px;
    }

.inner-content-container .korisnicko-ime-input input[type="text"] {
    margin-top: 10px !important;
    margin-bottom: 0px !Important;
    padding-left: 40px;
    margin-right: 10px;
}

.magenta-1-form.adsl-new-form .korisnicko-ime-form .validationMessage {
    position: absolute;
    bottom: 0px;
    left: 0;
}

button.remove-btn.x-dodatne-pakete {
    margin: 30px 0px 20px 0px;
    background-color: transparent;
    border: 0;
}

    button.remove-btn.x-dodatne-pakete:focus {
        outline: none;
    }

h2.cena-paket {
    border-bottom: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
    color: #e20074 !important;
    font-size: 29px !important;
}

p.paket-fusnota {
    margin-top: 25px;
}

.adsl-accordions h4 {
    margin: 0px;
    padding: 0px;
}

.adsl-packages h4.fix-q.left-box {
    padding-top: 20px;
}

.adsl-wrapper a.magenta-button.snizenje-button.mgn-new.grey-btn {
    margin-top: 20px;
}


.korisnicko-ime-form .blockUI.blockOverlay {
    background-color: transparent !important;
}

.korisnicko-ime-form .blockUI.blockMsg.blockElement {
    position: relative !important;
    margin: 10px;
}

.error-korisnicko-ime {
    display: block;
    margin: 0px auto;
    width: 100%;
    max-width: 240px;
}

button.btn.btn-default.btn-nazad.remove-btn.x-dodatne-pakete {
    padding: 8px;
    color: #333;
}


.fix-op:before, .fix-op:after,
.fix-in:before, .fix-in:after {
    content: '';
    display: table;
    clear: both;
}

h4.fix-op.left-box, h4.fix-in.left-box, .fix-op, .fix-in {
    height: 60px;
    padding: 0;
    margin: 0;
    border-bottom: none;
}

h4.fix-op.left-box, h4.fix-in.left-box {
    padding-top: 15px;
}

.fix-op, .fix-in {
    border-bottom: 1px solid #ebebeb;
}

.adsl-packages-slider img {
    box-shadow: none;
}

.adsl-packages-slider ul.t-list li {
    font-size: 14px;
}


.magenta-1-form.adsl-new-form .mgn-new, .magenta-1-form.adsl-new-form .magenta-btn {
    min-width: 110px !Important;
    margin-bottom: 10px;
}


span.adsl-new-price {
    color: #e20074 !important;
    font-size: 28px !important;
    font-family: 'tele-groteskhalregular';
}

.adsl-borders h2 {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.adsl-wrapper.mag-1-land .magenta-s-box .fix-c,
.adsl-wrapper.mag-1-land .magenta-s-box .fix-b {
    height: 60px;
}


@media (max-width: 767px) {
    .adsl-wrapper.mag-1-land .magenta-s-box .fix-c, .adsl-wrapper.mag-1-land .magenta-s-box .fix-b,
    h4.fix-op.left-box, h4.fix-in.left-box, .fix-op, .fix-in {
        height: auto !important;
    }
}

.adsl-wrapper.mag-1-land .magenta-s-box h4 {
    font-size: 18px;
}


adsl-wrapper.mag-1-land .magenta-s-box .fix-a {
    height: 80px;
}

label.activeRadio.removeHoverEffect {
    cursor: auto;
}

@media only screen and (max-width: 978px) {
    .adsl-sliding-bar-reset .middle-big-new {
        border-right: 0px !important;
    }
}


button.btn.mgn-new.grey-btn.adsl-back-btn {
    position: relative;
    max-width: 110px !important;
    padding-left: 45px !important;
    margin-bottom: 10px;
}

.adsl-back-btn:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 25px;
    background-image: url('../../content/images/adsl-land/back-arrow.png');
    background-repeat: no-repeat;
    background-position: left 10px center;
    position: absolute;
    left: 5px;
    top: 5px;
}



.magenta-1-form.adsl-new-form .adsl-sliding-bar h3 {
    font-family: 'tele-groteskhalregular';
    color: #333;
    font-size: 19px;
	margin-bottom: 0px;
}



.adsl-info-message {
    background-color: #fefefe;
    border: 1px solid #b2b2b2;
    border-radius: 6px;
    display: block;
    margin-bottom: 18px;
    padding: 16px 24px 22px;
    text-align: left;
    font-size: 15px;
}

.adsl-info-message-success {
    background-color: #f7fbf4;
    border-color: #548c1c;
    color: false;
}

.adsl-info-message-error {
    background-color: #fdf2f2;
    border-color: #b20000;
    color: false;
}

.adsl-info-message h3 {
    color: #383838;
    margin: 0px;
    font-family: 'tele-groteskhalregular';
    line-height: 28.8px;
    font-size: 24px;
    font-weight: normal !important;
    margin-bottom: 15px;
    margin-top: 10px;
}


.adsl-info-message p {
    margin-bottom: 10px;
    line-height: 1.2;
    font-size: 13px;
}



@media (max-width: 767px) {
    .adsl-new-form > .col-lg-6:first-of-type {
        margin-left: 0;
    }

    .magenta-1-form.adsl-new-form .m-step.step-res {
        padding-left: 44px !important;
        margin-left: 20px;
    }

    .magenta-1-form.adsl-new-form .step-res .circle-mag-info {
        margin-left: -65px;
        width: 40px;
        height: 40px;
        padding: 13px 0px 0px 0px;
    }
}

.extra-tv-reset .extra-infobox-green-g {
    display: block;
    padding: 0;
    border: 0;
    width: auto;
    margin-right: 0;
    background-color: transparent;
    border-radius: 0;
    margin-bottom: 0;
    line-height: 1.2;
    font-size: 14px !important;
}



h4.extra-info-plus {
    margin-top: 10px;
    font-size: 16px !important;
    margin-bottom: 5px;
    padding-top: 10px;
    font-family: 'tele-groteskfetregular' !important;
}

.izabrani-paket-wrap h3 span {
	
    padding: 10px 0px;
    font-size: 22px;
    font-family: 'tele-groteskfetregular';
    border-top: 1px solid #e9e9e9;
  
}

.izabrani-paket-wrap.box-izabrani-paket h3 span {
	display: block;
	margin-top: 10px;
}	

.izabrani-paket-wrap.box-izabrani-paket{
    background-color: #f8f8f8;
    border-top: 3px solid #e20074;
    padding: 30px;
    max-width: 320px;
    width: 100%;
    margin: 0px auto;
}


#mapWrapper .well {
background-color: #f9f2e0;
    border: none;
    border-radius: 0;
     
}


#mapWrapper .well h3 {
margin-bottom: 0;
   font-family: 'tele-groteskhalregular';
    font-size: 22px;
}


#mapWrapper .adsl-reg-form-row {
margin: 0 auto;
}

#mapWrapper .well input.form-control.form-line {
	width: 100% !important;
    border-bottom: none;
    color: #555;
    font-family: 'tele-groteskhalregular';
	font-size: 19px;
}

.izabrani-paket-wrap h3 {
  font-family: 'tele-groteskhalregular';
    font-size: 22px;
    padding-bottom: 10px;
}


.izabrana-adresa {
    text-align: center;
    margin-top: 15px;
}

/* .licne-podatke-buttons {
    max-width: 380px!important;
} */

button.btn.mgn-new.grey-btn.btn-provjeri {
    margin-bottom: 30px;
}


.center-button {
    display: block!important;
    margin: 0px auto!important;
}

.center-two-buttons {
    width:100%;
	max-width: 224px;
    display: block;
    margin: 0px auto;
	text-align: center;
}


.magenta-1-form.adsl-new-form .mag1-qmark:hover > img {
    display: block;
    left: 0;
    float: right;
    right: auto;
    position: absolute;
}

.adsl-new-form .mytool {
	margin-top: 55px;
}

.provjera-podataka-input-row {
	position:relative;
}

.provjera-podataka-input-row span.validationMessage {
    position: absolute;
    bottom: -8px;
    left: 0px;
}



span.form-control.form-line.izabrana-adresa-textarea {
    border: 0px;
    width: 100%;
    color: #727272;
    font-size: 15px;
    display: block;
    height: auto;
}


.sliding-bar-center-block {
	max-width:254px;	
	width: 100%;
    margin: 0px auto;
}

span.izabrana-adresa-textarea-registracija {
    width: 86%!important;
    height: auto;
}

.map-error-message {
    width: 235px;
    margin: 0px auto;
}

.mt80 {
	margin-top:80px;
}

.adsl-page-title.map-page-title {
    margin-bottom: 15px;
}

.map-napomena {
    border: 1px solid #b2b2b2;
    border-radius: 6px;
    display: block;
    margin-bottom: 18px;
    padding: 16px 24px 9px;
    text-align: left;
    font-size: 15px;
    background-color: #fdfaf5;
    border-color: #b48e2f;
}

.map-napomena h5 {
    display: block;
    margin-bottom: 7px;
}


.box-icon-izabrani-paket {
	margin-right:15px;
}

.izabrani-paket-wrap.box-izabrani-paket span {
    text-transform: uppercase;
    color: #e20074;
	font-family: 'telegrotesk_headline_ultraRg';
	margin-top: 15px;
    padding-top: 15px;
	padding-bottom: 0px;
}
.information-box-additional p{
	text-transform: Capitalize;
}

.information-box-additional h4.extra-info-plus{
	margin: 0px !important;
}



.information-box-additional span.extra-infobox-green-g {
    margin-top: 0px!important;
}

/*************************
    End of ADSL New
*************************/