@charset "utf-8";
/* CSS Document */

#systempage p {margin-bottom:8px}

#systempage h3 {font-size:18px;}/*normal titles*/

#systempage .fifty-righty {padding-right:16px; width:444px;}

/*----------------------------------------------NEW-----------------------------------------------*/

#system-title { height:320px;}

#systempage .title-panel {
	background: #292929 url(../images/system-title-panel-07.jpg) no-repeat left top;
	}

#systempage .bug {
	background: #292929 url(../images/system-bug-fly-02.jpg) no-repeat left top;
	}

#systempage .action-drone {
	background: #292929 url(./../images/system-drone-cliff-01.jpg) no-repeat left top;
	}

#systempage .seven5 {
	background: #292929 url(../images/get-title-panel-seven5-02.jpg) no-repeat left top;
	}
	
#systempage .sw-150 {
	background: #292929 url(../images/SW-150-title-panel-03.jpg) no-repeat left top;
	}

#systempage .system-match {
	background: #292929 url(./../images/lens-panel-06.jpg) no-repeat left top;
	}
/*----------------------------------------------NEW-----------------------------------------------*/	


#systempage .title-panel img {margin-top:35px; margin-left:0px; display:block;}	
#systempage .title-panel h1 { margin-left:23px; width:500px;  margin-top:8px;}	
#system-title .button { margin-left:14px;}

#system-what h3 {font-size:22px;}/*big titles*/
#system-what p {width:426px;}




ol.trimList li 		{	margin-top:5px;}

#which-holder a.button	{margin-top:6px;}


.line 				{	padding:0;margin:0 22px 0 0;float:left;width:99%;}
.size1 				{	float:left;}
.size1 span {
	display:inline-block;
	text-align:center;
}


.seven5-logo-01 {margin:24px 20px 16px 24px;}
.seven5-logo-02 {margin:84px 0px 32px 0px;}
.seven-copy-01 {display:block;}

.seven-line {width:984px; height:32px; background: url(../images/Dot-Line-02.jpg) no-repeat top left; margin-left:-32px; clear:both;}
.seven-line-flip { background-image:url(../images/Dot-Line-03.jpg);}

#seven5-system.panel-bot {padding-bottom:0px;}

.bottom-photo {position:absolute; bottom:0px; left:172px;}

#seven5-samples {background:url(../images/02Dots-03.jpg) no-repeat left -40px;}

#seven5-samples-02 {background:url(../images/dots-fade-02.jpg) no-repeat left top;}

.book-holder {margin-left:-32px; clear:both; position:relative;}

.book-caption { width:200px; padding:24px 0px 12px 0px; margin-left:32px; width:428px; height:266px; }
.book-caption-left { margin-left:0px; float:left;}

.book-caption-line {border-bottom:#9c9c9d dashed 1px; height:266px;}
.book-caption-line-02 {border-bottom:#9c9c9d dashed 1px; height:auto; clear:both;}
.book-caption-line-03 {border-bottom: none; height:auto; clear:both;}

.full-width {padding-top:0px; padding-bottom:0px;}

.book-holder img { position:absolute; top:274px; left:428px;}

/*-----------------------------New-------------------------------------------*/

.panel-seven5-set { height: 396px; overflow:hidden;}
div.panel-seven5-set .fifty-lefty, div.panel-seven5-set .fifty-righty { position:relative;}

ul.seven5-sets {width:100%; clear:both; }
ul.seven5-sets li { width:104px;  float:left; margin-right: 16px; text-align:center; padding:0 8px;}

ul.seven5-sets li img { display:block; margin-left:auto; margin-right:auto; margin-bottom:8px; margin-top:38px; border:#9bd097 2px solid;  }
ul.seven5-sets li img.seascape { border-color:#509ed7;}
ul.seven5-sets li img.urban { border-color:#deb814;}
ul.seven5-sets li.deluxe-big { width:164px; }
ul.seven5-sets li.deluxe-big img { border:none; margin-top:0px;}
span.seven5-box { font-size:20px;}

.circular-photo {
	width: 450px;
	height: 450px;
	border-radius: 225px;
	-webkit-border-radius: 225px;
	-moz-border-radius: 225px;
	}
div.town { 	background: url(../images/seven5-box-town-01.jpg) no-repeat;}
div.seascape { 	background: url(../images/seven5-box-seascape-01.jpg) no-repeat;}
div.urban { 	background: url(../images/seven5-box-urban-01.jpg) no-repeat;}

div.circular-photo + img { z-index:2; display:block;}
div.town + img, div.seascape + img, div.urban + img { position:absolute; top:32px; left:32px;}

#seven5-set-beauty { height:405px; background: url(../images/seven5-boxes-03-02.jpg) no-repeat; padding:0 16px 0 32px;}
#seven5-set-beauty h2 {color:#FFFFFF; margin-top:16px;}

#sw-150-kit { background: #E2E3E4 url(../images/SW150-Kit-02.jpg) no-repeat 0 78px; height:554px;}

#sw-150-use { background: #E2E3E4 url(../images/sw150-adaptor-04.jpg) no-repeat 0 0px; height:460px;}

#bug-both { height:390px; background: url(../images/bug-both-cameras-03.jpg) no-repeat 0px 72px; padding:0 16px 0 32px;}
#bug-action { height:476px; background: #e2e3e4 url(../images/action-02.jpg) no-repeat 0px 102px; padding:0px 16px 0 32px;}
#bug-action-divider { height:216px; background: url(../images/action-04.jpg) no-repeat 0px 0px; padding:0 16px 0 32px;}

#bug-under { height:476px; background: #e2e3e4 url(../images/under-packs-01.jpg) no-repeat 0px 80px; padding:0px 16px 0 32px;}
#bug-under-divider { height:216px; background: url(../images/under-01.jpg) no-repeat 0px 0px; padding:0 16px 0 32px;}

#bug-under-boxes  {height:320px; background: url(../images/underwater-packs-02.jpg) no-repeat 0px 0px; padding:0 16px 0 32px;}

#bug-both p, #bug-action p, #bug-under p {margin-left: 304px; width:312px; color:#000;}
#bug-action p { width:336px;}
#bug-action h3, #bug-under h3 { background-color:#a8a8a9; font-size:16px; display:block; margin-left:-32px; padding:12px 16px; color:#FFFFFF; font-weight:normal; width:952px; text-align:center; margin-top:32px;}
div.action-hint { font-size:14px;}

.bug-banner { text-align:center; font-size:10px; background-color: rgb(179, 202, 52); position: absolute; right: 0px; top: 100px; width: 190px; height: 51px; display:block; border-top-left-radius: 4px; border-bottom-left-radius: 4px; padding: 12px 16px 0 16px;
-webkit-box-shadow: 4px 4px 14px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    4px 4px 14px 0px rgba(50, 50, 50, 0.75);
box-shadow:         4px 4px 14px 0px rgba(50, 50, 50, 0.75);}
.bug-banner span { color:#ffffff; font-size:20px; font-weight:bold;}

.bug-banner-end { border-radius: 4px;}

#field-pouch { background-color:#e2e3e4; background-image:url(../images/pouch-tripod-05.png); background-position: 60% bottom; background-repeat:no-repeat; height:432px;}
#field-pouch-seven5 { background-color:#e2e3e4; background-image:url(../images/pouch-tripod-seven5-03.png); background-position: 60% bottom; background-repeat:no-repeat; height:432px;}
#field-pouch img, #field-pouch-seven5 img { border:1px solid #939498;}


#get-results-SW .caption p, #get-results-SW-02 .caption p {width:278px; margin-bottom:16px;}
#get-results-SW strong, #get-results-SW-02 strong {font-weight:bold;}
#get-results-SW, #get-results-SW-02 {padding-top:0px}
#get-results-SW .title-bar, #get-results-SW-02 .title-bar {margin-bottom:16px;}
#get-results-SW .photo-credit, #get-results-SW-02 .photo-credit {bottom:16px; left:32px;}

#sw150-lenses p { font-size:14px; font-weight:bold;}
#sw150-lenses p:first-child { font-size:12px; font-weight:normal;}

/* #sw-150-adaptor02 { background: #a6c6d9 url(../images/sw150-nikon-adaptor-04.jpg) 200px 160px no-repeat;}
*/

#sw-150-filter-comp { background: #e2e3e4 url(../images/sw150-filter-comp-02.jpg) left 78px no-repeat; height:320px;}
#sw-150-filter-comp p span {font-weight:bold;}

#sw150-holder h4 { margin-bottom:4px;}

div.sw150-box-holder  {float:left; width:246px; height:255px;  position:relative;}
div.sw150-box-holder img {float:left;} 
div.sw150-box-holder p { color:#FFFFFF; position:absolute; bottom:8px; left:0%; text-align:center; width:100%;}



li.textflowmenu:nth-child(odd) { color: #b1b1b1;}
li.textflowmenu:nth-child(even) { color: #d1d1d1;}

li.textflowmenu a:link { color:inherit;}
li.textflowmenu a:visited { color:inherit;}
li.textflowmenu a:hover {color:#f5c108;}
.textmoodhigh {color:#f5c108 !important;}

li.textflowmenu { display:inline; font-size:14px; line-height:32px;}

li.textflowytitle { font-family:NimbusSanNov-Lig, Arial, Helvetica, sans-serif; display:inline; color:#f5c108; font-size:28px; line-height:1px}


li.textflowmenu:after { content: "\00a0\00a0/\00a0"; color:#f5c108; font-size:14px;}



li.textflowmenu:last-child:after { content: ""; }

li.textflowytitle:after { content: "\00a0"; }

li.textflowlast:after { content: "\00a0\00a0\00a0\00a0"; }

div.caption-sw {width:278px; margin-bottom:8px;}
.full-width-sw {
  width: 920px;
  padding: 24px 32px 12px 32px;
}

.rangebottom {position:absolute; bottom:20px; left:32px;}
.lens-caption {font-size:11px; float:left; margin-top:16px;}

#systempage.system-match iframe.lens-app { width: 984px; min-height:1066px;  overflow:hidden; margin: 0 auto; display: block; margin-top:8px;
    border-top: #4b4b4b solid 1px;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
	background: linear-gradient(0deg, #2D2C2D, #444444);	
}

.system-match #system-title { margin-bottom: 8px;}

#system-match-filters { background: #e2e3e4 url(../images/system-match-filters-01.jpg) left 78px no-repeat; height:312px;}

#system-match-filters p { font-size:17px; margin-top:24px; width:200px; }
#system-match-filters p span {font-weight:bold;}

#system-match-intro { background: #ffffff url(../images/match-intro-02.jpg) left top no-repeat; height:168px; margin-bottom: 8px; margin-top: 0px;}

#system-match-intro h2 { margin-top:120px; width:920px; text-align: center;}

#osmo-drone-intro p { width:432px; font-size: 17px; margin-top:10px;}

#osmo-drone-intro { background: #e2e3e4 url(../images/osmo-drone-05.jpg) left 32px no-repeat; height:412px; position: relative;}

#osmo-drone-intro p.dji-labels,
#dji-lightweight p.dji-labels
{ font-size: 18px; position: absolute; font-weight: bold; text-align: center; width:144px; line-height: 1.2; background-color: #fff; color: #706671; padding: 8px 8px 0; margin-top:16px;
box-shadow: 4px 4px 14px 0px rgba(50, 50, 50, 0.45);}

p.dji-labels:after {
    margin-top:8px;
    background-image: url('../images/dji-rule-01.png');
    background-size: 160px 4px;
    display: inline-block;
    width: 160px; 
    height: 4px;
    margin-left:-8px;
    content:""; }

.dji-footer-bar { background: #e2e3e4 url('../images/dji-rule-01.png') left top no-repeat;  position: absolute; width:984px; height:4px; bottom:0px; left:0px;}

.dji-pack { height: 200px; position: relative; 
/*    width: 300px; margin-right:0px;*/
}

.dji-pack p { font-size: 17px; font-weight: bold; margin-top: 160px; text-align: center;} 

#dji-2-stop {background: #fff url(../images/eagle-eye-packs-02-2-stop.jpg) left top no-repeat; color: #83b93b;}

#dji-3-stop {background: #fff url(../images/eagle-eye-packs-02-3-stop.jpg) left top no-repeat; color: #b41e8e;}

#dji-4-stop {background: #fff url(../images/eagle-eye-packs-02-4-stop.jpg) left top no-repeat; color: #0090d6;}

#dji-multi-pack {background: #fff url(../images/eagle-eye-set-01.jpg) left top no-repeat; color: #000;}

#dji-multi-pack .dji-footer-bar { width:234px; background-size: 234px 4px;}

#dji-2-stop.dji-pack,
#dji-3-stop.dji-pack,
#dji-4-stop.dji-pack,
#dji-multi-pack.dji-pack
{ height: 200px; position: relative;
    width: 206px;
    background-position: -22px 24px;
    background-size: 280px;
    margin-right:16px;
/*    width: 300px; margin-right:0px;*/
}

.dji-pack .dji-small-footer-bar {height: 4px; width:100%; position: absolute; left: 0px; bottom: 0px; background-color: #83b93b;}

#dji-3-stop .dji-small-footer-bar { background-color:#b41e8e;}

#dji-4-stop .dji-small-footer-bar { background-color:#0090d6;}

#dji-lightweight { height: 322px; position: relative;}

#dji-lightweight p { width:288px; margin-top:16px; font-size: 17px; margin-left:24px; float: left; }

#dji-lightweight img.osmo-fly {float: left; border-right: 1px solid #ffffff; margin-left:-32px;}

#dji-lightweight img.inspire-fly {float: right; border-left: 1px solid #ffffff; margin-right: -16px;}

img.eagle-eye-title-logo
    { position: absolute; right: 8px; top:4px; display: block;}


#eagle-eye-filter {height: 180px; position: relative;}

#eagle-eye-filter img { margin-left: 168px; float: left;}

#eagle-eye-filter img.eagle-eye-title-logo { position: absolute; left: 24px; top: 64px; margin-left: 0px;}

#eagle-eye-filter p { font-size: 17px; float: left; width: 448px; margin-top: 64px; margin-left: 36px;}

#dji-waterfall {height: 322px; position: relative;
    background-image: url('../images/dji-no-filter-01.jpg'), url('../images/dji-with-filter-01.jpg');
    background-position: left 78px, right 78px;
    background-repeat: no-repeat, no-repeat;}

.dji-dividing-line { width: 1px; height: 266px; background-color: #ffffff; left: 492px; top: 78px; position: absolute;}

#dji-waterfall { position:  relative; }

#dji-waterfall .waterfall-labels { background-color: rgba(255,255,255,1); width: 256px; height: 56px; position: absolute; padding-left: 16px; padding-top:12px; margin-top: 64px; }

#dji-waterfall .waterfall-labels p { font-size: 17px; margin: 0px; font-weight: bold;}

#dji-waterfal .waterfall-01 { right:492px;}

#dji-waterfall .waterfall-labels p.dji-shutter {font-size: 15px; font-weight: normal; }

#dji-waterfall .waterfall-labels.waterfall-02:after {
    margin-top:8px;
    background-image: url('../images/dji-rule-01.png');
    background-size: 272px 4px;
    display: inline-block;
    width: 272px; 
    height: 4px;
    margin-left:-16px;
    content:""; }


#eagle-eye-dealer-map {padding:0px 16px 0px 32px; margin-bottom: 32px;}

#system-title div.title-eagle { margin-left:32px; float: left}

#system-title div.title-bug .photo-credit,
#system-title div.title-eagle .photo-credit
{ color: #b2b2b2; position: absolute; bottom:0px;}


#system-title div.title-bug { margin-left:640px; }

#system-title.action-drone .button { margin-left: -8px; margin-top: 4px;}

#system-title.action-drone h1 { color: #fff; margin:16px 0px 0px 0px; width:268px;}

#system-title div.title-eagle h1 {width:288px; margin-top: 12px;}

#system-title.action-drone img.title-bug-logo,
#system-title.action-drone img.title-eagle-logo
{margin-top:20px; }

#system-title.action-drone img.title-eagle-logo {margin-left: -9px}

#lee-bug-start {
    height:320px;
	background: #292929 url(../images/bug-ski-01.jpg) no-repeat left top;
	}

#lee-bug-start img { margin-left:640px; margin-top:20px;}

#user-gallery .rsGCaption p {margin-bottom:0px}