body{margin:0;
     padding:0;
     max-width:100%;overflow-x:hidden;
     background:url(/Content/images/bodybg.png) top center repeat-y #bfbfbf;}
     
.Home #wrapper{margin:0;
        padding:0;
        min-height:1129px;
        position:relative;
        background:url(/Content/images/arobg.jpg) top center no-repeat;
        }
#wrapper{margin:0;
        padding:0;
        min-height:1129px;
        position:relative;
        background:url(/Content/images/arosecondary.jpg) top center no-repeat;
        }
        
.Home #header{width:1000px;
        height:681px;
        margin:0 auto 0;
        padding:0;
        position:relative;
        }
#header{width:1000px;
        height:173px;
        margin:0 auto 0;
        padding:0;
        position:relative;
        }
        
        #logo{width:247px;
              height:145px;
              margin:0;
              padding:0;
              position:relative;
              float:left;
              display:block;
              top:27px;}
             
        #nav{width:786px;
             height:40px;
             margin:0;
             padding:0;
             position:relative;
             float:left;
             display:block;
             list-style:none;
             top:-125px;
             left:230px;
             z-index:9999;
             }
#nav > li{margin-left:16px;padding:5px;font-family:Arial, Helvetica;float:left;color:#b8dfff;}
#nav > li:hover{color:#ffffff;}
                     #nav a{color:#b8dfff;text-decoration:none;}
                     #nav a:hover{color:White;}
                        #nav li ul {
                        font-family:Century Gothic, Arial, Helvetica, sans-serif ,Tw Cen MT;
                        list-style:none;
                        margin:0 auto 0;
                        padding:0;
                        position:absolute;
                        top:27px;
                        font-size:17px;
                       display:none;
                       background-color:#cccccc;
                        }
                        #nav li ul li 
			                    {
			                      margin:0;
			                      display:block;
			                    }
#nav li li .locks:hover #moreLocks, #nav li li .locks:active #moreLocks {display:block;}
			                    #nav li li a 
			                    { 
			                      margin:0 auto 0;
			                      padding:0px;
			                      list-style:none;
			                      display:block;
			                      text-indent:0%;
			                      line-height:40px;
			                      text-decoration:none;
			                      color:black;
			                      font-size:13px;
			                      height:40px;
			                      padding: 0 calc(1em + 20px) 0 1em;
			                      } 
                                #nav li li a:hover
			                     { background:url(/Content/images/lock.png) 100% center no-repeat;
			                       color:white;
			                       text-decoration:none; 
			                         }
			                    #nav li:hover ul,#nav li over ul{
			                           display:block;
			                           line-height:20px;
			                           height:auto;
			                            }
			                            
#nav li ul li:hover {
    background: #53a2e5 none repeat scroll 0 0;
}
#nav li ul li:hover ul {display: block;}
       #contacts{width:600px;
                 height:64px;
                 margin:0;
                 padding:0;
                 float:right;
                 position:relative;
                 left:15px;
                 top:-95px;
                 text-decoration:none;}
                 #west{width:167px;
                 left: 20px;
                 height:42px;
                 margin:0;
                 padding:0;
                 float:left;
                 position:relative;
                 background:url(/Content/images/arowest.png) top center no-repeat;
                 }
.Home #contacts {top:-115px;}
                 #west:hover{background:url(/Content/images/arowesth.png) top center no-repeat;}
                 .westnumber{color:Gray;
                             text-align:center;
                             float:left;
                             position:relative;
                             font-size:25px;
                             font-family:Arial, Helvetica;
                             top:0px;
                             display:block;
                             margin:0;
                             padding:0;
                             left: 35px;}
                 #north{width:167px;
                 height:42px;
                 margin:0;
                 padding:0;
                 float:left;
                 position:relative;
                 left:35px;
                 background:url(/Content/images/aronorth.png) top center no-repeat;
                }
                #north:hover{background:url(/Content/images/aronorthh.png) top center no-repeat;}
                .northnumber{color:Gray;
                             text-align:center;
                             float:left;
                             position:relative;
                             font-size:25px;
                             font-family:Arial, Helvetica;
                             top:0px;
                             display:block;
                             margin:0;
                             padding:0;
                             left:63px;}
  
                 #south{width:167px;
                 height:42px;
                 margin:0;
                 padding:0;
                 float:left;
                 position:relative;
                 left:0px;
                 background:url(/Content/images/arosouth.png) top center no-repeat;
                }  
                  #south:hover{background:url(/Content/images/arosouthh.png) top center no-repeat;}
                .southnumber{color:Gray;
                             text-align:center;
                             float:left;
                             position:relative;
                             font-size:25px;
                             font-family:Arial, Helvetica;
                             top:0px;
                             display:block;
                             margin:0;
                             padding:0;
                             left:4px;}                           

.contactsAddress {color: graytext;float: left;font-size: 16px;left: 4px;position: relative;text-decoration: none;width: 167px;font-family: Arial,Helvetica;line-height: 16px;}
a.contactsAddress:nth-child(3) {margin: 0 18px;}                    
        .Home #flash{float:left;
               height:282px;
               width:857px;
               position:relative;
               left:-208px;
               top:-57px;
               display:block;}
         #flash{
              display:none;
               }
         .Home #altflash{float:left;
               height:282px;
               width:857px;
               margin-top:-338px;
               margin-left:-203px;
               display:block;}
         #altflash{
              display:none;
               }
               img{border:none;}
     
        .Home #arobuttons{width:852px;
                 height:185px;
                 margin:0;
                 padding:0;
                 float:left;
                 position:relative;
                 left:-30px;
                 top:-32px;
                 background:none}
        #arobuttons{width:812px;
                 height:68px;
                 margin:0;
                 padding:0;
                 float:left;
                 position:relative;
                 left:-15px;
                 top:-52px;
                 background:url(/Content/images/toplinks.png) top center repeat-x;
                 }
                .Home #electroniclocks{width:212px;
                 height:180px;
                 margin:0;
                 padding:0;
                 float:left;
                 position:relative;
                 background:url(/Content/images/electronicL.png) top center no-repeat;
                 display:block;
                 }
                 #electroniclocks:hover{background:url(/Content/images/electronicLh.png) top center no-repeat;}
                 #electroniclocks{display:none;}
                .Home #highlocks{width:205px;
                 height:180px;
                 margin:0;
                 padding:0;
                 float:left;
                 margin-left:8px;
                 position:relative;
                 background:url(/Content/images/highL.png) top center no-repeat;
                 display:block;
                 }
                 #highlocks:hover{background:url(/Content/images/highLh.png) top center no-repeat;}
                 #highlocks{display:none;}
                .Home #autoM{width:205px;
                 height:180px;
                 margin:0;
                 padding:0;
                 float:left;
                 margin-left:8px;
                 position:relative;
                 background:url(/Content/images/autoM.png) top center no-repeat;
                 display:block;
                 }
                 #autoM:hover{background:url(/Content/images/autoMh.png) top center no-repeat;}
                 #autoM{display:none;}
                .Home #homeS{width:205px;
                 height:180px;
                 margin:0;
                 padding:0;
                 float:left;
                 margin-left:7px;
                 position:relative;
                 background:url(/Content/images/homeS.png) top center no-repeat;
                 display:block;
                 }
                 #homeS:hover{background:url(/Content/images/homeSh.png) top center no-repeat;}
                 #homeS{display:none;}
                 .Home #image1{display:none;}
                 #image1{width:113px;
                 height:64px;
                 margin:0;
                 padding:0;
                 float:left;
                 margin-right:3px;
                 position:relative;
                 background:url(/Content/images/image1.png) top center no-repeat;
                 display:block;}
                 .Home #image2{display:none;}
                 #image2{width:113px;
                 height:64px;
                 margin:0;
                 padding:0;
                 float:left;
                 margin-right:3px;
                 position:relative;
                 background:url(/Content/images/image1.png) top center no-repeat;
                 display:block;}
                 .Home #image3{display:none;}
                 #image3{width:113px;
                 height:64px;
                 margin:0;
                 padding:0;
                 float:left;
                 margin-right:3px;
                 position:relative;
                 background:url(/Content/images/image1.png) top center no-repeat;
                 display:block;}
                 .Home #image4{display:none;}
                 #image4{width:113px;
                 height:64px;
                 margin:0;
                 padding:0;
                 float:left;
                 margin-right:3px;
                 position:relative;
                 background:url(/Content/images/image1.png) top center no-repeat;
                 display:block;}
                 .Home #image5{display:none;}
                 #image5{width:113px;
                 height:64px;
                 margin:0;
                 padding:0;
                 float:left;
                 margin-right:3px;
                 position:relative;
                 background:url(/Content/images/image1.png) top center no-repeat;
                 display:block;}
                 .Home #image6{display:none;}
                 #image6{width:113px;
                 height:64px;
                 margin:0;
                 padding:0;
                 float:left;
                 margin-right:6px;
                 position:relative;
                 background:url(/Content/images/image1.png) top center no-repeat;
                 display:block;}
                 .Home #image7{display:none;}
                 #image7{width:113px;
                 height:64px;
                 margin:0;
                 padding:0;
                 float:left;
                 margin-right:0px;
                 position:relative;
                 background:url(/Content/images/image1.png) top center no-repeat;
                 display:block;}
         .Home #content{
         font-family:Arial, Helvetica;         
        min-height:547px;
        margin:0 auto 0;
        padding:0;
        position:relative;
        left:-96px;
        top:-2px;
        background:url(/Content/images/contentbg.png) top center repeat-y;
        background-size:cover;
        font-weight:normal;}
          #content{
         font-family:Arial, Helvetica;         
        min-height:547px;
        margin:0 auto 0;
        padding:0;
        position:relative;
        left:-96px;
        top:92px;
        font-weight:normal;
       }
            .Home #textholder{width:838px;
         font-family:Arial, Helvetica;         
        min-height:547px;
        margin:0 auto 0;
        padding:0;
        position:relative;
        padding-bottom:64px;
        float:none;
        margin-top:-321px;
      }
            #textholder{width:812px;
         font-family:Arial, Helvetica;         
        min-height:893px;
        margin:-449px auto 0 110px;
        padding:0;
        position:relative;
        padding-bottom:64px;
        float:left;
        }
        .Home #text{margin-left:30px;
              font-weight:normal;
              width:780px;
              float:none;
              margin-top:0px;
              position:relative;
              z-index:100;}
        #text{margin-left:30px;
              font-weight:normal;
              width:777px;
              float:left;
              position:relative;
              z-index:80;
              }
            h1{color:#205480;font-size:26px;}
            .Home #headlinebg{margin:0 auto 0;
                      width:838px;
                      min-height:62px;
                      position:relative;
                      top:-19px;
                      /*background:url(/Content/images/headline.png) top center no-repeat;*/
                       float:left;
                       left:111px;}
           #headlinebg{margin:0 auto 0;
                      width:787px;
                      height:62px;
                      position:relative;
                      top:0px;
                      z-index:50;}
            .Home .headline{margin-left:30px;
                      margin-bottom:0px;
                      position:relative;
                      padding:0;
                      float:none;
                      width:805px;
                      }
            .headline{margin-left:30px;
                      margin-bottom:0px;
                      position:relative;
                      padding:0;
                      float:none;
                      width:778px;
            }
        .Home #bottom{margin:0;
                padding:0;
                position:relative;
                height:372px;
                margin-top:-226px;}
        #bottom{margin:0;
                padding:0;
                position:relative;
                height:372px;
                margin-top:-131px;}                        
        #contentbottom{height:372px;
        margin:0 auto 0;
        padding:0;
        position:relative;
        background:url(/Content/images/footer.png) top center no-repeat;
      }
      #contentelements{width:1058px;
                       padding:0;
                       margin:0 auto 0;
                       position:relative;}
      .Home #veteran{width:219px;
               height:305px;
               padding:0;
               margin:0 auto 0;
               position:relative;
               float:none;
               left:544px;
               top:45px;}
     #veteran{width:219px;
               height:305px;
               padding:0;
               margin:0 auto 0;
               position:relative;
               float:right;
               left:106px;
               top:222px;}
        #flogo{width:161px;
              height:77px;
              margin:0;
              padding:0;
              position:relative;
              float:left;
              display:block;
              top:14px;
              left:27px;}
              #copyright{width:329px;
                         height:37px;
                         padding:0;
                         margin:0;
                         position:relative;
                         float:left;
                         margin-top:93px;
                         margin-left:-132px;
                         color:Gray;
                         font-size:12px;
                         font-family:Arial, Helvetica;
                         }
              #fnav{width:786px;
             height:40px;
             margin:0;
             padding:0;
             position:relative;
             float:left;
             display:block;
             list-style:none;
             top:-117px;
             left:230px;
             }
             #fnav li{
                     margin-left: 25px;
                     padding:0;
                     font-family:Arial, Helvetica;
                     float:left;}
                     #fnav a{color:White;text-decoration:none;}
                     #fnav a:hover{color:#b8dfff;}
                     
            #bottomcontacts{width:600px;
                            height:54px;
                            padding:0;
                            float:right;
                            position:relative;
                            margin-right:-13px;
                            margin-top:-126px;}
                            #bwest{width:166px;
                             height:42px;
                             margin:0 0 0 40px;
                             padding:0;
                             float:left;
                             position:relative;
                             background:url(/Content/images/bwest.png) top center no-repeat;}
                             #bwest:hover{background:url(/Content/images/bwesth.png) top center no-repeat;}
                             #bnorth{width:166px;
                             height:42px;
                             margin:0 0 0 20px;
                             padding:0;
                             float:left;
                             position:relative;
                             margin-left:32px;
                             background:url(/Content/images/bnorth.png) top center no-repeat;}
                             #bnorth:hover{background:url(/Content/images/bnorthh.png) top center no-repeat;}
                             #bsouth{width:166px;
                             height:42px;
                             margin:0;
                             padding:0;
                             float:left;
                             position:relative;
                             background:url(/Content/images/bsouth.png) top center no-repeat;}
                             #bsouth:hover{background:url(/Content/images/bsouthh.png) top center no-repeat;}   
                             
        .Home #footer{
        height:124px;
        width:1000px;
        margin:0 auto 0;
        padding:0;
        position:relative;
        margin-top:0px;
        top:227px;
        display:block;}                      
       
        #footer{
        height:124px;
        width:1000px;
        margin:0 auto 0;
        padding:0;
        position:relative;
        margin-top:0px;
        top:93px;
        display:block;
        }
        
        input{border:solid 1px #53A2E5;}
        textarea{border:solid 1px #53A2E5;}
        
        .image{padding:0;margin:22px 0px 0px 77px;}
        
        .recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th{background:#B8DFFF;}
        
        #clear{clear:both;}/*596f78*/
        
        
        h2{font-size:22px;color:#0e5c5c;}
        
        #lightbox-image-details-caption h2 {line-height:1.1em;}
        
        h3{color:#138181;}
        
        h5{color:#0e5c5c;}
        
        a:focus{outline:none;}
        
        a{color:#205480;}
        
        a:hover{color:#138181;}
        
        sup{color:Red;}
        
        #westmap{width:298px;
                  height:163px;
                  margin:0;
                  padding:0;
                  background:url(/Content/images/westmap.jpg) top center no-repeat;
                  float:left;
                  display:block;
                  margin-top:30px;}
        #westmap:hover{background:url(/Content/images/westmaph.jpg) top center no-repeat;}
        
        #northmap{width:298px;
                  height:163px;
                  margin:0;
                  padding:0;
                  background:url(/Content/images/northmap.jpg) top center no-repeat;
                  float:right;
                  display:block;
                  margin-right:13px;
                  margin-top:33px;}
        #northmap:hover{background:url(/Content/images/northmaph.jpg) top center no-repeat;}
     
     #southmap{width:100%;
                  height:163px;
                  margin:25px auto;
                  padding:0;
                  background:url(/Content/images/southmap_new.jpg) top center no-repeat;
                  float:right;
                  clear: both;
                  display:block;
                  margin-right:13px;
                  margin-top:33px;}
        #southmap:hover{background:url(/Content/images/southmaph_new.jpg) top center no-repeat;}
              
        
        #ContactForm{float:left;display:block;width:457px;}
        
        #ContactForm label{color:#205480;}
        
        .Home #lockflash{width:302px;
                   height:555px;
                   padding:0;
                   margin:-506px -61px 0 0;
                   float:right;
                   position:relative;
                   z-index:81;
                   display:block;}
              #lockflash{display:none;}     
                   
                   
        .Home #altlockflash{width:302px;
                   height:555px;
                   padding:0;
                   margin:-539px -60px 0 0;
                   float:right;
                   position:relative;
                   z-index:81;
                   display:block;}
                   
               #altlockflash{display:none;}
                   
                   
                   
                   

       #nav li #securityUl {height:auto; margin-top:80px; width:195px; font-size:13px; }
       #nav li #securityUl li a:hover{ background:url(/Content/images/lock.png) 152px center no-repeat; color:white; text-decoration:none; }
       
/*-- RESPONSIVE CONVERSION, 2017 | MJS --*/ 
.Home #lockflash, .Home #flash{display:none;}
#lockTurner{display:block;position:absolute;top:220px;right:-100px;font-family:Arial;font-weight:100;z-index: 900;pointer-events:none;}
#lockHoverTarget{cursor:pointer;pointer-events:auto;}
#lockHoverTarget.grabbing{cursor:-ms-grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing;cursor:grabbing;}
#navDrop{position:fixed;left:-100vw;}
#navDrop + label{display:none;position:fixed;right:25px;top:25px;max-width:77px;width:100%;height:56px;}
#navDrop + label span:nth-child(2){display:block;position:absolute;top:23px;width:100%;height:10px;border-radius:5px;background:#9DECF9;transition:transform 100ms, height 100ms, background 100ms, top 100ms;}
#navDrop + label span{display:block;position:absolute;width:100%;height:10px;border-radius:5px;background:#9DECF9;transform-origin: 5px 5px;}
#navDrop + label span:first-child{top:0;transition:transform 200ms 50ms;}
#navDrop + label span:last-child{bottom:0;transition:transform 200ms 50ms;}
#navDrop:active + label span:first-child{top:2px;}
#navDrop:active + label span:last-child{bottom:2px;}
.subHeaderWedge{display:none;color:#fff;position:relative;width:100%;height:100px;background:#616161;z-index:500;}
.subHeaderWedge + .angle{display:none;content:"";position;absolute;background:#616161;transform:rotate(10deg);position:relative;top:-195px;left:-30px;width:calc(100% + 30px);height:200px;box-shadow: 0 0 20px #000;z-index:450;}
.subHeaderWedge .wedgeContent{display:block;position:absolute;top:-100px;left:50px;color:#fff;}
.Home #header{height:500px;}
body:not(.Home) #arobuttons{display:none;}
body:not(.Home) #content{top:16px;}
body:not(.Home) #textholder{margin:-305px auto 0 110px;border-top:4px solid #53A2E5;background:url(/Content/images/contentbg.png) top center repeat-y;background-size:cover;}
body:not(.Home) #contentelements{background:url(/Content/images/contentbg.png) top center repeat-y;background-size:cover;}
body:not(.Home) #veteran{top:366px;}
body:not(.Home) #wisconsinPremierFeature, body:not(.Home) #mobileProductFeature{display:none;}
body:not(.Home) #footer{top:223px;}
.Home #arobuttons{display:block;width:100%;top:0;left:-160px;right:0;padding-top: 10px;text-align:center;z-index: 300;white-space:nowrap;}
.Home #arobuttons a{display:inline-block;float:none;}
.Home #productRoto{position:absolute;top:212px;left:-154px;}
#wisconsinPremierFeature, #mobileProductFeature{display:none;}
#wisconsinPremierFeature
{
    position:absolute;left:0;top:160px;color:#fff;font-family:Arial;text-transform:uppercase;
    padding:70px 10px 5px 1em; height:180px;background-image:url("/Content/images/wisconsin.png");background-position:top right;
    background-repeat:no-repeat;
}
#wisconsinPremierFeature span{display:block;}
span.blue{color:#90c9fa;}
#mobileProductFeature
{
    position:absolute;left:0;top:0;bottom:135px;color:#fff;font-family:Arial;text-transform:uppercase;
    border-bottom:8px solid #8ea8b5;padding:0 0 0.5em 1em;width:100%;background-image:url("/Content/images/wedge.png");
    background-repeat:no-repeat;background-position:bottom center;padding-top: 490px;
}
#mobileProductFeature h3{font-size:2em;font-weight:normal;color:#fff;line-height:1;padding:0;margin:0;}
body>#wrapper, #content{max-width:100%;overflow:hidden;width: 100%;}
.locationInfo{display:inline-block;position:relative;width:30%;vertical-align:top;overflow:hidden;font-family:Arial, Helvetica;color:#808080;text-align:left;}
.locationInfo #north, .locationInfo #west, .locationInfo #south{position:absolute;left:0;right:0;top:0;height:40px;float:none;}
.locationInfo p{margin:0;}
.locationInfo p a{color:#808080;text-decoration:none;}
.locationInfo p:first-of-type{margin-top:50px;}
.locationInfo p:first-of-type a{font-size:27px;text-decoration:none;}
.locationInfo a{color:#808080;}
.locationInfo a:hover{color:#138181;}
.locationBlock.south p:first-of-type a{color:#38c0c8;}
.locationBlock.west p:first-of-type a{color:#89f8ff;}
.locationBlock.north p:first-of-type a{color:#89c9ff;}
.Home #footer{max-width:100%;overflow:hidden;}
.mobileShrinkHeader{position:relative;top:0;left:0;right:0;height:0;transition:height 100ms;z-index: 950;}
.mobileShrinkHeader.shrunk
{
    height:64px;z-index:990;background:url(/content/images/topbarbkg.png);background-position:center center;background-repeat:no-repeat;
    box-shadow: 0 -5px 5px 5px rgba(0,0,0,0.5);
}

.mobileShrinkHeader.shrunk #navDrop + label span:nth-child(2){top:15px;}
.mobileShrinkHeader.shrunk #navDrop + label{right:16px;top:14px;height:40px;width:60px;}
.mobileShrinkHeader.shrunk #nav{padding-top:64px;}
#nav>li>input[type="checkbox"], #nav>li>input[type="checkbox"]+label{display:none;}
#nav>label{display:none;}

@media screen and (max-width:1420px)
{
    .Home #header{height:600px;}
    .Home #arobuttons{left:-69px;}
    .Home #productRoto{top:232px;left:-99px;}
    .Home #content{left:0;right:0;width:100%;position:static;margin:35px 0 0 0;padding:0;}
    #contentelements{width:100%;padding-bottom:370px;position:relative;}
    .Home #veteran{position:absolute;top:auto;bottom:20px;display:block;width:100%;left:0;right:0;text-align:center;}
    .Home #veteran img{display:inline-block;max-width:100%;height:auto;}
    #textholder, h1.headline, .Home #text, .Home #textholder{width:100%;padding:0;margin:0;background-size: cover;}
    .Home #text{padding:30px;box-sizing:border-box;}
    #textholder h1.headline{width:calc(100% - 60px);}
    body:not(.Home) #content{width:812px;left:-109px;padding:0;box-sizing:border-box;}
    body:not(.Home) #textholder{margin:0;border-top:4px solid #53A2E5;padding:20px;box-sizing: border-box;float:none;}
    body:not(.Home) #text{float:none;margin:0;}
    body:not(.Home) #veteran{position:absolute;top:auto;bottom:20px;display:block;width:100%;left:0;right:0;text-align:center;}
    body:not(.Home) #veteran img{display:inline-block;max-width:100%;height:auto;}
    body:not(.Home) #textholder{background-image:none;}
}
@media screen and (max-width:1020px)
{
    #productRoto{display:none;}
    
    #nav>li>input[type="checkbox"]{display:block;position:absolute;left:-200vw;}
    #nav>li>input[type="checkbox"]+label{display:block;position:absolute;top:0.3em;right:0.25em;width:2em;height:2em;background:transparent;transition:background 100ms linear;}
    #nav>li>input[type="checkbox"]+label:after
    {
        content:'';display:block;position:absolute;width:1em;background:#8CA6B3;height:0.1em;top:0.95em;left:0.5em;
        transform:rotate(0) scaleX(0.75);transition:transform 100ms cubic-bezier(0.5, -0.25, 1, 0.5),background 100ms linear;
    }
    #nav>li>input[type="checkbox"]+label:before
    {
        content:'';display:block;position:absolute;width:0.1em;background:#8CA6B3;height:1em;left:0.95em;top:0.5em;
        transform:rotate(0) scaleY(0.75);transition:transform 100ms cubic-bezier(0.5, -0.25, 1, 0.5),background 100ms linear;
    }
    #nav>li>input[type="checkbox"]:checked+label{background:#000;}
    #nav>li>input[type="checkbox"]:checked+label::before{transform:rotate(45deg);background:#898989;}
    #nav>li>input[type="checkbox"]:checked+label::after{transform:rotate(45deg);background:#898989;}
    #nav>li>a.Doors:before{content:'';display:block;position:absolute;top:0.3em;right:0.25em;width:2em;height:2em;background:transparent;transition:background 100ms linear;}
    #nav>li>a.Doors:after{content:'';display:block;position:absolute;top:0.9em;right:0.55em;width:0;height:0;border:0.4em solid transparent;border-left:0.65em solid #8CA6B3;background:transparent;transition:background 100ms linear;}
    #nav>li>#A3:before{content:'';display:block;position:absolute;top:0.125em;right:0.25em;width:2em;height:2em;background:transparent;transition:background 100ms linear;}
    #nav>li>#A3:after{content:'';display:block;position:absolute;top:0.9em;right:0.55em;width:0;height:0;border:0.4em solid transparent;border-left:0.65em solid #8CA6B3;background:transparent;transition:background 100ms linear;}
    #nav li:hover ul, #nav li over ul{display: none;}
    #nav>li>input[type="checkbox"]:checked+label+ul{display:block;line-height: 20px;height:auto;}
    #nav li ul li:hover{background:#343434;}
    #wisconsinPremierFeature, #mobileProductFeature{display:block;}
    #nav li ul{background:#000;}
    #lockTurner{width:260px;top:60px;right:-20px;}
    #navDrop + label{display:block;z-index:1000;}
    #logo{margin:10px 0 0 10px;position:absolute;top:0;left:0;float:none;}
    .Home #header{width:100%;float:none;background-image:url("/Content/images/metal.jpg");background-size: cover;background-position:bottom right;background-repeat:no-repeat;background-color:#000;overflow: hidden;height:750px;}
    .Home #arobuttons{width:100%;text-align:center;left:1px;float:none;position:static;top:auto;}
    .Home #electroniclocks,
    .Home #highlocks,
    .Home #autoM,
    .Home #homeS{width:calc(24% - 1px);height:0;padding-top: 21%;background-size: contain;float:none;display:inline-block;}
    #nav{display:block;position:fixed;top:0;padding:0;padding-top:105px;left:auto;right:-300px;bottom:0;width:300px;z-index:1000;height:auto;background:#000;transition:right 100ms;overflow-y:auto;}
    #navDrop:checked + label + #nav{right:0;}
    #nav > li{display:block;position:relative;float:none;text-align:right;font-size:21px;border-bottom:1px solid #000;width:100%;margin:0;box-sizing:border-box;padding:0.75em 2.75em 0.75em 1em;}
    #nav > li > a {color:#fff;font-weight:700;text-transform:uppercase;font-size:16px;}
    #nav > li, #nav > li:hover {color:#969696;font-weight:400;text-transform:uppercase;font-size:16px;}
    #nav > li ul li > a{color:#cdcdcd;font-weight:bold;text-transform:uppercase;font-size:16px;padding:0 calc(1em + 28px) 0 1em;}
    #nav > li ul li > a:hover{color:#FFF;}
    #nav li.currentPageLinkHolder{background:#7ee3ea;}
    #nav li a.currentPageLink{color:#000;}
    #nav > label{display:block;position:absolute;top:13px;right:17px;color:#7EE3EA;font-size:64px;font-family:Arial,Helvetica;}
    .mobileShrinkHeader.shrunk #nav > label{font-size:49px;top:4px;right:15px;}
    
    .Home .subHeaderWedge{display:block;margin-top:390px;}
    #nav li ul{position:relative;width:auto;top:0;margin:0.7em -4.25em -0.6em -1em;}
    .Home #contacts{display:block;background:#1d1d1d;position:relative;height:135px;width:100%;left:0;right:0;margin-top:600px;top:0;padding-top: 1em;z-index: 800;text-align:center;}
    #content #textholder img{max-width:50vw;}
    body:not(.Home) #content{position:relative;top:170px;left:0;width:calc(100% - 40px);margin: 0 20px 190px 20px;}
    body:not(.Home) #textholder{margin-top:0;}
    body:not(.Home) #text{width:100%;}
    body:not(.Home) #contacts{display:block;position:absolute;top:170px;left:0;right:0;width:100%;height:140px;padding-top:10px;text-align:center;background:#1E1E1E;}
    #wrapper{background:url(/Content/images/arobg.jpg) top center no-repeat;}
    #header{width:100%;}
    #contentbottom{background-color:rgba(0,0,0,0.5);background-image:url(/Content/images/footwedge.png);height:300px;background-position:bottom left;background-repeat:no-repeat;}
    .Home #bottom, #bottom{margin-top:0;height:300px;}
    body:not(.Home) #footer{top:0;}
    #bottomcontacts{display:block;position:absolute;left:0;right:0;top:20px;width:100%;height:50px;margin:0;float:none;text-align:center;}
    #bottomcontacts #bsouth, #bottomcontacts #bwest, #bottomcontacts #bnorth{display:inline-block;float:none;}
    .Home #footer, #footer{top:0;bottom:0;height:100%;left:0;right:0;width:100%;}
    #fnav{display:block;width:100%;max-width:480px;margin:0 auto;float:none;left:auto;top:100px;text-align:center;height:auto;}
    #fnav li{display:inline-block;margin:0 0.5em;float:none;}
    #copyright{position:absolute;left:10px;bottom:2px;margin:0;}
    #flogo{position:absolute;left:9px;bottom:50px;top:auto;}
    .mobileShrinkHeader{position:fixed;}
    
    .mobileShrinkHeader.shrunk #navDrop + label{height:40px;right:13px;top:12px;width:55px;}
    .mobileShrinkHeader.shrunk #navDrop + label > span,.mobileShrinkHeader.shrunk #navDrop + label > span:nth-child(2){height:7px;max-width: 51px;}
    .mobileShrinkHeader.shrunk #navDrop + label span:nth-child(2){top:16px;}
    #logo.afterScroll{position:fixed;top:0;left:0;width:100px;height:50px;z-index:1000;overflow:hidden;transition:all 100ms;}
    #logo.afterScroll img{max-width:100%;transition:all 100ms;}
    
    #ContactForm{display:block;width:100%;}
    .Contact #text > table{position:relative !important;}
    body.Contact #text{width:100% !important;}
}
@media screen and (max-width:720px)
{
    #mobileProductFeature{display:none;}
    #lockTurner{width:195px;max-width:50vw;top:-15px;}
    #wisconsinPremierFeature{top:100px;padding:150px 0 5px 1.5em;height:170px;background-position:center center;width:50vw;}
    #logo img{max-width:50vw;}
    #navDrop + label{height:44px;right:20px;top:30px;}
    #navDrop + label > span, #navDrop + label > span:nth-child(2){height:7px;max-width: 65px;}
    #navDrop + label span:nth-child(2){top:19px;}
    .mobileShrinkHeader.shrunk #navDrop + label span:nth-child(2){top:16px;}
    .locationInfo{display:block;width:100%;max-width:335px;margin:0 auto 1em auto;white-space: nowrap;}
    .locationInfo #north, .locationInfo #west, .locationInfo #south{display:inline-block;position:relative;vertical-align:top;}
    .locationInfo .locationBlock{display:inline-block;vertical-align:top;}
    .locationInfo p:first-of-type{margin-top:0;}
    .locationInfo p a{font-size:12px;line-height:1;}
    .locationInfo p:first-of-type a{font-size:18px;}
    #content #textholder img{max-width:50%;height:auto;display:block;margin:0 auto;}
    .Home #contacts{margin-top:395px;}
    .Home #contacts:after
    {
        display:block;position:absolute;content:'';left:0;right:0;height:123px;top:-123px;
        background-image:url(/Content/images/darkwedge.png);background-repeat:no-repeat;
        background-position:center bottom;background-size:cover;z-index: -1;
    }
    .locationInfo:first-child{margin-top:-40px;}
    .Home #header{height:545px;}
    .Home #arobuttons {height:90vw;white-space:normal;}
    .Home #arobuttons a{width:calc(50% - 14px);padding-top: 43%;margin:0 4px;}
    #text iframe{width:100%;}
    #wisconsinPremierFeature{font-size:12px;}
    body:not(.Home) .locationInfo:first-child{margin-top:0;}
    body:not(.Home) #contacts{height:160px;}
    body:not(.Home) #content{top:185px;padding-bottom: 30px;width:calc(100% - 10px);margin:0 5px 190px 5px;}
    #bottomcontacts #bsouth, #bottomcontacts #bwest, #bottomcontacts #bnorth{width:30%;margin:0 4px;background-size:contain;}
    #fnav{top:70px;}
    #fnav li{font-size:17px;line-height:1.8;}
    #copyright{font-size:10px;}
    
    body.Contact #southmap, .Contact #northmap, .Contact #westmap{width:100%;max-width:300px;margin:0 auto 30px auto;float:none;}
    body.Keyless-Security-Doors-Wauwatosa table tbody tr{background:#fff;padding:2px;width:100%;font-size:12px;}
    body.Keyless-Security-Doors-Wauwatosa table tbody tr td{padding:2px;}
}
@media screen and (max-width:410px)
{
    #content #textholder img{display:block;float:none !important;max-width:100%;margin:0 auto !important;}
    #content #textholder table{float:none;margin:0 auto 2em auto;}
}


#jquery-lightbox {max-width:100vw;max-height:100vw;}
#lightbox-container-image-box, #lightbox-container-image-data-box{max-width:100%;height:unset !important;margin:0;overflow:hidden;}
#lightbox-image, #lightbox-container-image-data{width:100%;padding:0 !important;}
#lightbox-nav-btnNext, #lightbox-nav-btnPrev{height:100% !important;}
#lightbox-secNav-btnClose{padding-right:20px;}

.photoItemWrapper{display: block; text-align: center; }
.photoItemWrapper .photoItem{display: inline-block; float: none; vertical-align: top; }

a.ctaBtn {
	background: #38c0c8;
	font-size:1.2em;
	padding:10px 20px 10px 35px;
	margin:10px;
	color: white;
	text-decoration: none;
	position:relative;
	transition:all 0.3s ease-in-out;
}
a.ctaBtn.cyan {
	background: #55e9ff;
}
a.ctaBtn.blue {
	background: #89c9ff;
}
a.ctaBtn:visited {text-decoration:none;}
	a.ctaBtn:after, a.ctaBtn:before {
		position: absolute;
		top: 1px;
		left: 4px;
		transition: all 0.3s ease-in-out;
	}
a.ctaBtn:before {
	content:url("/Content/images/lock.png");
}
a.ctaBtn:after {
	content: url("/Content/images/lock2.png");
	opacity:0;
}
a.ctaBtn:hover {
	filter:grayscale(.7);
}
a.ctaBtn:hover:before {
	/*content:url("/Content/images/lock2.png");*/
	opacity:0;
}
a.ctaBtn:hover:after {
	opacity:1;
}