﻿/**============== Skins Stylesheet ===============**/
html section.section-dark h1,html section.section-dark h2,html section.section-dark h3,html section.section-dark h4,html section.section-dark h5,html section.section-dark h6 {color: #FFF;}
html .bg-color-light, html .bg-light, html section.section-light {background-color: #FFF !important;}
html section.section-light {border-color: #f2f2f2 !important;}
html .list-primary.list-icons li > [class*="fa-"]:first-child {color: #1274CC;border-color: #1274CC;}
.feature-box.feature-box-style-2 .feature-box-icon [class*="fa-"], .feature-box.feature-box-style-2 .feature-box-icon .icons {color: #1274CC;}
h1,h2 {color: #111;}
.portfolio-list .portfolio-item.portfolio-item-new::after {  background: linear-gradient(135deg, #0088CC 0%, #e36159 80%);}
html .toggle-primary.toggle-minimal .toggle.active > label, html .toggle-primary.toggle-minimal .toggle.active > .toggle-title {color: #1274CC;}
tml .toggle-primary .toggle.active > .toggle-title{border-color: #1274CC;}
.ks-gradient {padding: 1.7rem; background-image: linear-gradient(to right bottom, #009cff, #0794f5, #0c8dec, #0f85e2, #117ed9, #0e78d4, #0b73ce, #086dc9, #0367c7, #0162c4, #025cc1, #0656be);}
.ks-gradient2 {padding: 1.7rem; background-image: linear-gradient(to right, #007fcc, #0777c4, #1274CC, #0d69b4, #1062ac, #0d5da7, #0a58a1, #07539c, #034e99, #014995, #024392, #053e8e);}
.wstitemright {border-left: 1px solid #dddddd;}
html .bg-color-hover-primary:hover, html .bg-hover-primary:hover {background-color: #0088CC !important;}
html .featured-box-primary .icon-featured { background-color: #0088CC;}
/**============== Consent Banner ===============**/
.consent-banner {
	position: fixed;
	bottom: 0;
	left: 0;
	border-top: 2px solid #1274CC;
	width: 100%;
	background-color: #FFF;
	padding: 20px;
	z-index: 9999;
}
.consent-content {
	max-width: 1120px;
	margin: 0 auto;
}
.consent-actions {
	margin-top: 10px;
}
#accept-cookies, #reject-cookies {
	background-color: #007bff;
	color: #fff;
	border: none;
	padding: 10px 20px;
	cursor: pointer;
}
#manage-cookies {
	background-color: transparent;
	color: #007bff;
	border: 1px solid #007bff;
	padding: 10px 20px;
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
}
#accept-cookies:hover, #reject-cookies:hover, #manage-cookies {
	opacity: 0.8;
}
/* Styles for the modal */
.modal-consent {
	display: none;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.5);
}
.modal-content-consent {
	background-color: #fefefe;
	margin: 15% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 50%;
}
.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}
.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}
.mandatory-option {
	margin-bottom: 10px;
}
.toggle-option {
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}
.toggle-button {
	margin-left: 10px;
}
/* Toggle switch styles */
.toggle-option .toggle {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}
.toggle-input {
	display: none;
}
.toggle-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 34px;
}
.toggle-slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 50%;
}
.toggle-input:checked + .toggle-slider {
	background-color: #007bff;
}
.toggle-input:focus + .toggle-slider {
	box-shadow: 0 0 1px #007bff;
}
.toggle-input:checked + .toggle-slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}
.round {
	border-radius: 34px;
}
.mandatory-option .toggle-slider {
	background-color: #ccc !important; /* Set toggle switch background color to grey */
}
#save-preferences {
background-color: #007bff;
color: #fff;
border: none;
padding: 10px 20px;
cursor: pointer;
max-width: 220px;
}
#save-preferences:hover {
	opacity: 0.8;
}
/**============== CSS customizations ===============**/
@media (min-width: 1200px) {.custom-nowrap {white-space: nowrap;}}
.mt-10 {margin-top:-10px!important;}
.mt-30 {margin-top:-30px!important;}
@media (min-width: 576px) {.banner-rounded {border-radius: 1rem !important;}}
.background-overlay-image {
	position: absolute;
	top: 0;	left: 0;
	width: 100%; height: 60%;
	background: url('/Frontend/Images/connectors/data-streams-background.svg') no-repeat; background-size: cover; background-position:05% top;
	z-index: 1;
	opacity: 0.4;
	pointer-events: none;
}
.image-overtop { 
	z-index: 1!important;
}
dt strong {
  font-weight: bold;
}
.slidertitle-medium-banner {
	font-size:30px!important;
}
.lh-md {
	line-height:1.8rem!important;
}
.custom-list ul {list-style: none;padding-left: 20px;}
.custom-list ul li {margin-bottom: 10px;display: flex;align-items: flex-start;}
.custom-list ul li .fas {margin-top: 5px;margin-right: 10px;}
.toolkit-heading.car>.line-height-br {line-height: 6px;}
.toolkit-heading.car {line-height: 26px;font-size:23px;font-weight:500;color:#707070;}
.menu-collapse {
  display: none;
}  
h4.pretitle {
  letter-spacing: 0.03em;
}
.menu-toggle[aria-expanded="true"] + .menu-collapse {
  display: block;
}
.custom-header-bar::before {
	background-image: linear-gradient(150deg, #06A7F6 0%, #0491FA 30%, #047FFA 70%, #047FFA 100%)!important;
}
.click-here-link {
	color:#FFF!important;
}
[class*=" icon-"]::before, [class^="icon-"]::before {
	margin-top: 4px;
}
.btn-home {
	padding-left:32px!important;
	padding-right:32px!important;
}
.notehl {
    background:#F7F7F7;
    border: 1px solid #ddd;
    padding: 20px 30px;!important;
    margin: 20px 0!important;
}
.col-xs-6 {
    width: 50%;
}
.header-logo {
	padding-top:15px;
}
.custom-header-bar::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    width: 45vw;
    background-image: linear-gradient(150deg, #0088cc 0%, #0088cc 30%, #1274CC 70%, #1274CC 100%);
    border-radius: 4px;
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.06);
}
.gx-5.text {
	--bs-gutter-x: 6rem;
}
.center-content {
	display: block;
	margin-left: auto; 
	margin-right: auto;
}
.nounderline {
	text-decoration:none!important;
} 
.bluenote {
	border: 1px solid #0C4C86;
	background-color: #d8f4fb;
	padding: 1em;
}
.dropdown-menu.partnercatg > li > a:focus, .dropdown-menu.partnercatg > li > a:hover {
	text-decoration: none;
	color: #262626;
	background-color: #f5f5f5;
}
.mtop-n10 {
	margin-top:-10px!important;	
}
.mtop-n15 {
	margin-top:-15px!important;	
}
ul.icolist li {
	list-style-type:none;
	text-indent: -30px;
	margin-left:10px;
}
ul.icolist li:before {
	font-family:custom-icons;
	content:'\e93d';
	float:left;
	width:1.4em;
	margin-right:7px;
}
ul.icolist li:before {
	color:#1274CC
}
.boxFocus {
	padding:22px;
	border-radius:11px;
	margin-bottom: 22px;
}
.ctaBox {
	padding:33px
}
h3.icon-tags {
	margin-top:20px;
}
.ks-blue-background {
	background: #1274CC;
}
.synchronize-data-width {
	width:500px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.prod-pack-icon-margin {
	margin-left:-2px!important;
}
.product_thumbnail {
	max-width: 100%;
}
.yt-video-thumbnails {
	background:#F7F7F7;
	border: 1px solid #ddd;
	padding: 0.8em;
}
.yt-toolkit-video-thumbnails {
	border: 1px solid #ddd!important;
}
/**=============== Use Cases ================**/
.download-subheader {
	font-size: 2.2em !important;
	line-height: 42px;
	letter-spacing: -.005rem;
	font-weight: 600 !important;
	text-transform: none !important;
}
.resources-font {
	font-size: 1.8em !important;
	letter-spacing: -.005rem;
	font-weight: 300 !important;
}
.use-case-title {
	color:#212529;
	font-size: 3.1em !important;
	letter-spacing: -.02rem;
}
.note-use-cases {
	color:#888888;
	font-size:14px;
}
h3.pretitle {
	color: #989898 !important;
	font-size:1.13em;
}
/**=============== Help Manuals ================**/
.mt-manuals {
	margin-top:02px;
}
.helpmanual-link {
	font-size:18px;
	text-decoration:none;
	margin-left:15px;
	margin-right:20%;
	margin-top:05px;
}
a.hm-anchor { 
	display: block; 
	content: " "; 
	margin-top: -113px!important; 
	height: 113px; 
	visibility: hidden; 
	pointer-events: none;
}
/**=============== Breadcrumb ================**/
div#NavigationPath {
  margin-top: -15px;
  line-height: 19px;
}
/**=============== Modal ================**/
.modal-dialog {
  max-width: 630px;
}

/**=============== Popover ================**/
 .popover {
    max-width:100%
}
 .popover-content {
    word-wrap: break-word
}
 .popover-title {
    font-weight:600;
    font-size:12px;
    line-height:1
}
 .dl-horizontal.popup dt:after {
    font-weight:300;
}
 .dl-horizontal.popup {
    margin: 0;
    padding:0
}
 @media (min-width: 768px) {
     .dl-horizontal.popup dt {
        width:50px
    }
     .dl-horizontal.popup dd {
        margin: 0 0 0 60px;
        padding:0
    }
}
 @media (max-width: 767px) {
    .dl-horizontal.popup dd {
        margin: 0;
        padding:0
    }
}

/**=============== Integration Gateway Graphic ================**/
.home-concept .project-image {
	width: 350px;
	margin: 20px 0 0 30px;
	padding-bottom: 45px;
	position: relative;
	z-index: 1;
}
.home-concept .process-image.process-image-on-middle {
	margin: 135px 0 0 90px;
}
.home-concept .last-image {
	background: transparent url(../img/home/home-concept-item.png) no-repeat 0 0;
	width: 160px;
	margin: 70px 20px 0 auto;
	padding-bottom: 50px;
	position: relative;
	z-index: 1;
}
.fc-slideshow {
	position: relative;
	width: 144px;
	height: 144px;
	border-radius: 50%;
	margin: 0 auto;
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	perspective: 1200px;
	top: 8px;
}
.home-concept strong {
	display: block;
	font-family: roboto;
	font-size: 1.6em;
	font-weight: 500 !important;
	position: relative;
	padding-bottom:10px;
	color: #444;
}
.home-concept .process-image {
  margin: 150px auto 0 auto;
}

/**=============== Boxes ================**/
.buildBoxtop {
	padding: 22px 22px 5px 22px;
	border-radius: 11px 11px 0 0;
	border: 1px solid #ddd;
	border-bottom-color: rgb(221, 221, 221);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom: 0;
}
.bulle.color2, .color2, .ctaBox.color2, .slice.color2 {
	background-color: #1274CC;
	color: #fff;
}
.color2 a:hover, .color2 blockquote, .color2 h1, .color2 h2, .color2 h3, .color2 h4 {
	color: #fff;
}
.buildBoxbot {
	padding: 15px 22px 15px 22px;
	border-radius: 0 0 11px 11px;
	border: 1px solid #ddd;
	border-top-color: rgb(221, 221, 221);
	border-top-style: solid;
	border-top-width: 1px;
	border-top: 0;
}
.color1, .ctaBox.color1 {
	background-color: #f7f7f7;
	color: #444;
}
.imgBorder {
	border-radius: 11px;
	box-shadow: 1px 1px 4px 0px rgba(0,0,0,.2);
}
#homeFullScreen, #html5Video, .imgBorder, .paralaxMask, h2 {
  overflow: hidden;
}
.featured-boxes-style-3 .featured-box .icon-featured {
	line-height: 70px;
}
html .featured-box-primary h4 {
  color: #1274CC;
}
html .featured-box-effect-3.featured-box-primary .icon-featured::after {
  box-shadow: 0 0 0 10px #1274CC;
}
html .featured-boxes-style-3 .featured-box.featured-box-primary .icon-featured {
  border-color: #1274CC;
  color: #1274CC;
}
html .featured-box-effect-3.featured-box-primary:hover .icon-featured {
  background: #1274CC !important;
}
html .bg-color-primary, html .bg-primary {
  background-color: #1274CC !important;
}
/**=============== Find a Partner Menu ================**/
nav#subnav {
	margin:4px 0 10px 0;
	padding:0
}
nav#subnav ul {
	margin:0;
	padding:0
}
nav#subnav ul li a {
	margin:0;
	padding:6px 0;
	display:block;
	transition:all .3s ease-out
}
nav#subnav ul li a i {
	float:right;
	display:none;
	margin-top:4px
}
nav#subnav ul li a.active i,
nav#subnav ul li a:hover i {
	display:block
}
nav#filter ul {
	padding:0
}
nav#filter li {
	display:inline-block;
	list-style:none
}

/**=============== Navigation Menu ================**/
@media (min-width: 992px) {
  .border-lg {
    border: 1px solid #dee2e6;
    border-radius: .25rem;
  }
}
.header1 .navbar-nav ul ul {
	top:0
}
.header1 .contactPhone,
.header1 ul.quickMenu li {
	margin-right:10px
}
.header1 .sep {
	display:none
}
.header1 .navbar-nav>li a {
	text-transform:uppercase;
	font-weight:400
}
@media(min-width:768px) {
 .navbar>.container .navbar-brand {
	margin-left:0
 }
 .navbar-header {
	padding-bottom:0
 }
 .navbar-collapse {
	padding-right:0
 }
}
.contactPhone {
	padding-right:11px;
	margin-top:7px
}
ul.quickMenu {
	margin:6px 0 0;
	padding:0
}
ul.quickMenu li {
	display:inline-block;
	padding-right:11px
}
ul.quickMenu li a {
	font-size:11px!important;
	margin:0;
	padding:0;
	display:block;
	line-height:1em
}
ul.quickMenu li a.linkLeft {
	margin-left:0
}
.nav>li>a:focus,
.nav>li>a:hover,
.panel-default>.panel-heading:hover,
.panel-default>.panel-heading:hover a,
.panel-default>.panel-heading:hover a:after {
	color:#1274CC!important
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
	border-bottom:1px solid #1274CC!important;
	color:#1274CC!important;
	background-color:#fff!important
}
.nav-pills-po>li.active>a,
.nav-pills-po>li.active>a:focus,
.nav-pills-po>li.active>a:hover {
	color:#fff!important;
	background-color:#1274CC;
	border-radius:10px
}
.nav-pills-po>li>a:hover {
	border-radius:10px
}
.nav-pills2>li.active>a,
.nav-pills2>li.active>a:focus,
.nav-pills2>li.active>a:hover {
	color:#003d66!important;
	background-color:#1274CC;
}
.iconBlocHeading .noline {
	color:#1274CC;
}
.nav-tabs>li>a {
	border-left:1px solid #eee;
	border-top:1px solid #eee;
	border-right:1px solid #eee
}
.contactPhone,
ul.quickMenu li a {
	color:#f7f7f7
}
.contactPhone a:hover {
	text-decoration:none;
	color:#ddd
}
ul.quickMenu li a:hover {
	color:#ddd
}
.page-header {
	border-bottom: none;
	background: background-size: 100%; background-position: top; background-image: linear-gradient(to right, #009CFE, #0E87E5, #0C75D1);
}
.header1 #mainHeader, {
	border-bottom:none
}
.header1 .navbar-default .navbar-nav>li>a {
	color:#555
}
.header1 #preHeader {
	background-color:#333
}
	#preHeader .socialNetwork a:hover,
	.generatedMoreLink a,
	.navbar-nav ul li a:hover,
	.navbar-nav>li>a,
	.pinInfo li a,
	.tagCloud a:link,
	.tagCloud a:visited,
	a#nextslide:hover,
	a#prevslide:hover,
	nav#subnav ul li a:hover,
	ul#navTrail li a,
	ul.entry-meta li a,
	ul.quickMenu li a:hover,
	.ctaBox a,
	.panel-title>a:hover {
	text-decoration:none
}
#mainHeader {
	width:100%
}
#mainHeader {
	z-index:100
}
#preHeader {
	display:none!important
}
.navbar-brand {
	padding:22px 0
}
#preHeader .socialNetwork,
.contactPhone {
	display:inline-block;
	float:right
}
#preHeader .socialNetwork li {
	display:block;
	list-style-type:none;
	float:left
}
@media(min-width:768px) {
.header1 #preHeader {
	display:block!important;
	height:40px
 }
}
@media(min-width:992px) {
body.header1 {
	padding-top:128px
 }
}
#mainHeader .pull-right {
	float:none!important
}
#mainHeader .pull-right {
	float:right!important
}
#mainMenu .navbar-nav ul li.megaMenuTitle {
	display:block;
	width:100%
}
#mainHeader {
	background-color:#fefefe;
}
#mainHeader .navbar-inner {
	background:#d9d9d9;
	filter:none!important
}
#mainHeader.fixedHeader {
	background:rgba(255,255,255,.95)
}
#mainMenu .navbar-nav li {
	border-bottom:none
}
#mainMenu .navbar-nav li:last-child,
#mainMenu .navbar-nav li:last-child a {
	border-bottom:none!important
}
@media(min-width:768px) {
	.header1 #resMainMenu li.active>a,
	.header1 .navbar-default .navbar-nav>li.hover>a,
	.header1 .navbar-default .navbar-nav>li>a.active,
	.header1 .navbar-default .navbar-nav>li>a:hover {
	background:#003d66;
	color:#fff!important
 }
}
.iconRounded {
	color:#1274CC;
	border:1px solid #1274CC
}
.boxIcon a:hover span,
.color1 .iconRounded:hover,
.iconRounded:hover,
.iconRoundedFill {
	background-color:#003d66;
	color:#fff;
	text-shadow:0 0 5px #fff;
	border-style:solid
}
.color2 .iconRounded {
	background-color:#fff;
	color:#003d66
}
.iconRounded {
	border-radius:50%;
	width:40px;
	height:40px;
	font-size:18px
}
.iconRounded:before {
	margin:auto;
	text-align:center;
	line-height:38px
}
.iconBig {
	font-size:40px
}
.iconBig.iconRounded {
	width:100px;
	height:100px
}
.iconBig.iconRounded:before {
	line-height:100px
}
.iconBlocHeading {
	position:relative;
	padding-left:55px
}
.iconBlocHeading span {
	position:absolute;
	left:0
}
.iconBlocHeading h2 {
	display:block;
	font-size:30px;
	font-weight:400;
}
.iconBlocHeading h2:after {
	content:none
}
.iconRounded {
	text-align:center
}
.iconRounded {
	display:block
}
.dropdown-menu.partnercatg > li > a {
	padding: 6px 12px 6px 12px !important;
	display: block;
	font-size:14px;
	color:#666;
}
.scrollspyNav .active a, a, a:hover {
	color: #0C4C86;
}
.scrollspyNav.active a, a, a {
	color: #1274CC;
}
#nav  a, #nav input { 
	color: #666!important;
}
.helpmanual-font {
	font-weight: 500!important;
	color: #808080!important;
	letter-spacing: 0.003em!important;
	line-height: 19px!important;
	font-size: 21px!important;	
}
.helpnav, .helpnav ul {
    padding: 0;
    margin: 0;
}
.helpnav li a {
    padding: 4px;
    margin: 0 2px;
    border-bottom: 1px #ddd solid
}
.helpnav li p a{
    border: 0
}
.helpnav li p {
    margin: 20px 0 0;
    padding:0
}
.sidebar-nav .collapse.in {
	display: block !important;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}
@media (min-width: 992px) {
.affix {
	position: fixed;
	width: auto;
	top: 0
}
}
nav#subnav .well {
    padding: 00px;
}
nav#subnav ul li a {
	border-bottom: 1px solid #eee;
	border-bottom-color: rgb(238, 238, 238);
	color: #666;
}
ul#navTrail2 li a {
	color: #ddd;
	border-radius: 0px !important;
	padding-left: 0px !important;
}
.nav {
	display: flow-root;
}
.navbar-brand {
    padding: 22px 0;
}
.visible-sm {
    display: block !important;
}
.visible-lg, .visible-md, .visible-sm, .visible-xs {
    display: none !important;
}
.navbar-brand {
    float: left;
    padding: 10px 15px 15px 0px;
	margin-bottom:10px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
	z-index:1;
}
.navbar-toggler {
	position: relative;
	float: right!important;
	padding: 4px 6px;
	margin-bottom: 0px;
	background-color: #0C8BE9;
	background-image: none;
	border: none;
	border-radius: 8px;
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.nav.nav-pills.components-catg {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.nav.nav-pills {
	display: block;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.navigation-margin-stick {
	margin-top:15px;
}
.sticky-sidebar {
	position: fixed;
}
.d-lg-block.sticky-top {
	top: 9em; 
	z-index:0;
}

/**=============== Nav Tabs ================**/
.navbar {
	padding-top:.35em;
	border-radius:0;
	min-height:0
}
.navbar-header {
	width: 100%;
}
.navbar-default {
	background:0 0;
	border:none!important;
	border-radius:0
}
.navbar>.container .navbar-brand {
	margin-left:15px
}
.nav.nav-tabs {
}
.navbar-default .navbar-toggle {
	margin-top:22px;
	border:none
}
.nav>li>a,
.panel-default>.panel-heading {
	-webkit-transition:all .5s ease-out;
	-moz-transition:all .5s ease-out;
	-o-transition:all .5s ease-out;
	-ms-transition:all .5s ease-out;
	transition:all .2s ease-out;
}
.navbar-nav {
	margin-left:0;
	margin-right:0
}
.navbar-collapse {
	padding:0
}
.navbar-nav.pull-right>li>.dropdown-menu,
.navbar-nav>li>.dropdown-menu.pull-right {
	right:auto
}
ul.dropdown-menu {
	clear:both;
	float:none;
	display:none;
	width:auto;
	box-shadow:none
}
/**=============== Purchase Section ================**/
.nav-tabs.purchase-ssis {
	display: flex;
}
.ctaBox {
	border:2px solid rgba(0,0,0,.05)
}
.ctaBoxFullwidth {
	border:none
}
.ctaBox blockquote {
	color:#fff
}
.color1 blockquote,
.color1 h1,
.color1 h2,
.color1 h3,
.color1 h4,
.color1 p,
.ctaProd:hover a h3 {
	color:#000
}
.color0 {
	background-color:#fff
}
.color1,
.ctaBox.color1 {
	background-color:#f7f7f7;
	color:#444
}
.color2 .ctaBox {
	border-color:rgba(255,255,255,.5)
}
.form-control {
	-webkit-box-shadow:none;
	box-shadow:none;
	padding:12px;
	height:44px
}
.box-topline-none {
	border-top:none!important;
}
.nav-tabs li .nav-link {
	font-size: 18px;
}
/**=============== Sliders ================**/
.slidertitle {
	line-height: 48px !important;
	letter-spacing: -0.01rem;
	font-size: 3.2em !important;
	font-weight: 600 !important;
}
.slidertitle-medium {
	line-height: 40px !important;
	letter-spacing: -0.075rem;
	font-size: 2.8em !important;
	font-weight: 600 !important;
}
.slidertitle-small {
	line-height: 36px !important;
	font-size: 1.95em !important;
	font-weight: 400 !important;
}
.slider-subtitle {
	line-height: 28px !important;
	letter-spacing: -0.025rem;
	font-size: 1.45em !important;
	font-weight: 300 !important;
}
.sliderimage {
	width:400px!important;
	display:unset!important;
	padding-top:30px;
	padding-bottom:30px;
}
blockquote:after,
blockquote:before {
	font-family:custom-icons
}
blockquote h1,
blockquote p {
 display:inline
}
blockquote {
 font-size:15px;
 line-height:26px;
 margin-bottom:22px;
 font-weight:400;
 padding:0
}
blockquote p {
 font-size:inherit
}
blockquote:before {
 content:'\e863';
 margin-right:.5em
 color:FFF;
}
blockquote:after {
 content:'\e869';
 margin-left:.5em
 color:FFF;
}
blockquote {
  border-left: none;
}

/**=============== Footer ================**/
footer {
	padding: 0px;
	background: #f7f7f7 !important;
}
#footer {
	background: none;
	border-top: none;
}
.footer-spacing {
	margin-top:1em;
	margin-bottom:1em;
}
.social-icons li:hover.social-icons-twitter a {
  background: black !important;
}
.social-icons li.social-icons-twitter a svg path {
  fill: black !important; 
  transition: fill 0.3s ease;
}
.social-icons li:hover.social-icons-twitter a svg path {
  fill: white !important;
}
.social-icons li:hover.social-icons-twitter a {
  background: #000 !important;
}
#footer a:not(.btn):not(.no-footer-css):hover {
  text-decoration: none;
  color: #000;
}
footer h2 {
  color: #bebebe !important;
}
#footerRights {
  background-color: #eee !important;
  color: #999 !important;
  border-top: 1px solid #ccc !important;
}
/**=============== Fonts ================**/
body {
	color: #202020;
}
body, h1, h2, h3, h4, h5, h6, legend {
	font-family: Roboto,sans-serif!important;
}
h3, h4, h5, h6, legend {
    line-height: 1.5em;
}
h2, h3, h4, h5, h6 {
	letter-spacing:00em;
    font-weight:400
}
h1 {
	letter-spacing: -0.02em;
	line-height: 1.3em;
	font-weight: 600;
	margin: 0 0 .8em 0;
	font-size: 2.2em;
}
h5.text-capitalize {
	text-transform:none!important;
}
h3, legend {
	font-size:20px;
	text-transform: none !important;
}
h2 small, h4 {
	font-size:18px
}
h5 {
	font-size:16px
}
h6 {
	margin-bottom:2em;
	font-size:14px
}
h1 small {
	font-size:25px;
	font-weight:inherit
}
h3 small {
	font-size:14px
}
h4 small {
	font-size:12px
}
.featured-box h4 {
	letter-spacing: 0px;
}
/**=============== Font Spacing ================**/
.new-letterspacing {
	letter-spacing:-0.02rem!important;
}
p strong, dt strong, .menu-letterspacing {
	letter-spacing:00rem;
}
.medium-letterspacing {
	letter-spacing:0.021rem;
}
.title-letterspacing {
	letter-spacing:-0.060rem;
}
.wsmenu>.wsmenu-list>li>a {
	display: block;
	padding: 6px 6px 8px 6px!important;
}
/**=============== Font Styles ================**/
.smaller {font-size:1.12em;letter-spacing:-.02em;}
.bolder {font-weight: 400;letter-spacing:-.02em;}
.font-black {font-weight:900;}
.app-title-font {
	font-size:2.5em !important;
}
.ks-headings {
	letter-spacing: -0.004em !important;
	font-weight: 700 !important;
	line-height: 1.20 !important;
	font-size: 3.2em !important;
	margin-bottom:0px!important;
	border-bottom: 0!important;
}
.ks-headings-2 {
	letter-spacing: -0.02em;
	line-height: 1.25em;
	font-weight: 700 !important;
	font-size: 2.7em !important;
	margin-bottom:0px!important;
	border-bottom: 0!important;
}
.component-subtitle {
	border-bottom: 0!important;
	padding-bottom: 0!important;
	margin-top: 0!important;
	font-size: 18px!important;
	font-weight: 300!important;
	letter-spacing: 0rem;
	line-height: 28px;
	color: #AEFFFF!important;
}
.blue-opacity-font {
	color:#AEFFFF!important;
	font-weight:600px!important;
	padding-top:10px
}
p {
    line-height: 23px;
	letter-spacing: 00em;
	font-size: 15px;
    margin: 0 0 .4em 0;
	color:#202020;
}
div.col-md-12.row.ctaBox>div.col-md-2>p {
    margin: 0 0 0px;	
}
p.lead {
	line-height: 1.4;
}
p.subtitle {
	color:#333!important;
	font-weight:600;
	font-size:2.50em !important;
	margin-bottom:0 !important;
	letter-spacing:-0.075rem; !important;
	text-align: justify;
}
p.news-subtitle {
	color:#111;
	text-align: center;
	font-size:3em !important;
	font-weight:600 !important;
	font-size:2.50em !important;
	margin-top:20px;
	margin-bottom:15px; !important;
	letter-spacing:-0.035rem; !important;
	line-height:46px;
}
p.lead.bolder.small {
	line-height:1.2!important;
}
p.lead.l-heading {
	font-size:26px;
	font-weight:400;
	color: #444;
}
h1.subtitle {
	line-height: 52px !important;
	letter-spacing: -0.075rem;
	font-size: 2.75em !important;
	font-weight: 700 !important;
}
h2 {
	font-size:24px;
	padding-bottom:5px;
	margin: .3rem 0 8px 0;
	font-weight:500;
	position:relative;
	border-bottom:none!important;
}
div.col-lg-9.pt-2 {
	 margin-top:-9px!important;
}
h2.toolkit-heading {
	border-bottom:none!important;
	line-height: 1.4em;
}
h3 {
	color: #212529;
	font-weight: 400;
	font-size:17px;
	letter-spacing: -.001em;
	margin-bottom: 12px;
}
h3.subtitle {
	font-size:24px!important;
	font-weight:500;
	line-height: 1.3 !important;
	text-transform:uppercase;
	letter-spacing:0.04rem;
}
h4.categories {
	font-size:16px;
	line-height:1.8em;
	letter-spacing:.01em;
	font-weight:500;
}
li.small {
	font-size:13px!important;
}
small {
	font-size: 82%;
	line-height:.8em!important;
}
small.center {
	text-align: center!important;
	margin: auto;
}
.lead {
	letter-spacing: -.005em!important;
}
.mt-manuals>.lead.bolder {
	margin-top:0px;
}
html section.section-dark p {
  color: #fff;
}
.main-header-title {
	font-size: 3.3em !important;
	letter-spacing: -0.115rem;
	font-weight: 700 !important;
	text-transform: none !important;
	line-height: 1.2 !important;
}

.main-subheader-title {
	font-size: 2.8em !important;
	letter-spacing: -0.095rem;
	font-weight: 700 !important;
	text-transform: none !important;
	line-height: 1.25 !important;
}
.main-subheader-small {
	font-size: 2.3em !important;
	line-height: 42px;
	letter-spacing: -0.075rem;
	font-weight: 700 !important;
	text-transform: none !important;
}
.main-slider-text {
	font-size:2.6em!important;
	letter-spacing: -0.05rem;
	font-weight: 700 !important;
	text-transform: none !important;
	line-height: 1.2 !important;
	border-bottom:0px;
	margin:0px;
}
.pretitle {
	color:#FFFFFF;
	font-weight:500; 
	margin-bottom:-.1em;
	letter-spacing:0rem; 
	text-transform: uppercase;
	margin-top:-15px;
	font-size:1.1em;
	font-family: Roboto,sans-serif !important;
}
.component-title {
	color:#FFFFFF;
	font-weight:700 !important; 
	line-height: 1.15em !important;
	font-size: 3.1em !important;
	border-bottom:0px!important;
	margin: 0 0 1rem -.05em !important;
	letter-spacing:-0.045rem;
}
.component-title-large {
	color:#FFFFFF;
	font-weight:700 !important; 
	line-height: 1.15em !important;
	font-size: 3.4em !important;
	border-bottom:0px!important;
	margin: 0 0 1.5rem -.05em !important;
	letter-spacing:-0.075rem;
}
.font500 {
	font-weight:500;
	letter-spacing:-0.03rem;
}
.content-font-style1 {
	letter-spacing:-0.006rem;
	line-height:1.6em;
	font-size:1.2em;
    font-weight:400;
	color:#111;
}
.content-font-style-lg {
	letter-spacing:-0.006rem;
	line-height:1.7em;
	font-size:1.3em;
    font-weight:400;
}
.content-testimonial {
	letter-spacing:-0.04rem;
	line-height:34px;
	font-size:18px;
    font-weight:400;
	color:#acacac;
}
.content-font-features {
	letter-spacing:-0.02rem;
	line-height:27px;
	font-size:15px;
    font-weight:400;
	color:#111;
}
ul.content-font-features {
	letter-spacing: -0.013rem;
	line-height: 1.8em;
	font-size: 1.13em;
	font-weight: 400;
	color: #3e3e3e;
}
ul.content-font-features>li {
	line-height: 1.6em;
	margin-top:9px;
}
.content-font-features strong {
	letter-spacing:0px;
}
a.helpmanual-link > strong {
	letter-spacing:0.1px;
}
.content-font-style-white {
	letter-spacing:-0.02rem;
	line-height:26px;
	font-size:18px;
    font-weight:400;
	color:#FFFFFF;
}
.content-font-style-white-banner {
	letter-spacing:-0.04rem;
	line-height:42px;
	font-size:36px;
    font-weight:600;
	color:#FFFFFF!important;
}
.content-font-style-lightblue {
	letter-spacing:-0.013rem;
	line-height:1.6em;
	font-size:1.27em;
    font-weight:400;
	color:#AEFFFF!important;
}
p.content-font-style-lightblue strong {
	letter-spacing:0.038rem;
}
.content-font-style2 {
	letter-spacing:-0.01rem;
	font-size:14px;
    font-weight:400;
	color:#696969
}
.content-font-style4 {
	letter-spacing:0rem;
	font-size:17px;
	line-height:26px;
    font-weight:400;
	color:#404040
}
.toolkit-subtitle {
	letter-spacing:-0.025rem;
	font-size:19px;
	line-height:26px!important;
    font-weight:300;
	color:#4f4f4f
}
.subtitles-font-style1 {
	letter-spacing:00px;
	line-height:28px;
	font-size:18px;
    font-weight:600;
	color:#1274CC
}
.subtitles-font-blue {
	letter-spacing:-0.02rem!important;
	line-height:28px;
	font-size:24px;
    font-weight:700;
	color:#1274CC
}
.subtitles-font-features {
	letter-spacing:-0.5px;
	line-height:28px;
	font-size:26px;
    font-weight:500;
}
h4.subtitles-font-features.pb-md-3 {
	letter-spacing:-0.5px;
	line-height:34px;
	font-size:26px;
    font-weight:700;
}
.height-subtitle {
	line-height:40px;
	letter-spacing:-0.075rem;
	font-size:36px !important;
    font-weight:700 !important;
	border-bottom: 0!important;
}
.component-tagline {
	line-height:52px;
	font-size:38px!important;
    font-weight:600;
	margin:15px 35px 15px 35px;
}
.component-tagline-small {
	line-height:1.5em!important;
	letter-spacing:-0.075rem;
	font-size:21px!important;
    font-weight:400;
	margin:0;
}
.font-product {
	line-height:30px;
	letter-spacing:-0.02rem !important;
	font-size:1.4em !important;
    font-weight:300 !important;
	margin-top:-0.4em!important;
}
.font-integration-product {
	line-height:30px;
	letter-spacing:-0.01rem !important;
	font-size: 1.4em !important;
	font-weight: 500 !important;
	margin-top: -0.2rem;
	color:#FFFF00!important;
}
h2.font-product {
	color:#444;
}
h3.font-product {
	color:#fff;
	font-size:1.4em!important;
}
.components-text-size {
	font-size:14.3px!important;
	letter-spacing:-0.02rem;
	color:#626262!important;
}
dt {
	font-size:15px !important;
}
.color2 h2.noline, h2.noline, .noline {
  border-bottom: 0!important;
}
.text-purchase {
	font-size:2.9em!important;
	font-weight:700;
	border-bottom:none !important;
	line-height: 1.3 !important;
	letter-spacing: -0.02 !important;
}
h3.text-12 {
	letter-spacing:-0.035em!important;
}
.landingpage-headings {
	font-size: 2.7em !important;
	font-weight:600!important;
	letter-spacing:-0.065rem!important;
	padding-bottom:.5em!important;
	line-height:1.2em!important;
	border-bottom:none!important;
	margin:0!important;
}
/**=============== Font Colors ================**/
.text-red {
  color: red;
}
.text-yellow {
  color: #FFFF00;
}
.ks-yellow {
	color:#FFFF00!important;
}
.whiteText {
	color:#fff
}
.ks-green {
	color:#44C426;
}
.ks-darkgreen {
	color:#309B12;
}
.greenstrong {
	font-weight:600!important;
	color:#44C426;
	letter-spacing: 0.005rem;
}
a.greenstrong:hover {
	color: #309B12;
	text-decoration:none;
}
.ks-green-body {
	letter-spacing:0.03rem;
	text-decoration:none;
	font-weight:600;
	color:#44C426;
}
.ks-blue, html .text-color-primary, html .text-primary {
	color:#1274CC!important;
}
.bluestrong {
	font-weight:500!important;
	color:#1274CC;
}
a.ks-blue:hover {
	color: #0C4C86;
	text-decoration:none;
}
.ks-darkblue {
	color:#0C4C86;
}
a.bluestrong:hover {
	color: #0C4C86;
	text-decoration:none;
}
.ks-lightblue {
	color:#AEFFFF!important;
}
.ks-lightbluestrong {
	color: #00EDFF !important;
	font-weight:600;
}
.prodpack-color {
	color: #AEFFFF;
	text-decoration:none;
}
.prodpack-color:hover {
	color: #65FFFF;
}
/**=============== Page Header ================**/
.header1 #preHeader {
    background-color: #212529;
}
.page-header .col-sm-6 {
	margin-bottom:0
}
.page-header {
	margin: 0;
	padding: 30px 0 10px 0;
}
.page-header h1.subtitle {
	color: #fff;
	display: inline-block;
	letter-spacing:-0.06rem;
	font-size: 3.4em;
	line-height: 1.15;
	margin: 50px 0px 20px 0px;
	padding: 0;
	font-weight: 600;
	position: relative;
	top: 1px;
}
.page-header h3 {
	text-transform: none;
	margin-bottom:80px;
	font-size:22px;
    font-weight:300;
	letter-spacing:-0.02rem;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.navigation-margin-stick .nav > li > a {
  padding: 7px 5px 5px 5px;
}
/**=============== Owl Carousel ================**/
.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"] {
    background-color: #1274CC;
}
.owl-carousel.carousel-center-active-item-2 .owl-item.active > div {
    background: #1274CC;
}
owl-carousel .owl-item img {
    display: block;
	margin: 0 auto;
	float: center;
}
.font-carousel {
    line-height:42px;
}
.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
	background-color: #44C426;
}
.owl-carousel.carousel-center-active-item-2 .owl-item.active > div {
	background-position: top; background-image: linear-gradient(to right bottom, #009CFE, #0E87E5, #0C75D1)!important;
}
.owl-carousel.carousel-center-active-item-2 .owl-stage-outer {
  overflow: hidden;
}
.owl-carousel.carousel-center-active-item-2 .owl-item > div {
  box-shadow: none;
}
.owl-carousel.nav-style-4 .owl-nav .owl-prev, .owl-carousel.nav-style-4 .owl-nav .owl-next {color: #FFF;}
/**=============== Sidebar ================**/
.list-group-item.active {
	z-index: 2;
	color: #fff;
	background-color: #1274CC;
	border-color: #1274CC;
}
.list-group-item {
	font-size:15px;
	position: relative;
	display: block;
	padding: .5rem 1rem;
	color:#444;
}
/**=============== Buttons ================**/
.btn {
	background:#f7f7f7;
	color:#111;
	border: none;
}
.btn:hover {
	background:#003d66;
	border-color:#003d66;
	color:#fff
}
.btn-primary {
	background:#1274CC;
	color:#fff!important
}
.color2 a.btn {
	color: #1274CC;
}
.btn:hover {
	background: #44C426;
	border-color: #44C426;
}
.btn.btn-sm {
	font-size: 1.3rem;
	padding: 0.3rem 1.2rem;
}
.btn.btn-lg {
    font-size: 13.5px;
	letter-spacing: 0.5px;
	font-weight: 500;
    padding: 15px 28px 15px 28px;
	text-transform: uppercase
}
.btn {
	letter-spacing: 0.3px;
	margin: 4px;
	margin-top: 4px;
	font-weight: 500;
	padding: 12px 28px 12px 26px;
	font-size: 12px;
	line-height: 20px;
	transition: all .3s ease-out;
	border-radius: 8px;
}
.btn-categories {
	padding: 9px 18px 9px 18px!important;
	letter-spacing:.8px;
	font-weight: 500;
	border-radius: 4px;
	margin: 4px;
	text-decoration:none!important;
}
html .btn-primary {
	background-color: #1274CC;
	border-color: #1274CC #1274CC #006699;
	color: #FFF;
	text-transform:uppercase!important;
}
html .btn-primary:hover,
html .btn-primary.hover {
	background-color: #0E5799;
	border-color: #0E5799 #0E5799 #0E5799;
	color: #FFF;
	text-transform:uppercase!important;
	text-decoration:none!important;
}
html .btn-ks-green {
	background-color: #44C426;
	color: #FFF;
}
html .btn-ks-green:hover,
html .btn-ks-green.hover {
	background-color: #309B12;
	color: #FFF;
}
html body .btn-light:hover, html body .btn-light.hover, html body .btn-outline.btn-light:hover, html body .btn-outline.btn-light.hover {
	background-color: #1274CC;
	border-color: #1274CC #1274CC #1274CC;
	text-decoration: none;
	color: #fff;
}
.icon-doc-text-inv::before {
	margin-left: 0px;
}
.trial-padding {
	padding-left:34px!important;
	padding-right:33px!important
}
/**=============== Icons ================**/
.boxIcon a {
 padding:33px;
 margin-bottom:11px;
 -webkit-transition:all .3s ease-out;
 -moz-transition:all .3s ease-out;
 transition:all .3s ease-out
}
.boxIcon a .imgBorder,
.boxIcon a .imgBorder img,
.boxIcon a span {
 -webkit-transition:all .3s ease-out;
 -moz-transition:all .3s ease-out;
 -webkit-backface-visibility:hidden
}
.boxIcon a .imgBorder,
.boxIcon a span {
 transition:all .3s ease-out
}
.boxIcon a .imgBorder img,
.btn {
 -o-transition:all .3s ease-out;
 -ms-transition:all .3s ease-out
}
.boxIcon span {
 margin:36px auto;
 border-radius:50%
}
.boxIcon h5 {
 font-size:16px;
 font-weight:400;
 margin-bottom:16px
}
.boxIcon p {
 margin:0
}
.boxIcon a:hover span {
 border:25px solid #f7f7f7;
 width:150px;
 height:150px;
 margin:11px auto
}
.boxIcon a img {
 width:100%;
 height:100%;
 -webkit-backface-visibility:hidden
}
.boxIcon a .imgBorder {
 border:4px solid #f7f7f7;
 background:#f7f7f7;
 border-radius:50%!important;
 width:180px;
 height:180px;
 margin:18px auto 22px
}
.boxIcon a .imgBorder img {
 transition:all .3s ease-out;
 width:172px;
 height:172px
}
.btn,
.navbar-nav>li>a {
 -webkit-transition:all .3s ease-out;
 -moz-transition:all .3s ease-out
}
.boxIcon a:hover .imgBorder img {
 transform:scale(.8,.8);
 -webkit-transform:scale(.8,.8)
}
.boxIcon a,
.boxIconServices,
.iconRounded,
hr.lineDot,
hr.lineLines,
hr.linePlus,
hr.lineStar,
hr.lineX {
 text-align:center
}
.boxIcon a,
.boxIcon span,
.iconBlocHeading h3,
.iconRounded {
 display:block
}
.boxIcon a:hover,
a:link,
a:visited,
ul.iconsList li a:hover {
    text-decoration: none!important;
}
.nav-pills2>li.active>a:hover {
    color: #003D66 !important;
    background-color:#fff
}
.nav-pills2>li.active>a, .nav-pills2>li.active>a:focus {
    color:#fff!important
}
.imgscale {
    max-width: 100%
}
.productbox a {
    background-color:#eee;
    color:#333;
    padding:2em;
    display:block;
    position:relative;
    margin-bottom:2em;
    min-height:160px;
    vertical-align:middle
}
.productbox a:hover {
    background-color:#1274CC;
    color:#fff;
    text-decoration:none
}
.ks-grey {
	color:#666;
}
.productbox.white a {
    background-color:#ffffff;
    color:#000;
    min-height:0
}
.productbox.white a:hover {
    background-color:#eee;
    color:#333;
    text-decoration:none
}
.productbox.blue a {
    background-color:#1274CC;
    color:#fff;
    min-height:0
}
.productbox.blue a:hover {
    background-color:#eee;
    color:#333;
    text-decoration:none
}
.productbox .pbheader {
    font-size: 15px;
    font-weight:400;
    margin-bottom:1.5em
}
.prodheading h4 {
    font-size:26px;
    font-weight:600;
	line-height:1.3em;
    color:#44C426;
	letter-spacing:-0.04rem;
}
.prodheading h5 {
    font-size:18px;
    font-weight:600;
	letter-spacing:-0.015rem;
}
.prodcomponent, .prodcomponent a {
    text-decoration: none;
    color:#1274CC;
    font-weight:500
}
.prodcomponentgrey {
    color:#666;
    font-weight:400
}
.prodcomponent a:hover {
    color:#6ba1c4
}
.prodcomponent.large {
    font-size:17px;
    font-weight:600;
	letter-spacing:-0.015rem;
}
.iconHover {
    width:1.8em;
    height:1.8em;
    font-size: 56px;
    border-radius:50%;
    display:block;
    text-align:center;
    background-color: #333;
    border: 0px solid #fff
}
.iconHover:before {
    margin:auto;
    text-align:center;
    line-height:1.8em
}
.iconCircle {
    width:4.0em;
    height: 4.0em;
    font-size: 60px;
    border-radius:50%;
    display:block;
    text-align:center;
    background-color: transparent;
    border: 2px solid #fff;
    content: " "
}
.iconCircle:before {
    margin: auto;
    text-align: center;
     line-height: 4.0em
}
.iconBigHover {
    width:4.0em;
    height: 4.0em;
    font-size: 60px;
    border-radius:50%;
    display:block;
    text-align:center;
    background-color:#ddd;
    border:0px solid #fff
}
.iconBigHover:before {
    margin:auto;
    text-align:center;
     line-height:4.0em
}
html .feature-box-primary .feature-box-icon {
    background-color: #1274CC;
}
.boxIcon a:hover span, .color1 .iconRounded:hover, .iconRounded:hover, .iconRoundedFill {
    background-color: #1274CC;
}
.form-control:not(.form-control-sm):not(.form-control-lg) {
	font-size: 13.6px;
	font-size: 0.85rem;
	line-height: 1;
}
.form-control {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right .75rem center;
	background-size: 16px 12px;
}
#prodtab2 li a {
    color:#404040;
    font-weight:500;
	padding-top: 12px;
}
#prodtab2 li a:hover {
    color:#fff!important;
    background-color:#1274CC
}
#prodtab2 li a:active {
    background-color:#eee;
    color:#003D66
}
#prodtab2 li a:focus {
    background-color:#eee!important;
    color:#003D66!important
}
#prodtab2 ul {
    padding:0 margin:0;
    width:100%
}
#prodtab2 {
    padding:0;
    margin:0;
    border-bottom:1px solid #eee;
    background-color:rgba(247,247,247,0.90)
}
#prodtab2 li, #prodtab li {
	margin-top:0px;
}
@media (min-width: 768px) and (max-width: 8000px) {
#prodtab2 li, #prodtab li {
    display:inline-block!important;
    position:relative;
    float:left;
    padding:0;
    margin:0
}
}
/**=============== Blog & Toggles ================**/
.media-heading>h2 {
	margin-bottom:0px!important;
}
.media-heading {
	line-height:1.35em;
	letter-spacing:-0.015em;
}
@media print {
   header, footer, nav, aside, .ks-side-blog {
		display: none;
   }
	.blog-item {
		margin-left:-15%!important;
		margin-right:-15%!important;
	}
}
.blog-info {
	margin-bottom: 10px!important;
}
.blog-tags {
  margin: 0 0 7%!important;
}
div.blog-date, div.blog-author {
	display: inline-block;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background: #1274CC;
}
/* Pagination active states */
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background: #1274CC;
  z-index: 2;
  color: #fff;
  border-color: #1274CC;
  cursor: default;
}
/* Pagination hover and focus on non-active elements */
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  background: #1274CC;
  border-color: #1274CC;
  color: #fff;
}
/* Default pagination styles */
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #1274CC;
  background-color: #fff;
  border: 1px solid #ddd;
  margin: 20px -1px 0 0;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .pagination .page-item.active .page-link {
	background-color: #1274CC !important;
	border-color: #1274CC;
}
.toggle.toggle-minimal .toggle > label, .toggle.toggle-minimal .toggle > .toggle-title {
	background: transparent;
	color: #444;
	border-left: 0;
	border-bottom: 1px solid #CCCC;
	border-radius: 0;
	margin: 0;
	padding: 12px 20px 12px 0;
	font-weight: 400;
	font-size:15px;
	line-height: 1.6em;
}
.list-group-item > .badge {
	float: right;
}
.nav-pills > .active > a > .badge, a.list-group-item.active > .badge {
	color: #1274CC;
	background-color: #fff;
}
.badge {
	display: inline-block;
	min-width: 10px;
	padding: .38em .6em;
	font-weight: 700;
	color: #fff;
	line-height: 1;
	vertical-align: baseline;
	white-space: nowrap;
	text-align: center;
	background-color: #999;
	border-radius: 10px;
}
.blog-content p img,
.blog-content > ul > li img {
	padding: 20px 0 20px 0;
}
.blog-content > h2 {padding-top:0.8em;}
div.media-body>div.blog-content>h3 {
	font-weight:600!important;
	text-transform:none!important;
}
/**=============== Purchase Page ================**/
.fade.in {
	opacity: 1;
}
.tab-content {
	border-radius: 0 0 4px 4px;
	box-shadow: none;
	background-color: #FFF;
	border: ;
	border-top-color: rgb(238, 238, 238);
	border-top-style: solid;
	border-top-width: 1px;
	border-top: 0;
	padding: 15px;
}
/**=============== Grid ================**/
table.blueTable thead {
	background: #1274CC;
	border-bottom: 1px solid #444444;
}
table.blueTable thead th {
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
}
table.blueTable td, table.blueTable th {
	border: 1px solid #AAAAAA;
	padding: 3px 2px;
	width: 25%;
}
.yellownote {
	border: 1px solid #FFCC00;
	background-color: #ffffcc;
	padding: 1em;
}
.squareBox {
	padding: 35px;
	border: 2px solid #eee;
}
div.pad.squareBox {
	margin-top:30px;
}
.squareBox-noleft {
	border-left: none!important;
	margin-top:30px;
	padding-right:36px!important;
}
@media (min-width: 1236px) {
.container {
	max-width: 1236px;
}
}
@media (min-width: 576px) {
.container-fluid {
	padding-left: 3%;
	padding-right: 3%;
}
}
.color-inherit {
	color: inherit !important;
}
.custom-header-bar:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	width: 45vw;
	background-image: linear-gradient(150deg, #0088cc 0%, #0088cc 30%, #0169fe 70%, #0169fe 100%);
	border-radius: 4px;
	box-shadow: 0 0 60px rgba(0, 0, 0, 0.06);
}
@media (max-width: 1200px) {
.custom-header-bar:before {
	width: 110vw;
}
}
.custom-font-size-1 {
	font-size: 15px;
	font-size: .9375rem;
}
.custom-font-size-2 {
	font-size: 18px;
	font-size: 1.125rem;
}
.custom-nav-link {
  font-size: 0.95rem;
  letter-spacing: -0.025em;
  font-weight: 500;
  padding: 0.25rem 0 !important;
  margin: 0 1.25rem;
  border-bottom: 4px solid transparent;
}
.custom-nav-link:not(.active).nav-link {
	color: #222529;
}
/* Video Open Icon */
.video-open-icon {
    display: inline-block;
    width: 4rem; /* 64px */
    height: 4rem; /* 64px */
    padding: .375rem; /* 6px */
    transition: padding .2s;
    border-radius: 2rem;
    background: rgba(255, 255, 255, 0.07);
    position: relative;
    vertical-align: middle;
    margin-right: .5rem; /* 8px */
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.04);
}
.video-open-icon:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 2rem;
	background: #fff;
}
.video-open-icon:after {
	content: '';
	border-left: 12px solid #08c;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -5px;
}
.video-open-icon:hover {
	padding: 4px;
	padding: .25rem;
}
.thumb-info .thumb-info-wrapper.thumb-info-wrapper-link {
	background-size: auto!important;
}
.border-color-light-2 {
	border-color: rgba(255, 255, 255, 0.9) !important;
}
.solutions-options {
	z-index: 11;height:160px;
}
.padding-ks-solutions {
	padding-top:2rem!important;
	padding-bottom:10rem!important;
}
.text-titles-solutions {
	font-size: 24px; position: relative; z-index: 10;font-family: 'Roboto Condensed'!important;line-height: 33px;
}
/**============== Breadcrumb ================**/

div#NavigationPath a:hover {
	color: #003d66 !important;
	font-weight: 400 !important;
}
/**=============== Products ================**/

.component-icons {
	margin-left:12%!important;
	margin-right:11.2%!important;
}
.components-margin {
	padding-top:12%!important;
	padding-bottom:12%!important;
	padding-right:24%!important;
	padding-left:24%!important;
}
html .featured-box-primary .box-content {
	border-top-color: #3FB8F5;
}
.row.portfolio-list {
	--bs-gutter-x: 2rem;
	--bs-gutter-y: 0;
}
.products-gutter {
	--bs-gutter-x: 4rem;
	--bs-gutter-y: 0;
}
.products-main-gutter {
	padding-right:50px;
}
.cases-gutter-left {
	padding-left:50px!important;
}
.negative-top-margin {
	margin-top:-106px !important;
}
.negative-top-margin-medium {
	margin-top:-180px !important;
}
.negative-top-margin-small,
.catg-negative-top-margin-small,
.negative-top-margin-mlarge2 {
	margin-top:-250px !important;
}
.negative-top-margin-mlarge {
	margin-top:-320px !important;
}
.negative-top-margin-xlarge {
	margin-top:-410px !important;
}
.positive-top-margin-second {
	margin-top:60px !important;
}
.positive-top-margin-small {
	margin-top:100px !important;
}
.positive-top-margin-small {
	margin-top:120px !important;
}
.positive-top-margin-mlarge2 {
	margin-top:140px !important;
}
.positive-top-margin {
	margin-top:160px !important;
}
.positive-top-margin-mlarge {
	margin-top:220px !important;
}
.purchase-bottom-padding {
	padding-bottom:20px !important;
}
.line-height-br {
	line-height:00px;
}
.divider-left-border {
	border-left: 1px solid rgba(255,255,255, 0.9);
}
.list li {
	margin-right: 6px;
	margin-left: 6px;
}
/**=====================Industry Pages===============**/
html .text-color-dark, html .text-dark {
	color: #626262 !important;
	font-size:13px!important;
	letter-spacing:-0.02rem;
}
.bullet-points {
	list-style-type: none; /* Remove default bullets */
	padding-left: 00px; /* Indentation on larger screens */
	margin-left: 0; /* Reset any margin */
}
/**=============== XSmall to Medium ================**/
@media (min-width: 199px) and (max-width: 991.98px) {
.text-titles-solutions {
	font-size: 18px;
}
.padding-ks-solutions {
	padding-bottom:4rem!important;
}
.solutions-options {
	z-index: 11;height:110px;
}
.catg-component-title-large {font-size: 37px!important;}
#navTrail2 {
	max-height: fit-content;
	overflow-y: visible;
	width: 100%;
}
#navTrail2.nav.nav-pills.nav-stacked.nav-distributed > li.open > ul#navTrail2.nav.nav-pills.nav-stacked.nav-distributed {
	overflow-y: visible;
}
p>a.btn.btn-lg.btn-primary {
	margin-top:2.2em;
}
.center-buttons {
	text-align:center;
	margin: 0 auto;
	display: block;
}
.automate-graphic-width {
	padding-top:20px;
}
.padding-replicate-data {
	padding-top:25px;
}
.button-margin-left {
	padding-right: 31px !important;
	padding-left: 31px !important;
}
.testimonial-form {
	height:2890px;
}
.crm-logo-width {
	width: 200px;
	}
.negative-margin-right {
	margin-right:-30px!important;
}
}
/**=============== App Pages ================**/
@media (min-width: 576px) and (max-width: 991.98px) {
.app-title-font {
	font-size: none;
}
}
/**=============== Landing Page Small ================**/
@media (min-width: 199px) and (max-width: 767.98px) {
.image-overtop { z-index: 0;}
.catg-graphic-padding-top {padding:20px 0px 10px 0px;width:300px;}
.catg-negative-top-margin-small {margin-top: 0px!important;}
.ks-headings {
	letter-spacing: -0.04rem;
	line-height: 1.2 !important;
	font-size: 2.7em !important;
}
div.feature-box-info>p.custom-font-size-1.content-font-style2 {
	padding-bottom: 20px;
}
.negative-margin-right {
	margin-right:0px!important;
}
.modal-content {
	width: 90%!important;
}
.bullet-points {
	padding-left: 0; /* Remove indentation */
	text-align: center; /* Center text horizontally */
}

.bullet-points li {
	padding-left: 0; /* Remove any left padding for list items */
	margin-left: 0; /* Remove left margin */
}

.bullet-points li i {
	display: none; /* Hide checkmark on small screens */
}
.app-title-font {
	font-size:50px;
}
}
/**=============== XSmall Custom ================**/
@media (min-width: 440px) and (max-width: 575.98px) {
.padding-xs {
	padding-right:55px!important;
	padding-left:55px!important;
}
}
/**=============== XSmall ================**/
@media (min-width: 199px) and (max-width: 575.98px) {
	.ks-headings-2 {
	line-height: 1.3em;
	font-weight: 700 !important;
	font-size: 2.3em !important;
}
h2 {
    line-height: 1.28em;
}
	.yt-video-thumbnails {
	margin:18px 0px 35px 0px!important;
}
	dd {
	margin-left:4%!important;
}
.text-purchase {
	font-size:3em!important;
	letter-spacing:-0.02em;
}
blockquote.text-justify {
	text-justify:none;
}
.content-font-style-lightblue>.lead.large {
    font-size:20px;
    font-weight:300;
	letter-spacing:-0.02rem;
	margin-bottom:00px!important;
}
.toolkit-heading,
.toolkit-subtitle,
.subtitles-font-features {
	padding:0 5px 0 5px;
	text-justify:none;
}
.margin-toolkit-graphics {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding:10px 0 40px 0;
}
.home-concept .process-image {
	 margin: 0 auto 0 auto!important;
}
.home-concept .project-image {
	background-position: 0 0;
	margin-left: auto;
	max-width: 160px;
}
.home-concept .project-image {
	margin: 20px auto 0 auto;
	margin-left: auto;
	max-width: 160px!important;
}
.home-concept .last-image {
	margin: 20px auto 0 auto!important;
	padding-bottom: 50px;
}
.padding-prodpack {
	padding-top: 15px!important;
}
.img-data-integration {
	display: block!important;
    margin-left: auto!important;
    margin-right: auto!important;
}	
.img-responsive {
	width:100%
}
.btn-toolbar {
	justify-content: center;
}
.btn-categories {
	padding: 6px 10px 6px 10px!important;
	letter-spacing:.8px;
	font-weight: 400;
	border-radius: 4px;
	margin: 2px;
	text-decoration:none!important;
}
article.isotope-item {
	text-align: center!important;
	width: 100%!important;
	margin-left: auto;
	margin-right: auto;
	transform: none !important;
}
.main-img {
	margin-top:-16px;
}
.data-integration-2 {
	display: block!important;
    margin-left: auto!important;
    margin-right: auto!important;
}
.pretitle {
	margin-top:-20px;
	font-weight:500;
	font-size:17px;
}
.component-title {
	font-size:36px!important;
	margin-bottom: 1rem !important;
	letter-spacing: 0rem;
}
.component-subtitle {
	margin-bottom:-10px;
	font-size:18px;
}
nav.navbar {
	justify-content: flex-end !important;
	display: flex !important;
}
.navbar-light .navbar-toggler {
	color: #eee;
	border-color: rgba(0,0,0,.1);
}
.navbar-toggler:focus {
	text-decoration: none;
	outline: 0;
	box-shadow: 0 0 0 .05rem;
}
.navbar-toggler:hover {
	color: #1274CC;
	background: #1274CC;
}
.graphic-padding-top {
	margin-top:-30px;
}
.component-tagline-small {
	font-size:20px!important;
	margin: 0px!important;
}
.negative-top-margin-xs {
	margin-top:-35px !important;
}
.negative-top-margin {
	margin-top:-135px !important;
}
.negative-top-margin-app {
	margin-top:-295px !important;
}
.negative-top-margin-large {
	margin-top:-320px !important;
}
.negative-top-margin-xlarge {
	margin-top:-400px !important;
}
.positive-top-margin-first,
.positive-top-margin-second {
	margin-top:45px!important;
	text-align:center!important;
}
.positive-top-margin-mlarge,
.positive-top-margin-mlarge2 {
	margin-top:160px !important;
	text-align: center!important;
}	
.positive-top-margin {
	margin-top:180px !important;
	text-align: center!important;
}
.landingpage-headings {
	font-size:40px!important;
	font-weight:600px!important;
	letter-spacing:-0.075rem;
	padding-bottom:.5em;
}
.component-tagline {
	line-height:40px;
	letter-spacing:-0.035rem;
	font-size:28px!important;
    font-weight:600;
	margin:-10px -10px 10px -10px;
}
.thumb-info img {
	width: 70px;
}
.isotope-item {
	text-align: center;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	transform: none !important;
}
.components-margin {
	padding-top:10%!important;
	padding-bottom:10%!important;
	padding-right:0!important;
	padding-left:0!important;
}
.border-bottommenu {
	border-top: 1px solid #DADADA !important;
}
.data-archival-graphic-width {
	max-width:245px!important;
	height:auto;
}
.data-analytics-graphic-width {
	max-width:200px!important;
	height:auto;
}
.margin-technical-req {
	margin-top:-45px;
}
.hr-component-padding {
	margin-top:-30px!important;
	margin-bottom:-10px!important;
}
.helpmanual-link {
	font-size:17px;
	text-decoration:none;
	margin-left:15px;
	margin-right:10%!important;
	margin-top:-1px;
}
.slidertitle-small {
	line-height: 28px !important;
	margin-top:20px !important;
	letter-spacing: -0.075rem;
	font-size: 1.65em !important;
	font-weight: 400 !important;
}
.slider-subtitle {
	line-height: 28px !important;
	letter-spacing: -0.045rem;
	font-size: 1.45em !important;
	font-weight: 300 !important;
}
.slidertitle {
	line-height: 32px !important;
	letter-spacing: -0.01rem;
	font-size: 2.4em !important;
	font-weight: 600 !important;
}
.slidertitle-medium {
	line-height: 32px !important;
	letter-spacing: -0.075rem;
	font-size: 2em !important;
	font-weight: 600 !important;
}
.sliderimage {
	width: 80%!important;
	height: auto;
	padding-top:30px;
	padding-bottom:30px;
}
.project-image img {
	background-position: 0 0;
	margin: 10px auto 0 auto;
	margin-left: auto;
	max-width: 140px!important;
}
.jotform-height {
	height:890px;
}
.jotform-height-support {
	height:820px;
}
}
/**=============== Small ================**/
@media (min-width: 576px) and (max-width: 767.98px) {
blockquote.text-justify {
	text-justify:none;
}
.margin-toolkit-graphics {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding:30px 0 40px 0;
}
.btn {
	margin-top: 8px;
}
.home-concept .process-image {
	 margin: 0 auto 0 auto!important;
}
.home-concept .project-image {
	margin: 20px auto 0 auto!important;
}
.home-concept .last-image {
	margin: 20px auto 0 auto!important;
	padding-bottom: 50px;
}
.padding-prodpack {
	padding-top: 15px!important;
}
.synchronize-data-width {
	width:420px;
}
.img-responsive {
	width:100%
}
.img-data-integration {
	display: block!important;
    margin-left: auto!important;
    margin-right: auto!important;
}
.btn-toolbar {
	justify-content: center;
}
.btn-categories {
	padding: 6px 10px 6px 10px!important;
	letter-spacing:.8px;
	font-weight: 400;
	border-radius: 4px;
	margin: 2px;
	text-decoration:none!important;
}
article.isotope-item {
	text-align: left!important;
	width: 100%!important;
	margin-left: auto;
	margin-right: auto;
	transform: none !important;
}
.main-img {
	margin-top:-20px;
}
.slidertitle {
	line-height: 48px !important;
	letter-spacing: -0.02rem;
	font-size: 3em !important;
	font-weight: 500 !important;
}
.slidertitle-medium {
	line-height: 48px !important;
	letter-spacing: -0.075rem;
	font-size: 2.8em !important;
	font-weight: 600 !important;
}
.slidertitle-small {
	line-height: 34px !important;
	margin-top:20px !important;
	letter-spacing: -0.075rem;
	font-size: 1.95em !important;
	font-weight: 400 !important;
}
.slider-subtitle {
	line-height: 28px !important;
	letter-spacing: -0.045rem;
	font-size: 1.45em !important;
	font-weight: 300 !important;
}
.sliderimage {
	height: auto;
	padding-top:30px;
	padding-bottom:30px;
}
.data-integration-2 {
	display: block!important;
    margin-left: auto!important;
    margin-right: auto!important;
}
.pretitle {
	margin-top:-30px;
	font-weight:500;
	font-size:17px;
}
.component-title {
	font-size:40px!important;
}
.component-subtitle {
	margin-bottom:-10px;
	font-size:18px;
}
nav.navbar {
	justify-content: flex-end !important;
	display: flex !important;
}
.navbar-light .navbar-toggler {
	color: #eee;
	border-color: rgba(0,0,0,.1);
}
.navbar-toggler:focus {
	text-decoration: none;
	outline: 0;
	box-shadow: 0 0 0 .05rem;
}
.navbar-toggler:hover {
	color: #1274CC;
	background: #1274CC;
}
.list-group {
	display: flex;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	border-radius: .25rem;
}
.component-tagline-small {
	font-size:20px!important;
	margin: 0px!important;
}
.graphic-padding-top {
	margin-top:-90px;
}
.negative-top-margin {
	margin-top:-135px !important;
}
.negative-top-margin-small {
	margin-top:-200px !important;
}
.positive-top-margin-small {
	margin-top:20px !important;
}
.negative-top-margin-large {
	margin-top:-320px !important;
}
.negative-top-margin-app {
	margin-top:-250px !important;
}
.negative-top-margin-xlarge {
	margin-top:-360px !important;
}
.positive-top-margin {
	margin-top:120px !important;
	text-align: center;
}
.negative-top-margin-mlarge {
	margin-top:-450px !important;
}
.negative-top-margin-mlarge2 {
	margin-top:-450px !important;
}
.positive-top-margin-mlarge {
	margin-top:300px !important;
	text-align: center;
}
.positive-top-margin-mlarge2 {
	margin-top:300px !important;
	text-align: center;
}
.positive-top-margin-xlarge {
	margin-top:190px !important;
	text-align: center;
}
.positive-top-margin-first {
	text-align: center;
	margin-top:45px !important;
}
.positive-top-margin-second {
	margin-top:45px !important;
	text-align: center;
}
.landingpage-headings {
	font-size:40px!important;
	font-weight:600px!important;
	letter-spacing:-0.095rem;
	padding-bottom:.5em;
}
.component-tagline {
	line-height:39px;
	letter-spacing:0rem;
	font-size:28px!important;
    font-weight:700;
	margin:-10px -10px 10px -10px;
}
.thumb-info img {
	width: auto;
}
.isotope-item {
	text-align: center;
	width: 33.33%;
	margin-left: auto;
	margin-right: auto;
	transform: none !important;
}
.components-margin {
	width:100px!important;
	padding-top:12%!important;
	padding-bottom:12%!important;
	padding-right:0!important;
	padding-left:0!important;
}
.border-bottommenu {
	border-top: 1px solid #DADADA !important;
}
.data-archival-graphic-width {
	max-width:245px!important;
	height:auto;
}
.data-analytics-graphic-width {
	max-width:200px!important;
	height:auto;
}
.hr-component-padding {
	margin-top:-30px!important;
	margin-bottom:-10px!important;
}
.margin-technical-req {
	margin-top:-45px;
}
.helpmanual-link {
	font-size:17px;
	text-decoration:none;
	margin-left:15px;
	margin-top:-1px;
}
.jotform-height {
	height:840px;
}
.jotform-height-support {
	height:800px;
}
}
/**=============== Medium ================**/
@media (min-width: 768px) and (max-width: 991.98px) {
.catg-negative-top-margin-small {
	margin-top: -60px!important;
}
.margin-toolkit-graphics {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding:30px 0 40px 0;
}
.home-concept .process-image {
	 margin: 0 auto 0 auto!important;
}
.home-concept .project-image {
	margin: 20px auto 0 auto!important;
}
.home-concept .last-image {
	margin: 20px auto 0 auto!important;
	padding-bottom: 50px;
}
.synchronize-data-width {
	width:420px;
}
.squareBox-noleft {
	border: 2px solid #eee!important;
	margin-top:30px;
}
.btn-categories {
	padding: 6px 10px 6px 10px!important;
	letter-spacing:.8px;
	font-weight: 400;
	border-radius: 4px;
	margin: 2px;
	text-decoration:none!important;
}
.main-img {
	margin-top:-60px;
}
.slidertitle-small {
	line-height: 34px !important;
	margin-top:20px !important;
	letter-spacing: -0.075rem;
	font-size: 1.95em !important;
	font-weight: 400 !important;
}
.slider-subtitle {
	line-height: 28px !important;
	letter-spacing: -0.045rem;
	font-size: 1.45em !important;
	font-weight: 300 !important;
}
.img-data-integration {
	display: block!important;
    margin-left: auto!important;
    margin-right: auto!important;
}
nav.navbar {
	justify-content: flex-end !important;
	display: flex !important;
}
.navbar-header {
	margin-bottom:2px;
}
.navbar-light .navbar-toggler {
	color: #eee;
	border-color: rgba(0,0,0,.1);
}
.navbar-toggler:focus {
	text-decoration: none;
	outline: 0;
	box-shadow: 0 0 0 .06rem;
}
.navbar-toggler:hover {
	color: #1274CC;
	background: #1274CC;
}
.sidebar-left {
	float: left;
	margin: 20px 30px 0px 0px;
}
.video-padding {
	padding-left:60px;
}
.padding-sides-text {
	padding-left:100px;
	padding-right:100px;
}
.margin-technical-req {
	margin-top:-18px;
}
.graphic-padding-top {
	margin-top:-90px;
}
.padding-text-sides {
	padding-right:36px;
	padding-left:36px;
	padding-bottom:20px;
}
.component-tagline {
	line-height:44px;
	font-size:30px!important;
    font-weight:700;
	margin:5px 10px 5px 10px;
}
.negative-top-margin-large {
	margin-top:-190px !important;
}
.negative-top-margin-app {
	margin-top:-220px !important;
}
.negative-top-margin-small {
	margin-top:-270px !important;
}
.negative-top-margin-mlarge {
	margin-top:-520px !important;
}
.negative-top-margin-mlarge2 {
	margin-top:-356px !important;
}
.negative-top-margin-xlarge {
	margin-top:-530px !important;
}
.positive-top-margin-first {
	text-align: center;
	margin-top:120px !important;
}
.positive-top-margin-second {
	text-align: center;
	margin-top:55px !important;
}
.positive-top-margin-small {
	margin-top:60px !important;
}
.positive-top-margin {
	margin-top:0px !important;
}
.positive-top-margin-mlarge {
	text-align: center;
	margin-top:340px !important;
}
.positive-top-margin-mlarge {
	text-align: center;
	margin-top:340px !important;
}
.positive-top-margin-mlarge2 {
	text-align: center;
	margin-top:190px !important;
}
.landingpage-headings {
	font-size: 3em !important;
	font-weight:600px!important;
	letter-spacing:-0.095rem;
	padding-bottom:.5em;
}
.data-archival-graphic-width {
	padding-top:10px;
	max-width:225px!important;
	height:auto;
}
.data-analytics-graphic-width {
	padding-top:20px;
	max-width:180px!important;
	height:auto;
}
.helpmanual-link {
	font-size:17px;
	text-decoration:none;
	margin-left:15px;
	margin-right:50%;
	margin-top:-1px;
}
.component-title {
	font-size:44px!important;
}
.jotform-height {
	height:850px;
}
.jotform-height-support {
	height:700px;
}
}
/**=============== Large ================**/
@media (min-width: 992px) and (max-width: 1199.98px) {
.catg-negative-top-margin-small {
	margin-top: -150px!important;
}
.margin-toolkit-graphics {
	margin-top:-40px;
}	
.font-product-longname {
	font-size:26px!important;
}
.dynamics-gp-margin {
	margin-top:20px;
}
.btn-categories {
	padding: 8px 16px 8px 16px!important;
	letter-spacing:.8px;
	font-weight: 400;
	border-radius: 4px;
	margin: 4px;
	text-decoration:none!important;
}
.main-img {
	width:100%;
}
.padding-automate-section {
	padding-left:60px;
}
.automate-graphic-width {
	max-width:440px;
}
.component-tagline {
	line-height:48px;
	letter-spacing:-0.075rem;
	font-size:32px!important;
    font-weight:700;
	margin:5px 10px 5px 10px;
}
.positive-top-margin-small {
	margin-top:60px !important;
}
.negative-top-margin-large {
	margin-top:-350px !important;
}
.negative-top-margin-app {
	margin-top:-335px !important;
}
.negative-top-margin-xlarge {
	margin-top:-430px !important;
}
.negative-top-margin-mlarge {
	margin-top:-390px !important;
}
.negative-top-margin-mlarge2 {
	margin-top:-270px !important;
}
.positive-top-margin-mlarge2 {
	margin-top:120px !important;
}
.positive-top-margin-xlarge {
	margin-top:280px !important;
}
.positive-top-margin-first {
	margin-top:5px !important;
}
.landingpage-headings {
	font-size: 2.8em !important;
	font-weight:600px!important;
	letter-spacing:-0.095rem;
	padding-bottom:.5em;
}
.dynamics-pad-top {
	margin-top: 16px;
}
.margin-graphics-top {
	margin-top:-15px;
}
.graphic-padding-top {
	margin-top:20px;
}
.component-title {
	font-size:3.3em!important;
}
.jotform-height {
	height:730px;
}
.jotform-height-support {
	height:770px;
}
.testimonial-form {
	height:2690px;
}
.crm-logo-width {
	width: 200px;height:auto;
}
.negative-margin-right {
	margin-right:-200px!important;
}
.col-lg-custom-3 { 
	flex: 3; 
}
.col-lg-custom-6 { 
	flex: 6; 
}
}	
/**=============== Medium to Max Screens ================**/
@media (min-width: 768px) and (max-width: 8000.98px) {
.feature-box .feature-box-info {
    flex: 1 1 100%;
    padding-left: 15px;
    padding-bottom: 50px;
}
.bullet-points li {
	position: relative;
	padding-left: 40px; /* Increase padding to move bullet points further left */
}

.bullet-points li i {
	position: absolute;
	left: 0; /* Position checkmark at the start of the text */
	top: 50%;
	transform: translateY(-50%); /* Vertically center checkmark */
}
}
/**=============== Large to Max Screens ================**/
@media (min-width: 992px) and (max-width: 8000.98px) {
.icon-tags::before {
  padding-top: 18px;
}
.negative-margin-largescreens {
	margin-top:-45px;
}
.padding-side-menu {
	padding-top:20px;
}
.toggle.toggle-minimal.toggle-primary {
	margin-top:-24px!important;
}
.negative-margin-purchase {
	margin-left:-30px;
}
.toolkit-padding {
	padding-left:20px;
}
.banner-prod-pack {
	margin-left:50px;
	margin-right:50px;
}
.margin-toolkit-graphics {
	margin-top:-40px;
}
.helpmanual-link {
	margin-left:15px;
	margin-right:30%;
	margin-top:-2px;
}
.img-data-integration {
	width:90%!important;
}
.synchronize-data-width {
	padding-left:10%;
}
.sidebar-left {
	float: left;
	margin: 24px 30px 0px 0px;
}
.video-padding {
	padding-left:80px;
}
.padding-sides-text {
	padding-left:30px;
	padding-right:30px;
}
.data-archival-graphic-width {
	max-width:245px!important;
	height:auto;
}
.data-analytics-graphic-width {
	max-width:200px!important;
	height:auto;
}	
}
/**=============== XLarge to Max Screens ================**/
@media (min-width: 1200px) and (max-width: 8000.98px) {
.mt-60 {margin-top:-60px!important;}
.font-product-longname {
	font-size:32px!important;
}
.affix {
	width: 263px
}
.affix-top {
	top:300px
}
.affix-bottom {
	top: 100px;
	width: 263px
}
.main-img {
	width:670px!important;
}
.padding-automate-section {
	padding-left:75px;
}
.component-tagline {
	line-height: 45px;
    letter-spacing: -0.03rem;
    font-size: 32px !important;
    font-weight: 700;
    margin: 0px 30px 0px 30px;
	border-bottom:none!important;
}
.negative-top-margin-small {
	margin-top:-200px !important;
}
.catg-negative-top-margin-small {
	margin-top:-200px !important;
}
.negative-top-margin-large {
	margin-top:-260px !important;
}
.negative-top-margin-app {
	margin-top:-300px !important;
}
.positive-top-margin-xlarge {
	margin-top:300px !important;
}
.margin-graphics-top {
	margin-top:-25px;
}
.positive-top-margin-first {
	margin-top:-30px !important;
}
.hr-component-padding {
	margin-top:30px!important;
	margin-bottom:30px!important;
}
.dropdown-menu.partnercatg > li > a {
	padding: 6px 12px 6px 12px !important;
	display: block;
	font-size:14px;
	color:#666;
}
.jotform-height {
	height:670px;
}
.jotform-height-support {
	height:750px;
}
.fluid-banner-padding {
	width:1300px!important;
	margin: 0 auto !important; 
	float: none !important; 
}	
.crm-logo-width {
	width: 280px;
	}
.negative-margin-right {
	margin-right:-360px;
	}
.col-xl-custom-3 { 
	flex: 3; 
}
.col-xl-custom-4 { 
	flex: 4; 
}
.col-xl-custom-3-5 { 
	flex: 3.5; 
}
.col-xl-custom-5 { 
	flex: 4.5; 
}
}
/**=============== Larger (4K) Screens ================**/
@media (min-width: 1600px) {
.component-icons {
	width:1400px!important;
	margin: 0 auto !important; 
	float: none !important; 
}
.gateway-graphic {
	width:1400px!important;
	margin: 0 auto !important; 
	float: none !important;	
}
}
/**=============== JotForms ================**/
.testimonial-form {
	height:2475px;
}
@media (min-width: 299px) and (max-width: 506px) {
.testimonial-form {
	height:2950px;
}
}
@media (min-width: 299px) and (max-width: 359px) {
.testimonial-form {
	height:3450px!important;
}
}
/**=================== Product Cards====================**/
section.container .card-body .logo-wrapper {height: 50px;padding-top: 16px;}
section.container .card-body .card-text {margin-bottom: 1rem;}
/**=============== Search Function ================**/
.gscb_a {
	display: inline-block !important;
	font: 17px/13px Arial, sans-serif !important;
}
table.gsc-search-box td {
  vertical-align: middle;
}
.gsib_b {
  padding: 0!important;
}
form.gsc-search-box {
  max-width: 752px;
  margin: 0!important; 
}
ul.dropdown-menu.show {
	padding: .9rem .9rem .6rem .9rem !important;
	border-top-left-radius: 0px!important;
	border-top-right-radius: 0px!important;
	min-width: 20.3rem;
}
.gscb_a {
  height: auto;
  line-height: 1;
  display: inline-block;
  vertical-align: top;
}
.gsc-search-button-v2 {
	padding:0px 12px 0px 12px!important;
	margin-top:-2px!important;
}
ul.dropdown-menu.show {
	margin-top:4px!important;
}
@-moz-document url-prefix() {
	ul.dropdown-menu.show {
		margin-top:10px!important;
	}
}
.gsc-completion-container {margin-top:20px!important;}
/**=============== FAQ ================**/
.anchor-link-support i{
	visibility:hidden;
}
.anchor-link-support:hover i {
	visibility:visible;
}
#purchase-support, #two-ways-to-purchase, #evaluate-the-software-license {
	scroll-margin-top: 74px;
}
#paid-support, #free-developer-edition, #bug-reports, #support-life-cycle, #reach-kingswaysoft-support, #partners-free-support, #are-connections-secure, #considerations-when-upgrading-software, #register-an-account, #payment-for-license-key, #how-to-make-payment, #credit-card-information, #information, #no-shipping-payments, #tax-payments, #maintenance-payments, #W9-form-requirement, #receive-product-license-key, #activate-your-products, #commercial-license, #types-of-commercial-license, #how-many-licenses, #maintenance-work, #re-use-license-key, #relocate-license, #distinct-connection-concept-work {
	scroll-margin-top: 100px;
}
#paid-support, #free-developer-edition, #bug-reports, #support-life-cycle, #reach-kingswaysoft-support, #partners-free-support, #are-connections-secure, #considerations-when-upgrading-software, #register-an-account, #payment-for-license-key, #how-to-make-payment, #credit-card-information, #information, #no-shipping-payments, #tax-payments, #maintenance-payments, #W9-form-requirement, #receive-product-license-key, #activate-your-products, #commercial-license, #types-of-commercial-license, #how-many-licenses, #maintenance-work, #re-use-license-key, #relocate-license, #distinct-connection-concept-work {
	padding-top:20px;
}
#purchase-support, #two-ways-to-purchase, #evaluate-the-software-license {
	padding-top: 46px;
}
.icon-padding {
	margin-left:-22px!important;
}
.toggle-title {
	margin-top: -40px!important;
}
.toggle.toggle-minimal.toggle-primary {
	margin-top:-38px;
}
/**=============== Testimonials ================**/	
.testimonial-style  {
		color:#808080!important;
		line-height:1.4em!important;
	}
.testimonial-style strong {
		color:#1274CC!important;
	}
@media (min-width: 199px) and (max-width: 575.98px) {
	.testimonial-alignment {
		text-align: center!important;
	}
	.client-images {
		margin-bottom:12px;
	}
}
@media (min-width: 576px) and (max-width: 8991.98px) {
	.testimonial-alignment {
		text-align:left!important;
	}
}
/**=============== Purchase ================**/	
@media (min-width: 992px) and (max-width: 1199.98px) {
.padding-purchase-int-gateway {
	padding-left:50px!important;
}
}
@media (min-width: 1200px) and (max-width: 8991.98px) {
.padding-purchase-int-gateway {
	padding-left:100px!important;
}
}
.nav-tabs li .nav-link, .nav-tabs li .nav-link:hover {
	border-bottom: none;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-top: 3px solid #b7b7b7;
}
html body .tabs .nav-tabs .nav-link {
	color: #b7b7b7;
}
h4.ks-blue.px-lg-5 {
	font-size:21px!important;
	line-height:28px;
}
.toolkit-padding>h4.mb-1>strong>a { 
	color: #303030; 
}
.toolkit-padding>h4.mb-1>strong>a:hover { 
	color: #1274CC; 
}
html body .tabs .nav-tabs .nav-link:hover, html.dark body .tabs .nav-tabs .nav-link:hover, html body .tabs .nav-tabs .nav-link:focus, html.dark body .tabs .nav-tabs .nav-link:focus, html body .tabs .nav-tabs .nav-link.active, html.dark body .tabs .nav-tabs .nav-link.active, html body .tabs .nav-tabs.nav-justified .nav-link.active, html.dark body .tabs .nav-tabs.nav-justified .nav-link.active, html body .tabs .nav-tabs.nav-justified .nav-link:hover, html.dark body .tabs .nav-tabs.nav-justified .nav-link:hover, html body .tabs .nav-tabs.nav-justified .nav-link:focus, html.dark body .tabs .nav-tabs.nav-justified .nav-link:focus {
  border-top-color: #1274CC;
}
html.dark body .tabs .nav-tabs .nav-link, html body .tabs .nav-tabs .nav-link:hover, html.dark body .tabs .nav-tabs .nav-link:hover, html body .tabs .nav-tabs .nav-link.active, html.dark body .tabs .nav-tabs .nav-link.active {
  color: #1274CC;
}
.product-subtitle {
	padding-top:8px;
	font-size: 1.3em !important;
	color: #999 !important;
	line-height: 1.4em !important;
	font-weight: 400;
}
/**===================Documentation====================**/
.title-main {padding-top:30px;}
dd {padding:0 30px;margin:0px!important;}
dd > p {margin-left:0px!important;}
dt {font-size:16px;}
.documentation-subheading {font-size:26px; color:#1274CC; font-weight:600;}
b {font-weight:600;}
dt b {font-size:15px; padding-bottom:10px;}
/**===================NavBarIndustry====================**/
.icon-container {
transition: transform 0.3s ease, box-shadow 0.3s ease!important;;
cursor: pointer;
}
.icon-container:hover {
	transform: scale(1.05)!important;;
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2)!important;;
}
.icon-img {
	transition: transform 0.3s ease, filter 0.3s ease!important;;
}
.icon-container:hover .icon-img {
	transform: scale(1.1)!important;;
}
.icon-container:active {
	transform: scale(1.1)!important;;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3)!important;;
}
.icon-container:active .icon-img {
	transform: scale(1.3)!important;
	filter: brightness(1.5)!important;
}
/**===================TableStyling====================**/
.documentation-body table {
	width: 100% !important;
	border-collapse: collapse !important;
	margin-bottom: 1.8rem !important;
	margin-top: .8rem !important;
}
.documentation-body th, .documentation-body  td {
	border: 1px solid #D3D3D3 !important;
	padding: 4px 8px 4px 8px!important;
	text-align: left !important;
}
.documentation-body th {
	background-color: #f2f2f2 !important;
}
h5.new-letterspacing {
	text-transform: none!important;
}
/**===================ProductsPage====================**/
.ks-blue-gradient-flip {background-image: linear-gradient(to right bottom, #009CFE, #0E87E5, #0C75D1) !important;}
.ks-blue-gradient {background-image: linear-gradient(to right bottom, #0C75D1, #0E87E5, #009CFE) !important;}
.ks-grey-gradient {background-image: linear-gradient(to right bottom, #808080, #A9A9A9, #D3D3D3) !important;}			
/* Base styles */
.padding-products-logo {
	margin-left: 5.5em;
	margin-top: -0.3em;
}
.padding-products-logo-sm {
	margin-left: 5.2em;
	margin-top: -0.3em;
}
.padding-products-hero {
  padding: 5em 0 4em 0;
}
@media (min-width: 768px) {
.padding-products-hero {
	padding: 10em 0 8em 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
.padding-products-logo,
.padding-products-logo-sm {
	margin-left: 10px;
	margin-top:36px;
  }
}
@media (max-width: 767px) {
.padding-products-logo,
.padding-products-logo-sm {
	margin-left: 5px;
	margin-top: 20px;
  }
}
.glow-background {
	position: absolute;
	bottom: -20rem;
	left: 50%;
	transform: translateX(-50%);
	width: 200%;
	height: 130%;
	background: radial-gradient(
		circle at bottom center,
		rgba(255, 255, 255, 1) 0%,       
		rgba(255, 255, 255, 0.8) 10%,     
		rgba(0, 183, 255, 0.6) 30%,     
		rgba(0, 183, 255, 0.2) 60%,     
		rgba(0, 183, 255, 0) 85%         
	);
	filter: blur(100px);
	opacity: 1;
	z-index: 0;
	pointer-events: none;
}
.custom-outline-lightblue {
	border: 1px solid #1274CC; 
	color: #1274CC;           
	background-color: transparent; 
	border-radius: 0.3rem;    
}
.custom-outline-lightblue:hover {
	background-color: #1274CC;
	color: white;
	background:#1274CC;
	border-color:#1274CC;
}
.col-9ths,.col-8ths,.col-7ths,.col-5ths {  
	width: 50%;   
	padding: 5px;   
	box-sizing: border-box; 
}
@media (min-width: 768px) {
	.col-9ths,
	.col-8ths,
	.col-7ths,
	.col-5ths {
	width: 33.33%;
	padding:0.5rem;
}
}
@media (min-width: 992px) {
	.col-9ths {
	width: 11.1111%;  /* 9ths */
	}
	.col-8ths {
	width: 12.5%;  /* 8ths */
	}
	.col-7ths {
	width: 14.2857%;  /* 7ths */
	}
	.col-5ths {
	width: 20%;  /* 5ths */
	}
}
.kerning-small {
  letter-spacing: 1px!important;
}

.negative-top-32 {
	margin-top: -32px;
}
.font-integration-product {
	  font-size: 1.5em !important;
}
.negative-margin-200 {
	margin-top: -200px;
}
.card.rounded-1em {
  border-radius: 1em !important;
  overflow: hidden;
}
.card.rounded-1em .card-header {
  border-top-left-radius: 1em !important;
  border-top-right-radius: 1em !important;
}
.card.rounded-1em .card-body {
  border-bottom-left-radius: 1em !important;
  border-bottom-right-radius: 1em !important;
}
.icon-container:hover {
	box-shadow: none !important;
	transform: scale(1.01) !important;
}
.icon-square:hover {
	transition: ease transform 500ms;
	transform: scale(1.05) !important;
}
.nav-titles {
  color: #000;
}
#activemq-realtime-integration, 
#amqp-realtime-integration,
#msmq-realtime-integration, 
#kafka-realtime-integration,
#amqp-realtime-integration, 
#azure-queue-storage-realtime-integration,
#azure-service-bus-realtime-integration, 
#ibm-mq-realtime-integration,
#amazon-sqs-realtime-integration, 
#rabbitmq-realtime-integration {
  scroll-margin-top: 80px; 
}
.lead.bolder {
  font-weight: 400;
  font-size: 24px;
  margin-top: 10px;
  line-height: 1.5em;
}
/**=================== Find a Partner Page ====================**/
article.medium-title {
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 30px 40px;
  background-color: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  margin: 20px 0px 20px 0px;
}
article.medium-title h2 {
  text-decoration: none;
  margin-top: 0;
  font-size: 1.5rem;
}
article.medium-title a {
  text-decoration: none;
}
article.medium-title img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
}
/**=================== About Us Page ====================**/
.client-logo-aboutus {
  width: 130px !important;
  padding: 10px 0;
  flex-shrink: 0;
}
.img-overlap-bottom {
  margin-top: 0;
  margin-bottom: -70px;
  z-index: 2;
  position: relative;
}
@media (max-width: 768px) {
  .img-overlap-bottom {
	margin-bottom: -35px;
  }
}
.feature-tagline-box {
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 10px;
  background-color: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  z-index: 2;
  position: relative;
}
.page-taglines {font-weight: 500; font-size:27px!important;line-height: 38px;}
.medium-size-font {font-size:23px;}
.list-group {box-shadow: 0 0 20px rgba(8, 8, 8, 0.07);}
.list-group-item-text {font-weight: normal;}
/**=================== Shopping Cart Menu ====================**/
.navmenu-container { display: none; margin-top:-1px; }
.navmenu-container img { position:absolute; top:0; right:25px; }
#account-nav {position:relative; z-index:1000;}
#account-nav a#account-link {  background:url("./images/dd-arrow-grey.png") no-repeat scroll 97% 50% transparent; }
#account-nav li { position: relative; }
#account-nav .email {  }
#account-nav .email a { }
#account-nav a { }
.navmenu-container .navmenu { display: block; border:solid 1px #999; }
#account-nav li:hover .navmenu	{ display:block; }
#account-nav li:hover .navmenu-container { display: block; position:absolute; padding-top:8px; right:0; }
#account-nav .navmenu { position:static;  padding:10px; white-space:nowrap; }
#account-nav .navmenu ul {text-indent: 0; padding-left:10px; }
#account-nav .navmenu li { display:block; }
#account-nav .navmenu li a { color:#000!important; line-height:1.6em!important; }
#account-nav .navmenu li a:hover {color:#999!important;}
.navmenu  { display:none; position:relative; top:0; background-color:#FFF;border: 2px solid #6c6c6c; z-index:1000; }
.navmenu { -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }	
/**=================== Shopping Cart Menu ====================**/
.popup-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);display: none;justify-content: center;align-items: center;z-index: 9999;}
.popup-box {background: white;padding: 40px;border-radius: 8px;text-align: center;max-width: 500px;font-size:12.2px;}
.popup-buttons {margin-top: 20px;}
.popup-buttons button {padding: 10px 18px;margin: 5px;border: none;cursor: pointer;border-radius: 4px;}
#stayBtn {background: #D3D3D3;font-size:14px;}
#goBtn {background: #1274CC;color: white;font-size:14px;}