/* using HTML5 ✰ Boilerplate */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
body { font:13px/1.231 sans-serif; *font-size:small; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
textarea { overflow: auto; } 
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

::-moz-selection{ background: #62523e; color:#fff; text-shadow: none; }
::selection { background:#62523e; color:#fff; text-shadow: none; }

@font-face {
	font-family: 'rabtus';
	src: url('../fonts/rabtus_ng-webfont.eot');
	src: url('../fonts/rabtus_ng-webfont.eot?#iefix') format('embedded-opentype'),
		    url('../fonts/rabtus_ng-webfont.ttf') format('truetype'),
		    url('../fonts/rabtus_ng-webfont.svg#rabtusregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	border:0 none;
	background:#c7effc;
}

body{
	//overflow:hidden;
}

html, body, td, input, select, textarea{
	color:#000000;
	font-family:rabtus,Helvetica,Arial;
	font-weight:normal;
	font-size:18px;
	line-height:22px;
	text-align:left;
	direction:ltr;
}

h1, h2, h3, h4, h5, h6{
	font-weight:normal;
}

a:link,
a:visited,
a:active,
a:hover{
	color:#cccccc;
	text-decoration:none;
	outline: none;
	background-color:transparent;
}
a:hover{
	color:#cccccc;
	text-decoration:none;
}

.clsHidden{
	display:none;
	visibility:hidden;
}
		



/******************************************************************/
#oLoading{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:100;
	background:#000;
}

#oLoading div{
	position:absolute;
	top:50%;
	left:50%;
	width:125px;
	height:110px;
	margin-left:-63px;
	margin-top:-55px;

	color:#fff;
	font-family:Arial;
	text-align:center;
}


#oLoading div img{
	position:relative;
	vertical-align:middle;
	top:-2px;
	margin:0 3px 0 0;
}



/******************************************************************/
.clsIsland{
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	width:100%;
	height:3082px;
	overflow:hidden;
	padding:0;
	margin:0;
	background:url(../images/bg_big.png) no-repeat center 15px;
	-webkit-background-size: 2750px 3017px; 
}

.clsGrid{
	position:relative;
	width:1280px;
	margin:auto;
}



/******************************************************************/
header{
	height:345px;
	z-index:11;
}

header .clsLogo{
	line-height:0;
	position:absolute;
	left:50%;
	top:30px;
	cursor:pointer;
	text-align:center;
	margin-left:-298px;
	z-index:11;
}

header .clsLogo h1{
	color:#e6e1dc;
	font-size:32px;
	line-height:32px;
	padding:0;
	margin:1px 0 3px 0;
	text-align:center;
	width:180px;
}

header .clsLogo h2{
	color:#c0b8b1;
	font-size:11px;
	letter-spacing:0.5px;
	line-height:13px;
	padding:0;
	margin:0;
	text-align:center;
	width:180px;
}

header ul.clsSocialMediaIcons{
	position:absolute;
	left:50%;
	top:7px;
	z-index:11;
	padding:0;
	margin:0;
	white-space:nowrap;
	margin-left:320px;
}

header ul.clsSocialMediaIcons li{
	display:inline-block;
	width:55px;
	height:55px;
	list-style:none;
	padding:0;
	margin:0 0 0 0;
	background:url(../images/social-icons.png);
	transition: all .15s ease-in-out;
	transition-property:transform;
}

header ul.clsSocialMediaIcons li:hover{
	transform:rotate(-20deg)
}

header ul.clsSocialMediaIcons li a{
	font-size:0;
	display:block;
	width:55px;
	height:55px;
}

header ul.clsSocialMediaIcons li.btn_external_dribbble{ background-position: 0 0; width: 53px; height: 54px; } 
header ul.clsSocialMediaIcons li.btn_external_dribbble:hover{ background-position: -54px 0; width: 53px; height: 54px; } 
header ul.clsSocialMediaIcons li.btn_external_etsy{ background-position: -108px 0; width: 52px; height: 52px; } 
header ul.clsSocialMediaIcons li.btn_external_etsy:hover{ background-position: -161px 0; width: 52px; height: 52px; } 
header ul.clsSocialMediaIcons li.btn_external_facebook{ background-position: -214px 0; width: 51px; height: 51px; } 
header ul.clsSocialMediaIcons li.btn_external_facebook:hover{ background-position: -266px 0; width: 51px; height: 51px; } 
header ul.clsSocialMediaIcons li.btn_external_twitter{ background-position: -318px 0; width: 52px; height: 52px; } 
header ul.clsSocialMediaIcons li.btn_external_twitter:hover{ background-position: -371px 0; width: 52px; height: 52px; }
header ul.clsSocialMediaIcons li.btn_external_pinterest{ background-position: -426px 0; width: 52px; height: 52px; } 
header ul.clsSocialMediaIcons li.btn_external_pinterest:hover{ background-position: -480px 0; width: 52px; height: 52px; }



/******************************************************************/
#oNewsPopupBtn{
	position:absolute;
	left:50%;
	top:274px;
	z-index:11;
	cursor:pointer;
	margin-left:260px;
}

#oNewsPopup{
	color:#000000;
	font-size:18px;
	line-height:22px;
	
	position:absolute;
	left:50%;
	top:192px;
	z-index:11;

	cursor:pointer;
	width:502px;
	height:194px;
	padding:40px 60px 0 25px;
	margin-left:-251px;
	background:url(../images/announcement.png) no-repeat;
}

#oNewsPopup:before{
	content:"";
	z-index:2;
	position:absolute;
	right:5px;
	top:5px;
	width:45px;
	height:45px;
	cursor:pointer;
}

#oNewsPopup a:link,
#oNewsPopup a:visited,
#oNewsPopup a:active,
#oNewsPopup a:hover{
	color:#000;
	text-decoration:underline;
}
#oNewsPopup a:hover{
	color:#000;
	text-decoration:underline;
}



/******************************************************************/
#oNavSpacer{
	height:138px;
}

nav{
	z-index:20;
	position:absolute;
	left:50%;
	top:346px;
	width:589px;
	height:98px;
	padding:59px 0 0 0;
	margin:0 0 0 -300px;
	background:url(../images/menu_bar.png) no-repeat;
}

nav.clsFixed{
	position:fixed;
	top:-5px;
}

nav ul{
	text-align:center;
	padding:0;
	margin:0;
}

nav ul li{
	font-size:34px;
	line-height:20px;
	cursor:pointer;

	position:relative;
	display:inline-block;
	vertical-align:top;
	margin:0 12px 0 12px;
}

nav ul li:hover{
	color:#e7e7e7;
}

/******************************************************************/
.clsWorks{
	position:relative;
	z-index:11;
	height:1080px;
	padding:40px 0 0 0;
}

.clsWorks h2{
	display:none;
}

.clsWorks .clsWorkItems,
.clsShop .clsShopItems{
	font-size:0;
	line-height:0;
	text-align:center;
}

.clsWorks .clsWorkItems .clsWorkItem,
.clsShop .clsShopItems .clsShopItem{
	position:relative;
	display:inline-block;
	vertical-align:top;
	text-align:left;
	width:286px;
	margin:0 12px 15px 12px;
}

.clsWorks .clsWorkItems .clsWorkItemSpacer{
	display:inline-block;
	vertical-align:top;
	width:286px;
	margin:0 12px 15px 12px;
}

.clsWorks .clsWorkItems .clsWorkItem{
	display:none;
}

.clsWorks .clsWorkItems .clsWorkItem.clsNewWork:before,
.clsShop .clsShopItems .clsShopItem.clsNewWork:before{
	content:"";
	position:absolute;
	z-index:3;
	left:-20px;
	top:-20px;
	width:62px;
	height:61px;
	background:url(../images/new_badge.png);
	transition: all .15s ease-in-out;
}

.clsWorks .clsWorkItems .clsWorkItem.clsNewWork:hover:before,
.clsShop .clsShopItems .clsShopItem.clsNewWork:hover:before{
	transform:rotate(-20deg)
}

.clsWorks .clsWorkItems .clsWorkItem .clsImg,
.clsShop .clsShopItems .clsShopItem .clsImg{
	z-index:1;
	position:relative;
	cursor:pointer;
	width:286px;
	height:164px;
	padding:3px 0 0 3px;
	margin:0 0 3px 0;
}

.clsWorks .clsWorkItems .clsWorkItem .clsImg:before,
.clsShop .clsShopItems .clsShopItem .clsImg:before{
	content:"";
	z-index:2;
	position:absolute;
	left:0;
	top:0;
	cursor:pointer;
	width:286px;
	height:164px;
	background:url(../images/frames.png) no-repeat;
}

.clsWorks .clsWorkItems .clsWorkItem:nth-child(3n+1) .clsImg:before,
.clsShop .clsShopItems .clsShopItem:nth-child(3n+1) .clsImg:before{
	background-position: 0 0;
}

.clsWorks .clsWorkItems .clsWorkItem:nth-child(3n+1):hover .clsImg:before,
.clsShop .clsShopItems .clsShopItem:nth-child(3n+1):hover .clsImg:before{
	background-position: -287px 0;
}

.clsWorks .clsWorkItems .clsWorkItem:nth-child(3n+2) .clsImg:before,
.clsShop .clsShopItems .clsShopItem:nth-child(3n+2) .clsImg:before{
	background-position: -574px 0;
}

.clsWorks .clsWorkItems .clsWorkItem:nth-child(3n+2):hover .clsImg:before,
.clsShop .clsShopItems .clsShopItem:nth-child(3n+2):hover .clsImg:before{
	background-position: -861px 0;
}

.clsShop .clsWorkItems .clsWorkItem:nth-child(3n+3) .clsImg:before,
.clsShop .clsShopItems .clsShopItem:nth-child(3n+3) .clsImg:before{
	background-position: -1148px 0;
}

.clsWorks .clsWorkItems .clsWorkItem:nth-child(3n+3):hover .clsImg:before,
.clsShop .clsShopItems .clsShopItem:nth-child(3n+3):hover .clsImg:before{
	background-position: -1435px 0;
}

.clsWorks .clsWorkItems .clsWorkItem .clsImg img{
	width:280px;
	height:158px;
}

.clsWorks .clsWorkItems .clsWorkItem h3{
	color:#e7e7e7;
	font-size:17px;
	line-height:16px;
	padding:0;
	margin:0 0 1px 0;
	text-transform:uppercase;
	text-align:center;
	cursor:pointer;
}

.clsWorks .clsWorkItems .clsWorkItem h4{
	color:#c0b8b1;
	font-size:14px;
	line-height:18px;
	letter-spacing:1px;
	padding:0;
	margin:2px 0 0 0;
	text-align:center;
	cursor:pointer;
}

.clsWorks .clsWorkItems .clsWorkItem h3:hover{
	color:#a1c888;
}

.clsWorks .clsWorkItems .clsWorkItem a:link,
.clsWorks .clsWorkItems .clsWorkItem a:visited,
.clsWorks .clsWorkItems .clsWorkItem a:active,
.clsWorks .clsWorkItems .clsWorkItem a:hover{
	color:#fff;
	text-decoration:none;
}
.clsWorks .clsWorkItems .clsWorkItem a:hover{
	color:#cccccc;
}

.clsWorks .clsPagingNextBtn{
	position:absolute;
	left:50%;
	bottom:42px;
	width:72px;
	height:77px;
	margin-left:15px;
	background:url(../images/arrows.png) no-repeat;
	background-position: -292px 0;
}

.clsWorks .clsPagingNextBtn.clsActive{
	cursor:pointer;
	background-position: -219px 0;
}

.clsWorks .clsPagingNextBtn.clsActive:hover{
	background-position: -365px 0;
}

.clsWorks .clsPagingPrevBtn{
	position:absolute;
	left:50%;
	bottom:42px;
	width:72px;
	height:77px;
	margin-left:-88px;
	background:url(../images/arrows.png) no-repeat;
	background-position: -73px 0;
}

.clsWorks .clsPagingPrevBtn.clsActive{
	cursor:pointer;
	background-position: 0 0;
}

.clsWorks .clsPagingPrevBtn.clsActive:hover{
	background-position: -146px 0;
}


/******************************************************************/
.clsWorks .clsWorkItems .clsWorkItem .clsLightbox{
	display:none;
}


.clsLightbox .clsHeader{
	color:#4c390b;
	font-size:16px;
	line-height:18px;
	letter-spacing:0.5px;
	text-align:center;
	width:638px;
	height:102px;
	padding:18px 40px 0 80px;
	margin:0 auto 10px auto;
	background:url(../images/lb_title.png) no-repeat;
}

.clsLightbox .clsHeader h3{
	color:#000000;
	font-size:22px;
	text-align:center;
	padding:0;
	margin:0 0 4px 0;	
}

.clsLightbox .clsHeader a:link,
.clsLightbox .clsHeader a:visited,
.clsLightbox .clsHeader a:active,
.clsLightbox .clsHeader a:hover{
	color:#487242;
	text-decoration:underline;
}
.clsLightbox .clsHeader a:hover{
	color:#ca1f23;
}

.clsLightbox .clsNextWork{
	color:#3a3a3a;
	font-size:13px;
	cursor:pointer;
	position:absolute;
	z-index:10000;
	right:0;
	top:70px;
}

.clsLightbox .clsNextWork.clsActive{
	color:#fff;
}

.clsLightbox .clsNextWork:after{
	content:"";
	position:relative;
	top:7px;
	display:inline-block;
	width:29px;
	height:26px;
	margin:0 0 0 7px;
	background:url(../images/lb_arrows.png) no-repeat;
	background-position: 0 0;
}

.clsLightbox .clsNextWork.clsActive:after{
	background-position: -87px 0;
}

.clsLightbox .clsPrevWork{
	color:#3a3a3a;
	font-size:13px;
	cursor:pointer;
	position:absolute;
	left:0;
	top:70px;
}

.clsLightbox .clsPrevWork.clsActive{
	color:#fff;
}

.clsLightbox .clsPrevWork:before{
	content:"";
	position:relative;
	top:7px;
	display:inline-block;
	width:29px;
	height:26px;
	margin:0 7px 0 0;
	background:url(../images/lb_arrows.png) no-repeat;
	background-position: -58px 0;
}

.clsLightbox .clsPrevWork.clsActive:before{
	background-position: -29px 0;
}

.clsLightbox .clsBigImg{
	position:relative;
	z-index:1;
	width:100%;
	height:562px;
	text-align:center;
	margin:0 0 10px 0;
	background:url(/images/image_loader.gif) no-repeat center center;
}

.clsLightbox .clsBigImg img{
	height:auto;
	width:auto;
	max-height:562px;
	max-width:928px;
}

.clsLightbox .clsBigImg iframe{
	width:980px;
	height:562px;
}

.clsLightbox .clsBigImg .clsNextBtn{
	position:absolute;
	right:0;
	top:0;
	z-index:2;
	width:50%;
	height:522px;
	cursor:pointer;
	background:url(../images/lb_next.png) no-repeat calc(100% - 10px) center;
	opacity:0;
	transition: all .15s ease-in-out;
}

.clsLightbox .clsBigImg .clsNextBtn:hover{
	opacity:1.0;
}

.clsLightbox .clsBigImg .clsPrevBtn{
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	width:50%;
	height:522px;
	cursor:pointer;
	background:url(../images/lb_previous.png) no-repeat 10px center;
	opacity:0;
	transition: all .15s ease-in-out;
}

.clsLightbox .clsBigImg .clsPrevBtn:hover{
	opacity:1.0;
}

.clsLightbox .clsImages{
	font-size:0;
	line-height:0;
	white-space:nowrap;
	text-align:center;
	
	position:relative;
	width:928px;
	height:64px;
	overflow:hidden;
	margin:auto;

	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.clsLightbox .clsImages ul{
	position:absolute;
	left:0;
	top:0;
	height:64px;
	padding:0;
	margin:0;
}

.clsLightbox .clsImages ul li{
	display:inline-block;
	width:114px;
	height:64px;
	cursor:pointer;
	padding:2px;
	margin:0 1px 0 1px;
	background:#000;
}

.clsLightbox .clsImages ul li.clsSelected{
	background:url(../images/lb_tn_selected.png) no-repeat;
}

.clsLightbox .clsImages ul li img{
	width:100%;
	height:100%;
	opacity:0.5;
}

.clsLightbox .clsImages ul li.clsSelected img{
	opacity:1.0;
}

.clsLightbox .clsThumbsNextBtn{
	position:absolute;
	right:0;
	bottom:15px;
	width:23px;
	height:33px;
	cursor:pointer;
	background:url(../images/arrows.png) no-repeat;
	background-position: -858px 0;
}

.clsLightbox .clsThumbsNextBtn.clsActive{
	background-position: -834px 0;
}

.clsLightbox .clsThumbsPrevBtn{
	position:absolute;
	left:0;
	bottom:15px;
	width:23px;
	height:33px;
	cursor:pointer;
	background:url(../images/arrows.png) no-repeat;
	background-position: -906px 0;
}

.clsLightbox .clsThumbsPrevBtn.clsActive{
	background-position: -882px 0;
}

#oLightboxDimmer{
	display:none;
	position:fixed;
	top:0 !important;
	left:0;
	right:0;
	bottom:0;
	z-index:1000;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	background:#000;
	background:rgba(0,0,0,0.8);
}

#oLightboxFrame{
	display:none;
	position:fixed;
	left:50%;
	top:50%;
	line-height:0;
	z-index:1001;
	width:990px;
	height:748px;
	padding:0;
	margin:-374px 0 0 -495px;
}

#oLightboxFrame .clsCloseIcon{
	position:absolute;
	right:0;
	top:0;
	width:48px;
	height:48px;
	cursor:pointer;
	z-index:10;
	background:url(../images/lb_close.png) no-repeat center center;
	transition: all .5s ease-in-out;
}

#oLightboxFrame .clsCloseIcon:hover{
	transform:rotate(180deg)
}



/******************************************************************/
.clsAbout{
	color:#000000;
	font-size:18px;
	line-height:22px;
	letter-spacing:0.5px;
	position:relative;
	z-index:11;
	height:330px;
	width:620px;
	padding:0 50px 0 20px;
	margin:0 auto 0 auto;
}

.clsAbout a{
	color:#487242 !important;
	text-decoration:underline !important;
}

.clsAbout a:hover{
	color:#ca1f23 !important;
}

.clsAbout h2{
	color:#e5e5e5;
	font-size:29px;
	line-height:29px;
	padding:26px 0 0 24px;
	margin:0 0 50px 0;
}

.clsAbout .clsText2{
	display:none;
}

.clsAbout .clsNav{
	font-size:0;
	position:absolute;
	right:18px;
	bottom:15px;
	width:178px;
	height:28px;
}

.clsAbout .clsNav.clsBtn2Sel{
	background:url(../images/and_where_selected.png) no-repeat;
}

.clsAbout .clsNav .clsBtn{
	font-size:16px;
	text-align:center;
	cursor:pointer;
	display:inline-block;
	width:88px;
	height:28px;
	padding-top:3px;
}

.clsAbout .clsNav .clsBtn1{
	color:#000;
}

.clsAbout .clsNav .clsBtn2{
	color:#000;
}

.clsAbout .clsNav.clsBtn2Sel .clsBtn1{
	color:#000;
}

.clsAbout .clsNav.clsBtn2Sel .clsBtn2{
	color:#000;
}


/******************************************************************/
.clsShop{
	position:relative;
	z-index:11;
	height:395px;
	padding:100px 0 0 0;
	margin:auto;
}

.clsShop h2{
	color:#f4d2d3;
	font-size:29px;
	line-height:29px;
	text-align:center;
	padding:13px 0 0 0;
	margin:0 auto 22px auto;
}

.clsShop .clsShopItems .clsShopItem{
}

.clsShop .clsShopItems .clsShopItem:nth-child(4n){
	margin-right:0;
}

.clsShop .clsShopItems .clsShopItem h3{
	color:#e8e2dd;
	font-size:15px;
	line-height:18px;
	padding:0;
	margin:0 0 1px 0;
	text-align:center;
	text-transform: uppercase;
}

.clsShop .clsShopItems .clsShopItem h3 a{
	display:block;
}



/******************************************************************/
.clsContact{
	line-height:22px;
	position:relative;
	z-index:11;
	height:720px;
	width:428px;
	padding:28px 0 0 0;
	margin:auto;
}

.clsContact h2{
	color:#e8e2dd;
	margin:0 0 22px 0;
}

input::-webkit-input-placeholder {color:#c9a97f;}
input:-moz-placeholder {color:#c9a97f;}
input:-ms-input-placeholder {color:#c9a97f;}
textarea::-webkit-input-placeholder {color:#c9a97f;}
textarea:-moz-placeholder {color:#c9a97f;}
textarea:-ms-input-placeholder {color:#c9a97f;}

.clsContact input.clsField,
.clsContact textarea.clsField{
	font-size:18px;
	line-height:18px;

	width:400px;
	height:28px;
	padding:0 8px 0 8px;
	margin:0 0 12px 3px;
	border:0 none;
	background:transparent;
	resize:none;
	outline:none;
}

.clsContact textarea.clsField{
	height:165px;
	padding-top:5px;
	margin:0 0 12px 0;
}

input.clsField:focus::-webkit-input-placeholder{color:transparent;}
textarea.clsField:focus::-webkit-input-placeholder{color:transparent;}

.clsContact input.clsSubmitBtn{
	width:83px;
	height:50px;
	border:0 none;
	outline:0 none;
	background:url(../images/arrows.png) no-repeat;
	background-position: -438px 0;
}

.clsContact input.clsSubmitBtn:hover{
	background-position: -522px 0;
}

.clsContact #oErrorMsg{
	float:left;
	width:155px;
	height:50px;
}

.clsContact #oFormThanksMsg{
	display:none;
	color:#cccccc;

	float:right;
	height:50px;
	width:155px;
	margin-right:19px;
}



/******************************************************************/
footer{
	color:#58cdca;
	font-size:18px;
	line-height:16px;
	text-align:center;
	position:relative;
	z-index:11;
	height:50px;
	padding:40px 20px 0 0 !important;
}

footer a:link,
footer a:visited,
footer a:active,
footer a:hover{
	color:#58cdca; 
	text-decoration:none;
}
footer a:hover{
	color:#fff;
	text-decoration:underline;
}




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

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}


/******************************************************************/
#oAnimations{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:3082px;
	overflow:hidden;
}

#oAnimations div.wrap{
	position:absolute;
	left:50%;
	z-index:10;
}

#oAnimations div.wrap div.anim{
	background-position:0 0;
	/*background-repeat:no-repeat;*/
}

/********************/
.light{
	position:absolute;
	left:50%;
	top:1800px;
	z-index:10;
	
	width:70px;
	height:105px;
	margin-left:720px;
}

.light:hover:before{
	content:"";
	position:absolute;
	left:16px;
	top:79px;
	width:41px;
	height:27px;
	background-image: url(../images/illustrations/light.png);
	background:url(../images/illustrations/all.png) no-repeat -1113px  0!important;
}

#oAnimations .sea{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:355px;
	z-index:2;
	background:url(../images/illustrations/sea.png);
}

/********************/
.propellor_right .anim{
	background:url(../images/illustrations/all.png) no-repeat -1493px 0!important;
	
	-webkit-animation: propellor_right 2s linear infinite;
	animation: propellor_right 2s linear infinite;

	-webkit-transform-origin:38px 42px;
	transform-origin:38px 42px;

}
@-webkit-keyframes propellor_right {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes propellor_right {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/********************/
.propellor_left  .anim{
	background:url(../images/illustrations/all.png) no-repeat -1416px  0!important;
	
	-webkit-animation: propellor_left 2s linear infinite;
	animation: propellor_left 2s linear infinite;

	-webkit-transform-origin:37px 42px;
	transform-origin:37px 42px;

}
@-webkit-keyframes propellor_left {
	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}
@keyframes propellor_left {
	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

/********************/
.apple{
	transition: all .3s ease-in-out;
	transition-property:margin;
}

@-webkit-keyframes apple {
	0% { background-position-x:0; }
	50% { background-position-x:0;}
	75% { background-position-x:-1392px;}
	100% { background-position-x:0; }
}
@keyframes apple {
	0% { background-position-x:0; }
	50% { background-position-x:0;}
	75% { background-position-x:-1392px;}
	100% { background-position-x:0; }
}

/********************/
.rope:hover .anim{
	-webkit-animation-iteration-count:1!important;
    animation-iteration-count:1!important;
}

/********************/
.rabbit_ears:hover .anim{
	-webkit-animation-iteration-count:2!important;
    animation-iteration-count:2!important;
}

/********************/
@-webkit-keyframes cashier_tail {
	0% { background-position-x:0; }
	100% { background-position-x:-585px;}
}
@keyframes cashier_tail {
	0% { background-position-x:0; }
	100% { background-position-x:-585px;}
}

/********************/
.oldman:hover .anim{
	-webkit-animation-iteration-count:1!important;
    animation-iteration-count:1!important;
}

@-webkit-keyframes oldman {
	0% { background-position-x:0; }
	11% { background-position-x:-897px;}
	11.01% { background-position-x:-897px;}
	100% { background-position-x:-897px;}
}
@keyframes oldman {
	0% { background-position-x:0; }
	11% { background-position-x:-897px;}
	11.01% { background-position-x:-897px;}
	100% { background-position-x:-897px;}
}

/********************/
@-webkit-keyframes farting {
	0% { background-position-x:0; }
	50% { background-position-x:-17885px;}
	100% { background-position-x:-17885px;}
}
@keyframes farting {
	0% { background-position-x:0; }
	50% { background-position-x:-17885px;}
	100% { background-position-x:-17885px;}
			
}

/********************/
@-webkit-keyframes rabbit_ears {
	0% { background-position-x:0; }
	10% { background-position-x:-294px;}
	10.01% { background-position-x:0; }
	20% { background-position-x:-294px; }
	100% { background-position-x:-294px; }
}
@keyframes rabbit_ears {
	0% { background-position-x:0; }
	10% { background-position-x:-294px;}
	10.01% { background-position-x:0; }
	20% { background-position-x:-294px; }
	100% { background-position-x:-294px; }			
}

/********************/
@-webkit-keyframes veryoldman {
	0% { background-position-x:0; }
	90% { background-position-x:0;}
	95% { background-position-x:-960px;}
	90% { background-position-x:0;}
}
@keyframes veryoldman {
	0% { background-position-x:0; }
	90% { background-position-x:0;}
	95% { background-position-x:-960px;}
	90% { background-position-x:0;}

}

/********************/
@-webkit-keyframes rope {
	0% { background-position-x:0; }
	11% { background-position-x:-676px;}
	11.01% { background-position-x:-676px;}
	100% { background-position-x:-676px;}
}
@keyframes rope {
	0% { background-position-x:0; }
	11% { background-position-x:-676px;}
	11.01% { background-position-x:-676px;}
	100% { background-position-x:-676px;}
}

/********************/
@-webkit-keyframes seller_eyes {
	0% { background-position-x:0; }
	11% { background-position-x:0;}
	11.01% { background-position-x:0;}
	16.01% { background-position-x:-144px;}
	100% { background-position-x:-144px;}
}
@keyframes seller_eyes {
	0% { background-position-x:0; }
	11% { background-position-x:0;}
	11.01% { background-position-x:0;}
	16.01% { background-position-x:-144px;}
	100% { background-position-x:-144px;}
}

/********************/
.watering_plant_eye{
	position:absolute;
	left:50%;
	z-index: 11;
	
	top:135px;
	margin-left:-1272px;
	width:100px;
	height:80px;
	padding:22px 0 0 27px;
}

.watering_plant_eye .anim1{
	width:10px;
	height:12px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image: url(../images/illustrations/watering_plant_eye.png);
}

.watering_plant_eye:hover .anim1{
	-webkit-animation: watering_plant_eye 3s steps(4) infinite;
	animation: watering_plant_eye 3s steps(4) infinite;

	-webkit-animation-iteration-count:1;
	animation-iteration-count: 1;
}

@-webkit-keyframes watering_plant_eye {
	0% { background-position-x:0; }
	5% { background-position-x:-40px; }
	95% { background-position-x:-40px; }
	100% { background-position-x:0; }
}
@keyframes watering_plant_eye {
	0% { background-position-x:0; }
	5% { background-position-x:-40px; }
	95% { background-position-x:-40px; }
	100% { background-position-x:0; }
}

.watering_plant_eye:hover .anim2{
	opacity:0;
	position:absolute;
	left:40px;
	top:8px;
	width:10px;
	height:22px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image: url(../images/illustrations/watering.png);

	-webkit-animation: watering 2s steps(2) infinite;
	animation: watering 2s steps(2) infinite;

	-webkit-animation-iteration-count:1;
	animation-iteration-count: 1;
}

@-webkit-keyframes watering {
	0% { opacity:1; background-position-x:0; }
	5% { background-position-x:-22px; }
	10% { background-position-x:0; }
	15% { background-position-x:-22px; }
	20% { background-position-x:0; }
	25% { background-position-x:-22px; }
	30% { background-position-x:0; }
	35% { background-position-x:-22px; }
	40% { background-position-x:0; }
	45% { background-position-x:-22px; }
	50% { background-position-x:0; }
	55% { background-position-x:-22px; }
	60% { background-position-x:0; }
	65% { background-position-x:-22px; }
	70% { background-position-x:0; }
	75% { background-position-x:-22px; }
	80% { background-position-x:0; }
	85% { background-position-x:-22px; }
	90% { background-position-x:0; }
	95% { background-position-x:-22px; }
	100% { opacity:0; }
}
@keyframes watering {
	0% { display:none; background-position-x:0; }
	5% { background-position-x:-22px; }
	10% { background-position-x:0; }
	15% { background-position-x:-22px; }
	20% { background-position-x:0; }
	25% { background-position-x:-22px; }
	30% { background-position-x:0; }
	35% { background-position-x:-22px; }
	40% { background-position-x:0; }
	45% { background-position-x:-22px; }
	50% { background-position-x:0; }
	55% { background-position-x:-22px; }
	60% { background-position-x:0; }
	65% { background-position-x:-22px; }
	70% { background-position-x:0; }
	75% { background-position-x:-22px; }
	80% { background-position-x:0; }
	85% { background-position-x:-22px; }
	90% { background-position-x:0; }
	95% { background-position-x:-22px; }
	100% { opacity:0; }
}

/********************/
.tree_dove_wing.wrap:hover .anim{
	-webkit-animation-iteration-count:2!important;
    animation-iteration-count:2!important;
}

/********************/
@-webkit-keyframes tree_dove_eyes {
	0% { background-position-x:0; }
	90% { background-position-x:0;}
	100% { background-position-x:-84px; }
}
@keyframes tree_dove_eyes {
	0% { background-position-x:0; }
	90% { background-position-x:0;}
	100% { background-position-x:-84px; }
}

/********************/
.mustache.wrap:hover .anim{
	-webkit-animation-iteration-count:2!important;
    animation-iteration-count:2!important;
}

/********************/
.harp_hands.wrap:hover .anim{
	-webkit-animation-iteration-count:3!important;
    animation-iteration-count:3!important;
}

@-webkit-keyframes harp_hands {
	0% { background-position-x:0; }
	10% { background-position-x:-1428px;}
	10.01% { background-position-x:0; }
	20% { background-position-x:-1428px; }
	100% { background-position-x:-1428px; }
}
@keyframes harp_hands {
	0% { background-position-x:0; }
	10% { background-position-x:-1428px;}
	10.01% { background-position-x:0; }
	20% { background-position-x:-1428px; }
	100% { background-position-x:-1428px; }
}

/********************/
.hat{
	position:absolute;
	left:50%;
	top:1895px;
	z-index:11;
	
	width:79px;
	height:74px;
	margin-left:-40px;
}

.hat:before{
	content:"";
	position:absolute;
	left:10px;
	top:40px;
	width:59px;
	height:34px;
	background-image: url(../images/illustrations/light.png);
	background:url(../images/illustrations/all.png) no-repeat -1044px 0!important;
}

.hat:hover:before{
	-webkit-animation: hat 1s infinite;
	animation: hat 1s infinite;

	-webkit-animation-iteration-count:1;
	animation-iteration-count: 1;
}

@-webkit-keyframes hat {
	0% { top:40px; }
	50% { top:0; }
	100% { top:40px; }
}
@keyframes hat {
	0% { top:40px; }
	50% { top:0; }
	100% { top:40px; }
}


/********************/
.tree_hat{
	position:absolute;
	left:50%;
	top:318px;
	z-index:10;
	
	width:103px;
	height:140px;
	margin-left:1056px;
}

.tree_hat:before{
	content:"";
	position:absolute;
	left:30px;
	top:40px;
	width:43px;
	height:41px;
	background-image: url(../images/illustrations/light.png);
	background:url(../images/illustrations/all.png) no-repeat -2224px 0!important;
}

.tree_hat:hover:before{
	-webkit-animation: tree_hat 0.8s linear infinite;
	animation: tree_hat 0.8s linear infinite;

	-webkit-animation-iteration-count:1;
	animation-iteration-count: 1;
}

@-webkit-keyframes tree_hat {
	0% { top:40px; }
	70% { top:0; }
	100% { top:40px; }
}
@keyframes tree_hat {
	0% { top:40px; }
	70% { top:0; }
	100% { top:40px; }
}

/********************/
.shopstars_left{
	position:absolute;
	left:50%;
	top:1896px;
	z-index:10;
	
	width:119px;
	height:64px;
	margin-left:-519px;
	background:url() no-repeat 0 0;

	-webkit-animation: shopstars_left 2s infinite;
	animation: shopstars_left 2s infinite;
}

@-webkit-keyframes shopstars_left {
	0% {background-image: url(../images/illustrations/shopstars_left_1.png); }
	50% { background-image: url(../images/illustrations/shopstars_left_2.png); }
	100% { background-image: url(../images/illustrations/shopstars_left_1.png); }
}
@keyframes shopstars_left {
	0% {background-image: url(../images/illustrations/shopstars_left_1.png); }
	50% { background-image: url(../images/illustrations/shopstars_left_2.png); }
	100% { background-image: url(../images/illustrations/shopstars_left_1.png); }
}

/********************/
.shopstars_right{
	position:absolute;
	left:50%;
	top:1880px;
	z-index:10;
	
	width:120px;
	height:68px;
	margin-left:361px;
	background:url() no-repeat 0 0;

	-webkit-animation: shopstars_right 2s infinite;
	animation: shopstars_right 2s infinite;
}

@-webkit-keyframes shopstars_right {
	0% {background-image: url(../images/illustrations/shopstars_right_2.png); }
	50% { background-image: url(../images/illustrations/shopstars_right_1.png); }
	100% { background-image: url(../images/illustrations/shopstars_right_2.png); }
}
@keyframes shopstars_right {
	0% {background-image: url(../images/illustrations/shopstars_right_2.png); }
	50% { background-image: url(../images/illustrations/shopstars_right_1.png); }
	100% { background-image: url(../images/illustrations/shopstars_right_2.png); }
}

/********************/
@-webkit-keyframes bulbs {
	0% { background-position-x:0; }
	100% { background-position-x:-2498px; }
}
@keyframes bulbs {
	0% { background-position-x:0; }
	100% { background-position-x:-2498px; }
}

/********************/
@-webkit-keyframes bigbush_lefteye {
	0% { background-position-x:0; }
	95% { background-position-x:0;}
	100% { background-position-x:-112px; }
			
}
@keyframes bigbush_lefteye {
	0% { background-position-x:0; }
	95% { background-position-x:0;}
	100% { background-position-x:-112px; }
}

@-webkit-keyframes bigbush_righteye {
	0% { background-position-x:0; }
	90% { background-position-x:0;}
	100% { background-position-x:-84px; }
}
@keyframes bigbush_righteye {
	0% { background-position-x:0; }
	90% { background-position-x:0;}
	100% { background-position-x:-84px; }
			
}

/********************/
#oAnimations .boat1{
	position:absolute;
	left:85%;
	top:2701px;
	z-index:5;
	width:107px;
	height:81px;
	background:url(../images/illustrations/all.png) no-repeat 0 0;
	-webkit-animation: boat1 40s linear infinite;
	animation: boat1 40s linear infinite;
}

@-webkit-keyframes boat1 {
	0% { left:85%; top:2701px; }
	15% { left:110%; top:2701px; }
	15.00001% { left:110%; top:4000px; }
	15.00002% { left:-10%; top:4000px; }
	15.00003% { left:-10%; top:2701px; }
	25% { left:-10%; top:2701px; }
	100% { left:85%; top:2701px; }
}

@keyframes boat1 {
	0% { left:85%; top:2701px; }
	15% { left:110%; top:2701px; }
	15.00001% { left:110%; top:4000px; }
	15.00002% { left:-10%; top:4000px; }
	15.00003% { left:-10%; top:2701px; }
	25% { left:-10%; top:2701px; }
	100% { left:85%; top:2701px; }
}

/********************/
#oAnimations .boat2{
	position:absolute;
	left:35%;
	top:2741px;
	z-index:7;
	width:136px;
	height:101px;
	background:url(../images/illustrations/all.png) no-repeat -117px 0;
	-webkit-animation: boat2 36s linear infinite;
	animation: boat2 36s linear infinite;
}

@-webkit-keyframes boat2 {
	0% { left:25%; top:2741px; }
	70% { left:110%; top:2741px; }
	70.00001% { left:110%; top:4000px; }
	70.00002% { left:-10%; top:4000px; }
	70.00003% { left:-10%; top:2741px; }
	80% { left:-10%; top:2741px; }
	100% { left:25%; top:2741px; }
}

@keyframes boat2 {
	0% { left:25%; top:2741px; }
	70% { left:110%; top:2741px; }
	70.00001% { left:110%; top:4000px; }
	70.00002% { left:-10%; top:4000px; }
	70.00003% { left:-10%; top:2741px; }
	80% { left:-10%; top:2741px; }
	100% { left:25%; top:2741px; }
}

/********************/
#oAnimations .boat3{
	position:absolute;
	left:15%;
	top:2698px;
	z-index:6;
	width:76px;
	height:101px;
	padding:68px 0 0 25px;
	background:url(../images/illustrations/all.png) no-repeat -263px 0;
	-webkit-animation: boat3 60s linear infinite;
	animation: boat3 60s linear infinite;
}

@-webkit-keyframes boat3 {
	0% { left:15%; top:2698px; }
	15% { left:-10%; top:2698px; }
	15.00001% { left:-10%; top:4000px; }
	15.00002% { left:110%; top:4000px; }
	15.00003% { left:110%; top:2698px; }
	25% { left:110%; top:2698px; }
	100% { left:15%; top:2698px; }
}

@keyframes boat3 {
	0% { left:15%; top:2698px; }
	15% { left:-10%; top:2698px; }
	15.00001% { left:-10%; top:4000px; }
	15.00002% { left:110%; top:4000px; }
	15.00003% { left:110%; top:2698px; }
	25% { left:110%; top:2698px; }
	100% { left:15%; top:2698px; }
}

#oAnimations .boat3 .anim{
	width:30px;
	height:30px;
	background:url(../images/illustrations/all.png) no-repeat -349px  0;

	-webkit-animation: boat3anim 1s linear infinite;
	animation: boat3anim 1s linear infinite;
	transform-origin:15px 15px;

}

@-webkit-keyframes boat3anim {
	100% { transform:rotate(-360deg) }
}
@keyframes boat3anim {
	100% { transform:rotate(-360deg) }
}

/********************/
#oAnimations .boat4{
	position:absolute;
	left:10%;
	top:2691px;
	z-index:4;
	width:85px;
	height:71px;
	background:url(../images/illustrations/all.png) no-repeat -389px 0;

	-webkit-animation: boat4 40s linear infinite;
	animation: boat4 40s linear infinite;
}

@-webkit-keyframes boat4 {
	0% { left:10%; top:2691px; }
	10% { left:-10%; top:2691px; }
	10.00001% { left:-10%; top:4000px; }
	10.00002% { left:110%; top:4000px; }
	10.00003% { left:110%; top:2691px; }
	20% { left:110%; top:2691px; }
	100% { left:10%; top:2691px; }
}
@keyframes boat4 {
	0% { left:10%; top:2691px; }
	10% { left:-10%; top:2691px; }
	10.00001% { left:-10%; top:4000px; }
	10.00002% { left:110%; top:4000px; }
	10.00003% { left:110%; top:2691px; }
	20% { left:110%; top:2691px; }
	100% { left:10%; top:2691px; }
}

/********************/
#oAnimations .poo_boat {
	position:absolute;
	left:5%;
	top:2783px;
	z-index:8;
	width:67px;
	height:69px;
	padding:0 0 0 42px;
	background:url(../images/illustrations/poo_boat.png) no-repeat 0 0;
	background:url(../images/illustrations/all.png) no-repeat -1236px 0;

	-webkit-animation: poo_boat 50s linear infinite;
	animation: poo_boat 50s linear infinite;
}

@-webkit-keyframes poo_boat {
	0% { left:15%; top:2783px; }
	15% { left:-10%; top:2783px; }
	15.00001% { left:-10%; top:4000px; }
	15.00002% { left:110%; top:4000px; }
	15.00003% { left:110%; top:2783px; }
	25% { left:110%; top:2783px; }
	100% { left:15%; top:2783px; }
}
@keyframes poo_boat {
	0% { left:15%; top:2783px; }
	15% { left:-10%; top:2783px; }
	15.00001% { left:-10%; top:4000px; }
	15.00002% { left:110%; top:4000px; }
	15.00003% { left:110%; top:2783px; }
	25% { left:110%; top:2783px; }
	100% { left:15%; top:2783px; }
}

#oAnimations .poo_boat .anim{
	width:21px;
	height:16px;
	background:url(../images/illustrations/poo_boat_flag.png);

	-webkit-animation: poo_boat_anim 0.3s steps(4) infinite;
	animation: poo_boat_anim 0.3s steps(4) infinite;
}
@-webkit-keyframes poo_boat_anim {
	0% { background-position-x:0; }
	100% { background-position-x:-84px; }
}
@keyframes poo_boat_anim {
	0% { background-position-x:0; }
	100% { background-position-x:-84px; }
}

/********************/
#oAnimations .cumber_boat {
	position:absolute;
	left:8%;
	top:2800px;
	z-index:9;
	width:74px;
	height:76px;
	padding:0 0 0 30px;
	background:url(../images/illustrations/cumber_boat.png) no-repeat 0 0;
	background:url(../images/illustrations/all.png) no-repeat -857px 0!important;

	-webkit-animation: cumber_boat 40s linear infinite;
	animation: cumber_boat 40s linear infinite;
}

@-webkit-keyframes cumber_boat {
	0% { left:8%; top:2800px; }
	75% { left:110%; top:2800px; }
	75.00001% { left:110%; top:4000px; }
	75.00002% { left:-10%; top:4000px; }
	75.00003% { left:-10%; top:2800px; }
	85% { left:-10%; top:2800px;; }
	100% { left:8%; top:2800px; }
}
@keyframes cumber_boat {
	0% { left:8%; top:2800px; }
	75% { left:110%; top:2800px; }
	75.00001% { left:110%; top:4000px; }
	75.00002% { left:-10%; top:4000px; }
	75.00003% { left:-10%; top:2800px; }
	85% { left:-10%; top:2800px;; }
	100% { left:8%; top:2800px; }
}

#oAnimations .cumber_boat .anim{
	position:relative;
	top:-5px;
	width:16px;
	height:10px;
	background:url(../images/illustrations/boat_cumber_hair.png);

	-webkit-animation: cumber_boat_anim 0.3s steps(4) infinite;
	animation: cumber_boat_anim 0.3s steps(4) infinite;
}
@-webkit-keyframes cumber_boat_anim {
	0% { background-position-x:0; }
	100% { background-position-x:-64px; }
}
@keyframes cumber_boat_anim {
	0% { background-position-x:0; }
	100% { background-position-x:-64px; }
}

/********************/
#oAnimations .tape_reel .tape_left_reel{
	position:absolute;
	left:50%;
	margin-left:326px;
	top:2483px;
	z-index:11;
	width:56px;
	height:58px;
	background:url(../images/illustrations/tape_left_reel.png) no-repeat 0 0;
	background:url(../images/illustrations/all.png) no-repeat -2090px 0;
}

#oAnimations .tape_reel.clsActive .tape_left_reel{
	-webkit-animation: tape_left_reel 2s linear infinite;
	animation: tape_left_reel 2s linear infinite;
}
@-webkit-keyframes tape_left_reel {
	100% { transform:rotate(360deg) }
}
@keyframes tape_left_reel {
	100% { transform:rotate(360deg) }
}

/********************/
#oAnimations .tape_reel .tape_right_reel{
	position: absolute;
	left: 50%;
	margin-left: 390px;
	top: 2482px;
	z-index: 11;
	width: 58px;
	height: 57px;
	background: url(../images/illustrations/tape_right_reel.png) no-repeat 0 0;
	background:url(../images/illustrations/all.png) no-repeat -2156px 0;
}
#oAnimations .tape_reel.clsActive .tape_right_reel{
	-webkit-animation: tape_right_reel 2s linear infinite;
	animation: tape_right_reel 2s linear infinite;
}
@-webkit-keyframes tape_right_reel {
	100% { transform:rotate(360deg) }
}
@keyframes tape_right_reel {
	100% { transform:rotate(360deg) }
}

/********************/
#oAnimations .tape_reel .tape_volume{
	position:absolute;
	left:50%;
	margin-left:342px;
	top:2565px;
	z-index:11;
	width:12px;
	height:8px;
	background:url(../images/illustrations/tape_volume.png) no-repeat 0 0;
}
#oAnimations .tape_reel.clsActive .tape_volume{
	-webkit-animation: tape_volume 0.6s steps(15) infinite;
	animation: tape_volume 0.6s steps(15) infinite;
}
@-webkit-keyframes tape_volume {
	0% { background-position-x:0; }
	100% { background-position-x:-330px;}
}
@keyframes tape_volume {
	0% { background-position-x:0; }
	100% { background-position-x:-330px;}
}


/********************/
@-webkit-keyframes mermaid_eye {
	0% { background-position-x:0; }
	100% { background-position-x:-1140px;}
}
@keyframes mermaid_eye {
	0% { background-position-x:0; }
	100% { background-position-x:-1140px;}
}

/********************/
@-webkit-keyframes swing_legs {
	0% { background-position-x:0; }
	25% { background-position-x:-5040px;}
	25.01% { background-position-x:0;}
	100% { background-position-x:0;}
}
}
@keyframes swing_legs {
	0% { background-position-x:0; }
	25% { background-position-x:-5040px;}
	25.01% { background-position-x:0;}
	100% { background-position-x:0;}
}

/********************/
#falling_creature{
	position:absolute;
	top:1780px;
	left:50%;
	z-index:11;
	margin-left:-755px;
	
	width:55px;
	height:95px;
	background:url(../images/illustrations/falling_creature.png) no-repeat 0 0;
	background:url(../images/illustrations/all.png) no-repeat -941px 0!important;
}

#oAnimations #falling_creature.clsFixed{
	position:fixed;
	top:366px;
}

#oAnimations .pot_cover{
	position:absolute;
	top:1826px;
	left:50%;
	z-index:12;
	margin-left:-775px;
	width:74px;
	height:138px;
	background:url(../images/illustrations/pot_cover.png);
	background:url(../images/illustrations/all.png) no-repeat -1332px 0;
}

#oAnimations .tunnel_cover{
	position:absolute;
	top:736px;
	left:50%;
	z-index:12;
	margin-left:-765px;
	width:36px;
	height:96px;
	background:url(../images/illustrations/tunnel_cover.png);
	background:url(../images/illustrations/all.png) no-repeat -2277px 0;
}



/********************/
#worm{
	position:absolute;
	top:2785px;
	left:50%;
	z-index:11;
	margin-left:540px;
	
	width:179px;
	height:495px;
	background:url(../images/illustrations/worm.png) no-repeat 0 0;
	background:url(../images/illustrations/all.png) no-repeat -2323px   0;
}

#oAnimations .worm_behind{
	position:absolute;
	top:2946px;
	left:50%;
	z-index:10;
	margin-left:600px;	
	width:138px;
	height:61px;
	background:url(../images/illustrations/worm_behind.png);
	background:url(../images/illustrations/all.png) no-repeat -2512px 0;
}

#oAnimations .worm_cover{
	position:absolute;
	top:2985px;
	left:50%;
	z-index:12;
	margin-left:560px;
	width:183px;
	height:109px;
	background:url(../images/illustrations/worm_cover.png);
	background:url(../images/illustrations/all.png) no-repeat -2660px   0;
}


/********************/
#backhills{
	position:fixed;
	top:74px;
	left:0;
	z-index:9;
	
	width:100%;
	height:248px;
	background:url(../images/illustrations/backhills.png) no-repeat center top;
}

/********************/
#creature_left_far{
	position:absolute;
	top:1713px;
	left:50%;
	margin-left:-478px;
	z-index:8;
	
	width:110px;
	height:160px;
	background:url(../images/illustrations/all.png) no-repeat -604px 0;
}

/********************/
#creature_left_closer{
	position:absolute;
	top:1766px;
	left:50%;
	margin-left:-453px;
	z-index:9;
	
	width:110px;
	height:137px;
	background:url(../images/illustrations/all.png) no-repeat -484px 0;
}

/********************/
#creature_right_far{
	position:absolute;
	top:1605px;
	top:1525px;
	left:50%;
	margin-left:370px;
	z-index:9;
	
	width:123px;
	height:175px;
	background:url(../images/illustrations/all.png) no-repeat -724px 0;
}

/********************/
#pink{
	position:absolute;
	top:1130px;
	left:50%;
	margin-left:-900px;
	z-index:9;
	
	width:62px;
	height:192px;
	background:url(../images/illustrations/all.png) no-repeat -1164px 0;
}

/********************/
@-webkit-keyframes poop_right {
	100% { transform:rotate(360deg) }
}
@keyframes poop_right {
	100% { transform:rotate(360deg) }
}

@-webkit-keyframes poop_left {
	100% { transform:rotate(-360deg) }
}
@keyframes poop_left {
	100% { transform:rotate(-360deg) }
}

#poop1{
	position:fixed;
	top:400px;
	left:50%;
	margin-left:745px;
	z-index:11;
	
	width:15px;
	height:10px;
	background:url(../images/illustrations/poop.png) no-repeat -60px 0;

	transform:rotate(0deg);
	transform-origin:10px 5px;
}
#poop1.clsActive{
	-webkit-animation: poop_right 0.5s linear infinite;
	animation: poop_right 0.5s linear infinite;
}

#poop2{
	position:fixed;
	top:380px;
	left:50%;
	margin-left:745px;
	z-index:11;
	
	width:15px;
	height:10px;
	background:url(../images/illustrations/poop.png) no-repeat -45px 0;

	transform:rotate(0deg);
	transform-origin:10px 5px;
}
#poop2.clsActive{
	-webkit-animation: poop_left 0.5s linear infinite;
	animation: poop_left 0.5s linear infinite;
}

#poop3{
	position:fixed;
	top:420px;
	left:50%;
	margin-left:747px;
	z-index:11;
	
	width:15px;
	height:10px;
	background:url(../images/illustrations/poop.png) no-repeat -30px 0;

	transform:rotate(0deg);
	transform-origin:10px 5px;
}
#poop3.clsActive{
	-webkit-animation: poop_right 0.5s linear infinite;
	animation: poop_right 0.5s linear infinite;
}

#poop4{
	position:fixed;
	top:470px;
	left:50%;
	margin-left:748px;
	z-index:11;
	
	width:15px;
	height:10px;
	background:url(../images/illustrations/poop.png) no-repeat -15px 0;

	transform:rotate(0deg);
	transform-origin:9px 5px;
}
#poop4.clsActive{
	-webkit-animation: poop_left 0.5s linear infinite;
	animation: poop_left 0.5s linear infinite;
}

#poop5{
	position:fixed;
	top:500px;
	left:50%;
	margin-left:750px;
	z-index:11;
	
	width:15px;
	height:10px;
	background:url(../images/illustrations/poop.png) no-repeat 0 0;

	transform:rotate(0deg);
	transform-origin:6px 5px;
}
#poop5.clsActive{
	-webkit-animation: poop_right 0.5s linear infinite;
	animation: poop_right 0.5s linear infinite;
}

#oAnimations .poop_cover{
	position:absolute;
	top:626px;
	left:50%;
	z-index:12;
	margin-left:745px;
	width:19px;
	height:136px;
	background:url(../images/illustrations/poop_cover.png);
	background:url(../images/illustrations/all.png) no-repeat -1303px 0;
}









@media only screen and (max-width : 1270px) {
	.clsGrid{
		width:100%;
	}

	.clsShop .clsShopItems{
		text-align:center
	}

	.clsShop .clsShopItems .clsShopItem{
		margin:0 12px 15px 12px;
	}
	.clsShop .clsShopItems .clsShopItem:nth-child(4n){
		display:none;
	}

}

@media only screen and (max-width : 1100px) {
	header ul.clsSocialMediaIcons{
		left:auto;
		right:10px;
		margin-left:0;
	}
}

@media only screen and (max-width : 1024px) {
	.clsIsland{
		background:url(../images/bg_tablet.jpg) no-repeat center 15px;
		-webkit-background-size: 1024px 3017px; 
	}
	
	#backhills{
		position:absolute;
		top:74px;
	}

	#oLightboxFrame{
		height:600px;
		padding:0;
		margin:-300px 0 0 -495px;
	}

	.clsLightbox .clsBigImg{
		height:410px;
	}

	.clsLightbox .clsBigImg img{
		height:410px;
	}

	.clsLightbox .clsBigImg iframe{
		height:410px;
	}
}

@media only screen and (max-width : 930px) {
	.clsShop .clsShopItems .clsShopItem:nth-child(3n) {
		display: none;
	}
}

@media only screen and (max-width : 990px) {
	#oLightboxFrame{
		width:750px;
		height:466px;
		padding:0;
		margin:-233px 0 0 -375px;
	}

	.clsLightbox{
		width:750px;
	}

	.clsLightbox .clsBigImg{
		height:280px;
	}

	.clsLightbox .clsBigImg img{
		height:280px;
	}

	.clsLightbox .clsBigImg iframe{
		width:600px;
		height:280px;
	}

	.clsLightbox .clsImages{
		width:456px;
		height:64px;
	}

	.clsPrevWork, .clsNextWork, #backhills, .clsLightbox .clsPrevBtn ,.clsLightbox  .clsNextBtn  {
		display:none!important;
	}
}

@media only screen and (max-width : 640px) {
	html{
		height:1541px;
		overflow-y:scroll;
	}

	.clsGrid, .clsIsland, #oAnimations, #oLightboxFrame{
		zoom:50%;
	}

	.clsIsland{
		background:url(../images/bg_small.jpg) no-repeat center 15px;
		-webkit-background-size: 1500px 3017px; 
	}

	.clsGrid{
		width:640px;
	}

	#oLightboxFrame{
		width:600px;
		margin:-233px 0 0 -300px;
	}

	.clsLightbox{
		width:640px;
	}

	#oLightboxFrame .clsCloseIcon{
		top:-50px;
	}

	#oAnimations .boat1,
	#oAnimations .boat2,
	#oAnimations .boat3,
	#oAnimations .boat4,
	#oAnimations .poo_boat,
	#oAnimations .cumber_boat {
		display:none!important;
	}
}