.armour-designer h1,
.armour-designer h4,
.armour-designer p {
    text-align: center;
}
#main .row {
    margin-bottom: 30px;
}
.ga-link-line {

}
.ga-paint,
.ga-armour {
    border: solid 3px #86B2CC;
    border-radius: 8px;
    height: 515px;
    width: 345px;
    margin: 0 auto 20px;
    background-color: rgba(0, 0, 0, 0.05);
}
.ga-canvas {
    height: 400px;
    width: 220px;
    margin: 25px auto;
    position: relative;
//    background-color: #eee;
}
.ga-paint {
    margin: 0 auto;
    padding: 20px 15px 15px;
}
.ga-paint-controls {
    margin-bottom: 15px;
}
.ga-paint-controls button {
    cursor: pointer;
}
.ga-paint-controls .ga-active {
    color: #222;
    font-weight: 700;
    background-color: #86B2CC;
}
.ga-tab {
    margin: 0 5px 10px 5px;
    width: 90px;
}
#addcaption {
    width:100%;
    padding: 6px;
    margin-top: 25px;
}

.ga-paint-swatches {
    display: none;
    text-align: center;
    margin: 0 auto;
    width: 300px;
    height: 310px;
}
.ga-paint-swatches.ga-active {
    display: block;
}
.ga-paint-swatches div,
.ga-paint-swatches button {
    border-radius: 50%;
}
.ga-paint-swatches .ga-paint-outer {
    width: 70px;
    height: 70px;
    margin: 0 5px 5px 0;
    border: solid 1px transparent;
    background-color: transparent;
    position: relative;
    float: left;
    outline: none;
    display: block;
}
.ga-paint-swatches .ga-paint-outer.ga-on {
    border: solid 1px #999;
    background-color: #fff;
}
.ga-paint-swatches .ga-paint-inner {
    display: block;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 60px;
    height: 60px;
    border: solid 1px #999;
    cursor: pointer;
    outline: none;
}

.ga-suggest-paint {
    text-align: center;
}
.ga-suggest-paint strong{
    color: #001F3F;
}

/* RESPONSIVE CSS
-------------------------------------------------- */
/* phones
-------------------------------------------------- */
@media (max-width: 767px) {
    .ga-paint,
    .ga-armour {
        height: 535px;
        width: 269px;
    }
    .ga-paint {
        padding: 10px 5px 5px;
        height: 442px;
        text-align: center;
    }
    .ga-tab {
        width: 71px;
        margin: 0 5px 12px 5px;
        background-color: #ccc;
        padding: 6px;
        font-size: 12px;
    }
    .ga-paint-swatches {
        width: 260px;
        height: 260px;
    }
    .ga-paint-swatches .ga-paint-outer {
        width: 60px;
        height: 60px;
        margin: 0 5px 5px 0;
    }
    .ga-paint-swatches .ga-paint-inner {
        top: 4px;
        left: 4px;
        width: 50px;
        height: 50px;
    }   
    #addcaption {
        width: 240px;
        padding: 6px;
        margin-top: 20px;
    } 
    .Armour #back-top {
        display: none !important;
        opacity: 0 !important;
    }
}

.ga-paint-1 .ga-paint-inner {
    background-color: #fff;
}
.ga-paint-2 .ga-paint-inner {
    background-color: #D9E3E5;
}
.ga-paint-3 .ga-paint-inner {
    background-color: #36494A;
}
.ga-paint-4 .ga-paint-inner {
    background-color: #222222;
}
.ga-paint-5 .ga-paint-inner {
    background-color: #FFC926;
}
.ga-paint-6 .ga-paint-inner {
    background-color: #CE9B00;
}
.ga-paint-7 .ga-paint-inner {
    background-color: #FF8000;
}
.ga-paint-8 .ga-paint-inner {
    background-color: #B20000;
}
.ga-paint-9 .ga-paint-inner {
    background-color: #FFEFBF;
}
.ga-paint-10 .ga-paint-inner {
    background-color: #A3AF03;
}
.ga-paint-11 .ga-paint-inner {
    background-color: #005114;
}
.ga-paint-12 .ga-paint-inner {
    background-color: #8500B2;
}
.ga-paint-13 .ga-paint-inner {
    background-color: #00D9D9;
}
.ga-paint-14 .ga-paint-inner {
    background-color: #008C8C;
}
.ga-paint-15 .ga-paint-inner {
    background-color: #006DD9;
}
.ga-paint-16 .ga-paint-inner {
    background-color: #001A66;
}
.ga-paint-17 .ga-paint-inner {
    background-color: #ff4d4d;
}
.ga-paint-18 .ga-paint-inner {
    background-color: #4dff4d;
}
.ga-paint-19 .ga-paint-inner {
    background-color: #ff4dff;
}
.ga-paint-20 .ga-paint-inner {
    background-color: #ffa64d;
}
.ga-paint-21 .ga-paint-inner {
    background-color: #40c8fe;
}
.ga-paint-22 .ga-paint-inner {
    background-color: #fef033;
}
.ga-paint-23 .ga-paint-inner {
    background-color: #00d9d9;
}
.ga-paint-24 .ga-paint-inner {
    background-color: #fff;
}

.ga-armour .sprite400 {
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url(../img/cd-sprite-400.png);
    background-repeat: no-repeat;
    display: block;
    opacity: 0;
    margin-top: 0;
}

.ga-armour i.ga-on {
    opacity: 1;
}
.ga-armour i.cd_body.ga-on ~ .cd_body.ga-on,
.ga-armour i.cd_gun.ga-on ~ .cd_gun.ga-on,
.ga-armour i.cd_helm.ga-on ~ .cd_helm.ga-on,
.ga-armour i.cd_pads.ga-on ~ .cd_pads.ga-on,
.ga-armour i.cd_sho.ga-on ~ .cd_sho.ga-on,
.ga-armour i.cd_glow.ga-on ~ .cd_glow.ga-on {
    opacity: 0.5;
}


.sprite400-Cd-body-1 {
    width: 220px;
    height: 400px;
    background-position: -5px -5px;
}

.sprite400-Cd-body-10 {
    width: 220px;
    height: 400px;
    background-position: -235px -5px;
}

.sprite400-Cd-body-11 {
    width: 220px;
    height: 400px;
    background-position: -465px -5px;
}

.sprite400-Cd-body-12 {
    width: 220px;
    height: 400px;
    background-position: -695px -5px;
}

.sprite400-Cd-body-13 {
    width: 220px;
    height: 400px;
    background-position: -925px -5px;
}

.sprite400-Cd-body-14 {
    width: 220px;
    height: 400px;
    background-position: -1155px -5px;
}

.sprite400-Cd-body-15 {
    width: 220px;
    height: 400px;
    background-position: -1385px -5px;
}

.sprite400-Cd-body-16 {
    width: 220px;
    height: 400px;
    background-position: -1615px -5px;
}

.sprite400-Cd-body-2 {
    width: 220px;
    height: 400px;
    background-position: -1845px -5px;
}

.sprite400-Cd-body-3 {
    width: 220px;
    height: 400px;
    background-position: -2075px -5px;
}

.sprite400-Cd-body-4 {
    width: 220px;
    height: 400px;
    background-position: -2305px -5px;
}

.sprite400-Cd-body-5 {
    width: 220px;
    height: 400px;
    background-position: -2535px -5px;
}

.sprite400-Cd-body-6 {
    width: 220px;
    height: 400px;
    background-position: -2765px -5px;
}

.sprite400-Cd-body-7 {
    width: 220px;
    height: 400px;
    background-position: -2995px -5px;
}

.sprite400-Cd-body-8 {
    width: 220px;
    height: 400px;
    background-position: -3225px -5px;
}

.sprite400-Cd-body-9 {
    width: 220px;
    height: 400px;
    background-position: -3455px -5px;
}

.sprite400-Cd-glow-1 {
    width: 220px;
    height: 400px;
    background-position: -3685px -5px;
}

.sprite400-Cd-glow-2 {
    width: 220px;
    height: 400px;
    background-position: -3915px -5px;
}

.sprite400-Cd-glow-3 {
    width: 220px;
    height: 400px;
    background-position: -4145px -5px;
}

.sprite400-Cd-glow-4 {
    width: 220px;
    height: 400px;
    background-position: -4375px -5px;
}

.sprite400-Cd-glow-5 {
    width: 220px;
    height: 400px;
    background-position: -4605px -5px;
}

.sprite400-Cd-glow-6 {
    width: 220px;
    height: 400px;
    background-position: -4835px -5px;
}

.sprite400-Cd-glow-7 {
    width: 220px;
    height: 400px;
    background-position: -5065px -5px;
}

.sprite400-Cd-glow-8 {
    width: 220px;
    height: 400px;
    background-position: -5295px -5px;
}

.sprite400-Cd-gun-1 {
    width: 220px;
    height: 400px;
    background-position: -5525px -5px;
}

.sprite400-Cd-gun-10 {
    width: 220px;
    height: 400px;
    background-position: -5755px -5px;
}

.sprite400-Cd-gun-11 {
    width: 220px;
    height: 400px;
    background-position: -5985px -5px;
}

.sprite400-Cd-gun-12 {
    width: 220px;
    height: 400px;
    background-position: -6215px -5px;
}

.sprite400-Cd-gun-13 {
    width: 220px;
    height: 400px;
    background-position: -6445px -5px;
}

.sprite400-Cd-gun-14 {
    width: 220px;
    height: 400px;
    background-position: -6675px -5px;
}

.sprite400-Cd-gun-15 {
    width: 220px;
    height: 400px;
    background-position: -6905px -5px;
}

.sprite400-Cd-gun-16 {
    width: 220px;
    height: 400px;
    background-position: -7135px -5px;
}

.sprite400-Cd-gun-2 {
    width: 220px;
    height: 400px;
    background-position: -7365px -5px;
}

.sprite400-Cd-gun-3 {
    width: 220px;
    height: 400px;
    background-position: -7595px -5px;
}

.sprite400-Cd-gun-4 {
    width: 220px;
    height: 400px;
    background-position: -7825px -5px;
}

.sprite400-Cd-gun-5 {
    width: 220px;
    height: 400px;
    background-position: -8055px -5px;
}

.sprite400-Cd-gun-6 {
    width: 220px;
    height: 400px;
    background-position: -8285px -5px;
}

.sprite400-Cd-gun-7 {
    width: 220px;
    height: 400px;
    background-position: -8515px -5px;
}

.sprite400-Cd-gun-8 {
    width: 220px;
    height: 400px;
    background-position: -8745px -5px;
}

.sprite400-Cd-gun-9 {
    width: 220px;
    height: 400px;
    background-position: -8975px -5px;
}

.sprite400-Cd-helm-1 {
    width: 220px;
    height: 400px;
    background-position: -9205px -5px;
}

.sprite400-Cd-helm-10 {
    width: 220px;
    height: 400px;
    background-position: -9435px -5px;
}

.sprite400-Cd-helm-11 {
    width: 220px;
    height: 400px;
    background-position: -9665px -5px;
}

.sprite400-Cd-helm-12 {
    width: 220px;
    height: 400px;
    background-position: -9895px -5px;
}

.sprite400-Cd-helm-13 {
    width: 220px;
    height: 400px;
    background-position: -10125px -5px;
}

.sprite400-Cd-helm-14 {
    width: 220px;
    height: 400px;
    background-position: -10355px -5px;
}

.sprite400-Cd-helm-15 {
    width: 220px;
    height: 400px;
    background-position: -10585px -5px;
}

.sprite400-Cd-helm-16 {
    width: 220px;
    height: 400px;
    background-position: -10815px -5px;
}

.sprite400-Cd-helm-2 {
    width: 220px;
    height: 400px;
    background-position: -11045px -5px;
}

.sprite400-Cd-helm-3 {
    width: 220px;
    height: 400px;
    background-position: -11275px -5px;
}

.sprite400-Cd-helm-4 {
    width: 220px;
    height: 400px;
    background-position: -11505px -5px;
}

.sprite400-Cd-helm-5 {
    width: 220px;
    height: 400px;
    background-position: -11735px -5px;
}

.sprite400-Cd-helm-6 {
    width: 220px;
    height: 400px;
    background-position: -11965px -5px;
}

.sprite400-Cd-helm-7 {
    width: 220px;
    height: 400px;
    background-position: -12195px -5px;
}

.sprite400-Cd-helm-8 {
    width: 220px;
    height: 400px;
    background-position: -12425px -5px;
}

.sprite400-Cd-helm-9 {
    width: 220px;
    height: 400px;
    background-position: -12655px -5px;
}

.sprite400-Cd-pads-1 {
    width: 220px;
    height: 400px;
    background-position: -12885px -5px;
}

.sprite400-Cd-pads-10 {
    width: 220px;
    height: 400px;
    background-position: -13115px -5px;
}

.sprite400-Cd-pads-11 {
    width: 220px;
    height: 400px;
    background-position: -13345px -5px;
}

.sprite400-Cd-pads-12 {
    width: 220px;
    height: 400px;
    background-position: -13575px -5px;
}

.sprite400-Cd-pads-13 {
    width: 220px;
    height: 400px;
    background-position: -13805px -5px;
}

.sprite400-Cd-pads-14 {
    width: 220px;
    height: 400px;
    background-position: -14035px -5px;
}

.sprite400-Cd-pads-15 {
    width: 220px;
    height: 400px;
    background-position: -14265px -5px;
}

.sprite400-Cd-pads-16 {
    width: 220px;
    height: 400px;
    background-position: -14495px -5px;
}

.sprite400-Cd-pads-2 {
    width: 220px;
    height: 400px;
    background-position: -14725px -5px;
}

.sprite400-Cd-pads-3 {
    width: 220px;
    height: 400px;
    background-position: -14955px -5px;
}

.sprite400-Cd-pads-4 {
    width: 220px;
    height: 400px;
    background-position: -15185px -5px;
}

.sprite400-Cd-pads-5 {
    width: 220px;
    height: 400px;
    background-position: -15415px -5px;
}

.sprite400-Cd-pads-6 {
    width: 220px;
    height: 400px;
    background-position: -15645px -5px;
}

.sprite400-Cd-pads-7 {
    width: 220px;
    height: 400px;
    background-position: -15875px -5px;
}

.sprite400-Cd-pads-8 {
    width: 220px;
    height: 400px;
    background-position: -16105px -5px;
}

.sprite400-Cd-pads-9 {
    width: 220px;
    height: 400px;
    background-position: -16335px -5px;
}

.sprite400-Cd-sho-1 {
    width: 220px;
    height: 400px;
    background-position: -16565px -5px;
}

.sprite400-Cd-sho-10 {
    width: 220px;
    height: 400px;
    background-position: -16795px -5px;
}

.sprite400-Cd-sho-11 {
    width: 220px;
    height: 400px;
    background-position: -17025px -5px;
}

.sprite400-Cd-sho-12 {
    width: 220px;
    height: 400px;
    background-position: -17255px -5px;
}

.sprite400-Cd-sho-13 {
    width: 220px;
    height: 400px;
    background-position: -17485px -5px;
}

.sprite400-Cd-sho-14 {
    width: 220px;
    height: 400px;
    background-position: -17715px -5px;
}

.sprite400-Cd-sho-15 {
    width: 220px;
    height: 400px;
    background-position: -17945px -5px;
}

.sprite400-Cd-sho-16 {
    width: 220px;
    height: 400px;
    background-position: -18175px -5px;
}

.sprite400-Cd-sho-2 {
    width: 220px;
    height: 400px;
    background-position: -18405px -5px;
}

.sprite400-Cd-sho-3 {
    width: 220px;
    height: 400px;
    background-position: -18635px -5px;
}

.sprite400-Cd-sho-4 {
    width: 220px;
    height: 400px;
    background-position: -18865px -5px;
}

.sprite400-Cd-sho-5 {
    width: 220px;
    height: 400px;
    background-position: -19095px -5px;
}

.sprite400-Cd-sho-6 {
    width: 220px;
    height: 400px;
    background-position: -19325px -5px;
}

.sprite400-Cd-sho-7 {
    width: 220px;
    height: 400px;
    background-position: -19555px -5px;
}

.sprite400-Cd-sho-8 {
    width: 220px;
    height: 400px;
    background-position: -19785px -5px;
}

.sprite400-Cd-sho-9 {
    width: 220px;
    height: 400px;
    background-position: -20015px -5px;
}

.sprite400-Cd-uni-0 {
    width: 220px;
    height: 400px;
    background-position: -20245px -5px;
}