sup{
	font-size: 1.125rem;
}
body {
    background-color: #FFF;
    color: #777;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
}

a {
	color: #0386ff;
}

h1, h2, h3, h4, h5, h6 {
	color: #1d2127;
	font-weight: 200;
	letter-spacing: -1px;
	margin: 0;
}

h1 {
	margin: 0 0 32px 0;
	color: #1d2127;
	font-size: 2.6em;
	line-height: 44px;
	margin: 0 0 32px 0;
}

h2 {
    font-size: 2.2em;
    font-weight: 300;
    line-height: 42px;
    margin: 0 0 32px 0;
}

h3 {
	font-size: 1.8em;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 24px;
	margin-bottom: 33px;
	text-transform: uppercase;
}

h5 {
	font-size: 1em;
	font-weight: 600;
	letter-spacing: normal;
	line-height: 18px;
	margin: 0 0 14px 0;
	text-transform: uppercase;
}

p {
	color: #777;
	line-height: 24px;
	margin: 0 0 20px;
}

.ta-c {
	text-align: center;
	font-size: 14px;
}

.ta-c {
	text-align: center;
	font-size: 14px;
}

.toggle > label {
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    background: #F4F4F4;
    border-left: 3px solid #CCC;
    border-radius: 5px;
    color: #CCC;
    display: block;
    font-size: 1.1em;
    min-height: 20px;
    padding: 12px 20px 12px 10px;
    position: relative;
    cursor: pointer;
    font-weight: 400;
}

.toggle>label+p {
    color: #464646;
    font-size: 1.25em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 25px;
    margin: 0 0 14px 0;
}

.toggle > label + p {
    color: #464646;
    display: block;
    overflow: hidden;
    padding-left: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 25px;
}

.toggle .toggle {
    margin: 10px 0 0;
}


/* List */
.list li {
    margin-bottom: 13px;
}

.list.pull-left li {
    text-align: left;
}

.list.list-icons {
    list-style: none;
    padding-left: 0;
    padding-right: 0;
}

.list.list-icons li {
    position: relative;
    padding-left: 25px;
}

.list.list-icons li .fa, .list.list-icons li .icons {
    position: absolute;
    left: 0;
    top: 5px;
}

.list.list-icons.list-icons-style-2 li {
    padding-top: 5px;
    padding-left: 36px;
}

.list.list-icons.list-icons-style-2 li .fa, .list.list-icons.list-icons-style-2 li .icons {
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 4px;
}

.list.list-icons.list-icons-style-3 li {
    padding-top: 5px;
    padding-left: 36px;
}

.list.list-icons.list-icons-style-3 li .fa, .list.list-icons.list-icons-style-3 li .icons {
    color: #FFF;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 5px;
}

.list.list-icons.list-icons-sm li {
    padding-left: 13px;
    margin-bottom: 5px;
}

.list.list-icons.list-icons-sm li .fa, .list.list-icons.list-icons-sm li .icons {
    font-size: 0.8em;
    top: 7px;
}

.list.list-icons.list-icons-sm.list-icons-style-2 li {
    padding-left: 32px;
}

.list.list-icons.list-icons-sm.list-icons-style-2 li .fa, .list.list-icons.list-icons-sm.list-icons-style-2 li .icons {
    width: 20px;
    height: 20px;
    padding: 3px;
}

.list.list-icons.list-icons-sm.list-icons-style-3 li {
    padding-left: 32px;
}

.list.list-icons.list-icons-sm.list-icons-style-3 li .fa, .list.list-icons.list-icons-sm.list-icons-style-3 li .icons {
    width: 20px;
    height: 20px;
    padding: 3px;
}

.list.list-icons.list-icons-lg li {
    padding-top: 5px;
    padding-left: 32px;
}

.list.list-icons.list-icons-lg li .fa, .list.list-icons.list-icons-lg li .icons {
    font-size: 1.5em;
}

.list.list-icons.list-icons-lg.list-icons-style-2 li {
    padding-top: 8px;
    padding-left: 42px;
}

.list.list-icons.list-icons-lg.list-icons-style-2 li .fa, .list.list-icons.list-icons-lg.list-icons-style-2 li .icons {
    width: 30px;
    height: 30px;
    padding: 4px;
}

.list.list-icons.list-icons-lg.list-icons-style-3 li {
    padding-top: 8px;
    padding-left: 42px;
}

.list.list-icons.list-icons-lg.list-icons-style-3 li .fa, .list.list-icons.list-icons-lg.list-icons-style-3 li .icons {
    width: 30px;
    height: 30px;
    padding: 4px;
}

.list.list-icons.list-icons-reverse li {
    text-align: right;
    padding-right: 25px;
    padding-left: 0;
}

.list.list-icons.list-icons-reverse li .fa, .list.list-icons.list-icons-reverse li .icons {
    position: absolute;
    left: auto;
    right: 0;
    top: 5px;
}

.list.list-icons.list-icons-reverse.list-icons-style-2 li {
    padding-right: 36px;
}

.list.list-icons.list-icons-reverse.list-icons-style-3 li {
    padding-right: 36px;
}

.list.list-icons.list-icons-reverse.list-icons-sm li {
    padding-left: 0;
    padding-right: 13px;
}

.list.list-icons.list-icons-reverse.list-icons-sm.list-icons-style-2 li {
    padding-right: 32px;
}

.list.list-icons.list-icons-reverse.list-icons-sm.list-icons-style-3 li {
    padding-right: 32px;
}

.list.list-icons.list-icons-reverse.list-icons-lg li {
    padding-left: 0;
    padding-right: 32px;
}

.list.list-icons.list-icons-reverse.list-icons-lg.list-icons-style-2 li {
    padding-right: 42px;
}

.list.list-icons.list-icons-reverse.list-icons-lg.list-icons-style-3 li {
    padding-right: 42px;
}

.list.list-borders li {
    border-bottom: 1px solid #DBDBDB;
    margin-top: 9px;
    margin-bottom: 0;
    padding-bottom: 9px;
}

.list.list-borders li:last-child {
    border-bottom: 0;
}

.list.list-side-borders {
    border-left: 1px solid #DBDBDB;
    padding-left: 10px;
}

.list.list-ordened {
    counter-reset: custom-counter;
    list-style: none;
}

.list.list-ordened li {
    position: relative;
    padding-left: 22px;
}

.list.list-ordened li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: counter(custom-counter);
    counter-increment: custom-counter;
    font-weight: bold;
}

.list.list-ordened.list-ordened-style-2 li, .list.list-ordened.list-ordened-style-3 li {
    padding-left: 32px;
}

.list.list-ordened.list-ordened-style-2 li:before, .list.list-ordened.list-ordened-style-3 li:before {
    border-radius: 100%;
    border-style: solid;
    border-width: 1px;
    min-width: 26px;
    padding: 0;
    text-align: center;
}

.list.list-ordened.list-ordened-style-3 li:before {
    color: #FFF;
    border: 0;
}

.list.list-unstyled {
    padding-left: 0;
    padding-right: 0;
}

dl dd {
    margin-bottom: 15px;
}


.radio {
	margin: 0.5rem;
}

.radio input[type="radio"] {
	position: absolute;
	opacity: 0;
}

.locale-radio input, .locale-radio label {
    margin: 5px;
}

.radio input[type="radio"]+.radio-label:before {
	content: '';
	background: #f4f4f4;
	border-radius: 100%;
	border: 1px solid #b4b4b4;
	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	position: relative;
	top: -0.2em;
	margin-right: 1em;
	vertical-align: top;
	cursor: pointer;
	text-align: center;
	-webkit-transition: all 250ms ease;
	transition: all 250ms ease;
}

.radio input[type="radio"]:checked+.radio-label:before {
	background-color: #3197EE;
	box-shadow: inset 0 0 0 4px #f4f4f4;
}

.radio input[type="radio"]:focus+.radio-label:before {
	outline: none;
	border-color: #3197EE;
}

.radio input[type="radio"]:disabled+.radio-label:before {
	box-shadow: inset 0 0 0 4px #f4f4f4;
	border-color: #b4b4b4;
	background: #b4b4b4;
}

.radio input[type="radio"]+.radio-label:empty:before {
	margin-right: 0;
}

.nodisplay {
	display: none;
}

.pl-0 {
	padding-left: 0;
}

/* Scroll to Top */
html .scroll-to-top {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background: #404040;
	border-radius: 7px 7px 0 0;
	bottom: 0px;
	color: #FFF;
	display: block;
	height: 9px;
	opacity: 0;
	padding: 13px 10px 35px;
	position: fixed;
	right: 10px;
	text-align: center;
	text-decoration: none;
	min-width: 49px;
	z-index: 1040;
}

.mt-30 {
    margin-top: 30px !important;
}

html .heading-primary, html .lnk-primary, html .text-color-primary {
    color: #0386ff !important;
}

html .scroll-to-top.visible {
	opacity: 0.75;
}

html .scroll-to-top span {
	display: inline-block;
	padding: 0 5px;
}

html.ie11 .scroll-to-top {
	right: 25px;
}

/* Responsive */
@media ( max-width : 991px) {
	html .scroll-to-top.hidden-mobile {
		display: none !important;
	}
}

.padded {
	padding: 10px !important;
}

.table-scroll>table>thead>tr>th {
	font-size: 1.65em;
}

.table-scroll {
	display: block;
	overflow: auto;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

.color-blue {
	color: #0386FF;
}

#footer_new {
	background-color: #F1F9FF !important;
	color: #000 !important;
	box-shadow: 0px 2px 12px 0px #989898;
	font-size: 0.9em;
	padding: 0;
	position: relative;
	clear: both;
}

#footer-get-started {
	background-color: #0386FF !important;
	color: #FFF !important;
	padding: 10px;
	font-size: 1.25em;
}

#footer_new a {
	color: #0386FF;
}

#footer_new .contact-details {
	margin-top: 2% !important;
}

.logo {
	width: 10%;
	vertical-align: middle;
}

.logo img {
	width: 70%;
	display: block;
	margin: 0 auto;
}

.get-started-container {
	width: 18%;
	display: inline-block;
	vertical-align: middle;
}

.auth-get-started-container {
    width: 10%;
}

.locale-container {
	cursor: pointer;
	width: 10%;
	display: inline-block;
	vertical-align: middle;
	font-weight: 600;
	font-size: 1.15em;
}

.locale-container-mobile {
	font-size: 1.5em;
	cursor: pointer;
	width: 10%;
	display: table-cell;
	vertical-align: middle;
}

.locale-container a {
	text-decoration: none;
}

.get-started-container a {
	border: 2px solid #0386FF;
	background-color: #FFF;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: 600;
	color: #0386FF;
	padding: 5px;
	border-radius: 5px;
}

.get-started-container a:hover {
	background-color: #0386FF;
	color: #FFF !important;
}

.locale-globe {
	display: inline-block;
}

.menu {
	width: 60%;
	vertical-align: middle;
}

.auth-menu #mega-menu {
    width: 100%;
    margin-left: 33%;
}

.auth-menu {
	width: 68%;
	padding-left: 10%;
}

.menu-container {
	position: fixed;
	top: 0;
	width: 100%;
	margin: 0 auto;
}

.menu-mobile {
	display: none;
	padding: 20px;
}

.menu>ul {
	margin: 0 auto;
	width: 100%;
	list-style: none;
	padding: 0;
	position: relative;
	/* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
	box-sizing: border-box;
}

.menu>ul>li {
	float: left;
	padding: 0;
	margin: 0;
	width: 33%;
	text-align: center;
}

.menu>ul>li a {
	text-decoration: none;
	padding: 1.5em 3em;
	display: block;
	color: #0386FF;
	font-weight: 200;
	font-size: 1.15em;
}

.auth-menu>ul>li a {
	font-size: 1.15em;
}

.menu>ul>li a, .menu>ul>li a:visited {
	text-decoration: none;
	position: relative;
	font-weight: 600;
	color: #0386FF;
}

.menu>ul>li>a:after, .menu>ul>li>a:visited:after {
	content: '';
	height: 3px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	background: #0386FF;
	transition: 0.2s;
}

.menu>ul>li a:hover:after, .menu>ul>li a:visited:hover:after {
	width: 100%;
}

.menu>ul>li a:visited.block {
	display: block;
	padding: 0.5em;
}

.menu>ul>li a:visited.block:hover {
	background: #eee;
}

.menu>ul>li>ul {
	display: none;
	width: 100%;
	position: absolute;
	z-index: 99;
	left: 0;
	margin: 0;
	list-style: none;
	box-sizing: border-box;
	margin-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 0px;
	border-radius: 0px 0px 10px 10px;
}

.menu>ul>li>ul:before, .menu>ul>li>ul:after {
	content: "";
	display: table;
}

.menu>ul>li>ul:after {
	clear: both;
}

.menu>ul>li>ul>li {
	margin: 0;
	padding-bottom: 0;
	list-style: none;
	width: 33%;
	background: none;
	float: left;
}

.menu>ul>li>ul>li a {
	color: #0386FF;
	padding: .2em 0;
	width: 100%;
	display: block;
	border-bottom: 1px solid #ccc;
}

.menu>ul>li>ul>li a:hover {
	color: #1D2127;
}

.menu>ul>li>ul>li>ul {
	display: block;
	padding: 0;
	margin: 10px 0 0;
	list-style: none;
	box-sizing: border-box;
}

.menu>ul>li>ul>li>ul:before, .menu>ul>li>ul>li>ul:after {
	content: "";
	display: table;
}

.menu>ul>li>ul>li>ul:after {
	clear: both;
}

.menu>ul>li>ul>li>ul>li {
	float: left;
	width: 100%;
	padding: 5px 0;
	margin: 0;
	font-size: 1em;
	color: #0386FF;
}

.menu>ul>li>ul>li>ul>li a {
	border: 0;
}

.menu>ul>li>ul.normal-sub {
	width: 300px;
	left: auto;
	padding: 10px 20px;
}

.menu>ul>li>ul.normal-sub>li {
	width: 100%;
}

.menu>ul>li>ul.normal-sub>li a {
	border: 0;
	padding: 1em 0;
}

.menu>ul>li>ul>li>ul>li>ul {
	list-style: none;
	text-align: center;
	padding: 0;
	margin: 0;
	display: none;
}

.menu>ul>li>ul>li>ul>li>ul>li {
	font-size: 0.85em;
}

#mega-menu>li>ul>li>a {
	font-weight: 600 !important;
}

#mega-menu {
	display: none;
}

.full-width-bg {
	width: 100%;
	display: none;
	background: rgba(255, 255, 255, 0.8705882352941177);
	box-shadow: 0 9px 19px -12px #6082e3b8;
}

@media screen and (min-width: 900px) and (max-width: 1200px) {
	#mega-menu {
		background: rgba(255, 255, 255, 0.8705882352941177);
		border-radius: 0px 0px 10px 10px;
		box-shadow: 0 9px 19px -12px #6082e3b8;
	}
}

/*
Mobile style's*/
@media only screen and (max-width: 959px) {
	.menu-container {
		width: 100%;
	}
	.menu-mobile {
		display: block;
	}
	.menu-dropdown-icon:before {
		display: block;
	}
	.menu>ul {
		display: none;
	}
	.menu>ul>li {
		width: 100%;
		float: none;
		display: block;
	}
	.menu>ul>li a {
		padding: 1.5em;
		width: 100%;
		display: block;
	}
	.menu>ul>li>ul {
		position: relative;
	}
	.menu>ul>li>ul.normal-sub {
		width: 100%;
	}
	.menu>ul>li>ul>li {
		float: none;
		width: 100%;
		margin-top: 20px;
	}
	.menu>ul>li>ul>li:first-child {
		margin: 0;
	}
	.menu>ul>li>ul>li>ul {
		position: relative;
	}
	.menu>ul>li>ul>li>ul>li {
		float: none;
	}
	.menu .show-on-mobile {
		display: block;
	}
	ul.nav-list {
		position: relative !important;
		top: 45px;
	}
	.featured-boxes-style-8 {
		height: auto;
	}
	.mobile-menu>li>a {
		float: none !important;
	}
}

.menu-container {
	box-shadow: 0px 5px 15px 0px #98989826;
	z-index: 100;
}

/* CUSTOM */
html .featured-box-primary .box-content {
	border-top-color: #0386ff !important;
}

html .featured-box-primary h4 {
	color: #0386ff !important;
}

html .btn-primary {
	background-color: #0386ff !important;
}

ul.nav-list li.active {
	border-left: 3px solid #0386ff !important;
}

ul.nav-list li.active>a {
	color: #0386ff !important;
}

ul.nav-list li.active>a>i {
	color: #0386ff !important;
}

html .featured-boxes-style-8 .featured-box.featured-box-tertiary .icon-featured
	{
	color: #0386ff !important;
}

html .featured-box-tertiary .box-content {
	border-top-color: #0386ff;
}

ul.nav-list li {
	font-size: 1.2em;
}

ul.nav-list>li>a {
	border: none;
	margin: 5px 0px;
}

ul.nav-list {
	/* 	position: fixed; */
	
}

.hamburger-icon {
	font-size: 1.75em;
	float: right;
}

.mobile-menu {
	display: none;
	list-style: none;
	margin: 0 auto;
	text-align: center;
	padding: 0px
}

.mobile-menu>li {
	margin: 20px 0px;
}

.mobile-menu>li>a {
	cursor: pointer;
	text-decoration: none;
	font-size: 1.5em;
}

.mega-menu-item-dropdown {
	display: none;
}

.nav-dropdown {
	display: none;
	list-style: none;
	text-align: center;
	padding: 0px;
}

.topbar {
	background: #FFF;
}

.mobile-menu-container {
	display: none;
}

.mobile-menu-btn {
	border: 2px solid #0386FF;
	background-color: #FFF;
	text-decoration: none;
	font-weight: 600;
	color: #0386FF;
	padding: 5px;
	border-radius: 5px;
}

.body {
	overflow: hidden;
}

.social-links {
	display: block;
	margin: 0 auto;
}

.social-links a {
	text-align: center;
	float: left;
	width: 36px;
	height: 36px;
	background-color: #000;
	border-radius: 100%;
	margin-right: 7px;
	/*space between*/
}

.social-links a i {
	font-size: 20px;
	line-height: 38px;
	color: #FFF;
}

@media screen and (max-width: 1200px) {
	.logo {
		width: 15%;
		display: block;
		margin: 10px auto;
	}
	.menu {
		width: 80%;
		display: inline-block;
	}
	.locale-container {
		width: 20%;
		display: inline;
	}
	.get-started-container {
		margin: 0 auto;
		width: 100%;
		display: block;
	}
	.get-started-container a {
		text-align: center;
		display: inline-block;
		width: 49%;
		margin: 10px 0px;
	}
	.menu>ul>li {
		font-size: 0.85em;
	}
}

@media screen and (max-width: 991px) {
	.logo {
		width: 100%;
	}
	.logo a:first-child {
		display: inline-block;
		width: 25%;
	}
	.locale-container {
		display: none;
	}
	.menu-mobile {
		width: 75%;
		display: inline-block;
	}
	.menu {
		width: 74%;
		display: none;
	}
	.get-started-container {
		display: none;
	}
	.mobile-menu {
		display: block;
	}
	.has-feedback {
		width: 85% !important;
	}
}

@media screen and (max-width: 550px) {
	.menu-mobile {
		padding: 10px;
	}
	.logo a:first-child {
		width: 25% !important;
	}
}

@media screen and (max-width: 600px) {
	.getStartedInput-container {
		width: 100% !important;
	}
	.getStarted {
		width: 100%;
	}
}

@media screen and (min-width: 1201px) {
	.menu-container {
		display: block;
	}
	.logo, .menu, .locale-container, .get-started-container {
		display: inline-block;
	}
	.float-right-lg {
		float: right;
	}
}

.main {
	font-family: 'Source Sans Pro', sans-serif !important;
}

.title {
	font-weight: 700;
}

.title-caption {
	font-size: 1.75em;
	color: #0386FF;
	font-weight: 400;
}

.caption {
	font-weight: 400;
	font-size: 1.5em;
	color: #1d2127;
	line-height: 24px;
}

.link {
	font-size: 1.5em;
	color: #0386FF;
	font-weight: 400;
}

.features {
	display: flex;
	align-items: baseline;
}

#footer_new {
	padding-top: 0px !important;
}

.light-blue {
	background-color: #F1F9FF !important;
}

.vertical-align {
	display: flex;
	align-items: center;
}

.landing-image {
	width: 100%;
}

.digital-banking-features {
	list-style: none;
	display: inline-block;
	width: 49%;
	margin: 0px;
	padding-left: 0px;
}

.digital-banking-features li {
	font-size: 1.5em;
	line-height: 1.75em;
	font-weight: 400;
	color: #1d2127;
}

.btn-get-started {
	color: #FFF !important;
	font-size: 1.5em;
	background: #0386FF; /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #0386FF, #015DA8);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #0386FF, #015DA8);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.center {
	display: block;
	margin: 0 auto;
}

.w-100 {
	width: 100%;
}

.mb-0 {
	margin-bottom: 0px !important;
}

.mt-1 {
	margin-top: 1%;
}

.mt-2 {
	margin-top: 2%;
}

.mt-3 {
	margin-top: 3%;
}

.mb-1 {
	margin-bottom: 1%;
}

.mb-2 {
	margin-bottom: 2%;
}

.mb-3 {
	margin-bottom: 3%;
}

.p-1 {
	padding: 1%;
}

.pt-1 {
	padding-top: 1%;
}

.pt-2 {
	padding-top: 2%;
}

.pt-3 {
	padding-top: 3%;
}

.pt-5 {
	padding-top: 5% !important;
}

.pt-8 {
	padding-top: 8% !important;
}

.pb-8 {
	padding-bottom: 8% !important;
}

.pb-5 {
	padding-bottom: 5% !important;
}

.pb-1 {
	padding-bottom: 1%;
}

.pb-2 {
	padding-bottom: 2%;
}

.pb-3 {
	padding-bottom: 3%;
}

.dm-width {
	width: 50%;
	margin: 0 auto;
}

.iphone-mockup {
	position: relative;
	z-index: 5;
}

.dm-device {
	position: relative;
	width: 100%;
	padding-bottom: 203.477897%;
	margin-bottom: 20px;
	z-index: 10;
}

.device {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0px;
	right: 0;
	width: 100%;
	height: 110%;
	-webkit-background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 80% 74%;
	z-index: initial;
}

.screen {
	overflow: hidden;
	position: relative;
	top: 16.1%;
	bottom: 20.6%;
	height: 69%;
	z-index: -1;
	left: 14.59%;
	right: 17.4%;
	width: 71%;
	border-radius: 13px;
	background-color: #0e0e0e;
	padding-top: 11%;
	padding-bottom: 11%;
}

.slider1 {
	height: 100%;
}

.slider1 div {
	height: 100%;
}

.slider1__item {
	font-size: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 8px;
	height: 8px;
	margin: 8px 4px;
	filter: Alpha(Opacity = 50);
	opacity: .5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #0086ff;
}

.owl-item {
	width: 23%;
}

.owl-pagination {
	position: relative;
	bottom: 29px;
}

.owl-controls {
	display: none !important;
}

.w-50 {
	width: 50% !important;
}

.w-75 {
	width: 75% !important;
}

@media screen and (max-width: 768px) {
	.vertical-align {
		display: block;
	}
}

.security-list {
	list-style: none;
}

.security-list li {
	font-size: 1.25em;
	color: #1d2127 !important;
	line-height: 1.5em;
}

.color-blue {
	color: #0386FF !important;
	background: none !important;
}

.intro-text {
	font-size: 4.5em;
	font-weight: 600;
	line-height: 1em;
	color: #333333;
}

.intro-caption {
	color: #4A4A4A;
	font-size: 2em;
	line-height: 1.25em;
}

.email-field {
	font-size: 1.5em;
	height: 1.75em;
	border-radius: 25px;
	background-color: #F1F9FF;
	border: none;
}

.vertical-align {
	display: flex;
	align-items: center;
}

@media screen and (max-width: 1000px) {
	.vertical-align {
		display: block !important;
	}
	.features {
		display: block !important;
	}
	section {
		padding-top: 10% !important;
		padding-bottom: 10% !important;
	}
	.title {
		text-align: center;
		font-size: 2em;
		line-height: 1.25em;
	}
	.caption {
		text-align: center;
		line-height: 1.25em;
	}
}

.btn-custom {
	border: none;
	font-size: 1.25em;
	color: #FFF !important;
	background: #0386FF !important;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #0386FF, #0583e9)
		!important;
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #0386FF, #0583e9) !important;
	background: #0386FF;
	border-radius: 25px;
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.table-scroll {
	padding: 30px;
	background: #fff;
	box-shadow: 0px 0px 25px 5px #0386ff1c;
	border: 5px solid #f8fcff;
	font-size: 1.35em;
	border-radius: 50px;
	color: #505050 !important;
	font-weight: 600;
}

.table-scroll>.table>tbody>tr>th {
	border-top: 1px solid #f0f0f0;
}

.blog-item {
	box-shadow: 0px 5px 20px 0px #d5d5d5;
	margin-bottom: 10%;
	border-radius: 6px;
}

.blog-content {
	padding: 20px;
	color: #0386FF !important;
}

.blog-title {
	margin-bottom: 2%;
	font-weight: bold;
	font-size: 2em;
	color: #0386FF !important;
}

.blog-date {
	color: #303030;
	font-size: 1.25em;
}

.blog-caption {
	margin-top: 5%;
	font-size: 1.25em;
	color: #7b7b7b;
}

.blog-btn {
	border: none;
	width: 100%;
	font-size: 1.25em;
	color: #FFF;
	background: linear-gradient(45deg, #0386ff, #0362ff);
	padding: 8px;
}

.blog-btn:active {
	background: linear-gradient(45deg, #0386ff, #0362ff);
}

.blog-btn:hover {
	color: #FFF;
}

.blog-btn:focus {
	border: none;
	outline: focus;
	color: #FFF;
}

.blog-image img {
	width: 100%;
	height: 100%;
}

.blog-image {
	height: 40%;
}

.video-wrapper {
	width: 100%;
	display: block;
	margin: 20px auto;
	position: relative;
}

.video-wrapper>video {
	width: 100%;
	vertical-align: middle;
}

.video-wrapper>video.has-media-controls-hidden::-webkit-media-controls {
	display: none;
}

.video-overlay-play-button {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 10px calc(50% - 50px);
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	opacity: 0.5;
	cursor: pointer;
	background-image: linear-gradient(transparent, #1b9cff);
	transition: opacity 150ms;
}

.video-overlay-play-button:hover {
	opacity: 0.7;
}

.video-overlay-play-button.is-hidden {
	display: none;
}

.video-title {
	font-size: 1.5em;
	font-weight: 600;
	color: #1a1a1a;
}

.rounded {
	border-radius: 15px !important;
}

.shadow {
	box-shadow: 0px 5px 15px 5px #a6a6a675;
}

/* Bootstrap 3 text input with search icon */
.has-feedback {
	margin: 0 auto;
	width: 50%;
}

.has-search .form-control-feedback {
	right: initial;
	left: 0;
	color: #FFF;
	line-height: 50px !important;
	height: 50px !important;
	width: 50px !important;
}

.has-search .form-control {
	padding-left: 45px;
	padding-top: 25px;
	padding-bottom: 25px;
}

#search {
	background: #1894FF;
}

#searchFAQ {
	background: rgba(255, 255, 255, 0.2);
	color: #515151 !important;
	border: none;
	font-size: 1.5em;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out
}

input[id="searchFAQ"]::-webkit-input-placeholder {
	color: #FFF;
}

input[id="searchFAQ"]::-moz-placeholder {
	color: #FFF;
}

input[id="searchFAQ"]:-ms-input-placeholder {
	color: #FFF;
}

input[id="searchFAQ"]:-moz-placeholder {
	color: #FFF;
}

input[id="searchFAQ"]:focus {
	background: rgba(255, 255, 255, 0.95) !important;
	box-shadow: 0px 3px 7px #6c6c6c;
	color: #515151 !important;
}

input[id="searchFAQ"]:focus+#search-icon {
	color: #9d9d9d !important;
}

input[id="searchFAQ"]:focus::placeholder {
	color: #9d9d9d !important;
}

html .toggle-primary .toggle label {
	color: #1894FF !important;
	font-size: 1.5em;
	font-weight: 600;
	padding-bottom: 10px !important;
}

.toggle>label {
	background: none !important;
	border: none !important;
}

.toggle>p {
	padding-left: 10px !important;
}

.toggle .toggle {
	background: #fff !important;
	padding: 20px;
	margin-top: 0px;
	border: 1px solid #dbdbdb;
	border-bottom: none;
}

.toggle .toggle:last-child {
	border-bottom: 1px solid #dbdbdb;
}

.toggle>label:before {
	display: none !important;
}

.toggle>label i.fa-plus {
	display: none !important;
}

.toggle.active i.fa-minus {
	display: none !important;
}

.get-started-section {
	padding-top: 5%;
	padding-bottom: 5%;
}

.see-more-label {
	text-align: center !important;
	font-size: 1.25em !important;
	padding-top: 0px !important;
}

@media screen and (max-width: 600px) {
	.intro-text {
		font-size: 3.5em;
	}
	.intro-caption {
		font-size: 1.5em;
	}
	#landing .getStarted {
		width: 100%;
	}
	.get-started-section {
		padding-top: 20% !important;
		padding-bottom: 20% !important;
	}
}

/* Short-form styles */
.short-form {
	max-width: 40em;
	border: 1px solid black;
}

.short-form_header {
	padding: 1em 2em;
	margin: 0;
	background: #ddd;
	text-align: center;
}

.short-form_highlights {
	display: table;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}

.short-form_highlights li {
	display: table-cell;
	padding-top: 1.5em;
	padding-right: 2em;
	padding-bottom: 1.5em;
}

.short-form_highlights li:first-child {
	padding-left: 2em;
}

.short-form_highlights h2 {
	margin-top: 0;
	margin-bottom: 0.25em;
	font-size: 1em;
	font-weight: normal;
}

.short-form_highlights b {
	font-size: 1.875em;
}

.short-form_inner-wrapper {
	padding: 0 2em 1em 2em;
}

.short-form_inner-wrapper__multi-plan {
	padding: 0 1em 1em 1em;
}

.short-form_table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1.5em;
}

.short-form_table caption {
	padding: 0.5em 0;
	border-top: 4px solid black;
	text-align: left;
}

.short-form_table th, .short-form_table td {
	padding: 0.5em 0;
	border-color: #000;
	border-style: solid;
	border-width: 1px 0 0 0;
	text-align: left;
	vertical-align: top;
}

.short-form_table thead th {
	border-top-width: 0;
	vertical-align: bottom;
}

.short-form_table .description {
	padding-right: 1em;
	font-weight: normal;
	text-align: left;
}

.short-form_table .amount {
	width: 25%;
}

.short-form_table__multi-plan {
	margin-top: 0.5em;
}

.short-form_table .payg-header, .short-form_table .monthly-header,
	.short-form_table .annual-header, .short-form_table .payg,
	.short-form_table .monthly, .short-form_table .annual {
	width: 20%;
	padding-left: 1em;
}

.short-form .footnote {
	margin-left: 0.625em;
	text-indent: -0.625em;
}

/* Responsive adjustments for short-form */
@media all and (max-width: 489px) {
	.short-form_header {
		padding: 1em;
	}
	.short-form_highlights {
		display: block;
	}
	.short-form_highlights li {
		float: left;
		width: 40%;
		padding-top: 1.5em;
		padding-right: 5%;
		padding-bottom: 1.5em;
		padding-left: 5%;
	}
	.short-form_highlights li:first-child {
		padding-left: 5%;
	}
	.short-form_inner-wrapper {
		padding: 0 5% 1em 5%;
	}
	.short-form_table {
		font-size: 0.875em;
	}
	.short-form_inner-wrapper__multi-plan {
		padding: 0 1em 1em 1em;
	}
	.short-form_table__multi-plan {
		margin-top: 1em;
	}
	.short-form_table__multi-plan thead {
		/* Hide from regular browsers but keep available to screenreaders. */
		position: absolute !important;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px); /* IE6, IE7 */
		clip: rect(1px, 1px, 1px, 1px);
	}
	.short-form_table__multi-plan th, .short-form_table__multi-plan td {
		box-sizing: border-box;
		display: block;
		float: left;
	}
	.short-form_table__multi-plan .description {
		width: 100%;
		padding-right: 0;
	}
	.short-form_table .payg-header, .short-form_table .monthly-header,
		.short-form_table .annual-header, .short-form_table .payg,
		.short-form_table .monthly, .short-form_table .annual {
		width: 33.333333333%;
		padding-left: 0;
		border-top-width: 0;
	}
	.short-form_table .payg-header, .short-form_table .payg {
		padding-right: 0.25em;
	}
	.short-form_table .monthly-header, .short-form_table .monthly {
		padding-right: 0.25em;
		padding-left: 0.25em;
	}
	.short-form_table .annual-header, .short-form_table .annual {
		padding-left: 0.25em;
	}
	.short-form_table td[data-label]:before {
		font-weight: bold;
		display: block;
		margin-top: 0;
		margin-bottom: 0.25em;
		content: attr(data-label);
		font-size: 0.8571428571em;
		line-height: 1;
	}
}

  .d-inline-block {
  	display: inline-block;
  }
  
  .mr-0 {
  	margin-right: 0px !important;
  }
  .mr-10 {
  	margin-right: 10px !important;
  }
  body {
	padding: 0px !important;
	margin: 0px !important;  
  }
/* End of short-form styles */