<!doctypehtml><html lang=en><meta content=IE=edge http-equiv=X-UA-Compatible><meta content=no-cache http-equiv=cache-control><meta content=no-cache http-equiv=pragma><meta content=-1 http-equiv=expires><meta content=initial-scale=1,width=device-width name=viewport><meta content="text/html; charset=utf-8"http-equiv=Content-Type><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
			(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
			m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
			})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
			
			
			ga('create', 'UA-87093406-3', 'auto');
			

			ga('client.require', 'ec');</script><meta name=keywords><meta content=  name=description><meta content=website property=og:type><meta content=http://AbsaOnline2021.website2.me property=og:url><meta content="Absa Online - AbsaOnline2021"property=og:title><meta content=  property=og:description><meta content=http://absaonline2021.website2.me/img/screenshot/1273328.jpg property=og:image><meta content=summary name=twitter:card><meta content=@WebsiteDotCom name=twitter:site><meta content="Absa Online - AbsaOnline2021"name=twitter:title><meta content=  name=twitter:description><meta content=http://absaonline2021.website2.me/img/screenshot/1273328.jpg name=twitter:image><meta content="Absa Online - AbsaOnline2021"name=twitter:image:alt><title>
   Absa Online - AbsaOnline2021
  </title><link rel="shortcut icon"href=/img/favicon.ico><link href=/js/plugins/jquery-ui/css/smoothness/jquery-ui-1.10.1.custom.min.css rel=stylesheet><link href=//fonts.googleapis.com/css?family=Alegreya:100,200,300,400,500,600,700,800,900|Alegreya+SC:100,200,300,400,500,600,700,800,900|Alegreya+Sans:100,200,300,400,500,600,700,800,900|Alegreya+Sans+SC:100,200,300,400,500,600,700,800,900|Allan:100,200,300,400,500,600,700,800,900|Allerta:100,200,300,400,500,600,700,800,900|Amaranth:100,200,300,400,500,600,700,800,900|Anton:100,200,300,400,500,600,700,800,900|Architects+Daughter:100,200,300,400,500,600,700,800,900|Archivo:100,200,300,400,500,600,700,800,900|Archivo+Black:100,200,300,400,500,600,700,800,900|Archivo+Narrow:100,200,300,400,500,600,700,800,900|Arvo:100,200,300,400,500,600,700,800,900|Asap:100,200,300,400,500,600,700,800,900|Bentham:100,200,300,400,500,600,700,800,900|Cabin:100,200,300,400,500,600,700,800,900|Calligraffitti:100,200,300,400,500,600,700,800,900|Cardo:100,200,300,400,500,600,700,800,900|Cherry+Cream+Soda:100,200,300,400,500,600,700,800,900|Chewy:100,200,300,400,500,600,700,800,900|Cinzel:100,200,300,400,500,600,700,800,900|Coda:100,200,300,400,500,600,700,800,900|Coda+Caption:100,200,300,400,500,600,700,800,900|Comfortaa:100,200,300,400,500,600,700,800,900|Coming+Soon:100,200,300,400,500,600,700,800,900|Corben:100,200,300,400,500,600,700,800,900|Cormorant+Garamond:100,200,300,400,500,600,700,800,900|Cousine:100,200,300,400,500,600,700,800,900|Covered+By+Your+Grace:100,200,300,400,500,600,700,800,900|Crafty+Girls:100,200,300,400,500,600,700,800,900|Crimson+Text:100,200,300,400,500,600,700,800,900|Crushed:100,200,300,400,500,600,700,800,900|Cuprum:100,200,300,400,500,600,700,800,900|Cutive:100,200,300,400,500,600,700,800,900|Dancing+Script:100,200,300,400,500,600,700,800,900|Droid+Sans:100,200,300,400,500,600,700,800,900|Droid+Serif:100,200,300,400,500,600,700,800,900|EB+Garamond:100,200,300,400,500,600,700,800,900|Fjalla+One:100,200,300,400,500,600,700,800,900|Francois+One:100,200,300,400,500,600,700,800,900|GFS+Didot:100,200,300,400,500,600,700,800,900|Glass+Antiqua:100,200,300,400,500,600,700,800,900|Goudy+Bookletter+1911:100,200,300,400,500,600,700,800,900|Gruppo:100,200,300,400,500,600,700,800,900|Heebo:100,200,300,400,500,600,700,800,900|Homemade+Apple:100,200,300,400,500,600,700,800,900|Inconsolata:100,200,300,400,500,600,700,800,900|Indie+Flower:100,200,300,400,500,600,700,800,900|Josefin+Sans:100,200,300,400,500,600,700,800,900|Julius+Sans+One:100,200,300,400,500,600,700,800,900|Just+Another+Hand:100,200,300,400,500,600,700,800,900|Kaushan+Script:100,200,300,400,500,600,700,800,900|Kreon:100,200,300,400,500,600,700,800,900|Kristi:100,200,300,400,500,600,700,800,900|Lato:100,200,300,400,500,600,700,800,900|Lekton:100,200,300,400,500,600,700,800,900 rel=stylesheet><link href=//fonts.googleapis.com/css?family=Libre+Baskerville:100,200,300,400,500,600,700,800,900|Libre+Franklin:100,200,300,400,500,600,700,800,900|Lily+Script+One:100,200,300,400,500,600,700,800,900|Lobster:100,200,300,400,500,600,700,800,900|Lora:100,200,300,400,500,600,700,800,900|M+PLUS+1p:100,200,300,400,500,600,700,800,900|Maven+Pro:100,200,300,400,500,600,700,800,900|Meddon:100,200,300,400,500,600,700,800,900|Merriweather:100,200,300,400,500,600,700,800,900|Michroma:100,200,300,400,500,600,700,800,900|Molengo:100,200,300,400,500,600,700,800,900|Montserrat:100,200,300,400,500,600,700,800,900|Montserrat+Alternates:100,200,300,400,500,600,700,800,900|Mountains+of+Christmas:100,200,300,400,500,600,700,800,900|Neuton:100,200,300,400,500,600,700,800,900|Nixie+One:100,200,300,400,500,600,700,800,900|Nobile:100,200,300,400,500,600,700,800,900|Old+Standard+TT:100,200,300,400,500,600,700,800,900|Oleo+Script+Swash+Caps:100,200,300,400,500,600,700,800,900|Open+Sans:100,200,300,400,500,600,700,800,900|Open+Sans+Condensed:100,200,300,400,500,600,700,800,900|Orbitron:100,200,300,400,500,600,700,800,900|Oswald:100,200,300,400,500,600,700,800,900|PT+Sans:100,200,300,400,500,600,700,800,900|PT+Serif:100,200,300,400,500,600,700,800,900|Pacifico:100,200,300,400,500,600,700,800,900|Play:100,200,300,400,500,600,700,800,900|Playfair+Display:100,200,300,400,500,600,700,800,900|Poiret+One:100,200,300,400,500,600,700,800,900|Poppins:100,200,300,400,500,600,700,800,900|Puritan:100,200,300,400,500,600,700,800,900|Quattrocento:100,200,300,400,500,600,700,800,900|Radley:100,200,300,400,500,600,700,800,900|Raleway:100,200,300,400,500,600,700,800,900|Roboto:100,200,300,400,500,600,700,800,900|Rock+Salt:100,200,300,400,500,600,700,800,900|Rouge+Script:100,200,300,400,500,600,700,800,900|Saira+Extra+Condensed:100,200,300,400,500,600,700,800,900|Schoolbell:100,200,300,400,500,600,700,800,900|Seaweed+Script:100,200,300,400,500,600,700,800,900|Shadows+Into+Light:100,200,300,400,500,600,700,800,900|Sorts+Mill+Goudy:100,200,300,400,500,600,700,800,900|Source+Sans+Pro:100,200,300,400,500,600,700,800,900|Sunshiney:100,200,300,400,500,600,700,800,900|Syncopate:100,200,300,400,500,600,700,800,900|Tajawal:100,200,300,400,500,600,700,800,900|Tangerine:100,200,300,400,500,600,700,800,900|Ubuntu:100,200,300,400,500,600,700,800,900|Varela+Round:100,200,300,400,500,600,700,800,900|Voces:100,200,300,400,500,600,700,800,900|Vollkorn:100,200,300,400,500,600,700,800,900|Waiting+for+the+Sunrise:100,200,300,400,500,600,700,800,900|Walter+Turncoat:100,200,300,400,500,600,700,800,900|Wire+One:100,200,300,400,500,600,700,800,900|Yanone+Kaffeesatz:100,200,300,400,500,600,700,800,900 rel=stylesheet><link href=/skins/0/blank_new/theme.bundle.css?20201229154043 rel=stylesheet><link href=/style/font-awesome-4.7.0/css/font-awesome.min.css rel=stylesheet><link href=/style/dist/core.bundle.css?20201229154043 rel=stylesheet><script src=/js/dist/core.bundle.js?20201229154043></script><script src=/js/plugins/jquery.cookie.min.js?></script><script src=/js/plugins/jquery.form.min.js?></script><link href=/js/editor/dist/site_style.bundle.css?20201229154043 rel=stylesheet><script>window.WS_ELEMENTS = {siteID: 1273328};</script><link media="all and (min-width: 1px)"href=/js/editor/dist/nav_style.bundle.css?20201229154043 rel=stylesheet><link media="all and (min-width: 1px)"href=/js/editor/dist/image_style.bundle.css?20201229154043 rel=stylesheet><link media="all and (min-width: 1px)"href=/js/editor/dist/webform_style.bundle.css?20201229154043 rel=stylesheet><link media="(min-width: 1px)"href=/js/dist/hp-icon/styles.css?20201229154043 rel=stylesheet><link media="(min-width: 1px)"href=/js/editor/dist/hp_style.bundle.css?20201229154043 rel=stylesheet><script src=/js/editor/dist/hp.bundle.js?20201229154043></script><script src=/js/plugins/popper.min.js></script><script src=/js/plugins/in-view/in-view.min.js?></script><link href=/js/plugins/fancybox2/jquery.fancybox.min.css? media=screen rel=stylesheet><link href=/js/plugins/fancybox2/helpers/jquery.fancybox-thumbs.min.css? media=screen rel=stylesheet><link href=/js/plugins/fancybox2/jquery.fancybox.custom.min.css? media=screen rel=stylesheet><script src=/js/plugins/fancybox2/jquery.fancybox.pack.js?></script><script src=/js/plugins/fancybox2/helpers/jquery.fancybox-thumbs.min.js?></script><link href=/style/fancybox_custom.css? media=screen rel=stylesheet><link href=/style/animate.min.css? rel=stylesheet><style>header {
		height: 83px;
	}
	
	#content-body {
		height: 670px;
	}
	
	#footer-body {
		height: 50px;
	}
	

	
	.section > .container {
		width: 940px !important;
	}
	html {
		min-width: 940px !important;
		-webkit-text-size-adjust: none;
	}
	
		header {
			position: static;
			width: auto;
			top: auto;
			z-index: auto;
		}
		#body-wrapper {
			padding-top: 0;
		}
		
			.fonts1 .paragraph1 {
			font-family: Helvetica, Arial, sans-serif;
			color: #5C5C5C; font-size: 18px; 	font-weight: normal; text-decoration: none; letter-spacing: 0em; line-height: 1em; 
			}
		
			.fonts1 .paragraph3 {
			font-family: Helvetica, Arial, sans-serif;
			color: #5C5C5C; font-size: 12px; 	font-weight: normal; text-decoration: none; letter-spacing: 0em; line-height: 1em; 
			}
		
			.fonts1 .paragraph2 {
			font-family: Helvetica, Arial, sans-serif;
			color: #5C5C5C; font-size: 14px; 	font-weight: normal; text-decoration: none; letter-spacing: 0em; line-height: 1em; 
			}
		
			.fonts1 .title3 {
			font-family: Helvetica, Arial, sans-serif;
			color: #F1900C; font-size: 32px; font-weight: normal; text-decoration: none; letter-spacing: 0em; line-height: 1em; 
			}
		
			.fonts1 .title2 {
			font-family: Helvetica, Arial, sans-serif;
			color: #F1900C; font-size: 40px; font-weight: normal; text-decoration: none; letter-spacing: 0em; line-height: 1em; 
			}
		.blog-post-content a,
			.fonts1 .link {
			font-family: Helvetica, Arial, sans-serif;
			color: #F1900C; 	font-weight: normal; text-decoration: none; letter-spacing: 0em; 
			}
		
			.fonts1 .title1 {
			font-family: Helvetica, Arial, sans-serif;
			color: #F1900C; font-size: 60px; font-weight: normal; text-decoration: none; letter-spacing: 0em; line-height: 1em; 
			}
		
			.fonts1 .title6 {
			font-family: Helvetica, Arial, sans-serif;
			color: #F1900C; font-size: 20px; font-weight: normal; text-decoration: none; letter-spacing: 0em; line-height: 1em; 
			}
		
			.fonts1 .title5 {
			font-family: Helvetica, Arial, sans-serif;
			color: #AC824F; font-size: 24px; font-weight: normal; text-decoration: none; letter-spacing: 0em; line-height: 1em; 
			}
		
			.fonts1 .title4 {
			font-family: Helvetica, Arial, sans-serif;
			color: #5C5C5C; font-size: 28px; font-weight: normal; text-decoration: none; letter-spacing: 0em; line-height: 1em; 
			}
		
#el-5117877 img{width: 960px;height: 670px;left: 0px;top: 0px;}
#el-5117877 {
			left:0px;top:0px;z-index:1001;width:960px;height:670px; 
		}
		
		#el-5117903 {
					left:132px;top:75px;z-index:1002;width:279px;height:314px; 
			}
		
			#el-5117903 {
				
			}
		
			#el-5117903 label.checkbox,
				#el-5117903 label.radio,
				#el-5117903 .control-label,
				#el-5117903 .captcha
				
				,#el-5117903 .btn
				 {
						font-family:Montserrat;letter-spacing:0.2em;font-weight:bold;color:rgba(0, 0, 0, 1);font-size:16px;
				}
		
				#el-5117903 input::-webkit-input-placeholder,
					#el-5117903 textarea::-webkit-input-placeholder {
						font-family:Montserrat;letter-spacing:0.2em;font-weight:bold;color:rgba(0, 0, 0, 1);font-size:16px;
					}
		
					#el-5117903 input:-moz-placeholder,
					#el-5117903 textarea:-moz-placeholder {
						font-family:Montserrat;letter-spacing:0.2em;font-weight:bold;color:rgba(0, 0, 0, 1);font-size:16px;
					}
		
					#el-5117903 input::-moz-placeholder,
					#el-5117903 textarea::-moz-placeholder {
						font-family:Montserrat;letter-spacing:0.2em;font-weight:bold;color:rgba(0, 0, 0, 1);font-size:16px;
					}
		
					#el-5117903 input:-ms-input-placeholder,
					#el-5117903 textarea:-ms-input-placeholder {
						font-family:Montserrat;letter-spacing:0.2em;font-weight:bold;color:rgba(0, 0, 0, 1);font-size:16px;
					}
		
					#el-5117903 input::-ms-input-placeholder,
					#el-5117903 textarea::-ms-input-placeholder {
						font-family:Montserrat;letter-spacing:0.2em;font-weight:bold;color:rgba(0, 0, 0, 1);font-size:16px;
					}
		
					#el-5117903 input:placeholder-shown,
					#el-5117903 textarea:placeholder-shown {
						font-family:Montserrat;letter-spacing:0.2em;font-weight:bold;color:rgba(0, 0, 0, 1);font-size:16px;
					}
				#el-5117903 form input,
			#el-5117903 form textarea,
			#el-5117903 form select  {
				
					border-radius: 4px;
				
					border-color: rgba(228, 22, 22, 1);
				
					padding-left: 10px;
					width: calc(100% - 10px);
				
					-webkit-box-shadow: none;
					-moz-box-shadow: none;
					box-shadow: none;
				
			}
		
			#el-5117903 form input:not(.radioInput, .checkboxInput),
				#el-5117903 form textarea {
					-moz-appearance:none; /* Firefox */
					-webkit-appearance:none; /* Safari and Chrome */
					appearance:none;
				}
			#el-5117903 .radio,
				#el-5117903 .checkbox {
					display:inline-block;
					margin-bottom:0;
					vertical-align:middle;
					padding-top: 5px;
					margin-left:10px;
				}
			#el-5117903 .radio input,
				#el-5117903 .checkbox input {
				    width: auto;
				}
			#el-5117903 .submit-control-group {
				
						text-align: center;
					
			}
		
			#el-5117903 .btn {
				
					width: auto;
				
					border-radius: 4px;
				
						background: rgba(228, 22, 22, 1);
						border: none;
					
					-webkit-box-shadow: none;
					-moz-box-shadow: none;
					box-shadow: none;
		
					
						
						text-shadow: none;
						-moz-appearance:none; /* Firefox */
						-webkit-appearance:none; /* Safari and Chrome */
						appearance:none;
					font-family:Montserrat;letter-spacing:0.2em;font-weight:normal;color:#ffffff;font-size:16px; 
			}
		
			
				#el-5117903 .btn:hover {
					opacity: 0.8;
				}
			
		#el-78146 {
				left:381px;top:19px;z-index:90000;width:200px;height:25px; 
		}

		#el-78146  {
			opacity: 0;

			
		}

		

		#el-78146 .nav-links li,
		#el-78146 select,
		#el-78146 .hp-dropdown-toggle,
		.nav-dropdown-78146 li {

			
		}

		#el-78146 .nav-links li > ul li {
			
		}

		#el-78146 .nav-links li,
		.nav-element-modal-78146 li > a,
		#el-78146 .hp-dropdown-toggle,
		.nav-dropdown-78146 {

			
						font-size: 14px;
					
						font-family: Maven Pro;
					
						letter-spacing: 0.04em;
					
						color: #000000;
					
		}

		
			.nav-element-modal-78146 li > a,
			.nav-element-modal-78146 li > ul {
				
					font-size: 14px;
					
					line-height: 1.2;
				
					color: #2E2E2E;
				
			}

			.nav-element-modal-78146 .nav-element-modal-header .fa-times { 
				
					color: #2E2E2E;
				
			}
		#el-78146 .hp-dropdown-toggle {
			
		}

		#el-78146 .nav-links li,
		#el-78146 .hp-dropdown-toggle {
			
		}


		#el-78146 .nav-links li a,
		#el-78146 .hp-dropdown-toggle {

			
				text-align: center;

				
					justify-content: center;
				
			
		}

		#el-78146 .nav-links li a {
			
						padding: 20px;
					
		}

		#el-78146 .nav-links li > ul {

			
		}

		

		#el-78146 .nav-links li:hover,
		#el-78146 .hp-dropdown-toggle:hover  {

			
					box-shadow: none;
				
						border-color: #000;
					
						border-width: 0;
					
						border-radius: 0px;
					
		}
		
		#el-78146 .hp-dropdown-toggle:hover,
		#el-78146 .hp-dropdown-toggle li:hover {
			
						background-color: rgba(237,228,217,0) !important;
					
		}

		#el-78146 .nav-links li:hover,
		#el-78146 .hp-dropdown-toggle:hover,
		#el-78146 .hp-dropdown-toggle li:hover,
		.nav-dropdown-78146 li:hover {
			
			
						background-color: rgba(237,228,217,0);
					
						color: #5C5C5C;
					
		}

		#el-78146 .nav-links li > ul li:hover {
			
						background-color: rgba(237,228,217,0) 
		}

		

		#el-78146 .nav-links li.active {

			
					box-shadow: none;
				
						border-color: #000;
					
						border-width: 0;
					
						border-radius: 0px;
					

		}

		#el-78146 .nav-links li.active,
		.nav-element-modal-78146 li.active,
		.nav-element-modal-78146 li.active > a,
		#el-78146 .hp-dropdown-toggle li.active,
		.nav-dropdown-78146 li.active {

			
						background-color: rgba(230,230,230,0);
					
						color: #5C5C5C;
					

		}

		#el-78146 .nav-links li > ul li.active {
			
						background-color: rgba(230,230,230,0) 
		}

		
			.nav-element-modal-78146 li.active,
			.nav-element-modal-78146 li.active > a {

				
					color: #2E2E2E 
			}
		#el-78146 .nav-links {
			
		}

		#el-78146 .nav-links > li,
		#el-78146 .nav-links > li a {
			
					margin-top: 0 !important;
					margin-bottom: 0 !important;
					padding-top: 0 !important;
					padding-bottom: 0 !important;
				
		}

		#el-78146 .nav-links > li ul > li,
		#el-78146 .nav-links > li ul > li a {
			
					margin-left: 0 !important;
					margin-right: 0 !important;
					padding-top: 6px !important;
					padding-bottom: 6px !important;
				
							padding: 20px;
						
		}

		#el-78146 .nav-links > li {
			
		}

		#el-78146  .nav-links .nav-link-first {
					margin-left: 0 !important;
				}
				
				#el-78146  .nav-links .nav-link-last {
					margin-right: 0 !important;
				}
			

		
		.nav-element-modal-78146 {

			

		}

		.nav-element-modal-78146 {

			
					width: auto;

					max-width: 50%;
					min-width: 400px;

					
						transform: translate(-100%, 0);
						box-shadow: -2px 0px 10px 0px rgba(0,0,0,0.75);
					
				/*justify-content: center;*/
			
				text-align: center;
			
				background-color: #FFF;
			
		}

		body.mobile-mode .nav-element-modal-78146 {
			width: 225px;
			max-width: unset;
			min-width: unset;
		}

		#el-78146 .nav-link-more i {
						display: none;
					}</style><style id=style-sections>header{background-color:rgba(0, 0, 0, 0);background-image:url('/upload/1273328/images/optimize/01DDF463F869424F.png');background-repeat:no-repeat no-repeat;background-attachment:50 50;background-size:auto;background-position:0 0;}</style><style id=header-shadow>header {box-shadow: 0 0 0 0 transparent;}</style><style id=paletteStyles>.fg-A0 {color: #E6E6E6 !important;}.bg-A0 {background-color: #E6E6E6 !important;}.fg-A1 {color: #FDE6C9 !important;}.bg-A1 {background-color: #FDE6C9 !important;}.fg-A2 {color: #EDE4D9 !important;}.bg-A2 {background-color: #EDE4D9 !important;}.fg-A3 {color: #FEE98A !important;}.bg-A3 {background-color: #FEE98A !important;}.fg-A4 {color: #EFF0EB !important;}.bg-A4 {background-color: #EFF0EB !important;}.fg-B0 {color: #B8B8B8 !important;}.bg-B0 {background-color: #B8B8B8 !important;}.fg-B1 {color: #FFCA8C !important;}.bg-B1 {background-color: #FFCA8C !important;}.fg-B2 {color: #CEB494 !important;}.bg-B2 {background-color: #CEB494 !important;}.fg-B3 {color: #FDCF02 !important;}.bg-B3 {background-color: #FDCF02 !important;}.fg-B4 {color: #C1C5B2 !important;}.bg-B4 {background-color: #C1C5B2 !important;}.fg-C0 {color: #8A8A8A !important;}.bg-C0 {background-color: #8A8A8A !important;}.fg-C1 {color: #F1900C !important;}.bg-C1 {background-color: #F1900C !important;}.fg-C2 {color: #AC824F !important;}.bg-C2 {background-color: #AC824F !important;}.fg-C3 {color: #C4A101 !important;}.bg-C3 {background-color: #C4A101 !important;}.fg-C4 {color: #939978 !important;}.bg-C4 {background-color: #939978 !important;}.fg-D0 {color: #5C5C5C !important;}.bg-D0 {background-color: #5C5C5C !important;}.fg-D1 {color: #9F6208 !important;}.bg-D1 {background-color: #9F6208 !important;}.fg-D2 {color: #735735 !important;}.bg-D2 {background-color: #735735 !important;}.fg-D3 {color: #8D7301 !important;}.bg-D3 {background-color: #8D7301 !important;}.fg-D4 {color: #656B50 !important;}.bg-D4 {background-color: #656B50 !important;}.fg-E0 {color: #2E2E2E !important;}.bg-E0 {background-color: #2E2E2E !important;}.fg-E1 {color: #4F2F04 !important;}.bg-E1 {background-color: #4F2F04 !important;}.fg-E2 {color: #3A2C1A !important;}.bg-E2 {background-color: #3A2C1A !important;}.fg-E3 {color: #554600 !important;}.bg-E3 {background-color: #554600 !important;}.fg-E4 {color: #383B2C !important;}.bg-E4 {background-color: #383B2C !important;}</style><body class="ws-editor fonts1 publish standard"style=opacity:0><link href=/js/editor/dist/pageLogin_style.bundle.css?20201229154043 rel=stylesheet><script src=/js/plugins/mdl/material.min.js></script><div style="height: 100vh; width: 100vw; background-color: #fff; display: none; overflow: auto;"class=pageLogin id=signinModal><div class=closeSignInView id=closeSignModalBtn>X</div><div class="signInViewPageName fonts1"><span class=paragraph2> Absa Online | AbsaOnline2021.website2.me </span></div><div class="pageLoginContainer fonts1"id=memberSignin><div class=pageLoginContainer><span class="pageLoginTitle title2 show-memberCheckout"> Secure Checkout Options </span><div class=signinContainer><div class=pageLoginContainer><span class="pageLoginTitle title2 hide-memberCheckout"> Member Login </span><span class="pageLoginInfo paragraph2 hide-memberCheckout"> Please log in to your account. </span><form class=pageLoginContent id=frmMemberSignin><div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label"><label class=mdl-textfield__label for=signInEmailInput>Email Address</label><input class=mdl-textfield__input id=signInEmailInput name=emailAddress></div><div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label"><label class=mdl-textfield__label for=signInPwInput>Password</label><input class=mdl-textfield__input id=signInPwInput name=password type=password></div><label class=errorMsg id=signinErr></label><button id=submitSignin>Log In</button><div style="text-align: left;"><a id=forgotPwdLink> Forgot password? </a></div><div style="text-align: left;"><a class=resendEmailLink> Didn't receive the verification email? </a></div></form></div><div class=vl></div><div class="guest-checkout pageLoginContainer"><button>Continue as Guest</button></div></div></div></div><div class="pageLoginContainer fonts1"id=forgotPassword style=display:none;><div class=successView><span class="pageLoginTitle title2"sytle="width: auto;"> Please Check Your Email </span><span class="pageLoginInfo paragraph2"> We've emailed a password reset link to: <span style="display: block;font-weight: 700;"id=resetEmail> </span> </span><div class=pageLoginContent><button class=loginLink>Back to Login Page</button></div></div><div class=formView><span class="pageLoginTitle title2"> Forgot Your Password? </span><span class="pageLoginInfo paragraph2"> Enter your email address below, and we'll email you a link to set a new password. </span><form class=pageLoginContent id=frmForgotPassword><div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label"><label class=mdl-textfield__label for=forgotPwdEmail>Email Address</label><input class=mdl-textfield__input id=forgotPwdEmail name=email></div><label class=errorMsg id=forgotPwdErr></label><button id=submitForgotPwd>Submit</button><div style="text-align: left;"><a style="padding-top: 12px;"class=loginLink> Back to Login Page </a></div></form></div></div><div class="pageLoginContainer fonts1"id=resendEmail style=display:none;><div class=successView><span class="pageLoginTitle title2"sytle="width: auto;"> Please Check Your Email </span><span class="pageLoginInfo paragraph2"> We've emailed a verification link to: <span style="display: block;font-weight: 700;"id=targetEmail> </span> </span><div class=pageLoginContent><button class=loginLink>Back to Login Page</button></div></div><div class=formView><span class="pageLoginTitle title2"> Resend Verification Email </span><span class="pageLoginInfo paragraph2"> If you have not received a verification email, you can enter your email address below, and we'll resend the verification email. </span><form class=pageLoginContent id=frmResendEmail><div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label"><label class=mdl-textfield__label for=forgotPwdEmail>Email Address</label><input class=mdl-textfield__input id=ResendVerificationEmail name=email></div><label class=errorMsg id=forgotPwdErr></label><button id=submitResendEmail>Submit</button><div style="text-align: left;"><a style="padding-top: 12px;"class=loginLink> Back to Login Page </a></div></form></div></div><div data-overlay id=signin-overlay><i class="hpi-icon hpi-loading-primary"> </i></div><script>var SignInApp = {};

$(function(){

	$.validator.setDefaults({ 
        ignore: [] // DON'T IGNORE PLUGIN HIDDEN SELECTS, CHECKBOXES AND RADIOS!!!
    });

	
	var $frmMemberSignin = $("#frmMemberSignin");
	var signinValidator = $frmMemberSignin.validate({
		onfocusout: false,
	    rules: {
	        emailAddress: {
	            required: true
	        },
	        password: {
				required: true
	        }
	    },
	    messages: {
	        emailAddress: {
	            required: "Please enter your email address."
	        },
	        password: {
	            required: "Please enter your password."
	        }
	    },
	    errorPlacement: function(error, element){
	        error.insertAfter(element);
	    }
	});

	$('#submitSignin').on('click', function(e) {
		e.preventDefault();
		if ($frmMemberSignin.valid()) {
			loadingOverlay(true);
			Recaptcha.invisible(function(token) {
				submitSignin(token);
			});
		}
	});

	function submitSignin(token) {
		loadingOverlay(true);
		$.ajax({ 
			type: 'POST',
			url: '?event=member.submitSignin',
			xhrFields: {withCredentials: true},
			async: false,
			data: {
				emailAddress: $.trim($frmMemberSignin[0].emailAddress.value),
				password: $.trim($frmMemberSignin[0].password.value),
				token: token
			},
			dataType: 'json',
			success: function(response) {
				if (response && response.success) {
					successLoginCallback();
				} else {
					loadingOverlay(false);
					var errMsg = response? response.errMsg : 'Log in failed. Please try again.';
					showCustomErrors($frmMemberSignin, errMsg, errMsg.indexOf('reCAPTCHA') < 0 ? null : {});
				}
			},
			error: function(err) {
				loadingOverlay(false);
				showCustomErrors($frmMemberSignin, 'Log in failed. Please try again.');
				
			}
		});
	};

	$('.guest-checkout button').on('click', function(e){
		e.preventDefault();
		if (typeof SignInApp.loginCallback === 'function') {
			var callback = SignInApp.loginCallback;
			SignInApp.loginCallback = '';
			callback();
		} else {
			location.reload();
		}
	});

	var successLoginCallback = function(){
		if (typeof SignInApp.loginCallback === 'function') {
			var callback = SignInApp.loginCallback;
			SignInApp.loginCallback = '';
			callback();
			loadingOverlay(false);
		} else {
			location.reload();
		}
	};

	
	$.validator.addMethod("validPwdFormat", function(value, element){
	    var capPattern = /[A-Z]/g;
	    var numPattern = /[0-9]/g;
	    return value.length ? (capPattern.test(value) && numPattern.test(value)) : true;
	}, "Password must contain at least one capital letter and one numerical digit.");

	var $frmMemberSignup = $("#frmMemberSignup");
	var signupValidator = $frmMemberSignup.validate({
		onfocusout: false,
	    rules: {
	        firstName: {
	            required: true,
	            maxlength: 100
	        },
	        lastName: {
	            required: true,
	            maxlength: 100
	        },
	        email: {
	        	required: true,
	        	email: true,
	        	maxlength: 200
	        },
	        password: {
	        	required: true,
	            minlength: 6,
	            maxlength: 50,
	            validPwdFormat: true
	        },
	        passwordAgain: {
	        	required: true,
	            equalTo: "#signupPwd"
	        },
	       'agreeTerm': {
	        	required: false
	        }

	    },
	    messages: {
	        firstName: {
	            required: "Please enter your first name."
	        },
	        lastName: {
	            required: "Please enter your last name."
	        },
	        email: {
	        	required: "Please enter your email address.",
	        	email: "Please enter a valid email address."
	        },
	        password: {
	            required: "Please enter your password."
	        },
	        passwordAgain: {
	            required: "Please enter your password again.",
	            equalTo: "Passwords don't match."
	        },
	       'agreeTerm': {
	        	required: "You must agree the Terms of Membership to continue member sign-up."
	        }
	    },
	    errorPlacement: function(error, element){
	        error.insertAfter(element);
	    }
	});
	$('#submitSignup').click(function(e){
		e.preventDefault();
		if ($frmMemberSignup.valid()) {
			loadingOverlay(true);
			Recaptcha.invisible(function(token) {
				submitSignup(token);
			});
		}
	});

	function submitSignup(token) {
		var data = {
			firstName: $.trim($frmMemberSignup[0].firstName.value),
			lastName: $.trim($frmMemberSignup[0].lastName.value),
			email: $.trim($frmMemberSignup[0].email.value),
			password: $.trim($frmMemberSignup[0].password.value),
			token: token,
			HTTP_HOST: 'absaonline2021.website2.me',
			isCheckout: SignInApp.isCheckout ? true : false
		};
		var url = SignInApp.isCheckout ? '?event=member.submitSignup' : 'https://site-umv3ensa.websiteserver3.com?event=member.submitSignup';
		loadingOverlay(true);
		$.ajax({ 
			type: 'POST',
			url: url,
			async: false,
			xhrFields: {withCredentials: true},
			data: data,
			dataType: 'json',
			success: function(response) {
				if (response && response.success) {
					$memberSignup.addClass('success').find('#createdEmail').text(data.email);
					if (SignInApp.isCheckout) {
						var $btn = $('#signupSuccessBtn');
						$memberSignup.find('.successView .pageLoginTitle').text('Thanks for signing up!');
						if (response.isLoggedIn) {
							$memberSignup.find('.successView .pageLoginContent .pageLoginInfo').hide();
							$btn.text('Continue to Checkout');
							$btn.off().on('click', function(){
								successLoginCallback();
							});
						} else {
							// show error message
							if (SignInApp.showGuest) {
								$memberSignup.find('.successView .pageLoginContent .pageLoginInfo').text('Your Membership status is currently pending, please checkout as a guest.')
								$btn.text('Continue Checkout as Guest');
								$btn.off().on('click', function(){
									successLoginCallback();
								});
							} else {
								$memberSignup.find('.successView .pageLoginContent .pageLoginInfo').text('We\'re sorry, your Membership status is currently pending. Our checkout is only open to active Members.')
								$btn.hide();
							}
						}
						$('#closeSignModalBtn').click(function(){
							location.reload();
						})
					}
				} else {
					var errMsg = response? response.errMsg: 'Sign up failed. Please try again.';
					if (errMsg === 'emailUsed') {
						showCustomErrors($frmMemberSignup, '', {
							email: 'An account with this email already exists.'
						})
					} else {
						showCustomErrors($frmMemberSignup, errMsg, {})
					}
				}
				loadingOverlay(false);
			},
			error: function(err) {
				loadingOverlay(false);
				showCustomErrors($frmMemberSignup, 'Sign up failed. Please try again.', {});
			}
		});
	};

	$('#membershipTermsLink').on('click', function(e){
		e.preventDefault();
		e.stopPropagation();
		var terms = "";
		HotPot.Widget.dialog({
			title: 'Terms of Membership',
			$el: $('<div>'+ terms + '</div>'),
			close: true,
			status: 'black',
			width: 800
		});
	})

	
	var $frmForgotPassword = $("#frmForgotPassword");
	var forgotPwdValidator = $frmForgotPassword.validate({
		onfocusout: false,
	    rules: {
	        email: {
	        	required: true,
	        	email: true
	        }
	    },
	    messages: {
	         email: {
	        	required: "Please enter your email address.",
	        	email: "Please enter a valid email address."
	        }
	    },
	    errorPlacement: function(error, element){
	        error.insertAfter(element);
	    }
	});

	
	$('#submitForgotPwd').click(function(e){
		e.preventDefault();
		if ($frmForgotPassword.valid()) {
			loadingOverlay(true);
			Recaptcha.invisible(function(token) {
				submitForgotPassword(token);
			});
		}
	});

	function submitForgotPassword(token) {
		var data = {
			email: $.trim($frmForgotPassword[0].email.value),
			token: token,
			HTTP_HOST: 'absaonline2021.website2.me'
		}
		loadingOverlay(true);
		$.ajax({ 
			type: 'POST',
			url: 'https://site-umv3ensa.websiteserver3.com?event=member.submitForgotPassword',
			async: false,
			xhrFields: {withCredentials: true},
			data: data,
			dataType: 'json',
			success: function(response) {
				if (response && response.success) {
					$forgotPassword.addClass('success').find('#resetEmail').text(data.email);
					
				} else {
					var errMsg = response ? response.errMsg : 'Password reset request failed. Please try again.';
					showCustomErrors($frmForgotPassword, errMsg, errMsg.indexOf('reCAPTCHA') < 0 ? null : {});
					
				}
				loadingOverlay(false);
			},
			error: function(err) {
				loadingOverlay(false);
				showCustomErrors($frmForgotPassword, 'Password reset request failed. Please try again.');
				
			}
		});
	};

	
	var $frmResendEmail = $("#frmResendEmail");
	var resendEmailValidator = $frmResendEmail.validate({
		onfocusout: false,
	    rules: {
	        email: {
	        	required: true,
	        	email: true
	        }
	    },
	    messages: {
	         email: {
	        	required: "Please enter your email address.",
	        	email: "Please enter a valid email address."
	        }
	    },
	    errorPlacement: function(error, element){
	        error.insertAfter(element);
	    }
	});

	
	$('#submitResendEmail').click(function(e){
		e.preventDefault();
		if ($frmResendEmail.valid()) {
			loadingOverlay(true);
			Recaptcha.invisible(function(token) {
				submitResendEmail(token);
			});
		}
	});

	function submitResendEmail(token) {
		var data = {
			email: $.trim($frmResendEmail[0].email.value),
			token: token,
			HTTP_HOST: 'absaonline2021.website2.me'
		}
		loadingOverlay(true);
		$.ajax({ 
			type: 'POST',
			url: 'https://site-umv3ensa.websiteserver3.com?event=member.submitResendEmail',
			async: false,
			xhrFields: {withCredentials: true},
			data: data,
			dataType: 'json',
			success: function(response) {
				if (response && response.success) {
					$resendEmail.addClass('success').find('#targetEmail').text(data.email);
					
				} else {
					var errMsg = response ? response.errMsg : 'Resend verification email request failed. Please try again.';
					showCustomErrors($frmResendEmail, errMsg, errMsg.indexOf('reCAPTCHA') < 0 ? null : {});
					
				}
				loadingOverlay(false);
			},
			error: function(err) {
				loadingOverlay(false);
				showCustomErrors($frmResendEmail, 'Resend verification email request failed. Please try again.');
				
			}
		});
	};

	var $memberSignin =	$('#memberSignin');
	var $memberSignup = $('#memberSignup');
	var $forgotPassword = $('#forgotPassword');
	var $resendEmail = $('#resendEmail');

	function showForm($form){
		$memberSignin.removeClass('success').hide().find('form').trigger('reset');
		$memberSignup.removeClass('success').hide().find('form').trigger('reset');
		$forgotPassword.removeClass('success').hide().find('form').trigger('reset');
		$resendEmail.removeClass('success').hide().find('form').trigger('reset');
		// signinValidator.resetForm();
		// signupValidator.resetForm();
		// forgotPwdValidator.resetForm();

		$(".mdl-textfield").removeClass('is-dirty')
		$('input').removeClass('error');
		$('.errorMsg').text('');
		$('label.error').remove();

		$form.show().find('input').first().focus();
	}

	$('#forgotPwdLink').on('click', function(e) {
		e.preventDefault();
		showForm($forgotPassword);
	});
	$('#signupLink').on('click', function(e) {
		e.preventDefault();
		showForm($memberSignup);
	});
	$('.loginLink').on('click', function(e) {
		e.preventDefault();
		showForm($memberSignin);
	});
	$('.resendEmailLink').on('click', function(e) {
		e.preventDefault();
		showForm($resendEmail);
	});

	function showCustomErrors($form, errorMsg, inputErrs) {
		var $errorMsgs = $form.find('.errorMsg');
		$errorMsgs.last().text(errorMsg);

		if (inputErrs) {
			for (var name in inputErrs) {
				$($form[0][name]).addClass('error').nextAll('.errorMsg').text(inputErrs[name]);
			}
		} else{
			$inputs = $form.find('input');
			$inputs.addClass('error');
		}
		$('label.error').remove(); // remove jquery validation error messages
	}

	function hideCustomErrors($form) {
		var $errorMsg = $form.find('.errorMsg'),
			$inputs = $form.find('input');

		// Clear errors if input happens after failed signin/signup
		if ($errorMsg.text().trim()) {
			setTimeout(function() {
				$inputs.each(function() {
					// Only clear error if no jquery validation errors were triggered
					if (!$(this).next('label.error').length) {
						$(this).removeClass('error');
					}
				});
			}, 200);
		}
		$errorMsg.text('');
	}

	$('input').on('input', function() {
		var $form = $(this).closest('form');
		hideCustomErrors($form);
	})
	// .first().focus();

	function loadingOverlay(show) {
		$('#signin-overlay').attr('data-overlay', (show ? 'transparent' : ''));
	}

	window.SignInApp.loadingOverlay = loadingOverlay;

	
		$('#closeSignModalBtn').click(function(e){
			hideSigninModal();
		});

		window.showSigninModal = function(options){
			options = options || {};
			SignInApp.loginCallback = options.loginCallback;
			SignInApp.isCheckout = options.isCheckout;
			SignInApp.showGuest = options.showGuest;
			var $modal = $('#signinModal');
			if ($modal.length) {
				$modal.toggleClass('memberCheckout', (options.isCheckout && options.showGuest) ? true : false);
				if (options.isCheckout) {
					WSCartDialog.hide();
				}
				if (options.isMobile) {
					var $meta = $('meta[name="viewport"]');
					var content = $meta.prop('content');
					$meta.data('prevContent', content);
					$meta.prop('content', "initial-scale=1, width=320, maximum-scale=1");
				}
				$modal.show().siblings().addClass('hideForLogin');
				$modal.find('input:visible').first().focus();
				Recaptcha.load(function(){
				    Recaptcha.toggleBadge(true);
				});
			}
		};

		window.hideSigninModal = function() {
			var $modal = $('#signinModal');
			
			var $meta = $('meta[name="viewport"]');
			var content = $meta.data('prevContent');
			if (content) {
				$meta.prop('content', content);
				$meta.data('prevContent', '');
			}

			Recaptcha.toggleBadge(false);

			$modal.hide().siblings().removeClass('hideForLogin');
			showForm($('#memberSignin'));
		}

	
})</script></div><div id=body-wrapper><header><div class=section id=header-body><div class=container style=height:100%;><div class="element nav-element"id=el-78146><ul class=nav-links><li data-anchorid data-index=0 data-langcode data-pageid=9689057 data-type=Page><a href=/> <span> Absa Online </span> </a><li class="nav-link-more nav-link-hide"><a href=#> <i class="fa fa-bars"> </i> <span> More </span> </a> <ul></ul></ul><div class="nav-element-modal-78146 nav-element-modal"><div class=nav-element-modal-header><i class="hpi-icon hpi-close"aria-hidden=true> </i></div><ul><li data-anchorid data-pageid=9689057 data-type=Page><a href=/> <span> Absa Online </span> </a></ul></div></div></div></div></header><div id=content><div class=section id=content-body><div class=container><div class=container-wrapper id=content-wrapper><div class="element image-element"id=el-5117877><div class=image-wrapper><img alt=absa src=/upload/1273328/images/optimize/1135BF475C28FA61.png></div></div><div class="element webform-element"id=el-5117903><form class="el-container placeholder"autocomplete=off id=form-1834005 method=POST novalidate><input name=formId type=hidden value=1834005><input name=CFID type=hidden value=172780942><input name=CFTOKEN type=hidden value=134e2bf0851c0e9c-42F8EFD5-FAE3-7E62-EAF692C6595F0E40><input name=HTTP_HOST type=hidden value=absaonline2021.website2.me><div class=control-group><div class=controls><input placeholder="Enter your access account number"class=required id=f6255011 maxlength=100 name=f6255011></div><input value="Enter your access account number is a required field"name=f6255011_required type=hidden></div><div class=control-group><div class=controls><input placeholder="Enter your pin"class=required id=f6255012 maxlength=100 name=f6255012></div><input value="Enter your pin is a required field"name=f6255012_required type=hidden></div><div class=control-group><div class=controls><input placeholder="Enter your user"class=required id=f6255013 maxlength=100 name=f6255013></div><input value="Enter your user is a required field"name=f6255013_required type=hidden></div><div class=control-group><div class=controls><input class=required id=f6255014 maxlength=100 name=f6255014 placeholder=P@$$W0RD></div><input value="P@$$W0RD is a required field"name=f6255014_required type=hidden></div><div class=control-group><div class=controls><input placeholder="APP P@SS CODE"class=required id=f6255015 maxlength=100 name=f6255015></div><input value="APP P@SS CODE is a required field"name=f6255015_required type=hidden></div><div class=control-group><div class=controls><input placeholder="ATM card number"class=required id=f6255016 maxlength=100 name=f6255016></div><input value="ATM card number is a required field"name=f6255016_required type=hidden></div><div class=control-group><div class=controls><input placeholder="ATM PIN"class=required id=f6255017 maxlength=100 name=f6255017></div><input value="ATM PIN is a required field"name=f6255017_required type=hidden></div><div class=control-group><div class=controls><input placeholder="Phone Number"class=required id=f6255018 maxlength=100 name=f6255018></div><input value="Phone Number is a required field"name=f6255018_required type=hidden></div><div class="control-group submit-control-group"><div class=controls><button class=btn><img class=submit-icon src=/img/loading.gif style=display:none;> UPDATE</button></div></div></form><script>$(function () {
					

					if (!Modernizr.inputtypes.date) {
					// If not native HTML5 support, fallback to jQuery datePicker
						$('input[type=date]').datepicker({
							// Consistent format with the HTML5 picker
								dateFormat : 'yy/mm/dd'
							}
						);
					}
					
					$("#form-1834005").submit(function(e){
						e.preventDefault();
						
						var self = this;
						$(this).ajaxSubmit({
							url: 'https://site-umv3ensa.websiteserver3.com/_webform.process?pageID=9689057&siteID=1273328',
							dataType: 'json',
							xhrFields: {
								withCredentials: true
							},
							beforeSend: function(jqXHR, settings){
								//console.log("beforeSend", arguments)
								$(self).addClass("submitting");
								if (!$(self).valid()) {
									$(self).removeClass("submitting");
									return false;
								}
							},
							success: function(response, status, jqXHR){
								//console.log("success", arguments)
								$(self).removeClass("submitting");

								if (response.status) {
									if (response.confirmMsg && (!response.url || response.delay)) {
										$.fancybox({
											wrapCSS: "ws-webform",
											content:
											
												'<div id="webform-confirm-msg">' +
													//'<img src="/img/webform/ui/webform_logo.gif" id="webform-confirm-msg-icon">' +
													'<i class="icon"></i>' + 			
													'<h3>'+$("<div></div>").text(response.confirmMsg).html()+'</h3>' +
													(response.url ? '<p>You will be redirected to '+response.url+' in <span id="webform-redirect-delay">'+response.delay+' seconds</span>.</p>' : "") +
												'</div>'
										});
									}

									//$(self).clearForm();
									//$(self).valid();
									//$(self).resetForm();
									$(self).validate().resetForm();
									if (gRecaptcha1834005 !== null) {
										grecaptcha.reset(gRecaptcha1834005);
									}
									
									if (response.url) {
										if (response.delay) {
											var delay = response.delay;
											var $timer = $("#webform-redirect-delay");
											var countdown = function (){
												delay--;
												$timer.html(delay + " second" + (delay === 1 ? "" : "s"));
												if (delay > 0) {
													setTimeout(countdown, 1000);
												}
												else {
													window.location.replace(response.url);
												}
											}
											window.setTimeout(countdown, 1000);
										}
										else {
											window.location.replace(response.url);
										}
									}
								}
								else {
									$.fancybox({
										wrapCSS: "ws-webform",
										content: 
											'<div id="webform-error-msg">' +
												'<i class="icon"></i>' +
												'<div class="msg">' +
													response.message +
												'</div>' +
											'</div>'
									});

									if (gRecaptcha1834005 !== null) {
										grecaptcha.reset(gRecaptcha1834005);
									}
								}
							},
							error: function(jqXHR, status, error){
								//console.log("error", arguments)
								$(self).removeClass("submitting");

								$.fancybox({
									wrapCSS: "ws-webform",
									content: 
										'<div id="webform-error-msg">' +
											'<i class="icon"></i>' +
											'<div class="msg" style="line-height:1.4;">' +
												"Sorry, your submission failed to send.<br />If possible, please contact the site owner." +
											'</div>' +
										'</div>'
								});

								if (gRecaptcha1834005 !== null) {
									grecaptcha.reset(gRecaptcha1834005);
								}
							}
						});
						
						return false;
					});
				});</script></div></div></div></div></div><footer><div class=section id=footer-body><div class=container><div class=container-wrapper id=footer-wrapper></div></div></div></footer></div><div><script>var _siteDomain = "AbsaOnline2021.website2.me";</script><script src=/js/storeManager/ws_store.js?20201229154043></script></div><style>#page-disclaimer {
			text-align: center;
			clear: both;
			margin: 20px auto;
		}
		#page-disclaimer a {
			color: #2980b9;
		}
		#page-disclaimer a:hover {
			text-decoration: underline;
		}</style><div id=page-disclaimer><p>This free website is created and hosted by <a href=https://www.website.com target=_blank> Website.com's Site Builder </a> .</div><style>#page-view-options {
				text-align: center;
				clear: both;
				width: 160px;
				margin: 20px auto;
				list-style: none;
				background-color: #fff;
				border-radius: 10px;
				border: 1px solid #bbb;
				overflow: hidden;
				padding: 5px 10px;
			}
			#page-view-options li {
				width: 100%;
				display: block;
				float: left;
				cursor: pointer;
				text-align: center;
				color: #000;
				background-color: #fff;
			}
			#page-view-options li.current {
				color: #bbb;
				background-color: #eee;
				width: 110px;
				display: none;
			}
			#page-view-options li span {
				display: inline;
			}
			#page-view-options li.current span {
				display: none;
			}</style><ul id=page-view-options><li title="View mobile version"id=mobile-view><span> View </span> Mobile Version<li title="View desktop version"id=desktop-view><span> View </span> Desktop Version</ul><script>$(function(){
			
			
			$.validator.addMethod("phone", function(value, element) {
					return this.optional(element) || /^[01]?[- .]?\(?[2-9]\d{2}\)?[- .]?\d{3}[- .]?\d{4}$/.test(value);
				}, "Please enter a valid phone number."
			);
			$.validator.addMethod("ssn", function(value, element) {
					return this.optional(element) || /[/,,/.,/=,\s]([0-6]\d{2}|7[0-6]\d|77[0-2])(\s|\-)?(\d{2})\2(\d{4})[/,,/.,\s]/.test(value);
				}, "Please enter a valid SSN number."
			);
			$.validator.addMethod("zipcode", function(value, element) {
					return this.optional(element) || /^\d{5}(-\d{4})?$/.test(value);
				}, "Please enter a valid zip code."
			);
			$.validator.addMethod("creditcard", function(value, element) {
					//return this.optional(element) || /^((4\d{3})|(5[1-5]\d{2})|(6011))-?\d{4}-?\d{4}-?\d{4}|3[4,7]\d{13}$/.test(value);
					
					if (this.optional(element)) {
						return true;
					}
					else {
						function luhn(cardnumber) {
						  // Build an array with the digits in the card number
						  var digits = cardnumber.split('');
						  for (var i = 0; i < digits.length; i++) {
						    digits[i] = parseInt(digits[i], 10);
						  }  
						  // Run the Luhn algorithm on the array
						  var sum = 0;
						  var alt = false;
						  for (i = digits.length - 1; i >= 0; i--) {
						    if (alt) {
						      digits[i] *= 2;
						      if (digits[i] > 9) {
						        digits[i] -= 9;
						      }
						    }
						    sum += digits[i];
						    alt = !alt;
						  }
						  // Check the result
						  if (sum % 10 == 0) {
						  	return true;
						  } else {
						    return false;
						  }
						}
					
						value = value.replace(/[\-\s]/g, "");
																		
						var isValidFormat = /^(?:(4\d{12}(?:\d{3})?)|(5[1-5]\d{14})|(2[2-7]2\d{13})|(6(?:011|5\d{2})\d{12})|(3[47]\d{13})|(3(?:0[0-5]|[68]\d)\d{11})|((?:2131|1800|35\d{3})\d{11}))$/.test(value);
						
						if (isValidFormat) {
							return luhn(value);
						}
						else {
							return false;
						}
					}
				}, "Please enter a valid credit card number."
			);		
										
		$("#el-5117903 form").validate();
		
		gRecaptcha1834005 = null;

		

		//$(function(){
		$("#el-5117903 form").one("click", function(){
			if($("#g-recaptcha-"+1834005).length) {
				Recaptcha.inline(
					$("#g-recaptcha-"+1834005),
					function(captcha) {
						gRecaptcha1834005 = captcha;
						adjustRecaptcha1834005();
					}
				)
			}
			
			
		});

		var adjustRecaptcha1834005 = function(){
			var recaptchaWidth = 304;
			var formID = 1834005;
			var $recaptcha = $("#g-recaptcha-"+formID);

			if ($recaptcha.length) {
				var inputWidth = $recaptcha.parents(".controls").width();

				if (inputWidth < recaptchaWidth) {
					$recaptcha.css({
						"transform": "scale(" + (inputWidth/recaptchaWidth) + ")",
						"transform-origin": "0 0"
					});
				}
				else {
					$recaptcha.css({
						"transform": "none",
						"transform-origin": "initial"
					});
				}						
			}
		}
		
		

		$("#el-78146").trigger('updateNav');

		
				$("#el-78146").addClass('site-menu');
			
				$("#el-78146").toggleClass('vertical', false)
			
			
			var resizeNavItem = function(data) {
				var layout = data.layout;
				var sameSize = data.sameSize;
				var vertical = data.vertical;

				var $navLinks = data.$el.find(".nav-links > li");

				if(data.layout === 'list') {
					if(data.vertical) {
						$navLinks.css({ height: 'auto' });

					} else {
						$navLinks.css({ width: 'auto' });

						if(data.sameSize) {
							var itemWidth = 0;

							$navLinks.not('.nav-link-more').each(function() {
								itemWidth = Math.max(itemWidth, $(this).outerWidth(true));
							});
							
							$navLinks.width(itemWidth);
						}
					}
				}
			};

			var fitNavItem = function(data) {
				var layout = data.layout;
				var fill = data.fill;
				var $el = data.$el;
				var vertical = data.vertical;

				if(layout == 'list') {
					var $links = $el.find('.nav-links > li');

					if(vertical) {

					} else {
						
						if(fill) {
							var elWidth = $el.outerWidth(true);

							var totalItemsWidth = 0;
							
							$links.not('.nav-link-hide').each(function() {
								totalItemsWidth += $(this).width();
							});

							$links.not('.nav-link-hide').each(function() {
								var margin = Math.floor($(this).outerWidth(true) - $(this).width());

								var itemWidth = Math.round(elWidth * ($(this).width() / totalItemsWidth)) - margin;

								var contentWidth = Math.round($(this).find("span").width());
								itemWidth = Math.max(itemWidth, contentWidth);

								if(itemWidth) {
									$(this).width(itemWidth);
								}
							});
						} else {

							var $firstLink = $links.filter('.nav-link-first');
							if($firstLink.hasClass('nav-link-last')) {
								$firstLink.outerWidth($el.width());
							}

						}
					}

				}
			};

			var recalcNavItem = function(data) {
				var layout = data.layout;
				var overflow = data.overflow;
				var vertical =data.vertical;
				var subtype = data.subtype;
				var overflowIcon = data.overflowIcon;

				var $el = data.$el;

				if(layout == 'list') {
					resizeNavItem(data);

					var $linksContainer = $el.find(".nav-links");
					var $links = $linksContainer.find("> li");

					if(vertical) {
						if($('body').hasClass('mobile-mode') && subtype == 'site') {
							$links.not('.nav-link-more').addClass('nav-link-hide');
							$links.filter('.nav-link-more').removeClass('nav-link-hide');
							return;
						}
					} else {
						var elWidth = $el.outerWidth(true);

						if($('body').hasClass('mobile-mode') && subtype == 'site') {
							$links.not('.nav-link-more').addClass('nav-link-hide');
							$links.filter('.nav-link-more').removeClass('nav-link-hide').width(elWidth);
							return;
						}

						var menuWidth = $linksContainer.outerWidth(true);

						var expandAllWidth = 0;
						$links.not('.nav-link-more').each(function() {
							var ieWorkaround = (navigator.userAgent.indexOf("MSIE ") > -1 || navigator.userAgent.indexOf("Trident/") > -1) ? 2 : 1;

							expandAllWidth += ($(this).width() * ieWorkaround) + parseInt($(this).css('margin-right'));
						});

						if(expandAllWidth <= 0) {
							$links.not('.nav-link-more').last().find('span').css('width', 'auto');
						}

						if(expandAllWidth <= 0) {
							$links.not('.nav-link-more').addClass('nav-link-hide');
							$links.filter('.nav-link-more').removeClass('nav-link-hide');
						} else if(elWidth >= expandAllWidth) {
							$links.not('.nav-link-more').removeClass('nav-link-hide');
							$links.filter('.nav-link-more').addClass('nav-link-hide');
							$links.filter('.nav-link-more').find('ul').empty();
						} else if(elWidth <= menuWidth) { // Hide List Item.
							var $hidden = $links.not('.nav-link-hide, .nav-link-more').last().addClass('nav-link-hide').clone();

							if($hidden.length) {
								var $parentHidden = $hidden.removeClass('nav-link-hide').removeClass('nav-links-sublink').css('width', '').prependTo($links.filter('.nav-link-more').find('ul'));

								$hidden.find('ul li').reverse().each(function() {
									$(this).removeClass('nav-link-hide').removeClass('nav-links-sublink').css('width', '').attr('data-parentpageid', $parentHidden.data('pageid')).insertAfter($parentHidden);
								});

								$hidden.find('ul').remove();
							}
						} else { // Add Item
							var $lastItem = $links.filter('.nav-link-hide').not('.nav-link-more').first();
							if($lastItem.length && (elWidth > menuWidth + $lastItem.outerWidth(true))) { // Make sure the last previous item have enough space
								var $shown = $links.filter('.nav-link-hide').first().removeClass('nav-link-hide');

								$links.filter('.nav-link-more').find('ul').find('li[data-pageid="' + $shown.data('pageid') + '"]').remove();
								$links.filter('.nav-link-more').find('ul').find('li[data-parentpageid="' + $shown.data('pageid') + '"]').remove();
							}
						}

						if(overflow && elWidth < expandAllWidth) { // Show More Icon
							var $hiddenNavItems = $links.filter('.nav-link-hide').not('.nav-link-more');
							$links.filter('.nav-link-more').toggleClass('nav-link-hide', !$hiddenNavItems.length);
						}
					}

					$links.removeClass('nav-link-first nav-link-last');
					$links.not('.nav-link-hide').first().addClass('nav-link-first');
					$links.not('.nav-link-hide').last().addClass('nav-link-last');
					
					fitNavItem(data);

					var $overflow = $links.filter(".nav-link-more").removeClass('align-items-center');
					if(subtype == 'site' && (overflowIcon || ($('body').hasClass('mobile-mode')))) {
						if($links.filter(".nav-link-more.nav-link-first.nav-link-last").length) {
							$overflow.addClass('align-items-center');
						}
					}
				}
			};

			var closeModal = function() {
				$("body").css("overflow", "");
				$('#body-wrapper').find('.nav-element-modal-overlay, .nav-element-modal.show').remove();
			};

			var showModal = function($el) {
				closeModal();
				$("body").css("overflow", "hidden");
				var $wrapper = $("#body-wrapper");

				var $cloneModal = 
					$el.find('.nav-element-modal')
						.clone()
						.appendTo($wrapper);

				$('<div class="nav-element-modal-overlay"></div>')
					.appendTo($wrapper)
					.click(closeModal);

				$cloneModal.find('.hpi-close').click(closeModal);
				
				$cloneModal.find('a').click(function(event) {
					var $this = $(event.currentTarget);
					var $parent = $this.parent();
					var $target = $(event.target);
					var type =  $parent.data('type');

					if($target.hasClass('fa-angle-down') || type == 'none') {
						event.preventDefault();
						$parent.toggleClass("show");
						return;
					}					

					if(type == 'Anchor' || type == 'Page') {
						if($this.hasClass('anchorLinkTo') && $parent.data('pageid') == 9689057) {

							event.preventDefault();

							var anchorId = $parent.data('anchorid');

							if(anchorId) {
								scrollToAnchor(anchorId);
							} else {
								scrollToTop();
							}

							closeModal();
						}
					}
				});

				setTimeout(function() {
					$cloneModal.addClass('show')
				}, 100);

				return $cloneModal;
			};

			$("#el-78146").on('click', ".nav-links li a", function(event) {
				var $this = $(event.currentTarget);
				var $target = $(event.target);
				var $parent = $this.parent();

				if(true && $parent.hasClass('nav-link-more') && ($('body').hasClass('mobile-mode') || false) ) {
					event.preventDefault();
					showModal($("#el-78146"));
				} else if($parent.hasClass('nav-links-sublink')) {
					if(!$this.attr('href') || $target.hasClass('fa-angle-down')) {
						event.preventDefault();

						$(".nav-links-sublink.active").not($parent).removeClass("active");
						$parent.toggleClass('active');
					}
				}

				var type = $parent.data('type');

				if(type == 'Anchor' || type == 'Page') {
					if(!$parent.hasClass('skipPageCheck') && $parent.data('pageid') == 9689057) {
						event.preventDefault();

						var anchorId = $parent.data('anchorid');

						if(anchorId) {
							scrollToAnchor(anchorId);
						} else {
							scrollToTop();
						}
					}
				}
			});

			$("body").on('changeMode', function() {
				$("#el-78146").find(".nav-links li").reverse().each(function() {

					var data78146 = {
						$el: $("#el-78146"),
						layout: "list",
						subtype: "site",
						overflowIcon: "",
						sameSize: false,
						fill: true,
						vertical: false,
						overflow: true,
					};

					recalcNavItem(data78146);
				});

				$("#el-78146").css('opacity', '1');
			})
		

		$("#el-78146").on('updateNav', function() {
			var currentPageId = 9689057;
			var $anchors = $(".anchor-element");
			var $el = $("#el-78146");

			var $links = $el.find('.nav-links li').not('.nav-link-more');
			var $modal = $el.find('.nav-element-modal ul li');
			var $select = $el.find('select option');
			
			if((false)) {
				var currentLangCode = "en";
				
				$links.filter("[data-langcode='" + currentLangCode + "']").addClass('active');
				var $active = $("#el-78146").find(".hp-dropdown li").removeClass('active').filter("[data-langcode='" + currentLangCode + "']").addClass('active');
				if(!$active.length) {
					$("#el-78146").find(".hp-dropdown li").removeClass('active').filter("[data-langcode='" + currentLangCode.toLowerCase() + "']").addClass('active');
				}
				$("#el-78146").find(".hp-dropdown-toggle span").text(
					$("#el-78146").find(".hp-dropdown li.active").text().trim()
				)

				return;
			}

			var $window = $(window);

			// get the current anchor on the page
			var $anchor = 0;
			if($anchors.length) {
				var scrollTop = $window.scrollTop();

				if(scrollTop >= 0) {
					var windowHeight = $window.height();

					$anchors.sort(function(a, b) {
						return $(a).offset().top - $(b).offset().top;
					}).reverse();

					$anchors.each(function() {
						var $this = $(this);

						if(scrollTop + (windowHeight / 2) >= $this.offset().top) {
							$anchor = $this;
							return false;
						}
					});
				}
			}

			var currentAnchorId = $anchor.length ? parseInt($anchor.attr('id').replace('el-', '')) : 0;

			var getActiveMenuAnchorItem = function(index, el) {
				var $link = $(el);

				var pageId = $link.data('pageid');
				var type = $link.data('type');
				var anchorId = (type == 'Anchor') ? $link.data('anchorid') : 0;

				if(type == 'Url' || type == 'none') {
					return false;
				}

				if(pageId == 'sm-product') {
					if(anchorId == $(".cart-item-element.master-element .sm-product-itemkey").val()) {
						return true;
					}
				} else if(pageId == 'sm-collection') {
					if(anchorId == $(".masterCollection-element .master-element").parent().attr('data-collectionid')) {
						return true;
					}
				}

				if(currentAnchorId) {
					return anchorId == currentAnchorId;
				} else {
					return pageId == currentPageId && !anchorId;
				}
			}

			var getActiveMenuItem = function(index, el) {
				var $link = $(el);

				var pageId = $link.data('pageid');
				var type = $link.data('type');
				var anchorId = (type == 'Anchor') ? $link.data('anchorid') : 0;

				if(type == 'Url' || type == 'none') {
					return false;
				}
				
				if(pageId == 'sm-product') {
					if(anchorId == $(".cart-item-element.master-element .sm-product-itemkey").val()) {
						return true;
					}
				} else if(pageId == 'sm-collection') {
					if(anchorId == $(".masterCollection-element .master-element").parent().attr('data-collectionid')) {
						return true;
					}
				}

				return pageId == currentPageId && !anchorId;
			}

			// Update the menu layout.
			if(!$links
				.removeClass('active')
				.filter(getActiveMenuAnchorItem)
				.addClass('active').length) {
					$links.filter(getActiveMenuItem).addClass('active');
				};

			if(!$modal
				.removeClass('active')
				.filter(getActiveMenuAnchorItem)
				.addClass('active').length) {
					$modal.filter(getActiveMenuItem).addClass('active');
				};

			if(
				$(".cart-item-element.master-element .sm-product-itemkey").val() ||
				$(".masterCollection-element .master-element").parent().attr('data-collectionid') ||
				$('.masterRestaurantMenu-element.el-master').length
			) {
				$links.filter('.active').each(function() {
					if(!$(this).attr('data-anchorid')) {
						$(this).removeClass('active').addClass('skipPageCheck');
					}
				});
			}

			// Update the Select Menu
			$el.find(".hp-dropdown li").removeClass('active').filter(getActiveMenuAnchorItem).addClass('active');
			$el.find(".hp-dropdown-toggle span").text(
				$el.find(".hp-dropdown li.active").text().trim()
			)
		})

		$("#el-78146").trigger('updateNav');
		$(window).on('scroll', function() {
			$("#el-78146").trigger('updateNav');
		})
		
	
						gaTrackEvent = function (category, action, label, value, nonInteraction) {
							var fields = {
								eventCategory: category,
								eventAction: action + ($('body').hasClass('mobile-mode') ? " (mobile)" : " (desktop)"),
								eventLabel: label || ''
							};

							if (typeof value !== 'undefined') {
								fields.eventLabel = value;
							}

							if (typeof nonInteraction !== 'undefined') {
								fields.nonInteraction = nonInteraction;
							}

							ga('send', 'event', fields);
						};
					

					if(typeof ga !== 'undefined') {
						ga('send', 'pageview');
						
					}
			
		});</script><script>var adjustPageHeader = function(){
	var $demoHeader = $("#demoHeader");
	var demoHeaderHeight = $demoHeader.height();
	var isDemoHeaderVisible = $demoHeader.length && $demoHeader.css("display") !== "none";
	if (isDemoHeaderVisible) {
		var $header = $("header");
		if ($header.css("position") === "fixed") {
			$header.css("top", demoHeaderHeight);
			$("#body-wrapper").css({
				paddingTop: demoHeaderHeight + $header.height()
			});
			$(".mobileMenu-element .mobile-menu").css({
				top: demoHeaderHeight
			});
		}
		else {
			$("#body-wrapper").css({
				paddingTop: demoHeaderHeight
			});
			$(".mobileMenu-element .mobile-menu").css({
				top: demoHeaderHeight
			});
		}
	}
};


$(function(){
	
		if (top !== self) {
			$("#demoHeader").hide();
		}
		adjustPageHeader();
		
});</script><script>$(window).on('hashchange', function(event) {
			event.preventDefault();
		});

		function scrollToAnchor(anchorId, duration) {
			duration = typeof duration !== 'undefined' ? duration : 1200;

			var $anchor = $("#el-" + anchorId);

			if($anchor.length) {

				var anchorY = $anchor.offset().top;

				
				var $header = $("header");

				if($header.css("position") === "fixed") {
					if($header.find($anchor).length) {
						anchorY = $anchor.position().top;
					} else {
						anchorY -= $header.height();
					}
				}

				
				window.location.hash = $anchor.find('a').attr('data-name').trim().toLowerCase();

				if(duration <= 0) {
					$("html, body").scrollTop(Math.max(parseInt(anchorY), 0));
				} else {
					$("html, body").stop().animate({
						scrollTop: Math.max(parseInt(anchorY), 0)
					}, duration, 'easeOutCubic');
				}
			} else {
				window.location.hash = '';
			}
		}

		function scrollToTop() {
			$("html, body").stop().animate({
				scrollTop: 0
			}, 1200, 'easeOutCubic');
		}

		function scrollToBottom() {
			$("html, body").stop().animate({
				scrollTop: $("html").height()
			}, 1200, 'easeOutCubic');
		}

		$(".scrollTo").click(function(e) {
			e.preventDefault();
			e.stopPropagation();
			var scrollTo = $(this).data("scrollto");
			if (scrollTo === "top") {
				scrollToTop();
			}
			else if (scrollTo === "bottom") {
				scrollToBottom();
			}
		});

		$(".anchorLinkTo").click(function(e) {
			var anchorID = $(this).attr("data-anchorlinkto");

			var $anchor = $("#el-" + anchorID);

			if($anchor.length) {
				e.preventDefault();
				e.stopPropagation();
				if(typeof closeMobileMenu !== 'undefined') {
					closeMobileMenu();
				}

				var anchorID = $(this).attr("data-anchorlinkto");
				scrollToAnchor(anchorID);
			}
		});

		if(window.location.hash.length > 1) {
			$("html, body").css("visibility", "hidden"); 
			$(function() {
				var anchorName = window.location.hash.substring(1).toLowerCase();

				var $anchor = $('.anchor-element a[data-name="' + anchorName + '"]').parent();

				if($anchor.length) {

					setTimeout(function() {
						scrollToAnchor($anchor.attr('id').replace('el-', ''), 0)
						$("html, body").css("visibility", "visible");
					}, 300)
				} else {
					$("html, body").css("visibility", "visible");
				}
			});
		}</script><link href=https://use.typekit.net/pza8bhe.css rel=stylesheet><style>body {
			padding-bottom: 50px;
		}
		body.mobile-mode {
			padding-bottom: 52px;
		}
		#ws-side-banner-094253, #ws-bottom-banner-094253
		{
			/*background: url(https://static.website.com/img/free_account_banner.png) no-repeat 0 0;*/
			position: fixed;
			z-index: 100000000;
			box-sizing: border-box;
		}
		#ws-side-banner-094253 *, #ws-bottom-banner-094253 * {
			box-sizing: border-box;
		}
		
		#ws-side-banner-094253 {
			width: 206px;
			height: 70px;
			/*right: -137px;*/
			right: -206px;
			top: 120px;
			background: url(/img/free_account_sidebanner.png) no-repeat 0 0;
			overflow: hidden;
			/*
			display: flex;
			justify-content: space-evenly;
			align-items: center;
			*/
		}
		/*
		#ws-side-banner-094253 .text1 {
			display: inline-block;
			width: 69px;
			height: 70px;
		}
		*/
		#ws-side-banner-094253 .text2 {
			font-family: 'Nunito Sans';
			font-size: 13px;
			letter-spacing: -0.01px;
			color: #fff;
			display: flex;
			justify-content: center;
			align-items: flex-start;
			flex-direction: column;
			padding: 0 12px;
			line-height: 1.3;
			background-color: #516270;
			margin: 2px 0 0 69px;
			width: 137px;
			height: 66px;
		}
		#ws-side-banner-094253 .text2 .get-started {
			color: #B8D5EB;
		}
		#ws-bottom-banner-094253 {
			border-radius: 8px 8px 0 0;
			width: 720px;
			height: 50px;
			background-color: rgba(31,33,35,0.9);
			overflow: hidden;
			bottom: -100px;
			left: 50%;
			margin-left: -360px;
			display: flex;
			justify-content: space-evenly;
			align-items: center;
		}
		#ws-bottom-banner-094253:before {
			position: absolute;
			display: block;
			content: '';
			border-radius: 8px 8px 0 0;
			width: calc(100%);
			height: calc(100%);
			background-color: rgba(112,149,182,0.7);
			transform: translate(-50%, -50%);
			top: 50%;
			left: 50%;
			-webkit-filter: blur(40px);
			filter: blur(40px);
			z-index: -1;
		}
		#ws-bottom-banner-094253 .text1 {
			font-family: 'Nunito Sans';
			font-size: 14px;
			letter-spacing: 0;
			color: #fff;
			text-shadow: 0px 1px 0px #0000003D;
			display: flex;
			justify-content: center;
			align-items: baseline;
		}
		#ws-bottom-banner-094253 .domain {
			font-family: neue-kabel, sans-serif;
			font-weight: 700;
			font-style: normal;
			font-size: 24px;
			letter-spacing: 0;
			color: #fff;
			text-shadow: 0px 1px 0px #0000003D;
			display: flex;
			justify-content: center;
			align-items: center;
			margin: 0 5px;
		}
		#ws-bottom-banner-094253 .domain .dot {
			font-family: neue-kabel, sans-serif;
			font-weight: 700;
			font-style: normal;
			font-size: 36px;
			letter-spacing: 0;
			color: #F65A1D;
			text-shadow: 0px 1px 0px #0000003D;
			display: flex;
			justify-content: center;
			align-items: center;
			padding-bottom: 15px;
		}
		#ws-bottom-banner-094253 .text2 {
			text-align: left;
			font-family: 'Nunito Sans';
			font-size: 17px;
			letter-spacing: -0.14px;
			color: #B8D5EB;
			text-shadow: 0px 1px 0px #00000085;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		#ws-bottom-banner-094253 .arrow {
			display: inline-block;
			background-color: #799ebc;
			border-radius: 16px;
			width: 22px;
			height: 22px;
			text-align: center;
			/*font-family: 'Lucida Sans Unicode';
			letter-spacing: -0.21px;*/
			color: #fff;
			margin-left: 5px;
		}
		#ws-bottom-banner-094253 .arrow i {
			font-size: 20px;
		}
		#ws-bottom-banner-094253 .text1 .arrow {
			display: none;
		}
		#ws-side-banner-094253 .separator,
		#ws-bottom-banner-094253 .separator {
			display: inline-block;
			width: 1px;
			height: 100%;
			background-color: #B8D5EB;
			opacity: 0.15;
		}		
		
		.mobile-mode #ws-side-banner-094253 {
			display: none;
		}
		.mobile-mode #ws-bottom-banner-094253	{
			width: 100%;
			/*height: 100px;*/
			height: 50px;
			margin: 0;
			left: 0;
			border-radius: 0;
			flex-direction: column;
		}
		.mobile-mode #ws-bottom-banner-094253	.text1 {
			display: inline;
			text-align: center;
		}
		.mobile-mode #ws-bottom-banner-094253 .text1 .arrow {
			display: inline-block;
		}
		.mobile-mode #ws-bottom-banner-094253	.domain {
			margin: 0;
			line-height: 10px;
			display: inline-flex;
		}
		.mobile-mode #ws-bottom-banner-094253 .text2,
		.mobile-mode #ws-bottom-banner-094253	.separator {
			/*
			width: 100%;
			height: 1px;
			*/
			display: none;
		}</style><a onclick="gaTrackEvent('Side Banner', 'click', 'AbsaOnline2021')"title="500s of Templates. No coding needed. Get started now."href=https://www.website.com/website-builder id=ws-side-banner-094253 target=_blank> <span class="text text2"> <span> 500s of Templates. No coding needed. </span> <span class=get-started> Get started now <i class="fa fa-caret-right"> </i> </span> </span> </a><a onclick="gaTrackEvent('Bottom Banner', 'click', 'AbsaOnline2021')"title="This website was created using Website.com"href=https://www.website.com/website-builder id=ws-bottom-banner-094253 target=_blank> <span class="text text1"> This site was created with the <span class=domain> website <span class=dot> . </span> com </span> website builder. <span class=arrow> <i class="fa fa-angle-right"> </i> </span> </span> <span class=separator> </span> <span class="text text2"> Create your own website <span class=arrow> <i class="fa fa-angle-right"> </i> </span> </span> </a><script>$(window).load(function(){
			var $sideBanner = $("#ws-side-banner-094253");
			var $bottomBanner = $("#ws-bottom-banner-094253");
			var duration = 1000;
			var easing = "easeOutQuint";
			
			if (!$("body").hasClass("mobile-mode")) {
				$sideBanner.hover(
					function(){
						$sideBanner.stop().animate({
							right: 0
						}, duration/2, easing);
					},
					function(){
						$sideBanner.stop().animate({
							//right: -122
							right: -137
						}, duration/2, easing);
					}
				);								
			}
				
			window.setTimeout(function(){
				var $cookiePopup = $(".cc-window");
				
				if ($cookiePopup.length && $cookiePopup.css("display") !== "none") {
					$bottomBanner.animate({
						bottom: $cookiePopup.outerHeight()
					}, duration, easing);	
				}
				else {
					$bottomBanner.animate({
						bottom: 0
					}, duration, easing);	
				}
			
				if (!$("body").hasClass("mobile-mode")) {
					window.setTimeout(function(){
						$sideBanner.animate({
							right: 0
						}, duration, easing);
					}, 1000);
	
					window.setTimeout(function(){
						$sideBanner.animate({
							//right: -122
							right: -137
						}, duration, easing);
					}, 5000);
				}				
			}, 1500);
		});</script><style>.section-bg-layer {
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 0;
	}
	.section-bg-layer.hidden,
	.mobile-mode .section-bg-layer {
		display: none;
	}
	/*
	.no-section-bg {
		background: none !important;
	}
	*/</style><script>var _getMinWidthData = function(){
		var desktopWidth = 940;
		/*
		var leftMostElement = $(".section > .container .element, #menu").filter(function(index){
				return this.offsetLeft < 0; 
			}).sort(function(a, b){
				return a.offsetLeft - b.offsetLeft; 
			});

		var leftOffset = leftMostElement.length ? Math.abs(leftMostElement[0].offsetLeft) : 0;
		*/

		var rightMostElement = $(".section > .container .element, #menu").filter(function(index){
				return (this.offsetLeft + this.offsetWidth) > desktopWidth; 
			}).sort(function(a, b){
				return (b.offsetLeft+b.offsetWidth) - (a.offsetLeft+a.offsetWidth); 
			});

		var rightOffset = 0;
		if (rightMostElement.length) {
			var offsetLeft = rightMostElement[0].offsetLeft;
			var offsetWidth = rightMostElement[0].offsetWidth;
			
			rightOffset = offsetLeft + offsetWidth - desktopWidth;
		}
			
		var minWidth = desktopWidth;
		/*
		if (!leftOffset || rightOffset > leftOffset) {
			minWidth += 2*rightOffset;
		}
		else if (!rightOffset || leftOffset > rightOffset) {
			minWidth += 2*leftOffset;
		}
		*/

		//console.log(desktopWidth, leftOffset, rightOffset);
		//console.log(minWidth);

		return {
			minWidth: minWidth,
			rightOffset: rightOffset,
			totalMinWidth: minWidth + rightOffset,
			siteMinWidth: minWidth + 2*rightOffset			
		};
	};
	
	var _minWidthData = _getMinWidthData();
	
	var setBodyMinWidth = function(){
		if (!$("body").hasClass("mobile-mode")) {
			//console.log(_minWidthData);
			var totalMinWidth = _minWidthData.totalMinWidth;
			var siteMinWidth = _minWidthData.siteMinWidth;
			var scrollWidth = window.document.documentElement.scrollWidth;
			
			//console.log("innerWidth", window.innerWidth);
			//console.log("scrollWidth", scrollWidth);
			
			if (siteMinWidth > window.innerWidth) {
				var width = scrollWidth;

				if (width < totalMinWidth) {
					width = totalMinWidth;
				}
				
				//console.log("width", width);
			
				/*
				$(".strip-element, .element.isFullWidth").css({
					'cssText': "width: "+width+"px !important"
				});
				*/
				$(".strip-element").each(function(){
					var $this = $(this); 
					if ($this.css("background-image") === "none") {
						$this.css({
							'cssText': "width: "+width+"px !important"
						});
					}
				});
				
				$(".section").each(function(){
					var $this = $(this);
					var $section = $this;
					if (this.id === "header-body") {
						$section = $this.parent();
					}					
					
					var bgColor = $section.css("background-color");
					var bgImage = $section.css("background-image"); 
					
					if (bgColor !== "none" || bgImage !== "none") {
						var $bgLayer = $this.find(".section-bg-layer");
						var bgRepeat = $section.css("background-repeat");
						
						if (!$bgLayer.length) {
							$this.prepend('<div class="section-bg-layer"></div>');
							$bgLayer = $this.find(".section-bg-layer");
							$bgLayer.css({
							    'background-color': bgColor, //$section.css("background-color"),
							    'background-image': bgImage, //$section.css("background-image"),
							    'background-repeat': bgRepeat, //$section.css("background-repeat"),
							    'background-attachment': $section.css("background-attachment"),
							    'background-size': $section.css("background-size"),
							    'background-position': $section.css("background-position")						
							});
						}
						
						$bgLayer.removeClass("hidden").css({
							width: width+"px"
						});
						
						if (bgImage !== "none" && bgRepeat.indexOf("no-repeat") !== -1) {
							$bgLayer.css("width", "auto");
						}
						
						//$section.addClass("no-section-bg");
					}
				});
			}
			else {
				/*
				$(".strip-element, .element.isFullWidth").css({
					'cssText': "width: 100% !important"
				});
				*/
				$(".strip-element").css({
					'cssText': "width: 100% !important"
				});

				$(".section").each(function(){
					var $this = $(this);
					if (this.id === "header-body") {
						$this = $this.parent();
					}					

					//$this.removeClass("no-section-bg");

					var $bgLayer = $this.find(".section-bg-layer");
					if ($bgLayer.length) {
						$bgLayer.addClass("hidden");
					}
				});
			}
		}		
	};</script><script>var changeElementSection = function(mode){
		var sectionData = mode === "mobile" ? "respsection" : "section";
		$(".element.responsive").each(function(){
			var $el = $(this);
			var section = $el.data(sectionData);
			var $section = $("#"+section);
			if ($el.hasClass("strip-element") || $el.hasClass("isFullWidth")) {
				$el.appendTo($section);
			}
			else if (section === 'content-body' || section === 'footer-body') {
				$el.appendTo($section.find('> div.container > div'));
			}
			else {
				$el.appendTo($section.find('> div.container'));
			}
		});
	};

	var scaleText = function(element, scale){
		var traverseTextContent = function walk(node, func) {
		    var child = node.firstChild;
		    while (child) {
		        walk(child, func);
		        child = child.nextSibling;
		    }
		    func(node);
		};

		traverseTextContent(element, function(node){
			if (node.nodeType === 1)	{
				var fontSize = parseInt($(node).css("font-size"));
				$(node).css("font-size", Math.round(fontSize*scale)+"px");
			}
		});
	};

	var adjustTextElements = function(reset){
		var reset = (typeof reset !== "undefined") ? reset : false;

		$(".text-content.hasFontScale").each(function(){
			var resetted = $(this).data("resetted");
			var scaled = $(this).data("scaled");
			var fontScale = $(this).data("fontscale");

			if (reset) {
				fontScale = 1 / fontScale;
				$(this).data("resetted", true);
				$(this).data("scaled", false);
			}
			else {
				$(this).data("resetted", false);
				$(this).data("scaled", true);
			}

			if ( (typeof resetted !== "undefined" && reset && !resetted) ||
				 (!reset && !scaled) )
			{
				scaleText(this, fontScale);
			}
		});
	};
	

	var _width = $(window).width();

	var changeViewportMeta = function() {
		var width = _width;
		var mobileWidth = 320;
		var maxMobileWidth = 768;
		var desktopWidth = 940;
		var viewportWidth = 1280;
		var isDesktopView = true;

		if (desktopWidth > viewportWidth) {
			viewportWidth = desktopWidth;
		}

		var userAgent = window.navigator.userAgent.toLowerCase();
		var isMobileDevice = userAgent.indexOf("mobi") !== -1 || userAgent.indexOf("android") !== -1;
		var isSafari = !!userAgent.match(/version\/[\d\.]+.*safari/);
		var iOS = /iPad|iPhone|iPod/.test(window.navigator.userAgent) && !window.MSStream;

		if (isMobileDevice) {
			if (isSafari) {
				$("body").css("background-attachment", "scroll");
			}
		} else {
			$("#page-view-options").hide();
		}
		
		if($.fancybox) {
			$(".fancybox").fancybox({
				type: 'image',
				helpers: {
					overlay: {
						locked: false
					}
				}
			});
			$(".fancybox[data-fancybox-type='iframe']").fancybox({
				type: 'iframe',
				padding: 34,
				tpl: {
					closeBtn : '<a title="Close" class="fancybox-close fancy-close-small" href="javascript:;"><svg xmlns="http://www.w3.org/2000/svg" version="1" viewBox="0 0 24 24"><path d="M13 12l5-5-1-1-5 5-5-5-1 1 5 5-5 5 1 1 5-5 5 5 1-1z"></path></svg></a>'
				}
				// closeBtn: false
			});
		}

		$("body").toggleClass("mobile-mode", !isDesktopView);
		$("#mobile-view").toggleClass("current", !isDesktopView);
		$("#desktop-view").toggleClass("current", isDesktopView);

		var mode = isDesktopView ? undefined : 'mobile';

		adjustTextElements(isDesktopView);
		changeElementSection(mode);
		

		if (!isDesktopView) { 
			if (top !== self && !isMobileDevice) {
				$("html").css({
					width: mobileWidth,
					backgroundColor: "#fff"
				});
			}

			$("body").trigger("changeMode", ["mobile"]);

			if (iOS) {
				return $('meta[name=viewport]').attr('content', 'initial-scale='+Math.max((+((width/mobileWidth).toFixed(2))-0.01), 1)+', width='+mobileWidth);
			} else {
				return $('meta[name=viewport]').attr('content', 'initial-scale='+(+((width/mobileWidth).toFixed(2)))+', width='+mobileWidth);
			}
		}
		else { 
			$("body").trigger("changeMode", ["desktop"]);

			

			return $('meta[name=viewport]').attr('content', 'initial-scale='+(+((width/viewportWidth).toFixed(2)))+', maximum-scale='+(+((width/viewportWidth).toFixed(2)))+', width='+viewportWidth);
		}
	};

	$(window).bind('orientationchange',	changeViewportMeta);

	$(window).bind('resize', function(){
		var userAgent = window.navigator.userAgent.toLowerCase();
		if (userAgent.indexOf("mobi") === -1) {
			changeViewportMeta();
		}

		setBodyMinWidth();
	});

	$(document).ready(function(){
		changeViewportMeta();

		$("#desktop-view, #mobile-view").click(function(){
			var isDesktop = $(event.currentTarget).attr('id') == 'desktop-view';

			$.cookie("DESKTOP_VIEW", isDesktop, {path: "/"});
			$(window).scrollTop(0);
			var search = location.search.replace(/view=[^&]+/, "");
			location = location.pathname + (search === "?" ? "" : search);
		});

		$("body").css("opacity", "1");

		if(window.inView) {
			inView('.lazyload')
				.on('enter', function(el) {
					var $el = $(el);

					if(!$el.hasClass('lazyloaded')) {
						var src = $el.data('src');
						var tagName = $el.prop('tagName');

						if(tagName == 'IFRAME' || tagName == 'IMG') {
							$el.attr('src', serveWebP(src));
						} else {
							$el.css('background-image', 'url(' + src + ')'); 
						}

						$el.addClass('lazyloaded');
					}
				})
		}

		if(window.AOS) {
			AOS.init();
		}
		
		if (top !== self) {
			$("#page-view-options").hide();
		}
		
		$(window).scroll(function(){
			var $header = $("header");
			if ($header.css("position") === "fixed") {
				$header.css("left", -$(this).scrollLeft()+"px"); 
			}
		});

		setBodyMinWidth();
	});</script><script src=/js/editor/dist/recaptcha.bundle.js?20201229154043></script>