html{height:100%}body{min-height:100%;margin:0;font-weight:400;font-style:normal;font-family:Work Sans,sans-serif;letter-spacing:.025em;line-height:1.3;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-rendering:optimizeSpeed;color:#000}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{padding-left:0;padding-right:0}.row{margin-right:0;margin-left:0}.container{width:1290px;position:relative;padding-left:0;padding-right:0}.snapon-top-banner{width:100%;height:auto;position:relative}.snapon-top-video{margin:0;padding-bottom:56%;position:relative;max-width:100%}.snapon-top-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;border:0px}.snapon-section-two.row{width:100%;padding:20px 0 30px}.snaplogo{width:280px;margin:0}.snap-text-sec p{color:#000;margin:0;font-size:22px;text-transform:uppercase;font-weight:500}.snap-text-sec p span.clrone{color:#fff}.snap-text-sec p span.clrtwo{color:#e9359a}.snap-text-sec p span.clrthree{color:#f8d704}.snap-text-sec p span.clrfour{color:#0676bd}.snap-text-sec p span.clrfive{color:#1fb687}.snap-text-sec h2{margin:70px 0 15px;font-size:20px;font-weight:500;color:#4594c9;text-transform:uppercase}.snap-text-sec{padding:0 50px;position:relative;top:-50px}.snapon-content-sec{padding:0 50px}.snap-text-sec p span.small{font-size:17px}.snapon-content-sec h1{margin:0;padding:0 0 20px;text-transform:uppercase;font-size:35px;font-weight:500;color:#000;line-height:40px}.snapon-content-sec ul{padding:30px 0 0 20px;margin:0}.snapon-content-sec ul li{padding:0 0 12px;font-size:18px;margin:0;font-weight:400;color:#000}.snapon-color-sec{background:url(snapon-colorbg.png)no-repeat;width:100%;height:auto;background-position:top center;background-size:cover;padding:30px 0;position:relative}.snapon-colors{padding:0 50px}.snapon-colors h1{margin:0;display:inline-block;text-transform:uppercase;font-size:22px;color:#4594c9;font-weight:500}.snapon-colors h1 span{color:#000}.snapon-colors ul{display:inline-block;padding:0;margin:0;position:relative;top:-1px}.snapon-colors ul li{display:inline-block;font-size:18px;text-transform:uppercase;padding:0 15px;position:relative;list-style:none;font-weight:500}.snapon-colors ul li a{color:#000;text-decoration:none;padding-bottom:5px}.snapon-colors ul li:after{content:"";position:absolute;background:#fff;width:2px;height:15px;top:5px;right:0}.snapon-colors ul li:last-child:after{display:none}.snap-colors-list.row{margin:70px 0 0;padding:0 50px}.buynowbtn{background:#09a4da;display:inline-block;padding:0;border-radius:20px;font-size:16px}.buynowbtn a{color:#fff;text-decoration:none;padding:6px 15px;display:block}.buynowbtn.right{float:right;margin:30px 0}.color-single-img ul{padding:0;margin:0;text-align:center}.color-single-img ul li{list-style:none;padding:0 20px;cursor:pointer;display:inline-block}.color-single-img ul li img{width:180px}.change-img>img{position:relative}.buynowbtn.right{float:right;margin:-25px 230px 0 0;position:relative}.colorbox{background:#fff;padding:8px 5px;font-size:22px;text-align:center;transform:rotate(-90deg);color:#4594c9}.color-single-img.row{margin:80px auto 50px}.change-img-over img{position:absolute;top:250px;left:0;right:0;margin:auto;opacity:0;transition:all .5s ease-in-out}.change-img-over img.active{top:125px;opacity:1}div#cateyesec .change-img-over img.active{top:141px;opacity:1;left:-6px}div#cateyesec .change-img,div#roundsec .change-img{height:300px}.change-img{height:300px;overflow:hidden}.snapon-colors ul li.active a{border-bottom:2px solid #fff}#roundsec,#cateyesec{display:none}.snapon-content-sec.borderleft{border-left:1px solid #0f7cc1}.snapwork{width:200px;margin:auto;display:block}#roundsec .change-img-over img.active{top:124px;opacity:1;left:5px}.blueprosectionone{width:100%;height:auto;position:relative}.mainimg{position:relative}.bluepro-top-sec{position:absolute;top:0;width:inherit;padding:0 50px}.static-container{position:static}.bluepro-top-sec img{width:140px;margin:0 0 20px}.bluepro-top-sec h1{margin:0;padding:20px 0 5px;font-size:25px;font-weight:500;color:#0c6db1;text-transform:uppercase}.bluepro-top-sec p{margin:0;padding:10px 0 0;font-size:20px;font-weight:500;color:#000}.bluepro-top-sec ul{padding:10px 0 0 20px;margin:0}.bluepro-top-sec ul li{color:#000;font-size:18px;color:#0c6db1;padding:0 0 10px}.blueband{position:absolute;top:30px;right:0;background:#0c6db1;height:50px;width:450px}.why-blu-sec{position:absolute;top:40px;width:37%;padding:0;float:right;right:0}.why-blu-sec h1{color:#fff;text-align:left;text-transform:uppercase;font-size:25px;margin:0;background:#0c6db1;display:block;padding:10px 100px 10px 45px}.blueprosectionthree{background:linear-gradient(to right,#dff1fb,#fff);width:100%;height:auto}.blue-lens-sec img{width:350px;float:right;margin:-130px 0 0}.blue-lens-sec{padding:30px 50px 50px}.blue-lens-sec h2{margin:0;font-size:22px;padding:0;color:#fff}.blue-lens-sec ul{margin:30px 0;padding:0 0 0 20px}.blue-lens-sec ul li{color:#fff;padding:0 0 10px;font-size:18px}.buynowbtn.buynowright{float:right;margin:0 0 30px}.accordion{width:100%;max-width:100%;height:600px;overflow:hidden;margin:0 auto}.accordion ul{width:100%;display:table;table-layout:fixed;margin:0;padding:0}.accordion ul li{display:table-cell;vertical-align:bottom;position:relative;width:16.666%;height:600px;background-repeat:no-repeat;background-position:center center;transition:all .5s ease}.accordion ul li div{display:block;overflow:hidden;width:100%}.accordion ul li div a{display:block;height:600px;width:100%;position:relative;z-index:3;vertical-align:bottom;padding:15px 0;box-sizing:border-box;color:#fff;text-decoration:none;transition:all .2s ease}.accordion ul li div a *{opacity:0;margin:0;width:100%;text-overflow:ellipsis;position:relative;z-index:5;white-space:nowrap;overflow:hidden;-webkit-transform:translateX(-20px);transform:translate(-20px);-webkit-transition:all .4s ease;transition:all .4s ease}.accordion ul li div a h2{text-overflow:clip;font-size:24px;text-transform:uppercase;margin-bottom:2px;top:160px}.accordion ul li div a p{top:160px;font-size:13.5px}.accordion ul li:nth-child(1){background-image:url(../images/bluepro/bannerthree.jpg);background-position:top center;background-size:cover}.accordion ul li:nth-child(2){background-image:url(../images/bluepro/bannerfour.jpg)}.accordion ul li:nth-child(3){background-image:url(../images/bluepro/bannerfive.jpg)}.accordion ul:hover li,.accordion ul:focus-within li{width:5%}.accordion ul li:focus{outline:none}.accordion ul:hover li:hover,.accordion ul li:focus,.accordion ul:focus-within li:focus{width:60%}.accordion ul:hover li:hover a,.accordion ul li:focus a,.accordion ul:focus-within li:focus a{background:#0000}.accordion ul:hover li:hover a *,.accordion ul li:focus a *,.accordion ul:focus-within li:focus a *{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}.accordion ul:hover li{width:8%!important}.accordion ul:hover li a *{opacity:0!important}.accordion ul:hover li:hover{width:60%!important}.accordion ul:hover li:hover a{background:#0000}.accordion ul:hover li:hover a *{opacity:1!important;-webkit-transform:translateX(0);transform:translate(0)}.accordion ul li div a h2{background:#09a4da;padding:10px 40px;display:inline}.accordion ul li div a p{margin:20px 0 0;padding:0 40px;font-size:18px;font-weight:500}.containers.static-container{width:100%}h1.blueprohead{padding:17px 0;margin:0;font-size:25px;text-transform:uppercase;text-align:center}.layersec{position:relative}.layersec img{position:relative;width:100%}.layercontent{position:absolute;top:20px;background:#0c6db1;width:270px}.layercontent h2{color:#fff;text-align:left;text-transform:uppercase;font-size:20px;margin:0;display:block;padding:10px 50px 10px 20px}.layercontent p{font-size:20px;color:#fff;padding:0 20px;font-weight:500}.snaponlogo-sec.row{background:#000;padding:8px 10px;text-align:center;margin:auto;height:95px}.snaponlogo-sec.row ul{margin:0;padding:0;display:block;text-align:center}.snaponlogo-sec.row ul li{display:inline-flex;list-style:none;color:#fff}.snaponlogo-sec.row ul li div p{text-align:left;margin:0;font-size:13px;color:#fff}.snaponlogo-sec.row ul li .snap-text-sec p{font-size:22px}.snapon-work-list-sec{width:100%;padding:0 50px}.snapon-work-list-sec ul{display:block;margin:0;padding:0}.snapon-work-list-sec ul li{width:33.3%;float:left;list-style:none;text-align:center;padding:0 30px}.snapon-work-list-sec ul li img{position:absolute;bottom:0;left:0;right:0}.snapon-work-list-sec ul li:nth-child(1) img{width:140px}.snapon-work-list-sec ul li:nth-child(2) img{width:130px}.snapon-work-list-sec h2{margin:0;padding:20px 0;font-size:20px;text-transform:uppercase;color:#0577b9;position:relative}.snapon-work-list-sec h2:after{content:"";position:absolute;background:#ccc;bottom:0;height:2px;width:50%;left:0;right:0;text-align:center;margin:auto;top:45px}.snapon-work-list-sec p{margin:0;padding:20px;font-size:16px;color:#000}.snapon-work-list-sec ul li div{height:150px;position:relative;margin-bottom:10px}section.blueprosectionfour.row{margin:0}@media (min-width: 1800px) and (max-width: 4000px){.container{width:1500px}.bluepro-top-sec img{width:200px;margin:0 0 30px}.bluepro-top-sec p{padding:15px 0 0}.why-blu-sec{top:150px;width:30%}.blue-lens-sec ul{margin:50px 0}.snaponlogo-sec.row{height:110px}}@media (min-width: 1601px) and (max-width: 1799px){.container{width:1500px}.bluepro-top-sec img{width:180px;margin:0 0 30px}.why-blu-sec{position:absolute;top:100px;width:32%}}@media (min-width: 1400px) and (max-width: 1600px){.container{width:1370px}}@media (min-width: 1200px) and (max-width: 1330px){.container{width:1170px}.colorbox{width:110px}.snapon-colors ul li:after{top:2px}.why-blu-sec{position:absolute;top:30px;width:35%}.blue-lens-sec{padding:20px 20px 50px}.blue-lens-sec ul{margin:20px 0 10px}.blue-lens-sec ul li{padding:0 0 8px}}@media (min-width: 993px) and (max-width: 1199px){.container{width:970px}.colorbox{width:100px}.color-single-img ul li img{width:130px}.snapon-work-list-sec{padding:0 10px}.snapon-work-list-sec p{padding:10px}.bluepro-top-sec{padding:0 10px}.bluepro-top-sec img{width:100px;margin:0 0 10px}.bluepro-top-sec p{padding:5px 0 0}.why-blu-sec{top:0}.blue-lens-sec{padding:10px}.blue-lens-sec h2{font-size:16px}.blue-lens-sec ul{margin:20px 0 10px}}@media (min-width: 768px) and (max-width: 992px){.container{width:750px}.snap-text-sec,.snapon-content-sec,.snapon-colors{padding:0 20px}.snapwork{width:250px}.color-single-img ul li{width:24%;padding:0 10px}.color-single-img ul li img{width:100%}.colorbox{width:100px;margin-left:-30px}.change-img>img{width:650px}.change-img-over img.active{top:115px}.change-img-over img{width:611px}.buynowbtn.right{float:right;margin:-30px 10px 0 0;position:relative}div#cateyesec .change-img-over img.active{top:125px}#roundsec .change-img-over img.active{top:108px}.snapon-work-list-sec ul li{padding:0 10px}.snapon-work-list-sec{padding:0}.color-single-img.row{margin:20px auto 50px}.bluepro-top-sec img{width:120px;margin:0}.bluepro-top-sec h1{font-size:20px}.bluepro-top-sec p{padding:5px 0 0}.bluepro-top-sec{padding:0 10px}section.blueprosectionone .mainimg{height:400px}.why-blu-sec{width:50%;top:10px}.blue-lens-sec{padding:10px}.blue-lens-sec h2{margin:0;font-size:18px}.blue-lens-sec ul li{font-size:15px}.layercontent{width:80%}.layercontent h2{font-size:18px}.why-blu-sec h1{font-size:22px}}@media (max-width: 767px){.container{width:100%}.snap-text-sec{padding:0 10px}.snapon-content-sec ul{padding:20px 0 20px 20px;margin:0}.snaplogo{width:200px;margin:auto;height:auto;padding:0 10px}.snapon-content-sec.borderleft{border-left:0px solid #0f7cc1}.snapon-content-sec{padding:0 20px}.snapon-colors{padding:0 10px}.snapon-colors h1{display:block;margin:0 0 20px}.snapon-colors ul{top:0}.snapon-colors ul li{display:inline-block;font-size:15px;text-transform:uppercase;padding:10px;position:relative;list-style:none;font-weight:500}.snapon-colors ul li:after{top:12px}.snap-colors-list.row{margin:30px 0 0;padding:0 20px}.buynowbtn.right{margin:10px 20px 0}.colorbox{transform:rotate(0);margin:30px 0 20px;clear:both;background:transparent;text-align:left}.change-img,div#cateyesec .change-img,div#roundsec .change-img{height:auto}.color-single-img ul li img{width:100%}.color-single-img ul li{width:32%;padding:10px;float:none;display:inline-block}.change-img>img{width:280px}.change-img-over img{width:265px}div#cateyesec .change-img-over img{width:261px}div#cateyesec .change-img-over img.active{top:168px;left:-3px}.snaponlogo-sec.row{height:auto;padding:10px 0 20px}.snap-text-sec{top:0}.snapon-work-list-sec ul li{width:100%;float:none}.snapon-work-list-sec ul li div{height:auto}.snapon-work-list-sec ul li img{position:relative}.snapon-work-list-sec{padding:0}.snapon-work-list-sec p{padding:10px 5px 20px!important;border-bottom:1px solid #ccc;margin:0 0 20px}.snapon-work-list-sec ul li:last-child p{border-bottom:0px;margin:0}.snaponlogo-sec.row ul li .snap-text-sec p{text-align:center}.color-single-img ul{text-align:left}.change-img-over img.active{top:163px;opacity:1}.snapon-color-sec{padding:30px 0 0}#roundsec .change-img-over img.active{top:162px}.snapon-work-list-sec p{padding:10px}.bluepro-top-sec{position:relative;top:0;width:inherit;padding:0 10px}.bluepro-top-sec img{width:100px;margin:0 0 10px}.bluepro-top-sec h1{font-size:20px}.bluepro-top-sec p{font-size:18px;padding:8px 0 0}.why-blu-sec{position:relative;top:0;width:100%;padding:0 0 20px;float:none;right:0;background:#151e49}.blue-lens-sec{padding:0 10px}.blue-lens-sec h2{font-size:18px;line-height:22px}.why-blu-sec h1{color:#fff;font-size:20px;margin:0 0 10px;padding:10px;text-align:left}.blue-lens-sec ul{margin:20px 0 10px}.blue-lens-sec ul li{font-size:16px;line-height:22px}h1.blueprohead{font-size:20px}.layersec{position:relative;margin:0 0 20px}.snapon-work-list-sec ul li{padding:0 15px}.snapon-work-list-sec h2{padding:20px 0 5px}.snapon-work-list-sec h2:after{display:none}div#roundsec .change-img-over img{width:251px}.snaponlogo-sec.row ul li{display:block}.logo{padding:30px 20px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/snapon.css.map */