﻿@charset "utf-8";
/* CSS Document */

/* Sanja mobile page */

.mobile-holder {
    width: 960px;
    position: relative;
}

.mobile-holder-slider {
    width: 960px;
    height: auto;
    display: block;
}

.mobile-holder-inner-wrapper {
    width: 960px;
    background-image: url ('../content/images/mobile-app/bg-part2.jpg') top center no-repeat;
}

/*ana*/
.orbit-container {
    overflow: hidden;
    width: 100%;
    position: relative;
    background-image: url('../../images/slider-bg.png') !important;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background: transparent;
}


    .orbit-container.orbit-slides-container {
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative;
    }

        .orbit-container.orbit-slides-container img {
            display: block;
        }

        .orbit-container .orbit-slides-container > * {
            position: relative;
            float: left;
            height: 100%;
            margin-bottom: -10px;
        }

            .orbit-container .orbit-slides-container > * .orbit-caption {
                position: absolute;
                bottom: 0;
                background-color: transparent;
                color: #fff;
                width: 100%;
                padding: 10px 14px;
                font-size: 0.875em;
            }

                .orbit-container .orbit-slides-container > * .orbit-caption * {
                    color: white;
                }



    .orbit-container .orbit-prev {
        position: absolute;
        margin-top: -25px;
        background-color: transparent;
        width: 50px;
        height: 60px;
        line-height: 50px;
        color: #FFF;
        top: 90%;
        text-indent: -9999px !important;
        left: 44% !important;
    }

    .orbit-container .orbit-next {
        position: absolute;
        margin-top: -25px;
        background-color: transparent;
        width: 50px;
        height: 60px;
        line-height: 50px;
        color: #FFF;
        top: 90%;
        text-indent: -9999px !important;
        right: 48% !important;
    }


        .orbit-container .orbit-prev > span,
        .orbit-container .orbit-next > span {
            position: absolute;
            top: 50%;
            margin-top: -16px;
            display: block;
            width: 0px;
            height: 0px;
        }

    .orbit-container .orbit-prev {
        left: 0;
    }

        .orbit-container .orbit-prev > span {
            background-image: url(../../images/nav-app-l.png);
            background-repeat: no-repeat;
            background-position: center;
            background-color: transparent;
            border-right-color: transparent;
        }

    .orbit-container .orbit-next {
        right: 0;
    }

        .orbit-container .orbit-next > span {
            background-image: url(../../images/nav-app-r.png);
            border-left-color: transparent;
            background-repeat: no-repeat;
            background-position: center;
            background-color: transparent;
            margin-left: -8px;
        }


            .orbit-container .orbit-next > span:hover {
                background-image: url(../../images/nav-app-r1.png);
                border-left-color: transparent;
            }

    .orbit-container .orbit-prev > span:hover {
        background-image: url(../../images/nav-app-l1.png);
        border-right-color: transparent;
    }

    .orbit-container .orbit-next:hover span {
        background-image: url(../../images/nav-app-r1.png);
        border-left-color: transparent;
    }

    .orbit-container .orbit-prev:hover span {
        background-image: url(../../images/nav-app-l1.png);
        border-right-color: transparent;
    }

.orbit-bullets {
    margin: 0 auto 30px auto;
    overflow: hidden;
    position: relative;
    display: none;
}

    .orbit-bullets li {
        display: block;
        width: 18px;
        height: 18px;
        background: transparent;
        float: left;
        margin-right: 6px;
        border: none 2px black;
        -webkit-border-radius: 1000px;
        border-radius: 1000px;
    }

        .orbit-bullets li.active {
            background: #000;
        }

        .orbit-bullets li:last-child {
            margin-right: 0;
        }

.touch .orbit-container .orbit-prev,
.touch .orbit-container .orbit-next {
    display: none !important;
    visibility: hidden !important;
}

.touch .orbit-bullets {
    display: none !important;
    visibility: hidden !important;
}


.orbit-container .orbit-slide-number,
.orbit-container .orbit-timer, .orbit-container .orbit-timer span {
    display: none !important;
    visibility: hidden !important;
}

.orbit-container .orbit-slides-container img {
    display: inline-block;
}

.app-slider-r-text {
    margin-top: 10px;
    padding: 30px 0px;
}


    .app-slider-r-text img {
        width: 220px !important;
        width: 172px\0/ !important;
        margin-bottom: 20px;
    }

    .app-slider-r-text h4 {
        font-size: 17pt;
        text-transform: uppercase;
        color: #fff;
        margin-top: 15px;
    }

/*.app-market{
width:160px !important;
}*/

.images-app {
    /*margin: 20px 0px 0px -5px;*/
      margin-top: 200px;
}

.part2 {
    display: block;
    width: 100%;
    background: url('images/bg2.png') no-repeat !important;
    background-position: center center;
    background-repeat: repeat;
    background-repeat: repeat\0/;
    background-size: 100%;
    height: 442px;
    padding-top: 55px;
}

.top-image-wrapper img {
    width: 100%;
    /*margin-bottom: -10px !important;*/
}

.part2 img.img1 {
    float: right;
    width: 100%;
    max-width: 375px;
}

.part2 img.img2 {
    float: right;
    width: 100%;
    max-width: 375px;
}



.part3 {
    display: block;
    width: 100%;
    background: url('images/bg3.png') !important;
    background-position: center center;
    background-repeat: repeat;
    background-size: 100%;
    height: 796px;
    margin-top: -190px;
    z-index: 100;
}

.zel-orbit {
    margin-bottom: 0px !important;
}

@media only screen and (max-width: 868px) {
    .touch .orbit-container .orbit-prev,
    .touch .orbit-container .orbit-next {
        display: inherit;
    }

    .touch .orbit-bullets {
        display: block;
    }
}

.mob-app-top {
    background-image: url('../../images/bg2.png') !important;
    background-repeat: no-repeat;
    background-repeat: repeat\0/;
    background-position: center\0/;
    background-position: cover;
    background-color: transparent;
    background: transparent;
    height: 440px;
}

.mob-app-bottom {
    background-image: url('../../images/bg3.png') !important;
    background-repeat: no-repeat;
    background-repeat: repeat\0/;
    background-position: center\0/;
    background-position: cover;
    background-color: transparent;
    background: transparent;
    height: 795px;
    height: 850px\0/;
    margin-top: -160px;
    margin-top: -160px\0/;
    padding: 0px 50px;
    margin-bottom: 25px;
}

.img-hold-frame {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px !important;
}

.nula {
    padding: 0 !important;
    margin: 0 !important;
    height: auto;
    overflow: visible;
}

.mob-app-text {
    display: block;
    margin: 25px 15px;
    width: 100%;
}

    .mob-app-text p {
        text-align: left;
        color: #4f4f4f;
        font-size: 13pt;
        font-family: 'tele-groteskhalregular';
    }

h4.apph4 {
    display: block;
    font-family: 'tele-groteskfetregular';
    font-size: 15pt;
    color: #fff !important;
    line-height: 110%;
    font-weight: normal;
    margin-bottom: 15px;
    text-transform: uppercase;
}

p.appp4 {
    margin-bottom: 0px;
    color: #fff;
    font-size: 13pt;
}

.app-middle-holder {
    display: block;
    position: relative;
    padding: 50px 50px 0px 50px;
}

.app-middle-right {
    float: right;
    float: none\0/;
    display: block;
    margin: 0px;
    padding: 20px 0px 0px 20px;
    height: auto;
    overflow: hidden;
      margin-top: -100px;
 
}

.box-app {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    background-image: url(../../images/bg-box-trans.png);
    background-repeat: repeat;
    background-color: transparent;
    padding: 20px 30px 5px 30px;
    box-shadow: 2px 2px 5px #aaa;
    margin-top: 20px;
    min-height: 300px;
    height: 370px\0/;
}

ul.t-list {
}

    /*ul.t-list li{
  display: block;
padding-left: 15px;
margin-bottom: 7px;
border-bottom: 1px solid #efefef;
padding-top: 10px;
padding-bottom: 10px;
background: none !important;
}*/
    ul.t-list li p {
        display: block;
        background: url(../../images/list-bulletz.png) left no-repeat;
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif !important;
        color: #5e5e5e;
        padding-left: 20px;
    }

img.dl1 {
    max-width: 172px !important;
    width: 172px\0/ !important;
}




@media only screen and (max-width: 768px) {
    .app-slider-r-text {
        margin-top: 10px;
        padding: 10px 15px;
        margin-bottom: 20px;
    }

        .app-slider-r-text h4 {
            font-size: 13pt;
            text-transform: uppercase;
            color: #fff;
            margin-top: 15px;
        }

    .up-image {
        margin: 50px;
        padding: 0px 85px 0px 0px !important;
    }

    p.appp4 {
        margin-bottom: 0px;
        color: #fff;
        font-size: 10pt;
    }

    .app-slider-r-text img {
        width: 185px !important;
        margin-bottom: 20px;
    }

    .orbit-container .orbit-next {
        position: absolute;
        margin-top: -25px;
        background-color: transparent;
        width: 50px;
        height: 60px;
        line-height: 50px;
        color: #FFF;
        top: 90%;
        text-indent: -9999px !important;
        right: 1% !important;
        display: none !important;
        visibility: hidden !important;
    }

    .orbit-container .orbit-prev {
        position: absolute;
        margin-top: -25px;
        background-color: transparent;
        width: 50px;
        height: 60px;
        line-height: 50px;
        color: #FFF;
        top: 90%;
        text-indent: -9999px !important;
        left: 80% !important;
        display: none !important;
        visibility: hidden !important;
    }

    .orbit-container {
        overflow: hidden;
        width: 100%;
        position: relative;
        background-image: url('../../images/slider-bg.png') !important;
        background-repeat: repeat !important;
        background-position: center;
        background-color: transparent;
        background: transparent;
        height: auto;
        overflow: hidden;
        padding-bottom: 10px;
        background-size: cover;
    }


    ul.standard, ul.t-list, #middle-wrapper ul {
        margin-bottom: 0px;
        margin-left: 0px;
    }

    .mob-app-top {
        background-image: url('../../images/bg2.png') !important;
        background-repeat: repeat-y !important;
        background-position: center;
        background-color: transparent;
        background: transparent;
        height: auto;
    }

    .box-app {
        display: block;
        width: 100%;
        height: auto;
        overflow: hidden;
        background-image: url(../../images/bg-box-trans.png);
        background-repeat: repeat;
        background-color: transparent;
        padding: 10px;
        box-shadow: 2px 2px 5px #aaa;
        margin-top: 20px;
        min-height: 250px;
    }

    .mob-app-bottom {
        background-image: url('../../images/bg3.png') !important;
        background-repeat: repeat-y !important;
        background-position: cover;
        background-color: transparent;
        background: transparent;
        height: auto;
        margin-top: -160px;
        padding: 0px 20px 20px 20px;
        overflow: visible;
        margin-bottom: 25px;
    }

    .app-middle-holder {
        display: block;
        position: relative;
        padding: 20px 20px 0px 20px;
    }

    ul.t-list li {
        display: block;
        padding-left: 15px;
        margin-bottom: 7px;
        border-bottom: 1px solid #efefef;
        padding-top: 3px;
        padding-bottom: 3px;
    }

        ul.t-list li p {
            display: block;
            background: url(../../images/list-bulletz.png) left no-repeat;
            font-size: 12px;
            font-family: Arial, Helvetica, sans-serif !important;
            color: #5e5e5e;
            padding-left: 20px;
        }

    .mob-app-text {
        display: block;
        margin: 5px;
        padding: 5px;
        width: 100%;
    }

    .nula {
        margin-bottom: -15px !important;
    }

    .mob-app-text p {
        text-align: left;
        color: #4f4f4f;
        font-size: 12pt;
        font-family: 'tele-groteskhalregular';
    }

    .images-app {
        margin: 20px 0px 0px -5px;
        width: 95%;
    }

    .app-middle-right {
        float: right;
        display: block;
        margin: 0px;
        padding: 20px 0px 0px 30px;
    }

    img.dl1 {
        max-width: 110px !important;
    }

    .nula2 {
        margin-bottom: 0px;
    }

    .up-image {
        width: 100% !important;
    }
}


.box-app ul.t-list li {
    display: block;
    background: none !important;
    padding-left: 15px;
    line-height: 21px;
    color: #5e5e5e;
    margin-bottom: 7px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif !important;
    padding-top: 10px;
    padding-bottom: 10px;
}


.magenta-golema-ma {

 background-image: url('../../images/back-magenta-ma2.jpg') !important;
        background-repeat: no-repeat !important;
        background-position: center;
        background-color: transparent;
        background: transparent;
        height: auto;
        background-size: cover;

}


.magenta-golema-ma img, footer-nov-mp .img-hold-frame img

{     box-shadow: none
  
}

.up-app {

margin-top:-440px;
background-color:rgba(255,255,255,0.4);
padding:25px;
}

.footer-nov-mp {
 background-image: url('../../images/footer-ma2.jpg') !important;
        background-repeat: no-repeat !important;
        background-position: center;
        background-color: transparent;
        background: transparent;
        background-size: cover;

}
.magenta-golema-ma .img-hold-frame {
text-align:center !important;
}


.magenta-golema-ma .img-hold-frame img {
  width: auto;
  max-width:100%;
}


@media screen and (max-width:767px) {
    .pl0 {
    padding-right:0 !important;
    }
     .pr0 {
    padding-left:0 !important;
    }
}




ul.t-list-white2 li{
        display: block;
        background: url(../images/list-bullet-white.png) 0 18px no-repeat !important;
        padding-left: 15px;
        line-height: 21px;
        color: white !important;
        margin-bottom: 3px;
        font-size: 16px;
        font-family: Arial, Helvetica, sans-serif !important;
        padding-top: 10px;
        padding-bottom: 0px;
        margin-left:20px;
    }

.t-list-white2 {

margin-bottom:30px;
}