@charset "UTF-8";
@font-face {
	font-family:"Circular Std";
	src:url(/fonts/CircularStd-Book.eot);
	src:url(/fonts/CircularStd-Book.eot?#iefix) format("embedded-opentype"),url(/fonts/CircularStd-Book.woff) format("woff"),url(/fonts/CircularStd-Book.ttf) format("truetype"),url(/fonts/CircularStd-Book.svg#CircularStd-Book) format("svg");
	font-weight:400;
	font-style:normal
} 
@font-face {
	font-family:"Circular Std";
	src:url(/fonts/CircularStd-Bold.eot);
	src:url(/fonts/CircularStd-Bold.eot?#iefix) format("embedded-opentype"),url(/fonts/CircularStd-Bold.woff) format("woff"),url(/fonts/CircularStd-Bold.ttf) format("truetype"),url(/fonts/CircularStd-Bold.svg#CircularStd-Bold) format("svg");
	font-weight:700;
	font-style:normal
} 
body {
	background: #f8f8f8;
	font: 17px/1.5 "Circular Std";
	color: #969696;
	margin: 0
} 
.container {
	width: 940px;
	margin: 0 auto;
	overflow: hidden
} 
.container-wide {
	width: auto;
	margin: 0 20px;
	overflow: hidden
} 
header {
	position: relative;
	background: #275d97;
	line-height: 72px
} 
header .pt-logo {
	background: url(../img/logo-site.svg) no-repeat;
	height: 50px;
	line-height: 50px;
	width: 173px;
	overflow: hidden;
	text-indent: -100%;
	white-space: nowrap;
	margin: 0;
	text-align: left;
	background-size: contain
} 

.section-1,header {
	color: #fff;
	text-align: center
} 
.section-1 {
	background: url(../img/bg-section-1.jpg) no-repeat center center;
	background-size: cover;
	height: calc(50vw/3*2);
	display: flex;
	align-items: center;
	padding-bottom: calc(50vw/3)
} 
.tagline {
	font-size: 30px;
	text-shadow: 0 0 4px rgba(8,8,8,.5);
	display: flex-item;
	margin: 0
} 
.app-features {
	padding: 44px 0
} 
.app-features h3 {
	font-size: 30px;
	font-weight: 400;
	color: #434343;
	line-height: 1.2;
	margin-bottom: 1.35em;
	padding-right: 50px
} 
.app-features p {
	font-size: 17px;
	line-height: 1.59;
	color: #969696;
	margin-bottom: 5em
} 
.section-3 {
	min-height: 475px;
	margin-top: 100px
} 
.section-3 .slide-1 {
	background: url(../img/bg-slide-1.jpg) no-repeat center center
} 
.section-3 .slide-2 {
	background: url(../img/bg-slide-2.jpg) no-repeat center center
} 
.section-3 .slide-3 {
	background: url(../img/bg-slide-3.jpg) no-repeat center center
} 
.section-3 .slide-4 {
	background: url(../img/bg-slide-4.jpg) no-repeat center center
} 
.section-3 .slide-5 {
	background: url(../img/bg-slide-5.jpg) no-repeat center center
} 
.section-3 .slide,footer {
	color: #fff;
	text-align: center
} 
.section-3 .slide {
	background-size: cover;
	min-height: 475px
} 
.section-3 h2,.section-3 p {
	text-shadow: 0 0 4px rgba(8,8,8,.5)
} 
.section-3 h2 {
	position: relative;
	font-size: 45px;
	color: #fff;
	font-weight: 400;
	padding: 100px 0;
	margin: 0
} 
.section-3 h2::after {
	content: '';
	display: block;
	position: absolute;
	border-top: 3px solid #fff;
	left: 50%;
	top: 202px;
	width: 130px;
	height: 0;
	margin-left: -65px
} 
.section-3 p {
	font-size: 30px
} 
.section-4 {
	background: #fff;
	text-align: center;
	padding: 70px 0
} 
.section-4 ul,fieldset ol {
	list-style: none;
	padding-left: 0
} 
.section-4 picture {
	display: block;
	margin: 0 auto;
	min-height: 103px;
	text-align: center
} 
.section-4 img,header .pt-logo {
	display: inline-block;
	vertical-align: middle
} 
.section-4 p {
	font-size: 17px;
	line-height: 1.59;
	color: #969696;
	margin-top: 1.2em
} 
.section-5 {
	margin: 0 auto
} 
.section-5 img {
	display: block;
	margin: 0;
	width: 100%
} 
.clients,.faq {
	background: #f8f8f8;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 80px
} 
.clients h2,.faq h2,footer h2 {
	color: #434343;
	font-size: 45px;
	font-weight: 400
} 
.faq .container {
	background: #fff;
	font-size: 22px;
	color: #434343;
	width: 630px;
	padding: 48px 75px
} 
.faq .container dt {
	color: #434343;
	line-height: 62px
} 
.faq .container dt.js-visible {
	color: #275d97
} 
.faq .container dt.js-visible+dd {
	display: block
} 
.faq .container dt+dd {
	display: none
} 
.faq .container dd {
	font-size: 17px;
	line-height: 229%
} 
.faq .container dd+dt {
	border-top: 1px solid #e3e3e3
} 
.clients .logos {
	list-style: none;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	box-sizing: border-box
} 
.clients .logos li {
	list-style: none;
	width: calc(100%/4);
	margin: 2em 4em
} 
.clients .logos li img {
	height: auto;
	width: 100%
} 
footer {
	background: #1a1a1b url(../img/bg-footer.png) no-repeat 50% 0;
	background: #1a1a1b;
	min-height: 328px
} 
footer a:link,footer a:visited {
	color: #999
} 
footer h2 {
	color: #fff;
	margin: .65em 0 .45em
} 
footer ul {
	text-align: left;
	padding-left: 0;
	margin: 0
} 
footer dl {
	line-height: 200%
} 
footer dt {
	text-transform: uppercase
} 
footer dd {
	font-size: 16px;
	opacity: .5;
	margin-left: 0
} 
.nav-social-icons {
	line-height: 24px
} 
.nav-social-icons li {
	margin-right: 24px
} 
.nav-social-icons a {
	display: block;
	width: 24px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-repeat: no-repeat
} 
.nav-social-icon-facebook {
	background-image: url(../img/icon-facebook.png)
} 
.nav-social-icon-twitter {
	background-image: url(../img/icon-twitter.png)
} 
.nav-social-icon-instagram {
	background-image: url(../img/icon-instagram.png)
} 
.icon-nedbank,.icon-today {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
} 
.icon-nedbank {
	background: url(../img/icon-nedbank.png) no-repeat;
	width: 206px;
	line-height: 50px
} 
.icon-today {
	background: url(../img/icon-today.png) no-repeat;
	width: 177px;
	line-height: 64px
} 
.ib {
	letter-spacing: -.31em;
	word-spacing: -.43em\0;
	word-spacing: -.43em\9;
	*letter-spacing: normal;
	*word-spacing: -.43em;
	margin-right: -20px;
	word-spacing: -.43em
} 
.ib-item {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	word-spacing: normal
} 
.span-4,.span-5 {
	width: 300px;
	margin-right: 20px
} 
.span-5 {
	width: 380px
} 
.narrow {
	width: 780px;
	margin: 0 auto
} 
.hilite,legend {
	color: #275d97
} 
.description {
	background: #fff;
	text-align: center;
	height: 152px;
	padding: 20px;
	margin: 30px 0
} 
.description h2 {
	font-weight: 400;
	font-size: 22px;
	color: #3b3b3b
} 
.description p,label {
	font-size: 19px;
	color: #969696
} 
form {
	overflow: hidden;
	margin-bottom: 50px
} 
fieldset {
	border: 0;
	margin: 0;
	padding: 30px 0 0
} 
fieldset ol li {
	margin-bottom: 35px
} 
legend {
	font-weight: 700;
	font-size: 18px
} 
label {
	display: block;
	font-size: 17px;
	line-height: 1;
	margin-bottom: 5px
} 
input[type=submit] {
	width: 199px;
	height: 49px;
	border-radius: 3px;
	background-clip: padding-box;
	background-color: #f5c15d;
	color: #fff;
	font-size: 22px;
	font-weight: 700
} 
.right-50 {
	float: right;
	text-align: right;
	line-height: 49px
} 
.custom-select {
	position: relative;
	display: inline-block
} 
.custom-select select {
	display: inline-block;
	border: 2px solid #bbb;
	padding: 4px 3px 3px 5px;
	margin: 0;
	font: inherit;
	outline: 0;
	line-height: 1.2;
	background: #f8f8f8;
	border-radius: 6px
} 
.custom-select select:focus {
	box-shadow: 0 0 3px 1px #c00
} 
.custom-select:after {
	content: "?";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	font-size: 60%;
	line-height: 30px;
	padding: 0 7px;
	background: #bbb;
	color: #fff;
	pointer-events: none;
	border-radius: 0 6px 6px 0
} 
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.custom-select select {
		padding-right: 30px
	}
} 
table {
	width: 100%;
	margin-bottom: 40px
} 
table tfoot tr,table thead tr {
	background: #275d97;
	color: #fff
} 
table thead a {
	color: #fff
} 
.align-right,table tfoot th {
	text-align: right
} 
table td,table th {
	padding: 10px
} 
table caption {
	background: 0 0;
	color: #000;
	caption-side: top
} 
table tr.refunded {
	background: rgba(255,0,0,.2)!important;
	color: rgba(0,0,0,.5)
} 
table tbody tr:nth-child(2n) {
	background: rgba(0,0,0,.1)
} 
.js-hidden {
	display: none
} 
.js-toggle-day {
	cursor: pointer
} 
[role=tablist] {
	display: table;
	width: 30%;
	padding-left: 0;
	margin: 0 auto;
	text-align: center
} 
[role=tablist] li {
	display: table-cell;
	width: 50%
} 
[role=tablist] li+li {
	padding-left: 2px
} 
a[role=tab] {
	display: block;
	background: 0 0;
	font: 700 20px/54px "Circular Std",Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	color: #275d97;
	text-decoration: none;
	text-align: center;
	padding: 0;
	transition: background .3s ease-in;
	text-shadow: 1px 1px 1px rgba(0,0,0,.3);
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX = 1,OffY = 1,Color = #4d000000,Positive = true)
} 
a[role=tab]:focus {
	background: #275d97;
	color: #fff
} 
a[role=tab]:hover {
	background: #93aecb;
	color: #fff
} 
a[aria-selected=true] {
	background: #275d97;
	color: #fff
} 
[aria-hidden=true] {
	display: none
} 
.grid-2-columns {
	display: flex;
	padding: 0;
	list-style: none
} 
.grid-2-columns li {
	display: flex-item;
	width: 50%;
	padding: 0 10px
} 
.grid-2-columns label {
	display: block;
	margin: .25em 0 .5em;
	background: 0 0;
	border: 0
} 
.grid-2-columns input {
	display: block;
	margin: .25em 0 .5em;
	width: 100%
} 
#UserIndexForm {
	border-bottom: 2px solid #275d97;
	padding-bottom: 2em
} 
#UserIndexForm input[type=submit] {
	margin-right: 10px;
	float: right
} 
x:moz-any-link {
	word-spacing: -.43em
} 
.no-pointer-events .custom-select:after {
	content: none
} 
.pwpt-pay {
	text-align: center
} 
#paytodaybtn {
	width: 330px;
	margin: 0 auto 2em
} 
.book-a-demo {
	position: absolute;
	right: 20px;
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 48px;
	padding: 0 20px 0 72px;
	margin-top: 11px;
	background: rgba(255,255,255,0.2) url(/img/icon-demo.svg) no-repeat 20px 50%;
	background-size: 32px;
	border-radius: 6px;
}
.block__book-a-demo {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.65);
}
.block__book-a-demo form {
	width: 675px;
	height: 370px;
	background: #2B5C98;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -165px;
	margin-left: -337.5px;
}
.block__book-a-demo h2 {
	text-align: center;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: .5em;
}
.block__book-a-demo ol {
	list-style: none;
	margin: 0;
	padding: 0 45px;
	margin-bottom: 10px;
}
.block__book-a-demo li {
	display: flex;
	align-items: center;
	flex-direction: row;
	column-gap: 10px;
	color: #FFF;
	margin-bottom: 5px;
}
.block__book-a-demo li label,
.block__book-a-demo li input {
	display: block;
	flex-grow: 1;
}
.block__book-a-demo li label {
	width: 160px;
	color: #FFF;
}
.block__book-a-demo li input {
	background: none;
	border: 1px solid rgba(255,255,255,0.2);
	width: 300px;
	height: 32px;
	color: #FFF;
	font-weight: bold;
	padding: 0 15px;
}
.block__book-a-demo button {
	background: none;
	color: #FFF;
	cursor: pointer;
	float: right;
	margin-right: 45px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 20px;
	border: 0;
	font-weight: normal;
	padding: 0;
	vertical-align: top;
}
.block__book-a-demo button * {
	vertical-align: top;
	display: inline-block;
	height: 34px;
}
.block__book-a-demo button span {
	line-height: 34px;
}
.block__book-a-demo button img {
	width: 34px;
	margin: 0;
}