/* CSS reset */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

article, aside, figure, footer, header, nav, section, details, summary {display: block;}

img, object, embed {max-width: 100%;}

ol, ul {
	list-style: none;
}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;} 

sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

pre, code, kbd, samp {font-family: monospace, sans-serif;}

.clickable, label, input[type=button], input[type=submit], input[type=file], button {cursor: pointer;}

button, input, select, textarea {margin: 0;}

select { cursor: pointer; }

button {width: auto; overflow: visible;}
 
.ie7 img {-ms-interpolation-mode: bicubic;}

.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }

/* end reset */

/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

::selection {
	background: #ff3953;
    color: #fff;
	}
::-moz-selection {
	background: #ff3953;
    color: #fff;
}

/* transitions */
#content .content-deals .deal, input, textarea {
    transition: box-shadow 0.3s, background-color 0.3s;
    -moz-transition: box-shadow 0.3s, background-color 0.3s;
    -webkit-transition: box-shadow 0.3s, background-color 0.3s;
    -o-transition: box-shadow 0.3s, background-color 0.3s;
}

#footer a, div.step h3, footer a.card-link {
    transition: color 0.3s;
    -moz-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
}

header h1 a, .ad-side a {
    transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
}

.card-filtering a, .text-field, a.flat-btn {
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}

div.step-initiated span {
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}

div.step, #gift-cards .item figure, #gift-cards .item .overlay {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}

/* sprites */
#header .authenticate-yourself, label.field-large div.icon div.table div.cell span, form#log-in a.submit span {
    background: url('../images/icons.html') no-repeat;
}

header h2, header p {
    /*font-family: 'Exo', Arial, sans-serif;*/
}

.clear-100 {
    height: 100px;
    clear: both;
}

/* general */
body {
    min-width: 1000px;
    height: 100%;
    background: #fff;
    text-align: center;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 12px;
    line-height: 12px;
    -webkit-font-smoothing: antialiased;
}

body.card {
    background: #f3f3f3;
    font-family: 'Open Sans', Arial, sans-serif;
}

#container {
    position: relative;
    min-height: 100%;
}
.center {
    width: 1000px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}
body.card .center {
    width: 900px;
}

header.large {
    height: 514px;
    position: relative;
    background: #000;
    overflow: hidden;
}

    header .backgrounds {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        animation: scale 8.7s linear infinite alternate;
        -webkit-animation: scale 8.7s linear infinite alternate;
    }

    header .backgrounds div.bg {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        opacity: 0;
        z-index: 1;
    }

    header .backgrounds div.slider1 { background-image: url('../images/bg2.jpg'); }
    header .backgrounds div.slider2 { background-image: url('../images/bg6.jpg'); }
    header .backgrounds div.slider3 { background-image: url('../images/bg3.jpg'); }

    header .backgrounds div.active {
        opacity: 1;
    }

    @keyframes scale {
        0% { transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); }
        100% { transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.08); }
    }
    @-webkit-keyframes scale {
        0% { transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); }
        100% { transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.08); }
    }

    header .gradient, header .pattern {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 2;
        background: rgba(0,0,0,0.5);
        background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.7) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.5)), color-stop(100%, rgba(0,0,0,0.7)));
        background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.7) 100%);
        background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.7) 100%);
        background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.7) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.7) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
    }

        header .backgrounds div.slider3 .gradient {
            background: rgba(0,0,0,0.4);
            background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.6) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.4)), color-stop(100%, rgba(0,0,0,0.6)));
            background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.6) 100%);
            background: -o-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.6) 100%);
            background: -ms-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.6) 100%);
            background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.6) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
        }

    header .pattern {
        z-index: 3;
        background: rgba(255, 224, 165, 0.11) url('../images/bg-pattern.png') repeat;
    }

    header .slides {
    }

    header .slides div.slide {
        display: none;
    }

    header .slides div.active {
        display: block;
    }

    header h1 {
        float: left;
        text-indent: -9999px;
        padding-top: 60px;
    }

    header h1 a {
        width: 209px;
        height: 37px;
        background: url('../images/logo.png') no-repeat 0 0;
        display: block;
    }

    header .slides {
        position: absolute;
        top: 157px;
        width: 100%;
        text-align: center;
    }

    header .slides .slide {
        position: absolute;
        width: 100%;
    }

    header h2 {
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
        font-weight: 800;
        /*font-style: italic;*/
        font-size: 60px;
        line-height: 60px;
    }

    header p {
        margin-top: 30px;
        color: rgba(255, 255, 255, 0.9);
        text-align: center;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
        font-weight: 400;
        font-size: 18px;
        line-height: 18px;
        animation-delay: 0.2s;
        -webkit-animation-delay: 0.2s;
        -moz-animation-delay: 0.2s;
    }

    header .slides a.button {
        margin-top: 40px;
        animation-delay: 0.4s;
        -webkit-animation-delay: 0.4s;
        -moz-animation-delay: 0.4s;
    }


header.card {
    height: 115px;
    background: #fff;
}


    header.card h1 {
        float: left;
        text-indent: -9999px;
        padding-top: 50px;
    }

    header.card h1 a {
        width: 227px;
        height: 46px;
        background: url('../images/logo-2.png') no-repeat 0 0;
        display: block;
    }


section.card {
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url('../images/card-bg.jpg');
    overflow: hidden;
}

    section.card .center {
        width: 900px;
    }

    section.card .top {
        padding: 40px 0;
        text-align: left;
    }

    section.card .left {
        float: left;
        width: 210px;
    }
    section.card .right {
        float: left;
        width: 690px;
    }

    section.card-broad .left {
        float: left;
        width: 286px;
    }
    section.card-broad .right {
        float: left;
        width: 614px;
    }

        section.card .top figure {
            width: 170px;
            height: 246px;
            border-radius: 6px;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.05);
            background: url('../images/cards.png') no-repeat;
            animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s;
        }

        section.card-broad .top figure {
            width: 246px;
            height: 154px;
            border-radius: 15px;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.05);
            background: url('../images/cards.png') no-repeat;
            animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s;
        }

        section.card-broad .top figure.card-appstore, section.card-broad .top figure.card-itunes {
            border-radius: 4px;
        }

        section.card .top h2 {
            color: white;
            font-size: 20px;
            line-height: 20px;
            margin: 20px 0 16px 0;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
            font-weight: 700;
            animation-delay: 0.3s; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s;
            text-transform: uppercase;
            letter-spacing: 0.1em;
        }

        section.card-broad .top h2 {
            margin: 0 0 16px 0 !important;
        }

        section.card .top p {
            color: rgba(255, 255, 255, 0.7);
            font-size: 13px;
            line-height: 28px;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
            animation-delay: 0.7s; -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s;
        }

        section.card-broad .top p {
            line-height: 26px !important;
        }

        section.card .top p strong {
            font-weight: 500;
            color: rgba(255, 255, 255, 0.9);
        }

    section.card .bottom {
        padding: 20px 0;
        text-align: center;
        background: rgba(255, 255, 255, 0.1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.05);
    }

    section.card .bottom .stat {
        margin-right: 40px;
        display: inline-block;
        animation-delay: 0.9s; -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s;
    }

    /*section.card .bottom .stat-1 { animation-delay: 0.9s; -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; }
    section.card .bottom .stat-2 { animation-delay: 0.9s; -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; }*/

    section.card .bottom .stat .icon {
        margin-right: 8px;
    }
    section.card .bottom .stat .icon i {
        color: #fff;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
        font-size: 18px;
        line-height: 18px;
        vertical-align: top;
    }
    section.card .bottom .stat .text {
        font-size: 14px;
        line-height: 15px;
        font-weight: 800;
        color: #fff;
        text-transform: uppercase;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
        letter-spacing: 0.2em;
        vertical-align: middle;
    }


div.step {
    width: 590px;
    background: #fff;
    border-bottom: 2px solid #ececec;
    padding: 15px 16px;
    border-radius: 10px;
    overflow: hidden;
}

    div.step span.number {
        border-radius: 9px;
        display: inline-block;
        font-size: 20px;
        line-height: 43px;
        color: #fff;
        background: #ff3953;
        margin-right: 12px;
        font-weight: 800;
        height: 44px;
        width: 44px;
        text-align: center;
    }

    div.step h3 {
        color: #424242;
        font-size: 20px;
        line-height: 44px;
        display: inline-block;
        font-weight: 700;
        text-transform: uppercase;
    }

    div.step-gray span.number { background: #dadada; }
    div.step-gray h3 { color: #dadada; }
    div.checked span.number { background: #2ecc71; }
    div.checked h3 { color: #dadada; }

div.step-separator {
    height: 25px;
    clear: both;
}

div.step-content {
    border-top: 2px solid #f1f1f1;
    padding-top: 27px;
    margin: 12px 0 12px 60px;
    display: inline-block;
}

div.step-content span.special {
    display: inline;
    padding: 3px 7px;
    margin: 0 2px;
    border-radius: 3px;
    border: 1px solid #DDCCAF;
    background: #FFF2DB;
    color: #96815E;
    -moz-animation: changeColorLoading 2s infinite ease alternate;
    -webkit-animation: changeColorLoading 2s infinite ease alternate;
    animation: changeColorLoading 2s infinite ease alternate;
}

div.step-content .share-fb {
    margin-top: 25px;
    font-size: 12px;
    background: #E0EAFF;
    color: rgb(86, 101, 128);
    border-top: 2px solid rgb(207, 221, 252);
    border-bottom: 2px solid rgb(207, 221, 252);
    width: 485px;
    padding: 10px 20px;
}

div.step-content .share-fb-btn {
    margin: -36px 0 0 126px;
    position: absolute;
}

a.fb-btn {
    background: #4b68b9;
    background: -moz-linear-gradient(top,  #4b68b9 0%, #3b55a0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b68b9), color-stop(100%,#3b55a0));
    background: -webkit-linear-gradient(top,  #4b68b9 0%,#3b55a0 100%);
    background: -o-linear-gradient(top,  #4b68b9 0%,#3b55a0 100%);
    background: -ms-linear-gradient(top,  #4b68b9 0%,#3b55a0 100%);
    background: linear-gradient(to bottom,  #4b68b9 0%,#3b55a0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b68b9', endColorstr='#3b55a0',GradientType=0 );
    border-radius: 2px;
    display: inline-block;
    padding: 4px 6px 4px 23px;
    font-weight: 700;
    color: white;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
    text-decoration: none;
    font-size: 11px;
    line-height: 11px;
    height: 20px;
    vertical-align: top;
}
    a.fb-btn:hover {
        background: #546cc2;
        background: -moz-linear-gradient(top,  #4967cd 0%, #3256b6 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4967cd), color-stop(100%,#3256b6));
        background: -webkit-linear-gradient(top,  #4967cd 0%,#3256b6 100%);
        background: -o-linear-gradient(top,  #4967cd 0%,#3256b6 100%);
        background: -ms-linear-gradient(top,  #4967cd 0%,#3256b6 100%);
        background: linear-gradient(to bottom,  #4967cd 0%,#3256b6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4967cd', endColorstr='#3256b6',GradientType=0 );
    }
    a.fb-btn:active {
        background: #3256b6 !important;
    }

a.fb-btn i {
    position: absolute;
    margin: -1px 0 0 -17px;
    font-size: 14px;
}

.fb-count {
    background: #fff;
    padding: 0 4px;
    border: 1px solid #898f9c;
    border-radius: 2px;
    color: #6a7180;
    font-size: 11px;
    line-height: 18px;
    height: 20px;
    margin-left: 6px;
    display: inline-block;
    vertical-align: top;
}

.fb-count i {
    display: inline-block;
    margin: 6px 0 0 -9px;
    width: 5px;
    height: 6px;
    background: url('../images/fb-count-arrow.png') no-repeat;
    position: absolute;
}


div.step-content .social {
    margin-top: 25px;
}
div.step-content .social div {
    margin-top: 14px;
}

div.step-content p.loading {
    text-align: center;
    margin-top: 5px;
    color: #a5a5a5;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 300;
}

div.step-content p.loading {
    text-align: center;
    margin-top: 5px;
    color: #a5a5a5;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 300;
}

div.step-content h4.code {
    margin-top: 20px;
    font-size: 24px;
    color: #ff3953;
    background: #FFF0F0;
    padding: 10px 12px 8px 12px;
    line-height: 24px;
    display: inline-block;
    border-radius: 5px;
    font-family: "Lucida Console", monospace;
    font-weight: normal;
}

div.step-content p {
    line-height: 28px;
    color: #747474;
    font-size: 14px;
    margin-top: -4px;
}

div.step-content .frameContainer {
    width: 485px;
    height: 296px;
    overflow: hidden;
    margin: 18px 0 30px 0;
}

div.step-content .frameContainer iframe {
    margin-left: -59px;
}

div.stepForceHeight {
    height: 77px !important;
}

.step-content .checking {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 300;
    color: #cfcfcf;
    letter-spacing: 0.1em;
    text-align: center;
    margin-top: 10px;
    width: 485px;
}

.loading-ball {
    position:relative;
    width:485px;
    height:10px;
    margin-top: 30px;
}

    .loading-ball .line {
        position:absolute;
        left:0px;
        top:4px;
        height:2px;
        width:485px;
        background-color:#F0F0F0;
    }

    .loading-ball .ball {
        background-color:#FF456A;
        position:absolute;
        top:0;
        left:0;
        width:10px;
        height:10px;
        -moz-animation:bounce_movingBallG 4.4s infinite cubic-bezier(.3,0,.71,1);
        -webkit-animation:bounce_movingBallG 4.4s infinite cubic-bezier(.3,0,.71,1);
        -o-animation:bounce_movingBallG 4.4s infinite cubic-bezier(.3,0,.71,1);
        -ms-animation:bounce_movingBallG 4.4s infinite cubic-bezier(.3,0,.71,1);
        animation:bounce_movingBallG 4.4s infinite cubic-bezier(.3,0,.71,1);
        border-radius:5px;
    }

@-moz-keyframes bounce_movingBallG{
    0%{left:0px;}
    50%{left:475px;}
    100%{left:0px;}
}
@-webkit-keyframes bounce_movingBallG{
    0%{left:0px;}
    50%{left:475px;}
    100%{left:0px;}
}
@-o-keyframes bounce_movingBallG{
    0%{left:0px;}
    50%{left:475px;}
    100%{left:0px;}
}
@-ms-keyframes bounce_movingBallG{
    0%{left:0px;}
    50%{left:475px;}
    100%{left:0px;}
}
@keyframes bounce_movingBallG{
    0%{left:0px;}
    50%{left:475px;}
    100%{left:0px;}
}

@keyframes changeColorLoading {
    0%{ border: 1px solid #DDCCAF; background: #FFF2DB; color: #96815E; }
    100%{ background:#FFDBE1; color: #965E67; border: 1px solid #DDAFBA;}
}
@-moz-keyframes changeColorLoading{
    0%{ border: 1px solid #DDCCAF; background: #FFF2DB; color: #96815E; }
    100%{ background:#FFDBE1; color: #965E67; border: 1px solid #DDAFBA;}
}
@-webkit-keyframes changeColorLoading{
    0%{ border: 1px solid #DDCCAF; background: #FFF2DB; color: #96815E; }
    100%{ background:#FFDBE1; color: #965E67; border: 1px solid #DDAFBA;}
}

.stepHide {
    -webkit-animation: stepHide 0.5s;
    -moz-animation: stepHide 0.5s;
    animation: stepHide 0.5s;
}

@-webkit-keyframes stepHide {
    from { opacity: 1; }
    to { opacity: 0; display: none; }
}

@keyframes stepHide {
    from { opacity: 1; }
    to { opacity: 0; display: none; }
}

.stepShow {
    -webkit-animation: stepShow 0.5s forwards;
    -moz-animation: stepShow 0.5s forwards;
    animation: stepShow 0.5s forwards;
}

@-webkit-keyframes stepShow {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes stepShow {
    from { opacity: 0; }
    to { opacity: 1; }
}

.stepSlideUp {
    -webkit-animation: stepSlideUp 0.5s;
    -moz-animation: stepSlideUp 0.5s;
    animation: stepSlideUp 0.5s;
}

@-webkit-keyframes stepSlideUp {
    from { max-height: auto; }
    to { max-height: 77px; }
}

@keyframes stepSlideUp {
    from { max-height: auto; }
    to { max-height: 77px; }
}

.text-field {
    outline: none;
    border: 0;
    border-bottom: 2px solid #ececec;
    border-radius: 3px;
    background: #f5f5f5;
    color: #424242;
    line-height: normal;
    font-size: 14px;
    font-family: "Open Sans", Arial, sans-serif;
    padding: 10px 16px;
    width: 438px;
    height: 44px;
}

.text-field:focus {
    background: #ececec;
}

.text-field-code {
    font-family: "Courier New", Courier, monospace;
    letter-spacing: 0.2em;
}

.text-field-full {
    width: 485px;
}

input::-webkit-input-placeholder { font-family: "Open Sans", Arial, sans-serif; letter-spacing: 0; }
input:-moz-placeholder { font-family: "Open Sans", Arial, sans-serif; letter-spacing: 0; }
input::-moz-placeholder { font-family: "Open Sans", Arial, sans-serif; letter-spacing: 0; }
input:-ms-input-placeholder { font-family: "Open Sans", Arial, sans-serif; letter-spacing: 0; }

body.card .content figure.card-bg {
    width: 285px;
    height: 350px;
    border-radius: 10px;
}


.floating{
	animation: floating 3.5s infinite;
	-webkit-animation: floating 3.5s infinite;
}

.slamDown{
	animation: slamDown 0.3s ease;
	-webkit-animation: slamDown 0.3s ease;
}
.slamDown2{
	animation: slamDown2 0.5s ease;
	-webkit-animation: slamDown2 0.5s ease;
}
.slamDown3{
	animation: slamDown3 0.5s ease;
	-webkit-animation: slamDown3 0.5s ease;
}

@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(8%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(8%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}

@keyframes slamDown {
	0% { opacity: 0; transform: scale(7); }
	100% { opacity: 1; transform: scale(1);	}		
}
@-webkit-keyframes slamDown {
	0% { opacity: 0; -webkit-transform: scale(7); }
	100% { opacity: 1; -webkit-transform: scale(1);	}			
}
@keyframes slamDown2 {
	0% { opacity: 0; transform: scale(3); }
	100% { opacity: 1; transform: scale(0.95); }		
}
@-webkit-keyframes slamDown2 {
	0% { opacity: 0; -webkit-transform: scale(3); }
	100% { opacity: 1; -webkit-transform: scale(0.95); }			
}
@keyframes slamDown3 {
	0% { opacity: 0; transform: scale(3); }
	100% { opacity: 1; transform: scale(0.85); }		
}
@-webkit-keyframes slamDown3 {
	0% { opacity: 0; -webkit-transform: scale(3); }
	100% { opacity: 1; -webkit-transform: scale(0.85); }			
}

@keyframes scaleUpDown {
	0% { transform: scale(0.95); }
	100% { transform: scale(0.9); }		
}
@-webkit-keyframes scaleUpDown {
	0% { -webkit-transform: scale(0.95); }
	100% { -webkit-transform: scale(0.9); }			
}
@keyframes scaleUpDown2 {
	0% { transform: scale(0.85); }
	100% { transform: scale(0.80); }		
}
@-webkit-keyframes scaleUpDown2 {
	0% { -webkit-transform: scale(0.85); }
	100% { -webkit-transform: scale(0.8); }			
}

.card-side {
    position: absolute;
    right: 0;
}

.ad-side {
    position: absolute;
    right: 0;
    top: 400px;
}
.ad-side h6 { color: #9a9a9a; margin: 0 0 8px 0; text-align: center; clear: both; }
.ad-side a:hover { opacity: 0.8; }
.ad-side img{ border-radius: 10px }


a.flat-btn {
    color: #fff;
    border-radius: 3px;
    background: #ff3953;
    height: 44px;
    line-height: 44px;
    padding: 0 15px;
    outline: none;
    font-weight: 700;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    vertical-align: middle;
    border-bottom: 2px solid #ef273c;
}

    a.flat-btn:hover {
        background: #ff5e72;
        border-bottom: 2px solid #f14556;
    }
    a.flat-btn:active {
        background: #f1384a;
        border-bottom: 2px solid #f1384a;
    }
    a.flat-btn-icon {
        padding: 0 3px 0 5px;
    }

    a.flat-btn i {
        font-size: 30px;
        line-height: 44px;
    }

a.button {
    color: #6c3a1b;
    text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.3);
    text-transform: uppercase;
    text-decoration: none;
    height: 44px;
    padding: 15px 46px;
    font-weight: 800;
    font-size: 14px;
    line-height: 14px;
    border-radius: 3px;
    display: inline-block;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1);
    background: rgba(250,199,90,1);
    background: -moz-linear-gradient(top, rgba(250,199,90,1) 0%, rgba(245,160,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,199,90,1)), color-stop(100%, rgba(245,160,0,1)));
    background: -webkit-linear-gradient(top, rgba(250,199,90,1) 0%, rgba(245,160,0,1) 100%);
    background: -o-linear-gradient(top, rgba(250,199,90,1) 0%, rgba(245,160,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(250,199,90,1) 0%, rgba(245,160,0,1) 100%);
    background: linear-gradient(to bottom, rgba(250,199,90,1) 0%, rgba(245,160,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac75a', endColorstr='#f5a000', GradientType=0 );
}

body.card .content {
    text-align: left;
    padding: 25px 0 90px 0;
}

/* cards */

.card-side figure.card-img {
    width: 201px;
    height: 290px;
    position: absolute;
    z-index: 2;
    margin: 30px 0 0 42px;
    opacity: 0;
}

.card-side-broad figure.card-img {
    width: 290px;
    height: 182px;
    margin: 84px 0 0 -2px;
}

.card-side figure.forceScale {
    opacity: 1;
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
	animation: scaleUpDown 2.5s infinite alternate cubic-bezier(.3,0,.71,1);
	-webkit-animation: scaleUpDown 2.5s infinite alternate cubic-bezier(.3,0,.71,1);
}

.card-side-broad figure.forceScale {
    transform: scale(0.85);
    -webkit-transform: scale(0.85);
	animation: scaleUpDown2 2.5s infinite alternate cubic-bezier(.3,0,.71,1);
	-webkit-animation: scaleUpDown2 2.5s infinite alternate cubic-bezier(.3,0,.71,1);
}

.card-side .overlay {
    background: rgba(37, 37, 37, 0.6);
    position: absolute;
    border-radius: 10px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
}

figure.card-img-lol { background: url('../images/card-lol.png') no-repeat 0 0; }
figure.card-img-roblox { background: url('../images/card-roblox.png') no-repeat 0 0; }
figure.card-img-animaljam { background: url('../images/card-animaljam.png') no-repeat 0 0; }
figure.card-img-runescape { background: url('../images/card-runescape.png') no-repeat 0 0; }
figure.card-img-steam { background: url('../images/card-steam.png') no-repeat 0 0; }
figure.card-img-psn { background: url('../images/card-psn.png') no-repeat 0 0; }
figure.card-img-habbo { background: url('../images/card-habbo.png') no-repeat 0 0; }
figure.card-img-spotify { background: url('../images/card-spotify.png') no-repeat 0 0; }
figure.card-img-playstore { background: url('../images/card-playstore.png') no-repeat 0 0; }

figure.card-img-xbox { background: url('../images/card-xbox.png') no-repeat 0 0; }
figure.card-img-microsoft { background: url('../images/card-microsoft.png') no-repeat 0 0; }
figure.card-img-itunes { background: url('../images/card-itunes.png') no-repeat 0 0; }
figure.card-img-appstore { background: url('../images/card-appstore.png') no-repeat 0 0; }
figure.card-img-fifa { background: url('../images/card-fifa.png') no-repeat 0 0;}
figure.card-img-amazon { background: url('../images/card-amazon.png') no-repeat 0 0; }
figure.card-img-wow { background: url('../images/card-wow.png') no-repeat 0 0; }

.card-side figure.card-pos-1 { background-position: 0 -304px; }
.card-side figure.card-pos-2 { background-position: 0 -594px; }
.card-side figure.card-pos-3 { background-position: 0 -884px; }
.card-side figure.card-pos-4 { background-position: 0 -1174px; }

.card-side-broad figure.card-pos-1 { background-position: 0 -196px; }
.card-side-broad figure.card-pos-2 { background-position: 0 -378px; }
.card-side-broad figure.card-pos-3 { background-position: 0 -560px; }
.card-side-broad figure.card-pos-4 { background-position: 0 -742px; }

/* --- */

footer {
    background: url('../images/card-bg.jpg') center top repeat-x;
}

footer a.card-link {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 12px;
    display: block;
    text-align: left;
}

    footer a.card-link:hover {
        color: rgba(255, 255, 255, 1);
    }

footer div.box {
    width: 32%;
    display: inline-block;
    vertical-align: top;
    padding-right: 30px;
}

footer div.rightmost {
    width: 35%;
    padding-right: 0;
}

.title {
    position: relative;
    text-align: center;
}

    .title .main {
        display: inline-block;
        margin: 80px auto;
    }
    .title .main-2 {
        display: inline-block;
    }

    .title h2, .title h1 {
        height: 44px;
        font-size: 44px;
        line-height: 44px;
        font-weight: 200;
        color: #1f1f1f;
    }

    .title h2.white, .title h1.white {
        color: #fff;
    }

    .title .line {
        margin-top: 10px;
        text-align: center;
    }
    .title .line div {
        width: 80%;
        height: 1px;
        background: #ff3953;
        display: inline-block;
    }

.image-boxes {
    margin-top: -30px;
}

    .image-boxes .box {
        float: left;
        width: 323px;
        margin-right: 32px;
        padding: 32px 32px 32px 0;
        border-right: 1px solid #e4e4e4;
        text-align: center;
    }

    .image-boxes .box figure img { max-width: 290px; border-radius: 3px; }

    .image-boxes .box i {
        display: inline-block;
        font-size: 36px;
        line-height: 58px;
        margin-top: 26px;
        color: #fff;
        background: #ff3953;
        width: 66px;
        height: 66px;
        margin-top: -36px;
        border-radius: 50px;
        border: 3px solid #fff;
    }
    .image-boxes .box h2 {
        margin-top: 20px;
        font-size: 24px;
        line-height: 24px;
        font-weight: 400;
        color: #ff3953; /* FF6C2C */
    }

    .image-boxes .box p {
        margin-top: 12px;
        font-size: 14px;
        line-height: 30px;
        color: #909090;
        padding: 0 15px;
    }

    .image-boxes .rightmost {
        margin-right: 0;
        padding-right: 0;
        border-right: 0;
        width: 290px;
    }

section.parallax-cards {
    background: url('../images/parallax/cards.jpg') 50% 0 repeat-x fixed;
    margin: 85px 0 20px 0;
}

section .overlay, footer .overlay {
    background: rgba(73, 73, 73, 0.8);
    position: relative;
    width: 100%;
    height: 100%;
    padding: 80px 0;
}

footer .overlay {
    background: rgba(73, 73, 73, 0.6);
}

.thats-all {
    display: inline-block;
}

    .thats-all figure {
        float: left;
        margin-right: 40px;
    }

    .thats-all img {
        width: 260px;
        height: 208px;
        border-radius: 3px;
    }

    .thats-all p {
        margin-top: 20px;
        float: left;
        padding: 20px;
        border-top: 8px solid rgba(157, 157, 157, 0.15);
        border-bottom: 8px solid rgba(157, 157, 157, 0.15);
        font-size: 22px;
        line-height: 36px;
        font-weight: 300;
        width: 660px;
        color: #fff;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
    }

    .thats-all p span {
        /*color: #FF4A62;*/
        font-weight: 400;
    }

.card-filtering {
    text-align: center;
    margin: 0 0 40px 0;
}

.card-filtering a {
    display: inline-block;
    margin-right: 10px;
    padding: 8px 14px;
    color: #7e7e7e;
    font-size: 14px;
    line-height: 14px;
    text-decoration: none;
    background: #f9f9f9;
}

.card-filtering a.selected {
    background: #ff3953;
    color: #fff;
}

    .card-filtering a:hover {
        background: #ff3953;
        color: #fff;
    }

#gift-cards {
    padding-left: 4px;
}

#gift-cards .item {
    width: 285px;
    height: 350px;
    margin-right: 4px;
    margin-bottom: 4px;
    float: left;
    position: relative;
    overflow: hidden;
    display: block;
    text-decoration: none;
}

#gift-cards .item figure.bg, figure.card-bg {
    background: url('../images/cards.jpg') no-repeat 0 0;
    width: 100%;
    height: 100%;
}

figure.bg-wow { background-position: 0 0 !important; }
figure.bg-runescape { background-position: -285px 0 !important; }
figure.bg-habbo { background-position: -570px 0 !important; }
figure.bg-fifa { background-position: -855px 0 !important; }
figure.bg-lol { background-position: -1140px 0 !important; }
figure.bg-xbox { background-position: -1425px 0 !important; }
figure.bg-psn { background-position: -1710px 0 !important; }
figure.bg-appstore { background-position: -1995px 0 !important; }
figure.bg-itunes { background-position: -2280px 0 !important; }
figure.bg-playstore { background-position: -2565px 0 !important; }

figure.bg-roblox, figure.bg-animaljam, figure.bg-spotify, figure.bg-microsoft, figure.bg-steam, figure.bg-amazon {
    background-image: url('../images/cards2.jpg') !important;
}
figure.bg-roblox { background-position: 0 0 !important; }
figure.bg-animaljam { background-position: -285px 0 !important; }
figure.bg-spotify { background-position: -570px 0 !important; }
figure.bg-microsoft { background-position: -855px 0 !important; }
figure.bg-steam { background-position: -1140px 0 !important; }
figure.bg-amazon { background-position: -1425px 0 !important; }

.cardScaleUp {
    animation: cardScaleUp 0.5s ease;
    -webkit-animation: cardScaleUp 0.5s ease;
}

@keyframes cardScaleUp {
	0% { transform: scale(0.95); }
	100% { transform: scale(1); }		
}
@-webkit-keyframes cardScaleUp {
	0% { -webkit-transform: scale(0.95); }
	100% { -webkit-transform: scale(1); }			
}

    #gift-cards .item .overlay {
        opacity: 0;
        background: rgba(68, 68, 68, 0.6);
        position: absolute;
        z-index: 2;
        width: 100%;
        height: 100%;
    }    

    #gift-cards .item .overlay .codes-left {
        font-weight: 800;
        font-size: 14px;
        line-height: 14px;
        letter-spacing: 1px;
        color: #e2e2e2;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
        display: none;
        text-align: center;
        text-transform: uppercase;
        margin-top: 20px;
    }

    #gift-cards .item .overlay .codes-left strong {
        color: #fff;        
        font-weight: 800;
    }

    #gift-cards .item .overlay figure.card {
        background: url('../images/cards.png') no-repeat 0 0;
        width: 170px;
        height: 246px;
        top: 50%;
        left: 50%;
        position: absolute;
        margin: -123px 0 0 -85px;
    }

    #gift-cards .item-broad .overlay figure.card {
        width: 246px;
        height: 154px;
        margin: -77px 0 0 -123px;
    }

    figure.card-runescape {  background-position: 0 0 !important; }
    figure.card-wow { background-position: 0 -246px !important; }
    figure.card-amazon { background-position: 0 -400px !important; }
    figure.card-fifa { background-position: 0 -554px !important; }
    figure.card-itunes { background-position: 0 -708px !important; }
    figure.card-animaljam { background-position: 0 -862px !important; }
    figure.card-playstore { background-position: 0 -1108px !important; }
    figure.card-psn { background-position: 0 -1354px !important; }
    figure.card-roblox { background-position: 0 -1600px !important; }
    figure.card-spotify { background-position: 0 -1846px !important; }
    figure.card-steam { background-position: 0 -2092px !important; }
    figure.card-habbo { background-position: 0 -2338px !important; }
    figure.card-microsoft { background-position: 0 -2584px !important; }
    figure.card-xbox { background-position: 0 -2738px !important; }
    figure.card-appstore { background-position: 0 -2892px !important; }
    figure.card-lol { background-position: 0 -3046px !important; }

    #gift-cards .item:hover .overlay {
        opacity: 1;
    }

    #gift-cards .item:hover figure.bg {
        -webkit-transform: scale(1.05,1.05);
        -moz-transform: scale(1.05,1.05);
        -o-transform: scale(1.05,1.05);
        -ms-transform: scale(1.05,1.05);	
        transform: scale(1.05,1.05);
        -webkit-filter: grayscale(50%);
        filter: grayscale(50%);
    }

.how-its-possible {
    background: #e9e9e9;
    color: #6d6d6d;
    padding: 100px 0;
}

    .how-its-possible img {
        float: left;
        margin: 0 75px 70px 0;
    }

    .how-its-possible h5 {
        margin-bottom: 30px;
        font-size: 20px;
        line-height: 20px;
        letter-spacing: 1px;
        font-weight: 700;
        text-transform: uppercase;
        color: #ed3f53;
    }

    .how-its-possible p {
        font-size: 14px;
        line-height: 26px;
    }

.rightmost {
    margin-right: 0px !important;
}

.no-radius-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.no-radius-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

@media only screen and (min-width: 1240px) {
	.center {
		width: 1160px;
	}
    .image-boxes .box {
        width: 376px;
    }
    .image-boxes .rightmost {
        width: 343px;
    }
    .image-boxes .box figure img { max-width: 343px; }
}

/* plugins */

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {display: none !important;}

.white-box {
    margin-top: 40px;
    width: 590px;
    background: #fff;
    border-bottom: 2px solid #ececec;
    padding: 15px 16px;
    border-radius: 10px;
    overflow: hidden;
}
.white-box .title-header {
    font-size: 16px;
    line-height: 16px;
    color: #494949;
    margin: 5px 0 10px 0;
}

.white-box p.normal {
    line-height: 24px;
    font-size: 13px;
    color: #747474;
}

.fb-comments .leave-a-comment {
    background: #f1f1f1;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    padding: 10px;
}

    .fb-comments .leave-a-comment textarea {
        border: 1px solid #899bc5;
        background: #fff;
        color: #494949;
        padding: 5px;
        line-height: 18px;
        font-size: 12px;
        width: 478px;
        height: 50px;
    }
    .fb-comments .leave-a-comment textarea.disabled {
        border: 1px solid #B9B9B9;
        background: #E4E4E4;
        color: #2B2B2B;
    }

    .fb-comments .leave-a-comment .comment-box {
        float: left;
    }

    .fb-comments .leave-a-comment .avatar {
        float: left;
        width: 60px;
    }

    .fb-comments .clear {
        clear: both;
        height: 10px;
    }

    .fb-comments .leave-a-comment .button {
        text-align: right;
        clear: both;
    }

        .fb-comments .leave-a-comment .button a {
            background: #5972a8;
            display: inline-block;
            padding: 6px;
            border: 1px solid #29447e;
            box-shadow: inset 0 1px 0 #8a9cc2, 0 1px 0 #d8d8d8;
            color: #fff;
            font-weight: bold;
            text-decoration: none;
        }

        .fb-comments .leave-a-comment .button a:active {
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 #d8d8d8;
        }

    .fb-comments .comments .comment {
        margin: 14px 0 0 10px;
        border-bottom: 1px solid #e9eaed;
        font-size: 12px;
        font-family: Arial;
    }

    .fb-comments .comments .last-comment {
        border-bottom: 0px solid #e9eaed;
    }

    .fb-comments .comments .comment .avatar {
        float: left;
        width: 60px;
    }
    .fb-comments .comments .comment .details {
        float: left;
        width: 468px;
    }
    .fb-comments .comments .comment a {
        color: #3b5998;
        text-decoration: none;
    }
        .fb-comments .comments .comment a:hover {
            text-decoration: underline;
        }

    .fb-comments .comments .comment .name {
        color: #898f9c;
    }

    .fb-comments .comments .comment .message {
        color: #202020;
        line-height: 20px;
        margin-top: 5px;
    }

    .fb-comments .comments .comment .links {
        color: #898f9c;
        margin-top: 5px;
    }

    .fb-comments .plugin {
        border-top: 1px solid #ccc;
        padding-top: 5px;
        color: #898f9c;
        font-size: 9px;
    }

    .fb-comments .plugin img {
        vertical-align: top;
        margin-right: 3px;
    }

#main-popup {
    position: relative;
    width: 600px;
    background: #fff;
    padding: 90px 0;
}

    #main-popup .close {
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        border-radius: 0;
        border: 0;
        font-weight: 300;
        font-size: 20px;
        height: 34px;
        line-height: 34px;
        padding: 0 12px;
    }

    #main-popup h3 {
        font-weight: 300;
        color: #5c5c5c;
        font-size: 34px;
        line-height: 34px;
        margin-bottom: 45px;
        text-align: center;
    }

    #main-popup p {
        font-weight: 300;
        color: #888888;
        font-size: 16px;
        line-height: 30px;
        text-align: center;
    }




#popup-outer {
    top: 0;
    left: 0;
    right: 0;
    z-index: 6;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    table-layout: fixed;
}

#popup-inner {
    width: 100%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#popup-body {
    display: inline-block;
    margin: 20px;
    text-align: left;
}

#popup-background {
    background: rgba(233, 233, 233, 0.7);
    z-index: 5;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
}