a {outline:0;}

.kp-benefit {padding-bottom:20px;}

.kp-benefit h5 {
  font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size:20px;color:#777;font-weight:300;box-sizing:border-box;
}

.kp-benefit img {
  float:left;display:block;margin-top:10px;margin-right:10px;}

.kp-box {margin-left:auto;margin-right:auto;max-width:62.5rem;}

.kp-container {}

.kp-container h2 {
  text-transform:uppercase;text-rendering: optimizelegibility;font-size:24px;font-weight:bold;color:#ffffff;
}

.kp-header {background:#F6F6F8;margin-top:24px;padding-top:20px;padding-bottom:20px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.kp-header .row h2 {
  font-size:175%;font-weight:bold;text-rendering: optimizelegibility;color:#50626f;padding-left:80px;line-height:56px;}

.kp-header .row .button {margin:0 !important;}

.kp-logo-sup {font-size:175%;font-weight:bold;color:#393943;}
.kp-logo-sub {font-size:175%;font-weight:bold;color:#9EC524;}

.kp-slogan {font-size:125%;}

.kp-slogan.main {font-size:150%;font-weight:bold;text-transform:uppercase;margin-bottom:0;}

.kp-top {background:#fff;}

.kp-box .panel ul li {
  color:#5696A6 !important;font-size:150%;text-transform:uppercase;text-rendering: optimizelegibility;line-height:2.0;margin-left:8px;}

.kp-box p {color:#ffffff !important;}

.kp-dense p {line-height:0.5;color:#7f7f7f;font-size:100%;}

.row {max-width: 62.5rem !important;}

.top-bar {color:#393943 !important;background:None !important;}

.top-bar-section ul {padding-top:10px;padding-bottom:20px;}
.top-bar-section ul li {color:#393943 !important;background:None !important;}

.top-bar-section ul li a {font-size:18px;text-transform:uppercase;}

.top-bar-section li:not(.active) a {color:#393943 !important;background:None !important;}
.top-bar-section li.active a {background: #9EC524 !important;}

.top-bar-section li:not(.active) a:hover {background:#9EC524  !important;color:#393943 !important;}

.panel {background:None !important;}

.panel.seamless {margin-bottom:0 !important;}

.button {background-color:#9EC524 !important;}

.button:hover {background: #637b17 !important;}

.panel h2 {
  text-transform:uppercase;color:#50626F !important;text-rendering: optimizelegibility;font-size:150%;font-weight:bold;
}

.panel h4 {
  text-transform:uppercase;text-rendering: optimizelegibility;font-size:18px;font-weight:bold;color:#50626F;
}

.panel p {color:#777 !important;font-size:95% !important;}
.panel li {color:#777 !important;}

.columns.kp-none {padding:0;padding-top:0.5rem;}
.columns.kp-right {padding:0;padding-right:0.5rem;padding-top:0.5rem;}

.panel.kp-side {margin:0;background:#f6f6f8 !important;text-align:center;padding:0;padding-top:0.9375;padding-bottom:0.9375rem;}
.panel.kp-side a {font-weight:bold;text-transform:uppercase;color:#50626f;}

.panel.kp-side a:hover {color:#008CBA;}

.panel.kp-side img {margin-left:auto;margin-right:auto;margin-top:16px;margin-bottom:16px;display:block;}

.row h3 {text-transform:uppercase;font-weight:bold;}
.row h4 {text-transform:uppercase;}

.row p {font-size:110%;}

.kp-engine .panel {margin:0;padding:0;padding-top:0.9375;padding-bottom:0.9375rem;border:0;}

.kp-engine .panel a {color:#50626f;}
.kp-engine .panel a:hover {color:#008CBA;}

.kp-engine .panel p {text-align:center;}

.kp-engine .panel h2 {
  font-size:24px;color:#777 !important;
  font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;  
  line-height:1.2;font-weight:300;text-align:center;
  text-transform:uppercase;text-rendering: optimizelegibility;
}

.kp-engine .panel .text {
  font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;  
  color:#777;font-size:20px !important;
  text-align:center;
}

.kp-engine .panel h4 {font-size:18px;font-weight:bold;text-align:center;text-transform:uppercase;}

.side-nav.kp-side {background:#f6f6f8 !important;max-width:18.25rem;float:left;margin-left:36px;text-transform:uppercase;}
.side-nav.kp-side li {text-align:center;font-weight:bold;}

.side-nav.kp-side li a {color:#50626f !important;}
.side-nav.kp-side li a:hover {color:#008CBA !important;}

.side-nav.kp-side img {margin-left:auto;margin-right:auto;display:block;}

.kp-reactive, .kp-engine {
  background:#F6F6F8;padding-top:40px !important;padding-bottom:40px !important;
}

.kp-elastic {text-align:center;padding-top:16px;padding-bottom:10px;}

.kp-main .row h1, .kp-overview .row h1 {
  font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size:28px;color:#777;text-align:center;
}

.kp-main .row h2, .kp-overview .row h2  {
  font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size:24px;color:#777;text-align:center;padding-top:16px;
}

.kp-overview .row p, .kp-overview .row li {color:#777;font-size:110% !important;}

.kp-overview .row h1, .kp-overview .row h2 {
  text-align:left;text-transform:uppercase;
}

.kp-reactive {border-top:1px solid #ccc;border-bottom:1px solid #ccc;}

.kp-reactive .kp-box h1 {
  font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size:40px;color:#50626f;text-align:center;
}

.kp-reactive .kp-box h2 {
  font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size:28px;color:#50626f;text-align:center;
}

.kp-aboutus p, .kp-aboutus li, .kp-samples p, .kp-samples li {
  font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size:20px !important;color:#777 !important;font-weight:normal !important;
}
.kp-aboutus h3, .kp-samples h3 {
  font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size:28px;color:#777;padding-top:16px;text-transform:uppercase;font-weight:normal !important;
}

.kp-aboutus .kp-expertise li {
  text-transform:uppercase;text-rendering: optimizelegibility;line-height:1.75;list-style-type:square;
}

.kp-feature {margin-bottom:64px;}

.kp-features .row h1 {
  font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size:20px;color:#777;padding-top:14px;
}
.kp-features .row h2 {
  font-size:24px;color:#777 !important;
  font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;  
  line-height:1.2;font-weight:300;
  text-transform:uppercase;text-rendering: optimizelegibility;
}

.kp-features .row .kp-box h1 {
  font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size:40px;text-align:center;
}

.kp-features .row .kp-topic {
  font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size:32px;color:#777;padding-top:8px;text-transform:uppercase;
}

.kp-features .text {
  font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;  
  color:#777;font-size:20px !important;
}

.kp-contact {
  background: #393943 !important;color: #fff !important;padding-top:24px;padding-bottom:24px;border-bottom:1px solid #ccc; text-align:center;font-size:150%;
}

.kp-contact a {color:#fff;}

.kp-footer {
  background: #fff !important;color: #50626F !important;font-size:100% !important;
}
.kp-footer p {margin:0;margin-bottom:4px;}

.kp-footer a {color:#50626F;}
.kp-footer a:hover {color:#9EC524;}


.kp-connect {border-top:1px solid #ccc;}
.kp-connect .panel {border:0;}

.kp-connect .panel h2 {
  color:#777 !important;text-rendering: optimizelegibility;font-size:150%;font-weight:bold;text-align:center;margin-top:16px;
}
.kp-connect .panel p {text-align:center;}

.kp-connect .panel a {color:#393943;}
.kp-connect .panel a:hover {color:#9EC524;}

.kp-connect .panel img {margin-left:auto;margin-right:auto;display:block;}

.kp-connect .button {background-color:#50626F !important;color:#fff !important;display:block;margin-left:auto;margin-right:auto;}
.kp-connect .button:hover {color: #F79646 !important;}

.kp-services {border-top:1px solid #ccc;border-bottom:1px solid #ccc;}

.kp-services .panel {border:0;}

.kp-services .panel h2 {
  text-transform:uppercase;
  color:#777 !important;
  text-rendering: optimizelegibility;
  font-size:150%;font-weight:bold;text-align:center;margin-top:16px;
}
.kp-services .panel p {text-align:center;}

.kp-services .panel a {color:#393943;}
.kp-services .panel a:hover {color:#9EC524;}

.kp-services .panel img {margin-left:auto;margin-right:auto;display:block;}

.row .kp-title {
  margin-top:24px;margin-bottom:24px;
  color:#777 !important;  font-size:40px;text-align:center;text-transform:uppercase;
  font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height:1.2;font-weight:300;box-sizing:border-box;
  margin-left:auto;margin-right:auto;display:block;
}

.kp-title {font-size:300%;font-weight:bold;color:#777;}

.kp-title span {
  border-bottom:1px solid #999;display:block:inline;padding-bottom:20px;
}

.kp-viewport {
  background:#50626f;padding-top:80px !important;padding-bottom:80px !important;
}

.kp-viewport .kp-box h1 {
  font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size:40px;color:#ffffff;text-align:center;
}

.kp-gradient {
  background: radial-gradient(circle farthest-corner at center center , #a2b1bc 0%, #8b9eac 20%, #50626f 100%) repeat scroll 0% 0% #50626f;
}

.kp-api {}

.kp-api .side-nav li {
  text-transform:uppercase;text-rendering: optimizelegibility;line-height:1.75;padding-left:16px;font-size:125%;
}

.kp-api .side-nav li a {color:#fff;font-weight:bold !important;}

.kp-api .side-nav li a:hover {color:#008CBA;}

.kp-api h1 {
  font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size:28px;color:#008CBA;text-transform:uppercase;
}
.kp-api h2 {
  font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size:20px !important;color:#555 !important;text-transform:uppercase;font-weight:normal !important;
}
.kp-api h3 {
  font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size:16px !important;color:#555 !important;text-transform:uppercase;font-weight:normal !important;
}

.kp-api p {
  font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size:110% !important;color:#777 !important;
}
.kp-api th, .kp-api td {
  font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size:110% !important;color:#777 !important;
}

.kp-highlight {padding-left: 8px;padding-right:8px;background:#F4F4F6;color:#777;text-transform:uppercase;}

.kp-api .kp-url {font-size:120% !important;}