html, body {
    max-width: 100%;
    overflow-x: hidden;
}
body {
	font-family: "Open Sans", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	min-height:100vh;
	font-size:15px;
	overflow-x: hidden;
}
.hidden {
	display:none;
}
.bloc {
	display:block;
}
.btn-plain {
	background:#e3e3e3;
}

.close {
	text-align: right;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: -10px;
}
img {
	max-width:100%;
}
.rel {
	position:relative;
}
.round_edges {
	border-radius:50%;
}

.btn-sml {
	font-size:0.9em;
}
.btn-large {
    font-size: 1.1rem;
    margin-right: 0px;
    padding: 8px 10px;
	margin:10px 0 0 0;
}
.onehun {
	width:100%;
}
.sml-mrg {
	margin:10px 0;
}
.sml-mg-horiz {
	margin:0 10px;
}
.big_text {
	font-size:1.2em;
}
.mrg_none {
	margin:0 !important;
}
.pad_none {
	padding:0 !important;
}
.sml_pad_btm {
	padding-bottom:10px;
}
.sml_txt {
	font-size:0.7em;
}
.sml_med_txt {
	font-size:0.85em;
}
.overlay {
	width:100%;
	height:100%;
	position:fixed;
	background:rgba(0,0,0,0.7);
	z-index:1;
}


/*COLORS*/
.bg-blue {
	background:#213870 !important;
	color:white;
}
.bg-light-blue {
    background: #b3c2e6 !important;
}
.bg-lightest-blue {
    background: #e2e7f3 !important;
}
.bg-333 {
    background: #333 !important;
	color:white;
}
.btn-success {
    color: #fff;
    background-color: #213870;
    border-color: #213870;
}
	.btn-success:hover {
		background-color: #1b3167;
		border-color: #213870;
	}
	.btn-success:active {
		background-color: #1b3167;
		border-color: #213870;
	}
.btn-success2 {
	border:1px solid #e3e3e3;
	background:#f9f9f9;
}
	.btn-success:hover {
		background-color: #213870;
		opacity:0.9;
	}
.btn-outline-success {
    color: white;
    border-color: white;
}
	.btn-outline-success {
		color: white;
		border-color: white;
	}
	.btn-outline-success:hover {
		color: #000 !important;
		border-color: white;
		opacity:0.8;
		background:white;
		transition:0.3s;
	}
.btn-primary {
    color: #fff;
    background-color: #213870;
    border-color: #213870;
}
.btn-primary:hover {
	opacity:0.9;
    background-color: #213870;
}
.btn-outline-primary {
    color: #213870;
    border-color: #213870;
}
.btn-outline-primary:hover {
    color: white;
    background-color: #213870;
}

.navbar-dark {
	position:fixed;
	width:100%;
	z-index:99;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.9);
    padding: 0 18px;
    margin: 0;
}

.navbar-brand {
    display: inline-block;
    padding-top: 0.48rem;
    padding-bottom: 0.3125rem;
	transition:0.2s;
}
.navbar-brand:hover {
    padding-top: 0.3125rem;
    padding-bottom: 0.48rem;
	transition:0.2s;
}

/* FOOTER */
.footer {
	background:#333;
	color:white;
	padding:60px 0 40px 0;
}
	.footer ul li {
		list-style-type:none;
		margin:0;
		padding:0;
	}
		.footer ul li a {
			color:white;
			font-size:1em;
			text-decoration:none;
			margin:4px 0;
			display:inline-block;
		}
		.footer ul li a:hover {
			text-decoration:underline;
		}
		.footer ul li a.top {
			font-weight:bold;
			font-size:1.1em;
			margin-top:20px;
		}
		.footer ul li a.top:hover {
			text-decoration:none;
			cursor:default;
		}
	.footer p {
		font-size:0.9em;
	}
	.footer h4 {
		font-size:1.1em;
		margin:20px 0 15px 0;
		padding:0;
		font-weight:bold;
	}
	.footer a {
		color:white;
		text-decoration:underline;
	}
.unflex {
	display:block !important;
    justify-content:unset !important;
    align-items:unset !important;
	min-height:0 !important;
}
.border_ccc {
	border:1px solid #ccc;
}

/*landing pages*/
.lp .banner {
	margin-top:110px;
}
.lp #demo .pad_div {
}
.lp .home_section {
	min-height:0 !important;
	padding:50px 0 !important;
}
.lp .abstract_circle {
	height:500px !important;
}

/*homepage stuff*/
h1,h2,h3,h4,h5 {
	font-family:"Open Sans", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}
.home h1 {
	font-size:2.5rem;
}
.home_section p {
}
.intro_msg {
    padding: 20px 0px 5px 0;
	margin:20px 0 10px 0;
}
.home .banner {
	background-size:contain;
	background-repeat:no-repeat;
	background-position: bottom right;    
	min-height: calc( 100vh + 69px );    
	display: flex;
    justify-content: center;
    align-items: center;
}
.banner .text {
	background: rgba(255,255,255,0.6);
    padding: 30px;
}
.banner h1 {    
	font-weight: bold;
	font-size: 3rem;
}
.banner p {
	font-size:1.8em;
	padding-bottom:0px;
}
.banner a {
	font-size:1rem;
}
.banner ul.ticks {
	font-size:1.2rem;
	padding-left:0;
}
.banner ul.ticks i {
	color:#213870;
}
.banner ul.ticks a {
	color:#333;
}
.home_example {
	margin-top:50px;
}
.home .banner img {
	box-shadow:-10px 10px 0px -5px #213870;
	cursor:pointer;
}
.abstract_circle {
	shape-outside: ellipse(100px 200px at 50% 50%);
    clip-path: ellipse(110% 330px at 0% 26%);
    width: 100%;
    height: 730px;
    position: absolute;
    opacity: .2;
    background-color: #6e87c4;
}
.dark_section {
	color:white;
}	
	.dark_section a {
		color:white;
	}


.light_section {
	color:white;
	margin:30px 0;
}	

.home .home_section {
	min-height:calc( 100vh - 40px );
	display: flex;
    justify-content: center;
    align-items: center;
	padding:20px 0;
}
	.home_section h2 {
		font-size:2.3em;
	}
	.home_section ul {
		margin-top:20px;
		padding-left:0;
	}
	.home_section ul li {
		font-size:1.4em;
		margin:10px 0;
	}
	.home_section ul li i {
		margin-right:10px;
	}
	.home_section ul li a {
	    line-height: 1em;
		font-size:1.3rem;
	}
.timeline {
	margin:50px 4% 10px 4%;
	padding-top:0px;
	border-top:3px dashed #213870;
}
.timeline span {
	width:20px;
	height:20px;
	margin-top:-10px;
	display:inline-block;
	border-radius:50%;
	background:#213870;
	position:absolute;
	top:-2px;
	left:46%;
}
.home_section .item p {
	font-size:1.05em;
}
.step_content {
	padding:20px;
}
.step_content p {
	font-size:1.2em;
}
.step_content img {
	padding:0px 20px 20px 20px;
}
.section_img {
	background-size:contain;
	background-repeat:no-repeat;
	background-position: center center;
	min-height:500px;
}
.section_img .middle_box {
	background: rgba(255,255,255,0.9);
    padding: 30px 34px 30px 34px;
    border: 4px dashed #ccc;
    margin: 30px 10px;
}
.section_img .middle_box {
	text-align:left;
	font-size: 1.05em;
}
.section_img .middle_box a {
	display:block;
}
.section_img .middle_box h4 {
    font-size: 2.6em;    
	padding: 12px 0px 12px 0;
    font-size: 2.5em;
    margin: -10px -90px 20PX -90PX; 
    text-align: center;
	background:white;
}
.pic_shadow {
	box-shadow:-20px 20px 0px #131824;
}
.pic_shadow_sml{
	box-shadow:-10px 10px 0px #131824;
}
ul.ticks li {
	list-style-type:none;
}
.three_items_imgs .item {
	padding:70px 70px 0 70px;
}
	.three_items_imgs .item span {
		font-size: 1.6rem;
		margin-top: 30px;
		display: block;
		margin-bottom: 10px;
	}
	.three_items_imgs .item p {
	}	
	
input[type="text"]  {
    margin: 10px 0 0 0;
    display: block;
    padding: 8px 16px;
    font-size: 1.3rem;
	width:100%;
}
	
input[type="submit"] {
    margin: 10px 0 0 -10px;
    font-size: 1rem;
    line-height: 1.7em;
    padding: 10px 10px;
    display: block;
    width: 100%;
}
input[type="checkbox"] {
	display:inline;
	margin-top:3px;
}
label {
	margin-bottom:0;
}

.banner .pairplane {
	max-width:200px;
}
.pad_div {
	padding:40px 60px;
}
.terms {
	font-size:0.8rem;
}
.home .benefits img {
	margin-top:0px;
}
	
	
.angled_box {
	 -webkit-clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
clip-path: polygon(2% 0%, 100% 5%, 100% 95%, 0 100%);
}
.video_viewer { 
    background: transparent;
    border: 0;
    padding: 0;
    margin: 20vh 15% 20vh 15%;
    overflow: hidden;
    width: 70%;
	position:fixed;
	transition:1s;
}
.video_viewer .embed_holder {
	
}
.video_viewer .embed_holder iframe {
	min-height:60vh;
	width:100%;
}

.btn-outline-success {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5 !important;
} 

.video-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	padding-top: 30px; 
	height: 0; 
	overflow: hidden; 
}
.video-container iframe, .video-container object, .video-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	border:0;
}
.even_cols {
	table-layout: fixed;
}
thead.bg-blue {
	color:white;
}
.table thead {
	font-size:1.1rem;
	font-weight:500;
}
.table tbody {
	font-size:1rem;
}
.table tbody tr td {
	background-color:#fff;
}
.table tr td {
	vertical-align: middle;
}
.text-left {
	text-align: left;
}
.footer ul {
	padding-left:0;
}
.benefits a:hover {
	text-decoration: none;
	color:#f4f4f4;
}
	
/*OTHER PAGES*/
.page .angled_box {
	margin-top: 80px;
}
.orange_bg {
	background-color:#f7c4c1;
}
.page .content {
	padding-top:60px;
	min-height:50vh;
}
.page h1 {
	font-size:2.4em;
	margin-top:110px;
}
.page .title_section > div {
	padding-top:20px;
}
.page p {
	line-height:2;
}
.page .right_col p {
	
}
.page .page_section {
	padding:60px 0;
}

.pricing .card-deck {
	margin:50px 35px;
}
.page .banner {
    padding: 10px 0 20px 0;
}
.page .banner img {
	margin-top:30px;
}
.page .text_image_panel {
	padding:40px 0;
}
.page .text_image_panel .text {
	position: absolute;
	top: 50%;
	transform: translate(0%, -50%);
	padding: 0 50px;
	font-size:1.15rem;
}
.capabilities span {
	display:block;
	padding:10px 0;
}
.page .text_panel {
}
.page .vert_pad {
	padding:40px 0;
}
.page .page_section_sml {
	padding:30px 0;
}
.page hr {
	margin:0;
}
.no-pad {
	padding:0;
}
.border_btm {
	border-bottom:1px solid #e3e3e3;
}
.interactive_selector {
    margin: 16px 0px 16px 0px;
    border-top: 1px solid #f4f4f4;
    background-color: #fff;
    padding: 16px 24px;
    cursor: pointer;
    transition: 0.3s;
    box-shadow: 0px 0px 8px #e3e3e3;
}
.interactive_selector:hover, .panel_interactive .selected {
    margin-left: -30px;
}
.panel_interactive .image_bank img {
	transition: all 0.5s ease;
	width:100%;
}
.interactive_selector h4 {
	font-size:1.3rem;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	font-size: 1.1rem;
    text-transform: uppercase;
}
.interactive_selector p {
    margin-bottom:0;
	line-height:1.6;
}
.panel_interactive img {
	box-shadow: -5px 5px 0px #7b89ac;
    border-radius: 8px;
    border: 1px solid #e1d6d6;
	padding: 10px 4px;
	background-color: #fff;
}
.panel_interactive .top {
}
.panel_interactive .bottom {
}
.pills_bg {    
	background-image: url(../images/shapes.gif);
    background-position: center center;
    background-size: cover;
	background-repeat: no-repeat;
}
.use_cases .bg_white_trans {
	margin-top:20px;
	box-shadow: -10px 10px 0px -5px #213870;
}
.lighter-blue-bg {
	background-color:#ecf1fd !important;
}
.bg_f4 {
	background-color:#f4f4f4 !important;
}
.bg_white_trans {
	background:rgba(255,255,255,0.7);
}
.bg_vert_blue_fade {
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgb(221, 226, 240) 0%, rgba(255,255,255,1) 50%, rgb(221, 226, 240) 100%);
}
.panel_right .interactive_selector {
	margin-left:0;
}
.panel_right .interactive_selector:hover,.panel_right .selected {
	margin-right:-30px;
	margin-left:0;
}

.extra_pad {
	padding:20px;
}
.use_cases hr {
	margin:10px 0;
}

/* LANDING PAGES */
.landing_page {
	overflow: hidden;
	background:#e6e8ef;
}
.lp_logo {
	max-width:150px;
	margin:60px 0 80px 0;
}
.vertical_central {
	display: flex;
	justify-content: center;
	align-items: center;
}
.landing_topper {
	min-height:100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	color:#333;
}
.landing_topper .main-img {
	min-width:100%;
}
.landing_topper h1 {
	font-family:palatino,serif;
	font-size:2.7rem;
}
.landing_topper h2 {
	font-size:1.3rem;
	text-transform: uppercase;
	letter-spacing: 4px;
	margin:40px 0 0px;
}
.landing_topper p {
	font-size:1.15rem;
}
.lp_cta {
	display:inline-block;
	padding:15px 25px;
	text-align: center;
	color:white !important;
	background:#213870;
	margin:15px;
}
.lp_cta:hover {
	opacity:0.9;
	text-decoration: none;
}
.landing_topper span {
	display:block;
	font-size:0.9rem;
}
.lp_footer {
	margin:70px 0;
}
.lp_footer i {
	font-size:1.3rem;
	margin-right:5px;
}
.lp_widget {
	max-width: 200px;
    position: absolute;
    background: white;
    z-index: 99;
    padding: 12px;
    box-shadow: 0px 0px 4px 1px #ccc;
    border-radius: 5px;
}
.lp_widget p {
	font-size:13px;
	letter-spacing:0px;
	font-weight:500;
	padding:0;
	margin:0;
}
.lp_widget span {
	font-size:13px;
	letter-spacing:0px;
	font-weight:400;
}
.lp_widget .icon {
	padding: 8px 14px 0 0px;
}
.landing_topper .left_section {
	padding-right:100px;
}
.lp_overlay {
	width:100%;
	height:100vh;
	position:fixed;
	background:rgba(0,0,0,0.7);
	z-index:100;
}
.lp_popup {
	z-index:101;
	background:white;
	left: 50%;
	transform: translate(-50%, 0%);
	border-radius:8px;
    position: absolute;
	margin-top:40px;
}
.pop_inr {
	padding:100px;
}
.bg_beige {
	background:#f9ebe0;
}
.lp_popup h2 {
	font-family:palatino,serif;
	font-size:2.3rem;
}
.lp_popup ul,.landing_topper ul {
	margin:0 0 30px 0;padding:0;
}
.lp_popup ul li,.landing_topper ul li {
	list-style-type: none;
	padding:8px 0;
}
.quote_section {
	font-size:0.8rem;
}
.lp_popup form span {
	margin-top:14px;
	display:block;
}
.lp_popup form input[type="submit"] {
	margin-left:0px;
	background:#213870;
	color:white;
	border:0;
}
#eg_email {
	float:left;
	width:70%;
	margin:20px 0;
	border:1px solid #ccc;
}
#eg_submit {
	background:#213870;
	color:white;
	border:0;
	float:left;
	width:30%;
	margin:20px 0;
    padding: 11px 10px;
}
@media (max-width: 768px) {
	.landing_topper .left_section {
		padding-right:0px;
	}
}
@media (max-width: 991px) {
	.landing_page {
		max-height:unset;
	}
	.lp_widget {
		display:none;
	}
	.lp_logo {
		max-width:150px;
		margin:30px 0 40px 0;
	}
}
/* END LANDING PAGE STYLES */


@media (max-width: 768px) {
	.timeline {
		margin: 50px 4% 10px 4%;
		padding-top: 0px;
		border-top: 0;
	}
	.timeline span {
		display: none;
	}
	.modal-dialog {
		max-width: 100% !important;
	}
	input[type="submit"] {
		margin: 10px 0 0 0px;
	}
	.step_content img {
		max-width: 60%;
	}
	img.home_banner_img {
		margin:10px 0 40px 0 !important;
	}
	a.nav-link {
		font-size: 1.6em;
		margin: 10px 0 !important;
		text-align: center;
		padding: 10px 0 !important;
	}
	.banner h1 {
		margin-top: 20px !important;
	}
	.home_section {
		padding: 20px 0 !important;
	}
	.container {
		width: 94% !important;
	}
	.section_img .middle_box h4 {
		margin: -10px 0px 20PX 0PX !important;
	}
}
@media (max-width: 991px) {
	.home .banner  {
		margin-top:100px;
		padding-bottom:50px;
	}
	.home_section {
		padding:50px 0 !important;
	}
}
@media (min-width: 1000px) {
	.container, .container-sm, .container-md, .container-lg, .container-xl {
		max-width: 900px;
	}
}
@media (min-width: 1100px) {
	.container, .container-sm, .container-md, .container-lg, .container-xl {
		max-width: 1000px;
	}
}
@media (min-width: 1200px) {
	.container, .container-sm, .container-md, .container-lg, .container-xl {
		max-width: 1100px;
	}
}
@media (min-width: 1300px) {
	.container, .container-sm, .container-md, .container-lg, .container-xl {
		max-width: 1200px;
	}
}
@media (min-width: 1400px) {
	.container, .container-sm, .container-md, .container-lg, .container-xl {
		max-width: 1320px;
	}
}