﻿
/*Whole File (Sorry about this one)*/
/* ---------------------------------------------------------------- Fonts ---------------------------------------------------------------- */	

/* montserrat-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: url('/fonts2/montserrat-v25-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-italic - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 400;
	src: url('/fonts2/montserrat-v25-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	src: url('/fonts2/montserrat-v25-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500italic - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 500;
	src: url('/fonts2/montserrat-v25-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	src: url('/fonts2/montserrat-v25-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600italic - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 600;
	src: url('/fonts2/montserrat-v25-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: url('/fonts2/montserrat-v25-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700italic - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 700;
	src: url('/fonts2/montserrat-v25-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-800 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 800;
	src: url('/fonts2/montserrat-v25-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-800italic - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 800;
	src: url('/fonts2/montserrat-v25-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-900 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 900;
	src: url('/fonts2/montserrat-v25-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-900italic - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 900;
	src: url('/fonts2/montserrat-v25-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ---------------------------------------------------------------- Fonts End ---------------------------------------------------------------- */



	body{color:#000;text-align:center;background:#fff}.cc-container{opacity:0}
	
	.copyright{color:#fff; background: transparent linear-gradient(99deg, #012f51, #005194) no-repeat padding-box !important}
	/*.main{max-width:2250px !important}*/
	
	.header{position:fixed;top:0;left:0;height:auto;min-height:110px;width:100%;z-index:20;background:#fff; border:none !important}
	
	.roundedsearch{border-radius:6px;border: 1px solid #004B87 !important;box-shadow: none !important;}
	.loginbutton{padding: 2px 20px !important; border-radius: 4px; background: #AF272F; color: #fff; font-family:Montserrat; font-weight:normal; font-size:20px;}
	/*keep*/
	.footlisthead{color:#58595B !important; font-size:16px !important; font-weight:bold;display:block; padding-bottom:10px; text-decoration:none}
	footer a{text-decoration:none !important; color:#58595B; font-size:.875em; font-weight:500}
	footer .tel, .links a{font-size:1.0em !important}
	footer p{color:#58595B; font-size:.875em}

	.dropdown-menu{border-top:none !important;padding-top:0 !important; -webkit-transition: -webkit-transform 1.2s ease-in-out !important;-o-transition: -o-transform 1.2s ease-in-out !important;transition: transform 1.2s ease-in-out !important;}
.nav-link:hover {
	background: #004b87;
	color: #fff !important;
}

/*.nav-link:focus {
	background: #FAFAFA;
	color: #000 !important;
}*/

	.nav-link{border-radius:5px; padding-top:0 !important; padding-bottom:0 !important}
	.herolink:hover{color:#003865 !important}


@media screen and (max-width: 1200px) {
	.widemenu {
		margin-top: -5px !important;
		padding-top: 10px !important
	}
	.nav-link:focus {
		background: #FAFAFA;
		color: #003865 !important;
	}
	.widemenu{
		border:none !important
	}
}
@media screen and (max-width: 768px) {
	.navsecthead {
		color:#004b87 !important;
		font-weight:600 !important
	}
	.nav-link:focus {
		font-weight:bold
	}
}

@media screen and (min-width: 751px) {
	#navigationcontainer {
		justify-content: flex-start !important
	}
}
@media screen and (max-width: 750px) {
	#kotapaylogo {
		position:relative !important;
		right: 32%;
	}
}

.logindropdown {
	right: 0px !important; 
	left: inherit !important;
	max-width: 450px; 
	min-width: 380px;
	width: 100%;
	border: none !important;
	color:#fff !important
}

.logindropdown a{
	color:#fff !important
}

.loginoption {
	font-size: calc(.9em + .1vw);
	color:#fff;
	cursor:pointer;
}

@media screen and (max-width: 450px) {
	.logindropdown {
		position: fixed;
		top: 105px !important;
		min-width: auto;
		max-width: 97%;
		right: 6px !important;
	}
}

.dropdown-menu {
	background: #FAFAFA !important
}

.loginheader {
	font-size: calc(1.325rem + .9vw);
	color: #fff
}

	.site-banner-warn, .site-banner-warn a {
		background-color: #003865;
		color: #FFFFFF !important
	}

	.site-banner-info, .site-banner-info a {
		background-color: #FFFFFF;
		color: #000000 !important
	}

	.site-banner-error, .site-banner-error a {
		background-color: #AF272F;
		color: #FFFFFF !important
	}	

	/*keep*/
	.navsection li {padding-bottom:10px}
	.navsection ul {padding:10px 0 20px 0 !important}
.navsectitem {
	color: #58595B !important;
	font-weight: bold;
	text-decoration: none !important
}

.g-recaptcha{
	width:min-content;
	padding:2px;
	border-radius:5px
}



.fieldradius {
	border-radius: 5px
}

.redasterix {
	color: red
}
		.navsecthead {
			color: #004B87;
			font-weight: bold;
			font-size: calc(0.9rem + .6vw);
			display: block;
			text-decoration:none !important
		}
	nav {
		box-shadow: 0px 5px 10px -5px #00000040;
	}

	.navsecttitle{margin: 0;font-size: 2em;color: #004B87;font-weight: 600;}
	.bottomspacer{margin-bottom:18px !important}
	.navsectcontent{color:#004B87; font-size:17px; padding-bottom:20px}
	.footergirltext {
		color:#fff; 
		font-weight:bold; 
		font-size: calc(1.0rem + 1.7vw); 
		max-width:700px
	}
	.footerbutton {
		text-decoration:none !important; 
		padding: 10px 40px !important
	}
	.navlogo {
		vertical-align: bottom;
		padding-bottom: 30px;
	}
	.innerdropdown{background:#FAFAFA; color:#000}
	.search{display:inline-block;position:relative;float:right;width:203px}
	.search form{margin:0}
	.search .form_field{height:18px;width:155px;padding:2px 4px;vertical-align:middle;color:#00144A;background:#eff5ff;border:1px solid #000;border-right:0;box-shadow:inset 0 0 1px 1px #778;border-radius:3px 0 0 3px;background-clip:padding-box!important}
	
	.fbotspacer{clear:both;font-size:1px;line-height:1px;margin:0;padding:0}
	hr.clear{display:block;clear:both;visibility:hidden;height:1px}
	.fspacer{display:block;width:100%;padding:10px}
	.sl{color:#216d42;font-family:Cambria,'Times New Roman','Nimbus Roman No9 L',Freeserif,Times,serif}
	.search_button{height:24px;width:auto;vertical-align:middle;border:1px solid #000;border-left:0;border-radius:0 3px 3px 0;color:#fff;background:#af272f}
	
	.bbb{margin-bottom:30px; background:url('/img/cssimages/bbbfooter.png') no-repeat !important}
	.ippa{margin-bottom:30px; background:url('/img/cssimages/ippafooter.png') no-repeat !important}
	.umacha{margin-bottom:30px; background:url('/img/cssimages/umachafooter.png') no-repeat !important}
	.ipa{margin-bottom:10px;background:url('/img/web/ipa.png') no-repeat !important}
	.pasba{background:url('/img/cssimages/pasbafooter.webp') no-repeat !important}

	.pcivisa {margin-bottom: 20px;background: url('/img/web/pcivisa.png') no-repeat !important;display: block;font-size: 0;height: 90px; width:90px}
	.tpg {margin-bottom: 20px;background: url('/img/web/tpg.png') no-repeat !important;display: block;font-size: 0;height: 60px}
	.alloylabs{background:url('/img/web/alloy.png') no-repeat !important;display:block; font-size:0;height:120px;}
	.footlogo{height:50px; width:131px; display:block; font-size:0}
	
	.socials{ 
		display:inline-block; 
		cursor:pointer; 
		font-size:0
	}
	#kpfacebook {
		background:url('/img/cssimages/facebookfooter.png') no-repeat; 
		height:40px; 
		width:21px; 
		margin-right:30px
	}

	#kpyoutube {
		background:url('/img/cssimages/youtubefooter.png') no-repeat; 
		height:40px; 
		width:48px; 
		margin-right:30px
	}

	#kplinkedin {
		background:url('/img/cssimages/linkedinfooter.png') no-repeat; 
		height:40px; 
		width:40px
	}
	
	body{font-family:Montserrat !important;}

.speedbumpcontainer {
	background:#FAFAFA; 
	max-width:350px; 
	box-shadow: 3px 3px 11px 10px #00000040; 
	border-radius:15px
}

#rightmenu {
	align-items: center;
	position: absolute;
	height: 60px;
	top: 25px;
	right: 30px
}

#kotapay_login_username {
	border-radius:10px !important
}
#kotapay_login_button, #econtracts_login_button, #fibt_login_button {
	max-width: 200px;
}

#kotapaylogin {
	background: #133865
}
#econtractslogin {
	background:#004B87; 
	display:none
}
#fibtlogin {
	background:#0068BC; 
	display:none
}
.pointerdiv{
	cursor:pointer
}
.newtoplink {
	color: #004b87;
	text-decoration: none
}
	nav ul{list-style:none}

.positioninitial {
    position:initial !important;
}

.dropdown-toggle::after {
    display:none!important
}

.navbar{
	z-index:20 !important
}

.nav-link {
    color: #004b87 !important;
	font-weight:500
}

#featlinks {
	line-height:35px
}
.navmenulogo {
	width:60px;
	height:63px; 
	position:relative; 
	left:90%
}

.colspacer {
	max-width:60px !important
}

.footcontainer {
	background: transparent linear-gradient(99deg, #005194, #012f51) no-repeat padding-box;
	max-height: 406px;
	width: 100%;
	position: relative;
	text-align: center
}


/*--------------------------------------------------	Cookie Consent	--------------------------------------------------*/
.show {
	transition: opacity .35s linear;
}

.cookieconsent {
	position: fixed;
	flex-wrap: nowrap;
	box-sizing: border-box;
	overflow: hidden;
	z-index: 2150000000;
	flex-direction: row;
	padding: .8em 1em;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	background: #013C65;
	font-size: 14px !important;
	font-family: Montserrat,Verdana,Geneva,'DejaVu Sans',sans-serif;
	border-radius: 0px
}

#salemove .sm-visitor-app-container {
	z-index: 999999999 !important
}
/*--------------------------------------------------	Cookie Consent End	--------------------------------------------------*/

.banned{border-bottom:2px solid #FAFAFA}

.btn-primary {
	padding: 10px 25px;
	border-radius: 4px !important;
	background-color: #AF272F !important;
	color: #fff !important;
	font-family: Montserrat !important;
	font-weight: bold !important;
	font-size: calc(0.9rem + .1vw);
	text-decoration: none !important;
	border: none !important;
	margin-bottom:10px !important;
}

	.btn-primary:hover {
		border: none !important;
		box-shadow: none !important;
		background: #D22630 !important;
	}

	.btn-primary:focus {
		border: none !important;
		box-shadow: none !important;
		background: #D22630 !important;
	}

	a {
		color:#003865 !important;
		text-decoration: none !important
	}
.arrowafteryes:after {
	display: inline-block;
	padding-left: 5px;
	font-size: .8em;
	vertical-align: middle;
	content: "►"
}

.youtubesubtext {
	text-align: center;
	padding-top: 10px;
	font-weight: bold;
	font-size: 20px;
}

.youtubepadding {
	padding-top: 60px;
}
	.blocklink{text-decoration:none !important; color:#003865; font-weight:bold; font-size:17px}
	.blockbutton{}


	/*-------------------Hero Styling------------------*/
	.herolink{text-decoration:none !important; color:#0C5C97 !important; font-weight:bold}
	.herocontent{max-width: 750px;text-align: left;position: absolute;top: 200px;left: 140px}
	.herotitle{font-size:50px}
	.hero {min-height:480px; text-align:right}

	/*-------------------Hero Styling End------------------*/

	/*-----------------Section Styling-----------------*/
	.sectionitem{min-width:400px}
	.sectionitem h2{font-weight: bold;font-size: 30px;}
	.sectionitem p{color: #003865;font-size: 17px;}
	.left{text-align:left}
	.right{text-align:right}
	.center{text-align:center}
	.white{background:#fff}
	.grey{background:#FAFAFA}
	.space{padding-bottom:50px}
	.frame{position: absolute;width: 80%;height: 100%; top:0; bottom:0}
	.framedleft{left: 0}
	.framedright{right: 0}
	.framedcenter{left: 10%}
	/*-----------------Section Styling End-----------------*/

	/*-----------------Econtracts Login Styling-----------------*/
	.expand h3{color:#fff !important}
	.expand li{color:#fff !important; text-align:left}
	.expand a{color:#fff !important; text-decoration:underline !important}
	/*-----------------Econtracts Login Styling End-----------------*/

	/*------------------Grey Carousel------------------*/
	.greycaritem{color:#616161 !important;min-width:400px; background:transparent;}
	.greycaritem h2{font-weight: bold;font-size: 30px}
	.greycaritem p{color: #616161;font-size: 0.875em;} 
	.greyblocktitle{font-size: 17px; height:42px; padding-bottom:5px}
	.greyblocktitle h3{font-size:17px !important; font-weight:bold !important; margin-bottom:0 !important}
	.greyblockbody{height:100px}
	.greycarbottom p{color:#616161; float:left; margin-bottom:2px}
	.greybackground{background:#FAFAFA}
	.greyblocklink {text-decoration: none !important;font-weight: bold;font-size: 17px;margin-top: 10px !important;color: #003865;}
	.greycar{color: #616161 !important;background: #FAFAFA;padding: 20px;margin:0 12px; min-width: 360px;height:350px}
	/*.greycarbottom{width: min-content;display: inline-block}*/
	.greybackground h2{color:#003865;font-size:30px; font-weight:bold; padding:25px 0 0 0}
	.greyarrownext{float: right;right: -60px !important;top: 140px !important;background:url('/img/cssimages/bluerightarrow.png') no-repeat !important; height:58px;width:48px !important;opacity:1 !important}
	.greyarrowprev{float: left;left: -60px !important;top: 140px !important;background:url('/img/cssimages/blueleftarrow.png') no-repeat !important; height:58px; width:48px !important;opacity:1 !important}
	.greyarrownext:hover{background:url('/img/cssimages/bluerightarrow.png') no-repeat !important; opacity:.7 !important}
	.greyarrowprev:hover{background:url('/img/cssimages/blueleftarrow.png') no-repeat !important; opacity:.7 !important}
	.greyarrownext:focus{background:url('/img/cssimages/bluerightarrow.png') no-repeat !important; opacity:.7 !important}
	.greyarrowprev:focus{background:url('/img/cssimages/blueleftarrow.png') no-repeat !important; opacity:.7 !important}
	.greyarrownext,.greyarrowprev{transition:none}
	/*------------------Grey Carousel End------------------*/

	/*------------------Blue Carousel------------------*/
	.bluecarlink a{color:#fff !important}
	.bluecaritem{color:#fff !important;min-width:400px; background:transparent;}
	.bluecaritem h2{font-weight: bold;font-size: 30px}
	.bluecaritem p{color: #fff;font-size: 1.063em;}
	.blueblocktitle{font-size: 1.063em; margin-top:10px; min-height:53px}
	.blueblocktitle h3{font-size:17px !important; font-weight:bold !important; margin-bottom:0 !important}
	.blueblockbody{min-height:140px; margin: 0 0 20px 0;}
	.bluecarbottom p{color:#fff !important; float:left; margin-bottom:2px} 
	.bluebackground{background: transparent linear-gradient(99deg, #012f51, #005194) no-repeat padding-box; padding-top:10px; padding-bottom:25px; border-bottom:25px solid #fff}
	.blueblocklink{text-decoration:none !important; color:#fff !important; font-weight:bold; font-size:17px; margin-top:10px !important} 
	.bluecar{color: #fff !important;background: #2B5A7F;padding: 20px;margin: 0 12px}
	.bluecarbottom{display: inline-block;padding-bottom: 20px;}
	.bluebackground h2{color:#fff; font-size:30px; font-weight:bold;padding: 25px 0 10px 0;} 
	.bluearrownext{float: right;right: -60px !important;top: 140px !important;background:url('/img/cssimages/whiterightarrow.png') no-repeat !important; height:58px;width:48px !important;opacity:1 !important}
	.bluearrowprev{float: left;left: -60px !important;top: 140px !important;background:url('/img/cssimages/whiteleftarrow.png') no-repeat !important; height:58px; width:48px !important;opacity:1 !important}
	.bluearrownext:hover{background:url('/img/cssimages/whiterightarrow.png') no-repeat !important; opacity:.7 !important}
	.bluearrowprev:hover{background:url('/img/cssimages/whiteleftarrow.png') no-repeat !important; opacity:.7 !important}
	.bluearrownext:focus{background:url('/img/cssimages/whiterightarrow.png') no-repeat !important; opacity:.7 !important}
	.bluearrowprev:focus{background:url('/img/cssimages/whiteleftarrow.png') no-repeat !important; opacity:.7 !important}
	.bluearrownext,.bluearrowprev{transition:none}
	/*------------------Blue Carousel End------------------*/

.blocktitle h3{
	color:#003865 !important;
	font-size:20px !important;
}


/*-------------------------------------------- DO NOT REORDER THESE -Ryan --------------------------------------------*/
.multiple .carousel-inner .carousel-item-end.active {
	transform: translateX(33%) !important
}

.multiple .carousel-inner .carousel-item-next {
	transform: translateX(33%) !important
}

.multiple .carousel-inner .carousel-item-start.active {
	transform: translateX(-33%) !important
}

.multiple .carousel-inner .carousel-item-prev {
	transform: translateX(-33%) !important
}

@media screen and (max-width: 767px) {
	.carousel-inner .carousel-item div {
		display: none;
	}
	.carousel-inner .carousel-item div:first-child {
		display: block;
	}
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
	display: flex;
}

@media screen and (max-width: 1480px) {

	.multiple .carousel-inner .carousel-item-end.active {
		transform: translateX(49%) !important
	}

	.multiple .carousel-inner .carousel-item-next {
		transform: translateX(49%) !important
	}

	.multiple .carousel-inner .carousel-item-start.active {
		transform: translateX(-49%) !important
	}

	.multiple .carousel-inner .carousel-item-prev {
		transform: translateX(-49%) !important
	}
}

@media screen and (max-width: 1050px) {

	.multiple .carousel-inner .carousel-item-end.active {
		transform: translateX(97%) !important
	}

	.multiple .carousel-inner .carousel-item-next {
		transform: translateX(97%) !important
	}

	.multiple .carousel-inner .carousel-item-start.active {
		transform: translateX(-97%) !important
	}

	.multiple .carousel-inner .carousel-item-prev {
		transform: translateX(-97%) !important
	}
}

.multiple .carousel-inner .carousel-item-end {
	transform: translateX(0) !important
}

.multiple .carousel-inner .carousel-item-start {
	transform: translateX(0) !important
}
/*-------------------------------------------- DO NOT REORDER THESE (End) -Ryan --------------------------------------------*/

tbody, td, tfoot, th, thead, tr {
	border-color: #fff !important;
	border-width: 2px !important;
}

table tr:nth-child(odd) {
	background: #F7F7F7;
}

table {
	border-collapse: unset !important;
	display: flex;
	color: #616161 !important
}

	table :first-child :first-child td {
		height: 60px;
		width: 240px;
		border-radius: 10px 10px 0 0;
		font-weight: 600
	}

td {
	height: 50px
}
.myinput, .mytextarea {
	border: none;
	border-radius: 12px;
	box-shadow: 1px 3px 11px #00000040;
	padding: 10px;
	font: .95em Montserrat,"Open Sans",Helvetica,Arial,sans-serif;
}

	.myinput:focus-visible, .mytextarea:focus-visible {
		border: 1px solid #00000040;
		outline: none !important
	}


#jGrowl {
	position: fixed;
	top: 150px;
	right: 50%;
	background: #fff;
	border: none;
	border-radius: 12px;
	box-shadow: 1px 3px 11px #00000040;
	font: .95em Montserrat,"Open Sans",Helvetica,Arial,sans-serif;
}

.jGrowl-close {
	float: right;
	border: none !important;
	background: #fff;
}

#jGrowl em {
	color: #003865 !important
}

	/*----------------Tradeshow Styling-----------------*/
	.tradeshow{max-width:400px; text-align:center; padding:0 15px}
	.tradeshowtitle p{color:#0C5C97; font-weight:bold; font-size:1.0em; margin-bottom:0}
	.tradeshowdate{color:#0C5C97; margin:0}
	/*----------------Tradeshow Styling-----------------*/

	/*----------------Testimonial Styling-----------------*/
	.testimonialbutton{width:15px !important; height:15px !important; border:none !important; border-radius:10px !important;background:#BDBDBD !important; margin-right:5px !important}
	.carousel-indicators{bottom:-40px !important}
	.testimonialbutton.active{background:#707070 !important; opacity:1 !important }
	.testimonialanimation{-webkit-transition: -webkit-transform 1.2s ease-in-out !important;-o-transition: -o-transform 1.2s ease-in-out !important;transition: transform 1.2s ease-in-out !important;}
	.testimonial{max-width:1100px; overflow:hidden}
	/*.testimonial .carousel-item-end.active,.carousel-inner .carousel-item-next {transform: translateX(10%)}
    .testimonial .carousel-item-start.active,.carousel-inner .carousel-item-prev {transform: translateX(-10%)}*/
	/*----------------Testimonial Styling-----------------*/

	/*----------------Person Styling-----------------*/
	.person{padding:0 35px}
	.personname{color:#0C5C97;font-weight:bold; margin-bottom:0; font-size:1.0em}
	.persondetails{color:#0C5C97; margin:0; font-size:0.813em}
	/*----------------Person Styling-----------------*/

	/*----------------Insight Styling-----------------*/
	.insight{color:#616161 !important;max-width:400px !important; background:transparent; padding: 0 30px}
	.insight h2{font-weight: bold;font-size: 30px}
	.insight p{color: #616161;font-size: 14px;max-width:350px}
	.insightblocktitle p{font-size: 15px; height:42px; padding-bottom:5px; color:#616161; padding:10px 0}
	.insightblockbody p{height:90px; width:350px; color:#616161; font-size:14px}
	.insightblockbody,.insightblocktitle{display:inline-block}
	/*----------------Insight Styling-----------------*/
	
	/*----------------RichText Styling-----------------*/
	/*.richtext{max-width:1200px; padding-right:70px}*/
	.richtext h1{/*font-size:50px; font-weight:bold; margin:0*/}
	.richtext p{margin:0}
	.richtext li{color: #003865;font-size: 16px;}
	.richtext a{text-decoration:underline !important}
	/*.richtext table,tbody{display:block !important; width:100% !important}
	.richtext tr{display:inline-table !important; width:100% !important}
	.richtext td{width:100% !important}*/
	.richtext table, tbody{width:100% !important; text-align:left !important; color:#003865 !important}
	.richtext td{width:unset !important; padding-left:10px}
	.richtext table :first-child :first-child td {background:#F2F2F2 !important}
	/*----------------RichText Styling-----------------*/
	/*----------------Service Styling-----------------*/
	.service{max-width:450px}
	.servicetitle{color:#003865; font-weight:bold}
	.servicebody{color:#003865}
	/*----------------Service Styling-----------------*/

	h1,h2,h4,h6{font-weight:600 !important}
	h3,h5{font-weight:500 !important}
	
	h3,h4,h6{color:#58595B !important}
	.spaceonthetop{padding-top:50px}
	body{color:#003865 !important}
	ul{line-height:2.0em !important}

.picked {
	font-weight: 700
}

.insightsgroup {
	transition: 5s ease-in-out
}

.insightsselector {
	text-transform: capitalize !important
}

.blogpost img {
	float: right;
	margin: 15px 0 15px 25px;
	max-width: 50%;
	border-radius:10px;
}

.animatedblinker {
	animation: blinker 1.7s linear infinite
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}

@media screen and (max-width:460px){
	#LoginDropdownMenuLink {
		font-size: calc(0.9rem + .1vw) !important;
	}
}

@media screen and (max-width:800px) {
	.blogpost img {
		display: none
	}
}

	@media screen and (max-width:630px){
		.logoimage{
			height:32px !important;
			width:auto
		}
		#LoginDropdownMenuLink{
			padding-right:10px !important;
			padding-left:10px !important
		}

		#rightmenu {
			top: 13px !important
		}

	}
	@media screen and (max-width:350px) {
		.row {
			max-width: 100% !important;
			margin-right:0 !important;
			margin-left:0 !important;
		}
		#kotapaylogo {
			position: unset !important
		}
		#navigationcontainer {
			justify-content: flex-start !important
		}
	}

	/*--------------------------------------------Carousel Multi-Item Responsive--------------------------------------------*/
	/*pls dont make me delete this Chris*/
	@media screen and (max-width:600px){.bluearrownext{display:none !important}.bluearrowprev{display:none !important}}
	@media screen and (max-width:580px){.greyarrownext{display:none !important}.greyarrowprev{display:none !important}}
	@media screen and (max-width:1480px){.sizeme{max-width:860px !important}.sizemegrey{max-width:800px !important}}
	@media screen and (max-width:1050px){.sizeme{max-width:435px !important; width:auto !important; padding:0 !important}}
	@media screen and (max-width:993px){.sizemegrey{max-width:405px !important; width:auto !important; padding:0 !important}}


	/*--------------------------------------------Carousel Multi-Item Responsive--------------------------------------------*/

	@media screen and (max-width:1100px){.heroimage{content:url('/img/cssimages/herobgsmol.jpg')}}
	@media screen and (max-width:750px){.heroimage{content:url('/img/cssimages/herobgsmolerer.jpg')}.responsiveicon{display:none !important}}
	@media screen and (max-width:1615px){.herocontent{left:20px}}
	@media screen and (max-width:1355px){.herocontent{max-width:700px}.herotitle{font-size:40px}.heroimage{margin:0}}
	@media screen and (max-width:1250px){.herocontent{max-width:450px}.herotitle{font-size:30px}.footsection{padding-right:0}}
	@media screen and (max-width:460px){.herotitle{font-size:24px}}
	@media screen and (min-width:2275px){.footergirltext{font-size:48px !important}}


.fdic-image {
	max-width: 480px;
}

