:root {
	--blue-color:#2A448C;
	--blue-medium-color:#43679e;
	--green-color:#A2CD42;
	--orange-color:#F7AA21;
	--red-color: #FF0000;
	--vlorange-color:#FDE8C7;
	--white-color:#FFFFFF;
	--edaqua-color:#176671;
	--daqua-color:#338E9B;
	--aqua-color:#34A9BA;
	--laqua-color:#92D4CF;
	--vlaqua-color:#D7EDEA;
	--black-color:#000000;
	--dgrey-color: #404040;
	--mdgrey-color: #807e7e;
	--lgrey-color:#DCDCDC;
	--lmgrey-color: #dfdfdf;
	--vlgrey-color:#E4E5E4;
    --vvlgrey-color: #f5f5f5;
    --evlgrey-color: #FAFAFA;
	--pg-blue-color: #395887;
	--pg-xvlblue-color: #E4EAF4;
	--bullet-point-radius:10px;
	--line-node-radius:4px;
	--line-radius:32px;
	--line-node-size: 30px;
	--line-thickness:4px;
	--line-thin-thickness:3px;
	--line-node-color:var(--vlgrey-color);
	--pane-radius:5px;
	--view-radius:5px;	
	--icon-radius:7px;
	--box-radius:9px;
	--modal-tour-footer-height: 70px;
	--modal-tour-header-height: 55px;
}

@font-face{
	font-family: 'Gilroy';
    src: url('../fonts/Gilroy-ExtraBold.otf') 
        format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family: 'Gilroy-Light';
    src: url('../fonts/Gilroy-Light.otf') 
        format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family: 'OpenSans-SemiCondensed-Medium';
    src: url('../fonts/OpenSans_SemiCondensed-Medium.ttf') 
        format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face{
	font-family: 'OpenSans-Bold';
    src: url('../fonts/OpenSans-Bold.ttf') 
        format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family: 'OpenSans-SemiBold';
    src: url('../fonts/OpenSans-SemiBold.ttf') 
        format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family: 'OpenSans-Regular';
    src: url('../fonts/OpenSans-Regular.ttf') 
        format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family: 'OpenSans-Medium';
    src: url('../fonts/OpenSans-Medium.ttf') 
        format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family: 'Raleway-Medium';
    src: url('../fonts/Raleway-Medium.ttf') 
        format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family: 'Raleway-Regular';
    src: url('../fonts/Raleway-Regular.ttf') 
        format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family: 'Raleway-SemiBold';
    src: url('../fonts/Raleway-SemiBold.ttf') 
        format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family: 'Raleway-Bold';
    src: url('../fonts/Raleway-Bold.ttf') 
        format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family: 'Raleway-ExtraBold';
    src: url('../fonts/Raleway-ExtraBold.ttf') 
        format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family: 'Roboto-Medium';
    src: url('../fonts/Roboto-Medium.ttf') 
        format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.ttf') 
        format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto-Bold.ttf') 
        format('opentype');
    font-weight: normal;
    font-style: normal;
}
body {
	font-family: 'OpenSans-Regular';
	font-family: 'Roboto-Regular';
	font-family: 'Raleway-Regular';
	font-size: 16px;
    line-height: 1.6;
    background-color:var(--white-color);
	color: #000000;
}
.site-header{
	font-family: 'OpenSans-Bold';
	height:50px;
}
.headline-5 {
	font-family: 'Raleway-SemiBold';
	font-size: 64px;
	line-height: 1.1em;
	color:var(--black-color);
}
.headline-4 {
	margin-top:36px;
	font-family:Raleway-SemiBold;
	font-size:36px;
	line-height: 1.1em;
	color:var(--blue-medium-color);
}
.product {
	display:flex;
	flex-direction: row;
	align-items: center;
}
.product img {
	width:72px;
}
.product .title {
	margin-left:20px;
	font-family: 'Roboto-Regular';
	font-size: 48px;
	color:var(--black-color);
}
.product.small img {
	width: 40px;
}
.product.small .title {
	margin-left:10px;
	font-size: 28px;
}
.headline-24, h4 {
	font-family:  Raleway-Medium;
	font-size: 24px;
	color:black;
}
.headline6 {
	font-family: 'Roboto-Regular';
	font-weight:700;
	font-size: 56px;
	color:var(--blue-color);
}
.content-index{
	margin:75px 0 0 0 ;
	color:#000000;
	font-weight:100;
}
.content-tour{
	height:600px;
}
.height-p100 {
	height:100%;
}
.your-processes {
	padding-right: 20px !important;
}
.content-page{
	margin:160px 30px 0px 30px;
	color:#404040;
	font-weight:100;
}
.content-text{
	font-size:1.2em;
	line-height: 1.35em;
	color:#404040;
}
.content-text-large{
	font-size:1.3em;
	line-height: 1.35em;
}
p {
	margin-bottom:15px;
}
.btn {
	padding: 5px 17px;
	border-radius: 1rem;
	-webkit-border-radius: 1rem;
}
.large-icon{
	font-size:1.2em;
}
.description {
	margin-bottom:30px;
	font-size:16px;
	line-height:18px;
}
.navbar{
	background-color:var(--white-color);
}
.navbar-fixed-top {
	position: fixed;
	top:0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.navbar-toggler > i {
	color: var(--lgrey-color);
	cursor: pointer;
}
.navbar-group {
	margin-top:30px;
	margin-right:30px;
	font-family:'OpenSans-Bold';
}
.navbar-group  li{
	color:#000000;
	cursor:default;
	margin-left:20px;
	font-size:16px;
	line-height:1.3em;
	border-bottom: 5px solid transparent;
	position:relative;
}
.navbar-group  li > a {
	color:#404040;
	cursor:pointer;
	padding:0px;
	font-size:16px;
	line-height:1.3em;
	text-decoration:none;
}
.navbar-group  li > a:hover,
.navbar-group  li > a:focus {
	background-color:transparent;
	text-decoration:none;
}
.navbar-group  li:hover > a{
	color:#000000;
}
.navbar-group li:hover > .dropdown-menu {
	margin-top:6px;
	display:block;
	font-family: OpenSans-Regular;
}
.navbar-brand {
	padding: 5px 15px;
	width: 250px;
	font-family: OpenSans-Regular;
}
.navbar-brand > img {
	width:100%;
	border:0;
}
.navbar-group .dropdown-item {
	font-family: OpenSans-Regular;
}
.navbar-group .dropdown-item:focus {
	background-color: var(--mdgrey-color);
	color: var(--white-color);
}
main {
	min-height:400px;
}

.content-border {
	border-top:1px solid #A0A0A0;
	padding-top:10px;
	margin-left:20px;
	margin-right:20px;
}
.content-border.no-breadcrumb{
	margin-top:10px;
}
.top-line {
	border-top:1px solid #A0A0A0;
	margin-top:20px;
}
footer {
	margin-top:40px;
	background-color:#263F8A;
	background-color:#5E5E5E;
	color:#FFFFFF;
	padding:20px;
}
footer.no-margin {
	margin:0;
}
footer li {
	list-style:none;
}
footer li  a,
footer li  a:hover,
footer li  a:focus {
	color:#FFFFFF;
	text-decoration:none;
	font-size:.85em;
	margin-left:10px;
}

footer li  a:hover {
	text-decoration:underline;
}
footer .copyright {
	margin-top:20px;
	font-size:.7em;
}
li.home.active,
li.home:hover{
	border-bottom: 5px solid #F7AA21;
}
li.iphora.active,
li.iphora:hover{
	border-bottom: 5px solid var(--vlaqua-color);
}
li.pricing.active,
li.pricing:hover{
	border-bottom: 5px solid var(--aqua-color);
}
li.products.active,
li.products:hover{
	border-bottom: 5px solid var(--daqua-color);
}
li.services.active,
li.services:hover{
	border-bottom: 5px solid #34A9BA;
}
li.resources.active,
li.resources:hover {
	border-bottom: 5px solid #2A448C;
}
li.blog.active,
li.blog:hover{
	border-bottom: 5px solid #800080;
}
li.demo.active,
li.demo:hover{
	border-bottom: 5px solid #808080;
}
li.login.active,
li.login:hover {
	border-bottom: 5px solid #222222;
}

.banner {
	background: #FFFFFF;
	background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(240, 242, 252, 1) 15%, rgba(255, 255, 255, 1) 100%);
}
.your-path {
	padding-right:0;
}
.six-slots .col {
	padding-left:0;
	padding-right:0;
}
.accelerate  > .action-node {
	margin-right:20px;
}
.bullet-group {
	padding-right:20px !important;
}
.end-group{
}
.register {
	font-size:.8em;
}
.green {
	color:#A2CD42;
}
.orange {
	color:#F7AA21;
}
.laqua {
	color:#92D4CF;
}
.aqua {
	color:#34A9BA;
}
.blue {
	color:#2A448C;
}
.steel  {
	color:#808080;
}
.btn-green,
.badge.green {
	background-color:#A2CD42;
	color:#FFFFFF;
}
.btn-orange{
	background-color:#F7AA21;
	color:#FFFFFF;
}
.btn-laqua {
	background-color:#92D4CF;
	color:#FFFFFF;
}
.btn-aqua,
.badge.aqua {
	background-color:#34A9BA;
	color:#FFFFFF;
}
.btn-aqua:hover{
	color:#F0F0F0;
}
.btn-daqua {
	color:#FFFFFF;
	opacity:0.93;
	background-color:var(--daqua-color);
}
.btn-daqua:hover {
	color:#FFFFFF;
	opacity:1;
}
.btn-blue,
.btn-blue:focus{
	background-color:#2B4265;
	color:#FFFFFF;
}
.btn-blue:hover{
	color:#D0D0D0;
}
.btn-steel {
	background-color:#808080;
	color:#FFFFFF;
}
.btn-steel:hover{
	color:#D0D0D0;
}
.btn-link,
.btn-link:hover {
	color:#000000;
}
.btn-width-full{
	width:100%;
}

.btn-xs {
	padding: 3px 5px;
	font-size: .85em;
}

.badge {
	font-size: medium;
}
.padding-20 {
	padding:20px;
}
.padding-40 {
	padding:40px;
}
.padding-60 {
	padding:60px;
}
.padding-top-20 {
	padding-top:20px;
}
.padding-top-40 {
	padding-top:40px;
}
.padding-top-60 {
	padding-top:60px;
}
.padding-left-0 {
	padding-left:0;
}
.padding-right-0{
	padding-right:0;
}
.padding-right-20{
	padding-right:20px;
}
.padding-right-30{
	padding-right:30px;
}
.padding-right-40{
	padding-right:40px;
}
.padding-right-70{
	padding-right:70px;
}
.padding-left-70{
	padding-left:70px;
}
.margin-0 {
	margin:0;
}
.margin-20 {
	margin:20px;
}
.margin-40 {
	margin:40px;
}

.margin-top-10 {
	margin-top:10px;
}
.margin-top-20 {
	margin-top:20px;
}
.margin-top-40 {
	margin-top:40px;
}
.margin-top-60 {
	margin-top:60px;
}

.margin-left-10 {
	margin-left:10px;
}
.margin-left-20 {
	margin-left:20px;
}
.margin-left-40 {
	margin-left:40px;
}
.margin-left-60 {
	margin-left:60px;
}
.margin-right-10 {
	margin-right:10px;
}
.margin-right-20 {
	margin-right:20px;
}
.margin-right-40 {
	margin-right:40px;
}
.margin-right-60 {
	margin-right:60px;
}
.margin-bottom-0{
	margin-bottom:0;
}
.margin-bottom-10{
	margin-bottom:10px;
}
.margin-bottom-20{
	margin-bottom:20px;
}
.margin-bottom-30{
	margin-bottom:30px;
}
.margin-bottom-40{
	margin-bottom:40px;
}
.height-450 {
		clear:both;
		overflow-y:auto;
		height:600px;
}
.page-header {
	font-size: 1.5em;
	margin:10px 0 10px;
	border:0;
	font-family: 'Raleway-SemiBold';
}
.section-image {
	width:100%;
	border:1px solid #D0D0D0;
	padding:7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 10px 10px 5px -2px rgba(212,212,212,0.9);
	-moz-box-shadow: 10px 10px 5px -2px rgba(212,212,212,0.9);
	box-shadow: 10px 10px 5px -2px rgba(212,212,212,0.9);
}

.float-image {
	border:1px solid #D0D0D0;
	padding:7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 10px 10px 5px -2px rgba(212,212,212,0.9);
	-moz-box-shadow: 10px 10px 5px -2px rgba(212,212,212,0.9);
	box-shadow: 10px 10px 5px -2px rgba(212,212,212,0.9);
}
h3.section-header {
	margin-top:40px;
}
.section-header {
	color: var(--black-color);
	margin-top:5px;
	margin-bottom:3px;
	font-size:1.3em;
	font-weight:700;
}
.section-header.margin-top-20 {
	margin-top:20px;
}
.section-header.margin-top-40 {
	margin-top:40px;
}
.section-header.margin-top-60 {
	margin-top:60px;
}
.box-header {
	height:40px;
}
.news-date {
	font-weight:bold;
}
.warning {
	color: var(--red-color);
}
hr {
	color:#404040;
}
.announcement {
	margin-bottom:20px;
	border-bottom-width:1px;
	border-bottom-color:#808080;
	border-bottom-style:solid;
	padding-bottom:20px;
}
.product-icon {
	width:calc(100% - 80px);
	margin:40px 40px 10px 40px;
}
.vendor > div {
	display: -webkit-box;
	display: -moz-box; 
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content:center;
}
.vendor > div > h4 > span {
	margin-right:20px;
}
.vendor > div > h4 > span.available {
	font-weight:700;
}
.hide {
	display:none !important;
}
.highlight {
	color: var(--blue-color);
	font-weight:700;
}

/*
img.shadow {
	webkit-box-shadow: 3px 6px 6px 1px rgba(0,0,0,0.31);
	-moz-box-shadow: 3px 6px 6px 1px rgba(0,0,0,0.31);
	box-shadow: 3px 6px 6px 1px rgba(0,0,0,0.31);
	border-radius:3px;
}
*/

img.main-image {
	border: 0;
	border-radius: 10px;
	-webkit-border-radius:10px;
	width:100%;
}

li {
	list-style:none;
}
ul.page-block-text > li::before {
	content: "";
	display: inline-block;
	background: var(--blue-medium-color);
	width: 10px;
	height: 10px;
	margin-bottom:2px;
	margin-right: 13px;
}
ul.page-block-text-2 > li::before {
	content: "";
	display: inline-block;
	background: var(--blue-medium-color);
	width: 10px;
	height: 10px;
	margin-bottom:3px;
	margin-right: 13px;
	margin-top:8px;
}
ul.page-block-text-2 > li {
	display:flex;
	flex-direction:row;
	align-items:start;
}
a.link {
	cursor:pointer;
	text-decoration: underline;
	color:var(--black-color);
}
a.link:hover{
	text-decoration: underline;
}

.form-control {
	box-shadow: none;
	-webkit-box-shadow:none;
	font-family: 'OpenSans-Regular';
}
label {
	color:#000000;
	font-family:'Raleway-Medium';
}
.subscribe {
	background-color: var(--green-color);
	margin-top:40px;
	padding:20px;
}
.subscribe .highlight {
	font-weight:700;
	font-size:1.5em;
	color: var(--white-color);
	margin-bottom:10px;
}
.sign-up-form {
	background-color: #F0F0F0;
	padding:20px 30px;
	border-radius: 7px;
	margin-left: 20px;
	margin-right: 20px;
	border: 1px solid #E0E0E0;
}
.sign-up-form-mailchimp {
	background-color: #F0F0F0;
	padding:30px 30px;
	border-radius: 7px;
	margin-left: 40px;
	margin-right: 40px;
	border: 1px solid #E0E0E0;
}
.validation-warning {
	color: red;
	margin-top:3px;
	margin-left:5px;
}
.message-box {
	height:100px !important;
}
#mc_embed_signup {
	border-radius:7px;
}
#mc_embed_signup .button {
	background-color: var(--blue-color) !important;
}
#mc_embed_signup .button:hover {
	background-color: var(--blue-color) !important;
}

p.brandingLogo {
	display:none;
}
.width-100 {
	width:100%;
}

.start-point {
	margin-top:45px;
}
.start-point > div.btn{
	align-self:center;
	padding-left:30px;
	padding-right:30px;
}
.flex-div {
	display:flex;
}
.flex-vertical {
	display:flex;
	align-items:center;
	justify-content: center;
}
.flex-vertical-center-row {
	display:flex;
	align-items:center;
	flex-direction:row;
	
}

/****************************************************************************************************/
.bold-text-raleway{
	font-family: Raleway-SemiBold;
}
.page-block-text{
	font-size: 1.2em;
	line-height: 1.35em;
	font-family: 'Raleway-Medium';
}
.line-spacer {
	display:flex;
	flex-direction:row;
	height:25px;
}
.line-spacer-5 {
	height:5px;
}
.line-spacer-10 {
	height:10px;
}
.line-spacer-15 {
	height:15px;
}
.line-spacer-20 {
	height:20px;
}
.line-spacer > div {
	width:50%;
}
.line-spacer > div.left-block{
	border-right: var(--line-thickness) solid var(--vlgrey-color);
}
.line-spacer > div.left-block-thin{
	border-right: var(--line-thin-thickness) solid var(--vlgrey-color);
}
.line-spacer > div.left-block.left-turn{
	border-right: var(--line-thickness) solid var(--vlgrey-color);
	border-bottom: var(--line-thickness) solid var(--vlgrey-color);
	border-bottom-right-radius: var(--line-radius);
	height:43px;
}

.line-spacer > div.right-block{
	border-left: var(--line-thickness) solid var(--vlgrey-color);
}
.line-spacer > div.right-block-thin{
	border-left: var(--line-thin-thickness) solid var(--vlgrey-color);
}
.line-spacer > div.line-top{
	border-top: var(--line-thickness) solid var(--vlgrey-color);
}
.line-spacer > div.line-bottom{
	border-bottom: var(--line-thickness) solid var(--vlgrey-color);
}
.line-spacer > div.left-bottom-turn{
	border-bottom: var(--line-thickness) solid var(--vlgrey-color);
	border-bottom-right-radius: var(--line-radius);
} 

.line-spacer > div.right-top-turn{
	border-top: var(--line-thickness) solid var(--vlgrey-color);
	border-top-left-radius: var(--line-radius);
}
.line-spacer > div.right-bottom-turn{
	border-bottom: var(--line-thickness) solid var(--vlgrey-color);
	border-bottom-left-radius: var(--line-radius);
}
.line-spacer > div.center-block {
	width:100%;
	font-weight: bold;
	font-size:1.1em;
	text-align:center;
	color:black;
}
.line-spacer > div.top-line {
	border-top: var(--line-thickness) solid var(--vlgrey-color);
	margin:0;
}
.bullet-point,
.end-point {
	text-align:left;
	width:100%;
	background-color: var(--vlorange-color);
	padding:20px 20px;
	color:black;
	font-family: 'Raleway-SemiBold';
	font-size:1em;
	border-radius:10px;
	cursor: default;
	border: 0;
}
.end-point {
	background-color: var(--vlaqua-color);
}
div.left-top-turn {
	border-right: var(--line-thickness) solid var(--vlgrey-color);
	border-top: var(--line-thickness) solid var(--vlgrey-color);
	border-top-right-radius: var(--line-radius);
	height:60px;
}
.margin-top-15 {
	margin-top:15px;
}
.margin-top-60 {
	margin-top:60px;
}
.center-bottom, .center-top {
	display:flex;
	height:50px;
	justify-content:center;
	font-size:1.3em
}
.center-bottom{
	align-items:end
}
.center-top{
	align-items:top;
}
.circle-node {
	display:flex;
	justify-content: center;
	align-items: center;
	height:var(--line-node-size);
	width:var(--line-node-size);
	-webkit-border-radius:50%;
	border-radius:50%;
	background-color:var(--line-node-color);
}
.end-node {
	display:flex;
	justify-content: center;
	align-items: center;
	height:var(--line-node-size);
	width:var(--line-node-size);
	-webkit-border-radius: var(--line-node-radius);
	border-radius: var(--line-node-radius);
	background-color:var(--line-node-color);
	color: #FFFFFF;
	font-weight: bold;
}
.action-node {
	background-color:var(--line-node-color);
	-webkit-border-radius: var(--line-node-radius);
	font-size: 1.1em;
	text-align:center;
	color:black;
	padding: 5px 10px;
	font-family: 'Raleway-SemiBold';
	width:100%
}
.circle-text {
	text-align:center;
	line-height: 16px;
	margin-top:-5px;
}
.shadow-node{
	box-shadow: 9px 5px 17px -5px rgba(0,0,0,0.42);
	-webkit-box-shadow: 9px 5px 17px -5px rgba(0,0,0,0.42);
	-moz-box-shadow: 9px 5px 17px -5px rgba(0,0,0,0.42);
	-webkit-border-radius:10px;;
	border-radius:10px;
	
}
.row.matrix > div[class*="col-md-"]{
	padding-left:0;
	padding-right:0;
}
.diamond-node {
	transform: rotate(45deg);
	background-color: var(--lgrey-color);
	width:50px !important;
	height:50px !important;
	margin-right:5px;
	display:flex;
	justify-content: center;
	align-items:center;
}
.diamond-node > .text-90 {
	transform: rotate(-45deg);
	font-size:1.1em;
	font-family: 'Raleway-SemiBold';
}
.line-spacer.diamond {
	height:auto;
	display:flex;
	justify-content:center;
}
.top-split {
	border-bottom: 4px solid var(--lgrey-color);
	height:27px;
	width:100px;
}
.persona-box {
	margin:20px;
	padding:30px 20px;
	text-align:center;
	background-color: #dadedf63;
	border-radius:10px;
	-webkit-border-radius: 10px;
}
.persona-box > .title {
	text-align: center;
	font-family: 'Raleway-SemiBold';
	font-size: 1.3em;
}
.persona-box > .description {
	padding: 20px 0;
	height:200px;
	text-align:left;
	font-size: 1.2em;
	line-height: 1.3em;
}

.content-box {
	margin:110px 0;
}
.course-header {
	font-size: 20px;
	font-family: 'OpenSans-SemiBold';
	line-height: 24px;
}
.banner-text {
    float: right;
    font-family: 'Raleway-SemiBold';
    padding-right: 45px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 700px;
    text-align: right;
}
.justify-content-end {
    -ms-flex-pack: end!important;
    justify-content: flex-end!important;
}
.navbar-brand {
	width:250px;
}
.partner  img {
	width:100%;
}
@media screen and (min-width: 992px) {
	.navbar-group {
		border:0
	}
}
@media screen and (max-width: 991px) {
	.navbar-group {
		margin-right:0;
		margin-top:10px;
		border: 1px solid var(--lgrey-color);
		padding:10px 0
	}
	
	.navbar-group  li {
		margin-right:20px;
		border-bottom: 1px solid var(--lgrey-color);
	}
	.navbar-group li.active,
	.navbar-group li:hover {
		border-bottom: 1px solid var(--lgrey-color);
	}
	.navbar-group  li  > a{
		display:block;
		line-height: 1.5em;
	}
	.navbar-group li > a:hover{
		background-color: var(--vlgrey-color);
	}	
}

@media screen and (min-width: 1200px) {
	.headline5 {
		font-size: 70px;
		line-height:80px;
	}
	.headline5-2 {
		font-size: 48px;
		line-height:50px;
	}
	.headline-sub {
		font-size: 24px;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1450px) {
	.persona {
		font-size:1.1em;
		height: 40px;
	}
	.persona-description {
		font-size: 1.0em;
	}
	
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
	.headline5 {
		font-size: 50px;
		line-height:60px;
	}
	.headline5-2 {
		font-size: 38px;
		line-height:40px;
	}
	.headline-sub {
		font-size: 20px;
	}
	.persona {
		font-size:1.1em;
		height: 50px;
	}
	.persona-description {
		font-size: 1.0em;
	}
	
	.bullet-point,
	.end-point {
		height:90px;
	}
}
@media screen and (min-width: 768px) and (max-width: 900px) {
	.bullet-point,
	.end-point {
		height:110px;
	}
	
}
@media screen and (min-width: 400px) and (max-width: 768px) {
	.breadcrumb-widget {
		width:450px;
	}
	ol.breadcrumb li{
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		max-width: 150px;
	}
	.circle-node {
		display:none;
	}
	img.main-image {
		margin-top: 40px;
		width:85%;
	}
	.banner-text {
		width: 450px;
	}
	.action-node {
		margin: 0 20px 40px 20px;
	}
	.headline5 {
		font-size: 70px;
		line-height:80px;
	}
	.headline5-2 {
		font-size: 48px;
		line-height:50px;
	}
	.headline-sub {
		font-size: 24px;
	}
	.line-spacer {
		display:none;
	}
	.bullet-point {
		height:70px;
		margin-bottom:40px;
	}
	.bullet-group{
		padding-left: 20px;
		padding-right:20px;
		margin-left: 20px;
	}
	.end-point {
		height:70px;
		margin-bottom:40px;
	}
	.end-group{
		padding-left: 20px;
		padding-right:20px;
		margin-left: 20px;
		margin-right: 20px;
	}
	.your-path {
		padding-right:40px !important;
	}
	.your-processes {
		margin-left: 0 !important;
		margin-top:40px;
		margin-right:20px;
		padding-right:20px !important;
	}
	.three-roles {
		margin-right: 20px;
	}
	.partner {
		margin: 0 60px
	}
	.partner img {
		margin-bottom:40px;
	}
}


@media screen and (min-width: 480px) and (max-width: 768px) {
	.persona {
		font-size: 0.9em;
		height: 30px;
	}
	.persona-description {
		padding: 20px 0;
		font-size: 0.8em;
		height:220px;
	}
}
@media screen and (min-width: 400px) and (max-width: 480px) {
	.three-roles > .row > .col {
		margin-top:40px;
		flex-basis: auto;
	}
	.persona {
		font-size: 1.1em;
		height: 16px;
	}
	.persona-description {
		padding: 20px 0;
		font-size: 0.8em;
		height:100px;
	}
}
@media screen and (min-width: 650px) and (max-width: 768px) {
	.breadcrumb-widget {
		width:700px;
	}
	ol.breadcrumb li{
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		max-width: 240px;
	}
}
@media screen and (min-width: 576px) and (max-width: 649px) {
	.breadcrumb-widget {
		width:630px;
	}
	ol.breadcrumb li{
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		max-width: 200px;
	}
}
@media screen and (max-width: 575px)  {
	.breadcrumb-widget {
		width:530px;
	}
	ol.breadcrumb li{
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		max-width: 150px;
	}
}
p.indent-paragraph{
	margin-left: 60px;
}
p.section {
	font-family:OpenSans-SemiBold;
	margin-bottom:5px;
	font-size: 1.1em;
}
.OpenSans-Regular {
	font-family:OpenSans-Regular;
	font-size: 1em;
}
.loader-div {
	z-index:2000;
	filter: alpha(opacity=70);
	opacity: 0.7;
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	background-color: var(--dgrey-color);
	display: -webkit-box;
	display: -moz-box; 
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* Safari */ 
	align-items: center;
	justify-content:center;
	-webkit-justify-content:center;  
}
.document .color-red {
	color: #B30B00;
}
.document > .description {
	font-size:1.2em;
	margin-bottom:20px;
}

@media (min-width: 992px){
	.navbar-expand-lg {
    	justify-content: space-between;
	}
	.navbar-expand-lg .navbar-toggler{
		display: block;
	}
	.navbar-expand-lg .navbar-collapse {
    	display: none !important;
	}
}
@media (min-width: 1024px){
	.navbar-expand-lg {
   		-ms-flex-flow: row nowrap;
    	flex-flow: row nowrap;
    	-ms-flex-pack: start;
	}
	.navbar-expand-lg .navbar-toggler{
		display: none;
	}
	.navbar-expand-lg .navbar-collapse {
    	display: -ms-flexbox!important;
    	display: flex!important;
    	-ms-flex-preferred-size: auto;
    	flex-basis: auto;
	}
}

.captcha-node {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.captcha-image{
	width:25px;
	height:25px;
	margin-left:10px;
	margin-right:10px;
}
.captcha-plus{
	font-size: 1.5em;
	font-weight: bold;
}
.captcha-text{
	width:50px;
	height:25px;
	margin-left:10px;
	border-radius:5px;
}

.buttons{
	margin-top:40px;
}

.environment{
	height:150px;
	margin-top:40px;
}
.choice {
	font-family:"Raleway-Medium";
	font-size: 36px;
	color: var(--dgrey-color);
	line-height:1.2em;
}
.choice-1{
	margin-left:50px
}
.choice-2{
	margin-left:250px
}
.choice-3{
	margin-left:100px
}

.tour-pane {
	font-size: 12.5px;
	font-family: OpenSans-Regular;
}
.tour-pane .btn, 
.tour-pane .nav-pane .btn {
	-webkit-border-radius: var(--pane-radius);
	border-radius: var(--pane-radius);
}
.side-pane .nav.side-bar-top >li:hover a,
.side-pane .nav.side-bar-top >li:focus a,
.side-pane .nav.side-bar-top >li a:focus,
.side-pane .nav.side-bar-bottom >li.active.pane a,
.side-pane .nav.side-bar-bottom >li:hover a,
.side-pane .nav.side-bar-bottom >li:focus a,
.side-pane .nav.side-bar-bottom >li a:focus,
.side-pane .nav.side-bar-bottom >li.active > a,
.side-pane .nav.side-bar-bottom >li.active.pane:hover a,
.side-pane .nav.nav-scroll>li.active.pane a,
.side-pane .nav.nav-scroll>li:hover a,
.side-pane .nav.nav-scroll>li:focus a,
.side-pane .nav.nav-scroll>li a:focus,
.side-pane .nav.nav-scroll>li.active > a,
.side-pane .nav.nav-scroll>li.active.pane:hover a {
	background-color:transparent;
	cursor: default;
}
.tour-container{
	position:relative;
	width:100%;
}
.modal-dialog.tour,
.modal-dialog.demo {
	width: 97%;
	margin:20px auto;
	height:calc(100% - 40px);
}
.modal-dialog.tour .modal-header .modal-title{
	font-size: 1.1em;
}
.modal-dialog.demo .modal-content, 
.modal-dialog.tour .modal-content {
    width: 100%;
    clear: both;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -moz-border-radius: var(--icon-radius);
    -webkit-border-radius: var(--icon-radius);
    border-radius: var(--icon-radius);
}
.modal-dialog.demo .modal-header,
.modal-dialog.demo .modal-footer {
	display:none;
}
.modal-dialog.tour .modal-header {
    align-items: center;
    flex-direction: row;
    padding: 15px 20px;
}
.modal-dialog.demo .modal-content>.modal-body,
.modal-dialog.tour .modal-content>.modal-body {
    padding: 15px;
}
.modal-dialog.tour .modal-content>.modal-body {
    height: calc(100% - var(--modal-tour-footer-height) - var(--modal-tour-header-height));
}
.modal-dialog.demo .modal-content>.modal-body {
    height: 100%;
}
.modal-dialog.tour .modal-content>.modal-body img {
	border: 0;
	border-radius: 10px;
	-webkit-border-radius:10px;
}
.modal-dialog.tour .modal-footer {
	height: var(--modal-tour-footer-height);
	justify-content: center;
}
.modal-dialog.tour .modal-footer .btn,
.modal-dialog.tour .modal-footer .btn:focus,
.modal-dialog.tour .modal-footer .btn:hover  {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
}

.modal-dialog.tour.end .btn[data-node="forward"],
.modal-dialog.tour.end .btn[data-node="forward"]:hover,
.modal-dialog.tour.end .btn[data-node="forward"]:focus,
.modal-dialog.tour.start .btn[data-node="backward"],
.modal-dialog.tour.start .btn[data-node="backward"]:hover,
.modal-dialog.tour.start .btn[data-node="backward"]:focus {
	opacity:.5;
	color: var(--lgrey-color);
	cursor: default;
}

.side-pane {
	height:100%;
}
.side-pane .brand img {
	-webkit-border-radius:0 !important;
	border-radius:0 !important;
}
.modal-dialog.demo .side-pane {
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
}
.modal-dialog.demo .top-pane {
	-webkit-border-radius: 0 10px 0 0;
	border-radius: 0 10px 0 0;
}
.modal-dialog.demo .main-pane {
	-webkit-border-radius: 0 0 10px 0;
	border-radius: 0 0 10px 0;
}
.main-pane {
	height:100%;
	background-color: var(--lmgrey-color);
}
.tour-border {
	border: 1px solid var(--lgrey-color);
}
@media screen and (min-width: 1750px) {
    .center-pane .app-box ul.nav.nav-scroll>li {
        width: calc(25% - 22px);
    }
}
.side-pane li>a>.icon-group {
    color: var(--white-color);
}
.top-pane>.bread-crumb>ol.breadcrumb {
	font-size: 16.25px;
	font-family: OpenSans-Regular;
}
.modal-dialog.demo,
.demo-pane,
.dialog-pane {
	font-size:12.5px;
	font-family: OpenSans-Regular;
}
.tour-pane {
	height:100%;
	padding:0;
	text-align:center;
}
.tour-pane.form,
.dialog-pane.form {
	max-width:1280px;
}
.tour-pane .modal-header>.modal-title>div 
.dialog-pane .modal-header>.modal-title>div {
    text-align: left;
}
.tour-pane .modal-header>div.nav-btn.
.dialog-pane .modal-header>div.nav-btn {
    margin-left: var(--header-button-margin-left);
}
.tour-pane .modal-header>div.nav-btn>div.btn-icon>i,
.dialog-pane .modal-header>div.nav-btn>div.btn-icon>i {
    color: var(--base-color);
}
.tour-pane .modal-header>div.nav-btn>div.btn-icon,
.dialog-pane .modal-header>div.nav-btn>div.btn-icon {
    background-color: transparent;
    border: 0;
}

.tour-pane  .modal-header>button,
.dialog-pane  .modal-header>button {
	padding: 5px 12px;
	margin-left:20px;
}

.tour-pane  .modal-header>button[data-node="1"],
.dialog-pane  .modal-header>button[data-node="1"] {
    margin-left: 30px;
    order: 10;
}

.tour-pane .modal-header>button[data-node="0"],
.dialog-pane .modal-header>button[data-node="0"] {
    margin-left: 20px;
    margin-right: 30px;
    order: 14;
}
.tour-pane .modal-header>.modal-close,
.dialog-pane .modal-header>.modal-close {
    order: 17;
    margin-right: 10px;
}
.tour-pane .btn,
.demo-pane .btn,
.dialog-pane .btn {
	-webkit-border-radius: var(--pane-radius);
	border-radius: var(--pane-radius);
}

.tour-pane .modal-content .modal-body,
.dialog-pane .modal-content .modal-body {
	padding: 0 15px 15px 15px !important;
	height:calc(100% - var(--modal-header-footer-height)) !important;
}
.tour-pane .modal-content .modal-body .nav-pane,
.dialog-pane .modal-content .modal-body .nav-pane {
	height:100%;
}

.tour-pane .component-designer .palette-pane,
.tour-pane .component-designer .workspace-pane>.container-fluid,
.demo-pane .component-designer .palette-pane,
.demo-pane .component-designer .workspace-pane>.container-fluid,
.dialog-pane .component-designer .palette-pane,
.dialog-pane .component-designer .workspace-pane>.container-fluid  {
	overflow-y:hidden;
}

.tour-pane .center-pane .app-box ul.nav.nav-scroll>li,
.demo-pane .center-pane .app-box ul.nav.nav-scroll>li {
    width: calc(25% - 22px);
}

.tour-pane  [data-dojo-type=ipNavigator] .nav.nav-scroll>li>a:focus,
.tour-pane [data-dojo-type=ipNavigator] .nav.nav-scroll>li>a:hover {
    background-color: tranparent;
    color: var(--navigator-color);
    border-color: transparent;
    outline: 0
}

.modal-dialog.wide-demo {
		height: calc(100% - 240px);
    	margin: 120px auto;
 }
 .appInfo {
 		margin-left: 30%;
 }
 .modal-backdrop-demo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--black-color);
    opacity: .65;
 }
 
 .btn.nav-buttons,
 .btn.nav-buttons:hover,
 .btn.nav-buttons:focus {
 	margin-right:20px;
 	font-size: 14px;
 	-webkit-border-radius: 1rem;
 	border-radius: 1rem;
 	background-color: var(--daqua-color);
 }
 
 .navigation-btn,
 .navigation-btn:hover,
 .navigation-btn:focus {
 	width: 110px;
 	margin-right:20px;
 	font-size: 1.05em;
 	-webkit-border-radius: 1rem;
 	border-radius: 1rem;
 }
 .tour-pane img.fit-content,
 .dialog-pane img.fit-content,
 .demo-pane img.fit-content {
 	width:100%;
 	height:100%;
 	object-fit:contain;
 }
  .tour-pane.photo,
  .dialog-pane.photo,
  .demo-pane.photo {
  	display:flex;
  	align-items: center;
  	justify-content: center;
  }
  
 .tour-pane.photo img.fit-content,
 .dialog-pane.photo img.fit-content,
 .demo-pane.photo img.fit-content {
 	width:90%;
 	height:90%;
 }