<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
	font-family: 'DSDIGI';
	src: url('/Content/css/fonts/DSDIGI/DSDIGI.eot');
	src: local('DSDIGI'), url('/Content/css/fonts/DSDIGI/DSDIGI.woff') format('woff'), url('/Content/css/fonts/DSDIGI/DSDIGI.ttf') format('truetype');
}
body, html {
	margin: 0;
	padding: 0;
}

.divTV {
	background: url('/Content/themes/Yalgaar/img/demos/HomeAuto/TYScreen.jpg');
	height: 84px;
	left: 409px;
	position: absolute;
	top: 649px;
	width: 173px;
	display: none;
	cursor: pointer;
	background-size: 100% 100%;
}

.divPC {
	background: rgba(0, 0, 0, 0) url("/Content/themes/Yalgaar/img/demos/HomeAuto/TYScreen.jpg") repeat scroll 0 0 / 100% 100%;
	cursor: pointer;
	display: none;
	height: 43px;
	left: 126px;
	position: absolute;
	top: 684px;
	transform: rotateZ(-8deg);
	width: 55px;
}

.divAdjustment {
	box-shadow: 0 15px 50px rgb(255, 216, 0), 0 30px 50px rgb(255, 216, 0);
	cursor: pointer;
	display: none;
	height: 15px;
	left: 815px;
	position: absolute;
	top: 665px;
	transform: skewX(-17deg);
	width: 72px;
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,0,1) 100%); /* ff3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,0,1))); /* safari4+,chrome */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,0,1) 100%); /* safari5.1+,chrome10+ */
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,0,1) 100%); /* opera 11.10+ */
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,0,1) 100%); /* ie10+ */
	background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(255,255,0,1) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#ffff00',GradientType=1 ); /* ie6-9 */
}

.divBulb, .divBulb2, .divLivingroomBulb, .divLivingroomBulb2,.divLivingroomBulb3, .divStudyroomBulb, .divStudyroomBulb2 {
	box-shadow: 0 0 100px rgb(255, 216, 0), 0 10px 50px rgb(255, 216, 0),0 -20px 50px rgb(255, 216, 0);
	cursor: pointer;
	display: none;
	height: 38px;
	left: 165px;
	position: absolute;
	top: 449px;
	transform: skewX(0deg);
	width: 34px;
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,0,1) 100%); /* ff3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,0,1))); /* safari4+,chrome */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,0,1) 100%); /* safari5.1+,chrome10+ */
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,0,1) 100%); /* opera 11.10+ */
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,0,1) 100%); /* ie10+ */
	background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(255,255,0,1) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#ffff00',GradientType=1 ); /* ie6-9 */
}

.divBulb2 {
	left: 200px;
	top: 449px;
	width: 4px;
}

.divLivingroomBulb{
    left: 640px;
    top: 434px;
    width: 32px;
}
.divLivingroomBulb2{
	left: 673px;
    top: 434px;
    width: 6px;
}
.divLivingroomBulb3 {
    left: 637px;
    top: 434px;
    width: 2px;
}

.divStudyroomBulb{
	left: 315px;
    top: 664px;
    width: 34px;
}
.divStudyroomBulb2{
	left: 312px;
    top: 664px;
    width: 2px;
}

.selectDisable {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#divHomeAutoOuter {
	position: relative;
	width: 1076px;
	height: 847px;
	float:left;
}

#imgSWLeft {
	margin-left: -67px;
	margin-top: -25px;
	position: absolute;
}

#imgSWRight {
	margin-left: 187px;
	margin-top: -25px;
	position: absolute;
}

.divAC1, .divAC2, .divAC3 {
	animation: animationFramesAC1 ease 3s infinite;
	-webkit-animation: animationFramesAC1 ease 3s infinite;
	-moz-animation: animationFramesAC1 ease 3s infinite;
	-o-animation: animationFramesAC1 ease 3s infinite;
	-ms-animation: animationFramesAC1 ease 3s infinite;
	background: #444;
	height: 1px;
	left: 157px;
	position: absolute;
	top: 399px;
	width: 88px;
	display: none;
}
.divAC1Led,.divAC2Led,.divAC3Led{
	background: #aaa;
	box-shadow:1px 1px 2px inset;
    height: 10px;
    left: 192px;
    position: absolute;
    top: 383px;
    width: 20px;
	cursor:pointer;
}
.divAC2Led{
	left: 810px;
}
.divAC3Led{
	top: 607px;
}
.divAC1Led.active,.divAC2Led.active,.divAC3Led.active{
  background: #0c6b05 none repeat scroll 0 0;
    box-shadow: 1px 1px 15px #12ff00 inset;
}
.divAC2 {
	left: 777px;
}

.divAC3 {
	top: 623px;
}
#iAc1,#iAc2,#iAc3,#iBuld,#iTV,#iPC,#iAdjustment,#iWMachine,#iCloud,#iFan,#iLivingroomBulb,#iStudyroomBulb{
	 left: 265px;
    position: absolute;
    top: 375px;
	color:#4c9b7c;
	z-index:1;
}
#iAc2{left:810px;top:415px;}
#iAc3{top:635px;left:190px;}
#iBuld{top:455px;left:210px;}
#iLivingroomBulb{top:400px;left:645px;}
#iStudyroomBulb{top:630px;left:320px;}
#iTV{top:605px;left:490px;}
#iPC{top:695px;left:190px;}
#iAdjustment{top:655px;left:770px;}
#iWMachine{top:215px;left:465px;color:#69B899;}
#iCloud{top:20px;left:880px;color:#69B899;}
#iFan{left:435px;top:472px;}

@keyframes animationFramesAC1 {
	0%; {
		height: 1px;
	}

	50% {
		height: 5px;
	}

	100% {
		height: 1px;
	}
}


@-webkit-keyframes animationFramesAC1 {
	0% {
		height: 1px;
	}

	50% {
		height: 5px;
	}

	100% {
		height: 1px;
	}
}

@-moz-keyframes animationFramesAC1 {
	0% {
		height: 1px;
	}

	50% {
		height: 5px;
	}

	100% {
		height: 1px;
	}
}

@-o-keyframes animationFramesAC1 {
	0% {
		height: 1px;
	}

	50% {
		height: 5px;
	}

	100% {
		height: 1px;
	}
}

@-ms-keyframes animationFramesAC1 {
	0% {
		height: 1px;
	}

	50% {
		height: 5px;
	}

	100% {
		height: 1px;
	}
}

.divWMachine {
	background: rgba(0, 0, 0, 0) url("/Content/themes/Yalgaar/img/demos/HomeAuto/logosmall.png");
	background-size: cover;
	height: 36px;
	left: 458px;
	position: absolute;
	top: 268px;
	width: 36px;
	animation: animationWMachine linear 1s infinite;
	-webkit-animation: animationWMachine linear 1s infinite;
	-moz-animation: animationWMachine linear 1s infinite;
	-o-animation: animationWMachine linear 1s infinite;
	-ms-animation: animationWMachine linear 1s infinite;
	display: none;
}

@keyframes animationWMachine {
	0% {
		transform: rotate(0deg);
	}

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

@-webkit-keyframes animationWMachine {
	0% {
		transform: rotate(0deg);
	}

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

@-moz-keyframes animationWMachine {
	0% {
		transform: rotate(0deg);
	}

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

@-o-keyframes animationWMachine {
	0% {
		transform: rotate(0deg);
	}

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

@-ms-keyframes animationWMachine {
	0% {
		transform: rotate(0deg);
	}

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


#spn50{
	display:none;
}
#btnCloudControl{
	position:absolute;
	top:10px;
	right:10px;
}
#btnCloudControl.active{
	background:none;

}
#btnCloudControl h2{
	margin:0;
}
#divSolarPanel{
	background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    height: 77px;
    left: 381px;
    position: absolute;
    top: 83px;
    width: 297px;
}
.divCloud {
	position: absolute;
	top: 0;
	width: 1076px;
	background: -moz-linear-gradient(90deg, rgba(153,218,255,0) 0%, rgba(110,110,110,1) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(110,110,110,1)), color-stop(100%, rgba(153,218,255,0))); /* safari4+,chrome */
	background: -webkit-linear-gradient(90deg, rgba(153,218,255,0) 0%, rgba(110,110,110,1) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(90deg, rgba(153,218,255,0) 0%, rgba(110,110,110,1) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(90deg, rgba(153,218,255,0) 0%, rgba(110,110,110,1) 100%); /* ie10+ */
	background: linear-gradient(0deg, rgba(153,218,255,0) 0%, rgba(110,110,110,1) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6E6E6E', endColorstr='#99DAFF',GradientType=0 ); /* ie6-9 */
	display:none;
}

#frCloud {
	background: url('/Content/themes/Yalgaar/img/demos/HomeAuto/far-clouds.png');
	background-position:-200px 10px;
	background-repeat:repeat-x;
	height: 1076px;
	height: 114px;
}
#divSolarControl{
	font-family: "DSDIGI" !important;
    font-size: 26px;
    height: 75px;
    left: 460px;
    position: absolute;
    text-align: center;
    top: 420px;
    width: 100px;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none;
	cursor:default;
}
#divEnergyGenerated,#divFootPrint{
   -moz-user-select: none;
    border-radius: 5px;
    color: green;
    cursor: default;
    font-size: 25px;
    height: 40px;
    left: 240px;
    position: absolute;
    text-align: center;
    top: 59px;
    width: 120px;
}
#divFootPrint{
    left: 700px;
	width:140px;
}
#divFootPrint img{
	float:left;
	margin-top:3px;
}
.spnDigiFont{
	font-family: "DSDIGI" !important;
    font-size: 30px;
}
.iphone {
    margin-top: 0px;
    background-color: aqua;
    box-sizing: content-box;
    padding: 0px 0px 0px 0px;
    /* width: 320px; height: 460px;*/
    background: url(/Content/themes/Yalgaar/img/demos/HomeAuto/1_1.png);
    color: #000;
    background-size: 235px Auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height:430px;
    padding-top:30px;
    z-index:999;
}
#divBedroom{
	box-shadow: 0 222px 20px rgba(0, 0, 0, 0.5);
    height: 220px;
    left: 79px;
    position: absolute;
    top: 129px;
    width: 300px;
}
#divLivingroom{
	-webkit-box-shadow: 0 120px 20px rgba(0, 0, 0, 0.5), -303px 120px 20px rgba(0, 0, 0, 0.5), 0 232px 20px rgba(0, 0, 0, 0.5), -303px 232px 20px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 120px 20px rgba(0, 0, 0, 0.5), -303px 120px 20px rgba(0, 0, 0, 0.5), 0 232px 20px rgba(0, 0, 0, 0.5), -303px 232px 20px rgba(0, 0, 0, 0.5);
    box-shadow: 0 120px 20px rgba(0, 0, 0, 0.5), -303px 120px 20px rgba(0, 0, 0, 0.5), 0 232px 20px rgba(0, 0, 0, 0.5), -303px 232px 20px rgba(0, 0, 0, 0.5);
    height: 115px;
    left: 689px;
    position: absolute;
    top: 235px;
    width: 305px;
    z-index: 1;
}
#divStudyroom{
	-webkit-box-shadow: 0 95px 20px rgba(0, 0, 0, 0.5), 0 172px 20px rgba(0, 0, 0, 0.5), 0 249px 20px rgba(0, 0, 0, 0.5), 282px 95px 20px rgba(0, 0, 0, 0.5),282px 172px 20px rgba(0, 0, 0, 0.5), 282px 249px 20px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 95px 20px rgba(0, 0, 0, 0.5), 0 172px 20px rgba(0, 0, 0, 0.5), 0 249px 20px rgba(0, 0, 0, 0.5), 282px 95px 20px rgba(0, 0, 0, 0.5),282px 172px 20px rgba(0, 0, 0, 0.5), 282px 249px 20px rgba(0, 0, 0, 0.5);
	 box-shadow: 0 95px 20px rgba(0, 0, 0, 0.5), 0 172px 20px rgba(0, 0, 0, 0.5), 0 249px 20px rgba(0, 0, 0, 0.5), 282px 95px 20px rgba(0, 0, 0, 0.5),282px 172px 20px rgba(0, 0, 0, 0.5), 282px 249px 20px rgba(0, 0, 0, 0.5);
    height: 80px;
    left: 75px;
    position: absolute;
    top: 500px;
    width: 285px;
}
#divKitchen {
	-webkit-box-shadow: 0 120px 20px rgba(0, 0, 0, 0.5),0 232px 20px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 120px 20px rgba(0, 0, 0, 0.5),0 232px 20px rgba(0, 0, 0, 0.5);
	box-shadow: 0 120px 20px rgba(0, 0, 0, 0.5),0 232px 20px rgba(0, 0, 0, 0.5);
    height: 115px;
    left: 664px;
    position: absolute;
    top: 480px;
    width: 330px;
}

/************ Clock Start ************/


#clock{
	background-color: #fefefe;
    border: 5px solid #1f76a3;
    border-radius: 50%;
    box-shadow: 1px 1px 2px;
    height: 70px;
    left: 685px;
    margin: -150px 0 0 -150px;
    position: absolute;
    top: 520px;
    width: 70px;
}
#clock .hours{
	background-color: #333;
    height: 20px;
    left: 50%;
    margin: 10px 0 0 -2px;
    position: absolute;
    transform-origin: center bottom 0;
    width: 3px;
}
#clock .minutes{
	background-color: #333;
    height: 27px;
    left: 50%;
    margin: -27px 0 0 0px;
    position: absolute;
    top: 50%;
    transform-origin: center bottom 0;
    width: 2px;
}
#clock .seconds{
	background-color: #fe0505;
    height: 27px;
    left: 50%;
    margin: 3px 0 0 -1px;
    position: absolute;
    transform-origin: center bottom 0;
    width: 2px;
}
#clock .point{
	background-color: #b7b8ba;
    height: 7px;
    left: 50%;
    margin: 25px 0 0 -1px;
    position: absolute;
    width: 2px;
}
#clock .point:nth-child(1){
	transform: translateY(-20px);
}
#clock .point:nth-child(2){
	transform: translateX(-20px) rotate(90deg);
}
#clock .point:nth-child(3){
	height: 9px;
    transform: translateY(22px);
}
#clock .point:nth-child(4){
	transform: translateX(20px) rotate(90deg);
}
#clock .center{
	position: absolute;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 50%;
	margin: -5px 0 0 -5px;
	background-color: #333;
	border-radius: 50%;
}
/************ Clock End ************/

/************ Fan Start ************/

li { list-style:none; }

#divFanOuter{
	left: 484px;
    position: absolute;
    top: 468px;
    transform: scale(0.3);
	cursor:pointer;
}
#fan { position:relative; left: -4em; top: -4em; transform: scale(2); transform-origin: 50% 50%;}
.oscillator { height:8em; width:8em; position:absolute; }
    .guard { height:8em; width:8em; position:absolute; z-index:10; }
      .frame { height:8em; width:8em; position:absolute; left:0; top:0; border:3px solid #000; border-radius:50%; }
    		li[class^="cir"] { position:absolute; border:1px solid #000; border-radius:50%;  z-index:12; }
    			.cir1 { height:7em; width:7em; left:0.5em; top:0.5em; }
    			.cir2 { height:6em; width:6em; left:1em; top:1em; }
    			.cir3 { height:5em; width:5em; left:1.5em; top:1.5em; }
    			.cir4 { height:4em; width:4em; left:2em; top:2em; }
    			.cir5 { height:3em; width:3em; left:2.5em; top:2.5em; }
    			.cir6 { height:2em; width:2em; left:3em; top:3em; background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 22%, rgba(0,0,0,1) 100%); /* ff3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(22%, rgba(255,255,255,1)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */
background:-webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 22%, rgba(0,0,0,1) 100%); /* safari5.1+,chrome10+ */
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 22%, rgba(0,0,0,1) 100%); /* opera 11.10+ */
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 22%, rgba(0,0,0,1) 100%); /* ie10+ */
background:radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 22%, rgba(0,0,0,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=1 ); /* ie6-9 */ }
    		li[class^="bar"] { position:absolute; border:1px solid #000; transform:rotate(45deg); z-index:11; }
    			.bar1 { height:8em; position:absolute; left:50%; top:0; }
    			.bar2 { width:8em; position:absolute; top:50%; left:0; }
    .blades { height:6em; width:6em; position:absolute; top:1em; left:1em; z-index:9; }
    	.blades li { height:3.25em; width:3.25em; position:absolute; border-radius:0 50% 100%; background:#222; }
    	.b1 { top:3.5em; left:1.375em; transform:rotate(45deg); }
    	.b2 { top:0.25em; left:-0.5em; transform:rotate(165deg); }
    	.b3 { top:0.25em; left:3.25em; transform:rotate(285deg); }
    .motor { height:2.25em; width:2.5em; display:block; position:absolute; top:2.875em; right:3.325em; z-index:8; background: #000; border-radius:50% 20% 20% 50%; }
.base { height:0.5em; width:5em; position:absolute; top:11.5em; left:0.75em; z-index:5; border-radius:80%;  }
    .base:before { height:0.5em; width:70px; position:absolute; top:2.5em; left:0; z-index:5; border-radius:80%; content:''; display:block; background:linear-gradient(top, #333 0%, #000 100%); background:#000; }
    .base:after { 
	background: #000 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 9em;
    left: 2.25em;
    position: absolute;
    top: -6.5em;
    width: 8px;
    z-index: 6;}
/* Animation */
.blades.active{
animation:blades 130ms infinite linear; 
}
.blades.active li{
box-shadow:0 0 10px rgba(0,0,0,0.8); background:rgba(0,0,0,0.8);
}
.oscillator.active{
animation:oscillate 8s infinite linear; 
}
.motor.active{
animation:motor 8s infinite linear; 
}
 
@keyframes blades{ from{ transform: rotate(0deg); } to{ transform: rotate(360deg); } }

@keyframes oscillate { 
    0%{ transform:perspective(500px) rotateY(20deg); } 
    50%{ transform:perspective(250px) rotateY(50deg); } 
    100%{ transform:perspective(500px) rotateY(20deg); } 
}
@keyframes motor { 
    0%{ width:2.5em; } 
    50%{ width:5em; } 
    100%{ width:2.5em; } 
}
/************ Fan End ************/
#divHomeAutoOuter{
        display:none;
 }
#divHomeAutoOuter.loaded{
    display: block;
}</pre></body></html>