body {
    margin: 0;
}


div.banner {
    width: 100%;
    height: 250px;
    float: left;
    b-ackground-color: light-blue;
}


div.banner-inner {
    top: 70px;
    bottom: 0;
    width: 100%;
    height: 180px;
    margin: auto;
    position: relative;
    vertical-align: middle;
    background-color: white;
    background-image: url("../img/pink-blue.jpg");
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    box-shadow: 0px 0px 35px #49b5f5;
}

.banner-slideshow {
    width: 100%;
    height: 100%;
    position: relative;
}

.banner-slide {
    display:block;
    text-align: center;
    opacity: 0;
    position: absolute;
    top:0;
    width: 100%;
    height: 100%;
    transition: all 2s ease 0s;
}

.banner-slide span {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.banner-slide img {
    height: 60%;
    display: inline-block;
    vertical-align: middle;
}


div.caption {
    z-index: 3;
    w-hite-space: nowrap;
    transition: all 0.5s ease 0.1s;
    min-height: 0px;
    min-width: 0px;
    max-width: 60%;
    border-width: 0px;
    margin: 0px;
    padding: 6px 12px 8px;
    letter-spacing: 0px;
    font-size: 1.2em;
    right: 15%;
    top: 50%;
    visibility: visible;
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.0025, 0, 0, 0, 1);
    -webkit-font-smoothing: antialiased !important;

    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 400;
    line-height: 28px;
    font-family: 'Open Sans', sans-serif;
    padding-top: 6px;
    padding-bottom: 8px;
    padding-right: 12px;
    padding-left: 12px;
    border-radius: 8px;
    border-style: none;
    background-color: rgba(255,255,255,0.1);
}

div.caption-author {
    z-index: 4;
    white-space: nowrap;
    transition: all 0.5s ease 0.2s;
    min-height: 0px;
    min-width: 0px;
    line-height: 22px;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    letter-spacing: 0px;
    font-size: 1em;
    right: 15%;
    top: 80%;
    visibility: visible;
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.0025, 0, 0, 0, 1);
    -webkit-font-smoothing: antialiased !important;

    position: absolute;
    color: #fff;
    text-shadow: none;
    font-family: 'Open Sans', sans-serif;
}

div.banner-title {
    position: absolute;
    left: 20%;
    top: 18%;
    z-index: 2;
    w-hite-space: nowrap;
    transition: all 1s ease 0s;
    min-height: 0px;
    min-width: 0px;
    border-width: 0px;
    border-style: none;
    margin: 0px;
    padding: 0px;
    letter-spacing: 0px;
    font-size: 2.5em;
    line-height: 1.2em;
    font-weight: 700;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
    visibility: visible;
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.0025, 0, 0, 0, 1);
    -webkit-font-smoothing: antialiased !important;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
}


div.header {
    width: 100%;
    height: 250px;
    float: left;
    b-ackground-color: light-blue;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 10px;
    clear: both;
}

h1 {
    color: #373a41;
    font: normal normal 300 2em / 2em "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
    text-align: center;
    text-shadow: none;
    -webkit-font-smoothing: antialiased !important;
}

h3 {
    color: #373a41;
    font: normal normal normal 1.2em / 1em "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
    text-align: center;
    text-shadow: none;
    -webkit-font-smoothing: antialiased !important;
}


div.header-title {
    width: 100%;
    max-width: 1200px;
    text-align: center;
    margin-top: 30px;
}

div.header-title > a {
    text-decoration: none;
    margin-left: 10px;
}

div.header-title > a > img {
    height: 40px;
    vertical-align: middle;
}

p {
    font: normal normal normal 14px / 22px "Arial", Helvetica, Arial, Verdana, sans-serif;
    word-spacing: normal;
    color: #8d9095;
}

div.header-title > p {
    text-align: center;
}


input.share-url {
    f-loat: left;
    min-width: 40%;
    max-width: 650px;
    background-color: transparent;
    padding: 10px;
    p-adding-left: 20px;
    margin-right: 20px;
    font-size: 1.2em;

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;

    padding: 9px 10px 8px 20px;
    border: solid 1px #e0e0e0;
    color: #7a7a7a;
    background-color: #fff;

    vertical-align: middle;
}

img.icon {
    border-radius: 22%;
}

div.icon > center > img.icon {
    margin-top: 10vmin;
    width: 60%;
    max-width: 256px;
    max-height: 60%;
    box-shadow: 1px 5px 10px #171717;
}

div.icon > center > img {
    max-width: 80%;
}


div.three-icon-area {
    width: 100%;
    min-width: 320px;
    left: 0;
    float: left;
    box-shadow: 0px 0px 25px #888888;
}

div.upload-icon-area {
    width: 100%;
    min-width: 1050px;
    left: 0;
    float: left;
    display: table;
    padding-top: 80px;
}

div.upload-comment-area {
    width: 100%;
    min-width: 1050px;
    left: 0;
    float: left;
    display: table;
    background: #323232;
}

div.upload-comment-area a {
    outline: 0;
    color: #bbbbbb;
    text-decoration: none;
}

div.upload-comment-area a:hover, a:focus, a:visited {
    color: #eeeeee;
    text-decoration: underline;
}

div.file-button-container,
div.file-button-container input {
    background: transparent url(../img/upload-app-icon-to-test.png) left top no-repeat;
    background-position-y: 10px;
    background-size: contain;
    display: table;
    margin: 0 auto;
}

div.file-button-spacer {
    width: 530px;
    display: table-cell;
}

div.upload-description {
    width: 530px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 50px;
}

div.list-table {
    display: table;
    float: left;
    clear: both;
}
div.comment-table {
    display: table;
    float: left;
    clear: both;
}

div.list-table > div {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
}

div.comment-table > div {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
}

div.comment-table > div > p {
    text-align: left;
}


div.icon {
    width: 33.33%;
    h-eight: 467px;
    float:left;
}

div.lightgrey {
    background-color: #cbcccd;
}

div.grey {
    background-color: #898989;
}

div.darkgrey {
    background-color: #2d2d2d;
}

div.menu {
    opacity: 1;
    visibility: visible;
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 9999;
    transition: opacity 0.4s;
    padding: 0;
    margin: 0;
    background: rgba(255,255,255,0.9);
    box-shadow: 0 0 15px rgba(0,0,0,0.25);
}


div.logo-wrap {
    width: 90%;
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1200px;
    min-height: 48px;
    display: table;
}


div.logo-box {
    padding: 0 40px 0 0;
    text-align: left;
    line-height: 0;
    display: table-cell;
    vertical-align: middle;
}

div.logo-box img {
    height: 78px;
    w-idth: 200px;
    text-align: left;
    line-height: 0;
}


div.menu-box {
    text-align: right;
    padding-top: 5px;
    padding-bottom: 5px;
    display: table-cell;
    vertical-align: middle;
    min-height: 48px;
    padding: 0;
    margin: 0;
}


ul.menu {
    padding: 0;
    text-align: right;
    line-height: 48pk;
    list-style: none;
    list-style-image: none;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

ul.menu:after {
    content: "";
    display: table;
    clear: both;
}


ul.menu > li:first-child {
    margin-left: 0;
}

li.menu-item {
    margin-left: 3px;
    margin-right: 3px;
    padding: 6px 11px 7px;
}


li.menu-item {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;

    display: inline-block;
    position: relative;
    z-index: auto;
    vertical-align: middle;
}


li {
    display: list-item;
    text-align: -webkit-match-parent;
}


li.menu-item > a {
    font: normal normal normal 15px / 23px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    color: #474950;
    text-transform: none;

    display: block;
    border: 1px solid transparent;
    text-decoration: none;
    text-align: left;
}


div.icon-test {
    width: 100%;
    padding-top:30px;
    float: left;
}

div.icon-test > center > div {
    width: 977px;
    position: relative;
}

div.icon-test > center > div > img {
    width: 100%;
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
}

div.icon-test-background {
    background-image: url('../img/cloud-background.jpg');
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    box-shadow: 0px 0px 35px rgba(135, 220, 240, 0.5);
}

div.icon-test-image {
    text-align: center;
}


div.link-buttons {
    display: inline;
}

div.link-buttons img {
    vertical-align: middle;

    height: 38px;

    image-rendering: -moz-crisp-edges;         /* Firefox */
    image-rendering: -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}



div.icon-appstore-view-ipad {
    position: relative;
    width: 132px;
    height: 132px;
    left: -158px;
    top: -669px;
}

div.icon-appstore-bestnew-ipad {
    position: relative;
    width:  68px;
    height: 68px;
    left: -162px;
    top: -435px;
}

div.icon-appstore-newgames-ipad {
    position: relative;
    width:  68px;
    height: 68px;
    left: -157px;
    top: -551px;
}

div.icon-appstore-topfree-ipad {
    position: relative;
    width:  56px;
    height: 56px;
    left: -61px;
    top: -438px;
}

div.icon-appstore-homescreen-ipad {
    position: relative;
    width:  59px;
    height: 59px;
    left: 6px;
    top: -579px;
}

div.icon-appstore-view-iphone {
    position: relative;
    width: 60px;
    height: 60px;
    left: 233px;
    top: -590px;
}

div.icon-appstore-bestnew-iphone {
    position: relative;
    width: 44px;
    height: 44px;
    left: 281px;
    top: -416px;
}

div.icon-appstore-topfree-iphone {
    position: relative;
    width: 38px;
    height: 38px;
    left: 242px;
    top: -395px;
}

div.icon-appstore-newgames-iphone {
    position: relative;
    width: 44px;
    height: 44px;
    left: 285px;
    top: -452px;
}
div.icon-appstore-homescreen-iphone {
    position: relative;
    width: 37px;
    height: 37px;
    left: 270px;
    top: -496px;
}


div.icon-appstore-view-ipad > img {
    width: 100%;
    height: 100%;
}

div.icon-appstore-bestnew-ipad > img {
    width: 100%;
    height: 100%;
}

div.icon-appstore-newgames-ipad > img {
    width: 100%;
    height: 100%;
}

div.icon-appstore-topfree-ipad > img {
    width: 100%;
    height: 100%;
}

div.icon-appstore-homescreen-ipad > img {
    width: 100%;
    height: 100%;
}

div.icon-appstore-view-iphone > img {
    width: 100%;
    height: 100%;
}

div.icon-appstore-bestnew-iphone > img {
    width: 100%;
    height: 100%;
}

div.icon-appstore-topfree-iphone > img {
    width: 100%;
    height: 100%;
}

div.icon-appstore-newgames-iphone > img {
    width: 100%;
    height: 100%;
}

div.icon-appstore-homescreen-iphone > img {
    width: 100%;
    height: 100%;
}

div.footer {
    width: 96%;
    float: left;
    position: relative;
    padding: 2%;
    background-color: #36679c;
    box-shadow: 0px 0px 35px #49b5f5;
}

div.footer-3rd {
    width: 28%;
    padding: 2%;
    position: relative;
    display: inline-block;
}

div.footer h3 {
    color: white;
    text-align: left;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.1em;
    font-family: 'Quicksand', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

div.footer p {
    color: white;
    text-align: left;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 0.9em;
    font-family: 'Quicksand', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

div.footer-socket {
    position: relative;
    float: left;
    width: 100%;
    font-size: 11px;
    margin-top: -1px;
    z-index: 1;
    background-color: #7facdb;
    color: #ffffff;
}

.container {
    position: relative;
    margin: 0 auto;
    padding: 0px 50px;
    clear: both;
}

div.footer-socket .container {
    p-adding-top: 15px;
    padding-bottom: 15px;
    margin: 20px;
}

div.footer-socket .copyright {
        float: left;
}

div.footer-socket .social_bookmarks {
    float: right;
    margin: -10px 0 0 30px;
    position: relative;
}

div.footer-socket .social_bookmarks li {
    border-radius: 300px;
    border: none;
    overflow: hidden;
    top: 5px;
    position: relative;
}

.hidden-link-text {
    display: none;
}

.footer-social-icon {
    width: 20px;
    height: 20px;
}

.social-icon-right {
    float: right;
    margin-left: 20px;
}


@media only screen and (max-width: 512px) {
    div.menu {
        height: 50px;
    }

    div.logo-wrap {
        padding: 0;
    }

    div.logo-box img {
        height: 50px;
    }

    div.logo-box {
        padding-right: 10px;
        display: block;
        vertical-align: top;
    }

    div.banner {
        height: 150px;
    }

    h1 {
        font: normal normal 300 0.8em / 1em "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    }

    h3 {
        font: normal normal normal 0.5em / 1em "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    }

    li.menu-item > a {
        font: normal normal normal 0.8em / 1em "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    }

    div.banner-inner {
        top: 50px;
        height: 80px;
    }

    div.banner-title {
        top: 10%;
        left: 10%;
        font-size: .8em;
    }

    div.banner-title {
        font-size: .8em;
    }

    div.header-title {
        margin-top: 0;
    }

    div.caption {
        width: 60%;
        font-size: .3em;
        line-height: 1.6em;
        right: 5%;
        top: 40%;
        bottom: 10%;
    }

    div.caption-author {
        top: 65%;
        right: 8%;
        font-size: 0.5em;
    }

    div.header {
        height: 150px;
    }

    ul.menu {
        padding: 0;
        text-align: right;
        line-height: 48pk;
        list-style: none;
        list-style-image: none;
        -webkit-margin-before: 0em;
        -webkit-margin-after: 0em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        -webkit-padding-start: 0px;
    }

    li.menu-item {
        padding: 0;
    }

    input.share-url {
        font-size: .8em;
        float: none;
        width: 84%; 
    }

    #copy-link {
        display: none;
    }

    div.link-buttons {
        display: flex;
        padding: 2px;
    }

    div.link-buttons img {
        width: 90%;
        display: block;
        padding: 15px;
        height: 25px;
    }

    div.header-title {
        margin-top: 0;
    }

    div.footer h3,
    div.footer p {
        font-size: 0.6em;
        letter-spacing: 0;
    }

    div.footer-socket .container {
        padding-left: 0;
        padding-right: 0;
    }


    div.icon-test > center > div {
        width: 320px;
        height: 250px;
        position: relative;
    }

    div.icon-appstore-view-ipad {
        position: relative;
        width: 43px;
        height: 43px;
        left: -52px;
        top: -222px;
    }

    div.icon-appstore-bestnew-ipad {
        position: relative;
        width:  23px;
        height: 23px;
        left: -53px;
        top: -146px;
    }

    div.icon-appstore-newgames-ipad {
        position: relative;
        width:  23px;
        height: 23px;
        left: -52px;
        top: -184px;
    }

    div.icon-appstore-topfree-ipad {
        position: relative;
        width:  18px;
        height: 18px;
        left: -20px;
        top: -146px;
    }

    div.icon-appstore-homescreen-ipad {
        position: relative;
        width:  20px;
        height: 20px;
        left: 2px;
        top: -193px;
    }

    div.icon-appstore-view-iphone {
        position: relative;
        width: 20px;
        height: 20px;
        left: 76px;
        top: -197px;
    }

    div.icon-appstore-bestnew-iphone {
        position: relative;
        width: 15px;
        height: 15px;
        left: 92px;
        top: -140px;
    }

    div.icon-appstore-topfree-iphone {
        position: relative;
        width: 13px;
        height: 13px;
        left: 79px;
        top: -133px;
    }

    div.icon-appstore-newgames-iphone {
        position: relative;
        width: 15px;
        height: 15px;
        left: 93px;
        top: -151px;
    }
    div.icon-appstore-homescreen-iphone {
        position: relative;
        width: 13px;
        height: 13px;
        left: 88px;
        top: -166px;
    }

}



@media only screen and (min-width: 512px) and (max-width: 1000px) {
    div.icon-test > center > div {
        width: 512px;
        height: 420px;
        position: relative;
    }

    #copy-link {
        display: none;
    }

    div.link-buttons {
        display: block;
        padding: 15px;
    }

    div.header-title {
        margin-top: 0;
    }

    div.banner-title {
        left: 8%;
    }

    div.icon-appstore-view-ipad {
        position: relative;
        width: 69px;
        height: 69px;
        left: -82px;
        top: -353px;
    }

    div.icon-appstore-bestnew-ipad {
        position: relative;
        width:  36px;
        height: 36px;
        left: -85px;
        top: -230px;
    }

    div.icon-appstore-newgames-ipad {
        position: relative;
        width:  36px;
        height: 36px;
        left: -82px;
        top: -291px;
    }

    div.icon-appstore-topfree-ipad {
        position: relative;
        width:  30px;
        height: 30px;
        left: -32px;
        top: -231px;
    }

    div.icon-appstore-homescreen-ipad {
        position: relative;
        width:  31px;
        height: 31px;
        left: 3px;
        top: -305px;
    }

    div.icon-appstore-view-iphone {
        position: relative;
        width: 31px;
        height: 31px;
        left: 122px;
        top: -312px;
    }

    div.icon-appstore-bestnew-iphone {
        position: relative;
        width: 23px;
        height: 23px;
        left: 148px;
        top: -220px;
    }

    div.icon-appstore-topfree-iphone {
        position: relative;
        width: 20px;
        height: 20px;
        left: 127px;
        top: -209px;
    }

    div.icon-appstore-newgames-iphone {
        position: relative;
        width: 24px;
        height: 24px;
        left: 149px;
        top: -239px;
    }
    div.icon-appstore-homescreen-iphone {
        position: relative;
        width: 20px;
        height: 20px;
        left: 142px;
        top: -262px;
    }
}