.page_home #page_home {
    overflow:hidden;
    width:100%;
    height:450px
}

#page_home #petHome {
    width: 100%;
    height:450px;
    overflow: visible;
    position: relative;
    top: 0;
    left: 0;
}

#petAreaWrap.page_home{
    width:auto;
    max-width:1100px;
    min-width:828px
}

#homeRoomWrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 830px;
    height: 450px;
    overflow: hidden;
}

#homeRoom {
    position: absolute;
    top: 0;
    left: 0;
    width: 1500px;
}

.homeHideInterface #homeInterface {display: none}

#page_home #homeRooms { right: auto; left: 830px; }
.petApp #page_home #homeRooms { left: 710px; }
#page_home #homeRooms.withYard { left: 780px; }
.petApp #page_home #homeRooms.withYard { left: 670px; }

#flashGame
{
	position:absolute;
	display:none;
	z-index: 699;
    top:1px;
    left:-1px
}
.flashGame #petMoney {display:none}
.flashGame #flashGame {display:block}
#flashFei
{
    position:absolute; 
    left:0; 
    top:0; 
    height:200px; 
    margin-top:50px; 
	z-index: 99;
}
#petHome
{
	position:relative;
	-moz-user-select:none;
	-webkit-user-select:none;
}

/*
HOME PANEL
*/
#homePanel
{
	position:absolute;
	bottom: 0;
	left: 0;
    width: 850px;
	height:0;
	z-index: 300;
    text-align: center;
}
#homePanel ul.homePanel
{
    display: inline-block;
    position: relative;
	top: -56px;
    white-space: nowrap;
}
#homePanel .homePanelItem
{
	background-position: 0 0;
	position: relative;
	width: 50px;
	height: 50px;
	margin: 0;
	cursor: pointer;
    display:inline-block;
    *display:inline;
    *zoom:1;
}
#homePanel a
{
	display:block;
	height:50px
}
#homePanel .karma_bad {background-position:-600px 0}
#homePanel .karma_good {background-position:-650px 0}
#homePanel .weektop {background-position:-350px 0} 
#homePanel .gift {background-position:-700px 0}
#homePanel .gift.valentine {background: url(/app/pet/events/love_1_12/img/pet_home_gift.png)}
#homePanel .gift.valentine .saleIco {
    background: url(/app/pet/events/love_1_12/img/sale.png);
    width: 35px;
    height: 35px;
    top: -13px;
    left: -13px;
}
#homePanel .review {background-position:-800px 0}
#homePanel .send_message {background-position:-1200px 0}
#homePanel .send_pupil_invite {background-position:-950px 0}
#homePanel #skillsLink {background-position:-1050px 0}
#homePanel #awardsLink {background-position:-1100px 0}
#homePanel #achievementsLink {background-position:-1100px 0}
#homePanel #settingsLink {background-position:-1150px 0}
#homePanel #askGuideLink {background-position:-1000px 0}
#homePanel #suppliesLink {background-position:-1350px 0}
#homePanel #interiorLink {background-position:-1450px 0}
#homePanel #clothesLink {background-position:-1400px 0}
#homePanel #boutiqueLink {background:url(/app/pet/quests/img/14/boutique_icon.png) 0 0 no-repeat}
#homePanel #toggleMusic
{
	background-position:-1250px 0;
	width:28px;
	height:33px;
}
#homePanel #toggleSound
{
	background-position:-1278px 0;
	width:26px;
	height:34px;
	margin-top:14px
}
#toggleMusic.off, #toggleSound.off
{
	opacity:.5;
	filter:alpha(opacity=50)

}

#googlechrome {
    background: none !important;
}

#googlechrome .ico {
    background: url('/app/pet/promo/google_victorine/img/chrome_ico.png?1');
    width: 59px;
    height: 53px;
    margin: -5px 0 0 5px;
}

/*
FEED
*/
#petHomeEvents, #petVipReview {position:relative}
#petVipReview {margin:0 0 15px}
#petEventsListWrap, #petVipReviewWrap
{
	width:100%;
	position:relative
}
#petEventsList, #petVipReviewList{position:relative}
#bottomPanelEvents .icoSmCross {visibility:hidden}
#bottomPanelEvents li:hover .icoSmCross {visibility:visible}
#petEventsList ul, #petVipReviewList ul
{
	width:730px;
	float:left;
	min-height:60px
}
#petEventsList li
{
	overflow:hidden;
	float:left;
	width:44%;
	margin:0 5% 10px 0
}
#petVipReviewList li, #commentFormNY
{
	background:#eceb9e;
	color:#564316;
	position:relative;
	float:left;
	font-size:13px;
	min-height:94px;
	width:305px;
	margin:0 48px 10px 24px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}
#commentFormNY
{
	width:620px;
	padding:10px 20px 0;
	margin-bottom:25px;
	float:none;
	overflow:visible !important
}
#commentFormNY textarea
{
	width:480px;
    height:50px;
	margin-right:15px;
	float:left;
    resize:none;
}
#commentFormNY .button {margin-top:3px}

#petVipReviewList p {text-shadow:0 0 4px rgba(255, 255, 255, 0.45)}
#petVipReviewList li.even {margin-right:24px}
#petVipReviewList .userPic
{
	border:#b0994c solid 1px;
	float:left;
	margin:10px 0 10px 10px;
	width:auto;
	height:auto
}
#petVipReviewList .userPic img {margin:0}
#petVipReviewList .text
{
	overflow:hidden;
	padding:10px 10px 5px;
    text-align:left
}
#petVipReviewList p {line-height:16px; margin:0}
#petVipReviewList .date
{
	color:#798556;
	margin:0 0 2px;
	display:block
}
.venzel
{
	background:url(/app/pet/img/venzel.png) 0 0 no-repeat;
	width:27px;
	height:88px;
	left:-24px;
	margin-top:-44px;
	position:absolute;
	top:50%;
}
.venzelR
{
	background-position:-27px 0;
	margin-left:-3px;
	left:100%;
}

#petEventsList li.odd, #petVipReviewList li.odd {clear:both}
#petEventsList .feedIcon
{
    float:left;
	/*overflow:hidden;*/
	width:80px;
	position:relative
}
#petEventsList .feedIcon * {*zoom:1}
#petEventsList .feedIcon .feedIcon {width:auto}
#petEventsList .text
{
	overflow:hidden;
	color:#fff
}
#petEventsList .date
{
	display:block;
	font-size:11px;
	color:#b6e7fb
}
#petEventsList p
{
	font-size:14px;
	line-height:18px;
	color:#fff
}
#petEventsList p a {color:#fff}
#petEventsList .feedIcon em
{
    display:block
}
#petEventsList .feedIcon img
{
	display:block;
	margin:0 0 0 5px;
	width:48px;
	height:48px
}
#petEventsList em.petFeedUserItem
{
    display:block;
    position:relative;
    background:url(../../images/pet/feed/feed_item.png) no-repeat;
    width:108px;
    height:58px;
    margin-bottom:-58px;
    top:-54px;
    left:0
}
#petEventsList .petFeedUserItemDiv .feedIcon {
	position:absolute;
	top:5px;
	left:55px;
}

#petEventsList .petFeedUserItemDiv .feedIcon .icoSize40 {
	margin: 4px 0 0 5px;
}

#petEventsList .petFeedUserItemDiv {width:120px}
#petEventsList .petFeedUserItemDiv a
{
    position:relative;
    display:block;
}
#flashFloor
{
	position:absolute;
	top:273px;
	left:0;
	z-index:1;
	height:125px;
}
#flashFurnTransform {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#petArea .roomPreview
{
	background-position:50% 0;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left:0;
	/* z-index:12; */
	z-index:301;
	width:830px;
	height:450px;
	cursor:pointer
}

.hideIcons #homePanel ul.homePanel
{
	padding-top:60px
}
.hideIcons #questIcons
{
	padding-right:70px;
	left:-80px
}
#questIcons.newQuests
{
	padding-right:0 !important;
	left:0 !important
}

/*
QUEST TIMER
*/
#questTimer
{
	position:absolute;
	right:30px;
	top:135px;
	/* z-index:3; !z */
	z-index: 299;
	text-decoration:none;
	width:201px;
	height:165px;
	color:#fff
}
#questTimer .timeleft
{
	display:block;
	font-size:26px;
	text-align:center;
	margin-top:65px
}
#questTimer.questTimer_30011 {background:url(/app/pet/quests/img/ru_disco_timer.png) 0 0 no-repeat}
#questTimer.questTimer_30012
{
	background:url(/app/pet/quests/img/ru_budda_timer.png) 0 0 no-repeat;
	width:264px
}
.en #questTimer.questTimer_30011 {background-image:url(/app/pet/quests/img/en_disco_timer.png)}
.en #questTimer.questTimer_30012 {background-image:url(/app/pet/quests/img/en_budda_timer.png)}

#questTimer.questTimer_30012 .timeleft {padding-left:70px}

#questsHtmlData{
    position:absolute;
    bottom:60px;
    right:130px
}

/*
GAME TOY
*/
.petGameToy {
    background: url(/app/pet/img/icons5.png?n) -400px 0;
	width:50px;
	height:50px;
    position: absolute;
    z-index: 650;
}
.petGameToy.bear {background-position: -750px 0}

/*
BONUS DAY
*/
#bonusDay
{
	width:100%;
	background:url(/app/pet/img/bonus_bck.png) 0 0 no-repeat;
	position:relative;
	width:592px;
	top:-36px;
	left:-13px;
	z-index:1;
    /*margin: -31px -15px 15px;*/
}
#bonusDay .starsClubBonusInfo {margin:0 auto 0; top:15px}
#petPopup.bonusDay #closePopup, #petPopup.bonusDay .headerPopup  {
	z-index:2;
}
#bonusDayDays {
	position:absolute;
	left:35px;
	top:127px;
	overflow:hidden;
}
.bonusDayItem {
	float:left;
	background:url(/app/pet/img/bonus_days.png) 0 0 no-repeat;
	width:74px; height: 74px; margin: 0 15px;
}
.bonusDayCurItem {background-position:-74px 0;}
.bonusDayItem .value {
	position:relative;left:-14px;top:-2px;
	background:url(img/ru_fant48.png) 0 0 no-repeat;
	height:42px;padding-left:44px;line-height:46px;
	font-size:22px; color:#fff; font-weight:bold;
}
.en .bonusDayItem .value {background:url(/app/pet/img/en_fant48.png) 0 0 no-repeat}
.bonusDayItem .day {
	color:#fff; font-size:16px; font-weight:bold; text-align:center;
}
.bonusDayCurItem .day {color:#d61b51}
#bonusDayInfo {
	font-size:16px;
	padding:180px 0 0 20px;
	width:560px;
}
#bonusDay .petImage
{
	width:115px;
	height:144px;
	position:absolute;
	top:-25px;
	left:300px;
}
#bonusDay .petImageGold
{
    width:115px;
    height:144px;
	position:absolute;
	top:-25px;
	left:300px;
}
#bonusDayInfo .starsClubBonusInfo h3 {
    padding-top: 7px;
}

.c16 #bonusDay .petImage, .c16 .petBonusImage {background:url(../../images/pet/home/16/bonus.png) 50% 50% no-repeat}
.c18 #bonusDay .petImage, .c18 .petBonusImage {background:url(../../images/pet/home/18/bonus.png) 50% 50% no-repeat}
.c19 #bonusDay .petImage, .c19 .petBonusImage {background:url(../../images/pet/home/19/bonus.png) 50% 50% no-repeat}
.c20 #bonusDay .petImage, .c20 .petBonusImage {background:url(../../images/pet/home/20/bonus.png) 50% 50% no-repeat}
.c23 #bonusDay .petImage, .c23 .petBonusImage {background:url(../../images/pet/home/23/bonus.png) 50% 50% no-repeat}
.c26 #bonusDay .petImage, .c26 .petBonusImage {background:url(../../images/pet/home/26/bonus.png) 50% 50% no-repeat}
.c16 #bonusDay .petImageGold {background:url(../../images/pet/home/16/bonus_gold.png) 50% 50% no-repeat}
.c18 #bonusDay .petImageGold {background:url(../../images/pet/home/18/bonus_gold.png) 50% 50% no-repeat}
.c19 #bonusDay .petImageGold {background:url(../../images/pet/home/19/bonus_gold.png) 50% 50% no-repeat}
.c20 #bonusDay .petImageGold {background:url(../../images/pet/home/20/bonus_gold.png) 50% 50% no-repeat}
.c23 #bonusDay .petImageGold {background:url(../../images/pet/home/23/bonus_gold.png) 50% 50% no-repeat}
.c26 #bonusDay .petImageGold {background:url(../../images/pet/home/26/bonus_gold.png) 50% 50% no-repeat}

/*
BALLOON
*/
.petMenuBalloon {
	background:url(/app/pet/img/balloons.png) 50% -100% no-repeat;
	position:absolute;
	top:0;
	left:50%;
	margin:-70px 0 0 0;
	height:25px;
	width:0;
	overflow:visible !important;
        z-index: 2;
}
.petMenuBalloon dl {
	display:none;
	margin-left:7px
}
.petMenuBalloon dt {
	float:left;
	position:relative;
	width:60px;
	height:50px;
	z-index:3;
	text-align:center;
	color:#0076a3;
	font-size:14px;
	font-weight:bold;
	cursor:pointer
}
.petMenuBalloon dd {
	float:right;
	width:253px;
	margin:0 0 0 -253px;
	z-index:1
}
.petMenuBalloon dt .ico {
	margin:0 auto;
	width:50px;
	height:50px;
	display:block;
	position:relative
}

.petMenuBalloon ul {margin:0 auto}
.petMenuBalloon li {
	position:relative;
	width:42px;
	float:left;
	text-align:center
}
.petMenuBalloon .q5 {width:210px}
.q5 .i1, .q5 .i5 {margin-top:11px}
.q5 .i2, .q5 .i4, .q3 .i1, .q3 .i3 {margin-top:4px}
.petMenuBalloon .unavailable .ico {
	opacity:.5;
	filter:alpha(opacity=50);
	cursor:default
}
.petMenuBalloon li .timer {
    position: absolute;
    color: #fff;
    left: 0;
    top: 12px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-style: normal;
    font-size: 10px;
    -moz-text-shadow: #000 1px 1px 0;
    -webkit-text-shadow: #000 1px 1px 0;
    text-shadow: #000 1px 1px 0;
}
.petMenuBalloon .price, .thinkBalloon .price, .petBlock .price {
	background:url(img/ru_fant16.png) 0 0 no-repeat;
	width:16px;
	height:16px;
	position:absolute;
	bottom:6px;
	right:0
}
.en .petMenuBalloon .price, .en .thinkBalloon .price, .en .petBlock .price {background:url(/app/pet/img/en_fant16.png) 0 0 no-repeat}
.petMenuBalloon .unavailable .price { display: none }

/*
comment popup
*/
#popup.comment .description
{
	position:relative;
	overflow:hidden
}
#popup.comment .userAva{
	display:block;
	position:relative;
	height:100px;
	width:66px;
	float:left;
	margin-left:10px;
	margin-right:10px
}

/*
day 7 return popup
*/
#popup.day7popup .popupClose {
    background-position: -34px 0;
}
#popup.day7popup .popupContent {
    width: 598px;
    height: 383px;
    background: url(/app/pet/popup/userReturn/img/day7_bg.jpg) 0 0 no-repeat;
    padding: 0;
    position: relative;
    
    -webkit-box-shadow: inset 0 0 0 2px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 0 0 2px rgba(0,0,0,.2);
    -ms-box-shadow: inset 0 0 0 2px rgba(0,0,0,.2);
    -o-box-shadow: inset 0 0 0 2px rgba(0,0,0,.2);
    box-shadow: inset 0 0 0 2px rgba(0,0,0,.2);
}
#popup.day7popup #day7person {
    position: absolute;
    left: 5px;
    top: 30px;
}
#popup.day7popup .personTalk,
#popup.day7popup .petTalk {
    position: absolute;
    background: url(/app/pet/popup/userReturn/img/day7_sprite.png) 0 0 no-repeat;
    width: 226px;
    padding: 20px 10px 10px;
    
    font-size: 13px;
    line-height: 16px;
    font-style: italic;
    color: #005d8c;
    text-align: center;
}
#popup.day7popup .personTalk {
    background-position: -172px -59px;
    height: 43px;
    left: 190px;
    top: 30px;
    padding-left: 40px;
    padding-right: 20px;
    width: 216px;
}
#popup.day7popup .petTalk {
    background-position: -172px 0;
    height: 29px;
    right: 90px;
    top: 65px;
    padding-right: 40px;
}
#popup.day7popup #day7pet {
    position: absolute;
    right: 15px;
    top: 90px;
}
#popup.day7popup #day7prizes {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 5px;
    white-space: nowrap;
}
#popup.day7popup #day7prizes li {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    position: relative;
    margin-left: 60px;
}
#popup.day7popup .prizeSpark {
	width: 172px;
	height: 150px;
	background: url(/app/pet/popup/userReturn/img/day7_sprite.png) 0 0 no-repeat;
}
#popup.day7popup .prizeBox {
    position: absolute;
    left: 40px;
    top: 15px;
    width: 90px;
    height: 99px;
    background: url(/app/pet/popup/userReturn/img/day7_sprite.png) 0 0 no-repeat;
}
#popup.day7popup .prize1 .prizeBox {background-position: 0 -150px;}
#popup.day7popup .prize2 .prizeBox {background-position: -90px -150px;}
#popup.day7popup .prizeButton {
    position: absolute;
    right: -45px;
    bottom: 15px;
    padding: 5px 20px 7px;
    border: 2px solid #fff;
    cursor: pointer;
    
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    font-style: italic;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.45);
    
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,.34); 
    -moz-box-shadow: 0 0 1px rgba(0,0,0,.34);
    -ms-box-shadow: 0 0 1px rgba(0,0,0,.34);
    -o-box-shadow: 0 0 1px rgba(0,0,0,.34);
    box-shadow: 0 0 1px rgba(0,0,0,.34);
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    
    background: rgb(236,28,36); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(236,28,36,1) 0%, rgba(156,18,24,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,28,36,1)), color-stop(100%,rgba(156,18,24,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(236,28,36,1) 0%,rgba(156,18,24,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(236,28,36,1) 0%,rgba(156,18,24,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(236,28,36,1) 0%,rgba(156,18,24,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(236,28,36,1) 0%,rgba(156,18,24,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec1c24', endColorstr='#9c1218',GradientType=0 ); /* IE6-9 */
}
#popup.day7popup .prizeButton:hover {
	background: rgb(244,68,74); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(244,68,74,1) 1%, rgba(168,35,39,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(244,68,74,1)), color-stop(100%,rgba(168,35,39,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(244,68,74,1) 1%,rgba(168,35,39,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(244,68,74,1) 1%,rgba(168,35,39,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(244,68,74,1) 1%,rgba(168,35,39,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(244,68,74,1) 1%,rgba(168,35,39,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4444a', endColorstr='#a82327',GradientType=0 ); /* IE6-9 */
}
#popup.day7popup #day7prizesList .prizeButton {
	bottom: -35px;
    display: block;
    left: 50%;
    margin-left: -63px;
    right: auto;
}
#popup.day7popup #day7prizesList {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
}
#day7prizesList .title {
	font-size: 18px;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0,0,0,.45);
}
#day7prizesList .awardList {
	margin: 0 auto;
	width: 400px;
}

/*
day 30 return popup
*/
#popup.day30popup .popupContent {
    width: 504px;
    height: 268px;
    background: url(/app/pet/popup/userReturn/img/day30_bg.jpg) 0 0 no-repeat;
    padding: 0;
    position: relative;
    
    -webkit-box-shadow: inset 0 0 0 2px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 0 0 2px rgba(0,0,0,.2);
    -ms-box-shadow: inset 0 0 0 2px rgba(0,0,0,.2);
    -o-box-shadow: inset 0 0 0 2px rgba(0,0,0,.2);
    box-shadow: inset 0 0 0 2px rgba(0,0,0,.2);
}
#popup.day30popup .petImg {
	position: absolute;
	left: 80px;
	bottom: 70px;
}
#popup.day30popup .petImg img {
	display: block;
	position: relative;
	left: -50%;
}
#popup.day30popup .petTalk {
	position: absolute;
	left: 210px;
	top: 40px;
	width: 245px;
	
	font-size: 16px;
	line-height: 20px;
	font-style: italic;
	color: #005d8c;
}
#popup.day30popup .day30button {
	position: absolute;
    left: 50%;
    margin-left: -50px;
    bottom: -20px;
    padding: 5px 20px 7px;
    border: 2px solid #fff;
    cursor: pointer;
    
    font-size: 17px;
    line-height: 20px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.45);
    
    -webkit-box-shadow: 0 0 0 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(0,0,0,.35); 
    -moz-box-shadow: 0 0 0 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(0,0,0,.35);
    -ms-box-shadow: 0 0 0 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(0,0,0,.35);
    -o-box-shadow: 0 0 0 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(0,0,0,.35);
    box-shadow: 0 0 0 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(0,0,0,.35);
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    
    background: rgb(254,18,100); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(254,18,100,1) 0%, rgba(168,12,67,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,18,100,1)), color-stop(100%,rgba(168,12,67,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(254,18,100,1) 0%,rgba(168,12,67,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(254,18,100,1) 0%,rgba(168,12,67,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(254,18,100,1) 0%,rgba(168,12,67,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(254,18,100,1) 0%,rgba(168,12,67,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe1264', endColorstr='#a80c43',GradientType=0 ); /* IE6-9 */
}

/* day 3 return fake popup */
#popup.day3popup {
	display: none !important;
}
.thinkFriendUserPic  {
	width:48px;
	height:48px;
    -webkit-border-radius:24px;
    -moz-border-radius:24px;
    -ms-border-radius:24px;
    -o-border-radius:24px;
    border-radius:24px;
	float: left;
	line-height: 48px;
	
}
.thinkFriendWrapper {
	display:block;
	position: relative;
	width:65px;
	height:55px;
	overflow:hidden;
	margin:7px auto 0;
	text-decoration: none;
}

.thinkFriendWrapper em {
	position: absolute;
	top: 30%;
	left: 40%;
}
/* home duels */
#page_home.homeDuel {
	position: relative;
}
#homeDuel {
    position: absolute;
    top: 0;
    left: 0;
}
.homeDuel #petStatus, .homeDuel #petMoney {
	top: 35px;
}
.homeDuel #petStatus .info, .homeDuel #petMoney .info {
	float: none;
	margin-bottom: 20px;
}
.magicList
{
    position:relative;
    overflow:hidden;
    padding-top:15px;
    height:79px;
    width:625px;
    float:left;
    white-space:nowrap
}
.magicList li, #magicSkills, #achievementLink, #magicMachine
{
    position:relative;
    float:left;
    width:63px;
    margin:0 5px 0 10px;
    text-align:center
}
.magicList li {display:inline-block; float:none}
.magicList .timer, #karmaMagic .timer, #fightMassMagicMenu .timer
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    line-height:60px;
    text-align:center;
    color:#fff;
    font-weight:bold;
    font-size:12px;
    -moz-text-shadow:#000 1px 1px 0;
    -webkit-text-shadow:#000 1px 1px 0;
    text-shadow:#000 1px 1px 0;
}
#magicSkills {margin:15px 5px 0 5px}
#achievementLink {margin:15px 5px 0 15px}
#magicMachine {margin:15px 25px 0 5px}
.magicList span, #magicMachineLink {position:relative}
#magicMachineLink {display:block}
.magicList ul {position:absolute}
.magicList .bg, #magicSkills .bg, #achievementLink .bg, #magicMachine .bg
{
    background:#005c8c;
    position:absolute;
    top:0;
    left:0;
    width:63px;
    height:63px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    opacity:.25
}
.evil .magicList .bg, .evil #magicSkills .bg, .evil #achievementLink .bg, .evil #magicMachine .bg {background:#5e0c00}
.magicList .action, .action, .magicList .addMagic
{
    position:relative;
    display:block;
    margin:2px auto 0;
    cursor:pointer
}
.magicList .missing .action,
.magicList .disabled .action
{
    opacity:.5;
    filter:alpha(opacity=50);
    cursor:default
}
.magicList .info
{
    display:block;
    text-align:center;
    color:#fff;
    font-size:12px;
    font-weight:bold
}
.magicList .addIco, .magicList .countIco
{
    position:absolute;
    top:-5px;
    right:-5px;
}
.magicList .addIco {display:none}
.magicList li:hover .addIco, .magicList .missing .addIco {display:block}

.magicList .addMagic {background-position:-480px 0}
.magicList .addMagic:hover {background-position:-540px 0}
.evil .magicList .addMagic {background-position:-600px 0}
.evil .magicList .addMagic:hover {background-position:-660px 0}

.magicList .actionLevel
{
    position:absolute;
    top:0;
    left:-2px;
    height:62px;
    opacity:.75;
}
.actionLevel.hightlight {cursor:pointer}
.actionLevel .progress
{
    width:8px;
    height:50px;
    position:absolute;
    z-index:2;
    bottom:8px;
    left:0;
    background:#15a4de;
    border:#005c8c solid 2px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    overflow:hidden
}
.evil .actionLevel .progress
{
    background:#b11500;
    border-color:#5e0c00
}
.actionLevel .bar, .actionLevel .light
{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:0;
    background:#b4eaf7;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
.evil .actionLevel .bar {background:#ff0a00}
.actionLevel .light
{
    display:none;
    background:#00334d;
}
.evil .actionLevel .light {background:#350300}
.actionLevel .level
{
    font:9px Tahoma, Geneva, sans-serif;
    font-weight:bold;
    text-align:center;
    color:#fff;
    width:18px;
    height:18px;
    line-height:18px;
    background:#005c8c;
    position:absolute;
    z-index:1;
    bottom:-6px;
    left:-3px;
    -webkit-border-radius:9px;
    -moz-border-radius:9px;
    border-radius:9px;
}
.evil .actionLevel .level {background:#5e0c00}
.actionLevel .hl, .actionLevel .hr
{
    position:absolute;
    top:1px;
    height:48px;
}
.actionLevel .hl
{
    left:1px;
    width:3px;
    background:#fff;
    opacity:.2;
    -webkit-border-radius:3px 0 0 3px;
    -moz-border-radius:3px 0 0 3px;
    border-radius:3px 0 0 3px;
}
.actionLevel .hr
{
    right:1px;
    width:2px;
    background:#000;
    opacity:.15;
    -webkit-border-radius:0 3px 3px 0;
    -moz-border-radius:0 3px 3px 0;
    border-radius:0 3px 3px 0;
}
.actionLevel.zoom {opacity:1}
.actionLevel.zoom .light {display:block}
.actionLevel.zoom .progress
{
    width:10px;
    height:65px;
    left:-1px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
}
.actionLevel.zoom .bar
{
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px
}
.actionLevel.zoom .hl, .actionLevel.zoom .hr {height:63px}

#petFightScore .udarIco, .addIco, .countIco, #magicListNext, #magicListPrev, #karmaProfile .m, .karmaProgressBar .label, .magicManna .label em, #petFightNav span, .addUsers, .karmaTopHelpIco, .karmaBonusIco, #karmaEvent .strike span, #karmaBossHelth .label em, .fightIco
{
    background-image:url(/app/pet/img/karmatop/imgs.png?n4);
    background-repeat:no-repeat
}
#magicListNext, #magicListPrev
{
    background-position:-78px -36px;
    width:18px;
    height:26px;
    position:absolute;
    top:50%;
    margin-top:-13px;
    left:235px;
    cursor:pointer
}
#magicListNext
{
    background-position:-96px -36px;
    left:100%;
    margin-left:-18px
}
.evil #magicListPrev {background-position:-192px -36px}
.evil #magicListNext {background-position:-210px -36px}

.addIco:hover {background-position:-26px -36px}
.addIco, .addIco.disab, .countIco
{
    background-position:0 -36px;
    width:26px;
    height:26px;
    cursor:pointer;
}
.countIco
{
    background-position:-52px -36px;
    color:#fff;
    font-weight:bold;
    line-height:26px;
    font-size:14px;
    letter-spacing:-1px;
    text-indent:-1px;
    text-align:center
}
.evil .addIco, .evil .addIco.disab {background-position:-114px -36px}
.evil .countIco {background-position:-166px -36px}
.evil .addIco:hover {background-position:-140px -36px}

#bottomPanelEvents.homeDuelBottom .magicList {
	float: none;
	width: 703px;
	margin: 0 auto;
}

#bottomPanelEvents.homeDuelBottom #magicListNext {
	left: auto;
	right: 10px;
}
#bottomPanelEvents.homeDuelBottom #magicListPrev {
	left: 10px;
}

#homeDuelProgress {
    left: 50%;
    position: absolute;
    top: 30px;
    width: 600px;
    margin-left: -300px;
}
#homeDuelProgress.armType {
    left: 305px;
    width: 350px;
}
#homeDuelProgressBar {
    height: 29px;
    overflow: hidden;
    position: relative;
}
#homeDuelProgressBar .m {
    background: url("/app/pet/img/karmatop/fight/progress_m.png") repeat-x scroll 0 0 transparent;
    height: 29px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#homeDuelProgressBar .evil, #homeDuelProgressBar .good {
    float: left;
    height: 29px;
    position: relative;
    width: 243px;
}
#homeDuelProgressBar .progressEvil {
    float: left;
}
#homeDuelProgressBar .progressGood {
    float: right;
}
.armType #homeDuelProgressBar .evil, .armType #homeDuelProgressBar .good {
    margin: 0 0 0 -175px;
    width: 350px;
}
.armType #homeDuelProgressBar .good {
    margin: 0 -175px 0 0;
}
#homeDuelProgressBar .bar {
    background: none repeat scroll 0 0 #BD1508;
    border-bottom: 1px solid #631004;
    border-top: 8px solid #F50009;
    height: 5px;
    position: absolute;
    right: 0;
    top: 5px;
    width: 100%;
}
#homeDuelProgressBar .good .bar {
    background: none repeat scroll 0 0 #03AAEE;
    border-bottom: 1px solid #006596;
    border-top: 8px solid #4EE3FF;
}
#homeDuelProgressBar .progressGood .bar {
	left: 0;
    right: auto;
}
#homeDuelProgress .karmaMapIco2 {
    position: absolute;
    top: -12px;
    z-index: 1;
    background-image: url("/app/pet/img/karmatop/icons3_1.png");
}
#homeDuelProgress .karmaMapIco2.goodDuelIcon {
    left: auto;
    right: -43px;
}
#homeDuelProgress .karmaMapIco2.evilDuelIcon {
	left: -43px;
}
#homeDuelProgress.armType .wrap {
    position: relative;
}
#homeDuelProgressTimer {
	background-image: url("/app/pet/img/karmatop/fight/panels.png?n");
	background-position: -1226px -58px;
	color: #FFFFFF;
	font-size: 30px;
	font-weight: bold;
	height: 46px;
	left: 50%;
	letter-spacing: -1px;
	line-height: 40px;
	margin-left: -57px;
	position: absolute;
	text-align: center;
	text-shadow: 2px 0 #534942, 2px 2px #534942, 0 2px #534942, -2px 2px #534942, -2px 0 #534942, -2px -2px #534942, 0 -2px #534942, 2px -2px #534942;
	top: -3px;
	width: 114px;
}
.karmaProgressBar {
    height: 43px;
    margin: 0 0 0 22px;
    width: 162px;
}
.karmaProgressBar .progressMask {
	height: 26px;
	left: 0;
	position: absolute;
	top: 0;
	width: 162px;
	background: url("/app/pet/img/karmatop/imgs_new.png?n1") no-repeat scroll 0 -93px transparent;
}
.magicManna .progressMask {
    background-position: 0 -67px !important;
}
.karmaProgressBar .scale {
	height: 20px;
	left: 18px;
	overflow: hidden;
	position: absolute;
	top: 3px;
	width: 141px;
}
.karmaProgressBar.magicManna .bar {
    background-position: -50% -20px;
}
.karmaProgressBar .bar {
    background: url("/app/pet/img/karmatop/scale_new.png") repeat-x -50% -40px transparent;
	border-radius: 0 10px 10px 0;
	display: block;
	height: 20px;
	position: relative;
}
.karmaProgressBar.magicManna .label {
    background-position: -41px 0 !important;
}
.karmaProgressBar .label {
	background-position: -82px 0;
	color: #FFFFFF;
	font-size: 24px;
	font-weight: bold;
	height: 41px;
	left: -20px;
	letter-spacing: -1px;
	line-height: 40px;
	position: absolute;
	text-align: center;
	text-indent: -1px;
	top: -8px;
	width: 41px;
}
.karmaProgressBar .label, .karmaProgressBar .flare {
	background-image: url("/app/pet/img/karmatop/imgs_new.png");
	background-repeat: no-repeat;
}
.magicManna .label em {
	background-position: 0 -233px;
	display: block;
	height: 27px;
	margin: 7px 0 0 9px;
	width: 26px;
}
.karmaProgressBar .flare {
	background-position: -123px 0;
	display: block;
	height: 33px;
	left: 5px;
	position: absolute;
	top: 4px;
	width: 33px;
}
.karmaProgressBar .info {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	padding: 4px 7px 0 22px;
	position: relative;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.45);
}
#homeDuelMana {
  left: 760px;
  position: absolute;
  top: 350px;
}
.evil #homeDuelMana {
	left: 20px;
}
#homeDuelUsers {
	left: 50%;
	position: absolute;
	top: 29px;
}
#homeDuelUsers ul {
    position: absolute;
}
#homeDuelUsers ul.evilSlot {
	right: 100%;
	margin-right: 5px;
}
#homeDuelUsers ul.goodSlot {
	left: 100%;
	margin-left: 5px;
}
#homeDuel .userAva.evil {
  background-color: #7D0201;
  background-position: 0 0;
}
#homeDuel .userAva {
  background-repeat: repeat-x;
  border: 2px solid #37322A;
  border-radius: 3px 3px 3px 3px;
  display: inline-block;
  padding: 1px;
  background-image: url("/app/pet/img/karmatop/fight/grad.png");
}
#homeDuelUsers li {
  float: right;
  height: 32px;
  margin-right: 1px;
  width: 32px;
}
#homeDuel .userAva img {
  background-color: #47423D;
  display: block;
  left: 0;
  margin: 0;
  top: 0;
}
#homeDuelUsers img {
  height: 32px;
  width: 32px;
  position: relative;
}
#homeDuel .userAva.good {
  background-color: #045D8B;
  background-position: 0 -42px;
}
#homeDuelUsers .slotGood li {
  float: left;
  margin: 0 0 0 1px;
}
#homePanel .start_duel {background-position:-1500px 0}
#homeDuelStart .timer {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	top: 15px;
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	font-weight: bold;
}
#homeDuel #fightCountdown {
    width:500px;
    height:200px;
    font-size:150px;
    color:#fff;
    text-align:center;
    font-weight:bold;
    position:absolute;
    top:100px;
    left:50%;
    margin-left:-250px
}
#popup.homeDuelFinished .finishText {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}
#popup.homeDuelFinished .finishStats {
	font-size: 14px;
	margin: 10px auto 0;
}
#popup.homeDuelFinished .finishStats li {
	white-space: nowrap;
}
#popup.homeDuelFinished .statTitle {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	width: 50%;
	font-weight: bold;
	vertical-align: middle;
	text-align: right;
}
#popup.homeDuelFinished .statVal {
	white-space: nowrap;
	width: 50%;
	vertical-align: middle;
}
#popup.homeDuelFinished .statValPositive {
	color: #0f0;
}
#popup.homeDuelFinished .statValNegative {
    color: #f00;
}
#popup.homeDuelFinished .statAddVal {
	font-size: 10px;
	vertical-align: top;
}
#popup.homeDuelFinished .popupClose {
	display: none;
}
#popup.homeDuelFinished.homeDuelInfo .popupClose {
    display: block;
}
#popup.homeDuelFinished .homeDuelIcon {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	width: 20px;
	height: 20px;
	background: url(/app/pet/img/karmatop/imgs.png) 0 0 no-repeat;
	vertical-align: middle;
}
#popup.homeDuelFinished .homeDuelIcon.iconDamage {
	width: 23px;
	height: 24px;
	background-position: -27px -233px;
}
#popup.homeDuelFinished .homeDuelIcon.iconRating {
	width: 22px;
	height: 22px;
	background-position: -307px -231px;
}
#popup.homeDuelFinished .homeDuelIcon.iconWin.evil {
	background-position: -227px -233px;
}
#popup.homeDuelFinished .homeDuelIcon.iconLoose.evil {
    background-position: -247px -233px;
}
#popup.homeDuelFinished .homeDuelIcon.iconWin.good {
    background-position: -267px -233px;
}
#popup.homeDuelFinished .homeDuelIcon.iconLoose.good {
    background-position: -287px -233px;
}
#popup.homeDuelFinished .homeDuelIcon.iconKarma{
	width: 25px;
	height: 25px;
}
#popup.homeDuelFinished .homeDuelIcon.iconKarma.good {
    background-position: -151px -233px
}
#popup.homeDuelFinished .homeDuelIcon.iconKarma.evil {
    background-position: -126px -233px;
}

/* иконки новых нотифаев */
#popup.notificationsPopup .notifHome {background: url(/app/pet/img/notif_icons.png) -160px 0;}
#popup.notificationsPopup .notifHome.comment {background-position: -40px 0;}
#popup.notificationsPopup .notifHome.gift {background-position: -80px 0;}
#popup.notificationsPopup .notifHome.app {background-position: -120px 0;}
#popup.notificationsPopup .notifHome.streetKick {background-position: -200px 0;}
#popup.notificationsPopup .notifHome.streetHelp {background-position: 0 0;}
#popup.notificationsPopup .notifHome.streetRequest {background-position: 0 0;}
#popup.notificationsPopup .notifHome.supply {background: none;}



/* personality popups */
#popup.buySupply,
#popup.buySlot,
#popup.levelUp {
    font-size: 20px;
    text-align: center;
}

#popup.buySupply .button,
#popup.levelUp .button {
    margin: 10px 0 0 85px;
}

#popup.buySupply .image,
#popup.buySlot .image,
#popup.levelUp .image {
    float: left;
    margin: 5px;
}
#popup.buySlot .popupContent {
    width: 390px;
    text-align: center;
}
#popup.levelUp .popupContent {
    width: 420px;
    height: 100px;
}

#popup.levelUp .supplies {
    white-space: nowrap;
    display: block;
    margin: 5px 0;
}

#popup.levelUp .persSuppliesIco.icoSize20,
#popup.buySlot .persSuppliesIco.icoSize20 {
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
}

#popup.resetPersonality .personalities {
    text-align: center;
}

#popup.resetPersonality .perCategoriesIco {
    display: inline-block;
    cursor: pointer;
    margin: 7px;
    background-repeat: no-repeat;
    height: 100px;
    opacity: .5;
    text-align: center;
    line-height: 178px;
}

#popup.resetPersonality .perCategoriesIco:hover {
    opacity: .75;
}

#popup.resetPersonality .perCategoriesIco.selected {
    opacity: 1;
}

#popup.resetPersonality .perCategoriesIco .text {
    vertical-align: baseline;
    font-size: 14px;
    font-weight: bold;
}

#popup.resetPersonality .desc {
    font-size: 14px;
    color: black;
    background-color: rgba(255,255,255,.6);
    border-radius: 4px;
    margin: 0 auto;
    padding: 5px;
    text-align: center;
}

#popup.resetPersonality .confirm {
    margin-right: 30px;
}
/* end personality */

#holidayLink {background: url('/app/pet/holiday_craft/img/ico.png') !important}
#holidayLink a { width: 50px; height: 50px;}

#popup.friendHelpKey .popupContent{
    background-image: url(/app/pet/app/img/help/keyBg.png);
    background-position:0 30px;
    background-repeat: no-repeat;
    height:220px;
}
#popup.friendHelpKey .friendHelpText{
    text-align: center;;
    font-size:16px;
    background:#2079a0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding:14px 13px;
}
#popup.friendHelpKey .friendHelpBtn.button{
    margin:10px auto 0;
    display:block;
    top:135px;
    position: relative;
}
#popup.secretBox .popupContent{
    background: url(/app/pet/img/notify/popupBox.png) no-repeat;
    width:385px;
    height:269px;
    position:relative;
    font: italic 15px/22px Trebuchet MS,Arial;
}
#popup.secretBox .popupContent.contStp2{
    background: url(/app/pet/img/notify/popupBox2.png) no-repeat;
    color:#523205;
}
#popup.secretBox .contStp2 .StBxTitle{
    text-align:center;
    position:absolute;
    top:15px;
    left: 65px;
}
#popup.secretBox .popupContent.contStp3{
    background: url(/app/pet/img/notify/popupBox3.png) no-repeat;
    color:#523205;
}
#popup.secretBox .popupContent.contStp3 .button{
    left:100px;
}
#popup.secretBox .popupContent.contStp3 .petSupply{
    position: absolute;
    top: 160px;
    left: 255px;
}
#popup.secretBox .popupContent .petImg{
    position:absolute;
    top: 125px;
    left: 55px;
}
#popup.secretBox .flashBlock{
    position: absolute;
    top: 73px;
    left: 110px;
}
#popup.secretBox .petTooltipPointer{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 35px;
    color: #005E8D;
    width: 340px;
    top: 30px;
}
#popup.secretBox .popupContent.contStp3 .petTooltipPointer{
    top:20px;
}
#popup.secretBox .petTooltipPointer dt{
    white-space: nowrap;
    background:#e2f0f6;
    border-radius:10px;
    -webkit-box-shadow: -1px 3px 3px rgba(43, 129, 170, 0.75);
    -moz-box-shadow:    -1px 3px 3px rgba(43, 129, 170, 0.75);
    box-shadow:         -1px 3px 3px rgba(43, 129, 170, 0.75);
    padding:9px 18px;
}
#popup.secretBox .petTooltipPointer dd{
    width: 26px;
    height: 37px;
    background: url(/app/pet/img/notify/petTooltipPointer.png) no-repeat;
    position: relative;
    z-index: 3;
    left: 50px;
}
#popup.secretBox .popupContent .button{
    position: absolute;
    top: 285px;
    left: 140px;
}
.thinkBalloon .content div.helpBlnSprt{
    background-image: url(/app/pet/app/img/help/helpBalloons.png);
    width:96px;
    height:76px;
    cursor: pointer;
    position: static !important;
    margin:-10px 0 0 2px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.thinkBalloon .helpBln1{
    background-position: 0 0;
}
.thinkBalloon .helpBln2{
    background-position: -100px 0;
}
.thinkBalloon .helpBln3{
    background-position: -198px 0;
}
.thinkBalloon .helpBln4{
     background-position: -296px 0;
 }
.thinkBalloon .helpBln5{
    background-position: -394px 0;
}
.thinkBalloon .helpBln6{
    background-position: -492px 0;
}
.thinkBalloon .helpBln7{
    background-position: -2px -79px;
}
.thinkBalloon .helpBln8{
    background-position: -100px -79px;
}
.thinkBalloon .helpBln9{
    background-position: -198px -79px;
}
.thinkBalloon .helpBln10{
    background-position: -296px -80px;
}
.thinkBalloon .helpBln11{
    background-position: -394px -79px;
}
.thinkBalloon .helpBln12{
    background-position: -492px -79px;
}

/* Приемка ПС в доме */
#karmaTopStart .person
{
	background:url(img/quests/person/flunky_good.png) 100% 0 no-repeat;
	position:relative;
	width:180px;
	height:161px;
	margin:0 auto;
	left:-230px
}
#karmaTopStart.evil .person
{
	background-image:url(img/quests/person/flunky_evil.png);
	left:230px
}
#popup.karmaTopChoiceSide .popupContent
{
	background:url(/app/pet/img/karmatop/choice_side.jpg) 0 0 no-repeat;
	height:267px;
	width:544px
}
#popup.karmaTopChoiceSide .popupClose {display:none}
#choiceSideSwf
{
	position:absolute;
	bottom:-20px;
	left:-50px
}
#choiceSideTitle
{
	background:url(/app/pet/img/karmatop/choice_side_title.png) 0 0 no-repeat;
	height:83px;
	width:367px;
	position:absolute;
	top:-22px;
	left:115px
}
/*яндекс.браузер yandex.browser - выпилить после завершения квеста 50637*/
#page_yandex{position:absolute;top:0;left:0}
#page_yandex .closeRoom{
    top: -15px;
    left: 959px;
}
#popup.onlyYandexBrowser .text{
    font-size:14px;
    padding:100px 15px 10px;
    margin-bottom:-30px;
    border-radius:10px;
    -o-border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    position:relative;
}
#popup.onlyYandexBrowser.map .text{
    padding:10px 15px;
    margin-top:200px;
}
#popup.onlyYandexBrowser.map .yandexMapIco{
    background:url(/app/pet/img/quests/yandex_star_map.png) 0 0 no-repeat;
    width:360px;
    height:179px;
    position:absolute;
    top:35px;
    left:50%;
    margin-left:-180px;
}
#popup.onlyYandexBrowser .buttons{
    position:absolute;
    left:200px;
    bottom:-14px
}
#popup.onlyYandexBrowser .popupContent{width:480px}
#popup.onlyYandexBrowser .questPerson{bottom:10px;left:-20px}
#popup.onlyYandexBrowser.questProgress .questPersonTalks{top:43%}
#popup.onlyYandexBrowser .yandexBrowserIco{
    width:90px;
    height:90px;
    background:url(/app/pet/img/quests/browser-ico.png) 0 0 no-repeat;
    position:absolute;
    left:50%;
    top:0;
    margin-left:-45px;
}
#popup.onlyYandexBrowser.not_pay .popupContent{width:510px}
#popup.onlyYandexBrowser .yandexScheme{
    background:url(/app/pet/quests/img/yandex/yandex-scheme.png) 10px 10px no-repeat #3e9dc1;
    width:176px;
    height:273px;
    margin:15px 40px 25px 10px;
    padding:10px;
    border-radius:10px;
    box-shadow:0 0 5px #3a7fb3;
}
#popup.onlyYandexBrowser .planetarium{
    background:url(/app/pet/quests/img/yandex/palnetarium.png) 0 0 no-repeat;
    width:244px;
    height:246px;
    margin-top:40px;
}


#mooseWrap{
    display:inline-block;
    position:relative;
    left:270px;
    top:410px;
    height:243px;
    width:300px;
    z-index: 500;
}
#mooseWrap .persMoose{
    position:absolute;
    right:-220px;
    background:url(/app/pet/quests/img/yandex/yandex-moose.png) 0 0 no-repeat;
    width:271px;
    height:243px;
}
#mooseWrap .persSpeech{
    background:url(/app/pet/quests/img/yandex/speech-bg.png) 0 0 no-repeat;
    width:267px;
    height:135px;
    position:relative;
}
#mooseWrap .speechText{
    text-align:center;
    padding:30px 10px 0;
    font-size:16px;
    width:200px;
}
#mooseWrap .closeBtn{
    position: absolute;
    top: -7px;
    right: 30px;
    width: 34px;
    height: 34px;
    background: url(/app/pet/img/popup_new.png);
    cursor: pointer;
    z-index: 2;
}
#mooseWrap .buttons{
    position:absolute;
    bottom:-10px;
    left:65px;
}
#homeDoorHalloween{display:inline-block;vertical-align:bottom;position:relative;width:81px;height:81px;margin-right:7px;cursor:pointer;top: 12px;}
#homeDoorHalloween div{
	background-image:url(img/door_sprite.png);
	background-repeat: no-repeat;
	position: absolute;
}
#homeDoorHalloween .homeDoorHalloweenShine{
	width:81px;
	height:81px;
	background-position: -4px -87px;
	top: 0;
	left: 0;
	animation: shine-animation 8s infinite;
	-moz-animation: shine-animation 8s infinite;
	-webkit-animation: shine-animation 8s infinite;
	-o-animation: shine-animation 8s infinite;
}
#homeDoorHalloween .homeDoorHalloweenStar{
	width:84px;
	height:73px;
	background-position: -82px -2px;
	top: 0;
	left: 0;
	animation: star-animation 2s infinite;
	-moz-animation: star-animation 2s infinite;
	-webkit-animation: star-animation 2s infinite;
	-o-animation: star-animation 2s infinite;
}
#homeDoorHalloween .homeDoorHalloweenDoor{
	width:51px;
	height:65px;
	background-position: -4px -0px;
	top: 11px;
	left: 18px;
	animation: door-animation 8s infinite;
	-moz-animation: door-animation 8s infinite;
	-webkit-animation: door-animation 8s infinite;
	-o-animation: door-animation 8s infinite;
}

@-webkit-keyframes door-animation {
	0% {
		-moz-transform: translateY(-0px);
		-webkit-transform: translateY(-0px);
		-o-transform: translateY(-0px);
		-ms-transform: translateY(-0px);
		transform: translateY(-0px);
	}
	92% {
		-moz-transform: translateY(-0px);
		-webkit-transform: translateY(-0px);
		-o-transform: translateY(-0px);
		-ms-transform: translateY(-0px);
		transform: translateY(-0px);
	}
	96% {
		-moz-transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
		-o-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	100% {
		-moz-transform: translateY(-0px);
		-webkit-transform: translateY(-0px);
		-o-transform: translateY(-0px);
		-ms-transform: translateY(-0px);
		transform: translateY(-0px);
	}
}
@keyframes door-animation {
	0% {
		-moz-transform: translateY(-0px);
		-webkit-transform: translateY(-0px);
		-o-transform: translateY(-0px);
		-ms-transform: translateY(-0px);
		transform: translateY(-0px);
	}
	92% {
		-moz-transform: translateY(-0px);
		-webkit-transform: translateY(-0px);
		-o-transform: translateY(-0px);
		-ms-transform: translateY(-0px);
		transform: translateY(-0px);
	}
	96% {
		-moz-transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
		-o-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	100% {
		-moz-transform: translateY(-0px);
		-webkit-transform: translateY(-0px);
		-o-transform: translateY(-0px);
		-ms-transform: translateY(-0px);
		transform: translateY(-0px);
	}
}
@keyframes star-animation {
	0% {
		opacity:0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@-webkit-keyframes star-animation {
	0% {
		opacity:0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes shine-animation {
	0% {
		opacity:0;
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	25% {
		opacity:1;
	}
	50% {
		opacity:0;
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
	100% {
		opacity: 0;
	}
}
@-webkit-keyframes shine-animation {
	0% {
		opacity:0;
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	25% {
		opacity:1;
	}
	50% {
		opacity:0;
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
	100% {
		opacity: 0;
	}
}
#homeScrollNext,
#homeScrollPrev{display:inline-block;vertical-align:bottom;position:relative}
#homeScrollNext{margin-right:7px}
/*pet name block and popup*/
#petNameBlock{
    display:inline-block;
    position:absolute;
    bottom:-21px;
    left:50%;
    background:#3ebae9;
    cursor:pointer;
    line-height:19px;
    padding:0 10px;
    border-radius:0 0 3px 3px;
    text-shadow:0 1px 0 rgba(255,255,255,.3);
    box-shadow:0 1px 0 rgba(0,0,0,.2);
    white-space:nowrap;
    max-width:210px;
    overflow:hidden;
    text-overflow:ellipsis;
}
#petNameBlock i{
    background:url(img/top-friends-switch.png) -160px 0 no-repeat;
    display:block;
    width:20px;
    height:20px;
    float:left;
    position:relative;
    top:-1px;
    left:-3px
}
#petNameBlock:hover i{background-position:-180px 0}
.guestAt #petNameBlock{cursor:default}
.guestAt #petNameBlock:hover i{background-position:-160px 0}

#popup.changePetName .popupContent{text-align:center}
#popup.changePetName .text{
    position:relative;
    top:-5px;
    color:#005b7d;
    font-size:12px;
}
#popup.changePetName label{font-size:13px;margin:10px 0 5px;display:block}
#popup.changePetName input[type="text"]{
    margin:5px 0;
    padding:5px;
    width:160px
}
#popup.changePetName .buttons{position:relative;bottom:-36px;margin-top:-16px}

/*craft snowman 2014*/
.q_ico .q_snowman_2014{background:url(/app/pet/img/quests/icons/snowman_2014-q-ico.png) 0 0 no-repeat}
.q_snowman_2014 .questPerson{background:url(/app/pet/img/quests/person/pers-snowman_2014.png) 0 0 no-repeat}
#popup.q_snowman_2014.questProgress .popupContent{
    background:url(img/craft/snowman2014/popup-bg.png) 0 0 no-repeat;
    padding:0;
    width:605px;
    height:358px;
    border-radius:22px;
}
#popup.q_snowman_2014.questProgress .popupBorder{border-radius:24px}
#snowmanCraft2014{width:565px;height:283px;position:relative;padding:50px 20px 25px}
#snowmanCraft2014 .snowmanCraftTitle{
    background:url(img/craft/snowman2014/popup-title.png) 0 0 no-repeat;
    position:absolute;
    top:-30px;
    left:50%;
    margin-left:-228px;
    width:456px;
    height:67px;
    z-index:5
}
#snowmanCraft2014 .snowmanCraftPers{
    position:relative;
    width:215px;
}
#snowmanCraft2014 .snowmanCraftPers .snowmanCraftBubble{
    background:url(img/craft/snowman2014/bubble.png) 0 0 no-repeat;
    width:179px;
    height:61px;
    text-align:center;
    color:#13334d;
    font-size:13px;
    font-style:italic;
    padding:10px;
}
#snowmanCraft2014 .snowmanCraftPers .snowmanCraftSwf{
    position:relative;
    top:-60px
}
#snowmanCraft2014 .snowmanCraftPartsWrap{
    width:330px;
    height:255px;
    background:rgba(255,255,255,.65);
    border-radius:10px;
    padding:15px 10px;
}
#snowmanCraft2014 .snowmanCraftPartsItem{
    background:#0071a0;
    height:40px;
    margin-bottom:10px;
    border-radius:5px;
    color:#fff;
    font-style:italic;
    font-weight:bold;
    font-size:14px;
    text-shadow:0 -1px 0 rgba(0,0,0,.35);
    line-height:40px
}
#snowmanCraft2014 .snowmanCraftPartsItem.gotIt{background:#01415b}
.snowmanCraftPartIco{
    background-image:url(img/craft/snowman2014/parts-50.png);
    display:block;
    position:relative;
    top:-4px;
    left:10px;
}
.snowmanCraftPartIco.ico1741{background-position:0 0}
.snowmanCraftPartIco.ico1742{background-position:-50px 0}
.snowmanCraftPartIco.ico1743{background-position:-100px 0}
.snowmanCraftPartIco.ico1744{background-position:-150px 0}

#snowmanCraft2014 .snowmanCraftPartTitle{
    max-width:200px;
    display:block;
    padding-left:20px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
#snowmanCraft2014 .snowmanCraftPartCount{
    display:block;
    padding:0 6px;
    height:34px;
    margin-right:10px;
    background:#013c53;
    border-radius:50%;
    text-align:center;
    line-height:34px;
    position:relative;
    top:3px
}
#snowmanCraft2014 .gotIt .snowmanCraftPartCount{background:#4ab205}
#snowmanCraft2014 .craftMark{
    background:url(img/mark.png) 0 0 no-repeat;
    display:block;
    width:40px;
    height:40px;
    margin:-3px 0 0 -3px;
}
#snowmanCraft2014 .snowmanCraftText{
    color:#0a465d;
    font-size:12px;
    font-style:italic;
    text-shadow:0 1px 0 rgba(255,255,255,.35);
}
#snowmanCraft2014 .snowmanCraftHelpPic{
    background:url(img/craft/snowman2014/pic1.png?2) 0 0 no-repeat;
    width:328px;
    height:42px
}
/*candy christmas box 2014*/
#popup.candyBoxPopup .popupContent{
    background:url(img/candy-box/popup-bg.png) 0 0 no-repeat;
    padding:0;
    width:618px;
    height:358px;
    border-radius:22px;
    text-align:center
}
#popup.candyBoxPopup .popupBorder{border-radius:24px}
#candyBoxWrap .candyBoxTopText,
#candyBoxWrap .candyBoxPromoText{
    margin-top:55px;
    color:#fff;
    font-size:15px;
    font-weight:bold;
    font-style:italic;
    text-shadow:0 -1px 0 rgba(0,0,0,.35);
    z-index:5;
}
#candyBoxWrap .candyBoxPromoText{
    font-size:18px;
    margin-top:140px;
}
#candyBoxWrap .labelIco{background-image:url(img/candy-box/labels.png)}
#candyBoxWrap .candyBoxCandiesItem{
    background-position:0 -29px;
    background-repeat:no-repeat;
    width:121px;
    height:121px;
    display:inline-block;
    vertical-align:top;
    position:relative;
}
#candyAnimationFrame{
    background:url(img/candy-box/candy-anim.png) 0 0 no-repeat;
    position:absolute;
    top:28px;
    left:50%;
    margin-left:-40px;
    width:80px;
    height:80px
}
#candyBoxWrap .candyBoxDayLabel{
    background-position:0 0;
    background-repeat:no-repeat;
    width:103px;
    height:29px;
    margin:9px auto 0;
    font-size:13px;
    font-weight:bold;
    font-style:italic;
    text-shadow:0 -1px 0 rgba(0,0,0,.35)
}
#candyBoxWrap .candyBoxDayLabel.passed{background-position:-103px 0}
#candyBoxWrap .candyIco{
    background:url(img/candy-box/candies.png);
    width:80px;
    height:80px;
    margin:-10px auto
}
#candyBoxWrap .candyIco.candy1{background-position:0 0}
#candyBoxWrap .candyIco.candy2{background-position:-80px 0}
#candyBoxWrap .candyIco.candy3{background-position:-160px 0}
#candyBoxWrap .candyIco.candy2{background-position:-80px 0}
#candyBoxWrap .candyIco.gotIt{background-position:100% 0}
#candyBoxWrap .candyIco.loseIt{background-position:-240px 0}

#candyBoxWrap .candyBoxPrize{
    background-image:url(img/candy-box/prizes.png);
    width:110px;
    height:110px;
    position:absolute;
    top:50%;
    left:50%;
    margin:-55px 0 0 -55px;
}
#candyBoxWrap .candyBoxPrize.prize1{background-position:0 0} /*фанты*/
#candyBoxWrap .candyBoxPrize.prize2{background-position:-110px 0}/*энергия в собтие*/
#candyBoxWrap .candyBoxPrize.prize3{background-position:-220px 0}/*ключ в тк*/
#candyBoxWrap .candyBoxPrize.prize4{background-position:-330px 0}/*магия добрым*/
#candyBoxWrap .candyBoxPrize.prize4.evil{background-position:-440px 0}/*магия злым*/
#candyBoxWrap .candyBoxPrize.prize5{background-position:-550px 0}/*навык в серф*/
#candyBoxWrap .candyBoxPrize.prize6{background-position:-660px 0}/*бутылка в карме*/
#candyBoxWrap .candyBoxPrize.prize7{background-position:-770px 0}/*изумуды в событие*/
#candyBoxWrap .candyBoxPrizeWrap{
    margin:-70px auto -35px;
    background:url(img/candy-box/gift-bg.png) 0 0 no-repeat;
    width:363px;
    height:362px;
    position:relative;
}

#candyBoxHomeIco{
    width:275px;
    height:200px;
    cursor:pointer;
    margin: -30px -255px -35px -115px;
}

/*craft pinguins 2014*/
.q_ico .ny2014_pinguins_craft{background:url(/app/pet/img/quests/icons/pinguin-quest-ico.png) 0 0 no-repeat}
.ny2014_pinguins_craft .questPerson{background:url(/app/pet/img/quests/person/pers-pinguin-quest.png) 0 0 no-repeat}
#popup.ny2014_pinguins_craft.questProgress .popupContent{
    background:url(img/craft/snowman2014/popup-bg.png) 0 0 no-repeat;
    padding:0;
    width:605px;
    height:358px;
    border-radius:22px;
}
#popup.ny2014_pinguins_craft.questProgress .popupBorder{border-radius:24px}
#pinguinsCraftSwf{position:relative}
#pinguinsCraftWrap .pinguinsCraftBubble{
    background:url(img/craft/snowman2014/bubble.png) 0 0 no-repeat;
    width:189px;
    height:71px;
    text-align:center;
    color:#13334d;
    font-size:13px;
    font-style:italic;
    padding:8px 5px;
    position:absolute;
    top:90px;
    left:20px
}
#pinguinsCraftWrap .pinguinsCraftSwf{position:relative;top:-50px;margin-right:20px}
#pinguinsCraftWrap .pinguinsCraftPartsList{
    background:rgba(255,255,255,.8);
    border-radius:10px;
    width:350px;
    padding:10px;
    position:relative;
    top:80px
}
#pinguinsCraftWrap .pinguinsCraftPartsItem{
    background:#ef8407;
    margin-bottom:10px;
    height:40px;
    line-height:40px;
    border-radius:5px;
    position:relative;
}
#pinguinsCraftWrap .pinguinsCraftPartsItem:last-child{margin:0}
#pinguinsCraftWrap .pinguinsCraftPartsItem .partCount{
    display:block;
    background:#3ebae9;
    width:32px;
    height:32px;
    line-height:32px;
    border-radius:16px;
    text-align:center;
    color:#fff;
    font-size:14px;
    box-shadow:0 -1px 0 rgba(0,0,0,.35);
    text-shadow:0 -1px 0 rgba(0,0,0,.35);
    position:relative;
    top:4px;
    left:10px
}
#pinguinsCraftWrap .pinguinsCraftPartsItem.gotIt .partCount{background:#46b600}
#pinguinsCraftWrap .pinguinsCraftPartsItem .partIco{
    background:url(img/craft/pinguins2014/part-icons.png);
    width:40px;
    height:40px;
    display:block;
    margin-left:20px;
}
#pinguinsCraftWrap .pinguinsCraftPartsItem .partIco.ico1745{background-position:0 0}
#pinguinsCraftWrap .pinguinsCraftPartsItem .partIco.ico1746{background-position:-40px 0}
#pinguinsCraftWrap .pinguinsCraftPartsItem .partIco.ico1747{background-position:-80px 0}
#pinguinsCraftWrap .pinguinsCraftPartsItem .partIco.ico1748{background-position:-120px 0}
#pinguinsCraftWrap .pinguinsCraftPartsItem .partIco.ico1749{background-position:-160px 0}
#pinguinsCraftWrap .pinguinsCraftPartsItem .partName{
    margin-left:10px;
    color:#fff;
    font-size:12px;
}
#pinguinsCraftWrap .pinguinsCraftPartsItem .partCraftTimer{
    color:#fff;
    font-size:10px;
    background:#1c88b1;
    padding:0 5px;
    border-radius:2px;
    position:absolute;
    bottom:0;
    left:100px;
    line-height:14px;
}
#pinguinsCraftWrap .pinguinsCraftPartsItem .button{top:8px;margin-right:10px}

#bottomPanelEvents .holiday-wg2014-banner {
    margin: -20px -30px 25px;
    width: 830px;
}

#petMarchCatsIco {
    background: url(holiday/marchCats/img/ico.png?2);
    width: 86px;
    height: 99px;
    cursor:pointer
}
#petEventSunIco {
    background: url(../pet/events/tree_14/img/home-ico.png) 0 0 no-repeat;
    width: 72px;
    height: 76px;
    text-align: center;
    font-size: 15px;
    color: #000;
    line-height: 76px;
    font-weight: bold;
    cursor: pointer;
    margin: 14px -11px;
}

/* remove after 8 march 2014 */
#popup.popup8marchGift .popupBorder {
    background: none;
}
#popup.popup8marchGift .popupContent {
    background: none;
    border: none;
    border-radius: 0;
    padding: 0;
}

#popup.popup8marchGift .bg_1 {
    background: url('popup/8march/bg_1.png');
    width: 377px;
    height: 136px;
}
#popup.popup8marchGift .bg_2 {
    background: url('popup/8march/bg_2.jpg');
    width: 377px;
    height: 282px;
}

#popup.popup8marchGift .bg_3 {
    background: url('popup/8march/bg_1.png') 0 -136px;
    width: 377px;
    height: 58px;
}

#popup.popup8marchGift .button {
    position: absolute;
    top: 395px;
    left: 50%;
    width: 100px;
    margin: 0 0 0 -61px;
}

#popup.popup8marchGift .popupClose {
    display: none !important;
}
.petHomeInterfaceBottomRightBlock{
    position:absolute;
    right:10px;
    bottom:23px;
    z-index:53
}
.eventIcon {
    background: url(../pet/events/hero_14/img/home-ico.png) 0 0 no-repeat;
    width: 31px;
    height: 54px;
    display: inline-block;
    vertical-align:bottom;
    cursor: pointer;
    margin-right:7px
}
#petHomePhotoIco{display: inline-block;vertical-align:bottom;position:relative}
.petHomePhotoIco{
    display:block;
    width:37px;
    height:29px;
    background:url(img/photo-sprite.png) 0 0 no-repeat;
    cursor:pointer
}
.petHomePhotoIco:hover,.petHomePhotoIco.popup{background-position:-37px 0}
#petHomePhotoIco .timer{
    position:absolute;
    top:0;
    left:-1px;
    color:#fff;
    font-weight:bold;
    display:block;
    text-align:center;
    width:38px;
    height:29px;
    line-height:32px;
    font-size:10px;
    text-shadow:#000 1px 1px 0
}
/*photo edit popup*/
#popup.petPopupEditPhoto .popupContent{width:485px}
#petPhotoEdit{position:relative;margin:-6px}
.petPhotoPopupText{
    display:block;
    color:#fff;
    font-size:14px
}
.petPhotoPopupText.topText{line-height:45px;display:inline-block}
.petPhotoPopupText .petHomePhotoIco{display:inline-block;position:static;margin:0 10px -7px 0;cursor:default}
.petPhotoPopupUserBlock{
    background:#fff;
    border:1px solid #c3d0d8;
    width:493px
}
.petPhotoPopupUserImg{
    width:44px;
    height:44px;
    margin:5px;
    display:inline-block;
    vertical-align:top
}
.petPhotoPopupUserTextarea{
    margin:5px;
    display:inline-block;
    width:428px;
    height:44px
}
.petPhotoPopupUserTextarea textarea{
    display:inline-block;
    width:428px;
    height:40px;
    color:#035676;
    font-size:16px;
    font-style:italic;
    border:none;
    resize:none
}
.petPhotoPopupBottomBlock{
    background:#fff;
    margin:0 -9px -15px;
    position:relative;
    height:54px
}
.petPhotoPopupBottomDecor{
    position:absolute;
    top:-26px;
    left:0;
    background:url(img/photo-sprite.png) 0 -29px no-repeat;
    width:515px;
    height:56px
}
.petPhotoPopupBottomText{
    position:absolute;
    top:15px;
    left:95px;
    color:#023447;
    font-size:11px
}
#popup .petPhotoPopupBottomText a{text-decoration:underline;color:#023447}
.button.petPhotoPopupBottomButton{float:right;margin-right:10px}

/*popup photo done*/
#popup.petPopupPhotoDone .popupContent{width:485px}
#petPhotoDone{position:relative}
#petPhotoDone .petHomePhotoIco{
    bottom:auto;
    right:auto;
    top:-10px;
    left:-5px;
    cursor:default
}
.petPhotoDoneText{font-size:14px;color:#fff;width:350px;margin:0 auto}
#popup .petPhotoDoneText h4{font-size:16px}
.petPhotoDoneMyPageLink{text-decoration:underline}
.petPhotoDonePinWrap{
    display:block;
    background:#fff;
    padding:8px 10px
}
#popup .petPhotoDoneMyPinLink{
    color:#3e9dc1;
    width:330px;
    display:block
}
.petPopupPhotoDone .petPhotoPopupBottomBlock{
    margin:40px -15px -15px
}
.petPopupPhotoDone .petPhotoPopupBottomText{
    top:12px;
    left:15px;
    color:#035676;
    font-size:14px
}


/* sale popup */

#popup.petSalePopup .popupContent {
    background: url(img/sale-popup/bg.jpg) 0 0 no-repeat;
    width: 442px;
    height: 386px;
    text-align: center;
    padding-top: 10px;
}

.petSaleTimer {
    font-size: 16px;
    color: #ffff00;
    font-weight: bold;
}

.petPackSaleTitle {
    background: url(img/sale-popup/title.png);
    width: 302px;
    height: 40px;
    margin: 0 auto;
}
.petPackSaleInfo {
    background: url(img/sale-popup/label-90.png);
    width: 534px;
    height: 112px;
    margin: -5px -49px -5px;
    padding-top: 30px;
}
.petPackSaleLeftBlock {
    float: left;
    margin-left: 74px;
    margin-top: 3px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    font-style: italic;
    width: 110px;
}
.petPackSaleTimer {
    color: #fff;
    font-size: 18px;
    background-color: rgba(0, 0, 0, .4);
    border-radius: 10px;
    padding: 1px 5px;
    margin-top: 3px;
}
.petPackSaleRightBlock {
    float: right;
    margin-right: 54px;
    text-align: center;
    margin-top: 10px;
}
.petPackSalePrice {
    font-size: 17px;
    font-weight: bold;
}
.petPackSalePrice b {
    color: #ffea00;
}
.petPackSaleBuyBtnSmall.button {
    margin-top: 7px;
}
.petPackSaleItems {
    margin: 0 -10px;
    background: url(img/sale-popup/prizes.png);
    width: 462px;
    height: 175px;
}
.petPackSaleNote {
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    display: inline-block;
    vertical-align: top;
    line-height: 57px;
    margin-left: 10px;
}
.petSaleIco {
    background: url(img/sale-popup/ico.png) 0 0 no-repeat;
    width: 99px;
    height: 28px;
    padding-top: 63px;
    cursor: pointer;
    margin-top: 10px;
}
.petSaleIcoTimer {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    color: #fff;
}

/* Maps popup*/
#popup.petMapsPopup .popupContent {
    background: url(img/maps-popup/bg.jpg) 0 0 no-repeat;
    width: 504px;
    height: 349px;
    padding-top: 0;
}
#popup.petMapsPopup .popupContent:after {
    content: "";
    background: url(img/maps-popup/decor.png) 0 0 no-repeat;
    width: 702px;
    height: 444px;
    position: absolute;
    top: -117px;
    left: -90px;
    z-index: -1;
}
.petMapsTitle {
    background: url(img/maps-popup/title.png) 0 0 no-repeat;
    width: 456px;
    height: 67px;
    margin: -40px auto 21px;
}
.petMapsTimer {
    background-color: rgba(234,60,110,.6);
    padding: 2px 7px;
    border-radius: 0 0 5px 5px;
    color: #fff;
    font-size: 18px;
    position: absolute;
    top: 17px;
    left: 225px;
    box-shadow: 0 2px 0 0 rgba(0,0,0,.1) inset;
}
.petMapsSubTitle {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    font-style: italic;
    text-align: center;
}
.petMapsItems {
    margin-top: 16px;
    text-align: center;
}
.petMapsItem {
    display: inline-block;
    vertical-align: top;
    margin: 0 3px;
    text-align: center;
    width: 150px;
    height: 226px;
}
.petMapsItem.item3 {
    background: url(img/maps-popup/prize-bg.png) 0 0 no-repeat;
    width: 180px;
}
.petMapsItemIcons {
    height: 145px;
    position: relative;
}
.petMapsItemIco {
    position: absolute;
}
.petMapsItemIco.prize1 {
    background: url(img/maps-popup/prize1.png) 0 0 no-repeat;
    width: 94px;
    height: 98px;
}
.petMapsItemIco.prize2 {
    background: url(img/maps-popup/prize2.png) 0 0 no-repeat;
    width: 70px;
    height: 91px;
}
.petMapsItemIco.prize3 {
    background: url(img/maps-popup/prize3.png) 0 0 no-repeat;
    width: 83px;
    height: 100px;
}
.petMapsItem.item1 .prize1 {
    top: 10px;
    left: 20px;
}
.petMapsItem.item2 .prize1 {
    top: 10px;
    left: 50px;
}
.petMapsItem.item2 .prize2 {
    top: 40px;
    left: 20px;
}
.petMapsItem.item3 .prize1 {
    top: 2px;
    left: 39px;
}
.petMapsItem.item3 .prize2 {
    top: 60px;
    left: 12px;
}
.petMapsItem.item3 .prize3 {
    top: 40px;
    left: 90px;
}
.petMapsNote {
    color: #02435c;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
}
.petMapsItem.item3 .petMapsNote {
    color: #fff;
}
#petMapsBanner {
    background: url(img/maps-popup/banner.png) 0 0 no-repeat;
    width: 832px;
    height: 71px;
    margin: 0 auto 5px;
    position: relative;
    cursor: pointer;
}
.petMapsBannerTimer {
    position: absolute;
    top: 15px;
    right: 7px;
    width: 123px;
    height: 39px;
    color: #fff;
    font-size: 22px;
    line-height: 39px;
    text-align: center;
}
.petMapsCount {
    position: absolute;
    bottom: 10px;
    text-align: center;
    background-color: #fff;
    border-radius: 0 0 7px 7px;
    color: #000;
    width: 546px;
    left: 4px;
    line-height: 11px;
    padding-top: 5px;
}

/*pet social quests*/

.petHomeNewSocialQuestButton .questArrowNew{
    left:auto;
    right:91px
}
.petNewSocialQuestIco{
    position:relative;
    width:80px;
    height:80px;
    background-image:url(img/quests/icons/quest-social-pet-icons.png?1);
    cursor:pointer
}
.petNewSocialQuestIco.quest30102{background-position:0 0}
.petNewSocialQuestIco.quest30103{background-position:-80px 0}
.petNewSocialQuestIco.quest30104{background-position:-160px 0}
.petNewSocialQuestIco.quest30105{background-position:-240px 0}
.petNewSocialQuestIco.quest30106{background-position:-320px 0}
.petNewSocialQuestIco.quest30107{background-position:-400px 0}
.petNewSocialQuestIco.quest30108{background-position:-480px 0}
.petNewSocialQuestIco.quest30132{background-position:-560px 0}
#popup.socialActionsQuest .popupBorder{border-radius:28px}
#popup.socialActionsQuest .popupContent{padding:0;width:501px;height:423px;border-radius:25px}
.socialActionsQuest .petSocialQuestWrap{
    background:url(img/quests/quest-social-bg.png) 0 0 no-repeat;
    border-radius:20px;
    padding:15px 25px;
    width:452px;
    height:392px
}
/* !!!!!!!!!!!!!!!!!!!!!!!!! */
.nq_newSocialQuestNewYear .petSocialQuestWrap {
	background:url(img/quests/quest-social-bg-newyear.png) 0 0 no-repeat;
}
.socialActionsQuest .petSocialQuestTopBlock,
.socialActionsQuest .petSocialQuestMainBlock{
    background:rgba(0,113,155,.65);
    border-radius:10px;
    position:relative
}
/* !!!!!!!!!!!!!!!!!!!!!!!!! */
.socialActionsQuest .petSocialQuestTopBlock.nq_newSocialQuestNewYear {
	background: none;
}
.socialActionsQuest .petSocialQuestIco{
    position:absolute;
    top:-20px;
    left:-20px;
    width: 80px;
    height: 80px;
}
/* !!!!!!!!!!!!!!!!!!!!!!!!! */
.socialActionsQuest .nq_newSocialQuestNewYear .petSocialQuestIco {
	display: none;
}
.socialActionsQuest .petSocialQuestTitle{
    background:rgba(0,78,108,.65);
    height:29px;
    text-align:center;
    line-height:29px;
    border-radius:10px 10px 0 0;
    color:#fff;
    font-size:20px;
    font-weight:bold;
    font-style:italic;
}
/* !!!!!!!!!!!!!!!!!!!!!!!!! */
.socialActionsQuest .nq_newSocialQuestNewYear .petSocialQuestTitle{
	background: url(img/quests/quest-social-title-newyear.png);
	width: 456px;
	height: 67px;
	font-size: 0;
	margin: -45px 0 0;
}
.socialActionsQuest  .petSocialQuestProgress{
    height:40px;
    padding-left:65px;
    position:relative;
    -o-transform:scale(0);
    -ms-transform:scale(0);
    -moz-transform:scale(0);
    -webkit-transform:scale(0);
    transform:scale(0);
    -o-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -webkit-transition:all .5s ease-out;
    transition:all .5s ease-out;
}
/* !!!!!!!!!!!!!!!!!!!!!!!!! */
.socialActionsQuest .nq_newSocialQuestNewYear .petSocialQuestProgress {
	height: 72px;
}
.petSocialQuestProgress .petSocialQuestBar{
    background:#00668c;
    width:365px;
    height:18px;
    margin:11px 0;
    border-radius:9px;
    box-shadow:inset 0 -2px 0 rgba(0,0,0,.2);
    text-align:center;
    position:relative;
    overflow:hidden
}
/* !!!!!!!!!!!!!!!!!!!!!!!!! */
.socialActionsQuest .nq_newSocialQuestNewYear .petSocialQuestBar {
	background: #56BEE5;
}
.petSocialQuestProgress .petSocialQuestFill{
    position:absolute;
    top:0;
    left:0;
    height:18px;
    border-radius:6px;
    background:#3c8e05;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#64B100', EndColorStr='#136B0A', GradientType=0);
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1MDEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM2NEIxMDAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMxMzZCMEEiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1MDEpIiAvPgo8L3N2Zz4=);
    box-shadow:inset 0 -2px 0 rgba(0,0,0,.2);
    -o-transition:width .4s ease-out;
    -ms-transition:width .4s ease-out;
    -moz-transition:width .4s ease-out;
    -webkit-transition:width .4s ease-out;
    transition:width .4s ease-out;
}
.petSocialQuestProgress .petSocialQuestProgressText{
    font-size:10px;
    position:relative
}
.petSocialQuestProgress .petSocialQuestPrizeIco{
    display:block;
    background:url(img/quests/quest-social-prize-ico.png) 0 0 no-repeat;
    width:92px;
    height:87px;
    position:absolute;
    top:-35px;
    right:-2px
}
/* !!!!!!!!!!!!!!!!!!!!!!!!! */
.nq_newSocialQuestNewYear .petSocialQuestProgress .petSocialQuestPrizeIco {
	right: auto;
	left: 2px;
}
.petSocialQuestProgress .petSocialQuestTimer{
    display:block;
    background:#940e2b;
    height:15px;
    padding:1px 8px;
    border-radius:4px;
    line-height:15px;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    font-style:italic;
    position:absolute;
    top:1px;
    right:15px
}
/* !!!!!!!!!!!!!!!!!!!!!!!!! */
.nq_newSocialQuestNewYear .petSocialQuestProgress .petSocialQuestTimer {
	display: none;
}
.petSocialQuestTopBlock .petSocialQuestDesc{
    padding:0 15px 10px;
    font-size:12px;
    font-style:italic;
    margin:-45px 0 0 45px;
    word-wrap:break-word;
    opacity:0;
    -o-transition:all .3s;
    -ms-transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    transition:all .3s;
}
/* !!!!!!!!!!!!!!!!!!!!!!!!! */
.nq_newSocialQuestNewYear .petSocialQuestDesc{
	margin:-70px 0 0 0;
	text-align: center;
	font-size: 15px;
}
/* !!!!!!!!!!!!!!!!!!!!!!!!! */
.petSocialQuestNewYearEnergyTitle {
	text-align: center;
	font-size: 13px;
	margin: 0 0 0 -65px;
	font-style: italic;
}
.petSocialQuestNewYearEnergyTitle span {
	font-size: 15px;
	font-weight: bold;
}

.socialActionsQuest .petSocialQuestMainBlock{
	height: 280px;
	position: absolute;
	bottom: 35px;
	left: 50%;
	margin: 0 0 0 -226px;
}
.petSocialQuestMainBlock .petSocialQuestTask{
    height:50px;
    line-height:50px;
    text-align:center;
    font-size:13px;
    font-weight:bold;
    font-style:italic;
    -o-transform:scale(0);
    -ms-transform:scale(0);
    -moz-transform:scale(0);
    -webkit-transform:scale(0);
    transform:scale(0);
    -o-transition:all .5s;
    -ms-transition:all .5s;
    -moz-transition:all .5s;
    -webkit-transition:all .5s;
    transition:all .5s;
}
.petSocialQuestMainBlock .petSocialQuestHomeWrap{
    width:452px;
    height:232px;
    background-image:url(img/quests/quest-social-pet-bg-park.png);
    position:relative;
    /*overflow:hidden;*/
    top:-68px;
	border-radius: 0 0 10px 10px;
}
.petSocialQuestMainBlock .petSocialQuestHomeWrap.quest30102{background-image:url(img/quests/quest-social-pet-bg-park.png)}
.petSocialQuestMainBlock .petSocialQuestHomeWrap.quest30103{background-image:url(img/quests/quest-social-pet-bg-disco.png)}
.petSocialQuestMainBlock .petSocialQuestHomeWrap.quest30104{background-image:url(img/quests/quest-social-pet-bg-ship.png)}
.petSocialQuestMainBlock .petSocialQuestHomeWrap.quest30105{background-image:url(img/quests/quest-social-pet-bg-paris.png)}
.petSocialQuestMainBlock .petSocialQuestHomeWrap.quest30106{background-image:url(img/quests/quest-social-pet-bg-japan.png)}
.petSocialQuestMainBlock .petSocialQuestHomeWrap.quest30107{background-image:url(img/quests/quest-social-pet-bg-class.png)}
.petSocialQuestMainBlock .petSocialQuestHomeWrap.quest30108{background-image:url(img/quests/quest-social-pet-bg-cafe.png)}
.petSocialQuestMainBlock .petSocialQuestHomeWrap.quest30132{background-image:url(img/quests/quest-social-pet-bg-newyear.jpg)}
.petSocialQuestMainBlock .petSocialQuestMyPetImg{
    position:absolute;
    left:-120px;
    bottom:0
}
/*.petSocialQuestMainBlock.questShown .petSocialQuestMyPetImg{left:60px}*/
.petSocialQuestMainBlock .petSocialQuestEmptyPool{
    width:452px;
    height:232px;
    position:relative;
    top:-160px;
    text-align:center;
    font-size:20px;
    font-style:italic;
    font-weight:bold
}
.petSocialQuestMainBlock.questShown .petSocialQuestNotShownBlock,
.petSocialQuestMainBlock .petSocialQuestUserBlock,
.petSocialQuestMainBlock.emptyPool .petSocialQuestUserBlock,
.petSocialQuestMainBlock.emptyPool .petSocialQuestStartButton,
.petSocialQuestMainBlock .petSocialQuestEmptyPool,
.petSocialQuestMainBlock .petSocialQuestFilterBlock,
.petSocialQuestMainBlock .petSocialQuestFilterValue,
.petSocialQuestMainBlock.animation .petSocialQuestMyPetImg,
.petSocialQuestMainBlock.animation .petSocialQuestUserPetImg,
.petSocialQuestMainBlock.animation .petSocialActionButton,
.petSocialQuestMainBlock.animation .petSocialQuestFilterValue{display:none}
.petSocialQuestMainBlock.questShown:not(.emptyPool) .petSocialQuestUserBlock,.petSocialQuestMainBlock.emptyPool .petSocialQuestEmptyPool,
.petSocialQuestMainBlock.showFilter .petSocialQuestFilterBlock,
.petSocialQuestMainBlock.questShown .petSocialQuestFilterValue,
.petSocialQuestMainBlock.emptyPool .petSocialQuestFilterValue{display:block}

.petSocialQuestMainBlock .petSocialQuestMyPetPhrase{
    background:rgba(255,255,255,.95);
    border-radius:10px;
    padding:13px 22px;
    max-width:195px;
    font-size:13px;
    color:#383838;
    position:absolute;
    bottom:75px;
    left:185px;
    box-shadow:0 1px 0 rgba(0,0,0,.55);
    z-index:1;
    -o-transform:scale(0);
    -ms-transform:scale(0);
    -moz-transform:scale(0);
    -webkit-transform:scale(0);
    transform:scale(0);
    -o-transition:all .25s;
    -ms-transition:all .25s;
    -moz-transition:all .25s;
    -webkit-transition:all .25s;
    transition:all .25s;
}
.petSocialQuestMainBlock .petSocialQuestMyPetPhrase:after{
    content:'';
    display:block;
    position:absolute;
    bottom:15px;
    left:-12px;
    width:0;
    height:0;
    border-style:solid;
    border-width:0 0 12px 12px;
    border-color:transparent transparent rgba(255,255,255,.95) transparent;
    box-shadow:0 1px 0 rgba(0,0,0,.55);
}
.petSocialQuestMainBlock .petButton,
.petSocialQuestMainBlock .petButton:active{
    position:absolute;
    bottom:-20px;
    left:160px;
    z-index:1;
}
.petSocialQuestMainBlock .petSocialQuestUserInfo{
    position:relative;
    top:-50px;
    min-height:68px;
    z-index:1;
    -o-transform:scale(0);
    -ms-transform:scale(0);
    -moz-transform:scale(0);
    -webkit-transform:scale(0);
    transform:scale(0);
    -o-transition:all .25s;
    -ms-transition:all .25s;
    -moz-transition:all .25s;
    -webkit-transition:all .25s;
    transition:all .25s;
    -o-transform-origin:left center;
    -ms-transform-origin:left center;
    -moz-transform-origin:left center;
    -webkit-transform-origin:left center;
    transform-origin:left center;
}
.petSocialQuestMainBlock .petSocialQuestUserImg{
    margin:-10px 7px -10px -10px;
    background-color:#023447;
    padding:1px;
    border:2px solid #6ad6ff;
    box-shadow:0 1px 2px 1px rgba(0,0,0,.75);
    border-radius:8px;
    float:left;
}
.petSocialQuestMainBlock .petSocialQuestUserName{
    padding-top:7px;
    width:250px
}
.petSocialQuestMainBlock .petSocialPetImgWrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.petSocialQuestMainBlock .petSocialQuestUserPetImg{
    position:absolute;
    bottom:20px;
    left:472px
}
.petSocialQuestMainBlock .scrollArrow{margin-top:19px;z-index:100}
.petSocialQuestMainBlock .scrollArrow.left{left:-10px}
.petSocialQuestMainBlock .scrollArrow.right{right:-10px}

.petSocialQuestMainBlock .petSocialActionButton{
    width:80px;
    height:80px;
    background: url(/app/pet/img/quests/quest-ico-bg.png) 50% 50% no-repeat;
    margin-right:0px;
    float:right;
    cursor:pointer;
    -o-transition:all 0.5s ease-out;
    -ms-transition:all 0.5s ease-out;
    -moz-transition:all 0.5s ease-out;
    -webkit-transition:all 0.5s ease-out;
    transition:all 0.5s ease-out;
}
.petSocialQuestMainBlock .petSocialActionButton.enabled {
    margin-right:10px;
}
.petSocialQuestMainBlock .petSocialActionButton.first{margin-top:40px}
.petSocialQuestUserBlock .clearer{clear:both}
.petSocialActionButton em{display:block;margin:20px}

/* !!!!!!!!!!!!!!!!!!!!!!!!! */
.petSocialQuestMainBlock .petSocialActionButton.petSocialActionButtonNewYearPrize  {
	height: 30px;
	width: auto;
	margin: 0 0 0 -12px;
}
.petSocialQuestMainBlock .petSocialQuestFilterWrap{
    position:absolute;
    top:18px;
    right:20px;
    z-index:1;
    -o-transform:scale(0);
    -ms-transform:scale(0);
    -moz-transform:scale(0);
    -webkit-transform:scale(0);
    transform:scale(0);
    -o-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;
}
.petSocialQuestMainBlock .petSocialQuestFilterBlock{
    width:469px;
    position:absolute;
    top:-43px;
    left:-381px;
    padding:24px 15px;
    background:#fff;
    border:1px solid #b4c4ce;
    color:#50616d;
    text-align:center
}
.petSocialQuestMainBlock .petSocialQuestFilterBlock .ibtn{margin-left:10px}
.petSocialQuestMainBlock .petSocialQuestFilterValue{text-decoration:underline;cursor:pointer;position:relative;z-index:1;margin-top:-40px;color:#00668c}
#form-selector-box.petSocialQuestFilterSelect{z-index:800 !important}
.petSocialQuestFilterBlock .form-select-wrap .form-select-input{
    width:25px;
    text-align:center
}
.petSocialQuestMainBlock .petSocialQuestFilterBlock .icn-close{
    cursor:pointer;
    position:absolute;
    top:10px;
    right:10px
}
.socialActionsQuest .scale-1{
    -o-transform:scale(1);
    -ms-transform:scale(1);
    -moz-transform:scale(1);
    -webkit-transform:scale(1);
    transform:scale(1);
}
#petSocialQuestFlashContainer{
    width:452px;
    height:232px;
    position:absolute;
    top:50px;
    visibility:hidden;
    z-index:-1000
}
.animation #petSocialQuestFlashContainer{
    visibility:visible;
    z-index:101;
}

/*yammy promo*/
#petHomeYammyPromo{
    position:absolute;
    top:0;
    left:0;
    background:rgba(0,0,0,.7);
    width:100%;
    height:450px;
    text-align:center;
    z-index:900
}
#petHomeYammyPromo object{margin:0 auto}
#petHomeYammyPromo .petButton{
    position:absolute;
    bottom:-20px;
    left:50%;
    margin-left:-135px
}
#petHomeYammyPromo .petYammyPromoPetImg{
    position:absolute;
    bottom:0;
    right:50%;
    margin-right:-415px
}
#petHomeYammyPromo .petYammyPromoCloseBtn{
    cursor:pointer;
    position:absolute;
    top:10px;
    right:10px;
    border:2px solid #9aa8af;
    border-radius:50%
}
#petHomeYammyPromo .petYammyPromoCloseBtn:hover{background-position:-80px -16px;border-color:#fff}

#rightHomeIconsWrap .animatedIco{
    width: 80px;
    height: 80px;
    top: 11px;
    left: 18px;
    animation: door-animation 8s infinite;
    -moz-animation: door-animation 8s infinite;
    -webkit-animation: door-animation 8s infinite;
    -o-animation: door-animation 8s infinite;
}
#rightHomeIconsWrap .animatedIco:after{
    content:'';
    display:block;
    width: 81px;
    height: 81px;
    background:url(img/door_sprite.png) -4px -87px no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    animation: shine-animation 8s infinite;
    -moz-animation: shine-animation 8s infinite;
    -webkit-animation: shine-animation 8s infinite;
    -o-animation: shine-animation 8s infinite;
}
#rightHomeIconsWrap .animatedIco:before{
    content:'';
    display:block;
    width: 84px;
    height: 73px;
    background:url(img/door_sprite.png) -82px -2px no-repeat;
    position:absolute;
    top: 0;
    left: 0;
    animation: star-animation 2s infinite;
    -moz-animation: star-animation 2s infinite;
    -webkit-animation: star-animation 2s infinite;
    -o-animation: star-animation 2s infinite;
}
.halloweenMaps2014HomeBlock .questArrowNew{
    position:absolute;
    left:-100%
}
#petToSeasonHomeIco{
	position:relative;
    display:inline-block;
    background:url(/app/fs2pet/seasonHome/i/home2/spring15-home-ico.png) 0 0 no-repeat;
    width: 65px;
    height: 64px;
    cursor: pointer;
}
.petHomePictureCraftIco{
    display:block;
    position:relative;
    background: url(seasonHome/i/home2/pseudo-craft/ico-2.png);
    width: 80px;
    height: 80px;
    margin:0 0 0 -10px;
}
/* промо события про амура */
.petLove15Promo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 300;
	width: 100%;
	height: 100%;
}

.petLove15Promo .darkness {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	opacity: 0;
	-webkit-animation: love15Promo-fadeIn 0.4s 0s;
	-webkit-animation-fill-mode: forwards;
	animation: love15Promo-fadeIn 0.4s 0s;
	animation-fill-mode: forwards;
}

.petLove15Promo .wrapper {
	width: 730px;
	margin: 63px auto 0;
	position: relative;
	background: #F00;
}

.petLove15Promo .amur {
	background: url(img/love15-promo.png);
	width: 339px;
	height: 340px;
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
	-webkit-animation: love15Promo-slideUp 0.5s 0.4s;
	-webkit-animation-fill-mode: forwards;
	animation: love15Promo-slideUp 0.5s 0.4s;
	animation-fill-mode: forwards;
}

.petLove15Promo .popup {
	background: url(img/love15-promo.png) -339px;
	width: 511px;
	height: 338px;
	position: absolute;
	opacity: 0;
	left: 220px;
	top: 25px;
	-webkit-animation: love15Promo-slideUp 0.5s 0.8s;
	-webkit-animation-fill-mode: forwards;
	animation: love15Promo-slideUp 0.5s 0.8s;
	animation-fill-mode: forwards;
}

.petLove15Promo .popup .text {
	position: absolute;
	top: 35px;
	left: 125px;
	width: 355px;
	font-size: 20px;
	opacity: 0;
	-webkit-animation: love15Promo-fadeIn 0.4s 1.3s;
	-webkit-animation-fill-mode: forwards;
	animation: love15Promo-fadeIn 0.4s 1.3s;
	animation-fill-mode: forwards;
}

.petLove15Promo .popup .button {
	position: absolute;
	top: 180px;
	left: 225px;
	opacity: 0;
	-webkit-animation: love15Promo-fadeIn 0.5s 1.4s;
	-webkit-animation-fill-mode: forwards;
	animation: love15Promo-fadeIn 0.5s 1.4s;
	animation-fill-mode: forwards;
}

.petLove15Promo .popup .close {
	position: absolute;
	top: 21px;
	right: 26px;
	width: 20px;
	height: 20px;
	background: #94E1FD;
	text-align: center;
	line-height: 19px;
	border-radius: 10px;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
	opacity: 0;
	-webkit-animation: love15Promo-fadeIn 0.4s 2.5s;
	-webkit-animation-fill-mode: forwards;
	animation: love15Promo-fadeIn 0.4s 2.5s;
	animation-fill-mode: forwards;
}

@-webkit-keyframes love15Promo-fadeIn { from { opacity: 0; } to { opacity: 1.0; } }
@-webkit-keyframes love15Promo-slideUp { from { opacity: 0; margin-top: 150px;  } to { opacity: 1.0; margin-top: 0;  } }
@keyframes love15Promo-fadeIn { from { opacity: 0; } to { opacity: 1.0; } }
@keyframes love15Promo-slideUp { from { opacity: 0; margin-top: 150px;  } to { opacity: 1.0; margin-top: 0;  } }

#app_fs2pet_home_css{display:none}