div.LightBox.Home {
    width: auto;
    height: auto;
    margin: 0px;
    padding: 0px;
}

    div.LightBox.Home .Content {
        width: auto;
    }

    div.LightBox.Home div.ImageContainer {
        background-image: url('i-dashboard-chart-report.jpg');
        background-position: center top;
        background-repeat: no-repeat;
    }

div.HCC div.MainImage {
    position: relative;
    height: 530px;
    background-color: #f8f8f8;
}

    div.HCC div.MainImage div.Separator {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        height: 1px;
        overflow: hidden;
        background-color: black;
        opacity: 0.15;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
        filter: alpha(opacity=15);
        z-index: 100;
    }

    div.HCC div.MainImage div.Overlay {
        width: 1075px;
    }

    div.HCC div.MainImage .Content {
        position: relative;
        margin: 0 auto;
        height: 530px;
    }

        div.HCC div.MainImage .Content .bgImage {
            height: 530px;
            border: none;
        }

    div.HCC div.MainImage .Scroll {
        position: absolute;
        top: 206px;
        width: 94px;
        height: 117px;
        opacity: 0.15;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
        filter: alpha(opacity=15);
        background-repeat: no-repeat;
        cursor: pointer;
    }

div.award-sticker {
    position: absolute;
    top: -195px;
    left: 960px;
}

.ios div.award-sticker,
.android div.award-sticker {
    width: 180px;
    overflow: hidden;
}

div.vs2015-sticker {
    position: absolute;
    top: 52px;
    left: 438px;
}

div.HCC div.MainImage .Scroll.Left {
    left: 0px;
    background-image: url('scrollLeft.png');
}

div.HCC div.MainImage .Scroll.Right {
    right: 0px;
    background-image: url('scrollRight.png');
}

div.HCC div.MainImage .Scroll:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { /* prevent hover effect on ipad */
    div.HCC div.MainImage .Scroll:hover {
        opacity: 0.15;
    }
}

div.HCC div.MainImage div.Info {
    background: none;
    height: 150px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    color: black;
}

    div.HCC div.MainImage div.Info div.Background {
        position: absolute;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        background-color: #f8f8f8;
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        filter: alpha(opacity=90);
        height: 150px;
        /*z-index: 95;*/
    }

    div.HCC div.MainImage div.Info div.Content {
        /*z-index: 96;*/
        height: auto;
    }

        div.HCC div.MainImage div.Info div.Content .Description {
            margin-top: 24px;
            width: 700px;
        }

        div.HCC div.MainImage div.Info div.Content .Button {
            margin-top: 47px;
            margin-right: 88px;
        }

        div.HCC div.MainImage div.Info div.Content .Title {
            font-size: 30px;
            line-height: 47px;
            font-weight: 100;
            color: #393939;
        }

        div.HCC div.MainImage div.Info div.Content .Text {
            font-size: 16px;
            line-height: 20px;
            color: #6b6b6b;
        }

div.HCC div.Platforms {
    background-color: #4a4a4a;
    height: 66px;
}

    div.HCC div.Platforms div.Content {
        width: 1080px;
        margin: 0 auto;
    }

div.HCC div.Platforms {
    position: relative;
}

    div.HCC div.Platforms .Icon,
    div.HCC div.Platforms .Separator {
        display: block;
        float: left;
        opacity: 0.6;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
        filter: alpha(opacity=60);
        margin-top: 15px;
        margin-left: 23px;
    }

    div.HCC div.Platforms div.Separator {
        width: 1px;
        height: 34px;
        overflow: hidden;
        background-color: #777777;
        margin-left: 41px;
        margin-right: 18px;
    }

    div.HCC div.Platforms .Icon:first-child {
        margin-left: 0px;
    }

    div.HCC div.Platforms .Icon:hover {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
    }

    div.HCC div.Platforms .Icon img {
        width: 47px;
        height: 34px;
        border: none;
    }

    div.HCC div.Platforms div.Tooltip {
        display: none;
        position: absolute;
        /*z-index: 20;*/
        top: 59px;
        padding: 14px 18px 19px 18px;
        background-color: white;
        border: 1px solid rgb(16, 15, 14);
        border: 1px solid rgba(16, 15, 14, .25);
        max-width: 300px;
        -webkit-background-clip: padding-box; /* for Safari */
        background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
        -webkit-box-shadow: 3px 3px 0px 0px #d5d4d4;
        -moz-box-shadow: 3px 3px 0px 0px #d5d4d4;
        box-shadow: 3px 3px 0px 0px #d5d4d4;
        -webkit-box-shadow: 3px 3px 0px 0px rgba(16, 15, 14, 0.15);
        -moz-box-shadow: 3px 3px 0px 0px rgba(16, 15, 14, 0.15);
        box-shadow: 3px 3px 0px 0px rgba(16, 15, 14, 0.15);
    }

        div.HCC div.Platforms div.Tooltip img {
            display: block;
            position: absolute;
            /*z-index: 21;*/
            top: -8px;
            /*left: 45%;*/
            width: 16px;
            height: 8px;
        }

        div.HCC div.Platforms div.Tooltip div.Title {
            text-align: center;
            color: #252525;
            font-size: 18px;
            line-height: 22px;
            padding-bottom: 3px;
        }

        div.HCC div.Platforms div.Tooltip div.Text {
            text-align: center;
            font-size: 14px;
            line-height: 130%;
            color: #666;
        }