/* COLLAGE */

a, div{
    outline:0 !important;
}

input::-moz-focus-inner { border: 0; }

img{
    max-width:none !important;
}

h1, h2, h3, h4, h5, h6, p, div{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform:none;
}

h2{
    font-size:1.813em;
    line-height:1.250em;
    font-weight:500;
    margin: 0 0 10px 0;
    color:#000;
}

h3{
    line-height:1.250em;
    font-size:1.250em;
    font-weight:500;
    margin:0 0 10px 0;
}

p{
    font-size:1.063em;
    line-height:1.750em;
    color:#414042;
    margin:0 0 15px 0;
    font-weight:200;
}

.center{
    text-align:center;
}

.mosaic{
    font-size:16px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.main{
    background:url(/v2/images/photocollage/main.jpg) #000 no-repeat top center;
    width:100%;
    height:519px; /* 629 */
    padding:110px 0 0 0;
    position:relative;
    z-index:0;
}
.main .intro{
    padding:0 0 0 30px;
}

.main h1{
    font-size:2.813em;
    color:#fff;
    font-weight:500;
    text-transform:none;
    margin:0 0 18px 0;
}
.main h1 .tm{
    font-size:0.438em;
    font-weight:200;
}

.main p{
    font-size:1.375em;
    color:#fff;
    font-weight:200;
    line-height:1.500em;
    margin:0 0 25px 0;
}
.main p.norisk{
    font-size:0.875em;
    margin:10px 0 0 0;
    font-weight:200;
    letter-spacing:1px;
    letter-spacing:0px;
    color:#fff;
}

.tag{
    text-align:center;
    border-bottom:1px solid #e0dfe0;
}

.tag h2{
    color:#414042;
    font-size:2.000em;
    margin:0;
    text-transform:none;
    font-weight:500;
    padding:70px 0 60px 0;
}


.list{
    padding:70px 0 100px 0 !important;
}

.list h3{
    color:#000;
    font-size:1.313em;
    margin:0 0 5px 0;
    text-transform:none;
}

.list p{
    font-size:1.000em;
    line-height:1.438em;
}

.list .thumb{
    float:left;
}

.list .text{
    float:left;
}

.list .spacer{
    height:70px;
}

.listicon1{ margin-top:-5px; }
.listicon2{ margin-top:-5px; }
.listicon3{ margin-top:0px; }
.listicon4{ margin-top:0px; }

.grey{
    background:#f5f5f5;
}

.social{
    border-top:1px solid #e0dfe0;
    padding:50px 0  80px 0 !important;
}
.social ul{
    list-style:none;
    margin:0;
    padding:0;
}
.social ul li time{
    font-size:0.688em;
    color:#747474;
}
.social ul li time a{ color:#747474; }

.social ul li p{
    font-size:0.938em;
    line-height:1.438em;
}

.social h2{
    margin:0 0 40px 0;
}



.tweet{
    margin:0 0 30px 0;
    padding-right:10px;
}
.tweet img{
    display:none;
}

.tweet p{
    font-size:0.938em;
    line-height:1.438em;
}

.tweet .username a{
    color:#414042;
    font-weight:500;
}

.tweet .time{
    font-size:0.688em;
    color:#747474;
    padding-left:10px;
}
.tweet .time a{
    color:#747474;
}

.social-btn{
    margin-top:8px;
    width:94px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background:#414042;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.twitter-btn{

    padding:28px 11px 7px 11px;
    float:left;
    text-align:center;
    height:83px;
    margin-right:20px;
}
.twitter-btn:hover{ background:#28aae1; }

.facebook-btn{
    padding:29px 11px 17px 11px;
    float:left;
    text-align:center;
    height:72px;
    margin-right:20px;
}
.facebook-btn:hover{ background:#3b5997; }

.facebook-btn .fb-send{
    margin-top:4px;
}

.pinterest-btn{
    padding:44px 11px 7px 11px;
    float:left;
    text-align:center;
    height:67px;
}
.pinterest-btn:hover{ background:#cb2027; }

.steps{
    text-align:center;
    border-top:1px solid #d9d9d9;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    padding:80px 0 310px 0;
    background:url('/v2/images/photocollage/2canvases.jpg') #f5f5f5 no-repeat bottom center;
    min-height:150px;
}
.steps .ohsosimple{
    margin-bottom:50px;
}

.steps .arrows{
    background:url('/v2/images/photocollage/arrows.jpg') no-repeat top center;
    float:left;
}

.steps p{
    color:#8a8a8a;
}

.steps .step{
    margin:0 0 15px 0;
}
.steps .columns p{
    color:#6f6f6f;
    font-size:1.000em;
    line-height:1.250em;
}
.steps .step1{
    margin-left:-37px;
}
.steps .step2{
    margin-left:-36px;
}
.steps .step3{
    margin-left:-38px;
}
.steps .step4{
    margin-left:-36px;
}

.funway{
    background:url('/v2/images/photocollage/pinkwall.jpg') #05111b no-repeat top center;
    height:489px; /* 579 */
    padding:80px 0 0 0;
    z-index:0;
    position:relative;
}
.funway h2{
    color:#fff;
    line-height:1.250em;
    font-weight:400;
    margin:0 0 18px 0;
}

.funway p{
    color:#fff;
}

.funway .button{
    margin:15px 0 0 0;
}

.grabimages{
    padding:100px 0 140px 0;
    text-align:center;
    border-bottom:1px solid #d9d9d9;
    -webkit-box-shadow: inset 0px -1px 0px 0px #ffffff;
    box-shadow: inset 0px -1px 0px 0px #ffffff;
}
.grabimages .devices{
    position:relative;
    height:200px;
    width:550px;
    margin:50px auto 0 auto;

}
.grabimages .devices .device{
    position:absolute;
}

.device{
    width:131px;
    height:131px;
}

.device.fb{
    left:0px;
    top:220px;
}
.device.pc{
    left:210px;
    top:131px;
}
.device.ig{
    right:0px;
    top:220px;
}

.gift{
    padding:130px 0 100px 0 !important;
}
.gift .spacer{
    height:50px;
}

.gift .gift-img{
    margin-top:-72px;
}

.gift-yourself{
    padding:80px 0 100px 0 !important;
    border-top:1px solid #d9d9d9;
}


.layout{
    border-top:1px solid #d9d9d9;
    padding:90px 0 !important;
}
    .layout h2{
        margin:0 0 60px 0;
    }

    .layout .button{
        margin-top:40px;
    }

   /*
    #slides{
        margin:0 0 20px 0;
    }

    #slides .pagination{
        display:none !important;
    }
    #slides .slides_container, #slides .slides_control{
        height:136px !important;
    }

    #slides .next{
        text-indent:-9999px;
        background:url('/v2/images/photocollage/rightarrow.jpg') no-repeat top left;
        position:absolute;
        top:150px;
        right:-50px;
        display:block;
        width:14px;
        height:25px;
    }

    #slides .prev{
        text-indent:-9999px;
        background:url('/v2/images/photocollage/leftarrow.jpg') no-repeat top left;
        position:absolute;
        top:150px;
        left:-50px;
        display:block;
        width:14px;
        height:25px;
    }
*/

/* Circular Content Carousel Style */
.ca-container{
    position:relative;
    margin:25px auto 20px auto;
    width:930px;
    height:200px;
}
.ca-wrapper{
    width:100%;
    height:100%;
    position:relative;
}
.ca-item{
    position:relative;
    float:left;
    width:195px;
    text-align:center;
    min-height:128px;

}
    .ca-item .thumb{
        border:1px solid #d9d9d9;
        padding:10px;
        height:140px;
        margin-right:19px;
        margin-left:1px;

        margin-left:10px;
        margin-right:10px;

        vertical-align: middle;
        position:relative;

        display:table-cell;
        text-align: center;

    }
            .ca-item .thumb img{
                width:128px;

            }
.ca-nav span{
    width:25px;
    height:38px;
    position:absolute;
    top:42%;
    margin-top:-19px;
    left:-40px;
    text-indent:-9000px;
    opacity:0.7;
    cursor:pointer;
    z-index:100;
}
.ca-nav span.ca-nav-next{
    background-position:top right;
    left:auto;
    right:-40px;
}
.ca-nav span:hover{
    opacity:1.0;
}

.ca-nav-prev{
    background:url('/v2/images/photocollage/leftarrow.jpg') no-repeat top left;
}
.ca-nav-next{
    background:url('/v2/images/photocollage/rightarrow.jpg') no-repeat top left;
}






.modal .modal-body{
    text-align:center;
    padding:30px 0 50px 0;
}

.modal h2{
    font-size:1.438em;
    margin:5px 0 5px 0;
}
.modal .close, .modal .close:active, .modal .close:hover{
    color:#000 !important;
    margin:0 !important;
    padding:0 !important;
    background:#fff !important;
}

.modal h2 .tm{
    font-size:0.625em;
}

.giftshare-buttons{
    margin:0 auto;
    width:140px;
}

.giftshare{
    display:block;
    width:60px;
    height:45px; /* 60*/
    padding:15px 0 0 0;
    -webkit-border-radius: 99px;
    border-radius: 99px;
    background:#414042;
    text-align:center;
    float:left;
    cursor:pointer;
}

.giftshare.tw{
    padding-left:3px;
    width:57px;
    margin-right:20px;
}
.giftshare.tw:hover{
    background:#00aced;
}
.giftshare.fb:hover{
    background:#3C5A98;
}


.options{
    background:#1d2224;
    padding:70px 0 170px 0;
}
.options h2{
    color:#fff;
    font-size:1.188em;
    font-weight:400;
}

.options p{
    color:#fff;
    color:#f7f7f7;
    font-size:1.000em;
    line-height:1.438em;
    font-weight:200;
}

.options .option img{
    margin-bottom:20px;
}

.options .guaranteed img{
    position:absolute;
    x-index:999;
    bottom:-282px;
    margin-left:-90px;
    left:50%;
}

.createyourown{
    margin-top:160px !important;
    padding:0 0 95px 0 !important;
    margin-bottom:-60px;
}
.createyourown h2{
    margin: 0 0 20px 0;
}

.createyourown .norisk{
    font-size:0.875em;
    padding-top:8px;
    color:#8F8F8F;
    font-weight:400;
}


#footer-top-container{
    display:none;
}

#super-footer-container #footer-top-container{
    display:block;
}

/* #Buttons
================================================== */

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    background: #ec008c;
    position:relative;
    color: #fff;
    display: inline-block;
    color:#fff;
    font-size: 1.063em;
    color: #fff !important;
    font-weight: bold !important;
    border:none;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 20px;
    line-height: normal;
    padding: 16px 55px;
    text-transform:uppercase;
    font-family: "futura-pt", arial, sans-serif;
    margin:0;
    cursor:pointer;

}

.button::after {
    display: block;
    z-index: -1;
    position: absolute;
    background: transparent;
    width: 75%;
    height: 99%;
    content: '';
    right: 7px;
    bottom: 10px;
    -webkit-transform: skew(6deg) rotate(3deg);
    -webkit-box-shadow: 8px 11px 10px rgba(0, 0, 0, 0.3);
    -moz-transform: skew(15deg) rotate(5deg);
    -moz-box-shadow: 8px 11px 10px rgba(0, 0, 0, 0.3);
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
    background: #f50894;
    font-weight: bold;
    border:none;
    text-decoration: none;
    cursor: pointer;
    line-height: normal;
    text-transform:uppercase;
    font-family: "futura-pt", arial, sans-serif;
}

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
    background: #BD0166;
    color: #fff;
    font-weight: bold;
    border:none;
    text-decoration: none;
    cursor: pointer;
    line-height: normal;
    text-transform:uppercase;
    font-family: "futura-pt", arial, sans-serif;
}


