/* Theme Name: Digital Kaizen 2017 GitHub Theme URI: https://github.com/finelysliced/dk Version: 1.76 Author: Finely Sliced */ * { margin: 0; padding: 0; } header, nav, section, article, footer { display: block; } html { position: relative; background: #666; } body { position: relative; font-family: "Cresta", "Helvetica Neue", "Arial", sans-serif; font-size: 62.5%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } body.showing_contact { overflow: hidden; } .main_content { margin: 0 auto; max-width: 1100px; background: #FFF; } /*--------------------------------------- HEADER -----------------------------------------*/ header { position: relative; } #header_inner { position: relative; margin: 0 auto; max-width: 1100px; height: 120px; } #main_nav { position: absolute; right: 80px; bottom: 14px; text-align: right; list-style: none; font-size: 16px; font-weight: 400; margin: 0; } #main_nav li { display: inline-block; margin-left: 30px; } #main_nav li a { display: inline-block; -webkit-transition: color .2s; -moz-transition: color .2s; transition: color .2s; } #main_nav a:link, #main_nav a:visited { color: #222; text-decoration: none; } #main_nav a:hover, #main_nav a:active { color: #f27935; text-decoration: none; } #main_nav .current_page_item a:link, #main_nav .current_page_item a:visited { color: #f27935; text-decoration: none; } #logo { position: absolute; left: 80px; bottom: 10px; width: 192px; height: 30px; display: block; background-image: url('img/logo_full_black.png'); background-size: cover; } /* Scrolled Header */ .scrolled_header { position: fixed; left: 0; right: 0; top: -90px; height: 71px; -webkit-transition: top .5s; -moz-transition: top .5s; transition: top .5s; z-index: 500; } .scrolled_header #header_inner { height: 70px; background: #222; border-bottom: 1px solid #333; } .scrolled_header #logo { position: absolute; left: 24px; bottom: 22px; width: 154px; height: 24px; display: block; background-image: url('img/logo_full_white.png'); background-size: cover; } .scrolled_header #main_nav { position: absolute; right: 30px; bottom: 24px; font-size: 14px; } .scrolled_header #main_nav a:link, .scrolled_header #main_nav a:visited { color: #FFF; text-decoration: none; } .scrolled_header #main_nav a:hover, .scrolled_header #main_nav a:active { color: #f27935; text-decoration: none; } .scrolled_header #main_nav .current_page_item a:link, .scrolled_header #main_nav .current_page_item a:visited { color: #f27935; text-decoration: none; } .headroom--not-top.headroom--pinned { top: 0; } /*.nav_start { display: none; }*/ /*--------------------------------------- PAGE HEADERS -----------------------------------------*/ .intro { position: relative; background-color: #FFF; background-image: url('img/people.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; } .intro_content { position: relative; height: 300px; } .intro_content_text { position: absolute; top: 55%; left: 50%; width: 100%; padding: 0 80px; box-sizing: border-box; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-backface-visibility: hidden; } .intro_content h1 { font-weight: 700; color: #222; font-size: 30px; line-height: 110%; margin-bottom: 12px; } .intro_content h2 { font-weight: 700; color: #f27935; font-size: 30px; line-height: 110%; margin-bottom: 18px; } .intro_content p { font-weight: 300; font-size: 24px; line-height: 130%; margin-bottom: 0; } /* Home Page Intro */ #home_intro_typed { display: none; } #home_intro_faded { opacity: 0; transform: translateY(20px); -webkit-transition: all 1.5s; transition: all 1.5s; transition-delay: 1s; } #home_intro_faded.do_fade { opacity: 1; transform: translateY(0); } /*--------------------------------------- QUICK OPT-IN -----------------------------------------*/ .quick_opt_in { background: rgba(255,255,255,.65); border-top: 1px solid #EDEDED; padding: 40px 80px; } .quick_opt_in h2 { color: #F27935; font-weight: 700; line-height: 110%; letter-spacing: 0; margin-bottom: 10px; } .quick_opt_in form { margin: 0 -10px; } .quick_opt_in .field { display: inline-block; vertical-align: top; width: 28%; padding: 0 10px; box-sizing: border-box; } .quick_opt_in .form_action { display: inline-block; vertical-align: top; width: 15%; padding: 0 10px; box-sizing: border-box; } .quick_opt_in label { display: block; font-size: 14px; color: #222; font-weight: 400; letter-spacing: 0; text-transform: none; margin-bottom: 2px; } .quick_opt_in input[type="text"], .quick_opt_in input[type="email"], .quick_opt_in input[type="tel"] { background: #F1F1F1; border: 1px solid #DDD; border-radius: 2px; width: 100%; padding: 8px; box-sizing: border-box; margin-bottom: 8px; font-family: "Cresta", "Helvetica Neue", "Arial", sans-serif; color: #222; font-weight: 400; font-size: 14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; outline-color: #F27935; -webkit-appearance: none; } .quick_opt_in button { width: 100%; } button { display: inline-block; padding: 8px 14px 9px; border: none; border-radius: 2px; font-family: "Cresta", "Helvetica Neue", "Arial", sans-serif; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5px; color: #FFF; background: #F27935; outline: none; cursor: pointer; text-align: center; } button:hover { background: #d5560e; } .contact_panel .form_action { text-align: right; } input[type="text"], input[type="email"], input[type="tel"] { background: #F1F1F1; border: 1px solid #DDD; border-radius: 2px; width: 100%; padding: 8px; box-sizing: border-box; margin-bottom: 8px; font-family: "Cresta", "Helvetica Neue", "Arial", sans-serif; color: #222; font-weight: 400; font-size: 14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; outline-color: #F27935; -webkit-appearance: none; } /*--------------------------------------- TYPOGRAPHY -----------------------------------------*/ h1 { font-weight: 700; font-size: 30px; color: #222; line-height: 110%; margin-bottom: 16px; } h2 { font-weight: 700; font-size: 30px; color: #222; line-height: 110%; margin-bottom: 16px; } h3 { text-transform: uppercase; font-weight: 700; font-size: 18px; color: #222; line-height: 110%; letter-spacing: 1px; margin-bottom: 10px; } p { color: #222; font-weight: 400; font-size: 16px; line-height: 1.4em; margin-bottom: 22px; } ul { color: #222; font-weight: 400; font-size: 16px; line-height: 1.4em; margin: 0 0 22px 20px; } blockquote p, .lead_in { font-weight: 300; font-size: 30px; line-height: 1.2em; margin-bottom: 32px; } a:link, a:visited { color: #222; text-decoration: underline; } a:hover, a:active { color: #222; text-decoration: none; } .button { display: inline-block; padding: 8px 16px 9px; border-radius: 2px; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5px; } .button:link, .button:visited { color: #FFF; text-decoration: none; background: #d5560e; } .button:hover, .button:active { color: #FFF; text-decoration: none; background: #b5490c; } .process .button { float: right; } #toggle_secondary_content { color: #f27935; text-decoration: underline; cursor: pointer; } /*--------------------------------------- PAGES -----------------------------------------*/ .page-template-default h1:after, .service-template-default h1:after, .blog h1:after, .category h1:after, .single h1:after, .page-template-page-contact h1:after, .page-template-page-service h1:after, .page-template-page-client-application h1:after { display: block; width: 80px; height: 3px; margin-top: 22px; background: #F27935; content: ""; } .page_content { background: #FFF; padding: 80px; } .page_content .content { max-width: 700px; } .page-template-page-contact .page_content { padding: 60px 80px 0; } ul.articles { list-style: none; margin: 0; } ul.articles li { margin-bottom: 40px; } ul.articles h2 a:link, ul.articles h2 a:visited { color: #f27935; text-decoration: none; } ul.articles h2 a:hover, ul.articles h2 a:active { color: #f27935; text-decoration: underline; } .meta { font-size: 13px; } /*--------------------------------------- FEATURED CONTENT -----------------------------------------*/ .featured_content, .call_to_action { background-color: #f27935; background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23e8e8e8' fill-opacity='0.08' fill-rule='evenodd'/%3E%3C/svg%3E"); padding: 60px 80px 50px; text-align: center; } .featured_content h2 { color: #222; margin-bottom: 30px; } .featured_content p { font-size: 17px; font-weight: 400; color: #222; margin-bottom: 30px; } .featured_content p.lead_in { color: #FFF; font-weight: 700; } /*--------------------------------------- PROCESS -----------------------------------------*/ .process { background: #222; padding: 60px 80px 0px; width: 100%; box-sizing: border-box; overflow: hidden; } .process h2 { color: #FFF; margin-bottom: 40px; text-align: center; } .process h3 { color: #F27935; text-align: center; } .process p { color: #FFF; font-weight: 400; text-align: center; } .process ol { position: relative; list-style: none; margin: 0 -20px 30px -20px; counter-reset: li; } .process ol:after { position: absolute; top: 15px; left: 16.66666666666667%; right: 16.66666666666667%; height: 4px; background: #F27935; content: ""; z-index: 1; } .process ol li { position: relative; display: inline-block; vertical-align: top; width: 33.3333%; padding: 60px 20px 0; box-sizing: border-box; } .process ol li:after { position: absolute; top: 0; left: 50%; width: 32px; height: 32px; background: #F27935; border: 1px solid #222; border-radius: 17px; margin-left: -17px; content: counter(li); counter-increment: li; text-align: center; line-height: 32px; font-family: "Verdana", "Lucida Sans", "Lucida Sans Unicode", sans-serif; font-size: 16px; font-weight: bold; color: #FFF; z-index: 2; } /*--------------------------------------- SERVICES -----------------------------------------*/ .services { background: #222; padding: 20px 80px 50px; text-align: center; } .services ul { list-style: none; margin: 0; text-align: left; } .services li { position: relative; min-height: 110px; border-bottom: 1px solid #333; padding: 40px 0 24px 0; } .services li:last-child { border: none; } .services li .thumb { position: absolute; top: 50px; left: 0; width: 100px; } .services li .thumb img { display: block; margin: 0 auto; width: 100px; height: 100px; } .services h2 { color: #F27935; } .services h3 { color: #FFF; font-weight: 300; font-size: 28px; line-height: 1.2em; margin-bottom: 12px; text-transform: none; letter-spacing: 0; } .services p { color: #FFF; } .services a:link, .services a:visited { color: #F27935; text-decoration: none; } .services a:hover, .services a:active { color: #F27935; text-decoration: underline; } .services_page_intro { background: #222; padding: 60px 80px; text-align: left; } .services_page_intro h2.lead_in { color: #F27935; margin-bottom: 0; } /*--------------------------------------- GUARANTEES -----------------------------------------*/ .guarantees { background: #FFF; padding: 60px 0 20px; text-align: center; } .guarantees h2, .guarantees .lead_in { padding: 0 80px; } .guarantees .lead_in { margin-bottom: 50px; } .guarantees ul { list-style: none; margin: 0 0 30px; padding: 0 60px; box-sizing: border-box; } .guarantees li { display: inline-block; vertical-align: top; width: 33.3333%; padding: 0 20px; box-sizing: border-box; } .guarantees h3 { text-transform: none; font-weight: 700; font-size: 22px; color: #F27935; line-height: 110%; margin-bottom: 12px; letter-spacing: 0; } .flickity-prev-next-button { position: absolute; top: 50%; width: 30px; height: 30px; background: blue !imm; } .flickity-prev-next-button:hover { background: #F90; } /* arrow color */ .flickity-prev-next-button .arrow { fill: white; } .flickity-prev-next-button.no-svg { color: white; } /* position outside */ .flickity-prev-next-button.previous { left: -40px; } .flickity-prev-next-button.next { right: -40px; } /*--------------------------------------- AS SEEN ON -----------------------------------------*/ .as_seen_on { background: #F1F1F1; padding: 60px 80px 50px; text-align: center; } .as_seen_on h2 { margin-bottom: 40px; font-weight: 300; } .as_seen_on ul { list-style: none; margin: 0 -20px; } .as_seen_on li { display: inline-block; vertical-align: top; margin: 0 25px 10px; } .as_seen_on li img { display: inline-block; height: 50px; width: auto; } .as_seen_on li:last-child { } /*--------------------------------------- FAQS -----------------------------------------*/ .faqs { background: #222; padding: 80px 80px 70px; } .faqs ul { list-style: none; margin: 0 0 30px 0; } .faqs h2 { color: #F27935; } .faqs p { color: #FFF; } .faqs ul li { border-bottom: 1px solid #333; } .faqs ul h3 { text-transform: none; font-weight: 700; font-size: 22px; color: #F27935; line-height: 110%; margin-bottom: 0; padding: 15px 50px 15px 0; letter-spacing: 0; background-image: url('img/arr_down_white.svg'); background-size: 32px 32px; background-position: center right; background-repeat: no-repeat; cursor: pointer; -webkit-transition: color .2s; -moz-transition: color .2s; transition: color .2s; } .faqs li div { padding: 6px 0; max-width: 700px; display: none; } .faqs li.faq_open h3 { color: #F27935; background-image: url('img/arr_up_white.svg'); } .faqs li.faq_open div { display: block; } /*--------------------------------------- SITEWIDE CTA -----------------------------------------*/ .call_to_action { padding: 60px 0; width: 100%; overflow: hidden; text-align: left; } .call_to_action h2 { color: #222; } .call_to_action p { font-weight: 400; } .column_profile { text-align: center; } .column_profile h4 { color: #222; font-size: 16px; } .column_profile p { font-weight: 400; font-size: 14px; margin-bottom: 0; } .column_profile img { display: inline-block; width: 130px; height: 130px; border: 2px solid rgba(255,255,255,.2); border-radius: 67px; margin-bottom: 8px; } .call_to_action .column_text { float: left; padding: 0 80px; box-sizing: border-box; width: 50%; } .call_to_action .column_profile { float: left; padding: 0; box-sizing: border-box; width: 20%; } .call_to_action .column_nav { float: left; padding: 0 20px; box-sizing: border-box; width: 30%; } .column_nav h3 { color: #222; text-transform: none; letter-spacing: 0; margin-bottom: 16px; } .column_nav p { font-size: 14px; } .column_nav span { display: block; } .column_nav ul { list-style: none; font-weight: 400; font-size: 14px; margin: 0; } .column_nav li { margin-bottom: 2px; } .column_nav a:link, .column_nav a:visited { color: #222; text-decoration: none; } .column_nav a:hover, .column_nav a:active { color: #222; text-decoration: underline; } /*--------------------------------------- CONTACT -----------------------------------------*/ #dk_map { height: 400px; background: #EEE; } .capp_page_form, .contact_page_form { background: #FFF; padding: 40px 40px 60px; } .capp_page_form form, .contact_page_form form { width: 100%; overflow: hidden; } .capp_page_form .form_column, .contact_page_form .form_column { float: left; width: 50%; padding: 0 40px; box-sizing: border-box; } label, form h3 { display: block; font-size: 14px; color: #222; font-weight: 400; letter-spacing: 0; text-transform: none; margin-bottom: 2px; } form h3 { padding: 6px 0; } input[type="text"] { background: #F1F1F1; border: 1px solid #EDEDED; border-radius: 2px; width: 100%; padding: 8px; box-sizing: border-box; margin-bottom: 8px; font-family: "Cresta", "Helvetica Neue", "Arial", sans-serif; color: #222; font-weight: 400; font-size: 14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; -webkit-appearance: none; outline-color: #F27935; } textarea { background: #F1F1F1; border: 1px solid #EDEDED; border-radius: 2px; width: 100%; padding: 8px; box-sizing: border-box; margin-bottom: 8px; font-family: "Cresta", "Helvetica Neue", "Arial", sans-serif; color: #222; font-weight: 400; font-size: 14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; resize: none; outline-color: #F27935; } ._checkbox-radio { display: block; } ._checkbox-radio label { display: inline; margin: 0 0 0 4px; } select { width: 100%; margin-bottom: 12px; height: auto; } .infusion-submit { float: right; display: inline-block; padding: 8px 16px 9px; border: none; border-radius: 2px; font-family: "Cresta", "Helvetica Neue", "Arial", sans-serif; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5px; color: #FFF; background: #F27935; outline: none; cursor: pointer; -webkit-appearance: none; border-radius: none; } .infusion-submit:hover { background: #d5560e; } /*--------------------------------------- ACTIVE CAMPAIGN FORMS -----------------------------------------*/ ._form_1 p { margin: 0 10px 20px; } form ._form-thank-you { color: #F27935; font-weight: 700; font-size: 22px; text-align: center; margin-bottom: 0; } form ._error-inner { color: red; font-size: 12px; font-weight: 700; margin: 0 0 10px 0; } form ._has_error { border-color: red !important; } /*--------------------------------------- FOOTER -----------------------------------------*/ footer { background: #222; padding: 30px 80px; text-align: center; } footer p { color: #FFF; font-size: 13px; font-weight: 700; margin: 0; } /*--------------------------------------- FORM -----------------------------------------*/ .contact_mask { position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; background: rgba(0,0,0,.5); display: none; z-index: 2500; } .showing_contact .contact_mask { display: block; } .contact_panel { position: fixed; top: 0; bottom: 0; right: 0; padding: 0 50px; width: 399px; -webkit-backface-visibility: hidden; transform: translateX(500px); transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); background: #FFF; overflow-y: scroll; border-left: 1px solid #000; z-index: 3000; } .showing_contact .contact_panel { transform: translateX(0); transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-overflow-scrolling: touch; } .contact_cancel { position: absolute; top: 0; right: 0; width: 50px; height: 50px; } .contact_cancel svg { fill: #CCC; } .contact_cancel:hover svg { fill: #F27935; } .contact { padding: 50px 0; } .contact h2 { font-size: 26px; line-height: 120%; } .contact form { width: 100%; padding: 0 5px; margin: 0 -5px; box-sizing: border-box; overflow: hidden; } /*--------------------------------------- MISC -----------------------------------------*/ ::-webkit-input-placeholder { font-weight: 400; color: #222; } ::-moz-placeholder { font-weight: 400; color: #222; } :-ms-input-placeholder { font-weight: 400; color: #222; } :-moz-placeholder { font-weight: 400; color: #222; } a { outline: none; } img { border: none; } /*--------------------------------------- Blog page: 062818; -----------------------------------------*/ .authordata { margin: -32px 0 25px 0; } .authorimg { margin: 0 0 0 10px; } .authorname.meta { margin: -40px 0 0 84px; } .authorname.meta2 { margin: 30px 0 0 84px; font-size: 13px; } .avatar { border-radius: 50%; } a.morelink { padding: 5px 10px; border: 1px solid #f27935; border-radius: 3px; text-decoration: none; color: #f27935; } a.morelink:hover { color: #be4400; border: 1px solid #be4400; } .readtime { padding-left: 50px; } @media screen and (max-width: 768px) { a.morelink { color: #f27935 !important; } } embed, iframe, img, object, video { max-width: 100%; }