@charset "utf-8";
  *, *:after, *:before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;position:relative;outline:none;}
.container {width:100%;padding:0 20px;z-index:1;}
.row {width:100%;max-width:1024px;margin:0 auto;zoom:1;}
.row:before, .row:after {content:"";display:table;}
.row:after {clear:both;}
.social {display:none!important;}
::-webkit-input-placeholder {color:#FFF;opacity:.5;user-select:none;-moz-user-select:none;font-family:'Josefin Sans',sans-serif!important;letter-spacing:.1em;text-transform:uppercase;font-size:14px!important;}
::-moz-placeholder {color:#FFF;opacity:.5;user-select:none;-moz-user-select:none;font-family:'Josefin Sans',sans-serif!important;letter-spacing:.1em;text-transform:uppercase;font-size:14px!important;}
:-ms-input-placeholder {color:#FFF;opacity:.5;user-select:none;-moz-user-select:none;font-family:'Josefin Sans',sans-serif!important;letter-spacing:.1em;text-transform:uppercase;font-size:14px!important;}
:-moz-placeholder {color:#FFF;opacity:.5;user-select:none;-moz-user-select:none;font-family:'Josefin Sans',sans-serif!important;letter-spacing:.1em;text-transform:uppercase;font-size:14px!important;}
input:-webkit-autofill {-webkit-box-shadow:0 0 0 50px #e47d29 inset;-webkit-text-fill-color:#FFF;}
input:-webkit-autofill:focus {-webkit-box-shadow:0 0 0 50px #e47d29 inset;-webkit-text-fill-color:#FFF;}
body, html {width:100%;height:100%;font-size:15px;color:#293133;font-family:'Proxima Nova',sans-serif;}
a {cursor:pointer;text-decoration:none;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
a:hover {text-decoration:none;}
ul {list-style:none;}
img {max-width:100%;height:auto;display:block;}
h1, h2, h3, h4, h5, h6 {font-family:'Josefin Sans',sans-serif;text-align:center;text-transform:uppercase;user-select:none;-moz-user-select:none;cursor:default;}
.anchor {display:block;height:135px;margin-top:-135px;visibility:hidden;position:absolute;top:0;}
.anchor.lg {height:185px;margin-top:-185px;}
.anchor.md {height:100px;margin-top:-100px;}
.anchor.sm {height:65px;margin-top:-65px;} .error404 footer {display:none;} .embed-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;}
.embed-container iframe, .embed-container object, .embed-container embed {position:absolute;top:0;left:0;width:100%;height:100%;} .btn {margin:20px auto 0;font-family:'Josefin Sans',sans-serif;text-align:center;display:table;font-size:22.5px;text-transform:uppercase;user-select:none;-moz-user-select:none;color:#FFF;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;pointer-events:all!important;line-height:50px;padding:7.5px 75px 0;}
.btn:before {content:'';display:block;height:100%;width:100%;top:0;left:0;}
.btn:before, .btn:hover {transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s;}
.btn {z-index:1;background-color:#f2a740;background:-webkit-gradient(linear,left top,left bottom,from(#f2a740),to(#e07029));background:-webkit-linear-gradient(top,#f2a740,#e07029);background:-moz-linear-gradient(top,#f2a740,#e07029);background:-ms-linear-gradient(top,#f2a740,#e07029);background:-o-linear-gradient(top,#f2a740,#e07029);background:linear-gradient(top bottom,#f2a740 0,#e07029 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2a740',endColorstr='#e07029',GradientType=0);}
.btn:before {position:absolute;opacity:0;z-index:-100;background-color:#dc8838;background:-webkit-gradient(linear,left top,left bottom,from(#dc8838),to(#cf6027));background:-webkit-linear-gradient(top,#dc8838,#cf6027);background:-moz-linear-gradient(top,#dc8838,#cf6027);background:-ms-linear-gradient(top,#dc8838,#cf6027);background:-o-linear-gradient(top,#dc8838,#cf6027);background:linear-gradient(to bottom,#dc8838 0,#cf6027 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc8838',endColorstr='#cf6027',GradientType=0);}
.btn:hover:before {opacity:1;} header {position:fixed;z-index:3;width:100%;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;user-select:none;-moz-user-select:none;background-color:rgba(0,0,0,.4);height:170px;}
.scrolled header {background-color:#272e30;}
.scrolled header {height:135px;}
header .logo {position:absolute;width:200px;left:0;right:0;top:15px;margin:auto;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
header .logo a img {-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.scrolled header .logo {width:150px;} header nav {width:100%;max-width:395px;top:65px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
header nav.left {float:left;}
header nav.right {float:right;}
header nav ul {display:table;margin:0 auto;}
header nav ul li {display:block;float:left;padding:0 15px;}
header nav ul li a {text-align:center;font-size:14px;color:#FFF;display:block;text-transform:uppercase;font-family:'Josefin Sans',sans-serif;padding:20px 0;}
header nav ul li a:hover {opacity:1;color:#e2782c;}
header nav ul li a.active {color:#e2782c;}
.scrolled header nav {top:45px;max-width:450px;} figure#hero {z-index:1;height:110%;}
figure#hero .container {height:100%;display:table;text-align:center;color:#FFF;user-select:none;-moz-user-select:none;pointer-events:none;max-width:1000px;margin:0 auto;}
figure#hero .container .row {vertical-align:middle;display:table-cell;padding-top:100px;}
figure#hero .container h1 {font-size:26px;font-weight:normal;}
figure#hero .container h1 span {font-size:100px;display:block;margin:20px 0 5px;}
figure#hero .web {position:absolute;top:80px;right:0;bottom:0;left:0;margin:auto;width:100%;max-width:1000px;height:550px;font-family:'Josefin Sans',sans-serif;text-transform:uppercase;user-select:none;-moz-user-select:none;pointer-events:none;}
figure#hero .web ul {position:absolute;height:100%;width:50%;}
figure#hero .web ul.left {text-align:left;left:0;}
figure#hero .web ul.right {text-align:right;right:0;}
figure#hero .web ul li {display:block;font-weight:600;line-height:1.5;position:absolute;height:55px;font-size:14px;}
figure#hero .web ul li br {display:none;}
figure#hero .web ul li:before {content:'Detected';display:block;font-size:10.15px;letter-spacing:0.2em;font-weight:normal;}
figure#hero .web ul li:after {content:'';display:block;width:23px;height:3px;top:26px;background-color:#FFF;position:absolute;}
figure#hero .web ul li span {position:absolute;top:0;display:block;width:55px;height:55px;border:4px solid #FFF;border-radius:100%;}
figure#hero .web ul li span b {display:block;width:31px;height:31px;border-radius:100%;position:absolute;margin:auto;top:0;left:0;bottom:0;right:0;}
figure#hero .web ul li i {content:'';display:block;width:4px;background-color:#FFF;position:absolute;opacity:.4;}
figure#hero .web ul:nth-of-type(1) li {left:0;}
figure#hero .web ul:nth-of-type(2) li {right:0;}
figure#hero .web ul li:nth-of-type(1) {top:0;}
figure#hero .web ul li:nth-of-type(2) {top:0;bottom:0;margin:auto;}
figure#hero .web ul li:nth-of-type(3) {bottom:0;}
figure#hero .web ul:nth-of-type(1) li:nth-of-type(1) {left:100px;}
figure#hero .web ul:nth-of-type(1) li:nth-of-type(3) {left:75px;}
figure#hero .web ul:nth-of-type(2) li:nth-of-type(1) {right:100px;}
figure#hero .web ul:nth-of-type(2) li:nth-of-type(2) {right:12px;}
figure#hero .web ul:nth-of-type(2) li:nth-of-type(3) {right:75px;}
figure#hero .web ul:nth-of-type(1) li:nth-of-type(1), figure#hero .web ul:nth-of-type(1) li:nth-of-type(3) {padding:13px 0 0 86px;}
figure#hero .web ul:nth-of-type(1) li:nth-of-type(1):after, figure#hero .web ul:nth-of-type(1) li:nth-of-type(3):after {left:55px;}
figure#hero .web ul:nth-of-type(1) li:nth-of-type(1) span, figure#hero .web ul:nth-of-type(1) li:nth-of-type(3) span {left:0;}
figure#hero .web ul:nth-of-type(1) li:nth-of-type(2), figure#hero .web ul:nth-of-type(2) li:nth-of-type(2) {padding:83px 0 0 0;text-align:center;}
figure#hero .web ul:nth-of-type(1) li:nth-of-type(2):after, figure#hero .web ul:nth-of-type(2) li:nth-of-type(2):after {width:3px;height:23px;top:55px;left:0;right:0;margin:auto;}
figure#hero .web ul:nth-of-type(1) li:nth-of-type(2) span, figure#hero .web ul:nth-of-type(2) li:nth-of-type(2) span {left:0;right:0;margin:auto;}
figure#hero .web ul:nth-of-type(2) li:nth-of-type(1), figure#hero .web ul:nth-of-type(2) li:nth-of-type(3) {padding:13px 86px 0 0;}
figure#hero .web ul:nth-of-type(2) li:nth-of-type(1):after, figure#hero .web ul:nth-of-type(2) li:nth-of-type(3):after {right:55px;}
figure#hero .web ul:nth-of-type(2) li:nth-of-type(1) span, figure#hero .web ul:nth-of-type(2) li:nth-of-type(3) span {right:0;}
figure#hero .web ul:nth-of-type(1) li:nth-of-type(1) i, figure#hero .web ul:nth-of-type(2) li:nth-of-type(1) i {top:30px;}
figure#hero .web ul:nth-of-type(1) li:nth-of-type(1) i {height:115px;left:82px;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
figure#hero .web ul:nth-of-type(2) li:nth-of-type(1) i {height:110px;right:82px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
figure#hero .web ul:nth-of-type(1) li:nth-of-type(2) i, figure#hero .web ul:nth-of-type(2) li:nth-of-type(2) i {top:0;height:100px;}
figure#hero .web ul:nth-of-type(1) li:nth-of-type(2) i {left:145px;-moz-transform:rotate(-70deg);-webkit-transform:rotate(-70deg);transform:rotate(-70deg);}
figure#hero .web ul:nth-of-type(2) li:nth-of-type(2) i {right:135px;-moz-transform:rotate(70deg);-webkit-transform:rotate(70deg);transform:rotate(70deg);}
figure#hero .web ul:nth-of-type(1) li:nth-of-type(3) i, figure#hero .web ul:nth-of-type(2) li:nth-of-type(3) i {top:-120px;height:180px;}
figure#hero .web ul:nth-of-type(1) li:nth-of-type(3) i {left:125px;-moz-transform:rotate(-115deg);-webkit-transform:rotate(-115deg);transform:rotate(-115deg);}
figure#hero .web ul:nth-of-type(2) li:nth-of-type(3) i {right:125px;-moz-transform:rotate(115deg);-webkit-transform:rotate(115deg);transform:rotate(115deg);}
figure#hero .web ul:nth-of-type(1) li:nth-of-type(1) span b {background-color:#f44336;}
figure#hero .web ul:nth-of-type(1) li:nth-of-type(2) span b {background-color:#ff9800;}
figure#hero .web ul:nth-of-type(1) li:nth-of-type(3) span b {background-color:#ffeb3b;}
figure#hero .web ul:nth-of-type(2) li:nth-of-type(1) span b {background-color:#ff9800;}
figure#hero .web ul:nth-of-type(2) li:nth-of-type(2) span b {background-color:#f44336;}
figure#hero .web ul:nth-of-type(2) li:nth-of-type(3) span b {background-color:#8bc34a;} main .container {padding:140px 30px;}
main h1, main h2 {text-align:center;font-weight:normal;}
main h1 {font-size:35px;font-weight:700;line-height:1.25;}
main h2 {font-size:16px;font-weight:600;line-height:1.55;margin-top:10px;letter-spacing:.02em;}
main h3 {font-size:24px;}
main p {line-height:1.65;margin-top:20px;text-align:center;}
main p:first-child {margin-top:0!important;}
main a {color:#293133;}
main .btn {margin-top:50px;font-size:17px;line-height:50px;padding:7.5px 60px 0;} .skew {margin:-35px 0;}
.skew:before {user-select:none;-moz-user-select:none;pointer-events:none;content:'';display:block;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:skewY(-2deg);-moz-transform:skewY(-2deg);-ms-transform:skewY(-2deg);-o-transform: skewY(-2deg);transform:skewY(-2deg);}
section.skew:before {background-image:url(//califbi.mindfulcreative.io/wp-content/themes/califbi/img/bg.png);background-position:center;z-index:1;}
.skew.reverse:before {-webkit-transform:skewY(2deg);-moz-transform:skewY(2deg);-ms-transform:skewY(2deg);-o-transform:skewY(2deg);transform:skewY(2deg);} section#whatwedo .buckets .bucket {margin-top:20px;}
section#whatwedo .buckets .bucket {width:33.33%;float:left;display:block;padding:0 20px;margin-top:50px;}
section#whatwedo .buckets .bucket .icon {background-size:65px auto;background-position:center;background-repeat:no-repeat;display:block;height:130px;width:130px;border-radius:100%;border:4px solid #293133;margin:0 auto 40px;}
section#whatwedo .buckets .bucket .icon:after {content:'';display:block;position:absolute;left:0;right:0;margin:auto;bottom:-24px;width:4px;height:20px;background-color:#293133;}
section#whatwedo .buckets .bucket:nth-of-type(1) .icon {background-image:url(//califbi.mindfulcreative.io/wp-content/themes/califbi/img/investigate.svg);}
section#whatwedo .buckets .bucket:nth-of-type(2) .icon {background-image:url(//califbi.mindfulcreative.io/wp-content/themes/califbi/img/strategize.svg);}
section#whatwedo .buckets .bucket:nth-of-type(3) .icon {background-image:url(//califbi.mindfulcreative.io/wp-content/themes/califbi/img/implement.svg);} section#detect {background-image:url(//califbi.mindfulcreative.io/wp-content/themes/califbi/img/servicesbg.jpg);}
section#detect .container {padding:180px 30px;}
section#detect .buckets {padding-right:15px;}
section#detect .buckets.row .bucket:nth-of-type(1) h1 {padding-left:15px;}
section#detect .buckets .bucket {float:left;display:block;}
section#detect .buckets .bucket:nth-of-type(1) {width:62.5%;color:#FFF;padding:50px 15px 0 0;font-family:'Josefin Sans',sans-serif;text-transform:uppercase;user-select:none;-moz-user-select:none;pointer-events:none;}
section#detect .buckets .bucket:nth-of-type(2) {width:37.5%;padding:40px;left:15px;margin:0;}
section#detect .buckets .bucket:nth-of-type(2):before {background-color:#FFF;}
section#detect .buckets .bucket:nth-of-type(2) * {text-align:left;}
section#detect .buckets .bucket:nth-of-type(2) p {font-size:14.5px;}
section#detect .btn {margin-top:35px;width:100%;text-align:center!important;padding:7.5px 0 0;}
section#detect .buckets .bucket ul.meter {width:50%;float:left;display:block;margin-top:30px;}
section#detect .buckets .bucket ul.meter:nth-of-type(1) {text-align:right;}
section#detect .buckets .bucket ul.meter:nth-of-type(2) {text-align:left;left:15px;}
section#detect .buckets .bucket ul.meter li {display:block;font-weight:600;padding:15px 86px 0 0;height:70px;line-height:1.5;}
section#detect .buckets .bucket ul.meter li br {display:none;}
section#detect .buckets .bucket ul.meter li:before {content:'Detected';display:block;font-size:10.5px;letter-spacing:0.2em;font-weight:normal;}
section#detect .buckets .bucket ul.meter li:after {content:'';display:block;width:23px;height:3px;right:55px;top:26px;background-color:#FFF;position:absolute;}
section#detect .buckets .bucket ul.meter li span {position:absolute;top:0;right:0;display:block;width:55px;height:55px;border:4px solid #FFF;border-radius:100%;}
section#detect .buckets .bucket ul.meter li span i {display:block;width:31px;height:31px;border-radius:100%;position:absolute;margin:auto;top:1px;left:0;bottom:0;right:0;}
section#detect .buckets .bucket ul.meter li:nth-of-type(1) span i, section#detect .buckets .bucket ul.meter li:nth-of-type(2) span i {background-color:#f44336;}
section#detect .buckets .bucket ul.meter li:nth-of-type(3) span i, section#detect .buckets .bucket ul.meter li:nth-of-type(4) span i {background-color:#ff9800;}
section#detect .buckets .bucket ul.meter li:nth-of-type(5) span i {background-color:#ffeb3b;}
section#detect .buckets .bucket ul.meter li:nth-of-type(6) span i {background-color:#8bc34a;}
section#detect .buckets .bucket ul.meter:nth-of-type(2) li {padding-left:86px;padding-right:0;}
section#detect .buckets .bucket ul.meter:nth-of-type(2) li:after {right:auto;left:55px;}
section#detect .buckets .bucket ul.meter:nth-of-type(2) li span {left:0;right:auto;}
section#detect .buckets .bucket .legend {display:table;margin:0 auto;top:25px;left:7.5px;}
section#detect .buckets .bucket .legend span {width:27px;height:27px;display:inline-block;margin:0 2.5px;border-radius:100%;top:7px;}
section#detect .buckets .bucket .legend span:nth-of-type(1) {background-color:#f44336;}
section#detect .buckets .bucket .legend span:nth-of-type(2) {background-color:#ff9800;}
section#detect .buckets .bucket .legend span:nth-of-type(3) {background-color:#ffeb3b;}
section#detect .buckets .bucket .legend span:nth-of-type(4) {background-color:#8bc34a;} section#reporting .buckets {margin-top:20px;}
section#reporting .buckets:nth-of-type(2) {margin-top:0;}
section#reporting .buckets .bucket {width:33.33%;float:left;display:block;padding:0 20px;margin-top:50px;}
section#reporting .buckets .bucket h3, section#reporting .buckets .bucket p {text-align:left;}
section#reporting .buckets .bucket p {margin-top:15px;}
section#reporting .buckets .bucket h3 {line-height:1.25;padding-left:65px;height:60px;}
section#reporting .buckets .bucket h3:before {background-image:url(//califbi.mindfulcreative.io/wp-content/themes/califbi/img/investigate.svg);background-size:25px auto;background-position:center;background-repeat:no-repeat;position:absolute;height:50px;width:50px;border-radius:100%;border:2px solid #293133;display:block;content:'';left:0;top:-2px;}
section#reporting .buckets .bucket h3:after {content:'';display:block;position:absolute;left:25px;top:47px;width:2px;height:10px;background-color:#293133;} section#testimonials .container {padding:180px 30px;}
section#testimonials h1, section#testimonials h2 {color:#FFF;}
section#testimonials .buckets .bucket {margin-top:100px;padding:240px 30px 30px;}
section#testimonials .buckets .bucket * {text-align:left;}
section#testimonials .buckets .bucket:before {background-color:#FFF;}
section#testimonials .buckets .bucket .stars {background-image:url(//califbi.mindfulcreative.io/wp-content/themes/califbi/img/star.png);background-size:28px 27px;background-position:center;background-repeat:repeat-x;display:block;height:50px;width:136px;position:absolute;margin:-80px 0 0 -10px;user-select:none;-moz-user-select:none;pointer-events:none;-webkit-transform:skewY(-2deg);-moz-transform:skewY(-2deg);-ms-transform: skewY(-2deg);-o-transform:skewY(-2deg);transform:skewY(-2deg);}
section#testimonials .buckets .bucket.reverse .stars {-webkit-transform:skewY(2deg);-moz-transform:skewY(2deg);-ms-transform: skewY(2deg);-o-transform:skewY(2deg);transform:skewY(2deg);}
section#testimonials .buckets h3 {font-size:21px;line-height:1.3;}
section#testimonials .buckets .bucket p {margin-top:10px;font-size:14.5px;}
section#testimonials .buckets .swiper-container {padding-bottom:40px;}
section#testimonials .buckets .swiper-buttons {position:absolute;top:70px;bottom:0;margin:auto;height:30px;width:100%;z-index:2;left:0;right:0;}
section#testimonials .buckets .swiper-buttons .fa-angle-left, section#testimonials .buckets .swiper-buttons .fa-angle-right {-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;color:#FFF;font-size:60px;font-weight:bold;position:absolute;cursor:pointer;}
section#testimonials .buckets .swiper-buttons .fa-angle-left:hover, section#testimonials .buckets .swiper-buttons .fa-angle-right:hover {color:#e47d29;}
section#testimonials .buckets .swiper-buttons .fa-angle-left {left:-50px;}
section#testimonials .buckets .swiper-buttons .fa-angle-right {right:-50px;}
section#testimonials .buckets .bucket:before {background-color:#FFF;width:100%;background-position:center top;background-repeat:no-repeat;background-size:contain;}
section#testimonials .buckets .bucket.green:before {background-image:url(//califbi.mindfulcreative.io/wp-content/themes/califbi/img/testimonial01.png);}
section#testimonials .buckets .bucket.sushi {top:-15px;}
section#testimonials .buckets .bucket.sushi:before {background-image:url(//califbi.mindfulcreative.io/wp-content/themes/califbi/img/testimonial02.png);}
section#testimonials .buckets .bucket.red {top:-30px;}
section#testimonials .buckets .bucket.red:before {background-image:url(//califbi.mindfulcreative.io/wp-content/themes/califbi/img/testimonial03.png);}
section#testimonials .buckets .bucket.blue {top:-30px;}
section#testimonials .buckets .bucket.blue:before {background-image:url(//califbi.mindfulcreative.io/wp-content/themes/califbi/img/testimonial02.png);}
section#testimonials .buckets .bucket.yellow {top:-15px;}
section#testimonials .buckets .bucket.yellow:before {background-image:url(//califbi.mindfulcreative.io/wp-content/themes/califbi/img/testimonial01.png);}
section#testimonials .buckets .bucket.purple:before {background-image:url(//califbi.mindfulcreative.io/wp-content/themes/califbi/img/testimonial03.png);} section#experience .container {padding:180px 30px;}
section#experience h1, section#experience h2, section#experience h3, section#experience p {color:#FFF;}
section#experience p {margin:30px auto 0;max-width:700px;}
section#experience h3 {font-size:20px;margin-top:30px;} main section#contact .container {padding-bottom:180px;}
section#contact {margin:-35px 0 0;}
section#contact:before {background-image:url(//califbi.mindfulcreative.io/wp-content/themes/califbi/img/bg.png);background-position:center;background-position:center;content:"";
display:block;height:100%;position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;-webkit-transform:skewY(-2deg);-moz-transform:skewY(-2deg);-ms-transform:skewY(-2deg);-o-transform:skewY(-2deg);transform:skewY(-2deg);user-select:none;-moz-user-select:none;pointer-events:none;}
section#contact #nf-form-2-cont {width:100%;max-width:350px;margin:60px auto 0;}
section#contact #nf-form-2-cont .nf-form-fields-required {display:none!important;}
section#contact #nf-form-2-cont .ninja-forms-req-symbol {position:absolute;top:0;left:-11px;}
section#contact #nf-form-2-cont .nf-field-container {margin-bottom:15px;}
section#contact #nf-form-2-cont nf-field:first-child, section#contact #nf-form-2-cont .hidden-container, section#contact #nf-form-2-cont .nf-input-limit {margin-top:0;}
section#contact #nf-form-2-cont .nf-after-field .nf-error-msg {margin:5px 0 0;}
section#contact #nf-form-2-cont nf-field i {position:absolute;right:15px;bottom:12px;z-index:1;font-size:26px;pointer-events:none;}
section#contact #nf-form-2-cont nf-field input, section#contact #nf-form-2-cont nf-field select, section#contact #nf-form-2-cont nf-field textarea {width:100%;padding:22px 20px 18px;font-size:16px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;background-color:rgba(41,49,51,.65);border:3px solid transparent;color:#FFF;font-family:'Proxima Nova',sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0!important;}
section#contact #nf-form-2-cont nf-field input:hover, section#contact #nf-form-2-cont nf-field select:hover, section#contact #nf-form-2-cont nf-field textarea:hover {background-color:rgba(41,49,51,.9);}
section#contact #nf-form-2-cont nf-field input:focus, section#contact #nf-form-2-cont nf-field select:focus, section#contact #nf-form-2-cont nf-field textarea:focus {border-color:#e47d29;background-color:rgba(41,49,51,.9);}
section#contact #nf-form-2-cont nf-field select {color:#FFF;}
section#contact #nf-form-2-cont nf-field .listselect-container .nf-field .nf-field-element::before {font-family:FontAwesome;color:#444;content:"\f107";position:absolute;top:20px;z-index:9;right:15px;pointer-events:none;font-size:22px;opacity:.35;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
section#contact #nf-form-2-cont nf-field textarea {resize:none;height:150px;}
section#contact #nf-form-2-cont nf-field input[type="button"] {margin:-5px 0 0;font-family:'Josefin Sans',sans-serif!important;text-transform:uppercase;padding:7.5px 60px 0;border:0;font-size:17px;cursor:pointer;}
section#contact #nf-form-2-cont nf-field input[type="button"]:hover {opacity:0;}
section#contact #nf-field-8-container:after {display:table;content:'Send Email';position:absolute;width:100%;z-index:0;background-color:#dc8838;background:-webkit-gradient(linear,left top,left bottom,from(#dc8838),to(#cf6027));background:-webkit-linear-gradient(top,#dc8838,#cf6027);background:-moz-linear-gradient(top,#dc8838,#cf6027);background:-ms-linear-gradient(top,#dc8838,#cf6027);background:-o-linear-gradient(top,#dc8838,#cf6027);background:linear-gradient(to bottom,#dc8838 0,#cf6027 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc8838',endColorstr='#cf6027',GradientType=0);top:0;left:0;margin:-5px 0 0 ;pointer-events:none;user-select:none;-moz-user-select:none;font-family:'Josefin Sans',sans-serif;text-align:center;text-transform:uppercase;color:#FFF;font-size:17px;line-height:50px;padding:7.5px 60px 0;}
section#contact #nf-form-2-cont nf-field.hide {display:none!important;}
section#contact #nf-form-2-cont .nf-field-label label {margin-left:11px;}
main p.goodNotification {text-align:center;font-size:18px;margin-top:20px;}
main p.goodNotification + form {opacity:0;height:0;}
.goodNotification + form {opacity:0;height:0;} footer {z-index:1;padding:50px 0 60px;margin:-35px 0 0;color:#FFF;font-weight:300;}
footer:before {transform-origin:right top;transform:skewY(2deg);}
footer:before, footer:after {content:'';width:100%;height:100%;position:absolute;top:0;background-color:#272e30; z-index:-1;user-select:none;-moz-user-select:none;pointer-events:none;}
footer a {color:#FFF;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
footer a:hover {color:#e47d29;}
footer .row {display:table;}
footer nav, footer .contact {float:left;margin-left:75px;}
footer nav:nth-of-type(1) {margin-left:0;}
footer h4 {color:#FFF;opacity:.25;font-weight:600;text-align:left;margin-bottom:15px;}
footer h5 {font-size:32.5px;text-align:left;font-weight:700;color:#e47d29;margin:25px 0;user-select:all;-moz-user-select:all;background:-webkit-linear-gradient(#f2a740,#e07029);-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
footer h5:hover {background:-webkit-linear-gradient(#dc8838,#cf6027);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
footer nav ul li a {font-size:13px;color:#FFF;display:inline-block;line-height:2.5;user-select:none;-moz-user-select:none;}
footer nav ul li a:hover {color:#e47d29;}
footer .contact ul.social li {position:relative;font-size:23px;color:#FFF;margin-left:15px;display:block;float:left;text-align:center;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;cursor:pointer;}
footer .contact ul.social li:first-child {margin-left:0;}
footer .contact ul.social li:hover {color:#e47d29;}
footer .contact ul.social li a {font-size:0;display:block;position:absolute;top:0;left:0;color:#FFF;width:100%;height:100%;}
footer .copyright {user-select:none;-moz-user-select:none;display:table-cell;width:225px;vertical-align:middle;font-size:11px;text-align:center;line-height:1.55;cursor:default;}
footer .copyright a {color:#e47d29;font-weight:bold;}
footer .copyright a:hover {text-decoration:underline;}
footer .logo {width:100%;}
footer .logo {max-width:156px;width:100%;margin:0 auto 10px;display:block;} #mobile {position:fixed;right:0;top:0;z-index:999;visibility:hidden;}
#mobile nav {background-color:#272e30;width:100%;height:100%;z-index:999;text-align:center;top:0;bottom:0;right:-100%;bottom:0;pointer-events:none;position:fixed;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
#mobile nav.active {opacity:1;z-index:999;pointer-events:all;right:0%;}
#mobile nav ul {width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
#mobile nav ul li a {font-size:17px;color:#FFF;font-weight:700;display:block;padding:20px 0;text-transform:uppercase;font-family:'Josefin Sans',sans-serif;letter-spacing:0.05em;}
#mobile nav ul li a:hover {color:#e47d29;}
#mobile nav ul li a.active {color:#e47d29;}
#mobile nav ul li a i {display:none;}
#mobile nav ul li a + ul {display:none;}
#mobile nav ul li a svg {display:none;}
#mobile .social {display:table;margin:30px auto 0;}
#mobile .social div {position:relative;font-size:35px;color:#FFF;opacity:.45;margin-left:20px;display:block;float:left;text-align:center;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;cursor:pointer;}
#mobile .social div:first-child {margin-left:0;}
#mobile .social div:hover {color:#e47d29;opacity:1;}
#mobile .social div a {font-size:0;display:block;position:absolute;top:0;left:0;color:#FFF;opacity:.25;width:100%;height:100%;}
.hamburger {z-index:9999;position:absolute;top:23px;right:15px;height:47px;}
.hamburger-box {width:25px;height:17px;}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {-webkit-transition:transform ease .15s, background-color 0.5s!important;-moz-transition:transform ease .15s, background-color 0.5s!important;-o-transition:transform ease .15s, background-color 0.5s!important;transition:transform ease .15s, background-color 0.5s!important;background-color:#FFF;width:25px;height:3px;border-radius:0;}
.hamburger:hover {opacity:1;}
.hamburger-inner:before {top:-7px;}
.hamburger-inner:after {bottom:-7px;}
.hamburger--arrow-r.is-active .hamburger-inner {height:4px;background-color:#e47d29!important;}
.hamburger--arrow-r.is-active .hamburger-inner:before {transform:translate3d(8px,1px,0)rotate(45deg)scaleX(1);height:4px;background-color:#e47d29!important;width:20px;}
.hamburger--arrow-r.is-active .hamburger-inner:after {transform:translate3d(8px,-1px,0)rotate(-45deg)scaleX(1);height:4px;background-color:#e47d29!important;width:20px;}
.hamburger:hover .hamburger-inner, .hamburger:hover .hamburger-inner:after, .hamburger:hover .hamburger-inner:before {background-color:#e47d29;} @media handheld, only screen and (max-width:1160px) {
section#testimonials .buckets .bucket {margin-top:70px;}
section#testimonials .buckets .swiper-buttons .fa-angle-left, section#testimonials .buckets .swiper-buttons .fa-angle-right {font-size:40px;}
section#testimonials .buckets.row {padding:0 30px;}
section#testimonials .buckets .swiper-buttons .fa-angle-left {left:-10px;}
section#testimonials .buckets .swiper-buttons .fa-angle-right {right:-10px;}
section#testimonials .buckets .swiper-container {padding-bottom:60px;}
main section#testimonials .btn {margin-top:50px;}
}
@media handheld, only screen and (max-width:1024px) {
header nav.left {left:-10px;}
header nav ul li {padding:0 10px;}
header nav ul li a {font-size:13px;}
section#detect .buckets {padding-right:0;}
section#detect .buckets .bucket {float:none;display:table;margin:0 auto;}
section#detect .buckets .bucket:nth-of-type(1) {width:auto;padding-top:0;}
section#detect .buckets .bucket:nth-of-type(2) {left:0;width:100%;max-width:500px;margin:70px auto 0;padding:50px;}
section#detect .buckets .bucket .legend {left:5.5px;}
}
@media handheld, only screen and (max-width:975px) {
section#reporting .buckets {margin-top:0;}
section#reporting .buckets .bucket {width:50%;}
section#reporting .buckets .bucket p {width:100%;max-width:425px;margin-left:auto;margin-right:auto;text-align:center;}
section#reporting .buckets .bucket:nth-child(3) {width:100%;display:table;}
section#reporting .buckets .bucket h3 {text-align:center;display:table;margin:0 auto;}
}
@media handheld, only screen and (max-width:950px) {
header nav.left {left:-40px;}
header nav.right {right:-35px;}
header nav ul li {padding:0 10px;}
header nav ul li a {font-size:12.5px;}
.scrolled header nav {max-width:400px;}
.scrolled header nav.left {left:-20px;}
.scrolled header nav.right {right:-15px;}
figure#hero .container .row {padding-top:50px;}
figure#hero .container h1 {font-size:18px;}
figure#hero .container h1 span {font-size:62px;}
figure#hero .container .btn {font-size:17px;line-height:50px;padding:7.5px 60px 0;}
figure#hero .web {transform:scale(.95);-webkit-transform:scale(.95);-ms-transform:scale(.95);height:575px;max-width:800px;}
figure#hero .web ul:nth-of-type(1) li:nth-of-type(1) {left:70px;}
figure#hero .web ul:nth-of-type(2) li:nth-of-type(1) {right:70px;}
figure#hero .web ul:nth-of-type(1) li:nth-of-type(3) i, figure#hero .web ul:nth-of-type(2) li:nth-of-type(3) i {top:-100px;height:150px;}
figure#hero .web ul:nth-of-type(1) li:nth-of-type(3) i {left:110px;}
figure#hero .web ul:nth-of-type(2) li:nth-of-type(3) i {right:110px;}
}
@media handheld, only screen and (max-width:900px) {
header nav, footer nav {display:none;}
#mobile {visibility:visible;z-index:9;}
btn.hamburger {opacity:1;}
btn.hamburger.is-active {z-index:9999;}
header, .scrolled header {height:92px;}
header .logo, .scrolled header .logo {width:100px;}
figure#hero .container .row {padding-top:0;}
figure#hero .web {top:0;}
.anchor {height:20px;margin-top:-20px;}
.anchor.lg {height:20px;margin-top:-20px;}
.anchor.md {height:50px;margin-top:-50px;}
.anchor.sm {height:20px;margin-top:-20px;}
main p {margin-top:15px;}
main h2 br {display:none;}
section#whatwedo .buckets {margin-top:0;}
section#whatwedo .buckets .bucket {width:100%;float:none;}
section#whatwedo .buckets .bucket p {width:100%;max-width:425px;margin-left:auto;margin-right:auto;text-align:center;}
section#detect .container, section#testimonials .container, section#experience .container {padding:140px 30px;}
section.skew .container, main section#contact .container {padding:105px 30px;}
footer {padding:50px 0;}
footer .contact {float:none;margin:0 auto;display:table;text-align:center;}
footer .contact h4, footer .contact p {display:none;}
footer .contact ul.social {display:table;margin:30px auto 40px;}
footer .contact ul.social li {font-size:30px;margin-left:17px;}
footer .copyright {display:block;margin:0 auto;}
}
@media handheld, only screen and (max-width:800px) {
section#testimonials .buckets .bucket:before {background-size:100% 207px;}
section#testimonials .buckets .bucket {margin-top:50px;}
}
@media handheld, only screen and (max-width:750px) {
figure#hero .web {transform:scale(.8);-webkit-transform:scale(.8);-ms-transform:scale(.8);}
figure#hero .web ul {width:60%;}
figure#hero .web ul.left {left:-10%;}
figure#hero .web ul.right {right:-10%;}
figure#hero .web ul li i {display:none;}
}
@media handheld, only screen and (max-width:675px) {
figure#hero .web {display:none;}
section#detect .buckets .bucket:nth-of-type(1) {padding-right:30px;}
section#detect .buckets .bucket ul.meter {transform:scale(.95);-webkit-transform:scale(.95);-ms-transform:scale(.95);}
section#detect .buckets .bucket ul.meter li {font-size:13px;width:105%;}
section#detect .buckets .bucket .legend {top:10px;margin-bottom:-10px;left:12.5px;}
section#testimonials .buckets .bucket.sushi, section#testimonials .buckets .bucket.red, section#testimonials .buckets .bucket.blue, section#testimonials .buckets .bucket.yellow {top:0;}
section#testimonials .skew.reverse:before, section#testimonials .buckets .bucket.reverse .stars {-webkit-transform:skewY(-2deg);-moz-transform:skewY(-2deg);-ms-transform:skewY(-2deg);-o-transform:skewY(-2deg);transform:skewY(-2deg);}
}
@media handheld, only screen and (max-width:700px) {
section#reporting .buckets .bucket {width:100%;}
}
@media handheld, only screen and (max-width:575px) {
section#detect .buckets .bucket ul.meter li br {display:block;}
section#detect .buckets .bucket ul.meter li:before {display:none;}
}
@media handheld, only screen and (max-width:450px) {
figure#hero .container h1 {font-size:17px;}
figure#hero .container h1 span {font-size:51px;}
figure#hero .container .btn {padding:7.5px 45px 0;}
section#detect .buckets .bucket ul.meter {transform:scale(.9);-webkit-transform:scale(.9);-ms-transform:scale(.9);}
section#detect .buckets .bucket ul.meter li {font-size:12px;width:110%;}
section#detect .buckets .bucket .legend {top:5px;margin-bottom:-15px;}
}