@charset "utf-8";
@FONT-FACE {
	font-family: "A_Nefel_Adeti";
	src: url("A_Nefel_Adeti.ttf");
}
@FONT-FACE {
	font-family: "Sorreda";
	src: url("Sorreda Pro.ttf");
}
@FONT-FACE {
	font-family: "gisha";
	src: url("gisha.ttf");
}
@FONT-FACE {
	font-family: "DroidKufi-Regular";
	src: url("DroidKufi-Regular.ttf");
}
@FONT-FACE {
	font-family: "Anydore";
	src: url("Sex Drugs And Fidget Spinners.otf");
}

body {
	margin: 0px;
	text-align: left;
	font-family: "arial";
	font-size: 15px;
	background: #ececec;
	direction: ltr;
}

 



ul {
	padding: 0px;
	margin: 0px;
}
li {
	list-style-type: none;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
p {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
.clrrr {
	clear: both;
}
.space {
	width: 100%;
	height: 15px;
}

.menugame{
display: none;
}
.container-fluid {
	width: 100%;
	border: 1px solid red;
	min-height: 825px;
}
.wrapper {
	width: 1139px;
	border: 0px solid blue;
	margin: auto;
	font-weight: lighter;
	background: #ececec;
	min-height: 950px;
	position: relative;
 
}

.homestart {
	width: 100%;
	height: 644px;
 	position: absolute;
	left: 0px;
	top: 0px;
	text-align: center;
	z-index: 666665;
 background: #FFFFFF;
}
.toppainting {
	position: absolute;
	top: -440px;
	left: 300px;
	z-index: 666667;
	opacity: 0;
}
.leftpainting {
	position: absolute;
	top: 195px;
	left: -353px;
	z-index: 5555555;
	opacity: 0;
}

.leftpainting2 {
	position: absolute;
	bottom: -10%;
	left: -353px;
	z-index: 5555555;
	opacity: 0;
display: none;
}

.rightpainting {
	position: absolute;
	top: -32px;
	left: 60px;
	z-index: 666666;
	opacity: 0;
	border: 0px solid #F00;
}
.door {
	position: absolute;
	top: 115px;
	right: 88px;
	z-index: 11;
	opacity: 1;
	border: 0px solid #00F;
}
.underground {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 222;
	opacity: 1;
}

.logodetial {
	width: 218px;
	height: 70px;
	position: absolute;
	left: 47px;
	top: 438px;
}

.introtit {
	font-size: 118%;
	font-weight: lighter;
	color: #010;
}
.introtit:hover {
	color: #de0814;
	transition: all 0.9s ease 0s;
}
.slider {
	width: 237px;
	height: 521px;
	position: absolute;
	right: 285px;
	top: 153px;
	z-index: 2147483647;
	border: 0px solid #008000;
}

.footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 32px;
	padding-top: 0px;
	width: 96%;
	border: 0px solid #F00;
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
	padding-left: 2%;
	padding-right: 2%;
	z-index: 777777777;
}
.footerleft {
	width: 45%;
	border: 0px solid #FF0;
	height: 17px;
	float: left;
	margin-top: 7px;
}

.footerright {
	width: 21%;
	border: 0px solid #FF0;
	height: 17px;
	float: right;
	text-align: right;
}

.privacylink {
	font-size: 87%;
	color: #fff;
}
.privacylink:hover {
	color: #de0814;
	transition: all 0.9s ease 0s;
}
#facebookiconn {
	background: url("../social_ic1.png") no-repeat scroll 0% 0% transparent;
	width: 29px;
	height: 29px;
	border: 0px solid red;
	vertical-align: top;
	display: inline-block;
}
#facebookiconn:hover {
	-webkit-transform: rotate(360deg);
	-webkit-transition-duration: 900ms;
	-webkit-transition-timing-function: ease-out;
	-moz-transform: rotate(360deg);
	-moz-transition-duration: 900ms;
	-moz-transition-timing-function: ease-out;
	-ms-transform: rotate(360deg);
	-ms-transition-duration: 900ms;
	-ms-transition-timing-function: ease-out;
}
#linkinicon {
	background: url("../social_ic4.png") no-repeat scroll 0% 0% transparent;
	width: 29px;
	height: 29px;
	border: 0px solid red;
	vertical-align: top;
	display: inline-block;
}
#linkinicon:hover {
	-webkit-transform: rotate(360deg);
	-webkit-transition-duration: 900ms;
	-webkit-transition-timing-function: ease-out;
	-moz-transform: rotate(360deg);
	-moz-transition-duration: 900ms;
	-moz-transition-timing-function: ease-out;
	-ms-transform: rotate(360deg);
	-ms-transition-duration: 900ms;
	-ms-transition-timing-function: ease-out;
}

#yotuobeicon {
	background: url("../social_ic3.png") no-repeat scroll 0% 0% transparent;
	width: 29px;
	height: 29px;
	border: 0px solid red;
	vertical-align: top;
	display: inline-block;
}
#yotuobeicon:hover {
	-webkit-transform: rotate(360deg);
	-webkit-transition-duration: 900ms;
	-webkit-transition-timing-function: ease-out;
	-moz-transform: rotate(360deg);
	-moz-transition-duration: 900ms;
	-moz-transition-timing-function: ease-out;
	-ms-transform: rotate(360deg);
	-ms-transition-duration: 900ms;
	-ms-transition-timing-function: ease-out;
}

#vimeoicon {
	background: url("../social_ic2.png") no-repeat scroll 0% 0% transparent;
	width: 29px;
	height: 29px;
	border: 0px solid red;
	vertical-align: top;
	display: inline-block;
}
#vimeoicon:hover {
	-webkit-transform: rotate(360deg);
	-webkit-transition-duration: 900ms;
	-webkit-transition-timing-function: ease-out;
	-moz-transform: rotate(360deg);
	-moz-transition-duration: 900ms;
	-moz-transition-timing-function: ease-out;
	-ms-transform: rotate(360deg);
	-ms-transition-duration: 900ms;
	-ms-transition-timing-function: ease-out;
}

.colorcenter {
	width: 300px;
	height: 300px;
	background: #fff;
	-webkit-border-radius: 166px;
	-moz-border-radius: 166px;
	border-radius: 166px;
	position: relative;
	overflow: hidden;
	left: 38%;
	z-index: 444444444;
	top: -300px;
	opacity: 0;
}

.colorslide {
	width: 69px;
	height: 100px;
	border: 1px solid #fff;
	cursor: pointer;
}
.imglogo {
	position: absolute;
	left: 63px;
	top: 120px;
}
.wrapper2 {
	min-width: 960px;
	width: 100%;
	border: 0px solid blue;
	margin: auto;
	font-weight: lighter;
	background: #ececec;
	position: relative;
	overflow: hidden;
	background: url(../backgroundbody.png) repeat;
	margin-bottom: 10px;
}

.content {
width: 80%;
border: 0px solid #FFF;
height: 92%;
position: absolute;
left: 10%;
right: 10%;
top: 24px;
z-index: 2147483647;
text-align: center;
padding-top: 1%;
}

.homemenu {
	width: 56%;
	margin: auto;
	border: 0px solid red;
	height: 30px;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
	min-width: 572px;
}
.switch {
	width: 73px;
	height: 32px;
	vertical-align: top;
	display: inline-block;
}
.switch:hover {
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	-ms-filter: fliph; /*IE*/
	filter: fliph; /*IE*/
	transition: all 0.9s ease 0s;
}
.link1 {
	width: 125px;
background: url("../cat_gui.png") no-repeat scroll 0% 0% transparent;
padding-left: 18px;
vertical-align: top;
display: inline-block;
margin-left: 5%;
margin-top: 6px;
padding-top: 1px;
text-align: center;
}
.link1:hover {
	background: url(../cat_guihover.png) no-repeat scroll 0% 0% transparent;
}
.link1 a {
	color: #d0d0d0;
	font-size: 100%;
	font-weight: lighter;
}
.link1 a:hover {
	color: #ffb5b5;
	transition: all 0.9s ease 0s;
}

.link2 {
width: 159px;
	background: url("../cat_icon_pack.png") no-repeat scroll 0% 0% transparent;
	padding-left: 9px;
vertical-align: top;
display: inline-block;
margin-left: 0%;
margin-top: 6px;
padding-top: 1px;
text-align: center;
}
.link2:hover {
	background: url(../cat_icon_packhover.png) no-repeat scroll 0% 0% transparent;
}
.link2 a {
	color: #d0d0d0;
	font-size: 100%;
	font-weight: lighter;
}
.link2 a:hover {
	color: #fdfe86;
	transition: all 0.9s ease 0s;
}

.link3 {
	width: 129px;
background: url("../cat_graphics.png") no-repeat scroll 0% 0% transparent;
padding-left: 0px;
vertical-align: top;
display: inline-block;
margin-left: 0%;
margin-top: 6px;
padding-top: 1px;
text-align: right;
}
.link3:hover {
	background: url(../cat_graphicshoevr.png) no-repeat scroll 0% 0% transparent;
}
.link3 a {
	color: #d0d0d0;
	font-size: 100%;
	font-weight: lighter;
}
.link3 a:hover {
	color: #bbe0eb;
	transition: all 0.9s ease 0s;
}
.bodyhome {
	width: 95%;
	height: 253px;
	margin: auto;
	border: 0px solid red;
	margin-top: 88px;
}

.imgblock {
	width: 29%;
	height: 253px;
	border: 0px solid #fff;
	vertical-align: top;
	display: inline-block;
	margin-left: 3%;
}

.imgbox {
	width: 100%;
	height: 183px;
	overflow: hidden;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
}
.imgbox:hover{
-webkit-box-shadow: 0px 0px 1px 2px #ffb5b5;
	-moz-box-shadow: 0px 0px 1px 2px #ffb5b5;
	box-shadow: 0px 0px 1px 2px #ffb5b5;
	transition: all 0.9s ease 0s;
}
.imgbox img {
	width: 100%;
	height: 100%;
}
.imgbox img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	transition: all 0.9s ease 0s;
}
.imgtittle {
	margin-top: 22px;
}
.imgtittle a {
	color: #fff;
	font-size: 23px;
	font-family: "gisha";
}
.imgtittle a:hover {
	color: #ffb5b5;
	transition: all 0.9s ease 0s;
}

.foooter {
	margin-top: 113px;
}

.copyright {
	width: 70%;
	border: 0px solid #F00;
	margin: auto;
	height: 31px;
	margin-top: 7px;
}

.icons {
	width: 29px;
	height: 29px;
	vertical-align: top;
	display: inline-block;
}

#facebookicon {
	background: url(../facebookicon.png) no-repeat;
}
#facebookicon:hover {
	background: url(../facebookiconhover.png) no-repeat;
	-webkit-transform: rotate(360deg);
	-webkit-transition-duration: 900ms;
	-webkit-transition-timing-function: ease-out;
	-moz-transform: rotate(360deg);
	-moz-transition-duration: 900ms;
	-moz-transition-timing-function: ease-out;
	-ms-transform: rotate(360deg);
	-ms-transition-duration: 900ms;
	-ms-transition-timing-function: ease-out;
}
#twittericon {
	background: url(../tweetericon.png) no-repeat;
}
#twittericon:hover {
	background: url(../tweetericonhover.png) no-repeat;
	-webkit-transform: rotate(360deg);
	-webkit-transition-duration: 900ms;
	-webkit-transition-timing-function: ease-out;
	-moz-transform: rotate(360deg);
	-moz-transition-duration: 900ms;
	-moz-transition-timing-function: ease-out;
	-ms-transform: rotate(360deg);
	-ms-transition-duration: 900ms;
	-ms-transition-timing-function: ease-out;
}
#threeicon {
	background: url(../thirdicon.png) no-repeat;
}
#threeicon:hover {
	background: url(../thirdiconhover.png) no-repeat;
	-webkit-transform: rotate(360deg);
	-webkit-transition-duration: 900ms;
	-webkit-transition-timing-function: ease-out;
	-moz-transform: rotate(360deg);
	-moz-transition-duration: 900ms;
	-moz-transition-timing-function: ease-out;
	-ms-transform: rotate(360deg);
	-ms-transition-duration: 900ms;
	-ms-transition-timing-function: ease-out;
}

/*********************************startgame*******************************/

.wrapper3 {
	width: 1100px;
	border: 0px solid blue;
	margin: auto;
	font-weight: lighter;
	background: #ececec;
	position: relative;
	overflow: hidden;
	height: 688px;
	margin-top: 22.5px;
	margin-bottom: 22.5px;
}

.masterimg {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 444444444;
}

.top1 {
	position: absolute;
	left: 67px;
	top: 0px;
	width: 998px;
	height: 41px;
	border: 0px solid #F00;
	z-index: 2147483647;
cursor:  url(../brush.png), auto;
}

.topright1 {
	position: absolute;
	left: 1064px;
	top: 41px;
	width: 39px;
	height: 477px;
	border: 0px solid #00F;
	z-index: 2147483647;
cursor:  url(../brush.png), auto;
}

.topleftcerve1 {
	position: absolute;
	left: 13px;
	top: -78px;
	width: 88px;
	height: 104px;
	border: 0px solid #008000;
	z-index: 2147483647;
	-webkit-transform: rotate(32deg);
	-moz-transform: rotate(32deg);
	-ms-transform: rotate(32deg);
cursor:  url(../brush.png), auto;
}

.toprightcervetop1 {
	position: absolute;
right: -28px;
top: -75px;
width: 91px;
height: 102px;
border: 0px solid #FF0;
z-index: 2147483645;
	-webkit-transform: rotate(57deg);
	-moz-transform: rotate(57deg);
	-ms-transform: rotate(57deg);
	-webkit-box-shadow: 0px -1px 1px 0px rgba(192, 192, 192, 0.8);
	-moz-box-shadow: 0px -1px 1px 0px rgba(192, 192, 192, 0.8);
	box-shadow: 0px -1px 1px 0px rgba(192, 192, 192, 0.8);
cursor:  url(../brush.png), auto;
}

.toprightcerveundertop1 {
	position: absolute;
	right: -28px;
	top: -64px;
	width: 88px;
	height: 105px;
	border: 0px solid #A52A2A;
	z-index: 2147483603;
	-webkit-transform: rotate(146deg);
	-moz-transform: rotate(146deg);
	-ms-transform: rotate(146deg);
cursor:  url(../brush.png), auto;
}

.topbottomcerve1 {
	position: absolute;
	right: -34px;
	top: 433px;
	width: 53px;
	height: 102px;
	border: 0px solid #314;
	z-index: 2147483647;
	-webkit-transform: rotate(24deg);
	-moz-transform: rotate(24deg);
	-ms-transform: rotate(24deg);
cursor:  url(../brush.png), auto;
}


.imagescolor {
width: 650px;
height: auto;
position: absolute;
left: 20%;
bottom: -60%;
border: 0px solid #F00;
z-index: 444444444;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 1);
padding: 7px;
text-align: center;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.imagescolormob {
width: 20%;
height: 100%;
position: absolute;
right: -60%;
top: 0%;
border: 0px solid #F00;
z-index: 444444444;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 1);
padding: 4px;
text-align: center;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
display: none;
overflow-y: scroll;
}


.branchcolors {
width: 650px;
height: auto;
position: absolute;
left: 20%;
bottom: -100%;
border: 0px solid #F00;
z-index: 444444444;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 1);
padding: 7px;
text-align: center;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.branchcolorsmob {
width: 80px;
height: 100%;
position: absolute;
right: -60%;
top: 0%;
border: 0px solid #F00;
z-index: 444444444;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 1);
padding: 4px;
text-align: center;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
display: none;
padding-bottom: 0px;
}


.branchcolorcolum {
width: 35px;
height: 30px;
vertical-align: top;
display: inline-block;
cursor: pointer;
margin-top: 2px;
border: 2px solid #CCC;
margin-bottom: 5px;
z-index: 5555555555555555555;
}

.colors {
	width: 650px;
height: auto;
position: absolute;
left: 20%;
bottom: -60%;
border: 0px solid #F00;
z-index: 444444444;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 1);
padding: 7px;
text-align: center;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.colorsmob {
	width: 90px;
height: auto;
position: absolute;
right: -60%;
bottom: 0%;
border: 0px solid #F00;
z-index: 444444444;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 1);
padding: 4px;
text-align: center;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
display: none;
}


.colorcolum {
width: 35px;
height: 30px;
vertical-align: top;
display: inline-block;
cursor: pointer;
margin-top: 2px;
border: 2px solid #CCC;
margin-bottom: 5px;
}

.ground {
	width: 1100px;
	height: 173px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 111111;
	border: 0px solid #F00;
	background: url(../solid-parquet-flooring-wood-aged-3025-4903123.jpg) repeat;
}

.barck {
	width: 650px;
height: auto;
position: absolute;
left: 20%;
bottom: -100%;
	border: 0px solid #F00;
	z-index: 444444444;
	padding: 4px;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 1);
padding: 7px;
text-align: center;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.barckmob {
width: 20%;
height: 100%;
position: absolute;
right: -60%;
top: 0%;
	border: 0px solid #F00;
	z-index: 444444444;
	padding: 4px;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 1);
padding: 4px;
text-align: center;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
display: none;
overflow-y: scroll;
}

.colorbarck {
width: 35px;
height: 30px;
vertical-align: top;
display: inline-block;
cursor: pointer;
margin-top: 2px;
border: 2px solid rgb(204, 204, 204);
margin-bottom: 5px;
}


.wallpaper {
width: 650px;
height: auto;
position: absolute;
left: 20%;
bottom: -100%;
border: 0px solid #F00;
z-index: 444444444;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 1);
padding: 7px;
text-align: center;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.wallpapermob {
width: 20%;
height: 100%;
position: absolute;
right: -60%;
top: 0%;
border: 0px solid #F00;
z-index: 444444444;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 1);
padding: 4px;
text-align: center;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
display: none;
}
.colorwallpaper {
width: 35px;
height: 30px;
vertical-align: top;
display: inline-block;
cursor: pointer;
margin-top: 2px;
border: 2px solid rgb(204, 204, 204);
margin-bottom: 5px;
}

.righthall1over {
	position: absolute;
	right: 35px;
	top: 40px;
	width: 165px;
	height: 479px;
	border: 0px solid #314;
	z-index: 444444444;
cursor:  url(../brush.png), auto;
}

.righthall1 {
	position: absolute;
	right: 35px;
	top: 40px;
	width: 165px;
	height: 479px;
	border: 0px solid #314;
	z-index: 1111;
cursor:  url(../brush.png), auto;
}

.fronthall1 {
	position: absolute;
	left: 66px;
	top: 40px;
	width: 998px;
	height: 86px;
	border: 0px solid #314;
	z-index: 444444444;
cursor:  url(../brush.png), auto;
}

.cervefronthall1 {
	position: absolute;
	left: -25px;
	top: 18px;
	width: 115px;
	height: 88px;
	border: 0px solid #00F;
	z-index: 444444444;
	-webkit-transform: rotate(25deg);
	-moz-transform: rotate(25deg);
	-ms-transform: rotate(25deg);
cursor:  url(../brush.png), auto;
}

.lefthall {
	position: absolute;
	left: 0px;
	top: 132px;
	width: 44px;
	height: 383px;
	border: 0px solid #314;
	z-index: 222;
cursor:  url(../brush.png), auto;
}

.lefthallover {
	position: absolute;
	left: 0px;
	top: 132px;
	width: 43px;
	height: 383px;
	border: 0px solid #314;
	z-index: 44444444444444;
cursor:  url(../brush.png), auto;
}

.cervelefthall {
	position: absolute;
	left: -12px;
	top: 111px;
	width: 44px;
	height: 52px;
	border: 0px solid #314;
	z-index: 222;
	-webkit-transform: rotate(119deg);
	-moz-transform: rotate(119deg);
	-ms-transform: rotate(119deg);
cursor:  url(../brush.png), auto;
}

.cervelefthallover {
	position: absolute;
	left: -12px;
	top: 111px;
	width: 42px;
	height: 52px;
	border: 0px solid #314;
	z-index: 44444444444444;
	-webkit-transform: rotate(119deg);
	-moz-transform: rotate(119deg);
	-ms-transform: rotate(119deg);
cursor:  url(../brush.png), auto;
}


 


.centerimg1{
position: absolute;
left: 241px;
top: 134px;
width: 638px;
height: 275px;
border: 0px solid #314;
z-index: 222;
}

.centerimgover1{
position: absolute;
left: 241px;
top: 134px;
width: 638px;
height: 275px;
border: 0px solid #314;
z-index: 2147483646;
}

.saveimg{
	background: url("../99-969-23.gif") no-repeat scroll 0% 0% transparent;
width: 62px;
height: 60px;
cursor: pointer;
border: 0px;
}
 
.selecticonblock{
border: 0px solid #F00;
width: 59%;
height: 38px;
position: absolute;
right: 23%;
bottom: 15px;
z-index: 2147483646;
}
.selecticonblock1{
width: 22%;
height: 34px;
border: 0px solid red;
background: #B60000;
color: #fff;
font-size: 15px;
font-family: 'DroidKufi-Regular';
cursor: pointer;
-webkit-border-radius: 31%;
-moz-border-radius: 31%;
border-radius: 31%;
padding-top: 2px;
text-align: center;
position: absolute;
right: 0.6%;
bottom: -500%;
}
.selecticonblock2{
width: 22%;
height: 34px;
border: 0px solid red;
background: #B60000;
color: #fff;
font-size: 15px;
font-family: 'DroidKufi-Regular';
cursor: pointer;
-webkit-border-radius: 31%;
-moz-border-radius: 31%;
border-radius: 31%;
padding-top: 2px;
text-align: center;
position: absolute;
right: 25%;
bottom: -700%;
}
.selecticonblock3{
width: 22%;
height: 34px;
border: 0px solid red;
margin-left: 2%;
background: #B60000;
color: #fff;
font-size: 15px;
font-family: 'DroidKufi-Regular';
cursor: pointer;
-webkit-border-radius: 31%;
-moz-border-radius: 31%;
border-radius: 31%;
padding-top: 2px;
text-align: center;
position: absolute;
right: 50%;
bottom: -900%;
}
.selecticonblock4{
width: 22%;
height: 34px;
border: 0px solid red;
display: inline-block;
vertical-align: top;
background: #B60000;
margin-left: 2%;
color: #fff;
font-size: 15px;
font-family: 'DroidKufi-Regular';
cursor: pointer;
-webkit-border-radius: 31%;
-moz-border-radius: 31%;
border-radius: 31%;
padding-top: 2px;
text-align: center;
position: absolute;
right: 75%;
bottom: -1000%;
}



.popupcenterwall{
width: 100%;
    height: 100%;
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.51);
    position: fixed;
    border: 0px solid #F00;
    left: 0px;
    top: -1000%;
    z-index: 2147483647;
    text-align: center;
}

.popupcenter{
width: 540px;
height: 420px;
margin: auto;
position: relative;
border: 3px solid #E7E7E7;
background: none repeat scroll 0% 0% #FFF;
border-radius: 5px;
transform: perspective(0px) rotateX(0deg);
-webkit-transform: perspective(429px) rotateX(45deg);
	-webkit-transition-duration: 100ms;
	-webkit-transition-timing-function: ease-out;
	-moz-transform: perspective(429px) rotateX(45deg);
	-moz-transition-duration: 100ms;
	-moz-transition-timing-function: ease-out;
	-ms-transform: perspective(429px) rotateX(45deg);
	-ms-transition-duration: 100ms;
	-ms-transition-timing-function: ease-out;
        -o-transform: perspective(429px) rotateX(45deg);
	-o-transition-duration: 100ms;
	-o-transition-timing-function: ease-out; 
	transition: all 0.9s ease 0s;
top : -200px;
}

   

#hoover{
color: #ff0487;
transform:  rotateX(0deg);
-webkit-transform: perspective(0px) rotateX(0deg);
	-webkit-transition-duration: 100ms;
	-webkit-transition-timing-function: ease-out;
	-moz-transform: perspective(0px) rotateX(0deg);
	-moz-transition-duration: 100ms;
	-moz-transition-timing-function: ease-out;
	-ms-transform: perspective(0px) rotateX(0deg);
	-ms-transition-duration: 100ms;
	-ms-transition-timing-function: ease-out;
        -o-transform: perspective(0px) rotateX(0deg);
	-o-transition-duration: 100ms;
	-o-transition-timing-function: ease-out; 
	transition: all 0.9s ease 0s;
}


#nothoover{
transform: perspective(0px) rotateX(0deg);
-webkit-transform: perspective(429px) rotateX(45deg);
	-webkit-transition-duration: 100ms;
	-webkit-transition-timing-function: ease-out;
	-moz-transform: perspective(429px) rotateX(45deg);
	-moz-transition-duration: 100ms;
	-moz-transition-timing-function: ease-out;
	-ms-transform: perspective(429px) rotateX(45deg);
	-ms-transition-duration: 100ms;
	-ms-transition-timing-function: ease-out;
        -o-transform: perspective(429px) rotateX(45deg);
	-o-transition-duration: 100ms;
	-o-transition-timing-function: ease-out; 
	transition: all 0.9s ease 0s;
}



.closepopupcenter{
border-left: 0px solid #F00;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
width: 24px;
height: 21px;
cursor: pointer;
position: absolute;
right: -27px;
top: -3px;
background-color: #F6F6F6;
color: #1896E6;
text-align: center;
line-height: 18px;
font-family: "Raleway-Regular";
font-size: 16px;
font-weight: lighter;
border-radius: 1px;
border-width: 3px 3px 3px 0px;
border-style: solid;
border-color: #E7E7E7 #E7E7E7 #E7E7E7 #F00;
}

.blockajax{
width: 91%;
height: 367px;
border: 0px solid #F00;
margin-left: 4%;
margin-top: 25px;
overflow: hidden;
font-family: 'DroidKufi-Regular';
color: #4A4A4A;
font-size: 13px;
line-height: 25px;
text-align: right;
}

.se-pre-con{
display: none;
}




.sk-spinner-rotating-plane.sk-spinner {
  width: 30px;
  height: 30px;
  background-color: #c42026;
  margin: 0 auto;
  -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
          animation: sk-rotatePlane 1.2s infinite ease-in-out; }

@-webkit-keyframes sk-rotatePlane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            transform: perspective(120px) rotateX(0deg) rotateY(0deg); }

  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }

  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

@keyframes sk-rotatePlane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            transform: perspective(120px) rotateX(0deg) rotateY(0deg); }

  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }

  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-double-bounce">
 *      <div class="sk-double-bounce1"></div>
 *      <div class="sk-double-bounce2"></div>
 *    </div>
 *
 */
.sk-spinner-double-bounce.sk-spinner {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 0 auto; }
.sk-spinner-double-bounce .sk-double-bounce1, .sk-spinner-double-bounce .sk-double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #c42026;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
          animation: sk-doubleBounce 2s infinite ease-in-out; }
.sk-spinner-double-bounce .sk-double-bounce2 {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }

@-webkit-keyframes sk-doubleBounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }

  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes sk-doubleBounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }

  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-wave">
 *      <div class="sk-rect1"></div>
 *      <div class="sk-rect2"></div>
 *      <div class="sk-rect3"></div>
 *      <div class="sk-rect4"></div>
 *      <div class="sk-rect5"></div>
 *    </div>
 *
 */
.sk-spinner-wave.sk-spinner {
  margin: 0 auto;
font-family: "DroidKufi-Regular";
  width: 60px;
  height: 60px;
  text-align: center;
  font-size: 10px;
 }
.sk-spinner-wave div {
  background-color: #c42026;
  height: 100%;
  width: 6px;
  margin: 0 1px;
  display: inline-block;
  -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
          animation: sk-waveStretchDelay 1.2s infinite ease-in-out; }
.sk-spinner-wave .sk-rect2 {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-spinner-wave .sk-rect3 {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-spinner-wave .sk-rect4 {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-spinner-wave .sk-rect5 {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }

@-webkit-keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4); }

  20% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4); }

  20% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-wandering-cubes">
 *      <div class="sk-cube1"></div>
 *      <div class="sk-cube2"></div>
 *    </div>
 *
 */
.sk-spinner-wandering-cubes.sk-spinner {
  margin: 0 auto;
  width: 32px;
  height: 32px;
  position: relative; }
.sk-spinner-wandering-cubes .sk-cube1, .sk-spinner-wandering-cubes .sk-cube2 {
  background-color: #c42026;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: -11px;
  -webkit-animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
          animation: sk-wanderingCubeMove 1.8s infinite ease-in-out; }
.sk-spinner-wandering-cubes .sk-cube2 {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }

@-webkit-keyframes sk-wanderingCubeMove {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
            transform: translateX(42px) rotate(-90deg) scale(0.5); }

  50% {
    /* Hack to make FF rotate in the right direction */
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
            transform: translateX(42px) translateY(42px) rotate(-179deg); }

  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
            transform: translateX(42px) translateY(42px) rotate(-180deg); }

  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
            transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); }

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

@keyframes sk-wanderingCubeMove {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
            transform: translateX(42px) rotate(-90deg) scale(0.5); }

  50% {
    /* Hack to make FF rotate in the right direction */
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
            transform: translateX(42px) translateY(42px) rotate(-179deg); }

  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
            transform: translateX(42px) translateY(42px) rotate(-180deg); }

  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
            transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); }

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

/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-pulse"></div>
 *
 */
.sk-spinner-pulse.sk-spinner {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  background-color: #c42026;
  border-radius: 100%;
  -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
          animation: sk-pulseScaleOut 1s infinite ease-in-out; }

@-webkit-keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-chasing-dots">
 *      <div class="sk-dot1"></div>
 *      <div class="sk-dot2"></div>
 *    </div>
 *
 */
.sk-spinner-chasing-dots.sk-spinner {
  margin: 0 auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  -webkit-animation: sk-chasingDotsRotate 2s infinite linear;
          animation: sk-chasingDotsRotate 2s infinite linear; }
.sk-spinner-chasing-dots .sk-dot1, .sk-spinner-chasing-dots .sk-dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
          animation: sk-chasingDotsBounce 2s infinite ease-in-out; }
.sk-spinner-chasing-dots .sk-dot2 {
  top: auto;
  bottom: 0px;
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }

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

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

@-webkit-keyframes sk-chasingDotsBounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }

  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes sk-chasingDotsBounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }

  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-three-bounce">
 *      <div class="sk-bounce1"></div>
 *      <div class="sk-bounce2"></div>
 *      <div class="sk-bounce3"></div>
 *    </div>
 *
 */
.sk-spinner-three-bounce.sk-spinner {
  margin: 0 auto;
  width: 70px;
  text-align: center; }
.sk-spinner-three-bounce div {
  width: 18px;
  height: 18px;
  background-color: #c42026;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
          animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }
.sk-spinner-three-bounce .sk-bounce1 {
  -webkit-animation-delay: -0.32s;
          animation-delay: -0.32s; }
.sk-spinner-three-bounce .sk-bounce2 {
  -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s; }

@-webkit-keyframes sk-threeBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }

  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes sk-threeBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }

  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-circle">
 *      <div class="sk-circle1 sk-circle"></div>
 *      <div class="sk-circle2 sk-circle"></div>
 *      <div class="sk-circle3 sk-circle"></div>
 *      <div class="sk-circle4 sk-circle"></div>
 *      <div class="sk-circle5 sk-circle"></div>
 *      <div class="sk-circle6 sk-circle"></div>
 *      <div class="sk-circle7 sk-circle"></div>
 *      <div class="sk-circle8 sk-circle"></div>
 *      <div class="sk-circle9 sk-circle"></div>
 *      <div class="sk-circle10 sk-circle"></div>
 *      <div class="sk-circle11 sk-circle"></div>
 *      <div class="sk-circle12 sk-circle"></div>
 *    </div>
 *
 */
.sk-spinner-circle.sk-spinner {
  margin: 0 auto;
  width: 22px;
  height: 22px;
  position: relative; }
.sk-spinner-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }
.sk-spinner-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 20%;
  height: 20%;
  background-color: #c42026;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }
.sk-spinner-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-spinner-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-spinner-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-spinner-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-spinner-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-spinner-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-spinner-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-spinner-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-spinner-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-spinner-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-spinner-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-spinner-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-spinner-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-spinner-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-spinner-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-spinner-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-spinner-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-spinner-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-spinner-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-spinner-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-spinner-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-spinner-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }

  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }

  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-cube-grid">
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *    </div>
 *
 */
.sk-spinner-cube-grid {
  /*
   * Spinner positions
   * 1 2 3
   * 4 5 6
   * 7 8 9
   */ }
  .sk-spinner-cube-grid.sk-spinner {
    width: 30px;
    height: 30px;
    margin: 0 auto; }
  .sk-spinner-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    background: #c42026;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
            animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
  .sk-spinner-cube-grid .sk-cube:nth-child(1) {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  .sk-spinner-cube-grid .sk-cube:nth-child(2) {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s; }
  .sk-spinner-cube-grid .sk-cube:nth-child(3) {
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s; }
  .sk-spinner-cube-grid .sk-cube:nth-child(4) {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s; }
  .sk-spinner-cube-grid .sk-cube:nth-child(5) {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  .sk-spinner-cube-grid .sk-cube:nth-child(6) {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s; }
  .sk-spinner-cube-grid .sk-cube:nth-child(7) {
    -webkit-animation-delay: 0s;
            animation-delay: 0s; }
  .sk-spinner-cube-grid .sk-cube:nth-child(8) {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s; }
  .sk-spinner-cube-grid .sk-cube:nth-child(9) {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1); }

  35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); } }

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1); }

  35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); } }

/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-fading-circle">
 *      <div class="sk-circle1 sk-circle"></div>
 *      <div class="sk-circle2 sk-circle"></div>
 *      <div class="sk-circle3 sk-circle"></div>
 *      <div class="sk-circle4 sk-circle"></div>
 *      <div class="sk-circle5 sk-circle"></div>
 *      <div class="sk-circle6 sk-circle"></div>
 *      <div class="sk-circle7 sk-circle"></div>
 *      <div class="sk-circle8 sk-circle"></div>
 *      <div class="sk-circle9 sk-circle"></div>
 *      <div class="sk-circle10 sk-circle"></div>
 *      <div class="sk-circle11 sk-circle"></div>
 *      <div class="sk-circle12 sk-circle"></div>
 *    </div>
 *
 */
.sk-spinner-fading-circle.sk-spinner {
  margin: 0 auto;
  width: 22px;
  height: 22px;
  position: relative; }
.sk-spinner-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }
.sk-spinner-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 18%;
  height: 18%;
  background-color: #c42026;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }
.sk-spinner-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-spinner-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-spinner-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-spinner-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-spinner-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-spinner-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-spinner-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-spinner-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-spinner-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-spinner-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-spinner-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-spinner-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-spinner-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-spinner-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-spinner-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-spinner-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-spinner-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-spinner-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-spinner-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-spinner-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-spinner-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-spinner-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0; }

  40% {
    opacity: 1; } }

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0; }

  40% {
    opacity: 1; } }

@-webkit-keyframes pgAnimLoading {
  from {
    opacity: 0;
  }
}
@-moz-keyframes pgAnimLoading {
  from {
    opacity: 0;
  }
}
@-o-keyframes pgAnimLoading {
  from {
    opacity: 0;
  }
}
@-ms-keyframes pgAnimLoading {
  from {
    opacity: 0;
  }
}
@keyframes pgAnimLoading {
  from {
    opacity: 0;
  }
}

.footrow{
position: relative;min-width: 100%;
	width: 100%;
	max-width: 100%; margin: auto; 
}

.footimg{
width: 100%; height: 306px;
}

.homepaint{
display: block;
}

.homepaint2{
display: none;
}

.homepaint3{
display: none;
}

.morlink{
margin-left: 60px;
}

.splashdesk{
display: block;
}

.windowrightpainting{
display: none;
}

.menulistmobile{
display: none;
}


 
#titlerow{
border: 0px solid #BABABA; height: auto; background: #F5F5F5; text-align: center; margin-top: 
60px;
}

#titlerow2{
display: none;
}

.deleteicon{
position: absolute;
z-index: 2147483647;
width: 58px;
height: 56px;
border: 0px solid #F00;
left: 0px;
top: 91px;
}
.deleteimgicon{
width: 50px;
height: 56px;
background: url('../deleteicon.png') no-repeat;
}


.backicon{
position: absolute;
z-index: 2147483647;
width: 51px;
height: 56px;
border: 0px solid #F00;
right: 0px;
top: 60px;
}
.backimgicon{
width: 51px;
height: 56px;
background: url('../undobutton.png') no-repeat;
}




.homeicon{
position: absolute;
z-index: 2147483647;
width: 51px;
height: 56px;
border: 0px solid #F00;
right: 0px;
top: 60px;
}
.homeimgicon{
width: 51px;
height: 56px;
background: url('../homebutton.png') no-repeat;
}


.slogin{
position: absolute;
left: 5%;
top: 8%;
z-index: 2147483647;
}


.slogin2{
position: absolute;
left: 5%;
top: 8%;
z-index: 2147483647;
}

.slogin3{
position: absolute;
left: 5%;
top: 8%;
z-index: 2147483647;
}


.moreselect{
width: 150px;
height: 125px;
position: absolute;
right: 15px;
bottom: 0px;
z-index: 2147483647;
text-align: center;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.8);
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border-top: 2px solid #B60000;
padding-top: 5px; cursor: pointer;
}

.moreselectmob{
display: none;
}

.moreselectmobwall{
display: none;
}
 

@media (max-width: 1000px) {


.imgbox {
	width: 100%;
	height: 124px;
	overflow: hidden;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
}

.imgtittle {
    margin-top: 12px;
}

.imgtittle a {
    color: #FFF;
    font-size: 15px;
    font-family: "gisha";
}


.imagescolor {
width: 650px;
height: auto;
position: absolute;
left: 20%;
bottom: -60%;
border: 0px solid #F00;
z-index: 444444444;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 1);
padding: 7px;
text-align: center;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
display: none;
}

.imagescolormob {
width: 20%;
height: 100%;
position: absolute;
right: -60%;
top: 0%;
border: 0px solid #F00;
z-index: 444444444;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 1);
padding: 4px;
text-align: center;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
display: block;
overflow-y: scroll;
padding-bottom: 0px;
}

.barck {
display: none;
}

.barckmob {
width: 20%;
height: 100%;
position: absolute;
right: -60%;
top: 0%;
	border: 0px solid #F00;
	z-index: 444444444;
	padding: 4px;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 1);
padding: 4px;
text-align: center;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
display: block;
overflow-y: scroll;
padding-bottom: 0px;
}


.wallpaper {
display: none;
}

.wallpapermob {
width: 20%;
height: 100%;
position: absolute;
right: -60%;
top: 0%;
border: 0px solid #F00;
z-index: 444444444;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 1);
padding: 4px;
text-align: center;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
display: block;
overflow-y: scroll;
padding-bottom: 0px;
}



.colors {
display: none;
}

.colorsmob {
	width: 90px;
height: 100%;
position: absolute;
right: -60%;
bottom: 0%;
border: 0px solid #F00;
z-index: 444444444;
background: none repeat scroll 0% 0% rgba(255, 255, 255,0);
padding: 4px;
text-align: center;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
display: block;
overflow-y: scroll;
padding-bottom: 0px;
}



.branchcolors{
display: none;
}




.branchcolorsmob {
width: 80px;
height: 100%;
position: absolute;
right: -100%;
top: 0%;
border: 0px solid #F00;
z-index: 444444444;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 1);
padding: 4px;
text-align: center;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
display: block;
overflow-x: scroll;
padding-bottom: 0px;
text-align: right;
}

 





.selecticonblock{
border: 0px solid #F00;
width: 70%;
height: 38px;
position: absolute;
right: 15%;
bottom: 84px;
z-index: 2147483646;
}

.selecticonblock3{
width: 22%;
height: 34px;
border: 0px solid red;
margin-left: 2%;
background: #B60000;
color: #fff;
font-size: 15px;
font-family: 'DroidKufi-Regular';
cursor: pointer;
-webkit-border-radius: 31%;
-moz-border-radius: 31%;
border-radius: 31%;
padding-top: 2px;
text-align: center;
position: absolute;
right: 51%;
bottom: -900%;
}


.moreselectmobwall{
display: block;
}



.moreselect{
width: 23%;
height: 118px;
position: absolute;
right: 38.5%;
bottom: -57px;
z-index: 2147483647;
text-align: center;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.8);
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border-top: 2px solid #B60000;
padding-top: 0px; 
cursor: pointer;
display: none;
}


.moreselectmob{
width: 150px;
height: 154px;
text-align: center;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.8);
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border-top: 2px solid #B60000;
padding-top: 5px;
cursor: pointer;
display: block;
margin: auto;
}

 




.slogin{
position: absolute;
left: 5%;
top: 7.5%;
z-index: 2147483647;
}

.slogin2{
position: absolute;
left: 2%;
top: 3.5%;
z-index: 2147483647;
}

.slogin3{
position: absolute;
left: 2%;
top: 3.5%;
z-index: 2147483647;
}

#titlerow2{
display: block;
position: absolute;
left: 0px;
bottom: 0px;
background: rgba(0, 0, 0, 0.60);
z-index: 5455555555;
width: 100%;
text-align: center;
padding-top: 7px;
padding-bottom: 7px;
}


.deleteicon{
position: absolute;
z-index: 2147483647;
width: 35px;
height: 39px;
border: 0px solid #F00;
left: 0px;
top: 74px;
}


.deleteimgicon{
width: 35px;
height: 39px;
background: url('../deleteiconsmoll.png') no-repeat;
}


.backicon{
position: absolute;
z-index: 2147483647;
width: 35px;
height: 38px;
border: 0px solid #F00;
right: 0px;
top: 30px;
}
.backimgicon{
width: 35px;
height: 38px;
background: url('../undobuttonsmoll.png') no-repeat;
}


.homeicon{
position: absolute;
z-index: 2147483647;
width: 35px;
height: 38px;
border: 0px solid #F00;
right: 0px;
top: 30px;
}
.homeimgicon{
width: 35px;
height: 38px;
background: url('../homebuttonsmoll.png') no-repeat;
}



#titlerow{
border: 0px solid #BABABA;
height: auto;
background: none repeat scroll 0% 0% #F5F5F5;
text-align: center;
margin-top: 0px;
width: 100%;
margin-bottom: 0px;
display: none;
}



#pagewrappersave{
margin: 0px;
width: 100%;
} 

#pagewrapper {
	width: 100%;
	border: 0px solid blue;
	margin: auto;
	font-weight: lighter;
	background: #ececec;
	position: relative;
	overflow: hidden;
	height: 688px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#copyrightfooter{
display: none;
}

.wrapper2 {
    min-width: 100%;
    width: 100%;
    border: 0px solid #00F;
    margin: auto auto 10px;
    font-weight: lighter;
    position: relative;
    overflow: hidden;
    background: url("../backgroundbody.png") repeat scroll 0% 0% transparent;
    min-height: 434px;
    display: block;
}
 



 

.windowrightpainting{
position: absolute;
width: 200px;
height: 176px;
right: 15px;
top: 100px;
display: block;
border: 0px solid red;
}

.homepaint{
display: none;
}
.homepaint2{
display: none;
}

.homepaint3{
display: block;
}

.homestart{
display: none;
}

.wrapper {
    width: 100%;
    border: 0px solid #00F;
    margin: auto;
    font-weight: lighter;
    background: none repeat scroll 0% 0% #ECECEC;
    min-height: 100%;
    position: relative;
 
}

#introwrapper{
height: 362px;
border: 0px solid red;
 
}

.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 99999999999999;
display: block;
    text-align: center;
}

.toppainting {
	position: absolute;
	top: -440px;
	left: 168px;
	z-index: 666667;
	opacity: 0;
display: block;
}

.leftpainting {
	position: absolute;
	top: 195px;
	left: -353px;
	z-index: 5555555;
	opacity: 0;
display: none;
}

.leftpainting2 {
	position: absolute;
	bottom: -10%;
	left: -203px;
	z-index: 5555555;
	opacity: 0;
display: block;
}

.rightpainting {
	position: absolute;
	top: -32px;
	left: 60px;
	z-index: 666666;
	opacity: 0;
	border: 0px solid #F00;
display: none;
}

.footrow{
position: relative;min-width: auto;
width: 100%;
max-width: auto; margin: auto; 
height: 197px;
}

.footimg{
width: 100%;  
height: 197px;
}

.footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 64px;
	padding-top: 0px;
	width: 96%;
	border: 0px solid #F00;
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
	padding-left: 2%;
	padding-right: 2%;
	z-index: 777777777;
}
.footerleft {
width: 100%;
border: 0px solid #FF0;
height: 20px;
float: right;
text-align: right;
margin-top: 6px;
text-align: center;
}

.footerright {
width: 100%;
border: 0px solid #FF0;
height: 20px;
float: right;
margin-top: 7px;
text-align: center;
margin-bottom: 6px;
}

.logodetial {
width: 158px;
height: 96px;
position: absolute;
left: 10px;
top: 273px;
overflow: hidden;
}


.introtit {
    font-size: 137%;
    font-weight: lighter;
    color: #010;
font-family: 'Anydore';
}

.plogo{
-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-o-transform: scale(0.7);
	transform: scale(0.7);
margin-left: -28px;
}

.morlink{
margin-left: 47px;
margin-top: -16px;
}

.morlink a{
color: #c61010;
}



.homemenu {
	width: 96%;
	margin: auto;
	border: 0px solid red;
	height: auto;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 0px;
	padding-bottom: 4px;
	text-align: center;
	min-width: auto;
}
.switch {
width: auto;
height: 32px;
vertical-align: top;
display: inline-block;
margin-bottom: 0px;
margin-right: 5%;
cursor: pointer;
}
 
.link1 {
	width: 130px;
	background: url("../cat_gui.png") no-repeat scroll 9% 0% transparent;
	padding-left: 31px;
	vertical-align: top;
	display: inline-block;
	margin-left: 5%;
	margin-top: 6px;
	padding-top: 1px;
	text-align: center;
margin-bottom: 5px;

display: none;
}
 
.link2 {
	width: 120px;
	background: url("../cat_icon_pack.png") no-repeat scroll 13% 0% transparent;
	padding-left: 31px;
	vertical-align: top;
	display: inline-block;
	margin-left: 0%;
	margin-top: 6px;
	padding-top: 1px;
	text-align: center;
display: none;
}
 

.link3 {
	width: 105px;
	background: url("../cat_graphics.png") no-repeat scroll 20% 0% transparent;
	padding-left: 31px;
	vertical-align: top;
	display: inline-block;
	margin-left: 0%;
	margin-top: 6px;
	padding-top: 1px;
	text-align: right;
display: none;
}

.menugame{
width: 60%;
vertical-align: top;
display: inline-block;
margin-top: 6px;
color: #fff;
font-size: 18px;
text-align: left;
cursor: pointer;
font-family: "gisha";
}

.content {
width: 90%;
border: 0px solid #FFF;
height: 100%;
position: absolute;
left: 5%;
right: 5%;
top: 2px;
z-index: 2147483647;
text-align: center;
padding-top: 1%;
overflow: hidden;
}

.menulistmobile{
width: 99%;
height: 0px;
border: 0px solid #F00;
margin-top: 0px;
display: block;
overflow: hidden;
}


.bodyhome {
    width: 95%;
    height: auto;
    margin: 3px auto auto;
    border: 0px solid #F00;
}



.link1mob {
	width: 93%;
background: url("../cat_gui.png") no-repeat scroll 0% 72% transparent;
padding-left: 18px;
vertical-align: top;
display: inline-block;
margin-left: 0%;
margin-top: 0px;
padding-top: 1px;
text-align: left;
padding-left: 38px;
border-bottom: 1px solid #818181;
 padding-top: 7px;
padding-bottom: 7px;
}
.link1mob:hover {
	background: url(../cat_guihover.png) no-repeat scroll 0% 72% transparent;
}
.link1mob a {
	color: #d0d0d0;
	font-size: 104%;
	font-weight: lighter;
}
.link1mob a:hover {
	color: #ffb5b5;
	transition: all 0.9s ease 0s;
}


.link4mob {
	width: 93%;
background: url("../Brush_3_36320.png") no-repeat scroll 0% 72% transparent;
padding-left: 18px;
vertical-align: top;
display: inline-block;
margin-left: 0%;
margin-top: 0px;
padding-top: 1px;
text-align: left;
padding-left: 38px;
border-bottom: 1px solid #818181;
 padding-top: 7px;
padding-bottom: 7px;
}
.link4mob:hover {
	background: url(../Brush_3_36320hover.png) no-repeat scroll 0% 72% transparent;
}
.link4mob a {
	color: #d0d0d0;
	font-size: 104%;
	font-weight: lighter;
}
.link4mob a:hover {
	color: #c3f6e1;
	transition: all 0.9s ease 0s;
}

.link2mob {
width: 93%;
	background: url("../cat_icon_pack.png") no-repeat scroll 0% 72% transparent;
	padding-left: 9px;
vertical-align: top;
display: inline-block;
margin-left: 0%;
margin-top: 0px;
padding-top: 1px;
text-align: left;
padding-left: 38px;
border-bottom: 1px solid #818181;
 padding-top: 7px;
padding-bottom: 7px;
}
.link2mob:hover {
	background: url(../cat_icon_packhover.png) no-repeat scroll 0% 72% transparent;
}
.link2mob a {
	color: #d0d0d0;
	font-size: 104%;
	font-weight: lighter;
}
.link2mob a:hover {
	color: #fdfe86;
	transition: all 0.9s ease 0s;
}

.link3mob {
	width: 93%;
background: url("../cat_graphics.png") no-repeat scroll 0% 72% transparent;
padding-left: 0px;
vertical-align: top;
display: inline-block;
margin-left: 0%;
margin-top: 0px;
padding-top: 1px;
text-align: left;
padding-left: 38px;
border-bottom: 1px solid #818181;
 padding-top: 7px;
padding-bottom: 7px;
}
.link3mob:hover {
	background: url(../cat_graphicshoevr.png) no-repeat scroll 0% 72% transparent;
}
.link3mob a {
	color: #d0d0d0;
	font-size: 104%;
	font-weight: lighter;
}
.link3mob a:hover {
	color: #bbe0eb;
	transition: all 0.9s ease 0s;
}

.imgblock {
    width: 32%;
    height: 150px;
    border: 0px solid #FFF;
    vertical-align: top;
    display: inline-block;
    margin-left: 1%;
margin: auto;
}

.foooter {
    margin-top: 15px;
}

.masterimg {
width: 100%;
height: 100%;
}



.centerimg1 {
    position: absolute;
    left: 21.7%;
    top: 20.7%;
    width: 58.3%;
    height: 40.3%;
    border: 0px solid #314;
    z-index: 222;
}

.centerimgover1{
position: absolute;
 left: 21.7%;
    top: 20.7%;
    width: 58.3%;
    height: 40.3%;
border: 0px solid #314;
z-index: 2147483646;
}

.ground {
   width: 100%;
    height: 25.3%;
    position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 111111;
	border: 0px solid #F00;
	background: url(../solid-parquet-flooring-wood-aged-3025-4903123.jpg) repeat;
}

 

 

.top1 {
    position: absolute;
    left: -23.2%;
    top: -17%;
    width: 121.5%;
    height: 33.4%;
    border: 0px solid #F00;
    z-index: 2147483647;
    cursor: url("../brush.png"), auto;
-webkit-border-bottom-left-radius: 93%;
-moz-border-radius-bottomleft: 93%;
border-bottom-left-radius: 93%;
 
}


 

.cervefronthall1 {
position: absolute;
left: -4.2%;
top: -6.4%;
width: 11.9%;
height: 24.7%;
border: 0px solid #00F;
z-index: 2147483647;
    transform: rotate(0deg);
-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
cursor: url("../brush.png"), auto;
 
background: none repeat scroll 0% 0% #ECECEC;
 

-webkit-border-bottom-left-radius: 87%;
-moz-border-radius-bottomleft: 87%;
border-bottom-left-radius: 87%;

-webkit-border-top-right-radius: 100%;
-moz-border-radius-topright: 100%;
border-top-right-radius: 100%;
}

 

.topright1 {
   position: absolute;
right: 0%;
top: 6%;
width: 3.4%;
height: 69%;
border: 0px solid #00F;
z-index: 2147483647;
cursor: url("../brush.png"), auto;
left: auto;
}


.topleftcerve1 {
position: absolute;
left: -3.2%;
top: -6.4%;
width: 10.9%;
height: 24.1%;
border: 0px solid #00F;
z-index: 2147483647;
transform: rotate(0deg);
cursor: url("../brush.png"), auto;
 
background: none repeat scroll 0% 0% #ececec;
 
-webkit-border-top-right-radius: 111%;
-moz-border-radius-topright: 111%;
border-top-right-radius: 111%;
-webkit-border-bottom-left-radius: 111%;
-moz-border-radius-bottomleft: 111%;
border-bottom-left-radius: 111%;
}



.fronthall1 {
position: absolute;
left: 6%;
top: 5.9%;
width: 90.6%;
height: 12.5%;
z-index: 2147483647;
cursor: url("../brush.png"), auto;
border: 0px solid #314;
background: none repeat scroll 0% 0% #ECECEC;
-webkit-border-bottom-left-radius: 1%;
-moz-border-radius-bottomleft: 1%;
border-bottom-left-radius: 1%;
}





.righthall1 {
    position: absolute;
   right: 3.2%;
top: 6.1%;
width: 15%;
height: 68.6%;
    border: 0px solid #314;
    z-index: 1111;
    cursor: url("../brush.png"), auto;
}


.righthall1over {
	position: absolute;
    right: 3.2%;
top: 6.1%;
width: 15%;
height: 68.6%;
    border: 0px solid #314;
	z-index: 444444444;
cursor:  url(../brush.png), auto;
}


.lefthall {
    position: absolute;
    left: 0%;
    top: 16%;
    width: 4%;
    height: 58.8%;
    border: 0px solid #314;
    z-index: 222;
    cursor: url("../brush.png"), auto;
}

.lefthallover {
	 position: absolute;
    left: 0%;
    top: 16%;
    width: 4%;
    height: 58.8%;
    border: 0px solid #314;
	z-index: 44444444444444;
cursor:  url(../brush.png), auto;
}

.topbottomcerve1 {
 

 
-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
 

position: absolute;
right: -12%;
top: 60.7%;
width: 15.5%;
height: 19%;
border: 0px solid #314;
z-index: 2147483647;
 
cursor: url("../brush.png"), auto;
 
 
-webkit-border-bottom-left-radius: 30%;
-moz-border-radius-bottomleft: 30%;
border-bottom-left-radius: 30%;
}


.toprightcerveundertop1 {
   position: absolute;
right: -28px;
top: -64px;
width: 12.4%;
height: 24%;
border: 0px solid #A52A2A;
z-index: 2147483603;
-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
cursor: url("../brush.png"), auto;
 
}



.cervelefthall {
	position: absolute;
	left: -12px;
	top: 111px;
	width: 44px;
	height: 52px;
	border: 0px solid #314;
	z-index: 222;
	-webkit-transform: rotate(119deg);
	-moz-transform: rotate(119deg);
	-ms-transform: rotate(119deg);
cursor:  url(../brush.png), auto;
 
}

.cervelefthallover {
	position: absolute;
	left: -12px;
	top: 111px;
	width: 42px;
	height: 52px;
	border: 0px solid #314;
	z-index: 44444444444444;
	-webkit-transform: rotate(119deg);
	-moz-transform: rotate(119deg);
	-ms-transform: rotate(119deg);
cursor:  url(../brush.png), auto;
 
}

.toprightcervetop1 {
    position: absolute;
    right: -28px;
    top: -75px;
    width: 91px;
    height: 102px;
    border: 0px solid #FF0;
    z-index: 2147483645;
    transform: rotate(57deg);
    box-shadow: 0px 0px 0px 0px rgba(192, 192, 192, 0.8);
    cursor: url("../brush.png"), auto;
}







.saveimg{
	background: url("../99-969-23smoll.gif") no-repeat scroll 0% 0% transparent;
width: 33px;
height: 38px;
cursor: pointer;
border: 0px;
}






 
 
}


 
 

@media (max-width: 480px) {

.selecticonblock1{
width: 22%;
height: 34px;
border: 0px solid red;
background: #B60000;
color: #fff;
font-size: 13px;
font-family: 'DroidKufi-Regular';
cursor: pointer;
-webkit-border-radius: 31%;
-moz-border-radius: 31%;
border-radius: 31%;
padding-top: 2px;
text-align: center;
position: absolute;
right: 0.6%;
bottom: -500%;
}
.selecticonblock2{
width: 22%;
height: 34px;
border: 0px solid red;
background: #B60000;
color: #fff;
font-size: 13px;
font-family: 'DroidKufi-Regular';
cursor: pointer;
-webkit-border-radius: 31%;
-moz-border-radius: 31%;
border-radius: 31%;
padding-top: 2px;
text-align: center;
position: absolute;
right: 25%;
bottom: -700%;
}
.selecticonblock3{
width: 22%;
height: 34px;
border: 0px solid red;
margin-left: 2%;
background: #B60000;
color: #fff;
font-size: 13px;
font-family: 'DroidKufi-Regular';
cursor: pointer;
-webkit-border-radius: 31%;
-moz-border-radius: 31%;
border-radius: 31%;
padding-top: 2px;
text-align: center;
position: absolute;
right: 50%;
bottom: -900%;
}
.selecticonblock4{
width: 22%;
height: 34px;
border: 0px solid red;
display: inline-block;
vertical-align: top;
background: #B60000;
margin-left: 2%;
color: #fff;
font-size: 13px;
font-family: 'DroidKufi-Regular';
cursor: pointer;
-webkit-border-radius: 31%;
-moz-border-radius: 31%;
border-radius: 31%;
padding-top: 2px;
text-align: center;
position: absolute;
right: 75%;
bottom: -1000%;
}



.selecticonblock{
border: 0px solid #F00;
width: 70%;
height: 38px;
position: absolute;
right: 15%;
bottom: 84px;
z-index: 2147483646;
}

.selecticonblock3{
width: 22%;
height: 34px;
border: 0px solid red;
margin-left: 2%;
background: #B60000;
color: #fff;
font-size: 15px;
font-family: 'DroidKufi-Regular';
cursor: pointer;
-webkit-border-radius: 31%;
-moz-border-radius: 31%;
border-radius: 31%;
padding-top: 2px;
text-align: center;
position: absolute;
right: 51%;
bottom: -900%;
}

.moreselectmobwall{
display: block;
}

 
.moreselect{
width: 23%;
height: 151px;
position: absolute;
right: 38.5%;
bottom: -58px;
z-index: 2147483647;
text-align: center;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.8);
border-top-left-radius: 81%;
border-top-right-radius: 81%;
border-top: 2px solid #B60000;
cursor: pointer;
padding-top: 0px;
line-height: 8px;
display: none;
}


.moreselectmob{
width: 150px;
height: 154px;
text-align: center;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.8);
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border-top: 2px solid #B60000;
padding-top: 5px;
cursor: pointer;
display: block;
margin: auto;
}


 

 

.wrapper2 {
	min-width: 100%;
	width: 100%;
	border: 0px solid blue;
	margin: auto;
	font-weight: lighter;
	background: #ececec;
	position: relative;
	overflow: hidden;
	background: url(../backgroundbody.png) repeat;
	min-height: 888px;
	margin-bottom: 10px;
display: block;
 
}

.windowrightpainting{
display: none;
}
 




.homemenu {
	width: 96%;
	margin: auto;
	border: 0px solid red;
	height: auto;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
	min-width: auto;
}
.switch {
width: auto;
height: 32px;
vertical-align: top;
display: inline-block;
margin-bottom: 0px;
margin-right: 5%;
cursor: pointer;
}
 
.link1 {
	width: 130px;
	background: url("../cat_gui.png") no-repeat scroll 9% 0% transparent;
	padding-left: 31px;
	vertical-align: top;
	display: inline-block;
	margin-left: 5%;
	margin-top: 6px;
	padding-top: 1px;
	text-align: center;
margin-bottom: 5px;

display: none;
}
 
.link2 {
	width: 120px;
	background: url("../cat_icon_pack.png") no-repeat scroll 13% 0% transparent;
	padding-left: 31px;
	vertical-align: top;
	display: inline-block;
	margin-left: 0%;
	margin-top: 6px;
	padding-top: 1px;
	text-align: center;
display: none;
}
 

.link3 {
	width: 105px;
	background: url("../cat_graphics.png") no-repeat scroll 20% 0% transparent;
	padding-left: 31px;
	vertical-align: top;
	display: inline-block;
	margin-left: 0%;
	margin-top: 6px;
	padding-top: 1px;
	text-align: right;
display: none;
}

.menugame{
width: 60%;
vertical-align: top;
display: inline-block;
margin-top: 6px;
color: #fff;
font-size: 18px;
text-align: left;
cursor: pointer;
font-family: "gisha";
}

.content {
width: 90%;
border: 0px solid #FFF;
height: 100%;
position: absolute;
left: 5%;
right: 5%;
top: 24px;
z-index: 2147483647;
text-align: center;
padding-top: 1%;
overflow: hidden;
}

.menulistmobile{
width: 99%;
height: 0px;
border: 0px solid #F00;
margin-top: 0px;
display: block;
overflow: hidden;
}


.bodyhome {
    width: 95%;
    height: auto;
    margin: 3px auto auto;
    border: 0px solid #F00;
}


.homepaint2{
display: block;
}

.homepaint3{
display: none;
}


.homepaint{
display: none;
}

.toppainting {
	position: absolute;
	top: -440px;
	left: 175px;
	z-index: 666667;
	opacity: 0;
display: block;
}



.link1mob {
	width: 88%;
background: url("../cat_gui.png") no-repeat scroll 0% 72% transparent;
padding-left: 18px;
vertical-align: top;
display: inline-block;
margin-left: 0%;
margin-top: 0px;
padding-top: 1px;
text-align: left;
padding-left: 12%;
border-bottom: 1px solid #818181;
 padding-top: 7px;
padding-bottom: 7px;
}
.link1mob:hover {
	background: url(../cat_guihover.png) no-repeat scroll 0% 72% transparent;
}
.link1mob a {
	color: #d0d0d0;
	font-size: 104%;
	font-weight: lighter;
}
.link1mob a:hover {
	color: #ffb5b5;
	transition: all 0.9s ease 0s;
}

.link2mob {
width: 88%;
	background: url("../cat_icon_pack.png") no-repeat scroll 0% 72% transparent;
	padding-left: 9px;
vertical-align: top;
display: inline-block;
margin-left: 0%;
margin-top: 0px;
padding-top: 1px;
text-align: left;
padding-left: 12%;
border-bottom: 1px solid #818181;
 padding-top: 7px;
padding-bottom: 7px;
}
.link2mob:hover {
	background: url(../cat_icon_packhover.png) no-repeat scroll 0% 72% transparent;
}
.link2mob a {
	color: #d0d0d0;
	font-size: 104%;
	font-weight: lighter;
}
.link2mob a:hover {
	color: #fdfe86;
	transition: all 0.9s ease 0s;
}

.link3mob {
	width: 88%;
background: url("../cat_graphics.png") no-repeat scroll 0% 72% transparent;
padding-left: 0px;
vertical-align: top;
display: inline-block;
margin-left: 0%;
margin-top: 0px;
padding-top: 1px;
text-align: left;
padding-left: 12%;
border-bottom: 1px solid #818181;
 padding-top: 7px;
padding-bottom: 7px;
}
.link3mob:hover {
	background: url(../cat_graphicshoevr.png) no-repeat scroll 0% 72% transparent;
}
.link3mob a {
	color: #d0d0d0;
	font-size: 104%;
	font-weight: lighter;
}
.link3mob a:hover {
	color: #bbe0eb;
	transition: all 0.9s ease 0s;
}

.imgblock {
    width: 100%;
    height: 189px;
    border: 0px solid #FFF;
    vertical-align: top;
    display: block;
    margin-left: 0%;
    max-width: 250px;
margin: auto;
}

.foooter {
    margin-top: 15px;
}

 
.masterimg {
width: 100%;
height: 100%;
}
 

}