/*
Theme Name: Basis Technology
Theme URI: http://underscores.me/
Author: Sunny Wanser for Basis Technology
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: basistechnology
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Basis Technology is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
	font-weight: 500;
}

a:active,
a:hover,
a:focus,
a:visited {
	outline: 0;
	text-decoration: none;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: 700;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
	margin-top: 15px;
	margin-bottom: 15px;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: 700;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}

td,
th {
	padding: 0;
}





/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body,
input,
select,
textarea {
	color: #1b2648;
	font-family: "Lato", sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

h1 {
	font-size: 42px;
	font-weight: 500;
	letter-spacing: 0.01em;
	margin-top: 0.5em;
	font-variant-ligatures: none;
	color: #183d7f;
	margin-bottom: 0.3em;
}

h2 {
	font-size: 42px;
	font-weight: 500;
	letter-spacing: 0.01em;
	margin-bottom: 20px;
	margin-top: 0;
	color: #183d7f;
	font-variant-ligatures: none;
}

h3 {
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 0.01em;
	margin-bottom: 0.3em;
	font-variant-ligatures: none;
	margin-top: 0;
	color: #183d7f;
	line-height: 1.2;
}

h4 {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0.01em;
	margin-bottom: 10px;
	margin-top: 5px;
	font-variant-ligatures: none;
	line-height: 1.4;
}

h5 {
	font-size: 24px;
	font-weight: 500;
	line-height: 36px;
	margin-bottom: 0;
	margin-top: 0;
	font-variant-ligatures: none;
	color: #183d7f;
}

h6 {
	font-size: 20px;
	font-weight: 700;
	color: #183d7f;
}

p {
	margin-bottom: 1.2em;
	font-weight: 300;
	line-height: 1.4;
	font-variant-ligatures: none;
}

h1:lang(ja), 
h2:lang(ja),  
h5:lang(ja), 
h6:lang(ja) {
  font-weight: 300;
  }
  
h4:lang(ja) {
  font-weight: 700;
  }

body:lang(ja) {
  font-weight: 300;
}

p:lang(ja) {
  font-weight: 300;
}

li:lang(ja) {
  font-weight: 300;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

.note {
	font-size: 16px;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	font-size: 13px;
	font-family: monospace, serif;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
	white-space: pre-wrap;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

.text-right {
	text-align: right !important;
}

.text-white {
	color: #fff !important;
}

@media screen and (max-width: 800px) {
	.text-right {
		text-align: left;
	}
}


@media screen and (max-width: 600px) {
	.text-center-mobile,
	.mobile-center {
		text-align: center;
	}
	.text-right {
		text-align: center;
	}
}




/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #e2e2e2;
	border: 0;
	height: 1px;
}

ul,
ol {
	margin: 0 0 1.5em 2em;
	padding: 0;
}

ul {
	list-style: none;
}

ul li {
	margin-bottom: 5px;
	position: relative;
	font-weight: 300;
}

ul li:before {
	color: #183d7f;
	content: "•";
	left: -20px;
	position: absolute;
}

ul > li > ul {
	margin-top: 5px;
	margin-bottom: 0 !important;
}

ul > li > ul > li:before {
	content: "–";
}

ol {
	list-style: decimal;
}

ol > li > p {
	padding-left: 5px;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 2em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

.well {
	padding: 13px 23px;
}

.well p {
	margin-bottom: 0.8em;
}

.well p + p {
	margin-bottom: 1.2em;
}

.well ul {
	margin-bottom: 7px !important;
}





/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background: #37bcff;
	color: #ffffff;
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	padding: 10px 35px;
	text-decoration: none;
	box-shadow: inset 0 0 0 0 transparent;
	-webkit-transition: box-shadow ease 0.8s;
	-moz-transition: box-shadow ease 0.8s;
	transition: box-shadow ease 0.8s;
	text-shadow: none;
	text-transform: uppercase;
	border: 0;
}
*/

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	opacity: 0.7;
}


input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #f6f6f6;
	border-radius: 0;
	background: #f6f6f6;
}

select {
	background: #f6f6f6;
	border: 0;
	padding: 10px;
	width: 90%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	background: #fff;
	border-color: #1b2648;
	transition: 0.5s;
	-webkit-transition: 0.5s;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
	padding: 10px;
	width: 90%;
}

textarea {
	padding-left: 10px;
	width: 90%;
}




/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a,
a:focus,
a:visited,
a:active {
	outline: 0;
	color: #37bcff;
	text-decoration: none;
}

a:hover {
	outline: 0;
	color: #183d7f;
	text-decoration: none;
}

a:focus {
	outline: 0;
}

.more {
	font-size: 16px;
	position: relative;
}

.more:after {
	content: "\f105";
	font-family: FontAwesome;
	padding-left: 5px;
}

.more:hover {
	text-decoration: none;
}

.more {
/* 	position: absolute; */
	bottom: 0;
	position: relative;
}

.products-more,
.plugins-more {
	margin-bottom: 15px;
	position: relative;
}

.builder-events .more {
	display: inline-block;
	margin-top: 15px;
	padding: 0;
	position: relative;
	bottom: auto;
}






/*--------------------------------------------------------------
## Buttons
--------------------------------------------------------------*/

.btn-primary {
	padding: 7px 25px;
	background: #37bcff;
	border: none;
	display: inline-block;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	text-align: center;
}

.btn-primary:hover {
	opacity: 0.7;
	background: #37bcff;
	border: none;
	text-decoration: none;
}

.btn-primary:active,
.btn-primary:focus {
	background: #37bcff !important;
	border: none;
	outline: none;
	text-decoration: none;
}

.btn-primary + .btn-primary {
	margin-left: 7px;
}

.btn-large {
	font-size: 18px;
	padding: 10px 24px;
}

a.btn-primary,
a.btn-primary:active,
a.btn-primary:focus,
a.btn-primary:hover {
	outline: 0;
	color: #fff;
	font-weight: 700;
}

@media screen and (max-width: 800px) {
	
	.btn-primary {
		width: 100%;
	}
	
	.btn-primary + .btn-primary {
		margin-left: 0;
	}
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

nav.navbar{
	background-color: rgba(255, 255, 255, 1);
	border-bottom: 0;
    box-shadow: 2px 0 6px rgba(0, 0, 0, 0.3);
	height: 90px;
	margin-bottom: 0;
}

nav.navbar .site-branding img {
	height: 60px;
	margin: 15px 0;
	
	-webkit-transition: height 0.3s ease;
    -moz-transition: height 0.3s ease;
    -o-transition: height 0.3s ease;
    transition: height 0.3s ease;
}

nav.navbar.shrink .site-branding img {
	height: 50px;
	margin: 15px 0;
	
	-webkit-transition: height 0.3s ease;
    -moz-transition: height 0.3s ease;
    -o-transition: height 0.3s ease;
    transition: height 0.3s ease;
}

.menu-main-menu-container .menu {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: right;
	padding-top: 26px;
}

.shrink .menu-main-menu-container .menu {
	padding-top: 24px;
	-webkit-transition: padding-top 0.3s ease;
    -moz-transition: padding-top 0.3s ease;
    -o-transition: padding-top 0.3s ease;
    transition: padding-top 0.3s ease;
}

.menu-main-menu-container .menu li {
	display: inline-block;
	font-size: 1.2em;
	padding: 0 10px;
}

.menu-main-menu-container .menu li:before {
	display: none;
}

.menu-main-menu-container .menu li a {
	color: #383a35;
	text-decoration: none;
	font-size: 18px;
	font-weight: 500;
	padding: 20px 5px;
	margin: 0 5px;
}

.menu-main-menu-container .menu li.lang-item a {
	padding: 10px 15px;
}

.menu-main-menu-container .menu li a:hover {
	color: #37bcff;
}

.menu-main-menu-container .menu li > .sub-menu {
	position: absolute;
	display: none;
	margin: 0 0 0 -40px;
	min-width: 160px;
	padding: 0;
	padding-top: 15px;
	text-align: left;
}

.menu-main-menu-container .menu li > .sub-menu::before {
	position: absolute;
	content: " ";
	left: 50%;
	top: 0;
	height: 20px;
	width: 40px;
	transform: translateX(-50%);
	border-bottom: 20px solid #383a35;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}

.menu-main-menu-container .menu li:hover > .sub-menu {
	display: block;
	-webkit-animation: menuIn 0.2s;
	animation: menuIn 0.2s;
}

.menu-main-menu-container .menu li.menu-item-22 > .sub-menu {
	margin: 0 0 0 -35px;
}

.menu-main-menu-container .menu li.menu-item-23 > .sub-menu {
	margin: 0 0 0 -43px;
}

.menu-main-menu-container .menu li.menu-item-21538 > .sub-menu,
.menu-main-menu-container .menu li.menu-item-21504 > .sub-menu {
	margin: 0 0 0 -90px;
}

.menu-main-menu-container .menu li > .sub-menu li {
	display: block;
	width: 100%;
	margin: 0;
	background-color: #383a35;
}

.menu-main-menu-container .menu li > .sub-menu li a {
	display: block;
	width: 100%;
	line-height: 1.4;
	color: #ffffff;
	font-size: 16px;
	padding: 8px 10px;
}

.menu-main-menu-container .menu li > .sub-menu li a:hover {
	color: #37bcff;
}

.menu-main-menu-container .menu li > .sub-menu li:first-child a {
	padding-top: 1.5em;
}

.menu-main-menu-container .menu li > .sub-menu li:last-child a {
	padding-bottom: 1.5em;
}

.lang-item a {
	border: 1px solid #383a35;
}

.lang-item a:hover {
	border: 1px solid #37bcff; 
}

.current-lang {
	display: none !important;
}

@media screen and (max-width: 1200px) {
	.menu-main-menu-container .menu li a {
		padding: 20px 0;
	}
}

@media screen and (max-width: 992px) {
	.menu-main-menu-container .menu li a {
		font-size: 15px;
	}
	.menu-main-menu-container .menu li > .sub-menu::before {
		left: 45%;
	}
}

@media screen and (max-width: 880px) {
	.menu-main-menu-container .menu li {
		padding: 0 5px;
	}
}



/*** Mobile ***/

/* Hamburger Icon and "X" */

.mobile-navigation {
	display: none;
	color: #383a35;
	padding-right: 10px;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 502;
}

.mob-menu {
	padding-top: 25px;
	text-align: right;
	color: #383a35;
	opacity: 1;
}

.mob-menu i {
	font-size: 2em;
	cursor: pointer;
	color: #383a35;
}

.mob-menu.close {
	color: #383a35;
	opacity: 1;
}

.mob-menu.close i {
	font-size: 1.5em;
}

body.active {
  	position: fixed;
  	left: 0;
  	right: 0;
}

.main-mobile-menu-container {
	position: fixed;
	top: 90px;
	right: -105%;
	bottom: 0;
	width: 100%;
	background: #fff;
	transition: right .5s ease-in-out;
	-webkit-transition: right .5s ease-in-out;
	z-index: 10000;
	text-align: left;
}

.main-mobile-menu-container.active {
	right: 0;
}

.main-mobile-menu-container.overflow-y {
	overflow-y: scroll;
}

.main-mobile-menu-container menu {
	padding-left: 0;
}

.main-mobile-menu-container .main-menu {
	border-top: 1px solid #e2e2e2;
	margin-top: 0;
}

.main-mobile-menu-container .main-menu ul {
	margin: 0;
	padding: 0;
}

.main-mobile-menu-container .main-menu li {
	border-bottom: 1px solid #e2e2e2;
	display: block;
	font-size: 14px;	
	list-style-type: none;
	position: relative;
	padding: 0 0 0 20px;
}

.main-mobile-menu-container .main-menu li:before {
	display: none;
}

.main-mobile-menu-container .main-menu li li {
	border-bottom: 0;
}

.main-mobile-menu-container .main-menu li .expand {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	display: inline-block;
	border-bottom: 0 !important;
	padding: 10px 32px 10px 10px;
}

.main-mobile-menu-container .main-menu li .expand:hover {
	background: none;
	border-left: 0;
}

.main-mobile-menu-container .main-menu li .expand:after {
	color: #383a35;
	content:"\f107";
	font-family: FontAwesome;
}

.main-mobile-menu-container .main-menu li .expand:hover:after {
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

.main-mobile-menu-container .main-menu li.active > .expand:after {
    font-family: FontAwesome;
	content:"\f106";
}

.main-mobile-menu-container .main-menu li .sub-menu {
	display: none;
}

.main-mobile-menu-container .main-menu li .sub-menu:last-child {
	padding-bottom: 10px;
}

.main-mobile-menu-container .main-menu a {
	display: block;
	color: #383a35;
	padding: 10px;
	text-decoration: none;
}

.main-mobile-menu-container .main-menu a:hover,
.main-mobile-menu-container .main-menu > li.active > a {
	color: #213768;
}

.main-mobile-menu-container .main-menu li li > a {
	padding: 5px 10px 5px 15px;
	text-transform: none;
}

.main-mobile-menu-container .main-menu li li li > a {
  	padding-left: 30px;
}

@media screen and (max-width: 900px) {
	.mobile-navigation {
		display: block;
	}
	
	.menu-main-menu-container {
		display: none;
	}
	
	.lang-item a,
	.lang-item a:hover {
		border: 0;
	}

}





/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/

/*** About, Gov't Solutions, Product, and Contact ***/

.site-footer {
	color: #cdcdcd;
	font-size: 14px;
	line-height: 1.8;
}

.site-footer .row {
	padding-top: 30px;
	padding-bottom: 30px;
}

.site-footer a {
	color: #b7b7b7;
	font-weight: 300;
	text-decoration: none;
}

.site-footer a:hover {
	text-decoration: underline;
}

.site-footer p {
	color: #b7b7b7;
	font-weight: 300;
	line-height: 1.8;
}

.site-footer p strong {
	color: #fff;
}

.site-footer hr {
	background-color: #636363;
	height: 1px;
}

.menu-footer-menu-container .menu,
.menu-footer-menu-ja-container .menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu-footer-menu-container .menu li,
.menu-footer-menu-ja-container .menu li {
	display: inline-block;
	vertical-align: top;
}

.menu-footer-menu-container .menu li:before,
.menu-footer-menu-ja-container .menu li:before {
	display: none;
}

#menu-item-158,
#menu-item-19814 {
	width: 25%;
}

#menu-item-21142 {
	width: 40%;
}



.menu-footer-menu-container .menu li a,
.menu-footer-menu-ja-container .menu li a {
	color: #ffffff;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
}

.menu-footer-menu-container .menu li a:hover,
.menu-footer-menu-ja-container .menu li a:hover {
	color: #f6f6f6;
	text-decoration: none;
}

.menu-footer-menu-container .menu li .sub-menu,
.menu-footer-menu-ja-container .menu li .sub-menu {
	margin: 0;
	padding: 0;
}

.menu-footer-menu-container .menu li .sub-menu li,
.menu-footer-menu-ja-container .menu li .sub-menu li {
	display: block;
	width: 100%;
}

.menu-footer-menu-container .menu li .sub-menu li a,
.menu-footer-menu-ja-container .menu li .sub-menu li a {
	color: #b7b7b7;
	font-weight: 300;
	text-decoration: none;
	text-transform: none;
}

.menu-footer-menu-container .menu li .sub-menu li a:hover,
.menu-footer-menu-ja-container .menu li .sub-menu li a:hover  {
	text-decoration: underline;
}


/*** Copyright, Terms of Use, and Social Links ***/

.deep-footer {
	color: #cdcdcd;
	font-size: 14px;
}

.deep-footer p {
	margin: 0;
}

.deep-footer .row {
	padding-top: 30px;
	padding-bottom: 30px;
}

.deep-footer a {
	color: #cdcdcd;
}

.deep-footer a:hover {
	color: #f6f6f6;
}

.menu-copyright-menu-container,
.menu-copyright-menu-ja-container {
	display: inline-block;
}

.deep-footer {
	padding-top: 0 !important
}

.deep-footer .menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.deep-footer .menu li {
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 0;
}

.deep-footer .menu li:before {
	color: #cdcdcd;
	content: "|";
	left: 0;
	padding-right: 10px;
	position: relative;
}

.social-links a {
	font-size: 40px;
	margin-right: 10px;
	text-decoration: none;
}

.social-links a:hover {
	text-decoration: none;
}

.copyright p {
	display: inline-block;
}

@media screen and (max-width: 800px) {
	.menu-footer-menu-container .menu li,
	.menu-footer-menu-ja-container .menu li {
		width: 100%;
	}
	
	#menu-item-158,
	#menu-item-19814,
	#menu-item-21142 {
		width: 100%;
		margin-top: 15px;
	}
	
	#menu-item-19814 {
		margin-bottom: 15px;
	}
}




/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin: 1.5em 1.5em 1.5em 0;
}

.alignright {
	display: inline;
	float: right;
	margin: 1.5em 0 1.5em 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 1.5em auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}





/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
/* 	margin: 0 0 1.5em; */
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
/* 	margin: 1.5em 0 0; */
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}



/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}



/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}



/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}



/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}



/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}



/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}



/*--------------------------------------------------------------
# Ribbon + Ribbon Box
--------------------------------------------------------------*/

.ribbon, 
.ribbon-products {
	background: #1b2648;
	color: #ffffff;
	display: inline-block;
	margin-left: -35px;
	padding: 10px 40px;
	position: relative;
}

.ribbon {
	margin-bottom: 20px;
}

.ribbon-products {
	margin-bottom: 10px;
}

.ribbon:before {
	border-color: #37bcff;
	border-style: solid;
	border-width: 0;
	border-top-width: 15px; 
	content: '';
	position: absolute;
	left: 0;
	bottom: -15px; 
	border-left: 30px solid transparent; 
}


.ribbon-box {
	background: #f6f6f6;
	padding: 30px 5px;
}

.ribbon-box-white {
	background: #fff;
	padding: 30px 5px;
	border: 1px solid #e2e2e2;
	margin-top: 15px;
	margin-bottom: 15px;
}

.ribbon-box-row {
	margin-left: 0;
	margin-right: 0;
}


@media screen and (max-width: 800px) {
	.ribbon {
		margin-left: -10px;
		padding: 10px 20px;
	}
	
	.ribbon:before {
		display: none;
	}
}

@media screen and (max-width: 600px) {
	.ribbon {
		margin-left: -20px;
	}
}



/*--------------------------------------------------------------
# Card Container (mostly for case studies)
--------------------------------------------------------------*/


.card-container,
.card {
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
	padding: 15px 20px;
	margin-bottom: 20px;
	margin-top: 10px;
	overflow: auto;
}


/*

.card-inner {
	background: #ffffff;
	border-radius: 5px;
	padding: 20px 20px 15px 20px;
	position: relative;
	width: 100%;
}
*/



.card h2 {
	color: #183d7f;
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 10px;
}

.card p {
	color: #383a35;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.4;
}

.card p:last-child {
	margin-bottom: 0;
}

.card img {
	max-height: 30px;
/* 	width: 100%; */
	text-align: center;
}


@media screen and (max-width: 768px) {	
	.card {
		display: block;
		padding: 20px;
		margin-bottom: 20px;
		margin-left: -10px;
		margin-right: -10px;
	}
	
	.card-inner {
		width: 100%;
		margin: 0 auto;
	}
}




/*--------------------------------------------------------------
# Global
--------------------------------------------------------------*/

.entry-header {
	margin-bottom: 40px;
	margin-top: 90px;
}

.side-menu {
	padding: 20px;
	margin-bottom: 40px;
}

.side-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.side-menu li {
	margin-bottom: 10px;
}

.side-menu li:before {
	display: none;
}

.side-menu li a {
	color: #ffffff;
	font-weight: 500;
	text-decoration: none;
}

.side-menu li a:hover {
	color: #f6f6f6;
}

@media screen and (max-width: 400px) {
	.col-xxs-4 {
		width: 25%;
	}
	.col-xxs-8 {
		width: 75%;
	}
	.col-xxs-12 {
		float: none;
		width: 100%;
	}
}

/*--------------------------------------------------------------
# Customizations
--------------------------------------------------------------*/
.green {
	color: #60a845;
}

.white-bg {
	background: #fff;
}

.light-grey-bg {
	background: #f6f6f6;
}

.dark-bg {
	background: #292f33;
	color: #ffffff;
}

.dark-grey-bg {
	background: #383a35;
}

.darker-grey-bg {
	background: #363232;
}

.light-text {
	color: #cfcfd1;
}

.navy {
	color: #1b2648;
}

.dark-blue-bg {
	background: #1b2648;
	color: #ffffff;
}

.dark-blue-bg-padding {
	padding-top: 20px;
	padding-bottom: 25px;
}

.blue-box {
	background: #1b2648;
	color: #ffffff;
	padding: 25px 30px;
}

.blue-box h1, 
.blue-box h2,
.blue-box h3, 
.blue-box h4,
.blue-box a,
.blue-box a:visited {
	color: #37bcff;
}

.blue-box p,
.blue-box a:hover {
	color: #ffffff;
}

.main-margin-bottom {
	margin-bottom: 2.5em;
}

.firstchild-padding-top {
	padding-top: 10px;
}

.margin-bottom-remove {
	margin-bottom: 0;
}

.header-margin-top {
	margin-top: 20px;
}

.section-margin {
	margin-top: 20px;
	margin-bottom: 20px;
}


/*--------------------------------------------------------------
# Bootstrap Enhancements
--------------------------------------------------------------*/
.center-block {
	float: none;
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.container-fluid {
	padding: 0 15px;
}

.container {
	max-width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}

.content-column {
	padding-right: 30px;
	font-weight: 300;
}


/* For <hr> only */
.margin-bottom {
	margin-bottom: 20px;
}





.margin-top {
	margin-top: 10px;	
}

.no-side-padding {
	padding-left: 0;
	padding-right: 0;
}

.no-margin-bottom {
	margin-bottom: 0;
}

.remove-padding-top {
	padding-top: 0;
}




@media screen and (max-width: 1024px) {
	.container {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	
	.row-eq-height {
		display: block;
	}
	
	.content-column {
		padding-right: 0;
	}
	
	.one_fourth {
		clear: none !important;
		width: 50% !important;
	}
	
	.full_width, .one_half, 
	.one_third, .two_third, 
	.three_fourth, 
	.one_fifth, .two_fifth, 
	.three_fifth, .four_fifth, 
	.one_sixth, .five_sixth {
		clear: both;
		margin-bottom: 1em;
		margin-left: 0;
		margin-right: 0;
		width: 100% !important;
	}
	
	.mobile-margin-fix {
		margin-left: -15px !important;
		margin-right: -15px !important;	
	}
}


	@media screen and (max-width: 600px) {
		.row {
			margin-left: -5px;
			margin-right: -5px;
		}
	}


@media screen and (max-width: 480px) {
	.col-xxs-12 {
		width: 100%;
		text-align: center;
	}
	
	/* above could effect more than the homepage */
	
	.one_fourth {
		clear: both;
		margin-bottom: 1em;
		margin-left: 0;
		margin-right: 0;
		width: 100% !important;
	}
}

/*--------------------------------------------------------------
# Front Page Template (Builder)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Front Page Template (Builder) - Dark Row Masthead
--------------------------------------------------------------*/
.builder-dark-content {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	color: #ffffff;
	height: 800px;
	margin-top: 100px;
	max-height: calc(100vh - 100px);
	position: relative;
	text-align: center;	
	width: 100%;
	z-index: 0;
}

.fake-masthead {
	margin-top: 120px;
}

.builder-dark-masthead {
	background-color: #1b2648;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	color: #ffffff;
	height: 400px;
	margin-top: 90px;
	position: relative;	
	width: 100%;
	z-index: 0;
}

.builder-dark-masthead a.button {
	font-size: 16px;
	margin-top: 1em;
	padding: 5px 30px;
}

.dark-overlay {
	background: rgba(0, 0, 0, 0.1);
	content: "";
	display: block;
	position: absolute;
	top: 0; 
	right: 0; 
	bottom: 0; 
	left: 0;
	z-index: 1;
}

.builder-dark-content .inner-content,
.builder-dark-masthead .inner-content {
	display: block;
	position: absolute;
	transform: translateY(-40%);
	-webkit-transform: translateY(-40%);
	top: 40%;
	right: 0; 
	left: 0;
	position: absolute;
	z-index: 2;
}

.builder-dark-masthead .inner-content {
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	top: 50%;
}

.builder-dark-content h1 {
	color: #ffffff;
	font-size: 80px;
	font-weight: 900;
	margin-bottom: 0;
}

.builder-dark-masthead h1 {
	color: #ffffff;
	font-size: 73px;
	font-weight: 900;
	margin-bottom: 0;
	margin-top: 0;
	position: relative;
}

h1.builder-dark-masthead-ja {
	font-size: 67px;
}

/*

.builder-dark-masthead h1.large {
	font-size: 85px;
	font-weight: 700;
}

.builder-dark-masthead.builder h1 {
	font-size: 75px;
	font-weight: 900;
}
*/


.builder-dark-content h2,
.builder-dark-masthead h2 {
	color: #cdcdcd;
	font-size: 36px;
	font-weight: 500;
	margin-bottom: 20px;
}

.builder-dark-masthead h1.large ~ h2 {
	font-size: 40px;
	margin-top: 10px;
}
.builder-dark-masthead h2 {
	color: #ffffff;
}

.builder-dark-content p,
.builder-dark-masthead p {
	color: #cdcdcd;
	font-size: 18px;
	font-weight: 500;
}

.dark-product-logos {
	border-top: 1px solid #cdcdcd;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	text-align: center;
}

.dark-product-logo {
    opacity: 0.6;
    padding: 0 20px;
    transition: all 0.4s ease 0s;
}

.dark-product-logo:hover {
    opacity: 1;
    transform: scale(1.1);
}

.chevron {
	bottom: 0;
    display: inline-block;
    height: 20px;
    margin: 20px 0;
    opacity: 0.6;
    position: absolute;
    transition: all 0.4s ease 0s;
    width: 40px;
    z-index: 20;
}

.chevron:hover {
    opacity: 1;
}

.chevron::after, .chevron::before {
    content: " ";
    display: block;
    height: 10px;
    width: 40px;
}

.chevron::after {
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 10px solid #fff;
}

.chevron::before {
    border-left: 20px solid #fff;
    border-right: 20px solid #fff;
    border-top: 10px solid transparent;
}

.vcenter {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 100%;
}

@media screen and (max-width: 1024px) {
	.builder-dark-masthead h1 {
		font-size: 40px;
	}
}

@media screen and (max-width: 768px) {
	.builder-dark-content h2,
	.builder-dark-masthead h2 {
		font-size: 30px;
	}
	.builder-dark-masthead h1.large {
		font-size: 60px
	}
	.builder-dark-masthead h1.large ~ h2 {
		font-size: 30px;
	}
}

/*--------------------------------------------------------------
## Front Page Template (Builder) - Plain Content
--------------------------------------------------------------*/

.builder-plain-content, 
.section-padding {
	padding-top: 35px;
	padding-bottom: 35px;
}

.builder-plain-content.remove {
	padding-top: 0;
	padding-bottom: 0;
}

/*--------------------------------------------------------------
## Front Page Template (Builder) - Products
--------------------------------------------------------------*/

#products {
	margin-top: 60px;
}

.builder-products {
	background: #f6f6f6;
	margin-bottom: 70px;
	padding-top: 30px;
	padding-bottom: 15px;
}

.product-container,
.product {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}

.product-container:first-child .product {
	padding: 20px 0 20px 20px;
}

.product-container:nth-child(2) .product {
	padding: 20px 10px 20px 10px;
}

.product-container:nth-child(3) .product {
	padding: 20px 20px 20px 0;
}

.product-inner {
	background: #ffffff;
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	padding: 20px 20px 15px 20px;
	position: relative;
}


.product-inner p:last-child {
	margin-bottom: 0;
}

.product h2 {
	color: #183d7f;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
}

.product p {
	color: #383a35;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.4;
/* 	margin-bottom: 35px; */
}

.product img {
	height: 35px;
	width: auto;
}


@media screen and (max-width: 768px) {	
	.product-container {
		display: block;
		margin-bottom: 20px;
	}
	
	.product {
		display: block;
		padding: 0 !important;
	}
	
	.product-inner {
		width: 90%;
		margin: 0 auto;
	}
	
	.product-container:nth-child(3) p {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 600px) {
	.product-inner {
		width: 100%;
	}
}

/*--------------------------------------------------------------
## Front Page Template (Builder) - Text Slider
--------------------------------------------------------------*/

.slider-section {
	padding-bottom: 0;
	padding-top: 60px;
}

.slider-section .carousel {
	background-size: cover;
	margin-bottom: 60px;
	min-height: 260px;
}

.slide {
	color: #ffffff;
	text-align: left;
}

.slide h2 {
	font-size: 50px;
	font-weight: 500;
	margin: 0.25em 0;
}

.slide p {
	font-size: 24px;
	font-weight: 500;
	margin: 0.5em 0;
}

.text-slider li:before {
	display: none;
}

.flex-direction-nav a {
	height: 70px;
}

.flex-direction-nav a:before {
	color: #4796a0;
	font-size: 60px;
}

.carousel-control span {
	color: #55a2b7;
	font-size: 50px !important;
	margin-top: -30px !important;
}

.item-inner {
	padding: 20px 50px;
}

.carousel-indicators {
	bottom: -45px;
	margin-bottom: 0;
}

.carousel-indicators li {
	border-color: #1b2648;
	height: 15px;
	width: 15px;
}

.carousel-indicators li.active {
	background-color: #1b2648;
	height: 15px;
	width: 15px;
}

@media screen and (max-width: 1024px) {
	.carousel-control span {
		font-size: 30px !important;
		margin-top: -10px !important;
	}
	
	.item-inner {
		padding: 20px 100px;
	}
}

@media screen and (max-width: 768px) {
	
	.item-inner {
		padding: 10px 70px;
	}
	
	.slide h2 {
		font-size: 36px;
	}
	
	.slide p {
		font-size: 18px;
	}
	
	.item-inner a.button {
		font-size: 16px;
		padding: 5px 10px;
	}
	
}

/*--------------------------------------------------------------
## Front Page Template (Builder) - CTAs
--------------------------------------------------------------*/

.ctas {
	padding-top: 30px;
}

.ctas h3 {
	font-weight: 500;
	margin-bottom: 30px;
	text-align: center;
}

.cta {
	border: 6px solid #f6f6f6;
	border-radius: 6px;
	margin-bottom: 40px;
}

.cta_image {
	border-bottom: 1px solid #f6f6f6;
	padding: 0 40px;
}

.cta_content {
	padding: 20px 10px;
	text-align: left;
}

.cta_content p {
	font-size: 18px;
	line-height: 1.6;
}

.cta_content a {
	color: #40b4e5;
}

/*--------------------------------------------------------------
## Front Page Template (Builder) - Three-Column Cards
--------------------------------------------------------------*/
/*
.cards-container {
	background: #f6f6f6;
	padding-top: 35px;
	padding-bottom: 35px;
}

.card {

}

.card img {
	width: 100%;
	margin: 0;
}

.card-inner {
	background: #ffffff;
	margin-bottom: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.spacing-bottom {
	margin-bottom: 35px;
}

@media screen and (max-width: 768px) {
/*
	.col-md-12 .col-sm-12,
	.col-xs-12 .col-md-12 {
		padding-left: 0;
		padding-right: 0;
	}
*/
/*
	.container-fluid .container {
		padding-left: 0;
		padding-right: 0;
	}
}
*/


/*--------------------------------------------------------------
## Front Page Template (Builder) - Two-Column Content Blocks
--------------------------------------------------------------*/

.two-column-icon-blocks {
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 30px;
	padding-top: 30px;
}

.two-column-icon-blocks h2 {
	color: #183d7f;
	display: inline-block;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 0;
}

.two-column-icon-blocks p {
	color: #383a35;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.4;
	margin-top: 7px;
}

.two-column-icon-blocks img {

}

.single-tc-block {
	margin-top: 30px;
}


@media screen and (max-width: 760px) {
	
	.two-column-icon-blocks img {
		width: 70%;
	}
}

@media screen and (max-width: 480px) {
	
	.two-column-icon-blocks img,
	.img-gov,
	.img-partner,
	.img-career  {
		width: 30%;
		margin-top: 5px;

	}
	
	.two-column-icon-blocks img,
	.img-gov {
		margin-bottom: 20px;
	}
}


/*--------------------------------------------------------------
## Front Page Template (Builder) - Customer Logos
--------------------------------------------------------------*/

.builder-customer-logos {
	background: #1b2648;
	padding-bottom: 50px;
	padding-top: 50px;
}

.builder-customer-logos + .builder-customer-logos {
	padding-top: 0;
}

.builder-customer-logos h2 {
	color: #ffffff;
	font-size: 42px;
	font-weight: 600;
	margin-bottom: 30px;
}

.builder-customer-logos img {
	display: inline-block;
	max-width: 150px;
	max-height: 80px;
	margin: 0 35px 35px;
}

/*--------------------------------------------------------------
## Front Page Template (Builder) - Events
--------------------------------------------------------------*/

.builder-events {
	background: #f6f6f6;
	margin-bottom: 70px;
	margin-top: 70px;
	padding-bottom: 20px;
	padding-top: 30px;
}

.builder-events .event-post-container {
	width: 33.3%;
}

.builder-events .event-post {
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	box-shadow: none;
	background: #fff;
}

.builder-events .event-post-content a.events {
	font-size: 20px;
	font-weight: 700;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #183d7f;	
	line-height: 1.2;
}

.builder-events .event-post-content a.events:hover {
	color: #37bcff;
	text-decoration: none;
}

.builder-events .event-post .event-post-dates {
	color: #383a35;
	font-weight: 600;
}

.builder-events .event-post .event-post-location {
	color: #383a35;
	font-weight: 300;
}

.view-more-events-btn {
	margin: 40px 10px 10px;
	text-align: center;
}



@media screen and (max-width: 900px) {
	.builder-events .event-post-container {
		width: 50%;
	}
}

@media screen and (max-width: 640px) {
	.builder-events .event-post-container {
		display: block;
		margin-right: 0;
		width: 100%;
	}
}



/*--------------------------------------------------------------
## Government Pages
--------------------------------------------------------------*/

.btn-gov {
	padding: 10px 24px;
	font-size: 18px;
	margin-top: 2px;
	margin-bottom: 2px;
}

#gov-margin-top{
	margin-top: 30px;
}

#gov-customers-margin-top {
	margin-top: 20px;
}

.gov a, 
.gov a:visited {
	color: #183d7f;
	text-decoration: none;
} 
	
.gov a:hover,
.gov a:active {
	color: #37bcff;
	text-decoration: none;
}

.p-gov {
	margin-left: -10px;
	margin-right: -10px;
}
	
#select-cus-slider {
	overflow: hidden; 
}
	
#select-cus-slider figure img { 
	width: 20%; 
	float: left; 
}
	
#select-cus-slider figure {
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s anima infinite;
}

.side-bar-gov {
	padding: 15px 20px;
}

p.sidebar-gov {
	margin-bottom: 0;
}

ul.sidebar-gov {
	margin-bottom: 0;
}

hr.sidebar-gov {
	margin-top: 17px;
	margin-bottom: 17px;
}








/*--------------------------------------------------------------
## Partners Page
--------------------------------------------------------------*/

#filterablePartners .mix {
	display: none;
}

#eventsContainer .mix {
	display: none;
}


.partner-text {
	margin-bottom: 0;
	text-align: center;
}

.img-partner {
	max-width: 50%;
}


h2.partner-header {
	text-align: center;
	font-weight: 700;
}

h2.partner-white {
	color: #fff;
}

.clear_column {
	display: none;
}

.single-partner {
	display: inline-block;
	margin-right: -4px;
	vertical-align: top;
	width: 33.3%;
}

.single-partner a:hover {
	color: #37bcff;
}

.single-partner-inner {
	background: #ffffff;
	box-shadow: 5px 5px 5px 0px rgba(153,153,153,1);
	-webkit-box-shadow: 5px 5px 5px 0px rgba(153,153,153,1);
	-moz-box-shadow: 5px 5px 5px 0px rgba(153,153,153,1);
	margin: 15px;
	min-height: 240px;
	padding: 15px;
	position: relative;
}

.single-partner img {
	display: block;
	margin: 0 auto;
	max-height: 80px;
	max-width: 85%;
	position: absolute;
		top: calc(50% - 63px);
		right: 0;
		left: 0;
	transform: translateY(-50% - 63px);
		-webkit-transform: translateY(-50% - 63px);
}

.single-partner-content {
	background: #1b2648;
	color: #ffffff;
	font-size: 15px;
	padding: 5px 10px;
	position: absolute;
		right: 0;
		bottom: 0;
		left: 0;		
}

.partner-title {
	font-size: 16px;
}

.partner-terms {
	color: #383a35;
	font-size: 14px;
	margin-top: 10px;
}


p.compensation {
	margin-bottom: 0.7em;
}

.compensation-row {
	padding: 0 15px 15px;
}

#becomeAPartner {
	overflow: auto;
	margin-top: 30px;
}

.compensation-grey-box {
	margin-bottom: 40px;
	margin-top: 30px;
	padding-top: 20px;
	padding-left: 50px;
}

h4.partner {
	padding: 20px;
	text-align: right;
}

p.partner{
	padding: 20px;
	font-weight: 300;
	margin-bottom: 0;
}

hr.partners-underline {
	background-color: #37bcff;
	height: 2px;
	margin: 3px 0 0.9em;
	width: 100%;
}

.three-section {
	text-align: center;
}

h3.three-section {
	margin-bottom: 10px;
	margin-top: 5px;
	color: #183d7f;
}

p.three-section {
	margin-bottom: 2em;
}

p.compensation-desc {
	margin-top: 10px;
}



@media screen and (max-width: 1024px) {
	.masonry {
	    column-count: 2;
	    column-gap: 20px;
	    -moz-column-count: 2;
	    -moz-column-gap: 20px;
	    -webkit-column-count: 2;
	    -webkit-column-gap: 20px;
	    margin: 1.5em 0;
	    padding: 0;
	}
	.single-partner {
		width: 50%;
	}
}

@media screen and (max-width: 900px) {
	.single-partner-inner {
		padding: 20px;
	}
	
	h4.partner {
		text-align: left;
		padding-bottom: 0;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	p.partner {
		padding-top: 0;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	p.three-section {
		margin-bottom: 1.2em;
	}
	
	.dark-blue-bg-padding {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 25px;
		padding-right: 25px;
	}

}

@media screen and (max-width: 768px) {
	.masonry {
	    column-count: 1;
	    column-gap: 20px;
	    -moz-column-count: 1;
	    -moz-column-gap: 20px;
	    -webkit-column-count: 1;
	    -webkit-column-gap: 20px;
	    margin: 1.5em 0;
	    padding: 0;
	}
	.single-partner {
		display: block;
		margin: 10px auto;
		width: 100%;
	}
	
	.compensation-row {
		padding-left: 0;
		padding-right: 0;
	}
	
	.partner-side-ribbon {
		margin-left: -30px !important;
	}
/*
	
	h6.partner-icon,
	p.partner-icon {
		text-align: center;
	}
	
	h6.partner-icon {
		padding-top: 10px;
		padding-bottom: 0;
	}
*/
	
	h2.ribbon-partner {
		font-size: 28px;
	}
	
	.blue-box {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	
	.dark-blue-bg-padding {
		margin-left: -30px;
		margin-right: -30px;
	}

}



/*--------------------------------------------------------------
## Find a Partner Page
--------------------------------------------------------------*/




/*--------------------------------------------------------------
## Blog
--------------------------------------------------------------*/

.blog-padding {
	padding-top: 15px;
	padding-bottom: 35px;
}

.item .thumb{ 
	width: 100%;
	height: 120px;
	float: left;
	background-size: cover;  
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	margin-top: 5px;
}

.item {    
	margin: 0;
	padding: 0;
	left:0;
	width:100%;
	overflow: hidden;
	display: inline;
	min-height: 370px;
}

.item a, 
.item a:hover {
	text-decoation: none !important;
}    

.item hr {
	background-color: #e2e2e2;
	border: 0;
	height: 1px;
	margin-bottom: 8px;
	margin-top: 8px;
}    

.item-in {
	border: 1px solid #e2e2e2;
	box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
	padding: 7px 6% 0;
	background: #fff;
	border-radius: 5px;
	margin: 0 auto;
	margin-bottom: 30px;
	width: 87%;
	text-align: left;
}

.item-in:hover {
	background: #f6f6f6; 
}

.date {
	color: #383a35;
	font-size: 11px;
}

.logo-blog {
	padding-bottom: 30px; 
}

.blog-border {
	border-right: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
}

h6.blog {
	font-weight: 500;
	line-height: 1.4;
}

.rosette {
	color: #eb3925;
}

.cyber-triage {
	color: #183d7f;
}

.autopsy {
	color: #d07a22;
}

.item-in .blog-text p {
	color: #383a35;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.5;
	margin-top: 15px;
}

#post_feed,
#post_feed2,
#post_feed3 {
	margin: 0; 
	position: relative;
	clear: both !important; 
	width:100%;
}




/*--------------------------------------------------------------
## About Page
--------------------------------------------------------------*/

.side-bar {
	padding: 13px 20px !important;
	margin-bottom: 30px;
}

.btn-directions {
	margin-bottom: 1em;
}



/*--------------------------------------------------------------
## Management Page Template
--------------------------------------------------------------*/

.management-headshot {
	display: inline-block;
	margin-right: -4px;
	padding: 0 20px 20px 20px;
	vertical-align: top;
	width: 25%;
}

.management-container {
	padding-right: 20px;
}

.management-container hr {
	margin: 40px auto;
}

.management-container hr:last-child {
	display: none;
}

.management-profile,
.management-profile:visited {
    background-color: #1b2648;
    color: #fff;
    display: block;
    margin-bottom: 1em;
    text-decoration: none;
}

.management-profile:hover {
	text-decoration: none;
}

.management-profile img {
/*     filter: grayscale(100%); */
	width: 100%;
}

.management-profile:hover img {
/*     filter: grayscale(0%); */
}

.management-profile .caption {
    background-color: #1b2648;
    margin-top: -8px;
    padding: 10px;
    position: relative;
    z-index: 10;
}

.management-profile img, .management-profile .caption {
    transition: all 0.3s ease-out 0s;
}

.management-profile:hover .caption {
    transform: translateY(-20px);
}

.management-profile .caption .management-name, 
.management-profile .caption .management-title {
	color: #37bcff;
    margin: 0;
}

.management-profile .caption .management-name {
	color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 5px;
}

.management-profile .caption .management-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
}

.management-profile:hover {
    color: #fff;
}

.profile {
    color: #383a35;
	margin-bottom: 40px;
	margin-top: 90px;
    padding: 25px 0 0 0;
}

.profile.partner {
	margin-bottom: 0;
}

.profile img {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ffffff;
    padding: 4px;
}

.profile.partner img {
	margin-bottom: 1.5em;
	max-width: 250px;
	max-height: 150px;
}

.profile h3 {
    line-height: 1em;
    margin: 0 0 0.5em;
}

.profile h5 {
    font-size: 1.2em;
    margin: 0;
}

.profile p {
	margin-bottom: 0.6em;
}

.profile .social-links {
	margin-bottom: 0.5em;
}

.profile .social-links a {
	color: #ffffff;
}

.profile .social-links a:hover {
	color: #37bcff;
}

.profile hr {
	margin-top: 1.5em;
}

/*
.management-title {
	background: #1b2648;
	color: #ffffff;
	display: inline-block;
	margin-bottom: 40px;
	padding: 10px 30px;
}
*/

/*
.advisory-title {
	color: #1b2648;
	display: inline-block;
	margin-bottom: 40px;
	padding: 10px 30px;
}
*/

.single-advisor h5,
.single-advisor p {
	padding-top: 10px;
}

@media screen and (max-width: 992px) {
	.management-headshot {
		padding: 10px;
		width: 33.3%;
	}
}

@media screen and (max-width: 768px) {
	.profile h3 {
		margin-top: 0.5em;
	}
	.management-headshot {
		padding: 5px;
		width: 50%;
	}
}



/*--------------------------------------------------------------
## Customer Page
--------------------------------------------------------------*/

.customers-page {
	text-align: center;
}

.customers-page img {
	display: inline-block;
	max-width: 150px;
	max-height: 80px;
	margin: 5px 35px 30px;
	vertical-align: middle;
}




/*--------------------------------------------------------------
## News Template
--------------------------------------------------------------*/

h3.news {
	margin-bottom: 10px;
}

p.entry-meta {
	font-size: 15px;
	font-weight: 500;
	margin-top: 0.5em;
	text-transform: uppercase;
}

hr.news {
	margin-bottom: 25px;
	margin-top: 30px;
}

.news-bg {
	background-color: #f6f6f6;
}

.news a {
	font-weight: 500;
	font-size: 28px;
	line-height: 1.2;
	color: #183d7f;
}

.news a:hover {
	color: #37bcff;
}

.news-item-mb a {
	color: #37bcff;
	font-size: 18px;
}

.news-item-mb a:hover {
	color: #183d7f;
}

.news-margin-fix {
	margin-left: 15px;
	margin-right: 15px;
}

.news-post  {
	border: 1px solid #e2e2e2;
	border-radius: 4px;
	padding: 20px 25px;
	background-color: #f6f6f6;
	margin-bottom: 40px;
	box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
}

.news-post:first-child {
	margin-top: 10px;
}

.news-item-mb {
	margin-bottom: 1.5em;
}

@media screen and (max-width: 728px) {
	.news-post {
		margin-right: 5px;
		margin-left: 5px;		
	}
}


/*--------------------------------------------------------------
## Careers Page Template
--------------------------------------------------------------*/

.job_description pre {
	display: none;
}


.main-ribbon-title {
	background: #1b2648;
	color: #ffffff;
	display: inline-block;
	margin-bottom: 60px;
	padding: 10px 70px;
	position: relative;
}

.main-ribbon-title:before {
	border-color: #37bcff;
	border-style: solid;
	border-width: 0;
	border-top-width: 15px; 
	content: '';
	position: absolute;
	left: 0;
	bottom: -15px; 
	border-left: 30px solid transparent; 
}

.main-ribbon-title:after {
	border-color: #37bcff;
	border-style: solid;
	border-width: 0;
	border-top-width: 15px; 
	content: '';
	position: absolute;
	right: 0;
	bottom: -15px; 
	border-right: 30px solid transparent; 
}

.main-ribbon-title-marginfix {
	margin-bottom: 40px;
}

.careers-first-cb,
.interns-first-cb {
	margin-top: -35px;
}

.career-column-inner p {
	margin-bottom: 0;
	margin-top: 0;
}

.career-column-inner img {
	margin: 0 auto 20px auto;
}

.img-career {
	width: 50%;
}

.bottom-content {
	margin-top: 60px;
	padding-top: 1.5em;
}

.btn-careers {
	margin-top: 10px;
}

.testimonial-column {
	margin-bottom: 20px;
	padding: 10px;
	width: 50%;
	display: inline-block;
	margin-right: -4px;
	vertical-align: top;
	font-size: 15px;
}

.testimonial-column-inner {
	padding: 20px;
	background: #f6f6f6;
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	-webkit-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
	position: relative;
}

.testimonial-column-inner:before {
	color: #37bcff;
	content: "\f10d";
	font-family: FontAwesome;
	font-size: 100px;
	line-height: 1;
	opacity: 0.1;
	position: absolute;
		top: 20px;
		left: 20px;
}

.testimonial-column p {
	margin-bottom: 0.5em;
	margin-top: 0.2em;
}

.testimonial-column span {
	font-size: 18px;
	font-weight: 600;
}

.testimonial-image {
	margin-bottom: 60px;
}

.testimonial-name {
	color: #183d7f;
	font-weight: 700;
	font-style: normal;
	margin-bottom: 0.5em;
}

ul.jobs {
	font-size: 21px;
	margin-bottom: 1em;
	margin-left: 0;
}

ul.jobs li {
	margin-bottom: 0.5em;
}

ul.jobs li:before {
	display: none;
}

ul.jobs a {
	color: #183d7f;
	text-decoration: none;
	font-weight: 300;
}

ul.jobs a:hover {
	color: #37bcff;
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	.testimonial-column {
		display: block;
		margin-bottom: 10px;
		width: 100%;
	}
	
	.careers-first-cb,
	.interns-first-cb {
		margin-left: 5px;
		margin-right: 5px;
	}
	
}

@media screen and (max-width: 600px) {
	.careers-title,
	.main-ribbon-title {
		font-size: 28px;
		margin-bottom: 40px;
/*
		float: left;
		margin-left: -30px;
*/
	}
	


/*
	.careers-title:before {
		display:none;
	}

	.careers-title:after {
		display: none;
	}
*/
	
	.ribbon-partner {
		font-size: 25px;
		margin-left: -40px;
	}
}

/*--------------------------------------------------------------
## Careers - Greenhouse Shortcode Customizations
--------------------------------------------------------------*/

.center-box {
	background: #f6f6f6;
	margin-bottom: 40px;
	margin-top: 30px;
	padding-top: 20px;
}

.job-location {
	background: #f6f6f6;
	margin-bottom: 40px;
	padding: 20px 15px 0 15px;
}

.ribbon-partner,
.side-ribbon {
	background: #1b2648;
	color: #ffffff;
	display: inline-block;
	font-size: 25px;
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left: -60px;
	padding: 10px 40px;
	position: relative;
}

.ribbon-partner:before,
.side-ribbon:before  {
	border-color: #37bcff;
	border-style: solid;
	border-width: 0;
	border-top-width: 15px; 
	content: '';
	position: absolute;
	left: 0;
	bottom: -15px; 
	border-left: 30px solid transparent; 
}

.job-listing {
    column-count: 2;
    column-gap: 20px;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    margin: 1em 1em 2em 1em;
    padding: 0;
}

.job-listing li:before {
	display: none;
}

@media screen and (max-width: 900px) {
	.center-grey-box {
		margin-left: -30px;
		margin-right: -30px;
	}
	
	.ribbon-partner {
		margin-left: -35px;
	}
	
	.ribbon-partner:before {
		display: none;
	}
	
}

@media screen and (max-width: 768px) {
	.job-listing {
	    column-count: 2;
	    column-gap: 0;
	    -moz-column-count: 1;
	    -moz-column-gap: 0;
	    -webkit-column-count: 1;
	    -webkit-column-gap: 0;
	}
	
	.center-box {
		margin-left: -20px;
		margin-right: -20px;
	}
	
	.side-ribbon {
		padding: 10px 20px;
		margin-left: -25px;
	}
	
	.side-ribbon:before {
		display: none;
	}
	
	.job-location {
		padding: 20px 0;
		margin-left: -35px;
		margin-right: -35px;
	}
	
	ul.jobs {
		padding: 0 10px;
	}
}

@media screen and (max-width: 600px) {
	.center-box {
		margin-left: -30px;
		margin-right: -30px;
	}
}

/* Animated Home Page Text */

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.fade-in {
	opacity: 0;
	/* make things invisible upon start */
	-webkit-animation: fadeIn ease-in 1;
	/* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	/* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
	animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
	-moz-animation-delay: 2.5s;
}

/* Custom HTML Stuff */

.custom-border {
	border-left: 2px solid #37bcff;
	border-right: 2px solid #37bcff;
	padding-left: 30px;
	padding-right: 30px;
}

.custom-left-border {
	padding-left: 30px;
}

.custom-right-border {
	padding-right: 30px;
}

.directions .sidebar {
	background: #ffffff;
	border: solid 1px #e2e2e2;
	margin-left: 40px;
	margin-bottom: 40px;
	max-width: 40%;
	padding: 20px 15px;
}

.directions .sidebar-reverse {
	background: #f6f6f6;
	padding-bottom: 5px;
}

.directions h2,
.directions h3, 
.directions h4 {
	display: inline-block;
}

h3.directions {
	width: 50%;
}


@media screen and (max-width: 900px) {
	.custom-border {
		border-right: 0;
		border-left: 0;
	}
	
	.custom-left-border {
	padding-left: 15px;
	}

	.custom-right-border {
	padding-right: 15px;
	}

}


@media screen and (max-width: 768px) {
	.directions .sidebar {
		margin-left: 0;
		max-width: 100%;
	}
}

/* Form Customizations */

.inputs-list li:before {
	display: none;
}

.inputs-list span {
	padding: 0 10px;
}

.hs-form fieldset {
	margin-bottom: 10px !important;
}

.hs-error-msgs {
	margin: 0;
	padding: 2px 0;
}

.hs-error-msgs li label {
	font-size: 14px;
	font-weight: normal;
	position: relative;
	padding: 0 0 0 20px;
}

.hs-error-msgs li label:before {
	font-family: 'Glyphicons Halflings';
	content: "\e107";
	color: #37bcff;
	position: absolute;
	left: 0;
	top: 0;
}

.hs-form fieldset {
	max-width: none !important;
}

ul.checks {
	margin: 0 0 0 1em;
}

ul.checks li:before,
ul.ct-checks li:before {
	content: "\e013";
	font-family: 'Glyphicons Halflings';
	color: #37bcff;
	position: absolute;
	left: 0;
}

ul.checks li,
ul.ct-checks li {
	padding: 0 0 0 35px;
}


/* icons */
.icon-background {
	border-radius: 50%;
	background-color: rgba(178,232,232,1);
}

/* icons */
.customer-logos {
	max-width: 140px; 
	margin: 10px 12px;
}
@media screen and (min-width: 800px) {
	.customer-logos:first-child {
		margin: 10px 12px 10px 0;
	}
}
@media screen and (max-width: 600px) {
	.customer-logos {
		max-width: 140px; 
		margin: 10px 20px;
	}
}


/*--------------------------------------------------------------
## Events Page
--------------------------------------------------------------*/
.event-post-container {
	display: inline-block;
	margin-right: -4px;
	vertical-align: top;
	width: 25%;
}

.event-post {
	background: #fff;
	box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
	margin: 10px;
	min-height: 280px;
	padding: 10px 20px 15px 20px;
	border: 1px solid #e2e2e2;
	border-radius: 5px;
}

.event-post,
.partner-post {
	min-height: 230px;
	background: #f6f6f6;
}

.event-post.partner-post, 
.event-post-content {
	padding-top: 10px;
}

.event-post-logo {
	border-bottom: 1px solid #e2e2e2;
	min-height: 130px;
	position: relative;
	text-align: center;
}

.event-post-logo img {
	margin: 0 auto;
	max-height: 100px;
	max-width: 90%;
	position: absolute;
		top: 45%;
		left: 0;
		right: 0;
	text-align: center;
	transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
}

.event-post-content {
	line-height: 1.4;
}

.event-post h5 {
	font-size: 18px;
	line-height: 1.2;
	margin-bottom: 0.5em;
}

.event-post-dates {
	display: block;
	font-weight: 700;
	font-size: 14px;
	margin-top: 10px;
}

.event-post-location {
	display: block;
	font-size: 14px;
	font-weight: 300;
}

.event-date-toggle {
	cursor: pointer;
	font-size: 14px;
	display: block;
	margin-bottom: 10px;
	margin-right: 10px;
	text-transform: uppercase;
}

.new-filters {
	display: block;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: left;
}

.new-filters div {
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	margin-right: 10px;
	text-transform: uppercase;
}

.new-filters div:last-child {
	margin-right: 0;
}

.new-filters div.active {
	text-decoration: underline;
}

.filter.timey.active {
	display: none;
}



@media screen and (max-width: 1024px) {
	.event-post-container {
		width: 33.3%;	
	}
}

@media screen and (max-width: 800px) {
	.event-post-container {
		width: 50%;	
	}
}

@media screen and (max-width: 600px) {
	.event-post-container {
		display: block;
		margin-right: 0;
		width: 100%;	
	}
}

/* Events Page - New */

#partnerContainer .mix {
	display: none;
}

.container-events {
	padding-bottom: 50px;
}

.events-listing .controls {
	margin-left: 10px;
}

.events-listing fieldset {
	border: 0;
	display: inline-block;
	vertical-align: top;
	margin: 0 2em 0 0;
	padding: .25em;
	font-size: 14px;
	text-transform: uppercase;
}

.events-listing fieldset h4 {
	font-size: 14px;
	margin-bottom: 0;
}

.events-listing .checkbox {
	display: block;
	position: relative;
	cursor: pointer;
	margin-bottom: 8px;
}

.events-listing .checkbox input[type="checkbox"] {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	cursor: pointer;
	margin: 0;
	opacity: 0;
	z-index: 1;
}

.events-listing .checkbox label {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	padding-left: 2em;
}

.events-listing .checkbox label:before,
.events-listing .checkbox label:after {
	content: '';
	display: block;
	position: absolute;
}

.events-listing .checkbox label:before {
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	margin-right: 10px;
	background: #e2e2e2;
	border-radius: 3px;
}

.events-listing .checkbox label:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 4px;
	width: 10px;
	height: 10px;
	border-radius: 2px;
	background: #37bcff;
	opacity: 0;
	pointer-events: none;
}

.events-listing .checkbox input:checked ~ label:after {
	opacity: 1;
}

.events-listing .checkbox input:focus ~ label:before {
	background: #e2e2e2;
}

.events-listing button {
	font-size: 14px;
    margin-top: 30px;
    padding: 5px 15px;
}

@media screen and (max-width: 600px) {
	.events-listing button {
		width: 80%;
	}
}


/** Event Callout - Single Event **/

.event-large-description .event-post-dates,
.event-large-description .event-post-location {
	font-size: 18px;
	line-height: 1.4;
}

.event-large-description .event-post-dates {
	margin-top: 0.8em;
	margin-bottom: 0.2em;
}

.event-large-description .event-post-location {
	margin-bottom: 1.2em;
}

.event-large-description img {
	max-width: 250px;
	max-height: 175px;
	margin-bottom: 30px;
}

.event-btn {
	margin: 15px 0 25px;
}

hr + hr {
	display: none;
}

.addtoany_list a, 
.widget .addtoany_list a {
	padding: 0 !important;
}

.a2a_kit a + a {
	padding-left: 8px !important;
}




/*** Rosette Page ***/

.ros-scroll-box {
	border: solid 1px #e2e2e2;
	padding: 30px 40px;
	margin-bottom: 0;

}

.ros-scroll-box p:last-child {
	margin-bottom: 0;
}

h6.ros-center {
	margin-top: 0;
	margin-bottom: 7px;
}

p.ros-desc {
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 0;
}

a.ros-desc {
	color: #383a35;
	font-weight: 300;
}

a.ros-desc:hover {
	color: #383a35;
}

.ros-box {
	border: solid 1px #e2e2e2;
	padding: 20px 10px;
}

.ros-box-margin {
	margin-bottom: 1.5em;
}

.ros-graphic {
	max-height: 200px;
	margin-bottom: 0.5em;
}

.scroll-btn {
	border-radius: 100%;
	border: 3px solid #37bcff;
	background: transparent;
	display: block;
	height: 34px;
	width: 34px;
	margin: 0.5em auto;
	text-align: center;
	box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
}

.scroll-btn:hover {
	border-color: #183d7f;
}

.scroll-btn:focus {
	outline: 0;
}

.fa {
	margin-top: 5px;
}


/*** Highlight Page */

.img-highlight {
	border: 1px solid #e2e2e2;
	margin-bottom: 1.2em;
}

.highlight-features {
	margin-bottom: 2em;
}

.highlight-vid {
	margin-bottom: 1.2em;
}

.highlight-p {
	margin-left: 10px;
}



@media screen and (max-width: 768px) {
	
	.img-sm-highlight {
		width: 50%;
		margin-bottom: 20px;
		margin-top: 10px
	}	
	
	.highlight-p {
		margin-left: 0;
	}
	
}



/*** Text-Analytics Page */

.img-textanalytics {
	max-width: 50%;
	max-height: 100px;
	margin-top: 1.2em;
}

.img-textanalytics-lg {
	background: #fff;
	padding: 0 10px;
}




/*** Terms of Use */

ul.terms-of-use {
	margin-left: 4em;
	margin-bottom: 1.2em;
}


/*** Fail message styles */


.container-events .fail-message {
	position: relative;

	text-align: center;
	opacity: 0;
	pointer-events: none;
	
	transition: 150ms;
		-webkit-transition: 150ms;
		-moz-transition: 150ms;
}

.container-events .fail-message:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.container-events .fail-message span {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	font-weight: 700;
}

.container-events.fail .fail-message {
	opacity: 1;
	margin-top: 25px;
	pointer-events: auto;
}

/* Capabilities - New Template Added 04/2017 */

.large-font p,
.large-font ul,
.large-font ol {
	font-size: 22px;
}

.regular {
	font-weight: 300;
}

.medium {
	font-weight: 500;
}

.bold {
	font-weight: 700;
}

.button-section {
	padding-top: 30px;
}

a.button {
	background: #404040;
	border-radius: 3px;
	color: #ffffff;
	display: block;
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	margin: 0 auto 10px auto;
	max-width: 100%;
	padding: 10px;
	text-transform: uppercase;
	width: 270px;
}

a.button:hover {
	opacity: 0.7;
	text-decoration: none;
}

a.linkopacity:hover img {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    -khtml-opacity: 0.8;
}

a.button:focus {
	text-decoration: none;	
}

a.button-red {
	background: #213768;
	color: #ffffff;
}

a.button-red:hover {
	opacity: 0.7;
}

.callout-box {
	border: 1px solid #000000;
	margin-left: 9px;
	max-width: 270px;
	padding: 20px;
}

.callout-box ul {
    column-count: 2;
		-moz-column-count: 2;
		-webkit-column-count: 2;
    column-gap: 10px;
		-moz-column-gap: 10px;
		-webkit-column-gap: 10px;
	font-size: 11px !important;
	font-weight: 500 !important;
	margin: 0 !important;	
	text-transform: uppercase;
	padding-right: 0 !important;
}

.callout-box ul li {
	line-height: 2.5;
	padding-bottom: 0 !important;
}

.callout-box ul li:before {
	display: none !important;
}

.callout-box-title {
	color: #213768;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	vertical-align: top;
}

.callout-box-title:before {
	background-image: url(assets/globe-icon.png);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 18px;
	vertical-align: top;
	width: 22px;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.customer-use {
	border-top: 1px solid #000000;
	margin-top: 10px;
	font-size: 16px;
	font-style: italic;
	text-align: left;
}

.cap-customers {
	margin-left: 0;
	padding-right: 0 !important;
}

.cap-customers li {
	display: inline-block;
	margin-right: -4px;
	vertical-align: middle;
	width: 20%;
}

.cap-customers li:before {
	display: none;
}

.cap-customers img {
	max-width: 150px;
	max-height: 80px;
}

.padding10 {
	padding: 10px;
}

.capability iframe {
	margin-top: 10px;
}

@media screen and (max-width: 1024px) {
	.cap-customers li {
		width: 25%;
	}
}

@media screen and (max-width: 768px) {
	.cap-customers li {
		width: 33.3%;
	}
}

@media screen and (max-width: 640px) {
	.cap-customers li {
		width: 50%;
	}
}

.capability-accent-image {
	margin: 0;
	max-width: 75%;
	text-align: center;
}

.capability-plain-content,
.capability-large-text {
	margin-bottom: 40px;
}

.capability-large-text p {
	font-size: 26px;
	font-weight: 300;
	line-height: 1.4;
}

.capability-customers,
.capability-case-study {
	margin-bottom: 20px;
	margin-top: 70px;
	padding-bottom: 20px;
	padding-top: 50px;
}

.capability-plain-content ul {
	margin: 0 0 0.5em 1.5em;
}

.capability-callout-cards {
	margin: 0 auto 3em auto;
}

.capability-callout-box {
	border: 1px solid #000000;
	margin: 0 0 30px 0;
	max-width: 100%;
	padding: 20px;
}

.capability-callout-box ul {
    column-count: 2;
		-moz-column-count: 2;
		-webkit-column-count: 2;
    column-gap: 10px;
		-moz-column-gap: 10px;
		-webkit-column-gap: 10px;
	font-size: 11px;
	font-weight: 500;
	margin: 0;	
	text-transform: uppercase;
	padding-right: 0;
}

.capability-callout-box ul li {
	line-height: 2.5;
	padding-bottom: 0;
}

.capability-callout-box ul li:before {
	display: none;
}

.capability-callout-box-title {
	color: #213768;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	vertical-align: top;
}

.capability-callout-box-title:before {
	background-image: url(assets/globe-icon.png);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 18px;
	vertical-align: middle;
	width: 22px;
}

.rapidminer {
	margin-bottom: 80px;
	margin-top: 60px;
}

.rapidminer h2 {
	margin-bottom: 50px;
}

.tabbed-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.tabbed-navigation li {
	background: #f6f6f6;
	border: 1px solid #e2e2e2;
	display: inline-block;
	margin-right: -5px;
	padding-top: 0;
	padding-bottom: 0;
}

.tabbed-navigation li.active {
	background: #ffffff;
	border-bottom: 1px solid #ffffff;
}

.tabbed-navigation li a,
.tabbed-navigation li a:visited {
	color: #5d5d5d;
	display: block;
	font-size: 15px;
	font-weight: 500;
	padding: 12px 35px;
	text-decoration: none;
}

.tabbed-navigation li a:hover {
	text-decoration: none;
}

.tabbed-navigation li.active a {
	color: #49b5e2;
	font-weight: 700;
}

.tabbed-navigation li:before {
	display: none;
}

.cap-tab-content {
	border: 1px solid #e2e2e2;
	margin-top: -6px;
	padding-top: 40px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 30px;
}

.cap-tab-content ul {
	margin-bottom: 1.5em;
}

.cap-tab-content pre {
	max-height: 600px;
	background-color: #f6f6f6;
	border: 1px solid #e2e2e2;
}

.cap-tab-content:focus {
	outline: 0;
}

.cap-tab-content h3 {
	color: #183d7f;	
	font-weight: 500;
}

.cap-tab-content table {
	font-size: 16px;
	margin-top: 10px;
}

.cap-tab-content table tr th,
.cap-tab-content table tr td {
	border: 1px solid #e2e2e2;
	padding: 7px 10px;
	font-weight: 300;
	hyphens: auto;
}

.cap-tab-content table tr th {
	background: #f6f6f6;
	font-weight: 600;
}

.cap-tab-content table tr td:first-child {
	background: #f6f6f6;
	font-weight: 700;
}


/* Widths for Tabbed Content */

.xs-width {
	width: 10px;
}

.sm-width {
	width: 25%;
}

.md-width {
	width: 40%;
}



.cap-tab-content table ul {
	margin: 0;
	padding: 0;
}

.cap-tab-content table li {
	display: inline-block;
	font-size: 16px;
	margin-right: 40px;
	padding-bottom: 0;
	margin-bottom: 0;
	position: relative;
}

.cap-tab-content table li a,
.cap-tab-content table li a:visited {
	color: #2e72c5;
	font-weight: 700;
}

.cap-tab-content table li a:hover {
	color: #37bcff;
	text-decoration: none;
}

.excel-icon:before,
.rapidminer-icon:before,
.solr-icon:before,
.elasticsearch-icon:before {
	background-size: cover;
	content: "";
	display: inline-block !important;
}

.fancy-menu .excel-icon:before,
.fancy-menu .rapidminer-icon:before,
.fancy-menu .solr-icon:before,
.fancy-menu .elasticsearch-icon:before {
	height: 20px;
	width: 20px;
}

.fancy-menu .excel-icon,
.fancy-menu .rapidminer-icon,
.fancy-menu .solr-icon,
.fancy-menu .elasticsearch-icon {
	line-height: 20px !important;
	margin-left: 20px;
	padding-left: 2px;	
}


.excel-icon:before {
	background-image: url(assets/Excel.png);
}

.rapidminer-icon:before {
	background-image: url(assets/RapidMiner.png);
}

.solr-icon:before {
	background-image: url(assets/solr-icon.png);
}

.elasticsearch-icon:before {
	background-image: url(assets/Elasticsearch.png);
}

.cap-tab-content table li .elasticsearch-icon,
.cap-tab-content table li .excel-icon,
.cap-tab-content table li .rapidminer-icon,
.cap-tab-content table li .solr-icon {
	margin-top: 0;
}

.cap-tab-content table li .elasticsearch-icon:before,
.cap-tab-content table li .excel-icon:before,
.cap-tab-content table li .rapidminer-icon:before,
.cap-tab-content table li .solr-icon:before {
	height: 16px;
	margin-bottom: 4px;
	margin-right: 5px;
	vertical-align: bottom;
	width: 16px;
}

.cap-tab-content table ul li:before {
	display: none;
}

.mobile-tabbed-title {
	display: none;
	font-size: 36px;
	font-weight: 600;
}



/*** Colors and Table Widths for Name Highlighting ***/

.first-name {
	background-color: #D5ECFF; 
	border-bottom: 3px solid #2887D8;
} 

.last-name {
	background-color: #D7F4F2; 
	border-bottom: 3px solid #39B2AC;
} 

.middle-name {
	background-color: #FFE3C7; 
	border-bottom: 3px solid #FF671F;
} 

.full-name {
	background-color: #EFF2C7; 
	border-bottom: 3px solid #969B46;
} 

.title {
	background-color: #EDEDED; 
	border-bottom: 3px solid #9D9D9D;
} 

.organization {
	background-color: #D6E1FF; 
	border-bottom: 3px solid #24408E;
} 

.noun {
	background-color: #D6EFD8;
	border-bottom: 3px solid #40AD48;
}





@media screen and (max-width: 1024px) {
	.menu-capabilites-submenu-container ul {
		font-size: 14px;
	}
	.menu-capabilites-submenu-container li .caret {
		margin-top: 9px;
	}
	.cap-tab-content {
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media screen and (max-width: 992px) {
	.capability-accent-image,
	.capability-large-text-paragraph {
		float: none;
		margin: 5% auto;
	}
	.capability-callout-cards {
		max-width: 60%;	
	}
}

@media screen and (max-width: 992px) {
	.capability-callout-cards {
		max-width: 70%;	
	}
}

@media screen and (max-width: 800px) {
	.capabilities-menu-container {
		display: none;
	}
	
	.capability-callout-cards {
		max-width: 80%;	
	}
	
	.cap-tab-content {
		border: 0;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 0;
	}
	
	.tabbed-navigation {
		display: none;
	}
	
	.mobile-tabbed-title {
		display: block;
		margin-bottom: 20px;
	}
	
	.cap-tab-content h3 {
		font-size: 24px;
	}
	
	.cap-tab-content h4 {
		font-size: 20px;
	}	
	
	ol.two-column {
	    column-count: 1;
	    	-webkit-column-count: 1; /* Chrome, Safari, Opera */
			-moz-column-count: 1; /* Firefox */
	    column-gap: 0;
	    	-webkit-column-gap: 0; /* Chrome, Safari, Opera */
			-moz-column-gap: 0; /* Firefox */
	}
}

@media screen and (max-width: 640px) {
	.sidebar-row {
		padding: 20px;
	}
	.custom-masthead h1 {
		margin: 30px 0 0 0;
	}
	.capability-callout-box ul {
	    column-count: 2;
			-moz-column-count: 2;
			-webkit-column-count: 2;
	}
	.capability-buttons .btn {
		clear: both;
		display: block;
		margin-bottom: 10px;	
		margin-right: 0;
	}
	.capability-buttons {
		margin: 20px 0;
	}
	.capability-large-text p {
		font-size: 18px;
	}
	.capability-tabbed-content {
		padding-left: 0;
		padding-right: 0;
	}
}

@media screen and (max-width: 440px) {
	.capability-accent-image {
		max-width: 100%;
	}
	.capability-callout-cards {
		max-width: 100% !important;	
	}
}

@media screen and (max-width: 380px) {
	.cap-tab-content table tr td:nth-child(2) {
		background: #ffffff;
	}
	.cap-tab-content table tr td:nth-child(odd) {
		background: #f6f6f6;
	}
}







/*--------------------------------------------------------------
## Case Studies Page -- Added Dec 2017 (SW) -- Updated Dec 2017 (LE)
--------------------------------------------------------------*/

.case-studies-mb {
	margin-bottom: 50px;
}

.download-pdf {
	margin-bottom: 2em;
}

.case_study hr {
	margin-bottom: 1.4em;
}

.case_study blockquote {
	background: #f6f6f6;
	border-left: 5px solid #183D7F;
	color: #898D8C;
	font-size: 22px;
	font-style: italic;
	margin-bottom: 1.1em;
	padding: 20px;
}

.case_study blockquote p {
	font-weight: 400;	
}

.case_study {
	padding-bottom: 40px;
}

.case_study .addtoany_share_save_container {
	clear: none;
	float: left;
	margin: 5px 16px 0 0;
	display: inline-block;
}

/*
.case_study .addtoany_content_top ~ p {
	margin-top: 10px;
}
*/

.blockquote-smtext {
	font-size: 12px;
	font-weight: 300;
	display: block;
	line-height: 1.5;
	margin: 0 30px;
	font-style: italic;
}

.luminoso-cstable > tr > td {
	padding: 20px 10px 20px 0;
}

.luminoso-cstable > tr > td > p:last-child {
	margin-bottom: 0;
}

.side-bar-mobile {
	max-width: 275px;
}



/*************
Card Container for cards within case studies
*************/

.casestudy-card {
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
	padding: 15px 20px;
	margin-bottom: 20px;
	margin-top: 10px;
}

.casestudy-card h3 {
	color: #183d7f;
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 10px;
}

.casestudy-card p {
	color: #383a35;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.4;
}

.casestudy-card > p:last-child {
	margin-bottom: 0;
}

.casestudy-card img {
	max-height: 45px;
	width: 100%;
	text-align: center;
}

.casestudy-card .aligncenter {
	margin-bottom: 10px;
}


@media screen and (max-width: 800px) {
	.case_study .addtoany_share_save_container {
		float: none;
		text-align: center;
		margin-bottom: 2em;
	}
/*
	.case_study .addtoany_content_top ~ p {
		margin-top: 25px;
	}
*/
	
	.download-pdf {
		margin-bottom: 1.2em;
	}
}

@media screen and (max-width: 768px) {	
	.casestudy-card {
		display: block;
		padding: 20px;
		margin-bottom: 20px;
		margin-left: -10px;
		margin-right: -10px;
	}
	
	.card-inner {
		width: 100%;
		margin: 0 auto;
	}
	
	.side-bar-mobile {
		max-width: 325px;
		margin-left: 15px;
	}
}



/*--------------------------------------------------------------
	# Financial Compliance Page - Japanese Site
--------------------------------------------------------------*/


/*** Giant 10 ***/

.large-number {
	display: inline-block;
	font-size: 75px;
	margin-right: 10px;
}












/* PARDOT FORMS - HEIGHT HACKS */
.elastic-pardot-form {
	height: 666px;
}

.footer-pardot-form {
	height: 560px;
}

.product-pardot-form {
	height: 760px;
}

.startup-pardot-form {
	height: 850px;
}

@media screen and (max-width: 1130px) {
	.footer-pardot-form {
		height: 690px;
	}
}

@media screen and (max-width: 1100px) {
	.elastic-pardot-form {
		height: 850px;
	}
	.product-pardot-form {
		height: 860px;
	}
}

@media screen and (max-width: 1050px) {
	.product-pardot-form {
		height: 895px;
	}
}

@media screen and (max-width: 990px) {
	.elastic-pardot-form {
		height: 660px;
	}
	.product-pardot-form {
		height: 730px;
	}
	.startup-pardot-form {
		height: 650px;
	}
}

@media screen and (max-width: 900px) {
	.footer-pardot-form {
		height: 550px;
	}
}

@media screen and (max-width: 700px) {
	.startup-pardot-form {
		height: 700px;
	}
}

@media screen and (max-width: 600px) {
	.elastic-pardot-form {
		height: 850px;
	}
}

@media screen and (max-width: 565px) {
	.footer-pardot-form {
		height: 690px;
	}
	.startup-pardot-form {
		height: 860px;
	}
}

@media screen and (max-width: 545px) {
	.product-pardot-form {
		height: 900px;
	}
}





/*--------------------------------------------------------------
	## Fancy Menus
--------------------------------------------------------------*/

.fancy-menu {
	background: #fff;
	border: 2px solid #383a35;
	display: none;
	width: 700px;
	position: absolute;
	z-index: 9999;
}

.fancy-menu.active {
	display: block;
}


/* Formatting */

.fancy-menu .fancy-menu-inner {
	position: relative;
	padding: 17px 20px 20px 20px;
}

.fancy-menu .table {
	display: table;
	padding-bottom: 0;
}

.fancy-menu .table-cell {
	display: table-cell;
}

.fancy-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.fancy-menu li {
	line-height: normal;
}

.fancy-menu li:before {
	display: none;
}

.forty {
	width: 40%;
}

.fifty {
	width: 50%;
}

.sixty {
	width: 60%;
}

.hundred {
	width: 100%;
}

.fancy-menu-column-1 {
	padding-right: 13px;
}

.fancy-menu-column-2 {
	padding-left: 13px;
}


/* Text Styles */

.fancy-menu p {
	font-size: 15px;
	margin-bottom: 0;
}

.fancy-menu-desc {
	border-top: 1px solid #e2e2e2;
	padding: 10px 0;
	font-style: italic;
	color: #666;
	font-weight: 300;
}

.top-menu-banner-headline-ja {
    font-size: 18px;
    font-weight: 700;
    color: #183d7f;
    margin-bottom: 5px;
}


/* Images */

.fancy-menu-img {
	padding-bottom: 10px;
}

.fancy-menu-img-ja {
	padding-bottom: 15px;
}



/* Triangle Pointer */

.fancy-menu .fancy-menu-inner:before {
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    position: absolute;
    content: " ";
    left: 51%;
    top: -17px;
    height: 10px;
    width: 20px;
    transform: translateX(-50%);
    border-bottom: 17px solid #383a35;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-width: 17px;
}

#fancy-menu-2 .fancy-menu-inner:before {
	left: 48.5%;
}

@media screen and (max-width: 1024px) {
	.fancy-menu .fancy-menu-inner:before {
		left: 49%;
	}
}

@media screen and (max-width: 920px) {
	.fancy-menu .fancy-menu-inner:before {
		left: 47%;
	}
}


/* Links */

.fancy-menu a,
.fancy-menu a:visited {
	color: #383a35;
	font-size: 16px;
	text-decoration: none;
}

.fancy-menu a:hover {
	color: #37bcff;
}


/* Buttons */

.fancy-menu .btn-primary {
	margin-top: 5px;
	color: #fff;
	font-size: 14px;
	padding: 5px 15px;
	border: none;
}

.fancy-menu a.btn-primary,
.fancy-menu a.btn-primary:hover,
.fancy-menu a.btn-primary:visited {
	color: #fff;
}


/* Program/Company and Links Sections */

.fancy-menu-prod-links {
	margin-bottom: 15px;
}

.fancy-menu-autopsy {
	margin-top: 25px;
}



/* Rosette API Grey Box */

.top-menu-banner {
	width: 100%; 
	padding: 15px 10px;
	font-size: 12px;
	text-align: center;
}

.top-menu-banner-headline {
    font-size: 18px;
    font-weight: 700;
    color: #183d7f;
}

p.fancy-menu-small {
	font-size: 13px;
}

.top-menu-banner-btn {
	margin-top: 15px !important;
}


@media screen and (min-width: 900px) {
	.fancy-menu-1 ul,
	.fancy-menu-2 ul,
	.fancy-menu-3 ul {
		display: none !important;
	}
}

@media screen and (max-width: 900px) {
	.fancy-menu.active {
		display: none !important;
	}
}

/* Japanese Blog */

.blog-item {
	margin-bottom: 40px;
}

.blog-item:first-child {
	margin-top: 10px;
}

.blog-item h3 {
	font-weight: 500;
}

.pagination {
	display: block;
	font-size: 16px;
	margin: 40px 0;
}

.page-numbers {
	background: #f7f7f7;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	margin: 0;
	text-align: center;
	width: 30px;
}

.page-numbers.current,
.page-numbers:hover {
	background: #40B4E5;
	color: #ffffff;
	text-decoration: none;
}

.page-numbers.dots,
.page-numbers.dots:hover {
	background: transparent;
	color: initial;
}

.page-num,
.page-num:hover {
	background: transparent;
	color: initial;
	display: block;
	font-weight: bold;
	height: auto;
	line-height: auto;
	margin-bottom: 5px;
	text-align: left;
	width: auto;
}

@media screen and (max-width: 640px) {
	.page-numbers {
		display: none;
	}
	.page-numbers.prev,
	.page-numbers.next {
		display: inline-block;
	}
	.page-numbers.page-num {
		display: block;
	}
}

@keyframes anima {
	0% { left: 0%; }
	20% { left: 0%; }
	25% { left: -100%; }
	45% { left: -100%; }
	50% { left: -200%; }
	70% { left: -200%; }
	75% { left: -300%; }
	95% { left: -300%; }
	100% { left: -400%; }
}

/*
.blog-banner {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	height: 170px;
	margin-bottom: 20px;
	width: 100%;
}
*/

/***** Rosette Markup ******
 *****				  ******/


.color-namesTitle-span 	{	border-bottom: 2px dotted #898d8c;	}
.color-namesFirst-span 	{	border-bottom: 2px solid #1e76bb;	}
.color-namesMiddle-span {	border-bottom: 2px solid #ff671f;	}
.color-namesLast-span 	{	border-bottom: 2px solid #39b2ac;	}

.color-entityPerson 		{	background-color:#e93824;	}
.color-entityLocation 		{	background-color:#2caae2;	}
.color-entityOrganization 	{	background-color:#24408e;	}
.color-entityDate	 		{	background-color:#ed6f00;	}
.color-entityTime	 		{	background-color:#48c07c;	}
.color-entityURL	 		{	background-color:#fec238;	}
.color-entityTitle	 		{	background-color:#6a3490;	}
.color-entityNationality	{	background-color:#ef5792;	}
.color-entityMoney			{	background-color:#008448;	}
.color-entity-id-number		{	background-color:#9E1F63;	}
.color-entity-credit-card	{	background-color:#383A35;	}
.color-entityReligion		{	background-color:#8A8C8C;	}
.color-entityProduct		{	background-color:#8DC63F;	}
.color-entityGeoCoor		{	background-color:#8B5E3C;	}
.color-entityPhone			{	background-color:#C2B59B;	}	
.color-entityNumber			{	background-color:#F7A232;	}
.color-entityDistance		{	background-color:#EC008C;	}
.color-entityHexagon		{	background-color:#373A36;	}
.color-entityRosette		{	background-color:#EB3300;	}

.color-entityPerson-span 				{	border-bottom: 2px solid #e93824; 	}
.color-entityPerson-span i				{	color: #e93824; 	}
.color-entityLocation-span 				{	border-bottom: 2px solid #2caae2;	}
.color-entityLocation-span i			{	color: #2caae2; 	}
.color-entityOrganization-span 			{	border-bottom: 2px solid #24408e;	}
.color-entityOrganization-span i		{	color: #24408e; 	}
.color-entityDate-span	 				{	border-bottom: 2px solid #ed6f00;	}
.color-entityDate-span i				{	color: #ed6f00; 	}
.color-entityTime-span	 				{	border-bottom: 2px solid #48c07c;	}
.color-entityTime-span i				{	color: #48c07c; 	}
.color-entityURL-span	 				{	border-bottom: 2px solid #fec238;	}
.color-entityURL-span i					{	color: #fec238; 	}
.color-entityTitle-span	 				{	border-bottom: 2px solid #6a3490;	}
.color-entityTitle-span i				{	color: #6a3490; 	}
.color-entityNationality-span			{	border-bottom: 2px solid #ef5792;	}
.color-entityNationality-span i			{	color: #ef5792; 	}
.color-entityMoney-span					{	border-bottom: 2px solid #008448;	}
.color-entityMoney-span i				{	color: #008448; 	}
.color-entity-id-number-span			{	border-bottom: 2px solid #9E1F63;	}
.color-entity-id-number-span i			{	color: #9E1F63; 	}
.color-entity-credit-card-span			{	border-bottom: 2px solid #383A35;	}
.color-entity-credit-card-span i		{	color: #383A35; 	}
.color-entityReligion-span				{	border-bottom: 2px solid #8A8C8C;	}
.color-entityReligion-span i			{	color: #8A8C8C; 	}
.color-entityProduct-span				{	border-bottom: 2px solid #8DC63F;	}
.color-entityProduct-span i				{	color: #8DC63F; 	}
.color-entityGeoCoor-span				{	border-bottom: 2px solid #8B5E3C;	}
.color-entityGeoCoor-span i				{	color: #8B5E3C; 	}
.color-entityPhone-span					{	border-bottom: 2px solid #C2B59B;	}
.color-entityPhone-span i				{	color: #C2B59B; 	}
.color-entityNumber-span				{	border-bottom: 2px solid #F7A232;	}
.color-entityNumber-span i				{	color: #F7A232; 	}
.color-entityDistance-span				{	border-bottom: 2px solid #EC008C;	}
.color-entityDistance-span i			{	color: #EC008C; 	}
.color-entityHexagon-span				{	border-bottom: 2px solid #373A36;	}
.color-entityHexagon-span i				{	color: #373A36; 	}
.color-entityRosette-span				{	border-bottom: 2px solid #EB3300;	}
.color-entityRosette-span i				{	color: #EB3300; 	}

.color-posPronoun 	{	background-color:#ffde20;	}
.color-posVerb 		{	background-color:#c51695;	}
.color-posAdjective {	background-color:#7A78FF;	}
.color-posNoun 		{	background-color:#40ad48;	}
.color-posOrange  	{	background-color:#ed6f00;	}

.color-posPronoun-span 		{	border-bottom: 2px solid #ffde20;	}
.color-posVerb-span 		{	border-bottom: 2px solid #c51695;	}
.color-posAdjective-span 	{	border-bottom: 2px solid #7A78FF;	}
.color-posNoun-span 		{	border-bottom: 2px solid #40ad48;	}
.color-posOrange-span 		{	border-bottom: 2px solid #ed6f00;	}


span i.rosette {
	font-size: 60%;
	vertical-align: top;
	margin-left: -12px;
	margin-top: -3px;
	line-height: 1;
	display: inline-block;
	}
	
div.markup-color-sample i.rosette {
	font-size: 30px;
	margin: 10px auto;
	color: #fff;
	display: inline-block;
    line-height: 1;
}

/* new case studies overall template - added Dec 2017 */

.blog-list {
	margin-top: 120px;
}

.widget-title {
	color: #183d7f;
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 16px;
}

.blog-list-title {
	border-bottom: 1px solid #BDBDBD;
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 30px;
	padding-bottom: 20px;
}

.single .blog-list-title {
	font-size: 42px !important;
}

/*
.widget-area {
	padding-left: 30px;
}
*/


.widget {
	margin: 0;
/*
	border-bottom: 1px solid #BDBDBD;
	padding-bottom: 20px;
*/
}


.widget:last-child {
	border-bottom: 0;
}

.widget_recent_entries ul {
	margin: 0;
}

.widget_recent_entries ul li {
	line-height: 1;
	margin-bottom: 10px;
	padding-bottom: 0 !important;
}

.widget_recent_entries ul li a {
	color: #37bcff;
	font-size: 18px;
}

.widget_recent_entries ul li a:hover,
.widget_recent_entries ul li a:active,
.widget_recent_entries ul li a:focus {
	color: #183d7f;
}

.widget_recent_entries ul li:before {
	display: none !important;
}

.tagcloud a {
	background: #F7F7F7;
	border-radius: 10px;
	display: inline-block;
	font-size: 12px !important;
	font-weight: 300;
	margin: 0 3px 6px 0;
	padding: 5px 10px;
}

.tagcloud a:hover,
.tagcloud a:focus,
.tagcloud a:active {
	background: #EFEFEF;
	text-decoration: none;
}

.blog-list-container {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

.blog-list-card-container {
	background: #f7f7f7;
	border: 1px solid #eee;
	border-radius: 5px;
	box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
	flex-basis: calc(33.3% - 20px);
	margin-bottom: 20px;
	margin-right: 20px;
	padding-bottom: 0;
}

.blog-list-card {
	height: 100%;
}

.blog-list-image {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	height: 105px;
}

.blog-list-card a:hover,
.blog-list-card a:focus,
.blog-list-card a:active {
	text-decoration: none;
}

.single .blog-card-details {
	background: transparent;
	margin-bottom: 20px;
	padding: 0;
}

.single .blog-card-details div {
	margin-right: 15px;
	width: auto;
}

.single .blog-card-details .date {
	color: rgb(64, 64, 64);
}

.blog-banner {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	height: 200px;
	width: 100%;
	margin-bottom: 30px;
}

.blog-card-details {
	background: #373A36;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	padding: 10px 15px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.blog-card-details .date {
	color: #ffffff;
}

.blog-card-details.no-image {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.blog-card-details div {
	display: inline-block;
	vertical-align: middle;
	width: 40%;
}

.blog-card-details div:last-child {
	width: 50%;
}

.blog-card-details .category {
	background: #F79026;
	border-radius: 10px;
	color: #ffffff;
	display: inline-block;
	padding: 2px 10px;
}

.blog-card-info {
	padding: 12px 15px 3px 15px;	
}

.blog-card-info h3 {
	font-size: 18px;
}

.blog-card-info p {
	color: #373A36 !important;
	font-size: 13px !important;
/* 	line-height: 1.1; */
}

/*
.blog-padding {
	margin-left: 15px;
	margin-right: 15px;
}
*/

.blog-releases-container {
	margin-bottom: 40px;
	margin-right: 20px;
}

.blog-releases {
	display: inline-block;
	margin-right: -4px;
	vertical-align: top;
	width: 50%;
}

.blog-releases p {
	font-size: 16px;
	font-weight: 400;
}

.blog-releases-left {
	padding-right: 10px;
}

.blog-releases-right {
	padding-left: 10px;
}

.blog-releases-inner {
	background: #F7F7F7;
	border: 1px solid #eee;
	border-radius: 5px;
	box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
	min-height: 180px;
	padding: 7px 20px;
}

.archive-header {
	margin-top: 115px;
}

.archive-item-container h4 {
	font-weight: 500;
}

@media screen and (max-width: 992px) {
	.blog-list {
		margin-top: 0;
	}
	.has-announcement .blog-list {
		margin-top: 60px;
	}
	.widget-area {
		border-left: 0;
		padding-left: 0;
	}
	.archive-header {
		margin-top: 0;
	}
}

@media screen and (max-width: 800px) {
	.blog-list-card-container {
		flex-basis: calc(50% - 20px);
	}
	.blog-releases-inner {
		padding: 10px;
	}
	.blog-releases p {
		font-size: 14px;
	}
}

@media screen and (max-width: 550px) {
	.blog-list-container {
		display: block;	
	}
	.blog-list-card-container {
		display: block;
		width: 100%;
	}
	.blog-releases-container {
		margin-right: 0;	
	}
	.blog-releases {
		display: block;
		margin-right: 0;
		width: 100%;	
	}
	.blog-releases-left {
		padding-right: 0;
	}
	.blog-releases-right {
		padding-left: 0;
	}
}