.sprite_jumbo_back{position:absolute;background-image:url(/css/sprites/balls/port_sprite_back.png);background-repeat:no-repeat;width:351px;height:205px;top:57px;left:-164px;background-size:cover;}.pie10{position:absolute;bottom:0px;background-image:url('pie_10.png');background-repeat:no-repeat;width:41%;left:-21%;height:300px;background-size:cover;}.pie20{position:absolute;bottom:0px;background-image:url('pie_20.png');background-repeat:no-repeat;width:40%;left:-20%;height:290px;background-size:cover;}.pie30{position:absolute;bottom:0px;background-image:url('pie_30.png');background-repeat:no-repeat;width:41%;left:-20%;height:290px;background-size:cover;}.pie40{position:absolute;bottom:0px;background-image:url('pie_40.png');background-repeat:no-repeat;width:41%;left:-20%;height:290px;background-size:cover;}.pie50{position:absolute;bottom:0px;background-image:url('pie_50.png');background-repeat:no-repeat;width:41%;left:-20%;height:290px;background-size:cover;}.pie60{position:absolute;bottom:0px;background-image:url('pie_60.png');background-repeat:no-repeat;width:41%;left:-20%;height:290px;background-size:cover;}.pie70{position:absolute;bottom:0px;background-image:url('pie_70.png');background-repeat:no-repeat;width:40%;left:-20%;height:290px;background-size:cover;}.pie80{position:absolute;bottom:0px;background-image:url('pie_80.png');background-repeat:no-repeat;width:39%;left:-19%;height:300px;background-size:cover;}.pie90{position:absolute;bottom:0px;background-image:url('pie_90.png');background-repeat:no-repeat;width:39%;left:-19%;height:300px;background-size:cover;}.pie100{position:absolute;bottom:0px;background-image:url('pie_100.png');background-repeat:no-repeat;width:40%;left:-19%;height:280px;background-size:cover;}.spritelg{background-image:url('/images/port_balls_50.png');background-repeat:no-repeat;text-indent:-9999em;width:50px;height:50px;display:block;}.spritelg-balls_ifa001{width:50px;height:50px;background-position:0 0;}.spritelg-balls_ifa0010{width:50px;height:50px;background-position:0 -50px;}.spritelg-balls_ifa0020{width:50px;height:50px;background-position:0 -100px;}.spritelg-balls_ifa0030{width:50px;height:50px;background-position:0 -150px;}.spritelg-balls_ifa0040{width:50px;height:50px;background-position:0 -200px;}.spritelg-balls_ifa0050{width:50px;height:50px;background-position:0 -250px;}.spritelg-balls_ifa0060{width:50px;height:50px;background-position:0 -300px;}.spritelg-balls_ifa0070{width:50px;height:50px;background-position:0 -350px;}.spritelg-balls_ifa0080{width:50px;height:50px;background-position:0 -401px;}.spritelg-balls_ifa0090{width:50px;height:50px;background-position:0 -451px;}.spritelg-balls_ifa00100{width:50px;height:50px;background-position:0 -501px;}.port-title-break{display:none;}@media only screen and (max-width: 499px) {.port-ball-jumbo .portfolio_navigation{padding-left:0px!important;width:260px!important;}.port-ball-jumbo .portfolio_navigation li i.spritelg{}.port-ball-jumbo h1{font-size:37px!important;margin-top:10px!important;margin-left:0px!important;}.port-title-break{display:block!important;}.spritelg{background-image:url(/css/sprites/balls/port_ball_30.svg);width:31px;height:31px;margin-top:6px!important;}.spritelg-balls_ifa0010{width:31px;height:31px;background-position:0 -33px;}.spritelg-balls_ifa0020{width:31px;height:31px;background-position:0 -64px;}.spritelg-balls_ifa0030{width:31px;height:31px;background-position:0 -95px;}.spritelg-balls_ifa0040{width:31px;height:31px;background-position:0 -126px;}.spritelg-balls_ifa0050{width:31px;height:31px;background-position:0 -157px;}.spritelg-balls_ifa0060{width:31px;height:31px;background-position:0 -189px;}.spritelg-balls_ifa0070{width:31px;height:31px;background-position:0 -219.5px;}.spritelg-balls_ifa0080{width:31px;height:31px;background-position:0 -250px;}.spritelg-balls_ifa0090{width:31px;height:31px;background-position:0 -282px;}.spritelg-balls_ifa00100{width:31px;height:31px;background-position:0 -312px;}.port-ball-jumbo{height:auto!important;padding-bottom:30px!important;}.port-ball-jumbo .clearfix{margin-left:0px!important;font-size:14px!important;}.port-ball-jumbo .container{padding-left:0px!important;padding-right:0px!important;height:auto!important;}.pie10,.pie20,.pie30,.pie40,.pie50,.pie60,.pie70,.pie80,.pie90,.pie100{display:none;}}@media only screen and (max-width: 767px) and (min-width: 500px) {.port-ball-jumbo .portfolio_navigation{padding-left:10px!important;}.spritelg{background-image:url(/css/sprites/balls/port_ball_30.svg);width:31px;height:31px;}.portfolio_navigation li:not(:last-of-type){margin-right:calc((100% - 31px*11)/10) !important;
    }

    .spritelg-balls_ifa0010 {
        width: 31px;
        height: 31px;
        background-position: 0 -33px;
    }

    .spritelg-balls_ifa0020 {
        width: 31px;
        height: 31px;
        background-position: 0 -64px;
    }

    .spritelg-balls_ifa0030 {
        width: 31px;
        height: 31px;
        background-position: 0 -95px;
    }

    .spritelg-balls_ifa0040 {
        width: 31px;
        height: 31px;
        background-position: 0 -126px;
    }

    .spritelg-balls_ifa0050 {
        width: 31px;
        height: 31px;
        background-position: 0 -157px;
    }

    .spritelg-balls_ifa0060 {
        width: 31px;
        height: 31px;
        background-position: 0 -189px;
    }

    .spritelg-balls_ifa0070 {
        width: 31px;
        height: 31px;
        background-position: 0 -219.5px;
    }

    .spritelg-balls_ifa0080 {
        width: 31px;
        height: 31px;
        background-position: 0 -250px;
    }

    .spritelg-balls_ifa0090 {
        width: 31px;
        height: 31px;
        background-position: 0 -282px;
    }

    .spritelg-balls_ifa00100 {
        width: 31px;
        height: 31px;
        background-position: 0 -313px;
    }

    .port-ball-jumbo h1 {
        font-size: 35px !important;
        margin-top: 10px !important;
        margin-left: 15px !important;
    }

    .port-ball-jumbo {
        height: auto !important;
        padding-bottom: 40px !important;
    }

        .port-ball-jumbo .clearfix {
            margin-left: 15px !important;
            font-size: 14px !important;
        }

        .port-ball-jumbo .container {
            padding-left: 0px !important;
            padding-right: 0px !important;
            height: auto !important;
        }

    .spritelg {
        margin-top: 3px !important;
    }

    .pie10, .pie20, .pie30, .pie40, .pie50, .pie60, .pie70, .pie80, .pie90, .pie100 {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .port-ball-jumbo .portfolio_navigation {
        margin-left: 0px !important;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    /*.spritelg {
        background-image: url(/css/sprites/balls/port_ball_30.svg);
        width: 31px;
        height: 31px;
        margin-top: 14px !important;
    }
  .spritelg-balls_ifa0010 {
        width: 31px;
        height: 31px;
        background-position: 0 -33px;
    }

    .spritelg-balls_ifa0020 {
        width: 31px;
        height: 32px;
        background-position: 0 -64px;
    }

    .spritelg-balls_ifa0030 {
        width: 31px;
        height: 32px;
        background-position: 0 -94px;
    }

    .spritelg-balls_ifa0040 {
        width: 31px;
        height: 32px;
        background-position: 0 -126px;
    }

    .spritelg-balls_ifa0050 {
        width: 31px;
        height: 31px;
        background-position: 0 -157px;
    }

    .spritelg-balls_ifa0060 {
        width: 31px;
        height: 31px;
        background-position: 0 -189px;
    }

    .spritelg-balls_ifa0070 {
        width: 31px;
        height: 31.5px;
        background-position: 0 -219.5px;
    }

    .spritelg-balls_ifa0080 {
        width: 31px;
        height: 32px;
        background-position: 0 -250px;
    }

    .spritelg-balls_ifa0090 {
        width: 31px;
        height: 31px;
        background-position: 0 -282px;
    }

    .spritelg-balls_ifa00100 {
        width: 31px;
        height: 31px;
        background-position: 0 -313px;
    }*/

    .port-ball-jumbo h1 {
        font-size: 50px !important;
        margin-top: 0px !important;
        margin-left: 40px !important;
    }

    .port-ball-jumbo {
        height: auto !important;
        padding-bottom: 40px !important;
    }

        .port-ball-jumbo .clearfix {
            margin-left: 40px !important;
        }

        .port-ball-jumbo .container {
            padding-left: 0px !important;
            padding-right: 0px !important;
            height: auto !important;
        }

    .pie10, .pie20, .pie30, .pie40, .pie50, .pie60, .pie70, .pie80, .pie90, .pie100 {
        display: none;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    /*.spritelg {
        background-image: url(/css/sprites/balls/port_ball_30.svg);
        width: 31px;
        height: 31px;
        margin-top: 14px !important;
    }

   .spritelg-balls_ifa0010 {
        width: 31px;
        height: 31px;
        background-position: 0 -33px;
    }

    .spritelg-balls_ifa0020 {
        width: 31px;
        height: 32px;
        background-position: 0 -64px;
    }

    .spritelg-balls_ifa0030 {
        width: 31px;
        height: 32px;
        background-position: 0 -94px;
    }

    .spritelg-balls_ifa0040 {
        width: 31px;
        height: 32px;
        background-position: 0 -126px;
    }

    .spritelg-balls_ifa0050 {
        width: 31px;
        height: 31px;
        background-position: 0 -157px;
    }

    .spritelg-balls_ifa0060 {
        width: 31px;
        height: 31px;
        background-position: 0 -189px;
    }

    .spritelg-balls_ifa0070 {
        width: 31px;
        height: 31.5px;
        background-position: 0 -219.5px;
    }

    .spritelg-balls_ifa0080 {
        width: 31px;
        height: 32px;
        background-position: 0 -250px;
    }

    .spritelg-balls_ifa0090 {
        width: 31px;
        height: 31px;
        background-position: 0 -282px;
    }

    .spritelg-balls_ifa00100 {
        width: 31px;
        height: 31px;
        background-position: 0 -312px;
    }*/

    .port-ball-jumbo h1 {
        font-size: 50px !important;
        margin-top: 0px !important;
    }

    .port-ball-jumbo {
        height: 275px !important;
    }

        .port-ball-jumbo .container {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

    .pie10 {
        position: absolute;
        bottom: 0px;
        background-image: url('pie_10.png');
        background-repeat: no-repeat;
        width: 39%;
        left: -16%;
        height: 230px;
        background-size: contain;
    }

    .pie20 {
        position: absolute;
        bottom: 0px;
        background-image: url('pie_20.png');
        background-repeat: no-repeat;
        width: 39%;
        left: -16%;
        height: 220px;
        background-size: contain;
    }

    .pie30 {
        position: absolute;
        bottom: 0px;
        background-image: url('pie_30.png');
        background-repeat: no-repeat;
        width: 39%;
        left: -16%;
        height: 215px;
        background-size: contain;
    }

    .pie40 {
        position: absolute;
        bottom: 0px;
        background-image: url('pie_40.png');
        background-repeat: no-repeat;
        width: 39%;
        left: -16%;
        height: 215px;
        background-size: contain;
    }

    .pie50 {
        position: absolute;
        bottom: 0px;
        background-image: url('pie_50.png');
        background-repeat: no-repeat;
        width: 39%;
        left: -16%;
        height: 215px;
        background-size: contain;
    }

    .pie60 {
        position: absolute;
        bottom: 0px;
        background-image: url('pie_60.png');
        background-repeat: no-repeat;
        width: 40%;
        left: -16%;
        height: 220px;
        background-size: contain;
    }

    .pie70 {
        position: absolute;
        bottom: 0px;
        background-image: url('pie_70.png');
        background-repeat: no-repeat;
        width: 40%;
        left: -15%;
        height: 215px;
        background-size: contain;
    }

    .pie80 {
        position: absolute;
        bottom: 0px;
        background-image: url('pie_80.png');
        background-repeat: no-repeat;
        width: 40%;
        left: -14%;
        height: 215px;
        background-size: contain;
    }

    .pie90 {
        position: absolute;
        bottom: 0px;
        background-image: url('pie_90.png');
        background-repeat: no-repeat;
        width: 44%;
        left: -14%;
        height: 235px;
        background-size: contain;
    }

    .pie100 {
        position: absolute;
        bottom: 0px;
        background-image: url('pie_100.png');
        background-repeat: no-repeat;
        width: 40%;
        left: -19%;
        height: 230px;
        background-size: cover;
    }
}

@media only screen and (max-width: 1275px) and (min-width: 1200px) {
    .port-ball-jumbo h1 {
        font-size: 50px !important;
    }

    .port-ball-jumbo {
        height: 325px !important;
    }

        .port-ball-jumbo .container {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

    .pie10 {
        position: absolute;
        bottom: 0px;
        background-image: url('pie_10.png');
        background-repeat: no-repeat;
        width: 39%;
        left: -16%;
        height: 275px;
        background-size: contain;
    }

    .pie20 {
        position: absolute;
        bottom: 0px;
        background-image: url('pie_20.png');
        background-repeat: no-repeat;
        width: 39%;
        left: -17%;
        height: 275px;
        background-size: contain;
    }

    .pie30 {
        position: absolute;
        bottom: 0px;
        background-image: url('pie_30.png');
        background-repeat: no-repeat;
        width: 39%;
        left: -17%;
        height: 265px;
        background-size: contain;
    }

    .pie40 {
        position: absolute;
        bottom: 0px;
        background-image: url('pie_40.png');
        background-repeat: no-repeat;
        width: 39%;
        left: -17%;
        height: 265px;
        background-size: contain;
    }

    .pie50 {
        position: absolute;
        bottom: 0px;
        background-image: url('pie_50.png');
        background-repeat: no-repeat;
        width: 39%;
        left: -17%;
        height: 265px;
        background-size: contain;
    }

    .pie60 {
        position: absolute;
        bottom: 0px;
        background-image: url('pie_60.png');
        background-repeat: no-repeat;
        width: 39%;
        left: -16%;
        height: 265px;
        background-size: contain;
    }

    .pie70 {
        position: absolute;
        bottom: 0px;
        background-image: url('pie_70.png');
        background-repeat: no-repeat;
        width: 39%;
        left: -16%;
        height: 265px;
        background-size: contain;
    }

    .pie80 {
        position: absolute;
        bottom: 0px;
        background-image: url('pie_80.png');
        background-repeat: no-repeat;
        width: 39%;
        left: -15%;
        height: 265px;
        background-size: contain;
    }

    .pie90 {
        position: absolute;
        bottom: 0px;
        background-image: url('pie_90.png');
        background-repeat: no-repeat;
        width: 40%;
        left: -13%;
        height: 265px;
        background-size: contain;
    }

    .pie100 {
        position: absolute;
        bottom: 0px;
        background-image: url('pie_100.png');
        background-repeat: no-repeat;
        width: 40%;
        left: -13%;
        height: 250px;
        background-size: contain;
    }
}

@media only screen and (max-width: 499px) {
    .port-ball-jumbo .portfolio_navigation {
        padding-left: 10px !important;
    }

    .spritelg {
        background-image: url(/css/sprites/balls/port_ball_30.svg);
        width: 31px;
        height: 31px;
    }

    .portfolio_navigation li:first-of-type, .portfolio_navigation li:nth-of-type(2), .portfolio_navigation li:nth-of-type(3), .portfolio_navigation li:nth-of-type(4) {
        margin-right: calc((100% - 31px*5)/4) !important;
    }

    .portfolio_navigation li:nth-of-type(6), .portfolio_navigation li:nth-of-type(7), .portfolio_navigation li:nth-of-type(8), .portfolio_navigation li:nth-of-type(9), .portfolio_navigation li:nth-of-type(10) {
        margin-right: calc((100% - 31px*6)/5) !important;
        margin-top: 15px !important;
    }

    .portfolio_navigation li:last-of-type {
        margin-top: 15px;
    }

    .spritelg-balls_ifa0010 {
        width: 31px;
        height: 31px;
        background-position: 0 -33px;
    }

    .spritelg-balls_ifa0020 {
        width: 31px;
        height: 31px;
        background-position: 0 -64px;
    }

    .spritelg-balls_ifa0030 {
        width: 31px;
        height: 31px;
        background-position: 0 -95px;
    }

    .spritelg-balls_ifa0040 {
        width: 31px;
        height: 31px;
        background-position: 0 -126px;
    }

    .spritelg-balls_ifa0050 {
        width: 31px;
        height: 31px;
        background-position: 0 -157px;
    }

    .spritelg-balls_ifa0060 {
        width: 31px;
        height: 31px;
        background-position: 0 -189px;
    }

    .spritelg-balls_ifa0070 {
        width: 31px;
        height: 31px;
        background-position: 0 -219.5px;
    }

    .spritelg-balls_ifa0080 {
        width: 31px;
        height: 31px;
        background-position: 0 -250px;
    }

    .spritelg-balls_ifa0090 {
        width: 31px;
        height: 31px;
        background-position: 0 -282px;
    }

    .spritelg-balls_ifa00100 {
        width: 31px;
        height: 31px;
        background-position: 0 -313px;
    }
}