@charset "utf-8";
/* CSS Document */
/* RESET CSS */
* {
	padding: 0;
	margin: 0;
	position: absolute;

	-webkit-animation-play-state:paused!important;

	   -moz-animation-play-state:paused!important;

	     -o-animation-play-state:paused!important;

	        animation-play-state:paused!important;
}

html {
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}
 
*, *:before, *:after {
    -moz-box-sizing: inherit;
         box-sizing: inherit;
}

#banner {
	width: 160px;
	height: 600px;

	border: 1px solid #666;
	overflow: hidden;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

.is-loaded * {
	-webkit-animation-play-state:running!important;
	   -moz-animation-play-state:running!important;
	     -o-animation-play-state:running!important;
	        animation-play-state:running!important;
}
.logoName, .fatherNbabr, .santa, .saveOffer, .frm2_headline, .frame3Bg, .shingEffect1, .shingEffect2, .hillsMan, .frm3_Txt1, .frm3_Txt2, .frame4Bgcolr, .frame4BgPers, .santaSmall, .frm4_headline, .offerPrice, .shape, .cta {
	position: absolute;
	display: block;
}
.logoName {
	left: 25px;
    top: 542px;
	z-index: 500;
}
.fatherNbaby {
	top: -2px;
	left: -50px;
	
}

.saveOffer {
	top: -26px;
    left: 27px;
	
}
.frm2_headline {
	left: 10px;
    top: 30px;
	
}
.frame3Bg {
	top: 0;
	left: 0;
	
}
.shingEffect1 {
	right: -90px;
    top: -65px;
	opacity: 0.4;
}
.shingEffect2 {
	right: -90px;
    top: -65px;
	opacity: 0.4;
}
.hillsMan {
	bottom: 0;
    left: -103px;
}
.frm3_Txt1 {
	top: 45px;
    left: 25px;
	
}
.frm3_Txt2 {
	top: 66px;
    left: 17px;
	
}
.frame4Bgcolr {
	top: 0;
	left: 0;
	
}
.frame4BgPers {
	bottom: -10px;
    left: 0;
	
}

.frm4_headline {
	top: 45px;
    right: 26px;
	
}
.offerPrice {
	top: 127px;
    right: 15px;
	
}
.shape {
	left: 0px;
    top: 527px;
	
}
.cta {
	background:url(../images/booknow.png) no-repeat 0 0;
	width:106px;
	height:36px;
	display:block;
	
	top: 475px;
    right: 25px;
	
}
.cta:hover {
	background:url(../images/booknow.png) no-repeat 0 -36px;
}

.logoName {
	-webkit-animation: logoNameAnim 0.5s 4.2s both;

	   -moz-animation: logoNameAnim 0.5s 4.2s both;

	     -o-animation: logoNameAnim 0.5s 4.2s both;

	        animation: logoNameAnim 0.5s 4.2s both;
}
.fatherNbaby {
	-webkit-animation: fatherNbabrAnim 0.5s 4.0s both;

	   -moz-animation: fatherNbabrAnim 0.5s 4.0s both;

	     -o-animation: fatherNbabrAnim 0.5s 4.0s both;

	        animation: fatherNbabrAnim 0.5s 4.0s both;

	-webkit-transform-origin: 0 0;

	   -moz-transform-origin: 0 0;

	    -ms-transform-origin: 0 0;

	     -o-transform-origin: 0 0;

	        transform-origin: 0 0;
}

.saveOffer {
	-webkit-animation: saveOfferAnim 2.5s 1.5s both;

	   -moz-animation: saveOfferAnim 2.5s 1.5s both;

	     -o-animation: saveOfferAnim 2.5s 1.5s both;

	        animation: saveOfferAnim 2.5s 1.5s both;
}
.frm2_headline {
	-webkit-animation: headlineAnim 0.5s 4.5s both;

	   -moz-animation: headlineAnim 0.5s 4.5s both;

	     -o-animation: headlineAnim 0.5s 4.5s both;

	        animation: headlineAnim 0.5s 4.5s both;
}
.frame3Bg {
	-webkit-animation: hillsAnim 0.5s 6s both;

	   -moz-animation: hillsAnim 0.5s 6s both;

	     -o-animation: hillsAnim 0.5s 6s both;

	        animation: hillsAnim 0.5s 6s both;
}

.shingEffect1 {
	-webkit-animation: shingEffectAnim 2s 6s both;

	   -moz-animation: shingEffectAnim 2s 6s both;

	     -o-animation: shingEffectAnim 2s 6s both;

	        animation: shingEffectAnim 2s 6s both;

	-webkit-transform-origin: 85% 60%;

	   -moz-transform-origin: 85% 60%;

	    -ms-transform-origin: 85% 60%;

	     -o-transform-origin: 85% 60%;

	        transform-origin: 85% 60%;
}
.shingEffect2 {
	-webkit-animation: shingEffectAnim 2s 7.5s both;

	   -moz-animation: shingEffectAnim 2s 7.5s both;

	     -o-animation: shingEffectAnim 2s 7.5s both;

	        animation: shingEffectAnim 2s 7.5s both;

	-webkit-transform-origin: 85% 60%;

	   -moz-transform-origin: 85% 60%;

	    -ms-transform-origin: 85% 60%;

	     -o-transform-origin: 85% 60%;

	        transform-origin: 85% 60%;
}
.hillsMan {
	-webkit-animation: hillsAnim 0.5s 6s both;

	   -moz-animation: hillsAnim 0.5s 6s both;

	     -o-animation: hillsAnim 0.5s 6s both;

	        animation: hillsAnim 0.5s 6s both;
}

.frm3_Txt1 {
	-webkit-animation: specCopy1Anim 0.5s 7s both;

	   -moz-animation: specCopy1Anim 0.5s 7s both;

	     -o-animation: specCopy1Anim 0.5s 7s both;

	        animation: specCopy1Anim 0.5s 7s both;
}
.frm3_Txt2 {
	-webkit-animation: specCopy2Anim 0.5s 7.5s both;

	   -moz-animation: specCopy2Anim 0.5s 7.5s both;

	     -o-animation: specCopy2Anim 0.5s 7.5s both;

	        animation: specCopy2Anim 0.5s 7.5s both;
}
.frame4Bgcolr {
	-webkit-animation: finalImgAnim 0.5s 9.5s both;

	   -moz-animation: finalImgAnim 0.5s 9.5s both;

	     -o-animation: finalImgAnim 0.5s 9.5s both;

	        animation: finalImgAnim 0.5s 9.5s both;
}
.frame4BgPers {
	-webkit-animation: finalImgAnim 0.5s 9.5s both;

	   -moz-animation: finalImgAnim 0.5s 9.5s both;

	     -o-animation: finalImgAnim 0.5s 9.5s both;

	        animation: finalImgAnim 0.5s 9.5s both;
}
.shape{
	-webkit-animation: finalImgAnim 0.5s 9.5s both;

	   -moz-animation: finalImgAnim 0.5s 9.5s both;

	     -o-animation: finalImgAnim 0.5s 9.5s both;

	        animation: finalImgAnim 0.5s 9.5s both;
}

.frm4_headline {
	-webkit-animation: specCopy3Anim 0.5s 10.5s both;

	   -moz-animation: specCopy3Anim 0.5s 10.5s both;

	     -o-animation: specCopy3Anim 0.5s 10.5s both;

	        animation: specCopy3Anim 0.5s 10.5s both;
}
.offerPrice {
	-webkit-animation: priceAnim 0.5s 11s both;

	   -moz-animation: priceAnim 0.5s 11s both;

	     -o-animation: priceAnim 0.5s 11s both;

	        animation: priceAnim 0.5s 11s both;
}
.cta {
	-webkit-animation: bookNowAnim 0.5s 11.5s both;

	   -moz-animation: bookNowAnim 0.5s 11.5s both;

	     -o-animation: bookNowAnim 0.5s 11.5s both;

	        animation: bookNowAnim 0.5s 11.5s both;
}
#background_exit_dc {
	background:none;
	border:none;
	top:0;
	left:0;
	cursor:pointer;
    width: 300px;
    height: 250px;
    z-index: 1000;
}

@-webkit-keyframes logoNameAnim {
	from { -webkit-transform: translateX(150px); transform: translateX(150px); }
	to { -webkit-transform: translateX(0); transform: translateX(0); }
}
@-moz-keyframes logoNameAnim {
	from { -moz-transform: translateX(150px); transform: translateX(150px); }
	to { -moz-transform: translateX(0); transform: translateX(0); }
}
@-ms-keyframes logoNameAnim {
	from { -ms-transform: translateX(150px); transform: translateX(150px); }
	to { -ms-transform: translateX(0); transform: translateX(0); }
}
@-o-keyframes logoNameAnim {
	from { -o-transform: translateX(150px); transform: translateX(150px); }
	to { -o-transform: translateX(0); transform: translateX(0); }
}
@keyframes logoNameAnim {
	from { -webkit-transform: translateX(150px); -moz-transform: translateX(150px); -o-transform: translateX(150px); -ms-transform: translateX(150px); transform: translateX(150px); }
	to { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}


@-webkit-keyframes fatherNbabrAnim {
	from { -webkit-transform: scale(1); transform: scale(1); }
	to { -webkit-transform: scale(0.7); transform: scale(0.7); }
}
@-moz-keyframes fatherNbabrAnim {
	from { -moz-transform: scale(1); transform: scale(1); }
	to { -moz-transform: scale(0.7); transform: scale(0.7); }
}
@-ms-keyframes fatherNbabrAnim {
	from { -ms-transform: scale(1); transform: scale(1); }
	to { -ms-transform: scale(0.7); transform: scale(0.7); }
}
@-o-keyframes fatherNbabrAnim {
	from { -o-transform: scale(1); transform: scale(1); }
	to { -o-transform: scale(0.7); transform: scale(0.7); }
}
@keyframes fatherNbabrAnim {
	from { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
	to { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); }
}

@-webkit-keyframes saveOfferAnim {
	0% { -webkit-transform: translateY(-210px); transform: translateY(-210px); }
	15% { -webkit-transform: translateY(20px); transform: translateY(20px); }
	25% { -webkit-transform: translateY(0); transform: translateY(0); }
	85% { -webkit-transform: translateY(0); transform: translateY(0); }
	100% { -webkit-transform: translateY(-210px); transform: translateY(-210px); }
}
@-moz-keyframes saveOfferAnim {
	0% { -moz-transform: translateY(-210px); transform: translateY(-210px); }
	15% { -moz-transform: translateY(20px); transform: translateY(20px); }
	25% { -moz-transform: translateY(0); transform: translateY(0); }
	85% { -moz-transform: translateY(0); transform: translateY(0); }
	100% { -moz-transform: translateY(-210px); transform: translateY(-210px); }
}
@-ms-keyframes saveOfferAnim {
	0% { -ms-transform: translateY(-210px); transform: translateY(-210px); }
	15% { -ms-transform: translateY(20px); transform: translateY(20px); }
	25% { -ms-transform: translateY(0); transform: translateY(0); }
	85% { -ms-transform: translateY(0); transform: translateY(0); }
	100% { -ms-transform: translateY(-210px); transform: translateY(-210px); }
}
@-o-keyframes saveOfferAnim {
	0% { -o-transform: translateY(-210px); transform: translateY(-210px); }
	15% { -o-transform: translateY(20px); transform: translateY(20px); }
	25% { -o-transform: translateY(0); transform: translateY(0); }
	85% { -o-transform: translateY(0); transform: translateY(0); }
	100% { -o-transform: translateY(-210px); transform: translateY(-210px); }
}
@keyframes saveOfferAnim {
	0% { -webkit-transform: translateY(-210px); -moz-transform: translateY(-210px); -ms-transform: translateY(-210px); -o-transform: translateY(-210px); transform: translateY(-210px); }
	15% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); }
	25% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
	85% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
	100% { -webkit-transform: translateY(-210px); -moz-transform: translateY(-210px); -ms-transform: translateY(-210px); -o-transform: translateY(-210px); transform: translateY(-210px); }
}


@-webkit-keyframes headlineAnim {
	from { -webkit-transform: translateX(200px); transform: translateX(200px); }
	to { -webkit-transform: translateX(0); transform: translateX(0); }
}
@-moz-keyframes headlineAnim {
	from { -moz-transform: translateX(200px); transform: translateX(200px); }
	to { -moz-transform: translateX(0); transform: translateX(0); }
}
@-ms-keyframes headlineAnim {
	from { -ms-transform: translateX(200px); transform: translateX(200px); }
	to { -ms-transform: translateX(0); transform: translateX(0); }
}
@-o-keyframes headlineAnim {
	from { -o-transform: translateX(200px); transform: translateX(200px); }
	to { -o-transform: translateX(0); transform: translateX(0); }
}
@keyframes headlineAnim {
	from { -webkit-transform: translateX(200px); -moz-transform: translateX(200px); -ms-transform: translateX(200px); -o-transform: translateX(200px); transform: translateX(200px); }
	to { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
}


@-webkit-keyframes shingEffectAnim {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 0; }
	50% { -webkit-transform: rotate(-100deg); transform: rotate(-100deg); opacity: 0.8; }
	100% { -webkit-transform: rotate(-120deg); transform: rotate(-120deg); opacity: 0; }
}
@-moz-keyframes shingEffectAnim {
	0% { -moz-transform: rotate(0deg); transform: rotate(0deg); opacity: 0; }
	50% { -moz-transform: rotate(-100deg); transform: rotate(-100deg); opacity: 0.8; }
	100% { -moz-transform: rotate(-120deg); transform: rotate(-120deg); opacity: 0; }
}
@-ms-keyframes shingEffectAnim {
	0% { -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 0; }
	50% { -ms-transform: rotate(-100deg); transform: rotate(-100deg); opacity: 0.8; }
	100% { -ms-transform: rotate(-120deg); transform: rotate(-120deg); opacity: 0; }
}
@-o-keyframes shingEffectAnim {
	0% { -o-transform: rotate(0deg); transform: rotate(0deg); opacity: 0; }
	50% { -o-transform: rotate(-100deg); transform: rotate(-100deg); opacity: 0.8; }
	100% { -o-transform: rotate(-120deg); transform: rotate(-120deg); opacity: 0; }
}
@keyframes shingEffectAnim {
	0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); opacity: 0; }
	50% { -webkit-transform: rotate(-100deg); -moz-transform: rotate(-100deg); -ms-transform: rotate(-100deg); -o-transform: rotate(-100deg); transform: rotate(-100deg); opacity: 0.8; }
	100% { -webkit-transform: rotate(-120deg); -moz-transform: rotate(-120deg); -ms-transform: rotate(-120deg); -o-transform: rotate(-120deg); transform: rotate(-120deg); opacity: 0; }
}


@-webkit-keyframes hillsAnim {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-moz-keyframes hillsAnim {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-ms-keyframes hillsAnim {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-o-keyframes hillsAnim {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes hillsAnim {
	from { opacity: 0; }
	to { opacity: 1; }
}


@-webkit-keyframes specCopy1Anim {
	from { -webkit-transform: translateX(200px); transform: translateX(200px); }
	to { -webkit-transform: translateX(0); transform: translateX(0); }
}
@-moz-keyframes specCopy1Anim {
	from { -moz-transform: translateX(200px); transform: translateX(200px); }
	to { -moz-transform: translateX(0); transform: translateX(0); }
}
@-ms-keyframes specCopy1Anim {
	from { -ms-transform: translateX(200px); transform: translateX(200px); }
	to { -ms-transform: translateX(0); transform: translateX(0); }
}
@-o-keyframes specCopy1Anim {
	from { -o-transform: translateX(200px); transform: translateX(200px); }
	to { -o-transform: translateX(0); transform: translateX(0); }
}
@keyframes specCopy1Anim {
	from { -webkit-transform: translateX(200px); -moz-transform: translateX(200px); -ms-transform: translateX(200px); -o-transform: translateX(200px); transform: translateX(200px); }
	to { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
}


@-webkit-keyframes specCopy2Anim {
	from { -webkit-transform: translateX(200px); transform: translateX(200px); }
	to { -webkit-transform: translateX(0); transform: translateX(0); }
}
@-moz-keyframes specCopy2Anim {
	from { -moz-transform: translateX(200px); transform: translateX(200px); }
	to { -moz-transform: translateX(0); transform: translateX(0); }
}
@-ms-keyframes specCopy2Anim {
	from { -ms-transform: translateX(200px); transform: translateX(200px); }
	to { -ms-transform: translateX(0); transform: translateX(0); }
}
@-o-keyframes specCopy2Anim {
	from { -o-transform: translateX(200px); transform: translateX(200px); }
	to { -o-transform: translateX(0); transform: translateX(0); }
}
@keyframes specCopy2Anim {
	from { -webkit-transform: translateX(200px); -moz-transform: translateX(200px); -ms-transform: translateX(200px); -o-transform: translateX(200px); transform: translateX(200px); }
	to { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
}


@-webkit-keyframes finalImgAnim {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-moz-keyframes finalImgAnim {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-ms-keyframes finalImgAnim {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-o-keyframes finalImgAnim {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes finalImgAnim {
	from { opacity: 0; }
	to { opacity: 1; }
}


@-webkit-keyframes specCopy3Anim {
	from { -webkit-transform: translateX(200px); transform: translateX(200px); }
	to { -webkit-transform: translateX(0); transform: translateX(0); }
}
@-moz-keyframes specCopy3Anim {
	from { -moz-transform: translateX(200px); transform: translateX(200px); }
	to { -moz-transform: translateX(0); transform: translateX(0); }
}
@-ms-keyframes specCopy3Anim {
	from { -ms-transform: translateX(200px); transform: translateX(200px); }
	to { -ms-transform: translateX(0); transform: translateX(0); }
}
@-o-keyframes specCopy3Anim {
	from { -o-transform: translateX(200px); transform: translateX(200px); }
	to { -o-transform: translateX(0); transform: translateX(0); }
}
@keyframes specCopy3Anim {
	from { -webkit-transform: translateX(200px); -moz-transform: translateX(200px); -ms-transform: translateX(200px); -o-transform: translateX(200px); transform: translateX(200px); }
	to { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
}


@-webkit-keyframes priceAnim {
	from { -webkit-transform: translateX(140px); transform: translateX(140px); }
	to { -webkit-transform: translateX(0); transform: translateX(0); }
}
@-moz-keyframes priceAnim {
	from { -moz-transform: translateX(140px); transform: translateX(140px); }
	to { -moz-transform: translateX(0); transform: translateX(0); }
}
@-ms-keyframes priceAnim {
	from { -ms-transform: translateX(140px); transform: translateX(140px); }
	to { -ms-transform: translateX(0); transform: translateX(0); }
}
@-o-keyframes priceAnim {
	from { -o-transform: translateX(140px); transform: translateX(140px); }
	to { -o-transform: translateX(0); transform: translateX(0); }
}
@keyframes priceAnim {
	from { -webkit-transform: translateX(140px); -moz-transform: translateX(140px); -ms-transform: translateX(140px); -o-transform: translateX(140px); transform: translateX(140px); }
	to { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
}


@-webkit-keyframes bookNowAnim {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-moz-keyframes bookNowAnim {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-ms-keyframes bookNowAnim {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-o-keyframes bookNowAnim {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes bookNowAnim {
	from { opacity: 0; }
	to { opacity: 1; }
}