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

#systempage .system-match {
	background: #292929 url(https://res.cloudinary.com/broadside/image/upload/f_auto,q_auto/v1583496908/LEE85/Lens-Panel-10.jpg) no-repeat left top;
	}

#ad-100-photo {background: url(/images/ad-100-photo-02.jpg) no-repeat top left;}

#start .title-panel {
	background: #292929 url(https://res.cloudinary.com/broadside/image/upload/f_auto,q_auto/v1571244873/lee100-changes/get-title-panel-03.png) no-repeat left top; 
	height: 320px;
}

.system-logos {
	width:162px;
	height:79px;
	position:absolute;
	right:32px;
	top:-1px;
	background:url(https://res.cloudinary.com/broadside/image/upload/f_auto,q_auto/v1571694053/lee100-changes/system-logos-07.png) no-repeat 0px 0px;
	}

.system-logos-seven5 { background-position: 0 -79px;}
.system-logos-sw150 { background-position: 0 -158px;}
.system-logos-sw150-clean { background-position: 0 -237px;}

#lee100-landscape-kit {background: url(https://res.cloudinary.com/broadside/image/upload/c_scale,f_auto,q_auto,h_352/v1571695724/lee100-changes/Landscape-Kit-02.png) no-repeat 0px 78px; height: 406px;}

#lee100-long-exposure-kit {background: url(https://res.cloudinary.com/broadside/image/upload/c_scale,f_auto,h_458,q_auto/v1571737218/lee100-changes/Long-Exposure-Kit-04.png) no-repeat 0px 78px;  height: 512px;}

#lee100-deluxe-kit {background: url(https://res.cloudinary.com/broadside/image/upload/c_scale,f_auto,h_562,q_auto/v1571739869/lee100-changes/Deluxe-Kit-02.png) no-repeat 0px 40px;  height: 552px;}

.kit-boxes { 
    color: #fff;
    position: relative;}

.kit-boxes ul, #start-holder75 ul { list-style-type: square;}

.kit-boxes li { font-weight: normal; font-size: 15px; line-height: 20px; color: #a8a8a8;}

.kit-boxes span { font-weight: bold; font-size: 17px; color: #fff;}

.kit-boxes p.footnote { font-size: 11px; color: #a8a8a8; position: absolute; bottom: 0px; left: 16px}

.kit-boxes .fifty-righty { 
    position: absolute; left: 476px; 
    height: calc(100% - 102px);;
    display: flex;
  justify-content: center;
  flex-direction: column;
    padding-bottom: 8px;
}

.kit-boxes .fifty-righty p:first-of-type { font-weight: bold;}

#polariser .title-panel {
	background: #292929 url(https://res.cloudinary.com/broadside/image/upload/c_scale,f_auto,q_auto,w_984/v1571748101/lee100-changes/Noton-Polariser-01.png) no-repeat left top;
	height: 320px;
	}
#polariser .title-panel img {margin-top:35px; margin-left:-3px; display:block;}

#polariser .title-panel h1 { width: 488px;}

.filter-shad-glow { filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.2)) drop-shadow(0px 0px 64px rgba(255,255,255,0.8)) drop-shadow(2px 4px 4px rgba(0,0,0,0.6));}

ul.polariser-fit li {
    width: 190px;
    float: left;
    height: 260px;}

ul.polariser-fit li img { border: 4px solid #525252;}

#polariser-fitting { position: relative; height: auto;}



#polariser-fitting .fifty-righty { height: calc(100% - 94px); position: absolute; left: calc(50%); padding-left: 32px; padding-right: 16px;
    background: linear-gradient(to right, rgba(255,255,255,0.32) 0%,rgba(229,229,229,0) 32%);
}

#system-title.lee100-system-title {
    background: #292929 url(https://res.cloudinary.com/broadside/image/upload/c_scale,f_auto,q_auto,w_984/v1572439066/lee100-changes/LEE100-System-Noton-02.jpg) no-repeat left top;
}


#system-what { 
    background: #292929 url(https://res.cloudinary.com/broadside/image/upload/c_scale,f_auto,q_auto,w_984/v1572451826/lee100-changes/LEE100-Holder-02.jpg) no-repeat left 64px;
    height: 478px;
}

#system-what .whats-new {
    height: calc(100% - 78px);
    display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: left;}

#system-what .whats-new p { font-size: 17px; color: #fff; margin-bottom: 24px;}

#system-what .whats-new p span { color: #f5c108; font-weight: bold; color: #00aeff; }

#locking-dial, #guide-blocks, #lee100-rotate, #lee100-hood, #lee100-tandem { height: 558px; padding-left: 0; padding-right: 0; width: 984px; padding-bottom: 0px;}

#locking-dial h2, #guide-blocks h2, #lee100-rotate h2, #lee100-hood  h2, #lee100-tandem h2 { margin-left: 0px;}

#locking-dial .thirdy-panel, #guide-blocks .thirdy-panel { width: 328px; height: 480px; float: left; box-sizing: border-box; padding: 32px; color: #fff; font-size: 17px; position: relative;}

#locking-dial .thirdy-panel span, #guide-blocks .thirdy-panel span { font-weight: bold; color: #00aeff; }

.panel-content-holder .thirdy-panel:nth-of-type(1) 
    { background: #292929 url(https://res.cloudinary.com/broadside/image/upload/c_scale,f_auto,h_480,q_auto/v1572455993/lee100-changes/Locking-Dial-02-01.jpg) no-repeat left top; border-right: 1px dashed #00aeff;}

.panel-content-holder .thirdy-panel:nth-of-type(2) 
    { background: #292929 url(https://res.cloudinary.com/broadside/image/upload/c_scale,f_auto,h_480,q_auto/v1572455993/lee100-changes/Locking-Dial-02-02.jpg) no-repeat left top; border-right: 1px dashed #00aeff;}

.panel-content-holder .thirdy-panel:nth-of-type(3) 
    { background: #292929 url(https://res.cloudinary.com/broadside/image/upload/c_scale,f_auto,h_480,q_auto/v1572455993/lee100-changes/Locking-Dial-02-03.jpg) no-repeat left top;}

.locking-dial-benefits { position: absolute; bottom: 16px; color: #00aeff; }

#guide-blocks .panel-content-holder .thirdy-panel:nth-of-type(1) 
    { background: #292929 url(https://res.cloudinary.com/broadside/image/upload/c_scale,f_auto,h_480,q_auto/v1572468110/lee100-changes/Guide-Blocks-01-01.jpg) no-repeat left top; border-right: 1px dashed #00aeff;}

#guide-blocks .panel-content-holder .thirdy-panel:nth-of-type(2) 
    { background: #292929 url(https://res.cloudinary.com/broadside/image/upload/c_scale,f_auto,h_480,q_auto/v1572468110/lee100-changes/Guide-Blocks-01-02.jpg) no-repeat left top; border-right: 1px dashed #00aeff;}

#guide-blocks .panel-content-holder .thirdy-panel:nth-of-type(3) 
    { background: #292929 url(https://res.cloudinary.com/broadside/image/upload/c_scale,f_auto,h_480,q_auto/v1572468110/lee100-changes/Guide-Blocks-01-03.jpg) no-repeat left top;}


#guide-blocks .locking-dial-benefits { position: absolute; bottom: 208px; left: 144px; color: #00aeff; font-weight: bold; font-size: 19px;}

.panel-content-holder { position: relative;}

.thirdy-overlay { position: absolute; padding: 8px 0px; color: #00aeff; font-weight: bold;
background-color: rgba(255, 255, 255, 1); font-size: 20px; border: 4px solid #00aeff; left:50%;
    margin-left:-244px; width: 479px; text-align: center; top: 32px; }

.thirdy-overlay p { margin-bottom: 0px !important;}

#lee100-rotate .panel-content-holder { background: #292929 url(https://res.cloudinary.com/broadside/image/upload/c_scale,f_auto,q_auto,w_984/v1572471208/lee100-changes/LEE100-Rotate-02.jpg) no-repeat left top; height: 480px; padding-left: 32px; padding-top: 32px;}


#lee100-rotate .panel-content-holder p,
#lee100-hood .panel-content-holder p { font-size: 19px; color: #fff; width: 256px}

#lee100-tandem .panel-content-holder p { color: #fff; width: 256px;}

.rotate-slogan { position: absolute; bottom: 64px; font-size: 28px; font-weight:  bold; color: #fff; left: 624px; line-height: 1.4;}


#lee100-hood .panel-content-holder { background: #292929 url(https://res.cloudinary.com/broadside/image/upload/c_scale,f_auto,q_auto,w_984/v1572479264/lee100-changes/Hood-01.jpg) no-repeat left top; height: 480px; padding-left: 32px; padding-top: 32px;}

#lee100-hood .panel-content-holder p { margin-bottom: 32px; font-size: 16px}

#lee100-hood .rotate-slogan { left: 704px; font-weight: normal; bottom: 192px}

#lee100-hood .panel-content-holder span { font-weight: bold; color: #ffffff;}


#lee100-tandem .panel-content-holder { background: #292929 url(https://res.cloudinary.com/broadside/image/upload/c_scale,f_auto,q_auto,w_984/v1572519894/lee100-changes/Tandem-02.jpg) no-repeat left top; height: 480px; padding-left: 32px; }

#lee100-tandem .panel-content-holder p { margin-bottom: 32px; font-size: 16px;}

.flexy-column { align-items: left; flex-direction: column; display: flex; justify-content: center; height: 480px; width: 32%; }

#lee100-tandem .flexy-column p:last-of-type { margin-bottom: 0px;}

#lee100-tandem .panel-content-holder { display: flex; flex-direction: row;}

#lee100-tandem .panel-content-holder span { font-weight: bold; color: #ffffff;}