@-webkit-keyframes swingArrow {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@keyframes swingArrow {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@-webkit-keyframes swingLetter {
    0% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    100% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }
}

@keyframes swingLetter {
    0% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    100% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }
}

@-webkit-keyframes letter-replace {
  0% {
           z-index: 4;
    -webkit-transform-origin: 6% 0%;
        	transform-origin: 6% 0%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-animation-timing-function: cubic-bezier(.07, 2.02, .67, .57);
            animation-timing-function: cubic-bezier(.07, 2.02, .67, .57);
    }
  40% {
           z-index: 4;
        -webkit-transform-origin: 6% 0%;
            transform-origin: 6% 0%;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-animation-timing-function: cubic-bezier(.13, .84, .82, 1);
            animation-timing-function: cubic-bezier(.13, .84, .82, 1);
    }
 70% {
           z-index: 4;
      -webkit-transform: translateX(0) translateY(100px) rotate(90deg, 20deg);
            transform: translateX(0) translateY(100px) rotate(90deg, 20deg);
 }
 90%, 100% {
            z-index: 4;
      -webkit-transform: translateY(100vh) rotate(90deg);
            transform: translateY(100vh) rotate(90deg);
    }
}


@keyframes letter-replace {
  0% {
           z-index: 4;
    -webkit-transform-origin: 6% 0%;
            transform-origin: 6% 0%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-animation-timing-function: cubic-bezier(.07, 2.02, .67, .57);
            animation-timing-function: cubic-bezier(.07, 2.02, .67, .57);
    }
  40% {
            z-index: 4;
    -webkit-transform-origin: 6% 0%;
            transform-origin: 6% 0%;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-animation-timing-function: cubic-bezier(.13, .84, .82, 1);
            animation-timing-function: cubic-bezier(.13, .84, .82, 1);
    }
 70% {
             z-index: 4;
    -webkit-transform: translateX(0) translateY(100px) rotate(90deg, 20deg);
            transform: translateX(0) translateY(100px) rotate(90deg, 20deg);
 }
 90%, 100% {
            z-index: 4;
    -webkit-transform: translateY(100vh) rotate(90deg);
            transform: translateY(100vh) rotate(90deg);
    }
}

.page.write-a-letter .letter-printable-area.initial {
    z-index: 1;
    transform-origin: 50% 50%;
}

.page.write-a-letter .letter-printable-area.cloned-letter {
    z-index: 0;
}


.page.write-a-letter .letter-img-container img {
    height: 100%;
}
.page.write-a-letter .letter-img-container img.nationalbelieveday_bg{
	display:none;
}

.isNationalBelieveDay .page.write-a-letter .letter-img-container img{
	display:none;
}
.isNationalBelieveDay .page.write-a-letter .letter-img-container img.nationalbelieveday_bg{
	display:inline-block;
}

.page.write-a-letter .letter-printable-area.letter-replace {
    -webkit-animation: letter-replace 3s forwards ease-in;
    animation: letter-replace 3s forwards ease-in;
}


.page.write-a-letter .stickers-dropbox {
    position: absolute;
    width: 95%;
    height: 100%;
    left: 4%;
    top: 0;
}

.page.write-a-letter .letter-write textarea {
    background: transparent;
    width: 99%;
    height: 55%;
    border: 0 none;
    resize: none;
    outline: none;
    font-size: 30px;
    line-height: 127%;
    padding: 18px 50px 0px 50px;
    overflow: hidden;
	font-family:'Helvetica Neue LT W01_46 Lt It','Helvetica Neue', Helvetica, Arial, sans-serif;
    /* color: transparent; */
    /* text-shadow: 0px 0px 0px #14526c; */
    color: #005095;
    font-size: 2.2vh;
    line-height: 4.05vh;
    padding: 1.5vh 4vh 0px 6vh;
}

::placeholder {
  	color: #14526c;
  	opacity: 1; /* Firefox */
  	font-family:"Helvetica Neue LT Std 56 Italic";
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 	color: #14526c;
 	font-family:"Helvetica Neue LT Std 56 Italic";
}

::-ms-input-placeholder { /* Microsoft Edge */
 	color: #14526c;
 	font-family:"Helvetica Neue LT Std 56 Italic";
}

.page.write-a-letter .letter-sign input.font-autoscale {
    display: block;
    background: transparent;
    border: 0;
    outline: none;
    height: 4vh;
    line-height: 4vh;
    color: #14526c;
	font-size: 2vh;
    font-family: font-family:"Helvetica Neue LT Std 56 Italic",'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.page.write-a-letter .arrow-wrapper {
    opacity: 0;
    position: absolute;
    z-index: 2;
    left: 32%;
    width: 22vh;
/*    top: 73vh;*/
	bottom: -5.5vh;
    cursor: pointer;
    -webkit-transform: translateY(50vh);
    -ms-transform: translateY(50vh);
    transform: translateY(50vh);
}

.page.write-a-letter .arrow-wrapper .arrow {
    z-index: 2;
  	font-size: 1.7vh;
    background-color: #D60000;
    color: #fff;
    text-align: center;
    padding: 1.3vh 0;
 	border: 2px solid #D60000;
	font-family:'Macys Sans Bold','Helvetica Neue', Helvetica, Arial, sans-serif;
}

.page.write-a-letter .arrow-wrapper .arrow span{
	vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 1vh;
}

.page.write-a-letter .arrow-wrapper.roll-into-screen {
    -webkit-transform: translateY(0vh);
    -ms-transform: translateY(0vh);
    transform: translateY(0vh);
    -webkit-transition: top 0.5s linear, left 0.5s linear, -webkit-transform 0.5s ease-out;
    transition: top 0.5s linear, left 0.5s linear, -webkit-transform 0.5s 0.5s ease-out;
    -o-transition: transform 0.5s 0.5s ease-out, bottom 0.5s linear, left 0.5s linear;
    transition: transform 0.5s 0.5s ease-out, bottom 0.5s linear, left 0.5s linear;
    opacity: 1;
}

[device=desktop] .page.write-a-letter .arrow-wrapper:hover .arrow {
    -webkit-animation: swingRoller 0.4s ease-in infinite both;
    animation: swingRoller 0.4s ease-in 2 both;
}

.page.write-a-letter .arrow-wrapper.rotateArrow {
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-180deg);
}

@media(min-width: 751px) {

    .page.write-a-letter .letter {
        max-width: 55vh;
/*        top: 5.5vh;*/
        top: calc(16vh - 60px - 44px);
/*        height: 73vh;*/
        height: calc(84vh - 60px - 44px);
        left: calc(50% - 26vh);
        position: relative;
    }

    .page.write-a-letter .letter-printable-area {
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.48, 0.27, 0.41);
        transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.48, 0.27, 0.41);
        -o-transition: transform 0.5s cubic-bezier(0.6, 0.48, 0.27, 0.41);
        transition: transform 0.5s cubic-bezier(0.6, 0.48, 0.27, 0.41);
        transition: transform 0.5s cubic-bezier(0.6, 0.48, 0.27, 0.41), -webkit-transform 0.5s cubic-bezier(0.6, 0.48, 0.27, 0.41);
        width: 100%;
        height: 100%;
        position: absolute;
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        will-change: transform;
    }

    .page.write-a-letter .letter-img-container {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1;
    }


    .page.write-a-letter .letter-input-area {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 3;
    }

    .page.write-a-letter .letter-write {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 22%;
    }

    .page.write-a-letter .letter-sign {
        position: absolute;
        top: 79.5%;
        left: 52%;
        width: 100%;
        height: 100%;
    }


    .page.write-a-letter .letter-sign input.font-autoscale {
        width: 48%;
    }

    .page.write-a-letter .arrow-wrapper:hover .arrow{
    	background-color: #fff;
    	color: #000;
    }
    .page.write-a-letter .arrow-wrapper:hover .arrow span.symbols{
    	color:#D60000;
    }

}

@media only screen and (orientation: landscape) and (min-height: 750px) and (max-height: 1075px) and (max-width: 1400px) {
}
@media only screen and (orientation: portrait) and (min-width: 750px) and (max-width: 1075px) and (max-height: 1400px) {
	.page.write-a-letter .letter{
	    left: calc(50% - 22vh);
	}
	.page.write-a-letter .stickers{
		left:-34%;
	}
}


.isNationalBelieveWeek .letter-img-container img:first-of-type,
.isNationalBelieveWeek .page.write-a-letter .letter-img-container img.mobileonly:not(.nationalbelieveweek_info){
	display:none;
}


.page.write-a-letter .thankyou .nationalbelieveweek_info{
    margin: 6vh auto 0;
    position: relative;
    text-align: center;
    color: #777777;
    font-family: 'Helvetica Neue LT Std 56 Italic','Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 10px;
}

@media (min-width: 751px){
	.isNationalBelieveWeek .page.write-a-letter .thankyou .copy-area{
		background-image: url(../images/write-a-letter/thankyou_bg_nbw.png);
	}

	.isNationalBelieveWeek .page.write-a-letter .thankyou .nationalbelieveweek_info{
		display:none;
		position: absolute;
    	bottom: 5vh;
    	right: 6vh;
	}

	.isNationalBelieveWeek .page.write-a-letter .thankyou .copy-area h3:nth-of-type(2){
		font-size: 2.2vh;
	}
}

@media (max-width: 750px){
	.isNationalBelieveWeek .page.write-a-letter .letter-img-container img.nationalbelieveweek_info {
		width: auto;
    	max-width: 80%;
    	padding: 3vh 0;
    	margin: 0 auto 2vh;
	}

	.isNationalBelieveWeek .page.write-a-letter .thankyou .copy-area p{
		padding: 1vh 8% 1.5vh;
	}
	.isNationalBelieveWeekTY .page.write-a-letter .thankyou .copy-area p{
		padding: 1vh 10% 1.5vh;
	}

	.page.write-a-letter .thankyou .nationalbelieveweek_info{
    	background-color: rgba(255,255,255,0.7);
    	font-size: 8px;
    	margin-top:0;
    	padding-bottom: 4vh;
	}
}

@media only screen and (orientation: landscape) and (min-height: 750px) and (max-height: 1075px) and (max-width: 1400px) {
	.isNationalBelieveWeek .page.write-a-letter .thankyou .nationalbelieveweek_info{
		bottom: 10vh;
    	right: 2vh;
    	max-width: 28vw;
	}

	.page.write-a-letter .thankyou .copy-area{
		top: 1vh;
	}
	.page.write-a-letter .thankyou .copy-area .bottom{
		margin-top: -2vh;
	}
}
#af-smart-banner{
	display:none !important;
}
html body{
	overflow:hidden;
	margin-top: 0 !important;
}

html[page="write-a-letter"] #finderContainer{
	margin-top:0 !important;
}
html[page="write-a-letter"] #finderContainer .footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 200;
}

@font-face {
    font-family: 'swankyandmoomoo';
    src: url('//storage.googleapis.com/digital-media-fonts/package/swankyandmoomoo/SwankyandMooMoo.ttf');
    src: url('//storage.googleapis.com/digital-media-fonts/package/swankyandmoomoo/SwankyandMooMoo.ttf') format('truetype');
    font-style: 'normal';
    font-weight: 'normal';
}

.page.write-a-letter{
	width: 100%;
    position: relative;
    background-color: #EBF6FD;
}
.page.write-a-letter *,
.page.write-a-letter *:before,
.page.write-a-letter *:after{
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
}

.page.write-a-letter .star-wrapper{
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow:hidden;
}


.page.write-a-letter .button{
    color:#fff;
}

.page.write-a-letter .breadcrumbs{
    position: absolute;
    left: 2vw;
    top: 1vw;
    z-index: 10;
}
.page.write-a-letter .breadcrumbs .star{
	position: absolute;
	bottom:0;
	display:none;
}
.page.write-a-letter .breadcrumbs .star.step1{
	left:9%;
}
.page.write-a-letter .breadcrumbs .star.step2{
	left: 49%;
}
.page.write-a-letter .breadcrumbs .star.step4{
	left: 89%;
}

.page.write-a-letter .maw-logo{
    position: absolute;
    right: 2vw;
    display: block;
    background: url(../images/write-a-letter/logo-MAW-blue.png) no-repeat;
    background-position: 0 0;
    max-width: 154px;
    max-height: 32px;
    background-size: auto 100% !important;
    z-index: 10;
}

.page.write-a-letter .nationalflag{
	display:none;
	opacity:0;
	position: absolute;
	width: 15.9vh;
    left: -12vh;
	-webkit-transition:all 1s ease;
    transition:all 1s ease;
}
.page.write-a-letter .ground-wrapper,
.page.write-a-letter .bg-wrapper{
	position: absolute;
    top: 0;
    right: 0;
    bottom: 14%;
    left: 0;
    background-position: center bottom;
}

	.page.write-a-letter .bg-wrapper canvas{
		    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 75vh;
	}

.page.write-a-letter .bg-wrapper .snowpile{
	background-image: url(../images/write-a-letter/bg_snowpile.png);
	background-repeat: repeat-x;
    background-position: center bottom;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 5%;
}

.page.write-a-letter .bg-wrapper .tree{
	position:absolute;
	width: 10.3vh;
    left: calc(50% - 70vh);
    bottom: 8vh;
}
.page.write-a-letter .bg-wrapper .tree.leftsmall{
	width: 6.6vh;
    left: calc(50% - 61vh);
    bottom: 7vh;
	-webkit-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
    transform: rotate(4deg);
}


.page.write-a-letter .bg-wrapper .tree.rightbig{
	right: calc(50% - 75vh);
    left: auto;
    bottom: 10vh;
}

.page.write-a-letter .ground-wrapper{
    top: 80%;
    bottom:0;
    background-color:#fff;
}

.page.write-a-letter .mailbox{
    position: absolute;
    bottom: 6vh;
    left: calc(50% - 46vh);
    width: 27.4vh;
    max-width: 293px;
    height: 33.4vh;
    max-height: 329px;
    z-index: 11;
}

.page.write-a-letter .mailbox img {
  max-width: 100%;
  max-height: 100%;
  position: relative;
  z-index: 12;
}
.page.write-a-letter .stars-blast-container {
    position: absolute;
    width: 3vh;
    height: 3vh;
    left: 41%;
    top: 25%;
    z-index: 11;
    overflow: visible;
    visibility: hidden;
}

.page.write-a-letter .stars-blast-container svg {
    overflow: visible;
    width: 100%;
    height: 100%;
}

.page.write-a-letter .stars-blast-container svg #stars .st0,
.page.write-a-letter .stars-blast-container svg #oneStar {
    /*visibility: hidden;*/
    will-change: transform;
    position: absolute;
    backface-visibility: hidden;
}

.page.write-a-letter .stars-blast-container svg #stars .st0 {
  fill: #e9eef5;
  fill:#D60000;
}

@media screen and (max-height: 800px) {
	[device=desktop] .page.write-a-letter .arrow-wrapper{
		top:70vh;
	}
	[device=desktop] .bigBubble .text-group-top .header{
		font-size: 4.7vh;
	}
	[device=desktop] .page.write-a-letter .letter-printable-area.tiltAndScale {
    	-ms-transform: rotate(10deg) scale(0.7) translate(62vh, -20vh);
    	-webkit-transform: rotate(10deg) scale(0.7) translate(62vh, -20vh);
    	transform: rotate(10deg) scale(0.7) translate(62vh, -20vh);
	}
	[device=desktop] .page.write-a-letter .thankyou .copy-area h4{
		font-size: 3.4vh;
		padding:0 0 0.5vh;
	}
/*	[device=desktop] .page.write-a-letter .thankyou .copy-area p{
		line-height: 1.4;
	}*/
	[device=desktop] .page.write-a-letter[step='3'] .letter-printable-area .edit-button{
    	bottom: 3%;
    	right: -4%;
	}
}



@media(min-width: 751px) {

.page.write-a-letter{
    height: calc(100vh - 60px);
    overflow:hidden;
}
.page.write-a-letter .bg-wrapper{
	background-image: url(../images/write-a-letter/bg_trees.png);
		background-repeat: repeat-x;
}


.page.write-a-letter .inner-container{
	margin: 0 auto !important;
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
/*    min-height: 840px;*/
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    height: 100%;
    position: relative;
    z-index: 100;
}


.page.write-a-letter .button{
    width: 26vh;
	    height: 5.2vh;
    line-height: 5.2vh;
    font-size: 2.6vh;
}


.page.write-a-letter .maw-logo{
    top: 1vw;
	width: 11.5vw;
    height: 2.4vw;
}


	.isNationalBelieveDay .page.write-a-letter .nationalflag{
		display:block;
	}
	.isNationalBelieveDay .page.write-a-letter[step='1'] .nationalflag{
		opacity:1;
	}

}

@media only screen and (orientation: portrait) and (max-width: 1075px) and (min-width: 750px) and (max-height: 1400px) {
	html[page="write-a-letter"] #finderContainer .footer{
		padding:7px 0;
	}
	div.footer p{
		padding:5px;
	}
	.page.write-a-letter .stickers{
		left: -33.5% !important;
	}

	.page.write-a-letter .letter{
		top:calc(12vh - 60px - 44px);
	}

	.page.write-a-letter .letter-sign input{
		font-size: 2vh !important;
	}
}


.page.write-a-letter .stickers-dropbox [class^=sticker-] .draggable-area img,
.page.write-a-letter .stickers-group [class^=both-sticker-] img {
	width:100%;
}


.page.write-a-letter .stickers-group [class^=sticker-] {
	opacity: 1;
	-webkit-transition: opacity 0.25s ease;
	-o-transition: opacity 0.25s ease;
	transition: opacity 0.25s ease;
}


.page.write-a-letter .stickers-group .both-sticker-container [class^=behind-sticker-],
.page.write-a-letter .stickers-dropbox [class^=sticker-],
.page.write-a-letter .stickers-group [class^=sticker-] {
	position: absolute;
	z-index: 5;
}


.page.write-a-letter .stickers-group .both-sticker-container.santa,
.page.write-a-letter .stickers-group .both-sticker-container.santa >*,
.page.write-a-letter .stickers-dropbox .sticker-santa{
	width: 11.3vh;
	height: 9.1vh;
	max-width:119px;
	max-height: 96px;
}

.page.write-a-letter .stickers-group .both-sticker-container.gift,
.page.write-a-letter .stickers-group .both-sticker-container.gift >*,
.page.write-a-letter .stickers-dropbox .sticker-gift{
	width: 7vh;
    height: 7.5vh;
	max-width:72px;
	max-height: 77px;
}

.page.write-a-letter .stickers-group .both-sticker-container.deco,
.page.write-a-letter .stickers-group .both-sticker-container.deco >*,
.page.write-a-letter .stickers-dropbox .sticker-deco{
	width: 9.7vh;
    height: 7vh;
	max-width:99px;
	max-height: 72px;
}

.page.write-a-letter .stickers-group .both-sticker-container.house,
.page.write-a-letter .stickers-group .both-sticker-container.house >*,
.page.write-a-letter .stickers-dropbox .sticker-house{    
    width: 8.8vh;
    height: 9vh;
    max-width: 90px;
    max-height: 92px;
}
.page.write-a-letter .stickers-group .both-sticker-container.tinsoldier,
.page.write-a-letter .stickers-group .both-sticker-container.tinsoldier >*,
.page.write-a-letter .stickers-dropbox .sticker-tinsoldier{
    width: 5.7vh;
    height: 9.3vh;
	max-width:58px;
	max-height: 95px;
}

.page.write-a-letter .stickers-group .both-sticker-container.snowman,
.page.write-a-letter .stickers-group .both-sticker-container.snowman >*,
.page.write-a-letter .stickers-dropbox .sticker-snowman{    
	width: 8.1vh;
    height: 12.4vh;
	max-width:83px;
	max-height: 127px;
}



.page.write-a-letter .stickers-group .both-sticker-container.snowball,
.page.write-a-letter .stickers-group .both-sticker-container.snowball >*,
.page.write-a-letter .stickers-dropbox .sticker-snowball{    
	width: 8.1vh;
    height: 8.1vh;
	max-width:83px;
	max-height: 83px;
}

.page.write-a-letter .stickers-group .both-sticker-container.ornament,
.page.write-a-letter .stickers-group .both-sticker-container.ornament >*,
.page.write-a-letter .stickers-dropbox .sticker-ornament{    
    width: 8.4vh;
    height: 10.8vh;
    max-width: 86px;
    max-height: 111px;
}

.page.write-a-letter .stickers-group .both-sticker-container.tree,
.page.write-a-letter .stickers-group .both-sticker-container.tree >*,
.page.write-a-letter .stickers-dropbox .sticker-tree{    
    width: 6.1vh;
    height: 10.5vh;
	max-width:63px;
	max-height: 108px;
}

.page.write-a-letter .stickers-group .both-sticker-container.gingerman,
.page.write-a-letter .stickers-group .both-sticker-container.gingerman >*,
.page.write-a-letter .stickers-dropbox .sticker-gingerman{    
	width: 7.6vh;
    height: 9.7vh;
    max-width: 78px;
    max-height: 100px;
}



@media(min-width: 751px) {
	.page.write-a-letter .stickers{
		width: 20.6vh;
		height: 64.4vh;
		left: -38%;
		top: 2%;
		background-size: auto 100%;
		position: absolute;
		opacity: 0;
		will-change: transform;
		-webkit-transform: translateX(-5vw);
		-ms-transform: translateX(-5vw);
		transform: translateX(-5vw);
		-o-transition: transform 0.5s, opacity 0.5s;
		-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
		transition: transform 0.5s, opacity 0.5s;
		background-size: 100%;
		z-index: 1;
		-webkit-perspective: 1000px;
    	-moz-perspective: 1000px;
    	-ms-perspective: 1000px;
		perspective: 1000px;
	}

	.page.write-a-letter .stickers.roll-into-screen{
		-webkit-transform: translateX(0px);
		-ms-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}

	.page.write-a-letter .stickers:not(.roll-into-screen) {
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		pointer-events: none;
		-webkit-pointer-events: none;
	}

	.page.write-a-letter .stickers.roll-out-of-screen {
		-webkit-transform: translateX(-10vw);
		-ms-transform: translateX(-10vw);
		transform: translateX(-10vw);
		opacity: 0 !important;
	}

	.page.write-a-letter .stickers .card-inner{
		position: relative;
    	width: 100%;
    	height: 100%;
    	transition: transform 0.6s;
    	-webkit-transform-style: preserve-3d;
    	-moz-transform-style: preserve-3d;
    	-ms-transform-style: preserve-3d;
    	transform-style: preserve-3d;
	}
	.page.write-a-letter .stickers .card-inner.flip{
		transform: rotateY(180deg);
	}
	.page.write-a-letter .stickers .card-inner.flip .card-front{
		pointer-events: none;
	}

	.page.write-a-letter .stickers .card-front,
	.page.write-a-letter .stickers .card-back{
		position: absolute;
    	width: 100%;
    	height: 100%;
    	-webkit-backface-visibility: hidden;
    	-moz-backface-visibility: hidden;
    	-ms-backface-visibility: hidden;
    	backface-visibility: hidden;
		background-image: url(../images/write-a-letter/stickers/stickers_bg1.png);
		background-size:100% 100%;
	}

	.page.write-a-letter .stickers .card-back{
		transform: rotateY(180deg);
		background-image: url(../images/write-a-letter/stickers/stickers_bg2.png);
	}

	/* ---------- IE fix ---------- */
	.page.write-a-letter.isIE .stickers,
	.page.write-a-letter.isIE .stickers .card-front,
	.page.write-a-letter.isIE .stickers .card-back{
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		transform-style:preserve-3d;
	}
	.page.write-a-letter.isIE .stickers .card-inner.flip,
	.page.write-a-letter.isIE .stickers .card-back{
		transform:rotateY(0deg);
		-ms-transform:rotateY(0deg);
	}

	.page.write-a-letter.isIE .stickers .card-front,
	.page.write-a-letter.isIE .stickers .card-back{
		transform-style: preserve-3d;
		transition: 0.6s;
	}
	.page.write-a-letter.isIE .stickers .card-back{
		visibility: hidden;
	}
	.page.write-a-letter.isIE .stickers .card-inner.flip .card-front{
		transform: rotateY(180deg);
		z-index: 2;
		visibility: hidden;
	}
	.page.write-a-letter.isIE .stickers .card-inner.flip .card-back{
		visibility: visible;
	}

	.page.write-a-letter .stickers .top-instructions{
		text-align: center;
		padding: 6vh 0 0;
	}

	.page.write-a-letter .stickers .top-instructions p{
		font-family:'Macys Sans Bold','Helvetica Neue', Helvetica, Arial, sans-serif;
		color: #d7333c;
		line-height: 1;
		margin: 0 auto 5%;
		font-size: 2vh;
	}
	.page.write-a-letter .stickers .top-instructions small{
		display: block;    
		font-size: 1.5vh;
		color: #14536d;
		color: #224a5c;
		font-family: 'HelveticaNeueW01-55Roma', "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

	.page.write-a-letter .stickers .stickers-group{
		position: absolute;
		width: 100%;
		height: 68%;
		top: 20%;
	}
	.page.write-a-letter .stickers .stickers-group1, 
	.page.write-a-letter .stickers .stickers-group2{
		width: 100%;
		height: 100%;
		position: absolute;
	}
	.page.write-a-letter .stickers .stickers-group1.hidden,
	.page.write-a-letter .stickers .stickers-group2.hidden{
		display:none;
	}
	.page.write-a-letter .stickers .both-sticker-container{
		position: absolute;
		left: 20%;
		width: 7vh;
		height: 7vh;
		opacity: 1;
		-ms-transform: scale(1);
		transform: scale(1);
		-webkit-transform: scale(1);
		-webkit-transition:all 0.2s ease;
		transition:all 0.2s ease;
	}
	.page.write-a-letter .stickers .both-sticker-container.bigger{
		-ms-transform: scale(1.1);
		transform: scale(1.1);
		-webkit-transform: scale(1.1);

	}

	.page.write-a-letter .stickers-group .both-sticker-container [class^=behind-sticker-] {
		user-drag: none;
		user-select: none;
		-moz-user-select: none;
		-webkit-user-drag: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		pointer-events: none;
	}


	.page.write-a-letter .stickers-group [class^=sticker-] img {
		cursor: move;
		width: 100%;
		position: relative;
		z-index: 1;
	}

	.page.write-a-letter .stickers-group [class^=both-sticker-] img,
	.page.write-a-letter .stickers-group [class^=sticker-] img {
		backface-visibility: hidden;
	}


	.page.write-a-letter .stickers [class^=sticker-] .stickers-arrows img {
		max-width: 100%;
	}


	.page.write-a-letter .stickers [class^=sticker-] .draggable-area{
		position:relative;
	}


	.page.write-a-letter .stickers [class^=both-sticker-].fall {
		/*transform: translateY(80vh);*/
	}



	.page.write-a-letter .stickers.roll-into-screen {
		-webkit-transform: translateX(0px);
		-ms-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}

	.page.write-a-letter .stickers .stickers-arrow {
		position: absolute;
		cursor: pointer;
		top: 89%;
		left: 22%;
		text-align: center;
	}
	.page.write-a-letter .stickers .card-back .stickers-arrow{
		left: 34%;
	}

	.page.write-a-letter .stickers .stickers-arrow span{
		font-family:'Macys Sans Bold','Helvetica Neue', Helvetica, Arial, sans-serif;
		color: #d7333c;
		font-size: 1.5vh;
		color: #1D475B;
		text-decoration: underline;
	}

	.page.write-a-letter .stickers .stickers-arrow img {
		max-width: 100%;
		transform-origin: center;    
		margin: -0.5vh 0 0 0.3vh;
		-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, -0.43, 0.38, 1.35);
		transition: -webkit-transform 0.5s cubic-bezier(0.6, -0.43, 0.38, 1.35);
		-o-transition: transform 0.5s cubic-bezier(0.6, -0.43, 0.38, 1.35);
		transition: transform 0.5s cubic-bezier(0.6, -0.43, 0.38, 1.35);
		transition: transform 0.5s cubic-bezier(0.6, -0.43, 0.38, 1.35), -webkit-transform 0.5s cubic-bezier(0.6, -0.43, 0.38, 1.35);
	}


	[class^=sticker-] .close-sticker {
		display: block;
		position: relative;
		/*    top: -135%;*/
		top: -10vh;
		right: -90%;
		color: #fff;
		font-weight: bold;
		opacity: 0;
		-webkit-transition: opacity 0.4s ease;
		-o-transition: opacity 0.4s ease;
		transition: opacity 0.4s ease;
		border-radius: 50%;
		background: #ed1c26;
		text-align: center;
		font-size: 2.5vh;
		width: 2.5vh;
		height: 2.5vh;
		line-height: 2.5vh;
	}

	.ui-droppable [class^=sticker-].ui-draggable:hover>.close-sticker {
		cursor: pointer;
	}

	.ui-droppable [class^=sticker-].ui-draggable:hover>.close-sticker,
	.ui-droppable [class^=sticker-].ui-draggable:hover .stickers-arrows {
		opacity: 1;
	}

	.sticker-ornament.ui-draggable>.close-sticker{
		top: -13vh;
		right: -100%;
	}
	.sticker-deco.ui-draggable>.close-sticker{
		top: -13vh;
	}

	[class^=sticker-] .stickers-arrows {
		opacity: 0;
		-webkit-transition: opacity 0.4s ease;
		-o-transition: opacity 0.4s ease;
		transition: opacity 0.4s ease;
		position: absolute;
		top: 20%;
		left: -25%;
		width: 150%;
		height: 100%;
		background: url('data:image/png;base64,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') no-repeat;
		background-size: 100%;
		z-index: 0;
	}

	[class^=sticker-] .stickers-arrows,
	[class^=sticker-] img {
		transform-origin: 50% 50% !important;
	}

	[class^=sticker-] .stickers-arrows-left,
	[class^=sticker-] .stickers-arrows-right {
		opacity: 0;
		-webkit-transition: opacity 0.4s ease;
		-o-transition: opacity 0.4s ease;
		transition: opacity 0.4s ease;
		position: absolute;
		width: 50%;
		background-size: contain;
		top: 20%;
		height: 70%;
		cursor: pointer;
	}


	[class^=sticker-] .stickers-arrows-left {
		background: url(../images/write-a-letter/stickers/stickers-arrows-left.png) no-repeat;
		left: -30%;
	}

	[class^=sticker-] .stickers-arrows-right {
		background: url(../images/write-a-letter/stickers/stickers-arrows-right.png) no-repeat;
		right: -30%;
	}
	.ui-droppable [class^=sticker-].ui-draggable .stickers-arrows{
		z-index: -2;
	}

	[class^=sticker-] .ui-rotatable-handle {
		cursor: pointer;
		z-index: 999;
		position: absolute;
		top: 20%;
		left: -25%;
		width: 150%;
		height: 100%;
		opacity: 0;
		z-index: -1;
	}



	.page.write-a-letter .stickers  .stickers-group1 [class^=sticker-] {
		opacity: 0;
		transition: opacity 0.2s ease-out, transform 0.2s ease-out;
		transform: scale(1.9) translateY(-15%);
	}

	.page.write-a-letter .stickers [class^=sticker-].pop {
		opacity: 1;
		transform: scale(1) translateY(0);
	}


	.page.write-a-letter .stickers .both-sticker-container.santa {
		top: 3%;
		left:29%;
	}
	.page.write-a-letter .stickers .both-sticker-container.gift {
		left: 20%;
    	top: 23%;
	}
	.page.write-a-letter .stickers .both-sticker-container.deco {
		top: 38%;
    	left: 36%;
	}
	.page.write-a-letter .stickers .both-sticker-container.house {
		top: 54%;
    	left: 15%;
	}
	.page.write-a-letter .stickers .both-sticker-container.tinsoldier {
		top: 73%;
    	left: 53%;
	}
	.page.write-a-letter .stickers .both-sticker-container.snowman {
		top: 4%;
	}
	.page.write-a-letter .stickers .both-sticker-container.snowball {
	    left: 41%;
    	top: 30%;
	}
	.page.write-a-letter .stickers .both-sticker-container.ornament {
		top: 48%;
		left: 17%;
	}
	.page.write-a-letter .stickers .both-sticker-container.tree {
	    top: 59%;
    	left: 53%;
	}
	.page.write-a-letter .stickers .both-sticker-container.gingerman {
		top: 76%;
    	left: 18%;
	}
}



	@media(max-width: 750px) {

		.page.write-a-letter .stickers{
			height:0;
			background-color: #fff; 
			background-color: #fff;
			border: 5px solid #D9E8F2;
			border-radius: 10px;
			margin-bottom: -40px;
			-webkit-transition: all 0.5s ease;
			transition: all 0.5s ease;
			-webkit-box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.15);
			-moz-box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.15);
			box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.15);
		}
		.page.write-a-letter .stickers_mobile.open{
			height:44vw;
			margin-bottom: -10px;
		}
		.page.write-a-letter .stickers_mobile .hidden{
			display:block !important;
		}
		.page.write-a-letter .stickers_mobile .top-instructions{
			position:absolute;   
			left:50%; 
			top:0;
			border: 5px solid #D9E8F2;
			background-color: #fff;
			border-radius: 50%;
/*			width: 34px;
			height: 34px;
			margin: -18px 0 0 -17px;  */  
			width: 50px;
			height: 50px;
    		margin: -31px 0 0 -22px;
			-webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.1);
			-moz-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.1);
			box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.1);
			z-index:300;
		}
		.page.write-a-letter .stickers_mobile .top-instructions .close{
			width: 100%;
			height: 100%;
/*			line-height: 19px;
    		padding: 0 0 0 6px;
			font-size: 22px;*/
			line-height: 30px;
    		padding: 0 0 0 10px;
    		font-size: 34px;
			color: #005095;
			border-radius: 50%;
			box-sizing: border-box;
			z-index: 1000;
		}
		.page.write-a-letter .stickers_mobile .stickers-group1,
		.page.write-a-letter .stickers_mobile .stickers-group2{
			height:9vh;
			padding-left: 1vh;
			white-space: nowrap;
		}
		.page.write-a-letter .stickers_mobile .stickers-group1{
			margin-top: 2vh;
		}
		.page.write-a-letter .stickers-group2{
			display:block !important;
			padding-left: 4vh !important;
		}
		.page.write-a-letter .stickers_mobile .both-sticker-container{
			display: inline-block;
			vertical-align: middle;
			margin-right: 0.8vh;
			position:relative;
		}

		.page.write-a-letter .stickers-group .both-sticker-container.santa,
		.page.write-a-letter .stickers-group .both-sticker-container.santa >*,
		.page.write-a-letter .stickers-dropbox .sticker-santa{
			width: 10vh;
    		height: 8.1vh;
		}
		.page.write-a-letter .stickers-group .both-sticker-container.house,
		.page.write-a-letter .stickers-group .both-sticker-container.house >*,
		.page.write-a-letter .stickers-dropbox .sticker-house{
			margin-right: 2.2vh;
		}
		.page.write-a-letter .stickers-group .both-sticker-container.snowman,
		.page.write-a-letter .stickers-group .both-sticker-container.snowman >*,
		.page.write-a-letter .stickers-dropbox .sticker-snowman{
			width: 7vh;
    		height: 10.7vh;
		}

		.page.write-a-letter .stickers-dropbox{
			width:100%;
			left:0;
		}
		.page.write-a-letter .stickers-dropbox >* img{
			width:100%;
		}

		.page.write-a-letter [class^=sticker-] .stickers-arrows{
			display:none !important;
		}

		.page.write-a-letter [class^=sticker-] .close-sticker{
			display:none;
		}
	}
.page.write-a-letter .thankyou .envelope{
	display:none;
	position: absolute;
    left: calc(50% - 55vh);
    bottom: 9vh;
}

.page.write-a-letter .thankyou .copy-area{
    height: 73.7vh;
	font-family:'HelveticaNeueW01-55Roma','Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:1.9vh;
	margin: 0 auto;
	text-align: center;
	position:relative;
	z-index: 3;    
	background-size:100% 100%;
	padding-top: 7vh;
}
.page.write-a-letter .thankyou .copy-area .thankyou-light{
	position:absolute;
	top: 2.5vh;
    left: 0.2vh;
	width: 57vh;
    height: 4.3vh;
	background-image: url(../images/write-a-letter/thankyou_light.png);
	-webkit-animation: lightsFlicker_before 1.5s infinite forwards ease-out;
    animation: lightsFlicker_before 1.5s infinite forwards ease-out;
	background-size: auto 100%;
}
	.page.write-a-letter .thankyou #thank-you-star{
		width: 5.4vh;
	}
.page.write-a-letter .thankyou .copy-area h3{
	color:#001E83;
	font-size: 2.2vh;
	font-family:'Macys Sans Bold','Helvetica Neue', Helvetica, Arial, sans-serif;
}
.page.write-a-letter .thankyou .copy-area .video-container{
	margin-top: 1vh;
	margin-bottom: 2vh;
	position:relative;
}
.page.write-a-letter .thankyou .copy-area video-js{
	width: 44.7vh;
    height: 22.9vh;
    margin: 0 auto;
}
.page.write-a-letter .thankyou .copy-area p{
	color: #333333;
    width: 86%;
    margin: 0 auto;
}
.page.write-a-letter .thankyou .copy-area p sup{
	position: relative;
    top: -5px;
    font-size: 1vh;
}


.page.write-a-letter .thankyou .copy-area .button.learnmore{
	background-color: #fff;
	color: #000;
}
.thankyou .findoutmore{
	margin:1.5vh auto 2vh;
	-webkit-transition: -webkit-transform .5s ease;
	transition: transform .5s ease;
	display: block;
	text-decoration: none;
}

.thankyou .bottom >*{
	display:inline-block;
	vertical-align: middle;
	font-family:'Macys Sans Bold','Helvetica Neue', Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-size: 1.6vh;
	line-height: 2.5vh;
	height: 2.5vh;
	background-color: transparent;
}
.thankyou .bottom >a{
	cursor: pointer;
}
.thankyou .bottom .another{
	border-right: 3px solid #fff;
	position: relative;
	display:block;
	text-decoration: underline;
    margin-top: 2.5vh;
    margin-bottom: 1vh;
}
.thankyou .bottom span{
	padding:0 1vh;
}
.thankyou .bottom .share-icon{
	width:7vh;
	height:5vh;
	color:#D60000;
	font-size: 4.8vh;
}
.thankyou .bottom .share-icon span{
	border-radius: 50%;
    width: 5vh;
    height: 5vh;
    line-height: 4.8vh;
    display: inline-block;
    padding: 0;
    font-size: 2.4vh;
    vertical-align: top;
    background-color: #D60000;
    color: #fff;
    border: 2px solid #D60000;
}
.thankyou .bottom .share-icon:hover span{
    background-color: #fff;
    color: #D60000;
}
.thankyou .deco{
	position:absolute;
	bottom:-1.5vh;
}
.thankyou .deco1{
	left:4.5vh;
}
.thankyou .deco2{
	right:3vh;
}

.thankyou .copy-area .another span{    
	display: inline-block;
    width: 20px;
    height: 31px;
    margin-right: 15px;
    vertical-align: middle;
    background-size: contain;
	background-image: url(../images/write-a-letter/thankyou_pen.png);
}



@media(min-width: 751px) {

	.page.write-a-letter .thankyou{
		display:none;
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
	}

	.page.write-a-letter .thankyou .copy-area{
		width: 58vh;
		display:none;
		background-image: url(../images/write-a-letter/thankyou_bg.png);
		top: 5vh;
	}

	.page.write-a-letter .thankyou .copy-area .button{
		margin: 3vh auto 4vh;
		font-size: 1.6vh;
		width: 19.6vh;
    	height: 4.8vh;
    	line-height: 4.5vh;
    	border: 2px solid #D60000;
    	display: inline-block;
	}
	.page.write-a-letter .thankyou .copy-area .button.learnmore{
  		margin-right: 2vh;
	}
	.page.write-a-letter .thankyou .copy-area .button:hover{   
    	background-color: #fff;
    	color: #000;
	}
	.page.write-a-letter .thankyou .copy-area .button.learnmore:hover{
    	color: #fff;
    	background-color: #D60000;
	}

.thankyou .bottom .another:hover{
	text-decoration: none;
}

.page.write-a-letter .thankyou .copy-area p{
	line-height: 2.8;
	font-size: 1.5vh;
	background-image: linear-gradient(#EBF6FD 2px,transparent 2px);
    background-size: 4.4vh 4vh;
    background-repeat: repeat;
}
}


@media(min-width: 751px) and (max-height: 880px) {
	.page.write-a-letter .thankyou .copy-area {
		top:2vh;
	}
}

.page.write-a-letter .tiptoe {
    position: absolute;
    width: 20vw;
    max-width: 180px;
	left: 50%;
    bottom: 10vh;
    transform: translateX(-50%);
    margin-left: 35vh;
}

.page.write-a-letter .tiptoe .tiptoe-target {
  position: absolute;
  width: 2px;
  height: 2px;
  left: calc(50% - 1px);
  top: 37%;
}

.page.write-a-letter .tiptoe .tiptoe-target .envelope {
  left: -50%;
  top: 50%;
}

@media(max-height: 720px){
[device=desktop] .page.write-a-letter[step='4'] .tiptoe,
[device=desktop] .page.write-a-letter[step='5'] .tiptoe {
    display: block;
    -ms-transform: scale(0.8) translate(-28vh, 9vh) !important;
    -webkit-transform: scale(0.8) translate(-28vh, 9vh) !important;
    transform: scale(0.8) translate(-28vh, 9vh) !important;
}
}

@media only screen and (orientation: portrait) and (min-width: 750px) and (max-width: 1075px) and (max-height: 1400px) {
	.page.write-a-letter .tiptoe{
		margin-left: 32vh;
	}
	.page.write-a-letter .thankyou .copy-area{
		top:2vh;
	}
	.page.write-a-letter .letter-img-container{
		left:-10px;
	}
	.page.write-a-letter .letter-sign{
		left:50%;
	}
}

@media only screen and (orientation: landscape) and (min-height: 750px) and (max-height: 1075px) and (max-width: 1400px) {
	.page.write-a-letter .tiptoe{
	    max-width: 150px;
		bottom: 14vh;
	}

}


.inApp body[device="mobile"] #finderContainer{
	margin-top: 0 !important;
}

body[device="mobile"] .page.write-a-letter{
	margin-top: 0 !important;
}


@media(max-width: 750px) {
 	#finderContainer{
		margin-top: 54px !important;
	}
	html[page="write-a-letter"] #ImpSdkFooterContainer{
		display:none;
	}
	html[page="write-a-letter"] body #ImpSdkHeaderContainer{
		height:54px !important;
		min-height: 54px !important;
	}
	html[page="write-a-letter"] body.mobile-size .brand-bar-container {
		display: none !important;
	}
	nav .nav{
		padding-top: 0;
	}	
	nav .nav .nav-icon.nav-bag, 
	nav .nav .nav-macyslogo{
		display:none !important;
	}
	nav .nav .nav-content{
		top:6em;
	}


	.page.write-a-letter{
		overflow-x: hidden;
		height: calc(100vh - 54px);
	}

	.page.write-a-letter .handwriting{
		font-family: kon-tiki-aloha-jf, Helvetica, sans-serif !important;
		line-height: 1.4;
		letter-spacing: 0.5px;
	}

	.page.write-a-letter .canvasContainer,
	.page.write-a-letter .edit-button{
		display:none;
	}

	.page.write-a-letter .inner-container{
		display: -webkit-box;
		display: -ms-flexbox;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		height: 100%;
	}
	.page.write-a-letter .inner-container.preventMove{
		display:block;
		overflow:hidden;
	}
	.page.write-a-letter .inner-container > *{
		position: relative;
		width: 100vw;
	}
	.page.write-a-letter .inner-container > .letter,
	.page.write-a-letter.limited .inner-container > .thankyou{
		height:100%;
		overflow:hidden;
	}


	.page.write-a-letter .letter{
		background-color: #fff;
    	border: 5px solid #EBF6FD;
	}

	.page.write-a-letter .letter-img-container{
		text-align: center;
    	padding: 2vh 0 0vh;
	}
	.page.write-a-letter .letter-img-container img{
		filter: none !important;
		height: auto;
		margin-bottom: 2vh;
		width:112px;
	}
	.page.write-a-letter .letter-printable-area{
		height: calc(100vh - 54px - 24vh);
		background-color:#fff;
		position: relative;
	}

	.page.write-a-letter .letter-write{
		position:relative;
	}

	.page.write-a-letter .letter-write textarea{
		font-size: 2.5vh !important;
		/*    line-height: 3.8vh;*/
		line-height: calc(3.5vh + 1px);
		margin: 0 5%;
		background-image: -webkit-linear-gradient(#e8e8e8 1px, transparent 1px);
		background-image: -moz-linear-gradient(#e8e8e8 1px, transparent 1px);
		background-image: -o-linear-gradient(#e8e8e8 1px, transparent 1px);
		background-image: linear-gradient(#e8e8e8 1px, transparent 1px);
		background-size: 3.6vh 3.6vh;
		background-repeat: repeat;
		background-position: 0 3.2vh;
		width: 90%;
		padding: 0;
		padding-bottom: 10px;
	}
	.page.write-a-letter .letter-sign{
		border-bottom: 1px solid #e8e8e8;
		width: 32vh;
		font-size: 4vh;
		line-height: 4.5vh;
		left: 40%;
		position: relative;
	}
	.page.write-a-letter .letter-sign input{
		line-height: 4vh !important;    
		width: 85%;
		left: 15%;
		padding-top: 0;
		padding-bottom: 0;
		position:relative;
	}

	.page.write-a-letter .stickers{
		z-index: 100;
	}

	.page.write-a-letter .stickers,
	.page.write-a-letter .bottom-nav{
		position:fixed;
		bottom:0;
		left:0;
		right:0;
	}
	.page.write-a-letter .bottom-nav{
		height:11vh;
		font-size: 2.3vh;    
		background-color: #EBF6FD;
	}
	.page.write-a-letter .bottom-nav:before{
		content: "";
		display: block;
    	position: absolute;
    	top: 5px;
    	bottom: 0;
    	left: 0;
    	right: 0;
    	border-top: 3px solid #eee;

	}
	.page.write-a-letter .bottom-nav> *{
		position: relative;
		width: 100vw;
		height: 100%;
		    white-space: nowrap;
		overflow: hidden;
	}
	.page.write-a-letter .bottom-nav> * >*{
		display:inline-block;
		vertical-align: middle;
		font-family:'Macys Sans Bold','Helvetica Neue', Helvetica, Arial, sans-serif;
	}
	.page.write-a-letter .bottom-nav .addstickers{
		color:#CE0000;
		white-space: nowrap;
		width:39%;
		margin:0.5vh 4% 0;    
		height: 100%;
		line-height: 8.5vh;
	}
	.page.write-a-letter .bottom-nav .addstickers img{
		height:70%;
		position: relative;
    	top: 5px;
	}
	.page.write-a-letter .bottom-nav .addstickers span{
		position:relative;
		top:5px;
		text-decoration: underline;
	}
	.page.write-a-letter .bottom-nav .continue{
		color:#fff;
		font-size:2vh;
		line-height: 2.4;
		-webkit-user-select: none; /* Safari */        
		-moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* IE10+/Edge */
		user-select: none; /* Standard */
		background-color: #D60000;
    	margin-left: 3vh;
    	margin-top: 0.5vh;
	}
	.page.write-a-letter .bottom-nav .continue span{
		position: relative;
    	top: 1px;
    	margin-right: 5px;
	}

	.page.write-a-letter .bigBubble{
		position:relative;
		text-align: center;
	}
	.page.write-a-letter .bigBubble p{
		font-size: 17px;
	}
	.page.write-a-letter .bigBubble .button{
		font-size: 2.5vh;
	}
	.page.write-a-letter .bigBubble .top{
		margin-top: 6vh;
	}
	.page.write-a-letter .bigBubble .mobile-letter{
		width: 64%;
		top: 5vh;
		left:-1.5vh;
		position: relative;
	}
	.page.write-a-letter .bigBubble .senditnow{
		width:30vh;    
		margin: 1.5vh auto;
		background-size: 100% 100%;
		background-image: url(../images/write-a-letter/button_step3_m.png);
		position:relative;
		height: 5.6vh;
    	line-height: 5.6vh;
	}
	.page.write-a-letter .bigBubble .senditnow >*{
		margin-left: -10px;
	}
	.page.write-a-letter .bigBubble .senditnow img{
		position:absolute;
		right: 2.2vh;
		width: 3.8vh;
		top: 1.4vh;
		-webkit-animation: swingLetter 0.5s ease-in-out infinite;
		animation: swingLetter 0.5s ease-in-out infinite;
		display:inline-block;
	}
	.page.write-a-letter .bigBubble .bottom{
		margin-top: 1vh;
		position:relative;
	}
	.page.write-a-letter .bigBubble .bottom p{
		color:#266a90;
		position:relative;
		font-family:'Helvetica Neue LT W01_65 Md','Helvetica Neue', Helvetica, Arial, sans-serif;
	}
	.page.write-a-letter .bigBubble .bottom p:first-of-type{
		padding-top: 7vh;
		margin-left: -15%;
		line-height: 1.2;
	}
	.page.write-a-letter .bigBubble .bottom .bg{
		display:block;
		position:absolute;
		width: 76%;
		left: 12%;
	}
	.page.write-a-letter .bigBubble .bottom .button{
		display:inline-block;
		background-size: 100% 100%;
		background-image: url(../images/write-a-letter/button_step3_bottom.png);
		position: relative;
		width: 20vh;
		margin: 3vh 1vh 0;
		text-decoration: none;
		height: 6.4vh;
    	line-height: 6.4vh;
	}

	.page.write-a-letter .bottom-nav .bottom_send{
		background-image: url(../images/write-a-letter/step3_edit_m.png);
		background-size:100%;
		text-align: left;
		background-position:left center;
	}
	.page.write-a-letter .bottom-nav .bottom_send .button{
		font-size: 2.6vh;
		text-decoration: underline;
		margin: 0.2vh auto 0 8%;    
		color: #ed3131 !important;
	}

	.page.write-a-letter .bigBubble .tiptoe{
		width: 8.5vh;
		height: auto;  
		-webkit-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		transform: rotate(5deg);
		left: calc(50% + 9vh);
		/*    bottom: 30.5vh;*/
		top:0;
	}

	.page.write-a-letter.limited,
	.page.write-a-letter .thankyou{
		background-color: #EBF6FD;
	}
	.page.write-a-letter{
		background-color:#fff;
	}

	.page.write-a-letter .thankyou .copy-area video-js{
		width:333px;
		height:500px;
		margin: 20px auto;
	}
	.thankyou .deco{
		bottom:-20px;
	}
	.thankyou .deco1{
		left:-2%;
	}
	.thankyou .deco2{
		right:-2%;
		bottom: -25px;
	}

	.page.write-a-letter .thankyou .copy-area .button{
		margin:0 auto;
		border-width: 1px;
	}

	.page.write-a-letter .thankyou .copy-area .button.learnmore{
		margin: 15px auto;
	}

	.page.write-a-letter .maw-logo{
		top: 2vw;
		width: 21vw;
		height: 4.4vw;
	}
	.page.write-a-letter[step='1'] .maw-logo{
		background: url(../images/write-a-letter/logo-MAW-blue.png) no-repeat;
	}
	.page.write-a-letter .thankyou .bg{
		background-size: 100% auto;  
		background-repeat: no-repeat;
		height:30vh;
		margin-top: -2vh;
		position:relative;
	}

	.page.write-a-letter .thankyou #thank-you-star{
		width:21%;
	}
	.page.write-a-letter .thankyou .copy-area{
		padding-top: 3vh; 
		background-position:left top;
		background-repeat: no-repeat;
		background-size:auto auto;
	}
	.page.write-a-letter .thankyou .copy-area h3{
		font-size:3.6vh;
		padding-bottom: 0.5vh;    
		z-index: 1.8;
    	position: relative;
	}
	.page.write-a-letter .thankyou .copy-area p{
		font-size: 1em;
		line-height: 1.6;
		padding: 1vh 0 1.5vh;
	}

	.page.write-a-letter .thankyou .bottom .another{
		display:block;
		width: 50%;
		margin: 10px auto 20px;
		white-space: nowrap;
		border-right: none;
		font-size: 1.8vh;
	}
	.page.write-a-letter .thankyou .bottom span{
		font-size: 1.8vh;
	}

	.page.write-a-letter .thankyou .thankyou-radialbg{
		width: 200px;
    	height: 200px;
    	position: absolute;
    	left: 50%;
    	margin-left: -100px;
    	top:-20px;
		background: radial-gradient(ellipse at center, rgba(255,255,255,0.6) 0%, rgba(255,255,255, 0) 65%, rgba(255,255,255, 0) 100%);
	}

	.page.write-a-letter .thankyou .copy-area .bottom{
		padding: 20px 0 40px;
	}
	.page.write-a-letter .thankyou .bottom .share-icon{
		width: 6vh;
		height: 5vh;
    	margin: auto 0;
    	font-size: 5vh;
    	line-height: 5vh;
	}

	.page.write-a-letter .bg-wrapper .snowpile{
		background-image: url(../images/index/top_banner/bg_trees_m.png);
		bottom:3%;
	}
	.page.write-a-letter .bg-wrapper{
		bottom:5%;
	}
	.page.write-a-letter .ground-wrapper{
		top: 91%;
	}
}