/*
-----------------------------------------------
DJI Innvovations Styles
http://www.dji-innovations.com
Ver: 1.9

Author:   redy
Date:     15 March 2013
----------------------------------------------- */

/* =KV
----------------------------------------------- */
#slider {
	display: none;
}

.kv {
	clear:both;
	width:960px;
	height:480px;
	overflow:hidden;
	position:relative;
	padding:0;
	z-index: 1;
}

.kv-promotions{
	margin-top:1px;
}

.slides_container {
	width:960px;
	height:480px;
	overflow:hidden;
	position:relative;
	z-index: 1;
}
.slide {
	width:960px;
	height:480px;
	position:relative;
}
.slide .contents, .viewport .contents{
	height:100%;
	width:100%;
	/* background:url("../imgs/slide_nets.png") no-repeat 0 0; */
}
/*
.slide .contents h2:after{

    z-index:-1;
    position:absolute;
    left:0;
    top:0;
    height:30px;
    width:100px;
    background: #2c3b55;
    content:"\0020";
    opacity:0.7;
}
*/
.kv h1{
	display: inline;
	padding:5px 20px;
	font-size: 28pt;
	line-height: 28pt;
	position: absolute;
	top:151px;
	left:0;
	text-transform: uppercase;
	color:#fff;
	background:url("../imgs/slide_h1_bg.png");
}
.kv h2{
	display: inline;
	padding:5px 20px;
	font-size: 28pt;
	line-height: 28pt;
	position: absolute;
	top:199px;
	left:0;
	text-transform: uppercase;
	color:#fff;
	background:url("../imgs/slide_h2_bg.png");
}

.kv h3{
	display: inline;
	padding:10px 20px;
	font-size: 12pt;
	font-weight: 400;
	line-height: 12pt;
	position: absolute;
	top:247px;
	left:0;
	text-transform: uppercase;
	color:#fff;
	background:url("../imgs/slide_h3_bg.png");
}
.kv h4{
	display: inline;
	padding:10px 20px;
	font-size: 12pt;
	font-weight: 400;
	line-height: 12pt;
	position: absolute;
	top:284px;
	left:0;
	text-transform: uppercase;
	color:#fff;
	background:url("../imgs/slide_h3_bg.png");
}
.kv .promo-btn, .kv .promo-btn:link, .kv .promo-btn:visited{
	text-transform: uppercase;
	text-decoration: none;
	position: absolute;
	font-weight: 600;
	font-size:12pt;
	z-index: 999;
	padding: 20px 0;
}
.kv .promo-btn:hover{
	color:#fff;
}
.kv .promo-btn .arrow{
	color:#fff;
	padding:0 5px;
	font-weight: 400;
}

.kv .promo-overlayer, .kv .promo-overlayer:link, .kv .promo-overlayer:visited{
	display: block;
	text-decoration: none;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.kv .btn-kv-overlayer, .kv .btn-kv-overlayer:link, .kv .btn-kv-overlayer:visited{
	display: block;
	text-decoration: none;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


.kv .btn-kv, .kv .btn-kv:link, .kv .btn-kv:visited{
	display: inline;
	padding:10px 50px 10px 20px;
	font-size: 9pt;
	line-height: 12pt;
	position: absolute;
	top:284px;
	left:0;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	color:#69c;
	background:url("../imgs/slide_h3_bg.png");
}

.kv .btn-kv:after{
	display: block;
	z-index:9;
    position:absolute;
    top:14px;
    right:20px;
    content:"\0020";
	width:10px;
	height:10px;
    background:url("../imgs/csssprites.png") no-repeat 0 -500px;
}

.kv .btn-kv:hover{
	text-decoration: none;
	color:#fff;
	background: #2c3b55;
}
.kv .btn-kv:hover:after{
    background:url("../imgs/csssprites.png") no-repeat 0 -550px;
}

.kv .slidesjs-pagination{
	position: absolute;
	bottom:10px;
	right:20px;
	z-index:99;
	float:right;
}

.kv .slidesjs-pagination-item{
	float:left;
	margin:0 1px;
	list-style:none;
}

.kv .slidesjs-pagination-item a{
	display:block;
	width:16px;
	height:16px;
	text-indent: -9999em;
	float:left;
	overflow:hidden;
	background:url("../imgs/pagination.png") no-repeat 0 0;
}
.kv .slidesjs-pagination-item a:hover{
	background-position:0 -100px;
}

.kv .slidesjs-pagination-item a.active, .kv .slidesjs-pagination-item a.active:hover{
	background-position:0 -50px;
}

/* slide type*/
.kv .kv-type-1 h1, .kv .kv-type-1 h2, .kv .kv-type-1 h3, .kv .kv-type-1 h4, .kv .kv-type-1 .btn-kv{

}

.kv .kv-type-2 h1, .kv .kv-type-2 h2, .kv .kv-type-2 h3, .kv .kv-type-2 h4, .kv .kv-type-2 .btn-kv{
	left:auto;
	right:0;
}

.kv .kv-custom h1, .kv .kv-custom h2, .kv .kv-custom h3, .kv .kv-custom h4, .kv .kv-custom .btn-kv{
	left:auto;
	top:auto;
	background: none;
	line-height: 1.3em;
	padding:0;
	margin:0;
}
/* products slider */
.kv-products h2{
	top:195px; 			/*MVS Was top:195px; */
	background-image:url("../imgs/slide_darkblue_bg.png");
}
.kv-products h3{
	top:243px; 			/*MVS Was top:243px; */
	background-image:url("../imgs/slide_dark_bg.png");
}
.kv-products h4{
	top:270px; 			/*MVS Was top:270px; */
	background-image:url("../imgs/slide_dark_bg.png");
}
/* showcase slider */
#slider-showcase{
	display: none;
}
.kv-showcase .slide{
	background:#ddd;
}
.kv-showcase{
	height:320px;			/* MVS - Plads under Slideshow, var 440*/
	background: none;
}
.kv-showcase h1{
	top:61px; 			/*MVS Was top:61px; */
	left:auto;
	right:10;
}
.kv-showcase h2{
	top:142px; 			/*MVS Was top:109, 110 */
	left:auto;
	right:10;
}
.kv-showcase h3{
	top:205px; 			/*MVS Was top:157, 175 */
	left:auto;
	right:10;
}
.kv-showcase .btn-kv, .kv-showcase .btn-kv:link, .kv-showcase .btn-kv:visited{
	top:259px; 			/*MVS Was top:194, 229 */
	left:auto;
	right:10;
}
.kv-showcase .slidesjs-pagination{
	position: absolute;
	bottom:5px; 			/*MVS Was bottom:130px; */
	right:20px;
	z-index:999;
	float:right;
}
#slider-showcase .slide{
	height:320px;
	position:relative;
}
.caption-bestvideo{
	position: absolute;
	top: 330px;
	left:0;
	height:110px;
	width:100%;
	background: #fff;
	z-index: 99;
}
.caption-bestvideo .title-bestvideo{
	display: block;
	position: absolute;
	padding:155px 0 0 250px;
	top:-120px;
	left:20px;
	color:#333;
	height:110px;
	width:500px;
	font-size: 26pt;
	text-transform: none;
	background: url("../imgs/camera.png") no-repeat 0 0; 
}

.kv-showcase .slidesjs-navigation{
	width: 40px;
	height:50px;
	display: block;
	position: absolute;
	left:820px;
	top:360px;
	text-indent: -9999em;
	background:transparent url("../imgs/csssprites.png") no-repeat -758px -1050px;
	z-index: 999;

}
.kv-showcase .slidesjs-previous{
	background-position: -765px -950px;
}
.kv-showcase .slidesjs-next{
	right:20px;
	left:auto;
}

/* company kv */
.kv-company{
	height:320px;
	background: #fff;
}
.kv-company h1{
	top:101px;
	left:auto;
	right:0;
	z-index: 99;
}
.kv-company h2{
	top:149px;
	left:auto;
	right:0;
	z-index: 99;
}
.kv-company h3{
	top:197px;
	left:auto;
	right:0;
	z-index: 99;
}
/* company contact */
.kv-contact{
	height:460px;
}
.kv-contact h1{
	top:131px;
	z-index: 99;
}
.kv-contact h2{
	top:390px;
	font-weight: 400;
	z-index: 99;
	background: none;
}
.kv-contact h3{
	top:257px;
	z-index: 99;
}

/* competition */


.kv-competition{
	height:320px;
	background: #fff;
}

.kv-competition h1{
	top:113px;
	background:transparent url("../imgs/slide_darkblue_bg.png");
}
.kv-competition h2{
	top:113px;
	background:transparent url("../imgs/slide_darkblue_bg.png");
}

.kv-competition h3{
	top:161px;
	background-image:url("../imgs/slide_dark_bg.png");
}
/* =Thumbnails
----------------------------------------------- */
.thumb-s{
	z-index: 1;
}
.thumb-s img{
	width:100px;
	height:90px;
}
.thumb-s a{
	display: block;
}
/* products highlights */
.thumb-prd{
	width:470px;
	height:280px;
}

.thumb-prd a.area, .thumb-prd a.area:link, .thumb-prd a.area:visited{
	text-decoration: none;
	display: block;
	
	background: red;
}
.thumb-prd a.area .title{
	font-weight: 400;
	font-size:16pt;
	padding:0 0 10px 0;
	color:#2c3b55;
	display: block;
}
.thumb-prd a.area .text{
	padding-bottom:20px;
	font-size: 9pt;
	line-height:14pt;
	color: #555;
	display: block;
}

/* text type */
.thumb-prd .text-box-1{
	position: absolute;
	left:265px;
	top:90px;
	width:170px;
}
.thumb-prd .text-box-1 .title{
	text-indent: -9999em;
}
.thumb-prd .text-box-2{
	position: absolute;
	left:260px;
	top:100px;
	width:170px;
}
.thumb-prd .text-box-2 .title{
	text-indent: -9999em;
}
/* support */
.thumb-support{
	width:215px;
	height:194px;
}
.thumb-support img{
	width:213px;
	height:192px;
	border: 1px solid #eee;
}
/* dealers */
.thumb-dealer{
	width:213px;
	height:80px;
	text-align: right;
	background:#eee url("../imgs/default_dealers.jpg") no-repeat;
	position: relative;
	z-index: 1;
}

/* video & pictures */
.thumb-video, .thumb-pic{
	width:215px;
	height:140px;
	background-color: #eee;
	background-position: 0 0;
	background-image: url("../imgs/default.jpg") no-repeat;
	position: relative;
	z-index: 1;
}
.thumb-video .newest-tag{
	position: absolute;
	z-index: 5;
}

.thumb-video a{
	position: relative;
	display: block;
	padding:20px;
	width:175px;
	height:100px;
	text-indent: -9999em;
	z-index: 99;
}

.thumb-video a, .thumb-video a:link, .thumb-video a:visited, .thumb-video a:active{
	background:transparent url("../imgs/csssprites.png") no-repeat 80px -160px;
}

.thumb-video a:hover, .thumb-exhib a:hover , .thumb-pic a:hover{
	background-position: -320px -160px;
}
.thumb-video:hover:after, .thumb-exhib:hover:after, .thumb-pic a:hover:after{
	display: block;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	content:"\0020";
	background-color: #000;
	opacity: 0.6;
	z-index: -1;
}

.thumb-pic a{
	position: relative;
	display: block;
	padding:20px;
	width:175px;
	height:100px;
	z-index: 99;
	text-align: center;
	color:#fff;
	display: table-cell;
	vertical-align: middle;
	font-weight: 600;
	text-indent: -9999em;
}
.thumb-pic a:hover{
	text-indent:0;
	*background:url("../imgs/slide_h3_bg.png");
}

/* exhibitons */
.thumb-exhib{
	width:215px;
	height:194px;
	background-color: #eee;
	background-position: 0 0;
	background-image: url("../imgs/default_square.jpg") no-repeat;
	position: relative;
	z-index: 1;
}
.thumb-exhib a{
	position: relative;
	display: block;
	padding:20px;
	width:175px;
	height:154px;
	text-indent: -9999em;
	z-index: 99;
}

.thumb-exhib a{
	text-align: center;
	color:#fff;
	display: table-cell;
	vertical-align: middle;
	font-weight: 600;
	text-indent: -9999em;
}
.thumb-exhib a:hover{
	text-indent:0;
	*background:url("../imgs/slide_h3_bg.png");
}
/* features */
.thumb-features{
	position: relative;
	display: block;
	padding:0;
	width:68px;
	height:58px;
	border:1px solid #eee;
}
.thumb-features img{
	width:68px;
	height:58px;
}
/* =Stargate
----------------------------------------------- */
.stargate{
	padding:20px;
	height:60px;
	background:url("../imgs/slide_h2_bg.png");
}
.stargate p{
	color:#fff;
}
.stargate .des-stargate{
	display: block;
	float: left;
	width:250px;		/* Plads til tekst */
	padding-left:65px;
	background:transparent url("../imgs/csssprites.png") no-repeat 0 -798px;
}

.stargate ul.gates{
	float: right;
}
.stargate ul.gates li{
	float:left;
	margin:0 20px;		/* Afstand imellem ikoner */
}
.gate-btn{
	display: block;
	width:140px;		/* Plads til ikoner */
	height:40px;		/* Plads til ikoner */
	text-indent: -9999em;
}

.gate-facebook{
	background:transparent url("../imgs/socialsprites.png") no-repeat 0 0;
}
.gate-facebook:hover{
	background-position: 0 -100px;
}
.gate-twitter{
	background:transparent url("../imgs/socialsprites.png") no-repeat -195px 0;
}
.gate-twitter:hover{
	background-position: -195px -100px;
}
.gate-youtube{
	width:100px;
	background:transparent url("../imgs/socialsprites.png") no-repeat -395px 0;
}
.gate-youtube:hover{
	background-position: -395px -100px;
}
.gate-vimeo{
	width:120px;
	background:transparent url("../imgs/socialsprites.png") no-repeat -595px 0;
}
.gate-vimeo:hover{
	background-position: -595px -100px;
}

/* =Tab 
----------------------------------------------- */
.tab-menu {
	position: relative;
	z-index: 1;
}

.tab-menu ul {
	margin:0px; 
	padding:0px;
	margin-left: 10px;
}

.tab-menu ul li{
	display:block;
	float:left;
	padding:0;
	margin-left:10px;
	height:40px;
	overflow: hidden;
	list-style:none;
}

.tab-menu a.tab-btn, .tab-menu a.tab-btn:link, .tab-menu a.tab-btn:visited{
	display: block;
	padding:10px 20px;
	line-height:20px;
	font-weight: 600;
	color:#fff;
	text-decoration: none;
	background-color: #69c;
	text-transform: uppercase;
	box-shadow:inset 0px -10px 5px -10px #06C;
}
.tab-menu a.tab-btn:hover{
	text-decoration:none;
	background-color: #2c3b55;
	box-shadow:inset 0px -10px 5px -10px #012;
}
.tab-menu li.ui-tabs-active a.tab-btn, .tab-menu li.ui-tabs-active a.tab-btn:link, .tab-menu li.ui-tabs-active a.tab-btn:visited{
	color:#2c3b55;
	background-color:#fff;
	box-shadow:none;
}


.tab-menu li.ui-tabs-active .tab-btn-twitter{
	background-position: -585px -639px;
}

.tabcontents{
	clear:both;
	position: relative;
	z-index:9;
	background: #fff;
	padding-top:20px;
	zoom:1;
}

.tabcontents .sec-contents{
	min-height:300px;
	padding:0 0 50px 0;
}

.tabcontents .tabs-footer{
	width:440px;
	right:10px;
	bottom:12px;
}

/*Instance*/
#tabs-social, #tabs-info{
	width:470px;
}

.tab-menu li.ui-state-default .tab-btn-facebook{
	padding-left:35px;
	padding-right:20px;
	background-image: url("../imgs/csssprites.png");
	background-repeat: no-repeat;
	background-position: -385px -541px;
	*background-image:none;/*IE hack*/
	*padding-left:20px;/*IE hack*/
}

.tab-menu li.ui-tabs-active .tab-btn-facebook{
	background-position: -585px -541px;
}

.tab-menu li.ui-state-default .tab-btn-twitter{
	padding-left:40px;
	padding-right:20px;
	background-image: url("../imgs/csssprites.png");
	background-repeat: no-repeat;
	background-position: -385px -639px;
	*background-image:none;/*IE hack*/
	*padding-left:20px;/*IE hack*/
}
.tab-menu li.ui-tabs-active .tab-btn-twitter{
	background-position: -585px -639px;
}
/* =toggle 
----------------------------------------------- */
.expand-box{
	display: none;
}


/* =Reel 
----------------------------------------------- */
.reel-preloader{
	background:#9ab !important;
}
.reel-overlay{
	
}
.reel-indicator{
	background:#9ab !important;
}
/* vr */
.viewport{
	margin:0;
	padding:0;
	width:960px;
	height:480px;
	background: transparent no-repeat;
	position: relative;
	overflow: hidden;
}
.vr-switcher{
	padding:0;
	margin:0;
	position: absolute;
	bottom:16px;
	left:20px;
	z-index: 999;
}
.vr-switcher a{
	padding-right:5px;
}
.vr-switcher a img{
	border: 1px solid #ccc;
	border-radius: 2px;
}
.vr-switcher a:hover img{
	border: 1px solid #9ab;
}
.vr-start, .vr-start:link, .vr-start:visited{
	display: block;
	width:100%;
	height:100%;
	background: transparent;
	position: absolute;
	z-index: 900;
	text-decoration: none;
}
.vr-caption{
	padding:15px 20px 15px 110px;
	position: absolute;
	bottom:20px;
	right:20px;
	color:#fff;
	background:#ccc url("../imgs/csssprites.png") no-repeat 0 -950px;
	z-index: 9;
	border-radius: 10px;
}
.vr-control{
	
}
.vr-control .vr-roll{
	width: 40px;
	height:50px;
	display: block;
	position: absolute;
	left:20px;
	top:180px;
	text-indent: -9999em;
	background:transparent url("../imgs/csssprites.png") no-repeat -758px -1050px;
	z-index: 99;
	cursor: pointer;
}
.vr-control .roll-left{
	background-position: -765px -950px;
}
.vr-control .roll-right{
	right:20px;
	left:auto;
}