/* 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: 300px;
	height: 250px;

	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 {
	right: 10px;
	bottom: 10px;

	z-index: 100;

	-webkit-animation: logoNameAnim 0.5s 4.5s both;

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

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

	        animation: logoNameAnim 0.5s 4.5s both;
}

.fatherNbabr {
	top: 0;
	left: 0;

	-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 {
	top: -30px;
	left: 87px;

	-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;
}

.headlineCopy1 {
	right: 0;
	top: 10px;

	-webkit-animation: headlineCopy1Anim 0.5s 4.5s both;

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

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

	        animation: headlineCopy1Anim 0.5s 4.5s both;
}

.hills {
	top: 0;
	left: 0;

	-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;
}

.shingEffect {
	right: 0;
	top: -330px;
	opacity: 0;

	-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 {
	right: 0;
	top: -330px;
	opacity: 0;

	-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 {
	top: 0;
	left: 0;

	-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;
}

.specCopy1 {
	top: 20px;
	right: 10px;

	-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;
}

.specCopy2 {
	top: 40px;
	right: 9px;

	-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;
}

.finalImg {
	top: 0;
	left: 0;

	-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;
}

.specCopy3 {
	top: 9px;
	right: 10px;

	-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;
}

.price {
	top: 50px;
	right: 3px;

	-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;
}

.bookNow {
	background:url(../images/booknow.png) no-repeat 0 0;
	width:106px;
	height:36px;
	display:block;
	top: 140px;
	right: 10px;

	-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;
}
.bookNow:hover {
	background:url(../images/booknow.png) no-repeat 0 -36px;
}

/*#background_exit_dc {
	background:none;
	border:none;
	top:0;
	left:0;
	cursor:pointer;
    width: 300px;
    height: 250px;
    z-index: 1000;
}*/

@-webkit-keyframes shingEffectAnim {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 0; }
	50% { -webkit-transform: rotate(-100deg); transform: rotate(-100deg); opacity: 1; }
	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: 1; }
	100% { -moz-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: 1; }
	100% { -o-transform: rotate(-120deg); transform: rotate(-120deg); opacity: 0; }
}

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


@-webkit-keyframes fatherNbabrAnim {
	from { -webkit-transform: scale(1); transform: scale(1); }
	to { -webkit-transform: scale(0.5); transform: scale(0.5); }
}


@-moz-keyframes fatherNbabrAnim {
	from { -moz-transform: scale(1); transform: scale(1); }
	to { -moz-transform: scale(0.5); transform: scale(0.5); }
}


@-o-keyframes fatherNbabrAnim {
	from { -o-transform: scale(1); transform: scale(1); }
	to { -o-transform: scale(0.5); transform: scale(0.5); }
}


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

@-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); }
}

@-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); -o-transform: translateY(-210px); transform: translateY(-210px); }
	15% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); }
	25% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
	85% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
	100% { -webkit-transform: translateY(-210px); -moz-transform: translateY(-210px); -o-transform: translateY(-210px); transform: translateY(-210px); }
}

@-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); }
}

@-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); transform: translateX(150px); }
	to { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
}

@-webkit-keyframes headlineCopy1Anim {
	from { -webkit-transform: translateX(200px); transform: translateX(200px); }
	to { -webkit-transform: translateX(0); transform: translateX(0); }
}

@-moz-keyframes headlineCopy1Anim {
	from { -moz-transform: translateX(200px); transform: translateX(200px); }
	to { -moz-transform: translateX(0); transform: translateX(0); }
}

@-o-keyframes headlineCopy1Anim {
	from { -o-transform: translateX(200px); transform: translateX(200px); }
	to { -o-transform: translateX(0); transform: translateX(0); }
}

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

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

@-moz-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); }
}

@-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); -o-transform: translateX(200px); transform: translateX(200px); }
	to { -webkit-transform: translateX(0); -moz-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); }
}

@-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); -o-transform: translateX(200px); transform: translateX(200px); }
	to { -webkit-transform: translateX(0); -moz-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; }
}

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

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

@-webkit-keyframes specCopy3Anim {
	from { -webkit-transform: translateX(300px); transform: translateX(300px); }
	to { -webkit-transform: translateX(0); transform: translateX(0); }
}

@-moz-keyframes specCopy3Anim {
	from { -moz-transform: translateX(300px); transform: translateX(300px); }
	to { -moz-transform: translateX(0); transform: translateX(0); }
}

@-o-keyframes specCopy3Anim {
	from { -o-transform: translateX(300px); transform: translateX(300px); }
	to { -o-transform: translateX(0); transform: translateX(0); }
}

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

@-webkit-keyframes priceAnim {
	from { -webkit-transform: translateX(130px); transform: translateX(130px); }
	to { -webkit-transform: translateX(0); transform: translateX(0); }
}

@-moz-keyframes priceAnim {
	from { -moz-transform: translateX(130px); transform: translateX(130px); }
	to { -moz-transform: translateX(0); transform: translateX(0); }
}

@-o-keyframes priceAnim {
	from { -o-transform: translateX(130px); transform: translateX(130px); }
	to { -o-transform: translateX(0); transform: translateX(0); }
}

@keyframes priceAnim {
	from { -webkit-transform: translateX(130px); -moz-transform: translateX(130px); -o-transform: translateX(130px); transform: translateX(130px); }
	to { -webkit-transform: translateX(0); -moz-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; }
}

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

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