/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;margin:0;padding:0;}fieldset,img{display:block; border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

body{
	font-family:'Montserrat-Regular';
}
*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
a{
	color:#fff;
	text-decoration:none;
	outline:none;
}
#preloader{
	width:100%;
	height:100%;
	display:block;
	background:url(../images/bg_preloader.jpg) no-repeat top center;
	background-size:cover;
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
}
.preloaderBox{
	width:320px;
	text-align:center;
	position:fixed;
	top:50%;
	left:50%;
	-webkit-transform:translateX(-50%) translateY(-50%);
	-moz-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%);
}
.preloaderBox span{
	font-size:24px;
	font-family:'Montserrat-Bold';
	display:block;
	color:#003D7D;
	text-transform:uppercase;
	margin:20px 0 10px;
}
.preloaderBox img{
	display:inline-block;
}
header{
	width:100%;
	position:fixed;
	top:0px;
	z-index:100;
}
.headerBox{
	position:absolute;
	top:25px;
	left:25px;
}
.headerBox #logo{
	width:279px;
	height:108px;
	display:block;
	background:url(../images/regalheader_.png) no-repeat top center;
	text-indent:-9999px;
}
nav{
	
	margin:0 auto;
	position:relative;
	top:30px;
}
nav ul{
	display:block;
	text-align:center;
	/*background:url(../images/nav_shadow.png) no-repeat top -12px center;*/
}
nav ul li{
	width:72px;
	height:66px;
	display:inline-block;
	margin:0 5px;
	background:url(../images/nav_normal.png) no-repeat top center;
}
nav ul li:hover,
nav ul li.selected{
	background:url(../images/nav_hover.png) no-repeat top center;
}
nav ul li a{
	display:block;
	line-height:58px;
	font-size:11px;
	color:#FBB14B;
	text-transform:uppercase;
	font-family:'Montserrat-Bold';
}
nav ul li.selected a,
nav ul li:hover a{
	color:#FFD200;
}
ul.language {
	height:40px;
	padding:10px 12px;
	text-align:center;
	position:absolute;
	top:45px;
	right:40px;
	border-radius:20px;
}
ul.language:before {
	width:100%;
	height:100%;
	content:'';
	background-color:#fff;
	position:absolute;
	top:0;
	right:0;
	border-radius:20px;
	opacity:0.7;
	z-index:-1;
}
ul.language li {
	display:inline-block;
	margin:0 2px;
}
ul.language li a{
	width:26px;
	height:13px;
	text-indent:-9999px;
	display:block;
}
.us {
	background:url(../images/usflag.png) no-repeat center center;
}
.us.active {
	background:url(../images/usflag_active.png) no-repeat center center;
}
.indo {
	background:url(../images/indoflag.png) no-repeat center center;
}
.indo.active {
	background:url(../images/indoflag_active.png) no-repeat center center;
}
ul.socmed {
	background-color:#fff;
    height:40px;
	padding:5px;
	text-align:center;
	position:absolute;
	bottom:25px;
	left:40px;
	border-radius:20px;
	z-index:101;
}
ul.socmed li {
	display:inline-block;
	margin:0 5px 0 0;
}
ul.socmed li:last-child {
	margin:0;
}
ul.socmed li a{
	width:30px;
	height:30px;
	text-indent:-9999px;
	display:block;
}
.fb {
	background:url(../images/fbicon.png) no-repeat center center;
}
.fb:hover {
	background:url(../images/fbicon_hover.png) no-repeat center center;
}
.tw {
	background:url(../images/twiticon.png) no-repeat center center;
}
.tw:hover {
	background:url(../images/twiticon_hover.png) no-repeat center center;
}
.yt {
	background:url(../images/yticon.png) no-repeat center center;
}
.yt:hover {
	background:url(../images/yticon_hover.png) no-repeat center center;
}
.ig {
	background:url(../images/instaicon.png) no-repeat center center;
}
.ig:hover {
	background:url(../images/instaicon_hover.png) no-repeat center center;
}
.mapwrapper {
  margin: 0 auto;
  width: 100%;
  min-height:100%;
  position:relative;
}
#viewport {
    width: 100%;
	height:100%;
    cursor: move;
    overflow: hidden;
}
.map-control {
    position: absolute;
	z-index:4;
    bottom: 50px;
    right: 10px;
	padding:20px;
	height:80px;
	border-radius:10px;
	box-shadow:5px 5px 10px #000;
}
.map-control:before{
	content:'';
	display:block;
	width:100%;
	height:100%;
	background:#fff;
	position:absolute;
	border-radius:10px;
	top:0;
	left:0;
}
.map-control a {
    height: 25px;
    width: 25px;
    display: block;
    text-indent: -999em;
    position: absolute;
    outline: none;
}
.map-control a.left {
    left: 39px;
    top: 22px;
}

.map-control a.right {
    left: 79px;
    top: 22px;
}

.map-control a.up {
    left: 59px;
    top: 2px;
}

.map-control a.down {
    left: 59px;
    top: 42px;
}

.map-control a.zoom {
    top: 8px;
    height: 32px;
    width: 25px;
	border-bottom:1px solid #f1f1f1;
    left: 50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	transform:translateX(-50%);
}

.map-control a.back {
    top: 45px;
    height: 25px;
    width: 25px;
    left: 50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	transform:translateX(-50%);
}
.mapsBg{
	background:url(../images/terrain.jpg) no-repeat;
	background-size:cover;
}
.layer_one{
	width:2560px;
	height:2660px;
}
.layer_two{
	width:3850px;
	height:4000px;
}
.popupWrapper{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	overflow:auto;
	display:none;
	z-index:101;
}
.popupWrapper header{
	z-index:1;
}
.overlay{
	width:100%;
	height:100%;
	background:#000;
	opacity:0.8;
	position:fixed;
	top:0;
	left:0;
}
.popupBox{
	width:960px;
	position:absolute;
	top:420px;
	left:50%;
	background:url(../images/paper_mid.png) repeat-y center center;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	position:relative;
	padding:0 150px 0 170px;
	z-index:100;
	display:none;
}
.popupBox:before,
.popupBox:after{
	content:'';
	width:960px;
	height:129px;
	background:url(../images/paper_top.png) no-repeat top center;
	display:block;
	position:absolute;
	top:-120px;
	left:0;
}
.popupBox:after{
	background:url(../images/paper_bot.png) no-repeat top center;
	top:auto;
	bottom:-129px;
	left:0;
}
.popup{
	width:100%;
	position:relative;
	top:-100px;
}
.popup img{
	display:block;
	margin:0 auto;
}
.popupTitle{
	overflow:hidden;
	margin-bottom:30px;
	text-align:center;
}
.popupTitle h2{
	background:url(../images/icon_king.png) no-repeat top center;
	padding:40px 0 0;
	font-size:48px;
	color:#003D7D;
	font-family:'Montserrat-Bold';
	text-transform:uppercase;
}
.popupDesc{
	overflow:hidden;
	text-align:left;
	color:#808083;
	font-family:'Montserrat-Light';
	font-size:16px;
}
.closeBtn{
	padding:45px 25px 20px;
	background:url(../images/icon_close.png) no-repeat top center;
	display:inline-block;
	color:#808083;
	font-family:'Montserrat-Light';
	font-size:14px;
	position:absolute;
	top:-70px;
	right:60px;
}
.formWrapper{
	width:100%;
	overflow:hidden;
	margin:20px 0 40px;
}
.formBox{
	width:46%;
	height:160px;
	float:left;
	overflow:hidden;
}
.formBox input[type="text"],
.formBox textarea{
	width:100%;
	height:35px;
	border:none;
	border-bottom:1px solid #666666;
	font-size:16px;
	color:#808083;
	margin:0 0 27px;
	background-color:transparent;
	font-family:'Montserrat-Light';
}
.formBox textarea{
	height:160px;
	resize:none;
	margin:0;
}
.formBox:last-child{
	float:right;
}
.defBtn{
	width:160px;
	height:40px;
	line-height:40px;
	display:block;
	margin:0 auto;
	overflow:hidden;
	background:#BC1E2D;
	text-align:center;
	font-family:'Montserrat-Bold';
	text-transform:uppercase;
}
.mapWrapper,
#map-canvas{
	width:100%;
	height:320px;
	display:block;
}
.mapWrapper{
	margin:20px 0 0;
}
.mapInfo{
	width:100%;
	font-size:14px;
	padding:10px 0;
	text-align:center;
	font-family:'Montserrat-Bold';
}
.mapInfo span{
	font-size:12px;
	display:block;
	margin:10px 0 0;
	font-family:'Montserrat-Light';
}
.mapsContent{
	position:absolute;
	top:0;
	left:0;
}
.newsFullBox{
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
}
.newsHalfBox{
	width:47%;
	float:left;
	overflow:hidden;
}
.newsHalfBox:last-child{
	float:right;
}
.newsImage{
	width:100%;
}
.newsDesc{
	overflow:hidden;
	font-size:16px;
	font-family:'Montserrat-Light';
	color:#414042;
	line-height:24px;
	margin-bottom: 20px;
}
.newsDesc h3 a{
	font-size:24px;
	font-family:'Montserrat-Bold';
	line-height:20px;
	color:#414042;
}
.newsHalfBox h3 a{
	font-size:16px;
	line-height:24px;
}
.newsDesc span{
	color:#BC272D;
	font-size:12px;
}
.relatedItems{
	overflow:hidden;
}
.relatedItems h4{
	color:#BC1E2D;
	font-size:16px;
	font-family:'Montserrat-Bold';
	text-transform:uppercase;
	text-align:center;
	margin-bottom:20px;
}
.relatedItems ul{
	text-align:center;
}
.relatedItems ul li{
	width:140px;
	height:165px;
	margin:0 8px;
	overflow:hidden;
	display:inline-block;
}
.relatedImg{
	width:140px;
	height:100px;
	display:block;
	overflow:hidden;
	background:#CCC;
}
.relatedDesc{
	text-align:left;
}
.relatedDesc h3 a{
	font-size:14px;
	color:#414042;
	font-family:'Montserrat-Bold';
	line-height:20px;
	display:block;
	height:40px;
	overflow:hidden;
}
.relatedDesc span{
	color:#BC272D;
	font-size:10px;
}
.btnTgl{
	margin-bottom:40px;
	position:relative;
	cursor:pointer;
}
.btnTgl:before{
	content:'';
	width:100%;
	height:1px;
	background:#FFD200;
	display:block;
	position:absolute;
	top:12px;
	left:0;
	z-index:-10;
}
.btnTgl.bottom{
	background:url(../images/icon_bottom.png) no-repeat top center;
	padding:30px 0 0;
	text-align:center;
	font-size:12px;
	position:relative;
}
.locationImg{
	width:100%;
	display:block;
	overflow:hidden;
	margin:40px 0;
}
.locationImg img{
	width:100%;
}
.locationInfo ul{
	display:none;
}
.locationInfo ul li{
	width:33.3333%;
	padding:0 10px;
	overflow:hidden;
	float:left;
	font-size:16px;
	margin:0 0 10px;
	text-align:center;
}
.locationInfo ul li span{
	color:#BC272D;
	display:block;
	font-family:'Montserrat-Bold';
	font-size:22px;
}
.processWrapper{
	width:480px;
	margin:40px auto 0;
	overflow:hidden;
}
.processBox{
	width:100%;
	overflow:hidden;
	margin:0 0 20px;
}
.processImg{
	width:158px;
	height:158px;
	display:block;
	overflow:hidden;
	margin:0 auto;
}
.processInfo{
	width:100%;
	padding:90px 20px 20px;
	background:#FFF3BE;
	margin-top:-80px;
	text-align:center;
	font-family:'Montserrat-Light';
	color:#003D7D;
}
.processInfo h3{
	font-size:24px;
	color:#003D7D;
	text-transform:uppercase;
	font-family:'Montserrat-Bold';
	margin:0 0 10px;
}
.sourcesWrapper{
	width:100%;
	overflow:hidden;
	padding-top:20px;
	padding-bottom:20px;
}
.sourcesWrapper ul li{
	padding:0 40px;
	width:100%;
	position:relative;
	margin:0 0 40px;
}
.sourcesWrapper ul li:nth-child(even) .sourcesInfo{
	padding: 10px 140px 10px 20px;
	text-align:right;
}
.sourcesWrapper ul li:nth-child(even) .sourcesImg{
	left:auto;
	right:0;
}
.sourcesImg{
	width:160px;
	height:160px;
	display:block;
	overflow:hidden;
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
}
.sourcesInfo{
	width:100%;
	padding: 10px 20px 10px 140px;
	background:#FFF3BE;
	font-size:15px;
	color:#003D7D;
	font-family:'Montserrat-Light';
}
.sourcesInfo h3{
	font-size:24px;
	font-family:'Montserrat-Bold';
}
.productsWrapper{
	width:100%;
}
.productsWrapper ul li{
	width:640px;
	display:block;
}
.productsImg{
	width:640px;
	height:400px;
	display:block;
	overflow:hidden;
	margin:0 0 30px;
}
.productsInfo{
	text-align:center;
	color:#6D6E71;
	font-family:'Montserrat-Light';
	font-size:16px;
}
.productsInfo h3{
	background:url(../images/bg_caption.png) no-repeat center center;
	height:60px;
	line-height:60px;
	color:#fff;
	font-size:24px;
	font-family:'Montserrat-Bold';
	margin:0 0 20px;
}
.productsWrapper, .bx-wrapper, .bx-viewport, #productsSlider{
	width:640px;
}
.productsImg{
	width:640px;
	height:400px;
}
#aboutus_one{
	background:none;
}
#aboutus_one:before,
#aboutus_one:after{
	display:none !important;
}
.storyboardBox{
	width:632px;
	height:220px;
	background:url(../images/paper_roll.png) no-repeat top center;
	color:#666666;
	font-size:16px;
	font-family:'Montserrat-Light';
	padding:30px 40px 30px 70px;
	position:fixed !important;
	bottom:0;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	transform:translateX(-50%);
	z-index:1;
}
.storyboard:before{
	content:'';
	display:block;
	width:192px;
	height:450px;
	position:absolute;
	bottom:0;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	transform:translateX(-50%);
	margin-left:-300px;
	z-index:0;
}
.storyboard img {
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-540px;
	z-index:1;
}
.storyboard{
	display:none;
}
#aboutus_one .popupDesc{
	overflow:visible;
}
.storyboard h3{
	color:#BC1E2D;
	font-size:24px;
	font-family:'Montserrat-Bold';
	margin:0 0 10px;
}
.skipBtn{
	color:#fff;
	font-size:16px;
	background:url(../images/arrow_skip.png) no-repeat right center;
	padding-right:25px;
	cursor:pointer;
	position:absolute;
	top:-20px;
	right:40px;
	font-family:'Montserrat-Bold';
}
.nextBtn{
	color:#003D7D;
	font-family:'Montserrat-Bold';
	font-size:16px;
	background:url(../images/arrow_next.png) no-repeat right center;
	padding-right:30px;
	padding-top:7px;
	padding-bottom:7px;
	position:absolute;
	bottom:30px;
	right:80px;
	cursor:pointer;
}
.hoverArea{
	position:absolute;
	top:0 !important;
	left:0 !important;
	z-index:2;
}

.hoverArea.farm{
	background:url(../images/farm_glow.png) no-repeat top center;
	background-size:contain;
}
.hoverArea.castle{
	background:url(../images/castle_glow.png) no-repeat top center;
	background-size:contain;
}
.hoverArea.mall{
	background:url(../images/mall_glow.png) no-repeat top center;
	background-size:contain;
}
.hoverArea.factory{
	background:url(../images/factory_glow.png) no-repeat top center;
	background-size:contain;
}
.hoverArea.news{
	background:url(../images/news_glow.png) no-repeat top center;
	background-size:contain;
}
.hoverArea.harbour{
	background:url(../images/harbour_glow.png) no-repeat top center;
	background-size:contain;
}
.hoverArea.contact{
	background:url(../images/contact_glow.png) no-repeat top center;
	background-size:contain;
}
.hoverArea.youtube{
	background:url(../images/youtube_glow.png) no-repeat top center;
	background-size:contain;
}
.hoverArea.facebook{
	background:url(../images/facebook_glow.png) no-repeat top center;
	background-size:contain;
}
.hoverArea.instagram{
	background:url(../images/instagram_glow.png) no-repeat top center;
	background-size:contain;
}
.hoverArea.twitter{
	background:url(../images/twitter_glow.png) no-repeat top center;
	background-size:contain;
}

.poi{
	position:absolute;
	z-index:3;
}
.poi:hover{
	cursor:pointer;
}

.farm{
	width:630px;
	height:375px;
	top:1258px;
	left:751px;
}
.castle{
	width:830px;
	height:760px;
	top:1488px;
	left:1715px;
}
.factory{
	width:1750px;
	height:850px;
	left:1680px;
	top:600px;
}
.harbour{
	width:906px;
	height:670px;
	top:3028px;
	left:928px;
}
.mall{
	width:622px;
	height:385px;
	top:1600px;
	left:2915px;
}
.contact{
	width:218px;
	height:142px;
	top:3027px;
	left:770px;
}
.news{
	width:345px;
	height:560px;
	top:2200px;
	left:3215px;
}
.facebook{
	width:128px;
	height:133px;
	top:2714px;
	left:2860px;
}
.twitter{
	width:107px;
	height:123px;
	top:2952px;
	left:3164px;
}
.instagram{
	width:132px;
	height:142px;
	top:2790px;
	left:3453px;
}
.youtube{
	width:117px;
	height:130px;
	top:2460px;
	left:3520px;
}

.clouds{
	display:block;
	background:url(../images/cloud.png) no-repeat center center;
	background-size:contain;
	position:absolute;
	z-index:2;
	top:0;
	left:0;
}

.up, .left, .right, .down{
	display:none !important;
}
.zoom{
	background:url(../images/icon_zoomin_active.png) no-repeat top center;
}
.back{
	background:url(../images/icon_zoomout.png) no-repeat top center
}
.indicator{
	width:201px;
	height:119px;
	position:absolute;
	top:0;
	left:50%;
	display:block;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	transform:translateX(-50%);
}
.indicator.farm{
	background:url(../images/indicator_sources.png) no-repeat top center;
}
.indicator.castle{
	background:url(../images/indicator_about.png) no-repeat top center;
}
.indicator.harbour{
	background:url(../images/indicator_findus.png) no-repeat top center;
}
.indicator.factory{
	background:url(../images/indicator_process.png) no-repeat top center;
}
.indicator.news{
	background:url(../images/indicator_news.png) no-repeat top center;
}
.indicator.mall{
	background:url(../images/indicator_products.png) no-repeat top center;
}
.indicator.contact{
	background:url(../images/indicator_contact.png) no-repeat top center;
}
.indicator{
	background-size:contain !important;
}