/* GLOBALS */

body{
	font:400 16px/24px 'Open Sans', sans-serif;
	color:#333;
	background:#f1f1f1;
	margin:0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;}

#page-wrapper{
	position:relative;
	overflow-x:hidden;
	right:0;
	transition:right 0.25s;}
#body-wrapper{
	position:relative;
	z-index:1;
	background:#fff;
	/*min-height:calc(100% - 24px - 24px);  minus the header & footer height */}



/* HEADINGS */

h1, h2, h3, h4, h5, h6{margin:0 0 24px 0;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	color:inherit;
	text-decoration:none;}

h1, .h1{font:700 32px/42px 'Bitter', serif;}
h2, .h2{font:700 28px/36px 'Bitter', serif; color:#005587;}
h3, .h3{font:700 24px/30px 'Open Sans', serif;}
h4, .h4{font:700 18px/24px 'Bitter', serif; margin-bottom:12px; color:#005587;}
h5, .h5{font:700 18px/24px 'Open Sans', serif; margin-bottom:12px;}
h6, .h6{font:700 14px/20px 'Open Sans', serif; margin-bottom:0; text-transform:uppercase;}

.with-icon{
	overflow:hidden;
	white-space:nowrap;
	margin:0 0 20px 0;}
.with-icon img{
	display:inline-block;
	vertical-align:middle;
	margin-right:20px; 
	width:70px;
	height:70px;}
.with-icon span{
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
	margin-right:110px;}

@media(max-width:960px){
	h1 br, h2 br, h3 br, h4 br, h5 br, h6 br{display:none;}
}



/* BASIC TAGS */

p{margin:0 0 24px 0;}
p:last-child{margin-bottom:0;}

ul{}
ol{}
li{}

table{
	width:100%;
	border-spacing:0;
	border-collapse:collapse;}
th{}
td{}

hr{
	display:block;
	border: 1px solid #005587;
	padding: 0;
	margin: 20px 0; }

@media(max-width:960px){
	.mobile-hidden{display:none;}
}



/* FONT STYLES */

strong, b{font-weight:700;}
em, i{font-style:italic;}

.small-text{
	font-size:14px;
	line-height:22px;}
.large-text{
	font-size:18px;
	line-height:26px;}

.light-text, .light-text *{color:#7c7c7c;}
.dark-text, .dark-text *{color:#333;}
.white-text, .white-text *{color:#fff;}
.blue-text, .blue-text *{color:#005587;}

.centered-text{text-align:center;}



/* IMAGES */

img{max-width:100%;}
a img{border:none;}
iframe{max-width:100%;}



/* LINKS */

a{
	color:inherit;
	text-decoration:none;
	background-color:transparent;
	transition:color 0.25s;}
a:hover{color:#005587;}

a.button{
	display:inline-block;
	text-transform:uppercase;
	font-size:21px;
	font-weight:800;
	line-height:24px;
	color:#fff;
	padding:18px 36px;
	background:#26c571;
	border:3px solid #26c571;
	border-radius:3px;
	transition:color 0.25s, background-color 0.25s;}  
a.button:hover{
	color:#26c571;
	background:#fff;}

a.button.alt{
	text-transform:none;
	font-size:18px;
	font-weight:700;
	padding:9px 18px;
	background:#0091c6;
	border-color:#0091c6;}
a.button.alt:hover{
	color:#0091c6;
	background:#fff;}

a.button.alt-inverted{
	color:#333;
	text-transform:none;
	font-size:18px;
	font-weight:700;
	padding:9px 18px;
	background:#fff;
	border-color:#fff;}
a.button.alt-inverted:hover{
	color:#fff;
	background:#0091c6;}

@media(max-width:960px){
	a.button{font-size:16px; padding:9px 18px;}
}



/* BASIC LAYOUT */

.container{background:#fff;}
.container.light{background:#f1f1f1;}
.container.dark{background:#00406c;}
.container.bg-image{
	background:#0091c6 center center no-repeat;
	background-size:cover;}

.frame{
	max-width:1160px;
	margin:0 auto;
	padding:80px 20px;}
.frame.narrow{max-width:960px;}
.frame.wide{max-width:1360px;}

.columns{
	font-size:0;
	line-height:0;
	margin:0 -20px;}
.column{
	font-size:16px;
	line-height:24px;
	padding:0 20px;
	vertical-align:top;
	display:inline-block;
	box-sizing:border-box;}
.inset{
	padding:30px;
	background:#eeeff0;}

.columns.valign-middle .column{vertical-align:middle}

.column[data-col="1/1"]{width:100%;}
.column[data-col="1/2"], .column[data-col="2/4"]{width:50.0%;}
.column[data-col="1/3"]{width:33.3%;}
.column[data-col="1/4"]{width:25.0%;}
.column[data-col="1/5"]{width:20.0%;}

.column[data-col="2/3"]{width:66.6%;}
.column[data-col="2/5"]{width:40.0%;}

.column[data-col="3/5"]{width:60.0%;}
.column[data-col="4/5"]{width:80.0%;}

@media(max-width:960px){
	.frame{padding:60px;}
	.columns .column{display:block; width:auto;}
	.inset{margin:20px 0;}
}

@media(max-width:480px){
	.frame{padding:40px 20px;}
}



/* SPACERS */

.m0.m0{margin-bottom:0px;}
.m1.m1{margin-bottom:20px;}
.m2.m2{margin-bottom:40px;}
.m3.m3{margin-bottom:60px;}
.m4.m4{margin-bottom:80px;}

.mC.mC{margin-top:-80px;}

@media(max-width:960px){
	.mC.mC{margin-top:-40px;}
	.m3.m3{margin-bottom:40px;}
	.m4.m4{margin-bottom:40px;}
}



/* INPUT TOGGLES */

.display-toggle{display:none;}



/* NAV */

.nav{
	margin:0;
	padding:0;
	list-style:none;}
.nav li{
	display:inline-block;
	vertical-align:middle;
	margin:0;
	padding:0 15px;}
.nav a{color:inherit;}



/* WITH SIDEBAR */

.with-sidebar{}
.with-sidebar .frame{
	max-width:1200px;
	overflow:hidden;
	padding:80px 0;}
.with-sidebar .content{
	float:left;
	width:66.6%;
	box-sizing:border-box;
	padding:0 20px;}
.with-sidebar .sidebar{
	float:right;
	width:33.3%;
	box-sizing:border-box;
	padding:0 20px;}

@media(max-width:960px){
	.with-sidebar .frame{padding:40px 0;}
	.with-sidebar .content{width:auto; float:none;}
	.with-sidebar .sidebar{width:auto; float:none; max-width:480px; margin:80px auto 0; box-sizing:content-box;}
}



/* SIDEBAR BLOCK */

.Sidebar-Block{margin-bottom:40px;}



/* WYSIWYG */

.WYSIWYG a{color:#0091c6;}
.WYSIWYG a:hover{color:#005587;}

.WYSIWYG a.button {color:#fff;}
.WYSIWYG a.button:hover {color:#26c571;}

@media(min-width:961px){
	.scroll-to {margin-top:-100px; border-top:100px solid transparent;}
}

@media(max-width:960px){
	.mobile-hidden {display: none !important;}
}




/* ============================= BASIC ============================= */



/* SELLING POINT */

.Selling-Point{
	position:relative;
	overflow:hidden;}

.Selling-Point .image{
	overflow:hidden;
	z-index:2;
	position:absolute;
	top:50%;
	right:50%;
	transform:translateY(-50%);
	box-sizing:border-box;
	margin:0 40px 0 0;
	max-width:45%;}
.Selling-Point .image img{display:block;}
.Selling-Point .details{
	z-index:1;
	box-sizing:border-box;
	width:600px;
	max-width:50%;
	padding:80px 20px;
	position:relative;
	left:50%;
	margin:0 auto 0 0;}

.Selling-Point .testimonial{
	position:relative;
	background:#f1f1f1;
	padding:20px 20px 20px 600px;
	margin:40px -20px 0 -600px;}
.Selling-Point .testimonial .logo{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:600px;
	width:180px;}
.Selling-Point .testimonial .quote{
	font-size:14px;
	line-height:22px;
	padding-left:220px;}
.Selling-Point .testimonial .author{
	margin-top:22px;
	padding-left:220px;}

.Selling-Point.alt .image{left:50%; right:auto; margin:0 0 0 40px;}
.Selling-Point.alt .details{right:50%; margin:0 0 0 auto; left:auto;}
.Selling-Point.alt .testimonial{
	background:#fbfbfb;
	padding:20px 600px 20px 20px;
	margin:40px -600px 0 -20px;}
.Selling-Point.alt .testimonial .logo{left:20px;}

/* .Selling-Point .image.ipad{transform:translateY(-50%) rotate(-2.5deg);} */

@media(max-width:960px){
	.container .Selling-Point .image{position:relative; top:auto; left:auto; right:auto; transform:none; margin:20px auto; max-width:80%;}
	.container .Selling-Point .image.ipad{transform:translate(0, 50px);}
	.Selling-Point .details{position:static; width:auto; max-width:initial; padding:20px;}
	.Selling-Point .testimonial{padding:20px !important; margin:40px 0px !important;}
	.Selling-Point .testimonial .logo{left:20px !important;}
}

@media(max-width:480px){
	.container .Selling-Point .image.ipad{transform:translate(0, 75px);}
	.Selling-Point .testimonial .logo{display:none;}
	.Selling-Point .testimonial .quote{padding-left:0;}
	.Selling-Point .testimonial .author{padding-left:0;}
}



/* NEWSLETTER SIGNUP */

.Newsletter-Signup .hs-form-field label {
    display: none;
}

.Newsletter-Signup h2{
	font-size:21px;
	line-height:28px;
	margin-bottom:10px;}

.Newsletter-Signup button,
.Newsletter-Signup input[type="submit"]{
	margin-top:15px;
	text-transform:none;
	padding:13px 26px;
	font-size:18px;
	font-weight:700;
	background: #0091c6;
	border-color: #0091c6;
}

.Newsletter-Signup input[type="submit"] {
    margin-bottom: 15px;
}
.Newsletter-Signup button:hover,
.Newsletter-Signup input[type="submit"]:hover{
	color:#0091c6;
	background:#fff;}



/* BANNER */

.Banner{
	position:relative;
	height:475px;
	background: center center no-repeat;
	background-size:cover;}
.Banner::after {
    content: '';
    display: block;
    background: rgba(250, 250, 250, 0.5);}
.Banner.tall{height:635px;}
.Banner.no-image{height:145px;}

.Banner h1,
.Banner .h1{
	margin-bottom:0;
	white-space:nowrap;
	display:inline-block;
	background:rgba(255,255,255,1);
	color:#005587;
	padding:40px 80px;
	text-align:center;
	position:absolute;
	top:calc(50% + 145px/2);
	left:50%;
	transform:translate(-50%, -50%);}

.Banner h1 .sub-text,
.Banner .h1 .sub-text {
	margin-top: 15px;
	display: block;
	font: 400 18px/28px 'Open Sans', sans-serif;
	color: #333; }

.Banner.tall h1,
.Banner.tall .h1{
	font-size:44px;
	line-height:56px;}

.Banner .ribbon{
	z-index:2;
	position:absolute;
	bottom:0;
	right:0;
	width:320px;
	text-align:center;
	padding:30px 240px 30px 30px;
	background:#0091c6;
	border-radius:3px 0 0 3px;
	color:#fff;
	font:700 21px/24px 'Bitter', serif;
	transform:translate(0, 50%);}
.Banner .ribbon .button{
	position:absolute;
	top:30px;
	right:30px;
	padding:10px 30px;
	font-size:18px;
	font-family:'Open Sans', sans-serif;
	background:#ffffff;
	border-color:#ffffff;
	color:#005587;
	transition:border-color 0.25s;}
.Banner .ribbon .button:hover{border-color:#005587;}

@media(max-width:960px){
	.Banner{height:350px;}
	.Banner.tall{height:450px;}
	.Banner.no-image{height:50px;}
	.container.Banner h1,
	.container.Banner .h1{font-size:24px; line-height:30px; top:calc(50% + 50px/2);}
	.container.Banner h1 br,
	.container.Banner .h1 br{display:initial;}
	.Banner .ribbon{width:auto; left:0; right:0; top:100%; bottom:auto; transform:none; border-radius:0; padding:15px 240px 15px 15px;}
	.Banner .ribbon .button{top:50%; margin-top:-25px;}
	.Banner[data-override="customers"] {height:200px;}
}

@media(max-width:620px){
	.Banner .ribbon{padding:10px; font-size:16px; line-height:24px; transform:translate(0, 0);}
	.Banner .ribbon .button{display:block; position:static; margin:10px auto 0; padding:5px;}
}

@media(max-width:480px){
	.container.Banner h1,
	.container.Banner .h1{font-size:18px; line-height:26px; width:80%; white-space:normal; box-sizing:border-box; padding:20px;}
	.container.Banner h1 br,
	.container.Banner .h1 br{display:none;}
}



/* ICON BLOCK */

.Icon-Block{
	margin:0 auto;
	max-width:300px;}
.Icon-Block .image{}
.Icon-Block .image img{
	display:block;
	margin:0 auto;
	width:150px;}
.Icon-Block .details{
	margin-top:-75px;
	padding:100px 0 30px;
	background:#075284;
	color:#fff;
	text-align:center;
	min-height:160px;}
.Icon-Block .heading{
	font-size:22px;
	line-height:30px;
	font-weight:700;
	margin-bottom:12px;}

.Icon-Block.alt-nobg .details {
	min-height: 0;
	background: none; }

.Icon-Block.alt-black-text .details {
    color: #333;
}

@media(max-width:960px){
	[data-override="icon-blocks"] .columns {text-align:center;}
	[data-override="icon-blocks"] .columns .column[data-col="1/4"],
	[data-override="icon-blocks"] .columns .column[data-col="1/3"] {width:50%; display:inline-block;}
	.Icon-Block{margin-bottom:20px;}
}

@media(max-width:600px){
	[data-override="icon-blocks"] .columns .column[data-col="1/4"],
	[data-override="icon-blocks"] .columns .column[data-col="1/3"] {width:100%; display:block;}
}



/* CLIENT BLOCK */

.Client-Block{
	text-align: center;
	background:#fff;
	padding: 30px;
	margin:0 auto;
	max-width:480px;}

.Client-Block .copy{
	min-height:200px;
	margin-bottom:20px;}

.Client-Block .name {font-weight:700;}
.Client-Block .company {font-size:14px;}
.Client-Block .logo img{
	display:block;
	margin:10px auto 0;}

@media(max-width:960px){
	.Client-Block{margin-bottom:20px;}
	.Client-Block .copy{min-height:0;}
}



/* FEATURE POINT */

.Feature-Point{
	margin:0 auto;
	max-width:480px;
	padding-left:100px;
	min-height:80px;
	position:relative;}
.Feature-Point .image{
	position:absolute;
	width:80px;
	height:80px;
	top:0;
	left:0;}
.Feature-Point .image img{max-height:100%;}
.Feature-Point .details{}



/* PROFILE */

.About-Profiles{
	font-size:0;
	line-height:0;
	text-align:center;
	margin:20px 0 -40px;}
.About-Profiles .profile{
	font-size:18px;
	line-height:24px;
	display:inline-block;
	vertical-align:top;
	width:33.3%;
	padding:0 20px;
	box-sizing:border-box;
	cursor:pointer;
	margin-bottom:40px;}

.About-Profiles .image img{
	width:215px;
	border-radius:215px;
	display:block;
	margin:0 auto;}
.About-Profiles .name{
	margin-top:20px;
	font-weight:700;
	transition:color 0.25s;}
.About-Profiles .profile:hover .name{color:#005587;}

@media(max-width:760px){
	.About-Profiles .profile{width:50%;}
}

@media(max-width:480px){
	.About-Profiles .profile{width:100%;}
}



/* PROFILE DETAILS */

.Profile-Details{display:none;}
.Profile-Details .frame{position:relative;}
.Profile-Details .columns{margin:0 -20px;}
.Profile-Details .column{
	vertical-align:middle;
	padding:0 20px;}
.Profile-Details .column:nth-child(1){width:25%;}
.Profile-Details .column:nth-child(2){width:75%;}

.Profile-Details img{border-radius:200px;}
.Profile-Details .close-button{
	cursor:pointer;
	position:absolute;
	top:80px;
	right:0px;
	width:40px;
	height:40px;
	background:url(../img/close.png) no-repeat center center;
	transition:opacity 0.25s;}
.Profile-Details .close-button:hover{opacity:0.5;}

@media(max-width:960px){
	.Profile-Details .column{text-align:center;}
	.Profile-Details .column:nth-child(1){width:auto; display:block; margin:0 auto 24px; max-width:200px;}
	.Profile-Details .column:nth-child(2){width:auto; display:block;}
	.Profile-Details .close-button{top:20px; right:20px;}
}



/* PROFILE DIRECTORS OVERWRITES 

.About-Profiles.directors{margin-bottom:-20px;}
.About-Profiles.directors .profile{width:100%; margin-bottom:20px;}
.About-Profiles.directors .image{display:none;}
.About-Profiles.directors .name{margin:0;}
.About-Profiles.directors .title{display:none;}

.Profile-Details.directors .columns{text-align:center;}
.Profile-Details.directors .column{text-align:left;}
.Profile-Details.directors .column:nth-child(1){display:none;}*/



/* TESTIMONIALS */

.Testimonial{}
.Testimonial .columns{margin:0 -20px;}
.Testimonial .column{
	vertical-align:middle;
	padding:0 20px;}
.Testimonial .column:nth-child(1){width:24%;}
.Testimonial .column:nth-child(2){width:76%;}

.Testimonial .profile-image {
	border-radius: 100%;
	overflow: hidden;
}

.Testimonial img {
	border-radius: 100%;
	overflow: hidden;
}

.Testimonial h2 {
	color: #333;
}

@media(max-width:960px){
	.Testimonial .column{text-align:center;}
	.Testimonial .column:nth-child(1){width:auto; display:block; margin:0 auto 24px; max-width:200px;}
	.Testimonial .column:nth-child(2){width:auto; display:block;}
}



/* GOOD GOVERNANCE */

.Good-Governance{
	text-align:center;
	margin-top:40px;
	padding:60px 20px;
	color:#fff;
	background:url(../img/good-governance-bg.jpg) no-repeat center center #0091c6;
	background-size:cover;}
.Good-Governance p{
	max-width:600px;
	margin:20px auto 40px;}
.Good-Governance .button{
	background:#ffffff;
	border-color:#ffffff;
	color:#005587;
	transition:border-color 0.25s;}
.Good-Governance .button:hover{
	color:#005587;
	border-color:#005587;}



/* IMAGE GRID */

.Image-Grid{
	margin:-20px;
	font-size:0;
	line-height:0;}

.Image-Grid .image{
	display:inline-block;
	vertical-align:middle;
	width:20%;
	padding:10px 20px;
	box-sizing:border-box;}

.Image-Grid-Head {
	border-top: 1px solid #EFF0F3;
	margin-top: 60px;
	padding-top: 60px;
	padding-bottom: 20px;
	overflow: hidden;
	position: relative;
}

.Image-Grid-Head h3 {
	font-size: 18px;
	line-height: 24px;
	color: #005587;
}

.Image-Grid-Head a {
	float: right;
	font-weight: 700;
	color: #0091C6;
	transition: color 0.25s;
}

.Image-Grid-Head a:hover {
	color: #005587;
}

.Image-Grid-Head:first-child {
	border:none;
	margin-top: 0;
	padding-top: 0;
}

@media(max-width:960px){
	.Image-Grid{margin:-10px;}
	.Image-Grid .image{width:25%; padding:10px;}
	.Image-Grid-Head + .Image-Grid .image{width:33.33%; padding:10px;}
	.Image-Grid-Head + .Image-Grid .image:nth-child(4),
	.Image-Grid-Head + .Image-Grid .image:nth-child(5){display:none;}
}

@media(max-width:480px){
	.Image-Grid .image{width:50% !important;}
	.Image-Grid-Head + .Image-Grid .image:nth-child(4) {display:inline-block;}
}



/* VIDEO CONTAINERS */

.home-video-container{padding-right:60px;}
.home-video-container iframe{width:100%; height:338px;}
.software-video-container{max-width:570px; margin:0 auto;}
.software-video-container iframe{width:100%; height:314px;}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	border-radius: 5px;
	overflow:hidden; }

.video-container iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; }


@media(max-width:960px){
	.home-video-container{padding:0; margin:0 auto 40px;}
	.software-video-container{margin-top:40px; margin-bottom:40px;}
}



/* AWARDS WINNER */

.Awards-Winner-Point{
	position:relative;
	min-height:200px;
	margin:80px 0;
	padding:30px;
	background:#eeeff0;}
.Awards-Winner-Point::after{
	content:"";
	display:block;
	border:10px solid transparent;
	border-top-color:#fff;
	position:absolute;
	top:0;
	left:50%;
	margin:0 0 0 -10px;}

.Awards-Winner-Testimonial{
	position:relative;
	text-align:left;
	border-left:2px solid #eeeff0;
	padding-left:20px;}
.Awards-Winner-Testimonial p{position:relative;}
.Awards-Winner-Testimonial::before{
	content:"”";
	color:#f8f8f8;
	position:absolute;
	bottom:0;
	right:0;
	font-size:360px;
	font-family:'Bitter', serif;}

@media(max-width:960px){
	.Awards-Winner-Point{margin:80px 0 40px;}
	.Awards-Winner-Testimonial{margin:40px 0; text-align:left;}
	.Awards-Winner-Photo{margin:0 0 20px;}
}



/* CUES Box */

.CUES-Box {
	position: relative;
	background: #f1f1f1;
	overflow: hidden;
	max-width: 1100px;
	margin: 0 auto;}

.CUES-Box .column-1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	bottom: 0;
	background: #0091c6 center center no-repeat url(../img/cues-box-bg.jpg);
	background-size: cover;
	padding: 80px;
	box-sizing: border-box; }

.CUES-Box .column-2 {
	margin-left: 50%;
	box-sizing: border-box;
	padding: 60px; }

.CUES-Box a.button.alt {
	height: 60px;
	line-height: 60px;
	width: 100%;
	text-align: center;
	padding: 0;
	color: #fff;
	background: #26c571;
	border-color: #26c571;
	font-size: 21px;
	font-weight: 800; }

.CUES-Box a.button.alt:hover {
	background:#fff;
	color: #26c571;}

.CUES-Box h3 {color:#fff;}
.CUES-Box h2 {color:#fff;}
.CUES-Box h1 {color:#fff;}
.CUES-Box hr {
	border: 1px solid #fff;
	padding: 0;
	margin: 15px 0; }

@media(max-width:960px){
	.CUES-Box .column-1 {position:static; width:auto; padding:30px 20px 40px;}
	.CUES-Box .column-2 {margin-left:auto; padding:60px 20px 40px;}
	.CUES-Box h1 {font-size:18px; line-height:24px;}
}



/* HOME-BANNER */

.Home-Banner {
	position:relative;
	padding:145px 0 0;
    /*background:#F1F1F1 center center no-repeat url(https://aprioboardportal.com/wp-content/uploads/2021/04/home-header-phase-3b.png);*/
    background:#F1F1F1 center center no-repeat url(https://aprioboardportal.com/wp-content/uploads/2022/05/Home-Hero-7.png);
	background-size:cover;}

.Home-Banner p {
	max-width: 450px; }

.Home-Banner .scroll{
	text-align: center;
	position: absolute;
	bottom: 30px;
	left: 50%;
	width: 120px;
	margin-left:-60px;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.05em; }

.Home-Banner .scroll svg {
	display: block;
	margin: 17px auto 0;
	fill: currentColor; }

@media(min-width:961px){
	.Home-Banner h1 {font-size:40px; line-height:52px;}
}

@media(max-width:960px){
	.Home-Banner {padding: 50px 0 0; background-image:url(../img/home-banner-mobile-new.jpg);}
	.Home-Banner p {max-width:none;}
	.Home-Banner .scroll{display:none;}
}

@media(max-width:480px){
	.Home-Banner .button {text-align:center; width:100%; box-sizing:border-box;}
	.Home-Banner .button span{display:none;}
}



/* HOME-BENEFITS */

.Home-Benefits {}

.Home-Benefits .group {
	font-size: 0;
	line-height: 0;
	margin: 80px 0; }

.Home-Benefits .group:first-child {margin-top:0 !important;}
.Home-Benefits .group:last-child {margin-bottom:0 !important;}

.Home-Benefits .group .content {
	box-sizing:border-box;
	width: 50%;
	padding: 0 60px;
	font-size: 16px;
	line-height: 24px;
	display: inline-block;
	vertical-align: middle;
	max-width: 600px;
	margin: 0 auto; }

.Home-Benefits .group .image {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	display: none;
	border-radius: 5px;
	overflow:hidden; }

.Home-Benefits .group .image img {
	display:block;
	width: 100%;
	height: auto; }

.Home-Benefits .buttons {
	text-align: center;}

.Home-Benefits .buttons .button {
	font-size:18px;
	line-height:50px;
	height:50px;
	margin: 0 20px;
	padding: 0;
	width: 240px;
	text-align: center; }

.Home-Benefits .buttons .button:first-child {
	text-transform:none;
	background: transparent;
	border:none;
	box-shadow: 0 0 0 3px #333;
	color: #333;
	font-weight: 700; }

.Home-Benefits .buttons .button:first-child:hover {
	color: #fff;
	background: #333; }

@media(min-width:961px){
	.Home-Benefits .group:nth-child(odd) .image:first-child {display:inline-block;}
	.Home-Benefits .group:nth-child(even) .image:last-child {display:inline-block;}
}

@media(max-width:960px){
	.Home-Benefits .group {margin:40px 0;}
	.Home-Benefits .group .image:first-child {display:block; width:auto;}
	.Home-Benefits .group .image img {display:block; width:auto; margin:0 auto 20px;}
	.Home-Benefits .group .content {width:auto; padding:0; display:block;}
	.Home-Benefits .buttons {margin:-10px;}
	.Home-Benefits .buttons .button {margin:10px;}
}



/* SOFTWARE-BANNER */

.Software-Banner {
	position:relative;
	padding:145px 0 0;
	background:#005587 center center no-repeat url(/wp-content/uploads/2021/09/bg-img@2x.png);
	background-size:cover;}

.Software-Banner .content {
	color: #fff;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	width: 40%; }

.Software-Banner .image {
	position: relative;
	right: -80px;
	margin-bottom: -20px;
	display: inline-block;
	vertical-align: middle;
	width: 50%; }

.Software-Banner .button {
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
	margin: 24px 0 0; 
	max-width:260px;
	font-size: 16px;
	padding: 12px 0;
}

.Software-Banner .button + .button {
	background: transparent;
	border-color: #fff;
}

.Software-Banner .button + .button:hover {
	background: #fff;
	color: #333;
}

.Software-Banner img {
	display: block;
	margin: 0 auto;
	
	height: auto; }

.Software-Banner .large-text a {
	font-weight: 700;
	color: #0091C6; }

.Software-Banner .large-text a:hover {
	color: #fff; }

.Software-Banner .logos {
	margin-top: 80px;
	text-align: center;
	color: #fff;
}

.Software-Banner .logos img {
	display: inline-block;
	vertical-align: top;
	width: 20%;
	padding: 0 20px;
	box-sizing: border-box;
}

.Software-Banner .logo-images {
	font-size: 0;
	line-height: 0;
	margin: -20px -20px 0;
}

.Software-Banner ul {
	text-align: left;
	list-style: none;
	padding-left: 0;
	padding-right: 0;
}

.Software-Banner li {
	padding: 2px 0 15px 38px;
	background: url(../img/icon_check_2.svg) no-repeat top left;
	background-size: 28px 28px;
}

.Software-Banner li:last-child {
	padding-bottom: 2px;
}

.Software-Banner .content h1{font-size:36px; line-height:45px;}
.Software-Banner .content p{font-size:14px;line-height:18px;}
@media(min-width:961px){
	.Software-Banner .content h1{max-width:444px}
	.Software-Banner .content p{max-width: 365px;}
}

@media(max-width:960px){
	.Software-Banner {padding: 50px 0 0;}
	.Software-Banner .content {float:none; width:auto; margin-left:auto; margin-right:auto; display:block;}
	.Software-Banner .image {width: 100%;right: 0; }
	.Software-Banner .image img {padding: 60px 0 0;width: 90%;}
	
	.Software-Banner .logos {margin-top:40px;}
	.Software-Banner .logos img {width:33.33%; padding:0 10px;}
}

@media (max-width: 480px){
	.Software-Banner .logos img {width:50%;}
	.home .Software-Banner .content h1 {
    font-size: 25px;
    line-height: 35px;
}
}



/* SOFTWARE SUBNAV */

.Software-Subnav {
	position: relative;
	z-index: 1;
	text-align: center; }

.Software-Subnav a {
	color: #0091c6; }

.Software-Subnav .links {
	margin-top: 40px; }

.Software-Subnav .links a {
	text-transform: uppercase;
	font-weight: 700;
	color: #0091c6;
	display: inline-block;
	border-right: 1px solid #eff0f3;
	padding: 10px 30px 10px 0;
	margin-right: 25px; }

.Software-Subnav .links a:last-child {
	border-right: none;
	padding-right: 0;
	margin-right: 0; }

.page-id-2036 .Software-Subnav .frame {padding:20px;}
.page-id-2036 .Software-Subnav .links {margin-top: 0;}


@media(max-width:1100px){
	.Software-Subnav .links a {font-size:14px; padding-right:20px; margin-right:14px;}
}

@media(max-width:960px){
	.Software-Subnav h2 {margin-bottom:0;}
	.Software-Subnav .links {display:none;}
	.page-id-2036 .Software-Subnav {display:none;}
}



/* SOFTWARE SECTION */

.Software-Section .heading {
	text-align: center;}

.Software-Section .group {
	position: relative;
	margin-top: 80px; }

.Software-Section .image {
	overflow: hidden; }

.Software-Section .image img {
	display: block;}

.Software-Section .button-container {
	text-align: center;
	padding-top: 40px;
}

.Software-Section h3,
.Software-Section h5{
	font-family:  'Bitter', serif;
}

@media(min-width:961px){
	.Software-Section {margin-top:-180px; border-top:180px solid transparent;}
	.Software-Section .group +  .group {margin-top:200px;}
	.Software-Section .group:last-child{padding-bottom:0px}
	.Software-Section .heading{margin-top:25px;}
	#secure {   margin-top: -100px;   border: 0;}
	.Software-Section .image {
		position: absolute;
		top: 0;	
		max-width: 610px;
	}

	/*
	.Software-Section .group:nth-child(even) .image {left:50%; margin:0 0 0 -20px;}
	.Software-Section .group:nth-child(even) .content {padding:0 57.5% 0 0;}

	.Software-Section .group:nth-child(odd) .image {right:50%; margin:0 -20px 0 0;}
	.Software-Section .group:nth-child(odd) .content {padding:0 0 0 57.5%;}
	
	*/
	
	.Software-Section .group:nth-child(even) .image {left:42%; margin:0 0 0 0px;}
	.Software-Section .group:nth-child(even) .content {padding:0 64% 0 0;}

	.Software-Section .group:nth-child(odd) .image {right:47%; margin:0 0px 0 0;}
	.Software-Section .group:nth-child(odd) .content {padding:0 5% 0 65%}
	
}

@media(max-width:960px){
	.Software-Section {max-width:600px; margin:0 auto;}
	.Software-Section .group {margin-top:60px;}
	.Software-Section .heading {position:relative; top:10px;}
	.Software-Section .image {max-width:400px; margin:0 auto 25px;}
}



/* WHY-BANNER */

.Why-Banner {
	position:relative;
	padding:220px 40px 80px;
	background:#005587 center center no-repeat url(../img/banner-software.jpg);
	background-size:cover;}

.Why-Banner .content {
	color: #fff;
	text-align: center;
	max-width: 560px;
	margin: 0 auto; }

.Why-Banner .button {
	margin: 24px 0 60px; }

.Why-Banner img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto; }

.Why-Banner .large-text a {
	font-weight: 700;
	color: #0091C6; }

.Why-Banner .large-text a:hover {
	color: #fff; }

@media(max-width:960px){
	.Why-Banner {padding: 90px 20px 40px;}
}



/* WHY SECTION */

.Why-Section .group {
	position: relative;
	margin-bottom: 80px; }

.Why-Section .group:last-child {
	margin-bottom: 0;
}

.Why-Section .image img {
	display: block;
	border-radius: 5px;
	box-shadow: 3px 6px 13px rgba(0,0,0,0.13);
	overflow: hidden; }

.Why-Section .content strong a {
	color: #0091c6;
}

.Why-Section .content .button {
	font-size:18px;
	padding:9px 18px;
}

.Why-Section #overall-features .image img,
.Why-Section #security .image img
{border-radius:0; box-shadow:none;}

@media(min-width:961px){
	.Why-Section .group {
		margin-top:-180px; border-top:180px solid transparent;
		font-size:0; line-height:0;}
	.Why-Section .image,
	.Why-Section .content {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		font-size: 16px;
		line-height: 24px;
		width: 50%;
		box-sizing: border-box;
		z-index: 1;
	}

	.Why-Section .group:nth-child(even) .image {padding:0 20px 0 0;}
	.Why-Section .group:nth-child(even) .content {padding:0 20px 0 80px;}

	.Why-Section .group:nth-child(odd) .image {left:50%; padding: 0 0 0 20px;}
	.Why-Section .group:nth-child(odd) .image img {margin: 0 0 0 auto;}
	.Why-Section .group:nth-child(odd) .content {right:50%; padding:0 80px 0 20px;}
}

@media(max-width:960px){
	.Why-Section .group {margin-bottom:60px;}
	.Why-Section .image {max-width:520px; margin: 0 auto 25px;}
	.Why-Section .content {max-width:520px; margin: 40px auto 0;}
}

@media(max-width:480px){
	.Why-Section .content {margin-top:0;}
}



/* CAREER-BENEFITS */

.Career-Benefits .columns {margin-top:-20px; margin-bottom:-20px;}
.Career-Benefits .column {padding-top:20px; padding-bottom:20px;}

.Career-Benefits .point {
	padding: 40px;
	background: #f1f1f1;
	text-align: center;
}

.Career-Benefits .point img {
	display: block;
	width: 122px;
	height: 122px;
	margin: 0 auto 25px;
}

.Career-Benefits .point h3 {
	color: #005587;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	margin-bottom: 12px;
}

@media(min-width:601px){
	.Career-Benefits .point {min-height: 300px;}
}

@media(max-width:600px){
	.Career-Benefits .point {padding:30px 20px;}
}



/* CAREER-LISTING */

.Career-Listing .post {
	background: #fff;
	padding: 50px;
	position: relative;
	margin: 25px 0;
}

.Career-Listing .post h4 {
	margin: 0;
	padding: 12px 140px 12px 0;
	color: #1C1C1C;
}

.Career-Listing .post a {
	position: absolute;
	top: 50px;
	right: 50px;
}

.Career-Listing .post:first-child {margin-top:0;}
.Career-Listing .post:last-child {margin-bottom:0;}

@media(max-width:700px){
	.Career-Listing .post {padding:20px; text-align:center;}
	.Career-Listing .post h4 {padding:0; margin-bottom:20px;}
	.Career-Listing .post a {position:static;}
}



/* CAREER-POST */

.Career-Post .head {
	position: relative;
	margin-bottom: 40px;
}

.Career-Post .head h1 {
	padding-right: 200px;
	color: #005587;
}

.Career-Post .head a {
	position: absolute;
	top: -3px;
	right: 0;
}

.Career-Post .foot {
	margin-top: 40px;
}

.Career-Post h5 {
	margin-top: 40px;
}

.Career-Post ul {
	padding: 0;
	list-style:none;
}

.Career-Post li {
	position: relative;
	margin: 10px 0;
	padding: 0 0 0 20px;
}

.Career-Post li::before {
	content: "";
	position: absolute;
	background: #0091C6;
	top: 9px;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 3px;
}

.Career-Post li:first-child {margin-top: 0;}
.Career-Post li:last-child {margin-bottom: 0;}

@media(max-width:960px){
	.Career-Post .head a {display:none;}
}



/* CUSTOMERS-SUBNAV */

.Customers-Subnav{
	background:#f1f1f1;
	text-align:center;
	font-size:0;
	line-height:0;}

.Customers-Subnav a{
	position:relative;
	overflow:hidden;
	color:inherit;
	font-size:16px;
	font-weight:700;
	line-height:25px;
	padding:25px;
	vertical-align:middle;
	display:inline-block;
	transition:background-color 0.25s;}
.Customers-Subnav a:hover{background:#dedede;}
.Customers-Subnav a.active{background:#dedede;}
.Customers-Subnav a.active::after{
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-10px;
	width:0;
	height:0;
	border:10px solid transparent;
	border-bottom-color:#fff;}

@media(max-width:1060px){
	.Customers-Subnav a{font-size:14px; padding:15px;}
}

@media(max-width:860px){
	.Customers-Subnav {white-space:nowrap; padding:0; position:relative; overflow:hidden;}
	.Customers-Subnav .scroll {overflow-x:scroll; padding:0 5px; width:100%; box-sizing:border-box;}
	.Customers-Subnav a{font-size:12px; padding:5px;}
	.Customers-Subnav a.active::after{display:none;}
	.Customers-Subnav::after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		width: 30px;
		background: linear-gradient(90deg, rgba(241, 241, 241, 0), rgba(241, 241, 241, 1));
	}
}



/* INTRO */

.Intro {
	text-align: center;
	max-width: 900px;
	margin: 0 auto 40px;
}



/* Partners */

.Partners {
	text-align: center;
}

.Partners img {
	margin: 0 auto;
}

@media(max-width:960px){
	.Partners .column {width:33.33% !important; display:inline-block;}
}


/* AWARDS CONTAINER */

.Awards-Container {
	background:url(../img/awards-bg.jpg) center top no-repeat #00406c;
	background-size: cover;
	color: #fff;
}

.Awards-Container .button{
	background:#ffffff;
	border-color:#ffffff;
	color:#005587;
	transition:border-color 0.25s;}
.Awards-Container .button:hover{
	color:#005587;
	border-color:#005587;}

.Awards-Container ul.check-list-2.alt li:nth-child(1)::before{background-image:url(../img/icon_award_1a.svg)}
.Awards-Container ul.check-list-2.alt li:nth-child(2)::before{background-image:url(../img/icon_award_2a.svg)}
.Awards-Container ul.check-list-2.alt li:nth-child(3)::before{background-image:url(../img/icon_award_3a.svg)}
.Awards-Container ul.check-list-2.alt li:nth-child(4)::before{background-image:url(../img/icon_award_4a.svg)}




/* GGA-Winner */

.GGA-Winner {
	background: #fff;
}

.GGA-Winner .details {
	text-align: center;
	padding: 20px 30px 30px;
	min-height: 120px;
}

.GGA-Winner .details .year {font:700 30px/36px 'Bitter', serif;}
.GGA-Winner .details .heading {
	font-weight: 700;
	color: #0091C6;
	margin-top: 10px;
}




/* SUPPORT PROFILE */

.support-profile {
	margin: 20px 0 40px;
	position: relative;
	padding: 10px 0 0 84px;
	max-width: 200px;
}

.support-profile img {
	position: absolute;
	top: 0;
	left: 0;
	width: 64px;
	height: 64px;
	border-radius: 32px;

}

.support-profile b {
	font-weight: 700;
	display: block;
}

.support-profile i {
	font-style: normal;
	font-size: 14px;
}

.support-profile + p {
	margin: -10px 0 40px;
	max-width: 260px;
}



/* INDIVIDUAL PAGE FIXES */

.page-id-13 .inset{min-height:260px;}
.page-id-11 .bxslider-tabs-nav a:first-child{display:none;}
.page-id-11 .Testimonial{background:#f1f1f1;}
.page-id-9 .Tabs-2 .column{width:49.5%;} /* DIRTY IE FIX */
.page-id-17 .WYSIWYG h2:not(:first-child) {margin-top:60px;} /* DEMO PAGE 8 */

@media(max-width:520px){
	.page-id-1014 .button + .button {margin-top:5px;}
}

@media(max-width:960px){
	.page-id-13 .inset{min-height:initial;}
	.page-id-9 .Tabs-2 .column{width:100%;} /* DIRTY IE FIX */
	.mobile-remove-brs br {display:none;}
}



/* TYPED */

.typed-cursor{
   opacity: 1;
   -webkit-animation: blink 0.7s infinite;
   -moz-animation: blink 0.7s infinite;
   animation: blink 0.7s infinite;
}
@keyframes blink{
   0% { opacity:1; }
   50% { opacity:0; }
   100% { opacity:1; }
}
@-webkit-keyframes blink{
   0% { opacity:1; }
   50% { opacity:0; }
   100% { opacity:1; }
}
@-moz-keyframes blink{
   0% { opacity:1; }
   50% { opacity:0; }
   100% { opacity:1; }
}



/* FAQ */

.FAQ {
	max-width: 800px;
	margin: 60px auto 0;
	position: relative;
}

.FAQ .block {
	position: relative;
	background: #f1f1f1;
	padding: 30px;
	margin-bottom: 15px;
}

.FAQ input {
	display: none;
}

.FAQ .toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transition: background 0.25s;
	cursor: pointer;
}

.FAQ .toggle::before {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	background: url(../img/arrow-up.svg);
	position: absolute;
	top: 30px;
	right: 30px;
}

.FAQ .toggle:hover {
	background: rgba(0,0,0,0.04);
}

.FAQ .question {
	padding-right: 30px;
	font-weight: 700;
}

.FAQ .answer {
	display: none;
}

.FAQ input:checked ~ .answer {
	padding-top: 15px;
	display: block;
}

.FAQ input:checked ~ .toggle {
	left: auto;
	bottom: auto;
	width: 100px;
	height: 100px;
	background: none !important;
	transition: none !important
}

.FAQ input:checked ~ .toggle::before {
	transform: rotate(180deg);
}

.FAQ li {margin-bottom:10px;}
.FAQ li:last-child {margin-bottom:0;}

.FAQ a {color:#0091C6;}
.FAQ a:hover {color:#005587;}

@media screen and (max-width: 900px) {
	.FAQ {margin-top:40px;}
	.FAQ .block {padding:20px;}
	.FAQ .question {padding-right:15px;}
	.FAQ .toggle::before {top:22px; right:15px;}
}



/* SUPPORT & CONTACT TABLET FIXES */

@media screen and (max-width: 960px) and (min-width: 701px) {
	.page-id-2440 .WYSIWYG .fix-tablet-left {float:left; width:50%;}
	.page-id-2440 .WYSIWYG .fix-tablet-right {float:right; width:50%;}
	.page-id-2440 .WYSIWYG .fix-tablet-foot {clear:both; padding-top:40px;}

	.page-id-2440 .WYSIWYG .fix-tablet-foot p:nth-child(2){float:left; width:50%;}
	.page-id-2440 .WYSIWYG .fix-tablet-foot p:nth-child(3){float:right; width:50%;}
	.page-id-2440 .WYSIWYG .fix-tablet-foot::after {
		content: "";
		display: block;
		clear: both;
	}

	.page-id-15 .WYSIWYG .fix-tablet-foot p:nth-child(2){float:left; width:50%;}
	.page-id-15 .WYSIWYG .fix-tablet-foot p:nth-child(3){float:right; width:50%;}
	.page-id-15 .WYSIWYG .fix-tablet-foot::after {
		content: "";
		display: block;
		clear: both;
	}
}