*{
	margin: 0;
	padding: 0;
}

html,
body {
	overflow-x: hidden;
	width: 100%;
	height: 100%;
}

body {
	overflow: initial;
}


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}
img {
    max-width: 100%;
    width: auto \9;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}



.skrollable {
	position:fixed;
	z-index: 1;
}
.skrollr-mobile .skrollable {
	position:absolute;
}
.skrollable .skrollable {
	position:absolute;
}
.skrollable .skrollable .skrollable {
	position:static;
}


@font-face {
    font-family: 'source_sans_proregular';
    src: url('../../fonts/sourcesanspro-regular_0-webfont.woff2') format('woff2'),
        url('../../fonts/sourcesanspro-regular_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansProLight_0';
    src: url('../../fonts/SourceSansProLight_0.eot');
    src: url('../../fonts/SourceSansProLight_0.eot') format('embedded-opentype'),
         url('../../fonts/SourceSansProLight_0.woff2') format('woff2'),
         url('../../fonts/SourceSansProLight_0.woff') format('woff'),
         url('../../fonts/SourceSansProLight_0.ttf') format('truetype'),
         url('../../fonts/SourceSansProLight_0.svg#SourceSansProLight_0') format('svg');
}

@font-face {
    font-family: 'SourceSansProSemibold_0';
    src: url('../../fonts/SourceSansProSemibold_0.eot');
    src: url('../../fonts/SourceSansProSemibold_0.eot') format('embedded-opentype'),
         url('../../fonts/SourceSansProSemibold_0.woff2') format('woff2'),
         url('../../fonts/SourceSansProSemibold_0.woff') format('woff'),
         url('../../fonts/SourceSansProSemibold_0.ttf') format('truetype'),
         url('../../fonts/SourceSansProSemibold_0.svg#SourceSansProSemibold_0') format('svg');
}

@font-face {
    font-family: 'SourceSansProBold';
    src: url('../../fonts/SourceSansProBold.eot');
    src: url('../../fonts/SourceSansProBold.eot') format('embedded-opentype'),
         url('../../fonts/SourceSansProBold.woff2') format('woff2'),
         url('../../fonts/SourceSansProBold.woff') format('woff'),
         url('../../fonts/SourceSansProBold.ttf') format('truetype'),
         url('../../fonts/SourceSansProBold.svg#SourceSansProBold') format('svg');
}

@font-face {
    font-family: 'SourceSansProExtraLight';
    src: url('../../fonts/SourceSansProExtraLight.eot');
    src: url('../../fonts/SourceSansProExtraLight.eot') format('embedded-opentype'),
         url('../../fonts/SourceSansProExtraLight.woff2') format('woff2'),
         url('../../fonts/SourceSansProExtraLight.woff') format('woff'),
         url('../../fonts/SourceSansProExtraLight.ttf') format('truetype'),
         url('../../fonts/SourceSansProExtraLight.svg#SourceSansProExtraLight') format('svg');
}

@font-face {
    font-family: 'SourceSansProBlack';
    src: url('../../fonts/SourceSansProBlack.eot');
    src: url('../../fonts/SourceSansProBlack.eot') format('embedded-opentype'),
         url('../../fonts/SourceSansProBlack.woff2') format('woff2'),
         url('../../fonts/SourceSansProBlack.woff') format('woff'),
         url('../../fonts/SourceSansProBlack.ttf') format('truetype'),
         url('../../fonts/SourceSansProBlack.svg#SourceSansProBlack') format('svg');
}


.clearB {
	clear: both;
}

.container {
	width: 90%;
	margin: 0 auto;
}

.header {
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 1000;
}
.header img {
	width: 70px;
}
.section {
	height: 100vh;
	/* position: relative; */
}


body.se1 {
	background: url(../images/bg-one.jpg) center no-repeat;
    background-size: cover;
}
body.se2 {
	background: url(../images/bg-two.jpg) center no-repeat;
    background-size: cover;
}
body.se3 {
	background: url(../images/bg-three.jpg) center no-repeat;
    background-size: cover;
}
body.se4 {
	background: url(../images/bg-four.jpg) center no-repeat;
    background-size: cover;
}
body.se5 {
	background: url(../images/bg-five.jpg) center no-repeat;
    background-size: cover;
}
body.se6 {
	background: url(../images/bg-six.jpg) center no-repeat;
    background-size: cover;
}
body.se7 {
	background: url(../images/bg-five.jpg) center no-repeat;
    background-size: cover;
}
body.se8 {
	background: url(../images/bg-five.jpg) center no-repeat;
    background-size: cover;
}
body.se8 {
	background: url(../images/bg-nine.jpg) center no-repeat;
    background-size: cover;
}



.scroll {
	position: absolute;
	bottom: 5px;
	z-index: 1000 !important;
	left: 50%;
	font-family: 'SourceSansProExtraLight';
	color: #fff;
	font-size: 14px;
	text-align: center;
	margin: 0 0 0 -20px;
}
.scroll a {
	color: #fff;
	text-decoration: none;
}
.scrollup {
	position: absolute;
	top: 20px;
	z-index: 9;
	left: 50%;
	font-family: 'SourceSansProExtraLight';
	color: #fff;
	font-size: 14px;
	text-align: center;
	margin: 0 0 0 -20px;
}
.scrollup a {
	color: #fff;
	text-decoration: none;
}
.scrollarrow {
	
}
.scrollarrow img {
	
}



#section-one {
	background: url(../images/bg-one.jpg) center no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
}

#section-one .bright-img {
	background: url(../images/bright-img.png) center no-repeat;
	background-size: cover;
	height: 100%;
	width: 100%;
}

.fire-img {
	position: fixed;
	top: 52%;
	left: 0;
	right: 0;
	width: 42px;
    height: 90px;
	margin: 0 auto;
	z-index: 999;
}

#section-one .text-area {
	position: absolute;
	top: 22%;
	width: 100%;
	text-align: center;
}

#section-one .text-area h5 {
	font-family: 'SourceSansProSemibold_0';
	font-size: 25px;
	color: #f2de8d;
}

#section-one .text-area h1 {
	font-family: 'SourceSansProBold';
	font-size: 24px;
	color: #ffffff;
	line-height: 36px;
	text-transform: uppercase;
	margin-top: 20px;
}

#section-one .text-area h1 span {
	font-family: 'SourceSansProExtraLight';
	font-weight: normal;
}

#section-two {
	background:url(../images/bg-two.jpg) center no-repeat;
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
	height: 100%;
}

.taxi {
	position: absolute;
	bottom: 6px;
	left: 0;
}

.taxi img {
	max-width: 100%;
}

.taxi-light-shadow {
	position: absolute;
    left: 9%;
    bottom: 6.7%;
	opacity: 0;
}

#section-two .text-area {
	width: 100%;
	padding: 0 20px;
	text-align: center;
}

#section-two .text-area h5, .h5 {
	font-family: 'SourceSansProLight_0';
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	color: #ffffff;
	line-height: 22px;
}

#section-two .text-area h1, .h1 {
	font-family: 'SourceSansProBold';
	font-size: 24px;
	color: #f2de8d;
	text-transform: uppercase;
	line-height: 28px;
	margin-top: 3px;
}

#section-two .text-area h1 span {
	font-family: 'SourceSansProExtraLight';
	font-weight: normal;
}

.char-bulb {
	position: absolute;
	top: 9%;
    left: 416px;
}

.video-board {
	/*position: absolute;
	bottom: 128px;
	left: 518px;*/
	width: 400px;
    height: 500px;
	padding: 0;
	margin: 0 0 0 -200px;
	left: 50%;
	background: url(../images/video-board.png) no-repeat;
}

.child-video {
    width: 100%;
    text-align: center;
	padding: 25px 20px 20px 20px;
}

.child-char {
	position: absolute;
}

.play-icon {
	position: absolute;
    bottom: 35%;
    width: 100%;
    text-align: center;
}

#section-three {
	background: url(../images/bg-three.jpg) center no-repeat;
	background-size: cover;
	/*z-index: 99;*/
	width: 100%;
	height: 100%;
}

.girl-char {
	position: absolute;
	bottom: 0;
}

.girl-char img {
	display: block;
}

.fly-bulb {
	position: fixed;
    bottom: 65px;
    left: 187px;
	z-index: 99;
}

#section-three .text-area {
	text-align: center;
	width: 100%;
}

#section-three .text-area h1 {
	font-family: 'SourceSansProBold';
	font-size: 28px;
	color: #f2de8d;
	text-transform: uppercase;
	line-height: 32px;
	width: 500px;
	margin: 0 auto;
	padding-left: 140px;
}

#section-three .text-area h1 span,
.h1 span {
	font-family: 'SourceSansProExtraLight';
	font-weight: normal;
}

#section-four {
	background: url(../images/bg-four.jpg) center no-repeat;
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
	height: 100%;
}

#section-four .text-area {
	width: 100%;
	padding: 0 20px;
	text-align: center;
	z-index: 999;
}

#section-four .text-area h1 {
	margin-top: 5px;
}

.fly-bulb2 {
	position: absolute;
	top: 20%;
    left: 20%;
}

.video-four-bg {
	background: url(../images/fourth-video-bg.png) no-repeat;
	width: 400px;
	position: absolute;
	top: 40%;
	left: 50%;
	z-index: 9;
	margin: 0 0 0 -200px;
	padding: 15px 20px 30px 20px;
}

.video-four {
	text-align: center;
}

.f-play-icon {
    position: absolute;
    top: 40%;
    width: 64px;
    left: 0;
    margin: 0 auto;
    right: 0;
}

.light-stand-bg {
    /*position: fixed;
    top: 25px;
    right: 0;*/
}

.light-stand {
	/* position: relative; 
	z-index: 1;*/
}

/*.l-light-shadow {
	position: absolute;
    top: 14%;
    left: -78%;
}

.r-light-shadow {
	position: absolute;
    top: 14%;
    right: -2%;
}*/

.girl-char2 {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.girl-char2 img {
	display: block;
}

.fly-bulb-s {
	position: absolute;
    right: 16%;
    bottom: 15%;
}

#section-five {
	background: url(../images/bg-five.jpg) center no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
}

.queen-bg {
	background: url(../images/queen-bg.png) center no-repeat;
	background-size: cover;
	height: 100%;
	width: 100%;
}

.light-bird {
    position: fixed;
	z-index: 1000;
}
.light-bird img {
   width: 120px;
}

#section-five .text-area {
    position: absolute;
    top: 30%;
    right: 0;
    margin: 0 auto;
    width: 60%;
	padding: 0 20px 0 0;
    text-align: center;
}

#section-five .text-area h1,
#section-seven .text-area h1 {
	font-size: 28px;
}

#section-six {
	background: url(../images/bg-six.jpg) center no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
}

.tower-bg {
	background: url(../images/tower-bg.jpg) center no-repeat;
	background-size: cover;
	height: 100%;
	width: 100%;
}

#section-six .text-area {
	width: 100%;
	position: absolute;
	padding: 0 20px;
	text-align: center;
	z-index: 999;
}

.six-bird-light {
	position: absolute;
	top: 17%;
	left: 235px;
	width: 104px;
	height: 97px;
}

.six-video-bg {
	position: absolute;
    left: 50%;
	margin: 0 0 0 -225px;
	padding: 70px 50px 35px 50px;
	width: 450px;
	background: url(../images/six-video-bg.png) no-repeat;
	background-size: cover;
	z-index: 999;
}

.video-six {
    width: 100%;
    text-align: center;
}

.s-play-icon {
    position: absolute;
    top: 37%;
    left: 0;
    right: 0;
    width: 60px;
    height: 60px;
    margin: 0 auto;
}

.six-prince {
    position: absolute;
    bottom: 0;
    right: 0;
}

.six-prince img {
	display: block;
}

#section-seven,
#section-eight {
	background:url(../images/bg-five.jpg) center no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
}
.section-seven-prince {
	background:url(../images/section-seven-prince.jpg) center no-repeat;
	background-size: cover;
	height: 100%;
	width: 100%;
}

#section-seven .text-area {
	position: absolute;
	top: 40%;
    right: 2%;
	width: 60%;
	text-align: center;
}

.seven-diamond {
    position: fixed;
    bottom: 10.8%;
    left: 16.4%;
	z-index: 99;
}

.section-eight-prince {
	background:url(../images/section-eight-prince.jpg) center no-repeat;
	background-size: cover;
	height: 100%;
	width: 100%;
}

.eight-video-bg {
	position: absolute;
	left: 50%;
	width: 400px;
	background: url(../images/eight-video-bg.png) no-repeat;
	margin: 0 0 0 -200px;
	padding: 30px;
}

.video-eight {
    text-align: center;
    position: relative;
    top: 35.5%;
}

.eight-diamond {
    position: absolute;
    bottom: 14.5%;
    right: 29.5%;
	width: 179px;
	height: 183px;
}

#section-eight .text-area {
	position: absolute;
	top: 25%;
    left: 50%;
	width: 400px;
	margin: 0 0 0 -200px;
	text-align: center;
}


#section-nine {
	background: url(../images/bg-nine.jpg) center no-repeat;
	background-size: cover;
	background-attachment: fixed;
	padding: 0;
	width: 100%;
	height: 100%;
}
.map {
	width: 100%;
	height: 100%;
}

.maparea {
	width: 280px;
	height: 300px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}


/***Add By NP**/
.nine-col-1 {
	width: 340px;
float: left;
padding-left: 14px;
}
/***End Add By NP**/
.village-video-bg {
	position: relative;
	height: 280px;
	overflow: auto;
	padding: 20px;
}
/**Add by NP**/
.targetDiv {display: none}


.village-video {
	position: relative;
	margin-top: 14px;
	margin-bottom: 14px;
}

.village-video .play-icon {
	position: absolute;
    bottom: inherit;
    top: 35%;
}
.village-video-bg h1 {
	font-family: 'SourceSansProExtraLight';
	font-size: 26px;
	font-weight: normal;
	color: #ffffff;
	margin:0 0 10px 0;
}
.village-video-bg p {
	font-family: 'source_sans_proregular';
	font-size: 13px;
	font-weight: normal;
	color: #ffffff;	
	line-height: 18px;
	margin: 0 0 5px 0;
	padding: 0;
}
.village-video-bg p b{display:inline-block;margin:0 0 5px 0;}
.nine-col-2 {
	width: 630px;
	float: left;
}

.map-bg {
	padding: 0 23px;
	position: relative;
}

.map-dot {
	position: absolute;
	top: 0;
}

.map-dot a img{
	display: block;
}
.map-dot a img{-webkit-animation:pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);-moz-animation:pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);-ms-animation:pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);animation:pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);background-color:#f2de8d;box-shadow:0 0 0 0 rgba(242, 222, 141, 0.7);border-radius:50%;}
.map-dot a img:hover{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none;}
@-webkit-keyframes pulse{to{box-shadow:0 0 0 10px rgba(242, 222, 141, 0);}}
@-moz-keyframes pulse{to{box-shadow:0 0 0 10px rgba(242, 222, 141, 0);}}
@-ms-keyframes pulse{to{box-shadow:0 0 0 10px rgba(242, 222, 141, 0);}}
@keyframes pulse{to{box-shadow:0 0 0 10px rgba(242, 222, 141, 0);}}



.map-dot a{cursor:pointer;}
.map-dot a:nth-child(1) {
	position: relative;
	top: 28px;
    left: 87px;
}
.map-dot a:nth-child(2) {
	position: relative;
	top: 90px;
    left: 120px;
}
.map-dot a:nth-child(3) {
	position: relative;
	top: 88px;
    left: 170px;
}
.map-dot a:nth-child(4) {
	position: relative;
	top: 133px;
    left: 45px;
}
.map-dot a:nth-child(5) {
	position: relative;
	top: 14px;
    left: 85px;
}
.map-dot a:nth-child(6) {
	position: relative;
	top: 40px;
    left: 65px;
}
.map-dot a:nth-child(7) {
	position: relative;
	top: -6px;
    left: 153px;
}
.map-dot a:nth-child(8) {
	position: relative;
	top: 93px;
    left: 95px;
}
.map-dot a:nth-child(9) {
	position: relative;
	top: 120px;
    left: 90px;
}

.map-img-bg {
	position: relative;
}
.map-img {
	width: 49px;
	height: 49px;
	overflow: hidden;
	border-radius: 50%;
	box-shadow: 3px 0px 32px #000000;
}
.map-img img {
	border-radius: 50%;
}

.map-img1 {
	position: relative;
	bottom: 315px;
    left: 224px;
}

.map-img-bg:before {
	content: '';
	position: absolute;
	bottom: 339px;
    left: -82px;
	width: 299px;
	border-top: 1px dashed #ffffff;
}

.nine-col-3 {
	width: 100%;
	padding: 30px 0 0 0;
}
.lists {}
.lists ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.lists ul li {
	width: 50%;
	min-height: 75px;
	float: left;
	padding-left: 80px;
	margin: 0;
}
.lists ul li h4 {
	font-family: 'SourceSansProBold';
	font-size: 20px;
	color: #f2de8d;
}
.lists ul li p {
	font-family: 'source_sans_proregular';
	font-size: 14px;
	color: #ffffff;
	text-transform: uppercase;
}
.lists ul li:nth-child(1) {
	background:url(../images/transimission-icon.png) left no-repeat;
	background-position-x: 24px;
}
.lists ul li:nth-child(2) {
	background:url(../images/village-icon.png) left no-repeat;
	background-position-x: 5px;
}
.lists ul li:nth-child(3) {
	background:url(../images/high-installed-icon.png) left no-repeat;
	background-position-x: 27px;
}
.lists ul li:nth-child(4) {
	background:url(../images/household-icon.png) left no-repeat;
	background-position-x: 21px;
}
.lists ul li:nth-child(5) {
	background:url(../images/street-light-icon.png) left no-repeat;
	background-position-x: 21px;
}
.lists ul li:nth-child(6) {
	background:url(../images/live-touch-icon.png) left no-repeat;
	background-position-x: 21px;
}




footer {
	background-color: #eaeaea;
	width: 100%;
	margin: -10px 0 0 0;
}
.footer-col-1 {
	width: 100%;
}
.f-top {
	padding: 20px 0 0 0;
	background-color: #eaeaea;
}
.f-text-1 {
	padding: 0 0 20px 0;
	border-bottom: 1px solid #b7b7b7;
}
.f-text-1 h2 {
	font-family: 'SourceSansProBlack';
	font-size: 20px;
	color: #000000;
	text-transform: uppercase;
	
}
.f-text-1 p {
	font-family: 'source_sans_proregular';
	font-size: 16px;
	color: #666666;
	margin-top: 10px;
	margin-bottom: 16px;
}
.f-text-1 h3 {
	font-family: 'SourceSansProBlack';
	font-size: 20px;
	color: #000000;
	margin-right: 7px;
}
.f-text-1 div {
	display: flex;
	align-items: center;
}
.f-text-1 div a {
	font-family: 'SourceSansProSemibold_0';
	font-size: 16px;
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
	border: 1px solid #000000;
	padding: 10px 16px;
	 transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
}
/* * Add By NP ** */
.f-text-1 div a:hover {
	background: #000000;
	color: #ffffff;
}


.footer-col-2 {
	width: 100%;
}
.f-text-2 {
	padding: 20px 0;
	border-bottom: 1px solid #b7b7b7;
	text-align: center;
}
.f-text-2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.f-text-2 ul li {
	margin: 0 5px 5px 5px;
	display: inline-block;
}
.f-text-2 ul li a {
	font-family: 'source_sans_proregular';
	font-size: 16px;
	color: #000000;
	text-decoration: none;
	display: inline;
}
.footer-col-3 {
	width: 100%;
}
.f-text-3 {
	padding: 20px 0;
	text-align: center;
}
.f-text-3 div {
	margin-bottom: 25px; 
}
.f-text-3 div:last-child {
	margin-bottom: 0;
}
.f-text-3 p,
.f-text-3 p a {
	font-family: 'source_sans_proregular';
	font-size: 16px;
	color: #666666;
}
.bottom-footer {
	background-color: #000000;
	padding: 15px 0;
    width: 100%;
}
.bf-col-1 {
	width: 50%;
	float: left
}
.bf-col-2 {
	width: 50%;
	float: left;
}
.social-icon a {
	margin-right: 10px;
}


.inner-bf{padding:0;}

.made-by p,
.made-by p a {
	font-family: 'source_sans_proregular';
	font-size: 13px;
	color: #ffffff;
	text-align: right;
	text-decoration: none;
}

.made-by p a:hover,
.f-text-3 p a:hover,
.f-text-2 ul li a:hover {
	color:#d6b530;
}




@media (min-width: 1300px) and (max-width: 1400px) {}
@media (min-width: 1401px) and (max-width: 1800px) {}

@media (min-width: 1001px) and (max-width: 1200px) {}



/* =============================== 768 / 1000 ==================================== */

@media (min-width: 768px) and (max-width: 1000px) {}



/* =============================== 767 ==================================== */

@media only screen and (max-width: 767px) {
	
	body {
		background: #000;
		color: #fff;
	}
	
}



/* ============================== 480 =============================== */

@media only screen and (max-width: 480px) {}





@media only screen and (orientation : portrait) {
	.main {
		display:none !important;
	}
	#status {
		width: 270px;
		height: 270px;
		position: absolute;
		left: 50%; /* centers the loading animation horizontally one the screen */
		top: 50%; /* centers the loading animation vertically one the screen */
		margin: -135px 0 0 -135px; /* is width and height divided by two */
		font-size: 20px;
		text-transform: uppercase;
		font-family: "source_sans_proregular", Helvetica, Arial, sans-serif;
		text-align: center;
	}
	#status:before {
		content:url(../images/flip-phone.jpg);
	}
}