/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End Reset */

html, body {margin: 0; padding: 0;}
body {
	margin-top: 2rem !important;
	background: #232526;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom right, #4b4742, #373738);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom right, #282a2c, #4b4742); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.right { float: right; }
.left { float: left; }
.align-left {text-align: left;}
.align-right {text-align: right;}
h1, h2, h3, h4, h5, h6, p, a {
text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;}

h1 {
    font-family: "industry", sans-serif;
    font-size: 6.8em;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

h2 {
    font-family: "industry", sans-serif;
    font-size: 4.2em;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;

}

h3 {
    font-family: "industry", sans-serif;
    font-size: 2.6em;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;

}

h4 {
    font-family: "aktiv-grotesk-extended", sans-serif;
    font-size: 1.6em;
    font-weight: 300;
    letter-spacing: .05em;
    text-transform: uppercase;

}

h5 {
    font-family: "industry", sans-serif;
    font-size: 1.1em;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;


}

h6 {
    font-family: "industry", sans-serif;
    font-size: .76em;
    font-weight: 800;
    letter-spacing: .2em;
    text-transform: uppercase;


}

p {
    font-family: "quasimoda", sans-serif;
   font-size: 1.0em;
    font-weight: 400;
    line-height: 1.4;
		margin-bottom: 1rem;
}
a {
    font-family: "quasimoda", sans-serif;
}
.source { font-style: italic; font-size: .8rem; }
.orange {
     display: inline-flex;
    width: 150px;
    height: 100px;
    background-color: #FDBB43;
    padding-top: 50px;
    color: white;
    margin: 10px;
}
.center {text-align: center;}
.dark-gray {
     display: inline-flex;
    width: 150px;
    height: 100px;
    background-color: #3A3B3B;
    padding-top: 50px;
    color: white;
    margin: 10px;
}

.light-gray {
    display: inline-flex;
    width: 150px;
    height: 100px;
    background-color: #95989A;
    padding-top: 50px;
    color: white;
    margin: 10px;
}
.white {color: #ffffff;}
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 44px;
  padding: 0 35px;
    margin: 15px;
  color: #95989A;
  text-align: center;
  font-family: "industry", sans-serif;
  font-size: .7em;
  font-weight: 800;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 2px;
  border: 1.5px solid #95989A;
  cursor: pointer;
  box-sizing: border-box;
    -webkit-font-smoothing: antialiased;

}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #fff;
  border-color: #95989A;
    background-color: #95989A;
  outline: 0; }
.button.button-secondary,
button.button-secondary,
input[type="submit"].button-secondary,
input[type="reset"].button-secondary,
input[type="button"].button-secondary {
  color: #FFF;
  background-color: #95989A;
  border-color: #95989A; }
.button.button-secondary:hover,
button.button-secondary:hover,
input[type="submit"].button-secondary:hover,
input[type="reset"].button-secondary:hover,
input[type="button"].button-secondary:hover,
.button.button-secondary:focus,
button.button-secondary:focus,
input[type="submit"].button-secondary:focus,
input[type="reset"].button-secondary:focus,
input[type="button"].button-secondary:focus {
  color: #95989A;
  background-color: #fff;
  border-color: #95989A; }

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #fff;
  border-color: #95989A;
    background-color: #95989A;
  outline: 0; }
.button.button-orange,
button.button-orange,
input[type="submit"].button-orange,
input[type="reset"].button-orange,
input[type="button"].button-orange {
  color: #fff;
  background-color: #FDBB43;
  border-color: #FDBB43; }
.button.button-orange:hover,
button.button-orange:hover,
input[type="submit"].button-orange:hover,
input[type="reset"].button-orange:hover,
input[type="button"].button-orange:hover,
.button.button-orange:focus,
button.button-orange:focus,
input[type="submit"].button-orange:focus,
input[type="reset"].button-orange:focus,
input[type="button"].button-orange:focus {
  color: #FDBB43;
  background-color: #fff;
  border-color: #FDBB43; }
.button.button-white,
button.button-white,
input[type="submit"].button-white,
input[type="reset"].button-white,
input[type="button"].button-white {
  background-color: #FFFFFF;
  border-color: #FFFFFF; }
	.button.button-white:hover,
	button.button-white:hover,
	input[type="submit"].button-white:hover,
	input[type="reset"].button-white:hover,
	input[type="button"].button-white:hover,
	.button.button-white:focus,
	button.button-white:focus,
	input[type="submit"].button-white:focus,
	input[type="reset"].button-white:focus,
	input[type="button"].button-white:focus {
		color: #fff;
	  border-color: #FFFFFF !important;
	    background-color: rgba(25, 25, 25, 0);
	  outline: 0; }
.careers-button {font-size: 1.1rem; color: #272727; border: 1px solid #272727 !important; font-weight: 700;}
.careers h3 {font-weight: 500;}
.careers p {font-size: 1.2rem;}
.container {padding: 3rem 1.5rem;}
img {max-width: 100%;}
.navbar { display: inline; padding: 0 !important;}
a.navbar-brand {padding: 1rem; position: absolute; right: 0; z-index: 10000;}
.navbar-toggler-left { position: absolute; left: 1rem;}
.navbar-toggler-icon {background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'  fill='rgb(234,234,234)'%3E%3Crect x='1' y='4' width='100%' height='2' /%3E%3Crect x='1' y='14' width='100%' height='2' /%3E%3Crect x='1' y='24' width='100%' height='2' /%3E%3C/svg>") !important; }
.navbar-light .navbar-toggler {color: #eaeaea; border: 1px solid #eaeaea; border-radius: 0; padding-bottom: 2.1rem;}
.navbar-light .navbar-nav .nav-link {font-size: .85em; color: #eaeaea !important;}
#collapsingNavbar > ul.navbar-nav {padding: 1rem 5rem;}
#rn-navbar .rn-navigation li > a > span, #rn-breadcrumbs #bri span, #rn-navbar #nv-txt, #rn-navbar #rn-bck {font-family: "industry", sans-serif;}
.top-navbar {text-align: right; background: #000000; padding: .1rem 1rem;}
.top-navbar ul {display: inline-block;}
.top-navbar ul > li {display: inline-block; padding-right: 1rem;}
.top-navbar a{color: #ffffff !important;}
.top-navbar > div.social {margin-top: .5rem;}
.top-navbar > div.social > ul > li {padding-right: .5rem;}
.bg-primary { background-color: transparent !important; }
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
	padding-top: 5.5rem;
}
.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}
.cover-container {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.row {padding: 0; margin: 0;}
.inner {padding: 30px;}
.internal-header { text-align: center;}
/* OLD BG FOR SITE WRAPPER background: url('../images/fraud-detection-hdr.jpg')*/
.site-wrapper { background-size: cover; background-position: center; background-attachment: fixed; padding: 7rem 0;}
.home { padding-top: 15rem;}
.home h2 { font-family: "aktiv-grotesk-extended", sans-serif; font-weight: lighter;}
.cover-container {}
.site-wrapper h1 {color: #ffffff; font-size: 3rem !important; font-weight: normal !important;}
.site-wrapper h2 {font-size: 1.1rem !important; margin-top: 30px; font-weight: 400 !important; color: #fefefe; line-height: 2.2rem;}
.site-wrapper hr, hr.short {border-top: 1px dotted #a9a9a9; width: 25%; margin: 2rem auto;}
.site-wrapper p {color: #ffffff; font-size: 1.1rem; line-height: 1.1rem !important;}
.home img {max-width: 75%;}
.observe-image img, .transact-image img, .engage-image img {opacity: .1;}
.home > .row {margin-bottom: 7rem;}
#observe, #transact, #engage, #logoindex {
		width:100%;
		max-height:400px;
		display:block;
		box-sizing: border-box;
		transform: translate3d(0,0,0);
		opacity: .2;
}
.top-row-home {margin-bottom: 35rem !important;}
.top-row-home h1 {display: none;}
.main-stack {position: absolute; top: 0; opacity: .1; text-align: center;}
.main-stack img{max-width: 60%; max-height: 1000px;}
#observe, #transact, #engage, #logoindex {overflow: hidden;}
#observe, #transact {text-align: left;}
#logoindex, #engage {text-align: right;}
#logoindex > svg, #engage > svg {margin-right: -10rem;}
#observe > svg, #transact > svg {margin-left: -10rem;}
.logoindex {position: absolute; right: 0; top: 3rem;}
.observe, .transact, .engage {position: absolute;}
.engage {right: 0;}
svg {max-height: 400px;}
path {stroke: darkgray;}
.features {padding: 40px 50px 50px 50px !important; background-color: #f4f4f4 !important;}
.features > div {text-align: center;}
.features p {padding-left: 20px; padding-right: 20px; padding-bottom: 20px; color: #ffffff;}
.features h3 {padding-top: 20px;  padding-bottom: 20px; text-align: center; font-size: 1.9em; font-weight: 500; letter-spacing: 0.3em; color: #c7c7c7;}
.features hr {margin-top: 6rem;}
/*.circle {border-radius: 100%; border: 1px solid #B6C675; width: 100px; height: 100px; margin: 20px auto;}*/
.circle {margin: 20px auto;}
.circle img {width: 135px; height: 135px; }
.circle .fa {margin: 15px; color: #ffffff;}
.intro-1 { height: 300px; }
p.section-pad { position: relative; top: 50%; transform: translateY(-50%); font-size: 1.15em; line-height: 1.7rem; margin-top: 0; }
.section > .row > .col-lg-6 {padding: 0;}
/*.section-image img {
    max-height: 500px !important;}*/
.section-image {background-position: center; }
.hr-arrow { display: block; text-align: center; overflow: hidden; white-space: nowrap; width: 85%; margin: 3rem auto;}
.hr-arrow > span {position: relative; display: inline-block;}
.hr-arrow > span:before, .hr-arrow > span:after {
        content: "";
        position: absolute;
        top: 50%;
        width: 9999px;
        height: 1px;

        border-top: 1px dotted #a9a9a9;
    }
.hr-arrow > span:before { right: 100%;}
.hr-arrow > span:after {left: 100%;}
.hr-arrow > span > i {border: 1px solid #a9a9a9; border-radius: 50%; padding: .7rem; margin: 1rem; color: orange;}
.sub-headline {margin-bottom: 2rem; text-transform: uppercase;}
.section-content {padding: 4rem !important; }
.light img, .medium img, .dark img{width: 100%;}
.medium h5, .light h5 {font-size: 1.2rem; font-weight: 700; margin-bottom: 15px; color: #95989A;}
.light h6 {text-align: center; font-weight: 700;}
.medium {background-color: #F6F6F6;}
.medium h4, .light h4{color: #B2B4B5; font-weight: 400; width: 100%; text-align: center; letter-spacing: .6rem; margin-bottom: 1.5rem;}
.medium p {color: #666666;}
.light {background-color: #ffffff;}
.light p {color: #666666;}
.dark {background-color: #4D4D4D;}
.dark h5 {color: #ffffff;}
.dark p{color: #7B7B7B;}
.dark p.headline {color: #ffffff; margin-top: 1rem; margin-bottom: .4rem;}
p.lead {font-size: 1rem; font-weight: 500;}
.torch-pricing {padding-top: 2rem;}
.torch-pricing h5 {color: #666666; margin-bottom: .1rem;}
.torch-pricing p {font-size: 1.1rem;}
.torch-pricing .fa-angle-right {margin-top: 2rem; color: #c8c8c8;}
.solutions-whitepaper {background: #f1ab52;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right top, #ff7c0b, #f6bc40);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right top, #ff7c0b, #f6bc40); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 color: #ffffff; text-transform: uppercase;}
.solutions-whitepaper p{ font-size: .9rem;}
p.tag {font-size: 1.2rem; font-weight: bold; letter-spacing: .2rem; margin-top: .1rem;}
#sitemap {padding-bottom: 3rem;}
#sitemap > div > ul {column-count: 2;}
#sitemap a, #sitemap h5 {padding: .7rem 0 .3rem 0; margin-bottom: 0; font-family: "quasimoda", sans-serif;}
#sitemap h5.colspan {column-span: all;}
#sitemap a.sub-page {margin: .1rem 0;}
.pre-footer {background: #666666; color: #ffffff;}
p.pre-footer-header {margin-bottom: .5rem; font-weight: bold;}
p.pre-footer-text {font-size: .8rem;}
.pre-footer a, .footer a{font-size: .8rem; color: #FDBB43;}
.pre-footer-social li{display: inline-block; padding-right: .5rem;}
.footer > .container {padding: 1rem 0;}
.footer {background-color: #000000; }
.footer p{color: #ffffff; font-size: .8rem;}
ul.footer-nav > li{display: inline-block;}
ul.footer-nav > li{border-right: 1px solid #FDBB43;}
ul.footer-nav > li:last-of-type{border-right: none;}
ul.footer-nav > li > a{padding: .1rem 1rem;}

/* Media Queries */
@media (min-width: 770px) and (max-width: 1025px) {
            .intro-1 { height: 750px; }
        }
@media (max-width: 740px) {
            .intro { height: 600px; }
        }
@media (min-width: 768px) {
  /* Pull out the header and footer */
  /* Start the vertical centering */
  .site-wrapper-inner { vertical-align: middle; }
  /* Handle the widths */
  .cover-container { width: 100%; /* Must be percentage or pixels for horizontal alignment */}
}
@media (min-width: 992px) {
  .cover-container { width: 775px; }
}