authpartner

Clone or download

Modified Files

M css/loading.gif
+- −-
GIF89aR~~~}}}{{{zzzxxxwwwuuutttsssrrrqqqooonnnmmmllljjjhhhgggfffeeedddbbb```___^^^]]][[[ZZZYYYXXXWWWTTTSSSRRRQQQOOONNNMMMKKKJJJHHHGGGFFFEEEDDDBBBAAA@@@???>>><<<;;;888777555444333///...---+++***&&&%%%$$$"""!!! ! NETSCAPE2.0!
GIF89aR~~~}}}{{{zzzxxxwwwuuutttsssrrrqqqooonnnmmmllljjjhhhgggfffeeedddbbb```___^^^]]][[[ZZZYYYXXXWWWTTTSSSRRRQQQOOONNNMMMKKKJJJHHHGGGFFFEEEDDDBBBAAA@@@???>>><<<;;;888777555444333///...---+++***&&&%%%$$$"""!!! ! NETSCAPE2.0!
,RH*\ȰÇ#JHŋ3jȱǏ CIɓ(S\ɲ˗0cʜI͛8sɳϟ@
,RH*\ȰÇ#JHŋ3jȱǏ CIɓ(S\ɲ˗0cʜI͛8sɳϟ@
JѣH*]ʴӧPJJիXjʵׯ`ÊKٳhӪ]˶۷pʝKݻx˷߿ LÈ+^̸ǐ#KL˘3k̹ϠCMӨS^ͺװc˞M۸sͻ Nȓ+_μУKNسkνËOӫ_Ͼ˟OϿ(h& 6F(Vhfv ($h(,0(4h8<@)DiH&L6PF)TViXf\v`)dih&w"qkN.gR`Ywłq`P"~@ Ȳ
JѣH*]ʴӧPJJիXjʵׯ`ÊKٳhӪ]˶۷pʝKݻx˷߿ LÈ+^̸ǐ#KL˘3k̹ϠCMӨS^ͺװc˞M۸sͻ Nȓ+_μУKNسkνËOӫ_Ͼ˟OϿ(h& 6F(Vhfv ($h(,0(4h8<@)DiH&L6PF)TViXf\v`)dih&w"qkN.gR`Ywłq`P"~@ Ȳ
Ig"
Ig"
d@d`8,@AꒈAliE,rEA'A D%vA}(JA:%
d@d`8,@AꒈAliE,rEA'A D%vA}(JA:%
q9ޔ!"@\;npj0A2B*! *P/% &W<[P@jz+Rp ,RBJ"B+B'2$P$ DtlJ(zd @2'Ms C! 4@ClB,p5!9D$Q{6A2 ]ct3
q9ޔ!"@\;npj0A2B*! *P/% &W<[P@jz+Rp ,RBJ"B+B'2$P$ DtlJ(zd @2'Ms C! 4@ClB,p5!9D$Q{6A2 ]ct3
-HÔF"I  Q,J9N_nSbcxKXŨN7D&&~ @;;L:D4NwRG !DKjd=Gaz^DzI.?2~B_$D$ «_F(B$hBlAD;}*!,K6(N L!1Q `%젅%|PNq Ah![`hAw(\+l >q=! 5$zЃi+@ "l`BhBduC$poa BEm1Ї: K`J' Xa [ &;2(N.Q%Ah+|rqȆK: P!@PvPXr *@x̊P CLM%Q`5!8H,9 x1
-HÔF"I  Q,J9N_nSbcxKXŨN7D&&~ @;;L:D4NwRG !DKjd=Gaz^DzI.?2~B_$D$ «_F(B$hBlAD;}*!,K6(N L!1Q `%젅%|PNq Ah![`hAw(\+l >q=! 5$zЃi+@ "l`BhBduC$poa BEm1Ї: K`J' Xa [ &;2(N.Q%Ah+|rqȆK: P!@PvPXr *@x̊P CLM%Q`5!8H,9 x1
gD6Wę{)Odn&'H #$k#8І:D'JъZͨF7юz HGJҒ(MJWҖ0LgJӚ8ͩNwӞ@ PJԢHMRԦ:PTJժZXͪVծz` XJֲhMZֶp\J׺xͫ^׾ `KMb:d'KY!
gD6Wę{)Odn&'H #$k#8І:D'JъZͨF7юz HGJҒ(MJWҖ0LgJӚ8ͩNwӞ@ PJԢHMRԦ:PTJժZXͪVծz` XJֲhMZֶp\J׺xͫ^׾ `KMb:d'KY!
,-.w HABp0ȰÇĊŋ% `lhBN8z,h@# d
,-.w HABp0ȰÇĊŋ% `lhBN8z,h@# d
);,K+1 4U'?"Ng2EI>TW2%FYY8uYi*܁zNb ց6f5u`d 9(00)1y`0TQBt'=uQϪ9q¤3AL25=O=%h`† HrI7KkLh͆pRsԃɺ-o@`ߡRX ^HbPYHSP<WaL=U_i Mp[(^ p
);,K+1 4U'?"Ng2EI>TW2%FYY8uYi*܁zNb ց6f5u`d 9(00)1y`0TQBt'=uQϪ9q¤3AL25=O=%h`† HrI7KkLh͆pRsԃɺ-o@`ߡRX ^HbPYHSP<WaL=U_i Mp[(^ p
ȐD* LPB*r_%4[Ш`p옣c2G|t,fLyWqX 1=zy1 =`FH\`0C| Qz2Q.vv6P 6
ȐD* LPB*r_%4[Ш`p옣c2G|t,fLyWqX 1=zy1 =`FH\`0C| Qz2Q.vv6P 6
'2CذA+P8: yF@ZJ<!DC=,GrXkPDO0nA`ZPnD^=bO<D$CLdEI=PDѢhBn]0<
'2CذA+P8: yF@ZJ<!DC=,GrXkPDO0nA`ZPnD^=bO<D$CLdEI=PDѢhBn]0<
+1\ \`T"'Dqekl8
+1\ \`T"'Dqekl8
Lx F1CEtB $]Pm [du;5+T}1lC!
Lx F1CEtB $]Pm [du;5+T}1lC!
,-.w HA< *\Ȱ6HqHb:L`@4YXG 2d)A(ĕP.S
,-.w HA< *\Ȱ6HqHb:L`@4YXG 2d)A(ĕP.S
\NA0Kt4΁Q4qTb7%сr@NT-]%hI&,1z3s6T]5+ 'Mq` STv0]5*Q0!P
\NA0Kt4΁Q4qTb7%сr@NT-]%hI&,1z3s6T]5+ 'Mq` STv0]5*Q0!P
(C`DBRbSԂȼrsmZ LIJB269']y8hFD"M\-n1P0FנEa,8ᮐH׌I@TQu@q dԀ&Ͳr@!d:@Q tuS[6QDAӍ,"{3hXl< c?:㑻DS,d@ S.V)my!veC(<g \Մh
(C`DBRbSԂȼrsmZ LIJB269']y8hFD"M\-n1P0FנEa,8ᮐH׌I@TQu@q dԀ&Ͳr@!d:@Q tuS[6QDAӍ,"{3hXl< c?:㑻DS,d@ S.V)my!veC(<g \Մh
+Id!) xAE1tFv' #Ifa9≨AMl@
+Id!) xAE1tFv' #Ifa9≨AMl@
ExPzA,:Jl
ExPzA,:Jl
E
E
D$:#X&_PXP Y̺%.PkA*4E]@
D$:#X&_PXP Y̺%.PkA*4E]@
@ N8+Dg!QqD 0.
@ N8+Dg!QqD 0.


~øtCY$|/C:ɚ\B\Pu-nPC#p@"c2A,4J3;c!
~øtCY$|/C:ɚ\B\Pu-nPC#p@"c2A,4J3;c!
,..w H]6h\Ȱ!10qH!m6msǁ<Yәg|\'Qٔ<i)L+ n(M;q,8͜$Z꣠L2E* ҂tqLG&pF1SG5\hK Jm;1 )8 ,-P <K
,..w H]6h\Ȱ!10qH!m6msǁ<Yәg|\'Qٔ<i)L+ n(M;q,8͜$Z꣠L2E* ҂tqLG&pF1SG5\hK Jm;1 )8 ,-P <K
E-Q`Czhy\
E-Q`Czhy\
@Z8O2d,Y\<V
@Z8O2d,Y\<V
9sBjj[V+WMNmL55)Cm|icOeu
9sBjj[V+WMNmL55)Cm|icOeu
Nq y |TZlڪsyh%
Nq y |TZlڪsyh%
.DeeV!.Ux.lFjs-Љ.$h%p!X&ƨuF,I,aWHIXa!.u@_H2B
.DeeV!.Ux.lFjs-Љ.$h%p!X&ƨuF,I,aWHIXa!.u@_H2B
e5p@Yl@J `\
e5p@Yl@J `\
a$ET |y
a$ET |y
Op%y@UVA Ajja AU^i YhY(6X"@I=^ DB -@A@F-B 
Op%y@UVA Ajja AU^i YhY(6X"@I=^ DB -@A@F-B 
fpPPAī;
fpPPAī;
>0)*{k+j,A)Z.Q
>0)*{k+j,A)Z.Q
4
4
ëald;j%,kƮ[,>уA)qmA̶nNx +|i-mp&YQ =R@!
ëald;j%,kƮ[,>уA)qmA̶nNx +|i-mp&YQ =R@!
,..w HA .\L0ȰÇ,ZŋLƇRx,e#C/hF|4!Ξ< 5.bMT$r%q,gΝyɂ6aj i
,..w HA .\L0ȰÇ,ZŋLƇRx,e#C/hF|4!Ξ< 5.bMT$r%q,gΝyɂ6aj i
:pQU ȳ \wyiX[9T#Y~w1EC ň<."I@iBȂ C$lB8<<:YAA2e*NA@҄f*A4G2Q'Ay@6
:pQU ȳ \wyiX[9T#Y~w1EC ň<."I@iBȂ C$lB8<<:YAA2e*NA@҄f*A4G2Q'Ay@6
StJpZ>C0N#pN&Rej%'!NB9\I4" (U
StJpZ>C0N#pN&Rej%'!NB9\I4" (U
!eA`׃FCA[b$heoQ -,"-14-⢎]HAP iH&YpF UA`Cf!-8G* Ę_b& B$A4!MJ^fxa]C0H Yyв. A*41h69
!eA`׃FCA[b$heoQ -,"-14-⢎]HAP iH&YpF UA`Cf!-8G* Ę_b& B$A4!MJ^fxa]C0H Yyв. A*41h69
2dTd#yK
2dTd#yK
ØMA0ê FNwQ
ØMA0ê FNwQ
$…<,#`h@J+00d,C6j@$it`A
$…<,#`h@J+00d,C6j@$it`A
.ݺ@lw-AlU.PC;bN˯VmTm$,[,*Pz-0B qA@L3DzCĬW@!
.ݺ@lw-AlU.PC;bN˯VmTm$,[,*Pz-0B qA@L3DzCĬW@!
,..w H*\kʞ=NJ8*3
,..w H*\kʞ=NJ8*3
D= ƂgؠQǐaJ$/lblѴ`S 5l(d B)*pA]
D= ƂgؠQǐaJ$/lblѴ`S 5l(d B)*pA]
,G(S eӱ)0bTh)XJrI{ Y
,G(S eӱ)0bTh)XJrI{ Y
R5~*)ST SM
R5~*)ST SM
X#*ZS.cg% vQYawɴikd%Ka81PTDҖR.ZoDto'˧<ֈ酊,X
X#*ZS.cg% vQYawɴikd%Ka81PTDҖR.ZoDto'˧<ֈ酊,X
'Hw7E Yh8 R%4TA( 5H` M[AtD!_YS8NgS!h
'Hw7E Yh8 R%4TA( 5H` M[AtD!_YS8NgS!h
*"2
*"2
\U"#À  KTm`;FU@Yo6MUT
\U"#À  KTm`;FU@Yo6MUT
7M"[pA_FȢ)l@|U
7M"[pA_FȢ)l@|U
,ZJ 0%7(Hl 9p^o,@RVAR x-'y  ʏDK
,ZJ 0%7(Hl 9p^o,@RVAR x-'y  ʏDK
W..HT¦,@hd
W..HT¦,@hd
0\8 jAx-Y-.̲bA#@9Q0.t#E+ qA-.5췊-(4ko2U)z*ނ&кR/E T@@EԢ+ ٯ@v@іuA{ܲ2/tP!
0\8 jAx-Y-.̲bA#@9Q0.t#E+ qA-.5췊-(4ko2U)z*ނ&кR/E T@@EԢ+ ٯ@v@іuA{ܲ2/tP!
,..w H]#F\Ȱ!#lqH%XHPh,(`t Dy.[(r$2{f$bы GЁ}R呂lYt`]j96ha`ȫC j-A V-A,# 0%S'(ܪɒ >2e2(ѡ-W,y@B(%8̡և Q-ٝJٰ֮hB'B<{).Xam4c#Q2F{M #<=o€hol!=a
,..w H]#F\Ȱ!#lqH%XHPh,(`t Dy.[(r$2{f$bы GЁ}R呂lYt`]j96ha`ȫC j-A V-A,# 0%S'(ܪɒ >2e2(ѡ-W,y@B(%8̡և Q-ٝJٰ֮hB'B<{).Xam4c#Q2F{M #<=o€hol!=a
~CpG&tI&~C
~CpG&tI&~C
! `X
! `X
-uD<XFa(]Yl;մ@+RrJ•m)≃•,B5=QII{10eb @WiҦ)A\Õ0'$yBDrAyf)h $h 00PIA;BJ4: Ct.G"K,d(A. ,t,A0l H+@n+SvA+@0[] tkԦY dʑĪhԃ%@AY ȱL|Y!
-uD<XFa(]Yl;մ@+RrJ•m)≃•,B5=QII{10eb @WiҦ)A\Õ0'$yBDrAyf)h $h 00PIA;BJ4: Ct.G"K,d(A. ,t,A0l H+@n+SvA+@0[] tkԦY dʑĪhԃ%@AY ȱL|Y!
,..w HA*\Ȱ-Zt4H`A*j$E YdHdcB"Oddi|1I' ^i
,..w HA*\Ȱ-Zt4H`A*j$E YdHdcB"Oddi|1I' ^i
4 XdIs u<yrE.#r* D 3 MOx%HcjV@&T`فK~ِpeB4h6h*DSY,4H/*Dh1$Lϟ'?$ljC0Zs'I*f{azq 3ĘMDG ui-4t ]#.19޹sk4Zh@ 6TD|ńRE /l!"8B&@,nء
4 XdIs u<yrE.#r* D 3 MOx%HcjV@&T`فK~ِpeB4h6h*DSY,4H/*Dh1$Lϟ'?$ljC0Zs'I*f{azq 3ĘMDG ui-4t ]#.19޹sk4Zh@ 6TD|ńRE /l!"8B&@,nء
!4("bG4#A1!DZp$8QF&
!4("bG4#A1!DZp$8QF&
UoPEx &mSN`Eı 'DE
UoPEx &mSN`Eı 'DE
d4i`B&LTne#sbB\i0d%Tə5}eJ.diA:IdG.%*P@ ,a0 ,1PB˲"'ZzA,Adb
d4i`B&LTne#sbB\i0d%Tə5}eJ.diA:IdG.%*P@ ,a0 ,1PB˲"'ZzA,Adb
(f
(f
ȭEmkAk.
ȭEmkAk.
=.)AuB+re b R@oAb2T1uLAsT$2 K,f4!
=.)AuB+re b R@oAb2T1uLAsT$2 K,f4!
,..w H]0\Ȱ!MpH!5<Qc$HA5tTh0A 9 Ĥ,\dI%3K,%'ςtѱ MQ2-:F Ub`!z劲he @VRH܏>Q |:HQ* DbgJs$#]!& -BpQ-޵WiӦȀVn.2zCٳ9 nީB"v5o/@y3݅kP'ۈÊY~0IGՀvh TРVUYDET\Bt衇
,..w H]0\Ȱ!MpH!5<Qc$HA5tTh0A 9 Ĥ,\dI%3K,%'ςtѱ MQ2-:F Ub`!z劲he @VRH܏>Q |:HQ* DbgJs$#]!& -BpQ-޵WiӦȀVn.2zCٳ9 nީB"v5o/@y3݅kP'ۈÊY~0IGՀvh TРVUYDET\Bt衇
5@{lj((YE4!86#@>iGOUElfU r Y<P"w,tI# EtJ]Œ,ǘcB ̒GZeA1a@q 8TDrAXA@ayU!lzDq"K+b,% 31&#4C+@!˩"吉&tqP'.$B:jsRک 'Yȯ4*זF#۾qچvTqm&^+'rA.UPȶ6ůTq&P,82@ apˆħ$
5@{lj((YE4!86#@>iGOUElfU r Y<P"w,tI# EtJ]Œ,ǘcB ̒GZeA1a@q 8TDrAXA@ayU!lzDq"K+b,% 31&#4C+@!˩"吉&tqP'.$B:jsRک 'Yȯ4*זF#۾qچvTqm&^+'rA.UPȶ6ůTq&P,82@ apˆħ$
4C$G" EG
4C$G" EG
$mB
$mB
5SSq!
5SSq!
,..w H]&\Ȱ!:vpH@8 ȸ`<LbJ'yb$J)VqfAOYp
,..w H]&\Ȱ!:vpH@8 ȸ`<LbJ'yb$J)VqfAOYp
2`OEb($莩\gFVU [J0 qFXk`a0,K69 pT&PIJ ,P%!<b; t!4@2A _cq ˮHJp-J8,`MD˗R6E!ܽyÁX1nVlc]_&[! .`5ˆvv`IFm'D, Sx3Q4@ UM X$t6ieD m J+CT{hGm"˘LG}ȡ}Qɘ 7ugW I,p҆oDAhYf
2`OEb($莩\gFVU [J0 qFXk`a0,K69 pT&PIJ ,P%!<b; t!4@2A _cq ˮHJp-J8,`MD˗R6E!ܽyÁX1nVlc]_&[! .`5ˆvv`IFm'D, Sx3Q4@ UM X$t6ieD m J+CT{hGm"˘LG}ȡ}Qɘ 7ugW I,p҆oDAhYf
B@OB v$j1f,U$h PFR$(_W"JO@1 H"tC!yB'*Pl@_$ hDE{ hTA%@R
B@OB v$j1f,U$h PFR$(_W"JO@1 H"tC!yB'*Pl@_$ hDE{ hTA%@R
)XF'􄶆b
)XF'􄶆b
$kmA{+GTJQɹ`"FI|lmp'|Ԃ!MrqݷN[m9S&3E4;U@!
$kmA{+GTJQɹ`"FI|lmp'|Ԃ!MrqݷN[m9S&3E4;U@!
,..w HA*\p.64HÈ3t"CXѠ  xh% `@ FL Pn8pC -.3kY0ONo0TAnXJPP
,..w HA*\p.64HÈ3t"CXѠ  xh% `@ FL Pn8pC -.3kY0ONo0TAnXJPP
\p#H6380jQMMY2FVetpV!+AE,PHePNHT0 D'c˲.[hڅ* @'N0h'׺hqs
\p#H6380jQMMY2FVetpV!+AE,PHePNHT0 D'c˲.[hڅ* @'N0h'׺hqs
O0۠1rb EN;a9xdD"⅗Ȗ-%1-(Q'ltQMe`CfSqؐDD(bO@da<D,(UDYt)#'Ȣ1f傆@@ zl&$EApS thD)BHLF@b)LDL1ta&mtCw曜D@ƝO@h)a.ȆAЅALFhQsIJ"mV'0!P\q񺀇ltl(@'`f& T2@4!Fu9 'm E"l*1lp‰#ul0Y8x$h.vKzVan!ml舆L\IH
O0۠1rb EN;a9xdD"⅗Ȗ-%1-(Q'ltQMe`CfSqؐDD(bO@da<D,(UDYt)#'Ȣ1f傆@@ zl&$EApS thD)BHLF@b)LDL1ta&mtCw曜D@ƝO@h)a.ȆAЅALFhQsIJ"mV'0!P\q񺀇ltl(@'`f& T2@4!Fu9 'm E"l*1lp‰#ul0Y8x$h.vKzVan!ml舆L\IH
^Ȱbų'%qkP>KRtLY!
^Ȱbų'%qkP>KRtLY!
,-.w HA *\Ȱ@ 6HpHa!Jȑ B{08`D`VKl MԵIØ`agG3r)H ,.,xATRS"FXS >NM^ "Aʢv.5Ydu[Ƭ8
,-.w HA *\Ȱ@ 6HpHa!Jȑ B{08`D`VKl MԵIØ`agG3r)H ,.,xATRS"FXS >NM^ "Aʢv.5Ydu[Ƭ8
o8%wz" ݠp % $E҅KB 5o߰"-U\<%1:&n }`6f XA*b%. 71&l#!V 7]G$a_\VY`AdžtZ@Xg$HhSpQ<aQ0(-o `c5aK0H" i7.^\Rt\G%a%0CHX8'A\CChUI2&$T&DŢZ<B0܁&xR1VvCaa X.g ă2Dj̀XА@fT<tG"h f)A"0(Z#Q(E" _|@jPE)_X DmAnrWźdF`BѳU\&D{+кZ8&.A% ݶgX#jh Ecnr!LS ۥh{TG?nGsԪ[;
o8%wz" ݠp % $E҅KB 5o߰"-U\<%1:&n }`6f XA*b%. 71&l#!V 7]G$a_\VY`AdžtZ@Xg$HhSpQ<aQ0(-o `c5aK0H" i7.^\Rt\G%a%0CHX8'A\CChUI2&$T&DŢZ<B0܁&xR1VvCaa X.g ă2Dj̀XА@fT<tG"h f)A"0(Z#Q(E" _|@jPE)_X DmAnrWźdF`BѳU\&D{+кZ8&.A% ݶgX#jh Ecnr!LS ۥh{TG?nGsԪ[;
M css/styles.css
+20 −26
@charset "UTF-8";
@charset "UTF-8";
/* ==============================
/* ==============================
1. Common styles
1. Common styles
============================== */
============================== */
/*
/*
* 1.1 Common styles
* 1.1 Common styles
*/
*/
::-moz-selection {
::-moz-selection {
color: #fff;
color: #fff;
background: #000000; }
background: #000000; }
::selection {
::selection {
color: #fff;
color: #fff;
background: #000000; }
background: #000000; }
html, body {
html, body {
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
overflow-x: hidden; }
overflow-x: hidden; }
iframe {
iframe {
border: none; }
border: none; }
a:hover {
a:hover {
-webkit-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-khtml-transition: all 0.3s ease 0s;
-khtml-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s; }
transition: all 0.3s ease 0s; }
a:focus, a:active {
a:focus, a:active {
-webkit-outline: none;
-webkit-outline: none;
-khtml-outline: none;
-khtml-outline: none;
-moz-outline: none;
-moz-outline: none;
-ms-outline: none;
-ms-outline: none;
-o-outline: none;
-o-outline: none;
outline: none; }
outline: none; }
img:not([draggable]), embed, object, video {
img:not([draggable]), embed, object, video {
max-width: 100%;
max-width: 100%;
height: auto; }
height: auto; }
p {
p {
margin-bottom: 30px; }
margin-bottom: 30px; }
.appear-animate .wow {
.appear-animate .wow {
visibility: hidden; }
visibility: hidden; }
.row.no-gutters {
.row.no-gutters {
margin-right: 0;
margin-right: 0;
margin-left: 0; }
margin-left: 0; }
.row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] {
.row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] {
padding-right: 0;
padding-right: 0;
padding-left: 0; }
padding-left: 0; }
.breadcrumb {
.breadcrumb {
margin: 0 0 35px;
margin: 0 0 35px;
padding: 0;
padding: 0;
background: none;
background: none;
-webkit-border-radius: 0;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
-khtml-border-radius: 0;
-moz-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
-o-border-radius: 0;
border-radius: 0; }
border-radius: 0; }
.breadcrumb a {
.breadcrumb a {
color: #999999; }
color: #999999; }
.page-header {
.page-header {
border: none;
border: none;
margin: 0;
margin: 0;
padding: 0; }
padding: 0; }
.page-header h1 {
.page-header h1 {
margin: 0;
margin: 0;
font-size: 18px; }
font-size: 18px; }
.page-header .breadcrumb {
.page-header .breadcrumb {
margin: 0; }
margin: 0; }
/* indresh style */
/* indresh style */
.dropdown-menu {
.dropdown-menu {
background-color: blueviolet !important;
background-color: blueviolet !important;
/* border: 1px solid rgba(0, 0, 0, 0.15);
/* border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
border-radius: 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
float: left;
float: left;
font-size: 14px;
font-size: 14px;
left: 0;
left: 0;
list-style: outside none none;
list-style: outside none none;
min-width: 160px;
min-width: 160px;
padding: 5px 0;
padding: 5px 0;
position: absolute;
position: absolute;
text-align: left;
text-align: left;
top: 100%;
top: 100%;
z-index: 1000;*/
z-index: 1000;*/
}
}
.dropdown-menu>li>a{
.dropdown-menu>li>a{
color:#fff;
color:#fff;
}
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{ background-color:#fff !important; margin-left:15px; padding-left:8px !important;}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{ background-color:#fff !important; margin-left:15px; padding-left:8px !important;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
border-top: 1px solid #ddd;
border-top: 1px solid #ddd;
line-height: 1.42857;
line-height: 1.42857;
padding: 8px;
padding: 8px;
vertical-align: top;
vertical-align: top;
cursor:hand;
cursor:hand;
cursor:pointer;
cursor:pointer;
}
}
/*
/*
* 1.2. Helper CSS
* 1.2. Helper CSS
*/
*/
.kt-table {
.kt-table {
display: table;
display: table;
width: 100%;
width: 100%;
height: 100%; }
height: 100%; }
.kt-table .kt-col {
.kt-table .kt-col {
display: table-cell;
display: table-cell;
vertical-align: middle; }
vertical-align: middle; }
.round {
.round {
-webkit-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px; }
border-radius: 2px; }
.circle {
.circle {
-webkit-border-radius: 100%;
-webkit-border-radius: 100%;
-khtml-border-radius: 100%;
-khtml-border-radius: 100%;
-moz-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%; }
border-radius: 100%; }
.square {
.square {
-webkit-border-radius: 0;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
-khtml-border-radius: 0;
-moz-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
-o-border-radius: 0;
border-radius: 0; }
border-radius: 0; }
.screen-reader-text {
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
height: 1px;
overflow: hidden;
overflow: hidden;
position: absolute !important;
position: absolute !important;
width: 1px; }
width: 1px; }
.kt-column-bg {
.kt-column-bg {
-webkit-background-size: cover;
-webkit-background-size: cover;
-khtml-background-size: cover;
-khtml-background-size: cover;
-moz-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-size: cover;
background-position: center center;
background-position: center center;
background-repeat: no-repeat; }
background-repeat: no-repeat; }
.letter-spacing {
.letter-spacing {
letter-spacing: 0.2em; }
letter-spacing: 0.2em; }
.text-nomal {
.text-nomal {
text-transform: none; }
text-transform: none; }
.white {
.white {
color: #fff !important; }
color: #fff !important; }
.black {
.black {
color: #111 !important; }
color: #111 !important; }
.redwine {
.redwine {
color: #dd2d25 !important; }
color: #dd2d25 !important; }
.babyred {
.babyred {
color: #ff604d !important; }
color: #ff604d !important; }
.blueface {
.blueface {
color: #43609c !important; }
color: #43609c !important; }
.sky {
.sky {
color: #69d6e8 !important; }
color: #69d6e8 !important; }
.olive {
.olive {
color: #423918 !important; }
color: #423918 !important; }
.black {
.black {
color: #111 !important; }
color: #111 !important; }
.gray {
.gray {
color: #999999 !important; }
color: #999999 !important; }
.bg-silver{
.bg-silver{
background: #e0e0e0;
background: #e0e0e0;
}
}
.bg-wood{
.bg-wood{
background: #57513f;
background: #57513f;
}
}
.bg-gray {
.bg-gray {
background: #f6f6f6; }
background: #f6f6f6; }
.bg-lightgreen {
.bg-lightgreen {
background: #c7db9c; }
background: #c7db9c; }
.bg-wheat {
.bg-wheat {
background: #f4dc86; }
background: #f4dc86; }
.bg-sky {
.bg-sky {
background: #337ab7; }
background: #337ab7; }
.bg-coral {
.bg-coral {
background: #ed8b5c; }
background: #ed8b5c; }
.bg-aquamarine {
.bg-aquamarine {
background: #bce5d3; }
background: #bce5d3; }
.bg-purple {
.bg-purple {
background: #d1aece; }
background: #d1aece; }
.bg-gradient-gray {
.bg-gradient-gray {
position: relative; }
position: relative; }
.bg-gradient-gray:before {
.bg-gradient-gray:before {
content: '';
content: '';
width: 100%;
width: 100%;
height: 50%;
height: 50%;
position: absolute;
position: absolute;
background: #f6f6f6;
background: #f6f6f6;
top: 0;
top: 0;
left: 0; }
left: 0; }
.bg-gradient-blue {
.bg-gradient-blue {
position: relative; }
position: relative; }
.bg-gradient-blue:before {
.bg-gradient-blue:before {
content: '';
content: '';
width: 100%;
width: 100%;
height: 40%;
height: 40%;
position: absolute;
position: absolute;
background: #b7f0f3;
background: #b7f0f3;
top: 0;
top: 0;
left: 0; }
left: 0; }
/* ==============================
/* ==============================
2. Page loader
2. Page loader
============================== */
============================== */
.pace {
.pace {
background: #FFFFFF;
background: #FFFFFF;
height: 100%;
height: 100%;
left: 0;
left: 0;
position: fixed;
position: fixed;
top: 0;
top: 0;
visibility: visible;
visibility: visible;
width: 100%;
width: 100%;
z-index: 999999;
z-index: 999999;
text-align: center;
text-align: center;
filter: alpha(opacity=100);
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
-o-opacity: 1;
opacity: 1;
opacity: 1;
-webkit-pointer-events: none;
-webkit-pointer-events: none;
-khtml-pointer-events: none;
-khtml-pointer-events: none;
-moz-pointer-events: none;
-moz-pointer-events: none;
-ms-pointer-events: none;
-ms-pointer-events: none;
-o-pointer-events: none;
-o-pointer-events: none;
pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-ms-user-select: none;
-o-user-select: none;
-o-user-select: none;
user-select: none;
user-select: none;
-webkit-background-clip: padding-box;
-webkit-background-clip: padding-box;
-khtml-background-clip: padding-box;
-khtml-background-clip: padding-box;
-moz-background-clip: padding-box;
-moz-background-clip: padding-box;
-ms-background-clip: padding-box;
-ms-background-clip: padding-box;
-o-background-clip: padding-box;
-o-background-clip: padding-box;
background-clip: padding-box;
background-clip: padding-box;
-webkit-transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
-khtml-transition: all 0.2s ease-in-out 0s;
-khtml-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s; }
transition: all 0.2s ease-in-out 0s; }
.pace.pace-inactive {
.pace.pace-inactive {
visibility: hidden;
visibility: hidden;
filter: alpha(opacity=0);
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-opacity: 0;
-webkit-opacity: 0;
-khtml-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
-o-opacity: 0;
opacity: 0; }
opacity: 0; }
.pace-activity {
.pace-activity {
display: block;
display: block;
height: 100%;
height: 100%;
left: 0;
left: 0;
position: absolute;
position: absolute;
top: 0;
top: 0;
width: 100%;
width: 100%;
z-index: 1; }
z-index: 1; }
.pace-activity:before {
.pace-activity:before {
content: "";
content: "";
display: inline-block;
display: inline-block;
height: 100%;
height: 100%;
vertical-align: middle; }
vertical-align: middle; }
.pace-activity .page-loading-wrapper {
.pace-activity .page-loading-wrapper {
display: inline-block; }
display: inline-block; }
.page-loading-wrapper {
.page-loading-wrapper {
display: none;
display: none;
vertical-align: middle;
vertical-align: middle;
padding: 0 15px;
padding: 0 15px;
width: 99%; }
width: 99%; }
.page-loading-wrapper .progress-bar-loading {
.page-loading-wrapper .progress-bar-loading {
width: 110px;
width: 110px;
margin: 0 auto;
margin: 0 auto;
height: 105px;
height: 105px;
float: none;
float: none;
-webkit-border-top-left-radius: 13px;
-webkit-border-top-left-radius: 13px;
-webkit-border-top-right-radius: 13px;
-webkit-border-top-right-radius: 13px;
-webkit-border-bottom-right-radius: 13px;
-webkit-border-bottom-right-radius: 13px;
-webkit-border-bottom-left-radius: 13px;
-webkit-border-bottom-left-radius: 13px;
-moz-border-radius-topleft: 13px;
-moz-border-radius-topleft: 13px;
-moz-border-radius-topright: 13px;
-moz-border-radius-topright: 13px;
-moz-border-radius-bottomright: 13px;
-moz-border-radius-bottomright: 13px;
-moz-border-radius-bottomleft: 13px;
-moz-border-radius-bottomleft: 13px;
border-top-left-radius: 13px;
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-right-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-right-radius: 13px;
border-bottom-left-radius: 13px;
border-bottom-left-radius: 13px;
background: #fff;
background: #fff;
max-width: 100%;
max-width: 100%;
position: relative; }
position: relative; }
.page-loading-wrapper .progress-bar-loading .progress-bar-inner {
.page-loading-wrapper .progress-bar-loading .progress-bar-inner {
position: absolute;
position: absolute;
left: 0;
left: 0;
top: 0;
top: 0;
width: 110px;
width: 110px;
overflow: hidden; }
overflow: hidden; }
.page-loading-wrapper .progress-bar-loading .progress-bar-inner.back-loading path {
.page-loading-wrapper .progress-bar-loading .progress-bar-inner.back-loading path {
fill: #eeeeee; }
fill: #eeeeee; }
.page-loading-wrapper .progress-bar-loading .progress-bar-inner.front-loading {
.page-loading-wrapper .progress-bar-loading .progress-bar-inner.front-loading {
width: 1%;
width: 1%;
-webkit-transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
-khtml-transition: all 0.2s ease-in-out 0s;
-khtml-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s; }
transition: all 0.2s ease-in-out 0s; }
.page-loading-wrapper .progress-bar-loading .progress-bar-inner.front-loading path {
.page-loading-wrapper .progress-bar-loading .progress-bar-inner.front-loading path {
fill: #000000; }
fill: #000000; }
.page-loading-wrapper .progress-bar-loading .progress-bar-number {
.page-loading-wrapper .progress-bar-loading .progress-bar-number {
font-family: "Roboto Slab", serif;
font-family: "Roboto Slab", serif;
color: #000000;
color: #000000;
font-size: 14px;
font-size: 14px;
font-weight: bold;
font-weight: bold;
letter-spacing: 0.075em;
letter-spacing: 0.075em;
line-height: 1;
line-height: 1;
padding-left: 30px;
padding-left: 30px;
text-align: center; }
text-align: center; }
.page-loading-wrapper .progress-bar-loading svg {
.page-loading-wrapper .progress-bar-loading svg {
width: 110px; }
width: 110px; }
.page-loading-wrapper .progress-bar-loading svg path {
.page-loading-wrapper .progress-bar-loading svg path {
stroke-linecap: round;
stroke-linecap: round;
stroke-linejoin: round;
stroke-linejoin: round;
stroke-miterlimit: 10; }
stroke-miterlimit: 10; }
/* ==============================
/* ==============================
3. Typography
3. Typography
============================== */
============================== */
/*
/*
* 3.1 Typography common styles
* 3.1 Typography common styles
*/
*/
body {
body {
font-family: "Karla", arial, sans-serif;
font-family: "Karla", arial, sans-serif;
font-size: 14px;
font-size: 14px;
line-height: 25px;
line-height: 25px;
color: #666666;
color: #666666;
min-width: 300px; }
min-width: 300px; }
h1, h2, h3, h4, h5, h6 {
h1, h2, h3, h4, h5, h6 {
line-height: 1.4;
line-height: 1.4;
margin: 0 0 20px;
margin: 0 0 20px;
font-family: "Roboto Slab", serif;
font-family: "Roboto Slab", serif;
text-transform: uppercase;
text-transform: uppercase;
font-weight: bold;
font-weight: bold;
color: #000000; }
color: #000000; }
h1, h2, h3 {
h1, h2, h3 {
letter-spacing: 0.2em; }
letter-spacing: 0.2em; }
a {
a {
color: #000000; }
color: #000000; }
a:hover, a:focus {
a:hover, a:focus {
color: #333333;
color: #333333;
text-decoration: none; }
text-decoration: none; }
.font-light {
.font-light {
font-weight: 300; }
font-weight: 300; }
.font-black {
.font-black {
font-weight: 900; }
font-weight: 900; }
/*
/*
* 3.2 Blockquote
* 3.2 Blockquote
*/
*/
blockquote {
blockquote {
background: #f6f6f6;
background: #f6f6f6;
padding: 90px 45px 35px;
padding: 90px 45px 35px;
margin-bottom: 30px;
margin-bottom: 30px;
border: none;
border: none;
position: relative;
position: relative;
font-size: 14px;
font-size: 14px;
color: #999999; }
color: #999999; }
blockquote:before {
blockquote:before {
background: #000000;
background: #000000;
color: #ffffff;
color: #ffffff;
content: "“";
content: "“";
font-size: 36px;
font-size: 36px;
height: 32px;
height: 32px;
left: 45px;
left: 45px;
line-height: 55px;
line-height: 55px;
padding-left: 2px;
padding-left: 2px;
position: absolute;
position: absolute;
top: 35px;
top: 35px;
width: 28px;
width: 28px;
text-align: left; }
text-align: left; }
blockquote .blockquote-reverse {
blockquote .blockquote-reverse {
padding: 90px 45px 35px; }
padding: 90px 45px 35px; }
blockquote .blockquote-reverse:before {
blockquote .blockquote-reverse:before {
left: auto;
left: auto;
right: 45px;
right: 45px;
content: "?"; }
content: "?"; }
blockquote p {
blockquote p {
margin-bottom: 15px; }
margin-bottom: 15px; }
blockquote *:last-child {
blockquote *:last-child {
margin-bottom: 0; }
margin-bottom: 0; }
/* ==============================
/* ==============================
4. Forms fields
4. Forms fields
============================== */
============================== */
input[type=email],
input[type=email],
input[type=password],
input[type=password],
input[type=phone],
input[type=phone],
input[type=tel],
input[type=tel],
input[type=text],
input[type=text],
textarea {
textarea {
border: 2px solid #ebebeb;
border: 2px solid #ebebeb;
color: #999999;
color: #999999;
padding: 6px 12px;
padding: 6px 12px;
height: 40px;
height: 40px;
background: none;
background: none;
-webkit-border-radius: 0;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
-khtml-border-radius: 0;
-moz-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-webkit-appearance: none;
-khtml-appearance: none;
-khtml-appearance: none;
-moz-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-ms-appearance: none;
-o-appearance: none;
-o-appearance: none;
appearance: none;
appearance: none;
-webkit-transition: none;
-webkit-transition: none;
-khtml-transition: none;
-khtml-transition: none;
-moz-transition: none;
-moz-transition: none;
-ms-transition: none;
-ms-transition: none;
-o-transition: none;
-o-transition: none;
transition: none;
transition: none;
width: 100%; }
width: 100%; }
input[type=email]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=password]:focus,
input[type=phone]:focus,
input[type=phone]:focus,
input[type=tel]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=text]:focus,
textarea:focus {
textarea:focus {
-webkit-box-shadow: none;
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
box-shadow: none;
border-color: #999999;
border-color: #999999;
outline: 0;
outline: 0;
color: #999999; }
color: #999999; }
textarea {
textarea {
height: auto; }
height: auto; }
input[type=email].input-bg,
input[type=email].input-bg,
input[type=password].input-bg,
input[type=password].input-bg,
input[type=phone].input-bg,
input[type=phone].input-bg,
input[type=tel].input-bg,
input[type=tel].input-bg,
input[type=text].input-bg,
input[type=text].input-bg,
textarea.input-bg {
textarea.input-bg {
background: #f6f6f6;
background: #f6f6f6;
border: 1px solid #f0f0f0;
border: 1px solid #f0f0f0;
font-size: 12px;
font-size: 12px;
letter-spacing: 0.075em; }
letter-spacing: 0.075em; }
select {
select {
-webkit-border-radius: 0;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
-khtml-border-radius: 0;
-moz-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
border-radius: 0;
width: 100%;
width: 100%;
height: 40px;
height: 40px;
line-height: 1.42857;
line-height: 1.42857;
padding: 6px 12px;
padding: 6px 12px;
border: 1px solid #f0f0f0;
border: 1px solid #f0f0f0;
background: #f6f6f6;
background: #f6f6f6;
cursor: pointer;
cursor: pointer;
color: #999999; }
color: #999999; }
select:focus {
select:focus {
outline: 0; }
outline: 0; }
select:not([multiple]) {
select:not([multiple]) {
-webkit-box-shadow: none;
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-webkit-appearance: none;
-khtml-appearance: none;
-khtml-appearance: none;
-moz-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-ms-appearance: none;
-o-appearance: none;
-o-appearance: none;
appearance: none;
appearance: none;
background: #f6f6f6 url(../images/selectbox-arrow.png) no-repeat right center; }
background: #f6f6f6 url(../images/selectbox-arrow.png) no-repeat right center; }
.form-control {
.form-control {
-webkit-border-radius: 0;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
-khtml-border-radius: 0;
-moz-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
-o-box-shadow: none;
box-shadow: none; }
box-shadow: none; }
.form-control :focus {
.form-control :focus {
-webkit-box-shadow: none;
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
-o-box-shadow: none;
box-shadow: none; }
box-shadow: none; }
.select-icon {
.select-icon {
display: inline-block;
display: inline-block;
position: relative; }
position: relative; }
.select-icon:after {
.select-icon:after {
content: "";
content: "";
display: block;
display: block;
pointer-events: none;
pointer-events: none;
right: 5px;
right: 5px;
z-index: 1;
z-index: 1;
font-family: FontAwesome;
font-family: FontAwesome;
content: "";
content: "";
font-style: normal;
font-style: normal;
font-weight: normal;
font-weight: normal;
position: absolute;
position: absolute;
-webkit-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-khtml-transform: translateY(-50%);
-khtml-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
top: 50%;
font-size: 12px; }
font-size: 12px; }
.select-icon select {
.select-icon select {
border: none;
border: none;
font-size: 14px;
font-size: 14px;
background: none;
background: none;
padding: 0 25px 0 0;
padding: 0 25px 0 0;
height: auto; }
height: auto; }
/* ==============================
/* ==============================
5. Buttons
5. Buttons
============================== */
============================== */
.btn {
.btn {
-webkit-border-radius: 0;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
-khtml-border-radius: 0;
-moz-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
border-radius: 0;
border: 2px solid transparent;
border: 2px solid transparent;
display: inline-block;
display: inline-block;
line-height: 1.42857;
line-height: 1.42857;
/*padding: 8px 26px;*/
/*padding: 8px 26px;*/
font-weight: bold;
font-weight: bold;
font-size: 14px;
font-size: 14px;
letter-spacing: 0.15em;
letter-spacing: 0.15em;
text-transform: uppercase;
text-transform: uppercase;
font-family: "Karla", sans-serif;
font-family: "Karla", sans-serif;
/* Button size */
/* Button size */
/* Button shapes */
/* Button shapes */
/* Button icon */
/* Button icon */
/* Button style */ }
/* Button style */ }
.btn:focus, .btn:active:focus, .btn.active:focus {
.btn:focus, .btn:active:focus, .btn.active:focus {
outline: none; }
outline: none; }
.btn.active, .btn:active {
.btn.active, .btn:active {
-webkit-box-shadow: none;
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
-o-box-shadow: none;
box-shadow: none; }
box-shadow: none; }
.btn.btn-xs {
.btn.btn-xs {
padding: 6px 10px;
padding: 6px 10px;
font-size: 8px; }
font-size: 8px; }
.btn.btn-sm {
.btn.btn-sm {
padding: 8px 20px;
padding: 8px 20px;
font-size: 10px; }
font-size: 10px; }
.btn.btn-lg {
.btn.btn-lg {
padding: 10px 60px;
padding: 10px 60px;
font-size: 18px; }
font-size: 18px; }
.btn.btn-xlg {
.btn.btn-xlg {
padding: 12px 65px;
padding: 12px 65px;
font-size: 20px; }
font-size: 20px; }
.btn.btn-round {
.btn.btn-round {
border-radius: 3px; }
border-radius: 3px; }
.btn.btn-circle {
.btn.btn-circle {
border-radius: 30px; }
border-radius: 30px; }
.btn.button-icon-left {
.btn.button-icon-left {
margin-right: 5px; }
margin-right: 5px; }
.btn.button-icon-right {
.btn.button-icon-right {
margin-left: 5px; }
margin-left: 5px; }
.btn.btn-default {
.btn.btn-default {
background: #blueviolet;
background: #blueviolet;
color: #FFFFFF;
color: #FFFFFF;
/* border-color: #000000; */}
/* border-color: #000000; */}
.btn-info:hover
.btn-info:hover
{color:#fff;background-color:blueviolet;border-color:#269abc}
{color:#fff;background-color:blueviolet;border-color:#269abc}
**/
**/
.btn.btn-animation span {
.btn.btn-animation span {
-webkit-transform: translateX(0);
-webkit-transform: translateX(0);
-khtml-transform: translateX(0);
-khtml-transform: translateX(0);
-moz-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
transform: translateX(0);
-webkit-transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s;
-khtml-transition: all .3s ease-in-out 0s;
-khtml-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
-ms-transition: all .3s ease-in-out 0s;
-ms-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
display: block;
display: block;
position: relative; }
position: relative; }
.btn.btn-animation span i {
.btn.btn-animation span i {
filter: alpha(opacity=0);
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-opacity: 0;
-webkit-opacity: 0;
-khtml-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
-o-opacity: 0;
opacity: 0;
opacity: 0;
-webkit-transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s;
-khtml-transition: all .3s ease-in-out 0s;
-khtml-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
-ms-transition: all .3s ease-in-out 0s;
-ms-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
-webkit-transform: translate(30px, -50%);
-webkit-transform: translate(30px, -50%);
-khtml-transform: translate(30px, -50%);
-khtml-transform: translate(30px, -50%);
-moz-transform: translate(30px, -50%);
-moz-transform: translate(30px, -50%);
-ms-transform: translate(30px, -50%);
-ms-transform: translate(30px, -50%);
-o-transform: translate(30px, -50%);
-o-transform: translate(30px, -50%);
transform: translate(30px, -50%);
transform: translate(30px, -50%);
position: absolute;
position: absolute;
right: 0;
right: 0;
top: 50%; }
top: 50%; }
.btn.btn-animation:hover span {
.btn.btn-animation:hover span {
-webkit-transform: translateX(-10px);
-webkit-transform: translateX(-10px);
-khtml-transform: translateX(-10px);
-khtml-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px); }
transform: translateX(-10px); }
.btn.btn-animation:hover span i {
.btn.btn-animation:hover span i {
filter: alpha(opacity=100);
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
-o-opacity: 1;
opacity: 1; }
opacity: 1; }
.btn.btn-gray {
.btn.btn-gray {
background: #f6f6f6;
background: #f6f6f6;
color: #666666;
color: #666666;
border-color: #f6f6f6; }
border-color: #f6f6f6; }
.btn.btn-gray:hover {
.btn.btn-gray:hover {
background: #000000;
background: #000000;
color: #FFFFFF;
color: #FFFFFF;
border-color: #000000; }
border-color: #000000; }
.btn.btn-light {
.btn.btn-light {
border-color: #FFFFFF;
border-color: #FFFFFF;
background: #FFFFFF;
background: #FFFFFF;
color: #000000; }
color: #000000; }
.btn.btn-light:hover {
.btn.btn-light:hover {
background: #000000;
background: #000000;
color: #FFFFFF;
color: #FFFFFF;
border-color: #000000; }
border-color: #000000; }
.btn.btn-dark-b {
.btn.btn-dark-b {
background: none;
background: none;
color: #000000;
color: #000000;
border-color: #000000; }
border-color: #000000; }
.btn.btn-light-b {
.btn.btn-light-b {
border: 2px solid #FFFFFF;
border: 2px solid #FFFFFF;
background: none;
background: none;
font-family: "Karla", arial, sans-serif;
font-family: "Karla", arial, sans-serif;
font-weight: normal;
font-weight: normal;
color: #FFFFFF; }
color: #FFFFFF; }
.btn.btn-light-b:hover {
.btn.btn-light-b:hover {
background: #FFFFFF;
background: #FFFFFF;
color: #000000; }
color: #000000; }
.btn.btn-medium {
.btn.btn-medium {
background: #f6f6f6;
background: #f6f6f6;
border: 1px solid #f0f0f0;
border: 1px solid #f0f0f0;
color: #000;
color: #000;
font-weight: bold;
font-weight: bold;
letter-spacing: 0.2em; }
letter-spacing: 0.2em; }
.btn.btn-medium:hover {
.btn.btn-medium:hover {
background: #000000;
background: #000000;
border-color: #000000;
border-color: #000000;
color: #fff; }
color: #fff; }
.btn.btn-addtocart {
.btn.btn-addtocart {
background: #ffffff;
background: #ffffff;
color: #000000;
color: #000000;
width: 100%;
width: 100%;
height: 32px;
height: 32px;
font-size: 14px;
font-size: 14px;
border-color: #ffffff;
border-color: #ffffff;
padding: 0 45px;
padding: 0 45px;
line-height: 32px; }
line-height: 32px; }
.btn.btn-addtocart:hover {
.btn.btn-addtocart:hover {
background: #000000;
background: #000000;
color: #FFFFFF;
color: #FFFFFF;
border-color: #000000; }
border-color: #000000; }
.btn.btn-addtocart-b {
.btn.btn-addtocart-b {
background: none;
background: none;
color: #000000;
color: #000000;
height: 48px;
height: 48px;
font-size: 14px;
font-size: 14px;
border-color: #000000;
border-color: #000000;
padding: 0 45px;
padding: 0 45px;
line-height: 44px; }
line-height: 44px; }
.btn.btn-addtocart-b:hover {
.btn.btn-addtocart-b:hover {
background: #000000;
background: #000000;
color: #FFFFFF;
color: #FFFFFF;
border-color: #000000; }
border-color: #000000; }
.btn.btn-default:hover, .btn.btn-dark-b:hover {
.btn.btn-default:hover, .btn.btn-dark-b:hover {
background:cornflowerblue;
background:cornflowerblue;
color: #FFFFFF;
color: #FFFFFF;
/* border-color: #000000;*/ }
/* border-color: #000000;*/ }
.btn.btn-blue-b {
.btn.btn-blue-b {
border: 2px solid #f15d35;
border: 2px solid blueviolet;
background: #f15d35;
background: blueviolet;
font-family: "Karla", arial, sans-serif;
font-family: "Karla", arial, sans-serif;
font-weight: normal;
font-weight: normal;
color: #FFFFFF; }
color: #FFFFFF; }
.btn.btn-blue-b:hover {
.btn.btn-blue-b:hover {
border: 2px solid #f15d35;
border: 2px solid cornflowerblue;
background: #FFFFFF;
background: cornflowerblue;
color: #000000; }
color: #000000; }
.rev-btn {
.rev-btn {
padding: 15px 46px;
padding: 15px 46px;
border: 2px solid #fff;
border: 2px solid #fff;
color: #fff;
color: #fff;
text-transform: uppercase;
text-transform: uppercase;
background: none;
background: none;
font-size: 14px;
font-size: 14px;
line-height: 14px;
line-height: 14px;
font-family: "Karla", arial, sans-serif;
font-family: "Karla", arial, sans-serif;
font-weight: 400;
font-weight: 400;
letter-spacing: 0.18em; }
letter-spacing: 0.18em; }
/* ==============================
/* ==============================
6. Sections styles
6. Sections styles
============================== */
============================== */
.page-section {
.page-section {
display: block;
display: block;
position: relative;
position: relative;
padding: 50px 0;
padding: 50px 0;
background-repeat: no-repeat;
background-repeat: no-repeat;
background-position: center center;
background-position: center center;
background-attachment: fixed;
background-attachment: fixed;
-webkit-background-size: cover;
-webkit-background-size: cover;
-khtml-background-size: cover;
-khtml-background-size: cover;
-moz-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
-o-background-size: cover;
background-size: cover; }
background-size: cover; }
.page-section .page-section-inner {
.page-section .page-section-inner {
position: relative;
position: relative;
z-index: 1; }
z-index: 1; }
.page-section.small-section {
.page-section.small-section {
padding: 30px 0; }
padding: 30px 0; }
.page-section.bg-scroll {
.page-section.bg-scroll {
background-attachment: scroll !important; }
background-attachment: scroll !important; }
.page-section.bg-dark-alfa-40:before {
.page-section.bg-dark-alfa-40:before {
content: "";
content: "";
width: 100%;
width: 100%;
height: 100%;
height: 100%;
position: absolute;
position: absolute;
top: 0;
top: 0;
left: 0;
left: 0;
background: rgba(0, 0, 0, 0.4); }
background: rgba(0, 0, 0, 0.4); }
.page-small-width {
.page-small-width {
margin: 0 auto;
margin: 0 auto;
max-width: 900px;
max-width: 900px;
padding: 0 15px; }
padding: 0 15px; }
/* ==============================
/* ==============================
7. Search
7. Search
============================== */
============================== */
.searchform {
.searchform {
margin: 0 auto;
margin: 0 auto;
position: relative; }
position: relative; }
.searchform input[type=text] {
.searchform input[type=text] {
background: transparent;
background: transparent;
width: 100%;
width: 100%;
padding: 5px 40px 5px 10px; }
padding: 5px 40px 5px 10px; }
.searchform button {
.searchform button {
background: none;
background: none;
border: none;
border: none;
height: 26px;
height: 26px;
padding: 0;
padding: 0;
right: 5px;
right: 5px;
width: 26px;
width: 26px;
line-height: 26px;
line-height: 26px;
position: absolute;
position: absolute;
-webkit-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-khtml-transform: translateY(-50%);
-khtml-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
transform: translateY(-50%);
top: 50%; }
top: 50%; }
.searchform button i {
.searchform button i {
line-height: 26px; }
line-height: 26px; }
#search-fullwidth {
#search-fullwidth {
background: #ffffff;
background: #ffffff;
margin: 0 auto;
margin: 0 auto;
max-width: 1170px;
max-width: 1170px;
padding: 70px 200px;
padding: 70px 200px;
position: relative; }
position: relative; }
#search-fullwidth button.mfp-close {
#search-fullwidth button.mfp-close {
color: #000000;
color: #000000;
font-size: 0;
font-size: 0;
right: 15px;
right: 15px;
top: 15px; }
top: 15px; }
#search-fullwidth button.mfp-close:before {
#search-fullwidth button.mfp-close:before {
font-size: 18px;
font-size: 18px;
font-family: FontAwesome;
font-family: FontAwesome;
content: "?";
content: "?";
font-style: normal;
font-style: normal;
font-weight: normal;
font-weight: normal;
position: absolute;
position: absolute;
-webkit-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
top: 50%;
left: 50%; }
left: 50%; }
#search-fullwidth .searchform input[type=text] {
#search-fullwidth .searchform input[type=text] {
border: none;
border: none;
border-bottom: 2px solid #ebebeb;
border-bottom: 2px solid #ebebeb;
padding: 10px 0;
padding: 10px 0;
height: auto;
height: auto;
font-size: 14px;
font-size: 14px;
letter-spacing: 0.075em; }
letter-spacing: 0.075em; }
#search-fullwidth .searchform button {
#search-fullwidth .searchform button {
font-size: 14px; }
font-size: 14px; }
/* ==============================
/* ==============================
8. Header
8. Header
============================== */
============================== */
.branding h1 {
.branding h1 {
margin: 0;
margin: 0;
font-size: 24px; }
font-size: 24px; }
.topbar .branding {
.topbar .branding {
position: absolute;
position: absolute;
-webkit-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
top: 50%;
left: 50%;
left: 50%;
z-index: 1; }
z-index: 1; }
.topbar .branding h1 {
.topbar .branding h1 {
line-height: 40px; }
line-height: 40px; }
.topbar {
.topbar {
height: 40px;
height: 40px;
background-color: #fdfdfc;
background-color: #fdfdfc;
border-bottom: 1px solid #f6f6f6;
border-bottom: 1px solid #f6f6f6;
text-align: center;
text-align: center;
position: relative;
position: relative;
z-index: 30; }
z-index: 30; }
.topbar .topbar-left {
.topbar .topbar-left {
text-align: left; }
text-align: left; }
.topbar .topbar-left li:first-child .top-navigation-submenu {
.topbar .topbar-left li:first-child .top-navigation-submenu {
left: 9px; }
left: 9px; }
.topbar .topbar-right {
.topbar .topbar-right {
text-align: right; }
text-align: right; }
.topbar .topbar-right .top-navigation {
.topbar .topbar-right .top-navigation {
float: right; }
float: right; }
.topbar .topbar-right .top-navigation .top-navigation-submenu {
.topbar .topbar-right .top-navigation .top-navigation-submenu {
left: auto;
left: auto;
right: 0; }
right: 0; }
.topbar .topbar-right .top-navigation li:last-child .top-navigation-submenu {
.topbar .topbar-right .top-navigation li:last-child .top-navigation-submenu {
right: 9px; }
right: 9px; }
.top-navigation {
.top-navigation {
margin: 0;
margin: 0;
padding: 0;
padding: 0;
list-style: none; }
list-style: none; }
.top-navigation > li {
.top-navigation > li {
display: inline-block;
display: inline-block;
border-left: 1px solid #f6f6f6;
border-left: 1px solid #f6f6f6;
position: relative;
position: relative;
float: left; }
float: left; }
.top-navigation > li:last-child {
.top-navigation > li:last-child {
border-right: 1px solid #f6f6f6; }
border-right: 1px solid #f6f6f6; }
.top-navigation > li.wishlist-item > a > span {
.top-navigation > li.wishlist-item > a > span {
background: #f6f6f6;
background: #f6f6f6;
color: #000000;
color: #000000;
font-size: 12px;
font-size: 12px;
margin-left: 10px;
margin-left: 10px;
padding: 3px 5px; }
padding: 3px 5px; }
.top-navigation > li.shopping-bag-item a > span {
.top-navigation > li.shopping-bag-item a > span {
padding: 2px 8px;
padding: 2px 8px;
background: #dce9b7;
background: #dce9b7;
color: #000000;
color: #000000;
font-size: 10px;
font-size: 10px;
margin-left: 10px; }
margin-left: 10px; }
.top-navigation > li.language-switcher li, .top-navigation > li.currency-switcher li {
.top-navigation > li.language-switcher li, .top-navigation > li.currency-switcher li {
border-bottom: 1px solid #f6f6f6; }
border-bottom: 1px solid #f6f6f6; }
.top-navigation > li.language-switcher li:last-child, .top-navigation > li.currency-switcher li:last-child {
.top-navigation > li.language-switcher li:last-child, .top-navigation > li.currency-switcher li:last-child {
border: none; }
border: none; }
.top-navigation > li.language-switcher li a, .top-navigation > li.currency-switcher li a {
.top-navigation > li.language-switcher li a, .top-navigation > li.currency-switcher li a {
display: block;
display: block;
padding: 5px 10px 5px 10px;
padding: 5px 10px 5px 10px;
color: #999999; }
color: #999999; }
.top-navigation > li.language-switcher li a:hover, .top-navigation > li.currency-switcher li a:hover {
.top-navigation > li.language-switcher li a:hover, .top-navigation > li.currency-switcher li a:hover {
color: #000000; }
color: #000000; }
.top-navigation > li.language-switcher .top-navigation-submenu, .top-navigation > li.currency-switcher .top-navigation-submenu {
.top-navigation > li.language-switcher .top-navigation-submenu, .top-navigation > li.currency-switcher .top-navigation-submenu {
width: 200px; }
width: 200px; }
.top-navigation > li.myaccount-item .top-navigation-submenu {
.top-navigation > li.myaccount-item .top-navigation-submenu {
width: 508px; }
width: 508px; }
.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form,
.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form,
.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-create {
.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-create {
padding: 25px 15px; }
padding: 25px 15px; }
.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form {
.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form {
border-bottom: 1px solid #f6f6f6; }
border-bottom: 1px solid #f6f6f6; }
.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form p {
.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form p {
margin-bottom: 20px; }
margin-bottom: 20px; }
.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form p :last-child {
.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form p :last-child {
margin: 0; }
margin: 0; }
.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form label {
.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form label {
color: #999999;
color: #999999;
font-size: 14px;
font-size: 14px;
font-weight: normal; }
font-weight: normal; }
.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form label.inline {
.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form label.inline {
margin-left: 30px;
margin-left: 30px;
color: #666666; }
color: #666666; }
.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form label.inline input {
.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form label.inline input {
margin-right: 10px; }
margin-right: 10px; }
.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form a.forget-password {
.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form a.forget-password {
float: right;
float: right;
color: #999999;
color: #999999;
margin-top: 4px; }
margin-top: 4px; }
.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form a.forget-password:hover {
.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form a.forget-password:hover {
color: #000000; }
color: #000000; }
.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-create {
.top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-create {
line-height: 36px; }
line-height: 36px; }
.top-navigation > li > a {
.top-navigation > li > a {
text-transform: uppercase;
text-transform: uppercase;
/* color: #999999; */color: #000000;;
/* color: #999999; */color: #000000;;
letter-spacing: 0.12em;
letter-spacing: 0.12em;
font-size: 12px;
font-size: 12px;
line-height: 40px;
line-height: 40px;
padding: 0 15px;
padding: 0 15px;
display: inline-block; }
display: inline-block; }
.top-navigation > li > a:hover {
.top-navigation > li > a:hover {
color: #000000; }
color: #000000; }
.top-navigation > li .top-navigation-submenu {
.top-navigation > li .top-navigation-submenu {
background: #FFFFFF;
background: #FFFFFF;
position: absolute;
position: absolute;
left: 0;
left: 0;
top: 40px;
top: 40px;
width: 340px;
width: 340px;
text-align: left;
text-align: left;
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
-khtml-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
-khtml-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
-ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
-ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
-o-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
-o-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
border-top: 1px solid #f6f6f6;
border-top: 1px solid #f6f6f6;
margin: 0;
margin: 0;
padding: 0;
padding: 0;
list-style: none;
list-style: none;
filter: alpha(opacity=0);
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-opacity: 0;
-webkit-opacity: 0;
-khtml-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
-o-opacity: 0;
opacity: 0;
opacity: 0;
-webkit-transform: translate(0, 40px);
-webkit-transform: translate(0, 40px);
-khtml-transform: translate(0, 40px);
-khtml-transform: translate(0, 40px);
-moz-transform: translate(0, 40px);
-moz-transform: translate(0, 40px);
-ms-transform: translate(0, 40px);
-ms-transform: translate(0, 40px);
-o-transform: translate(0, 40px);
-o-transform: translate(0, 40px);
transform: translate(0, 40px);
transform: translate(0, 40px);
-webkit-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
-khtml-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
-khtml-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
-ms-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
-ms-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
visibility: hidden; }
visibility: hidden; }
.top-navigation > li .top-navigation-submenu h3.submenu-heading {
.top-navigation > li .top-navigation-submenu h3.submenu-heading {
text-align: center;
text-align: center;
font-size: 14px;
font-size: 14px;
color: #000000;
color: #000000;
line-height: 40px;
line-height: 40px;
border-bottom: 1px solid #f6f6f6;
border-bottom: 1px solid #f6f6f6;
margin: 0;
margin: 0;
letter-spacing: 0.02em; }
letter-spacing: 0.02em; }
.top-navigation > li:hover .top-navigation-submenu {
.top-navigation > li:hover .top-navigation-submenu {
filter: alpha(opacity=100);
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
-o-opacity: 1;
opacity: 1;
opacity: 1;
-webkit-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-khtml-transform: translate(0, 0);
-khtml-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
transform: translate(0, 0);
visibility: visible; }
visibility: visible; }
.shopping-bag .cart_block_no_products {
.shopping-bag .cart_block_no_products {
margin: 0;
margin: 0;
padding: 18px;
padding: 18px;
text-align: center; }
text-align: center; }
.shopping-bag .bag-products .bag-product {
.shopping-bag .bag-products .bag-product {
padding: 18px;
padding: 18px;
border-bottom: 1px solid #F6f6f6;
border-bottom: 1px solid #F6f6f6;
position: relative; }
position: relative; }
.shopping-bag .bag-products .bag-product:before, .shopping-bag .bag-products .bag-product:after {
.shopping-bag .bag-products .bag-product:before, .shopping-bag .bag-products .bag-product:after {
content: " ";
content: " ";
display: table; }
display: table; }
.shopping-bag .bag-products .bag-product:after {
.shopping-bag .bag-products .bag-product:after {
clear: both; }
clear: both; }
.shopping-bag .bag-products .bag-product figure {
.shopping-bag .bag-products .bag-product figure {
float: left;
float: left;
position: relative;
position: relative;
z-index: 1; }
z-index: 1; }
.shopping-bag .bag-products .bag-product figure img {
.shopping-bag .bag-products .bag-product figure img {
height: auto;
height: auto;
max-width: 90px; }
max-width: 90px; }
.shopping-bag .bag-products .bag-product .bag-product-details {
.shopping-bag .bag-products .bag-product .bag-product-details {
padding-left: 105px;
padding-left: 105px;
position: relative; }
position: relative; }
.shopping-bag .bag-products .bag-product .bag-product-details .bag-product-title {
.shopping-bag .bag-products .bag-product .bag-product-details .bag-product-title {
font-size: 14px;
font-size: 14px;
text-transform: none;
text-transform: none;
margin: 0 0 10px;
margin: 0 0 10px;
padding-right: 10px; }
padding-right: 10px; }
.shopping-bag .bag-products .bag-product .bag-product-details .bag-product-title:hover {
.shopping-bag .bag-products .bag-product .bag-product-details .bag-product-title:hover {
text-decoration: underline; }
text-decoration: underline; }
.shopping-bag .bag-products .bag-product .bag-product-details > div {
.shopping-bag .bag-products .bag-product .bag-product-details > div {
color: #999999;
color: #999999;
line-height: 25px;
line-height: 25px;
font-size: 13px; }
font-size: 13px; }
.shopping-bag .bag-products .bag-product .remove {
.shopping-bag .bag-products .bag-product .remove {
color: #000000;
color: #000000;
font-size: 12px;
font-size: 12px;
line-height: 1;
line-height: 1;
position: absolute;
position: absolute;
right: 12px;
right: 12px;
top: 18px; }
top: 18px; }
.shopping-bag .bag-products .bag-product .remove:before {
.shopping-bag .bag-products .bag-product .remove:before {
font-family: FontAwesome;
font-family: FontAwesome;
content: "?";
content: "?";
font-style: normal;
font-style: normal;
font-weight: normal; }
font-weight: normal; }
.shopping-bag .bag-products .bag-product .remove:hover {
.shopping-bag .bag-products .bag-product .remove:hover {
color: red; }
color: red; }
.shopping-bag .bag-buttons {
.shopping-bag .bag-buttons {
padding: 30px 65px; }
padding: 30px 65px; }
.shopping-bag .bag-buttons a {
.shopping-bag .bag-buttons a {
margin-bottom: 30px; }
margin-bottom: 30px; }
.shopping-bag .bag-buttons a:last-child {
.shopping-bag .bag-buttons a:last-child {
margin-bottom: 0; }
margin-bottom: 0; }
.mobile-tool {
.mobile-tool {
position: absolute;
position: absolute;
position: absolute;
position: absolute;
-webkit-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-khtml-transform: translateY(-50%);
-khtml-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
top: 50%;
right: 0;
right: 0;
display: none; }
display: none; }
.mobile-tool a {
.mobile-tool a {
display: block;
display: block;
float: right;
float: right;
line-height: 1;
line-height: 1;
margin-left: 15px; }
margin-left: 15px; }
.mobile-tool a:last-child {
.mobile-tool a:last-child {
margin: 0; }
margin: 0; }
.mobile-tool a.mobile-tool-cart {
.mobile-tool a.mobile-tool-cart {
font-size: 26px;
font-size: 26px;
position: relative;
position: relative;
margin-top: 2px; }
margin-top: 2px; }
.mobile-tool a.mobile-tool-cart span {
.mobile-tool a.mobile-tool-cart span {
font-size: 12px;
font-size: 12px;
position: absolute;
position: absolute;
right: 0;
right: 0;
top: -6px; }
top: -6px; }
#hamburger-icon {
#hamburger-icon {
padding: 10px; }
padding: 10px; }
#hamburger-icon .hamburger-icon-inner {
#hamburger-icon .hamburger-icon-inner {
width: 20px;
width: 20px;
height: 12px;
height: 12px;
position: relative;
position: relative;
display: block; }
display: block; }
#hamburger-icon .line {
#hamburger-icon .line {
display: block;
display: block;
background: #000000;
background: #000000;
width: 20px;
width: 20px;
height: 2px;
height: 2px;
position: absolute;
position: absolute;
left: 0;
left: 0;
-webkit-border-radius: 1px;
-webkit-border-radius: 1px;
-khtml-border-radius: 1px;
-khtml-border-radius: 1px;
-moz-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
border-radius: 1px;
-webkit-transition: all 0.4s;
-webkit-transition: all 0.4s;
-khtml-transition: all 0.4s;
-khtml-transition: all 0.4s;
-moz-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
transition: all 0.4s; }
#hamburger-icon .line.line-1 {
#hamburger-icon .line.line-1 {
top: 0; }
top: 0; }
#hamburger-icon .line.line-2 {
#hamburger-icon .line.line-2 {
top: 50%; }
top: 50%; }
#hamburger-icon .line.line-3 {
#hamburger-icon .line.line-3 {
top: 100%; }
top: 100%; }
#hamburger-icon.active .line-1 {
#hamburger-icon.active .line-1 {
-webkit-transform: translateY(6px) translateX(0) rotate(45deg);
-webkit-transform: translateY(6px) translateX(0) rotate(45deg);
-khtml-transform: translateY(6px) translateX(0) rotate(45deg);
-khtml-transform: translateY(6px) translateX(0) rotate(45deg);
-moz-transform: translateY(6px) translateX(0) rotate(45deg);
-moz-transform: translateY(6px) translateX(0) rotate(45deg);
-ms-transform: translateY(6px) translateX(0) rotate(45deg);
-ms-transform: translateY(6px) translateX(0) rotate(45deg);
-o-transform: translateY(6px) translateX(0) rotate(45deg);
-o-transform: translateY(6px) translateX(0) rotate(45deg);
transform: translateY(6px) translateX(0) rotate(45deg); }
transform: translateY(6px) translateX(0) rotate(45deg); }
#hamburger-icon.active .line-2 {
#hamburger-icon.active .line-2 {
top: 100%;
top: 100%;
-webkit-transform: translateY(6px);
-webkit-transform: translateY(6px);
-khtml-transform: translateY(6px);
-khtml-transform: translateY(6px);
-moz-transform: translateY(6px);
-moz-transform: translateY(6px);
-ms-transform: translateY(6px);
-ms-transform: translateY(6px);
-o-transform: translateY(6px);
-o-transform: translateY(6px);
transform: translateY(6px); }
transform: translateY(6px); }
#hamburger-icon.active .line-3 {
#hamburger-icon.active .line-3 {
-webkit-transform: translateY(-6px) translateX(0) rotate(-45deg);
-webkit-transform: translateY(-6px) translateX(0) rotate(-45deg);
-khtml-transform: translateY(-6px) translateX(0) rotate(-45deg);
-khtml-transform: translateY(-6px) translateX(0) rotate(-45deg);
-moz-transform: translateY(-6px) translateX(0) rotate(-45deg);
-moz-transform: translateY(-6px) translateX(0) rotate(-45deg);
-ms-transform: translateY(-6px) translateX(0) rotate(-45deg);
-ms-transform: translateY(-6px) translateX(0) rotate(-45deg);
-o-transform: translateY(-6px) translateX(0) rotate(-45deg);
-o-transform: translateY(-6px) translateX(0) rotate(-45deg);
transform: translateY(-6px) translateX(0) rotate(-45deg); }
transform: translateY(-6px) translateX(0) rotate(-45deg); }
.navbar-container {
.navbar-container {
position: relative;
position: relative;
width: 100%;
width: 100%;
background: #FFFFFF; }
background: #FFFFFF; }
.navbar-container.is-sticky {
.navbar-container.is-sticky {
position: fixed;
position: fixed;
top: 0;
top: 0;
left: 0; }
left: 0; }
.navbar-container.is-sticky .navbar-container-inner {
.navbar-container.is-sticky .navbar-container-inner {
height: 60px;
height: 60px;
line-height: 60px;
line-height: 60px;
-webkit-transition: all .5s ease-in-out 0s;
-webkit-transition: all .5s ease-in-out 0s;
-khtml-transition: all .5s ease-in-out 0s;
-khtml-transition: all .5s ease-in-out 0s;
-moz-transition: all .5s ease-in-out 0s;
-moz-transition: all .5s ease-in-out 0s;
-ms-transition: all .5s ease-in-out 0s;
-ms-transition: all .5s ease-in-out 0s;
-o-transition: all .5s ease-in-out 0s;
-o-transition: all .5s ease-in-out 0s;
transition: all .5s ease-in-out 0s; }
transition: all .5s ease-in-out 0s; }
.navbar-container.is-sticky .branding h1 {
.navbar-container.is-sticky .branding h1 {
line-height: 60px;
line-height: 60px;
-webkit-transition: all .5s ease-in-out 0s;
-webkit-transition: all .5s ease-in-out 0s;
-khtml-transition: all .5s ease-in-out 0s;
-khtml-transition: all .5s ease-in-out 0s;
-moz-transition: all .5s ease-in-out 0s;
-moz-transition: all .5s ease-in-out 0s;
-ms-transition: all .5s ease-in-out 0s;
-ms-transition: all .5s ease-in-out 0s;
-o-transition: all .5s ease-in-out 0s;
-o-transition: all .5s ease-in-out 0s;
transition: all .5s ease-in-out 0s; }
transition: all .5s ease-in-out 0s; }
.navbar-container .navbar-container-inner {
.navbar-container .navbar-container-inner {
position: relative;
position: relative;
height: 90px;
height: 90px;
line-height: 90px; }
line-height: 90px; }
.navbar-container .branding {
.navbar-container .branding {
float: left; }
float: left; }
.navbar-container .branding h1 {
.navbar-container .branding h1 {
line-height: 90px; }
line-height: 90px; }
.navbar-container #nav {
.navbar-container #nav {
float: right; }
float: right; }
.navbar-container #nav > ul {
.navbar-container #nav > ul {
margin: 0;
margin: 0;
padding: 0;
padding: 0;
list-style: none;
list-style: none;
float: right; }
float: right; }
.navbar-container #nav > ul#main-nav-tool {
.navbar-container #nav > ul#main-nav-tool {
margin-left: 66px; }
margin-left: 66px; }
.navbar-container #nav > ul#main-nav-tool li {
.navbar-container #nav > ul#main-nav-tool li {
display: inline-block;
display: inline-block;
margin-left: 30px; }
margin-left: 30px; }
.navbar-container #nav > ul#main-nav-tool li:first-child {
.navbar-container #nav > ul#main-nav-tool li:first-child {
margin-left: 0; }
margin-left: 0; }
.navbar-container #nav #main-navigation {
.navbar-container #nav #main-navigation {
margin: 0;
margin: 0;
padding: 0;
padding: 0;
list-style: none; }
list-style: none; }
.navbar-container #nav #main-navigation li.active > a {
.navbar-container #nav #main-navigation li.active > a {
color: #000; }
color: #000; }
.navbar-container #nav #main-navigation > li {
.navbar-container #nav #main-navigation > li {
display: inline-block;
display: inline-block;
position: relative;
position: relative;
/* margin-left: 20px; */ }
/* margin-left: 20px; */ }
.navbar-container #nav #main-navigation > li.kt-megamenu-item {
.navbar-container #nav #main-navigation > li.kt-megamenu-item {
position: static; }
position: static; }
.navbar-container #nav #main-navigation > li:first-child {
.navbar-container #nav #main-navigation > li:first-child {
margin-left: 0; }
margin-left: 0; }
.navbar-container #nav #main-navigation > li:first-child > a {
.navbar-container #nav #main-navigation > li:first-child > a {
padding-left: 0; }
padding-left: 0; }
.navbar-container #nav #main-navigation > li:last-child > a {
.navbar-container #nav #main-navigation > li:last-child > a {
padding-right: 0; }
padding-right: 0; }
.navbar-container #nav #main-navigation > li > a {
.navbar-container #nav #main-navigation > li > a {
text-transform: uppercase;
text-transform: uppercase;
padding: 0 22px;
padding: 0 22px;
color: #999999;
color: #999999;
letter-spacing: 0.04em;
letter-spacing: 0.04em;
font-weight: bold; }
font-weight: bold; }
.navbar-container #nav #main-navigation > li > a:hover {
.navbar-container #nav #main-navigation > li > a:hover {
color: #000000; }
color: #000000; }
.navbar-container #nav #main-navigation > li.active > a {
.navbar-container #nav #main-navigation > li.active > a {
color: #000000; }
color: #000000; }
.navbar-container #nav #main-navigation > li ul.sub-menu-dropdown,
.navbar-container #nav #main-navigation > li ul.sub-menu-dropdown,
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper {
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper {
border-top: 1px solid #f6f6f6;
border-top: 1px solid #f6f6f6;
background: #FFFFFF;
background: #FFFFFF;
position: absolute;
position: absolute;
top: 100%;
top: 100%;
left: 0;
left: 0;
visibility: hidden;
visibility: hidden;
line-height: normal;
line-height: normal;
width: 308px;
width: 308px;
filter: alpha(opacity=0);
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-opacity: 0;
-webkit-opacity: 0;
-khtml-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
-o-opacity: 0;
opacity: 0;
opacity: 0;
-webkit-transform: translate(0, 40px);
-webkit-transform: translate(0, 40px);
-khtml-transform: translate(0, 40px);
-khtml-transform: translate(0, 40px);
-moz-transform: translate(0, 40px);
-moz-transform: translate(0, 40px);
-ms-transform: translate(0, 40px);
-ms-transform: translate(0, 40px);
-o-transform: translate(0, 40px);
-o-transform: translate(0, 40px);
transform: translate(0, 40px);
transform: translate(0, 40px);
-webkit-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
-khtml-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
-khtml-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
-ms-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
-ms-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
-khtml-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
-khtml-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
-ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
-ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
-o-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
-o-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
text-align: left; }
text-align: left; }
.navbar-container #nav #main-navigation > li ul.sub-menu-dropdown {
.navbar-container #nav #main-navigation > li ul.sub-menu-dropdown {
list-style: none;
list-style: none;
padding: 0;
padding: 0;
margin: 0; }
margin: 0; }
.navbar-container #nav #main-navigation > li ul.sub-menu-dropdown li {
.navbar-container #nav #main-navigation > li ul.sub-menu-dropdown li {
border-bottom: 1px solid #f6f6f6; }
border-bottom: 1px solid #f6f6f6; }
.navbar-container #nav #main-navigation > li ul.sub-menu-dropdown li a {
.navbar-container #nav #main-navigation > li ul.sub-menu-dropdown li a {
padding: 20px;
padding: 20px;
display: block;
display: block;
color: #999999;
color: #999999;
font-size: 14px; }
font-size: 14px; }
.navbar-container #nav #main-navigation > li ul.sub-menu-dropdown li a:hover {
.navbar-container #nav #main-navigation > li ul.sub-menu-dropdown li a:hover {
color: #000000; }
color: #000000; }
.navbar-container #nav #main-navigation > li ul.sub-menu-dropdown li ul.sub-menu-dropdown {
.navbar-container #nav #main-navigation > li ul.sub-menu-dropdown li ul.sub-menu-dropdown {
left: 100%;
left: 100%;
top: -1px; }
top: -1px; }
.navbar-container #nav #main-navigation > li ul.sub-menu-dropdown.right-overflow {
.navbar-container #nav #main-navigation > li ul.sub-menu-dropdown.right-overflow {
right: 0;
right: 0;
left: auto;
left: auto;
top: 100%; }
top: 100%; }
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper {
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper {
width: 100%; }
width: 100%; }
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul {
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul {
display: table;
display: table;
list-style: none;
list-style: none;
margin: 0;
margin: 0;
padding: 0;
padding: 0;
table-layout: fixed;
table-layout: fixed;
width: 100%; }
width: 100%; }
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li {
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li {
border-right: 1px solid #f6f6f6;
border-right: 1px solid #f6f6f6;
display: table-cell;
display: table-cell;
float: none;
float: none;
vertical-align: top; }
vertical-align: top; }
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li:last-child {
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li:last-child {
border: none; }
border: none; }
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > a,
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > a,
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > span {
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > span {
color: #000000;
color: #000000;
font-size: 15px;
font-size: 15px;
display: block;
display: block;
padding: 40px 28px 24px;
padding: 40px 28px 24px;
border-bottom: 1px solid #f6f6f6; }
border-bottom: 1px solid #f6f6f6; }
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul {
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul {
list-style: none;
list-style: none;
padding: 0;
padding: 0;
margin: 0; }
margin: 0; }
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul > li {
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul > li {
display: block;
display: block;
border-bottom: 1px solid #f6f6f6; }
border-bottom: 1px solid #f6f6f6; }
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul > li :last-child {
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul > li :last-child {
border-bottom: none; }
border-bottom: none; }
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul > li > a,
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul > li > a,
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul > li > span {
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul > li > span {
padding: 30px 26px 22px;
padding: 30px 26px 22px;
display: block;
display: block;
color: #999999;
color: #999999;
font-size: 14px; }
font-size: 14px; }
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul > li > a:hover,
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul > li > a:hover,
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul > li > span:hover {
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul > li > span:hover {
color: #000000; }
color: #000000; }
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper.megamenu-columns-4 > ul > li {
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper.megamenu-columns-4 > ul > li {
width: 25%; }
width: 25%; }
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper.megamenu-columns-3 > ul > li {
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper.megamenu-columns-3 > ul > li {
width: 33.33%; }
width: 33.33%; }
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper.megamenu-columns-2 > ul > li {
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper.megamenu-columns-2 > ul > li {
width: 50%; }
width: 50%; }
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper.megamenu-position-left-menubar {
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper.megamenu-position-left-menubar {
right: auto;
right: auto;
left: 0; }
left: 0; }
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper.megamenu-position-right-menubar {
.navbar-container #nav #main-navigation > li .kt-megamenu-wrapper.megamenu-position-right-menubar {
right: 0;
right: 0;
left: auto; }
left: auto; }
.navbar-container #nav #main-navigation > li.megamenu-width-50 .kt-megamenu-wrapper {
.navbar-container #nav #main-navigation > li.megamenu-width-50 .kt-megamenu-wrapper {
width: 50%; }
width: 50%; }
.navbar-container #nav #main-navigation > li.megamenu-width-75 .kt-megamenu-wrapper {
.navbar-container #nav #main-navigation > li.megamenu-width-75 .kt-megamenu-wrapper {
width: 75%; }
width: 75%; }
.navbar-container #nav #main-navigation > li.megamenu-width-80 .kt-megamenu-wrapper {
.navbar-container #nav #main-navigation > li.megamenu-width-80 .kt-megamenu-wrapper {
width: 80%; }
width: 80%; }
.navbar-container #nav #main-navigation > li.megamenu-width-90 .kt-megamenu-wrapper {
.navbar-container #nav #main-navigation > li.megamenu-width-90 .kt-megamenu-wrapper {
width: 90%; }
width: 90%; }
.navbar-container #nav #main-navigation li:hover > ul.sub-menu-dropdown,
.navbar-container #nav #main-navigation li:hover > ul.sub-menu-dropdown,
.navbar-container #nav #main-navigation li:hover .kt-megamenu-wrapper {
.navbar-container #nav #main-navigation li:hover .kt-megamenu-wrapper {
filter: alpha(opacity=100);
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
-o-opacity: 1;
opacity: 1;
opacity: 1;
-webkit-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-khtml-transform: translate(0, 0);
-khtml-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
transform: translate(0, 0);
visibility: visible; }
visibility: visible; }
.navbar-container #nav #main-navigation li ul.sub-menu-dropdown li > ul.sub-menu-dropdown.right-overflow {
.navbar-container #nav #main-navigation li ul.sub-menu-dropdown li > ul.sub-menu-dropdown.right-overflow {
right: 100%;
right: 100%;
left: auto; }
left: auto; }
.main-nav-mobile {
.main-nav-mobile {
overflow-y: scroll;
overflow-y: scroll;
position: fixed;
position: fixed;
width: 100%;
width: 100%;
max-height: 400px;
max-height: 400px;
background: #fff none repeat scroll 0 0;
background: #fff none repeat scroll 0 0;
border-top: 1px solid #ebebeb;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
display: none; }
display: none; }
.main-nav-mobile li {
.main-nav-mobile li {
position: relative; }
position: relative; }
.main-nav-mobile > ul {
.main-nav-mobile > ul {
margin: 0;
margin: 0;
padding: 0;
padding: 0;
list-style: none; }
list-style: none; }
.main-nav-mobile > ul > li {
.main-nav-mobile > ul > li {
position: relative;
position: relative;
-webkit-transform: translateX(-30px);
-webkit-transform: translateX(-30px);
-khtml-transform: translateX(-30px);
-khtml-transform: translateX(-30px);
-moz-transform: translateX(-30px);
-moz-transform: translateX(-30px);
-ms-transform: translateX(-30px);
-ms-transform: translateX(-30px);
-o-transform: translateX(-30px);
-o-transform: translateX(-30px);
transform: translateX(-30px);
transform: translateX(-30px);
filter: alpha(opacity=0);
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-opacity: 0;
-webkit-opacity: 0;
-khtml-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
-o-opacity: 0;
opacity: 0; }
opacity: 0; }
.main-nav-mobile > ul > li:nth-child(1) {
.main-nav-mobile > ul > li:nth-child(1) {
-webkit-transition: all 0.3s ease-out 0.1s;
-webkit-transition: all 0.3s ease-out 0.1s;
-khtml-transition: all 0.3s ease-out 0.1s;
-khtml-transition: all 0.3s ease-out 0.1s;
-moz-transition: all 0.3s ease-out 0.1s;
-moz-transition: all 0.3s ease-out 0.1s;
-ms-transition: all 0.3s ease-out 0.1s;
-ms-transition: all 0.3s ease-out 0.1s;
-o-transition: all 0.3s ease-out 0.1s;
-o-transition: all 0.3s ease-out 0.1s;
transition: all 0.3s ease-out 0.1s; }
transition: all 0.3s ease-out 0.1s; }
.main-nav-mobile > ul > li:nth-child(2) {
.main-nav-mobile > ul > li:nth-child(2) {
-webkit-transition: all 0.3s ease-out 0.2s;
-webkit-transition: all 0.3s ease-out 0.2s;
-khtml-transition: all 0.3s ease-out 0.2s;
-khtml-transition: all 0.3s ease-out 0.2s;
-moz-transition: all 0.3s ease-out 0.2s;
-moz-transition: all 0.3s ease-out 0.2s;
-ms-transition: all 0.3s ease-out 0.2s;
-ms-transition: all 0.3s ease-out 0.2s;
-o-transition: all 0.3s ease-out 0.2s;
-o-transition: all 0.3s ease-out 0.2s;
transition: all 0.3s ease-out 0.2s; }
transition: all 0.3s ease-out 0.2s; }
.main-nav-mobile > ul > li:nth-child(3) {
.main-nav-mobile > ul > li:nth-child(3) {
-webkit-transition: all 0.3s ease-out 0.3s;
-webkit-transition: all 0.3s ease-out 0.3s;
-khtml-transition: all 0.3s ease-out 0.3s;
-khtml-transition: all 0.3s ease-out 0.3s;
-moz-transition: all 0.3s ease-out 0.3s;
-moz-transition: all 0.3s ease-out 0.3s;
-ms-transition: all 0.3s ease-out 0.3s;
-ms-transition: all 0.3s ease-out 0.3s;
-o-transition: all 0.3s ease-out 0.3s;
-o-transition: all 0.3s ease-out 0.3s;
transition: all 0.3s ease-out 0.3s; }
transition: all 0.3s ease-out 0.3s; }
.main-nav-mobile > ul > li:nth-child(4) {
.main-nav-mobile > ul > li:nth-child(4) {
-webkit-transition: all 0.3s ease-out 0.4s;
-webkit-transition: all 0.3s ease-out 0.4s;
-khtml-transition: all 0.3s ease-out 0.4s;
-khtml-transition: all 0.3s ease-out 0.4s;
-moz-transition: all 0.3s ease-out 0.4s;
-moz-transition: all 0.3s ease-out 0.4s;
-ms-transition: all 0.3s ease-out 0.4s;
-ms-transition: all 0.3s ease-out 0.4s;
-o-transition: all 0.3s ease-out 0.4s;
-o-transition: all 0.3s ease-out 0.4s;
transition: all 0.3s ease-out 0.4s; }
transition: all 0.3s ease-out 0.4s; }
.main-nav-mobile > ul > li:nth-child(5) {
.main-nav-mobile > ul > li:nth-child(5) {
-webkit-transition: all 0.3s ease-out 0.5s;
-webkit-transition: all 0.3s ease-out 0.5s;
-khtml-transition: all 0.3s ease-out 0.5s;
-khtml-transition: all 0.3s ease-out 0.5s;
-moz-transition: all 0.3s ease-out 0.5s;
-moz-transition: all 0.3s ease-out 0.5s;
-ms-transition: all 0.3s ease-out 0.5s;
-ms-transition: all 0.3s ease-out 0.5s;
-o-transition: all 0.3s ease-out 0.5s;
-o-transition: all 0.3s ease-out 0.5s;
transition: all 0.3s ease-out 0.5s; }
transition: all 0.3s ease-out 0.5s; }
.main-nav-mobile > ul > li:nth-child(6) {
.main-nav-mobile > ul > li:nth-child(6) {
-webkit-transition: all 0.3s ease-out 0.6s;
-webkit-transition: all 0.3s ease-out 0.6s;
-khtml-transition: all 0.3s ease-out 0.6s;
-khtml-transition: all 0.3s ease-out 0.6s;
-moz-transition: all 0.3s ease-out 0.6s;
-moz-transition: all 0.3s ease-out 0.6s;
-ms-transition: all 0.3s ease-out 0.6s;
-ms-transition: all 0.3s ease-out 0.6s;
-o-transition: all 0.3s ease-out 0.6s;
-o-transition: all 0.3s ease-out 0.6s;
transition: all 0.3s ease-out 0.6s; }
transition: all 0.3s ease-out 0.6s; }
.main-nav-mobile > ul > li:nth-child(7) {
.main-nav-mobile > ul > li:nth-child(7) {
-webkit-transition: all 0.3s ease-out 0.7s;
-webkit-transition: all 0.3s ease-out 0.7s;
-khtml-transition: all 0.3s ease-out 0.7s;
-khtml-transition: all 0.3s ease-out 0.7s;
-moz-transition: all 0.3s ease-out 0.7s;
-moz-transition: all 0.3s ease-out 0.7s;
-ms-transition: all 0.3s ease-out 0.7s;
-ms-transition: all 0.3s ease-out 0.7s;
-o-transition: all 0.3s ease-out 0.7s;
-o-transition: all 0.3s ease-out 0.7s;
transition: all 0.3s ease-out 0.7s; }
transition: all 0.3s ease-out 0.7s; }
.main-nav-mobile > ul > li:nth-child(8) {
.main-nav-mobile > ul > li:nth-child(8) {
-webkit-transition: all 0.3s ease-out 0.8s;
-webkit-transition: all 0.3s ease-out 0.8s;
-khtml-transition: all 0.3s ease-out 0.8s;
-khtml-transition: all 0.3s ease-out 0.8s;
-moz-transition: all 0.3s ease-out 0.8s;
-moz-transition: all 0.3s ease-out 0.8s;
-ms-transition: all 0.3s ease-out 0.8s;
-ms-transition: all 0.3s ease-out 0.8s;
-o-transition: all 0.3s ease-out 0.8s;
-o-transition: all 0.3s ease-out 0.8s;
transition: all 0.3s ease-out 0.8s; }
transition: all 0.3s ease-out 0.8s; }
.main-nav-mobile > ul > li:nth-child(9) {
.main-nav-mobile > ul > li:nth-child(9) {
-webkit-transition: all 0.3s ease-out 0.9s;
-webkit-transition: all 0.3s ease-out 0.9s;
-khtml-transition: all 0.3s ease-out 0.9s;
-khtml-transition: all 0.3s ease-out 0.9s;
-moz-transition: all 0.3s ease-out 0.9s;
-moz-transition: all 0.3s ease-out 0.9s;
-ms-transition: all 0.3s ease-out 0.9s;
-ms-transition: all 0.3s ease-out 0.9s;
-o-transition: all 0.3s ease-out 0.9s;
-o-transition: all 0.3s ease-out 0.9s;
transition: all 0.3s ease-out 0.9s; }
transition: all 0.3s ease-out 0.9s; }
.main-nav-mobile > ul > li:nth-child(10) {
.main-nav-mobile > ul > li:nth-child(10) {
-webkit-transition: all 0.3s ease-out 1s;
-webkit-transition: all 0.3s ease-out 1s;
-khtml-transition: all 0.3s ease-out 1s;
-khtml-transition: all 0.3s ease-out 1s;
-moz-transition: all 0.3s ease-out 1s;
-moz-transition: all 0.3s ease-out 1s;
-ms-transition: all 0.3s ease-out 1s;
-ms-transition: all 0.3s ease-out 1s;
-o-transition: all 0.3s ease-out 1s;
-o-transition: all 0.3s ease-out 1s;
transition: all 0.3s ease-out 1s; }
transition: all 0.3s ease-out 1s; }
.main-nav-mobile > ul > li > a {
.main-nav-mobile > ul > li > a {
border-bottom: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
color: #999999;
color: #999999;
font-weight: bold;
font-weight: bold;
text-transform: uppercase;
text-transform: uppercase;
letter-spacing: 0.075em;
letter-spacing: 0.075em;
display: block;
display: block;
padding: 10px 60px 10px 15px;
padding: 10px 60px 10px 15px;
position: relative;
position: relative;
font-size: 13px; }
font-size: 13px; }
.main-nav-mobile > ul > li > a:hover {
.main-nav-mobile > ul > li > a:hover {
color: #000000; }
color: #000000; }
.main-nav-mobile > ul > li a > .open-submenu {
.main-nav-mobile > ul > li a > .open-submenu {
cursor: pointer;
cursor: pointer;
height: 100%;
height: 100%;
line-height: 50px;
line-height: 50px;
position: absolute;
position: absolute;
right: 0;
right: 0;
text-align: center;
text-align: center;
top: 0;
top: 0;
width: 40px; }
width: 40px; }
.main-nav-mobile > ul > li a > .open-submenu:after {
.main-nav-mobile > ul > li a > .open-submenu:after {
font-size: 15px;
font-size: 15px;
font-family: FontAwesome;
font-family: FontAwesome;
content: "";
content: "";
font-style: normal;
font-style: normal;
font-weight: normal; }
font-weight: normal; }
.main-nav-mobile > ul > li ul.sub-menu-dropdown,
.main-nav-mobile > ul > li ul.sub-menu-dropdown,
.main-nav-mobile > ul > li div.kt-megamenu-wrapper {
.main-nav-mobile > ul > li div.kt-megamenu-wrapper {
border-bottom: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
display: none; }
display: none; }
.main-nav-mobile > ul > li ul.sub-menu-dropdown,
.main-nav-mobile > ul > li ul.sub-menu-dropdown,
.main-nav-mobile > ul > li ul.sub-menu-megamenu {
.main-nav-mobile > ul > li ul.sub-menu-megamenu {
margin: 0;
margin: 0;
padding: 0;
padding: 0;
list-style: none; }
list-style: none; }
.main-nav-mobile > ul > li ul.sub-menu-dropdown li a,
.main-nav-mobile > ul > li ul.sub-menu-dropdown li a,
.main-nav-mobile > ul > li ul.sub-menu-megamenu li a {
.main-nav-mobile > ul > li ul.sub-menu-megamenu li a {
padding: 0 10px 0 25px;
padding: 0 10px 0 25px;
font-size: 13px;
font-size: 13px;
display: block; }
display: block; }
.main-nav-mobile > ul > li ul.sub-menu-dropdown {
.main-nav-mobile > ul > li ul.sub-menu-dropdown {
padding: 15px 0; }
padding: 15px 0; }
.main-nav-mobile > ul > li ul.sub-menu-dropdown ul.sub-menu-dropdown {
.main-nav-mobile > ul > li ul.sub-menu-dropdown ul.sub-menu-dropdown {
border: medium none;
border: medium none;
margin-left: 20px;
margin-left: 20px;
padding: 0; }
padding: 0; }
.main-nav-mobile > ul > li div.kt-megamenu-wrapper {
.main-nav-mobile > ul > li div.kt-megamenu-wrapper {
padding: 10px 0; }
padding: 10px 0; }
.main-nav-mobile > ul > li div.kt-megamenu-wrapper > ul {
.main-nav-mobile > ul > li div.kt-megamenu-wrapper > ul {
margin: 0;
margin: 0;
padding: 0;
padding: 0;
list-style: none; }
list-style: none; }
.main-nav-mobile > ul > li div.kt-megamenu-wrapper > ul > li {
.main-nav-mobile > ul > li div.kt-megamenu-wrapper > ul > li {
margin-bottom: 10px; }
margin-bottom: 10px; }
.main-nav-mobile > ul > li div.kt-megamenu-wrapper > ul > li > a,
.main-nav-mobile > ul > li div.kt-megamenu-wrapper > ul > li > a,
.main-nav-mobile > ul > li div.kt-megamenu-wrapper > ul > li > span {
.main-nav-mobile > ul > li div.kt-megamenu-wrapper > ul > li > span {
display: block;
display: block;
font-size: 15px;
font-size: 15px;
color: #000000;
color: #000000;
padding: 3px 10px 3px 25px;
padding: 3px 10px 3px 25px;
text-transform: uppercase; }
text-transform: uppercase; }
.main-nav-mobile > ul > li .searchform {
.main-nav-mobile > ul > li .searchform {
margin: 10px; }
margin: 10px; }
.main-nav-mobile > ul > li .searchform input[type="text"] {
.main-nav-mobile > ul > li .searchform input[type="text"] {
border-width: 1px; }
border-width: 1px; }
.main-nav-mobile > ul > li.active-menu-item > a > .open-submenu:after {
.main-nav-mobile > ul > li.active-menu-item > a > .open-submenu:after {
content: '\f106'; }
content: '\f106'; }
body.opened-nav-animate {
body.opened-nav-animate {
height: 100%;
height: 100%;
overflow: hidden !important;
overflow: hidden !important;
position: fixed;
position: fixed;
width: 100%; }
width: 100%; }
body.opened-nav-animate .main-nav-mobile {
body.opened-nav-animate .main-nav-mobile {
display: block; }
display: block; }
body.opened-nav-animate.opened-nav .main-nav-mobile > ul li {
body.opened-nav-animate.opened-nav .main-nav-mobile > ul li {
-webkit-transform: translateX(0);
-webkit-transform: translateX(0);
-khtml-transform: translateX(0);
-khtml-transform: translateX(0);
-moz-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
transform: translateX(0);
filter: alpha(opacity=100);
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
-o-opacity: 1;
opacity: 1; }
opacity: 1; }
#header {
#header {
position: relative;
position: relative;
z-index: 100; }
z-index: 100; }
#header.header-full-center .navbar-container {
#header.header-full-center .navbar-container {
padding: 0 77px; }
padding: 0 77px; }
#header.header-full-center .navbar-container .branding {
#header.header-full-center .navbar-container .branding {
position: absolute;
position: absolute;
left: 0;
left: 0;
top: 0;
top: 0;
z-index: 10; }
z-index: 10; }
#header.header-full-center .navbar-container .main-navigation-outer {
#header.header-full-center .navbar-container .main-navigation-outer {
position: relative; }
position: relative; }
#header.header-full-center #nav {
#header.header-full-center #nav {
float: none; }
float: none; }
#header.header-full-center #nav > ul#main-nav-tool {
#header.header-full-center #nav > ul#main-nav-tool {
position: absolute;
position: absolute;
right: 0;
right: 0;
top: 0; }
top: 0; }
#header.header-full-center #nav #main-navigation {
#header.header-full-center #nav #main-navigation {
float: none;
float: none;
text-align: center; }
text-align: center; }
#header.navigation-right .mobile-tool {
#header.navigation-right .mobile-tool {
left: 0;
left: 0;
right: auto; }
right: auto; }
#header.navigation-right .mobile-tool a {
#header.navigation-right .mobile-tool a {
float: left;
float: left;
margin-right: 0;
margin-right: 0;
margin-left: 15px; }
margin-left: 15px; }
#header.navigation-right .mobile-tool a:first-child {
#header.navigation-right .mobile-tool a:first-child {
margin-left: 0; }
margin-left: 0; }
#header.navigation-right #nav {
#header.navigation-right #nav {
float: left; }
float: left; }
#header.navigation-right .branding {
#header.navigation-right .branding {
float: right; }
float: right; }
#header.navigation-center .navbar-container .branding {
#header.navigation-center .navbar-container .branding {
display: none; }
display: none; }
#header.navigation-center .navbar-container .branding a {
#header.navigation-center .navbar-container .branding a {
position: relative;
position: relative;
z-index: 10; }
z-index: 10; }
#header.navigation-center .mobile-tool {
#header.navigation-center .mobile-tool {
width: 100%; }
width: 100%; }
#header.navigation-center .mobile-tool a#hamburger-icon {
#header.navigation-center .mobile-tool a#hamburger-icon {
float: left;
float: left;
margin: 0; }
margin: 0; }
#header.navigation-center .mobile-tool .mobile-tool-cart {
#header.navigation-center .mobile-tool .mobile-tool-cart {
margin-right: 10px; }
margin-right: 10px; }
#header.header-shadow .navbar-container {
#header.header-shadow .navbar-container {
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-khtml-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-khtml-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); }
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); }
/* ==============================
/* ==============================
9. Footer
9. Footer
============================== */
============================== */
#footer-top {
#footer-top {
background: #63d4e7;
background: #63d4e7;
padding: 30px 0 20px; }
padding: 30px 0 20px; }
#footer-area {
#footer-area {
padding: 40px 0 20px;
padding: 40px 0 20px;
position: relative; }
position: relative; }
#footer-area .footer-area-inner {
#footer-area .footer-area-inner {
padding: 40px 60px 20px; }
padding: 40px 60px 20px; }
#footer-area .footer-area-right {
#footer-area .footer-area-right {
padding: 60px 65px;
padding: 60px 65px;
color: #FFFFFF; }
color: #FFFFFF; }
#footer-area .footer-area-right .widget-title {
#footer-area .footer-area-right .widget-title {
color: #FFFFFF; }
color: #FFFFFF; }
#footer-area .widget-container {
#footer-area .widget-container {
margin-bottom: 5px;
margin-bottom: 5px;
border: none;
border: none;
padding: 0; }
padding: 0; }
#footer-area .widget-container .widget-title {
#footer-area .widget-container .widget-title {
text-transform: uppercase;
text-transform: uppercase;
margin: 0 0 5px;
margin: 0 0 5px;
/* letter-spacing: 0.2em; */ }
/* letter-spacing: 0.2em; */ }
#footer-bottom {
#footer-bottom {
padding: 5px 0;
padding: 5px 0;
background: #f6f6f6; }
background: #f6f6f6; }
#footer-bottom .widget-container {
#footer-bottom .widget-container {
margin: 0;
margin: 0;
padding: 0; }
padding: 0; }
#footer-bottom .widget-container .widget-title {
#footer-bottom .widget-container .widget-title {
margin: 8px 0;
margin: 8px 0;
text-transform: uppercase; }
text-transform: uppercase; }
#footer-bottom .social-nav {
#footer-bottom .social-nav {
margin-top: 10px; }
margin-top: 10px; }
#footer-copyright {
#footer-copyright {
padding: 30px 0 0 0 ;
padding: 30px 0 0 0 ;
color: #ffffff;
color: #ffffff;
text-align: center; }
text-align: center;
}
#footer-copyright .container .social-nav,
#footer-copyright .container .social-nav,
#footer-copyright .container .footer-copyright {
#footer-copyright .container .footer-copyright {
margin-bottom: 10px; }
margin-bottom: 10px; }
#footer-copyright .container .footer-copyright {
#footer-copyright .container .footer-copyright {
font-size: 12px; line-height:1.5; }
font-size: 12px; line-height:1.5; }
#footer-copyright .container > *:last-child {
#footer-copyright .container > *:last-child {
margin-bottom: 0; }
margin-bottom: 0; }
#footer-copyright a:link, a:active, a:hover, a:focus{
#footer-copyright a:link, a:active, a:hover, a:focus{
/* color: #ffffff; */
/* color: #ffffff; */
text-decoration: none; }
text-decoration: none; }
.footer-text {color: #ffffff;font-size: 12px;line-height:1.5;}
.footer-text {color: #ffffff;font-size: 12px;line-height:1.5;}
.footer-text a {color: #ffffff;font-size: 12px;line-height:1.5;}
.footer-text a {color: #ffffff;font-size: 12px;line-height:1.5;}
/* ==============================
/* ==============================
10. Shortcodes
10. Shortcodes
============================== */
============================== */
/*
/*
* 10.1 Heading Section
* 10.1 Heading Section
*/
*/
.kt-heading-wrapper {
.kt-heading-wrapper {
text-align: center;
text-align: center;
margin-bottom: 50px; }
margin-bottom: 50px; }
.kt-heading-wrapper .kt-heading-divider {
.kt-heading-wrapper .kt-heading-divider {
width: 60px;
width: 60px;
margin: 0 auto; }
margin: 0 auto; }
.kt-heading-wrapper .kt-heading-divider path {
.kt-heading-wrapper .kt-heading-divider path {
fill: #999999; }
fill: #999999; }
.kt-heading-wrapper .kt-heading-title {
.kt-heading-wrapper .kt-heading-title {
line-height: 30px;
line-height: 30px;
margin: 24px 0 10px; }
margin: 24px 0 10px; }
.kt-heading-wrapper .kt-heading-subtitle {
.kt-heading-wrapper .kt-heading-subtitle {
font-size: 12px;
font-size: 12px;
text-transform: uppercase;
text-transform: uppercase;
letter-spacing: 0.3em; }
letter-spacing: 0.3em; }
.kt-heading-wrapper .kt-heading-subtitle a {
.kt-heading-wrapper .kt-heading-subtitle a {
color: #999999; }
color: #999999; }
.kt-heading-wrapper .kt-heading-subtitle a:hover {
.kt-heading-wrapper .kt-heading-subtitle a:hover {
color: #000000; }
color: #000000; }
/*
/*
* 10.2 Hightlight
* 10.2 Hightlight
*/
*/
.hightlight {
.hightlight {
color: #ffffff;
color: #ffffff;
padding: 0 4px;
padding: 0 4px;
border-radius: 3px; }
border-radius: 3px; }
.hightlight.hightlight1 {
.hightlight.hightlight1 {
background: #c7db9c; }
background: #c7db9c; }
.hightlight.hightlight2 {
.hightlight.hightlight2 {
background: #ed8b5c; }
background: #ed8b5c; }
.hightlight.hightlight3 {
.hightlight.hightlight3 {
background: #f4dc86; }
background: #f4dc86; }
.hightlight.hightlight4 {
.hightlight.hightlight4 {
background: #bce5d3; }
background: #bce5d3; }
/*
/*
* 10.3 Dropcap
* 10.3 Dropcap
*/
*/
.kt_dropcap {
.kt_dropcap {
float: left;
float: left;
display: block;
display: block;
margin-right: 10px;
margin-right: 10px;
font-weight: bold;
font-weight: bold;
text-align: center; }
text-align: center; }
.kt_dropcap.dropcap-sm {
.kt_dropcap.dropcap-sm {
font-size: 72px;
font-size: 72px;
line-height: 72px;
line-height: 72px;
height: 72px; }
height: 72px; }
.kt_dropcap.dropcap-sm.dropcap-bg {
.kt_dropcap.dropcap-sm.dropcap-bg {
font-size: 30px;
font-size: 30px;
line-height: 40px;
line-height: 40px;
height: 40px; }
height: 40px; }
.kt_dropcap.dropcap-sm.dropcap-bg.dropcap-circle {
.kt_dropcap.dropcap-sm.dropcap-bg.dropcap-circle {
width: 40px; }
width: 40px; }
.kt_dropcap.dropcap-md {
.kt_dropcap.dropcap-md {
font-size: 100px;
font-size: 100px;
line-height: 100px;
line-height: 100px;
height: 100px; }
height: 100px; }
.kt_dropcap.dropcap-md.dropcap-bg {
.kt_dropcap.dropcap-md.dropcap-bg {
font-size: 48px;
font-size: 48px;
line-height: 65px;
line-height: 65px;
height: 65px; }
height: 65px; }
.kt_dropcap.dropcap-md.dropcap-bg.dropcap-circle {
.kt_dropcap.dropcap-md.dropcap-bg.dropcap-circle {
width: 65px; }
width: 65px; }
.kt_dropcap.dropcap-gray {
.kt_dropcap.dropcap-gray {
color: #bce5d3; }
color: #bce5d3; }
.kt_dropcap.dropcap-black {
.kt_dropcap.dropcap-black {
color: #000000; }
color: #000000; }
.kt_dropcap.dropcap-orange {
.kt_dropcap.dropcap-orange {
color: #ed8b5c; }
color: #ed8b5c; }
.kt_dropcap.dropcap-bg {
.kt_dropcap.dropcap-bg {
padding: 0 10px;
padding: 0 10px;
margin-top: 10px; }
margin-top: 10px; }
.kt_dropcap.dropcap-bg.dropcap-circle {
.kt_dropcap.dropcap-bg.dropcap-circle {
border-radius: 100%; }
border-radius: 100%; }
.kt_dropcap.dropcap-bg.dropcap-gray {
.kt_dropcap.dropcap-bg.dropcap-gray {
background: #bce5d3;
background: #bce5d3;
color: #fff; }
color: #fff; }
.kt_dropcap.dropcap-bg.dropcap-black {
.kt_dropcap.dropcap-bg.dropcap-black {
background: #000000;
background: #000000;
color: #fff; }
color: #fff; }
.kt_dropcap.dropcap-bg.dropcap-orange {
.kt_dropcap.dropcap-bg.dropcap-orange {
background: #ed8b5c;
background: #ed8b5c;
color: #fff; }
color: #fff; }
/*
/*
* 10.4 Lists
* 10.4 Lists
*/
*/
ul.style-list {
ul.style-list {
padding: 0;
padding: 0;
margin: 0 0 30px;
margin: 0 0 30px;
list-style: none; }
list-style: none; }
ul.style-list li {
ul.style-list li {
padding-left: 52px;
padding-left: 52px;
margin-bottom: 20px;
margin-bottom: 20px;
position: relative;
position: relative;
line-height: 30px; }
line-height: 30px; }
ul.style-list li:after {
ul.style-list li:after {
width: 30px;
width: 30px;
height: 30px;
height: 30px;
position: absolute;
position: absolute;
left: 0;
left: 0;
top: 0;
top: 0;
text-align: center; }
text-align: center; }
ul.style-list.style1 {
ul.style-list.style1 {
counter-reset: my-badass-counter; }
counter-reset: my-badass-counter; }
ul.style-list.style1 li:after {
ul.style-list.style1 li:after {
content: counter(my-badass-counter,decimal);
content: counter(my-badass-counter,decimal);
counter-increment: my-badass-counter;
counter-increment: my-badass-counter;
border-radius: 100%;
border-radius: 100%;
border: 1px solid #d8d8d8;
border: 1px solid #d8d8d8;
font-size: 14px;
font-size: 14px;
color: #000;
color: #000;
line-height: 28px; }
line-height: 28px; }
ul.style-list.style2 li:after {
ul.style-list.style2 li:after {
border-radius: 100%;
border-radius: 100%;
background: #ed8b5c;
background: #ed8b5c;
color: #fff;
color: #fff;
font-size: 10px;
font-size: 10px;
line-height: 28px;
line-height: 28px;
font-family: FontAwesome;
font-family: FontAwesome;
content: "";
content: "";
font-style: normal;
font-style: normal;
font-weight: normal; }
font-weight: normal; }
ul.style-list.style3 li:after {
ul.style-list.style3 li:after {
border-radius: 100%;
border-radius: 100%;
border: 1px solid #d8d8d8;
border: 1px solid #d8d8d8;
font-size: 14px;
font-size: 14px;
color: #000;
color: #000;
line-height: 28px;
line-height: 28px;
font-family: FontAwesome;
font-family: FontAwesome;
content: "";
content: "";
font-style: normal;
font-style: normal;
font-weight: normal; }
font-weight: normal; }
/*
/*
* 10.5 Alert
* 10.5 Alert
*/
*/
.alert {
.alert {
padding: 10px 40px 10px 100px;
padding: 10px 40px 10px 100px;
border: 1px solid #dce2ed;
border: 1px solid #dce2ed;
border-radius: 0;
border-radius: 0;
position: relative;
position: relative;
line-height: 24px;
line-height: 24px;
margin-bottom: 30px; }
margin-bottom: 30px; }
.alert .alert_title {
.alert .alert_title {
font-size: 18px;
font-size: 18px;
letter-spacing: 0.05em;
letter-spacing: 0.05em;
margin: 0 0 5px;
margin: 0 0 5px;
text-transform: none; }
text-transform: none; }
.alert button.close {
.alert button.close {
position: absolute;
position: absolute;
top: 14px;
top: 14px;
right: 18px;
right: 18px;
margin: 0;
margin: 0;
text-shadow: none;
text-shadow: none;
filter: alpha(opacity=100);
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
-o-opacity: 1;
opacity: 1;
opacity: 1;
font-weight: normal;
font-weight: normal;
font-size: 18px; }
font-size: 18px; }
.alert:after {
.alert:after {
font-family: FontAwesome;
font-family: FontAwesome;
content: "";
content: "";
font-style: normal;
font-style: normal;
font-weight: normal;
font-weight: normal;
text-transform: none;
text-transform: none;
left: 0;
left: 0;
position: absolute;
position: absolute;
text-align: center;
text-align: center;
top: 50%;
top: 50%;
font-size: 36px;
font-size: 36px;
-webkit-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-khtml-transform: translateY(-50%);
-khtml-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
transform: translateY(-50%);
width: 100px;
width: 100px;
color: #9fadbd; }
color: #9fadbd; }
.alert.alert-info:after {
.alert.alert-info:after {
content: "\f05a";
content: "\f05a";
color: #f95b46; }
color: #f95b46; }
.alert.alert-success:after {
.alert.alert-success:after {
content: "\f058";
content: "\f058";
color: #84be20; }
color: #84be20; }
.alert.alert-warning:after {
.alert.alert-warning:after {
content: "\f071";
content: "\f071";
color: #e7ad24; }
color: #e7ad24; }
.alert.alert-danger:after {
.alert.alert-danger:after {
content: "\f05a";
content: "\f05a";
color: #f56048; }
color: #f56048; }
.alert.alert-normal {
.alert.alert-normal {
color: #7a8692; }
color: #7a8692; }
.alert.alert-normal .alert_title, .alert.alert-normal button.close {
.alert.alert-normal .alert_title, .alert.alert-normal button.close {
color: #7a8692; }
color: #7a8692; }
.alert.alert-info {
.alert.alert-info {
color: #c86353; }
color: #c86353; }
.alert.alert-info .alert_title, .alert.alert-info button.close {
.alert.alert-info .alert_title, .alert.alert-info button.close {
color: #c86353; }
color: #c86353; }
.alert.alert-success {
.alert.alert-success {
color: #84be20; }
color: #84be20; }
.alert.alert-success .alert_title, .alert.alert-success button.close {
.alert.alert-success .alert_title, .alert.alert-success button.close {
color: #84be20; }
color: #84be20; }
.alert.alert-warning {
.alert.alert-warning {
color: #d99e12; }
color: #d99e12; }
.alert.alert-warning .alert_title, .alert.alert-warning button.close {
.alert.alert-warning .alert_title, .alert.alert-warning button.close {
color: #d99e12; }
color: #d99e12; }
.alert.alert-danger {
.alert.alert-danger {
color: #eff2f5; }
color: #eff2f5; }
.alert.alert-danger .alert_title, .alert.alert-danger button.close {
.alert.alert-danger .alert_title, .alert.alert-danger button.close {
color: #eff2f5; }
color: #eff2f5; }
.alert.style1.alert-normal {
.alert.style1.alert-normal {
background: #ececec; }
background: #ececec; }
.alert.style1.alert-info {
.alert.style1.alert-info {
background: #f9b5aa; }
background: #f9b5aa; }
.alert.style1.alert-success {
.alert.style1.alert-success {
background: #e7f6cd; }
background: #e7f6cd; }
.alert.style1.alert-warning {
.alert.style1.alert-warning {
background: #faf4d4; }
background: #faf4d4; }
.alert.style1.alert-danger {
.alert.style1.alert-danger {
background: #252932; }
background: #252932; }
.alert.style2 {
.alert.style2 {
background: none !important; }
background: none !important; }
.alert.style2.alert-danger {
.alert.style2.alert-danger {
color: #818d9a; }
color: #818d9a; }
.alert.style2.alert-danger .alert_title {
.alert.style2.alert-danger .alert_title {
color: #6c7884; }
color: #6c7884; }
.alert.style2.alert-danger button.close {
.alert.style2.alert-danger button.close {
color: #f56048; }
color: #f56048; }
/*
/*
* 10.6 Tabs
* 10.6 Tabs
*/
*/
.kt-tab-container {
.kt-tab-container {
margin-bottom: 30px; }
margin-bottom: 30px; }
.kt-tab-container .tabs {
.kt-tab-container .tabs {
padding: 0;
padding: 0;
list-style: none;
list-style: none;
margin: 0 0 0px;
margin: 0 0 0px;
background: #fff;
background: #fff;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-khtml-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-khtml-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); }
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); }
.kt-tab-container .tabs li {
.kt-tab-container .tabs li {
float: left;
float: left;
margin-right: 15px; }
margin-right: 15px; }
.kt-tab-container .tabs li a {
.kt-tab-container .tabs li a {
display: inline-block;
display: inline-block;
padding: 22px 30px;
padding: 22px 30px;
line-height: normal;
line-height: normal;
font-size: 14px;
font-size: 14px;
color: #999;
color: #999;
font-weight: bold;
font-weight: bold;
text-transform: uppercase; }
text-transform: uppercase; }
.kt-tab-container .tabs li.ui-tabs-active a {
.kt-tab-container .tabs li.ui-tabs-active a {
color: #000; }
color: #000; }
.kt-tab-container .kt-tab-content {
.kt-tab-container .kt-tab-content {
background: #fff;
background: #fff;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-khtml-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-khtml-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
padding: 30px; }
padding: 30px; }
.kt-tab-container .kt-tab-content p {
.kt-tab-container .kt-tab-content p {
margin: 0; }
margin: 0; }
/*
/*
* 10.7 Accordion
* 10.7 Accordion
*/
*/
.kt-accordion {
.kt-accordion {
margin: 0 0 30px; }
margin: 0 0 30px; }
.kt-accordion .kt-accortion-title {
.kt-accordion .kt-accortion-title {
padding: 20px 30px;
padding: 20px 30px;
font-size: 14px;
font-size: 14px;
text-transform: uppercase;
text-transform: uppercase;
font-weight: bold;
font-weight: bold;
font-family: "Karla", arial, sans-serif;
font-family: "Karla", arial, sans-serif;
letter-spacing: 0;
letter-spacing: 0;
margin: 0 0 20px;
margin: 0 0 20px;
cursor: pointer;
cursor: pointer;
position: relative; }
position: relative; }
.kt-accordion .kt-accortion-title .ui-accordion-header-icon {
.kt-accordion .kt-accortion-title .ui-accordion-header-icon {
position: absolute;
position: absolute;
width: 10px;
width: 10px;
height: 10px;
height: 10px;
right: 30px;
right: 30px;
top: 50%;
top: 50%;
position: absolute;
position: absolute;
-webkit-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-khtml-transform: translateY(-50%);
-khtml-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
top: 50%;
display: block; }
display: block; }
.kt-accordion .kt-accortion-title .ui-accordion-header-icon:after {
.kt-accordion .kt-accortion-title .ui-accordion-header-icon:after {
font-family: FontAwesome;
font-family: FontAwesome;
content: "?";
content: "?";
font-style: normal;
font-style: normal;
font-weight: normal;
font-weight: normal;
font-size: 10px;
font-size: 10px;
position: absolute;
position: absolute;
-webkit-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
top: 50%;
left: 50%;
left: 50%;
font-weight: normal; }
font-weight: normal; }
.kt-accordion .kt-accortion-title.ui-accordion-header-active .ui-accordion-header-icon:after {
.kt-accordion .kt-accortion-title.ui-accordion-header-active .ui-accordion-header-icon:after {
content: "\f068"; }
content: "\f068"; }
.kt-accordion.style1 .kt-accortion-title {
.kt-accordion.style1 .kt-accortion-title {
background: #f6f6f6; }
background: #f6f6f6; }
.kt-accordion.style1 .kt-accortion-title.ui-accordion-header-active {
.kt-accordion.style1 .kt-accortion-title.ui-accordion-header-active {
background: #000;
background: #000;
color: #fff; }
color: #fff; }
.kt-accordion.style2 .kt-accortion-title {
.kt-accordion.style2 .kt-accortion-title {
border-top: 1px solid #efefef;
border-top: 1px solid #efefef;
border-bottom: 1px solid #efefef; }
border-bottom: 1px solid #efefef; }
.kt-accordion.style2 .kt-accortion-title.ui-accordion-header-active {
.kt-accordion.style2 .kt-accortion-title.ui-accordion-header-active {
color: #333946; }
color: #333946; }
.kt-accordion.style3 .kt-accortion-title {
.kt-accordion.style3 .kt-accortion-title {
background: #f6f6f6; }
background: #f6f6f6; }
.kt-accordion.style3 .kt-accortion-title.ui-accordion-header-active {
.kt-accordion.style3 .kt-accortion-title.ui-accordion-header-active {
background-color: #a7c8eb;
background-color: #a7c8eb;
background-image: -webkit-gradient(linear, left top, right top, from(#a7c8eb), to(#bce5d3));
background-image: -webkit-gradient(linear, left top, right top, from(#a7c8eb), to(#bce5d3));
background-image: -webkit-linear-gradient(left, #a7c8eb, #bce5d3);
background-image: -webkit-linear-gradient(left, #a7c8eb, #bce5d3);
background-image: -moz-linear-gradient(left, #a7c8eb, #bce5d3);
background-image: -moz-linear-gradient(left, #a7c8eb, #bce5d3);
background-image: -ms-linear-gradient(left, #a7c8eb, #bce5d3);
background-image: -ms-linear-gradient(left, #a7c8eb, #bce5d3);
background-image: -o-linear-gradient(left, #a7c8eb, #bce5d3);
background-image: -o-linear-gradient(left, #a7c8eb, #bce5d3);
background-image: linear-gradient(left, #a7c8eb, #bce5d3);
background-image: linear-gradient(left, #a7c8eb, #bce5d3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#a7c8eb', endColorStr='#bce5d3', gradientType='1');
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#a7c8eb', endColorStr='#bce5d3', gradientType='1');
color: #fff; }
color: #fff; }
.kt-accordion.style4 .kt-accortion-title {
.kt-accordion.style4 .kt-accortion-title {
background: #fff;
background: #fff;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-khtml-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-khtml-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); }
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); }
.kt-accordion .kt-accordion-content {
.kt-accordion .kt-accordion-content {
padding: 10px 30px 30px; }
padding: 10px 30px 30px; }
/*
/*
* 10.8 Tooltip
* 10.8 Tooltip
*/
*/
.tooltip {
.tooltip {
opacity: 1;
opacity: 1;
font-size: 14px;
font-size: 14px;
font-family: "Karla", arial, sans-serif; }
font-family: "Karla", arial, sans-serif; }
.tooltip .tooltip-inner {
.tooltip .tooltip-inner {
-webkit-border-radius: 0;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
-khtml-border-radius: 0;
-moz-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
border-radius: 0;
padding: 10px 15px; }
padding: 10px 15px; }
.tooltip.top {
.tooltip.top {
margin-top: -10px; }
margin-top: -10px; }
.tooltip.top .tooltip-arrow {
.tooltip.top .tooltip-arrow {
border-width: 10px 10px 0;
border-width: 10px 10px 0;
bottom: -5px;
bottom: -5px;
left: 50%;
left: 50%;
margin-left: -7px; }
margin-left: -7px; }
/*
/*
* 10.9 Socials
* 10.9 Socials
*/
*/
.social-nav {
.social-nav {
margin: 0;
margin: 0;
padding: 0;
padding: 0;
list-style: none; }
list-style: none; }
.social-nav li {
.social-nav li {
display: inline-block;
display: inline-block;
padding: 0 22px;
padding: 0 22px;
font-size: 14px; }
font-size: 14px; }
.social-nav li a {
.social-nav li a {
-webkit-transform: translatey(0);
-webkit-transform: translatey(0);
-khtml-transform: translatey(0);
-khtml-transform: translatey(0);
-moz-transform: translatey(0);
-moz-transform: translatey(0);
-ms-transform: translatey(0);
-ms-transform: translatey(0);
-o-transform: translatey(0);
-o-transform: translatey(0);
transform: translatey(0);
transform: translatey(0);
-webkit-transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
-khtml-transition: all 0.2s ease 0s;
-khtml-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
display: inline-block; }
display: inline-block; }
.social-nav li:hover a {
.social-nav li:hover a {
-webkit-transform: translatey(-6px);
-webkit-transform: translatey(-6px);
-khtml-transform: translatey(-6px);
-khtml-transform: translatey(-6px);
-moz-transform: translatey(-6px);
-moz-transform: translatey(-6px);
-ms-transform: translatey(-6px);
-ms-transform: translatey(-6px);
-o-transform: translatey(-6px);
-o-transform: translatey(-6px);
transform: translatey(-6px); }
transform: translatey(-6px); }
.social-nav li:first-child {
.social-nav li:first-child {
padding-left: 0; }
padding-left: 0; }
.social-nav li:last-child {
.social-nav li:last-child {
padding-right: 0; }
padding-right: 0; }
/*
/*
* 10.10 Newsletter
* 10.10 Newsletter
*/
*/
.newsletters-form {
.newsletters-form {
margin: 0 auto;
margin: 0 auto;
position: relative; }
position: relative; }
.newsletters-form input[type=email] {
.newsletters-form input[type=email] {
background: transparent;
background: transparent;
width: 100%;
width: 100%;
height: 44px;
height: 44px;
padding: 5px 40px 10px 10px;
padding: 5px 40px 10px 10px;
font-size: 14px;
font-size: 14px;
border-color: #dddddd; }
border-color: #dddddd; }
.newsletters-form button {
.newsletters-form button {
background: none;
background: none;
border: none;
border: none;
height: 44px;
height: 44px;
padding: 0;
padding: 0;
right: 0;
right: 0;
width: 44px;
width: 44px;
font-size: 18px;
font-size: 18px;
position: absolute;
position: absolute;
-webkit-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-khtml-transform: translateY(-50%);
-khtml-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
transform: translateY(-50%);
top: 50%; }
top: 50%; }
.newsletters-form button i {
.newsletters-form button i {
line-height: 44px; }
line-height: 44px; }
.newsletters-form input[type=email],
.newsletters-form input[type=email],
.newsletters-form button {
.newsletters-form button {
color: #666666; }
color: #666666; }
.newsletters-form.style2 input[type=email] {
.newsletters-form.style2 input[type=email] {
border: none;
border: none;
border-bottom: 2px solid #000000;
border-bottom: 2px solid #000000;
height: auto;
height: auto;
padding-left: 0;
padding-left: 0;
padding-top: 0; }
padding-top: 0; }
.newsletters-form.style2 button {
.newsletters-form.style2 button {
text-align: right; }
text-align: right; }
.newsletters-form.style2 input[type=email],
.newsletters-form.style2 input[type=email],
.newsletters-form.style2 button {
.newsletters-form.style2 button {
color: #000000; }
color: #000000; }
.newsletters-outer {
.newsletters-outer {
margin-bottom: 30px; }
margin-bottom: 30px; }
.newsletters-outer .newsletters-before {
.newsletters-outer .newsletters-before {
margin-bottom: 35px; }
margin-bottom: 35px; }
.newsletters-outer .newsletters-title {
.newsletters-outer .newsletters-title {
color: #c7db9c;
color: #c7db9c;
letter-spacing: 0.2em; }
letter-spacing: 0.2em; }
.newsletters-outer .newsletters-form input[type="email"],
.newsletters-outer .newsletters-form input[type="email"],
.newsletters-outer .newsletters-form button {
.newsletters-outer .newsletters-form button {
color: #000000; }
color: #000000; }
.newsletters-wrapper {border: none;background: #ffffff;padding: 26px;margin-bottom: 30px; text-align: center;float:left; }
.newsletters-wrapper {border: none;background: #ffffff;padding: 26px;margin-bottom: 30px; text-align: center;float:left; }
.newsletters-wrapper h3 {
.newsletters-wrapper h3 {
font-size: 18px;
font-size: 18px;
margin: 0 0 20px; }
margin: 0 0 20px; }
.newsletters-wrapper .newsletters-before {
.newsletters-wrapper .newsletters-before {
margin-bottom: 10px;
margin-bottom: 10px;
color: #666666; }
color: #666666; }
/*
/*
* 10.11 banner
* 10.11 banner
*/
*/
.banner {
.banner {
position: relative;
position: relative;
text-align: center;
text-align: center;
overflow: hidden;
overflow: hidden;
margin-bottom: 30px; }
margin-bottom: 30px; }
.banner.banner-dark:after {
.banner.banner-dark:after {
content: '';
content: '';
position: absolute;
position: absolute;
left: 0;
left: 0;
top: 0;
top: 0;
width: 100%;
width: 100%;
height: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
background: rgba(0, 0, 0, 0.4);
z-index: 5;
z-index: 5;
-webkit-transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
-khtml-transition: all 0.2s ease-in-out 0s;
-khtml-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s; }
transition: all 0.2s ease-in-out 0s; }
.banner:hover.banner-dark:after {
.banner:hover.banner-dark:after {
background: rgba(0, 0, 0, 0.6); }
background: rgba(0, 0, 0, 0.6); }
.banner img {
.banner img {
width: 100%; }
width: 100%; }
.banner .banner-content {
.banner .banner-content {
width: 100%;
width: 100%;
position: absolute;
position: absolute;
-webkit-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
top: 50%;
left: 50%;
left: 50%;
z-index: 10;
z-index: 10;
padding: 30px 60px; }
padding: 30px 60px; }
.banner .banner-content > *:last-child {
.banner .banner-content > *:last-child {
margin-bottom: 0; }
margin-bottom: 0; }
.banner .banner-link {
.banner .banner-link {
position: absolute;
position: absolute;
left: 0;
left: 0;
top: 0;
top: 0;
width: 100%;
width: 100%;
height: 100%;
height: 100%;
z-index: 15; }
z-index: 15; }
.banner.position-bottom .banner-content {
.banner.position-bottom .banner-content {
bottom: 0;
bottom: 0;
left: 0;
left: 0;
top: auto;
top: auto;
-webkit-transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
-khtml-transform: translate(0px, 0px);
-khtml-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px); }
transform: translate(0px, 0px); }
.banner.position-bottom .btn {
.banner.position-bottom .btn {
padding-left: 50px;
padding-left: 50px;
padding-right: 50px; }
padding-right: 50px; }
.banner.banner-left {
.banner.banner-left {
text-align: left; }
text-align: left; }
.banner.banner-right {
.banner.banner-right {
text-align: right; }
text-align: right; }
/*
/*
* 10.12 Category banner
* 10.12 Category banner
*/
*/
.category-banner {
.category-banner {
position: relative;
position: relative;
text-align: center;
text-align: center;
overflow: hidden; }
overflow: hidden; }
.category-banner:after {
.category-banner:after {
content: '';
content: '';
position: absolute;
position: absolute;
left: 0;
left: 0;
top: 0;
top: 0;
width: 100%;
width: 100%;
height: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
background: rgba(0, 0, 0, 0.2);
z-index: 5; }
z-index: 5; }
.category-banner img {
.category-banner img {
width: 100%; }
width: 100%; }
.category-banner .category-banner-content {
.category-banner .category-banner-content {
width: 100%;
width: 100%;
position: absolute;
position: absolute;
-webkit-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
top: 50%;
left: 50%;
left: 50%;
z-index: 10; }
z-index: 10; }
.category-banner .category-banner-content > *:last-child {
.category-banner .category-banner-content > *:last-child {
margin-bottom: 0; }
margin-bottom: 0; }
.category-banner .category-banner-content h1 {
.category-banner .category-banner-content h1 {
margin-bottom: 35px; }
margin-bottom: 35px; }
.category-banner .category-banner-content ul {
.category-banner .category-banner-content ul {
margin: 0;
margin: 0;
list-style: none;
list-style: none;
padding: 0;
padding: 0;
max-height: 0;
max-height: 0;
overflow: hidden;
overflow: hidden;
-webkit-transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
-khtml-transition: all 0.5s ease-in-out 0s;
-khtml-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s; }
transition: all 0.5s ease-in-out 0s; }
.category-banner .category-banner-content ul li {
.category-banner .category-banner-content ul li {
font-size: 15px;
font-size: 15px;
line-height: 30px; }
line-height: 30px; }
.category-banner .category-banner-content ul li a {
.category-banner .category-banner-content ul li a {
color: #f6f6f6; }
color: #f6f6f6; }
.category-banner .category-banner-content ul li a:hover {
.category-banner .category-banner-content ul li a:hover {
color: #FFFFFF; }
color: #FFFFFF; }
.category-banner:hover ul {
.category-banner:hover ul {
margin: 0 0 35px;
margin: 0 0 35px;
max-height: 600px; }
max-height: 600px; }
/*
/*
* 10.13 Flip box
* 10.13 Flip box
*/
*/
.flip-box {
.flip-box {
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-khtml-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-khtml-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
background: #ffffff none repeat scroll 0 0;
background: #ffffff none repeat scroll 0 0;
border-color: #ffffff;
border-color: #ffffff;
color: #000000;
color: #000000;
text-align: center;
text-align: center;
position: relative;
position: relative;
overflow: hidden;
overflow: hidden;
cursor: pointer;
cursor: pointer;
margin-bottom: 30px; }
margin-bottom: 30px; }
.flip-box .flip-box-before,
.flip-box .flip-box-before,
.flip-box .flip-box-after {
.flip-box .flip-box-after {
-webkit-transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out 0s;
-khtml-transition: all 0.2s ease-out 0s;
-khtml-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-ms-transition: all 0.2s ease-out 0s;
-ms-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
transition: all 0.2s ease-out 0s; }
.flip-box .flip-box-before {
.flip-box .flip-box-before {
font-weight: bold;
font-weight: bold;
letter-spacing: 0.2em;
letter-spacing: 0.2em;
font-family: "Roboto Slab", serif;
font-family: "Roboto Slab", serif;
font-size: 24px;
font-size: 24px;
padding: 44px 40px;
padding: 44px 40px;
line-height: 38px;
line-height: 38px;
text-transform: uppercase;
text-transform: uppercase;
-webkit-transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
-khtml-transform: translate(0px, 0px);
-khtml-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px); }
transform: translate(0px, 0px); }
.flip-box .flip-box-after {
.flip-box .flip-box-after {
font-size: 16px;
font-size: 16px;
color: #999999;
color: #999999;
position: absolute;
position: absolute;
top: 0;
top: 0;
width: 100%;
width: 100%;
-webkit-transform: translate(0px, -100%);
-webkit-transform: translate(0px, -100%);
-khtml-transform: translate(0px, -100%);
-khtml-transform: translate(0px, -100%);
-moz-transform: translate(0px, -100%);
-moz-transform: translate(0px, -100%);
-ms-transform: translate(0px, -100%);
-ms-transform: translate(0px, -100%);
-o-transform: translate(0px, -100%);
-o-transform: translate(0px, -100%);
transform: translate(0px, -100%); }
transform: translate(0px, -100%); }
.flip-box:hover .flip-box-before {
.flip-box:hover .flip-box-before {
-webkit-transform: translate(0, 100%);
-webkit-transform: translate(0, 100%);
-khtml-transform: translate(0, 100%);
-khtml-transform: translate(0, 100%);
-moz-transform: translate(0, 100%);
-moz-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
transform: translate(0, 100%); }
transform: translate(0, 100%); }
.flip-box:hover .flip-box-after {
.flip-box:hover .flip-box-after {
top: 50%;
top: 50%;
-webkit-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-khtml-transform: translate(0, -50%);
-khtml-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%); }
transform: translate(0, -50%); }
/*
/*
* 10.14 Feature icon
* 10.14 Feature icon
*/
*/
.feature-icon {
.feature-icon {
margin: 0 0 30px;
margin: 0 0 30px;
padding: 30px;
padding: 30px;
position: relative;
position: relative;
text-align: center; }
text-align: center; }
.feature-icon .features-box-icon,
.feature-icon .features-box-icon,
.feature-icon .features-box-title {
.feature-icon .features-box-title {
color: #FFFFFF; }
color: #FFFFFF; }
.feature-icon .features-box-icon a,
.feature-icon .features-box-icon a,
.feature-icon .features-box-title a {
.feature-icon .features-box-title a {
color: #FFFFFF; }
color: #FFFFFF; }
.feature-icon .features-box-icon {
.feature-icon .features-box-icon {
font-size: 48px;
font-size: 48px;
margin-bottom: 25px; }
margin-bottom: 25px; }
.feature-icon .features-box-title {
.feature-icon .features-box-title {
font-size: 14px;
font-size: 14px;
letter-spacing: 0.2em;
letter-spacing: 0.2em;
margin: 0; }
margin: 0; }
/*
/*
* 10.15 Single Image
* 10.15 Single Image
*/
*/
.single-image {
.single-image {
margin: 0 0 30px;
margin: 0 0 30px;
overflow: hidden; }
overflow: hidden; }
.single-image img {
.single-image img {
-webkit-transition: all 1s ease-in-out 0s;
-webkit-transition: all 1s ease-in-out 0s;
-khtml-transition: all 1s ease-in-out 0s;
-khtml-transition: all 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
-ms-transition: all 1s ease-in-out 0s;
-ms-transition: all 1s ease-in-out 0s;
-o-transition: all 1s ease-in-out 0s;
-o-transition: all 1s ease-in-out 0s;
transition: all 1s ease-in-out 0s;
transition: all 1s ease-in-out 0s;
-webkit-transform: scale(1);
-webkit-transform: scale(1);
-khtml-transform: scale(1);
-khtml-transform: scale(1);
-moz-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
transform: scale(1); }
.single-image:hover img {
.single-image:hover img {
-webkit-transform: scale(1.2);
-webkit-transform: scale(1.2);
-khtml-transform: scale(1.2);
-khtml-transform: scale(1.2);
-moz-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2); }
transform: scale(1.2); }
.single-image.no-effect:hover img {
.single-image.no-effect:hover img {
-webkit-transform: scale(1);
-webkit-transform: scale(1);
-khtml-transform: scale(1);
-khtml-transform: scale(1);
-moz-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
transform: scale(1); }
/*
/*
* 10.16 Client
* 10.16 Client
*/
*/
.client-item img {
.client-item img {
margin: 0 auto; }
margin: 0 auto; }
/*
/*
* 10.17 About
* 10.17 About
*/
*/
.about-wrapper {
.about-wrapper {
padding: 58px 43px 30px;
padding: 58px 43px 30px;
color: #FFFFFF;
color: #FFFFFF;
-webkit-background-size: cover;
-webkit-background-size: cover;
-khtml-background-size: cover;
-khtml-background-size: cover;
-moz-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-size: cover;
background-position: center 550px;
background-position: center 550px;
margin: 0 0 30px; }
margin: 0 0 30px; }
.about-wrapper .about-title {
.about-wrapper .about-title {
color: #FFFFFF;
color: #FFFFFF;
margin: 0 0 30px;
margin: 0 0 30px;
letter-spacing: 0.2em; }
letter-spacing: 0.2em; }
/*
/*
* 10.18 collection
* 10.18 collection
*/
*/
.collection-wrapper {
.collection-wrapper {
position: relative;
position: relative;
overflow: hidden; }
overflow: hidden; }
.collection-wrapper .left-collection {
.collection-wrapper .left-collection {
position: absolute;
position: absolute;
top: 0;
top: 0;
left: 0;
left: 0;
width: 45%; }
width: 45%; }
.collection-wrapper .right-collection {
.collection-wrapper .right-collection {
position: absolute;
position: absolute;
right: 0;
right: 0;
bottom: 0;
bottom: 0;
width: 41.6667%; }
width: 41.6667%; }
.collection-wrapper .front-collection {
.collection-wrapper .front-collection {
margin-top: 225px;
margin-top: 225px;
margin-bottom: 80px;
margin-bottom: 80px;
position: relative; }
position: relative; }
.collection-wrapper .front-collection .collection-image {
.collection-wrapper .front-collection .collection-image {
text-align: center; }
text-align: center; }
.collection-wrapper .front-collection .collection-image img {
.collection-wrapper .front-collection .collection-image img {
margin: 0 auto; }
margin: 0 auto; }
.collection-wrapper .collection-content {
.collection-wrapper .collection-content {
width: 33.3333%; }
width: 33.3333%; }
.collection-wrapper .collection-content .collection-desc {
.collection-wrapper .collection-content .collection-desc {
margin-bottom: 5px; }
margin-bottom: 5px; }
/*
/*
* 10.19 Box colored
* 10.19 Box colored
*/
*/
.box-colored {
.box-colored {
margin-bottom: 30px;
margin-bottom: 30px;
color: #FFFFFF;
color: #FFFFFF;
text-align: center; }
text-align: center; }
.box-colored .box-colored-image {
.box-colored .box-colored-image {
margin: 0 0 30px;
margin: 0 0 30px;
overflow: hidden; }
overflow: hidden; }
.box-colored .box-colored-image img {
.box-colored .box-colored-image img {
-webkit-transition: all 1s ease-in-out 0s;
-webkit-transition: all 1s ease-in-out 0s;
-khtml-transition: all 1s ease-in-out 0s;
-khtml-transition: all 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
-ms-transition: all 1s ease-in-out 0s;
-ms-transition: all 1s ease-in-out 0s;
-o-transition: all 1s ease-in-out 0s;
-o-transition: all 1s ease-in-out 0s;
transition: all 1s ease-in-out 0s;
transition: all 1s ease-in-out 0s;
-webkit-transform: scale(1);
-webkit-transform: scale(1);
-khtml-transform: scale(1);
-khtml-transform: scale(1);
-moz-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
transform: scale(1); }
.box-colored:hover img {
.box-colored:hover img {
-webkit-transform: scale(1.2);
-webkit-transform: scale(1.2);
-khtml-transform: scale(1.2);
-khtml-transform: scale(1.2);
-moz-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2); }
transform: scale(1.2); }
.box-colored .box-colored-title {
.box-colored .box-colored-title {
color: #FFFFFF;
color: #FFFFFF;
font-size: 14px;
font-size: 14px;
letter-spacing: 0.2em;
letter-spacing: 0.2em;
margin: 0 0 30px; }
margin: 0 0 30px; }
.box-colored .box-colored-title a {
.box-colored .box-colored-title a {
padding: 55px 20px;
padding: 55px 20px;
color: #FFFFFF;
color: #FFFFFF;
display: block; }
display: block; }
.box-colored :last-child {
.box-colored :last-child {
margin-bottom: 0; }
margin-bottom: 0; }
/*
/*
* 10.20 Testimonials
* 10.20 Testimonials
*/
*/
.testimonial-posts.light {
.testimonial-posts.light {
color: #FFFFFF; }
color: #FFFFFF; }
.testimonial-posts.light .testimonial-author {
.testimonial-posts.light .testimonial-author {
color: #FFFFFF; }
color: #FFFFFF; }
.testimonial-posts.light .owl-pagination .owl-page {
.testimonial-posts.light .owl-pagination .owl-page {
background: #FFFFFF; }
background: #FFFFFF; }
.testimonial-posts.light .owl-pagination .owl-page:hover, .testimonial-posts.light .owl-pagination .owl-page.active {
.testimonial-posts.light .owl-pagination .owl-page:hover, .testimonial-posts.light .owl-pagination .owl-page.active {
background: #e5e5e5; }
background: #e5e5e5; }
.testimonial-item {
.testimonial-item {
text-align: center; }
text-align: center; }
.testimonial-item .testimonial-content {
.testimonial-item .testimonial-content {
font-family: "Crete Round", serif;
font-family: "Crete Round", serif;
font-size: 18px;
font-size: 18px;
line-height: 30px;
line-height: 30px;
margin: 0 auto 35px;
margin: 0 auto 35px;
max-width: 865px;
max-width: 865px;
font-style: italic; }
font-style: italic; }
.testimonial-item .testimonial-author {
.testimonial-item .testimonial-author {
margin-bottom: 10px;
margin-bottom: 10px;
letter-spacing: 0.075em; }
letter-spacing: 0.075em; }
/*
/*
* 10.21 Product countdown
* 10.21 Product countdown
*/
*/
.product-countdown {
.product-countdown {
background: #fff;
background: #fff;
padding: 30px;
padding: 30px;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.05);
margin-bottom: 30px; }
margin-bottom: 30px; }
.product-countdown .countdown-wrap {
.product-countdown .countdown-wrap {
width: 60px;
width: 60px;
height: 60px;
height: 60px;
border: 2px solid #f6f6f6;
border: 2px solid #f6f6f6;
text-align: center;
text-align: center;
float: left;
float: left;
margin-right: 30px; }
margin-right: 30px; }
.product-countdown .countdown-wrap:last-child {
.product-countdown .countdown-wrap:last-child {
margin-right: 0; }
margin-right: 0; }
.product-countdown .countdown-wrap .title {
.product-countdown .countdown-wrap .title {
font-size: 14px;
font-size: 14px;
color: #999;
color: #999;
line-height: normal; }
line-height: normal; }
.product-countdown .countdown-wrap .value-time {
.product-countdown .countdown-wrap .value-time {
font-size: 18px;
font-size: 18px;
font-weight: 700;
font-weight: 700;
color: #000;
color: #000;
margin: 10px 0 2px;
margin: 10px 0 2px;
line-height: normal; }
line-height: normal; }
/*
/*
* 10.22 Callout
* 10.22 Callout
*/
*/
.callout-content {
.callout-content {
font-family: "Crete Round", serif;
font-family: "Crete Round", serif;
font-style: italic;
font-style: italic;
padding-right: 40px;
padding-right: 40px;
width: 70%; }
width: 70%; }
/* ==============================
/* ==============================
11. Widgets
11. Widgets
============================== */
============================== */
.widget-container {
.widget-container {
margin-bottom: 40px;
margin-bottom: 40px;
border-bottom: 2px solid #f6f6f6;
border-bottom: 2px solid #f6f6f6;
padding-bottom: 5px;
padding-bottom: 5px;
font-size: 14px; }
font-size: 14px; }
.widget-container:last-child {
.widget-container:last-child {
border: none; }
border: none; }
.widget-container .widget-title {
.widget-container .widget-title {
font-size: 18px;
font-size: 18px;
margin: 0 0 30px;
margin: 0 0 30px;
text-transform: capitalize;
text-transform: capitalize;
letter-spacing: 0.075em; }
letter-spacing: 0.075em; }
.widget-container.widget_nav_menu ul, .widget-container.widget_categories ul, .widget-container.widget_product_categories ul, .widget-container.widget_recent_entries ul {
.widget-container.widget_nav_menu ul, .widget-container.widget_categories ul, .widget-container.widget_product_categories ul, .widget-container.widget_recent_entries ul {
margin: 0;
margin: 0;
padding: 0;
padding: 0;
list-style: none; }
list-style: none; }
.widget-container.widget_nav_menu ul li, .widget-container.widget_categories ul li, .widget-container.widget_product_categories ul li, .widget-container.widget_recent_entries ul li {
.widget-container.widget_nav_menu ul li, .widget-container.widget_categories ul li, .widget-container.widget_product_categories ul li, .widget-container.widget_recent_entries ul li {
padding-bottom: 6px; }
padding-bottom: 6px; }
.widget-container.widget_nav_menu ul li.nav-copyright, .widget-container.widget_categories ul li.nav-copyright, .widget-container.widget_product_categories ul li.nav-copyright, .widget-container.widget_recent_entries ul li.nav-copyright {
.widget-container.widget_nav_menu ul li.nav-copyright, .widget-container.widget_categories ul li.nav-copyright, .widget-container.widget_product_categories ul li.nav-copyright, .widget-container.widget_recent_entries ul li.nav-copyright {
color: #999999;
color: #999999;
font-weight: 300; }
font-weight: 300; }
.widget-container.widget_nav_menu ul li a, .widget-container.widget_categories ul li a, .widget-container.widget_product_categories ul li a, .widget-container.widget_recent_entries ul li a {
.widget-container.widget_nav_menu ul li a, .widget-container.widget_categories ul li a, .widget-container.widget_product_categories ul li a, .widget-container.widget_recent_entries ul li a {
color: #666666; }
color: #666666; }
.widget-container.widget_nav_menu ul li a:hover, .widget-container.widget_categories ul li a:hover, .widget-container.widget_product_categories ul li a:hover, .widget-container.widget_recent_entries ul li a:hover {
.widget-container.widget_nav_menu ul li a:hover, .widget-container.widget_categories ul li a:hover, .widget-container.widget_product_categories ul li a:hover, .widget-container.widget_recent_entries ul li a:hover {
color: #000000; }
color: #000000; }
.widget-container.widget_nav_menu ul li .count, .widget-container.widget_categories ul li .count, .widget-container.widget_product_categories ul li .count, .widget-container.widget_recent_entries ul li .count {
.widget-container.widget_nav_menu ul li .count, .widget-container.widget_categories ul li .count, .widget-container.widget_product_categories ul li .count, .widget-container.widget_recent_entries ul li .count {
padding-left: 17px;
padding-left: 17px;
font-size: 12px;
font-size: 12px;
color: #cacaca; }
color: #cacaca; }
.widget-container.widget_tag_cloud a {
.widget-container.widget_tag_cloud a {
font-size: 14px !important;
font-size: 14px !important;
line-height: normal !important;
line-height: normal !important;
display: inline-block;
display: inline-block;
margin: 0 20px 20px 0;
margin: 0 20px 20px 0;
color: #666; }
color: #666; }
.widget-container.widget_tag_cloud a:hover {
.widget-container.widget_tag_cloud a:hover {
color: #000000; }
color: #000000; }
.widget-container.widget_price_filter .ui-slider {
.widget-container.widget_price_filter .ui-slider {
position: relative;
position: relative;
background: #f6f6f6;
background: #f6f6f6;
margin-bottom: 40px;
margin-bottom: 40px;
height: 2px;
height: 2px;
margin-left: 4px; }
margin-left: 4px; }
.widget-container.widget_price_filter .ui-slider .ui-slider-range {
.widget-container.widget_price_filter .ui-slider .ui-slider-range {
background: #000000;
background: #000000;
height: 100%;
height: 100%;
position: absolute; }
position: absolute; }
.widget-container.widget_price_filter .ui-slider .ui-slider-handle {
.widget-container.widget_price_filter .ui-slider .ui-slider-handle {
height: 14px;
height: 14px;
width: 4px;
width: 4px;
background: #000000;
background: #000000;
position: absolute;
position: absolute;
top: -6px;
top: -6px;
cursor: ew-resize;
cursor: ew-resize;
margin-left: -4px; }
margin-left: -4px; }
.widget-container.widget-hover-content .widget-hover-element {
.widget-container.widget-hover-content .widget-hover-element {
visibility: hidden;
visibility: hidden;
filter: alpha(opacity=0);
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-opacity: 0;
-webkit-opacity: 0;
-khtml-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
-o-opacity: 0;
opacity: 0;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-khtml-transition: all 0.4s ease-in-out;
-khtml-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; }
transition: all 0.4s ease-in-out; }
.widget-container.widget-hover-content:hover .widget-hover-element {
.widget-container.widget-hover-content:hover .widget-hover-element {
visibility: visible;
visibility: visible;
filter: alpha(opacity=100);
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
-o-opacity: 1;
opacity: 1; }
opacity: 1; }
/* ==============================
/* ==============================
12. Blog posts
12. Blog posts
============================== */
============================== */
.blog-posts .blog-post {
.blog-posts .blog-post {
margin-bottom: 25px; }
margin-bottom: 25px; }
.blog-posts .blog-post .blog-post-thumbnail {
.blog-posts .blog-post .blog-post-thumbnail {
margin-bottom: 33px;
margin-bottom: 33px;
display: block;
display: block;
overflow: hidden; }
overflow: hidden; }
.blog-posts .blog-post .blog-post-thumbnail img {
.blog-posts .blog-post .blog-post-thumbnail img {
-webkit-transition: all 1s ease-in-out 0s;
-webkit-transition: all 1s ease-in-out 0s;
-khtml-transition: all 1s ease-in-out 0s;
-khtml-transition: all 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
-ms-transition: all 1s ease-in-out 0s;
-ms-transition: all 1s ease-in-out 0s;
-o-transition: all 1s ease-in-out 0s;
-o-transition: all 1s ease-in-out 0s;
transition: all 1s ease-in-out 0s;
transition: all 1s ease-in-out 0s;
-webkit-transform: scale(1);
-webkit-transform: scale(1);
-khtml-transform: scale(1);
-khtml-transform: scale(1);
-moz-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
transform: scale(1); }
.blog-posts .blog-post .blog-post-thumbnail:hover img {
.blog-posts .blog-post .blog-post-thumbnail:hover img {
-webkit-transform: scale(1.2);
-webkit-transform: scale(1.2);
-khtml-transform: scale(1.2);
-khtml-transform: scale(1.2);
-moz-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2); }
transform: scale(1.2); }
.blog-posts .blog-post .blog-post-title {
.blog-posts .blog-post .blog-post-title {
margin-bottom: 10px;
margin-bottom: 10px;
font-size: 16px;
font-size: 16px;
text-transform: none;
text-transform: none;
letter-spacing: 0; }
letter-spacing: 0; }
.blog-posts .blog-post .blog-post-meta {
.blog-posts .blog-post .blog-post-meta {
margin-bottom: 20px;
margin-bottom: 20px;
color: #999999; }
color: #999999; }
.blog-posts .blog-post .blog-post-meta > span:after {
.blog-posts .blog-post .blog-post-meta > span:after {
content: '/';
content: '/';
padding-left: 4px; }
padding-left: 4px; }
.blog-posts .blog-post .blog-post-meta > span:last-child:after {
.blog-posts .blog-post .blog-post-meta > span:last-child:after {
content: ''; }
content: ''; }
.blog-posts .blog-post .blog-post-meta a {
.blog-posts .blog-post .blog-post-meta a {
color: #999999; }
color: #999999; }
.blog-posts .blog-post .blog-post-meta a:hover {
.blog-posts .blog-post .blog-post-meta a:hover {
color: #000000; }
color: #000000; }
/* ==============================
/* ==============================
13. Single Post
13. Single Post
============================== */
============================== */
/*
/*
* 13.1 Single Post Common styles
* 13.1 Single Post Common styles
*/
*/
.single-post .entry-thumb {
.single-post .entry-thumb {
margin-bottom: 60px; }
margin-bottom: 60px; }
.single-post .entry-meta-data {
.single-post .entry-meta-data {
margin-bottom: 30px;
margin-bottom: 30px;
font-size: 14px;
font-size: 14px;
color: #999; }
color: #999; }
.single-post .entry-meta-data > span:after {
.single-post .entry-meta-data > span:after {
content: "/";
content: "/";
margin: 0 5px; }
margin: 0 5px; }
.single-post .entry-meta-data > span:last-child:after {
.single-post .entry-meta-data > span:last-child:after {
display: none; }
display: none; }
.single-post .entry-meta-data a {
.single-post .entry-meta-data a {
color: #000; }
color: #000; }
.single-post .share-it {
.single-post .share-it {
margin: 65px 0 95px; }
margin: 65px 0 95px; }
.single-post .share-it .social_icons {
.single-post .share-it .social_icons {
padding: 0;
padding: 0;
margin: 0;
margin: 0;
list-style: none; }
list-style: none; }
.single-post .share-it .social_icons li {
.single-post .share-it .social_icons li {
display: inline-block;
display: inline-block;
margin-right: 30px; }
margin-right: 30px; }
.single-post .share-it .social_icons li:last-child {
.single-post .share-it .social_icons li:last-child {
margin-right: 0; }
margin-right: 0; }
.single-post .share-it .social_icons li a {
.single-post .share-it .social_icons li a {
display: inline-block;
display: inline-block;
padding: 17px 40px;
padding: 17px 40px;
border: 2px solid #e3e3e3;
border: 2px solid #e3e3e3;
font-size: 14px;
font-size: 14px;
color: #999;
color: #999;
font-weight: bold;
font-weight: bold;
text-transform: uppercase;
text-transform: uppercase;
letter-spacing: 0.2em;
letter-spacing: 0.2em;
line-height: normal; }
line-height: normal; }
.single-post .share-it .social_icons li a:hover {
.single-post .share-it .social_icons li a:hover {
color: #000;
color: #000;
border-color: #000; }
border-color: #000; }
.single-post .share-it .social_icons li a i {
.single-post .share-it .social_icons li a i {
display: none; }
display: none; }
.single-post .single-bottom-title {
.single-post .single-bottom-title {
margin-bottom: 30px;
margin-bottom: 30px;
letter-spacing: 0.2em; }
letter-spacing: 0.2em; }
/*
/*
* 13.2 Author Info
* 13.2 Author Info
*/
*/
.author-info {
.author-info {
background: #f6f6f6;
background: #f6f6f6;
margin-bottom: 85px;
margin-bottom: 85px;
padding: 25px 25px 15px; }
padding: 25px 25px 15px; }
.author-info .author-avatar {
.author-info .author-avatar {
float: left;
float: left;
max-width: 70px; }
max-width: 70px; }
.author-info .author-description {
.author-info .author-description {
padding-left: 93px; }
padding-left: 93px; }
.author-info .author-title {
.author-info .author-title {
font-size: 14px;
font-size: 14px;
margin: 0 0 10px;
margin: 0 0 10px;
padding: 0;
padding: 0;
color: #000000;
color: #000000;
text-transform: none;
text-transform: none;
letter-spacing: 0.075em; }
letter-spacing: 0.075em; }
.author-info .author-title a {
.author-info .author-title a {
color: #000000; }
color: #000000; }
.author-info .author-title a:hover {
.author-info .author-title a:hover {
color: #000000; }
color: #000000; }
.author-info .author-bio {
.author-info .author-bio {
margin-bottom: 0; }
margin-bottom: 0; }
.author-info .author-socials {
.author-info .author-socials {
margin: 0;
margin: 0;
padding: 0;
padding: 0;
list-style: none; }
list-style: none; }
.author-info .author-socials li {
.author-info .author-socials li {
display: inline-block;
display: inline-block;
margin-right: 40px; }
margin-right: 40px; }
.author-info .author-socials a {
.author-info .author-socials a {
color: #999999; }
color: #999999; }
.author-info .author-socials a:hover {
.author-info .author-socials a:hover {
color: #000000; }
color: #000000; }
/*
/*
* 13.3 Comments Area
* 13.3 Comments Area
*/
*/
.comments-area {
.comments-area {
margin-bottom: 55px; }
margin-bottom: 55px; }
.comments-area .comment-list {
.comments-area .comment-list {
list-style: none;
list-style: none;
margin: 0 0 85px;
margin: 0 0 85px;
padding: 0; }
padding: 0; }
.comments-area .children {
.comments-area .children {
list-style: outside none none;
list-style: outside none none;
margin: 0;
margin: 0;
padding-left: 25px;
padding-left: 25px;
position: relative; }
position: relative; }
.comments-area .children:before {
.comments-area .children:before {
content: '';
content: '';
position: absolute;
position: absolute;
left: 0;
left: 0;
top: 0;
top: 0;
height: 100%;
height: 100%;
width: 1px;
width: 1px;
background: #e1e1e1; }
background: #e1e1e1; }
.comments-area .children > li {
.comments-area .children > li {
position: relative; }
position: relative; }
.comments-area .children > li:before {
.comments-area .children > li:before {
background: #e1e1e1;
background: #e1e1e1;
content: "";
content: "";
height: 1px;
height: 1px;
left: -25px;
left: -25px;
position: absolute;
position: absolute;
top: 25px;
top: 25px;
width: 12px; }
width: 12px; }
.comments-area .comment-item {
.comments-area .comment-item {
padding: 25px;
padding: 25px;
background: #f6f6f6;
background: #f6f6f6;
margin-bottom: 30px;
margin-bottom: 30px;
min-height: 120px; }
min-height: 120px; }
.comments-area .comment-item .comment-avatar {
.comments-area .comment-item .comment-avatar {
float: left;
float: left;
margin-right: 20px;
margin-right: 20px;
max-width: 70px; }
max-width: 70px; }
.comments-area .comment-item .comment-body {
.comments-area .comment-item .comment-body {
padding-left: 90px;
padding-left: 90px;
position: relative; }
position: relative; }
.comments-area .comment-item .comment-body .comment-meta {
.comments-area .comment-item .comment-body .comment-meta {
margin: 0 0 12px;
margin: 0 0 12px;
line-height: 15px; }
line-height: 15px; }
.comments-area .comment-item .comment-body .comment-meta .comment-author {
.comments-area .comment-item .comment-body .comment-meta .comment-author {
color: #000000;
color: #000000;
font-size: 14px;
font-size: 14px;
font-weight: 700;
font-weight: 700;
text-transform: none;
text-transform: none;
display: inline-block;
display: inline-block;
padding: 0;
padding: 0;
margin: 0 10px 0 0;
margin: 0 10px 0 0;
line-height: 15px; }
line-height: 15px; }
.comments-area .comment-item .comment-body .comment-meta .comment-metadata {
.comments-area .comment-item .comment-body .comment-meta .comment-metadata {
color: #999999;
color: #999999;
font-size: 12px;
font-size: 12px;
font-weight: bold;
font-weight: bold;
display: inline-block; }
display: inline-block; }
.comments-area .comment-item .comment-body .comment-content p:last-child {
.comments-area .comment-item .comment-body .comment-content p:last-child {
margin: 0; }
margin: 0; }
.comments-area .comment-item .comment-body .reply {
.comments-area .comment-item .comment-body .reply {
font-size: 14px;
font-size: 14px;
font-weight: bold;
font-weight: bold;
letter-spacing: 0.075em;
letter-spacing: 0.075em;
line-height: 15px;
line-height: 15px;
position: absolute;
position: absolute;
right: 0;
right: 0;
top: 0; }
top: 0; }
.comments-area .comment-item .comment-body .reply a {
.comments-area .comment-item .comment-body .reply a {
color: #4ad1e5; }
color: #4ad1e5; }
/*
/*
* 13.4 Comment Form
* 13.4 Comment Form
*/
*/
.comment-respond {
.comment-respond {
margin-bottom: 30px; }
margin-bottom: 30px; }
.comment-respond .comment-form textarea,
.comment-respond .comment-form textarea,
.comment-respond .comment-form input[type=text] {
.comment-respond .comment-form input[type=text] {
border: none;
border: none;
border-bottom: 2px solid #ebebeb;
border-bottom: 2px solid #ebebeb;
padding: 10px 0;
padding: 10px 0;
height: auto; }
height: auto; }
.comment-respond .comment-form textarea:focus,
.comment-respond .comment-form textarea:focus,
.comment-respond .comment-form input[type=text]:focus {
.comment-respond .comment-form input[type=text]:focus {
border-color: #999999;
border-color: #999999;
color: #999999; }
color: #999999; }
.comment-respond .comment-form textarea {
.comment-respond .comment-form textarea {
height: 55px;
height: 55px;
width: 100% !important; }
width: 100% !important; }
.comment-respond .comment-form .form-submit {
.comment-respond .comment-form .form-submit {
padding-top: 15px; }
padding-top: 15px; }
/* ==============================
/* ==============================
14. Pagination
14. Pagination
============================== */
============================== */
.pagination {
.pagination {
text-align: center;
text-align: center;
display: block;
display: block;
margin: 0;
margin: 0;
padding-top: 35px;
padding-top: 35px;
border-top: 2px solid #f6f6f6; }
border-top: 2px solid #f6f6f6; }
.pagination .page-numbers {
.pagination .page-numbers {
border: 2px solid transparent;
border: 2px solid transparent;
color: #666666;
color: #666666;
display: inline-block;
display: inline-block;
font-size: 14px;
font-size: 14px;
line-height: 36px;
line-height: 36px;
margin: 0 2px;
margin: 0 2px;
padding: 0;
padding: 0;
width: 40px;
width: 40px;
height: 40px; }
height: 40px; }
.pagination .page-numbers.next, .pagination .page-numbers.prev {
.pagination .page-numbers.next, .pagination .page-numbers.prev {
font-size: 18px; }
font-size: 18px; }
.pagination .page-numbers.next:hover, .pagination .page-numbers.prev:hover {
.pagination .page-numbers.next:hover, .pagination .page-numbers.prev:hover {
border-color: transparent;
border-color: transparent;
color: #000000; }
color: #000000; }
.pagination .page-numbers.next {
.pagination .page-numbers.next {
float: right;
float: right;
text-align: right; }
text-align: right; }
.pagination .page-numbers.prev {
.pagination .page-numbers.prev {
float: left;
float: left;
text-align: left; }
text-align: left; }
.pagination a.page-numbers:hover,
.pagination a.page-numbers:hover,
.pagination .page-numbers.current {
.pagination .page-numbers.current {
border-color: #f0f0f0; }
border-color: #f0f0f0; }
/* ==============================
/* ==============================
15. Shop
15. Shop
============================== */
============================== */
/*
/*
* 15.1 Shop Common styles
* 15.1 Shop Common styles
*/
*/
.star-rating {
.star-rating {
display: inline-block;
display: inline-block;
font-family: FontAwesome;
font-family: FontAwesome;
font-size: 12px;
font-size: 12px;
letter-spacing: 5px;
letter-spacing: 5px;
line-height: 1;
line-height: 1;
position: relative;
position: relative;
white-space: nowrap; }
white-space: nowrap; }
.star-rating:before {
.star-rating:before {
color: #c6c6c6;
color: #c6c6c6;
content: "\f006\f006\f006\f006\f006"; }
content: "\f006\f006\f006\f006\f006"; }
.star-rating span {
.star-rating span {
bottom: 0;
bottom: 0;
display: block;
display: block;
left: 0;
left: 0;
position: absolute;
position: absolute;
text-indent: -9999px;
text-indent: -9999px;
overflow: hidden;
overflow: hidden;
top: 0; }
top: 0; }
.star-rating span:before {
.star-rating span:before {
content: "\f006\f006\f006\f006\f006";
content: "\f006\f006\f006\f006\f006";
left: 0;
left: 0;
position: absolute;
position: absolute;
top: 0;
top: 0;
color: #6fd9e9;
color: #6fd9e9;
text-indent: 0; }
text-indent: 0; }
.stars a {
.stars a {
font-family: FontAwesome;
font-family: FontAwesome;
font-size: 12px;
font-size: 12px;
letter-spacing: 5px;
letter-spacing: 5px;
display: inline-block;
display: inline-block;
outline: 0 none;
outline: 0 none;
position: relative;
position: relative;
color: #c6c6c6; }
color: #c6c6c6; }
.stars a:after {
.stars a:after {
content: "\f006"; }
content: "\f006"; }
.stars a.active {
.stars a.active {
color: #6fd9e9; }
color: #6fd9e9; }
.products-tools {
.products-tools {
border-bottom: 2px solid #f6f6f6;
border-bottom: 2px solid #f6f6f6;
margin-bottom: 50px;
margin-bottom: 50px;
padding-bottom: 15px; }
padding-bottom: 15px; }
.products-tools .products-sortby {
.products-tools .products-sortby {
float: left; }
float: left; }
.products-tools .products-sortby .select-icon {
.products-tools .products-sortby .select-icon {
margin-right: 65px; }
margin-right: 65px; }
.products-tools .products-sortby .select-icon:last-child {
.products-tools .products-sortby .select-icon:last-child {
margin-right: 0; }
margin-right: 0; }
.products-tools .grid-list,
.products-tools .grid-list,
.products-tools .result-count {
.products-tools .result-count {
float: right; }
float: right; }
.products-tools .filter-block {float: left; }
.products-tools .filter-block {float: left; }
.products-tools .grid-list {
.products-tools .grid-list {
margin: 0 28px 0 0;
margin: 0 28px 0 0;
padding: 0;
padding: 0;
list-style: none; }
list-style: none; }
.products-tools .grid-list li {
.products-tools .grid-list li {
display: inline;/* inline-block; */ }
display: inline;/* inline-block; */ }
.products-tools .grid-list li ~ li {
.products-tools .grid-list li ~ li {
margin-left: 18px; }
margin-left: 18px; }
.products-tools .grid-list li a {
.products-tools .grid-list li a {
font-size: 14px;
font-size: 14px;
color: #666; }
color: #666; }
.products-tools .grid-list li a.active {
.products-tools .grid-list li a.active {
color: #000; }
color: #000; }
/*
/*
* 15.2 Products category
* 15.2 Products category
*/
*/
.products .product {
.products .product {
margin-bottom: 25px;
margin-bottom: 25px;
text-align: center; }
text-align: center; }
.products .product .product-inner {
.products .product .product-inner {
position: relative; }
position: relative; }
.products .product .product-thumbnail {
.products .product .product-thumbnail {
display: block; }
display: block; }
.products .product .product-content {
.products .product .product-content {
/* margin-bottom: 34px; */
/* margin-bottom: 34px; */
max-height: 200px;
max-height: 200px;
position: relative;
position: relative;
overflow: hidden;
overflow: hidden;
text-align: center; }
text-align: center; }
.products .product .product-content .product-over-add,
.products .product .product-content .product-over-add,
.products .product .product-content .product-over-tool {
.products .product .product-content .product-over-tool {
-webkit-transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-khtml-transition: all 0.4s ease 0s;
-khtml-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
position: absolute;
position: absolute;
-webkit-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-khtml-transform: translateX(-50%);
-khtml-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
left: 50%;
width: 212px;
width: 212px;
z-index: 5; }
z-index: 5; }
.products .product .product-content .product-over-tool {
.products .product .product-content .product-over-tool {
top: -55px; }
top: -55px; }
.products .product .product-content .product-over-tool > a {
.products .product .product-content .product-over-tool > a {
background: #ffffff;
background: #ffffff;
color: #999999;
color: #999999;
font-size: 14px;
font-size: 14px;
display: inline-block;
display: inline-block;
float: left;
float: left;
height: 32px;
height: 32px;
line-height: 32px;
line-height: 32px;
margin: 0 1px 0 0;
margin: 0 1px 0 0;
width: 70px; }
width: 70px; }
.products .product .product-content .product-over-tool > a:hover {
.products .product .product-content .product-over-tool > a:hover {
background: #000000;
background: #000000;
color: #FFFFFF; }
color: #FFFFFF; }
.products .product .product-content .product-over-tool > a:last-child {
.products .product .product-content .product-over-tool > a:last-child {
margin-right: 0; }
margin-right: 0; }
.products .product .product-content .product-over-add {
.products .product .product-content .product-over-add {
bottom: -55px; }
bottom: -55px; }
.products .product .product-content .product-over-sale {
.products .product .product-content .product-over-sale {
position: absolute;
position: absolute;
right: 16px;
right: 16px;
top: 16px; }
top: 16px; }
.products .product .product-content .product-over-sale span {
.products .product .product-content .product-over-sale span {
-webkit-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
border-radius: 2px;
margin-bottom: 10px;
margin-bottom: 10px;
color: #FFFFFF;
color: #FFFFFF;
background: #ed8b5c;
background: #ed8b5c;
line-height: 22px;
line-height: 22px;
display: block;
display: block;
min-width: 50px;
min-width: 50px;
font-size: 12px;
font-size: 12px;
text-transform: uppercase;
text-transform: uppercase;
font-weight: bold;
font-weight: bold;
position: relative; }
position: relative; }
.products .product .product-content .product-over-sale span:before {
.products .product .product-content .product-over-sale span:before {
content: '';
content: '';
width: 6px;
width: 6px;
height: 6px;
height: 6px;
background: #ed8b5c;
background: #ed8b5c;
-webkit-transform: rotate(-45deg) translateX(-50%);
-webkit-transform: rotate(-45deg) translateX(-50%);
-khtml-transform: rotate(-45deg) translateX(-50%);
-khtml-transform: rotate(-45deg) translateX(-50%);
-moz-transform: rotate(-45deg) translateX(-50%);
-moz-transform: rotate(-45deg) translateX(-50%);
-ms-transform: rotate(-45deg) translateX(-50%);
-ms-transform: rotate(-45deg) translateX(-50%);
-o-transform: rotate(-45deg) translateX(-50%);
-o-transform: rotate(-45deg) translateX(-50%);
transform: rotate(-45deg) translateX(-50%);
transform: rotate(-45deg) translateX(-50%);
position: absolute;
position: absolute;
left: 50%;
left: 50%;
bottom: -1px; }
bottom: -1px; }
.products .product .product-content .product-over-sale span.onsale {
.products .product .product-content .product-over-sale span.onsale {
background: #6fd9e9; }
background: #6fd9e9; }
.products .product .product-content .product-over-sale span.onsale:before {
.products .product .product-content .product-over-sale span.onsale:before {
background: #6fd9e9; }
background: #6fd9e9; }
.products .product .product-content .product-over-sale span.onnew {
.products .product .product-content .product-over-sale span.onnew {
background: #8ec78e; }
background: #8ec78e; }
.products .product .product-content .product-over-sale span.onnew:before {
.products .product .product-content .product-over-sale span.onnew:before {
background: #8ec78e; }
background: #8ec78e; }
.products .product .product-content .product-thumbnail {
.products .product .product-content .product-thumbnail {
display: block; }
display: block; }
.products .product .product-content .product-thumbnail img {
.products .product .product-content .product-thumbnail img {
-webkit-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-khtml-transition: all 0.4s ease-in-out;
-khtml-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; }
transition: all 0.4s ease-in-out; }
.products .product .product-content .product-thumbnail img.first-img {
.products .product .product-content .product-thumbnail img.first-img {
filter: alpha(opacity=100);
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
-o-opacity: 1;
opacity: 1; }
opacity: 1; }
.products .product .product-content .product-thumbnail img.second-img {
.products .product .product-content .product-thumbnail img.second-img {
position: absolute;
position: absolute;
top: 0;
top: 0;
left: 0;
left: 0;
filter: alpha(opacity=0);
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-opacity: 0;
-webkit-opacity: 0;
-khtml-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
-o-opacity: 0;
opacity: 0; }
opacity: 0; }
.products .product .product-title {
.products .product .product-title {
font-size: 16px;
font-size: 16px;
margin-bottom: 5px;
margin-bottom: 5px;
text-transform: none;
text-transform: none;
letter-spacing: 0.12em;
letter-spacing: 0.12em;
padding: 0px 5px 0px 5px;
padding: 0px 5px 0px 5px;
}
}
.products .product .product-price {
.products .product .product-price {
color: #999999; }
color: #999999; }
.products .product .product-content:hover .product-over-tool {
.products .product .product-content:hover .product-over-tool {
top: 10px; }
top: 10px; }
.products .product .product-content:hover .product-over-add {
.products .product .product-content:hover .product-over-add {
bottom: 10px; }
bottom: 10px; }
.products .product .product-content:hover .product-thumbnail img.first-img {
.products .product .product-content:hover .product-thumbnail img.first-img {
filter: alpha(opacity=0);
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-opacity: 0;
-webkit-opacity: 0;
-khtml-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
-o-opacity: 0;
opacity: 0; }
opacity: 0; }
.products .product .product-content:hover .product-thumbnail img.second-img {
.products .product .product-content:hover .product-thumbnail img.second-img {
z-index: 1;
z-index: 1;
filter: alpha(opacity=100);
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
-o-opacity: 1;
opacity: 1; }
opacity: 1; }
.products .owl-kttheme .product {
.products .owl-kttheme .product {
margin-bottom: 0; }
margin-bottom: 0; }
.products.products-multi-masonry .product {
.products.products-multi-masonry .product {
margin-bottom: 30px;
margin-bottom: 30px;
position: relative; }
position: relative; }
.products.products-multi-masonry .product.grid-sizer {
.products.products-multi-masonry .product.grid-sizer {
margin: 0;
margin: 0;
min-height: 0; }
min-height: 0; }
.products.products-multi-masonry .product .product-content {
.products.products-multi-masonry .product .product-content {
margin-bottom: 0; }
margin-bottom: 0; }
.products.products-multi-masonry .product .product-details {
.products.products-multi-masonry .product .product-details {
position: absolute;
position: absolute;
-webkit-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
top: 50%;
left: 50%;
left: 50%;
z-index: 5;
z-index: 5;
width: 100%; }
width: 100%; }
.products.products-multi-masonry .product .product-details .product-title,
.products.products-multi-masonry .product .product-details .product-title,
.products.products-multi-masonry .product .product-details .product-price {
.products.products-multi-masonry .product .product-details .product-price {
-webkit-transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-khtml-transition: all 0.4s ease 0s;
-khtml-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
filter: alpha(opacity=0);
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-opacity: 0;
-webkit-opacity: 0;
-khtml-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
-o-opacity: 0;
opacity: 0;
opacity: 0;
-webkit-transform: translate3d(0, 30px, 0);
-webkit-transform: translate3d(0, 30px, 0);
-khtml-transform: translate3d(0, 30px, 0);
-khtml-transform: translate3d(0, 30px, 0);
-moz-transform: translate3d(0, 30px, 0);
-moz-transform: translate3d(0, 30px, 0);
-ms-transform: translate3d(0, 30px, 0);
-ms-transform: translate3d(0, 30px, 0);
-o-transform: translate3d(0, 30px, 0);
-o-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0);
color: #FFFFFF; }
color: #FFFFFF; }
.products.products-multi-masonry .product .product-details .product-title a {
.products.products-multi-masonry .product .product-details .product-title a {
color: #FFFFFF; }
color: #FFFFFF; }
.products.products-multi-masonry .product .product-thumbnail:after {
.products.products-multi-masonry .product .product-thumbnail:after {
content: '';
content: '';
position: absolute;
position: absolute;
left: 0;
left: 0;
top: 0;
top: 0;
width: 100%;
width: 100%;
height: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
background: rgba(0, 0, 0, 0.5);
z-index: 1;
z-index: 1;
-webkit-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-khtml-transition: all 0.4s ease;
-khtml-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
transition: all 0.4s ease;
filter: alpha(opacity=0);
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-opacity: 0;
-webkit-opacity: 0;
-khtml-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
-o-opacity: 0;
opacity: 0; }
opacity: 0; }
.products.products-multi-masonry .product:hover .product-details .product-title,
.products.products-multi-masonry .product:hover .product-details .product-title,
.products.products-multi-masonry .product:hover .product-details .product-price {
.products.products-multi-masonry .product:hover .product-details .product-price {
-webkit-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-khtml-transform: translate3d(0, 0, 0);
-khtml-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
filter: alpha(opacity=100);
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
-o-opacity: 1;
opacity: 1; }
opacity: 1; }
.products.products-multi-masonry .product:hover .product-details .product-price {
.products.products-multi-masonry .product:hover .product-details .product-price {
-webkit-transition-delay: .3s;
-webkit-transition-delay: .3s;
-khtml-transition-delay: .3s;
-khtml-transition-delay: .3s;
-moz-transition-delay: .3s;
-moz-transition-delay: .3s;
-ms-transition-delay: .3s;
-ms-transition-delay: .3s;
-o-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s; }
transition-delay: .3s; }
.products.products-multi-masonry .product:hover .product-thumbnail:after {
.products.products-multi-masonry .product:hover .product-thumbnail:after {
filter: alpha(opacity=100);
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
-o-opacity: 1;
opacity: 1; }
opacity: 1; }
.products.products-multi-masonry .no-gutters .product {
.products.products-multi-masonry .no-gutters .product {
margin-bottom: 0; }
margin-bottom: 0; }
.products.products-multi-masonry.masonry-botom .product .product-details {
.products.products-multi-masonry.masonry-botom .product .product-details {
-webkit-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-khtml-transform: translate(0, 0);
-khtml-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
transform: translate(0, 0);
left: 25px;
left: 25px;
top: auto;
top: auto;
bottom: 25px;
bottom: 25px;
text-align: left;
text-align: left;
width: auto; }
width: auto; }
.products.products-gallery .product .product-content {
.products.products-gallery .product .product-content {
margin-bottom: 40px; }
margin-bottom: 40px; }
.products.products-gallery .product .product-inner {
.products.products-gallery .product .product-inner {
background: #FFFFFF;
background: #FFFFFF;
padding: 0 0 20px;
padding: 0 0 20px;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-khtml-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-khtml-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); }
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); }
.products.products-gallery .product .product-title {
.products.products-gallery .product .product-title {
letter-spacing: 0; }
letter-spacing: 0; }
.products .product-description, .products .produt-tool-list {
.products .product-description, .products .produt-tool-list {
display: none; }
display: none; }
.products.lists .product {
.products.lists .product {
padding: 40px 15px;
padding: 40px 15px;
margin: 0;
margin: 0;
border-bottom: 1px solid #f6f6f6;
border-bottom: 1px solid #f6f6f6;
width: 100%;
width: 100%;
text-align: left; }
text-align: left; }
.products.lists .product:first-child {
.products.lists .product:first-child {
padding-top: 0; }
padding-top: 0; }
.products.lists .product:last-child {
.products.lists .product:last-child {
border-bottom: none; }
border-bottom: none; }
.products.lists .product .product-description, .products.lists .product .produt-tool-list {
.products.lists .product .product-description, .products.lists .product .produt-tool-list {
display: block; }
display: block; }
.products.lists .product .product-attribute {
.products.lists .product .product-attribute {
margin-left: 330px; }
margin-left: 330px; }
.products.lists .product .product-content {
.products.lists .product .product-content {
float: left;
float: left;
max-width: 270px;
max-width: 270px;
margin-bottom: 0;
margin-bottom: 0;
margin-right: 60px;
margin-right: 60px;
min-width: 200px;
min-width: 200px;
}
}
.products.lists .product .product-content .product-over-tool, .products.lists .product .product-content .product-over-add {
.products.lists .product .product-content .product-over-tool, .products.lists .product .product-content .product-over-add {
display: none; }
display: none; }
.products.lists .product .product-content .product-over-tool, .products.lists .product .product-content .product-over-add{display:block;}
.products.lists .product .product-content .product-over-tool, .products.lists .product .product-content .product-over-add{display:block;}
.products.lists .product h3.product-title {
.products.lists .product h3.product-title {
margin-top: 20px; }
margin-top: 20px; }
.products.lists .product .produt-tool-list {
.products.lists .product .produt-tool-list {
margin-top: 40px; }
margin-top: 40px; }
.products.lists .product .produt-tool-list .quantity, .products.lists .product .produt-tool-list .product-over-add {
.products.lists .product .produt-tool-list .quantity, .products.lists .product .produt-tool-list .product-over-add {
float: left;
float: left;
margin-right: 30px;
margin-right: 30px;
margin-top: 12px; }
margin-top: 12px; }
.products.lists .product .produt-tool-list .quantity input {
.products.lists .product .produt-tool-list .quantity input {
height: 48px;
height: 48px;
width: 60px;
width: 60px;
text-align: center; }
text-align: center; }
.products.lists .product .produt-tool-list .quantity input:focus {
.products.lists .product .produt-tool-list .quantity input:focus {
border-color: #000; }
border-color: #000; }
.products.lists .product .produt-tool-list .product-over-tool {
.products.lists .product .produt-tool-list .product-over-tool {
float: left;
float: left;
margin-top: 12px; }
margin-top: 12px; }
.products.lists .product .produt-tool-list .product-over-tool > a {
.products.lists .product .produt-tool-list .product-over-tool > a {
display: inline-block;
display: inline-block;
width: 60px;
width: 60px;
height: 48px;
height: 48px;
border: 2px solid #e3e3e3;
border: 2px solid #e3e3e3;
text-align: center;
text-align: center;
color: #999; }
color: #999; }
.products.lists .product .produt-tool-list .product-over-tool > a:hover {
.products.lists .product .produt-tool-list .product-over-tool > a:hover {
color: #000000;
color: #000000;
border-color: #000000; }
border-color: #000000; }
.products.lists .product .produt-tool-list .product-over-tool > a:last-child {
.products.lists .product .produt-tool-list .product-over-tool > a:last-child {
margin-left: 26px; }
margin-left: 26px; }
.products.lists .product .produt-tool-list .product-over-tool > a i {
.products.lists .product .produt-tool-list .product-over-tool > a i {
line-height: 44px; }
line-height: 44px; }
.product-content .cd-item-wrapper {
.product-content .cd-item-wrapper {
position: relative;
position: relative;
overflow: hidden;
overflow: hidden;
margin: 0;
margin: 0;
padding: 0;
padding: 0;
list-style: none; }
list-style: none; }
.product-content .cd-item-wrapper li {
.product-content .cd-item-wrapper li {
position: absolute;
position: absolute;
top: 0;
top: 0;
left: 17%;
left: 17%;
height: 100%;
height: 100%;
width: 66%;
width: 66%;
filter: alpha(opacity=0);
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-opacity: 0;
-webkit-opacity: 0;
-khtml-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
-o-opacity: 0;
opacity: 0;
opacity: 0;
-webkit-transform: translateZ(0);
-webkit-transform: translateZ(0);
-khtml-transform: translateZ(0);
-khtml-transform: translateZ(0);
-moz-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform, opacity;
will-change: transform, opacity;
-webkit-transform: translateX(200%) scale(0.5);
-webkit-transform: translateX(200%) scale(0.5);
-khtml-transform: translateX(200%) scale(0.5);
-khtml-transform: translateX(200%) scale(0.5);
-moz-transform: translateX(200%) scale(0.5);
-moz-transform: translateX(200%) scale(0.5);
-ms-transform: translateX(200%) scale(0.5);
-ms-transform: translateX(200%) scale(0.5);
-o-transform: translateX(200%) scale(0.5);
-o-transform: translateX(200%) scale(0.5);
transform: translateX(200%) scale(0.5);
transform: translateX(200%) scale(0.5);
-webkit-transition: transform 0.4s, opacity 0.4s;
-webkit-transition: transform 0.4s, opacity 0.4s;
-khtml-transition: transform 0.4s, opacity 0.4s;
-khtml-transition: transform 0.4s, opacity 0.4s;
-moz-transition: transform 0.4s, opacity 0.4s;
-moz-transition: transform 0.4s, opacity 0.4s;
-ms-transition: transform 0.4s, opacity 0.4s;
-ms-transition: transform 0.4s, opacity 0.4s;
-o-transition: transform 0.4s, opacity 0.4s;
-o-transition: transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s; }
transition: transform 0.4s, opacity 0.4s; }
.product-content .cd-item-wrapper li.selected {
.product-content .cd-item-wrapper li.selected {
position: relative;
position: relative;
opacity: 1;
opacity: 1;
-webkit-transform: translateX(0) scale(1);
-webkit-transform: translateX(0) scale(1);
-khtml-transform: translateX(0) scale(1);
-khtml-transform: translateX(0) scale(1);
-moz-transform: translateX(0) scale(1);
-moz-transform: translateX(0) scale(1);
-ms-transform: translateX(0) scale(1);
-ms-transform: translateX(0) scale(1);
-o-transform: translateX(0) scale(1);
-o-transform: translateX(0) scale(1);
transform: translateX(0) scale(1); }
transform: translateX(0) scale(1); }
.product-content .cd-item-wrapper li.move-right {
.product-content .cd-item-wrapper li.move-right {
-webkit-transform: translateX(70%) scale(0.5);
-webkit-transform: translateX(70%) scale(0.5);
-khtml-transform: translateX(70%) scale(0.5);
-khtml-transform: translateX(70%) scale(0.5);
-moz-transform: translateX(70%) scale(0.5);
-moz-transform: translateX(70%) scale(0.5);
-ms-transform: translateX(70%) scale(0.5);
-ms-transform: translateX(70%) scale(0.5);
-o-transform: translateX(70%) scale(0.5);
-o-transform: translateX(70%) scale(0.5);
transform: translateX(70%) scale(0.5);
transform: translateX(70%) scale(0.5);
filter: alpha(opacity=0);
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-opacity: 0;
-webkit-opacity: 0;
-khtml-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
-o-opacity: 0;
opacity: 0; }
opacity: 0; }
.product-content .cd-item-wrapper li.move-left {
.product-content .cd-item-wrapper li.move-left {
-webkit-transform: translateX(-70%) scale(0.5);
-webkit-transform: translateX(-70%) scale(0.5);
-khtml-transform: translateX(-70%) scale(0.5);
-khtml-transform: translateX(-70%) scale(0.5);
-moz-transform: translateX(-70%) scale(0.5);
-moz-transform: translateX(-70%) scale(0.5);
-ms-transform: translateX(-70%) scale(0.5);
-ms-transform: translateX(-70%) scale(0.5);
-o-transform: translateX(-70%) scale(0.5);
-o-transform: translateX(-70%) scale(0.5);
transform: translateX(-70%) scale(0.5);
transform: translateX(-70%) scale(0.5);
filter: alpha(opacity=0);
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-opacity: 0;
-webkit-opacity: 0;
-khtml-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
-o-opacity: 0;
opacity: 0; }
opacity: 0; }
.product-content .cd-item-wrapper li.hide-left {
.product-content .cd-item-wrapper li.hide-left {
-webkit-transform: translateX(-140%) scale(0.5);
-webkit-transform: translateX(-140%) scale(0.5);
-khtml-transform: translateX(-140%) scale(0.5);
-khtml-transform: translateX(-140%) scale(0.5);
-moz-transform: translateX(-140%) scale(0.5);
-moz-transform: translateX(-140%) scale(0.5);
-ms-transform: translateX(-140%) scale(0.5);
-ms-transform: translateX(-140%) scale(0.5);
-o-transform: translateX(-140%) scale(0.5);
-o-transform: translateX(-140%) scale(0.5);
transform: translateX(-140%) scale(0.5); }
transform: translateX(-140%) scale(0.5); }
.product-content .cd-item-wrapper li img {
.product-content .cd-item-wrapper li img {
display: block;
display: block;
width: 100%; }
width: 100%; }
.product-content:hover li.move-right, .product-content:hover li.move-left {
.product-content:hover li.move-right, .product-content:hover li.move-left {
filter: alpha(opacity=30);
filter: alpha(opacity=30);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
-webkit-opacity: 0.3;
-webkit-opacity: 0.3;
-khtml-opacity: 0.3;
-khtml-opacity: 0.3;
-moz-opacity: 0.3;
-moz-opacity: 0.3;
-ms-opacity: 0.3;
-ms-opacity: 0.3;
-o-opacity: 0.3;
-o-opacity: 0.3;
opacity: 0.3; }
opacity: 0.3; }
.product-content:hover li.hover.move-right, .product-content:hover li.hover.move-left {
.product-content:hover li.hover.move-right, .product-content:hover li.hover.move-left {
filter: alpha(opacity=100);
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
-o-opacity: 1;
opacity: 1; }
opacity: 1; }
.cd-dots {
.cd-dots {
bottom: 0px;
bottom: 0px;
left: 50%;
left: 50%;
position: absolute;
position: absolute;
right: auto;
right: auto;
-webkit-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-khtml-transform: translateX(-50%);
-khtml-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
transform: translateX(-50%);
margin: 0;
margin: 0;
padding: 0; }
padding: 0; }
.cd-dots li {
.cd-dots li {
display: inline-block;
display: inline-block;
float: left;
float: left;
margin: 0 5px; }
margin: 0 5px; }
.cd-dots li a {
.cd-dots li a {
display: block;
display: block;
height: 7px;
height: 7px;
width: 7px;
width: 7px;
-webkit-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border: 1px solid #9688a0;
border: 1px solid #9688a0;
overflow: hidden;
overflow: hidden;
text-indent: 100%;
text-indent: 100%;
white-space: nowrap;
white-space: nowrap;
-webkit-transition: border-color 0.2s, background-color 0.2s;
-webkit-transition: border-color 0.2s, background-color 0.2s;
-khtml-transition: border-color 0.2s, background-color 0.2s;
-khtml-transition: border-color 0.2s, background-color 0.2s;
-moz-transition: border-color 0.2s, background-color 0.2s;
-moz-transition: border-color 0.2s, background-color 0.2s;
-ms-transition: border-color 0.2s, background-color 0.2s;
-ms-transition: border-color 0.2s, background-color 0.2s;
-o-transition: border-color 0.2s, background-color 0.2s;
-o-transition: border-color 0.2s, background-color 0.2s;
transition: border-color 0.2s, background-color 0.2s; }
transition: border-color 0.2s, background-color 0.2s; }
.cd-dots li.selected a {
.cd-dots li.selected a {
background: #2f2933 none repeat scroll 0 0;
background: #2f2933 none repeat scroll 0 0;
border-color: #2f2933; }
border-color: #2f2933; }
.product-list-widget .product-widget {
.product-list-widget .product-widget {
padding-bottom: 30px; }
padding-bottom: 30px; }
.product-list-widget .product-title {
.product-list-widget .product-title {
font-size: 16px;
font-size: 16px;
margin: 0 0 7px;
margin: 0 0 7px;
text-transform: none;
text-transform: none;
letter-spacing: 0.075em; }
letter-spacing: 0.075em; }
/*
/*
* 15.3 Product Detail
* 15.3 Product Detail
*/
*/
.product-main .product-detail-thumbarea {
.product-main .product-detail-thumbarea {
margin-bottom: 30px; }
margin-bottom: 30px; }
.product-main .product-detail-thumbarea .single-product-main-images {
.product-main .product-detail-thumbarea .single-product-main-images {
margin-bottom: 30px;
margin-bottom: 30px;
position: relative; }
position: relative; }
.product-main .product-detail-thumbarea .single-product-main-images .owl-controls {
.product-main .product-detail-thumbarea .single-product-main-images .owl-controls {
bottom: 8px;
bottom: 8px;
margin: 0;
margin: 0;
position: absolute;
position: absolute;
right: 9px; }
right: 9px; }
.product-main .product-detail-thumbarea .single-product-main-images .owl-controls .owl-buttons > div {
.product-main .product-detail-thumbarea .single-product-main-images .owl-controls .owl-buttons > div {
width: 60px;
width: 60px;
height: 48px;
height: 48px;
padding: 0;
padding: 0;
text-align: center;
text-align: center;
background: #fff;
background: #fff;
-webkit-box-shadow: 1px 0 3px rgba(0,0,0,0.1);
-webkit-box-shadow: 1px 0 3px rgba(0,0,0,0.1);
-khtml-box-shadow: 1px 0 3px rgba(0,0,0,0.1);
-khtml-box-shadow: 1px 0 3px rgba(0,0,0,0.1);
-moz-box-shadow: 1px 0 3px rgba(0,0,0,0.1);
-moz-box-shadow: 1px 0 3px rgba(0,0,0,0.1);
-ms-box-shadow: 1px 0 3px rgba(0,0,0,0.1);
-ms-box-shadow: 1px 0 3px rgba(0,0,0,0.1);
-o-box-shadow: 1px 0 3px rgba(0,0,0,0.1);
-o-box-shadow: 1px 0 3px rgba(0,0,0,0.1);
box-shadow: 1px 0 3px rgba(0,0,0,0.1);
box-shadow: 1px 0 3px rgba(0,0,0,0.1);
-webkit-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
-o-opacity: 1;
opacity: 1;
opacity: 1;
-webkit-border-radius: 0;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
-khtml-border-radius: 0;
-moz-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
-o-border-radius: 0;
border-radius: 0; }
border-radius: 0; }
.product-main .product-detail-thumbarea .single-product-main-images .owl-controls .owl-buttons > div i {
.product-main .product-detail-thumbarea .single-product-main-images .owl-controls .owl-buttons > div i {
font-size: 14px;
font-size: 14px;
color: #999;
color: #999;
line-height: 48px; }
line-height: 48px; }
.product-main.style1 .single-product-main-thumbnails {
.product-main.style1 .single-product-main-thumbnails {
width: auto;
width: auto;
margin-right: -15px;
margin-right: -15px;
margin-left: -15px; }
margin-left: -15px; }
.product-main.style1 .single-product-main-thumbnails .owl-item {
.product-main.style1 .single-product-main-thumbnails .owl-item {
padding: 0 15px; }
padding: 0 15px; }
.product-main.style2 .single-product-main-images {
.product-main.style2 .single-product-main-images {
margin-bottom: 0; }
margin-bottom: 0; }
.product-main.style2 .product-detail-wrap {
.product-main.style2 .product-detail-wrap {
padding: 100px 0 80px;
padding: 100px 0 80px;
max-width: 570px; }
max-width: 570px; }
.product-main.style2 .product-detail-thumbarea {
.product-main.style2 .product-detail-thumbarea {
margin: 0; }
margin: 0; }
.product-main.style3 .product-detail-thumbarea {
.product-main.style3 .product-detail-thumbarea {
margin-bottom: 0;
margin-bottom: 0;
padding: 30px;
padding: 30px;
background: #ededed; }
background: #ededed; }
.product-main.style3 .single-product-main-thumbnails {
.product-main.style3 .single-product-main-thumbnails {
width: auto;
width: auto;
margin-right: -10px;
margin-right: -10px;
margin-left: -10px; }
margin-left: -10px; }
.product-main.style3 .single-product-main-thumbnails .owl-item {
.product-main.style3 .single-product-main-thumbnails .owl-item {
padding: 0 10px; }
padding: 0 10px; }
.product-main.style3 .product-detail-wrap {
.product-main.style3 .product-detail-wrap {
padding: 90px 0;
padding: 90px 0;
max-width: 570px; }
max-width: 570px; }
.product-main .breadcrumb {
.product-main .breadcrumb {
font-size: 14px;
font-size: 14px;
line-height: 1;
line-height: 1;
margin-bottom: 35px; }
margin-bottom: 35px; }
.product-main .product-title {
.product-main .product-title {
font-size: 18px;
font-size: 18px;
padding-bottom: 30px;
padding-bottom: 30px;
border-bottom: 2px solid #f6f6f6;
border-bottom: 2px solid #f6f6f6;
margin: 0 0 30px; }
margin: 0 0 30px; }
.product-main .product-price-wrap {
.product-main .product-price-wrap {
margin-bottom: 35px; }
margin-bottom: 35px; }
.product-main .product-price-wrap h3.price {
.product-main .product-price-wrap h3.price {
float: left;
float: left;
margin: 0;
margin: 0;
font-size: 24px;
font-size: 24px;
font-weight: normal;
font-weight: normal;
letter-spacing: 0; }
letter-spacing: 0; }
.product-main .product-price-wrap .review-summary {
.product-main .product-price-wrap .review-summary {
float: left;
float: left;
margin: 3px 0 0 50px; }
margin: 3px 0 0 50px; }
.product-main .product-price-wrap .reviews-text {
.product-main .product-price-wrap .reviews-text {
display: inline-block;
display: inline-block;
font-size: 14px;
font-size: 14px;
padding-left: 48px; }
padding-left: 48px; }
.product-main form.cart {
.product-main form.cart {
margin-bottom: 45px; }
margin-bottom: 45px; }
.product-main form.cart .quantity {
.product-main form.cart .quantity {
float: left;
float: left;
width: 60px;
width: 60px;
margin-right: 30px; }
margin-right: 30px; }
.product-main form.cart .quantity input {
.product-main form.cart .quantity input {
height: 48px;
height: 48px;
text-align: center; }
text-align: center; }
.product-main form.cart .quantity input:focus {
.product-main form.cart .quantity input:focus {
border-color: #000000; }
border-color: #000000; }
.product-main form.cart button {
.product-main form.cart button {
float: left;
float: left;
width: auto; }
width: auto; }
.product-main form.cart .cart-tool {
.product-main form.cart .cart-tool {
float: left; }
float: left; }
.product-main form.cart .cart-tool .add_to_wishlist,
.product-main form.cart .cart-tool .add_to_wishlist,
.product-main form.cart .cart-tool .add_to_compare {
.product-main form.cart .cart-tool .add_to_compare {
float: left;
float: left;
margin-left: 30px;
margin-left: 30px;
width: 60px;
width: 60px;
height: 48px;
height: 48px;
text-align: center;
text-align: center;
border: 2px solid #e3e3e3;
border: 2px solid #e3e3e3;
color: #999;
color: #999;
font-size: 14px;
font-size: 14px;
line-height: 44px; }
line-height: 44px; }
.product-main form.cart .cart-tool .add_to_wishlist:hover,
.product-main form.cart .cart-tool .add_to_wishlist:hover,
.product-main form.cart .cart-tool .add_to_compare:hover {
.product-main form.cart .cart-tool .add_to_compare:hover {
border: 2px solid #000000;
border: 2px solid #000000;
color: #000000; }
color: #000000; }
.product-main .product-short p {
.product-main .product-short p {
margin-bottom: 20px; }
margin-bottom: 20px; }
.product-main .product_meta {
.product-main .product_meta {
padding-bottom: 30px;
padding-bottom: 30px;
border-bottom: 2px solid #f6f6f6;
border-bottom: 2px solid #f6f6f6;
margin-bottom: 35px; }
margin-bottom: 35px; }
.product-main .product_meta > span {
.product-main .product_meta > span {
display: block; }
display: block; }
.product-main .product_meta > span a {
.product-main .product_meta > span a {
color: #666; }
color: #666; }
.product-main .product_meta > span a:hover {
.product-main .product_meta > span a:hover {
color: #000000; }
color: #000000; }
.product-main .product-shareit .social_icons {
.product-main .product-shareit .social_icons {
margin: 0 -11px;
margin: 0 -11px;
padding: 0;
padding: 0;
list-style: none; }
list-style: none; }
.product-main .product-shareit .social_icons li {
.product-main .product-shareit .social_icons li {
float: left;
float: left;
width: 33.33%;
width: 33.33%;
line-height: normal;
line-height: normal;
padding: 0 11px; }
padding: 0 11px; }
.product-main .product-shareit .social_icons li a {
.product-main .product-shareit .social_icons li a {
color: #999;
color: #999;
letter-spacing: 0.15em;
letter-spacing: 0.15em;
padding: 15px 40px;
padding: 15px 40px;
border: 2px solid #e3e3e3;
border: 2px solid #e3e3e3;
text-transform: uppercase;
text-transform: uppercase;
font-weight: bold;
font-weight: bold;
font-size: 14px;
font-size: 14px;
display: block; }
display: block; }
.product-main .product-shareit .social_icons li a:hover, .product-main .product-shareit .social_icons li a:focus {
.product-main .product-shareit .social_icons li a:hover, .product-main .product-shareit .social_icons li a:focus {
color: #000;
color: #000;
border-color: #000; }
border-color: #000; }
.product-main .product-shareit .social_icons li a i {
.product-main .product-shareit .social_icons li a i {
display: none; }
display: none; }
.easyzoom-flyout img {
.easyzoom-flyout img {
max-width: none !important;
max-width: none !important;
width: auto !important; }
width: auto !important; }
.woocommerce-tabs .nav {
.woocommerce-tabs .nav {
padding-bottom: 30px;
padding-bottom: 30px;
border-bottom: 2px solid #e3e3e3;
border-bottom: 2px solid #e3e3e3;
margin-bottom: 50px; }
margin-bottom: 50px; }
.woocommerce-tabs .nav li {
.woocommerce-tabs .nav li {
float: left;
float: left;
margin-right: 140px; }
margin-right: 140px; }
.woocommerce-tabs .nav li:last-child {
.woocommerce-tabs .nav li:last-child {
margin-right: 0; }
margin-right: 0; }
.woocommerce-tabs .nav li a {
.woocommerce-tabs .nav li a {
padding: 0;
padding: 0;
line-height: normal;
line-height: normal;
font-size: 14px;
font-size: 14px;
font-family: "Roboto Slab", serif;
font-family: "Roboto Slab", serif;
color: #999;
color: #999;
text-transform: uppercase;
text-transform: uppercase;
letter-spacing: 0.15em;
letter-spacing: 0.15em;
font-weight: bold; }
font-weight: bold; }
.woocommerce-tabs .nav li a:hover, .woocommerce-tabs .nav li a:focus {
.woocommerce-tabs .nav li a:hover, .woocommerce-tabs .nav li a:focus {
background: none; }
background: none; }
.woocommerce-tabs .nav li.active a {
.woocommerce-tabs .nav li.active a {
color: #000; }
color: #000; }
.woocommerce-tabs .shop_attributes {
.woocommerce-tabs .shop_attributes {
width: 50%; }
width: 50%; }
.woocommerce-tabs .shop_attributes tr td, .woocommerce-tabs .shop_attributes tr th {
.woocommerce-tabs .shop_attributes tr td, .woocommerce-tabs .shop_attributes tr th {
padding: 15px 0;
padding: 15px 0;
font-weight: normal;
font-weight: normal;
line-height: normal;
line-height: normal;
border-bottom: 1px dashed #e3e3e3; }
border-bottom: 1px dashed #e3e3e3; }
.woocommerce-tabs .comments-area .comments-title {
.woocommerce-tabs .comments-area .comments-title {
font-weight: bold;
font-weight: bold;
font-size: 14px;
font-size: 14px;
letter-spacing: 0.075em;
letter-spacing: 0.075em;
color: #666;
color: #666;
font-family: "Karla", arial, sans-serif;
font-family: "Karla", arial, sans-serif;
text-transform: none;
text-transform: none;
margin-bottom: 55px; }
margin-bottom: 55px; }
.woocommerce-tabs .comments-area .comment-list {
.woocommerce-tabs .comments-area .comment-list {
margin: 0; }
margin: 0; }
.woocommerce-tabs .comments-area .comment-item {
.woocommerce-tabs .comments-area .comment-item {
padding: 0;
padding: 0;
min-height: 0;
min-height: 0;
margin-bottom: 40px; }
margin-bottom: 40px; }
.woocommerce-tabs .comments-area .comment-item .comment-avatar {
.woocommerce-tabs .comments-area .comment-item .comment-avatar {
max-width: 45px;
max-width: 45px;
border-radius: 100%;
border-radius: 100%;
overflow: hidden; }
overflow: hidden; }
.woocommerce-tabs .comments-area .comment-item .comment-content {
.woocommerce-tabs .comments-area .comment-item .comment-content {
margin-left: 65px; }
margin-left: 65px; }
.woocommerce-tabs .comments-area .comment-item .comment-content .comment-meta {
.woocommerce-tabs .comments-area .comment-item .comment-content .comment-meta {
margin-bottom: 15px;
margin-bottom: 15px;
line-height: normal; }
line-height: normal; }
.woocommerce-tabs .comments-area .comment-item .comment-content .comment-meta .author_name {
.woocommerce-tabs .comments-area .comment-item .comment-content .comment-meta .author_name {
margin: 0 30px 0 0;
margin: 0 30px 0 0;
display: inline-block;
display: inline-block;
font-size: 16px;
font-size: 16px;
font-family: "Karla", arial, sans-serif;
font-family: "Karla", arial, sans-serif;
text-transform: none; }
text-transform: none; }
.woocommerce-tabs .comments-area .comment-item .comment-content .comment-meta .comment-date {
.woocommerce-tabs .comments-area .comment-item .comment-content .comment-meta .comment-date {
margin-right: 25px;
margin-right: 25px;
display: inline-block; }
display: inline-block; }
.woocommerce-tabs .comments-area .comment-item .comment-content p {
.woocommerce-tabs .comments-area .comment-item .comment-content p {
margin: 0; }
margin: 0; }
#review_form .comment-reply-title {
#review_form .comment-reply-title {
font-family: "Karla", arial, sans-serif;
font-family: "Karla", arial, sans-serif;
font-size: 14px;
font-size: 14px;
color: #666;
color: #666;
text-transform: none;
text-transform: none;
letter-spacing: 0.075em; }
letter-spacing: 0.075em; }
#review_form .comment-form-rating {
#review_form .comment-form-rating {
display: inline-block;
display: inline-block;
margin-right: 36px; }
margin-right: 36px; }
#review_form .comment-form-rating #rating {
#review_form .comment-form-rating #rating {
display: none; }
display: none; }
#review_form .comment-form-rating .stars {
#review_form .comment-form-rating .stars {
width: 210px;
width: 210px;
border: 2px solid #e3e3e3;
border: 2px solid #e3e3e3;
text-align: center;
text-align: center;
line-height: 47px;
line-height: 47px;
margin: 0; }
margin: 0; }
#review_form .form-submit {
#review_form .form-submit {
display: inline-block;
display: inline-block;
margin: 0;
margin: 0;
padding: 0; }
padding: 0; }
/*
/*
* 15.4 Checkout page
* 15.4 Checkout page
*/
*/
.title-checkout {
.title-checkout {
letter-spacing: 0.2em;
letter-spacing: 0.2em;
padding: 10px 0;
padding: 10px 0;
border: 1px solid #f0f0f0;
border: 1px solid #f0f0f0;
margin: 0;
margin: 0;
text-align: center; }
text-align: center; }
.checkout-wrap {
.checkout-wrap {
padding: 20px;
padding: 20px;
border-right: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
border-left: 1px solid #f0f0f0;
border-left: 1px solid #f0f0f0;
margin-bottom: 30px; }
margin-bottom: 30px; }
form.checkout .form-group {
form.checkout .form-group {
margin-bottom: 20px; }
margin-bottom: 20px; }
form.checkout .form-group label, form.checkout .form-group p {
form.checkout .form-group label, form.checkout .form-group p {
font-weight: normal;
font-weight: normal;
font-size: 14px;
font-size: 14px;
line-height: normal;
line-height: normal;
margin-bottom: 10px; }
margin-bottom: 10px; }
form.checkout .form-group label {
form.checkout .form-group label {
letter-spacing: 0.05em;
letter-spacing: 0.05em;
display: block; }
display: block; }
form.checkout .form-group label abbr {
form.checkout .form-group label abbr {
color: #ff0000;
color: #ff0000;
text-decoration: none;
text-decoration: none;
border: none; }
border: none; }
form.checkout .woocommerce-shipping-fields label {
form.checkout .woocommerce-shipping-fields label {
font-weight: normal;
font-weight: normal;
font-size: 14px;
font-size: 14px;
display: block; }
display: block; }
form.checkout input[type="checkbox"] {
form.checkout input[type="checkbox"] {
vertical-align: middle;
vertical-align: middle;
margin: 0 10px 0 0; }
margin: 0 10px 0 0; }
form.checkout p {
form.checkout p {
margin-bottom: 15px; }
margin-bottom: 15px; }
form.checkout .title-order {
form.checkout .title-order {
padding: 12px;
padding: 12px;
text-align: center;
text-align: center;
background: #f6f6f6;
background: #f6f6f6;
letter-spacing: 0.2em;
letter-spacing: 0.2em;
margin: 0; }
margin: 0; }
form.checkout .coupon_wrap {
form.checkout .coupon_wrap {
margin-bottom: 7px; }
margin-bottom: 7px; }
form.checkout .coupon_wrap p {
form.checkout .coupon_wrap p {
font-weight: bold; }
font-weight: bold; }
form.checkout .coupon_wrap .coupon-form {
form.checkout .coupon_wrap .coupon-form {
padding-right: 227px;
padding-right: 227px;
position: relative; }
position: relative; }
form.checkout .coupon_wrap .coupon-form input {
form.checkout .coupon_wrap .coupon-form input {
width: 100%;
width: 100%;
padding: 12px;
padding: 12px;
line-height: normal;
line-height: normal;
height: auto;
height: auto;
font-weight: bold; }
font-weight: bold; }
form.checkout .coupon_wrap .coupon-form input.submit {
form.checkout .coupon_wrap .coupon-form input.submit {
position: absolute;
position: absolute;
right: 0;
right: 0;
top: 0;
top: 0;
width: 207px;
width: 207px;
letter-spacing: 0.2em;
letter-spacing: 0.2em;
height: 100%; }
height: 100%; }
#order_review .shop_table {
#order_review .shop_table {
width: 100%;
width: 100%;
margin-bottom: 30px; }
margin-bottom: 30px; }
#order_review .shop_table tbody, #order_review .shop_table tfoot {
#order_review .shop_table tbody, #order_review .shop_table tfoot {
border-bottom: 2px solid #000; }
border-bottom: 2px solid #000; }
#order_review .shop_table th, #order_review .shop_table td {
#order_review .shop_table th, #order_review .shop_table td {
padding: 25px 0;
padding: 25px 0;
color: #666;
color: #666;
border-bottom: 1px solid #f6f6f6;
border-bottom: 1px solid #f6f6f6;
font-size: 14px;
font-size: 14px;
letter-spacing: 0.075em; }
letter-spacing: 0.075em; }
#order_review .shop_table tfoot .order-total td {
#order_review .shop_table tfoot .order-total td {
color: #000; }
color: #000; }
#payment {
#payment {
margin-bottom: 10px; }
margin-bottom: 10px; }
#payment .payment_methods {
#payment .payment_methods {
padding: 0;
padding: 0;
margin: 0;
margin: 0;
list-style: none; }
list-style: none; }
#payment .payment_methods li {
#payment .payment_methods li {
margin: 0 0 30px; }
margin: 0 0 30px; }
#payment .payment_methods li .payment_box {
#payment .payment_methods li .payment_box {
background: #f6f6f6;
background: #f6f6f6;
padding: 15px;
padding: 15px;
position: relative;
position: relative;
font-size: 14px;
font-size: 14px;
line-height: 24px;
line-height: 24px;
display: none; }
display: none; }
#payment .payment_methods li .payment_box:after {
#payment .payment_methods li .payment_box:after {
border-left: 8px solid transparent;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #f6f6f6;
border-bottom: 8px solid #f6f6f6;
top: -8px;
top: -8px;
content: "";
content: "";
height: 0;
height: 0;
position: absolute;
position: absolute;
left: 30px;
left: 30px;
width: 0; }
width: 0; }
#payment .payment_methods li .payment_box p {
#payment .payment_methods li .payment_box p {
margin: 0; }
margin: 0; }
#payment .payment_methods li label {
#payment .payment_methods li label {
margin: 0 0 20px;
margin: 0 0 20px;
font-size: 14px;
font-size: 14px;
color: #666;
color: #666;
letter-spacing: 0.075em;
letter-spacing: 0.075em;
line-height: normal; }
line-height: normal; }
#payment .payment_methods li label .input-radio {
#payment .payment_methods li label .input-radio {
margin: 0 10px 0 0;
margin: 0 10px 0 0;
position: static; }
position: static; }
#payment .place-order {
#payment .place-order {
text-align: center; }
text-align: center; }
/*
/*
* 15.5 My Cart page
* 15.5 My Cart page
*/
*/
.table-cart-form {
.table-cart-form {
margin-bottom: 45px; }
margin-bottom: 45px; }
table.cart {
table.cart {
width: 100%;
width: 100%;
text-align: center; }
text-align: center; }
table.cart thead th {
table.cart thead th {
border: 1px solid #f0f0f0;
border: 1px solid #f0f0f0;
padding: 12px;
padding: 12px;
text-align: center;
text-align: center;
font-size: 14px;
font-size: 14px;
font-family: "Roboto Slab", serif;
font-family: "Roboto Slab", serif;
letter-spacing: 0.2em;
letter-spacing: 0.2em;
text-transform: uppercase;
text-transform: uppercase;
line-height: normal;
line-height: normal;
color: #000; }
color: #000; }
table.cart td {
table.cart td {
padding: 14px;
padding: 14px;
border: 1px solid #f0f0f0;
border: 1px solid #f0f0f0;
font-size: 14px; }
font-size: 14px; }
table.cart td.product-name a {
table.cart td.product-name a {
letter-spacing: 0.075em;
letter-spacing: 0.075em;
font-family: "Roboto Slab", serif;
font-family: "Roboto Slab", serif;
font-weight: bold; }
font-weight: bold; }
table.cart td.product-name a:hover {
table.cart td.product-name a:hover {
text-decoration: underline; }
text-decoration: underline; }
table.cart td.product-thumbnail img {
table.cart td.product-thumbnail img {
max-width: 100px;
max-width: 100px;
margin: 0 auto; }
margin: 0 auto; }
table.cart td .qty {
table.cart td .qty {
width: 60px;
width: 60px;
margin: 0 auto;
margin: 0 auto;
text-align: center; }
text-align: center; }
table.cart td.actions {
table.cart td.actions {
padding: 31px 31px 21px; }
padding: 31px 31px 21px; }
table.cart td.actions button {
table.cart td.actions button {
margin: 0 15px 10px;
margin: 0 15px 10px;
color: #010101; }
color: #010101; }
table.cart td.actions button:hover, table.cart td.actions button:focus {
table.cart td.actions button:hover, table.cart td.actions button:focus {
background: #000;
background: #000;
color: #fff; }
color: #fff; }
.cart-collaterals h5 {
.cart-collaterals h5 {
padding: 12px 0;
padding: 12px 0;
border: 1px solid #f0f0f0;
border: 1px solid #f0f0f0;
text-align: center;
text-align: center;
margin: 0;
margin: 0;
letter-spacing: 0.2em; }
letter-spacing: 0.2em; }
.cart-collaterals .cart-collaterals-inner {
.cart-collaterals .cart-collaterals-inner {
padding: 22px;
padding: 22px;
margin-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
border-left: 1px solid #f0f0f0;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0; }
border-right: 1px solid #f0f0f0; }
.cart-collaterals .cart-collaterals-inner p {
.cart-collaterals .cart-collaterals-inner p {
margin-bottom: 20px;
margin-bottom: 20px;
font-size: 14px;
font-size: 14px;
line-height: 24px; }
line-height: 24px; }
.cart-collaterals .cart_totals table {
.cart-collaterals .cart_totals table {
width: 100%; }
width: 100%; }
.cart-collaterals .cart_totals table tr.order-total td {
.cart-collaterals .cart_totals table tr.order-total td {
color: #000; }
color: #000; }
.cart-collaterals .cart_totals table tr th, .cart-collaterals .cart_totals table tr td {
.cart-collaterals .cart_totals table tr th, .cart-collaterals .cart_totals table tr td {
padding: 15px 0;
padding: 15px 0;
line-height: normal;
line-height: normal;
font-size: 14px;
font-size: 14px;
color: #666;
color: #666;
font-weight: bold; }
font-weight: bold; }
.cart-collaterals .cart_totals .cart-collaterals-inner {
.cart-collaterals .cart_totals .cart-collaterals-inner {
border-bottom: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
margin-bottom: 20px; }
margin-bottom: 20px; }
.cart-collaterals .button-checkout {
.cart-collaterals .button-checkout {
text-align: center;
text-align: center;
border: 1px solid #f0f0f0;
border: 1px solid #f0f0f0;
border-top: none;
border-top: none;
padding: 20px; }
padding: 20px; }
.cart-collaterals .coupon-form input {
.cart-collaterals .coupon-form input {
margin-bottom: 20px; }
margin-bottom: 20px; }
.cart-collaterals .shipping_calculator select {
.cart-collaterals .shipping_calculator select {
font-size: 12px;
font-size: 12px;
letter-spacing: 0.075em; }
letter-spacing: 0.075em; }
.cart-collaterals .shipping_calculator .row {
.cart-collaterals .shipping_calculator .row {
margin-left: -10px;
margin-left: -10px;
margin-right: -10px; }
margin-right: -10px; }
.cart-collaterals .shipping_calculator .row > div {
.cart-collaterals .shipping_calculator .row > div {
padding-right: 10px;
padding-right: 10px;
padding-left: 10px; }
padding-left: 10px; }
.cart-collaterals .shipping_calculator button {
.cart-collaterals .shipping_calculator button {
padding: 9px 0;
padding: 9px 0;
text-align: center;
text-align: center;
width: 100%;
width: 100%;
letter-spacing: 0.18em; }
letter-spacing: 0.18em; }
/*
/*
* 15.6 Compare page
* 15.6 Compare page
*/
*/
table.compare tr td {
table.compare tr td {
padding: 28px 22px;
padding: 28px 22px;
border: 1px solid #eee; }
border: 1px solid #eee; }
table.compare tr td.compare-title {
table.compare tr td.compare-title {
padding: 28px 20px;
padding: 28px 20px;
background: #fafafa;
background: #fafafa;
font-size: 14px;
font-size: 14px;
font-family: "Roboto Slab", serif;
font-family: "Roboto Slab", serif;
font-weight: bold;
font-weight: bold;
letter-spacing: 0.075em;
letter-spacing: 0.075em;
color: #222;
color: #222;
min-width: 160px; }
min-width: 160px; }
table.compare tr td.product-thumbnail {
table.compare tr td.product-thumbnail {
font-size: 14px;
font-size: 14px;
font-family: "Roboto Slab", serif;
font-family: "Roboto Slab", serif;
font-weight: bold;
font-weight: bold;
letter-spacing: 0.075em;
letter-spacing: 0.075em;
color: #000; }
color: #000; }
table.compare tr td.product-thumbnail a:hover {
table.compare tr td.product-thumbnail a:hover {
text-decoration: underline; }
text-decoration: underline; }
table.compare tr td.product-thumbnail img {
table.compare tr td.product-thumbnail img {
margin-right: 24px;
margin-right: 24px;
max-width: 100px; }
max-width: 100px; }
table.compare tr td.actions {
table.compare tr td.actions {
min-width: 326px; }
min-width: 326px; }
table.compare tr td .amount {
table.compare tr td .amount {
font-size: 14px; }
font-size: 14px; }
table.compare tr td .instock {
table.compare tr td .instock {
color: #6fd9e9;
color: #6fd9e9;
font-weight: normal; }
font-weight: normal; }
table.compare tr td .outstock {
table.compare tr td .outstock {
color: #8ec78e;
color: #8ec78e;
font-weight: normal; }
font-weight: normal; }
table.compare tr td .qty {
table.compare tr td .qty {
max-width: 60px;
max-width: 60px;
text-align: center; }
text-align: center; }
table.compare tr td .add_to_wishlist {
table.compare tr td .add_to_wishlist {
width: 60px;
width: 60px;
height: 48px;
height: 48px;
border: 2px solid #e3e3e3;
border: 2px solid #e3e3e3;
text-align: center;
text-align: center;
display: inline-block;
display: inline-block;
vertical-align: middle; }
vertical-align: middle; }
table.compare tr td .add_to_wishlist i {
table.compare tr td .add_to_wishlist i {
color: #999;
color: #999;
line-height: 44px; }
line-height: 44px; }
table.compare tr td .add_to_wishlist:hover {
table.compare tr td .add_to_wishlist:hover {
border-color: #000; }
border-color: #000; }
table.compare tr td .add_to_wishlist:hover i {
table.compare tr td .add_to_wishlist:hover i {
color: #000; }
color: #000; }
table.compare tr td .add_to_cart_button {
table.compare tr td .add_to_cart_button {
float: left;
float: left;
margin-right: 17px; }
margin-right: 17px; }
/*
/*
* 15.7 My Account page
* 15.7 My Account page
*/
*/
#customer_login h5 {
#customer_login h5 {
border: 1px solid #f0f0f0;
border: 1px solid #f0f0f0;
letter-spacing: 0.2em;
letter-spacing: 0.2em;
margin: 0;
margin: 0;
padding: 10px 0;
padding: 10px 0;
text-align: center; }
text-align: center; }
#customer_login form {
#customer_login form {
padding: 20px;
padding: 20px;
border: 1px solid #f0f0f0;
border: 1px solid #f0f0f0;
border-top: none;
border-top: none;
margin-bottom: 30px; }
margin-bottom: 30px; }
#customer_login form label {
#customer_login form label {
font-size: 14px;
font-size: 14px;
font-weight: normal;
font-weight: normal;
line-height: normal;
line-height: normal;
margin-bottom: 10px;
margin-bottom: 10px;
letter-spacing: 0.075em;
letter-spacing: 0.075em;
display: block; }
display: block; }
#customer_login form label.inline {
#customer_login form label.inline {
display: inline-block;
display: inline-block;
margin-left: 10px; }
margin-left: 10px; }
#customer_login form label .required {
#customer_login form label .required {
color: #ff0000; }
color: #ff0000; }
#customer_login form .form-row {
#customer_login form .form-row {
margin-bottom: 20px; }
margin-bottom: 20px; }
#customer_login form .lost_password {
#customer_login form .lost_password {
margin: 0; }
margin: 0; }
/*
/*
* 15.8 QuickView
* 15.8 QuickView
*/
*/
.themedev-product-popup {
.themedev-product-popup {
margin: 0 auto;
margin: 0 auto;
max-width: 600px;
max-width: 600px;
position: relative;
position: relative;
overflow: hidden; }
overflow: hidden; }
.themedev-product-popup .close-quickview {
.themedev-product-popup .close-quickview {
font-size: 18px;
font-size: 18px;
line-height: 1.4;
line-height: 1.4;
position: absolute;
position: absolute;
right: 30px;
right: 30px;
top: 35px; }
top: 35px; }
.themedev-product-popup .close-quickview.mobile-version {
.themedev-product-popup .close-quickview.mobile-version {
display: none;
display: none;
height: 30px;
height: 30px;
line-height: 30px;
line-height: 30px;
right: 0;
right: 0;
text-align: center;
text-align: center;
top: 0;
top: 0;
width: 30px; }
width: 30px; }
.themedev-product-popup .product-main {
.themedev-product-popup .product-main {
background: #FFF; }
background: #FFF; }
.themedev-product-popup .product-main .product-detail-images {
.themedev-product-popup .product-main .product-detail-images {
padding: 30px;
padding: 30px;
max-width: 600px; }
max-width: 600px; }
.themedev-product-popup .product-main .product-detail-thumbarea {
.themedev-product-popup .product-main .product-detail-thumbarea {
margin: 0;
margin: 0;
padding: 0; }
padding: 0; }
.themedev-product-popup .product-main .product-details-info {
.themedev-product-popup .product-main .product-details-info {
position: absolute;
position: absolute;
padding: 35px 30px 30px;
padding: 35px 30px 30px;
visibility: hidden;
visibility: hidden;
filter: alpha(opacity=0);
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-opacity: 0;
-webkit-opacity: 0;
-khtml-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
-o-opacity: 0;
opacity: 0;
opacity: 0;
-webkit-transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
-khtml-transition: all 0.2s ease-in-out 0s;
-khtml-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
-webkit-transform: translate3d(-40px, 0, 0);
-webkit-transform: translate3d(-40px, 0, 0);
-khtml-transform: translate3d(-40px, 0, 0);
-khtml-transform: translate3d(-40px, 0, 0);
-moz-transform: translate3d(-40px, 0, 0);
-moz-transform: translate3d(-40px, 0, 0);
-ms-transform: translate3d(-40px, 0, 0);
-ms-transform: translate3d(-40px, 0, 0);
-o-transform: translate3d(-40px, 0, 0);
-o-transform: translate3d(-40px, 0, 0);
transform: translate3d(-40px, 0, 0); }
transform: translate3d(-40px, 0, 0); }
.themedev-product-popup.animate-width {
.themedev-product-popup.animate-width {
max-width: 1200px; }
max-width: 1200px; }
.themedev-product-popup.add-content {
.themedev-product-popup.add-content {
max-width: 1200px; }
max-width: 1200px; }
.themedev-product-popup.add-content .product-detail-images {
.themedev-product-popup.add-content .product-detail-images {
width: 50%;
width: 50%;
float: left; }
float: left; }
.themedev-product-popup.add-content .product-details-info {
.themedev-product-popup.add-content .product-details-info {
position: relative;
position: relative;
visibility: visible;
visibility: visible;
opacity: 1;
opacity: 1;
float: left;
float: left;
width: 50%;
width: 50%;
-webkit-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-khtml-transform: translate3d(0, 0, 0);
-khtml-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
transform: translate3d(0, 0, 0); }
/* ==============================
/* ==============================
16. Slideshow and owl carousel
16. Slideshow and owl carousel
============================== */
============================== */
/*
/*
* 16.1 Rev slider
* 16.1 Rev slider
*/
*/
.rev_slider .product-attr {
.rev_slider .product-attr {
text-align: center; }
text-align: center; }
.rev_slider .product-attr h4 {
.rev_slider .product-attr h4 {
font-size: 16px;
font-size: 16px;
text-transform: none;
text-transform: none;
margin: 0 0 10px; }
margin: 0 0 10px; }
.rev_slider .tp-loader.spinner0 {
.rev_slider .tp-loader.spinner0 {
background-color: #FFFFFF; }
background-color: #FFFFFF; }
.rev_slider .metis {
.rev_slider .metis {
width: 50px;
width: 50px;
height: 50px;
height: 50px;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-khtml-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-khtml-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); }
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); }
.rev_slider .metis.tparrows:before {
.rev_slider .metis.tparrows:before {
font-size: 15px;
font-size: 15px;
line-height: 34px;
line-height: 34px;
color: #999999; }
color: #999999; }
.rev_slider .metis.tparrows.tp-leftarrow:before {
.rev_slider .metis.tparrows.tp-leftarrow:before {
font-family: FontAwesome;
font-family: FontAwesome;
content: "";
content: "";
font-style: normal;
font-style: normal;
font-weight: normal; }
font-weight: normal; }
.rev_slider .metis.tparrows.tp-rightarrow:before {
.rev_slider .metis.tparrows.tp-rightarrow:before {
font-family: FontAwesome;
font-family: FontAwesome;
content: "";
content: "";
font-style: normal;
font-style: normal;
font-weight: normal; }
font-weight: normal; }
.rev_slider .ares .tp-bullet {
.rev_slider .ares .tp-bullet {
width: 7px;
width: 7px;
height: 7px;
height: 7px;
background: #d7d7d7; }
background: #d7d7d7; }
.rev_slider .ares .tp-bullet:hover, .rev_slider .ares .tp-bullet.selected {
.rev_slider .ares .tp-bullet:hover, .rev_slider .ares .tp-bullet.selected {
background: #000000; }
background: #000000; }
.rev_slider .site-nav {
.rev_slider .site-nav {
width: 46px;
width: 46px;
background: none;
background: none;
border: 2px solid #fff; }
border: 2px solid #fff; }
.rev_slider .site-nav:hover:before {
.rev_slider .site-nav:hover:before {
-webkit-transform: scale(1.2);
-webkit-transform: scale(1.2);
-khtml-transform: scale(1.2);
-khtml-transform: scale(1.2);
-moz-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2); }
transform: scale(1.2); }
.rev_slider .site-nav:before {
.rev_slider .site-nav:before {
font-family: "icomoon";
font-family: "icomoon";
font-size: 18px;
font-size: 18px;
line-height: 36px;
line-height: 36px;
-webkit-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-khtml-transition: all 0.4s ease;
-khtml-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; }
transition: all 0.4s ease; }
.rev_slider .site-nav.tp-rightarrow:before {
.rev_slider .site-nav.tp-rightarrow:before {
content: "\ebf9"; }
content: "\ebf9"; }
.rev_slider .site-nav.tp-leftarrow:before {
.rev_slider .site-nav.tp-leftarrow:before {
content: "\ea26"; }
content: "\ea26"; }
.rev_slider .site-pagination .tp-bullet {
.rev_slider .site-pagination .tp-bullet {
width: 7px;
width: 7px;
height: 7px;
height: 7px;
background: #999999;
background: #999999;
-webkit-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%; }
border-radius: 50%; }
.rev_slider .site-pagination .tp-bullet:hover, .rev_slider .site-pagination .tp-bullet.selected {
.rev_slider .site-pagination .tp-bullet:hover, .rev_slider .site-pagination .tp-bullet.selected {
background: #ffffff; }
background: #ffffff; }
/*
/*
* 16.2 Owl Carousel
* 16.2 Owl Carousel
*/
*/
.owl-carousel-kt {
.owl-carousel-kt {
margin-left: -15px;
margin-left: -15px;
margin-right: -15px;
margin-right: -15px;
margin-bottom: 50px;
margin-bottom: 50px;
position: relative;
position: relative;
cursor: url(../images/drag.png) 16 9, ew-resize !important; }
cursor: url(../images/drag.png) 16 9, ew-resize !important; }
.owl-carousel-kt.no-gutters {
.owl-carousel-kt.no-gutters {
margin-left: 0;
margin-left: 0;
margin-right: 0; }
margin-right: 0; }
.owl-carousel-kt.no-gutters .kt-owl-carousel .owl-item {
.owl-carousel-kt.no-gutters .kt-owl-carousel .owl-item {
padding-left: 0;
padding-left: 0;
padding-right: 0; }
padding-right: 0; }
.owl-carousel-kt.big-width .owl-carousel-kt-inner {
.owl-carousel-kt.big-width .owl-carousel-kt-inner {
max-width: 1550px;
max-width: 1550px;
margin: 0 auto; }
margin: 0 auto; }
.owl-carousel-kt .kt-owl-carousel .owl-item {
.owl-carousel-kt .kt-owl-carousel .owl-item {
padding-left: 15px;
padding-left: 15px;
padding-right: 15px; }
padding-right: 15px; }
.owl-carousel-kt.navigation-center .owl-buttons > div, .owl-carousel-kt.navigation-center-inner .owl-buttons > div {
.owl-carousel-kt.navigation-center .owl-buttons > div, .owl-carousel-kt.navigation-center-inner .owl-buttons > div {
position: absolute;
position: absolute;
-webkit-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-khtml-transform: translateY(-50%);
-khtml-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
top: 50%;
font-size: 30px;
font-size: 30px;
color: #000000;
color: #000000;
width: 30px;
width: 30px;
height: 30px;
height: 30px;
line-height: 30px;
line-height: 30px;
text-align: center; }
text-align: center; }
.owl-carousel-kt.navigation-center .owl-buttons > div.owl-prev {
.owl-carousel-kt.navigation-center .owl-buttons > div.owl-prev {
left: -105px; }
left: -105px; }
.owl-carousel-kt.navigation-center .owl-buttons > div.owl-next {
.owl-carousel-kt.navigation-center .owl-buttons > div.owl-next {
right: -105px; }
right: -105px; }
.owl-carousel-kt.navigation-center-inner .owl-buttons > div {
.owl-carousel-kt.navigation-center-inner .owl-buttons > div {
color: #FFFFFF; }
color: #FFFFFF; }
.owl-carousel-kt.navigation-center-inner .owl-buttons > div.owl-prev {
.owl-carousel-kt.navigation-center-inner .owl-buttons > div.owl-prev {
left: 20px; }
left: 20px; }
.owl-carousel-kt.navigation-center-inner .owl-buttons > div.owl-next {
.owl-carousel-kt.navigation-center-inner .owl-buttons > div.owl-next {
right: 20px; }
right: 20px; }
.owl-carousel-kt .owl-buttons {
.owl-carousel-kt .owl-buttons {
filter: alpha(opacity=0);
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-opacity: 0;
-webkit-opacity: 0;
-khtml-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
-o-opacity: 0;
opacity: 0;
opacity: 0;
-webkit-transition: all 1s ease;
-webkit-transition: all 1s ease;
-khtml-transition: all 1s ease;
-khtml-transition: all 1s ease;
-moz-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease; }
transition: all 1s ease; }
.owl-carousel-kt .owl-buttons > div {
.owl-carousel-kt .owl-buttons > div {
cursor: pointer; }
cursor: pointer; }
.owl-carousel-kt:hover .owl-buttons {
.owl-carousel-kt:hover .owl-buttons {
filter: alpha(opacity=100);
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
-o-opacity: 1;
opacity: 1; }
opacity: 1; }
.owl-carousel-kt.visiable-navigation .owl-buttons {
.owl-carousel-kt.visiable-navigation .owl-buttons {
filter: alpha(opacity=100);
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
-o-opacity: 1;
opacity: 1; }
opacity: 1; }
.owl-carousel-kt.navigation-square-light .owl-buttons div {
.owl-carousel-kt.navigation-square-light .owl-buttons div {
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-khtml-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-khtml-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
background: #FFFFFF;
background: #FFFFFF;
color: #999999;
color: #999999;
font-size: 18px;
font-size: 18px;
height: 50px;
height: 50px;
line-height: 50px;
line-height: 50px;
width: 50px; }
width: 50px; }
.owl-carousel-kt.navigation-square-light.navigation-center-inner .owl-buttons > div.owl-prev {
.owl-carousel-kt.navigation-square-light.navigation-center-inner .owl-buttons > div.owl-prev {
left: 35px; }
left: 35px; }
.owl-carousel-kt.navigation-square-light.navigation-center-inner .owl-buttons > div.owl-next {
.owl-carousel-kt.navigation-square-light.navigation-center-inner .owl-buttons > div.owl-next {
right: 35px; }
right: 35px; }
.owl-carousel-kt .owl-pagination {
.owl-carousel-kt .owl-pagination {
text-align: center;
text-align: center;
margin: 40px 0 0; }
margin: 40px 0 0; }
.owl-carousel-kt .owl-pagination .owl-page {
.owl-carousel-kt .owl-pagination .owl-page {
background: #d7d7d7;
background: #d7d7d7;
cursor: pointer;
cursor: pointer;
height: 8px;
height: 8px;
display: inline-block;
display: inline-block;
width: 8px;
width: 8px;
margin: 0 7px;
margin: 0 7px;
-webkit-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
-khtml-transition: all 0.2s ease-in-out 0s;
-khtml-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s; }
transition: all 0.2s ease-in-out 0s; }
.owl-carousel-kt .owl-pagination .owl-page:hover, .owl-carousel-kt .owl-pagination .owl-page.active {
.owl-carousel-kt .owl-pagination .owl-page:hover, .owl-carousel-kt .owl-pagination .owl-page.active {
background: #000000; }
background: #000000; }
.owl-carousel-kt.pagination-before .owl-pagination {
.owl-carousel-kt.pagination-before .owl-pagination {
margin: 0 0 40px; }
margin: 0 0 40px; }
/* ==============================
/* ==============================
17. Popup Newletter
17. Popup Newletter
============================== */
============================== */
#popup-wrap {
#popup-wrap {
max-width: 900px;
max-width: 900px;
background: #fff;
background: #fff;
margin: 0 auto;
margin: 0 auto;
position: relative; }
position: relative; }
#popup-wrap .mfp-close {
#popup-wrap .mfp-close {
left: 100%;
left: 100%;
background: #fff;
background: #fff;
filter: alpha(opacity=100);
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
-o-opacity: 1;
opacity: 1; }
opacity: 1; }
#popup-wrap .mfp-close:active {
#popup-wrap .mfp-close:active {
top: 0; }
top: 0; }
#popup-wrap .wrapper-newletter-popup {
#popup-wrap .wrapper-newletter-popup {
padding: 50px 55px 35px 405px;
padding: 50px 55px 35px 405px;
text-align: center; }
text-align: center; }
#popup-wrap .wrapper-newletter-popup .newsletters-form {
#popup-wrap .wrapper-newletter-popup .newsletters-form {
margin-top: 50px; }
margin-top: 50px; }
#popup-wrap .wrapper-newletter-popup .bg-popup {
#popup-wrap .wrapper-newletter-popup .bg-popup {
width: 350px;
width: 350px;
height: 100%;
height: 100%;
position: absolute;
position: absolute;
top: 0;
top: 0;
left: 0;
left: 0;
background: url(../images/bg-popup.png) no-repeat center center;
background: url(../images/bg-popup.png) no-repeat center center;
background-size: cover; }
background-size: cover; }
/* ==============================
/* ==============================
18. Back to Top
18. Back to Top
============================== */
============================== */
#back-to-top {
#back-to-top {
width: 50px;
width: 50px;
height: 50px;
height: 50px;
background: #fff;
background: #fff;
text-align: center;
text-align: center;
position: fixed;
position: fixed;
right: 30px;
right: 30px;
bottom: 30px;
bottom: 30px;
z-index: 100;
z-index: 100;
cursor: pointer;
cursor: pointer;
display: none;
display: none;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
-khtml-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
-khtml-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
-ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
-ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
-o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
-o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
color: #000000; }
color: #000000; }
#back-to-top i {
#back-to-top i {
font-size: 18px;
font-size: 18px;
line-height: 50px;
line-height: 50px;
-webkit-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-khtml-transition: all 0.4s ease;
-khtml-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; }
transition: all 0.4s ease; }
#back-to-top:hover i {
#back-to-top:hover i {
-webkit-transform: scale(1.5);
-webkit-transform: scale(1.5);
-khtml-transform: scale(1.5);
-khtml-transform: scale(1.5);
-moz-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5); }
transform: scale(1.5); }
/* ==============================
/* ==============================
19. Main content
19. Main content
============================== */
============================== */
/*
/*
* 19.1 About page
* 19.1 About page
*/
*/
.about-left {
.about-left {
margin-left: 30px;
margin-left: 30px;
margin-bottom: 30px; }
margin-bottom: 30px; }
/*
/*
* 19.2 Contact page
* 19.2 Contact page
*/
*/
.contact-details {
.contact-details {
background: #f6f6f6;
background: #f6f6f6;
padding: 65px 35px;
padding: 65px 35px;
margin-bottom: 30px;
margin-bottom: 30px;
color: #999999; }
color: #999999; }
.contact-details p {
.contact-details p {
line-height: 36px;
line-height: 36px;
margin-bottom: 40px; }
margin-bottom: 40px; }
.contact-details .social-nav li a {
.contact-details .social-nav li a {
color: #999999; }
color: #999999; }
.contact-details .social-nav li a:hover {
.contact-details .social-nav li a:hover {
color: #000000; }
color: #000000; }
.contactform {
.contactform {
margin-bottom: 30px; }
margin-bottom: 30px; }
.contactform h4 {
.contactform h4 {
margin-bottom: 30px; }
margin-bottom: 30px; }
.contactform input[type="text"],
.contactform input[type="text"],
.contactform textarea {
.contactform textarea {
padding: 15px 0;
padding: 15px 0;
line-height: normal;
line-height: normal;
border: none;
border: none;
border-bottom: 2px solid #e3e3e3;
border-bottom: 2px solid #e3e3e3;
height: auto; }
height: auto; }
.contactform input[type="text"]:focus,
.contactform input[type="text"]:focus,
.contactform textarea:focus {
.contactform textarea:focus {
border-color: #999999; }
border-color: #999999; }
.contactform textarea {
.contactform textarea {
width: 100% !important; }
width: 100% !important; }
/*
/*
* 19.3 404 page
* 19.3 404 page
*/
*/
.wrapper-404 {
.wrapper-404 {
background: #f6f6f6;
background: #f6f6f6;
position: fixed;
position: fixed;
width: 100%;
width: 100%;
height: 100%;
height: 100%;
top: 0;
top: 0;
left: 0;
left: 0;
z-index: 1; }
z-index: 1; }
#error404 {
#error404 {
text-align: center;
text-align: center;
position: absolute;
position: absolute;
max-width: 100%;
max-width: 100%;
top: 50%;
top: 50%;
left: 50%;
left: 50%;
position: absolute;
position: absolute;
-webkit-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
top: 50%;
left: 50%;
left: 50%;
padding: 0 20px;
padding: 0 20px;
z-index: 2; }
z-index: 2; }
#error404 h1 {
#error404 h1 {
font-family: "Vollkorn", serif;
font-family: "Vollkorn", serif;
font-size: 200px;
font-size: 200px;
font-style: italic;
font-style: italic;
line-height: 200px;
line-height: 200px;
margin-bottom: 25px;
margin-bottom: 25px;
letter-spacing: 0;
letter-spacing: 0;
font-weight: 400; }
font-weight: 400; }
#error404 h4 {
#error404 h4 {
font-size: 16px;
font-size: 16px;
font-family: "Karla", arial, sans-serif;
font-family: "Karla", arial, sans-serif;
color: #999;
color: #999;
text-transform: none;
text-transform: none;
margin-bottom: 30px;
margin-bottom: 30px;
font-weight: 400; }
font-weight: 400; }
#error404 p a {
#error404 p a {
color: #74cdd7; }
color: #74cdd7; }
#error404 p a i {
#error404 p a i {
font-size: 20px;
font-size: 20px;
vertical-align: middle;
vertical-align: middle;
margin-left: 15px; }
margin-left: 15px; }
/*# sourceMappingURL=style.css.map */
/*# sourceMappingURL=style.css.map */
.box {
.box {
background:#fff;
background:#fff;
transition:all 0.2s ease;
transition:all 0.2s ease;
border:1px dashed #dadada;
border:1px dashed #dadada;
/*margin-top: 10px;*/
/*margin-top: 10px;*/
box-sizing: border-box;
box-sizing: border-box;
background-clip: padding-box;
background-clip: padding-box;
padding:0 10px 10px 10px;
padding:0 10px 10px 10px;
min-height:200px;
min-height:200px;
}
}
.box:hover {
.box:hover {
border:1px solid #f15d35;
border:1px solid blueviolet !important;
background: #fefefe;
background: #fefefe;
}
}
.box span.box-title {
.box span.box-title {
color: #fff;
color: #fff;
font-size: 16px;
font-size: 16px;
font-weight: 300;
font-weight: 300;
text-transform: uppercase;
text-transform: uppercase;
}
}
.box .box-content {
.box .box-content {
padding: 15px;
padding: 15px;
background-clip: padding-box;
background-clip: padding-box;
box-sizing: border-box;
box-sizing: border-box;
}
}
.box .box-content p {
.box .box-content p {
color:#515c66;
color:#515c66;
text-transform:none;
text-transform:none;
}
}
.rst-post-container {
.rst-post-container {
padding: 110px 0 0;
padding: 110px 0 0;
}
}
.rst-category {
.rst-category {
border: 1px solid #f0f1f2;
border: 1px solid #f0f1f2;
float: left;
float: left;
margin: -1px 0 0 -1px;
margin: -1px 0 0 -1px;
padding: 30px 30px 40px;
padding: 30px 30px 40px;
width: 33.3332%;
width: 33.3332%;
}
}
.rst-category li {
.rst-category li {
margin: 0 0 22px;
margin: 0 0 22px;
list-style: none;
list-style: none;
}
}
.rst-category li a {
.rst-category li a {
color: #1c2633;
color: #1c2633;
opacity: 0.5;
opacity: 0.5;
-webkit-transition: opacity 0.3s ease-out;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-ms-transition: opacity 0.3s ease-out;
-ms-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
}
.rst-category li a:hover,
.rst-category li a:hover,
.rst-category li a:hover i
.rst-category li a:hover i
{
{
opacity: 1;
opacity: 1;
-webkit-transition: opacity 0.3s ease-out;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-ms-transition: opacity 0.3s ease-out;
-ms-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
}
.rst-category li a i {
.rst-category li a i {
color: #9b79d2;
color: #9b79d2;
display: inline-block;
display: inline-block;
font-size: 16px;
font-size: 16px;
font-weight: bold;
font-weight: bold;
margin: 2px 0 0 5px;
margin: 2px 0 0 5px;
opacity: 0;
opacity: 0;
vertical-align: top;
vertical-align: top;
}
}
.rst-category li a img
.rst-category li a img
{
{
display: inline-block;
display: inline-block;
margin: -3px 10px 0 0;
margin: -3px 10px 0 0;
vertical-align: middle;
vertical-align: middle;
}
}
.rst-category h4 span {
.rst-category h4 span {
background: #f8f9fb none repeat scroll 0 0;
background: #f8f9fb none repeat scroll 0 0;
border-radius: 30px;
border-radius: 30px;
color: #233141;
color: #233141;
display: inline-block;
display: inline-block;
font-size: 14px;
font-size: 14px;
margin: -2px 0 0 10px;
margin: -2px 0 0 10px;
padding: 6px 15px;
padding: 6px 15px;
vertical-align: top;
vertical-align: top;
-webkit-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
}
.rst-category h4 a {
.rst-category h4 a {
color: #233141;
color: #233141;
}
}
.rst-category h4 a:hover span
.rst-category h4 a:hover span
{
{
background: #9b79d2;
background: #9b79d2;
color: #fff;
color: #fff;
-webkit-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
}
.rst-cat-list .rst-single-content h2 {
.rst-cat-list .rst-single-content h2 {
margin: 0 0 20px;
margin: 0 0 20px;
}
}
.rst-cat-list .rst-single-content {
.rst-cat-list .rst-single-content {
border-bottom: 1px solid #f0f2f1;
border-bottom: 1px solid #f0f2f1;
margin: 0 0 35px;
margin: 0 0 35px;
padding: 0 0 24px;
padding: 0 0 24px;
}
}
.rst-cat-list .rst-single-content h2 a
.rst-cat-list .rst-single-content h2 a
{
{
color: #233141;
color: #233141;
}
}
/* Page navigation */
/* Page navigation */
.rst-page ul {
.rst-page ul {
padding: 0 60px;
padding: 0 60px;
position: relative;
position: relative;
}
}
.rst-page li {
.rst-page li {
display: inline-block;
display: inline-block;
margin: 4px;
margin: 4px;
}
}
.rst-page li a {
.rst-page li a {
border-radius: 50%;
border-radius: 50%;
color: #a8b3bf;
color: #a8b3bf;
display: block;
display: block;
font-family: Montserrat;
font-family: Montserrat;
height: 42px;
height: 42px;
padding: 11px 0;
padding: 11px 0;
width: 42px;
width: 42px;
-webkit-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
}
.rst-page li:first-child
.rst-page li:first-child
{
{
position: absolute;
position: absolute;
top: 0;
top: 0;
left: -18px;
left: -18px;
}
}
.rst-page li:last-child
.rst-page li:last-child
{
{
position: absolute;
position: absolute;
top: 0;
top: 0;
right: -18px;
right: -18px;
}
}
.rst-page li a:hover
.rst-page li a:hover
{
{
color: #fff;
color: #fff;
-webkit-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
}
.rst-page li.active a
.rst-page li.active a
{
{
color: #fff;
color: #fff;
}
}
.rst-post-container {
.rst-post-container {
padding: 30px 0 0;
padding: 30px 0 0;
}
}
@media (max-width: 1170px){
@media (max-width: 1170px){
.rst-category {width: 50%;}
.rst-category {width: 50%;}
.rst-category h3 span {line-height: normal;margin: 0 0 0 10px;}
.rst-category h3 span {line-height: normal;margin: 0 0 0 10px;}
.rst-category h3{line-height: 35px;}
.rst-category h3{line-height: 35px;}
.rst-category {width: 100%;}
.rst-category {width: 100%;}
}
}
h3.widget-title.side-nav {margin-top: 20px;}
h3.widget-title.side-nav {margin-top: 20px;}
.dash-page{padding:10px 0px!important;}
.dash-page{padding:10px 0px!important;}
.no-border{border:none;}
.no-border{border:none;}
.val_err p{color:#ff0000;margin-bottom:0px;}
.val_err p{color:#ff0000;margin-bottom:0px;}
.container-padd{padding-right: 20px;padding-left: 20px;margin-right: 0px;margin-left: 0px;}
.container-padd{padding-right: 20px;padding-left: 20px;margin-right: 0px;margin-left: 0px;}
@media (min-width: 1200px){
@media (min-width: 1200px){
.container-padd{width:100%!important;}
.container-padd{width:100%!important;}
}
}
.col-md-12.logos {margin-bottom: 36px;}
.col-md-12.logos {margin-bottom: 36px;}
/* 1. Styles for devices(<=1300px) */
/* 1. Styles for devices(<=1300px) */
@media (max-width: 1300px) {
@media (max-width: 1300px) {
#footer-area .footer-area-inner {
#footer-area .footer-area-inner {
padding: 55px 40px 40px; }
padding: 55px 40px 40px; }
#footer-area .footer-area-right {
#footer-area .footer-area-right {
padding: 50px 45px; } }
padding: 50px 45px; } }
/* 5. Styles for devices(>=1200px) */
/* 5. Styles for devices(>=1200px) */
@media (min-width: 1200px) {
@media (min-width: 1200px) {
.side-bar .widget-container {
.side-bar .widget-container {
margin-right: 25px; }
margin-right: 25px; }
.side-bar.side-bar-right .widget-container {
.side-bar.side-bar-right .widget-container {
margin-left: 25px;
margin-left: 25px;
margin-right: 0; }
margin-right: 0; }
.product-main .product-detail-thumbarea {
.product-main .product-detail-thumbarea {
padding-right: 45px; }
padding-right: 45px; }
.product-main.style3 .product-detail-thumbarea {
.product-main.style3 .product-detail-thumbarea {
margin-right: 45px; }
margin-right: 45px; }
.product-content .cd-item-wrapper li {
.product-content .cd-item-wrapper li {
cursor: pointer; }
cursor: pointer; }
.product-content .cd-item-wrapper li.focus-on-left {
.product-content .cd-item-wrapper li.focus-on-left {
-webkit-transform: translateX(3%) scale(1);
-webkit-transform: translateX(3%) scale(1);
-khtml-transform: translateX(3%) scale(1);
-khtml-transform: translateX(3%) scale(1);
-moz-transform: translateX(3%) scale(1);
-moz-transform: translateX(3%) scale(1);
-ms-transform: translateX(3%) scale(1);
-ms-transform: translateX(3%) scale(1);
-o-transform: translateX(3%) scale(1);
-o-transform: translateX(3%) scale(1);
transform: translateX(3%) scale(1); }
transform: translateX(3%) scale(1); }
.product-content .cd-item-wrapper li.focus-on-left.move-right {
.product-content .cd-item-wrapper li.focus-on-left.move-right {
-webkit-transform: translateX(75%) scale(0.5);
-webkit-transform: translateX(75%) scale(0.5);
-khtml-transform: translateX(75%) scale(0.5);
-khtml-transform: translateX(75%) scale(0.5);
-moz-transform: translateX(75%) scale(0.5);
-moz-transform: translateX(75%) scale(0.5);
-ms-transform: translateX(75%) scale(0.5);
-ms-transform: translateX(75%) scale(0.5);
-o-transform: translateX(75%) scale(0.5);
-o-transform: translateX(75%) scale(0.5);
transform: translateX(75%) scale(0.5); }
transform: translateX(75%) scale(0.5); }
.product-content .cd-item-wrapper li.focus-on-right {
.product-content .cd-item-wrapper li.focus-on-right {
-webkit-transform: translateX(-3%) scale(1);
-webkit-transform: translateX(-3%) scale(1);
-khtml-transform: translateX(-3%) scale(1);
-khtml-transform: translateX(-3%) scale(1);
-moz-transform: translateX(-3%) scale(1);
-moz-transform: translateX(-3%) scale(1);
-ms-transform: translateX(-3%) scale(1);
-ms-transform: translateX(-3%) scale(1);
-o-transform: translateX(-3%) scale(1);
-o-transform: translateX(-3%) scale(1);
transform: translateX(-3%) scale(1); }
transform: translateX(-3%) scale(1); }
.product-content .cd-item-wrapper li.focus-on-right.move-left {
.product-content .cd-item-wrapper li.focus-on-right.move-left {
-webkit-transform: translateX(-75%) scale(0.5);
-webkit-transform: translateX(-75%) scale(0.5);
-khtml-transform: translateX(-75%) scale(0.5);
-khtml-transform: translateX(-75%) scale(0.5);
-moz-transform: translateX(-75%) scale(0.5);
-moz-transform: translateX(-75%) scale(0.5);
-ms-transform: translateX(-75%) scale(0.5);
-ms-transform: translateX(-75%) scale(0.5);
-o-transform: translateX(-75%) scale(0.5);
-o-transform: translateX(-75%) scale(0.5);
transform: translateX(-75%) scale(0.5); }
transform: translateX(-75%) scale(0.5); }
.product-content .cd-item-wrapper li.hover.move-left {
.product-content .cd-item-wrapper li.hover.move-left {
-webkit-transform: translateX(-70%) scale(0.65);
-webkit-transform: translateX(-70%) scale(0.65);
-khtml-transform: translateX(-70%) scale(0.65);
-khtml-transform: translateX(-70%) scale(0.65);
-moz-transform: translateX(-70%) scale(0.65);
-moz-transform: translateX(-70%) scale(0.65);
-ms-transform: translateX(-70%) scale(0.65);
-ms-transform: translateX(-70%) scale(0.65);
-o-transform: translateX(-70%) scale(0.65);
-o-transform: translateX(-70%) scale(0.65);
transform: translateX(-70%) scale(0.65); }
transform: translateX(-70%) scale(0.65); }
.product-content .cd-item-wrapper li.hover.move-right {
.product-content .cd-item-wrapper li.hover.move-right {
-webkit-transform: translateX(70%) scale(0.65);
-webkit-transform: translateX(70%) scale(0.65);
-khtml-transform: translateX(70%) scale(0.65);
-khtml-transform: translateX(70%) scale(0.65);
-moz-transform: translateX(70%) scale(0.65);
-moz-transform: translateX(70%) scale(0.65);
-ms-transform: translateX(70%) scale(0.65);
-ms-transform: translateX(70%) scale(0.65);
-o-transform: translateX(70%) scale(0.65);
-o-transform: translateX(70%) scale(0.65);
transform: translateX(70%) scale(0.65); } }
transform: translateX(70%) scale(0.65); } }
/* 8. Styles for devices(<=1199px) */
/* 8. Styles for devices(<=1199px) */
@media (max-width: 1199px) {
@media (max-width: 1199px) {
.sticky-placeholder,
.sticky-placeholder,
.topbar {
.topbar {
display: none; }
display: none; }
#header.header-full-center.navigation-center .branding {
#header.header-full-center.navigation-center .branding {
position: static;
position: static;
text-align: center;
text-align: center;
float: none;
float: none;
display: block; }
display: block; }
#header.header-full-center .navbar-container {
#header.header-full-center .navbar-container {
padding: 0 15px; }
padding: 0 15px; }
.navbar-container .is-sticky {
.navbar-container .is-sticky {
position: static !important; }
position: static !important; }
.navbar-container .navbar-container-inner {
.navbar-container .navbar-container-inner {
height: 80px;
height: 80px;
line-height: 80px; }
line-height: 80px; }
.navbar-container .main-nav {
.navbar-container .main-nav {
display: none; }
display: none; }
.navbar-container .branding h1 {
.navbar-container .branding h1 {
line-height: 80px;
line-height: 80px;
font-size: 20px; }
font-size: 20px; }
.mobile-tool {
.mobile-tool {
display: block; }
display: block; }
.products.products-multi-masonry .product .product-details {
.products.products-multi-masonry .product .product-details {
display: none; }
display: none; }
.product-main form.cart .cart-tool {
.product-main form.cart .cart-tool {
clear: both;
clear: both;
float: none;
float: none;
padding-top: 20px; }
padding-top: 20px; }
.product-main form.cart .cart-tool > a:first-child {
.product-main form.cart .cart-tool > a:first-child {
margin-left: 0; }
margin-left: 0; }
.product-main .product-shareit .social_icons li {
.product-main .product-shareit .social_icons li {
width: auto; }
width: auto; }
.product-main .product-shareit .social_icons li a {
.product-main .product-shareit .social_icons li a {
padding: 15px 25px; }
padding: 15px 25px; }
.product-main .product-shareit .social_icons li a span {
.product-main .product-shareit .social_icons li a span {
display: none; }
display: none; }
.product-main .product-shareit .social_icons li a i {
.product-main .product-shareit .social_icons li a i {
display: inline; }
display: inline; }
.product-main.style2 .product-detail-wrap {
.product-main.style2 .product-detail-wrap {
padding: 40px 0; }
padding: 40px 0; }
.single-post .share-it .social_icons li a {
.single-post .share-it .social_icons li a {
padding: 15px 25px; }
padding: 15px 25px; }
.single-post .share-it .social_icons li a span {
.single-post .share-it .social_icons li a span {
display: none; }
display: none; }
.single-post .share-it .social_icons li a i {
.single-post .share-it .social_icons li a i {
display: block; }
display: block; }
.themedev-product-popup {
.themedev-product-popup {
max-width: 485px; }
max-width: 485px; }
.themedev-product-popup .product-main .product-detail-images {
.themedev-product-popup .product-main .product-detail-images {
max-width: 485px; }
max-width: 485px; }
.themedev-product-popup.animate-width {
.themedev-product-popup.animate-width {
max-width: 970px; }
max-width: 970px; }
.themedev-product-popup.add-content {
.themedev-product-popup.add-content {
max-width: 970px; } }
max-width: 970px; } }
/* 4. Styles for devices(<=991px ) */
/* 4. Styles for devices(<=991px ) */
@media (max-width: 991px) {
@media (max-width: 991px) {
.page-section {
.page-section {
background-attachment: inherit; }
background-attachment: inherit; }
.product-main.style2 .product-detail-wrap, .product-main.style3 .product-detail-wrap {
.product-main.style2 .product-detail-wrap, .product-main.style3 .product-detail-wrap {
max-width: none;
max-width: none;
padding: 40px 15px; }
padding: 40px 15px; }
.page-header {
.page-header {
text-align: center; }
text-align: center; }
.page-header .text-right {
.page-header .text-right {
text-align: center; }
text-align: center; }
.products-tools .products-sortby .select-icon {
.products-tools .products-sortby .select-icon {
margin-right: 15px; }
margin-right: 15px; }
.products-tools .products-sortby .select-icon:last-child {
.products-tools .products-sortby .select-icon:last-child {
margin-right: 0; }
margin-right: 0; }
.products-tools .result-count {/* display: none; */ float: left;}
.products-tools .result-count {/* display: none; */ float: left;}
.products-tools .grid-list {margin-right: 10; }
.products-tools .grid-list {margin-right: 10; }
.themedev-product-popup {
.themedev-product-popup {
max-width: none;
max-width: none;
margin: 10px; }
margin: 10px; }
.themedev-product-popup .product-main .product-details-info,
.themedev-product-popup .product-main .product-details-info,
.themedev-product-popup .product-main .product-detail-images {
.themedev-product-popup .product-main .product-detail-images {
max-width: none;
max-width: none;
float: none;
float: none;
width: auto;
width: auto;
position: static; }
position: static; }
.themedev-product-popup.animate-width {
.themedev-product-popup.animate-width {
max-width: none;
max-width: none;
float: none;
float: none;
width: auto; }
width: auto; }
.themedev-product-popup .close-quickview {
.themedev-product-popup .close-quickview {
display: none; }
display: none; }
.themedev-product-popup .close-quickview.mobile-version {
.themedev-product-popup .close-quickview.mobile-version {
display: block; }
display: block; }
.cart-collaterals .shipping_calculator button {
.cart-collaterals .shipping_calculator button {
margin-top: 15px; }
margin-top: 15px; }
#popup-wrap .mfp-close {
#popup-wrap .mfp-close {
left: auto;
left: auto;
right: 0; }
right: 0; }
.products.lists .product .product-content {
.products.lists .product .product-content {
margin-right: 30px; }
margin-right: 30px; }
.products.lists .product h3.product-title {
.products.lists .product h3.product-title {
margin-top: 0; } }
margin-top: 0; } }
/* 5. Styles for devices(>=768px and <= 991px) */
/* 5. Styles for devices(>=768px and <= 991px) */
/* 6. Styles for devices(<=767px ) */
/* 6. Styles for devices(<=767px ) */
@media (max-width: 767px) {
@media (max-width: 767px) {
.products.products-multi-masonry .product {
.products.products-multi-masonry .product {
width: 50%; }
width: 50%; }
.products.products-multi-masonry .product .product-thumbnail {
.products.products-multi-masonry .product .product-thumbnail {
height: auto !important; }
height: auto !important; }
.product-list-widget .product-title {
.product-list-widget .product-title {
margin-top: 30px; }
margin-top: 30px; }
.kt_callout .kt-col {
.kt_callout .kt-col {
display: block;
display: block;
padding: 0 0 20px;
padding: 0 0 20px;
text-align: center !important;
text-align: center !important;
width: 100%; }
width: 100%; }
form.checkout .coupon_wrap .coupon-form {
form.checkout .coupon_wrap .coupon-form {
padding: 0; }
padding: 0; }
form.checkout .coupon_wrap .coupon-form input.submit {
form.checkout .coupon_wrap .coupon-form input.submit {
position: static;
position: static;
margin-top: 10px; }
margin-top: 10px; }
.table-responsive {
.table-responsive {
border-color: #f0f0f0; }
border-color: #f0f0f0; }
.woocommerce-tabs .nav {
.woocommerce-tabs .nav {
padding: 0; }
padding: 0; }
.woocommerce-tabs .nav li {
.woocommerce-tabs .nav li {
width: 100%;
width: 100%;
margin: 0;
margin: 0;
padding: 15px 0;
padding: 15px 0;
border-top: 2px solid #e3e3e3; }
border-top: 2px solid #e3e3e3; }
.woocommerce-tabs .shop_attributes {
.woocommerce-tabs .shop_attributes {
width: 100%; }
width: 100%; }
.side-bar {
.side-bar {
margin-top: 0px;
margin-top: 0px;
}
}
.about-left {
.about-left {
margin-left: 0; }
margin-left: 0; }
#popup-wrap .wrapper-newletter-popup {
#popup-wrap .wrapper-newletter-popup {
padding-left: 200px; }
padding-left: 200px; }
#popup-wrap .wrapper-newletter-popup .bg-popup {
#popup-wrap .wrapper-newletter-popup .bg-popup {
width: 200px; }
width: 200px; }
.products.lists .product {
.products.lists .product {
text-align: center; }
text-align: center; }
.products.lists .product .product-content {
.products.lists .product .product-content {
max-width: 100%;
max-width: 100%;
width: 100%;
width: 100%;
margin: 0 0 30px; }
margin: 0 0 30px; }
.products.lists .product .product-content img {
.products.lists .product .product-content img {
width: 100%; }
width: 100%; }
.products.lists .product .product-attribute {
.products.lists .product .product-attribute {
margin: 0; } }
margin: 0; } }
/* 7. Styles for devices(>=481px and <= 767px) */
/* 7. Styles for devices(>=481px and <= 767px) */
/* 8. Styles for devices(<=480px ) */
/* 8. Styles for devices(<=480px ) */
@media (max-width: 480px) {
@media (max-width: 480px) {
.products .product {
.products .product {
width: 100% !important; }
width: 100% !important; }
.product-list-widget .product-widget {
.product-list-widget .product-widget {
width: 100%; }
width: 100%; }
.product-main .product-price-wrap .review-summary {
.product-main .product-price-wrap .review-summary {
clear: both;
clear: both;
display: block;
display: block;
float: none;
float: none;
margin: 0;
margin: 0;
padding-top: 10px; }
padding-top: 10px; }
.product-main form.cart .quantity input {
.product-main form.cart .quantity input {
float: none;
float: none;
margin-bottom: 20px; }
margin-bottom: 20px; }
.products-tools .products-sortby .select-icon {
.products-tools .products-sortby .select-icon {
margin-right: 10px; }
margin-right: 10px; }
.products-tools .products-sortby .select-icon:last-child {
.products-tools .products-sortby .select-icon:last-child {
margin-right: 0; }
margin-right: 0; }
.products-tools .grid-list {
.products-tools .grid-list {
display: none; }
display: none; }
.collection-wrapper {
.collection-wrapper {
margin: 30px 0; }
margin: 30px 0; }
.collection-wrapper .left-collection,
.collection-wrapper .left-collection,
.collection-wrapper .right-collection {
.collection-wrapper .right-collection {
margin-bottom: 15px;
margin-bottom: 15px;
position: static;
position: static;
width: auto; }
width: auto; }
.collection-wrapper .front-collection {
.collection-wrapper .front-collection {
margin: 0; }
margin: 0; }
.collection-wrapper .collection-image {
.collection-wrapper .collection-image {
margin-bottom: 30px; }
margin-bottom: 30px; }
.collection-wrapper .collection-content {
.collection-wrapper .collection-content {
width: auto; }
width: auto; }
.category-banner .category-banner-content h1 {
.category-banner .category-banner-content h1 {
font-size: 30px;
font-size: 30px;
margin-bottom: 30px; }
margin-bottom: 30px; }
.category-banner:hover ul {
.category-banner:hover ul {
margin-bottom: 30px; }
margin-bottom: 30px; }
.kt-tab-container .tabs li {
.kt-tab-container .tabs li {
width: 100%;
width: 100%;
margin: 0; }
margin: 0; }
#popup-wrap .wrapper-newletter-popup {
#popup-wrap .wrapper-newletter-popup {
padding: 20px; }
padding: 20px; }
#popup-wrap .wrapper-newletter-popup .bg-popup {
#popup-wrap .wrapper-newletter-popup .bg-popup {
display: none; }
display: none; }
.banner .banner-content {
.banner .banner-content {
padding: 30px 35px; }
padding: 30px 35px; }
form.checkout .coupon_wrap .coupon-form input.submit {
form.checkout .coupon_wrap .coupon-form input.submit {
width: 100%; }
width: 100%; }
.cart-collaterals .cart-collaterals-inner button.btn-medium {
.cart-collaterals .cart-collaterals-inner button.btn-medium {
width: 100%; }
width: 100%; }
#review_form .comment-form-rating, #review_form .form-submit {
#review_form .comment-form-rating, #review_form .form-submit {
display: block;
display: block;
margin-right: 0;
margin-right: 0;
margin-left: 0; }
margin-left: 0; }
#review_form .comment-form-rating .stars {
#review_form .comment-form-rating .stars {
width: 100%; }
width: 100%; }
#review_form .form-submit input {
#review_form .form-submit input {
width: 100%; } }
width: 100%; } }
/* 9. Styles for devices(<=320px ) */
/* 9. Styles for devices(<=320px ) */
/*# sourceMappingURL=responsive.css.map */
/*# sourceMappingURL=responsive.css.map */
/* 1. multi-columns-row.css
/* 1. multi-columns-row.css
-----------------------------------------------------------------------------------------------*/
-----------------------------------------------------------------------------------------------*/
.multi-columns-row .col-xs-1:nth-child(12n+13),.multi-columns-row .col-xs-2:nth-child(6n+7),.multi-columns-row .col-xs-3:nth-child(4n+5),.multi-columns-row .col-xs-4:nth-child(3n+4),.multi-columns-row .col-xs-6:nth-child(2n+3),.multi-columns-row .first-in-row{clear:left}@media (min-width:768px){.multi-columns-row .col-xs-1:nth-child(12n+13),.multi-columns-row .col-xs-2:nth-child(6n+7),.multi-columns-row .col-xs-3:nth-child(4n+5),.multi-columns-row .col-xs-4:nth-child(3n+4),.multi-columns-row .col-xs-6:nth-child(2n+3){clear:none}.multi-columns-row .col-sm-1:nth-child(12n+13),.multi-columns-row .col-sm-2:nth-child(6n+7),.multi-columns-row .col-sm-3:nth-child(4n+5),.multi-columns-row .col-sm-4:nth-child(3n+4),.multi-columns-row .col-sm-6:nth-child(2n+3){clear:left}}@media (min-width:992px){.multi-columns-row .col-sm-1:nth-child(12n+13),.multi-columns-row .col-sm-2:nth-child(6n+7),.multi-columns-row .col-sm-3:nth-child(4n+5),.multi-columns-row .col-sm-4:nth-child(3n+4),.multi-columns-row .col-sm-6:nth-child(2n+3){clear:none}.multi-columns-row .col-md-1:nth-child(12n+13),.multi-columns-row .col-md-2:nth-child(6n+7),.multi-columns-row .col-md-3:nth-child(4n+5),.multi-columns-row .col-md-4:nth-child(3n+4),.multi-columns-row .col-md-6:nth-child(2n+3){clear:left}}@media (min-width:1200px){.multi-columns-row .col-md-1:nth-child(12n+13),.multi-columns-row .col-md-2:nth-child(6n+7),.multi-columns-row .col-md-3:nth-child(4n+5),.multi-columns-row .col-md-4:nth-child(3n+4),.multi-columns-row .col-md-6:nth-child(2n+3){clear:none}.multi-columns-row .col-lg-1:nth-child(12n+13),.multi-columns-row .col-lg-2:nth-child(6n+7),.multi-columns-row .col-lg-3:nth-child(4n+5),.multi-columns-row .col-lg-4:nth-child(3n+4),.multi-columns-row .col-lg-6:nth-child(2n+3){clear:left}}
.multi-columns-row .col-xs-1:nth-child(12n+13),.multi-columns-row .col-xs-2:nth-child(6n+7),.multi-columns-row .col-xs-3:nth-child(4n+5),.multi-columns-row .col-xs-4:nth-child(3n+4),.multi-columns-row .col-xs-6:nth-child(2n+3),.multi-columns-row .first-in-row{clear:left}@media (min-width:768px){.multi-columns-row .col-xs-1:nth-child(12n+13),.multi-columns-row .col-xs-2:nth-child(6n+7),.multi-columns-row .col-xs-3:nth-child(4n+5),.multi-columns-row .col-xs-4:nth-child(3n+4),.multi-columns-row .col-xs-6:nth-child(2n+3){clear:none}.multi-columns-row .col-sm-1:nth-child(12n+13),.multi-columns-row .col-sm-2:nth-child(6n+7),.multi-columns-row .col-sm-3:nth-child(4n+5),.multi-columns-row .col-sm-4:nth-child(3n+4),.multi-columns-row .col-sm-6:nth-child(2n+3){clear:left}}@media (min-width:992px){.multi-columns-row .col-sm-1:nth-child(12n+13),.multi-columns-row .col-sm-2:nth-child(6n+7),.multi-columns-row .col-sm-3:nth-child(4n+5),.multi-columns-row .col-sm-4:nth-child(3n+4),.multi-columns-row .col-sm-6:nth-child(2n+3){clear:none}.multi-columns-row .col-md-1:nth-child(12n+13),.multi-columns-row .col-md-2:nth-child(6n+7),.multi-columns-row .col-md-3:nth-child(4n+5),.multi-columns-row .col-md-4:nth-child(3n+4),.multi-columns-row .col-md-6:nth-child(2n+3){clear:left}}@media (min-width:1200px){.multi-columns-row .col-md-1:nth-child(12n+13),.multi-columns-row .col-md-2:nth-child(6n+7),.multi-columns-row .col-md-3:nth-child(4n+5),.multi-columns-row .col-md-4:nth-child(3n+4),.multi-columns-row .col-md-6:nth-child(2n+3){clear:none}.multi-columns-row .col-lg-1:nth-child(12n+13),.multi-columns-row .col-lg-2:nth-child(6n+7),.multi-columns-row .col-lg-3:nth-child(4n+5),.multi-columns-row .col-lg-4:nth-child(3n+4),.multi-columns-row .col-lg-6:nth-child(2n+3){clear:left}}
.owl-item .item a {color: #fff;}
.owl-item .item a {color: #fff;}
/* 2. animate.min.css
/* 2. animate.min.css
-----------------------------------------------------------------------------------------------*/
-----------------------------------------------------------------------------------------------*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
/* 3. magnific-popup.css
/* 3. magnific-popup.css
-----------------------------------------------------------------------------------------------*/
-----------------------------------------------------------------------------------------------*/
.mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-close,.mfp-preloader{text-align:center;position:absolute}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;top:50%;width:auto;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-close,.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;right:0;top:0;text-decoration:none;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{position:absolute;left:0;top:40px;bottom:40px;right:0;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}
.mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-close,.mfp-preloader{text-align:center;position:absolute}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;top:50%;width:auto;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-close,.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;right:0;top:0;text-decoration:none;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{position:absolute;left:0;top:40px;bottom:40px;right:0;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}
.mfp-zoom-in .mfp-with-anim{opacity:0;transition:all .2s ease-in-out;transform:scale(.8)}.mfp-zoom-in.mfp-bg{opacity:0;transition:all .3s ease-out}.mfp-zoom-in.mfp-ready .mfp-with-anim{opacity:1;transform:scale(1)}.mfp-zoom-in.mfp-ready.mfp-bg{opacity:.8}.mfp-zoom-in.mfp-removing .mfp-with-anim{transform:scale(.8);opacity:0}.mfp-zoom-in.mfp-removing.mfp-bg{opacity:0}.mfp-newspaper .mfp-with-anim{opacity:0;-webkit-transition:all .2s ease-in-out;transition:all .5s;transform:scale(0) rotate(500deg)}.mfp-newspaper.mfp-bg{opacity:0;transition:all .5s}.mfp-newspaper.mfp-ready .mfp-with-anim{opacity:1;transform:scale(1) rotate(0)}.mfp-newspaper.mfp-ready.mfp-bg{opacity:.8}.mfp-newspaper.mfp-removing .mfp-with-anim{transform:scale(0) rotate(500deg);opacity:0}.mfp-newspaper.mfp-removing.mfp-bg{opacity:0}.mfp-move-horizontal .mfp-with-anim{opacity:0;transition:all .3s;transform:translateX(-50px)}.mfp-move-horizontal.mfp-bg{opacity:0;transition:all .3s}.mfp-move-horizontal.mfp-ready .mfp-with-anim{opacity:1;transform:translateX(0)}.mfp-move-horizontal.mfp-ready.mfp-bg{opacity:.8}.mfp-move-horizontal.mfp-removing .mfp-with-anim{transform:translateX(50px);opacity:0}.mfp-move-horizontal.mfp-removing.mfp-bg{opacity:0}.mfp-move-from-top .mfp-content{vertical-align:top}.mfp-move-from-top .mfp-with-anim{opacity:0;transition:all .2s;transform:translateY(-100px)}.mfp-move-from-top.mfp-bg{opacity:0;transition:all .2s}.mfp-move-from-top.mfp-ready .mfp-with-anim{opacity:1;transform:translateY(0)}.mfp-move-from-top.mfp-ready.mfp-bg{opacity:.8}.mfp-move-from-top.mfp-removing .mfp-with-anim{transform:translateY(-50px);opacity:0}.mfp-move-from-top.mfp-removing.mfp-bg{opacity:0}.mfp-3d-unfold .mfp-content{perspective:2000px}.mfp-3d-unfold .mfp-with-anim{opacity:0;transition:all .3s ease-in-out;transform-style:preserve-3d;transform:rotateY(-60deg)}.mfp-3d-unfold.mfp-bg{opacity:0;transition:all .5s}.mfp-3d-unfold.mfp-ready .mfp-with-anim{opacity:1;transform:rotateY(0)}.mfp-3d-unfold.mfp-ready.mfp-bg{opacity:.8}.mfp-3d-unfold.mfp-removing .mfp-with-anim{transform:rotateY(60deg);opacity:0}.mfp-3d-unfold.mfp-removing.mfp-bg{opacity:0}.mfp-zoom-out .mfp-with-anim{opacity:0;transition:all .3s ease-in-out;transform:scale(1.3)}.mfp-zoom-out.mfp-bg{opacity:0;transition:all .3s ease-out}.mfp-zoom-out.mfp-ready .mfp-with-anim{opacity:1;transform:scale(1)}.mfp-zoom-out.mfp-ready.mfp-bg{opacity:.8}.mfp-zoom-out.mfp-removing .mfp-with-anim{transform:scale(1.3);opacity:0}.mfp-zoom-out.mfp-removing.mfp-bg{opacity:0}.mfp-3d-unfold .mfp-iframe-scaler,.mfp-move-from-top .mfp-iframe-scaler,.mfp-move-horizontal .mfp-iframe-scaler,.mfp-newspaper .mfp-iframe-scaler,.mfp-zoom-in .mfp-iframe-scaler,.mfp-zoom-out .mfp-iframe-scaler{overflow:visible}
.mfp-zoom-in .mfp-with-anim{opacity:0;transition:all .2s ease-in-out;transform:scale(.8)}.mfp-zoom-in.mfp-bg{opacity:0;transition:all .3s ease-out}.mfp-zoom-in.mfp-ready .mfp-with-anim{opacity:1;transform:scale(1)}.mfp-zoom-in.mfp-ready.mfp-bg{opacity:.8}.mfp-zoom-in.mfp-removing .mfp-with-anim{transform:scale(.8);opacity:0}.mfp-zoom-in.mfp-removing.mfp-bg{opacity:0}.mfp-newspaper .mfp-with-anim{opacity:0;-webkit-transition:all .2s ease-in-out;transition:all .5s;transform:scale(0) rotate(500deg)}.mfp-newspaper.mfp-bg{opacity:0;transition:all .5s}.mfp-newspaper.mfp-ready .mfp-with-anim{opacity:1;transform:scale(1) rotate(0)}.mfp-newspaper.mfp-ready.mfp-bg{opacity:.8}.mfp-newspaper.mfp-removing .mfp-with-anim{transform:scale(0) rotate(500deg);opacity:0}.mfp-newspaper.mfp-removing.mfp-bg{opacity:0}.mfp-move-horizontal .mfp-with-anim{opacity:0;transition:all .3s;transform:translateX(-50px)}.mfp-move-horizontal.mfp-bg{opacity:0;transition:all .3s}.mfp-move-horizontal.mfp-ready .mfp-with-anim{opacity:1;transform:translateX(0)}.mfp-move-horizontal.mfp-ready.mfp-bg{opacity:.8}.mfp-move-horizontal.mfp-removing .mfp-with-anim{transform:translateX(50px);opacity:0}.mfp-move-horizontal.mfp-removing.mfp-bg{opacity:0}.mfp-move-from-top .mfp-content{vertical-align:top}.mfp-move-from-top .mfp-with-anim{opacity:0;transition:all .2s;transform:translateY(-100px)}.mfp-move-from-top.mfp-bg{opacity:0;transition:all .2s}.mfp-move-from-top.mfp-ready .mfp-with-anim{opacity:1;transform:translateY(0)}.mfp-move-from-top.mfp-ready.mfp-bg{opacity:.8}.mfp-move-from-top.mfp-removing .mfp-with-anim{transform:translateY(-50px);opacity:0}.mfp-move-from-top.mfp-removing.mfp-bg{opacity:0}.mfp-3d-unfold .mfp-content{perspective:2000px}.mfp-3d-unfold .mfp-with-anim{opacity:0;transition:all .3s ease-in-out;transform-style:preserve-3d;transform:rotateY(-60deg)}.mfp-3d-unfold.mfp-bg{opacity:0;transition:all .5s}.mfp-3d-unfold.mfp-ready .mfp-with-anim{opacity:1;transform:rotateY(0)}.mfp-3d-unfold.mfp-ready.mfp-bg{opacity:.8}.mfp-3d-unfold.mfp-removing .mfp-with-anim{transform:rotateY(60deg);opacity:0}.mfp-3d-unfold.mfp-removing.mfp-bg{opacity:0}.mfp-zoom-out .mfp-with-anim{opacity:0;transition:all .3s ease-in-out;transform:scale(1.3)}.mfp-zoom-out.mfp-bg{opacity:0;transition:all .3s ease-out}.mfp-zoom-out.mfp-ready .mfp-with-anim{opacity:1;transform:scale(1)}.mfp-zoom-out.mfp-ready.mfp-bg{opacity:.8}.mfp-zoom-out.mfp-removing .mfp-with-anim{transform:scale(1.3);opacity:0}.mfp-zoom-out.mfp-removing.mfp-bg{opacity:0}.mfp-3d-unfold .mfp-iframe-scaler,.mfp-move-from-top .mfp-iframe-scaler,.mfp-move-horizontal .mfp-iframe-scaler,.mfp-newspaper .mfp-iframe-scaler,.mfp-zoom-in .mfp-iframe-scaler,.mfp-zoom-out .mfp-iframe-scaler{overflow:visible}
/* 4. Owl carousel
/* 4. Owl carousel
-----------------------------------------------------------------------------------------------*/
-----------------------------------------------------------------------------------------------*/
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel,.owl-carousel .owl-wrapper{display:none;position:relative}.owl-carousel{width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel .owl-item{float:left;text-align:center;}.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.grabbing{}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-item .item {padding: 30px 0px;margin: 10px;background: #3fbf79; color: #fff;}.owl-theme .owl-controls .owl-buttons div {position: absolute;}.owl-theme .owl-controls .owl-buttons .owl-prev{left: -45px;top: 25px;}.owl-theme .owl-controls .owl-buttons .owl-next{right: -45px;top: 25px;}.owl-theme .owl-controls .owl-buttons div {color: #FFF;display: inline-block;zoom: 1;margin: 5px;font-size: 12px;border-radius: 0px;background: #869791;opacity: 0.5;}.icon-chevron-left {background-position: -424px -65px;}.icon-chevron-right {background-position: -448px -64px;}
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel,.owl-carousel .owl-wrapper{display:none;position:relative}.owl-carousel{width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel .owl-item{float:left;text-align:center;}.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.grabbing{}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-item .item {padding: 30px 0px;margin: 10px;background: #3fbf79; color: #fff;}.owl-theme .owl-controls .owl-buttons div {position: absolute;}.owl-theme .owl-controls .owl-buttons .owl-prev{left: -45px;top: 25px;}.owl-theme .owl-controls .owl-buttons .owl-next{right: -45px;top: 25px;}.owl-theme .owl-controls .owl-buttons div {color: #FFF;display: inline-block;zoom: 1;margin: 5px;font-size: 12px;border-radius: 0px;background: #869791;opacity: 0.5;}.icon-chevron-left {background-position: -424px -65px;}.icon-chevron-right {background-position: -448px -64px;}
.icon-white{background-image: url("../images/glyphicons-halflings-white.png");display: inline-block; width: 30px;height: 30px;line-height: 14px;vertical-align: text-top;background-repeat: no-repeat;}.item.active-link {background: #869791;}
.icon-white{background-image: url("../images/glyphicons-halflings-white.png");display: inline-block; width: 30px;height: 30px;line-height: 14px;vertical-align: text-top;background-repeat: no-repeat;}.item.active-link {background: #869791;}
/* 5. Easyzoom
/* 5. Easyzoom
-----------------------------------------------------------------------------------------------*/
-----------------------------------------------------------------------------------------------*/
.easyzoom{position:relative;display:block}.easyzoom-flyout,.easyzoom-notice{position:absolute;background:#FFF}.easyzoom img{vertical-align:bottom}.easyzoom.is-loading img{cursor:progress}.easyzoom.is-ready img{cursor:crosshair}.easyzoom.is-error img{cursor:not-allowed}.easyzoom-notice{top:50%;left:50%;z-index:150;width:10em;margin:-1em 0 0 -5em;line-height:2em;text-align:center;box-shadow:0 0 10px #888}.easyzoom-flyout{z-index:100;overflow:hidden}.easyzoom--overlay .easyzoom-flyout{top:0;left:0;width:100%;height:100%}.easyzoom--adjacent .easyzoom-flyout{top:0;left:100%;width:100%;height:100%;margin-left:20px}
.easyzoom{position:relative;display:block}.easyzoom-flyout,.easyzoom-notice{position:absolute;background:#FFF}.easyzoom img{vertical-align:bottom}.easyzoom.is-loading img{cursor:progress}.easyzoom.is-ready img{cursor:crosshair}.easyzoom.is-error img{cursor:not-allowed}.easyzoom-notice{top:50%;left:50%;z-index:150;width:10em;margin:-1em 0 0 -5em;line-height:2em;text-align:center;box-shadow:0 0 10px #888}.easyzoom-flyout{z-index:100;overflow:hidden}.easyzoom--overlay .easyzoom-flyout{top:0;left:0;width:100%;height:100%}.easyzoom--adjacent .easyzoom-flyout{top:0;left:100%;width:100%;height:100%;margin-left:20px}
/*
/*
* Common Spacing and Padding Style File
* Common Spacing and Padding Style File
*/
*/
.mar-top {
.mar-top {
margin-top: 90px; }
margin-top: 90px; }
.mar-bottom {
.mar-bottom {
margin-bottom: 90px; }
margin-bottom: 90px; }
.mar-xlg {
.mar-xlg {
margin: 360px 0; }
margin: 360px 0; }
.mar-top-xlg {
.mar-top-xlg {
margin-top: 360px; }
margin-top: 360px; }
.mar-bottom-xlg {
.mar-bottom-xlg {
margin-bottom: 360px; }
margin-bottom: 360px; }
.mar-lg {
.mar-lg {
margin: 150px 0; }
margin: 150px 0; }
.mar-top-lg {
.mar-top-lg {
margin-top: 150px; }
margin-top: 150px; }
.mar-bottom-lg {
.mar-bottom-lg {
margin-bottom: 150px; }
margin-bottom: 150px; }
.pad-top {
.pad-top {
padding-top: 190px; }
padding-top: 190px; }
.pad-bottom {
.pad-bottom {
padding-bottom: 190px; }
padding-bottom: 190px; }
.pad-xlg {
.pad-xlg {
padding: 360px 0; }
padding: 360px 0; }
.pad-top-xlg {
.pad-top-xlg {
padding-top: 360px; }
padding-top: 360px; }
.pad-bottom-xlg {
.pad-bottom-xlg {
padding-bottom: 360px; }
padding-bottom: 360px; }
.pad-lg {
.pad-lg {
padding: 150px 0; }
padding: 150px 0; }
.pad-top-lg {
.pad-top-lg {
padding-top: 150px; }
padding-top: 150px; }
.pad-bottom-lg {
.pad-bottom-lg {
padding-bottom: 150px; }
padding-bottom: 150px; }
.mar-top-5 {
.mar-top-5 {
margin-top: 5px; }
margin-top: 5px; }
.mar-bottom-5 {
.mar-bottom-5 {
margin-bottom: 5px; }
margin-bottom: 5px; }
.pad-top-5 {
.pad-top-5 {
padding-top: 5px; }
padding-top: 5px; }
.pad-bottom-5 {
.pad-bottom-5 {
padding-bottom: 5px; }
padding-bottom: 5px; }
.mar-top-10 {
.mar-top-10 {
margin-top: 10px; }
margin-top: 10px; }
.mar-bottom-10 {
.mar-bottom-10 {
margin-bottom: 10px; }
margin-bottom: 10px; }
.pad-top-10 {
.pad-top-10 {
padding-top: 10px; }
padding-top: 10px; }
.pad-bottom-10 {
.pad-bottom-10 {
padding-bottom: 10px; }
padding-bottom: 10px; }
.mar-top-15 {
.mar-top-15 {
margin-top: 15px; }
margin-top: 15px; }
.mar-bottom-15 {
.mar-bottom-15 {
margin-bottom: 15px; }
margin-bottom: 15px; }
.pad-top-15 {
.pad-top-15 {
padding-top: 15px; }
padding-top: 15px; }
.pad-bottom-15 {
.pad-bottom-15 {
padding-bottom: 15px; }
padding-bottom: 15px; }
.mar-top-20 {
.mar-top-20 {
margin-top: 20px; }
margin-top: 20px; }
.mar-bottom-20 {
.mar-bottom-20 {
margin-bottom: 20px; }
margin-bottom: 20px; }
.pad-top-20 {
.pad-top-20 {
padding-top: 20px; }
padding-top: 20px; }
.pad-bottom-20 {
.pad-bottom-20 {
padding-bottom: 20px; }
padding-bottom: 20px; }
.mar-top-30 {
.mar-top-30 {
margin-top: 30px; }
margin-top: 30px; }
.mar-bottom-30 {
.mar-bottom-30 {
margin-bottom: 30px; }
margin-bottom: 30px; }
.pad-top-30 {
.pad-top-30 {
padding-top: 30px; }
padding-top: 30px; }
.pad-bottom-30 {
.pad-bottom-30 {
padding-bottom: 30px; }
padding-bottom: 30px; }
.mar-top-35 {
.mar-top-35 {
margin-top: 35px; }
margin-top: 35px; }
.mar-bottom-35 {
.mar-bottom-35 {
margin-bottom: 35px; }
margin-bottom: 35px; }
.pad-top-35 {
.pad-top-35 {
padding-top: 35px; }
padding-top: 35px; }
.pad-bottom-35 {
.pad-bottom-35 {
padding-bottom: 35px; }
padding-bottom: 35px; }
.mar-top-40 {
.mar-top-40 {
margin-top: 40px; }
margin-top: 40px; }
.mar-bottom-40 {
.mar-bottom-40 {
margin-bottom: 40px; }
margin-bottom: 40px; }
.pad-top-40 {
.pad-top-40 {
padding-top: 40px; }
padding-top: 40px; }
.pad-bottom-40 {
.pad-bottom-40 {
padding-bottom: 40px; }
padding-bottom: 40px; }
.mar-top-50 {
.mar-top-50 {
margin-top: 50px; }
margin-top: 50px; }
.mar-bottom-50 {
.mar-bottom-50 {
margin-bottom: 50px; }
margin-bottom: 50px; }
.pad-top-50 {
.pad-top-50 {
padding-top: 50px; }
padding-top: 50px; }
.pad-bottom-50 {
.pad-bottom-50 {
padding-bottom: 50px; }
padding-bottom: 50px; }
.mar-top-60 {
.mar-top-60 {
margin-top: 60px; }
margin-top: 60px; }
.mar-bottom-60 {
.mar-bottom-60 {
margin-bottom: 60px; }
margin-bottom: 60px; }
.pad-top-60 {
.pad-top-60 {
padding-top: 60px; }
padding-top: 60px; }
.pad-bottom-60 {
.pad-bottom-60 {
padding-bottom: 60px; }
padding-bottom: 60px; }
.mar-top-70 {
.mar-top-70 {
margin-top: 70px; }
margin-top: 70px; }
.mar-bottom-70 {
.mar-bottom-70 {
margin-bottom: 70px; }
margin-bottom: 70px; }
.pad-top-70 {
.pad-top-70 {
padding-top: 70px; }
padding-top: 70px; }
.pad-bottom-70 {
.pad-bottom-70 {
padding-bottom: 70px; }
padding-bottom: 70px; }
.mar-top-80 {
.mar-top-80 {
margin-top: 80px; }
margin-top: 80px; }
.mar-bottom-80 {
.mar-bottom-80 {
margin-bottom: 80px; }
margin-bottom: 80px; }
.pad-top-80 {
.pad-top-80 {
padding-top: 80px; }
padding-top: 80px; }
.pad-bottom-80 {
.pad-bottom-80 {
padding-bottom: 80px; }
padding-bottom: 80px; }
.mar-top-90 {
.mar-top-90 {
margin-top: 90px; }
margin-top: 90px; }
.mar-bottom-90 {
.mar-bottom-90 {
margin-bottom: 90px; }
margin-bottom: 90px; }
.pad-top-90 {
.pad-top-90 {
padding-top: 90px; }
padding-top: 90px; }
.pad-bottom-90 {
.pad-bottom-90 {
padding-bottom: 90px; }
padding-bottom: 90px; }
.remove-mar-top {
.remove-mar-top {
margin-top: 0 !important; }
margin-top: 0 !important; }
.remove-mar-bottom {
.remove-mar-bottom {
margin-bottom: 0 !important; }
margin-bottom: 0 !important; }
.no-margin {
.no-margin {
margin: 0 !important; }
margin: 0 !important; }
.remove-pad-top {
.remove-pad-top {
padding-top: 0 !important; }
padding-top: 0 !important; }
.remove-pad-bottom {
.remove-pad-bottom {
padding-bottom: 0 !important; }
padding-bottom: 0 !important; }
.no-padding {
.no-padding {
padding: 0 !important; }
padding: 0 !important; }
/**
#loading {
content: '';
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0;
position:absolute;
width: 100%; height: 100%;
background: url('loading.gif') no-repeat center center;
margin:0 auto;
z-index:10000000;
/**opacity: 0.4; **/
}
**/
/* Paste this css to your style sheet file or under head tag */
/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript,
/* This only works with JavaScript,
if it's not present, don't show loader */
if it's not present, don't show loader */
.no-js #loader { display: none; }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
.se-pre-con {
display: none;
position: fixed;
position: fixed;
left: 0px;
left: 0px;
top: 0px;
top: 0px;
width: 100%;
width: 100%;
height: 100%;
height: 100%;
z-index: 9999;
z-index: 9999;
opacity: 0.2;
opacity: 0.4;
background: url(loading.gif) center no-repeat transparent;
background: url(loading.gif) center no-repeat transparent;
}
.btn-default:hover{
border:1px solid blueviolet;
}
.navbar-nav >
li > a:hover
{
background-color: green;
color: #000;
}
}
M doc.php
+172 −154
<?php
<?php
include 'header.php';
include 'config.php';
include 'config.php';
$code = $_GET['code'];
$code = $_GET['code'];
$state = $_GET['state'];
$state = $_GET['state'];
$url = $config['access_token_download'];
$post = array(
'code' => $code,
'grant_type' => 'authorization_code',
'client_id' => $config['client_id_download'],
'client_secret' => $config['client_secret_download'],
'redirect_uri' => $config['download_redirect_uri'],
);
$vh = curl_init($url);
curl_setopt($vh, CURLOPT_CUSTOMREQUEST, "POST");
curl_setopt($vh, CURLOPT_POST, true);
curl_setopt($vh, CURLOPT_TIMEOUT, 30); //timeout after 30 seconds
curl_setopt($vh, CURLOPT_POSTFIELDS, $post);
curl_setopt($vh, CURLOPT_SSL_VERIFYPEER, 0);
curl_setopt($vh, CURLOPT_SSL_VERIFYHOST, 0);
curl_setopt($vh, CURLOPT_RETURNTRANSFER, true);
$result = curl_exec($vh);
curl_close($vh);
$notgettingdata = explode('', $result);
$getToken = json_decode($notgettingdata[1]);
if (isset($getToken->access_token)) {
$access_token = $getToken->access_token;
}
if (isset($access_token)) {
$doc = new DOMDocument('1.0');
$doc->formatOutput = true;
$doc = new DOMDocument('1.0');
$doc->formatOutput = true;
$root = $doc->createElement('maincontent');
$root = $doc->appendChild($root);
$title = $doc->createElement('code');
$title = $root->appendChild($title);
$enclosure = $doc->createAttribute('num');
$enclosure->value = $code;
$title->appendChild($enclosure);
$title = $doc->createElement('access_token');
$title = $root->appendChild($title);
$text = $doc->createTextNode($access_token);
$text = $title->appendChild($text);
$doc->save("xml/hashKey.xml");
}
if (file_exists("xml/hashKey.xml")) {
if (file_exists("xml/hashKey.xml")) {
$xml = (array) simplexml_load_file("xml/hashKey.xml") or die("Error: Cannot create object");
$xml = (array) simplexml_load_file("xml/hashKey.xml") or die("Error: Cannot create object");
} else {
} else {
echo "xml/hashKey.xml file doesnot exists";
echo "xml/hashKey.xml file doesnot exists";
}
}
$access_token = $xml['access_token'];
$access_token = $xml['access_token'];
$cd = (array) $xml['code']['num'];
if ($cd != $code) {
$url = $config['access_token_download'];
$post = array(
'code' => $code,
'grant_type' => 'authorization_code',
'client_id' => $config['client_id_download'],
'client_secret' => $config['client_secret_download'],
'redirect_uri' => $config['download_redirect_uri'],
);
$vh = curl_init($url);
curl_setopt($vh, CURLOPT_CUSTOMREQUEST, "POST");
curl_setopt($vh, CURLOPT_POST, true);
curl_setopt($vh, CURLOPT_TIMEOUT, 30); //timeout after 30 seconds
curl_setopt($vh, CURLOPT_POSTFIELDS, $post);
//curl_setopt($vh, CURLOPT_HTTPHEADER, $headers);
curl_setopt($vh, CURLOPT_SSL_VERIFYPEER, 0);
curl_setopt($vh, CURLOPT_SSL_VERIFYHOST, 0);
curl_setopt($vh, CURLOPT_RETURNTRANSFER, true);
$result = curl_exec($vh);
curl_close($vh);
$notgettingdata = explode('', $result);
$getToken = json_decode($notgettingdata[1]);
if (isset($getToken->access_token)) {
$access_token = $getToken->access_token;
}
if (isset($access_token)) {
$doc = new DOMDocument('1.0');
$doc->formatOutput = true;
$doc = new DOMDocument('1.0');
$doc->formatOutput = true;
$root = $doc->createElement('maincontent');
$root = $doc->appendChild($root);
$title = $doc->createElement('code');
$title = $root->appendChild($title);
$enclosure = $doc->createAttribute('num');
$enclosure->value = $code;
$title->appendChild($enclosure);
$title = $doc->createElement('access_token');
$title = $root->appendChild($title);
$text = $doc->createTextNode($access_token);
$text = $title->appendChild($text);
$doc->save("xml/hashKey.xml");
}
if (file_exists("xml/hashKey.xml")) {
$xml = (array) simplexml_load_file("xml/hashKey.xml") or die("Error: Cannot create object");
} else {
echo "xml/hashKey.xml file doesnot exists";
}
$access_token = $xml['access_token'];
}
$headers = array(
$headers = array(
'Authorization: Bearer ' . $access_token
'Authorization: Bearer ' . $access_token
//'Authorization: Basic '. base64_encode("$username:$password")
//'Authorization: Basic '. base64_encode("$username:$password")
);
);
$urlFile = $config['file_uri'];
$urlFile = $config['file_uri'];
$vhf = curl_init($urlFile);
$vhf = curl_init($urlFile);
curl_setopt($vhf, CURLOPT_TIMEOUT, 30); //timeout after 30 seconds
curl_setopt($vhf, CURLOPT_TIMEOUT, 30); //timeout after 30 seconds
curl_setopt($vhf, CURLOPT_HTTPHEADER, $headers);
curl_setopt($vhf, CURLOPT_HTTPHEADER, $headers);
curl_setopt($vhf, CURLOPT_SSL_VERIFYPEER, 0);
curl_setopt($vhf, CURLOPT_SSL_VERIFYPEER, 0);
curl_setopt($vhf, CURLOPT_SSL_VERIFYHOST, 0);
curl_setopt($vhf, CURLOPT_SSL_VERIFYHOST, 0);
curl_setopt($vhf, CURLOPT_RETURNTRANSFER, true);
curl_setopt($vhf, CURLOPT_RETURNTRANSFER, true);
$resFile = curl_exec($vhf);
$resFile = curl_exec($vhf);
curl_close($vhf);
curl_close($vhf);
$resFileNew = explode('', $resFile);
$resFileNew = explode('', $resFile);
$dataF = json_decode($resFileNew[1], TRUE);
$uriRes = json_decode($resFileNew[1]);
$uriDir = array();
$uriFiles = array();
foreach ($uriRes->items as $uriI) {
if ($uriI->type == "dir") {
$uriDir[] = (array) $uriI;
} else {
$uriFiles[] = (array) $uriI;
}
}
if ($uriDir == NULL || $uriFiles == NULL) {
$x = array_merge($uriDir, $uriFiles);
foreach ($x as $y) {
if ($y != NULL) {
$uriItems[] = $y;
}
}
} else {
$uriItems = array_merge($uriDir, $uriFiles);
}
$uriItemsArray['items'] = $uriItems;
$dataDirectory['directory'] = $uriRes->directory;
$dataF = array_merge($dataDirectory, $uriItemsArray);
$headers = array(
$headers = array(
'Authorization: Bearer ' . $access_token
'Authorization: Bearer ' . $access_token
//'Authorization: Basic '. base64_encode("$username:$password")
//'Authorization: Basic '. base64_encode("$username:$password")
);
);
$urlissued = $config['issued_doc_url'];
$urlissued = $config['issued_doc_url'];
$vhi = curl_init($urlissued);
$vhi = curl_init($urlissued);
curl_setopt($vhi, CURLOPT_TIMEOUT, 30); //timeout after 30 seconds
curl_setopt($vhi, CURLOPT_TIMEOUT, 30); //timeout after 30 seconds
curl_setopt($vhi, CURLOPT_HTTPHEADER, $headers);
curl_setopt($vhi, CURLOPT_HTTPHEADER, $headers);
curl_setopt($vhi, CURLOPT_SSL_VERIFYPEER, 0);
curl_setopt($vhi, CURLOPT_SSL_VERIFYPEER, 0);
curl_setopt($vhi, CURLOPT_SSL_VERIFYHOST, 0);
curl_setopt($vhi, CURLOPT_SSL_VERIFYHOST, 0);
curl_setopt($vhi, CURLOPT_RETURNTRANSFER, true);
curl_setopt($vhi, CURLOPT_RETURNTRANSFER, true);
$resissued = curl_exec($vhi);
$resissued = curl_exec($vhi);
$resissuedErr = curl_error($vhi);
$resissuedErr = curl_error($vhi);
curl_close($vhi);
curl_close($vhi);
$issuedNew = explode('', $resissued);
$issuedNew = explode('', $resissued);
$dataI = json_decode($issuedNew[1], TRUE);
$dataI = json_decode($issuedNew[1], TRUE);
include 'header.php';
?>
?>
<div class="se-pre-con"></div>
<div class="se-pre-con"></div>
<div id="wrapper">
<div id="wrapper">
<div id="page-wrapper">
<div id="page-wrapper">
<div class="container-fluid">
<div class="container-fluid">
<!-- Page Heading -->
<!-- Page Heading -->
<div class="row">
<div class="row">
<div class="col-lg-12">
<div class="col-lg-12">
<div class="container">
<div class="container">
<ul class="nav nav-tabs">
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#uploadeddocument"><img src="images/uploaded_files.png">Uploaded Document</a></li>
<li class="active"><a data-toggle="tab" href="#uploadeddocument"><img src="images/uploaded_files.png">Uploaded Document</a></li>
<li><a data-toggle="tab" href="#issueddocument" ><img src="images/issuedfile.png">Issued Document</a></li>
<li><a data-toggle="tab" href="#issueddocument" ><img src="images/issuedfile.png">Issued Document</a></li>
</ul>
</ul>
<div class="tab-content">
<div class="tab-content">
<div id="uploadeddocument" class="tab-pane fade in active">
<div id="uploadeddocument" class="tab-pane fade in active">
<section class="content">
<section class="content">
<div class="row">
<div class="row">
<div class="col-md-12">
<div class="col-md-12">
<div class="box box-body col-sm-12" >
<div class="box box-body" style="min-height: 385px;">
<div class="table-responsive">
<div class="table-responsive">
<table class="table">
<table class="table">
<thead style="color:blueviolet;">
<thead style="color:blueviolet;">
<tr>
<tr>
<td>Name</td>
<td>Name</td>
<td>Size</td>
<td>Size</td>
<td>Date</td>
<td>Date</td>
<td id="tdUri" style="display:none;">URI</td>
<td id="tdUri" style="display:none;">URI</td>
</tr>
</tr>
<div><b onclick="uriData(null, null)" class="fa fa-home fa-2x" style="color:blueviolet;"></b><b id="parent" style="color:blueviolet;"></b></div>
<div>
<span onclick="uriData(null, null)" class="fa fa-home fa-2x" style="color:blueviolet; cursor:pointer; cursor:hand"></span>
<span id="parent" style="color:blueviolet; font-size: 16px; cursor:pointer; cursor:hand"></span>
</div>
</thead>
</thead>
<tbody id="folderPath">
<tbody id="folderPath">
<?php
<?php
foreach ((array) ($dataF['items']) as $api_detail) {
foreach ((array) ($dataF['items']) as $api_detail) {
if (isset($api_detail['id'])) {
if (isset($api_detail['id'])) {
$api_detail['id'] = $api_detail['id'];
$api_detail['id'] = $api_detail['id'];
$api_detail['parent'] = $api_detail['parent'];
$api_detail['parent'] = $api_detail['parent'];
} else {
} else {
$api_detail['id'] = "";
$api_detail['id'] = "";
}
?>
<tr>
<?php
if (($api_detail['type']) == "dir") {
echo '<td onclick="uriData(' . $api_detail['id'] . ',' . $api_detail['parent'] . ')">';
echo '<img src="images/folder.svg"></img>';
echo($api_detail['name']);
}
if ($api_detail['type'] == "file") {
echo "<td onclick='thisIsNotAFolder()'>";
echo '<img src="images/file.svg"></img>';
echo($api_detail['name']);
}
}
echo "</td>";
?>
<td><?php echo($api_detail['size']); ?></td>
<td><?php echo($api_detail['date']); ?></td>
<?php if ($api_detail['type'] == "file") { ?>
<td>
<button onclick="download('<?php echo($api_detail['uri'] . ',' . $api_detail['name']); ?>')"><i class="fa fa-download"> </i></button>
</td>
<?php }
?>
?>
</tr>
<tr>
<?php }
<?php
?>
if (($api_detail['type']) == "dir") {
echo '<td onclick="uriData(' . $api_detail['id'] . ',' . $api_detail['parent'] . ')">';
echo '<img src="images/folder.svg"></img>';
echo($api_detail['name']);
echo "</td>";
}
if ($api_detail['type'] == "file") {
echo "<td>";
echo '<img src="images/file.svg"></img>';
echo($api_detail['name']);
echo "</td>";
}
?>
<td><?php echo($api_detail['size']); ?></td>
<td><?php echo($api_detail['date']); ?></td>
<?php if ($api_detail['type'] == "file") { ?>
<td>
<i onclick="download('<?php echo($api_detail['uri'] . ',' . $api_detail['name']); ?>')" class="fa fa-download"> </i>
</td>
<?php }else{
echo "<td></td>";
}
?>
</tr>
<?php }
?>
</tbody>
</tbody>
</table>
</table>
<div class="footer">
<div class="footer">
<a class="btn btn-primary" style="float: right; margin-left: 10px; border-radius:5px;" href="payment.php">Complete Payment</a>
<a class="btn btn-default" style="float: right; margin-left: 10px; border-radius:5px;" href="payment.php">Complete Payment</a>
<a class="btn btn-primary" style="float: right; border-radius:5px;" href="index.php">Cancel</a>
<a class="btn btn-default" style="float: right; border-radius:5px;" href="index.php">Cancel</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
</div>
</div>
<div id="issueddocument" class="tab-pane">
<div id="issueddocument" class="tab-pane">
<section class="content">
<section class="content">
<div class="row">
<div class="row">
<div class="col-md-12" style="height:315px;">
<div class="col-md-12">
<div class="box box-body col-sm-12">
<div class="box box-body" style="min-height: 385px;">
<div class="table-responsive">
<table class="table table-responsive">
<table class="table">
<thead style="color:#1569C7">
<thead style="color:#1569C7">
<tr>
<tr>
<td>Name</td>
<td>Name</td>
<td>URI</td>
<td>URI</td>
<td>Created On</td>
<td>Created On</td>
</tr>
</tr>
</thead>
</thead>
<?php
<?php
foreach ((array) ($dataI['items']) as $issued_detail):
foreach ((array) ($dataI['items']) as $issued_detail):
?>
?>
<tr><td>
<tr><td>
<?php
<?php
echo '<img src="images/issuedfile.png"></img>';
echo '<img src="images/issuedfile.png"></img>';
echo($issued_detail['name']);
echo($issued_detail['name']);
?>
?>
</td>
</td>
<td><?php echo($issued_detail['uri']); ?></td>
<td><?php echo($issued_detail['uri']); ?></td>
<td><?php echo($issued_detail['date']); ?></td>
<td><?php echo($issued_detail['date']); ?></td>
<td><?php if ($api_detail['type'] == "file") { ?>
<td><?php if ($api_detail['type'] == "file") { ?>
<td>
<td>
<button onclick="download('<?php echo($issued_detail['uri'] . ',' . $issued_detail['name']); ?>')"><i class="fa fa-download"> </i></button>
<i onclick="download('<?php echo($issued_detail['uri'] . ',' . $issued_detail['name']); ?>')" class="fa fa-download"> </i>
</td>
</td>
<?php } ?>
<?php } ?>
</tr>
</tr>
<?php
<?php
endforeach;
endforeach;
?>
?>
</table>
</table>
<div class="footer">
<div class="footer">
<a class="btn btn-primary" style="float: right; margin-left: 10px; border-radius:5px;" href="payment.php">Complete Payment</a>
<a class="btn btn-default" style="float: right; margin-left: 10px; border-radius:5px;" href="payment.php">Complete Payment</a>
<a class="btn btn-primary" style="float: right; border-radius:5px;" href="index.php">Cancel</a>
<a class="btn btn-default" style="float: right; border-radius:5px;" href="index.php">Cancel</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.container-fluid -->
<!-- /.container-fluid -->
</div>
</div>
</div>
</div>
</body>
</body>
<?php include 'footer.php' ?>
<?php include 'footer.php' ?>
<script src="js/modernizr.js"></script>
<script src="js/modernizr.js"></script>
<script>
<script>
function uriData(id, parent) {
function uriData(id, parent) {
$("#folderPath").empty();
$("#folderPath").empty();
$("#tdUri").show();
$("#tdUri").show();
var id = id;
$(".se-pre-con").show();
var accessTocken = "<?php echo $access_token; ?>";
var id = id;
var uri = "<?php echo $api_detail['uri']; ?>";
var accessTocken = "<?php echo $access_token; ?>";
var uriDataHtml = "";
var uri = "<?php echo $api_detail['uri']; ?>";
var fileOrFolder = "";
var uriDataHtml = "";
var onclickFnc = "";
var fileOrFolder = "";
var dwnldTd = "";
var onclickFnc = "";
var accessToken = "<?php echo $access_token; ?>";
var dwnldTd = "";
var urifnc = "<?php echo $config['uri_path']; ?>";
var accessToken = "<?php echo $access_token; ?>";
$.post(urifnc, {access_token: accessTocken, id: id}, function (result) {
var urifnc = "<?php echo $config['uri_path']; ?>";
$.each(result.items, function (i, l) {
$.post(urifnc, {access_token: accessTocken, id: id}, function (result) {
if (result.items[i].type == "file") {
$.each(result.items, function (i, l) {
console.log(result.items);
if (result.items[i].type == "file") {
fileOrFolder = '<img src="images/file.svg"></img>';
console.log(result.items);
onclickFnc = "onclick='thisIsNotAFolder()'";
fileOrFolder = '<img src="images/file.svg"></img>';
dwnldTd = "<td onclick = 'download(\"" + result.items[i].uri + "\",\"" + result.items[i].name + "\");';><button><i class='fa fa-download'> </i></button></td>";
onclickFnc = "onclick='thisIsNotAFolder()'";
} else {
dwnldTd = "<td><i onclick = 'download(\"" + result.items[i].uri + "\",\"" + result.items[i].name + "\");'; class='fa fa-download'> </i></td>";
fileOrFolder = '<img src="images/folder.svg"></img>';
} else {
onclickFnc = "onclick='uriData(" + result.items[i].id + "," + result.items[i].parent + ")'";
fileOrFolder = '<img src="images/folder.svg"></img>';
dwnldTd = "<td></td>";
onclickFnc = "onclick='uriData(" + result.items[i].id + "," + result.items[i].parent + ")'";
}
dwnldTd = "<td></td>";
uriDataHtml += "<tr><td " + onclickFnc + ">" + fileOrFolder + result.items[i].name + "</td><td>" + result.items[i].size + "</td><td>" + result.items[i].date + "</td>\n\
}
<td>" + result.items[i].uri + "</td>" + dwnldTd + "</tr>";
uriDataHtml += "<tr><td " + onclickFnc + ">" + fileOrFolder + result.items[i].name + "</td><td>" + result.items[i].size + "</td><td>" + result.items[i].date + "</td>\n\
$("#folderPath").html(uriDataHtml);
<td>" + result.items[i].uri + "</td>" + dwnldTd + "</tr>";
});
$("#folderPath").html(uriDataHtml);
$("#parent").html("<b onclick=uriData(" + parent + ",null) >" + result.directory + "</b>");
}, "json")
.fail(function () {
$("#folderPath").html("Some error found");
});
}
function download(uris, filename) {
$(".se-pre-con").show();
var getdata = uris.split(",");
var uri = getdata[0];
var filename = getdata[1];
var accessTocken = "<?php echo $access_token; ?>";
var dlscfnc = "<?php echo $config['dlsc_path']; ?>"
var arraydata = {uri: uri, accesstoken: accessTocken, filename: filename}
$.ajax({
url: dlscfnc + 'download.php',
type: 'POST',
data: arraydata
}).done(function (response)
{
$(".se-pre-con").hide();
var getdata = JSON.parse(response);
console.log(getdata[1]);
window.open("data:" + getdata[0] + ";base64," + getdata[1], '', 'height=650,width=840');
});
});
}
$("#parent").html("<span onclick=uriData(" + parent + ",null) >" + result.directory + "</span>");
$(".se-pre-con").fadeOut("slow");
$(".se-pre-con").hide();
}, "json")
.fail(function () {
$("#folderPath").html("No document available in this folder");
$(".se-pre-con").hide();
});
}
function download(uris, filename) {
$(".se-pre-con").show();
var getdata = uris.split(",");
var uri = getdata[0];
var filename = getdata[1];
var accessTocken = "<?php echo $access_token; ?>";
var dlscfnc = "<?php echo $config['dlsc_path']; ?>"
var arraydata = {uri: uri, accesstoken: accessTocken, filename: filename}
$.ajax({
url: dlscfnc + 'download.php',
type: 'POST',
data: arraydata
}).done(function (response)
{
$(".se-pre-con").hide();
var getdata = JSON.parse(response);
console.log(getdata[1]);
window.open("data:" + getdata[0] + ";base64," + getdata[1], '', 'height=650,width=840');
});
}
$(".se-pre-con").fadeOut("slow");
</script>
</script>
</html>
</html>
M footer.php
+0 −1
<div class="navbar navbar-inverse footer-setting" style="margin-bottom:0px;">
<div class="navbar navbar-inverse footer-setting" style="margin-bottom:0px;">
<footer id="footer-copyright" class="bg-wood">
<footer id="footer-copyright" class="bg-wood">
<div class="container">
<div class="container">
<div class="row">
<div class="row">
<div class="col-md-4">
<div class="col-md-4">
<p class="footer-text" >
<p class="footer-text" >
CSC E-Governance Services India Limited <br/>
CSC E-Governance Services India Limited <br/>
Department of Electronics &amp; Information Technology<br/>
Department of Electronics &amp; Information Technology<br/>
Ministry of Communications & IT<br/>
Ministry of Communications & IT<br/>
Government of India
Government of India
</p>
</p>
</div>
</div>
<div class="col-md-4">
<div class="col-md-4">
<p class="footer-text" >
<p class="footer-text" >
<!--<a href="tel:180030003468">Helpline: 1800 3000 3468</a> <br/>
<!--<a href="tel:180030003468">Helpline: 1800 3000 3468</a> <br/>
<a href="mailto:support@csc.gov.in">E-Mail: support@csc.gov.in</a><br/>-->
<a href="mailto:support@csc.gov.in">E-Mail: support@csc.gov.in</a><br/>-->
<span>Helpline: 1800 3000 3468</span><br/>
<span>Helpline: 1800 3000 3468</span><br/>
<span>E-Mail: support@csc.gov.in</span><br/>
<span>E-Mail: support@csc.gov.in</span><br/>
<a href="http://developer.csccloud.in/faq" target="_blank">FAQ</a>
<a href="http://developer.csccloud.in/faq" target="_blank">FAQ</a>
</p>
</p>
</div>
</div>
<div class="col-md-4">
<div class="col-md-4">
<ul class="social-nav">
<ul class="social-nav">
<li><a href="https://www.facebook.com/cscscheme/" target="_blank"><i class="fa fa-facebook fa-2x white"></i></a> </li>
<li><a href="https://www.facebook.com/cscscheme/" target="_blank"><i class="fa fa-facebook fa-2x white"></i></a> </li>
<li><a href="https://twitter.com/CSCegov" target="_blank"><i class="fa fa-twitter fa-2x sky"></i></a> </li>
<li><a href="https://twitter.com/CSCegov" target="_blank"><i class="fa fa-twitter fa-2x sky"></i></a> </li>
<li><a href="https://www.youtube.com/user/CSCSCHEME" target="_blank"><i class="fa fa-youtube-play fa-2x redwine"></i></a> </li>
<li><a href="https://www.youtube.com/user/CSCSCHEME" target="_blank"><i class="fa fa-youtube-play fa-2x redwine"></i></a> </li>
</ul>
</ul>
<div class="footer-copyright">Copyright 2017 CSC E-Governance Services India Limited.<br/> All rights reserved.</div>
<div class="footer-copyright">Copyright 2017 CSC E-Governance Services India Limited.<br/> All rights reserved.</div>
</div>
</div>
</div>
</div>
</div><!-- .container -->
</div><!-- .container -->
</footer>
</footer>
</div>
</div>
<!-- /.container -->
<!-- /.container -->
<!-- jQuery -->
<!-- Bootstrap Core JavaScript -->
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</body>
</html>
</html>
M header.php
+11 −15
<!DOCTYPE html>
<!DOCTYPE html>
<?php include 'config.php'; ?>
<?php include 'config.php'; ?>
<html lang="en">
<html lang="en">
<head>
<head>
<meta charset="utf-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="description" content="">
<meta name="author" content="">
<meta name="author" content="">
<title>DigiLocker Service Center</title>
<title>DigiLocker Service Center</title>
<!-- Bootstrap Core CSS -->
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<!-- Custom CSS -->
<link href="css/style.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
<link href="css/font-style.css" rel="stylesheet" type="text/css">
<link href="css/font-style.css" rel="stylesheet" type="text/css">
<!-- Custom Fonts -->
<!-- Custom Fonts -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<style>
<style>
ul li span .btn {
ul li span .btn {
background-color:blueviolet;
background-color:blueviolet;
padding:0px;
padding:0px;
border-radius: 4px;
border-radius: 4px;
text-transform: none;
text-transform: none;
margin-left:20px;
margin-left:20px;
}
}
@media (min-width: 768px){
@media (min-width: 768px){
.navbar-nav>li>a {
.navbar-nav>li>a {
font-size:11px;
font-size:11px;
padding-top: 8px;
padding-top: 8px;
padding-bottom: 0px;
padding-bottom: 0px;
color: #fff;
color: #fff;
padding-bottom: 8px;
padding-bottom: 8px;
}
}
.navbar-nav>li>a:hover{ color: #000; background-color:#f0ede4;}
.navbar-nav>li>a:hover{ color: #000; background-color:#f0ede4;}
.row{margin-top: -10px;margin-bottom: 15px;}
.row{margin-top: -10px;margin-bottom: 15px;}
}
}
.dropdown{
.dropdown{
margin:6px 16px;
margin:6px 16px;
color:#fff !important;
color:#fff !important;
cursor: pointer; cursor: hand;
cursor: pointer; cursor: hand;
}
}
.dropdown-submenu {
.dropdown-submenu {
position: relative;
position: relative;
color:#0033FF;
color:#0033FF;
}
}
.dropdown-menu>li{
.dropdown-menu>li{
margin-left: -15px;
margin-left: -15px;
cursor: pointer; cursor: hand;
cursor: pointer; cursor: hand;
}
}
</style>
</style>
</head>
</head>
<body>
<body>
<!-- Navigation -->
<!-- Navigation -->
<div class="row">
<div class="row">
<div class="col-md-6">
<div class="col-md-6">
<a class="navbar-brand pull-left" href="index.html"><img src="images/logo.png"></a>
<a class="navbar-brand pull-left" href="index.html"><img src="images/logo.png"></a>
</div>
</div>
<div class="col-md-6">
<div class="col-md-6">
<a class="navbar-brand pull-right">
<a class="navbar-brand pull-right">
<img src="images/digitalindialogo.png"></a>
<img src="images/digitalindialogo.png"></a>
</div>
</div>
</div>
</div>
<nav role="navigation" style="background-color: blueviolet; margin-bottom: 15px;height: 35px; position: relative;" >
<nav role="navigation" style="background-color: blueviolet; margin-bottom: 15px;height: 40px; position: relative;" >
<div class="container" style="padding-left:0px !important;">
<div class="container" style="padding-left:0px !important;">
<!-- Brand and toggle get grouped for better mobile display -->
<!-- Brand and toggle get grouped for better mobile display -->
<!-- Collect the nav links, forms, and other content for toggling -->
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" >
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" >
<ul class="nav navbar-nav navbar-left ">
<ul class="nav navbar-nav navbar-left ">
<li><a href="/digibank/index.php"><i class="fa fa-home fa-2x" aria-hidden="true"></i></a></li>
<li><a href= "<?php echo $config['dlsc_path']; ?>"><i class="fa fa-home fa-2x" aria-hidden="true"></i></a></li>
<li>
<li>
<div class="dropdown">
<div class="dropdown">
<div class="dropdown-toggle" data-toggle="dropdown">AADHAAR
<div class="dropdown-toggle" data-toggle="dropdown">AADHAAR
</div>
</div>
<ul class="dropdown-menu" style="margin-left: -8px;">
<ul class="dropdown-menu" style="margin-left: -5px;">
<li><a >Aadhaar Demographic Update</a></li><hr>
<li><a >Aadhaar Demographic Update</a></li><hr>
<li><a>Aadhaar Mobile Update</a></li><hr>
<li><a>Aadhaar Mobile Update</a></li><hr>
<li><a>Best Finger Detection</a></li><hr>
<li><a>Best Finger Detection</a></li><hr>
<li><a>Aadhaar eKYC PVC Print</a></li>
<li><a>Aadhaar eKYC PVC Print</a></li>
</ul>
</ul>
</div>
</div>
</li>
</li>
<li>
<li>
<div class="dropdown">
<div class="dropdown">
<div class="dropdown-toggle" data-toggle="dropdown">AGRICULTURE
<div class="dropdown-toggle" data-toggle="dropdown">AGRICULTURE
</div>
</div>
<ul class="dropdown-menu" style="margin-left: -8px;">
<ul class="dropdown-menu" style="margin-left: -5px;">
<li><a tabindex="-1" >Agricultural Machine Store</a></li><hr>
<li><a tabindex="-1" >Agricultural Machine Store</a></li><hr>
<li><a tabindex="-1" >Online Store</a></li><hr>
<li><a tabindex="-1" >Online Store</a></li><hr>
<li><a tabindex="-1" >Farmer Registration</a></li><hr>
<li><a tabindex="-1" >Farmer Registration</a></li><hr>
<li><a tabindex="-1" >Marketplace</a></li>
<li><a tabindex="-1" >Marketplace</a></li>
</ul>
</ul>
</div>
</div>
</li>
</li>
<li>
<li>
<div class="dropdown">
<div class="dropdown">
<div class="dropdown-toggle" data-toggle="dropdown">BANKING AND PENSION
<div class="dropdown-toggle" data-toggle="dropdown">BANKING AND PENSION
</div>
</div>
<ul class="dropdown-menu" style="margin-left: -8px;">
<ul class="dropdown-menu" style="margin-left: -5px;">
<li><a tabindex="-1" >RAP Registration</a></li><hr>
<li><a tabindex="-1" >RAP Registration</a></li><hr>
<li><a tabindex="-1" >Basic Banking Course</a></li><hr>
<li><a tabindex="-1" >Basic Banking Course</a></li><hr>
<li><a tabindex="-1" >Life Certificate (LIC)</a></li><hr>
<li><a tabindex="-1" >Life Certificate (LIC)</a></li><hr>
<li><a tabindex="-1" >Pin Pad Device Payment Service</a></li>
<li><a tabindex="-1" >Pin Pad Device Payment Service</a></li>
</ul>
</ul>
</div>
</div>
</li>
</li>
<li>
<li>
<div class="dropdown">
<div class="dropdown">
<div class="dropdown-toggle" data-toggle="dropdown">DIGILOCKER</div>
<div class="dropdown-toggle" data-toggle="dropdown">DIGILOCKER</div>
<ul class="dropdown-menu" style="margin-left: -8px;">
<ul class="dropdown-menu" style="margin-left: -5px;">
<li><a tabindex="-1" href="https://digilocker.gov.in/public/register">Open Digilocker Account</a>
<li><a tabindex="-1" href="https://digilocker.gov.in/public/register">Open Digilocker Account</a>
</li><hr>
</li><hr>
<li>
<li>
<span><form action = "<?php echo $config['code_download']?>" method = "GET" role="form">
<span><form action = "<?php echo $config['code_download']?>" method = "GET" role="form">
<div class="form-group has-success" style="display:none">
<div class="form-group has-success" style="display:none">
<label class="control-label" for="inputSuccess">Response Type</label>
<label class="control-label" for="inputSuccess">Response Type</label>
<input type="text" class="form-control" name = "response_type" value="code">
<input type="text" class="form-control" name = "response_type" value="code">
</div>
</div>
<div class="form-group has-success" style="display:none">
<div class="form-group has-success" style="display:none">
<label class="control-label" for="inputSuccess">Client ID</label>
<label class="control-label" for="inputSuccess">Client ID</label>
<input type="text" class="form-control" name = "client_id" value="<?php echo $config['client_id_download'] ?>">
<input type="text" class="form-control" name = "client_id" value="<?php echo $config['client_id_download'] ?>">
</div>
</div>
<div class="form-group has-success" style="display:none">
<div class="form-group has-success" style="display:none">
<label class="control-label" for="inputSuccess">Redirect Uri</label>
<label class="control-label" for="inputSuccess">Redirect Uri</label>
<input type="text" class="form-control" name = "redirect_uri" value=<?php echo $config['download_redirect_uri'] ?>>
<input type="text" class="form-control" name = "redirect_uri" value=<?php echo $config['download_redirect_uri'] ?>>
</div>
</div>
<div class="form-group has-success" style="display:none">
<div class="form-group has-success" style="display:none">
<label class="control-label" for="inputSuccess">State</label>
<label class="control-label" for="inputSuccess">State</label>
<input type="text" class="form-control" name = "state" value="123456">
<input type="text" class="form-control" name = "state" value="123456">
</div>
</div>
<button type="submit" class="btn" >Download</button>
<button type="submit" class="btn">Download</button>
</form>
</form>
</span>
</span>
</li><hr>
</li><hr>
<li>
<li>
<span> <form action = "<?php echo $config['code_download'] ?>" method = "GET" role="form">
<span> <form action = "<?php echo $config['code_download'] ?>" method = "GET" role="form">
<div class="form-group has-success" style="display:none">
<div class="form-group has-success" style="display:none">
<label class="control-label" for="inputSuccess">Response Type</label>
<label class="control-label" for="inputSuccess">Response Type</label>
<input type="text" class="form-control" name = "response_type" value="code">
<input type="text" class="form-control" name = "response_type" value="code">
</div>
</div>
<div class="form-group has-success" style="display:none">
<div class="form-group has-success" style="display:none">
<label class="control-label" for="inputSuccess">Client ID</label>
<label class="control-label" for="inputSuccess">Client ID</label>
<input type="text" class="form-control" name = "client_id" value="<?php echo $config['client_id_upload'] ?>">
<input type="text" class="form-control" name = "client_id" value="<?php echo $config['client_id_upload'] ?>">
</div>
</div>
<div class="form-group has-success" style="display:none">
<div class="form-group has-success" style="display:none">
<label class="control-label" for="inputSuccess">Redirect Uri</label>
<label class="control-label" for="inputSuccess">Redirect Uri</label>
<input type="text" class="form-control" name = "redirect_uri" value="<?php echo $config['uploaddoc_redirect_uri'] ?>">
<input type="text" class="form-control" name = "redirect_uri" value="<?php echo $config['uploaddoc_redirect_uri'] ?>">
</div>
</div>
<div class="form-group has-success" style="display:none">
<div class="form-group has-success" style="display:none">
<label class="control-label" for="inputSuccess">State</label>
<label class="control-label" for="inputSuccess">State</label>
<input type="text" class="form-control" name = "state" value="123456">
<input type="text" class="form-control" name = "state" value="123456">
</div>
</div>
<button type="submit" class="btn" >Upload</button>
<button type="submit" class="btn" >Upload</button>
</form>
</form>
</span>
</span>
</li>
</li>
</ul>
</ul>
</div>
</div>
</li>
</li>
<li>
<li>
<div class="dropdown">
<div class="dropdown">
<div class="dropdown-toggle" data-toggle="dropdown">ELECTION
<div class="dropdown-toggle" data-toggle="dropdown">ELECTION
</div>
</div>
<ul class="dropdown-menu" style="margin-left: -8px;">
<ul class="dropdown-menu" style="margin-left: -5px;">
<li><a tabindex="-1" >Punjab Election Services</a></li><hr>
<li><a tabindex="-1" >Punjab Election Services</a></li><hr>
<li><a tabindex="-1" >Uttarakhand Election Services</a></li><hr>
<li><a tabindex="-1" >Uttarakhand Election Services</a></li><hr>
<li><a tabindex="-1" >Meghalaya Election Services</a></li><hr>
<li><a tabindex="-1" >Meghalaya Election Services</a></li><hr>
<li><a tabindex="-1" >Rajasthan Election Services</a></li>
<li><a tabindex="-1" >Rajasthan Election Services</a></li>
</ul>
</ul>
</div>
</div>
</li>
</li>
<li>
<li>
<div class="dropdown">
<div class="dropdown">
<div class="dropdown-toggle" data-toggle="dropdown">GOVERNMENT
<div class="dropdown-toggle" data-toggle="dropdown">GOVERNMENT
</div>
</div>
<ul class="dropdown-menu" style="margin-left: -8px;">
<ul class="dropdown-menu" style="margin-left: -5px;">
<li><a tabindex="-1" >Birth and Death Application</a></li><hr>
<li><a tabindex="-1" >Birth and Death Application</a></li><hr>
<li><a tabindex="-1" >Forest Services</a></li><hr>
<li><a tabindex="-1" >Forest Services</a></li><hr>
<li><a tabindex="-1" >Online FIR</a></li><hr>
<li><a tabindex="-1" >Online FIR</a></li><hr>
<li><a tabindex="-1" >Ration Card Services</a></li>
<li><a tabindex="-1" >Ration Card Services</a></li>
</ul>
</ul>
</div>
</div>
</li>
</li>
<li>
<li>
<div class="dropdown">
<div class="dropdown">
<div class="dropdown-toggle" data-toggle="dropdown">INSURANCE
<div class="dropdown-toggle" data-toggle="dropdown">INSURANCE
</div>
</div>
<ul class="dropdown-menu" style="margin-left: -8px;">
<ul class="dropdown-menu" style="margin-left: -5px;">
<li><a tabindex="-1" >Pradhan Mantri Fasal Bima Yojna</a></li><hr>
<li><a tabindex="-1" >Pradhan Mantri Fasal Bima Yojna</a></li><hr>
<li><a tabindex="-1" >Farmer Package Policy</a></li><hr>
<li><a tabindex="-1" >Farmer Package Policy</a></li><hr>
<li><a tabindex="-1" >Life Insurance</a></li><hr>
<li><a tabindex="-1" >Life Insurance</a></li><hr>
<li><a tabindex="-1" >Personal Accidental</a></li>
<li><a tabindex="-1" >Personal Accidental</a></li>
</ul>
</ul>
</div>
</div>
</li>
</li>
<li>
<li>
<div class="dropdown">
<div class="dropdown">
<div class="dropdown-toggle" data-toggle="dropdown">TRAVEL
<div class="dropdown-toggle" data-toggle="dropdown">TRAVEL
</div>
</div>
<ul class="dropdown-menu" style="margin-left: -8px;">
<ul class="dropdown-menu" style="margin-left: -5px;">
<li><a tabindex="-1" >Darshan Booking</a></li><hr>
<li><a tabindex="-1" >Darshan Booking</a></li><hr>
<li><a tabindex="-1" >Bus Ticket Booking</a></li><hr>
<li><a tabindex="-1" >Bus Ticket Booking</a></li><hr>
<li><a tabindex="-1" >Flight Tickets</a></li><hr>
<li><a tabindex="-1" >Flight Tickets</a></li><hr>
<li><a tabindex="-1" >Bus Tickets</a></li>
<li><a tabindex="-1" >Bus Tickets</a></li>
</ul>
</ul>
</div>
</div>
</li>
</li>
</ul>
</ul>
</div>
</div>
<!-- /.navbar-collapse -->
<!-- /.navbar-collapse -->
</div>
</div>
<!-- /.container -->
<!-- /.container -->
</nav>
</nav>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.min.js"></script>
<script>
<script>
$(document).ready(function () {
$(document).ready(function () {
$('.dropdown-submenu a.test').on("click", function (e) {
$('.dropdown-submenu a.test').on("click", function (e) {
$(this).next('ul').toggle();
$(this).next('ul').toggle();
e.stopPropagation();
e.stopPropagation();
e.preventDefault();
e.preventDefault();
});
});
});
});
</script>
</script>
D images/loading.gif
+- −-
GIF89aR~~~}}}{{{zzzxxxwwwuuutttsssrrrqqqooonnnmmmllljjjhhhgggfffeeedddbbb```___^^^]]][[[ZZZYYYXXXWWWTTTSSSRRRQQQOOONNNMMMKKKJJJHHHGGGFFFEEEDDDBBBAAA@@@???>>><<<;;;888777555444333///...---+++***&&&%%%$$$"""!!! ! NETSCAPE2.0!
,RH*\ȰÇ#JHŋ3jȱǏ CIɓ(S\ɲ˗0cʜI͛8sɳϟ@
JѣH*]ʴӧPJJիXjʵׯ`ÊKٳhӪ]˶۷pʝKݻx˷߿ LÈ+^̸ǐ#KL˘3k̹ϠCMӨS^ͺװc˞M۸sͻ Nȓ+_μУKNسkνËOӫ_Ͼ˟OϿ(h& 6F(Vhfv ($h(,0(4h8<@)DiH&L6PF)TViXf\v`)dih&w"qkN.gR`Ywłq`P"~@ Ȳ
Ig"
d@d`8,@AꒈAliE,rEA'A D%vA}(JA:%
q9ޔ!"@\;npj0A2B*! *P/% &W<[P@jz+Rp ,RBJ"B+B'2$P$ DtlJ(zd @2'Ms C! 4@ClB,p5!9D$Q{6A2 ]ct3
-HÔF"I  Q,J9N_nSbcxKXŨN7D&&~ @;;L:D4NwRG !DKjd=Gaz^DzI.?2~B_$D$ «_F(B$hBlAD;}*!,K6(N L!1Q `%젅%|PNq Ah![`hAw(\+l >q=! 5$zЃi+@ "l`BhBduC$poa BEm1Ї: K`J' Xa [ &;2(N.Q%Ah+|rqȆK: P!@PvPXr *@x̊P CLM%Q`5!8H,9 x1
gD6Wę{)Odn&'H #$k#8І:D'JъZͨF7юz HGJҒ(MJWҖ0LgJӚ8ͩNwӞ@ PJԢHMRԦ:PTJժZXͪVծz` XJֲhMZֶp\J׺xͫ^׾ `KMb:d'KY!
,-.w HABp0ȰÇĊŋ% `lhBN8z,h@# d
);,K+1 4U'?"Ng2EI>TW2%FYY8uYi*܁zNb ց6f5u`d 9(00)1y`0TQBt'=uQϪ9q¤3AL25=O=%h`† HrI7KkLh͆pRsԃɺ-o@`ߡRX ^HbPYHSP<WaL=U_i Mp[(^ p
ȐD* LPB*r_%4[Ш`p옣c2G|t,fLyWqX 1=zy1 =`FH\`0C| Qz2Q.vv6P 6
'2CذA+P8: yF@ZJ<!DC=,GrXkPDO0nA`ZPnD^=bO<D$CLdEI=PDѢhBn]0<
+1\ \`T"'Dqekl8
Lx F1CEtB $]Pm [du;5+T}1lC!
,-.w HA< *\Ȱ6HqHb:L`@4YXG 2d)A(ĕP.S
\NA0Kt4΁Q4qTb7%сr@NT-]%hI&,1z3s6T]5+ 'Mq` STv0]5*Q0!P
(C`DBRbSԂȼrsmZ LIJB269']y8hFD"M\-n1P0FנEa,8ᮐH׌I@TQu@q dԀ&Ͳr@!d:@Q tuS[6QDAӍ,"{3hXl< c?:㑻DS,d@ S.V)my!veC(<g \Մh
+Id!) xAE1tFv' #Ifa9≨AMl@
ExPzA,:Jl
E
D$:#X&_PXP Y̺%.PkA*4E]@
@ N8+Dg!QqD 0.

~øtCY$|/C:ɚ\B\Pu-nPC#p@"c2A,4J3;c!
,..w H]6h\Ȱ!10qH!m6msǁ<Yәg|\'Qٔ<i)L+ n(M;q,8͜$Z꣠L2E* ҂tqLG&pF1SG5\hK Jm;1 )8 ,-P <K
E-Q`Czhy\
@Z8O2d,Y\<V
9sBjj[V+WMNmL55)Cm|icOeu
Nq y |TZlڪsyh%
.DeeV!.Ux.lFjs-Љ.$h%p!X&ƨuF,I,aWHIXa!.u@_H2B
e5p@Yl@J `\
a$ET |y
Op%y@UVA Ajja AU^i YhY(6X"@I=^ DB -@A@F-B 
fpPPAī;
>0)*{k+j,A)Z.Q
4
ëald;j%,kƮ[,>уA)qmA̶nNx +|i-mp&YQ =R@!
,..w HA .\L0ȰÇ,ZŋLƇRx,e#C/hF|4!Ξ< 5.bMT$r%q,gΝyɂ6aj i
:pQU ȳ \wyiX[9T#Y~w1EC ň<."I@iBȂ C$lB8<<:YAA2e*NA@҄f*A4G2Q'Ay@6
StJpZ>C0N#pN&Rej%'!NB9\I4" (U
!eA`׃FCA[b$heoQ -,"-14-⢎]HAP iH&YpF UA`Cf!-8G* Ę_b& B$A4!MJ^fxa]C0H Yyв. A*41h69
2dTd#yK
ØMA0ê FNwQ
$…<,#`h@J+00d,C6j@$it`A
.ݺ@lw-AlU.PC;bN˯VmTm$,[,*Pz-0B qA@L3DzCĬW@!
,..w H*\kʞ=NJ8*3
D= ƂgؠQǐaJ$/lblѴ`S 5l(d B)*pA]
,G(S eӱ)0bTh)XJrI{ Y
R5~*)ST SM
X#*ZS.cg% vQYawɴikd%Ka81PTDҖR.ZoDto'˧<ֈ酊,X
'Hw7E Yh8 R%4TA( 5H` M[AtD!_YS8NgS!h
*"2
\U"#À  KTm`;FU@Yo6MUT
7M"[pA_FȢ)l@|U
,ZJ 0%7(Hl 9p^o,@RVAR x-'y  ʏDK
W..HT¦,@hd
0\8 jAx-Y-.̲bA#@9Q0.t#E+ qA-.5췊-(4ko2U)z*ނ&кR/E T@@EԢ+ ٯ@v@іuA{ܲ2/tP!
,..w H]#F\Ȱ!#lqH%XHPh,(`t Dy.[(r$2{f$bы GЁ}R呂lYt`]j96ha`ȫC j-A V-A,# 0%S'(ܪɒ >2e2(ѡ-W,y@B(%8̡և Q-ٝJٰ֮hB'B<{).Xam4c#Q2F{M #<=o€hol!=a
~CpG&tI&~C
! `X
-uD<XFa(]Yl;մ@+RrJ•m)≃•,B5=QII{10eb @WiҦ)A\Õ0'$yBDrAyf)h $h 00PIA;BJ4: Ct.G"K,d(A. ,t,A0l H+@n+SvA+@0[] tkԦY dʑĪhԃ%@AY ȱL|Y!
,..w HA*\Ȱ-Zt4H`A*j$E YdHdcB"Oddi|1I' ^i
4 XdIs u<yrE.#r* D 3 MOx%HcjV@&T`فK~ِpeB4h6h*DSY,4H/*Dh1$Lϟ'?$ljC0Zs'I*f{azq 3ĘMDG ui-4t ]#.19޹sk4Zh@ 6TD|ńRE /l!"8B&@,nء
!4("bG4#A1!DZp$8QF&
UoPEx &mSN`Eı 'DE
d4i`B&LTne#sbB\i0d%Tə5}eJ.diA:IdG.%*P@ ,a0 ,1PB˲"'ZzA,Adb
(f
ȭEmkAk.
=.)AuB+re b R@oAb2T1uLAsT$2 K,f4!
,..w H]0\Ȱ!MpH!5<Qc$HA5tTh0A 9 Ĥ,\dI%3K,%'ςtѱ MQ2-:F Ub`!z劲he @VRH܏>Q |:HQ* DbgJs$#]!& -BpQ-޵WiӦȀVn.2zCٳ9 nީB"v5o/@y3݅kP'ۈÊY~0IGՀvh TРVUYDET\Bt衇
5@{lj((YE4!86#@>iGOUElfU r Y<P"w,tI# EtJ]Œ,ǘcB ̒GZeA1a@q 8TDrAXA@ayU!lzDq"K+b,% 31&#4C+@!˩"吉&tqP'.$B:jsRک 'Yȯ4*זF#۾qچvTqm&^+'rA.UPȶ6ůTq&P,82@ apˆħ$
4C$G" EG
$mB
5SSq!
,..w H]&\Ȱ!:vpH@8 ȸ`<LbJ'yb$J)VqfAOYp
2`OEb($莩\gFVU [J0 qFXk`a0,K69 pT&PIJ ,P%!<b; t!4@2A _cq ˮHJp-J8,`MD˗R6E!ܽyÁX1nVlc]_&[! .`5ˆvv`IFm'D, Sx3Q4@ UM X$t6ieD m J+CT{hGm"˘LG}ȡ}Qɘ 7ugW I,p҆oDAhYf
B@OB v$j1f,U$h PFR$(_W"JO@1 H"tC!yB'*Pl@_$ hDE{ hTA%@R
)XF'􄶆b
$kmA{+GTJQɹ`"FI|lmp'|Ԃ!MrqݷN[m9S&3E4;U@!
,..w HA*\p.64HÈ3t"CXѠ  xh% `@ FL Pn8pC -.3kY0ONo0TAnXJPP
\p#H6380jQMMY2FVetpV!+AE,PHePNHT0 D'c˲.[hڅ* @'N0h'׺hqs
O0۠1rb EN;a9xdD"⅗Ȗ-%1-(Q'ltQMe`CfSqؐDD(bO@da<D,(UDYt)#'Ȣ1f傆@@ zl&$EApS thD)BHLF@b)LDL1ta&mtCw曜D@ƝO@h)a.ȆAЅALFhQsIJ"mV'0!P\q񺀇ltl(@'`f& T2@4!Fu9 'm E"l*1lp‰#ul0Y8x$h.vKzVan!ml舆L\IH
^Ȱbų'%qkP>KRtLY!
,-.w HA *\Ȱ@ 6HpHa!Jȑ B{08`D`VKl MԵIØ`agG3r)H ,.,xATRS"FXS >NM^ "Aʢv.5Ydu[Ƭ8
o8%wz" ݠp % $E҅KB 5o߰"-U\<%1:&n }`6f XA*b%. 71&l#!V 7]G$a_\VY`AdžtZ@Xg$HhSpQ<aQ0(-o `c5aK0H" i7.^\Rt\G%a%0CHX8'A\CChUI2&$T&DŢZ<B0܁&xR1VvCaa X.g ă2Dj̀XА@fT<tG"h f)A"0(Z#Q(E" _|@jPE)_X DmAnrWźdF`BѳU\&D{+кZ8&.A% ݶgX#jh Ecnr!LS ۥh{TG?nGsԪ[;
GIF89a,,JIIVVV666:::<<<NNNaaaYYY888000ppp(((...***,,,___hhhfff"!!444jjjSRRtttwwwnnn{zz|||A@@BBBdddEDDvvvQPPGFFlll'&&&$$#""\\\~~~rrr (''ʼn???222999%$$$##! 烃ػቈ|{{鈈ކ賲Ҟ>>>211///࿿*))ɺ322џ;;;POO?>>333+++iii@??&%%CCC555yyyFEE777kkkTSStsscccɕ433===---ǝvuu~}}RQQgggKKKűoooopp॥HGGٯ]]]δeeeqqq! NETSCAPE2.0! XMP DataXMP<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.5-c021 79.155772, 2014/01/13-19:44:00 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmpMM:OriginalDocumentID="xmp.did:78c99b6d-b78d-46cd-a314-816fff21eea9" xmpMM:DocumentID="xmp.did:90DF64472B0311E4A738DF1EE9512331" xmpMM:InstanceID="xmp.iid:90DF64462B0311E4A738DF1EE9512331" xmp:CreatorTool="Adobe Photoshop CC 2014 (Macintosh)"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:b12390ba-9b05-4bb8-b718-8f55ff1f62d3" stRef:documentID="adobe:docid:photoshop:96c13842-7354-1177-91f1-a274afd4ca5d"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>~}|{zyxwvutsrqponmlkjihgfedcba`_^]\[ZYXWVUTSRQPONMLKJIHGFEDCBA@?>=<;:9876543210/.-,+*)('&%$#"! 
!
,,, H*\ȰÇ#JHŋ3jȱǏ CIɓ(S\ɲ˗0cʜI͛8sɳϟ@
JѣH*]ʴӧPJJիXjʵׯ`ÊKٳhӪ]˶۷pʝKݻx˷߿ LÈ+^̸ǐ#Kleʒ*TQE`f<E ,SgfhSɢm%Yqp-޲(o N<qwK9z(kEszՈOzuE߮o~TTTEUPQA$X1IUL1E?3qĠ~n|Z \8ء
n4|%fT@.!^|aJ"9669E^ŐX!*M:|$
YDxQaOI9jUreEvjDog^QaMZ%<Y\h_dAiEQ`g%:ݢYQfRN*PkJ*JD(+Sz*Qj& Ѯd)mDcz-jڨ)E.',CbB~]n:DEZ":7&'8w8$g1BB-%ϛ#L$' ;PUX& !|P#*뜮<' P (}q1}&Yl]+wAjlZl2 MYK9C-BBlkAP}^PJX-$u+ Rв3IƳ Q{?#TƋP,'}9'1!go+Z$DPˬ?K!dw-/ H5yh
D(WM 0Z 7 '#\$cX5ecD <;!zV*XhS %b=q,Bp +Cڐ<0c ]P00TМ1vx,Y*?PX^E22R@rX(:t!8]4-A2,VW"F"&ta$3/) -lyCwA^Zʁ Kx!Rw D >/L"~P7 Z:stJLQ
|B8V(/rЁ LKh]A0DB)ƉIL@0T<V1AxA=}Ai:D` Z
4lr% fdVP' e?Qy#A:|^9~b깅9$xd *P-^/L;<EQCt0W,S9pzIWq4A ptORr8!]h&]de_?;(Q#XiR (Nd_J>4NhK% (xIx㖯ժfCamBU0Cԥ)oƕe Ʉ6&]؀h@\L!z0Flm)?Kc]H:֞Wl`&Bf GŽ`Af2= `t d`Fw5Cg<)Cki"&ךrX@׽l1<rAJ m*6) rCb#q[+N8YKb0AСVv
4,1QW!l0bja )-lBHK[?{B
TEkE_ѴZ43I: T2i@2H ]C? oAի$LFֳVKbk\]h3:X"L|i$
85eo9 &ބN'hGۨ0>ϸݏ- t@vɠ\BYsI,@&#;p+[N.g+RHh^$̂:=ynO~$r
XȁZ,\_<P.z&5 :<-|&F/B,9%KKpDA\ 6e,z409$fi4clQFX!& eB5 y )КۏOjЏOs-֐{sU`'O?%7N3W`'D8XvuOQ0 x؁  H 耘y;B0z.0 e\&+(q,>#vY@ L؄{HaFhMNZp%Xrv?1h _e'5rzAgvȁoKxʀ }rOP ~8oLAXyq]h#9h10H w@ON Ђ'cX[
7qH (L  (T8ʨ@(7"8ь@ yϥ!dxpOp ؏ T|ַ Y}~pYyV "Y`hyad*y}J 0pg"Cl!@ B
H@0 och NR# 6|MW(XnS9} `"wr1a c9R9z ?*٘ytN#0 ci!. .`5[??
 p $2{ 1j )02~'t>q0:@
-U;)w@ٛ
@Q–G !ɜY=0 @)g xɝ@ /%驞 # PGV Bɝ0 ^K`ỷN^j0i%G..z8=$ppmg} 8!0Z07
$0j^7Q "e@ O}
Ù+Y:E#рʘLHpeJ0 d9kq.!`8`{:eYP1za-p
10Nc =FRѕ!jyaJp`tɞq
1ϗ q:}A8Np)~!c }P: ]*3M[gɥpڇCDfH@:M?{Ѫr! SDq3@ =Z)pY ǰ!KF*'Fd Z{ѮĘ[F[1
B`P J͂RB'@!n@ =PPyѳ4m
+3SvhĬaҗ
Qn@ $yUR+TN%˝(`a8~!abnS 7j YAM·}jQjw
:00[zCw{[PO bp
vYyBzZ ɝ@U:ƻl9AKUkKdQR Pgj^qĪipΛ| M0 
rzHj!}Ys=@-p
H-P K1* 3 y\
#yTb +,1l;| ,,3|44E; 1
#Q
"R$<56K[̧e
1r|@$ eSY˗ĸ ǖ\Kzn"?tƷSTa dst h?|Ɛ<xT,VL=ǝ<8> Oa|ɞjDS[,`,>R?<Wqg{LC̾6Sv¬z\sr\̰B J-< (΀+՜+%ÏѦq2zE"i'W
>"M}ѼLƶM!x\C(M+}ט/MmԻ3M!
7.jk/B=D]F}HJLNP0g v>N \]J@v`
A*I` Oprf@ EP5ly2rd@p5P? *fyiPP?o EXP@0 Aٗٛ1IpG@`wږN׫@`gPڹٕ1m-2bmq@ ŏg00a=  ԍ pEQp 00px80 h Qټ
h L q. >i6`ᓀt` MٷMp\pW `p
Ya*K^Pa*[DpN`XP}|P?` Ek}Rx` ek2R0?  =qٞ\ekհ X䟾Wp-֩ٻPDڢMQH]n5 6 5@nnǍڛ}t\PE 5|N0 Ih֞ܟ]ڼPp+DP5> >G=P>mA^` .`Dp
*'P W_#@ 4pa0۸.`@-@E`0 p^@ 6C</uT
p @Wp8/@@W]@-޷>/=]P@W@ [ CE dOla@DGV0RX%.pXa p؎K_٢n_Q6P땍`PE8;o!o Sy
(X !8 XhEPD!YY(A!S)caMD擡]DxA%ZQI.%]Ze
݄Uk
jx<jd8ǐ#K"+h JBo̅(Sȑ%O<٩[IU9/\^F"mڅcB(9v)r IQiK CyMh+O^ݺP3#入pCZ$(XqQWtN۟Kg-BK 9d.zb1鮳B )
`p ;O=y"X3
,hD(/.7p c{*ɯ ʜ6D)
i
h$:Yl-y'B0}8[f J+*t</Az.N TF~*„!!?(Dr!,HC~`C(E|RdR# P)'&{@~Y.frD&Xư?q B<t 
(r""Uv_~ҒP@Ɗ@'=d'"6(; q%3p w#"+rr5W5pKLh9 ɕ&(Hf6!:gB C1r0.t"bd,VE^wKPW%BX.$q; >>$`9fa(f)&b\d.&}(%[G 'ΐaplvvׁ.YD∐ >n)pH07 yYx|Bb't _tԇTt%lQF]XnK@,<Jjxc`ꮠC-izP.lMqEAAXPp `3}Y::0`Pc&"!l'?T(H"a 0 -KFp B@ <[ pH 6=FD[`2^(TP"S  yH dd#"+BnpGjXPB(7,"P"!Qd,)X a (2#aRFPJ.H!A .(?xA"㬎&j!tSD-< N܀J(ebp1/s ĨBNЌ`82?H@tA !R1 AQDBE qA4T){C$CXt6={TF)`<pU^"'~IAc%kY)B$ 3Vb* Yzמb9RRb^ ^ {VÂB Y,v+b-{Y{b@d`VT-Gީx`@:VR |}E<9Võ :¨ens\FWӥnu{]fWnw]W%oy!
,$p 8ПA*\ȰÇ#*RʔVPȱǏEү~SɲˇYƗ8sB&)+u
_O4%ʔhP4*(ԙSjuiO[zih#-Klڷ ײ=]r疬{n^|u
:CC)&;7@gl<Yɠ7YdqKDYB+M:&GKr.#ѤcβeTū:߳i}u7)|ptqQ\v>~pC7i<bKԫBI~FE<-oOCϰɖj#8ڀ~ȟBS̑[8Gy&D
Ɩ"L`ed a ue1|cb}(
?A@c YYɏ1$v40*rێq 7W
OF
IX"e6ǗNf PwY'=XamA$y*%GnL_J8b~6 fшtn]CVlX)zh !{sc"2G$ȯ6"x* vƐ dV:CMEc$އ"d"p_xI)c+-6҆NU(E^,a^x({AHIJ#,s lLRE0{̈Z
ǔ(gKۖE1E*/4c{"4<p͏zK~\"FRKWI( psp =|2kuYhBD(6܄CV*{gGUƄW@$tJQx{Q]"GV,í Xj"!nYpdWEd#>G)
+{
I!c@&}tޟR}~cs/$ĻPGF~`ć5*N -wWp8T!` EV@p<MRSQ J v-IS!@ |Q(L0æ:>ܡp BE>HbG7ũxjC p66D%J2v vػP=>폁YJ{r!uc"pD8
$/ "\H&^H-e(D"l * RKRa@,5 R (C KX\<Abrd 0(
GgFDJAKZq|dܼ`8~#jCe
DNwK|#FES*KAN D
!1cBCМc{C(LNA$ HAJҒT'JWҖ0U)1G53#ȩNwӞ@)$
9~ lԦ:PTڅ5 &x` XJֲu ]8VժpXɠV:M]^VQ3@WJ2a lPBb6|C*z+ @Yಙ XU hW5hC2D2A"hf>k[ִ֒pah{Y:Ü}jY:Lo!h\ALDVw7]~)yz^.Ռ'RA2ͯ~܈ nhN;X B3OJ
[D.ܒ2 4 9p#F0Ve8+:p⇸O0@v&XDH)R,ď .Le?3ݐTM8lO 82[ 5)5%=y0.D
@2NxϤ~ BQI ?SJnP%4Ο @flSg1(V@O' Eg)]Lvn  ٔVFhQr '`U`v
t 'H pC2$r"P
E&!Kh& X:ߠ~h=X6q'@@`bg2PAH(<@:Ns',XH#@;I>-d\ "2y?@""$1lVȀp,f@[HpLJnB:|J:3w|S],ePF^e80|w$'yn1xw\(GQhAa<1 ?H
Xʧd:W?6D  ,[Cu?#Y-]#,ptuuxd

t=$aOs AI0#8@X. I#p
_0 z ėjʀU|7"@~f|h.}q@ ~
hOhA,t!/0j &uN08fj@N
n-1x Nzu8<p uWp zov@ G e`;xjp !wQ0 T|۰V/! `00$T(lLtG'ep
prbV #@ 0dzTh-0dS H}
Ű& d50CF7D 8`'`l0d{ Gp
Ȱy

v6 C.0!
.`!'P`WcH 0dp
wH GRSЉ+56
'PtP@Uea$}@Nga!8 OIp[
P%[% Je[@ H{P X 7 ʰX uM[`5' a@oGxBRKҠHNp

@= CySyp!
,1p HGŊCQSHŋ3*bǏLɓ(F()cʜ~iiqMUx
:ߔ6$tO-4Q-Pݪ(֤\Zسeہdײ}֪ܹtx$̼b9pؽ?4UpRSExJPT&nǑ;3}:xq+/=Smˬ[86Oa9;\\8᥍LM<~9mMn=f)u(QR43]MHS%[d)s{q#oda*ak f"mZ"elqvʄ%(caYH8#*rE\řԆ$|d}uQ$[1_SC5C%1^dPb_[bt%
i&X?!^|(ٝ`"T#[c9*d#(5)`Em4᥋֩)E#m G<*w_*Xz+e"V?I{참*bQ՗ %h`ʔpeIY#v(PGXuE}}da,c7Zak/BhTX%H.%|bGle@u,1яxQ'x#S<# r$'l`!Ho~Lr2+yfG$@k ulJD~aEjB/ #5a3YqFr*x_ M݁#|ϸ4xAXД >9EP$B+! gJ:Jqˆ&r:%<:;C/oUqG/W|ͶE_t/#EZx/oZ>fkq `?Tx/O2~H
2 `2 0YA_IJ~_8Β OL8Pô!7! iBa gx- 1.'VM&(@lX yad BHi71 clq/hᏀ IB2ȔmJᑐ$'IJZ&7XAc;: 4< R!,5ؒ d@J|lIL&S_PC/ :dERB4:pc]nrSlXHiT<Ӝ\m2rX<)i ĝ:}s t`:л85MtqD#jN6p]
[rԠ<Ҵ9I0'5(a1L iLPxȰӓ!=Ѧfld27H8]`uF 8D)Ah:ŪD-!%3XG<e`pPA"
9<UDJƳ X2Xe jA2 .*:aD!+0@FK&8Aa !-D&CiwۄSD [nN4Y[B&R
78椃%L}.o F$]n
s )aD"^0oB >WPE є[@ &>>$ x@.wà 1c"~( hX`f ,0P@aʰ2.R Ჱ{AX3%c 8I{
ep"qX:za D, c) }-6dȈ$<pa&BO k&YЈ$ZDJ0B{z-$qF 0(IKr(EExB'\Ss0 # [K! H'_ IA
&Wk@)"8=&@- =IB ,p7[G7\TZdv r O@L$afr@+GyQDKp3+yR6x)ɝ8"O.ߘPx5<頁D\D&yA I&@.(]l' K @E d `P5t l1R~ h+w$,AiLHAWF@FA J@]4"bǐ֥%Xn yc/Qݍ0bB^ t<@T8EJ=wsSd `.hݿH r3З)҉_|M|afm۷s7fe
,wrW VgjzzuHpkp 8c Hhj+mf3`G ^Pׂqvv @E[W 4PBHY@ k"VNpqM2ax[hj@LkxXftQ' PhjPy&EHpj}h~'DžHHyxJFhxqk0h`j w 1Ѐ%x`1_ {h@cU׌ h p
̠h|x0
d0ȊD !P}d}=q4e&'0dDsp8UP˰s0+;Yqp Lkyk
cFdri`8IQ@0=e0%I T9 OT.iS 9 i 0JI!
,^R H*\ȰÇ
bJ3jȱGLүdU}\ɲKirŗ8sH$͟%oJ@*Q|ZŨӧ+*]
ԊJX2IkI*ZÊ=ūY+c>ge٥VYE۷M]ݷQ
H_Lz/ZŐtȘR5pR9rТNkZ0ԪfKWϦmYN}
b?K4l<-cTmʮ.,۹k=wV)ӦY7o?+'wy&p6]MѠbᇛveQLX&ᇃmZJ$&a{ڊ^uY܌Hq8FT(n8H&3APF)TViQqLT"Jd!dihYoLѥltixxn1eo~j~?q裄 m1'fJgYȠhI Jhp䧪']
ɥj'0 &ke
++]fшH,fqƛS r-fa웆 [q~{Y(A>.b;/AD,l7oFHjD,WlKwU U \h"&kG$h8E)oSlrD͢1;PttNE\ \R"[wDbqfb8.wq{PBUh9C2
Y!އ!BVyq $_~pn[!:B~WqA)=8#blK +d '[% %gPB<k!
"˥F*DЇ(LPk0F3ˆFL }PT!&$@A L ;v rXЅp (@} sV``~NȡGЃ
a(m"rhF%9ԬE!`f|:̢`uA'q@H"ҁ Z@ AksşbT|@xt+d( *d x喁Aa/q><a (,!Nҡ,H$
-(oE"ఒZD7I /$+T cd@) x0*U$,8&4 0 ⡌bz8::OG*h˄
@T4A N&T0RpEH$Qz2e<S8 >8's {hA Rv #pB#Dэz: ^1Rj -VҦa1iM؅Uo!~܈/(A'X>I1EԶ44A$!©QDF;B YGx@TfA@a: N&@  &H(q r!R(>"X'-kD9pC"8q>(j-)F`Zb@ ֲ PY @Ga
xmIAүV\hJ[:,#UCX<-(Y YeÐ @uKum#VpD)2p%t(lq G n <ҺJvXn@GvPAPb ~aL(%n̵/h¢q9hW!rpbl1 x0Ŗ0$1Da,R+?CĦ.>H&1aڲ H ( ANgVsK0W=p;b@
K-Q CL Ђ%[`h"!f ,ٺr`CtD$"8=,`^'`@<m,Ϙa(fPDH\qm5ݳ+]b!vn˜ ѝM
WvL'$
װ-;1eXAi#P0$⭝@(i5AL.|lX}z!8wrX0)hAt@?9kmc2^1$1ҷ.+D ,(c-nZ_GtM5 XhiNt.fײlX}HJy 7d50p%n/$]ِ
F$&f3ܐ7 Yl 1 8'A*FBQOU^!wʘCV3jy7DrhڧQ
/f],wsqÀ ~F
! }5Qi1{dlhPg(|0kYaz0sdp'qQt gZ
Qgt r5 XnH }wPE4e9s;'eh^\xcr-`dmcq juyJ dY]qb p#ef}!5e[85UWI!則h

tz$ik
WI} ^{l"QPx6P-P iN$WxE 4|݈s ]LpFV: H0 /-16D6]fN`= 
 y` ]pypR8/Qb
$. =Wr8^| c 8
B ZE %AXEf2 14p
)Wפ  F\bQPlX mPqR 0PP1
+P 9p @ Yyٙ9Yyٚ9Yy)VpoЛsP u0 P YWc0 D*O9}PGp
9iة9#"PGpa0)PjIqqP!
,<p H*\ȰÇIHŋ3RȱǏ CGʔ(S\ɲ˔UIͅɳϟ@
jͣHB9ӧATJRPjjeկ`?bJήaӪeHŬ۲Uʝ;pۻYݛ.޿C\U'?^|_ĐweL&ǑO1ZsHÙ5{L"x^4jhYV_γsbnѺ l .xO3:9thνw}ӫ_֊%YHM8stҊ+q@a$|$!Ǒ" +TJy(Y1 #8NЃ:w\HY(9H(D(i0B0&ه#9({Yl AdC(I> gE$[L&|eUhi}rPf|H%{m\uީ2P [ Bz8`*zN's1u@x*jY,brj*kQ@^ȉ m lQ4,j؈!VF&AzJcVƷeF$&Ec,2B8'H
/0cm!NW, 'I ʗ*A&NjD l8W ,Ca`@'Qi9J0LtDQ!*W mAw2nQ!~ מ
ixa#M(%,ao,@$%ݻ8#U)9 K( 4GN좌' rȬ/(Aj@"oa"R@`0QAp
Mo+6RV1|/3ƇC " T)@T=4$]|4}ZwA rߤT_u
AZT;aH"D 8la=} 3<"RA
@ Fka&a1D  8"2D!f!4<%K  (JEa2ưD|].=dB `!
B"oA #a$WhHH&8  \D $5S TI)(iCX8JIdklV ,H?:a LH@2"o ?("?Qf)('l 2&@#H?X@t%:?#^&D$T#8E= u(D b%:6яx_h EL[`CaQ.CdG@nA
9rX@"y5X_Cڰ$
m XB@B$ڐh<< 8ᬐ;SKX9B5ɮ-#BLA~mڑJ 
¨tg~5F̆H?QA\>0WL,+%v6!0A8A˾ pdG %j|CJPUI@i'GpX6H,ݳZ"|/ #(J!Ѡf0
x@IS
T2hA90Q
,z$
w{5Æ4 vV@ 8=`.6jb&m8&5_.t`
x&Yk@ N~E,-_AD0\[Pi fO  "M !] OB,g&YdP
4dsh;
L x `+lJ,X#UX)> M#6k{$9 A Bi9_ qůP6$đq"E#U Jp $ !-`CtorzX' r/Ϛt `7p5dypRa׺ J {q-F(p|#<%uksܓΝ%T^yRp T1 ه l%6r?| Z)ֿ `B?ٗp] C{
!u Bq P bǶbhHqx< ? 1n'dKS-<z&ѵVC6@t>zP`I
^ޟBMAB>~dSw1_t 0>ZGq~ǯ1^{!}6`sGY*inY{N0p~vG
zrZZX:[Jr(SPApuAB[g] {x#mL;Eg:h!PVԇYm_6pY0w0pmBQThP6KX3yDq`g U3
Qs q{'1Ђu NghrGY /Єsw{HCij3_ "q=NJ" U&v("Y_ЊPz L6|jpxv95<7tkH E4Az3H6^d8 Q'sw
4P!`X EUh h93طQ;gN Cx^>s<0"
 +CHGJ
Z_7ypP! zGH! 5R|khj1`<g q],`
t[}XrFcfbr u1fxyVkyU ]hřQNN0` i pm(P,0X!
,0p (0*\ȰA#JHŋ3jhQR*$BIɓ(Iqe˗0cʄ ^ɳϟ@0)H=A3*]ʔ 0qBիXjZU2$04KlFEA,Lʶ۫},cݲҾ˗kLL&Wk*^AY#WABŘJ0BX^ @'iӰbj֯c:۶ﲸw qtSgR9W1kؓhN~Q A}fO1| }߁w+˜b Bd/41v (gTbD @0(4h:"D<@)䐑 R D
L&)&,@-4N#ARtiNnT32h>ңSt)gSDfCO4M
~Es&Ow Q)dV-0(QPZz #hZiHzʩ P)ʚ(sk@B!R*VO`" ,c=2BJ(P.VL8K>;/R 5Dܮ %k(A k.US
˱k ](.<.,jT 6g/p3Tثpf)BT, rSST"Z5d@B 2+DPr%|ֆ 1i;IR¾)4IDсk0(! u8DU(]ሗ5F1LNGDT8R@8]rQ
E"l![q Nt<V$y(pJ#) _.觏> #YQGׯDGC+R[-NY*H$.O}dQ<Oy_hઓ\măhĕIPDBg8A75
g`5(P
<5K!0*Zcyv,Pt,r8EzWva UC%lqBEC.jȨ(3jD O>E )XʁH1M,A _61
G8 q(!qSF88{aP\'!( !"Q(%XӚ$8a\.\)d$9Ie8AH$LO6#ғ5OmgC[Z!BE`n/F֓$H4Uώ @3DpӘbB+LX8([6;,g596t|Fz]A@׊%$N'tb /(iSZ,0#Bh)<`TSF xVwETac%+?0dkP(|PtH.8= KԀ6 k@XU [:d;FR)lpELVX$8~R"l|䖫[)E!ՔA(K2 n$AZS )H$:,@B0\݉DbxE2@UF&0i5ׅ,菽g| J3ajϦKhܺXJ̋S:m{)B#:r~l–x`u `ӲqIX8f.jx^?>Sc
(|`S")' 5L~`J؍0#lrMC*|Z9~@"G͂& 8z0%@[ Ѐh"b#Liw^$-TNV]@ fy)=X:= @7oS`>
h`倀RDͭuD0L4 oണ&R 6[$#^a@",o"{@mO
)ad}8D$aA xp:⑖qaAhqU.s~"~s$b@_&
`ۊ<"HnkA]sHlU7
@Mk vr:(Q"`D쭮fB.[D
9k`2ru="yG-vC&6~" HK!#yhh9A጗
tHOVpǍ! _0^/CG
0vyc]yq<&z8q0~T! wgn~?"|% U/uX" wQ1i{t}D۷Ud
w}h|7K[\I2p 2@8~@~GN f 0N(A eoE$V8n>w\6[T$3yi(0{DqN U]Qրuzwheo0T$QA\tzzH]&$S`+8CtbJKx?cr<Rf@G"`K7'P[axBtk"LAKe0RPZFd `]IAKu[c88oT ]` 7@ [<xPb
ǎ|xq`|@Ґ#shA2bT@#XSxa!Y!0\^0(R9-IV92L#U _P_0B<s@BbTO91ɔEI| ZbTYPPe`#!
,1R H@C‰;@Q&#JHŋ3jѢ
,ÄIB(t\ɲ˗0]!d>NՍ1
Jp\e
JՂY`ue-JY V'$L9KLjm
l&2B ǐY8(̹D*1(WFAB U<V]ѕ%rrې35 {M&MnaOTNv˨Ν=vk]NA Zo$$JOeeIc]-ф bE0Ng _}pJ/4DqBM$=8JhI"P8(1<R1Շ+X8#ɗMH4`laVot@r $+""kC>H&&bA ()A 4Sx@[)
KP1uGi ')JꉮH@ HH0[&$0iuUz $h <8$fU=H('<򢾠~ځ0RA' FȔY#2$l( 0,4ls 'xVQDmH't$<U8GXg\wY+c
)DM\ l0I"n7ps#.{n)<Ky(Cᐻf,ޒDy`9Kd`"+N]zG.;֮5.ؾNz0 Ozg<F<?A!c$LO=VOFr{aO O>OOgEӐ HXA00u'H
Z`z WREAQ!n!
HC (ܡC6XC  fЁLH@K@C?( qXd(֐2nc^
:`E9L&H)dkp#HT(DA@=1RdPѐp;!l"$HF<,Mnr (H!(7C`;4%$ UnD`F(KC"Җ(4^ x0)274/eNX@(MA:IJd'Nb `/yHK !LP
$2qLr{Vqcs&7QQF9
&NC/Lt ^Ђ'.΢
SШNa ^9IP2@  1rӝZu
52̓X#3POMD¤V[7$ t `"ȀoAd
ZAC(TB\; Lj^HJRb:XjABbkj
^d'Kp*#~>-HFJ@!u^ ҄j'RN)8[[ro!-xW !T㎶ :Y$"PzA3",(PJ*wE%4Z!x\,/P-0r |>sIx`m1  E\ִ1bIh0A ձت'Nn@D)‡^EB(KY@+j 1&Lx~30VV%ow1dzvK DG3Ž !?
ѐ阡SJٜ0JjfO/MP MupÂ=R Ú9N^EV^X B^  ~Ȱ5D4YRmkoAM+x` E*"?[j[;.b=U'
w[lE$8#_PL!By9.`@n$63DvDjIGg6K vB%byGm)w*
@H{NJ"^_-,"C ʂЈa4i( <"V7AV<4ڛHjo;եU!w/4jwwIy>a+@̋|\*AK@$ӓ7yp/AP^D'b{E= Aںtg)zݳ>a~E;,\!=#Rr+UgK7_E1H4ZP~㏟s px vczhgXg-o}ܗtz6|E
療Wpw@`g ;{8&} W~]6XujSUR@9րae{zp~7uCHrnggH#VLhkdQHS7o)VPf'{!mg}X#S0hP׆AHQcRwzpvue![`եw|{r)J儦&n,v}UR4-1%H"j
lwŋ9V_PVxf_?x(巂^ H00(/1ňI8˘a2눋1Z%؍pep+X[_ V`BVh^@ 7)xr , 
,ZP
JP2AZ8SX5zr AQ69>?N1qHv||}P6usp/Qnfmĕ,|o_)є騖+fcnɏpr_p_oy,!gx][p=+9Yyٙ9Yyٚ9Yyig9pY0 $9@*\ȩc`Pp9yc0E#pG;0`
ךTmPmT!
,01p HtDJ')ڣŋ3jTX>0a0@;S\ɒ HqBӉ hɳρcHXYLɴŠJu X T}0`,SCM~; ٷ<ܒVM9k]ׇR%DGqBÈZƱe-G.gˠ!o.#ЖCQ;IeP;FlD뚓h-MDof7a=nӔp_nEzc!QdҊP.j`[9TJE&;UԛDIz7}i ~&
,H`V0@ŅN!)pMy3Ip!(6% $6 0h𐉎?#BOe$fːϒ<YBy6q$Dl0!XҊ- '!0@I4ЉME1ApIqF M4)D2N Sck peނh&.S^t29X8t* )H  4G *>đ@K^iaCVr.NMKkR j!E3.*P|f1^9K/(C+)"@2^_C*A8`&y!<lz@ u$Fo '0@lT}h^l)?a@,dd:o-)L)-\;9$WeE1w}2+dkޥ <6ύ`EQcvd`S+L
)T
EGABmC^mPHBm0JSM*!KNnܰAT؍nkа2k1r]A<1Z7[)i@C TWH)`*s bP4OҼ|P?abAJ8P /A
ةDYC 9HH8)YJ =vA@&*$P ˆȳap&'Xx
 1>*CxbBЁ^S 6EAXEm" ƮoPANYȣEQ ozHxi7 #vFf P$EY"(Sa
ъ rEDeJ@ ϕWU,e 4`h@\T<pD4IMU̦6nz:"HqrL:rnA"( .̧>~ ]XC:F!І:D'5 Pxp2P iDЅb'JWJQbJ)Қڔ r<yC/7 jHf
"PR27S(RJUv3PjUЫ'S*W
UUUNxcoLe Ǖr`s:L3@tb B=a2T]kbYJ5xB>$;ُҁ~0z0dHjWֺM:AQZȭnw@NTȭF&"{D$@KHbE
-| @d w ^{^B@}~A&w=]8f:^ Q$)ZB/?XD)̄([{d.!8-~  N+X1<!B`(d" bP12>b W<QXzռ,o0a:GY bWA c'?4#%(! C7̘Vp\@P[ I82{(z sH0A(U[(.ҹֶ[:l׿u-?@bF{{M
Huivk
Wo71*.8Q&7P!
SHx@dv/@oh"uMT!y^c
ȶU̇[x1q
"yέ`r"oJaW$Q!yF@ZwPE+48Ρu_Ug'^`B*oV 5{!fFg!nn}2xAc(CzA-7׽?z!Y8}zC )CYS8G,D7Α=CEP?[@} UЄG 8@Ƴ~A| pypwi}~xspe^i>mev?~1h]l=k 4!W{JaZ J xV}80|L` CX6؄AsiY#ȅq1gYagA `ztG86VjtnX{p8qw{(wz]u p`G \(wGo! s(wYdeqfgx|1|@xYONf}4h[_IhJ(T (seၫ'QX}`h`sV0jɈHih8x[eg7mǏhixЊ-q79s q~*ax0o-a'R8.c`Y铗1))XEpj,(L c0viy2Aej@ J4X`q\{\}\y\7SPzW5vǓdw7(yDx^aps 9XVpYr!
,0$p H*\Ȱ!*m⴩Ⱒŋ3,#fx4^ɓЅò-S͓c@ljO'}`BBͣH*gSHIJL >B;V4G׭f;]kī\?4`K"#o>} Sݿ ջ!!Đ "3O s悆ੋM݅:mnj 3`׮t5kׯՈuJOMQߜgVq؛ 0M蕥CSb@MN5irtϐ SXGW_vzAM`!Р̀&|`Ba/ypI _%xaRpX0&ʈ}ha#B>fA,Y:҅ $ѓ\Eɖ#<a%r ɖC*X$` pݘ̀f] 6+y26[yITDvE0y x`S%I byJ\tig Jq:(`{g2WѨ
+媷
 rφc ҙ_J8` 3CX*A i-&Pun;#t:)4FJo&2 +lZ܊ a_( DCHzaZ@Ā5OƢq"FI&@ x ܑR[g)87Ek0C6U. 941qtkA ( -$tCZt3_0r&MDmXCl]L$Hix}5 ܈6TEM'XlPX
5"(,RKA'KpI#_kC/|kiNx/1 4Ð?O/kL@'@0 kP C`5 E
ii"H>Lܣ!m (5XP5(@u%xR>L a;8uZEQڠmyCQe<jH@:!HSB](S8$0@
auA0JC@ ̊z>1_*W魁 0Cbx,LF
U<eˠ<0l32Qr B D91́d&3t\b!88h"fpMn#0!$p`f
8@Ș *B(8@d ils"<F1NA:ՙ)a͠!<GvQE ,U#āvo  5@r`Ms"xE'.xC +0 I i+=P"$;EaMlXR1MnN[Rѩ^db.ɫC:K@kF-aK\5R>d1q5#w,!n`<Fp\=dOuT fMUxe G{C`Lp3yh*Ŗ
8R9E @Nr8krB s ݤ;]@ҰP V@
Rjzb(Dvͯmb;0Fzz{ Ga/K* F/,0gLX^$bhk@kj_ "oIfb/p™G!e)o'\2 ['l6 JP3LYu*bz6zR:]"_DH-!h)L4JOŒ@giJ{INI/1v&TT* Ђw^=ڢ8f;Ў(Zvw Qk$0"@nIiЈ-dA !(C ~+! x(A$·P{ m(D}@[xpD M(Gy}o+ 0y̍)8y@@bBzD{~HIO:x>6aAgnL <Zx(VA>tJ9u7̷
@ܓA0VD$- BmMaz'|̳DD B~L!
ЈK?1O+ta3DPd~
#=WBԀl>aڰ'[1|G?VADǯo}kG
yG ,
gf/@Dngx~~ {n@ |} xpoxp p Alqr|6@u Pw
.bJs-7CH{p >8ygU`TzVH Qo7y_uMzJ wakyIh`}@ytIA@nWT~_hHc }z6шvVWSx8[ w|͇vx(grw(!kXAxHSł5k(}WkȌ󥆂#kx#xmxp#ym㸍hmH_8rhmUPFFHw'wȍ T؏؍H9_pSP{_$")ٍA!ؒf.(( ޗƓGh߆z8%AyFY!
,1$ H*\Ȱ!8 :Hŋ3jh4
)!*Ǔ(S\R"N2@SuZɳg:'$ӤhQ=B䳩ӧP 7UbʵWwZܺJ^~]˶`%=ʒUGKۻx ly nd# #4#&˘;-oCjgF\4հ+
k^cuWģ(C֐҅4&$J*_DVzlN:2t0d .!J{J˼2(8Fd'!}]б(w'ỳH+0!H,,2!qagjD ($؅bJm"rԳI3NVcFuP:L,m 8$TiQ3'!|[NH7fbf˜ %<"oy^D %&1]͌Q-iNH Zڗ@iqHwnhE``f!먿KrP"<lEd)-}eiPXm}`@Ƹ':s\[,:9΋ [QK,gàEBSTļ!~@W%η4&a<3M+MQE elԳ[E_1B -)@"./7W
Eor0/sBYЧʆ2Eo8PAQѯQF`!G]Q?D{l5Fq=,R3Ș4@"qLA=e`Or _H*KFKA /@[$Ig)5D9-"6Kc3A(M5 /H hCg@Z@EZw/ab['E!_Y&?"MkXY"`ޤՅ /!D#b+͂~;E\;`٧ B:0),!F3;‡``}/d\kЀ`v.EUM!BX$#4DL bP%Sla\C)8/h 0"ڸ*Bd()? )X͠xx%x[hJEIÄ$Ap~ )Sb ^8v8 9vR,
} 2Wij1
-'
̌bDPh6 ̀XkY*
'8CP"CHdžu0 $qEMbx#J} _s6 #4v,p^h7,|0]p;D`N4p SPJxiL- "H(ؐVa x?
DD9>UT.uܐNZbX9 a@6ȒW`d[,"@NY(cA!L=8.ZaNP%r=$@P%(2t\.=m[iDD!0A8va$VFTT!ې(dPk P1P
r
थڠX DO2LVSrPAE /}[<r bgTxi S~bG=H! $c'}ԇY0alĆ9/p '9!z]8yX C^1+2 oxKcR:vK[B6a:nLV-lB Z-1:*!dUPS%?ރ`9!(8w<ݳ @Jx uȴ@ 2T_rxZK$Xf@%ˮ֧`dpQ&wG1D X2 `ohuP|nvaY Њ#X-л-
s#ǽO- (H$Rx#8&*l $P5A!iC$Dc p.H?r;F ~D @q $hɍH 6H!Ľ/?>tIo Fd H\WSDdAW_*8b Mw ؄2!%X]#͑(oC)߿#9mX> r)W?Z(WVl<x{W!ﲲ Q?!t(B 0E( YWUO[w#41{OgB ш,lAO_C&La8Xx~
8؁{x(8Y07)'8  &(:([r6B[s?A8JHEx KM@QSH GW( Ql]8YPPc(e؂ZXck&8|h8hcv 1| Gz8r4}qe[8X5 !u8Xxt؊Hv@pTVhQV888Q@Q ،`ȘNqXҨhИ;QЍUhSh#؎5Hh(Uَ8hyȏ
YT Q  (
"y '$-Y/T 3ٍVp69< hب7I؋*oȔM9PٍFٔ,Y8UpYZYVP0Z9M)a9\*iJ)iYp9PszWٗ Q)ɑd)َmy A'ٕYYq@閚TI\xi#HUQYyٛ9Yyșʹٜ9Yyؙڹٝ9Yy虞깞ٞ9YyٟVpopsPɛu0@P cc0 D*O09}PGp
j
"J9#PGpa0%Z@ @Iq>q@!
,0$p H*\Ȱ!B*S"RqHŋ3jܸ
"F Ǔ(S\7rЙ)XB,sstaB9ɴSw)JjOjJMU2!"׳hϖY3Tlաʝbل˷=ʆT; x0/#K.ʒ㰖2LEhLگgTE^_,Jd(JӨ *ڋh5~c@-勖?Xa;nb`}z4(-^W˗-VVG}eSO4ٿ_ϩ@^FzT|)߅E0{ XQ?&( gf_؄2CS8^1J^&aFj. Y3.4'(bb*rNzb8,B^!G=:EJ8`.0ė
mŘ#jIifEw8 . )q'"QSXeF,Hh"(i'^Rtàbqi^Ѩn2dꅫJ*ǎ* )Rb(dzረ9E--Al($I-EKcM
TE!beLta!xK~oA0U|4(p1I~QFaڻ !Ð ($zGq-K* 3Aqq.ebˡ:Yx,]P(S ]!z(a^rb"ET놶Arѯ^!pCy7A*pEq)/>>)J`nP#I4SKtj,?Mo2X;j AͼF:{2D(߬ Aq"}퍧 ǧc#/-(X B21| ҈ Q`B}'( "M xpP1Ak͢4‚PēϮ9N!p X%0$:օ Dᮔ>@ NЅD$V`%ʐ-lA e!*A "BXikpǜЌ>@& L`
"429l! l0N'—! 6ā 20'8X&:2oԤ0csIDT/%"PRV PSC$&jinvX(K$(!c'pBJN`6InNܠH̉NtB($/L?.S|,8B aM-q$1|dCI`T#zP Dyܷ*G
fd4+TI D0g:, B.HZwBQd2T-#xHA^M-pJՙ0dE1F5C8|U@\X\BH[xR!sfasB#E;| ̐Cn aڊT-@2&['B@ C4K\(@H@1Z<}aH:vZVP 'R{;V" Zܙn jC4x^t TjQ,N m[X0Ά@[T=!Rm/qۨ Cu!q0aDIG4C3(2J9j<(e0o1QHB+&/qمPQ1B!MT"A1ȘЇCw |PCVOԗLC@얻 L)ZA]:P7P2UЈ1s!w 5pth Q@f'ZTL]MULęa1f%kK@UwQ!hF^[RMO"2 ";'X[#r bKma!H[ XH "kc[m*P"XJ:T; S`.(Z!isuMd1EĠi$
Xۥ  2h+bFP>{$#P>WA;nO =a!0<- 8:Mt 2<)#%Z3#8E <aka"_{C $jNs3%4F؀0NH]F/Z{ՒO.P0E)Q
<d—;J AiBE>}X QgC}7Yf.
GSRA4@[ D#=sf
7Na  _aP' yiaHL<up70 q0F'Yp BGb q}`m~Ap{Yv=q%~FBuQ
SP&yY9A;`em7 1t|P`ql} 8$~Z^L(U0} Ve dC'SPv:qDj 8#ie[Pu'c}/w U\
+*E
=6.Tr8LYQH[`$V3V@vtz= nsv5p%ZP+ zHbEIY|P(0O
+p /`X5U  qPA PpE.+&ْ.\294Y6y83 ZAQ@B9DYFU<TPSPR9TYV9SKW`TiJubjidi(krmAsq9)izb~])X qSiyWh )iə )U`ɗɚ隯٘)eYrيYpD9AVPIS`}>~yؙڹyI!
,<$p H*\PaJHŋ3jL(( QD$hɓ(SL '/0cztʛ8shT/K
]%~;*]PjcիX%Z4jT-[dKv!^5T۝xۻxMN1%w./LX♾~*̸q9]Bɱeo"Kz缙7OA+(9C)Ӕ*7C|sʛ 'u'iS5R>
EY){)#֥z2 8{9[(O>K7T6\:t0?.P~#f|58dffBтlDBDQ."IJFwÆ"΋'*dEx!ul8m&up#!ʡ%=.Bb%Uicb3f$ t0)bDUb[mWMbi bIEXg]܉AzyssYQ? y.螎Ljr9hE)zJP<ZDiZNDKJ_Z@*Q :(cƎWF U E2!3V+Pxx,ҭ2P@[ZH@j,J/.k@ Y,D~pBmPkrp0m|aK*KG( {Iu )BʗH1sx~|8<2-Pཫ =E ]0"xYH1O4v]P$Ǻ"wLtA^vt qӎf -eGѮ n^C#ɐ(5'LI[{W֚P1[-P$<-@=#=USAS ( ;,m_g˝)
цIDHB~7Y t0䐎 qP ccpH6= `@)cYdJaX\w2qLꨀ4
SB?؏(V)a޵"Z+Pp=_<<r$`09a
VhIUÃA
\ 8)Є&AG.)B7N^>c ^l{LD@=삒e.#0l"#(A9
*X~YB*t5,
.u&$ ^09bb1#Qۻ, ęQC1^H:@$t
~VHI)Za1gx
[e
8" gA)ʍnCE8!֠'l 2ґqܲCYP99DH
e"ҞB$)-j PDN4#;)e3^`-d^A/ҏFUMv(#/ Jg Q\FzU f`S(y?"xAX! nqS3@HGXsR˔10v._ƠD\tp VO[\?&D LS<*H&$H]։ _0A1 <a:$I򎶤 $++佭\HBc؟VmCbhك+ȃHBB[)\+fhH"[~BOFMH!LMT (*ko@$N` O &*#c2qx6,"xNdUL]BT'zU-ቋ́P -7 %T ʷ)K\wE
& UHDz/ؔTY; |gqCx#uuO8ajKp }i= @{()s0壦HcrH,md àQ# ]D t3ϐ x|:H'+"*Pf0@<(L@M\C (BF
 pMOO=@"0RT_s8`ӻyV)Շul &{%#qc^f[ؕa 0yw9ߩƨ!b{d-^M xxz-ZR<Fqc@*.Ľ+[ǭQ4x%;O43hG@ ] }CGʘm3؅6wO9/ #r `~hs[p7 Uwe+`j &d(S{=x @ C@gpy$%04n& G 0`Ypgf64@H60 ZAnPdETwr  0 x d0ĄSF\؅^81Tb8dXfxhb(_m
$0tXvxxzHPqm}

x؈0 j8/`؉(@H)!9`} xqXW1
Xƨ}0~1
 .0dHҸ8py( X8ԠehȉȰ10N6h8ȏH8t0 Ȑ܈L h8 U (Y
q"Ȓ0G)' IH7.0H`HJLٔNIÌB9w"@Z\ٕ^`H;
GIF89a.8uuuʾűýwwwxxxvvvyyy}}}~~~zzz{{{|||! NETSCAPE2.0!,.8 H*\ȰÇ#Jq .jBP|8hҤ LaBȑ=zHJ( x@`!p>FN 3,J!
)Vl A0st ^<x2
dbDK"2GWk X^T٢Ă5xppܰP!
%O~'_@v
WfsGBxH6E.,zft}ޏ7 00 {=bPi GY *rF1vLq C&|E`Pn>(oCp!iPnX8~90ƌcAceW0bWBX$ ,*EDF @@EA `$ &yI_  %DDd&$ 0@`gA$Jd 4'ٹ@
7$('D TB4(PXP YĐ@CZtA3@f AVPI 3p\pap  *@ Ԑ/PDwB Ao,pJ #@B;*0z P|'792l7@: ij?sDPB I=t!M4O7F7$<<u`CT tfc 5lb@!,() H@+aCr!0+}xѡ-MzH$o2CGQ!P HFɝ/F 8%:Gɞ8d `„ D$jzabhTM=)6QHu8Z.xH8t(L2gL`@3N1'L~@Z(K*$
*h` CelCP|7 +Inp
5cʀY ]SM}`6X CE("7e$1  %bhCdXچ`h 7߆@ĊP@1 4a#\(7$u@0   $T&B
.t)@} XĥAbX]:$wԐ2p$ ;О ,A p &0zA 9 r`
$e ~rtP
 'ong` 0 XPARp¬*Kzm lorp
o -NwE&H@0rmuY@!,() H@0n`C!09x@yѡ-R8⢒'.cCLJ c@&̜/^,@ARJCP_S P=gBrh@0>5MqLp(!
#Y0M|dqEBa a@ Y8w2m>l08)SM<},u0LPA 7Æ&L>cf^#hpD /6dhPqA4tɇA-@60!GvCX^:̰&: 1 8!h @i H`@H"@M%` P PP^~
d9,@+@E3`tž#p]`( <()"t@@P`Z@
uA B[nZ$p@xj
y @@\] )V,Z쳜r~WJpX P\lw禛*( tV.@X[!,)1 H Lp0Ȱ Pr ;i8Ѕ;y<a)r $KC4% %3>13 @rM}(3p;FtIx^k &Qh"p#6F!P*Sx#>?I!G@B
A XVxX7^Ùccq&G IC@7hb-0C,\^L6MpB `NCHr#OǍorA&L@ m<Tx@b-0 \ T M`:+P,>"`c
1\ @PB T
14Y
T@@`A
8 Pl !gl"0xp q_&,৛]PBWBA VpL*yXQA|}ڪ ThDxRYȮ$`f P@~,bE@lB R m2l  '"T$/J' 7D1!,)) H !|`Çp!pė.^ y)fX (BǎiؠFB & pM7\>,H`8hLBN1 n&e9R6Jq?sd95%vd"$,&AY6
P$p D".r@F6zP#_00$7XP/0 & &(2q Vy"c/`F7DBtR<o]|hD@[z0/x="PHAb)M`$ )P 2P@ P0Q`AÅ(88!k(t
"P<Q0(CD7
d #M A2= T TAA !t AA8x @40a8l|it6B"i4gA8@ `lA=4V@a tj
@C%x ,P,@Pg r$⮁ $9d[jZ Hjo2ʭނ@,@~.}@n˲; \Wb{XT,V!,)) H V`Ç^!D!jrx*^(⢚,&1BBG|SE @Lf G7<*4x3P?]\ ȂI. pҸ Cd/J_Zp1 +~2!khL !!7Tuȓ#4lܙBB@a5j)`0xȁLwXAh )jȠЂ=lʤt;Cj1PPH` &P:w i1BpHXQrAv"#v7d;]?a@<[ߡ !L@`#}AE}u` @,$ip  녠a %l6*`0`QK$:t?CiÎ=Hd"fG4adXL2
Y-WGAl @Py `fX$@
AdBIН"aXPAJ PP@P_P F)~$:{R$0ZX*6 kG&@5Ы e@p :Tؖ
,+г.jVm͂@wpnоp."/@? =U@!,)1 H N`ÇP`!P$ox7Bƍ*#n„̲ 8T"E\"nr$(!#F M10+%C 1P|hE/Ux4%I  H UZqA/oQÉ00D W> a < ȗ,%`-  ,pvsx1a @P4f` Va& 9=qA "DΓ=WU@ ; Xd a :l e@P ׅ,ČHKl/XXUVi6`@)gPHPTY%zU@CYZH@H tDC[C7CG ZA$D  $gA 1
P@ (J@AQ@ HRR \~J!(VЫ:'GЀ +
jj <)0+2 4:;)oB/op4mۯ&<.ZrlWlgt@!,(1 H:`CT p/vxa PXᢏ~!AGPl@B%;( /X@ L(HB *F4P5A
!3Ȉ@L(W]@@zF0Xư 1+tjGp VqBQ9ߪ+A<F}0C9pΉ . Bk:'ˇ %lpi*m@7 !C: 0Aj!S:,hدB@ }ApGCTࠃB"`A ,p@ ۅ šĉJȑr(}I #ačF*!0
DH"`H"7a0H PG}X! V] Lx)|H@T4™g
Pltr1 @wIpp& :(GwꨡDD@'`@UjP<kAD
Ԫ@ AE@ L`5Ѐ ܪk.F,zXk 2;ҢpKɬ:,pUb !,)1 H`A
2,0ȰC%XdX
$&:Ѓ 3d`.ฑ <X $ ;(!˂|$挓 J hND3t0N𴃄X@Lb0Ka ލldY X%l† Vc JXH62xSمFAʂ`@V ,\-@ ldL'\`,b4#}cr% H@a8'^pAo %ġ[ C LuB(w@p@ Pst8DŽQAƈddL@0&pSBa#hL
YBIh8<@@x#\!z0a FĔ&C'K` &Q(8uډw1bu'vr4s-ڨC1qJЀdC @ntFCS!
}ZN&LA**`Z =2<0JT P@,=
TKF@>@ȊF04k 4n <ۀI4l' 7 0T !,)1 H A *T8`Ç 2p PB :P|ѡ-`bF !TPc(Bhd5lp˂>7Xт6AƟ>X1FL0A .,H!3BDq" TJ8p -p S C P &}` u@%H`1A
(.%f9
PQh NC` ǎ>`vY ,l .w0GP@ȑ  {6.n G%1}_Һ~e0AyہDžpPؙWtXń ∁|! ࢋyh8Ћ8c\@!AdPA)FSA P Ta#gdf _RA(d*%Atno©@C챰0fiG-(aDS@ 4>TzaEDCLE.@,z " 蟁zK Q@N_D>n:XVhq2 @@p?mbRº>Au!X b0AOl' 7pA]!,*1 H A @(`ÇTA >hcC
%J 0F J2H@#D%BI I BKZ C4^Ϟ hD dv 0
y* TÊ$HC 0 B?;@
!0}x`qA(Z
4@8@YHJ0f hqO_N=P >(wT\ hLp!N&3Do8;:y{=B  P} [ u@UgÁ66CŃ\,\`awI
0@.!-8 +("HA .(lH@8# أC-!Wy4C"\qE^Av<` 'g@iI j_tL xmۖ)>di 5t٨C̑fP`A1b tF
/ PT́+Tv !@KhCkv `$y$k Fjꦻ%aDK 1ZD!* 
n?qpA #AWlg !,*1 H` 0Ȱ@$HX  $$xȱ! 6\Xc$Бc!?4)aa l 6(Q 9UB DTLx@@X(12 P$`Q;qBl (>$P@%ԫm!8lI`ǂ9pXޯ0`<\f A0fO7Ŋz_FPK,mpQԨ, 0@p)T}.Ѐt
 '(A _?8o N} _G:` >T74xZ6 aP 4dH  #Z>
P+>`@ P
HHP:d!H{Bs LH@X:iALM 1 jUA $\U 3bf ]qcK РECG$QC tCMqE8A
@)!6D_ix G fG=VTAW2 i4b/p>CKlч1>aĒi kpK ǃB2Al' *
!,)1 H A
0ȰC X
8pA
$$`# -,$y1@rlY0/AjP2KT) +ʼn8u. A@@78rCx`:ik@af/lH0`e0B|-7.X"8.8 t#F0##HP1"lo8p` 0H8nPWrzzAk@$h |A
T"Ef7L€/No$  H6WA &!Dv@ 9@ 4xA D@G4g@6d]D`Ad"xǂ$-pC
Qqm4@pIt
DfڰQB`QG+vzX gEY<0u~VnEB0Ca aaaXE jqt!Jao"qRLV@ .4 síl l/,2z8! zq2|A+ h˭!^mLؐ@ u!,*1 H 0Ȱ@
 0">Ȱ TQc8n  -8͔*p b iP0%X(9\Pa:0UxAV jl@`mHQ
0G 4PTma u@iy2

y zJ B̥ \0C/~hg :f&Lh@pC 2->XLuGoD| (0H[@&w1„ 
0 $~ D0-D؂H2IAW
 sAdݵ Jd
;qe 3^ltaDCpZ,@1Hԅ~` `@TPVHQ& v 3d tC~I &dA@),F` \C`Fј.@aP>f dЂ 堄zEcF Bc!h |A}frG)a/Cŭz@
mh+ yAi!Pw.u$Q"nt/HI\ pEwgG,Wl!,*1 H`\ȰaEjd(G-@0@H5(1ɒ8r@X"f6Zs yӧ@B,Z
`ɓ LC  hh@ЯdlHݫn(P4
0 !ڢlil8!HHV@7`B
{&f.FwA ^B b0,7`s./DdLߨw1&`T@#@DC{P@_ hŁv  gmpƄZh@ })g1B)a(GPd0
YaA t0*(T
*@=.00y i' :rLIe0JJQPC HfЦ8hTA
/̐BEPj/h$
Ys11
3 YU0D @HP@4PAGSp> \ !cqiiY  r°e] kJ ˙kdN@a Ӆ npd5+PeQEĠ 9 7G,!!,)1 H \Ȱ@:@Ë  4`@"E8ѡF LtРcb,idˆ*)F4 fLh%E@qՃ{l0)F @ȟ`S6unJJn] Dd$H@\%C ELA"l0X)t`$C |]0@WL !5 R"'J3 AD
/F˙~PLXÏw)RZ*j@
_؎_-`!l n}ǃH,~ĠdžF 0r(@HPǝG x}PqI l"_q %%0fiNqAFSAx@ @IsБF],t#@b%T m1C@B #X+Q*!XC @ +AIUC (
,l`j .~U$T:_ &BYgelzz<0q@4$bZV@Øq¯84DY( #@8ذF*oA4{ 7G,q!,)) H`A\Ȱa 4EH@a xTČ 9*p0@`ŋDƎ&]Z0p& j
0@<|@
@N<9!Ϧu$HQئ `Vj 4sfQP``pSzDžA86O(]8pƛ&QxM=@ ICgQ.@ϖH``7,H,ºKC"jb H/!}\ Sߐ>
@_qDoR h wa
'`otqq| xwAA57cTbPA"䘚 _qDC(aEGPTY B^l9F vy` 1G
1PB,pr 9 t5,`B5 FX[F4j 1`0 Ppp@)!DX !f0~ ) o$~ƪả@j
1԰\ 2EZ(I{ x>f A)@4$o t <"C
!,)) H 80`Ç(@ @@4
q;E@p @1PMX#H#1FHg> xf 0A?(e@@x8k F t@Ӯ:tqǖ
HA۷N9&B`)VB gKaeCH0f*lAinerÖ= M)1Pݼ{dB.Wn %J<Q07@gw-aÞ`"*_>" u Aǃ|H TȀV Tt8D P2 %4]|'$ u1P P`gAAI tT|oCC4Y m1XVrEuxAwH𣖧PDkh#d BD d*I =t"x1<  |x@|Ё@0$Ĩ5(Utd 0
*B
>7PʓȂ #W 1$!]p *>fLup, . ' P ) -6R;
GIF89add膟@c'7|lN[]i5D޻! NETSCAPE2.0!
,dd'dihlp,tmx|pH,Ȥrl:ШtJZجVhixec33k6:5g }:-[-u+|U,o) W *cT(S*(Oø ˕J((׷Lܦ'Q %& OcdBIB@>QSB\YqhvHXL >ֹC"VA& ?8֯tܤ8@)g
HS`-v,$H5`-|-ZHG/bY JMtQ+ K/)𠰄*X@ebc2kYեѡiӟ@ ךS9Zacu60 v0Q7nj;[]yz{aÈ3v|9 sSqB|geT0_e0UY^
X}LS*LpF0sr!zEuŒ@00ˆ$(8B18㑊(< =QJwQ$hX"c€U8=q%7',Plݠ
9O si'pFBV1oR@(7Q@6$
BAI:H\it:i i>f'€Re2+ 8c.#3,+@ .0xBkfv+k!
,-&B`AX|hlkxp mm,w:GDâDfIDj,Z@~
ӭ@nou{7o|n[y{{^~w5V,X{5,s6*\d=/:4*l j6G1I 7B*0 C}P,z,É6 5mDD D  P PP/`$ཆإh&3n(Yc#I:#I,ObQA̛=(a7cFa bH4J4ӘPH:* WY쑔 +=e SYX{- F[Db
j+ g 6mMecWRv|CmP,63K,*C1wpgmV7f,pŽ
УC' 2!
,;;'di(xHp\x48u, á$!VIBƪ5Dd fH۶;.R}1I1ZCh>f>Zr?(  ƷÂɱ}έК7EE ?s9]bӧ^LYPhB$ȀȉP @،и"A@eɒ*G$G:2HafNvOC4Z‚w tSw5VueJ" aGܨ$Mo_'(yAa%Xx"fEƍӅzB]8 j˞v!V;ǰƂlQ4Ї:ů/n͍"e<ߴ7sE}.utS^u",O~k2!!
,-B&vadeV~lp,aGn`Dz̎i:P'
'ltZKn0ELt5>]\Xq{AX}0y>DF/JLR"$'(*057,
 b}3 Ʋb1ЩH .,.,˄ -嵍赸,W`50 nqj09"kQb-
J׋` $ $a <2@ ,c,5x󚘘:#AN61!]=oTVd]MWc gTErEigVPW Y$D"&a$bsɭ]ٔ3;2hN>(#ʍ75@6B!
,;;' Ql oomc,كn krlN!ID
*5rUfM[1u>>.끯m`QS~?P]7\?iQA;)u2GA
 - 
±_Ǽ̼ѴձyAG A~s7 y_6*\@΅hapH8( !DЌH82=(St9"AL~3׈:S=5z4iKMB%OU*evKI|MBlW$< ں+
f Yl+tE&W@p̘|KԬ* j$UŌ_ȹvUXh7&zlmRv9Ŀ?nZU>Э'B࿷!
,&B'di[VʺpL^Cmח}cAbUJsJu X-^cXBXm/z-dFN+z'Y}~1yP{%0f'}'f1 tP2 b[%2
m3E9;$J6L:sKH"DFM#SS: ;tٲbB
0  "M+O{S"4 
QIB~M]fĿ9HpsD8;q'N);` C|K<x0@!L$U׫;hIpDW( v,# zg[:K](I
C]h'{q0}
CqI)W|){u$'0A@1Hv]0m\)}>OךreY !
,<;'di-K.)t]*B5NPPD:Ks:[D df}'#uZd<l6|-5W14yz>}~pWe3{'.Q'$cv$23W3
a&''3 Q' ƈ5~#$k3-؀$JD%5"R#FK@8$M#2!ýV|% _ ИQ-gQU8$1G[0Y 9Gxra_PVO&)P-B@jS"ڵlW2Ț] :ky.Ws:޽Yװ:*ǐ0T3fGktYsH|DjդY@v"jƜ˻= <A.|Яg-e [o&^xw!
,B&'di*5g,4x/uN%WD:eI8@u+`op :,^g>LY4 _03z|Gp_3 ?~, X2
c1n22_> 1'Z>q%Iw>,fX&lzF с$7C<$
NAR
\$Q9nؖ[J>.dt9
k%&W SZs6lHci>!FD=Q% (gF͞4
8@Q뀞
P+`zaXja(*b0ٳhTʵ-*ʕ֭ݬ[5[];߶d \U7~d{=V=pRLFJuC;
M payment.php
+1 −1
<?php include 'header.php' ?>
<?php include 'header.php' ?>
<div class="container">
<div class="container">
<div class="col-lg-2"></div>
<div class="col-lg-2"></div>
<div class="col-lg-8">
<div class="col-lg-8">
<div class="panel panel-default">
<div class="panel panel-default">
<div class="panel-heading">
<div class="panel-heading">
<h4><i class="fa fa-fw fa-link"></i>Payment</h4>
<h4><i class="fa fa-fw fa-link"></i>Payment</h4>
</div>
</div>
<div class="panel-body">
<div class="panel-body">
<form role="form">
<form role="form">
<script src='https://js.stripe.com/v2/' type='text/javascript'></script>
<script src='https://js.stripe.com/v2/' type='text/javascript'></script>
<fohttp://bootsnipp.com/snippets/featured/payment-receipt-bs3rm accept-charset="UTF-8" action="/" class="require-validation" data-cc-on-file="false" data-stripe-publishable-key="pk_bQQaTxnaZlzv4FnnuZ28LFHccVSaj" id="payment-form" method="post">
<fohttp://bootsnipp.com/snippets/featured/payment-receipt-bs3rm accept-charset="UTF-8" action="/" class="require-validation" data-cc-on-file="false" data-stripe-publishable-key="pk_bQQaTxnaZlzv4FnnuZ28LFHccVSaj" id="payment-form" method="post">
<div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" />
<div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" />
<input name="_method" type="hidden" value="PUT" />
<input name="_method" type="hidden" value="PUT" />
<input name="authenticity_token" type="hidden" value="qLZ9cScer7ZxqulsUWazw4x3cSEzv899SP/7ThPCOV8=" /></div>
<input name="authenticity_token" type="hidden" value="qLZ9cScer7ZxqulsUWazw4x3cSEzv899SP/7ThPCOV8=" /></div>
<div class='form-row'>
<div class='form-row'>
<div class='col-xs-12 form-group required'>
<div class='col-xs-12 form-group required'>
<label class='control-label'>Name on Card</label>
<label class='control-label'>Name on Card</label>
<input class='form-control' value="Sanjay Singh" size='4' type='text'>
<input class='form-control' value="Sanjay Singh" size='4' type='text'>
</div>
</div>
</div>
</div>
<div class='form-row'>
<div class='form-row'>
<div class='col-xs-12 form-group card required'>
<div class='col-xs-12 form-group card required'>
<label class='control-label'>Card Number</label>
<label class='control-label'>Card Number</label>
<input autocomplete='off' value="5196200080652015" class='form-control card-number' size='20' type='text'>
<input autocomplete='off' value="5196200080652015" class='form-control card-number' size='20' type='text'>
</div>
</div>
</div>
</div>
<div class='form-row'>
<div class='form-row'>
<div class='col-xs-4 form-group cvc required'>
<div class='col-xs-4 form-group cvc required'>
<label class='control-label'>CVC</label>
<label class='control-label'>CVC</label>
<input autocomplete='off' value="***" class='form-control card-cvc' placeholder='ex. 2021' size='4' type='text'>
<input autocomplete='off' value="***" class='form-control card-cvc' placeholder='ex. 2021' size='4' type='text'>
</div>
</div>
<div class='col-xs-4 form-group expiration required'>
<div class='col-xs-4 form-group expiration required'>
<label class='control-label'>Expiration</label>
<label class='control-label'>Expiration</label>
<input class='form-control card-expiry-month' placeholder='MM' value="Month" size='2' type='text'>
<input class='form-control card-expiry-month' placeholder='MM' value="Month" size='2' type='text'>
</div>
</div>
<div class='col-xs-4 form-group expiration required'>
<div class='col-xs-4 form-group expiration required'>
<label class='control-label'> </label>
<label class='control-label'> </label>
<input class='form-control card-expiry-year' placeholder='YYYY' value="Year" size='4' type='text'>
<input class='form-control card-expiry-year' placeholder='YYYY' value="Year" size='4' type='text'>
</div>
</div>
</div>
</div>
<div class='form-row'>
<div class='form-row'>
<div class='col-md-12'>
<div class='col-md-12'>
<div class='form-control total btn btn-info'>
<div class='form-control total btn btn-default'>
Ammount:
Ammount:
<span class='amount'>Rs.10</span>
<span class='amount'>Rs.10</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class='form-row'>
<div class='form-row'>
<div class='col-md-12 form-group' style="text-align: center;">
<div class='col-md-12 form-group' style="text-align: center;">
<a class=" col-md-12 btn btn-default"style="margin-top: 10px;" href="index.php">Pay</a>
<a class=" col-md-12 btn btn-default"style="margin-top: 10px;" href="index.php">Pay</a>
</div>
</div>
</div>
</div>
<div class='form-row'>
<div class='form-row'>
<div class='col-md-12 error form-group hide'>
<div class='col-md-12 error form-group hide'>
<div class='alert-danger alert'>
<div class='alert-danger alert'>
Please correct the errors and try again.
Please correct the errors and try again.
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-2"></div>
<div class="col-lg-2"></div>
<!-- /.row -->
<!-- /.row -->
<script src="js/jquery.js"></script>
<script src="js/jquery.js"></script>
<?php include 'footer.php' ?>
<?php include 'footer.php' ?>
M uploaddoc.php
+132 −112
<?php
<?php
include 'header.php';
include 'config.php';
include 'config.php';
$code = $_GET['code'];
$code = $_GET['code'];
$state = $_GET['state'];
$state = $_GET['state'];
$url = $config['access_token_download'];
$url = $config['access_token_download'];
$post = array(
$post = array(
'code' => $code,
'code' => $code,
'grant_type' => 'authorization_code',
'grant_type' => 'authorization_code',
'client_id' => $config['client_id_upload'],
'client_id' => $config['client_id_upload'],
'client_secret' => $config['client_secret_upload'],
'client_secret' => $config['client_secret_upload'],
'redirect_uri' => $config['uploaddoc_redirect_uri'],
'redirect_uri' => $config['uploaddoc_redirect_uri'],
);
);
$vh = curl_init($url);
$vh = curl_init($url);
curl_setopt($vh, CURLOPT_CUSTOMREQUEST, "POST");
curl_setopt($vh, CURLOPT_CUSTOMREQUEST, "POST");
curl_setopt($vh, CURLOPT_POST, true);
curl_setopt($vh, CURLOPT_POST, true);
curl_setopt($vh, CURLOPT_TIMEOUT, 30); //timeout after 30 seconds
curl_setopt($vh, CURLOPT_TIMEOUT, 30); //timeout after 30 seconds
curl_setopt($vh, CURLOPT_POSTFIELDS, $post);
curl_setopt($vh, CURLOPT_POSTFIELDS, $post);
//curl_setopt($vh, CURLOPT_HTTPHEADER, $headers);
curl_setopt($vh, CURLOPT_SSL_VERIFYPEER, 0);
curl_setopt($vh, CURLOPT_SSL_VERIFYPEER, 0);
curl_setopt($vh, CURLOPT_SSL_VERIFYHOST, 0);
curl_setopt($vh, CURLOPT_SSL_VERIFYHOST, 0);
curl_setopt($vh, CURLOPT_RETURNTRANSFER, true);
curl_setopt($vh, CURLOPT_RETURNTRANSFER, true);
$result = curl_exec($vh);
$result = curl_exec($vh);
curl_close($vh);
curl_close($vh);
$notgettingdata = explode('', $result);
$notgettingdata = explode('', $result);
$getToken = json_decode($notgettingdata[1]);
$getToken = json_decode($notgettingdata[1]);
if (isset($getToken->access_token)) {
if (isset($getToken->access_token)) {
$access_token = $getToken->access_token;
$access_token = $getToken->access_token;
}
}
if (isset($access_token)) {
if (isset($access_token)) {
$doc = new DOMDocument('1.0');
$doc = new DOMDocument('1.0');
$doc->formatOutput = true;
$doc->formatOutput = true;
$doc = new DOMDocument('1.0');
$doc = new DOMDocument('1.0');
$doc->formatOutput = true;
$doc->formatOutput = true;
$root = $doc->createElement('maincontent');
$root = $doc->createElement('maincontent');
$root = $doc->appendChild($root);
$root = $doc->appendChild($root);
$title = $doc->createElement('code');
$title = $doc->createElement('code');
$title = $root->appendChild($title);
$title = $root->appendChild($title);
$enclosure = $doc->createAttribute('num');
$enclosure = $doc->createAttribute('num');
$enclosure->value = $code;
$enclosure->value = $code;
$title->appendChild($enclosure);
$title->appendChild($enclosure);
$title = $doc->createElement('access_token');
$title = $doc->createElement('access_token');
$title = $root->appendChild($title);
$title = $root->appendChild($title);
$text = $doc->createTextNode($access_token);
$text = $doc->createTextNode($access_token);
$text = $title->appendChild($text);
$text = $title->appendChild($text);
$doc->save("xml/hashhkey.xml");
$doc->save("xml/hashhkey.xml");
}
}
if (file_exists("xml/hashhkey.xml")) {
if (file_exists("xml/hashhkey.xml")) {
$xml = (array) simplexml_load_file("xml/hashhkey.xml") or die("Error: Cannot create object");
$xml = (array) simplexml_load_file("xml/hashhkey.xml") or die("Error: Cannot create object");
} else {
} else {
echo "xml/hashhkey.xml file doesnot exists";
echo "xml/hashhkey.xml file doesnot exists";
}
}
$access_token = $xml['access_token'];
$access_token = $xml['access_token'];
$headers = array(
$headers = array(
'Authorization: Bearer ' . $access_token
'Authorization: Bearer ' . $access_token
//'Authorization: Basic '. base64_encode("$username:$password")
//'Authorization: Basic '. base64_encode("$username:$password")
);
);
$urlFile = $config['file_uri'];
$urlFile = $config['file_uri'];
$vhf = curl_init($urlFile);
$vhf = curl_init($urlFile);
curl_setopt($vhf, CURLOPT_TIMEOUT, 30); //timeout after 30 seconds
curl_setopt($vhf, CURLOPT_TIMEOUT, 30); //timeout after 30 seconds
curl_setopt($vhf, CURLOPT_HTTPHEADER, $headers);
curl_setopt($vhf, CURLOPT_HTTPHEADER, $headers);
curl_setopt($vhf, CURLOPT_SSL_VERIFYPEER, 0);
curl_setopt($vhf, CURLOPT_SSL_VERIFYPEER, 0);
curl_setopt($vhf, CURLOPT_SSL_VERIFYHOST, 0);
curl_setopt($vhf, CURLOPT_SSL_VERIFYHOST, 0);
curl_setopt($vhf, CURLOPT_RETURNTRANSFER, true);
curl_setopt($vhf, CURLOPT_RETURNTRANSFER, true);
$resFile = curl_exec($vhf);
$resFile = curl_exec($vhf);
curl_close($vhf);
curl_close($vhf);
$resFileNew = explode('', $resFile);
$resFileNew = explode('', $resFile);
$dataF = json_decode($resFileNew[1], TRUE);
$uriRes = json_decode($resFileNew[1]);
$uriDir = array();
$uriFiles = array();
foreach ($uriRes->items as $uriI) {
if ($uriI->type == "dir") {
$uriDir[] = (array) $uriI;
} else {
$uriFiles[] = (array) $uriI;
}
}
if ($uriDir == NULL || $uriFiles == NULL) {
$x = array_merge($uriDir, $uriFiles);
foreach ($x as $y) {
if ($y != NULL) {
$uriItems[] = $y;
}
}
} else {
$uriItems = array_merge($uriDir, $uriFiles);
}
$uriItemsArray['items'] = $uriItems;
$dataDirectory['directory'] = $uriRes->directory;
$dataF = array_merge($dataDirectory, $uriItemsArray);
include 'header.php';
?>
?>
<style>
#fileUpload {
cursor: pointer;
cursor:hand;
margin: -14px -4px;
opacity: 0;
overflow: hidden;
position: relative;
z-index: 20;
}
.inputfile + label {
background-color: blueviolet;
color: #f1e5e6;
padding: 5px;
}
</style>
<div class="se-pre-con"></div>
<div class="se-pre-con"></div>
<div id="wrapper">
<div id="wrapper">
<div id="page-wrapper">
<div id="page-wrapper">
<div class="container-fluid">
<div class="container-fluid">
<!-- Page Heading -->
<!-- Page Heading -->
<div class="row">
<div class="row">
<div class="col-lg-12">
<div class="col-lg-12">
<div class="container">
<div class="container">
<ul class="nav nav-tabs">
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#uploadeddocument"><img src="images/uploaded_files.png">Uploaded Document</a></li>
<li class="active"><a data-toggle="tab" href="#uploadeddocument"><img src="images/uploaded_files.png">Uploaded Document</a></li>
</ul>
</ul>
<div class="tab-content">
<div class="tab-content">
<div id="uploadeddocument" class="tab-pane fade in active">
<div id="uploadeddocument" class="tab-pane fade in active">
<section class="content">
<section class="content">
<div class="row">
<div class="row">
<div class="col-md-12">
<div class="col-md-12">
<div class="box box-body col-sm-12" >
<div class="box box-body" style="min-height: 385px;" >
<div class="row" style="margin-top:10px;">
<div class="row" style="margin-top:7px;">
<div class="col-md-6"><b onclick="uriData(null, null)" class="fa fa-home fa-2x" style="color:blueviolet;"></b><b id="parent" style="color:blueviolet;"></b>
<div class="col-md-3">
<span onclick="uriData(null, null)" class="fa fa-home fa-2x" style="color:blueviolet; cursor:pointer; cursor:hand;"></span>
<span id="parent" style="color:blueviolet; font-size: 16px; cursor:pointer; cursor:hand;"></span>
</div>
</div>
<div class="col-md-6">
<div class="col-md-9 pull-left">
<form action="browse.php" method="post" enctype="multipart/form-data" >
<form action="browse.php" method="post" enctype="multipart/form-data" >
<div class="col-md-8" style="padding-left:130px;">
<input type="text" value="<?php echo $access_token; ?>" name="accesstoken" class="hidden"/>
<input type="text" value="<?php echo $access_token; ?>" name="accesstoken" class="hidden"/>
<input type="text" value="<?php echo $code; ?>" name="code" class="hidden"/>
<input type="text" value="<?php echo $code; ?>" name="code" class="hidden"/>
<input type="text" value="<?php echo $state; ?>" name="state" class="hidden"/>
<input type="text" value="<?php echo $state; ?>" name="state" class="hidden"/>
<input type="text" name="filePath" class="hidden" value="" id="filePath"/>
<input type="text" name="filePath" class="hidden" value="" id="filePath"/>
<input type="file" class="inputfile" id="fileUpload" name="fileUpload"/>
<input type="file" id="fileUpload" name="fileUpload"/>
<label for="fileUpload" style="border-radius:5px;">
</div>
<i class="fa fa-upload"></i>
<div class="col-md-4 " >
<span>Upload Here</span>
<input type="submit" name="submit" class="btn btn-primary" value="Upload" style="height:23px; width:78px; padding:0px !important;">
</label>
</div>
</form>
</form>
</div>
</div>
</div>
</div>
<div class="table-responsive">
<table class="table">
<table class="table">
<thead style="color:blueviolet;">
<thead style="color:blueviolet;">
<tr>
<tr>
<td>Name</td>
<td>Name</td>
<td>Size</td>
<td>Size</td>
<td>Date</td>
<td>Date</td>
<td id="tdUri" style="display:none;">URI</td>
<td id="tdUri" style="display:none;">URI</td>
</tr>
</tr>
</thead>
</thead>
<tbody id="folderPath">
<tbody id="folderPath">
<?php
<?php
foreach ((array) ($dataF['items']) as $api_detail) {
foreach ((array) ($dataF['items']) as $api_detail) {
if (isset($api_detail['id'])) {
if (isset($api_detail['id'])) {
$api_detail['id'] = $api_detail['id'];
$api_detail['id'] = $api_detail['id'];
$api_detail['parent'] = $api_detail['parent'];
$api_detail['parent'] = $api_detail['parent'];
} else {
} else {
$api_detail['id'] = "";
$api_detail['id'] = "";
}
?>
<tr>
<?php
if (($api_detail['type']) == "dir") {
echo '<td onclick="uriData(' . $api_detail['id'] . ',' . $api_detail['parent'] . ')">';
echo '<img src="images/folder.svg"></img>';
echo($api_detail['name']);
}
}
if ($api_detail['type'] == "file") {
echo "<td onclick='thisIsNotAFolder()'>";
echo '<img src="images/file.svg"></img>';
echo($api_detail['name']);
}
echo "</td>";
?>
<td><?php echo($api_detail['size']); ?></td>
<td><?php echo($api_detail['date']); ?></td>
<?php if ($api_detail['type'] == "file") { ?>
<td>
<button onclick="download('<?php echo($api_detail['uri'] . ',' . $api_detail['name']); ?>')"><i class="fa fa-download"> </i></button>
</td>
<?php }
?>
?>
</tr>
<tr>
<?php }
<?php
?>
if (($api_detail['type']) == "dir") {
echo '<td onclick="uriData(' . $api_detail['id'] . ',' . $api_detail['parent'] . ')">';
echo '<img src="images/folder.svg"></img>';
echo($api_detail['name']);
}
if ($api_detail['type'] == "file") {
echo "<td>";
echo '<img src="images/file.svg"></img>';
echo($api_detail['name']);
}
echo "</td>";
?>
<td><?php echo($api_detail['size']); ?></td>
<td><?php echo($api_detail['date']); ?></td>
<?php if ($api_detail['type'] == "file") { ?>
<?php }
?>
</tr>
<?php }
?>
</tbody>
</tbody>
</table>
</table>
<div class="footer">
<div class="footer">
<a class="btn btn-primary" style="float: right; margin-left: 10px; border-radius:5px;" href="payment.php">Complete Payment</a>
<a class="btn btn-default" style="float: right; margin-left: 10px; border-radius:5px;" href="payment.php">Complete Payment</a>
<a class="btn btn-primary" style="float: right; border-radius:5px;" href="index.php">Cancel</a>
<a class="btn btn-default" style="float: right; border-radius:5px;" href="index.php">Cancel</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php include 'footer.php' ?>
<?php include 'footer.php' ?>
<script src="js/modernizr.js"></script>
<script src="js/modernizr.js"></script>
<script>
<script>
$(document).on('change', "#fileUpload", function () {
$("form").submit();
});
$("#filePath").val("");
function uriData(id, parent) {
$("#folderPath").empty();
$("#fileUpload").val("");
$("#filePath").val("");
$("#filePath").val("");
function uriData(id, parent) {
$("#tdUri").show();
$("#folderPath").empty();
$(".se-pre-con").show();
$("#fileUpload").val("");
var id = id;
$("#filePath").val("");
var accessTocken = "<?php echo $access_token; ?>";
$("#tdUri").show();
var uri = "<?php echo $api_detail['uri']; ?>";
var id = id;
var uriDataHtml = "";
var accessTocken = "<?php echo $access_token; ?>";
var fileOrFolder = "";
var uri = "<?php echo $api_detail['uri']; ?>";
var onclickFnc = "";
var uriDataHtml = "";
var dwnldTd = "";
var fileOrFolder = "";
var accessToken = "<?php echo $access_token; ?>";
var onclickFnc = "";
var urifnc = "<?php echo $config['uri_path']; ?>";
var dwnldTd = "";
$.post(urifnc, {access_token: accessTocken, id: id}, function (result) {
var accessToken = "<?php echo $access_token; ?>";
$.each(result.items, function (i, l) {
var urifnc = "<?php echo $config['uri_path']; ?>";
if (result.items[i].type == "file") {
$.post(urifnc, {access_token: accessTocken, id: id}, function (result) {
console.log(result.items);
$.each(result.items, function (i, l) {
fileOrFolder = '<img src="images/file.svg"></img>';
onclickFnc = "onclick='thisIsNotAFolder()'";
if (result.items[i].type == "file") {
dwnldTd = "<td onclick = 'download(\"" + result.items[i].uri + "\",\"" + result.items[i].name + "\");';></td>";
console.log(result.items);
} else {
fileOrFolder = '<img src="images/file.svg"></img>';
fileOrFolder = '<img src="images/folder.svg"></img>';
onclickFnc = "onclick='thisIsNotAFolder()'";
onclickFnc = "onclick='uriData(" + result.items[i].id + "," + result.items[i].parent + ")'";
dwnldTd = "<td onclick = 'download(\"" + result.items[i].uri + "\",\"" + result.items[i].name + "\");';><button><i class='fa fa-download'> </i></button></td>";
dwnldTd = "<td></td>";
} else {
}
fileOrFolder = '<img src="images/folder.svg"></img>';
uriDataHtml += "<tr><td " + onclickFnc + ">" + fileOrFolder + result.items[i].name + "</td><td>" + result.items[i].size + "</td><td>" + result.items[i].date + "</td>\n\
onclickFnc = "onclick='uriData(" + result.items[i].id + "," + result.items[i].parent + ")'";
<td>" + result.items[i].uri + "</td>" + dwnldTd + "</tr>";
dwnldTd = "<td></td>";
$("#folderPath").html(uriDataHtml);
}
uriDataHtml += "<tr><td " + onclickFnc + ">" + fileOrFolder + result.items[i].name + "</td><td>" + result.items[i].size + "</td><td>" + result.items[i].date + "</td>\n\
<td>" + result.items[i].uri + "</td>" + dwnldTd + "</tr>";
$("#folderPath").html(uriDataHtml);
});
$("#filePath").val(result.directory);
$("#parent").html("<b onclick=uriData(" + parent + ",null)>" + result.directory + "</b>");
}, "json")
.fail(function () {
$("#folderPath").html("Some error found");
});
}
function download(uris, filename) {
$(".se-pre-con").show();
var getdata = uris.split(",");
var uri = getdata[0];
var filename = getdata[1];
var accessTocken = "<?php echo $access_token; ?>";
var dlscfnc = "<?php echo $config['dlsc_path']; ?>"
var arraydata = {uri: uri, accesstoken: accessTocken, filename: filename}
$.ajax({
url: dlscfnc+'download.php',
type: 'POST',
data: arraydata
}).done(function (response)
{
$(".se-pre-con").hide();
var getdata = JSON.parse(response);
console.log(getdata[1]);
window.open("data:" + getdata[0] + ";base64," + getdata[1], '', 'height=650,width=840');
});
});
}
$("#filePath").val(result.directory);
$(".se-pre-con").fadeOut("slow");
$("#parent").html("<span onclick=uriData(" + parent + ",null)>" + result.directory + "</span>");
$(".se-pre-con").hide();
}, "json")
.fail(function () {
$("#folderPath").html("No document available in this folder");
$(".se-pre-con").hide();
});
}
$(".se-pre-con").fadeOut("slow");
</script>
</script>
</html>
</html>
M uri.php
+34 −2
<?php
<?php
include 'config.php';
include 'config.php';
$id = $_POST['id'];
$id = $_POST['id'];
$headers = array(
$headers = array(
'Authorization: Bearer ' . $_POST['access_token']
'Authorization: Bearer ' . $_POST['access_token']
//'Authorization: Basic '. base64_encode("$username:$password")
//'Authorization: Basic '. base64_encode("$username:$password")
);
);
$urlUri = $config['download_uri'] . $id;
$urlUri = $config['download_uri'] . $id;
$uri = curl_init($urlUri);
$uri = curl_init($urlUri);
curl_setopt($uri, CURLOPT_CUSTOMREQUEST, "GET");
curl_setopt($uri, CURLOPT_CUSTOMREQUEST, "GET");
curl_setopt($uri, CURLOPT_TIMEOUT, 30); //timeout after 30 seconds
curl_setopt($uri, CURLOPT_TIMEOUT, 30); //timeout after 30 seconds
curl_setopt($uri, CURLOPT_HTTPHEADER, $headers);
curl_setopt($uri, CURLOPT_HTTPHEADER, $headers);
curl_setopt($uri, CURLOPT_SSL_VERIFYPEER, 0);
curl_setopt($uri, CURLOPT_SSL_VERIFYPEER, 0);
curl_setopt($uri, CURLOPT_SSL_VERIFYHOST, 0);
curl_setopt($uri, CURLOPT_SSL_VERIFYHOST, 0);
curl_setopt($uri, CURLOPT_RETURNTRANSFER, true);
curl_setopt($uri, CURLOPT_RETURNTRANSFER, true);
$uriResissued = curl_exec($uri);
$uriResissued = curl_exec($uri);
curl_close($uri);
curl_close($uri);
print_r($uriResissued);
$resFileNew = explode('', $uriResissued);
?>
$uriRes = json_decode($resFileNew[1]);
$uriDir = array();
$uriFiles = array();
if ($uriRes->items == 'null') {
$uriItemsArray['items'] = "Data not available";
$dataDirectory['directory'] = $uriRes->directory;
$dataF = json_encode(array_merge($dataDirectory, $uriItemsArray));
print_r($dataF);
exit();
}
foreach ($uriRes->items as $uriI) {
if ($uriI->type == "dir") {
$uriDir[] = (array) $uriI;
} else {
$uriFiles[] = (array) $uriI;
}
}
if ($uriDir == NULL || $uriFiles == NULL) {
$x = array_merge($uriDir, $uriFiles);
foreach ($x as $y) {
if ($y != NULL) {
$uriItems[] = $y;
}
}
} else {
$uriItems = array_merge($uriDir, $uriFiles);
}
$uriItemsArray['items'] = $uriItems;
$dataDirectory['directory'] = $uriRes->directory;
$dataF = json_encode(array_merge($dataDirectory, $uriItemsArray));
print_r($dataF);
?>