.about-us .our-story,.about-us .behind-the-scenes{padding:40px 0}@media (min-width: 768px){.about-us .our-story,.about-us .behind-the-scenes{padding:60px 0}}@media (min-width: 992px){.about-us .our-story,.about-us .behind-the-scenes{padding:80px 0}}.about-us .icon.colorsmith{position:absolute;margin:auto;left:0;right:0;width:100px;height:100px;top:-50px}@media (max-width: 991px){.about-us .icon.colorsmith{width:80px;height:80px;top:-40px}}@media (max-width: 767px){.about-us .icon.colorsmith{width:60px;height:60px;top:-30px}}.about-us .hero{position:relative;width:100%;overflow:hidden}@media (min-width: 768px){.about-us .hero{height:550px;background-image:url("/images/colorsmith/about/D_hero.jpg");background-position:center center;background-repeat:no-repeat;position:relative}}@media (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 768px) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-resolution: 1.3dppx){.about-us .hero{background-image:url("/images/colorsmith/about/D_hero@2x.jpg");background-size:1546px 550px}}@media (min-width: 768px) and (min-width: 768px) and (max-width: 991px){.about-us .hero{background-position:-475px center}}@media (min-width: 768px){.about-us .hero:before,.about-us .hero:after{content:'';width:50%;top:0;bottom:0;position:absolute;z-index:-1}.about-us .hero:before{left:0;background-color:#aba9b4}.about-us .hero:after{right:0;background-color:#abaab2}}@media (min-width: 768px){.about-us .hero .section-title{position:relative;top:10px}}.about-us .hero .nav-down{margin:auto;position:absolute;bottom:20px;left:0;right:0}@media (max-width: 767px){.about-us .hero .container{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}}.about-us .our-story{background-color:#779FB5;color:#fff;padding-bottom:60px}@media (min-width: 768px){.about-us .our-story{padding-bottom:80px}}@media (min-width: 992px){.about-us .our-story{padding-top:80px;padding-bottom:120px}}.about-us .our-story .title{position:relative;font-family:"Mackinac-ExtraBold";font-size:14px;font-size:1.4rem;line-height:20px;line-height:2rem}.about-us .our-story .title span{padding:0 32px;background-color:#779FB5;z-index:1;position:relative}.about-us .our-story .title:before,.about-us .our-story .title:after{content:'';border-top:1px solid #fff;width:100%;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.about-us .our-story .title:before{left:0}.about-us .our-story .title:after{right:0}.about-us .our-story p{line-height:24px}.about-us .how-its-done{position:relative;background-color:#FAFAFA;padding:60px 0}@media (min-width: 768px){.about-us .how-its-done{padding:80px 0 100px}}@media (min-width: 992px){.about-us .how-its-done{padding:100px 0 120px}}.about-us .how-its-done .employee-quote{padding:20px 0}@media (min-width: 768px){.about-us .how-its-done .employee-quote{border-top:1px solid #D9E1E2;border-bottom:1px solid #D9E1E2;margin:60px 0;padding:30px 0}}@media (min-width: 992px){.about-us .how-its-done .employee-quote{margin:80px 0}}.about-us .how-its-done .employee-quote .employee-profile{flex:none}@media (max-width: 767px){.about-us .how-its-done .employee-quote .employee-profile{margin-top:25px}}.about-us .how-its-done .employee-quote .employee-profile .employee-img{width:96px;height:96px;border-radius:50%;overflow:hidden}.about-us .how-its-done .employee-quote .employee-profile .name{font-size:16px;font-size:1.6rem;line-height:20px;line-height:2rem}.about-us .how-its-done .employee-quote .employee-profile .title{font-family:"Mackinac-Bold"}.about-us .how-its-done .employee-quote blockquote{position:relative;font-size:16px;font-size:1.6rem;line-height:28px;line-height:2.8rem;font-family:"Mackinac-Bold"}@media (min-width: 768px){.about-us .how-its-done .employee-quote blockquote{padding-top:60px}}.about-us .how-its-done .employee-quote blockquote .quote-symbol{font-size:76px;font-size:7.6rem;line-height:76px;line-height:7.6rem;color:#DB8369;margin-bottom:-20px}@media (min-width: 768px){.about-us .how-its-done .employee-quote blockquote .quote-symbol{position:absolute;left:-5px;top:0}}@media (min-width: 768px){.about-us .how-its-done .employee-quote blockquote.right{margin-left:60px}}@media (min-width: 992px){.about-us .how-its-done .employee-quote blockquote.right{margin-left:80px}}@media (min-width: 1200px){.about-us .how-its-done .employee-quote blockquote.right{margin-right:80px}}@media (min-width: 768px){.about-us .how-its-done .employee-quote blockquote.left{margin-right:60px}}@media (min-width: 992px){.about-us .how-its-done .employee-quote blockquote.left{margin-right:80px}}@media (min-width: 1200px){.about-us .how-its-done .employee-quote blockquote.left{margin-left:80px}}@media (max-width: 767px){.about-us .how-its-done .content{padding:25px 0}}@media (max-width: 767px){.about-us .how-its-done .content .section-title .title{font-size:26px;font-size:2.6rem;line-height:30px;line-height:3rem}}.about-us .how-its-done .content p{line-height:26px}@media (min-width: 768px){.about-us .how-its-done .top{margin-top:80px}}.about-us .how-its-done .middle,.about-us .how-its-done .bottom{margin-top:40px}@media (min-width: 768px){.about-us .how-its-done .left .content{padding-left:30px}}@media (min-width: 992px){.about-us .how-its-done .left .content{padding-left:50px}}@media (min-width: 768px){.about-us .how-its-done .left .content .image-box .image{right:0}}@media (min-width: 768px){.about-us .how-its-done .right .content{padding-right:30px}}@media (min-width: 992px){.about-us .how-its-done .right .content{padding-right:50px}}@media (min-width: 768px){.about-us .how-its-done .right .content .image-box .image{left:0}}.about-us .how-its-done .image-box{position:relative;flex:none}.about-us .how-its-done .image-box .image{width:100%}@media (min-width: 768px){.about-us .how-its-done .image-box .image{width:calc(100% - 30px);position:absolute;bottom:0}}@media (min-width: 992px){.about-us .how-its-done .image-box .image{width:calc(100% - 50px)}}.about-us .how-its-done .image-box .image img{-moz-box-shadow:-11px 18px 30px 0px rgba(0,0,0,0.35);-webkit-box-shadow:-11px 18px 30px 0px rgba(0,0,0,0.35);box-shadow:-11px 18px 30px 0px rgba(0,0,0,0.35)}.about-us .behind-the-scenes{background-color:#276483;color:#fff;position:relative}.about-us .behind-the-scenes .section-title{margin-top:20px;margin-bottom:30px}@media (min-width: 992px){.about-us .behind-the-scenes .section-title{margin-bottom:60px}}@media (min-width: 1200px){.about-us .behind-the-scenes .section-title{margin-top:20px}}.about-us .behind-the-scenes #video_player{display:none;width:100%;height:100%}.about-us .behind-the-scenes .video-wrapper{position:relative;cursor:pointer;margin-bottom:25px}@media (max-width: 575px){.about-us .behind-the-scenes .video-wrapper{margin:0 -15px 20px}}.about-us .behind-the-scenes .video-wrapper:hover .video-play{opacity:0.6}.about-us .behind-the-scenes .video-wrapper .video-play{bottom:10px;left:10px}@media (min-width: 768px){.about-us .behind-the-scenes .video-wrapper .video-play{bottom:25px;left:25px}}.about-us .behind-the-scenes .video-time{display:inline-block;padding-bottom:10px;border-bottom:2px solid #fff}.about-us .bottom-cta{padding:40px 0}@media (min-width: 768px){.about-us .bottom-cta{padding:80px 0 100px}}@media (min-width: 992px){.about-us .bottom-cta{padding:100px 0 140px}}

/*# sourceMappingURL=about.css.map */