PNG  IHDRQgAMA a cHRMz&u0`:pQ<bKGDgmIDATxwUﹻ& ^CX(J I@ "% (** BX +*i"]j(IH{~R)[~>h{}gy)I$Ij .I$I$ʊy@}x.: $I$Ii}VZPC)I$IF ^0ʐJ$I$Q^}{"r=OzI$gRZeC.IOvH eKX $IMpxsk.쒷/&r[޳<v| .I~)@$updYRa$I |M.e JaֶpSYR6j>h%IRز if&uJ)M$I vLi=H;7UJ,],X$I1AҒJ$ XY XzI@GNҥRT)E@;]K*Mw;#5_wOn~\ DC&$(A5 RRFkvIR}l!RytRl;~^ǷJj اy뷦BZJr&ӥ8Pjw~vnv X^(I;4R=P[3]J,]ȏ~:3?[ a&e)`e*P[4]T=Cq6R[ ~ޤrXR Հg(t_HZ-Hg M$ãmL5R uk*`%C-E6/%[t X.{8P9Z.vkXŐKjgKZHg(aK9ڦmKjѺm_ \#$5,)-  61eJ,5m| r'= &ڡd%-]J on Xm|{ RҞe $eڧY XYrԮ-a7RK6h>n$5AVڴi*ֆK)mѦtmr1p| q:흺,)Oi*ֺK)ܬ֦K-5r3>0ԔHjJئEZj,%re~/z%jVMڸmrt)3]J,T K֦OvԒgii*bKiNO~%PW0=dii2tJ9Jݕ{7"I P9JKTbu,%r"6RKU}Ij2HKZXJ,妝 XYrP ެ24c%i^IK|.H,%rb:XRl1X4Pe/`x&P8Pj28Mzsx2r\zRPz4J}yP[g=L) .Q[6RjWgp FIH*-`IMRaK9TXcq*I y[jE>cw%gLRԕiFCj-ďa`#e~I j,%r,)?[gp FI˨mnWX#>mʔ XA DZf9,nKҲzIZXJ,L#kiPz4JZF,I,`61%2s $,VOϚ2/UFJfy7K> X+6 STXIeJILzMfKm LRaK9%|4p9LwJI!`NsiazĔ)%- XMq>pk$-$Q2x#N ؎-QR}ᶦHZډ)J,l#i@yn3LN`;nڔ XuX5pF)m|^0(>BHF9(cզEerJI rg7 4I@z0\JIi䵙RR0s;$s6eJ,`n 䂦0a)S)A 1eJ,堌#635RIgpNHuTH_SԕqVe ` &S)>p;S$魁eKIuX`I4춒o}`m$1":PI<[v9^\pTJjriRŭ P{#{R2,`)e-`mgj~1ϣLKam7&U\j/3mJ,`F;M'䱀 .KR#)yhTq;pcK9(q!w?uRR,n.yw*UXj#\]ɱ(qv2=RqfB#iJmmL<]Y͙#$5 uTU7ӦXR+q,`I}qL'`6Kͷ6r,]0S$- [RKR3oiRE|nӦXR.(i:LDLTJjY%o:)6rxzҒqTJjh㞦I.$YR.ʼnGZ\ֿf:%55 I˼!6dKxm4E"mG_ s? .e*?LRfK9%q#uh$)i3ULRfK9yxm܌bj84$i1U^@Wbm4uJ,ҪA>_Ij?1v32[gLRD96oTaR׿N7%L2 NT,`)7&ƝL*꽙yp_$M2#AS,`)7$rkTA29_Iye"|/0t)$n XT2`YJ;6Jx".e<`$) PI$5V4]29SRI>~=@j]lp2`K9Jaai^" Ԋ29ORI%:XV5]JmN9]H;1UC39NI%Xe78t)a;Oi Ҙ>Xt"~G>_mn:%|~ޅ_+]$o)@ǀ{hgN;IK6G&rp)T2i୦KJuv*T=TOSV>(~D>dm,I*Ɛ:R#ۙNI%D>G.n$o;+#RR!.eU˽TRI28t)1LWϚ>IJa3oFbu&:tJ*(F7y0ZR ^p'Ii L24x| XRI%ۄ>S1]Jy[zL$adB7.eh4%%누>WETf+3IR:I3Xה)3אOۦSRO'ٺ)S}"qOr[B7ϙ.edG)^ETR"RtRݜh0}LFVӦDB^k_JDj\=LS(Iv─aTeZ%eUAM-0;~˃@i|l @S4y72>sX-vA}ϛBI!ݎߨWl*)3{'Y|iSlEڻ(5KtSI$Uv02,~ԩ~x;P4ցCrO%tyn425:KMlD ^4JRxSهF_}شJTS6uj+ﷸk$eZO%G*^V2u3EMj3k%)okI]dT)URKDS 7~m@TJR~荪fT"֛L \sM -0T KfJz+nإKr L&j()[E&I ߴ>e FW_kJR|!O:5/2跌3T-'|zX ryp0JS ~^F>-2< `*%ZFP)bSn"L :)+pʷf(pO3TMW$~>@~ū:TAIsV1}S2<%ޟM?@iT ,Eūoz%i~g|`wS(]oȤ8)$ ntu`өe`6yPl IzMI{ʣzʨ )IZ2= ld:5+請M$-ї;U>_gsY$ÁN5WzWfIZ)-yuXIfp~S*IZdt;t>KūKR|$#LcԀ+2\;kJ`]YǔM1B)UbG"IRߊ<xܾӔJ0Z='Y嵤 Leveg)$znV-º^3Ւof#0Tfk^Zs[*I꯳3{)ˬW4Ւ4 OdpbZRS|*I 55#"&-IvT&/윚Ye:i$ 9{LkuRe[I~_\ؠ%>GL$iY8 9ܕ"S`kS.IlC;Ҏ4x&>u_0JLr<J2(^$5L s=MgV ~,Iju> 7r2)^=G$1:3G< `J3~&IR% 6Tx/rIj3O< ʔ&#f_yXJiގNSz; Tx(i8%#4 ~AS+IjerIUrIj362v885+IjAhK__5X%nV%Iͳ-y|7XV2v4fzo_68"S/I-qbf; LkF)KSM$ Ms>K WNV}^`-큧32ŒVؙGdu,^^m%6~Nn&͓3ŒVZMsRpfEW%IwdǀLm[7W&bIRL@Q|)* i ImsIMmKmyV`i$G+R 0tV'!V)֏28vU7͒vHꦼtxꗞT ;S}7Mf+fIRHNZUkUx5SAJㄌ9MqμAIRi|j5)o*^'<$TwI1hEU^c_j?Е$%d`z cyf,XO IJnTgA UXRD }{H}^S,P5V2\Xx`pZ|Yk:$e ~ @nWL.j+ϝYb퇪bZ BVu)u/IJ_ 1[p.p60bC >|X91P:N\!5qUB}5a5ja `ubcVxYt1N0Zzl4]7­gKj]?4ϻ *[bg$)+À*x쳀ogO$~,5 زUS9 lq3+5mgw@np1sso Ӻ=|N6 /g(Wv7U;zωM=wk,0uTg_`_P`uz?2yI!b`kĸSo+Qx%!\οe|އԁKS-s6pu_(ֿ$i++T8=eY; צP+phxWQv*|p1. ά. XRkIQYP,drZ | B%wP|S5`~́@i޾ E;Չaw{o'Q?%iL{u D?N1BD!owPHReFZ* k_-~{E9b-~P`fE{AܶBJAFO wx6Rox5 K5=WwehS8 (JClJ~ p+Fi;ŗo+:bD#g(C"wA^ r.F8L;dzdIHUX݆ϞXg )IFqem%I4dj&ppT{'{HOx( Rk6^C٫O.)3:s(۳(Z?~ٻ89zmT"PLtw䥈5&b<8GZ-Y&K?e8,`I6e(֍xb83 `rzXj)F=l($Ij 2*(F?h(/9ik:I`m#p3MgLaKjc/U#n5S# m(^)=y=đx8ŬI[U]~SцA4p$-F i(R,7Cx;X=cI>{Km\ o(Tv2vx2qiiDJN,Ҏ!1f 5quBj1!8 rDFd(!WQl,gSkL1Bxg''՞^ǘ;pQ P(c_ IRujg(Wz bs#P­rz> k c&nB=q+ؔXn#r5)co*Ũ+G?7< |PQӣ'G`uOd>%Mctz# Ԫڞ&7CaQ~N'-P.W`Oedp03C!IZcIAMPUۀ5J<\u~+{9(FbbyAeBhOSܳ1 bÈT#ŠyDžs,`5}DC-`̞%r&ڙa87QWWp6e7 Rϫ/oY ꇅ Nܶըtc!LA T7V4Jsū I-0Pxz7QNF_iZgúWkG83 0eWr9 X]㾮݁#Jˢ C}0=3ݱtBi]_ &{{[/o[~ \q鯜00٩|cD3=4B_b RYb$óBRsf&lLX#M*C_L܄:gx)WΘsGSbuL rF$9';\4Ɍq'n[%p.Q`u hNb`eCQyQ|l_C>Lb꟟3hSb #xNxSs^ 88|Mz)}:](vbۢamŖ࿥ 0)Q7@0=?^k(*J}3ibkFn HjB׻NO z x}7p 0tfDX.lwgȔhԾŲ }6g E |LkLZteu+=q\Iv0쮑)QٵpH8/2?Σo>Jvppho~f>%bMM}\//":PTc(v9v!gոQ )UfVG+! 35{=x\2+ki,y$~A1iC6#)vC5^>+gǵ@1Hy٪7u;p psϰu/S <aʸGu'tD1ԝI<pg|6j'p:tպhX{o(7v],*}6a_ wXRk,O]Lܳ~Vo45rp"N5k;m{rZbΦ${#)`(Ŵg,;j%6j.pyYT?}-kBDc3qA`NWQū20/^AZW%NQ MI.X#P#,^Ebc&?XR tAV|Y.1!؅⨉ccww>ivl(JT~ u`ٵDm q)+Ri x/x8cyFO!/*!/&,7<.N,YDŽ&ܑQF1Bz)FPʛ?5d 6`kQձ λc؎%582Y&nD_$Je4>a?! ͨ|ȎWZSsv8 j(I&yj Jb5m?HWp=g}G3#|I,5v珿] H~R3@B[☉9Ox~oMy=J;xUVoj bUsl_35t-(ՃɼRB7U!qc+x4H_Qo֮$[GO<4`&č\GOc[.[*Af%mG/ ňM/r W/Nw~B1U3J?P&Y )`ѓZ1p]^l“W#)lWZilUQu`-m|xĐ,_ƪ|9i:_{*(3Gѧ}UoD+>m_?VPۅ15&}2|/pIOʵ> GZ9cmíتmnz)yߐbD >e}:) r|@R5qVSA10C%E_'^8cR7O;6[eKePGϦX7jb}OTGO^jn*媓7nGMC t,k31Rb (vyܴʭ!iTh8~ZYZp(qsRL ?b}cŨʊGO^!rPJO15MJ[c&~Z`"ѓޔH1C&^|Ш|rʼ,AwĴ?b5)tLU)F| &g٣O]oqSUjy(x<Ϳ3 .FSkoYg2 \_#wj{u'rQ>o;%n|F*O_L"e9umDds?.fuuQbIWz |4\0 sb;OvxOSs; G%T4gFRurj(֍ڑb uԖKDu1MK{1^ q; C=6\8FR艇!%\YÔU| 88m)֓NcLve C6z;o&X x59:q61Z(T7>C?gcļxѐ Z oo-08jہ x,`' ҔOcRlf~`jj".Nv+sM_]Zk g( UOPyεx%pUh2(@il0ݽQXxppx-NS( WO+轾 nFߢ3M<;z)FBZjciu/QoF 7R¥ ZFLF~#ȣߨ^<쩡ݛкvџ))ME>ώx4m#!-m!L;vv#~Y[đKmx9.[,UFS CVkZ +ߟrY٧IZd/ioi$%͝ب_ֶX3ܫhNU ZZgk=]=bbJS[wjU()*I =ώ:}-蹞lUj:1}MWm=̛ _ ¾,8{__m{_PVK^n3esw5ӫh#$-q=A̟> ,^I}P^J$qY~Q[ Xq9{#&T.^GVj__RKpn,b=`żY@^՝;z{paVKkQXj/)y TIc&F;FBG7wg ZZDG!x r_tƢ!}i/V=M/#nB8 XxЫ ^@CR<{䤭YCN)eKOSƟa $&g[i3.C6xrOc8TI;o hH6P&L{@q6[ Gzp^71j(l`J}]e6X☉#͕ ׈$AB1Vjh㭦IRsqFBjwQ_7Xk>y"N=MB0 ,C #o6MRc0|$)ف"1!ixY<B9mx `,tA>)5ػQ?jQ?cn>YZe Tisvh# GMމȇp:ԴVuږ8ɼH]C.5C!UV;F`mbBk LTMvPʍϤj?ԯ/Qr1NB`9s"s TYsz &9S%U԰> {<ؿSMxB|H\3@!U| k']$U+> |HHMLޢ?V9iD!-@x TIî%6Z*9X@HMW#?nN ,oe6?tQwڱ.]-y':mW0#!J82qFjH -`ѓ&M0u Uγmxϵ^-_\])@0Rt.8/?ٰCY]x}=sD3ojަЫNuS%U}ԤwHH>ڗjܷ_3gN q7[q2la*ArǓԖ+p8/RGM ]jacd(JhWko6ڎbj]i5Bj3+3!\j1UZLsLTv8HHmup<>gKMJj0@H%,W΃7R) ">c, xixј^ aܖ>H[i.UIHc U1=yW\=S*GR~)AF=`&2h`DzT󑓶J+?W+}C%P:|0H܆}-<;OC[~o.$~i}~HQ TvXΈr=b}$vizL4:ȰT|4~*!oXQR6Lk+#t/g lԁߖ[Jڶ_N$k*". xsxX7jRVbAAʯKҎU3)zSNN _'s?f)6X!%ssAkʱ>qƷb hg %n ~p1REGMHH=BJiy[<5 ǁJҖgKR*倳e~HUy)Ag,K)`Vw6bRR:qL#\rclK/$sh*$ 6덤 KԖc 3Z9=Ɣ=o>X Ώ"1 )a`SJJ6k(<c e{%kϊP+SL'TcMJWRm ŏ"w)qc ef꒵i?b7b('"2r%~HUS1\<(`1Wx9=8HY9m:X18bgD1u ~|H;K-Uep,, C1 RV.MR5άh,tWO8WC$ XRVsQS]3GJ|12 [vM :k#~tH30Rf-HYݺ-`I9%lIDTm\ S{]9gOڒMNCV\G*2JRŨ;Rҏ^ڽ̱mq1Eu?To3I)y^#jJw^Ńj^vvlB_⋌P4x>0$c>K†Aļ9s_VjTt0l#m>E-,,x,-W)سo&96RE XR.6bXw+)GAEvL)͞K4$p=Ũi_ѱOjb HY/+@θH9޼]Nԥ%n{ &zjT? Ty) s^ULlb,PiTf^<À] 62R^V7)S!nllS6~͝V}-=%* ʻ>G DnK<y&>LPy7'r=Hj 9V`[c"*^8HpcO8bnU`4JȪAƋ#1_\ XϘHPRgik(~G~0DAA_2p|J묭a2\NCr]M_0 ^T%e#vD^%xy-n}-E\3aS%yN!r_{ )sAw ڼp1pEAk~v<:`'ӭ^5 ArXOI驻T (dk)_\ PuA*BY]yB"l\ey hH*tbK)3 IKZ򹞋XjN n *n>k]X_d!ryBH ]*R 0(#'7 %es9??ښFC,ՁQPjARJ\Ρw K#jahgw;2$l*) %Xq5!U᢯6Re] |0[__64ch&_}iL8KEgҎ7 M/\`|.p,~`a=BR?xܐrQ8K XR2M8f ?`sgWS%" Ԉ 7R%$ N}?QL1|-эټwIZ%pvL3Hk>,ImgW7{E xPHx73RA @RS CC !\ȟ5IXR^ZxHл$Q[ŝ40 (>+ _C >BRt<,TrT {O/H+˟Pl6 I B)/VC<6a2~(XwV4gnXR ϱ5ǀHٻ?tw똤Eyxp{#WK qG%5],(0ӈH HZ])ג=K1j&G(FbM@)%I` XRg ʔ KZG(vP,<`[ Kn^ SJRsAʠ5xՅF`0&RbV tx:EaUE/{fi2;.IAwW8/tTxAGOoN?G}l L(n`Zv?pB8K_gI+ܗ #i?ޙ.) p$utc ~DžfՈEo3l/)I-U?aԅ^jxArA ΧX}DmZ@QLےbTXGd.^|xKHR{|ΕW_h] IJ`[G9{).y) 0X YA1]qp?p_k+J*Y@HI>^?gt.06Rn ,` ?);p pSF9ZXLBJPWjgQ|&)7! HjQt<| ؅W5 x W HIzYoVMGP Hjn`+\(dNW)F+IrS[|/a`K|ͻ0Hj{R,Q=\ (F}\WR)AgSG`IsnAR=|8$}G(vC$)s FBJ?]_u XRvύ6z ŨG[36-T9HzpW̞ú Xg큽=7CufzI$)ki^qk-) 0H*N` QZkk]/tnnsI^Gu't=7$ Z;{8^jB% IItRQS7[ϭ3 $_OQJ`7!]W"W,)Iy W AJA;KWG`IY{8k$I$^%9.^(`N|LJ%@$I}ֽp=FB*xN=gI?Q{٥4B)mw $Igc~dZ@G9K X?7)aK%݅K$IZ-`IpC U6$I\0>!9k} Xa IIS0H$I H ?1R.Чj:4~Rw@p$IrA*u}WjWFPJ$I➓/6#! LӾ+ X36x8J |+L;v$Io4301R20M I$-E}@,pS^ޟR[/s¹'0H$IKyfŸfVOπFT*a$I>He~VY/3R/)>d$I>28`Cjw,n@FU*9ttf$I~<;=/4RD~@ X-ѕzἱI$: ԍR a@b X{+Qxuq$IЛzo /~3\8ڒ4BN7$IҀj V]n18H$IYFBj3̵̚ja pp $Is/3R Ӻ-Yj+L;.0ŔI$Av? #!5"aʄj}UKmɽH$IjCYs?h$IDl843.v}m7UiI=&=0Lg0$I4: embe` eQbm0u? $IT!Sƍ'-sv)s#C0:XB2a w I$zbww{."pPzO =Ɔ\[ o($Iaw]`E).Kvi:L*#gР7[$IyGPI=@R 4yR~̮´cg I$I/<tPͽ hDgo 94Z^k盇΄8I56^W$I^0̜N?4*H`237}g+hxoq)SJ@p|` $I%>-hO0eO>\ԣNߌZD6R=K ~n($I$y3D>o4b#px2$yڪtzW~a $I~?x'BwwpH$IZݑnC㧄Pc_9sO gwJ=l1:mKB>Ab<4Lp$Ib o1ZQ@85b̍ S'F,Fe,^I$IjEdù{l4 8Ys_s Z8.x m"+{~?q,Z D!I$ϻ'|XhB)=…']M>5 rgotԎ 獽PH$IjIPhh)n#cÔqA'ug5qwU&rF|1E%I$%]!'3AFD/;Ck_`9 v!ٴtPV;x`'*bQa w I$Ix5 FC3D_~A_#O݆DvV?<qw+I$I{=Z8".#RIYyjǪ=fDl9%M,a8$I$Ywi[7ݍFe$s1ՋBVA?`]#!oz4zjLJo8$I$%@3jAa4(o ;p,,dya=F9ً[LSPH$IJYЉ+3> 5"39aZ<ñh!{TpBGkj}Sp $IlvF.F$I z< '\K*qq.f<2Y!S"-\I$IYwčjF$ w9 \ߪB.1v!Ʊ?+r:^!I$BϹB H"B;L'G[ 4U#5>੐)|#o0aڱ$I>}k&1`U#V?YsV x>{t1[I~D&(I$I/{H0fw"q"y%4 IXyE~M3 8XψL}qE$I[> nD?~sf ]o΁ cT6"?'_Ἣ $I>~.f|'!N?⟩0G KkXZE]ޡ;/&?k OۘH$IRۀwXӨ<7@PnS04aӶp.:@\IWQJ6sS%I$e5ڑv`3:x';wq_vpgHyXZ 3gЂ7{{EuԹn±}$I$8t;b|591nءQ"P6O5i }iR̈́%Q̄p!I䮢]O{H$IRϻ9s֧ a=`- aB\X0"+5"C1Hb?߮3x3&gşggl_hZ^,`5?ߎvĸ%̀M!OZC2#0x LJ0 Gw$I$I}<{Eb+y;iI,`ܚF:5ܛA8-O-|8K7s|#Z8a&><a&/VtbtLʌI$I$I$I$I$I$IRjDD%tEXtdate:create2022-05-31T04:40:26+00:00!Î%tEXtdate:modify2022-05-31T04:40:26+00:00|{2IENDB`Mini Shell

HOME


Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/dansa/
Upload File :
Current File : /home/htlwork.com/www/dev/dansa/annual-renewal.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>DAN Shop</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
	
	<link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">

    <!-- Custom CSS -->
    <link href="style.css" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">    	
	
    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    
    <!--If you want to change #bootstrap-touch-slider id then you have to change Carousel-indicators and Carousel-Control  #bootstrap-touch-slider slide as well
        Slide effect: slide, fade
        Text Align: slide_style_center, slide_style_left, slide_style_right
        Add Text Animation: https://daneden.github.io/animate.css/
        -->


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->    
</head>
<body>
<header class="header header-bg">     
  <div class="menu-head">             
    <div class="container">	  
      
	  <nav class="navbar navbar-expand-lg">
	    <div class="container-fluid">
		  <a class="navbar-brand" href="#"><img src="images/logo.png" alt=""></a>
		  <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
		  
		  <div class="collapse navbar-collapse" id="navbarSupportedContent">
		    <ul class="navbar-nav ms-xxl-auto">
			  <li class="li-arrow"><a href="#">COVID-19</a>
			    <ul class="sub-menu">
				  <li><a href="#">Return To Diving Safely</a></li>
				</ul>
			  </li>    
			  
			  <li class="li-arrow"><a href="#">About</a>
			    <ul class="sub-menu">
				  <li><a href="#">Our Team</a></li>
				  <li><a href="#">International DAN</a></li>
				</ul>
			  </li>  
			  
			  <li class="li-arrow"><a href="#">Dive Cover </a>
			    <ul class="sub-menu">
				  <li><a href="#">Annual</a></li>
				  <li><a href="#">Annual Freediver</a></li>
				  <li><a href="#">Temporary</a></li>
				  <li><a href="#">Student</a></li>
				  <li><a href="#">Commercial</a></li>
				  <li><a href="#">Cancellation Request</a></li>
				</ul>        
			  </li> 
			  <li class="li-arrow"><a href="#">Services </a>
			    <ul class="sub-menu">
				  <li><a href="#">Alert Diver</a></li>
				  <li><a href="#">Annual Diving Report</a></li>
				  <li><a href="#">Chamber Safety</a></li>
				  <li><a href="#">DAN Resources</a></li>
				  <li><a href="#">Dive Medical Forms</a></li>
				  <li><a href="#">Education</a></li>
				  <li><a href="#">Infographics</a></li>
				  <li><a href="#">Legal Network</a></li>
				  <li><a href="#">Medicine</a></li>
				  <li><a href="#">Partner Programs</a></li>
				  <li><a href="#">Research</a></li>
				  <li><a href="#">Report An Incident</a></li>
				  <li><a href="#">Technical Diving</a></li>
				  <li><a href="#">Test Station Resources</a></li>
				  <li><a href="#">Travel Notification</a></li>
				  <li><a href="#">Travel Statement</a></li>
				  <li><a href="#">Webinars</a></li>
			    </ul>
		      </li>
			  <li><a href="#">DAN Shop</a></li>
			  <li><a href="#">Blog</a></li>
			  <li class="li-arrow"><a href="#">Contact</a>
			    <ul class="sub-menu">
				  <li><a href="#">Dive Business Listing</a></li>
				  <li><a href="#">Find A DIve Doctor</a></li>
				  <li><a href="#">Find A DAN Instructor</a></li>
			    </ul>
		      </li>
			  <li><a href="#">JOIN - RENEW</a></li>
		    </ul>
		  </div>
	    </div>
	  </nav>
	    
    </div><!--/ menu-head -->           
  </div><!--/ container -->
</header>

<section class="form-wrap form-wrap-step4 annual-application">
  <div class="container">
    <div class="row">
      
	  <div class="col-sm-12">
	    <div class="form-grid">
	      <div class="title">
	        <h2>Renewal Form</h2>
		    <p>Your application will be processed within 24 hours</p>
	      </div><!--/ title -->
		  
		  <form>			
			<div class="form-steps form-group col-sm-12" id="step_1">
			  <div class="row">
			    
				<div class="form-group col-sm-12">
				  <div class="step-no">Step 1 of 4</div>
				  <h3>PERSONAL DETAILS</h3>
				  <p class="annual-p text-center">Please complete required fields</p>
				  <div class="form-bar">
					<div class="form-clearbar"></div>
					<div class="form-fillbar"></div>
				  </div><!--/ form-bar -->
				</div>
			
		        <div class="form-group col-sm-4">
			      <label>Title</label>
			      <input class="form-control" placeholder="Mr" value="">
		        </div>
			
			    <div class="form-group col-sm-4">
			      <label>First name</label>
			      <input class="form-control" placeholder="john" value="">
		        </div>
			
			    <div class="form-group col-sm-4">
			      <label>Last name</label>
			      <input class="form-control" placeholder="Doe" value="">
		        </div>
			
			    <div class="form-group col-sm-6">
			      <label>Date of Birth</label>
			      <input class="form-control" placeholder="10-06-1990" value="">
		        </div>
			
			    <div class="form-group col-sm-6">
			      <label>Identity / Passport Number</label>
			      <input class="form-control" placeholder="000000-0000-000" type="phone" value="">
		        </div>
			
			    
			    <div class="form-group col-sm-6">
			      <label>Mobile Phone</label>
			      <input class="form-control" placeholder="+27-00-000-0000" type="text" value="">
		        </div>
			
			    <div class="form-group col-sm-6">
			      <label>Email address </label>
			      <input class="form-control" placeholder="example@domain.com" type="text" value="">
		        </div>
			
			    <div class="form-group col-sm-12">
			      <label>DAN Membership Number</label>
			      <input class="form-control" placeholder="DANS 000000" type="text" value="">
		        </div>
				
			    <div class="form-group col-sm-12 steps-btn">
			      <a href="#" class="btn next-btn" data-id="1">Next</a>
		        </div>
			
		      </div><!--/ row -->
		    </div><!--/ form-steps -->
			
			
			
			<div class="form-steps form-group col-sm-12" id="step_2">
			  <div class="row">
			    
				<div class="form-group col-sm-12">
				  <div class="step-no">Step 2 of 4</div>
				  <h3>Medical Insurance Details</h3>
				  <p class="annual-p text-center">Please complete required fields</p>
				  <div class="form-bar">
					<div class="form-clearbar"></div>
					<div class="form-fillbar"></div>
				  </div><!--/ form-bar -->
				</div>
				
				<div class="form-group col-sm-6">
			      <label>Medical Aid / Healthcare Insurance Name</label>
			      <input class="form-control" placeholder="Discovery Health Medical Scheme" type="text" value="">
		        </div>
				
				<div class="form-group col-sm-6">
			      <label>Medical Aid / Healthcare Insurance Number</label>
			      <input class="form-control" placeholder="Policy Number" type="text" value="">
		        </div>
			
			    <div class="form-group col-sm-12">
			      <div class="input-group">
			        <label class="label">Are you using any medication regularly?</label>
				    <div class="input-inner row">
				      <div class="col-sm-12 mrb-10 input-radio"><label class="radio-container mrb-r"><input type="radio" checked="checked" name="gender"><span class="checkmark"></span> Yes</label></div>
				    
					  <div class="col-sm-12 input-radio"><label class="radio-container"><input type="radio" name="gender"><span class="checkmark"></span> No</label></div>
				    </div>
			      </div>
		        </div>
				
				<div class="form-group col-sm-12">
			      <div class="input-group">
			        <label class="label">Do you suffer from any chronic illness?</label>
				    <div class="input-inner row">
				      <div class="col-sm-12 mrb-10 input-radio"><label class="radio-container mrb-r"><input type="radio" checked="checked" name="gender"><span class="checkmark"></span> Yes</label></div>
				    
					  <div class="col-sm-12 input-radio"><label class="radio-container"><input type="radio" name="gender"><span class="checkmark"></span> No</label></div>
				    </div>
			      </div>
		        </div>
			
			    <div class="form-group col-sm-12 steps-btn">
			      <div class="row">
				    <div class="col-sm-12"><a href="#" class="btn btn-lightgray back-btn" data-id="2">Back</a> <a href="#" class="btn next-btn" data-id="2">Next</a></div>
		          </div>
		        </div>
			
		      </div><!--/ row -->
		    </div><!--/ form-steps -->
			
			<div class="form-steps form-group col-sm-12" id="step_3">
			  <div class="row">
			    
				<div class="form-group col-sm-12">
				  <div class="step-no">Step 3 of 4</div>
				  <h3>Family Members</h3>
				  <p class="annual-p text-center">If you have any diving or non-diving familiy members please list them below. Diving family members will carry a charge and non-diving family members have no charge.</p>
				  <div class="form-bar">
					<div class="form-clearbar"></div>
					<div class="form-fillbar"></div>
				  </div><!--/ form-bar -->
				</div>
			
			    <div class="form-group col-sm-12">
			      <h4 class="mrb-0"><b>Family Member 1</b></h4>
		        </div>
			
			    <div class="form-group col-sm-4">
			      <label>1. Family Member Title</label>
			      <input class="form-control" placeholder="Mr." type="text" value="">
		        </div>
				
				<div class="form-group col-sm-4">
			      <label>1. First name</label>
			      <input class="form-control" placeholder="john" type="text" value="">
		        </div>
				
				<div class="form-group col-sm-4">
			      <label>1. Last name</label>
			      <input class="form-control" placeholder="Doe" type="text" value="">
		        </div>
				
				<div class="form-group col-sm-6">
			      <label>Date of Birth</label>
			      <input class="form-control" placeholder="10-06-1990" type="text" value="">
		        </div>
				
				<div class="form-group col-sm-6">
			      <label>Identity / Passport Number</label>
			      <input class="form-control" placeholder="000000-0000-000" type="text" value="">
		        </div>
				
				<div class="form-group col-sm-6">
			      <label>1. Email</label>
			      <input class="form-control" placeholder="example@domain.com" type="text" value="">
		        </div>
				
				<div class="form-group col-sm-6">
			      <label>Mobile Phone</label>
			      <input class="form-control" placeholder="+27-00-000-0000" type="text" value="">
		        </div>
				
				<div class="form-group col-sm-12">
			      <div class="input-group">
			        <label class="label">Diver</label>
				    <div class="input-inner row">
				      <div class="col-sm-12 mrb-12 input-radio"><label class="radio-container mrb-r"><input type="radio" checked="checked" name="gender"><span class="checkmark"></span> Yes</label></div>
				    
					  <div class="col-sm-12 input-radio"><label class="radio-container"><input type="radio" name="gender"><span class="checkmark"></span> No</label></div>
				    </div>
			      </div>
		        </div>
				
				<div class="form-group col-sm-12">
				  <label class="label">Type of Diver</label>
				  <div class="checkbox-custom">
				    <label class="checkbox">Scuba Diver
			          <input type="checkbox" name="Scuba" value="Bike">
					  <span class="checkmark"></span>
			        </label>
					
					<label class="checkbox">Technical Diver
			          <input type="checkbox" name="Technical" value="Technical">
					  <span class="checkmark"></span>
			        </label>
					
					<label class="checkbox">Freediver
			          <input type="checkbox" name="Freediver" value="Freediver">
					  <span class="checkmark"></span>
			        </label>
					
					<label class="checkbox">Spearfisherman
			          <input type="checkbox" name="Spearfisherman" value="Spearfisherman">
					  <span class="checkmark"></span>
			        </label>
					
					<label class="checkbox">Snorkeler
			          <input type="checkbox" name="Snorkeler" value="Snorkeler">
					  <span class="checkmark"></span>
			        </label>
		          </div>
		        </div>
				
				<div class="form-group col-sm-12">
			      <div class="input-group">
			        <label class="label">Is your family member working as a Divemaster or Instructor?</label>
				    <div class="input-inner row">
				      <div class="col-sm-12 mrb-10 input-radio"><label class="radio-container mrb-r"><input type="radio" checked="checked" name="gender"><span class="checkmark"></span> Yes</label></div>
				    
					  <div class="col-sm-12 input-radio"><label class="radio-container"><input type="radio" name="gender"><span class="checkmark"></span> No</label></div>
				    </div>
			      </div>
		        </div>
				
				<div class="form-group col-sm-12">
			      <div class="input-group">
			        <label class="label">Are you using any medication regularly?</label>
				    <div class="input-inner row">
				      <div class="col-sm-12 mrb-10 input-radio"><label class="radio-container mrb-r"><input type="radio" checked="checked" name="gender"><span class="checkmark"></span> Yes</label></div>
				    
					  <div class="col-sm-12 input-radio"><label class="radio-container"><input type="radio" name="gender"><span class="checkmark"></span> No</label></div>
				    </div>
			      </div>
		        </div>
				
				<div class="form-group col-sm-12 mrb-30">
			      <div class="input-group">
			        <label class="label">Do you suffer from any chronic illness? </label>
				    <div class="input-inner row">
				      <div class="col-sm-12 mrb-10 input-radio"><label class="radio-container mrb-r"><input type="radio" checked="checked" name="gender"><span class="checkmark"></span> Yes</label></div>
				    
					  <div class="col-sm-12 input-radio"><label class="radio-container"><input type="radio" name="gender"><span class="checkmark"></span> No</label></div>
				    </div>
			      </div>
		        </div>
				
				<div class="form-group col-sm-12">
			      <h4 class="mrb-0"><b>Family Member 2</b></h4>
		        </div>
			
			    <div class="form-group col-sm-4">
			      <label>2. Family Member Title</label>
			      <input class="form-control" placeholder="Mr." type="text" value="">
		        </div>
				
				<div class="form-group col-sm-4">
			      <label>2. First name</label>
			      <input class="form-control" placeholder="john" type="text" value="">
		        </div>
				
				<div class="form-group col-sm-4">
			      <label>2. Last name</label>
			      <input class="form-control" placeholder="Doe" type="text" value="">
		        </div>
				
				<div class="form-group col-sm-6">
			      <label>Date of Birth</label>
			      <input class="form-control" placeholder="10-06-1990" type="text" value="">
		        </div>
				
				<div class="form-group col-sm-6">
			      <label>Identity / Passport Number</label>
			      <input class="form-control" placeholder="000000-0000-000" type="text" value="">
		        </div>
				
				<div class="form-group col-sm-6">
			      <label>2. Email</label>
			      <input class="form-control" placeholder="example@domain.com" type="text" value="">
		        </div>
				
				<div class="form-group col-sm-6">
			      <label>Mobile Phone</label>
			      <input class="form-control" placeholder="+27-00-000-0000" type="text" value="">
		        </div>
				
				<div class="form-group col-sm-12">
			      <div class="input-group">
			        <label class="label">Diver</label>
				    <div class="input-inner row">
				      <div class="col-sm-12 mrb-12 input-radio"><label class="radio-container mrb-r"><input type="radio" checked="checked" name="gender"><span class="checkmark"></span> Yes</label></div>
				    
					  <div class="col-sm-12 input-radio"><label class="radio-container"><input type="radio" name="gender"><span class="checkmark"></span> No</label></div>
				    </div>
			      </div>
		        </div>
				
				<div class="form-group col-sm-12">
				  <label class="label">Type of Diver</label>
				  <div class="checkbox-custom">
				    <label class="checkbox">Scuba Diver
			          <input type="checkbox" name="Scuba" value="Bike">
					  <span class="checkmark"></span>
			        </label>
					
					<label class="checkbox">Technical Diver
			          <input type="checkbox" name="Technical" value="Technical">
					  <span class="checkmark"></span>
			        </label>
					
					<label class="checkbox">Freediver
			          <input type="checkbox" name="Freediver" value="Freediver">
					  <span class="checkmark"></span>
			        </label>
					
					<label class="checkbox">Spearfisherman
			          <input type="checkbox" name="Spearfisherman" value="Spearfisherman">
					  <span class="checkmark"></span>
			        </label>
					
					<label class="checkbox">Snorkeler
			          <input type="checkbox" name="Snorkeler" value="Snorkeler">
					  <span class="checkmark"></span>
			        </label>
		          </div>
		        </div>
				
				<div class="form-group col-sm-12">
			      <div class="input-group">
			        <label class="label">Is your family member working as a Divemaster or Instructor?</label>
				    <div class="input-inner row">
				      <div class="col-sm-12 mrb-10 input-radio"><label class="radio-container mrb-r"><input type="radio" checked="checked" name="gender"><span class="checkmark"></span> Yes</label></div>
				    
					  <div class="col-sm-12 input-radio"><label class="radio-container"><input type="radio" name="gender"><span class="checkmark"></span> No</label></div>
				    </div>
			      </div>
		        </div>
				
				<div class="form-group col-sm-12">
			      <div class="input-group">
			        <label class="label">Are you using any medication regularly?</label>
				    <div class="input-inner row">
				      <div class="col-sm-12 mrb-10 input-radio"><label class="radio-container mrb-r"><input type="radio" checked="checked" name="gender"><span class="checkmark"></span> Yes</label></div>
				    
					  <div class="col-sm-12 input-radio"><label class="radio-container"><input type="radio" name="gender"><span class="checkmark"></span> No</label></div>
				    </div>
			      </div>
		        </div>
				
				<div class="form-group col-sm-12 mrb-30">
			      <div class="input-group">
			        <label class="label">Do you suffer from any chronic illness? </label>
				    <div class="input-inner row">
				      <div class="col-sm-12 mrb-10 input-radio"><label class="radio-container mrb-r"><input type="radio" checked="checked" name="gender"><span class="checkmark"></span> Yes</label></div>
				    
					  <div class="col-sm-12 input-radio"><label class="radio-container"><input type="radio" name="gender"><span class="checkmark"></span> No</label></div>
				    </div>
			      </div>
		        </div>
				
				<div class="form-group col-sm-12">
			      <h4 class="mrb-0"><b>Family Member 3</b></h4>
		        </div>
			
			    <div class="form-group col-sm-4">
			      <label>3. Family Member Title</label>
			      <input class="form-control" placeholder="Mr." type="text" value="">
		        </div>
				
				<div class="form-group col-sm-4">
			      <label>3. First name</label>
			      <input class="form-control" placeholder="john" type="text" value="">
		        </div>
				
				<div class="form-group col-sm-4">
			      <label>3. Last name</label>
			      <input class="form-control" placeholder="Doe" type="text" value="">
		        </div>
				
				<div class="form-group col-sm-6">
			      <label>Date of Birth</label>
			      <input class="form-control" placeholder="10-06-1990" type="text" value="">
		        </div>
				
				<div class="form-group col-sm-6">
			      <label>Identity / Passport Number</label>
			      <input class="form-control" placeholder="000000-0000-000" type="text" value="">
		        </div>
				
				<div class="form-group col-sm-6">
			      <label>3. Email</label>
			      <input class="form-control" placeholder="example@domain.com" type="text" value="">
		        </div>
				
				<div class="form-group col-sm-6">
			      <label>Mobile Phone</label>
			      <input class="form-control" placeholder="+27-00-000-0000" type="text" value="">
		        </div>
				
				<div class="form-group col-sm-12">
			      <div class="input-group">
			        <label class="label">Diver</label>
				    <div class="input-inner row">
				      <div class="col-sm-12 mrb-12 input-radio"><label class="radio-container mrb-r"><input type="radio" checked="checked" name="gender"><span class="checkmark"></span> Yes</label></div>
				    
					  <div class="col-sm-12 input-radio"><label class="radio-container"><input type="radio" name="gender"><span class="checkmark"></span> No</label></div>
				    </div>
			      </div>
		        </div>
				
				<div class="form-group col-sm-12">
				  <label class="label">Type of Diver</label>
				  <div class="checkbox-custom">
				    <label class="checkbox">Scuba Diver
			          <input type="checkbox" name="Scuba" value="Bike">
					  <span class="checkmark"></span>
			        </label>
					
					<label class="checkbox">Technical Diver
			          <input type="checkbox" name="Technical" value="Technical">
					  <span class="checkmark"></span>
			        </label>
					
					<label class="checkbox">Freediver
			          <input type="checkbox" name="Freediver" value="Freediver">
					  <span class="checkmark"></span>
			        </label>
					
					<label class="checkbox">Spearfisherman
			          <input type="checkbox" name="Spearfisherman" value="Spearfisherman">
					  <span class="checkmark"></span>
			        </label>
					
					<label class="checkbox">Snorkeler
			          <input type="checkbox" name="Snorkeler" value="Snorkeler">
					  <span class="checkmark"></span>
			        </label>
		          </div>
		        </div>
				
				<div class="form-group col-sm-12">
			      <h4 class="mrb-0"><b>Family Member 4</b></h4>
		        </div>
			
			    <div class="form-group col-sm-4">
			      <label>4. Family Member Title</label>
			      <input class="form-control" placeholder="Mr." type="text" value="">
		        </div>
				
				<div class="form-group col-sm-4">
			      <label>4. First name</label>
			      <input class="form-control" placeholder="john" type="text" value="">
		        </div>
				
				<div class="form-group col-sm-4">
			      <label>4. Last name</label>
			      <input class="form-control" placeholder="Doe" type="text" value="">
		        </div>
				
				<div class="form-group col-sm-6">
			      <label>Date of Birth</label>
			      <input class="form-control" placeholder="10-06-1990" type="text" value="">
		        </div>
				
				<div class="form-group col-sm-6">
			      <label>Identity / Passport Number</label>
			      <input class="form-control" placeholder="000000-0000-000" type="text" value="">
		        </div>
				
				<div class="form-group col-sm-6">
			      <label>4. Email</label>
			      <input class="form-control" placeholder="example@domain.com" type="text" value="">
		        </div>
				
				<div class="form-group col-sm-6">
			      <label>Mobile Phone</label>
			      <input class="form-control" placeholder="+27-00-000-0000" type="text" value="">
		        </div>
				
				<div class="form-group col-sm-12">
			      <div class="input-group">
			        <label class="label">Diver</label>
				    <div class="input-inner row">
				      <div class="col-sm-12 mrb-12 input-radio"><label class="radio-container mrb-r"><input type="radio" checked="checked" name="gender"><span class="checkmark"></span> Yes</label></div>
				    
					  <div class="col-sm-12 input-radio"><label class="radio-container"><input type="radio" name="gender"><span class="checkmark"></span> No</label></div>
				    </div>
			      </div>
		        </div>
				
				<div class="form-group col-sm-12">
				  <label class="label">Type of Diver</label>
				  <div class="checkbox-custom">
				    <label class="checkbox">Scuba Diver
			          <input type="checkbox" name="Scuba" value="Bike">
					  <span class="checkmark"></span>
			        </label>
					
					<label class="checkbox">Technical Diver
			          <input type="checkbox" name="Technical" value="Technical">
					  <span class="checkmark"></span>
			        </label>
					
					<label class="checkbox">Freediver
			          <input type="checkbox" name="Freediver" value="Freediver">
					  <span class="checkmark"></span>
			        </label>
					
					<label class="checkbox">Spearfisherman
			          <input type="checkbox" name="Spearfisherman" value="Spearfisherman">
					  <span class="checkmark"></span>
			        </label>
					
					<label class="checkbox">Snorkeler
			          <input type="checkbox" name="Snorkeler" value="Snorkeler">
					  <span class="checkmark"></span>
			        </label>
		          </div>
		        </div>
				
				<div class="form-group col-sm-12">
			      <div class="input-group">
			        <label class="label">Is your family member working as a Divemaster or Instructor?</label>
				    <div class="input-inner row">
				      <div class="col-sm-12 mrb-10 input-radio"><label class="radio-container mrb-r"><input type="radio" checked="checked" name="gender"><span class="checkmark"></span> Yes</label></div>
				    
					  <div class="col-sm-12 input-radio"><label class="radio-container"><input type="radio" name="gender"><span class="checkmark"></span> No</label></div>
				    </div>
			      </div>
		        </div>
				
				<div class="form-group col-sm-12">
			      <div class="input-group">
			        <label class="label">Are you using any medication regularly?</label>
				    <div class="input-inner row">
				      <div class="col-sm-12 mrb-10 input-radio"><label class="radio-container mrb-r"><input type="radio" checked="checked" name="gender"><span class="checkmark"></span> Yes</label></div>
				    
					  <div class="col-sm-12 input-radio"><label class="radio-container"><input type="radio" name="gender"><span class="checkmark"></span> No</label></div>
				    </div>
			      </div>
		        </div>
				
				<div class="form-group col-sm-12 mrb-30">
			      <div class="input-group">
			        <label class="label">Do you suffer from any chronic illness? </label>
				    <div class="input-inner row">
				      <div class="col-sm-12 mrb-10 input-radio"><label class="radio-container mrb-r"><input type="radio" checked="checked" name="gender"><span class="checkmark"></span> Yes</label></div>
				    
					  <div class="col-sm-12 input-radio"><label class="radio-container"><input type="radio" name="gender"><span class="checkmark"></span> No</label></div>
				    </div>
			      </div>
		        </div>
			
			    <div class="form-group col-sm-12 steps-btn">
			      <div class="row">
				    <div class="col-sm-12"><a href="#" class="btn btn-lightgray back-btn" data-id="3">Back</a> <a href="#" class="btn next-btn" data-id="3">Next</a></div>
		          </div>
		        </div>
			
		      </div><!--/ row -->
		    </div><!--/ form-steps -->
			
			
			<div class="form-steps form-group col-sm-12" id="step_4">
			  <div class="row">
			    
				<div class="form-group col-sm-12">
				  <div class="step-no">Step 4 of 4</div>
				  <h3>Choose your Package</h3>
				  <p class="annual-p text-center">Please complete required fields</p>
				  <div class="form-bar">
					<div class="form-clearbar"></div>
					<div class="form-fillbar"></div>
				  </div><!--/ form-bar -->
				</div>
				
				<div class="form-group col-sm-12">
			      <label>Membership Start Date</label>
			      <input class="form-control" placeholder="10-06-1990" type="text" value="">
		        </div>
				
				<div class="form-group col-sm-12">
			      <label>Select Membership Package</label>
			      <select class="form-control mrb-10"><option value="">Select Package</option><option value="Standard Membership">Standard Membership</option><option value="Plus Membership">Plus Membership</option><option value="Master Dive Pro Membership">Master Dive Pro Membership</option><option value="Master Freediver Pro Membership">Master Freediver Pro Membership</option><option value="Master Tech Membership">Master Tech Membership</option></select>
				  <p class="annual-p mrb-0">All the packages listed are annual membership packages</p>
		        </div>
				
				<div class="form-group col-sm-12">
			      <div class="input-group">
			        <label class="label">How many diving family members do you want to add?</label>
				    <div class="input-inner row">
				      <div class="col-sm-12 input-radio mrb-10"><label class="radio-container mrb-r"><input type="radio" checked="checked" name="gender"><span class="checkmark"></span>None</label></div>
				    
					  <div class="col-sm-12 input-radio mrb-10"><label class="radio-container"><input type="radio" name="gender"><span class="checkmark"></span>1 diving family members</label></div>
					  
					  <div class="col-sm-12 input-radio mrb-10"><label class="radio-container"><input type="radio" name="gender"><span class="checkmark"></span>2 diving family members</label></div>
					  
					  <div class="col-sm-12 input-radio mrb-10"><label class="radio-container"><input type="radio" name="gender"><span class="checkmark"></span>3 diving family members</label></div>
					  
					  <div class="col-sm-12 input-radio"><label class="radio-container"><input type="radio" name="gender"><span class="checkmark"></span>4 diving family members</label></div>
				    </div>
			      </div>
		        </div>
				
				<div class="form-group col-sm-6">
			      <label>Select Membership Package for Diving Family 1</label>
			      <select class="form-control mrb-10"><option value="" disabled="">Select Package</option><option value="Standard Membership">Standard Membership</option><option value="Plus Membership">Plus Membership</option><option value="Master Dive Pro Membership">Master Dive Pro Membership</option><option value="Master Freediver Pro Membership">Master Freediver Pro Membership</option><option value="Master Tech Membership">Master Tech Membership</option></select>
				  <p class="annual-p mrb-0">All the packages listed are annual membership packages</p>
		        </div>
				
				<div class="form-group col-sm-6">
			      <label>Select Membership Package for Diving Family 2</label>
			      <select class="form-control mrb-10"><option value="" disabled="">Select Package</option><option value="Standard Membership">Standard Membership</option><option value="Plus Membership">Plus Membership</option><option value="Master Dive Pro Membership">Master Dive Pro Membership</option><option value="Master Freediver Pro Membership">Master Freediver Pro Membership</option><option value="Master Tech Membership">Master Tech Membership</option></select>
				  <p class="annual-p mrb-0">All the packages listed are annual membership packages</p>
		        </div>
				
				<div class="form-group col-sm-6">
			      <label>Select Membership Package for Diving Family 3</label>
			      <select class="form-control mrb-10"><option value="" disabled="">Select Package</option><option value="Standard Membership">Standard Membership</option><option value="Plus Membership">Plus Membership</option><option value="Master Dive Pro Membership">Master Dive Pro Membership</option><option value="Master Freediver Pro Membership">Master Freediver Pro Membership</option><option value="Master Tech Membership">Master Tech Membership</option></select>
				  <p class="annual-p mrb-0">All the packages listed are annual membership packages</p>
		        </div>
				
				<div class="form-group col-sm-6">
			      <label>Select Membership Package for Diving Family 4</label>
			      <select class="form-control mrb-10"><option value="" disabled="">Select Package</option><option value="Standard Membership">Standard Membership</option><option value="Plus Membership">Plus Membership</option><option value="Master Dive Pro Membership">Master Dive Pro Membership</option><option value="Master Freediver Pro Membership">Master Freediver Pro Membership</option><option value="Master Tech Membership">Master Tech Membership</option></select>
				  <p class="annual-p mrb-0">All the packages listed are annual membership packages</p>
		        </div>
				
				<div class="form-group col-sm-12">
			      <div class="input-group">
			        <label class="label">Choose Your Payment Option </label>
				    <div class="input-inner row">
				      <div class="col-sm-12 mrb-10 input-radio"><label class="radio-container mrb-r"><input type="radio" checked="checked" name="gender"><span class="checkmark"></span> Monthly via Debit Order</label></div>
					  
				      <div class="col-sm-12 mrb-10 input-radio"><label class="radio-container mrb-r"><input type="radio" checked="checked" name="gender"><span class="checkmark"></span> Once Off via Bank Transfer</label></div>
				    
					  <div class="col-sm-12 input-radio"><label class="radio-container"><input type="radio" name="gender"><span class="checkmark"></span> Once Off via Credit Card</label></div>
				    </div>
			      </div>
		        </div>
				
				<div class="form-group col-sm-12">
			      <h4 class="mrb-30"><b>Membership Benefits & Costs</b></h4>
				  <p class="mrb-0"><a href="images/Annual-Guide-2022.pdf" rel="noopener noreferrer" target="_blank"> <strong>Click to Download the Annual Membership Benefits Guide</strong></a></p>
		        </div>
				
				<div class="form-group col-sm-6">
			      <label>Standard Membership</label>
				  <ul class="mrb-0">
				    <li>R159 per month or R1900 annually per diver</li>
					<li>R500 000 Dive Cover</li>
					<li>Evacuation Assistance</li>
					<li>International Dive Cover</li>
					<li>R500 000 Personal Liability</li>
					<li>Add Additional Diving Members</li>
					<li>SCUBA &amp; Freediving Depth Limit 40 meters</li>
					<li>Includes Cover for Freedivers</li>
					<li>Includes Cover for Spear Fisherman</li>
				  </ul>
		        </div>
				
				<div class="form-group col-sm-6">
			      <label>Plus Membership</label>
				  <ul class="mrb-0">
				    <li>R196 per month or R2350 annually per diver</li>
					<li>R700 000 Dive Cover</li>
					<li>Evacuation Assistance</li>
					<li>International Dive Cover</li>
					<li>R1 000 000 Personal Liability</li>
					<li>Add Additional Diving Members</li>
					<li>SCUBA &amp; Freediving Depth Limit 40 meters</li>
					<li>International Non-Diving Cover</li>
					<li>Includes Cover for Freedivers</li>
					<li>Includes Cover for Spear Fisherman</li>
				  </ul>
		        </div>
				
				<div class="form-group col-sm-6">
			      <label>Master Dive Pro/Master Freediver Pro Membership</label>
				  <ul class="mrb-0">
				    <li>R212 per month or R2540 annually per diver</li>
					<li>R800 000 Dive Cover</li>
					<li>Evacuation Assistance</li>
					<li>International Dive Cover</li>
					<li>R2 000 000 Personal Liability</li>
					<li>Add Additional Diving Members</li>
					<li>SCUBA &amp; Freediving Depth Limit 40 meters</li>
					<li>International Non-Diving Cover</li>
					<li>Includes Cover for Freedivers</li>
					<li>Includes Cover for Spear Fisherman</li>
					<li>Suitable for instructors, active recreational divers &amp; competitive freedivers.</li>
					<li>Freedivers diving deeper that 40 meters need to submit a dive plan to the DAN Hotline team.</li>
				  </ul>
		        </div>
				
				<div class="form-group col-sm-6">
			      <label>Master Tech Membership</label>
				  <ul class="mrb-0">
				    <li>R227 per month or R2735 annually per diver</li>
					<li>R900 000 Dive Cover</li>
					<li>Evacuation Assistance</li>
					<li>International Dive Cover</li>
					<li>R2 000 000 Personal Liability</li>
					<li>Add Additional Diving Members</li>
					<li>TECH Depth Limit 100 meters</li>
					<li>International Non-Diving Cover</li>
					<li>For TECH dive expeditions deeper that 100 meters you need to submit a dive plan to the Hotline team. To learn more use this <a href="technical-diving.html">link</a>.&nbsp;</li></ul>
		        </div>
			
				
				<div class="form-group col-sm-12">
				  <div class="checkbox-custom">
				    <label class="checkbox">I’ve read and agree with the&nbsp;<a href="images/Annual-Guide-2022.pdf" rel="noopener noreferrer" target="_blank">Terms of the Annual Membership Benefits</a> and the <a href="privacy-policy.html" rel="noopener noreferrer" target="_blank"><span>DAN Privacy Policy</span></a>
			          <input type="checkbox" name="Scuba" value="Bike">
					  <span class="checkmark"></span>
			        </label>
		          </div>
		        </div>
				
			    <div class="form-group col-sm-12 steps-btn">
			      <div class="row">
				    <div class="col-sm-12"><a href="#" class="btn btn-lightgray back-btn" data-id="4">Back</a> <a href="application-submit-success.html" class="btn">Submit</a> <!--input type="submit" class="btn" value="Submit"--></div>
		          </div>
		        </div>
			
		      </div><!--/ row -->
		    </div><!--/ form-steps -->
		  </form>
		  
	    </div><!--/ form-grid -->
	  </div>
          
    </div><!--/ row -->	
  </div>
</section><!--/ form-wrap -->

<footer class="footer">  
  <div class="container">
  
    <div class="row">
      <div class="col-sm-9 footer-left">
	    <div class="row">
		  
		  <div class="col-sm-4">
		    <div class="wg-1">
			  <h4>Divers Alert Network</h4>
			  <p>DAN is Divers Alert Network, the diving industry’s largest association dedicated to scuba diving safety. Serving scuba divers for 20 years, DAN provides emergency assistance, medical information resources, educational opportunities and more. Whether you are just learning how to scuba dive or are a veteran of the sport, DAN has a great deal to offer you.</p>
			</div><!--/ wg-1 -->
		  </div><!--/ col-sm-4 -->
		  
		  <div class="col-sm-4">
		    <div class="wg-1">
			  <h4>Your Adventure! Your Safety!</h4>
			  <p>DAN has always been about the partnership between our organisation and the scuba divers who support it. DAN Members enjoy great benefits, including Travel Assistance, Alert Diver magazine, and access to industry-leading dive cover products. But the best benefit is being a part of and supporting the largest association of scuba divers dedicated to diving safety.</p>
			</div><!--/ wg-1 -->
		  </div><!--/ col-sm-4 --> 
		  
		  <div class="col-sm-4">
		    <div class="wg-1">
			  <h4>Dive Cover</h4>
			  <p>DAN is supported by membership dues and dive accident cover. Through its non-profit efforts DAN first recognised the need for scuba divers to have cover to help cover the cost of treatment for scuba diving injuries. DAN fulfilled that need by developing diving’s first dive accident cover program, still the industry leader 20 years later.</p>
			</div><!--/ wg-1 -->
		  </div><!--/ col-sm-4 --> 
           
        </div><!-- row -->            
      </div><!-- footer-left -->
	  
	  <div class="col-sm-3 footer-right">
        <div class="wg-1">
          <h4>Useful Links</h4>
		  <ul>
		    <li><a href="#">Admin</a></li>
			<li><a href="#">Copyright</a></li>
			<li><a href="#">Logo Policy</a></li>
			<li><a href="#">Privacy Policy</a></li>
			<li><a href="#">Intern Packages</a></li>
			<li><a href="#">Cancellation Request</a></li>
		  </ul>
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 -->
	  
    </div><!-- row -->            
  </div><!--/ container -->     
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
	  
		<div class="col-sm-12">
		  <div class="icon-ft">
            <a target="_blank" href="#"><i class="fa fa-facebook"></i></a>
            <a target="_blank" href="#"><i class="fa fa-twitter"></i></a>
            <a target="_blank" href="#"><i class="fa fa-pinterest"></i></a>
            <a target="_blank" href="#"><i class="fa fa-instagram"></i></a>
            <a target="_blank" href="#"><i class="fa fa-youtube"></i></a>
            <a target="_blank" href="#"><i class="fa fa-linkedin"></i></a>
          </div>
		  <p class="copyright">© 2023 Copyright by DAN | All rights reserved.</p>
		</div>		
        
      </div><!--/ row -->
    </div>
  </div><!--/ ft-bottom -->
</footer>

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/owl.carousel.min.js"></script>

<script>
$('#owl-demo').owlCarousel({
    loop:true,
	autoplay:1000,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:10,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:1
        },
        1000:{
            items:4
        }
    }
})  

$(document).ready(function(){
$(".form-steps").hide();
$("#step_1").show();
});


$(".next-btn").click(function(e){
	e.preventDefault();
	var id=parseInt($(this).attr('data-id'));
    console.log('working');
	console.log(id);
    var next_id= id +1;
	$(".form-steps").hide();
	$("#step_"+next_id+"").show();
	$('html, body').animate({
                    scrollTop: $(".title").offset().top
                }, 100);
  });




  $(".back-btn").click(function(e){
	e.preventDefault();
	var id=parseInt($(this).attr('data-id'));
    console.log('working');
	console.log(id);
    var next_id= id - 1;
	$(".form-steps").hide();
	$("#step_"+next_id+"").show();
	$('html, body').animate({
                    scrollTop: $(".title").offset().top
                }, 100);
  });
</script>
		  
</body>
</html>