@charset "UTF-8";



@font-face {
  font-family: 'IBM';
  src: url('IBMPlexSans-Regular.otf') format('opentype');;
  font-weight: normal;
  font-style: normal;  
}
@font-face {
  font-family: 'boldIBM';
  src: url('IBMPlexSans-SemiBold.otf') format('opentype');;
  font-weight: bold;
  font-style: normal;  
}
@font-face {
  font-family: 'Roboto';
  src: url('Roboto.ttf') format('truetype');;
  font-weight: normal;
  font-style: normal;  
}
@font-face {
  font-family: "LineAwesome";
  src: url("line-awesome.eot?v=1.1.");
  src: url("line-awesome.eot??v=1.1.#iefix") format("embedded-opentype"),
       url("line-awesome.woff2?v=1.1.") format("woff2"),
       url("line-awesome.woff?v=1.1.") format("woff"),
       url("line-awesome.ttf?v=1.1.") format("truetype"),
       url("line-awesome.svg?v=1.1.#fa") format("svg");
  font-weight: normal;
  font-style: normal;
}

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color: #FFF;
}
::-webkit-scrollbar-thumb {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #003C81;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 6px;
    background-color: #ffffff;
}
HTML, BODY {	
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 16px;
    height: 100%;
    -webkit-font-smoothing: antialiased !important;
    text-rendering: optimizeLegibility !important;
}
BODY.noscroll {
	overflow: hidden;
}
#pageHeader {
    position: fixed;
    position: expression(fixed);
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    background-color: #FFF;
    border-bottom: 3px solid #003c81;
    color: #003c81;
    /*
    background-image: url(../images/christmasback.png); 
    background-size: 260px;
    background-repeat-y: no-repeat;
	
    transition: transform 1s;
    -webkit-transition: -webkit-transform 1s;
    transform: translate3d(0,-101%,0);
    -webkit-transform: translate3d(0,-101%,0);
    */
}
#pageHeader.open {
	transform: translate3d(0%,0,0);
    -webkit-transform: translate3d(0%,0,0);
}
#pageHeader I {
	display: block;
	color: #FFF;
	font: bold 26px/22px IBM,Arial;
	letter-spacing: 2px;
	text-align: center;
}
#pageHeader .headContact {
	display: flex;
    justify-content: flex-end;
	padding: 4px 5%;
	color: #003C81;
	max-width: 1260px;
	margin: 0px auto;
}
#pageHeader .headContact A {
	display: block;
	position: relative;
	text-decoration: none;
	color: #003C81;
	font: 12px/16px boldIBM,Arial;	
	letter-spacing: 0.6px;
	text-transform: uppercase;
	padding: 0px 16px;
	border-right: 1px solid #003C81;
}
#pageHeader .headContact A:first-child:before {
	/*content: "\f2b4";*/
	content: "\f167";
    font: normal 14px/12px LineAwesome;
}
#pageHeader #Langs {
	display: none;
	border: 0;
	width: 44px;
	padding-left: 0;
}
#pageHeader #Langs:after {
	content: "\f110";
    font: normal 12px/12px LineAwesome;
    position: absolute;
    right: -2px;
    top: 2px;
    color: #003C81;
}
#pageHeader #Langs>DIV {
	position: absolute;	
	top: -2px;
	left: 3px;	
}
#pageHeader #Langs>DIV>DIV {
	display: none;
	height: 20px;
    background-color: #FFF;
    color: #003C81;
    border-bottom: 1px solid #003C81;
    padding: 0 4px;
    align-items: center;    
}
#pageHeader #Langs.showall>DIV {
	border: 1px solid #003C81;
}
#pageHeader #Langs>DIV>DIV:hover, #Langs.showall>DIV>DIV.show {
	color: #ffffff !important;
    background-color: #003c81 !important;
}
#pageHeader #Langs>DIV>DIV.show, #Langs.showall>DIV>DIV {
	display: flex !important;   
	background-color: transparent; 
	color: #003C81;
	border-bottom: 0;
	text-shadow: none;
}
#Langs.showall>DIV>DIV {
	border-bottom: 1px solid #093e78 !important;
}
#pageHeader #Langs B {
    width: 20px;
    height: 15px;
    pointer-events: none;
    background-position: center;
    cursor: pointer;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 3px;
    margin-top: -1px;
}

#pageHeader .headDesktop {
	display: flex;
	padding: 0px 5%;
	max-width: 1260px;
	margin: -16px auto 8px;
    background-size: cover;

    transition: 0.5s all ease-out;
    -webkit-transition: 0.5s all ease-out;
}
#pageHeader .headDesktop.scroll {
	margin: -22px auto 4px;
}

#pageHeader .headDesktop A {
	text-decoration: none;
    color: #003C81;
    font: 14px/14px boldIBM,Arial;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    align-self: flex-end;
    padding: 24px 0px 4px 0px;
    margin-left: 5%;
}
#pageHeader .headDesktop A::after, #pageHeader .headContact A:first-child:after {
    content: '';
    display: block;
    width: 0;
    margin-top: 2px;
    height: 2px;
    background: #003C81;
    transition: width .3s;
}
#pageHeader .headContact A:nth-child(2):after {
	content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #003C81;
    transition: width .3s;
}
#pageHeader .headDesktop A:hover::after, #pageHeader .headContact A:not(:last-child):hover:after, #pageHeader .headContact A:first-child:hover:after {
    width: 100%;
}
#pageHeader .headDesktop A:before {
	content: "\f167" !important;
    font: 16px/14px LineAwesome;
    vertical-align: top;
    margin: 0 -2px;
}
#pageHeader .headDesktop A:first-child:before {
	display: none;
}
#pageHeader .headMobile>DIV:first-child {
	display: flex;
	flex-flow: row;
	padding: 0 4px;
	overflow: hidden;
}
#pageHeader .headMobile, .headMobile .HeaderMobileMenu{
	display: none;
}
.headMobile .HeaderMobileMenu.open {
	display: block;
    padding-bottom: 5px;
    background-color: #003c81;
    color: #FFF;    
}
#pageHeader .headMobile A {
	display: block;
	text-decoration: none;
	font: 14px/14px boldIBM,Arial;
    letter-spacing: 0.6px;
    text-transform: uppercase;
	color: #FFF;
	padding: 6px;
}
#pageHeader .headMobile A:before {
    content: "\f112";
    color: #FFF;
    font: 18px/24px LineAwesome;
}
.headMobile .MobileMenu:before {
	content: "\f131";
    color: #003C81;
    font: bold 42px/60px LineAwesome;
    cursor: pointer;
    margin-top: 8px;
    display: block;
    margin-bottom: -20px;
}
#pageHeader A.HeaderLogo {
	flex-grow: 1;
	white-space: nowrap;
	background: url(../images/logo-newblue.svg) no-repeat;
	background-size: contain;
	font: 32px/28px boldIBM,Arial;
	padding: 4px 0 4px 52px;
	letter-spacing: 0px !important;
    text-transform: none !important;
}
#pageHeader .HeaderLogo>DIV {
	display: none;
	font: 13px/12px Arial;
    color: #FFF;
    white-space: break-spaces;
    margin: 3px 2px;
    letter-spacing: 0px !important;
}
#pageHeader A.HeaderLogo::after {
	background-color: #FFF;
}
#pageHeader .HeaderLogo:hover::after {
	background-color: #FFF;
}
.headDesktop.scroll A.HeaderLogo {
	font: 24px/20px boldIBM,Arial !important;
	padding: 4px 0 4px 40px !important;
}
.headMobile .HeaderLogo {
	flex-grow: 1;
	background: url(../images/logo-newblue.svg) no-repeat;
    background-size: contain;
    font: bold 36px/76px IBM,Arial !important;
    height: 60px;
    padding-left: 47px;
    margin-bottom: 5px;
}
footer {
	display: flex;
    flex-flow: column;
    background-color: #343434;
    justify-content: center;
    align-items: center;
    color: #FFF;
    padding: 2% 5%;
    font: 14px/22px IBM,Arial;
    letter-spacing: .5px;
    overflow: hidden;
}
footer A {
	text-decoration: underline;
	color: #FFF;
}
footer .FooterLogo {
	display: flex;
    flex-flow: column;
    justify-content: center;
    flex-grow: 1;
    white-space: nowrap;
    background: url(../images/logo-new1.svg) no-repeat;
    background-size: contain;
    height: 54px;
    font: 42px/40px IBM,Arial !important;
    color: #FFF;
    letter-spacing: 0px !important;
    padding-left: 46px;
    text-transform: none !important;
}
footer .footericons {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
footer .footericons A {
	display: inline-block;
	text-decoration: none;
	width: 48px;
	height: 48px;
	background-color: #FFF;
	margin-right: 16px;
	overflow: hidden;
}
footer .footericons A:before {
	font: normal 82px/49px LineAwesome;
    color: #343434;
    margin-left: -18px;
    pointer-events: none;
}
footer .link-linkedin:before {
	content: "\f269";
}
footer .link-facebook:before {
	content: "\f1d9";
}
footer .link-stripe:before {
	content: "\f176";
    font: normal 65px/48px LineAwesome !important;
    margin-left: -9px !important;
}
footer .grid3>DIV:last-child {
	padding: 0 !important;
}
section.mainBG1 {
	background: url('../images/main-02.jpg') top left no-repeat;
	background-size: cover;
	color: #FFF;
	padding-top: 150px;
}
section.mainBG2 {
	background: url('../images/main-03.jpg') top left no-repeat;
	background-size: cover;
	color: #FFF;
	padding-top: 150px;
}
section.mainBG3 {
	background: url('../images/main-04.jpg') top left no-repeat;
	background-size: cover;
	color: #FFF;
	padding-top: 150px;
}
section.mainBG4 {
	background: url('../images/main-05.jpg') top left no-repeat;
	background-size: cover;
	color: #FFF;
	padding-top: 150px;
}
section.mainBG5 {
	background: url('../images/main-06.jpg') top left no-repeat;
	background-size: cover;
	color: #FFF;
	padding-top: 150px;
}
section.mainBG6 {
	background: url('../images/main-07.jpg') top left no-repeat;
	background-size: cover;
	color: #FFF;
	padding-top: 150px;
}
.getApp>A {
    display: inline-block;
    width: 142px;
    height: 42px;
    background-image: url(../images/bg_button_googleplay.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-decoration: none;
    margin-top: 20px;
    border-radius: 5px;
}
.getApp.appIOS>A {
	background-image: url(../images/bg_button_appstore.png);
}
section {
	position: relative;
	display: flex;
	flex-flow: column;
    background-color: #FFF;
    justify-content: center;
    align-items: center;
    color: #555555;
    padding: 7% 5%;
    /*border: 1px solid #000;*/
}
.content {
	position: relative;
	width: 100%;
	max-width: 1260px;
	/*border: 2px solid red;*/
}
.content.msword {
	padding: 46px;
    width: calc(100% - 92px);
}
.msword H2 {
	margin-top: 0px !important;
}
H1 {
	font: 48px/62px boldIBM,Arial;
	margin: 3% 0;
	color: #FFF;	
}
H2 {
	position: relative;
	font: 32px/36px boldIBM,Arial;
	margin: 36px 0 0;
}
section H2.sidebar:before {
	content: "";
    display: inline-block;
    width: 100px;
    height: 16px;
    background-color: #CEDE26;
    position: absolute;
    left: -124px;
    top: 10px;
}
H3 {
	font: 24px/24px boldIBM,Arial;
	margin: 16px 0px;
}
P {
	font: 24px/36px IBM,Arial;
	margin: 0px;
	letter-spacing: .5px;
	padding: 16px 0;
}
section .mini {
	display: flex;
	font: 16px/22px IBM,Arial;
	letter-spacing: .5px;
	flex-grow: 1;
	padding: 10px 0px 0px;
	text-align: left;
}
section .formsharing {
	padding: 0 !important;
}
section .formsharing .mini {
	justify-content: center;
	padding: 0;
	flex-grow: unset;
	letter-spacing: 0;
}
section .flex, footer .flex {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 1% 0px;
}
section .flex.flexend {
	align-items: flex-end;
}
section .grid2>DIV {
	width: 48%;
	padding-right: 1%;
}
section .grid3>DIV:first-child, footer .grid3>DIV:first-child {
	width: 70%;
}
section .grid3>DIV:last-child, footer .grid3>DIV:last-child {
	width: 35%;
	padding: 0 5%;
}
section .grid33>DIV {
	width: 30%;
    display: flex;
    flex-flow: column;
}
section .grid4, .flex.boxes {
	flex-flow: wrap;
}
section .grid4>P {
	width: 24%;
	padding-top: 0px;
}
section IMG {
	max-height: 600px;
    max-width: 90%;
    height: auto;
    align-self: center;
    vertical-align: middle;
}
section IMG.how2 {
	height: 50%;
    margin-left: 15%;
}
section.main1 {
	position: relative;
	color: #FFF !important;
	overflow: hidden;
	background-color: rgb(0 60 129 / 50%);
	min-height: 90%;
	padding: 0px 5%;
	text-shadow: 1px 2px 1px #000;
}
section .vendor {
	padding: 40px;
    text-align: center;
    margin-top: 40px;
    justify-content: center;
    align-items: center;
}
section .vendor A {
	color: #FFF;
	text-decoration: none;
	font: 34px/34px IBM,Arial !important;
}
section.stats  {
	background-color: transparent;
    min-height: 10%;
    overflow: visible;
    padding: 0 5%;
}
section.stats .content {
	display: flex;
	flex-flow: row;	
	width: 100%;
	margin: -6% auto 0px;
	justify-content: space-between;
}
section.stats H2 {    
    margin: -10px 0px 0px 0px;
    font: bold 36px/42px Roboto,Arial;
}
section.stats .content>SPAN {
	width: 15%;
	text-align: center;
	background-color: #CEDE26;	
	padding: 24px 1%;
	margin: 8px 4px;
	font: 16px/22px IBM,Arial;
    letter-spacing: .5px;
    color: #003C81;
    text-transform: uppercase;
    transform: scale(0);
}
.blue {
	background-color: #003C81 !important;
	color: #FFF !important;
}
.bluetxt {
	color: #003C81;
}
.green {
	background-color: #CEDE26 !important;
	color: #003C81 !important;
}
.notoppad{
	padding-top: 0px !important;
	margin-top: -10px;
}
.listing>P:before {
	content: "\F1BC";
	font: 24px/24px LineAwesome;
    margin-right: 6px;
    vertical-align: middle;
}
.main1 .bgslides {
	position: absolute;
	display: flex;
	flex-flow: row;
	z-index: -1;
    overflow: hidden;
    background-color: #003c81;
    /*
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    */
    height: 100%;
    width: 100%;
    background-position: center;
    bottom: unset;
}
.bgslides>DIV {
	width: 20%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
	border-left: 6px solid #003C81;
}
.bgslides>DIV:first-child {
	border-left: 0px;
}
.bgslides .bgslide0 {
	background-image: url(../images/tiles/bgslide0.webp);
}
.bgslides .bgslide1 {
	background-image: url(../images/tiles/bgslide1.webp);
}
.bgslides .bgslide2 {
	background-image: url(../images/tiles/bgslide4.webp);
}
.bgslides .bgslide3 {
	background-image: url(../images/tiles/bgslide3.webp);
}
.bgslides .bgslide4 {
	background-image: url(../images/tiles/bgslide6.webp);
}
.qoute {
	display: flex;
	color: #003C81;
	font-weight: bold !important;
	font: 20px/26px IBM,Arial;
}
B.qstart:before {
	content: '\201D';
	display: inline-block;
    font: normal 100px/2px IBM,Arial;
    color: #CEDE26;
    vertical-align: super;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: -48px;
}
.qoutelist {
	align-items: flex-start !important;
}
.qoutelist>ARTICLE {
	width: 33%;
}
.qoutelist .mini {
	float: right;
}
.Button1 {
	position: relative;
	display: flex;
	align-items: center;
	background-color: #CEDE26;
	font: 14px/14px boldIBM,Arial;
	letter-spacing: .5px;
	color: #003C81;
    outline: 0;
    max-width: 220px !important;
    min-width: 160px;
    margin: 0px;
    padding: 20px 50px 20px 20px;
    text-decoration: none;
    text-shadow: none;

    transition: transform .3s ease-out;
    -webkit-transition: transform .3s ease-out;

    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}
.Button1:hover {
	color: #FFF;
	transform: scaleX(1.05);
}
.Button1.blue {
	background-color: #003C81;
	color: #FFF;
}
.Button1:after {
	content: '\f274';
    font: normal 28px/26px LineAwesome;
    position: absolute;
    right: 20px;
    transition: right .3s ease-out;
    -webkit-transition: right .3s ease-out;
}
.Button1:hover:after {
	right: 0px;
}
.boxdown:after {
	content: '\f233';
    font: normal 64px/12px LineAwesome;
    position: absolute;
    z-index: 1;
    bottom: -6px;
    left: calc(50% - 32px);
    color: #CEDE26;
}
.boxdown.blue:after {
	color: #003C81;
}
.module {
	background-color: #FFF;
	margin-bottom: 26px;
}
.module>DIV {
	padding: 32px;
}
.checked:before {
	content: "\2713";
	font: bold 20px/22px Arial;
    margin-right: 6px;
    vertical-align: bottom;
}
H3.fsubmit:before {
	content: "\f26d";
	font: normal 30px/20px LineAwesome;
	margin-right: 6px;  
	vertical-align: bottom; 
}
H3.fsecure:before {
	content: "\f255";    
	font: normal 30px/20px LineAwesome;
	margin-right: 6px;
	vertical-align: bottom;
}
H3.foperation:before {
	content: "\f2e1"; 
	font: normal 30px/20px LineAwesome;
	margin-right: 6px;  
	vertical-align: bottom; 
}
H3.alerts:before {
	content: "\f18f";    
	font: normal 30px/20px LineAwesome;
	margin-right: 6px; 
	vertical-align: bottom;  
}
H3.fmobilize:before {
	content: "\f37c";    
	font: normal 30px/20px LineAwesome;
	margin-right: 6px;
	vertical-align: bottom;   
}
H3.fhelp:before {
	content: "\f37a";    
	font: normal 30px/20px LineAwesome;
	margin-right: 6px;
	vertical-align: bottom;
}
.fhour:before {
	content: "\f18f"; 
	font: normal 30px/20px LineAwesome;
	margin-right: 6px;
	vertical-align: bottom;   
}
.ftel:before {
	content: "\f2b4";   
	font: normal 30px/20px LineAwesome;
	margin-right: 6px;
	vertical-align: bottom; 
}
.femail:before {
	content: "\f1c6";  
	font: normal 30px/20px LineAwesome;
	margin-right: 6px;
	vertical-align: bottom;  
}
.fhome:before {
	content: "\f155";  
	font: normal 30px/20px LineAwesome;
	margin-right: 6px;
}
H3.fquality:before {
	content: "\f33f";    
	font: normal 30px/20px LineAwesome;
	margin-right: 6px;
	vertical-align: bottom;
}
.fintegrate:before {
	content: "\f1d2"; 
	font: normal 30px/20px LineAwesome;
	margin-right: 6px;
	vertical-align: bottom;   
}
.fbrand:before {
	content: "\f280";  
	font: normal 30px/20px LineAwesome;
	margin-right: 6px;
	vertical-align: bottom;   
}
.freliable:before {
	content: "\f2f7";  
	font: normal 30px/20px LineAwesome;
	margin-right: 6px;
	vertical-align: bottom;     
}
.fandroid:before {
	content: "\f10a"; 
	font: normal 30px/20px LineAwesome;
	margin-right: 6px;
	vertical-align: bottom;   
}
.fapple:before {
	content: "\f114"; 
	font: normal 30px/20px LineAwesome;
	margin-right: 6px;
	vertical-align: bottom;   
}
#requestDemo, #requestReferral {
	display: none;
	position: fixed;
	justify-content: center;
    align-items: center;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: rgba(0,60,129,0.95);
}
#requestDemo.show, #requestReferral.show {
	display: flex;
}
#requestDemo>DIV, #requestReferral>DIV {
	text-align: center;
    width: 460px;
    max-width: 90%;
    overflow: auto;
    overflow-x: hidden;
    color: #FFF;
	padding: 0;
	text-align: left;
	transform: scale(0);
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	font: 16px/24px IBM,Arial;
    letter-spacing: .5px;

	-webkit-transition: -webkit-transform 200ms linear;
    -ms-transition: -ms-transform 200ms linear;
    transition: transform 200ms linear;
}
#requestDemo .popupBox.show, #requestDemo .paymentDone.show, #requestReferral .popupBox.show {
	transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
}
#requestDemo .paymentDone {
	display: none;
}
#requestDemo .paymentDone>SPAN {
	display: block;
	margin: 30px 0;
}
#requestDemo H1, #requestReferral H1 {
	font: 48px/62px boldIBM,Arial;
	margin: 0 0 1% 0;
}
#requestDemo LABEL {
	display: block;
    text-align: left;
    margin: 1.5% 0 0px;
}
#requestReferral LABEL {
	display: block;
    text-align: left;
    margin: 8px 0 1px;
}
#requestDemo LABEL.req:after, #requestReferral LABEL.req:after {
	content: "\f127";
    font: 10px/10px LineAwesome;
    padding-left: 3px;
    vertical-align: super;
}
#requestDemo INPUT[type=text], #requestDemo TEXTAREA, #requestDemo SELECT {
	width: 98%;
	padding: 8px 4px;
	font: 16px/24px boldIBM,Arial;
	border-radius: 0;
	border: 0px;
}
#requestDemo SELECT {
	width: 100%;
}
#requestReferral INPUT[type=text], #requestReferral TEXTAREA {
	width: 98%;
	padding: 4px;
	font: 16px/24px boldIBM,Arial;
	border-radius: 0;
	border: 0px;
}
#requestDemo TEXTAREA, #requestReferral TEXTAREA {
	height: 70px;
}
#requestDemo INPUT:focus, #requestDemo TEXTAREA:focus, #ROI INPUT:focus, #requestReferral INPUT:focus {
  	outline: 0;
  	box-shadow: inset 0px 0px 0px 3px #cede26;
}
#requestDemo INPUT[type=checkbox] {
	width: 50px;
	height: 50px;
	color: #003C81;
	margin-right: 16px;
}
#requestDemo P {
	display: flex;
	margin: 0px;
	padding: 1%;
}
#requestDemo A.privacy {
	color: #FFF;
	text-decoration: none;
	font: 13px/15px IBM,Arial;
	margin-bottom: 0px;
}

#requestDemo .closeDemo, #requestReferral .closeDemo {
	position: absolute;
    top: 2px;
    right: 2px;    
    color: #FFF;
    cursor: pointer;
}
#requestDemo .closeDemo:before, #requestReferral .closeDemo:before {
	content: "\f342";
    font: 42px/42px LineAwesome;
    width: 40px;
    height: 40px;
}
#requestDemo .closeDemo:hover:before, #requestReferral .closeDemo:hover:before {
	color: #afbd21;
}
#requestDemo .missing, #requestReferral .missing {
	box-shadow: inset 0px 0px 1px 2px #e51374;
    background-color: #fdc8c8;
}
#requestDemo .disabled, #requestReferral .disabled, .sendDemo.disabled, .CardSubmit.disabled {
	pointer-events: none;
	background-color: #5d7188 !important;
}
DIV.arrow {
	position: relative;
}
DIV.arrow:after {
	content: "\f121";
    font: 64px/42px LineAwesome;
    position: absolute;
    top: 64%;
    right: -58px;
}
.graybg {
	background-color: #f4f4f4;
	padding-left: 1% !important;
}
.graybg2 {
	background-color: #f4f4f4;
	padding: 0 1% !important;
}
.center {
	text-align: center;
}
#ROI, #ROIresult {
	margin: 20px 0;
    font: 16px/16px boldIBM,Arial;
    text-align: left;
}
#ROI .th, #ROIresult .th {
	font: 16px/16px IBM,Arial;
    padding: 0 2px;
    color: #FFF;
    background-color: #003C81;
    text-align: center;
    white-space: nowrap;
    margin-top: 16px;
    text-transform: uppercase;
    min-height: 42px;
    white-space: initial;
}
#ROI>DIV, #ROIresult>DIV {
	display: flex;
	border-bottom: 1px solid #003C81;
	padding: 6px;
	justify-content: center;
    align-items: center;
    background-color: #FFF;
}
#ROI>DIV>SPAN {
	width: 80%;
}
#ROI SPAN>B{
	display: block;
	font: normal 12px/12px IBM,Arial;
	margin: 3px 0 -3px;
}
#ROI INPUT, #ROIresult>DIV>B {
	flex-grow: 1;
	margin-left: 5px;
}
#ROIresult {
	display: none;
	font-weight: normal;
}
#ROIresult>DIV>SPAN {
	width: 20%;
	text-align: right;
}
#ROIresult>DIV>SPAN:first-child {
	width: 40%;
	font-weight: bold;    
	text-align: left;
}
#ROIresult>DIV>SPAN:last-child {
	font-style: italic;
}
#ROIresult .th1 {
	background-color: #e2e2e2;
	font-weight: bold;	
}
#ROI INPUT {
	border: 1px solid #003C81;
	border-radius: 0;
	padding: 4px;
    font: 16px/24px boldIBM,Arial;
}
#ROI INPUT[type=number]{
	text-align: right;
}
#iphoneslide {
	display: flex;
    justify-content: center;
    align-items: center;
	background: url(../images/iphonexr-bg.png) center no-repeat;
	background-size: contain;
    padding: 40px 0px !important;
}
#iphoneslide>DIV {
	display: flex;
	flex-flow: row;
    overflow: hidden;
    width: 262px;
    height: 521px;  
}
#iphoneslide>DIV IMG {
	max-height:  unset;
	max-width: unset;
}
#iphoneslide>DIV>slides {
	display: flex;
	flex-flow: row;
	transition: transform .3s ease-out;
}
.flexvcenter {
	align-self:center;
}
DIV.pricing {
	height: 250px;
}
DIV.priceinfo {
	flex-grow: 1;
}
.price {
	font: 16px/18px boldIBM,Arial;
	color: #343434;
}
.price>SPAN {
	display: inline-block;
	font: bold 34px/40px Arial;
}
.pricelist H2 {
	background-color: #003C81;
	color: #FFF;
	margin: 0 -4%;
    padding: 28px 0;
}
.pricelist H3 {
	font: 24px/24px boldIBM,Arial;
    margin: 22px 0px 0px;
}
.pricelist .Button1 {
	margin: 20px auto;
}
section .grid44>DIV {
	width: 25%;
    display: flex;
    flex-flow: column;
    margin: 0 8px;
}
.platforminfo {
	background-color: #ffffff;
    padding: 2% !important;
}
.sendDemo.disabled:after, .CardSubmit.disabled:after {
	content: " ";
	display: block;
	width: 24px;
    height: 24px;
	border-radius: 50%;
	border: 6px solid #fff;
	border-color: #fff transparent #fff transparent;
	animation: lds-dual-ring 1s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.scrollslidein {
	transform: translate3d(-121%,0,0);
    -webkit-transform: translate3d(-121%,0,0);
}
.slidein1 {  
	animation: slideBox1 1.0s ease-out;
	transform-origin: center;
	animation-fill-mode: forwards;
}
@keyframes slideBox1 {
  0% {
    transform: translate3d(-111%,0,0);
    -webkit-transform: translate3d(-111%,0,0);
  }
  100% {
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
  }
}

.popin {
	animation: popBox 0.6s ease-out;
	transform-origin: center;
	animation-fill-mode: forwards;
}
@keyframes popBox {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.slidein2 {  
	animation: slideBox2 1.5s ease-out;
	transform-origin: center;
	animation-fill-mode: forwards;
}
@keyframes slideBox2 {
  0% {
    transform: translate3d(-111%,0,0);
    -webkit-transform: translate3d(-111%,0,0);
  }
  20% {
    transform: translate3d(-111%,0,0);
    -webkit-transform: translate3d(-111%,0,0);
  }
  100% {
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
  }
}
#Payment {
	display: flex;
    flex-direction: row;
    justify-content: space-between;

	width: 100%;
	max-width: 1350px;
	max-height: 0;
	background-color: #f4f4f4;
	overflow: hidden;
	font: 14px/20px IBM,Arial;

	transition: max-height 1s ease-out;
}
#Payment.open {
	max-height:700px;
}
#Payment>DIV {
	width: 33%;
	padding: 0 20px 20px;
	border-right: 1px solid #003C81;
}
#Payment>DIV:last-child {
	border-right: 0px;
}
#Payment .profile>DIV, #Payment .order>DIV  {
    margin-bottom: 10px;
    padding: 10px;
    box-shadow: 0 0 2px 1px #4b4b4b;
}
#Payment .profile LABEL {
    display: block;
}
#Payment .profile SPAN {
	display: inline-block;
	font: 14px/20px boldIBM,Arial;
}
#Payment INPUT {
	display: block;
	font: 16px/22px boldIBM,Arial;
	width: 98%;
	border: 1px solid #000;
    border-radius: 0;
}
#Payment .profile SELECT {
	display: block;
	font: 14px/22px Arial;
    width: 100%;
    height: 26px;
    border: 1px solid #000;
}
#Payment INPUT[type=number], #Payment .Coupon{
	display: inline-block;
	width: 100px;
	text-align: right;
}
#Payment #card-element {
	border: 1px solid #000;
    border-radius: 0;
    padding: 5px 0;
}
#Payment #card-errors {
	color: red;
	font: 14px/14px Arial;
    margin-top: 6px;
}
#Payment INPUT[type=radio]{
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin: 5px;
    padding: 0;
}
#Payment INPUT.missing, #Payment SELECT.missing{
    background-color: #f9e0e0;
}
P.mini2 {
	margin: 4px 0;
	padding: 0;
	font: 14px/14px IBM,Arial;
	text-align: left;
	letter-spacing: 0px;
}
#Payment H3 {
	color: #003C81;
}
#Payment H4 {
	font: 20px/20px boldIBM,Arial;
    margin: 10px 0px;
}
.CardSubmit {
	box-sizing: unset;
	border: 0;
    margin-top: 30px;
}
#payment-form {
    background-color: #fff;
    color: #000;
    font: 14px/16px Arial;
    padding: 10px;
    box-shadow: 0 0 2px 1px #4b4b4b;
}
#Payment .payment-info {
	text-align: right;
	margin: 10px 0;
	font-weight: bold;
}
B.curr {
	display: inline-block;
	font: bold 14px/16px Arial;
	margin-right: 4px;
}
B.curr2 {
	display: inline-block;
	font: bold 10px/14px Arial;
	margin-right: 4px;
}
#Payment .totallist {
	background-color: #FFF;
}
#Payment .totallist>DIV {
	display: flex;
	align-items: center;
}
#Payment .totallist H4 {
	flex-grow: 1;
}
@media only screen and (max-width: 720px) {
	
	#pageHeader .headContact {
		padding: 4px 4px;
	}
	#pageHeader .headDesktop {
		display: none;
	}
	.HeaderLogo {
		font: bold 34px/24px IBM,Arial !important;		
	}	
	#pageHeader .headMobile {
		display: block !important;
		color: #003c81;
		margin-top: -20px;
	}
	#pageHeader .HeaderLogo>DIV {
		margin: 5px 0;
		font: 12px/12px Arial;
		letter-spacing: -0.3px !important;
	}
	.bgslides>DIV {
		width: 33%;
		border-left: 4px solid #003C81;
	}
	.qoutelist>ARTICLE {
		width: 100%;
		margin-bottom: 24px;
	}
	B.qstart:before {
		font: normal 60px/2px IBM,Arial;
	}
	section H2.sidebar:before {
		left: -102px;
	}
	.main1 .bgslide0, .main1 .bgslide4{
		display: none;
	}
	.bgslides>DIV:nth-child(2) {
		border-left: 0px;
	}
	#requestDemo P {
		margin: 0;
	}
	#requestDemo>DIV, #requestReferral>DIV {
		font: 14px/18px IBM,Arial;
	}
	#requestDemo H1, #requestReferral H1 {
		font: 34px/36px boldIBM,Arial;
	}
	#requestDemo INPUT[type=text], #requestDemo TEXTAREA, #requestDemo SELECT, #requestReferral INPUT[type=text], #requestReferral TEXTAREA {
		padding: 4px;
    	font: 16px/16px boldIBM,Arial;
	}
	#requestDemo TEXTAREA, #requestReferral TEXTAREA {
		height: 50px;
	}
	#requestDemo LABEL {
		margin: 12px 0 0px;
	}	
	#requestReferral>DIV {
		font: 16px/18px IBM,Arial;
	}
	section H1 {
		font: 36px/42px boldIBM,Arial;
		margin: 120px 0 0;
	}
	section H2 {
		font: 28px/28px boldIBM,Arial;
    	margin: 24px 0 0;
	}
	section H3 {
		font: 22px/24px boldIBM,Arial;
    	margin: 18px 0;
	}
	section P {
		font: 18px/26px IBM,Arial;
		letter-spacing: .2px;
	}
	.flex.grid3, .flex.grid2, .flex.grid33,  .flex.grid44 {
		flex-direction: column;
		padding: 16px 0px;
	}
	.flex.grid3>DIV, section .grid2>DIV, section .grid33>DIV {
		width: 100% !important;
		padding: 0px !important;
	}
	section.stats .content {
		flex-flow: wrap;
		margin: -20px auto 0px;
	}
	section.stats .content>SPAN {
		width: 45%;
		font: 14px/18px boldIBM,Arial;
		padding-top: 20px;
	}
	section.stats H2 {
		font: 32px/36px boldIBM,Arial;
	}
	DIV.arrow:after {
		top: 103%;
    	right: unset;
    	left: 42%;
    	transform: rotate(90deg);
	}
	.formsharing.grid33 {
		flex-direction: row;
	}
	section .grid4>P {
		width: 48%;
	}
	.Button1 {
		margin-bottom: 24px;		
	}
	.content.msword {
		padding: 20px;
    	width: calc(100% - 40px);
	}
	section IMG {
		max-height: 500px;
	}
	footer .HeaderLogo {
		background-image: none;
	}
	footer .footericons {
		justify-content: flex-start;
		margin-bottom: -54px;
	}
	#ROI INPUT {
		width: 80px;
	}
	#ROI, #ROIresult {
		font: 14px/14px boldIBM,Arial !important;
		margin: 20px -20px;
		border-left: 1px solid #003C81;
		border-right: 1px solid #003C81;
	}
	#ROI>DIV, #ROIresult>DIV {
		padding: 6px 2px;
	}
	footer .footericons A {
		margin-bottom: 48px;
	}
	.pricelist H2 {
		margin: 0 -2%;
		padding: 14px 0;
	}
	section .grid44>DIV {
		width: 100% !important;
		margin: 0 0 0 -3px;
	}
	#Payment {
	    flex-direction: column;
	}
	#Payment>DIV {
		width: unset;
		border-right:0;
	}
	#Payment.open {
		max-height: 1800px;
	}
}