PNG  IHDRX cHRMz&u0`:pQ<bKGD pHYsodtIME MeqIDATxw]Wug^Qd˶ 6`!N:!@xI~)%7%@Bh&`lnjVF29gΨ4E$|>cɚ{gk= %,a KX%,a KX%,a KX%,a KX%,a KX%,a KX%, b` ǟzeאfp]<!SJmɤY޲ڿ,%c ~ع9VH.!Ͳz&QynֺTkRR.BLHi٪:l;@(!MԴ=žI,:o&N'Kù\vRmJ雵֫AWic H@" !: Cé||]k-Ha oݜ:y F())u]aG7*JV@J415p=sZH!=!DRʯvɱh~V\}v/GKY$n]"X"}t@ xS76^[bw4dsce)2dU0 CkMa-U5tvLƀ~mlMwfGE/-]7XAƟ`׮g ewxwC4\[~7@O-Q( a*XGƒ{ ՟}$_y3tĐƤatgvێi|K=uVyrŲlLӪuܿzwk$m87k( `múcE)"@rK( z4$D; 2kW=Xb$V[Ru819קR~qloѱDyįݎ*mxw]y5e4K@ЃI0A D@"BDk_)N\8͜9dz"fK0zɿvM /.:2O{ Nb=M=7>??Zuo32 DLD@D| &+֎C #B8ַ`bOb $D#ͮҪtx]%`ES`Ru[=¾!@Od37LJ0!OIR4m]GZRJu$‡c=%~s@6SKy?CeIh:[vR@Lh | (BhAMy=݃  G"'wzn޺~8ԽSh ~T*A:xR[ܹ?X[uKL_=fDȊ؂p0}7=D$Ekq!/t.*2ʼnDbŞ}DijYaȲ(""6HA;:LzxQ‘(SQQ}*PL*fc\s `/d'QXW, e`#kPGZuŞuO{{wm[&NBTiiI0bukcA9<4@SӊH*؎4U/'2U5.(9JuDfrޱtycU%j(:RUbArLֺN)udA':uGQN"-"Is.*+k@ `Ojs@yU/ H:l;@yyTn}_yw!VkRJ4P)~y#)r,D =ě"Q]ci'%HI4ZL0"MJy 8A{ aN<8D"1#IJi >XjX֔#@>-{vN!8tRݻ^)N_╗FJEk]CT՟ YP:_|H1@ CBk]yKYp|og?*dGvzنzӴzjֺNkC~AbZƷ`.H)=!QͷVTT(| u78y֮}|[8-Vjp%2JPk[}ԉaH8Wpqhwr:vWª<}l77_~{s۴V+RCģ%WRZ\AqHifɤL36: #F:p]Bq/z{0CU6ݳEv_^k7'>sq*+kH%a`0ԣisqにtү04gVgW΂iJiS'3w.w}l6MC2uԯ|>JF5`fV5m`Y**Db1FKNttu]4ccsQNnex/87+}xaUW9y>ͯ骵G{䩓Գ3+vU}~jJ.NFRD7<aJDB1#ҳgSb,+CS?/ VG J?|?,2#M9}B)MiE+G`-wo߫V`fio(}S^4e~V4bHOYb"b#E)dda:'?}׮4繏`{7Z"uny-?ǹ;0MKx{:_pÚmFמ:F " .LFQLG)Q8qN q¯¯3wOvxDb\. BKD9_NN &L:4D{mm o^tֽ:q!ƥ}K+<"m78N< ywsard5+вz~mnG)=}lYݧNj'QJS{S :UYS-952?&O-:W}(!6Mk4+>A>j+i|<<|;ر^߉=HE|V#F)Emm#}/"y GII웻Jі94+v뾧xu~5C95~ūH>c@덉pʃ1/4-A2G%7>m;–Y,cyyaln" ?ƻ!ʪ<{~h~i y.zZB̃/,雋SiC/JFMmBH&&FAbϓO^tubbb_hZ{_QZ-sύodFgO(6]TJA˯#`۶ɟ( %$&+V'~hiYy>922 Wp74Zkq+Ovn錄c>8~GqܲcWꂎz@"1A.}T)uiW4="jJ2W7mU/N0gcqܗOO}?9/wìXžΏ0 >֩(V^Rh32!Hj5`;O28؇2#ݕf3 ?sJd8NJ@7O0 b־?lldщ̡&|9C.8RTWwxWy46ah嘦mh٤&l zCy!PY?: CJyв]dm4ǜҐR޻RլhX{FƯanшQI@x' ao(kUUuxW_Ñ줮[w8 FRJ(8˼)_mQ _!RJhm=!cVmm ?sFOnll6Qk}alY}; "baӌ~M0w,Ggw2W:G/k2%R,_=u`WU R.9T"v,<\Ik޽/2110Ӿxc0gyC&Ny޽JҢrV6N ``یeA16"J³+Rj*;BϜkZPJaÍ<Jyw:NP8/D$ 011z֊Ⱳ3ι֘k1V_"h!JPIΣ'ɜ* aEAd:ݺ>y<}Lp&PlRfTb1]o .2EW\ͮ]38؋rTJsǏP@芎sF\> P^+dYJLbJ C-xϐn> ι$nj,;Ǖa FU *择|h ~izť3ᤓ`K'-f tL7JK+vf2)V'-sFuB4i+m+@My=O҈0"|Yxoj,3]:cо3 $#uŘ%Y"y죯LebqtҢVzq¼X)~>4L׶m~[1_k?kxֺQ`\ |ٛY4Ѯr!)N9{56(iNq}O()Em]=F&u?$HypWUeB\k]JɩSع9 Zqg4ZĊo oMcjZBU]B\TUd34ݝ~:7ڶSUsB0Z3srx 7`:5xcx !qZA!;%͚7&P H<WL!džOb5kF)xor^aujƍ7 Ǡ8/p^(L>ὴ-B,{ۇWzֺ^k]3\EE@7>lYBȝR.oHnXO/}sB|.i@ɥDB4tcm,@ӣgdtJ!lH$_vN166L__'Z)y&kH;:,Y7=J 9cG) V\hjiE;gya~%ks_nC~Er er)muuMg2;֫R)Md) ,¶ 2-wr#F7<-BBn~_(o=KO㭇[Xv eN_SMgSҐ BS헃D%g_N:/pe -wkG*9yYSZS.9cREL !k}<4_Xs#FmҶ:7R$i,fi!~' # !6/S6y@kZkZcX)%5V4P]VGYq%H1!;e1MV<!ϐHO021Dp= HMs~~a)ަu7G^];git!Frl]H/L$=AeUvZE4P\.,xi {-~p?2b#amXAHq)MWǾI_r`S Hz&|{ +ʖ_= (YS(_g0a03M`I&'9vl?MM+m~}*xT۲(fY*V4x@29s{DaY"toGNTO+xCAO~4Ϳ;p`Ѫ:>Ҵ7K 3}+0 387x\)a"/E>qpWB=1 ¨"MP(\xp߫́A3+J] n[ʼnӼaTbZUWb={~2ooKױӰp(CS\S筐R*JغV&&"FA}J>G֐p1ٸbk7 ŘH$JoN <8s^yk_[;gy-;߉DV{c B yce% aJhDȶ 2IdйIB/^n0tNtџdcKj4϶v~- CBcgqx9= PJ) dMsjpYB] GD4RDWX +h{y`,3ꊕ$`zj*N^TP4L:Iz9~6s) Ga:?y*J~?OrMwP\](21sZUD ?ܟQ5Q%ggW6QdO+\@ ̪X'GxN @'4=ˋ+*VwN ne_|(/BDfj5(Dq<*tNt1х!MV.C0 32b#?n0pzj#!38}޴o1KovCJ`8ŗ_"]] rDUy޲@ Ȗ-;xџ'^Y`zEd?0„ DAL18IS]VGq\4o !swV7ˣι%4FѮ~}6)OgS[~Q vcYbL!wG3 7띸*E Pql8=jT\꘿I(z<[6OrR8ºC~ډ]=rNl[g|v TMTղb-o}OrP^Q]<98S¤!k)G(Vkwyqyr޽Nv`N/e p/~NAOk \I:G6]4+K;j$R:Mi #*[AȚT,ʰ,;N{HZTGMoּy) ]%dHء9Պ䠬|<45,\=[bƟ8QXeB3- &dҩ^{>/86bXmZ]]yޚN[(WAHL$YAgDKp=5GHjU&99v簪C0vygln*P)9^͞}lMuiH!̍#DoRBn9l@ xA/_v=ȺT{7Yt2N"4!YN`ae >Q<XMydEB`VU}u]嫇.%e^ánE87Mu\t`cP=AD/G)sI"@MP;)]%fH9'FNsj1pVhY&9=0pfuJ&gޤx+k:!r˭wkl03׼Ku C &ѓYt{.O.zҏ z}/tf_wEp2gvX)GN#I ݭ߽v/ .& и(ZF{e"=V!{zW`, ]+LGz"(UJp|j( #V4, 8B 0 9OkRrlɱl94)'VH9=9W|>PS['G(*I1==C<5"Pg+x'K5EMd؞Af8lG ?D FtoB[je?{k3zQ vZ;%Ɠ,]E>KZ+T/ EJxOZ1i #T<@ I}q9/t'zi(EMqw`mYkU6;[t4DPeckeM;H}_g pMww}k6#H㶏+b8雡Sxp)&C $@'b,fPߑt$RbJ'vznuS ~8='72_`{q纶|Q)Xk}cPz9p7O:'|G~8wx(a 0QCko|0ASD>Ip=4Q, d|F8RcU"/KM opKle M3#i0c%<7׿p&pZq[TR"BpqauIp$ 8~Ĩ!8Սx\ւdT>>Z40ks7 z2IQ}ItԀ<-%S⍤};zIb$I 5K}Q͙D8UguWE$Jh )cu4N tZl+[]M4k8֦Zeq֮M7uIqG 1==tLtR,ƜSrHYt&QP윯Lg' I,3@P'}'R˪e/%-Auv·ñ\> vDJzlӾNv5:|K/Jb6KI9)Zh*ZAi`?S {aiVDԲuy5W7pWeQJk֤#5&V<̺@/GH?^τZL|IJNvI:'P=Ϛt"¨=cud S Q.Ki0 !cJy;LJR;G{BJy޺[^8fK6)=yʊ+(k|&xQ2`L?Ȓ2@Mf 0C`6-%pKpm')c$׻K5[J*U[/#hH!6acB JA _|uMvDyk y)6OPYjœ50VT K}cǻP[ $:]4MEA.y)|B)cf-A?(e|lɉ#P9V)[9t.EiQPDѠ3ϴ;E:+Օ t ȥ~|_N2,ZJLt4! %ա]u {+=p.GhNcŞQI?Nd'yeh n7zi1DB)1S | S#ًZs2|Ɛy$F SxeX{7Vl.Src3E℃Q>b6G ўYCmtկ~=K0f(=LrAS GN'ɹ9<\!a`)֕y[uՍ[09` 9 +57ts6}b4{oqd+J5fa/,97J#6yν99mRWxJyѡyu_TJc`~W>l^q#Ts#2"nD1%fS)FU w{ܯ R{ ˎ󅃏џDsZSQS;LV;7 Od1&1n$ N /.q3~eNɪ]E#oM~}v֯FڦwyZ=<<>Xo稯lfMFV6p02|*=tV!c~]fa5Y^Q_WN|Vs 0ҘދU97OI'N2'8N֭fgg-}V%y]U4 峧p*91#9U kCac_AFңĪy뚇Y_AiuYyTTYЗ-(!JFLt›17uTozc. S;7A&&<ԋ5y;Ro+:' *eYJkWR[@F %SHWP 72k4 qLd'J "zB6{AC0ƁA6U.'F3:Ȅ(9ΜL;D]m8ڥ9}dU "v!;*13Rg^fJyShyy5auA?ɩGHRjo^]׽S)Fm\toy 4WQS@mE#%5ʈfFYDX ~D5Ϡ9tE9So_aU4?Ѽm%&c{n>.KW1Tlb}:j uGi(JgcYj0qn+>) %\!4{LaJso d||u//P_y7iRJ߬nHOy) l+@$($VFIQ9%EeKʈU. ia&FY̒mZ=)+qqoQn >L!qCiDB;Y<%} OgBxB!ØuG)WG9y(Ą{_yesuZmZZey'Wg#C~1Cev@0D $a@˲(.._GimA:uyw֬%;@!JkQVM_Ow:P.s\)ot- ˹"`B,e CRtaEUP<0'}r3[>?G8xU~Nqu;Wm8\RIkբ^5@k+5(By'L&'gBJ3ݶ!/㮻w҅ yqPWUg<e"Qy*167΃sJ\oz]T*UQ<\FԎ`HaNmڜ6DysCask8wP8y9``GJ9lF\G g's Nn͵MLN֪u$| /|7=]O)6s !ĴAKh]q_ap $HH'\1jB^s\|- W1:=6lJBqjY^LsPk""`]w)󭃈,(HC ?䔨Y$Sʣ{4Z+0NvQkhol6C.婧/u]FwiVjZka&%6\F*Ny#8O,22+|Db~d ~Çwc N:FuuCe&oZ(l;@ee-+Wn`44AMK➝2BRՈt7g*1gph9N) *"TF*R(#'88pm=}X]u[i7bEc|\~EMn}P瘊J)K.0i1M6=7'_\kaZ(Th{K*GJyytw"IO-PWJk)..axӝ47"89Cc7ĐBiZx 7m!fy|ϿF9CbȩV 9V-՛^pV̌ɄS#Bv4-@]Vxt-Z, &ֺ*diؠ2^VXbs֔Ìl.jQ]Y[47gj=幽ex)A0ip׳ W2[ᎇhuE^~q흙L} #-b۸oFJ_QP3r6jr+"nfzRJTUqoaۍ /$d8Mx'ݓ= OՃ| )$2mcM*cЙj}f };n YG w0Ia!1Q.oYfr]DyISaP}"dIӗթO67jqR ҊƐƈaɤGG|h;t]䗖oSv|iZqX)oalv;۩meEJ\!8=$4QU4Xo&VEĊ YS^E#d,yX_> ۘ-e\ "Wa6uLĜZi`aD9.% w~mB(02G[6y.773a7 /=o7D)$Z 66 $bY^\CuP. (x'"J60׿Y:Oi;F{w佩b+\Yi`TDWa~|VH)8q/=9!g߆2Y)?ND)%?Ǐ`k/sn:;O299yB=a[Ng 3˲N}vLNy;*?x?~L&=xyӴ~}q{qE*IQ^^ͧvü{Huu=R|>JyUlZV, B~/YF!Y\u_ݼF{_C)LD]m {H 0ihhadd nUkf3oٺCvE\)QJi+֥@tDJkB$1!Đr0XQ|q?d2) Ӣ_}qv-< FŊ߫%roppVBwü~JidY4:}L6M7f٬F "?71<2#?Jyy4뷢<_a7_=Q E=S1И/9{+93֮E{ǂw{))?maÆm(uLE#lïZ  ~d];+]h j?!|$F}*"4(v'8s<ŏUkm7^7no1w2ؗ}TrͿEk>p'8OB7d7R(A 9.*Mi^ͳ; eeUwS+C)uO@ =Sy]` }l8^ZzRXj[^iUɺ$tj))<sbDJfg=Pk_{xaKo1:-uyG0M ԃ\0Lvuy'ȱc2Ji AdyVgVh!{]/&}}ċJ#%d !+87<;qN޼Nفl|1N:8ya  8}k¾+-$4FiZYÔXk*I&'@iI99)HSh4+2G:tGhS^繿 Kتm0 вDk}֚+QT4;sC}rՅE,8CX-e~>G&'9xpW,%Fh,Ry56Y–hW-(v_,? ; qrBk4-V7HQ;ˇ^Gv1JVV%,ik;D_W!))+BoS4QsTM;gt+ndS-~:11Sgv!0qRVh!"Ȋ(̦Yl.]PQWgٳE'`%W1{ndΗBk|Ž7ʒR~,lnoa&:ü$ 3<a[CBݮwt"o\ePJ=Hz"_c^Z.#ˆ*x z̝grY]tdkP*:97YľXyBkD4N.C_[;F9`8& !AMO c `@BA& Ost\-\NX+Xp < !bj3C&QL+*&kAQ=04}cC!9~820G'PC9xa!w&bo_1 Sw"ܱ V )Yl3+ס2KoXOx]"`^WOy :3GO0g;%Yv㐫(R/r (s } u B &FeYZh0y> =2<Ϟc/ -u= c&׭,.0"g"7 6T!vl#sc>{u/Oh Bᾈ)۴74]x7 gMӒ"d]U)}" v4co[ ɡs 5Gg=XR14?5A}D "b{0$L .\4y{_fe:kVS\\O]c^W52LSBDM! C3Dhr̦RtArx4&agaN3Cf<Ԉp4~ B'"1@.b_/xQ} _߃҉/gٓ2Qkqp0շpZ2fԫYz< 4L.Cyυι1t@鎫Fe sYfsF}^ V}N<_`p)alٶ "(XEAVZ<)2},:Ir*#m_YӼ R%a||EƼIJ,,+f"96r/}0jE/)s)cjW#w'Sʯ5<66lj$a~3Kʛy 2:cZ:Yh))+a߭K::N,Q F'qB]={.]h85C9cr=}*rk?vwV렵ٸW Rs%}rNAkDv|uFLBkWY YkX מ|)1!$#3%y?pF<@<Rr0}: }\J [5FRxY<9"SQdE(Q*Qʻ)q1E0B_O24[U'],lOb ]~WjHޏTQ5Syu wq)xnw8~)c 쫬gٲߠ H% k5dƝk> kEj,0% b"vi2Wس_CuK)K{n|>t{P1򨾜j>'kEkƗBg*H%'_aY6Bn!TL&ɌOb{c`'d^{t\i^[uɐ[}q0lM˕G:‚4kb祔c^:?bpg… +37stH:0}en6x˟%/<]BL&* 5&fK9Mq)/iyqtA%kUe[ڛKN]Ě^,"`/ s[EQQm?|XJ߅92m]G.E΃ח U*Cn.j_)Tѧj̿30ڇ!A0=͜ar I3$C^-9#|pk!)?7.x9 @OO;WƝZBFU keZ75F6Tc6"ZȚs2y/1 ʵ:u4xa`C>6Rb/Yм)^=+~uRd`/|_8xbB0?Ft||Z\##|K 0>>zxv8۴吅q 8ĥ)"6>~\8:qM}#͚'ĉ#p\׶ l#bA?)|g g9|8jP(cr,BwV (WliVxxᡁ@0Okn;ɥh$_ckCgriv}>=wGzβ KkBɛ[˪ !J)h&k2%07δt}!d<9;I&0wV/ v 0<H}L&8ob%Hi|޶o&h1L|u֦y~󛱢8fٲUsւ)0oiFx2}X[zVYr_;N(w]_4B@OanC?gĦx>мgx>ΛToZoOMp>40>V Oy V9iq!4 LN,ˢu{jsz]|"R޻&'ƚ{53ўFu(<٪9:΋]B;)B>1::8;~)Yt|0(pw2N%&X,URBK)3\zz&}ax4;ǟ(tLNg{N|Ǽ\G#C9g$^\}p?556]/RP.90 k,U8/u776s ʪ_01چ|\N 0VV*3H鴃J7iI!wG_^ypl}r*jɤSR 5QN@ iZ#1ٰy;_\3\BQQ x:WJv츟ٯ$"@6 S#qe딇(/P( Dy~TOϻ<4:-+F`0||;Xl-"uw$Цi󼕝mKʩorz"mϺ$F:~E'ҐvD\y?Rr8_He@ e~O,T.(ފR*cY^m|cVR[8 JҡSm!ΆԨb)RHG{?MpqrmN>߶Y)\p,d#xۆWY*,l6]v0h15M˙MS8+EdI='LBJIH7_9{Caз*Lq,dt >+~ّeʏ?xԕ4bBAŚjﵫ!'\Ը$WNvKO}ӽmSşذqsOy?\[,d@'73'j%kOe`1.g2"e =YIzS2|zŐƄa\U,dP;jhhhaxǶ?КZ՚.q SE+XrbOu%\GتX(H,N^~]JyEZQKceTQ]VGYqnah;y$cQahT&QPZ*iZ8UQQM.qo/T\7X"u?Mttl2Xq(IoW{R^ ux*SYJ! 4S.Jy~ BROS[V|žKNɛP(L6V^|cR7i7nZW1Fd@ Ara{詑|(T*dN]Ko?s=@ |_EvF]׍kR)eBJc" MUUbY6`~V޴dJKß&~'d3i WWWWWW
Current Directory: /home/dux/www/css
Viewing File: /home/dux/www/css/style.css
@import url(../css2); @import url(../css2-1); body,html{ font-size:16px } footer,section{ padding-top:80px; padding-bottom:80px } a,body{ color:var(--medium-gray) } p a{ color:var(--base-color) } .btn.btn-link,.google-maps-link a:hover,.theme-demos .all-demo a,.theme-demos .buy-theme a,a,a:hover{ text-decoration:none } .container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl,.row>*{ padding-right:15px; padding-left:15px } .blog-only-text .card-body:hover .card-title,.text-shadow-large{ text-shadow:0 0 50px rgba(0,0,0,.9) } .text-outline,.text-outline-width-1px{ -webkit-text-stroke-width:1px } :root{ --alt-font:"Plus Jakarta Sans",sans-serif; --primary-font:"Inter",sans-serif; --base-color:#616d68; --white:#ffffff; --black:#000000; --red:#dc3131; --light-red:#feedec; --green:#2ebb79; --crusoe-green:#d39121; --yellow:#ffea23; --dark-gray:#232323; --medium-gray:#717580; --extra-medium-gray:#e4e4e4; --light-gray:#a8a8a8; --very-light-gray:#f7f7f7; --light-medium-gray:#eaeaeb; --charcoal-blue:#202329; --slate-blue:#262b35; --medium-slate-blue:#374162; --extra-medium-slate-blue:#23262d; --dark-slate-blue:#1f232c; --extra-dark-slate-blue:#121418; --extra-very-slate-blue:#161620; --tussock-yellow:#BC8947; --aluminium-grey:#80858F; --solitude-blue:#f0f4fd; --golden-yellow:#fd961e; --selago:#eaedff; --white-ice:#d8f5ef; --cornflower-blue:#445fed; --jade:#00AF6B; --orange:#ef991f; --majorelle-blue:#724ade; --light-majorelle-blue:#f2edfe; --spring-wood:#f9f6f3; --tropical-blue:#1ea3b1; --camarone:#20642b; --seal-brown:#0e0708; --Wasabi:#8ea63a } .alt-font{ font-family:var(--alt-font) } .primary-font{ font-family:var(--primary-font)!important } body{ font-family:var(--primary-font); line-height:30px; font-weight:400; -moz-osx-font-smoothing:grayscale; word-break:break-word; -webkit-font-smoothing:antialiased } section.half-section{ padding-top:70px; padding-bottom:70px } section.big-section{ padding-top:130px; padding-bottom:130px } section.extra-big-section{ padding-top:160px; padding-bottom:160px } img{ max-width:100%; height:auto } ul li{ list-style:none } a{ -webkit-transition:.3s; transition:.3s } a:hover{ color:var(--base-color) } p{ margin-bottom:25px } .last-paragraph-no-margin p:last-of-type{ margin-bottom:0 } video{ background-size:cover; display:table-cell; vertical-align:middle; width:100% } :focus-visible{ outline:0 } [class*=" line-icon"],[class*=bi-],[class*=feather],[class*=line-icon],[class*=ti-]{ display:inline-block } .form-control,.form-control.is-invalid,.was-validated .form-control:invalid{ background-position:right 20px center!important } .form-control.is-invalid,.was-validated .form-control:invalid{ border-color:#dc3545!important } .g-recaptcha.is-invalid iframe{ border:1px solid #dc3545!important } .row{ margin-right:-15px; margin-left:-15px } .row.g-0{ margin-right:0; margin-left:0 } .row.g-0>*{ padding-right:0; padding-left:0 } .row.gutter-very-small{ margin-left:-5px; margin-right:-5px } .row.gutter-small,.shop-boxed{ margin-left:-10px; margin-right:-10px } .row.gutter-very-small>*{ padding-right:5px; padding-left:5px } .row.gutter-small>*{ padding-right:10px; padding-left:10px } .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{ margin-bottom:30px; letter-spacing:-.5px; font-weight:inherit } .h1,h1{ font-size:4.375rem; line-height:4.375rem } .h2,h2{ font-size:3.438rem; line-height:3.438rem } .fs-45,.h3,h3{ font-size:2.813rem } .h3,h3{ line-height:3.125rem } h4{ font-size:2.375rem; line-height:2.7rem } h5{ font-size:2rem; line-height:2.2rem } h6{ font-size:1.75rem; line-height:1.95rem } .fs-24,.list-style-02 li i{ line-height:32px } .font-style-italic{ font-style:italic } .hover-text{ display:none } b,strong{ font-weight:700 } .text-white-space-nowrap{ white-space:nowrap } .text-white-space-normal{ white-space:normal } .text-transform-none{ text-transform:none!important } .text-uppercase-inherit{ text-transform:inherit!important } .word-break-normal{ word-break:normal } .vertical-align-top{ vertical-align:top } .fs-0{ font-size:0 } .fs-9{ font-size:9px } .fs-10{ font-size:10px } .fs-11{ font-size:11px } .fs-12{ font-size:12px } .fs-13{ font-size:13px } .fs-14{ font-size:14px } .fs-15{ font-size:15px } .fs-16{ font-size:16px } .fs-17{ font-size:17px } .fs-18{ font-size:18px } .fs-19{ font-size:19px } .fs-20{ font-size:20px } .fs-22{ font-size:22px } .fs-24{ font-size:24px } .fs-26{ font-size:26px; line-height:38px } .fs-28{ font-size:1.75rem; line-height:2.6rem } .fs-30{ font-size:1.875rem; line-height:2.8rem } .fs-32,.fs-40{ line-height:2.5rem } .fs-32{ font-size:2rem } .fs-40{ font-size:2.5rem } .fs-45{ line-height:3rem } .fs-50{ font-size:3.125rem; line-height:3.25rem } .fs-55{ font-size:3.438rem; line-height:3.5rem } .fs-60{ font-size:3.75rem; line-height:3.75rem } .fs-65{ font-size:4.063rem; line-height:4.688rem } .fs-70{ font-size:4.375rem; line-height:4.375rem } .fs-75{ font-size:4.668rem; line-height:4.668rem } .fs-80{ font-size:5rem; line-height:5rem } .fs-85{ font-size:5.313rem; line-height:5.313rem } .fs-90{ font-size:5.625rem; line-height:5.625rem } .fs-95{ font-size:5.938rem; line-height:5.938rem } .fs-100{ font-size:6.25rem; line-height:6.25rem } .fs-110{ font-size:6.875rem; line-height:6.875rem } .fs-120{ font-size:7.5rem; line-height:7.5rem } .fs-130{ font-size:8.125rem; line-height:8.125rem } .fs-140{ font-size:8.75rem; line-height:8.75rem } .fs-150{ font-size:9.375rem; line-height:9.375rem } .fs-160{ font-size:10rem; line-height:10rem } .fs-170{ font-size:10.625rem; line-height:10.625rem } .fs-180{ font-size:11.25rem; line-height:11.25rem } .fs-190{ font-size:11.875rem; line-height:11.875rem } .fs-200{ font-size:12.5rem; line-height:12.5rem } .fs-225{ font-size:14.063rem; line-height:14.063rem } .fs-250{ font-size:15.625rem; line-height:15.625rem } .fs-275{ font-size:17.188rem; line-height:17.188rem } .fs-300{ font-size:18.75rem; line-height:18.75rem } .fs-350{ font-size:21.875rem; line-height:21.875rem } .fs-400{ font-size:25rem; line-height:25rem } .lh-0px{ line-height:0 } .lh-10{ line-height:10px } .lh-11{ line-height:11px } .lh-12{ line-height:12px } .lh-13{ line-height:13px } .lh-14{ line-height:14px } .lh-15{ line-height:15px } .lh-16{ line-height:16px } .lh-18{ line-height:18px } .lh-19{ line-height:19px } .lh-20{ line-height:20px } .lh-22{ line-height:22px } .lh-24{ line-height:24px } .lh-26{ line-height:26px } .lh-28{ line-height:28px } .lh-30{ line-height:30px } .lh-32{ line-height:2rem } .lh-34{ line-height:2.125rem } .lh-36{ line-height:2.25rem } .lh-38{ line-height:2.375rem } .lh-40{ line-height:2.5rem } .lh-42{ line-height:2.625rem } .lh-44{ line-height:2.75rem } .lh-46{ line-height:2.875rem } .lh-48{ line-height:3rem } .lh-50{ line-height:3.125rem } .lh-55{ line-height:3.438rem } .lh-60{ line-height:3.75rem } .lh-65{ line-height:4.063rem } .lh-70{ line-height:4.375rem } .lh-75{ line-height:4.688rem } .lh-80{ line-height:5rem } .lh-85{ line-height:5.313rem } .lh-90{ line-height:5.625rem } .lh-95{ line-height:5.938rem } .lh-100{ line-height:6.25rem } .lh-105{ line-height:6.563rem } .lh-110{ line-height:6.875rem } .lh-115{ line-height:7.188rem } .lh-120{ line-height:7.5rem } .lh-0{ line-height:0 } .lh-normal{ line-height:normal } .lh-initial{ line-height:initial } .lh-inherit{ line-height:inherit } .btn-link.text-white,.text-white,a.text-white-hover:hover{ color:var(--white) } .text-base-color-hover:hover{ color:var(--base-color)!important } .btn-link.text-base-color,.text-base-color{ color:var(--base-color) } .btn-link.text-black,.text-black,a.text-black-hover:hover{ color:var(--black) } .btn-link.text-dark-gray,.text-dark-gray,a.text-dark-gray-hover:hover{ color:var(--dark-gray) } .btn-link.text-medium-gray,.text-medium-gray,a.text-medium-gray-hover:hover{ color:var(--medium-gray) } .btn-link.text-extra-medium-gray,.text-extra-medium-gray,a.text-extra-medium-gray-hover:hover{ color:var(--extra-medium-gray) } .btn-link.text-light-medium-gray,.text-light-medium-gray,a.text-light-medium-gray:hover{ color:var(--light-medium-gray) } .btn-link.text-light-gray,.text-light-gray,a.text-light-gray-hover:hover{ color:var(--light-gray) } .btn-link.text-very-light-gray,.text-very-light-gray,a.text-very-light-gray-hover:hover{ color:var(--very-light-gray) } .btn-link.text-red,.text-red,a.text-red-hover:hover{ color:var(--red) } .btn-link.text-green,.text-green,a.text-green-hover:hover{ color:var(--green) } .btn-link.text-yellow,.text-yellow,a.text-yellow-hover:hover{ color:var(--yellow) } .btn-link.text-golden-yellow,.text-golden-yellow,a.text-golden-yellow-hover:hover{ color:var(--golden-yellow) } .btn-link.text-tussock-yellow,.text-tussock-yellow,a.text-tussock-yellow-hover:hover{ color:var(--tussock-yellow) } .btn-link.text-cornflower-blue,.text-cornflower-blue,a.text-cornflower-blue-hover:hover{ color:var(--cornflower-blue) } .btn-link.text-jade,.text-jade,a.text-jade-hover:hover{ color:var(--jade) } .text-majorelle-blue{ color:var(--majorelle-blue) } .text-orange{ color:var(--orange) } .text-crusoe-green{ color:var(--crusoe-green) } .text-tropical-blue{ color:var(--tropical-blue) } .text-camarone{ color:var(--camarone) } .text-seal-brown{ color:var(--seal-brown) } .text-Wasabi{ color:var(--Wasabi) } .text-gradient-blue-magenta-orange,.text-gradient-fast-blue-purple,.text-gradient-fast-blue-purple-light-orange,.text-gradient-fast-pink-light-yellow,.text-gradient-light-blue-light-turquoise,.text-gradient-light-gray-white,.text-gradient-light-pink-light-orange,.text-gradient-light-pink-light-purple,.text-gradient-light-purple-light-orange,.text-gradient-pink-orange,.text-gradient-purple-pink,.text-gradient-sky-blue-pink{ -webkit-background-clip:text; -webkit-text-fill-color:transparent } .text-gradient-light-pink-light-orange{ background-image:linear-gradient(to right,#ffafbd,#ffb3b4,#ffb7ac,#ffbda5,#ffc3a0) } .text-gradient-purple-pink{ background-image:linear-gradient(to right,#8b14b1,#ab019e,#c00c8b,#cd267b,#d53d6e) } .text-gradient-fast-pink-light-yellow{ background-image:linear-gradient(to right,#f7567f,#fe7177,#ff8a74,#ffa378,#ffba83) } .text-gradient-pink-orange{ background-image:linear-gradient(to right,#de347f,#e73a70,#ed4461,#f05152,#ef5f43) } .text-gradient-fast-blue-purple{ background-image:linear-gradient(to right,#2a46f4,#5f42f9,#833cfc,#a233fe,#bf25ff) } .text-gradient-light-pink-light-purple{ background-image:linear-gradient(to right,#ed579b,#e855ad,#df57c0,#d15cd4,#bc63e8) } .text-gradient-fast-blue-purple-light-orange{ background-image:linear-gradient(to right top,#183fb9,#4f41df,#ae2eb9,#ef3f59,#e9522d) } .text-gradient-light-blue-light-turquoise{ background-image:linear-gradient(to right,#18cdbb,#22d2ae,#3cd69d,#57da89,#73dc73) } .text-gradient-sky-blue-pink{ background-image:linear-gradient(to right,#556fff,#556fff,#e05fc4,#f767a6,#ff798e) } .text-gradient-light-purple-light-orange{ background-image:linear-gradient(to right,#b783ff,#b783ff,#fa7cc1,#ff85a6,#ff9393) } .text-gradient-light-gray-white{ background-image:linear-gradient(to bottom,#efefef,#efefef,#f7f7f7,#fdfdfc,#fff) } .text-gradient-blue-magenta-orange{ background-image:linear-gradient(to right,#002fff,#ab00ff,#ff137d,#ff562f,#ee8502) } .text-shadow-extra-large{ text-shadow:0 0 60px rgba(0,0,0,.9) } .text-shadow-double-large{ text-shadow:0 0 100px rgba(0,0,0,.9) } .text-decoration-line-bottom{ border-bottom:1px solid } .text-decoration-line-bottom-medium{ border-bottom:2px solid } .text-decoration-line-bottom-thick{ border-bottom:3px solid } .text-decoration-line-through{ text-decoration:line-through } .text-outline{ -webkit-text-fill-color:transparent; -webkit-text-stroke-color:var(--white) } .text-outline-width-2px{ -webkit-text-stroke-width:2px } .text-outline-width-3px{ -webkit-text-stroke-width:3px } .text-outline-width-4px{ -webkit-text-stroke-width:4px } .text-outline-width-5px{ -webkit-text-stroke-width:5px } .text-outline-color-black{ -webkit-text-stroke-color:var(--black) } .text-outline-color-base-color{ -webkit-text-stroke-color:var(--base-color) } .text-outline-color-red{ -webkit-text-stroke-color:var(--red) } .text-outline-color-dark-gray{ -webkit-text-stroke-color:var(--dark-gray) } .text-outline-color-medium-gray{ -webkit-text-stroke-color:var(--medium-gray) } .text-outline-color-extra-medium-gray{ -webkit-text-stroke-color:var(--extra-medium-gray) } .ls-0px{ letter-spacing:0!important } .ls-05px{ letter-spacing:.5px!important } .ls-1px{ letter-spacing:1px!important } .ls-2px{ letter-spacing:2px!important } .ls-3px{ letter-spacing:3px!important } .ls-4px{ letter-spacing:4px!important } .ls-5px{ letter-spacing:5px!important } .ls-6px{ letter-spacing:6px!important } .ls-7px{ letter-spacing:7px!important } .ls-8px{ letter-spacing:8px!important } .ls-9px{ letter-spacing:9px!important } .ls-10px{ letter-spacing:10px!important } .ls-minus-05px{ letter-spacing:-.5px!important } .ls-minus-1px{ letter-spacing:-1px!important } .ls-minus-2px{ letter-spacing:-2px!important } .ls-minus-3px{ letter-spacing:-3px!important } .ls-minus-4px{ letter-spacing:-4px!important } .ls-minus-5px{ letter-spacing:-5px!important } .ls-minus-6px{ letter-spacing:-6px!important } .ls-minus-7px{ letter-spacing:-7px!important } .ls-minus-8px{ letter-spacing:-8px!important } .ls-minus-9px{ letter-spacing:-9px!important } .ls-minus-10px{ letter-spacing:-10px!important } .icon-extra-double-large{ font-size:80px } .icon-double-large{ font-size:60px } .icon-extra-large{ font-size:50px } .icon-large{ font-size:42px } .icon-medium{ font-size:34px } .icon-very-medium{ font-size:28px } .icon-extra-medium{ font-size:24px } .icon-small{ font-size:18px } .icon-very-small{ font-size:14px } .separator-line-1px{ height:1px } .separator-line-2px{ height:2px } .separator-line-3px{ height:3px } .separator-line-4px{ height:4px } .separator-line-5px{ height:5px } .separator-line-vertical{ -webkit-transform:rotate(-90deg); transform:rotate(-90deg) } .separator-line-small{ width:35px; height:1px; display:inline-block; margin-right:7px } .separator-line-extra-small{ width:18px; height:1px; display:inline-block; margin-right:8px; vertical-align:middle } .separator-line-very-small{ width:12px; height:1px; display:inline-block; margin-right:9px; vertical-align:middle } .opacity-extra-medium,.opacity-full,.opacity-full-dark,.opacity-light,.opacity-medium,.opacity-very-light{ position:absolute; height:100%; width:100%; top:0; left:0 } .opacity-very-light{ opacity:.2 } .opacity-light{ opacity:.3 } .opacity-extra-medium{ opacity:.5 } .opacity-medium{ opacity:.75 } .opacity-full{ opacity:.8 } .opacity-full-dark{ opacity:.9 } .position-inherit{ position:inherit!important } .position-initial{ position:initial!important } .absolute-middle-center{ left:50%; top:50%; position:absolute; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%) } .absolute-middle-left{ left:0; top:50%; position:absolute; -webkit-transform:translateY(-50%); transform:translateY(-50%) } .absolute-middle-right{ right:0; top:50%; position:absolute; -webkit-transform:translateY(-50%); transform:translateY(-50%) } .absolute-top-center{ left:50%; top:0; position:absolute; -webkit-transform:translateX(-50%); transform:translateX(-50%) } .absolute-bottom-center{ left:50%; bottom:0; position:absolute; -webkit-transform:translateX(-50%); transform:translateX(-50%) } .absolute-bottom-left{ left:0; bottom:0; position:absolute } .absolute-bottom-right{ right:0; bottom:0; position:absolute } .vertical-title-center{ display:flex; height:100% } .vertical-title-center .title{ -webkit-transform:rotate(180deg); transform:rotate(180deg); writing-mode:vertical-lr } .skrollr-parallax{ position:relative!important; background-size:cover!important; background-attachment:fixed!important; transition-timing-function:none; -webkit-transition-timing-function:none; transition-duration:0s; -webkit-transition-duration:0s } .sticky-wrap,.sticky-wrap-right{ position:fixed; top:50%; z-index:1 } .skrollr-zoom{ transition:none!important } .blur-box{ backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(3px) } .transform-origin-right{ transform-origin:right } .transform-origin-left{ transform-origin:left } .btn.btn-none-transform,.btn.btn-none-transform:hover{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } .transition,.transition-inner-all *{ -webkit-transition:all .4s cubic-bezier(.37,0,.63,1); transition:all .4s cubic-bezier(.37,0,.63,1) } .no-transition{ -webkit-transition:0s; transition:0s } .pointer-events-none{ pointer-events:none } .pointer-events-all{ pointer-events:all } .sticky-wrap{ left:0; opacity:0; -webkit-transform:rotate(-90deg) translate(-50%,50%); transform:rotate(-90deg) translate(-50%,50%); transform-origin:0 50%; transition:1s cubic-bezier(.7,0,.3,1)!important } .sticky-wrap.shadow-in{ left:50px; opacity:1; box-shadow:none!important } .sticky-wrap.sticky-hidden{ left:0; opacity:0 } .sticky-wrap .social-icon-style-10 ul li a:hover,.sticky-wrap a,.sticky-wrap a:hover,.sticky-wrap div,.sticky-wrap p,.sticky-wrap span{ color:var(--dark-gray)!important } .sticky-wrap.sticky-highlight .social-icon-style-10 ul li a:hover,.sticky-wrap.sticky-highlight a,.sticky-wrap.sticky-highlight a:hover,.sticky-wrap.sticky-highlight div,.sticky-wrap.sticky-highlight p,.sticky-wrap.sticky-highlight span{ color:var(--white)!important } .sticky-wrap.sticky-highlight .separator-line-1px{ background-color:var(--white)!important } .sticky-wrap-right{ right:110px; -webkit-transform:rotate(-90deg) translate(50%,100%); transform:rotate(-90deg) translate(50%,100%); transform-origin:100% 0 } .overlap-section,.select{ position:relative } .overflow-visible{ overflow:visible!important } .overflow-x-hidden{ overflow-x:hidden!important } .overflow-y-hidden{ overflow-y:hidden!important } .overlap-height{ transition:.3s height } .outside-box-top-15{ margin-top:-15vw } .outside-box-top-18{ margin-top:-18vw } .outside-box-left-1{ margin-left:-1vw } .outside-box-left-2{ margin-left:-2vw } .outside-box-left-5{ margin-left:-5vw } .outside-box-left-7{ margin-left:-7vw } .outside-box-left-8{ margin-left:-8vw } .outside-box-left-10{ margin-left:-10vw } .outside-box-left-15{ margin-left:-15vw } .outside-box-left-20{ margin-left:-20vw } .outside-box-left-25{ margin-left:-25vw } .outside-box-left-30{ margin-left:-30vw } .outside-box-left-35{ margin-left:-35vw } .outside-box-left-40{ margin-left:-40vw } .outside-box-left-50{ margin-left:-50vw } .outside-box-left-60{ margin-left:-60vw } .outside-box-left-65{ margin-left:-65vw } .outside-box-right-1{ margin-right:-1vw } .outside-box-right-2{ margin-right:-2vw } .outside-box-right-5{ margin-right:-5vw } .outside-box-right-7{ margin-right:-7vw } .outside-box-right-10{ margin-right:-10vw } .outside-box-right-15{ margin-right:-15vw } .outside-box-right-20{ margin-right:-20vw } .outside-box-right-25{ margin-right:-25vw } .outside-box-right-30{ margin-right:-30vw } .outside-box-right-35{ margin-right:-35vw } .outside-box-right-40{ margin-right:-40vw } .outside-box-right-45{ margin-right:-45vw } .outside-box-right-50{ margin-right:-50vw } .outside-box-right-60{ margin-right:-60vw } .outside-box-right-65{ margin-right:-65vw } .filter-mix-100{ filter:grayscale(100%) invert(100%) } .filter-grayscale-100,.show-search-popup>section{ filter:grayscale(100%) } .box-shadow,.box-shadow-hover:hover{ -webkit-box-shadow:0 0 10px rgba(0,0,0,.08); box-shadow:0 0 10px rgba(0,0,0,.08); -webkit-transition:350ms ease-in-out; transition:350ms ease-in-out } .box-shadow-small,.box-shadow-small-hover:hover{ -webkit-box-shadow:0 0 15px rgba(0,0,0,.08); box-shadow:0 0 15px rgba(0,0,0,.08); -webkit-transition:all 350ms cubic-bezier(.37,0,.63,1); transition:all 350ms cubic-bezier(.37,0,.63,1) } .box-shadow-medium,.box-shadow-medium-hover:hover{ -webkit-box-shadow:0 0 20px rgba(0,0,0,.08); box-shadow:0 0 20px rgba(0,0,0,.08); -webkit-transition:all 350ms cubic-bezier(.37,0,.63,1); transition:all 350ms cubic-bezier(.37,0,.63,1) } .box-shadow-medium-bottom,.box-shadow-medium-bottom-hover:hover{ -webkit-box-shadow:0 10px 20px rgba(0,0,0,.08); box-shadow:0 10px 20px rgba(0,0,0,.08); -webkit-transition:all 350ms cubic-bezier(.37,0,.63,1); transition:all 350ms cubic-bezier(.37,0,.63,1) } .box-shadow-large,.box-shadow-large-hover:hover{ -webkit-box-shadow:0 0 25px rgba(0,0,0,.08); box-shadow:0 0 25px rgba(0,0,0,.08); -webkit-transition:all 350ms cubic-bezier(.37,0,.63,1); transition:all 350ms cubic-bezier(.37,0,.63,1) } .box-shadow-extra-large,.box-shadow-extra-large-hover:hover{ -webkit-box-shadow:0 0 30px rgba(0,0,0,.08); box-shadow:0 0 30px rgba(0,0,0,.08); -webkit-transition:all 350ms cubic-bezier(.37,0,.63,1); transition:all 350ms cubic-bezier(.37,0,.63,1) } .box-shadow-double-large,.box-shadow-double-large-hover:hover{ -webkit-box-shadow:0 0 45px rgba(0,0,0,.09); box-shadow:0 0 45px rgba(0,0,0,.09); -webkit-transition:all 350ms cubic-bezier(.37,0,.63,1); transition:all 350ms cubic-bezier(.37,0,.63,1) } .box-shadow-triple-large,.box-shadow-triple-large-hover:hover{ -webkit-box-shadow:0 0 60px rgba(0,0,0,.2); box-shadow:0 0 60px rgba(0,0,0,.2); -webkit-transition:all 350ms cubic-bezier(.37,0,.63,1); transition:all 350ms cubic-bezier(.37,0,.63,1) } .box-shadow-quadruple-large,.box-shadow-quadruple-large-hover:hover{ -webkit-box-shadow:0 20px 60px rgba(0,0,0,.08); box-shadow:0 20px 60px rgba(0,0,0,.08); -webkit-transition:all 350ms cubic-bezier(.37,0,.63,1); transition:all 350ms cubic-bezier(.37,0,.63,1) } .box-shadow-double-large-hover:hover,.box-shadow-extra-large-hover:hover,.box-shadow-hover:hover,.box-shadow-large-hover:hover,.box-shadow-medium-hover:hover,.box-shadow-quadruple-large-hover:hover,.box-shadow-small-hover:hover{ -webkit-transform:translate3d(0,-3px,0); transform:translate3d(0,-3px,0) } .box-shadow-bottom{ -webkit-box-shadow:0 10px 15px 0 rgba(0,0,0,.05); box-shadow:0 10px 15px 0 rgba(0,0,0,.05) } .form-control,.form-select,input,select,textarea{ padding:12px 25px; width:100%; max-width:100%; resize:none; outline:0; font-size:16px; border:1px solid #e4e4e4; color:var(--medium-gray); line-height:inherit; word-break:normal; -webkit-transition:.3s; transition:.3s } .form-select{ color:var(--medium-gray) } .form-select:focus{ border-color:#dfdfdf } .form-control:focus,input:focus,select:focus,textarea:focus{ border:1px solid #c2c2c2; box-shadow:none!important; color:var(--medium-gray) } ::-webkit-input-placeholder{ color:var(--medium-gray)!important; text-overflow:ellipsis } ::-moz-placeholder{ color:var(--medium-gray)!important; text-overflow:ellipsis; opacity:1 } :-ms-input-placeholder{ color:var(--medium-gray)!important; text-overflow:ellipsis; opacity:1 } .placeholder-light::-webkit-input-placeholder{ color:var(--white)!important; text-overflow:ellipsis } .placeholder-light::-moz-placeholder{ color:var(--white)!important; text-overflow:ellipsis; opacity:1 } .placeholder-light:-ms-input-placeholder{ color:var(--white)!important; text-overflow:ellipsis; opacity:1 } .search-error{ border-color:var(--red)!important } .select:after{ content:"\e842"; font-family:feather!important; right:20px; top:50%; height:34px; position:absolute; pointer-events:none; font-size:22px; margin-top:-15px } .date-icon:after,.time-icon:after{ right:28px; top:50%; height:34px; margin-top:-15px; font-family:feather!important; font-size:22px; pointer-events:none } .date-icon,.date-time{ position:relative } .date-icon input[type=date]::-webkit-calendar-picker-indicator,.date-icon input[type=date]::-webkit-inner-spin-button{ -webkit-appearance:none; opacity:0; -moz-appearance:none; appearance:none } .date-icon:after{ content:"\e83a"; position:absolute } .date-icon input[type=date]::-webkit-date-and-time-value{ text-align:left!important } @-moz-document url-prefix(){ .date-icon:after{ display:none } } .time-icon{ position:relative } .time-icon input[type=time]::-webkit-calendar-picker-indicator,.time-icon input[type=time]::-webkit-inner-spin-button{ -webkit-appearance:none; opacity:0; -moz-appearance:none; appearance:none } .time-icon:after{ content:"\e84d"; position:absolute } .input-small,.select-small,.textarea-small{ padding:7px 15px; font-size:12px } .input-medium,.select-medium,.textarea-medium{ padding:14px 28px } .input-large{ padding:16px 32px } .form-control.is-invalid:focus{ box-shadow:none } .box-overlay{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; visibility:hidden; -webkit-transition:all .4s cubic-bezier(.5,1,.89,1); transition:all .4s cubic-bezier(.5,1,.89,1) } .hover-box{ z-index:1 } .hover-box *{ -webkit-transition:all .5s cubic-bezier(.5,1,.89,1); transition:all .5s cubic-bezier(.5,1,.89,1); will-change:transform } .hover-box:hover .box-overlay{ opacity:1; visibility:visible } .hover-box.dark-hover .border-dark-opacity{ border-color:rgba(35,35,35,.15)!important } .hover-box.dark-hover:hover .btn,.hover-box.dark-hover:hover a,.hover-box.dark-hover:hover b,.hover-box.dark-hover:hover h1,.hover-box.dark-hover:hover h2,.hover-box.dark-hover:hover h3,.hover-box.dark-hover:hover h4,.hover-box.dark-hover:hover h5,.hover-box.dark-hover:hover h6,.hover-box.dark-hover:hover i,.hover-box.dark-hover:hover p,.hover-box.dark-hover:hover span,.hover-box.dark-hover:hover u{ color:var(--white)!important; -webkit-text-stroke-color:var(--white) } .hover-box.dark-hover:hover [class*=separator-line]{ background-color:var(--white) } .hover-box.dark-hover:hover [class*=btn-link-gradient] span{ background:var(--white); background-image:none } .hover-box.dark-hover:hover [class*=btn-transparent]{ background-color:var(--white); border-color:var(--white); color:var(--dark-gray)!important } .hover-box.dark-hover:hover .text-light-opacity{ opacity:.7 } .hover-box.dark-hover:hover .text-medium-opacity{ opacity:.5 } .hover-box.dark-hover:hover .content-slide-up .text-light-opacity,.hover-box.light-hover:hover .text-light-opacity{ opacity:.7 } .hover-box.dark-hover:hover .border-dark-opacity{ border-color:rgba(255,255,255,.3)!important } .hover-box.dark-hover:hover .btn-link{ border-color:var(--white) } .hover-box.dark-hover:hover [class*=text-gradient-]{ color:var(--white); background-image:none; -webkit-background-clip:inherit; -webkit-text-fill-color:var(--white) } .hover-box.light-hover .border-light-opacity{ border-color:rgba(255,255,255,.25)!important } .hover-box.light-hover:hover .btn,.hover-box.light-hover:hover a,.hover-box.light-hover:hover b,.hover-box.light-hover:hover h1,.hover-box.light-hover:hover h2,.hover-box.light-hover:hover h3,.hover-box.light-hover:hover h4,.hover-box.light-hover:hover h5,.hover-box.light-hover:hover h6,.hover-box.light-hover:hover i,.hover-box.light-hover:hover p,.hover-box.light-hover:hover span,.hover-box.light-hover:hover u{ color:var(--dark-gray)!important } .hover-box.light-hover:hover .text-medium-opacity{ opacity:.5 } .hover-box.light-hover:hover .border-light-opacity{ border-color:rgba(35,35,35,.15)!important } .hover-box.light-hover:hover .content-slide-up .text-light-opacity{ opacity:.7 } .hover-box.light-hover:hover .btn-link{ border-color:var(--dark-gray) } .hover-box.light-hover:hover [class*=separator-line]{ background-color:var(--dark-gray) } .hover-box.light-hover:hover [class*=text-gradient-]{ color:var(--dark-gray); background-image:none; -webkit-background-clip:var(--dark-gray); -webkit-text-fill-color:var(--dark-gray) } .swiper-horizontal>.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{ bottom:45px; left:50%; width:auto; cursor:default; -webkit-transform:translateX(-50%); transform:translateX(-50%) } .swiper-horizontal>.swiper-pagination-bullets-right,.swiper-vertical>.swiper-pagination-bullets-right{ bottom:auto; top:50%; right:60px; left:auto; width:auto; -webkit-transform:translateY(-50%); transform:translateY(-50%); text-align:right } .swiper-horizontal>.swiper-pagination-bullets-right .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets-right .swiper-pagination-bullet{ display:block; margin:25px 0!important } .swiper-dark-pagination .swiper-pagination-bullet{ width:8px; height:8px; margin:0 15px!important; opacity:1; background-color:var(--light-gray); -webkit-transition:.3s; transition:.3s; outline:0 } .swiper-dark-pagination .swiper-pagination-bullet:before{ content:""; width:30px; height:30px; border:1px solid var(--dark-gray); background:0 0; display:inline-block; border-radius:50%; position:relative; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); -webkit-transition:.3s; transition:.3s; opacity:0 } .swiper-dark-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.swiper-dark-pagination .swiper-pagination-bullet:hover{ background-color:var(--dark-gray) } .swiper-dark-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before,.swiper-dark-pagination .swiper-pagination-bullet:hover:before{ opacity:1 } .swiper-light-pagination .swiper-pagination-bullet{ width:8px; height:8px; margin:0 15px!important; display:inline-block; vertical-align:middle; background-color:var(--white); -webkit-transition:.3s; transition:.3s; outline:0; opacity:.5 } .swiper-light-pagination .swiper-pagination-bullet:before{ content:""; width:30px; height:30px; border:2px solid rgba(255,255,255,.2); background:0 0; display:inline-block; border-radius:50%; position:relative; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); -webkit-transition:.3s; transition:.3s; opacity:0 } .swiper-pagination-style-2 .swiper-pagination-bullet:before,.swiper-pagination-style-3 .swiper-pagination-bullet:before{ display:none } .swiper-light-pagination .swiper-pagination-bullet:hover{ background-color:var(--white); opacity:1 } .swiper-light-pagination .swiper-pagination-bullet:hover:before{ opacity:1 } .swiper-light-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:var(--white); opacity:1 } .swiper-light-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{ opacity:1 } .swiper-pagination-style-2 .swiper-pagination-bullet{ width:8px; height:8px; margin:0 6px!important } .swiper-pagination-style-3 .swiper-pagination-bullet{ width:14px; height:14px; background:0 0; opacity:.4; margin:0 7px!important; border:2px solid var(--white) } .swiper-pagination-style-3 .swiper-pagination-bullet.swiper-pagination-bullet-active,.swiper-pagination-style-3 .swiper-pagination-bullet:hover{ background-color:var(--white); opacity:1; -webkit-transform:scale(1.3); transform:scale(1.3) } .swiper-pagination-style-3.dark .swiper-pagination-bullet{ border:2px solid var(--dark-gray) } .swiper-pagination-style-3.dark .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:var(--dark-gray) } .swiper-pagination-style-4 .swiper-pagination-bullet{ width:8px; height:8px; background:var(--white); opacity:1; position:relative; margin:0 25px!important; border:0 } .swiper-pagination-style-4 .swiper-pagination-bullet.swiper-pagination-bullet-active,.swiper-pagination-style-4 .swiper-pagination-bullet:hover{ background-color:var(--base-color); opacity:1; border:0 } .navbar-toggler-line,.swiper-pagination-style-4.dark .swiper-pagination-bullet{ background:var(--dark-gray) } .swiper-line-pagination-style-01 .swiper-line-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.swiper-pagination-progress .swiper-progress,.swiper-pagination-style-4.dark .swiper-pagination-bullet.swiper-pagination-bullet-active,.swiper-pagination-style-4.dark .swiper-pagination-bullet:hover{ background-color:var(--base-color) } .slider-custom-image .slider-custom-image-pagination{ display:flex; align-items:center; bottom:0 } .slider-custom-image .slider-custom-image-pagination .swiper-pagination-bullet{ outline:0; opacity:.8; width:100px; height:100px; margin:0 15px!important; background-size:cover; -webkit-transition:.3s; transition:.3s; -webkit-filter:grayscale(1); filter:grayscale(1) } .slider-custom-image .slider-custom-image-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ -webkit-filter:grayscale(0); filter:grayscale(0); -webkit-transform:scale(1.2); transform:scale(1.2); opacity:1 } .slider-custom-image .slider-custom-image-pagination.slider-custom-image-pagination-top{ top:0; bottom:auto } .swiper-number-pagination-style-01 .swiper-number{ text-align:left; bottom:70px } .swiper-number-pagination-style-01 .swiper-number .swiper-pagination-bullet{ position:relative; padding-right:10px; padding-left:8px; margin:0; color:var(--white); opacity:.7; width:auto; -webkit-transition:.5s; transition:.5s; height:auto; background:0 0; border-radius:0; outline:0 } .swiper-number-pagination-style-01 .swiper-number .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity:1 } .swiper-number-pagination-style-01 .swiper-number .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ width:70px } .swiper-number-pagination-style-01 .swiper-number .swiper-pagination-bullet:after{ width:0; height:1px; content:""; margin-left:15px; display:inline-block; background:var(--white); vertical-align:middle; -webkit-transition:.5s; transition:.5s } .swiper-number-pagination-style-02 .swiper-number{ width:auto; left:inherit; right:60px; padding:0 } .swiper-number-pagination-style-02 .swiper-number .swiper-pagination-bullet{ position:relative; font-family:var(--alt-font); font-size:15px; display:block; color:var(--white); margin:10px 0!important; opacity:.7; width:56px; -webkit-transition:.4s; transition:.4s; height:56px; background:0 0; border-radius:100%; text-align:center; line-height:56px; outline:0 } .magic-drag-cursor #ball-cursor:after,.magic-round-cursor #ball-cursor:after,.magic-round-cursor #ball-cursor:before,.magic-view-cursor #ball-cursor:after,.swiper-h-pagination:after,.swiper-line-pagination-style-01 .swiper-line-pagination .swiper-pagination-bullet:before{ display:none } .swiper-number-pagination-style-02 .swiper-number .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity:1 } .swiper-number-pagination-style-02 .swiper-number .swiper-pagination-bullet.swiper-pagination-bullet-active:before{ opacity:1; -webkit-transform:scale(1); transform:scale(1); -webkit-transition:.4s; transition:.4s; background:rgba(0,0,0,.45); z-index:-1 } .slider-navigation-style-01:hover,.swiper-button-next:hover,.swiper-button-prev:hover{ opacity:.8 } .swiper-number-pagination-style-02 .swiper-number .swiper-pagination-bullet:before{ width:56px; height:56px; border-radius:100%; content:""; position:absolute; top:0; left:0; -webkit-transform:scale(.7); transform:scale(.7) } .swiper-line-pagination-style-01 .swiper-line-pagination{ text-align:center; bottom:0; width:100%; left:0 } .swiper-line-pagination-style-01 .swiper-line-pagination .swiper-pagination-bullet{ width:100px; height:2px; margin:0!important; border-radius:0 } .swiper-number-pagination-progress .swiper-pagination-wrapper .number-next,.swiper-number-pagination-progress .swiper-pagination-wrapper .number-prev{ width:50px; text-align:center } .swiper-number-pagination-progress .swiper-pagination-wrapper .swiper-pagination{ position:inherit; width:auto } .swiper-number-pagination-progress .swiper-pagination-wrapper .swiper-pagination .swiper-pagination-bullet{ width:60px; height:1px; vertical-align:middle; margin:0; background-color:var(--medium-gray) } .swiper-number-navigation-style .swiper-button-next,.swiper-number-navigation-style .swiper-button-prev{ top:inherit; bottom:0; position:inherit; display:inline-block; vertical-align:middle; transform:none; width:auto; height:auto } .swiper-number-navigation-style .swiper-button-next .number-next,.swiper-number-navigation-style .swiper-button-next .number-prev,.swiper-number-navigation-style .swiper-button-next i,.swiper-number-navigation-style .swiper-button-prev .number-next,.swiper-number-navigation-style .swiper-button-prev .number-prev,.swiper-number-navigation-style .swiper-button-prev i{ display:inline-block; vertical-align:middle } .swiper-number-navigation-style .swiper-button-next .number-next,.swiper-number-navigation-style .swiper-button-next .number-prev,.swiper-number-navigation-style .swiper-button-prev .number-next,.swiper-number-navigation-style .swiper-button-prev .number-prev{ width:50px; text-align:center } .swiper-pagination-progress{ width:220px; height:1px; position:relative } .swiper-pagination-progress .swiper-progress{ position:absolute; top:0; left:0; height:100%; width:var(--swiper-progress,0); -webkit-transition:.4s; transition:.4s } .swiper-number-pagination-progress-vertical .swiper-pagination-wrapper{ position:absolute; right:40px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); z-index:99 } .swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .swiper-progress{ position:absolute; top:0; left:0; width:2px; height:var(--swiper-progress,0); background-color:var(--dark-gray); -webkit-transition:.4s; transition:.4s } .swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .pagination-progress-vertical{ transform:rotate(180deg); writing-mode:vertical-lr } .swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .swiper-pagination-progress{ width:2px; height:100px; background-color:var(--extra-medium-gray) } .swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .number-next{ margin-top:15px; width:auto } .swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .number-prev{ margin-bottom:15px; width:auto } .swiper-pagination-bottom .swiper-button-next,.swiper-pagination-bottom .swiper-button-prev{ top:inherit; bottom:0 } .swiper-button-next,.swiper-button-prev{ outline:0; cursor:pointer; height:45px; width:45px; margin-top:0; text-align:center; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition:.3s; transition:.3s } .swiper-button-next{ left:inherit } .slider-navigation-style-01{ position:absolute; top:50%; left:65px; -webkit-border-radius:100%; border-radius:100%; -webkit-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition:.3s; transition:.3s } .slider-navigation-style-01.swiper-button-next{ right:65px; left:inherit } .slider-navigation-style-04:hover i,.swiper-button-next.slider-custom-text-next:hover,.swiper-button-next.slider-custom-text-prev:hover,.swiper-button-prev.slider-custom-text-next:hover,.swiper-button-prev.slider-custom-text-prev:hover{ opacity:.5 } .slider-navigation-style-02{ position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); z-index:99 } .slider-navigation-style-02.swiper-button-next{ right:0; left:auto } .slider-navigation-style-03{ position:absolute; top:50%; left:-60px; width:40px; height:40px; background:var(--white); -webkit-border-radius:100%; border-radius:100%; -webkit-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition:.3s; transition:.3s } .slider-navigation-style-03.swiper-button-next{ right:-60px; left:inherit } .slider-navigation-style-03:hover{ -webkit-box-shadow:0 0 20px rgba(35,35,35,.1); box-shadow:0 0 20px rgba(35,35,35,.1) } .slider-navigation-style-04{ height:56px; width:56px; border-radius:100%; position:relative; bottom:inherit; left:0; top:inherit; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:.3s; transition:.3s } .slider-navigation-style-04 i{ -webkit-transition:.3s; transition:.3s; display:-webkit-box; display:-ms-flexbox; display:flex } .slider-navigation-style-04.swiper-button-prev{ margin-right:5px } .slider-navigation-style-04.swiper-button-next{ margin-left:5px } .slider-navigation-style-05{ left:-30% } .slider-navigation-style-05.swiper-button-next{ right:-30%; left:inherit } .slider-navigation-style-06{ width:auto; height:auto; left:60px } .slider-navigation-style-06.swiper-button-next{ right:60px; left:inherit } .slider-navigation-style-07{ left:50%; bottom:0; top:inherit; width:75px; height:75px; -webkit-transform:translateX(-100%); transform:translateX(-100%) } .slider-navigation-style-07.swiper-button-next{ bottom:1px; -webkit-transform:translate(-100%,-100%); transform:translate(-100%,-100%) } .slider-navigation-style-08{ width:auto; height:auto; position:relative; -webkit-transform:translateX(0); transform:translateX(0); left:0 } .slider-navigation-style-08.swiper-button-next{ right:0; left:inherit } .slider-custom-verticle-text>span{ -webkit-transform:rotate(-90deg); transform:rotate(-90deg) } .swiper-button-next.slider-custom-text-next,.swiper-button-next.slider-custom-text-prev,.swiper-button-prev.slider-custom-text-next,.swiper-button-prev.slider-custom-text-prev{ width:auto; height:auto; min-height:125px; -webkit-transition:.3s; transition:.3s; -webkit-user-select:none; -ms-user-select:none; user-select:none } .swiper-button-prev.slider-custom-text-prev{ border-right:1px solid var(--extra-medium-gray); padding-right:50px } .swiper-button-next.slider-custom-text-next{ border-left:1px solid var(--extra-medium-gray); padding-left:50px } .swiper-width-auto .swiper-slide{ width:auto } .slider-shadow-right{ mask-image:linear-gradient(to right,transparent 0,#000 0,#000 50%,transparent 80%); -webkit-mask-image:linear-gradient(to right,transparent 0,#000 0,#000 50%,transparent 80%) } .slider-shadow-left{ mask-image:linear-gradient(to right,transparent 50%,#000 80%,#000 0,transparent 0); -webkit-mask-image:linear-gradient(to right,transparent 50%,#000 80%,#000 0,transparent 0) } .slider-shadow-left-right{ mask-image:linear-gradient(to right,transparent 18%,#000 22%,#000 78%,transparent 82%); -webkit-mask-image:linear-gradient(to right,transparent 18%,#000 22%,#000 78%,transparent 82%) } .slider-shadow-none .swiper{ mask-image:none!important; -webkit-mask-image:none!important } .highlight-separator{ position:relative; padding-bottom:20px } .highlight-separator[data-shadow-animation]{ box-shadow:none!important; display:inline-block } .highlight-separator[data-shadow-animation] span{ clip-path:inset(0 100% 0 0); float:left; width:100%; height:20px; transition:clip-path 1s; transition-timing-function:cubic-bezier(.4,.6,.4,1); position:absolute; left:0; bottom:0 } .highlight-separator[data-shadow-animation] span img{ position:absolute; left:0; bottom:0; transition:none; width:100%; height:14px } .highlight-separator.shadow-in[data-shadow-animation] span{ clip-path:inset(0 0 0 0) } .full-screen{ height:100vh } .full-screen.top-space-margin{ height:calc(100vh - 96px) } @-webkit-keyframes video-icon-sonar{ 0%{ opacity:1; -webkit-transform:scale(.1); transform:scale(.1) } 100%{ opacity:0; -webkit-transform:scale(1.1); transform:scale(1.1) } } @keyframes video-icon-sonar{ 0%{ opacity:1; -webkit-transform:scale(.1); transform:scale(.1) } 100%{ opacity:0; -webkit-transform:scale(1.1); transform:scale(1.1) } } .video-icon-box{ z-index:1 } .video-icon-box>span{ display:-webkit-inline-box; display:inline-flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; flex-flow:row wrap; -webkit-box-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .feature-box,.video-icon{ -webkit-box-align:center } .html-video-play .video-icon .pause-icon,.html-video-play .video-icon .play-icon{ position:absolute; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); opacity:1; top:50%; padding-left:5px; visibility:visible; -webkit-transition:all .4s linear; transition:all .4s linear } .html-video-play .video-icon .pause-icon{ top:100%; padding-left:0; opacity:0 } .html-video-play[playing=true] .video-icon .pause-icon{ top:50%; opacity:1 } .html-video-play[playing=true] .video-icon .play-icon{ top:0; opacity:0 } .video-play-icon{ z-index:1!important } .video-play-icon.remove-play-icon+.html-video-play{ opacity:0!important } .video-play-icon.remove-play-icon+.html-video-play:hover,.video-play-icon.remove-play-icon:hover+.html-video-play{ opacity:1!important } .video-icon{ position:relative; display:-webkit-inline-box; display:inline-flex; align-items:center; -webkit-box-pack:center; justify-content:center; border-radius:50% } .video-icon i{ margin-left:5px } .video-icon .video-icon-sonar{ position:absolute; width:100%; height:100%; border-radius:50%; top:0; left:0; z-index:-10; -webkit-animation:video-icon-sonar 2s linear infinite; animation:video-icon-sonar 2s linear infinite } .animation-rotation,.page-loader::after{ -webkit-animation:rotation 8s infinite linear } .video-icon .video-icon-sonar .video-icon-sonar-bfr{ content:""; position:absolute; border-radius:50%; top:-25px; left:-25px; z-index:-100 } .video-icon .video-icon-sonar .video-icon-sonar-afr{ content:""; position:absolute; border-radius:50%; top:-10px; left:-10px; z-index:-50 } .video-icon-small .video-icon{ width:40px; height:40px; font-size:11px } .video-icon-small .video-icon .video-icon-sonar .video-icon-sonar-bfr{ top:-15px; left:-15px; width:70px; height:70px } .video-icon-small .video-icon .video-icon-sonar .video-icon-sonar-afr{ top:0; left:0; width:40px; height:40px } .video-icon-medium .video-icon{ width:50px; height:50px; font-size:14px } .video-icon-medium .video-icon .video-icon-sonar .video-icon-sonar-bfr{ width:100px; height:100px } .video-icon-medium .video-icon .video-icon-sonar .video-icon-sonar-afr{ width:70px; height:70px } .video-icon-large.video-icon-box .video-icon i{ margin-left:5px } .video-icon-large .video-icon{ width:85px; height:85px; font-size:20px } .video-icon-large .video-icon .video-icon-sonar .video-icon-sonar-bfr{ width:135px; height:135px } .video-icon-large .video-icon .video-icon-sonar .video-icon-sonar-afr{ width:105px; height:105px } .video-icon-extra-large.video-icon-box .video-icon i{ margin-left:10px } .video-icon-extra-large .video-icon{ width:120px; height:120px; font-size:30px } .video-icon-extra-large .video-icon .video-icon-sonar .video-icon-sonar-bfr{ width:170px; height:170px } .video-icon-extra-large .video-icon .video-icon-sonar .video-icon-sonar-afr{ width:140px; height:140px } .will-change-transform *{ will-change:transform } .will-change-inherit *{ will-change:inherit!important } .animation-float,.animation-float-small{ animation:float 2s linear .5s infinite alternate both } @-webkit-keyframes rotation{ from{ -webkit-transform:rotate(0) } to{ -webkit-transform:rotate(359deg) } } @keyframes float{ 0%{ transform:translateY(0) } 50%{ transform:translateY(5px) } 100%{ transform:translateY(10px) } } .animation-zoom{ animation:zoom-in-zoom-out 2s linear .5s infinite alternate both } @keyframes zoom-in-zoom-out{ 0%,100%{ transform:scale(1,1) } 50%{ transform:scale(1.2,1.2) } } [data-shadow-animation]{ box-shadow:0 0 0 rgba(0,0,0,.1); transition:box-shadow .5s cubic-bezier(.7,0,.3,1) } [data-shadow-animation].shadow-in{ box-shadow:0 20px 100px rgba(0,0,0,.1) } [data-shadow-animation].shadow-in img{ opacity:1; transition-delay:.35s } [data-shadow-animation] img{ opacity:0; transition:opacity .65s cubic-bezier(.5,1,.5,1) } [data-parallax-liquid],[data-parallax-liquid] .liquid-parallax{ transition:transform .8s cubic-bezier(.23,1,.32,1); will-change:transform } [data-parallax-liquid]{ overflow:hidden; -webkit-transform:translateY(0); transform:translateY(0) } [data-parallax-liquid] .liquid-parallax{ transform:translateY(0) scale(1.201); position:relative; top:50px } .masked-image{ position:absolute; top:-100px; right:0 } .masked-image svg{ width:100%; height:100%; position:absolute; top:0; left:0; -o-object-fit:cover; object-fit:cover } .masked-image figure{ background-position:center; background-size:cover; background-repeat:no-repeat } .masked-image img{ width:100%; height:auto; visibility:visible } .shape-image-animation{ position:absolute; bottom:0; left:0 } .shape-image-animation svg{ height:100%; width:100% } .shape-image-animation svg path{ width:100% } .page-divider-wrapper{ margin-bottom:-1px } .page-divider-wrapper svg{ width:100%; margin-bottom:-3px } .magic-cursor{ cursor:none } #ball-cursor{ position:fixed; width:70px; height:70px; border:0!important; background-color:var(--dark-gray); box-shadow:0 0 50px rgba(0,0,0,.25); border-radius:100%; opacity:0!important; overflow:hidden; transition:opacity .3s ease-in-out .1s; text-align:center } .magic-cursor-light #ball-cursor,.scroll-progress .scroll-point,.theme-demos{ background-color:var(--white) } #ball-cursor:after,#ball-cursor:before{ content:"\e843"; font-family:feather!important; color:var(--white); font-size:20px; line-height:70px; position:absolute; left:12px; top:0 } #ball-cursor:after{ content:"\e844"; right:12px; left:auto } .magic-cursor-wrapper{ position:absolute; left:0; top:0; width:30px; height:30px; pointer-events:none; z-index:10000; transition:opacity .2s ease-in-out .2s } [data-anime],[data-anime].btn{ transition:none } .magic-cursor-wrapper.sliderhover #ball-cursor{ opacity:1!important } .magic-cursor-wrapper.vertical #ball-cursor:after,.magic-cursor-wrapper.vertical #ball-cursor:before{ content:"\e845"; left:50%; top:10px; line-height:normal; -webkit-transform:translateX(-50%); transform:translateX(-50%) } .magic-cursor-wrapper.vertical #ball-cursor:after{ content:"\e842"; right:auto; bottom:10px; top:auto } @media (hover:none){ .magic-cursor-wrapper{ display:none } } .magic-cursor-light #ball-cursor:after,.magic-cursor-light #ball-cursor:before{ color:var(--dark-gray) } .magic-cursor-base-color #ball-cursor{ background-color:var(--base-color) } .magic-cursor-base-color #ball-cursor:after,.magic-cursor-base-color #ball-cursor:before{ color:var(--white) } .magic-drag-cursor #ball-cursor:before,.magic-view-cursor #ball-cursor:before{ color:var(--white)!important; font-family:var(--alt-font)!important; text-shadow:0 0 20px rgba(0,0,0,.9); top:50%; left:50%; transform:translate(-50%,-50%) } .magic-view-cursor #ball-cursor{ -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); background-color:rgba(0,0,0,.2); width:180px; height:180px; box-shadow:none } .magic-view-cursor #ball-cursor:before{ content:"Explore"; font-size:16px; font-weight:400 } .magic-drag-cursor #ball-cursor{ -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); background-color:rgba(0,0,0,.2); width:140px; height:140px; box-shadow:none } .magic-drag-cursor #ball-cursor:before{ content:"< DRAG >"; font-size:14px; font-weight:600; word-spacing:4px; width:inherit } .magic-drag-cursor.magic-cursor-light #ball-cursor{ background-color:rgba(255,255,255,.2) } .magic-drag-cursor.magic-cursor-light #ball-cursor:after,.magic-drag-cursor.magic-cursor-light #ball-cursor:before{ color:var(--dark-gray) } .magic-round-cursor #ball-cursor{ -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); background-color:rgba(0,0,0,.2); width:220px; height:220px; box-shadow:none } [data-anime]{ opacity:0 } [data-anime].appear{ opacity:1 } [data-anime].btn.anime-complete{ -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out } .atropos-shadow{ background-color:transparent!important; filter:inherit } .atropos-highlight{ background-image:inherit!important } @media not all and (min-resolution:0.001dpcm){ [data-anime] [class*=text-shadow-],[data-anime][class*=text-shadow-],[data-fancy-text] [class*=text-shadow-],[data-fancy-text][class*=text-shadow-]{ text-shadow:none } .review-star-icon i{ display:inline } } @media screen and (-webkit-min-device-pixel-ratio:0){ .text-white a[href^=tel]{ color:var(--white) } .text-dark-gray a[href^=tel]{ color:var(--text-dark-gray) } } .swiper-slide [data-fancy-text]{ opacity:0 } .swiper-slide [data-fancy-text].appear,.swiper-slide.swiper-slide-active [data-anime],.swiper-slide.swiper-slide-active [data-fancy-text]{ opacity:1 } .swiper-slide [data-anime]{ opacity:0; transition:.3s ease-in-out } .no-animation .anime-text .whitespace{ display:inline-block } .no-animation .anime-text .whitespace::after{ content:"r"; opacity:0; font-size:70% } .no-animation [data-anime],.no-animation [data-fancy-text]{ opacity:1; transition:none } [data-top-bottom]{ transition:transform .65s cubic-bezier(.23,1,.32,1) } @media (hover:hover) and (pointer:fine){ .custom-cursor .circle-cursor{ position:fixed; left:0; top:0; pointer-events:none; -webkit-border-radius:50%; border-radius:50%; -webkit-transform:translateZ(0); transform:translateZ(0); visibility:hidden; opacity:0; transition:opacity .65s cubic-bezier(.23,1,.32,1) } .custom-cursor .circle-cursor-inner{ margin-left:-3px; margin-top:-3px; width:6px; height:6px; z-index:10000001; background-color:var(--base-color) } .custom-cursor .circle-cursor-inner.cursor-link-hover{ margin-left:-10px; margin-top:-10px; width:20px; height:20px; background-color:var(--base-color); opacity:.8 } .custom-cursor .circle-cursor-outer{ margin-left:-15px; margin-top:-15px; width:30px; height:30px; border:1px solid var(--base-color); z-index:10000000; opacity:.8; -webkit-transition:.1s; transition:.1s } .custom-cursor .cursor-link.circle-cursor-inner .cursor-link-hover{ opacity:1 } } .is-touchable .cursor-page-inner{ display:none!important } .stack-box{ position:relative; z-index:1; height:300vh } .stack-box .stack-box-contain{ height:100vh; position:-webkit-sticky; position:sticky; top:0 } .stack-box .stack-item{ height:100vh; width:100%; position:absolute; overflow:hidden; z-index:999; display:flex; align-items:center } .stack-box .stack-item.stack-item-02{ z-index:99 } .stack-box .stack-item.stack-item-03{ z-index:9 } .stack-box .stack-item .stack-item-wrapper{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; display:flex; align-items:center; height:100vh } .transform-3d{ transform:translate3d(0,0,100px) } .marquees-text{ -webkit-transform:translateX(100%); transform:translateX(100%); -webkit-animation:example1 50s linear infinite; animation:example1 50s linear infinite; width:100% } .looping-wrapper .el,.looping-wrapper-gray .el{ opacity:1; margin-top:-18vh; transform-origin:50% 100%; position:absolute } .looping-wrapper{ position:absolute; display:flex; align-items:center; flex-wrap:wrap; width:1px; height:100vh; left:50%; top:0 } .looping-wrapper .el{ width:2px; height:24vh; background:var(--base-color) } .looping-wrapper-gray{ position:absolute; display:flex; align-items:center; flex-wrap:wrap; width:1px; height:100vh; left:50%; top:0 } .looping-wrapper-gray .el{ width:2px; height:24vh; background:#292929 } .image-mask,.text-sliding-line{ -webkit-text-fill-color:transparent; -webkit-background-clip:text } .marquee-slide{ -webkit-transition-timing-function:linear!important; transition-timing-function:linear!important; position:relative } .feather-shadow{ mask-image:linear-gradient(to right,transparent 0,#000 20%,#000 80%,transparent 100%); -webkit-mask-image:linear-gradient(to right,transparent 0,#000 20%,#000 80%,transparent 100%) } .text-sliding-line{ display:inline-block; position:relative; padding:0; z-index:1; background-image:linear-gradient(135deg,transparent 45%,var(--white) 45%,var(--white) 55%,transparent 0); background-size:4px 4px; background-clip:text } .bg-sliding-line{ background-image:linear-gradient(45deg,transparent 45%,var(--white) 45%,var(--white) 55%,transparent 0); background-size:.1em .1em } .feature-box-slider .feature-box{ display:flex; flex-direction:row; align-items:center; padding:24px 40px; background:var(--white); box-shadow:0 5px 25px rgba(89,101,124,.15); border-radius:10px; color:var(--dark-gray); font-weight:500; font-size:17px } .feature-box-slider .feature-box i{ font-size:24px; margin-right:10px } .feature-box-slider .swiper-slide{ width:auto; padding-top:15px; padding-bottom:15px } .page-loader{ position:absolute; width:100%; height:100%; left:0; top:0; background-color:var(--white)!important; opacity:1!important; z-index:99999 } .page-loader::after{ background:0 0; content:""!important; position:absolute; left:calc(50% - 25px)!important; top:calc(50% - 25px)!important; width:50px!important; height:50px!important; opacity:1!important; right:inherit!important; z-index:9; text-align:center; border:2px solid rgba(23,23,23,.2); border-top-color:rgba(23,23,23,.7); border-radius:50%; animation:rotation 1.5s infinite linear } .cookie-message{ position:fixed; bottom:20px; right:20px; max-width:370px; z-index:999999; padding:40px; display:none } .scroll-progress{ position:fixed; right:20px; z-index:111; top:50%; -webkit-transition:all .3s linear; transition:all .3s linear; opacity:0; visibility:hidden; -webkit-transform:translateY(-50%); transform:translateY(-50%); mix-blend-mode:difference } .scroll-progress.visible{ opacity:1; visibility:visible } .scroll-progress .scroll-top{ display:flex; flex-direction:column; justify-content:center; align-items:center } .scroll-progress .scroll-line{ width:2px; height:60px; position:relative; background-color:rgba(255,255,255,.15); color:inherit; display:block } .scroll-progress .scroll-point{ display:inline-block; width:2px; position:absolute; top:0; left:0 } .scroll-progress .scroll-text{ -webkit-transform:rotate(180deg); transform:rotate(180deg); writing-mode:vertical-lr; margin-bottom:15px; color:var(--white); font-size:11px; text-transform:uppercase } .scroll-progress.scroll-simple{ position:fixed; right:50px; z-index:111; top:auto; transform:none; bottom:50px; mix-blend-mode:inherit } .scroll-progress.scroll-simple .scroll-top{ background:var(--white); font-size:17px; line-height:34px; box-shadow:0 0 25px rgba(23,23,23,.25); height:34px; width:34px; padding:0; border-radius:100% } .theme-demos{ display:none; width:100%; height:100%; min-height:100%; position:fixed; right:-100%; top:0; z-index:1050; -webkit-transition:all .5s cubic-bezier(.77,0,.175,1); transition:all .5s cubic-bezier(.77,0,.175,1) } .theme-demos section{ height:100%; min-height:100%; position:relative; z-index:11; padding:0; width:100%; overflow-y:scroll; background-color:var(--very-light-gray) } .theme-demos .demos-wrapper{ width:100% } .theme-demos .demos-wrapper .demos-wrapper-inner{ padding:60px 50px } .theme-demos.active{ -webkit-transform:translateX(-100%); transform:translateX(-100%); box-shadow:0 0 45px 0 rgba(0,0,0,.25) } .theme-demos .grid{ padding:0 20px; display:flex; flex-wrap:wrap } .theme-demos .demo-button-wrapper{ width:auto; white-space:nowrap; position:absolute; right:100%; bottom:250px; cursor:pointer; z-index:10; -webkit-transform:rotate(-90deg) translateY(-100%); -ms-transform:rotate(-90deg) translateY(-100%); transform:rotate(-90deg) translateY(-100%); -webkit-transform-origin:100% 0 0; -ms-transform-origin:100% 0 0; transform-origin:100% 0 0; margin-right:-1px; display:flex } .theme-demos .all-demo a,.theme-demos .buy-theme a{ color:var(--dark-gray); font-size:11px; padding:15px; display:block; font-weight:500 } .theme-demos .all-demo a>i,.theme-demos .buy-theme a>i{ position:absolute; left:0; top:0; height:100%; width:59px; line-height:55px; text-align:center; opacity:0; font-size:24px; transition-delay:.3s } .theme-demos .all-demo{ background-color:#1f242e } .theme-demos .all-demo .theme-wrapper{ padding:0 9px; position:relative; top:0; opacity:1; transition-delay:.3s; line-height:0 } .theme-demos .all-demo .theme-wrapper>div{ display:inline-block; vertical-align:middle; color:var(--white); font-size:14px; text-transform:uppercase; line-height:21px } .theme-demos .buy-theme{ text-align:center; background-color:#48a133; position:relative; z-index:1 } .bg-base-color,.header-cart-icon .cart-count{ background-color:var(--base-color) } .theme-demos .buy-theme .theme-wrapper{ padding:0; position:relative; top:0; opacity:1; transition-delay:.3s; line-height:0 } .theme-demos .buy-theme .theme-wrapper span{ font-size:15px; font-weight:600; margin-right:0 } .theme-demos .buy-theme .theme-wrapper i{ margin-right:10px; font-size:21px } .theme-demos .buy-theme .theme-wrapper>div svg{ margin:0 } .theme-demos .mCustomScrollBox{ display:-webkit-box; display:-ms-flexbox; display:flex; width:100% } .theme-demos .mCustomScrollBox .mCSB_container{ width:100%; -ms-flex-item-align:start; align-self:flex-start; margin:0; padding-right:15px!important } .theme-demos .mCustomScrollBox .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y{ -ms-flex-item-align:center; align-self:center } .theme-demos .mCustomScrollBox .mCSB_draggerRail{ display:none } .theme-demos .clearfix{ clear:both } .theme-demos .portfolio-wrapper .grid-item{ flex:0 0 auto } .theme-demos .close-popup{ position:absolute; top:10px; right:10px; z-index:99; cursor:pointer; -webkit-transition:-webkit-transform .3s ease; -ms-transition:-ms-transform .3s ease; transition:transform .3s ease; -webkit-transform-origin:50% 50%; -ms-transform-origin:50% 50%; transform-origin:50% 50% } .theme-demos .close-popup:hover{ -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg) } .show-search-popup .show-menu .theme-demos,.show-search-popup .theme-demos .theme-demos{ z-index:1 } @-moz-keyframes example1{ 0%{ -moz-transform:translateX(100%) } 100%{ -moz-transform:translateX(-100%) } } @-webkit-keyframes example1{ 0%{ -webkit-transform:translateX(100%) } 100%{ -webkit-transform:translateX(-100%) } } @keyframes example1{ 0%{ -moz-transform:translateX(100%); -webkit-transform:translateX(100%); transform:translateX(100%) } 100%{ -moz-transform:translateX(-100%); -webkit-transform:translateX(-100%); transform:translateX(-100%) } } .bg-dark-gray,.bg-dark-gray:focus{ background-color:var(--dark-gray) } .bg-black{ background-color:var(--black) } .bg-medium-gray,header .left-nav .navbar-nav:before{ background-color:var(--medium-gray) } .bg-light-medium-gray{ background-color:var(--light-medium-gray) } .bg-extra-medium-gray{ background-color:var(--extra-medium-gray) } .bg-light-gray{ background-color:var(--light-gray) } .bg-very-light-gray{ background-color:var(--very-light-gray) } .bg-red{ background-color:var(--red) } .bg-light-red{ background-color:var(--light-red) } .bg-green{ background-color:var(--green) } .bg-crusoe-green{ background-color:var(--crusoe-green) } .bg-yellow{ background-color:var(--yellow) } .bg-charcoal-blue{ background-color:var(--charcoal-blue) } .bg-slate-blue{ background-color:var(--slate-blue) } .bg-medium-slate-blue{ background-color:var(--medium-slate-blue) } .bg-extra-medium-slate-blue{ background-color:var(--extra-medium-slate-blue) } .bg-dark-slate-blue{ background-color:var(--dark-slate-blue) } .bg-extra-dark-slate-blue{ background-color:var(--extra-dark-slate-blue) } .bg-extra-very-slate-blue{ background-color:var(--extra-very-slate-blue) } .bg-tussock-yellow{ background-color:var(--tussock-yellow) } .bg-solitude-blue{ background-color:var(--solitude-blue) } .bg-aluminium-grey{ background-color:var(--aluminium-grey) } .bg-selago{ background-color:var(--selago) } .bg-white-ice{ background-color:var(--white-ice) } .bg-golden-yellow{ background-color:var(--golden-yellow) } .bg-jade{ background-color:var(--jade) } .bg-orange{ background-color:var(--orange) } .bg-light-majorelle-blue{ background-color:var(--light-majorelle-blue) } .bg-majorelle-blue{ background-color:var(--majorelle-blue) } .bg-spring-wood{ background-color:var(--spring-wood) } .bg-tropical-blue{ background-color:var(--tropical-blue) } .bg-cornflower-blue{ background-color:var(--cornflower-blue) } .bg-camarone{ background-color:var(--camarone) } .bg-seal-brown{ background-color:var(--seal-brown) } .bg-Wasabi{ background-color:var(--Wasabi) } .bg-gradient-light-pink-light-orange{ background-image:linear-gradient(to right top,#ffafbd,#ffb3b4,#ffb7ac,#ffbda5,#ffc3a0) } .bg-gradient-purple-pink{ background-image:linear-gradient(to right top,#8b14b1,#ab019e,#c00c8b,#cd267b,#d53d6e) } .bg-gradient-fast-pink-light-yellow{ background-image:linear-gradient(to right top,#f7567f,#fe7177,#ff8a74,#ffa378,#ffba83) } .bg-gradient-pink-orange{ background-image:linear-gradient(to right top,#de347f,#e73a70,#ed4461,#f05152,#ef5f43) } .bg-gradient-fast-blue-purple{ background-image:linear-gradient(to right top,#2a46f4,#5f42f9,#833cfc,#a233fe,#bf25ff) } .bg-gradient-light-pink-light-purple{ background-image:linear-gradient(to right top,#ed579b,#e855ad,#df57c0,#d15cd4,#bc63e8) } .bg-gradient-purple-magento{ background-image:linear-gradient(to right top,#5553e1,#a34dcc,#ce4fb5,#e75ca1,#f47291) } .bg-gradient-blue-green{ background-image:linear-gradient(to right top,#18cdbb,#22d2ae,#3cd69d,#57da89,#73dc73) } .bg-gradient-light-purple-light-orange{ background-image:linear-gradient(to right top,#b783ff,#e37be0,#fa7cc1,#ff85a6,#ff9393) } .bg-gradient-sky-blue-pink{ background-image:linear-gradient(to right top,#5758df,#a553cb,#d055b5,#ea63a0,#f77991) } .bg-gradient-dark-gray-brown{ background-image:linear-gradient(to right top,#0f130f,#1e1d15,#3d2f20,#4e3b27,#664a2f) } .bg-gradient-tan-geraldine{ background-image:linear-gradient(to right top,#fb7f87,#fc8a82,#fb957f,#fa9f7f,#f7aa80) } .bg-gradient-very-light-gray{ background-image:linear-gradient(to bottom,#f7f8f9,#f9fafb,#fbfbfc,#fdfdfd,#fff) } .bg-gradient-top-very-light-gray{ background-image:linear-gradient(to top,#f7f7f7,#f7f7f7,#fcfafa,#fcfafa,#fff) } .bg-gradient-orange-transparent{ background:linear-gradient(to right,#e97522 10%,rgba(255,255,255,0) 95%) } .bg-gradient-blue-transparent{ background:linear-gradient(to right,#1ea3b1 10%,rgba(255,255,255,0) 95%) } .bg-gradient-emerald-blue-emerald-green{ background-image:linear-gradient(50deg,#09afea 0,#19e089 100%) } .bg-gradient-very-ghost-white{ background-image:linear-gradient(to bottom,#f4f6ff,#f7f8ff,#fafaff,#fdfdff,#fff) } .bg-transparent{ background-color:transparent } .bg-gradient-fast-blue-purple-transparent{ background-image:linear-gradient(to right top,#2a46f4,rgba(95,66,249,.9),rgba(131,60,252,.9),rgba(162,51,254,.9),rgba(191,37,255,.9)) } .bg-gradient-fast-pink-light-yellow-transparent{ background-image:linear-gradient(to right top,rgba(247,86,127,.9),rgba(254,113,119,.9),rgba(255,138,116,.9),rgba(255,163,120,.9),rgba(255,186,131,.9)) } .bg-gradient-sky-blue-pink-transparent{ background-image:linear-gradient(to right top,rgba(87,88,223,.9),rgba(165,83,203,.9),rgba(208,85,181,.9),rgba(234,99,160,.9),rgba(247,121,145,.9)) } .bg-gradient-gray-light-dark-transparent{ background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(32,35,41,.8)),to(transparent)); background-image:linear-gradient(to top,rgba(32,35,41,.8) 0,transparent 100%) } .bg-gradient-dark-transparent{ background:-webkit-gradient(linear,left bottom,left top,color-stop(7%,#141622),to(transparent)); background:linear-gradient(to top,#141622 7%,transparent 100%) } .bg-gradient-dark-gray-left-transparent{ background:-webkit-linear-gradient(right,rgba(24,25,28,.5),rgba(255,255,255,0)); background:linear-gradient(to right,rgba(24,25,28,.5),rgba(255,255,255,0)) } .bg-gradient-white-transparent{ background:linear-gradient(to top,#fff 20%,rgba(255,255,255,0) 80%) } .bg-gradient-white-dark-transparent{ background:-webkit-gradient(linear,left bottom,left top,color-stop(35%,#fff),to(transparent)); background:linear-gradient(to top,#fff 30%,rgba(255,255,255,0) 70%) } .bg-gradient-white-bottom-transparent{ background:#000; background:linear-gradient(0deg,rgba(0,0,0,0) 0,#fff 60%) } .bg-gradient-black-bottom-transparent{ background:#fff; background:linear-gradient(0deg,rgba(255,255,255,0) 0,rgba(0,0,0,.6) 100%) } .bg-gradient-solitude-blue-transparent{ background:-webkit-linear-gradient(bottom,#f0f4fd,rgba(255,255,255,0)); background:linear-gradient(to top,#f0f4fd,rgba(255,255,255,0)) } .bg-gradient-extra-midium-gray-transparent{ background:-webkit-gradient(left top,left bottom,color-stop(50%,rgba(0,0,0,.5)),color-stop(150%,rgba(20,20,20,.3))); background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(20,20,20,.3) 150%) } .cover-background,.fix-background{ position:relative; background-repeat:no-repeat!important; overflow:hidden } .bg-dark-gray-transparent{ background-color:rgba(35,35,35,.8) } .bg-dark-gray-transparent-light{ background-color:rgba(35,35,35,.2) } .bg-dark-gray-transparent-medium{ background-color:rgba(35,35,35,.4) } .bg-light-gray-transparent{ background-color:#fbfbfb } .bg-medium-gray-transparent{ background-color:rgba(136,136,136,.3) } .bg-black-transparent-light{ background-color:rgba(0,0,0,.2) } .bg-black-transparent-medium{ background-color:rgba(0,0,0,.5) } .bg-black-transparent{ background-color:rgba(0,0,0,.8) } .bg-white-transparent-extra-light,.bg-white-transparent-extra-light:focus{ background-color:rgba(255,255,255,.1) } .bg-white-transparent-very-light{ background-color:rgba(255,255,255,.2) } .bg-white-transparent-light{ background-color:rgba(255,255,255,.4) } .bg-white-transparent{ background-color:rgba(255,255,255,.7) } .contain-background{ background-size:contain } .cover-background{ background-size:cover; background-position:center center!important } .fix-background{ background-size:cover!important; -webkit-animation-duration:0s; -webkit-animation-fill-mode:none; background-position:center center; background-attachment:fixed!important } .background-size-inherit{ background-size:inherit!important } .background-attachment-inherit{ background-attachment:inherit!important } .background-position-left{ background-position:left center!important } .background-position-left-bottom{ background-position:left bottom!important } .background-position-left-center{ background-position:left center!important } .background-position-right{ background-position:right center!important } .background-position-right-top{ background-position:right top!important } .background-position-center-top{ background-position:center top!important } .background-position-left-top{ background-position:left top!important } .background-position-right-bottom{ background-position:right bottom!important } .background-position-center-bottom{ background-position:center bottom 0!important } .background-repeat{ background-repeat:repeat } .background-no-repeat,.select-style select{ background-repeat:no-repeat } .background-no-repeat-y{ background-repeat-y:no-repeat } .background-position-center{ background-position:center!important } .background-size-100{ background-size:100%!important } .background-size-auto-100{ background-size:auto 100%!important } .background-size-contain{ background-size:contain!important } .parallax,[data-parallax-background-ratio]{ background-size:cover!important; transition-duration:0s } .border-6{ border-width:6px!important } .border-7{ border-width:7px!important } .border-8{ border-width:8px!important } .border-9{ border-width:9px!important } .border-10{ border-width:10px!important } .border-dotted{ border-style:dotted!important } .border-dashed{ border-style:dashed!important } .border-solid{ border-style:solid!important } .border-double{ border-style:double!important } .border-groove{ border-style:groove!important } .border-ridge{ border-style:ridge!important } .border-inset{ border-style:inset!important } .border-outset{ border-style:outset!important } .border-none{ border-style:none!important } .border-hidden{ border-style:hidden!important } .border-color-base-color{ border-color:var(--base-color)!important } .border-color-white{ border-color:var(--white)!important } .border-color-dark-gray{ border-color:var(--dark-gray)!important } .border-color-medium-gray{ border-color:var(--medium-gray)!important } .border-color-light-gray{ border-color:var(--light-gray)!important } .border-color-very-light-gray{ border-color:var(--very-light-gray)!important } .border-color-light-medium-gray{ border-color:var(--light-medium-gray)!important } .border-color-extra-medium-gray{ border-color:var(--extra-medium-gray)!important } .border-color-yellow{ border-color:var(--yellow)!important } .border-color-orange{ border-color:var(--orange)!important } .border-color-red{ border-color:var(--red)!important } .border-color-transparent-dark-very-light{ border-color:rgba(35,35,35,.1)!important } .border-color-transparent-dark-light{ border-color:rgba(35,35,35,.2)!important } .border-color-transparent-white-very-light{ border-color:rgba(255,255,255,.3)!important } .border-color-transparent-white-light{ border-color:rgba(255,255,255,.1)!important } .border-color-transparent-white{ border-color:rgba(255,255,255,.6)!important } .border-color-transparent,.border-color-transparent-on-hover:hover{ border-color:transparent!important } .border-gradient-light-pink-light-orange{ border-image:linear-gradient(to right top,#ffafbd,#ffb3b4,#ffb7ac,#ffbda5,#ffc3a0); border-image-slice:1 } .border-gradient-purple-pink{ border-image:linear-gradient(to right,#8b14b1,#ab019e,#c00c8b,#cd267b,#d53d6e); border-image-slice:1 } .border-gradient-fast-pink-light-yellow{ border-image:linear-gradient(to right top,#f7567f,#fe7177,#ff8a74,#ffa378,#ffba83); border-image-slice:1 } .border-gradient-pink-orange{ border-image:linear-gradient(to right top,#de347f,#e73a70,#ed4461,#f05152,#ef5f43); border-image-slice:1 } .border-gradient-fast-blue-purple{ border-image:linear-gradient(to right top,#2a46f4,#5f42f9,#833cfc,#a233fe,#bf25ff); border-image-slice:1 } .border-gradient-light-pink-light-purple{ border-image:linear-gradient(to right top,#ed579b,#e855ad,#df57c0,#d15cd4,#bc63e8); border-image-slice:1 } .border-gradient-light-green-light-perotgreen{ border-image:linear-gradient(to right top,#5553e1,#a34dcc,#ce4fb5,#e75ca1,#f47291); border-image-slice:1 } .border-gradient-sky-blue-pink{ border-image:linear-gradient(to right top,#556fff,#556fff,#e05fc4,#f767a6,#ff798e); border-image-slice:1 } .border-radius-0px{ border-radius:0!important } .border-radius-1px{ border-radius:1px!important } .border-radius-2px{ border-radius:2px!important } .border-radius-3px{ border-radius:3px!important } .border-radius-4px{ border-radius:4px!important } .border-radius-5px{ border-radius:5px!important } .border-radius-6px{ border-radius:6px!important } .border-radius-7px{ border-radius:7px!important } .border-radius-8px{ border-radius:8px!important } .border-radius-9px{ border-radius:9px!important } .border-radius-10px{ border-radius:10px!important } .border-radius-15px{ border-radius:15px!important } .border-radius-18px{ border-radius:18px!important } .border-radius-20px{ border-radius:20px!important } .border-radius-22px{ border-radius:22px!important } .border-radius-24px{ border-radius:24px!important } .border-radius-26px{ border-radius:26px!important } .border-radius-30px{ border-radius:30px!important } .border-radius-40px{ border-radius:40px!important } .border-radius-50px{ border-radius:50px!important } .border-radius-100px{ border-radius:100px!important } .border-radius-50{ border-radius:50%!important } .border-radius-100{ border-radius:100%!important } .no-border-radius{ border-radius:0!important } .border-radius-top-left{ border-radius:10px 0 0 10px!important } .parallax{ position:relative!important; overflow:hidden; background-attachment:fixed!important; transition-timing-function:none; -webkit-transition-timing-function:none; -webkit-transition-duration:0s } .w-1px{ width:1px!important } .w-2px{ width:2px!important } .w-3px{ width:3px!important } .w-4px{ width:4px!important } .w-5px{ width:5px!important } .w-6px{ width:6px!important } .w-7px{ width:7px!important } .w-8px{ width:8px!important } .w-9px{ width:9px!important } .w-10px{ width:10px!important } .w-15px{ width:15px!important } .w-20px{ width:20px!important } .w-25px{ width:25px!important } .w-30px{ width:30px!important } .w-35px{ width:35px!important } .w-40px{ width:40px!important } .w-45px{ width:45px!important } .grid-loading::after,.w-50px{ width:50px!important } .w-55px{ width:55px!important } .w-60px{ width:60px!important } .w-65px{ width:65px!important } .w-70px{ width:70px!important } .w-75px{ width:75px!important } .w-80px{ width:80px!important } .w-85px{ width:85px!important } .w-90px{ width:90px!important } .w-95px{ width:95px!important } .w-100px{ width:100px!important } .w-110px{ width:110px!important } .w-120px{ width:120px!important } .w-130px{ width:130px!important } .w-140px{ width:140px!important } .w-150px{ width:150px!important } .w-160px{ width:160px!important } .w-170px{ width:170px!important } .w-180px{ width:180px!important } .w-190px{ width:190px!important } .w-200px{ width:200px!important } .w-210px{ width:210px!important } .w-220px{ width:220px!important } .w-230px{ width:230px!important } .w-240px{ width:240px!important } .w-250px{ width:250px!important } .w-260px{ width:260px!important } .w-270px{ width:270px!important } .w-280px{ width:280px!important } .w-290px{ width:290px!important } .w-300px{ width:300px!important } .w-310px{ width:310px!important } .w-320px{ width:320px!important } .w-330px{ width:330px!important } .w-340px{ width:340px!important } .w-350px{ width:350px!important } .w-360px{ width:360px!important } .w-370px{ width:370px!important } .w-380px{ width:380px!important } .w-390px{ width:390px!important } .w-400px{ width:400px!important } .w-450px{ width:450px!important } .w-500px{ width:500px!important } .w-550px{ width:550px!important } .w-600px{ width:600px!important } .w-650px{ width:650px!important } .w-700px{ width:700px!important } .w-750px{ width:750px!important } .w-800px{ width:800px!important } .w-850px{ width:850px!important } .w-900px{ width:900px!important } .w-950px{ width:950px!important } .w-1000px{ width:1000px!important } .w-10{ width:10%!important } .w-15{ width:15%!important } .w-20{ width:20%!important } .w-25{ width:25%!important } .w-30{ width:30%!important } .w-35{ width:35%!important } .w-40{ width:40%!important } .w-45{ width:45%!important } .w-50{ width:50%!important } .w-55{ width:55%!important } .w-60{ width:60%!important } .w-65{ width:65%!important } .w-70{ width:70%!important } .w-75{ width:75%!important } .w-80{ width:80%!important } .w-85{ width:85%!important } .w-90{ width:90%!important } .w-95{ width:95%!important } .w-100{ width:100%!important } .w-auto{ width:auto!important } .h-1px{ height:1px!important } .h-2px{ height:2px!important } .h-3px{ height:3px!important } .h-4px{ height:4px!important } .h-5px{ height:5px!important } .h-6px{ height:6px!important } .h-7px{ height:7px!important } .h-8px{ height:8px!important } .h-9px{ height:9px!important } .h-10px{ height:10px!important } .h-11px{ height:11px!important } .h-12px{ height:12px!important } .h-13px{ height:13px!important } .h-14px{ height:14px!important } .h-15px{ height:15px!important } .h-20px{ height:20px!important } .h-25px{ height:25px!important } .h-30px{ height:30px!important } .h-35px{ height:35px!important } .h-40px{ height:40px!important } .h-42px{ height:42px!important } .h-45px{ height:45px!important } .h-50px{ height:50px!important } .h-55px{ height:55px!important } .h-60px{ height:60px!important } .h-65px{ height:65px!important } .h-70px{ height:70px!important } .h-75px{ height:75px!important } .h-80px{ height:80px!important } .h-85px{ height:85px!important } .h-90px{ height:90px!important } .h-95px{ height:95px!important } .h-100px{ height:100px!important } .h-110px{ height:110px!important } .h-120px{ height:120px!important } .h-130px{ height:130px!important } .h-140px{ height:140px!important } .h-150px{ height:150px!important } .h-160px{ height:160px!important } .h-170px{ height:170px!important } .h-180px{ height:180px!important } .h-190px{ height:190px!important } .h-200px{ height:200px!important } .h-210px{ height:210px!important } .h-220px{ height:220px!important } .h-230px{ height:230px!important } .h-240px{ height:240px!important } .h-250px{ height:250px!important } .h-260px{ height:260px!important } .h-270px{ height:270px!important } .h-280px{ height:280px!important } .h-290px{ height:290px!important } .h-300px{ height:300px!important } .h-350px{ height:350px!important } .h-400px{ height:400px!important } .h-450px{ height:450px!important } .h-480px{ height:480px!important } .h-500px{ height:500px!important } .h-550px{ height:550px!important } .h-580px{ height:580px!important } .h-600px{ height:600px!important } .h-650px{ height:650px!important } .h-700px{ height:700px!important } .h-750px{ height:750px!important } .h-800px{ height:800px!important } .h-850px{ height:850px!important } .h-auto{ height:auto!important } .extra-very-small-screen{ height:250px!important } .extra-small-screen{ height:300px!important } .small-screen{ height:400px!important } .one-half-screen{ height:600px!important } .one-third-screen{ height:700px!important } .one-fourth-screen{ height:800px!important } .one-fifth-screen{ height:900px!important } .one-sixth-screen{ height:1000px!important } .one-seventh-screen{ height:1200px!important } @media (prefers-reduced-motion:no-preference){ :root{ scroll-behavior:auto } } .p-5px{ padding:5px!important } .p-10px{ padding:10px!important } .p-15px{ padding:15px!important } .p-20px{ padding:20px!important } .p-25px{ padding:25px!important } .p-30px{ padding:30px!important } .p-35px{ padding:35px!important } .p-40px{ padding:40px!important } .p-45px{ padding:45px!important } .p-50px{ padding:50px!important } .p-55px{ padding:55px!important } .p-60px{ padding:60px!important } .p-65px{ padding:65px!important } .p-70px{ padding:70px!important } .p-1{ padding:1%!important } .p-2{ padding:2%!important } .p-3{ padding:3%!important } .p-4{ padding:4%!important } .p-5{ padding:5%!important } .p-6{ padding:6%!important } .p-7{ padding:7%!important } .p-8{ padding:8%!important } .p-9{ padding:9%!important } .p-10{ padding:10%!important } .p-11{ padding:11%!important } .p-12{ padding:12%!important } .p-13{ padding:13%!important } .p-14{ padding:14%!important } .p-15{ padding:15%!important } .p-16{ padding:16%!important } .p-17{ padding:17%!important } .p-18{ padding:18%!important } .p-19{ padding:19%!important } .p-20{ padding:20%!important } .p-21{ padding:21%!important } .p-22{ padding:22%!important } .p-23{ padding:23%!important } .p-24{ padding:24%!important } .p-25{ padding:25%!important } .p-26{ padding:26%!important } .p-27{ padding:27%!important } .p-28{ padding:28%!important } .p-29{ padding:29%!important } .p-30{ padding:30%!important } .pt-5px{ padding-top:5px!important } .pt-10px{ padding-top:10px!important } .pt-15px{ padding-top:15px!important } .pt-20px{ padding-top:20px!important } .pt-25px{ padding-top:25px!important } .pt-30px{ padding-top:30px!important } .pt-35px{ padding-top:35px!important } .pt-40px{ padding-top:40px!important } .pt-45px{ padding-top:45px!important } .pt-50px{ padding-top:50px!important } .pt-55px{ padding-top:55px!important } .pt-60px{ padding-top:60px!important } .pt-65px{ padding-top:65px!important } .pt-70px{ padding-top:70px!important } .pt-1{ padding-top:1%!important } .pt-2{ padding-top:2%!important } .pt-3{ padding-top:3%!important } .pt-4{ padding-top:4%!important } .pt-5{ padding-top:5%!important } .pt-6{ padding-top:6%!important } .pt-7{ padding-top:7%!important } .pt-8{ padding-top:8%!important } .pt-9{ padding-top:9%!important } .pt-10{ padding-top:10%!important } .pt-11{ padding-top:11%!important } .pt-12{ padding-top:12%!important } .pt-13{ padding-top:13%!important } .pt-14{ padding-top:14%!important } .pt-15{ padding-top:15%!important } .pt-16{ padding-top:16%!important } .pt-17{ padding-top:17%!important } .pt-18{ padding-top:18%!important } .pt-19{ padding-top:19%!important } .pt-20{ padding-top:20%!important } .pt-21{ padding-top:21%!important } .pt-22{ padding-top:22%!important } .pt-23{ padding-top:23%!important } .pt-24{ padding-top:24%!important } .pt-25{ padding-top:25%!important } .pt-26{ padding-top:26%!important } .pt-27{ padding-top:27%!important } .pt-28{ padding-top:28%!important } .pt-29{ padding-top:29%!important } .pt-30{ padding-top:30%!important } .pe-5px{ padding-right:5px!important } .pe-10px{ padding-right:10px!important } .pe-15px{ padding-right:15px!important } .pe-20px{ padding-right:20px!important } .pe-25px{ padding-right:25px!important } .pe-30px{ padding-right:30px!important } .pe-35px{ padding-right:35px!important } .pe-40px{ padding-right:40px!important } .pe-45px{ padding-right:45px!important } .pe-50px{ padding-right:50px!important } .pe-55px{ padding-right:55px!important } .pe-60px{ padding-right:60px!important } .pe-65px{ padding-right:65px!important } .pe-70px{ padding-right:70px!important } .pe-1{ padding-right:1%!important } .pe-2{ padding-right:2%!important } .pe-3{ padding-right:3%!important } .pe-4{ padding-right:4%!important } .pe-5{ padding-right:5%!important } .pe-6{ padding-right:6%!important } .pe-7{ padding-right:7%!important } .pe-8{ padding-right:8%!important } .pe-9{ padding-right:9%!important } .pe-10{ padding-right:10%!important } .pe-11{ padding-right:11%!important } .pe-12{ padding-right:12%!important } .pe-13{ padding-right:13%!important } .pe-14{ padding-right:14%!important } .pe-15{ padding-right:15%!important } .pe-16{ padding-right:16%!important } .pe-17{ padding-right:17%!important } .pe-18{ padding-right:18%!important } .pe-19{ padding-right:19%!important } .pe-20{ padding-right:20%!important } .pe-21{ padding-right:21%!important } .pe-22{ padding-right:22%!important } .pe-23{ padding-right:23%!important } .pe-24{ padding-right:24%!important } .pe-25{ padding-right:25%!important } .pe-26{ padding-right:26%!important } .pe-27{ padding-right:27%!important } .pe-28{ padding-right:28%!important } .pe-29{ padding-right:29%!important } .pe-30{ padding-right:30%!important } .pb-5px{ padding-bottom:5px!important } .pb-10px{ padding-bottom:10px!important } .pb-15px{ padding-bottom:15px!important } .pb-20px{ padding-bottom:20px!important } .pb-25px{ padding-bottom:25px!important } .pb-30px{ padding-bottom:30px!important } .pb-35px{ padding-bottom:35px!important } .pb-40px{ padding-bottom:40px!important } .pb-45px{ padding-bottom:45px!important } .pb-50px{ padding-bottom:50px!important } .pb-55px{ padding-bottom:55px!important } .pb-60px{ padding-bottom:60px!important } .pb-65px{ padding-bottom:65px!important } .pb-70px{ padding-bottom:70px!important } .pb-1{ padding-bottom:1%!important } .pb-2{ padding-bottom:2%!important } .pb-3{ padding-bottom:3%!important } .pb-4{ padding-bottom:4%!important } .pb-5{ padding-bottom:5%!important } .pb-6{ padding-bottom:6%!important } .pb-7{ padding-bottom:7%!important } .pb-8{ padding-bottom:8%!important } .pb-9{ padding-bottom:9%!important } .pb-10{ padding-bottom:10%!important } .pb-11{ padding-bottom:11%!important } .pb-12{ padding-bottom:12%!important } .pb-13{ padding-bottom:13%!important } .pb-14{ padding-bottom:14%!important } .pb-15{ padding-bottom:15%!important } .pb-16{ padding-bottom:16%!important } .pb-17{ padding-bottom:17%!important } .pb-18{ padding-bottom:18%!important } .pb-19{ padding-bottom:19%!important } .pb-20{ padding-bottom:20%!important } .pb-21{ padding-bottom:21%!important } .pb-22{ padding-bottom:22%!important } .pb-23{ padding-bottom:23%!important } .pb-24{ padding-bottom:24%!important } .pb-25{ padding-bottom:25%!important } .pb-26{ padding-bottom:26%!important } .pb-27{ padding-bottom:27%!important } .pb-28{ padding-bottom:28%!important } .pb-29{ padding-bottom:29%!important } .pb-30{ padding-bottom:30%!important } .ps-5px{ padding-left:5px!important } .ps-10px{ padding-left:10px!important } .ps-15px{ padding-left:15px!important } .ps-20px{ padding-left:20px!important } .ps-25px{ padding-left:25px!important } .ps-30px{ padding-left:30px!important } .ps-35px{ padding-left:35px!important } .ps-40px{ padding-left:40px!important } .ps-45px{ padding-left:45px!important } .ps-50px{ padding-left:50px!important } .ps-55px{ padding-left:55px!important } .ps-60px{ padding-left:60px!important } .ps-65px{ padding-left:65px!important } .ps-70px{ padding-left:70px!important } .ps-1{ padding-left:1%!important } .ps-2{ padding-left:2%!important } .ps-3{ padding-left:3%!important } .ps-4{ padding-left:4%!important } .ps-5{ padding-left:5%!important } .ps-6{ padding-left:6%!important } .ps-7{ padding-left:7%!important } .ps-8{ padding-left:8%!important } .ps-9{ padding-left:9%!important } .ps-10{ padding-left:10%!important } .ps-11{ padding-left:11%!important } .ps-12{ padding-left:12%!important } .ps-13{ padding-left:13%!important } .ps-14{ padding-left:14%!important } .ps-15{ padding-left:15%!important } .ps-16{ padding-left:16%!important } .ps-17{ padding-left:17%!important } .ps-18{ padding-left:18%!important } .ps-19{ padding-left:19%!important } .ps-20{ padding-left:20%!important } .ps-21{ padding-left:21%!important } .ps-22{ padding-left:22%!important } .ps-23{ padding-left:23%!important } .ps-24{ padding-left:24%!important } .ps-25{ padding-left:25%!important } .ps-26{ padding-left:26%!important } .ps-27{ padding-left:27%!important } .ps-28{ padding-left:28%!important } .ps-29{ padding-left:29%!important } .ps-30{ padding-left:30%!important } .m-5px{ margin:5px!important } .m-10px{ margin:10px!important } .m-15px{ margin:15px!important } .m-20px{ margin:20px!important } .m-25px{ margin:25px!important } .m-30px{ margin:30px!important } .m-35px{ margin:35px!important } .m-40px{ margin:40px!important } .m-45px{ margin:45px!important } .m-50px{ margin:50px!important } .m-55px{ margin:55px!important } .m-60px{ margin:60px!important } .m-65px{ margin:65px!important } .m-70px{ margin:70px!important } .m-1{ margin:1%!important } .m-2{ margin:2%!important } .m-3{ margin:3%!important } .m-4{ margin:4%!important } .m-5{ margin:5%!important } .m-6{ margin:6%!important } .m-7{ margin:7%!important } .m-8{ margin:8%!important } .m-9{ margin:9%!important } .m-10{ margin:10%!important } .m-11{ margin:11%!important } .m-12{ margin:12%!important } .m-13{ margin:13%!important } .m-14{ margin:14%!important } .m-15{ margin:15%!important } .m-16{ margin:16%!important } .m-17{ margin:17%!important } .m-18{ margin:18%!important } .m-19{ margin:19%!important } .m-20{ margin:20%!important } .m-21{ margin:21%!important } .m-22{ margin:22%!important } .m-23{ margin:23%!important } .m-24{ margin:24%!important } .m-25{ margin:25%!important } .m-26{ margin:26%!important } .m-27{ margin:27%!important } .m-28{ margin:28%!important } .m-29{ margin:29%!important } .m-30{ margin:30%!important } .infowindow .mb-3,.mb-5px{ margin-bottom:5px!important } .mt-5px{ margin-top:5px!important } .mt-10px{ margin-top:10px!important } .mt-15px{ margin-top:15px!important } .mt-20px{ margin-top:20px!important } .mt-25px{ margin-top:25px!important } .mt-30px{ margin-top:30px!important } .mt-35px{ margin-top:35px!important } .mt-40px{ margin-top:40px!important } .mt-45px{ margin-top:45px!important } .mt-50px{ margin-top:50px!important } .mt-55px{ margin-top:55px!important } .mt-60px{ margin-top:60px!important } .mt-65px{ margin-top:65px!important } .mt-70px{ margin-top:70px!important } .mt-1{ margin-top:1%!important } .mt-2{ margin-top:2%!important } .mt-3{ margin-top:3%!important } .mt-4{ margin-top:4%!important } .mt-5{ margin-top:5%!important } .mt-6{ margin-top:6%!important } .mt-7{ margin-top:7%!important } .mt-8{ margin-top:8%!important } .mt-9{ margin-top:9%!important } .mt-10{ margin-top:10%!important } .mt-11{ margin-top:11%!important } .mt-12{ margin-top:12%!important } .mt-13{ margin-top:13%!important } .mt-14{ margin-top:14%!important } .mt-15{ margin-top:15%!important } .mt-16{ margin-top:16%!important } .mt-17{ margin-top:17%!important } .mt-18{ margin-top:18%!important } .mt-19{ margin-top:19%!important } .mt-20{ margin-top:20%!important } .mt-21{ margin-top:21%!important } .mt-22{ margin-top:22%!important } .mt-23{ margin-top:23%!important } .mt-24{ margin-top:24%!important } .mt-25{ margin-top:25%!important } .mt-26{ margin-top:26%!important } .mt-27{ margin-top:27%!important } .mt-28{ margin-top:28%!important } .mt-29{ margin-top:29%!important } .mt-30{ margin-top:30%!important } .me-5px{ margin-right:5px!important } .me-10px{ margin-right:10px!important } .me-15px{ margin-right:15px!important } .me-20px{ margin-right:20px!important } .me-25px{ margin-right:25px!important } .me-30px{ margin-right:30px!important } .me-35px{ margin-right:35px!important } .me-40px{ margin-right:40px!important } .me-45px{ margin-right:45px!important } .me-50px{ margin-right:50px!important } .me-55px{ margin-right:55px!important } .me-60px{ margin-right:60px!important } .me-65px{ margin-right:65px!important } .me-70px{ margin-right:70px!important } .me-1{ margin-right:1%!important } .me-2{ margin-right:2%!important } .me-3{ margin-right:3%!important } .me-4{ margin-right:4%!important } .me-5{ margin-right:5%!important } .me-6{ margin-right:6%!important } .me-7{ margin-right:7%!important } .me-8{ margin-right:8%!important } .me-9{ margin-right:9%!important } .me-10{ margin-right:10%!important } .me-11{ margin-right:11%!important } .me-12{ margin-right:12%!important } .me-13{ margin-right:13%!important } .me-14{ margin-right:14%!important } .me-15{ margin-right:15%!important } .me-16{ margin-right:16%!important } .me-17{ margin-right:17%!important } .me-18{ margin-right:18%!important } .me-19{ margin-right:19%!important } .me-20{ margin-right:20%!important } .me-21{ margin-right:21%!important } .me-22{ margin-right:22%!important } .me-23{ margin-right:23%!important } .me-24{ margin-right:24%!important } .me-25{ margin-right:25%!important } .me-26{ margin-right:26%!important } .me-27{ margin-right:27%!important } .me-28{ margin-right:28%!important } .me-29{ margin-right:29%!important } .me-30{ margin-right:30%!important } .mb-10px{ margin-bottom:10px!important } .mb-15px{ margin-bottom:15px!important } .mb-20px{ margin-bottom:20px!important } .mb-25px{ margin-bottom:25px!important } .mb-30px{ margin-bottom:30px!important } .mb-35px{ margin-bottom:35px!important } .mb-40px{ margin-bottom:40px!important } .mb-45px{ margin-bottom:45px!important } .mb-50px{ margin-bottom:50px!important } .mb-55px{ margin-bottom:55px!important } .mb-60px{ margin-bottom:60px!important } .mb-65px{ margin-bottom:65px!important } .mb-70px{ margin-bottom:70px!important } .mb-1{ margin-bottom:1%!important } .mb-2{ margin-bottom:2%!important } .mb-3{ margin-bottom:3%!important } .mb-4{ margin-bottom:4%!important } .mb-5{ margin-bottom:5%!important } .mb-6{ margin-bottom:6%!important } .mb-7{ margin-bottom:7%!important } .mb-8{ margin-bottom:8%!important } .mb-9{ margin-bottom:9%!important } .mb-10{ margin-bottom:10%!important } .mb-11{ margin-bottom:11%!important } .mb-12{ margin-bottom:12%!important } .mb-13{ margin-bottom:13%!important } .mb-14{ margin-bottom:14%!important } .mb-15{ margin-bottom:15%!important } .mb-16{ margin-bottom:16%!important } .mb-17{ margin-bottom:17%!important } .mb-18{ margin-bottom:18%!important } .mb-19{ margin-bottom:19%!important } .mb-20{ margin-bottom:20%!important } .mb-21{ margin-bottom:21%!important } .mb-22{ margin-bottom:22%!important } .mb-23{ margin-bottom:23%!important } .mb-24{ margin-bottom:24%!important } .mb-25{ margin-bottom:25%!important } .mb-26{ margin-bottom:26%!important } .mb-27{ margin-bottom:27%!important } .mb-28{ margin-bottom:28%!important } .mb-29{ margin-bottom:29%!important } .mb-30{ margin-bottom:30%!important } .ms-5px{ margin-left:5px!important } .ms-10px{ margin-left:10px!important } .ms-15px{ margin-left:15px!important } .ms-20px{ margin-left:20px!important } .ms-25px{ margin-left:25px!important } .ms-30px{ margin-left:30px!important } .ms-35px{ margin-left:35px!important } .ms-40px{ margin-left:40px!important } .ms-45px{ margin-left:45px!important } .ms-50px{ margin-left:50px!important } .ms-55px{ margin-left:55px!important } .ms-60px{ margin-left:60px!important } .ms-65px{ margin-left:65px!important } .ms-70px{ margin-left:70px!important } .ms-1{ margin-left:1%!important } .ms-2{ margin-left:2%!important } .ms-3{ margin-left:3%!important } .ms-4{ margin-left:4%!important } .ms-5{ margin-left:5%!important } .ms-6{ margin-left:6%!important } .ms-7{ margin-left:7%!important } .ms-8{ margin-left:8%!important } .ms-9{ margin-left:9%!important } .ms-10{ margin-left:10%!important } .ms-11{ margin-left:11%!important } .ms-12{ margin-left:12%!important } .ms-13{ margin-left:13%!important } .ms-14{ margin-left:14%!important } .ms-15{ margin-left:15%!important } .ms-16{ margin-left:16%!important } .ms-17{ margin-left:17%!important } .ms-18{ margin-left:18%!important } .ms-19{ margin-left:19%!important } .ms-20{ margin-left:20%!important } .ms-21{ margin-left:21%!important } .ms-22{ margin-left:22%!important } .ms-23{ margin-left:23%!important } .ms-24{ margin-left:24%!important } .ms-25{ margin-left:25%!important } .ms-26{ margin-left:26%!important } .ms-27{ margin-left:27%!important } .ms-28{ margin-left:28%!important } .ms-29{ margin-left:29%!important } .ms-30{ margin-left:30%!important } .top-0px{ top:0 } .top-1px{ top:1px } .top-2px{ top:2px } .top-3px{ top:3px } .top-4px{ top:4px } .top-5px{ top:5px } .top-6px{ top:6px } .top-7px{ top:7px } .top-8px{ top:8px } .top-9px{ top:9px } .top-10px{ top:10px } .top-11px{ top:11px } .top-12px{ top:12px } .top-13px{ top:13px } .top-14px{ top:14px } .top-15px{ top:15px } .top-16px{ top:16px } .top-17px{ top:17px } .top-18px{ top:18px } .top-19px{ top:19px } .top-20px{ top:20px } .top-21px{ top:21px } .top-22px{ top:22px } .top-23px{ top:23px } .top-24px{ top:24px } .top-25px{ top:25px } .top-26px{ top:26px } .top-27px{ top:27px } .top-28px{ top:28px } .top-29px{ top:29px } .top-30px{ top:30px } .top-40px{ top:40px } .top-50px{ top:50px } .top-60px{ top:60px } .top-70px{ top:70px } .top-80px{ top:80px } .top-90px{ top:90px } .top-100px{ top:100px } .top-110px{ top:110px } .top-120px{ top:120px } .top-130px{ top:130px } .top-140px{ top:140px } .top-150px{ top:150px } .right-0px{ right:0 } .right-1px{ right:1px } .right-2px{ right:2px } .right-3px{ right:3px } .right-4px{ right:4px } .right-5px{ right:5px } .right-6px{ right:6px } .right-7px{ right:7px } .right-8px{ right:8px } .right-9px{ right:9px } .right-10px{ right:10px } .right-11px{ right:11px } .right-12px{ right:12px } .right-13px{ right:13px } .right-14px{ right:14px } .right-15px{ right:15px } .right-16px{ right:16px } .right-17px{ right:17px } .right-18px{ right:18px } .right-19px{ right:19px } .right-20px{ right:20px } .right-21px{ right:21px } .right-22px{ right:22px } .right-23px{ right:23px } .right-24px{ right:24px } .right-25px{ right:25px } .right-26px{ right:26px } .right-27px{ right:27px } .right-28px{ right:28px } .right-29px{ right:29px } .right-30px{ right:30px } .right-40px{ right:40px } .right-50px{ right:50px } .right-60px{ right:60px } .right-70px{ right:70px } .right-80px{ right:80px } .right-90px{ right:90px } .right-100px{ right:100px } .right-110px{ right:110px } .right-120px{ right:120px } .right-130px{ right:130px } .right-140px{ right:140px } .right-150px{ right:150px } .bottom-0px{ bottom:0 } .bottom-1px{ bottom:1px } .bottom-2px{ bottom:2px } .bottom-3px{ bottom:3px } .bottom-4px{ bottom:4px } .bottom-5px{ bottom:5px } .bottom-6px{ bottom:6px } .bottom-7px{ bottom:7px } .bottom-8px{ bottom:8px } .bottom-9px{ bottom:9px } .bottom-10px{ bottom:10px } .bottom-11px{ bottom:11px } .bottom-12px{ bottom:12px } .bottom-13px{ bottom:13px } .bottom-14px{ bottom:14px } .bottom-15px{ bottom:15px } .bottom-16px{ bottom:16px } .bottom-17px{ bottom:17px } .bottom-18px{ bottom:18px } .bottom-19px{ bottom:19px } .bottom-20px{ bottom:20px } .bottom-21px{ bottom:21px } .bottom-22px{ bottom:22px } .bottom-23px{ bottom:23px } .bottom-24px{ bottom:24px } .bottom-25px{ bottom:25px } .bottom-26px{ bottom:26px } .bottom-27px{ bottom:27px } .bottom-28px{ bottom:28px } .bottom-29px{ bottom:29px } .bottom-30px{ bottom:30px } .bottom-40px{ bottom:40px } .bottom-50px{ bottom:50px } .bottom-60px{ bottom:60px } .bottom-70px{ bottom:70px } .bottom-80px{ bottom:80px } .bottom-90px{ bottom:90px } .bottom-100px,.hamburger-menu-simple .hamburger-menu .header-icon{ bottom:100px } .bottom-110px{ bottom:110px } .bottom-120px{ bottom:120px } .bottom-130px{ bottom:130px } .bottom-140px{ bottom:140px } .bottom-150px{ bottom:150px } .left-0px{ left:0 } .left-1px{ left:1px } .left-2px,.pricing-table-style-08 .nav-tabs>li.nav-item:last-child a:before{ left:2px } .left-3px{ left:3px } .left-4px{ left:4px } .left-5px{ left:5px } .left-6px{ left:6px } .left-7px{ left:7px } .left-8px{ left:8px } .left-9px{ left:9px } .left-10px{ left:10px } .left-11px{ left:11px } .left-12px{ left:12px } .left-13px{ left:13px } .left-14px{ left:14px } .left-15px{ left:15px } .left-16px{ left:16px } .left-17px{ left:17px } .left-18px{ left:18px } .left-19px{ left:19px } .left-20px{ left:20px } .left-21px{ left:21px } .left-22px{ left:22px } .left-23px{ left:23px } .left-24px{ left:24px } .left-25px{ left:25px } .left-26px{ left:26px } .left-27px{ left:27px } .left-28px{ left:28px } .left-29px{ left:29px } .left-30px{ left:30px } .left-40px{ left:40px } .left-50px{ left:50px } .left-60px{ left:60px } .left-70px{ left:70px } .left-80px{ left:80px } .left-90px{ left:90px } .left-100px{ left:100px } .left-110px{ left:110px } .left-120px{ left:120px } .left-130px{ left:130px } .left-140px{ left:140px } .left-150px{ left:150px } .top-minus-0px{ top:0 } .top-minus-1px{ top:-1px } .top-minus-2px{ top:-2px } .top-minus-3px{ top:-3px } .top-minus-4px{ top:-4px } .top-minus-5px{ top:-5px } .top-minus-6px{ top:-6px } .top-minus-7px{ top:-7px } .top-minus-8px{ top:-8px } .top-minus-9px{ top:-9px } .top-minus-10px{ top:-10px } .top-minus-11px{ top:-11px } .top-minus-12px{ top:-12px } .top-minus-13px{ top:-13px } .top-minus-14px{ top:-14px } .top-minus-15px{ top:-15px } .top-minus-16px{ top:-16px } .blog-clean .card .card-body .blog-categories,.top-minus-17px{ top:-17px } .top-minus-18px{ top:-18px } .top-minus-19px{ top:-19px } .top-minus-20px{ top:-20px } .top-minus-21px{ top:-21px } .top-minus-22px{ top:-22px } .top-minus-23px{ top:-23px } .top-minus-24px{ top:-24px } .top-minus-25px{ top:-25px } .top-minus-26px{ top:-26px } .top-minus-27px{ top:-27px } .top-minus-28px{ top:-28px } .top-minus-29px{ top:-29px } .top-minus-30px{ top:-30px } .top-minus-40px{ top:-40px } .top-minus-50px{ top:-50px } .top-minus-60px{ top:-60px } .top-minus-70px{ top:-70px } .top-minus-80px{ top:-80px } .top-minus-90px{ top:-90px } .top-minus-100px{ top:-100px } .top-minus-110px{ top:-110px } .top-minus-120px{ top:-120px } .top-minus-130px{ top:-130px } .top-minus-140px{ top:-140px } .top-minus-150px{ top:-150px } .right-minus-0px{ right:0 } .right-minus-1px{ right:-1px } .right-minus-2px{ right:-2px } .right-minus-3px{ right:-3px } .right-minus-4px{ right:-4px } .right-minus-5px{ right:-5px } .right-minus-6px{ right:-6px } .right-minus-7px{ right:-7px } .right-minus-8px,.testimonials-style-12 .swiper-button-next-nav{ right:-8px } .right-minus-9px{ right:-9px } .right-minus-10px{ right:-10px } .right-minus-11px{ right:-11px } .right-minus-12px{ right:-12px } .right-minus-13px{ right:-13px } .right-minus-14px{ right:-14px } .right-minus-15px{ right:-15px } .right-minus-16px{ right:-16px } .right-minus-17px{ right:-17px } .right-minus-18px{ right:-18px } .right-minus-19px{ right:-19px } .right-minus-20px{ right:-20px } .right-minus-21px{ right:-21px } .right-minus-22px{ right:-22px } .right-minus-23px{ right:-23px } .right-minus-24px{ right:-24px } .right-minus-25px{ right:-25px } .right-minus-26px{ right:-26px } .right-minus-27px{ right:-27px } .right-minus-28px{ right:-28px } .right-minus-29px{ right:-29px } .right-minus-30px{ right:-30px } .right-minus-40px{ right:-40px } .right-minus-50px{ right:-50px } .right-minus-60px{ right:-60px } .right-minus-70px{ right:-70px } .right-minus-80px{ right:-80px } .right-minus-90px{ right:-90px } .right-minus-100px{ right:-100px } .right-minus-110px{ right:-110px } .right-minus-120px{ right:-120px } .right-minus-130px{ right:-130px } .right-minus-140px{ right:-140px } .right-minus-150px{ right:-150px } header .header-top-bar,header .navbar{ position:fixed; top:0; right:0; -webkit-transition:.3s } .bottom-minus-0px{ bottom:0 } .bottom-minus-1px{ bottom:-1px } .bottom-minus-2px{ bottom:-2px } .bottom-minus-3px{ bottom:-3px } .bottom-minus-4px{ bottom:-4px } .bottom-minus-5px{ bottom:-5px } .bottom-minus-6px{ bottom:-6px } .bottom-minus-7px{ bottom:-7px } .bottom-minus-8px{ bottom:-8px } .bottom-minus-9px{ bottom:-9px } .bottom-minus-10px{ bottom:-10px } .bottom-minus-11px{ bottom:-11px } .bottom-minus-12px{ bottom:-12px } .bottom-minus-13px{ bottom:-13px } .bottom-minus-14px{ bottom:-14px } .bottom-minus-15px{ bottom:-15px } .bottom-minus-16px{ bottom:-16px } .bottom-minus-17px{ bottom:-17px } .bottom-minus-18px{ bottom:-18px } .bottom-minus-19px{ bottom:-19px } .bottom-minus-20px{ bottom:-20px } .bottom-minus-21px{ bottom:-21px } .bottom-minus-22px{ bottom:-22px } .bottom-minus-23px{ bottom:-23px } .bottom-minus-24px{ bottom:-24px } .bottom-minus-25px{ bottom:-25px } .bottom-minus-26px{ bottom:-26px } .bottom-minus-27px{ bottom:-27px } .bottom-minus-28px{ bottom:-28px } .bottom-minus-29px{ bottom:-29px } .bottom-minus-30px{ bottom:-30px } .bottom-minus-40px{ bottom:-40px } .bottom-minus-50px{ bottom:-50px } .bottom-minus-60px{ bottom:-60px } .bottom-minus-70px{ bottom:-70px } .bottom-minus-80px{ bottom:-80px } .bottom-minus-90px{ bottom:-90px } .bottom-minus-100px{ bottom:-100px } .bottom-minus-110px{ bottom:-110px } .bottom-minus-120px{ bottom:-120px } .bottom-minus-130px{ bottom:-130px } .bottom-minus-140px{ bottom:-140px } .bottom-minus-150px{ bottom:-150px } .left-minus-0px{ left:0 } .left-minus-1px{ left:-1px } .left-minus-2px{ left:-2px } .left-minus-3px{ left:-3px } .left-minus-4px{ left:-4px } .left-minus-5px{ left:-5px } .left-minus-6px{ left:-6px } .left-minus-7px{ left:-7px } .left-minus-8px{ left:-8px } .left-minus-9px{ left:-9px } .left-minus-10px{ left:-10px } .left-minus-11px{ left:-11px } .left-minus-12px{ left:-12px } .left-minus-13px{ left:-13px } .left-minus-14px{ left:-14px } .left-minus-15px{ left:-15px } .left-minus-16px{ left:-16px } .left-minus-17px{ left:-17px } .left-minus-18px{ left:-18px } .left-minus-19px{ left:-19px } .left-minus-20px{ left:-20px } .left-minus-21px{ left:-21px } .left-minus-22px{ left:-22px } .left-minus-23px{ left:-23px } .left-minus-24px{ left:-24px } .left-minus-25px{ left:-25px } .left-minus-26px{ left:-26px } .left-minus-27px{ left:-27px } .left-minus-28px{ left:-28px } .left-minus-29px{ left:-29px } .left-minus-30px{ left:-30px } .left-minus-40px{ left:-40px } .left-minus-50px{ left:-50px } .left-minus-60px{ left:-60px } .left-minus-70px{ left:-70px } .left-minus-80px{ left:-80px } .left-minus-90px{ left:-90px } .left-minus-100px{ left:-100px } .left-minus-110px{ left:-110px } .left-minus-120px{ left:-120px } .left-minus-130px{ left:-130px } .left-minus-140px{ left:-140px } .left-minus-150px{ left:-150px } .fw-100{ font-weight:100!important } .fw-200{ font-weight:200!important } .fw-300{ font-weight:300!important } .fw-400{ font-weight:400!important } .fw-500{ font-weight:500!important } .fw-600{ font-weight:600!important } .fw-700{ font-weight:700!important } .fw-800{ font-weight:800!important } .fw-900{ font-weight:900!important } .min-h-100px{ min-height:100px!important } .min-h-150px{ min-height:150px!important } .min-h-200px{ min-height:200px!important } .min-h-250px{ min-height:250px!important } .min-h-300px{ min-height:300px!important } .min-h-350px{ min-height:350px!important } .min-h-400px{ min-height:400px!important } .min-h-450px{ min-height:450px!important } .min-h-500px{ min-height:500px!important } .min-h-550px{ min-height:550px!important } .min-h-600px{ min-height:600px!important } .min-h-650px{ min-height:650px!important } .min-h-700px{ min-height:700px!important } .min-h-750px{ min-height:750px!important } .min-h-800px{ min-height:800px!important } .min-h-850px{ min-height:850px!important } .min-h-900px{ min-height:900px!important } .min-h-950px{ min-height:950px!important } .opacity-0{ opacity:0 } .opacity-1{ opacity:.1 } .opacity-2{ opacity:.2 } .opacity-3{ opacity:.3 } .opacity-4{ opacity:.4 } .opacity-5{ opacity:.5 } .opacity-6{ opacity:.6 } .opacity-7{ opacity:.7 } .opacity-8{ opacity:.8 } .opacity-9{ opacity:.9 } .z-index-0{ z-index:0 } .z-index-1{ z-index:1 } .z-index-2{ z-index:2 } .z-index-3{ z-index:3 } .z-index-4{ z-index:4 } .z-index-5{ z-index:5 } .z-index-6{ z-index:6 } .z-index-7{ z-index:7 } .z-index-8{ z-index:8 } .z-index-9{ z-index:9 } .z-index-minus-1{ z-index:-1 } .z-index-minus-2{ z-index:-2 } header .header-top-bar [class*=col-]{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-item-align:stretch; -ms-grid-row-align:stretch; align-self:stretch; -webkit-box-align:center; -ms-flex-align:center; align-items:center } header .header-top-bar [class*=col-].text-end{ justify-content:flex-end!important } header .header-top-bar [class*=col-] .header-icon,header .navbar [class*=col-],header .navbar [class*=col-] .navbar-nav{ -ms-flex-item-align:stretch; -ms-grid-row-align:stretch; align-self:stretch } header .navbar{ left:0; z-index:99; transition:.3s } header .navbar [class*=col-]{ padding:0 15px; display:-webkit-box; display:-ms-flexbox; display:flex } header .navbar [class*=col-].text-end{ justify-content:flex-end!important } header .navbar [class*=col-] .navbar-nav{ -webkit-box-align:center; -ms-flex-align:center; align-items:center } header .navbar [class*=col-] .navbar-nav .nav-item,header .navbar [class*=col-] .navbar-nav .nav-item a{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-item-align:stretch; -ms-grid-row-align:stretch; align-self:stretch; -webkit-box-align:center; -ms-flex-align:center; align-items:center } header .container-fluid{ padding-left:45px; padding-right:45px } header.sticky .navbar-brand{ padding:20px 0 } header.sticky .navbar{ -webkit-transform:translateY(-100%); transform:translateY(-100%) } header.sticky .navbar.fixed-header,header.sticky .navbar.sticky-header{ -webkit-transform:translateY(0); transform:translateY(0) } header.sticky .header-light:not(.disable-fixed){ box-shadow:0 10px 35px 0 rgba(0,0,0,.1) } header.sticky.sticky-appear .header-reverse-back-scroll{ -webkit-transform:translateY(0); transform:translateY(0) } header.sticky.sticky-appear .header-reverse-back-scroll.glass-effect{ -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); background-color:rgba(255,255,255,.85)!important } header.sticky.sticky-appear .header-reverse-back-scroll.header-dark.glass-effect{ background-color:rgba(35,35,35,.7)!important } header.sticky.sticky-active .header-reverse{ -webkit-transform:translateY(0); transform:translateY(0); border-color:transparent!important } header.sticky.sticky-active .header-reverse.glass-effect{ -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); background-color:rgba(255,255,255,.85)!important } header.sticky.sticky-active .header-reverse.header-dark.glass-effect{ background-color:rgba(35,35,35,.7)!important } header.sticky.sticky-active .navbar-brand .alt-logo{ visibility:visible; opacity:1; width:auto } header.sticky.sticky-active .navbar-brand .default-logo{ visibility:hidden; opacity:0; width:0 } header.sticky.sticky-active [data-header-hover=dark] .icon>a:hover,header.sticky.sticky-active [data-header-hover=dark] .navbar-nav .nav-item:hover .nav-link{ opacity:.6; color:var(--white) } header.sticky.sticky-active [data-header-hover=dark]{ background-color:var(--dark-gray)!important } header.sticky.sticky-active [data-header-hover=dark] .icon>a,header.sticky.sticky-active [data-header-hover=dark] .navbar-nav .nav-link{ color:var(--white) } header.sticky.sticky-active [data-header-hover=dark] .icon .push-button span{ background-color:var(--white) } header.sticky.sticky-active [data-header-hover=dark] .header-search-style i,header.sticky.sticky-active [data-header-hover=dark] .icon .header-cart>a,header.sticky.sticky-active [data-header-hover=dark] .icon .header-cart>a:hover,header.sticky.sticky-active [data-header-hover=dark] .icon .header-language>a,header.sticky.sticky-active [data-header-hover=dark] .icon .header-language>a:hover{ color:var(--white) } header.sticky.sticky-active [data-header-hover=dark] .header-language-icon .header-language .language-dropdown{ background-color:var(--dark-gray) } header.sticky.sticky-active [data-header-hover=dark] .header-language-icon .header-language .language-dropdown a{ color:var(--light-gray) } header.sticky.sticky-active [data-header-hover=dark] .header-language-icon .header-language .language-dropdown a:hover{ color:var(--white); opacity:1 } header.sticky.sticky-active [data-header-hover=light]{ background-color:var(--white)!important; box-shadow:0 0 50px 0 rgba(0,0,0,.1) } [data-header-hover=dark] .header-cart-icon .header-cart .cart-item-list,[data-header-hover=dark] .navbar-nav .dropdown-with-icon .dropdown-menu,[data-header-hover=dark] .navbar-nav .dropdown-with-icon-style02 .dropdown-menu,[data-header-hover=dark] .navbar-nav .simple-dropdown .dropdown-menu,header.sticky.sticky-active [data-header-hover=light] .icon .push-button span{ background-color:var(--dark-gray) } header.sticky.sticky-active [data-header-hover=light] .icon>a,header.sticky.sticky-active [data-header-hover=light] .navbar-nav .nav-link{ color:var(--dark-gray) } header.sticky.sticky-active [data-header-hover=light] .icon>a:hover{ color:var(--medium-gray); opacity:1 } header.sticky.sticky-active [data-header-hover=light] .icon .header-cart>a,header.sticky.sticky-active [data-header-hover=light] .icon .header-language>a{ color:var(--dark-gray) } header.sticky.sticky-active [data-header-hover=light] .icon .header-cart>a:hover,header.sticky.sticky-active [data-header-hover=light] .icon .header-language>a:hover{ color:var(--medium-gray); opacity:1 } header.sticky.sticky-active [data-header-hover=light] .header-search-style i{ color:var(--dark-gray) } header.sticky.sticky-active [data-header-hover=light] .header-language-icon .language-dropdown li a{ color:var(--medium-gray) } header.sticky.sticky-active [data-header-hover=light] .header-language-icon .language-dropdown li a:hover{ color:var(--dark-gray); opacity:1 } header.sticky.sticky-active [data-header-hover=light] .widget-text,header.sticky.sticky-active [data-header-hover=light] .widget-text a{ color:var(--dark-gray) } header.sticky.sticky-active [data-header-hover=light].disable-fixed.header-demo{ background-color:transparent!important } header.sticky .header-icon .push-button{ padding:0 } header.sticky .center-logo .navbar-nav .nav-link{ padding:26px 20px } header.sticky .top-logo .navbar-brand{ padding:15px 0 } header.sticky .top-logo.disable-fixed .navbar-brand,header.sticky .top-logo.fixed-header .navbar-brand{ padding:22px 0 } header.sticky .top-logo.responsive-sticky .navbar-nav .nav-link{ padding-top:18px!important; padding-bottom:18px!important } header.sticky .top-logo.responsive-sticky .header-icon .header-cart-icon .header-cart a i,header.sticky .top-logo.responsive-sticky .header-icon .header-language-icon .header-cart>a i{ padding-top:22px; padding-bottom:22px } header.sticky .mini-header .header-icon .header-cart-icon .header-cart a i,header.sticky .mini-header .header-icon .header-language a i{ padding-top:16px; padding-bottom:16px } header.sticky .disable-fixed .navbar-brand,header.sticky .fixed-header .navbar-brand{ padding:30px 0 } header .navbar.mini-header .navbar-brand{ padding:20px 0 } header .navbar.mini-header .navbar-brand img{ max-height:22px } header .navbar-brand{ margin-right:0; vertical-align:middle; padding:30px 0; display:inline-block; font-size:0 } header .navbar-brand .default-logo{ visibility:visible; opacity:1; width:auto } header .navbar-brand .alt-logo,header .navbar-brand .mobile-logo{ visibility:hidden; opacity:0; width:0 } header .navbar-brand img{ max-height:66px } header .header-top-bar{ width:100%; left:0; z-index:100; transition:.3s } header .header-top-bar+.navbar{ -webkit-transition:.3s; transition:.3s; top:40px } header .header-top-bar+.navbar.disable-fixed{ top:0 } header .header-top-bar .widget{ display:inline-block } header .header-top-bar .widget i{ padding-right:5px } header .header-top-bar .header-icon .header-social-icon{ top:0 } header .header-top-bar .header-icon .header-social-icon ul{ list-style:none; padding:0; margin:0 } header .header-top-bar .header-icon .header-social-icon ul li{ display:inline-block; margin:0 15px 0 0 } header .header-top-bar .header-icon .header-social-icon ul li:last-child{ margin-right:0 } header .header-top-bar .header-icon .header-social-icon a{ font-size:12px } header .header-top-bar .header-icon .header-social-text{ top:0 } header .header-top-bar .header-icon .header-social-text ul{ list-style:none; padding:0; margin:0 } header .header-top-bar .header-icon .header-social-text ul li{ display:inline-block; margin:0 30px 0 0 } header .header-top-bar .header-icon .header-social-text ul li:last-child{ margin-right:0 } header .left-nav .navbar-nav:before{ height:20px; width:1px; opacity:.5; content:""; -webkit-transform:translate(-7px,0); transform:translate(-7px,0); -webkit-transition:.3s; transition:.3s } header .disable-fixed{ position:absolute } header.sticky .responsive-sticky{ -webkit-transform:translateY(0); transform:translateY(0) } header.sticky .navbar.disable-fixed{ -webkit-transform:translateY(0); transform:translateY(0); box-shadow:none } .navbar{ padding:0 } .navbar .navbar-nav .nav-item>i{ display:none } .navbar .navbar-nav .nav-item .nav-link.active,.navbar .navbar-nav .nav-item.active .nav-link,.navbar .navbar-nav .nav-item:hover .nav-link{ opacity:.6 } .navbar .navbar-nav .nav-link{ font-size:16px; line-height:20px; padding:10px 20px; position:relative; font-weight:500; opacity:1; word-break:normal; -webkit-transition:.3s; transition:.3s; color:var(--white) } .navbar .navbar-nav .nav-link .label{ display:inline-block; padding:1px 11px; font-size:12px; margin-left:8px; margin-top:0; vertical-align:middle } .navbar .navbar-nav .dropdown.submenu{ position:inherit } .navbar .navbar-nav .dropdown .dropdown-menu{ margin:0; padding:60px 0 65px; border:0; top:100%; border-radius: 6px !important; background-color:var(--white); box-shadow:0 45px 45px 0 rgba(0,0,0,.05); -webkit-animation:hide-animation .5s; animation:hide-animation .5s; -webkit-border-radius:0; border-radius:0 } .navbar .navbar-nav .dropdown .dropdown-menu li:last-child>a{ padding-bottom:0 } .navbar .navbar-nav .dropdown .dropdown-menu li.active>a{ color:var(--dark-gray) } .navbar .navbar-nav .dropdown .dropdown-menu li a:hover{ padding-left:3px } .navbar .navbar-nav .dropdown .dropdown-menu a{ color:var(--dark-gray); font-size:13px; line-height:18px; font-weight:400; /*padding-bottom:10px;*/ display:block } .menu-item-list .sub-menu a .label,.navbar .navbar-nav .dropdown .dropdown-menu a .label{ margin-top:0; font-weight:700; vertical-align:middle; white-space:nowrap; text-transform:uppercase } .navbar .navbar-nav .dropdown .dropdown-menu a:hover{ color:var(--white); background-color: #616d68; } .navbar .navbar-nav .dropdown .dropdown-menu a i{ width:25px; display:inline-block; vertical-align:middle; margin-right:7px; text-align:center } .navbar .navbar-nav .dropdown .dropdown-menu a .label{ display:inline-block; padding:5px 10px; font-size:10px; line-height:initial; margin-left:8px } .navbar .navbar-nav .dropdown.open .dropdown-menu{ display:block; -webkit-animation:show-animation .5s; animation:show-animation .5s } .navbar .navbar-nav .submenu-content{ width:100%; border-top:1px solid #e7e7e7!important; left:0 } .navbar .navbar-nav .submenu-content ul{ padding:0 30px 0 0; list-style:none } .navbar .navbar-nav .submenu-content ul:nth-child(4n+1){ clear:both } .navbar .navbar-nav .submenu-content ul .sub-title{ color:var(--dark-gray); font-size:16px; font-weight:600; margin-bottom:10px } .navbar .navbar-nav .submenu-content ul:last-child:before{ display:none } .navbar .navbar-nav .submenu-content .mega-menu{ width:1190px } .navbar .navbar-nav .simple-dropdown .dropdown-menu{ display:none; width:245px; padding:35px 0; -webkit-border-radius:0; border-radius:0; box-shadow:0 0 35px 0 rgba(0,0,0,.1) } .navbar .navbar-nav .simple-dropdown .dropdown-menu li{ padding:0 45px 0 40px } .navbar .navbar-nav .simple-dropdown .dropdown-menu li a{ padding-bottom:12px } .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown{ position:relative } .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown i{ position:absolute; right:35px; top:6px; width:auto; font-size:13px } .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown.open>a{ color:var(--dark-gray) } .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown.open>.dropdown-menu{ display:block } .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown.menu-left .dropdown-menu{ left:calc(-100% - 1px) } .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown .dropdown-menu{ -webkit-animation:none; animation:none } .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu{ display:none; position:absolute; left:calc(100% + 1px); top:-35px } .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu{ border-radius:5px; padding:0; overflow:hidden; width:260px } .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li{ padding:0 } .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a{ font-size:15px; line-height:26px; border-bottom:1px solid rgba(23,23,23,.1); padding:17px 20px } .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a i{ font-size:19px } .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a img{ width:35px; margin-right:15px } .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li:last-child a{ border-bottom:0 } .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu{ box-shadow:0 0 35px 0 rgba(0,0,0,.1); border-radius:5px; width:310px; padding:20px 35px } .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li{ justify-content:center; display:flex; border-bottom:0; padding:0 } .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li:first-child a{ border-top:0 } .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a{ margin:0; border-top:1px solid rgba(23,23,23,.1); padding:15px 30px 15px 0; font-size:16px; line-height:28px; font-weight:500; width:100%; position:relative; display:-webkit-box; display:-ms-flexbox; display:flex } .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a i{ width:40px; font-size:36px; margin-right:15px; color:var(--base-color); flex-shrink:0; text-align:left } .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a span{ color:var(--dark-gray); font-weight:600 } .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a p{ margin:0; font-size:13px; color:var(--medium-gray) } .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a img{ border-radius:100%; width:45px; margin-right:15px } .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a:before{ content:"\f135"; color:var(--black); font-family:bootstrap-icons; font-weight:400; font-size:23px; position:absolute; right:6px; opacity:0; -webkit-transition:all .3s cubic-bezier(.61,1,.88,1); transition:all .3s cubic-bezier(.61,1,.88,1) } .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a:hover:before{ right:0; opacity:1 } .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a.btn{ padding:15px 20px; justify-content:center; margin-top:10px; line-height:normal; border-top:0; font-size:14px; margin-bottom:5px } .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a.btn:before{ display:none } [data-header-hover=dark] .navbar-nav .dropdown .dropdown-menu li.active>a{ color:var(--white) } [data-header-hover=dark] .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a,[data-header-hover=dark] .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a{ border-bottom:1px solid rgba(255,255,255,.1) } [data-header-hover=dark] .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a span{ color:var(--white)!important } [data-header-hover=dark] .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a:before{ color:var(--white) } [data-header-hover=dark] .navbar-nav .dropdown-with-icon .dropdown-menu a,[data-header-hover=dark] .navbar-nav .dropdown-with-icon-style02 .dropdown-menu a,[data-header-hover=dark] .navbar-nav .simple-dropdown .dropdown-menu a{ color:var(--light-gray) } [data-header-hover=dark] .header-cart-icon .header-cart .cart-item-list .cart-item.cart-total span,[data-header-hover=dark] .navbar-nav .dropdown-with-icon .dropdown-menu .dropdown:hover>a,[data-header-hover=dark] .navbar-nav .dropdown-with-icon .dropdown-menu a:hover,[data-header-hover=dark] .navbar-nav .dropdown-with-icon-style02 .dropdown-menu .dropdown:hover>a,[data-header-hover=dark] .navbar-nav .dropdown-with-icon-style02 .dropdown-menu a:hover,[data-header-hover=dark] .navbar-nav .simple-dropdown .dropdown-menu .dropdown:hover>a,[data-header-hover=dark] .navbar-nav .simple-dropdown .dropdown-menu a:hover{ color:var(--white) } [data-header-hover=dark] .header-cart-icon .header-cart .cart-item-list .cart-item{ border-color:#3e3e3e } [data-header-hover=dark] .header-cart-icon .header-cart .cart-item-list .cart-item.cart-total{ background-color:var(--black) } [data-header-hover=dark] .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a{ color:var(--medium-gray) } [data-header-hover=dark] .header-cart-icon .header-cart .cart-item-list .cart-item .close,[data-header-hover=dark] .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a:hover{ color:var(--white) } [data-header-hover=dark] .header-language-icon .header-language .language-dropdown{ background-color:var(--dark-gray) } [data-header-hover=dark] .header-language-icon .header-language .language-dropdown a{ color:var(--light-gray) } [data-header-hover=dark] .header-language-icon .header-language .language-dropdown a:hover{ color:var(--white); opacity:1 } .submenu-dark{ background-color:var(--dark-gray)!important } .submenu-dark .navbar-brand .alt-logo{ visibility:visible; opacity:1; width:auto } .submenu-dark .navbar-brand .default-logo{ visibility:hidden; opacity:0; width:0 } .submenu-dark .navbar-nav .dropdown .dropdown-menu{ background-color:var(--dark-gray) } .submenu-dark .navbar-nav .dropdown .dropdown-menu a{ color:var(--light-gray) } .submenu-dark .navbar-nav .dropdown .dropdown-menu a:hover,.submenu-dark .navbar-nav .dropdown .dropdown-menu li.active>a,.submenu-dark .navbar-nav .submenu-content ul .sub-title{ color:var(--white) } .submenu-dark .navbar-nav .submenu-content{ border-color:#424242!important } .submenu-dark .navbar-nav .submenu-content ul:before{ background-color:var(--medium-gray) } .submenu-dark .header-cart-icon .header-cart .cart-item-list,.submenu-dark .navbar-nav .simple-dropdown .dropdown-menu{ background-color:var(--dark-gray) } .submenu-dark .navbar-nav .simple-dropdown .dropdown-menu a{ color:var(--light-gray) } .submenu-dark .header-cart-icon .header-cart .cart-item-list .cart-item.cart-total span,.submenu-dark .navbar-nav .simple-dropdown .dropdown-menu .dropdown:hover>a,.submenu-dark .navbar-nav .simple-dropdown .dropdown-menu a:hover{ color:var(--white) } .submenu-dark .header-cart-icon .header-cart .cart-item-list .cart-item{ border-color:#3e3e3e } .submenu-dark .header-cart-icon .header-cart .cart-item-list .cart-item.cart-total{ background-color:var(--black) } .submenu-dark .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a{ color:var(--medium-gray) } .submenu-dark .header-cart-icon .header-cart .cart-item-list .cart-item .close,.submenu-dark .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a:hover{ color:var(--white) } .submenu-dark .header-cart-icon .header-language .language-dropdown{ background-color:var(--dark-gray) } .submenu-dark .header-cart-icon .header-language .language-dropdown a{ color:var(--light-gray) } .submenu-dark .header-cart-icon .header-language .language-dropdown a:hover{ color:var(--white); opacity:1 } .submenu-light{ background-color:var(--white)!important } .header-dark .navbar-nav .dropdown .dropdown-menu,.submenu-light .header-icon .icon .push-button span{ background-color:var(--dark-gray) } .submenu-light .navbar-brand .alt-logo{ visibility:visible; opacity:1; width:auto } .submenu-light .navbar-brand .default-logo{ visibility:hidden; opacity:0; width:0 } .submenu-light .header-icon .icon>a,.submenu-light .navbar-nav .nav-link{ color:var(--dark-gray) } .submenu-light .header-icon .icon>a:hover{ color:var(--medium-gray) } .submenu-light .header-icon .icon .header-cart>a,.submenu-light .header-icon .icon .header-language>a{ color:var(--dark-gray) } .submenu-light .header-icon .icon .header-cart>a:hover,.submenu-light .header-icon .icon .header-language>a:hover{ color:var(--medium-gray) } .submenu-light .menu-item-list .nav-link{ color:var(--dark-gray) } .submenu-light .menu-item-list .nav-link:hover,.submenu-light .menu-item-list .sub-menu a{ color:var(--dark-gray); opacity:.6 } .submenu-light .menu-item-list .menu-item .toggle,.submenu-light .widget-text,.submenu-light .widget-text a{ color:var(--dark-gray) } .header-dark .navbar-nav .dropdown .dropdown-menu a{ color:var(--light-gray) } .header-dark .navbar-nav .dropdown .dropdown-menu a:hover,.header-dark .navbar-nav .dropdown .dropdown-menu li.active>a,.header-dark .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a span{ color:var(--white) } .header-dark .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a{ border-bottom:1px solid rgba(255,255,255,.1) } .header-dark .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li:last-child a{ border-bottom:0 } .header-dark .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a{ border-bottom:1px solid rgba(255,255,255,.1) } .header-dark .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a p{ color:var(--light-gray) } .header-dark .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a:before,.header-dark .navbar-nav .submenu-content ul .sub-title{ color:var(--white) } .header-dark .navbar-nav .submenu-content{ border-color:#424242!important } .header-dark .navbar-nav .submenu-content ul:before{ background-color:var(--medium-gray) } .header-dark .header-cart-icon .header-cart .cart-item-list,.header-dark .navbar-nav .simple-dropdown .dropdown-menu{ background-color:var(--dark-gray) } .header-dark .navbar-nav .simple-dropdown .dropdown-menu a{ color:var(--light-gray) } .header-dark .header-cart-icon .header-cart .cart-item-list .cart-item.cart-total span,.header-dark .navbar-nav .simple-dropdown .dropdown-menu .dropdown.open>a,.header-dark .navbar-nav .simple-dropdown .dropdown-menu .dropdown:hover>a,.header-dark .navbar-nav .simple-dropdown .dropdown-menu a:hover{ color:var(--white) } .header-dark .header-cart-icon .header-cart .cart-item-list .cart-item{ border-color:#3e3e3e } .header-dark .header-cart-icon .header-cart .cart-item-list .cart-item.cart-total{ background-color:var(--black) } .header-dark .header-language-icon .header-language .language-dropdown,.header-light .header-icon .icon .push-button span,.header-light .menu-item-list .menu-item .menu-toggle:after,.header-light .menu-item-list .menu-item .menu-toggle:before{ background-color:var(--dark-gray) } .header-dark .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a{ color:var(--medium-gray) } .header-dark .header-cart-icon .header-cart .cart-item-list .cart-item .close,.header-dark .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a:hover{ color:var(--white) } .header-dark .header-language-icon .header-language .language-dropdown a{ color:var(--light-gray) } .header-dark .header-language-icon .header-language .language-dropdown a:hover{ color:var(--white); opacity:1 } .header-light .header-icon .icon .header-account>a:hover,.header-light .header-icon .icon .header-cart>a:hover,.header-light .header-icon .icon .header-language>a:hover,.header-light .header-icon .icon>a:hover,.header-light .menu-item-list .nav-link:hover{ color:var(--dark-gray); opacity:.6 } .header-light .header-icon .icon>a,.header-light .navbar-nav .nav-link{ color:#e2e1e0 } .header-light .header-icon .icon .header-account>a,.header-light .header-icon .icon .header-cart>a,.header-light .header-icon .icon .header-language>a{ color:var(--dark-gray) } .header-light .menu-item-list .nav-link{ color:var(--dark-gray) } .header-light .menu-item-list .sub-menu a{ color:var(--medium-gray); opacity:1 } .header-light .menu-item-list .sub-menu .active>a,.header-light .menu-item-list .sub-menu a:hover,.header-light .widget-text,.header-light .widget-text a{ color:var(--dark-gray) } .header-icon{ display:flex; align-items:center } .header-icon .icon{ position:relative; line-height:0; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-item-align:stretch; -ms-grid-row-align:stretch; align-self:stretch; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .header-icon .icon>a{ padding-left:16px; font-size:17px; color:var(--white) } .header-icon .icon>a:hover{ color:var(--white); opacity:.6 } .header-icon .icon:first-child a:first-child{ padding-left:0 } .header-icon .icon .header-account,.header-icon .icon .header-cart,.header-icon .icon .header-language{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-item-align:stretch; -ms-grid-row-align:stretch; align-self:stretch; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .header-icon .icon .header-account>a,.header-icon .icon .header-cart>a,.header-icon .icon .header-language>a{ padding-left:14px; color:var(--white); font-size:17px } .header-icon .icon .header-account>a:hover,.header-icon .icon .header-cart>a:hover,.header-icon .icon .header-language>a:hover{ color:var(--white); opacity:.6 } .header-icon .header-mail{ padding-right:35px; top:0 } .header-icon .header-mail .mail{ font-size:14px } .header-icon .header-mail .mail i{ vertical-align:middle; padding-right:5px } .header-icon .header-social-icon a{ font-size:17px; padding-left:20px; flex-shrink:0 } .header-cart-icon .header-cart{ display:inline-block } .header-cart-icon .header-cart .cart-item-list{ display:none; left:auto; right:0; box-shadow:0 0 25px 0 rgba(0,0,0,.1); background-color:var(--white); border:0; margin:0; position:absolute; z-index:1; top:100% } .header-cart-icon .header-cart .cart-item-list .cart-item{ display:flex; border-top:1px solid #ededed; position:relative } .header-cart-icon .header-cart .cart-item-list .cart-item .close{ position:absolute; font-weight:400; color:var(--dark-gray) } .header-cart-icon .header-cart .cart-item-list .cart-item .product-image{ max-width:50px; width:30%; display:inline-block } .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail{ padding-left:15px; width:70%; text-align:left; display:inline-block } .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a{ color:var(--dark-gray); display:inline-block; padding:0 } .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail .item-ammount{ display:block; color:var(--medium-gray); line-height:normal } .header-cart-icon .header-cart .cart-item-list .cart-item:first-child{ border-top:0 } .header-cart-icon .header-cart .cart-item-list .cart-total{ flex-direction:column!important; color:var(--dark-gray) } .header-cart-icon .header-cart .cart-item-list .cart-total span{ line-height:20px; display:inline-block } .header-cart-icon .header-cart .cart-item-list .cart-total .btn{ width:100%; display:block; margin:8px 0 } .header-cart-icon .header-cart.open .cart-item-list{ display:block; -webkit-animation:show-animation .5s; animation:show-animation .5s } .header-cart-icon a{ position:relative } .header-cart-icon .cart-count{ position:absolute; top:-7px; right:-11px; width:17px; height:17px; font-weight:600; text-align:center; font-size:10px; line-height:18px; color:var(--white); -webkit-border-radius:100%; border-radius:100%; -webkit-transition:.5s; transition:.5s } .header-account-icon{ line-height:normal!important } .header-account-icon .header-account{ display:inline-block } .header-account-icon .header-account .account-item-list{ display:none; left:auto; right:0; box-shadow:0 0 25px 0 rgba(0,0,0,.1); border-radius:0; background-color:var(--white); border:0; padding:35px 0; min-width:220px; margin:0; position:absolute; z-index:1; top:100% } .header-account-icon .header-account .account-item-list .account-item{ display:inline-block; padding:0 45px 12px 40px; width:100%; position:relative; font-size:17px; font-weight:400 } .header-account-icon .header-account .account-item-list .account-item a{ padding-left:0 } .header-account-icon .header-account .account-item-list .account-item a:hover{ padding-left:3px } .header-account-icon .header-account .account-item-list .account-item:last-child{ padding-bottom:0 } .header-account-icon .header-account.open .account-item-list{ display:block; -webkit-animation:show-animation .5s; animation:show-animation .5s } .header-account-icon a{ position:relative } .header-language-icon .header-language{ display:inline-block } .header-language-icon .header-language .language-dropdown{ position:absolute; right:0; top:100%; padding:20px; list-style:none; background-color:var(--white); display:none; box-shadow:0 0 25px 0 rgba(0,0,0,.1); -webkit-animation:hide-animation .5s; animation:hide-animation .5s; z-index:9; text-align:left; margin:0; min-width:140px } .header-language-icon .header-language .language-dropdown li a{ color:var(--medium-gray); font-size:12px; line-height:28px; padding:0 } .header-language-icon .header-language .language-dropdown li a .icon-country{ width:16px; height:16px; display:inline-block; margin:0 10px 0 5px } .header-language-icon .header-language .language-dropdown li a:hover{ color:var(--dark-gray); opacity:1 } .connect-me a:hover,.header-push-button .push-button:hover,header a.widget-text:hover{ opacity:.6 } .header-language-icon .header-language.open .language-dropdown{ display:block; -webkit-animation:show-animation .5s; animation:show-animation .5s } .widget-text{ color:var(--white) } .header-push-button{ padding-left:16px } .header-push-button .push-button{ position:relative; display:block; width:22px; height:14px; padding:0; cursor:pointer; -webkit-transition:.3s; transition:.3s } .header-push-button .push-button span{ background:var(--white); height:2px; width:22px; content:""; display:block; border-radius:0; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; -webkit-transform:rotate(0); transform:rotate(0); -webkit-transition:.25s; transition:.25s } .header-push-button .push-button span:nth-child(2),.header-push-button .push-button span:nth-child(3){ top:6px } .header-push-button .push-button span:nth-child(4){ top:12px; width:14px; left:-8px } .show-menu .header-push-button .push-button span:nth-child(1),.show-menu .header-push-button .push-button span:nth-child(4){ top:7px; width:0% } .show-menu .header-push-button .push-button span:nth-child(2){ -webkit-transform:rotate(45deg); transform:rotate(45deg) } .show-menu .header-push-button .push-button span:nth-child(3){ -webkit-transform:rotate(-45deg); transform:rotate(-45deg) } .show-menu{ overflow:hidden } .show-menu .push-menu{ right:0; -webkit-box-shadow:0 0 60px rgba(0,0,0,.3); box-shadow:0 0 60px rgba(0,0,0,.3) } .show-menu .push-menu .close-menu{ opacity:1; -webkit-transform:scale(1); transform:scale(1); -webkit-transition:all .4s cubic-bezier(.37,0,.63,1); transition:all .4s cubic-bezier(.37,0,.63,1); -webkit-transition-delay:.5s; transition-delay:.5s; visibility:visible; cursor:pointer } .show-menu .push-menu.push-menu-left{ right:auto; left:0 } .push-menu{ position:fixed; top:0; right:-100%; width:400px; height:100%; z-index:1031; overflow-y:auto; -webkit-transition:.5s; transition:.5s } .push-menu.push-menu-left{ right:auto; left:-100% } .push-menu .left-circle{ width:500px!important; height:500px; position:absolute; left:-160px; top:-80px; -webkit-border-radius:100%; border-radius:100% } .push-menu .left-circle:after,.push-menu .left-circle:before{ width:100%; height:100%; border:1px solid var(--light-medium-gray); content:""; display:block; position:absolute; top:0; left:0; transform:translate(10px,5px); -webkit-border-radius:100%; border-radius:100% } .push-menu .left-circle:after{ transform:translate(5px,5px) } .push-menu .close-menu{ height:40px; width:40px; text-align:center; position:absolute; right:50px; top:50px; z-index:9; display:flex; border-radius:100%; align-items:center; justify-content:center; opacity:0; visibility:hidden; -webkit-transform:scale(.8); transform:scale(.8) } .push-menu .push-menu-wrapper{ height:100%; overflow-y:hidden; padding:20px 0 } .push-menu .push-menu-wrapper .mCustomScrollBox{ display:flex } .push-menu .push-menu-wrapper .mCustomScrollBox .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y{ align-self:center } .push-menu .push-menu-wrapper .mCustomScrollBox .mCSB_container{ width:100%; align-self:flex-start } .push-menu .push-menu-wrapper .mCSB_inside>.mCSB_container{ margin:0!important; padding:0 15px!important } .push-menu.push-menu-style-2 .push-menu-wrapper .mCustomScrollBox .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y{ align-self:start } .push-menu.push-menu-style-3 .push-menu-wrapper .mCustomScrollBox .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y{ height:100%; display:flex; flex-wrap:wrap; align-content:space-between } .center-logo .navbar-nav .nav-link{ padding:38px 20px } .center-logo .menu-logo .d-none{ -ms-flex-item-align:center; -ms-grid-row-align:center; align-self:center } .center-logo .navbar-brand{ position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); transition:none } .center-logo .navbar-left,.center-logo .navbar-right{ width:42% } .top-logo .navbar-brand{ padding:22px 0 } .top-logo .navbar-nav .nav-link{ padding-top:25px!important; padding-bottom:25px!important } .left-sidebar-wrapper{ padding-left:300px; position:relative; min-height:300px; width:100% } .left-sidebar-wrapper .collapse:not(.show){ display:block!important } header.sticky .left-sidebar-nav .navbar-nav .nav-link{ padding:0 } .left-sidebar-header{ position:absolute; left:0; width:301px; top:-100%; bottom:0; z-index:999; display:block } .left-sidebar-header .menu-item-list .menu-item .nav-link{ font-size:16px; line-height:20px } .left-sidebar-header .menu-item-list .menu-item .menu-toggle{ top:10px } .left-sidebar-header .menu-item-list .menu-item .sub-menu .menu-toggle{ top:0 } .left-sidebar-nav{ width:300px; padding:80px 50px; left:0; position:fixed; overflow:hidden; display:block; height:inherit; -webkit-transition:.3s; transition:.3s } .left-sidebar-nav .left-menu-bottom{ width:100% } .left-sidebar-nav .left-menu-bottom .header-icon .icon a{ padding:0 15px } .left-sidebar-nav .navbar-brand{ padding:0!important } .menu-item-list,.menu-item-list .menu-item ul{ padding:0; list-style:none } .left-sidebar-nav .side-menu{ margin-top:10.5rem; margin-bottom:10.5rem; width:100% } .left-sidebar-nav .navbar-toggler{ display:none } .social-text{ width:100%; display:inline-block; color:var(--medium-gray); font-size:13px; line-height:16px } .connect-me .widget-text,.connect-me a{ display:table; color:var(--dark-gray) } .menu-item-list{ display:block; width:100%; margin-bottom:0 } .menu-item-list .menu-item{ position:relative; margin:0 } .menu-item-list .menu-item .menu-toggle{ display:block; position:absolute; right:0; top:14px; cursor:pointer; z-index:1; width:30px; height:30px; line-height:30px } .menu-item-list .menu-item .menu-toggle:after,.menu-item-list .menu-item .menu-toggle:before{ content:""; display:block; position:absolute; right:10px; top:15px; height:1px; width:11px; background-color:var(--white) } .menu-item-list .menu-item .menu-toggle:after{ -webkit-transform:rotate(-90deg); transform:rotate(-90deg) } .menu-item-list .menu-item .menu-toggle.show:after{ -webkit-transform:rotate(0); transform:rotate(0) } .menu-item-list .menu-item .sub-menu .menu-toggle{ top:0 } .menu-item-list .menu-item .sub-menu .menu-toggle:after,.menu-item-list .menu-item .sub-menu .menu-toggle:before{ width:7px } .menu-item-list .menu-item .sub-menu .active>a{ opacity:1 } .menu-item-list .active .nav-link{ opacity:.6 } .menu-item-list .nav-link{ padding:5px 20px 5px 0; font-size:20px; line-height:28px; display:inline-block; width:100%; margin:9px 0; color:var(--white); -webkit-transition:.3s; transition:.3s } .menu-item-list .nav-link:hover{ color:var(--white); opacity:.6 } .menu-item-list .sub-menu{ padding:0; display:block; height:0; overflow:hidden; list-style:none; margin:0; position:relative!important; transform:none!important; background-color:transparent; border:0 } .menu-item-list .sub-menu li{ position:relative; margin:0; padding:5px 0 } .menu-item-list .sub-menu li .sub-menu{ margin:0; padding-left:15px } .menu-item-list .sub-menu li .sub-menu li{ padding:10px 0 0 } .menu-item-list .sub-menu li .sub-menu li a{ padding:0 } .menu-item-list .sub-menu li .sub-menu li a i{ margin-right:10px } .menu-item-list .sub-menu li .sub-menu li:first-child{ margin-top:10px } .menu-item-list .sub-menu li .sub-menu li:last-child{ margin-bottom:10px } .menu-item-list .sub-menu li:last-child,.menu-item-list .sub-menu li:last-child .sub-menu li:last-child{ margin-bottom:0 } .menu-item-list .sub-menu a{ font-size:15px; line-height:22px; display:block; color:var(--light-gray); margin:0; padding-right:20px } .header-dark .connect-me .widget-text,.header-dark .connect-me a,.header-dark .social-text,.menu-item-list .sub-menu a:hover{ color:var(--white) } .menu-item-list .sub-menu a .label{ display:inline-block; padding:5px 10px; font-size:10px; line-height:initial; margin-left:8px } .left-modern-menu .collapse:not(.show),.search-form-wrapper{ display:block!important } .menu-item-list .sub-menu.show{ height:auto; overflow:visible } .left-modern-menu{ padding-left:75px } .left-modern-menu .left-modern-header .navbar-brand{ position:relative; z-index:9; width:100%; padding:0!important; text-align:center } .left-modern-menu .left-modern-header .navbar-brand img{ max-height:45px } .left-modern-menu .left-modern-header .modern-sidebar-nav{ position:fixed; height:100%; width:380px; overflow-y:auto; top:0; left:-400px; transition-duration:.3s; z-index:9 } .left-modern-menu .left-modern-header .modern-sidebar-nav:hover .side-menu-hover-background-color{ opacity:1 } .left-modern-menu .left-modern-header .modern-side-menu{ padding:75px 40px; height:100%; overflow-y:hidden } .left-modern-menu .left-modern-header .modern-side-menu .mCustomScrollBox{ display:flex; width:100% } .left-modern-menu .left-modern-header .modern-side-menu .mCustomScrollBox .mCSB_container{ align-self:flex-start; width:100%; margin:0; padding:0 30px } .left-modern-menu .left-modern-header.show .navbar-toggler-line:nth-child(1),.left-modern-menu .left-modern-header.show .navbar-toggler-line:nth-child(4){ top:7px; width:0% } .left-modern-menu .left-modern-header .modern-side-menu .mCustomScrollBox .mCSB_container.mCS_no_scrollbar_y{ align-self:center } .left-modern-menu .left-modern-header.show .modern-sidebar-nav{ left:75px; box-shadow:0 0 150px rgba(0,0,0,.2) } .left-modern-menu .left-modern-header.show .navbar-toggler-line:nth-child(2){ -webkit-transform:rotate(45deg); transform:rotate(45deg) } .left-modern-menu .left-modern-header.show .navbar-toggler-line:nth-child(3){ -webkit-transform:rotate(-45deg); transform:rotate(-45deg) } .side-menu-hover-background-color{ position:absolute; width:100%; height:100%; opacity:0; -webkit-transition-duration:.6s; transition-duration:.6s } .header-dark .connect-me a:hover{ opacity:.6 } .header-dark.left-modern-sidebar .navbar-toggler-line{ background-color:var(--white) } .vertical-title{ display:flex; height:100%; flex:1; justify-content:flex-end; flex-direction:column; -webkit-transform:translateY(-75px); transform:translateY(-75px) } .vertical-title .title{ -webkit-transform:rotate(-90deg); transform:rotate(-90deg); white-space:nowrap; text-transform:uppercase } .menu-list-wrapper{ overflow:auto; height:calc(100vh - 150px); padding:50px 0 } .menu-list-wrapper .mCustomScrollBox{ display:flex; width:100% } .menu-list-wrapper .mCustomScrollBox .mCSB_container{ align-self:flex-start; width:100%; margin:0 } .menu-list-wrapper .mCustomScrollBox .mCSB_container.mCS_no_scrollbar_y{ align-self:center } .left-modern-sidebar{ position:fixed; top:0; left:0; z-index:999; height:100%; width:75px; padding:35px 0 } .left-modern-sidebar .toggle-icon{ position:absolute; top:50%; left:50%; z-index:9; -webkit-transform:translate(-12px,-50%); transform:translate(-12px,-50%) } .left-modern-sidebar .toggle-icon .navbar-toggler{ position:relative; margin:0 auto; z-index:99; cursor:pointer } .mfp-wrap,.show-search-popup .search-form-wrapper{ cursor:url(../images/mfg-close.png),auto } .hamburger-nav{ width:50%; -webkit-transition:.5s; transition:.5s } .hamburger-nav .menu-item-list{ margin-bottom:0; padding:0 30px } .hamburger-nav .menu-item-list .menu-item{ margin:0 } .hamburger-menu .header-icon{ position:absolute; left:0; bottom:-50px } .show-menu .hamburger-menu-half .hamburger-logo{ transform:translateY(0); opacity:1; transition-delay:.2s } .show-menu .hamburger-menu-half .menu-address{ transform:translateY(0); opacity:1; transition-delay:.4s } .show-menu .hamburger-menu-half .elements-social,.show-menu .hamburger-menu-half .menu-text{ transform:translateY(0); opacity:1; transition-delay:.8s } .show-menu .hamburger-menu-half .menu-item-list .menu-item{ transform:translateY(0); -webkit-transform:translateY(0); opacity:1 } .show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(1){ transition-delay:.27s } .show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(2){ transition-delay:.34s } .show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(3){ transition-delay:.41s } .show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(4){ transition-delay:.48s } .show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(5){ transition-delay:.55s } .show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(6){ transition-delay:.62s } .show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(7){ transition-delay:.69s } .show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(8){ transition-delay:.76s } .show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(9){ transition-delay:.83s } .show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(10){ transition-delay:.9s } .show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(11){ transition-delay:.97s } .show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(12){ transition-delay:1.04s } .show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(13){ transition-delay:1.11s } .show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(14){ transition-delay:1.18s } .show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(15){ transition-delay:1.25s } .hamburger-menu-half .hamburger-logo,.hamburger-menu-half .menu-address{ transform:translateY(30px); opacity:0; transition:transform .8s cubic-bezier(.4,.01,.165,.99),opacity .6s cubic-bezier(.4,.01,.165,.99) } .hamburger-menu-half .elements-social,.hamburger-menu-simple .hamburger-menu{ transition:transform .5s cubic-bezier(.4,.01,.165,.99),opacity .6s cubic-bezier(.4,.01,.165,.99) } .hamburger-menu-half .elements-social{ transform:translateY(30px); opacity:0 } .hamburger-menu-half .menu-item-list .menu-item{ transform:translateY(30px); opacity:0; transition:transform .8s cubic-bezier(.4,.01,.165,.99),opacity .4s cubic-bezier(.8,.01,.165,.99) } .hamburger-menu-half .menu-item-list .menu-item:nth-child(1){ transition-delay:.49s } .hamburger-menu-half .menu-item-list .menu-item:nth-child(2){ transition-delay:.42s } .hamburger-menu-half .menu-item-list .menu-item:nth-child(3){ transition-delay:.35s } .hamburger-menu-half .menu-item-list .menu-item:nth-child(4){ transition-delay:.28s } .hamburger-menu-half .menu-item-list .menu-item:nth-child(5){ transition-delay:.21s } .hamburger-menu-half .menu-item-list .menu-item:nth-child(6){ transition-delay:.14s } .hamburger-menu-half .menu-item-list .menu-item:nth-child(7){ transition-delay:70ms } .hamburger-menu-half .menu-item-list .menu-item:nth-child(8){ transition-delay:0s } .hamburger-menu-half .menu-item-list .menu-item:nth-child(9){ transition-delay:-70ms } .hamburger-menu-half .menu-item-list .menu-item:nth-child(10){ transition-delay:-.14s } .hamburger-menu-half .menu-item-list .menu-item:nth-child(11){ transition-delay:-.21s } .hamburger-menu-half .menu-item-list .menu-item:nth-child(12){ transition-delay:-.28s } .hamburger-menu-half .menu-item-list .menu-item:nth-child(13){ transition-delay:-.35s } .hamburger-menu-half .menu-item-list .menu-item:nth-child(14){ transition-delay:-.42s } .hamburger-menu-half .menu-item-list .menu-item:nth-child(15){ transition-delay:-.49s } .show-menu .hamburger-menu-simple{ opacity:1; visibility:visible; top:0 } .show-menu .hamburger-menu-simple .hamburger-menu{ opacity:1 } .show-menu .hamburger-menu-simple .hamburger-logo{ transform:translateY(0); opacity:1; transition-delay:.2s } .show-menu .hamburger-menu-simple .menu-address{ transform:translateY(0); opacity:1; transition-delay:.4s } .show-menu .hamburger-menu-simple .elements-social,.show-menu .hamburger-menu-simple .menu-text{ transform:translateY(0); opacity:1; transition-delay:.8s } .show-menu .hamburger-menu-simple .menu-item-list .menu-item{ transform:scale(1) translateY(0); -webkit-transform:scale(1) translateY(0); opacity:1 } .show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(1){ transition-delay:.27s } .show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(2){ transition-delay:.34s } .show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(3){ transition-delay:.41s } .show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(4){ transition-delay:.48s } .show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(5){ transition-delay:.55s } .show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(6){ transition-delay:.62s } .show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(7){ transition-delay:.69s } .show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(8){ transition-delay:.76s } .show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(9){ transition-delay:.83s } .show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(10){ transition-delay:.9s } .show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(11){ transition-delay:.97s } .show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(12){ transition-delay:1.04s } .show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(13){ transition-delay:1.11s } .show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(14){ transition-delay:1.18s } .show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(15){ transition-delay:1.25s } .hamburger-menu-simple{ width:100%; right:0; opacity:1; visibility:collapse; height:100vh; max-height:100dvh; top:-100%; -webkit-transition:.3s; transition:.3s } .hamburger-menu-simple .navbar-brand{ position:absolute; top:100px; left:0; right:0 } .hamburger-menu-simple .hamburger-menu{ padding:30px 0; transition-delay:.4s; opacity:0 } .hamburger-menu-simple .elements-social,.hamburger-menu-simple .hamburger-logo,.hamburger-menu-simple .menu-address,.hamburger-menu-simple .menu-text{ transform:translateY(-50px); opacity:0; transition:transform .5s cubic-bezier(.4,.01,.165,.99),opacity .6s cubic-bezier(.4,.01,.165,.99) } .hamburger-menu-simple .menu-item-list .menu-item{ transform:scale(1.15) translateY(-30px); opacity:0; transition:transform .5s cubic-bezier(.4,.01,.165,.99),opacity .6s cubic-bezier(.4,.01,.165,.99) } .hamburger-menu-simple .menu-item-list .menu-item:nth-child(1){ transition-delay:.49s } .hamburger-menu-simple .menu-item-list .menu-item:nth-child(2){ transition-delay:.42s } .hamburger-menu-simple .menu-item-list .menu-item:nth-child(3){ transition-delay:.35s } .hamburger-menu-simple .menu-item-list .menu-item:nth-child(4){ transition-delay:.28s } .hamburger-menu-simple .menu-item-list .menu-item:nth-child(5){ transition-delay:.21s } .hamburger-menu-simple .menu-item-list .menu-item:nth-child(6){ transition-delay:.14s } .hamburger-menu-simple .menu-item-list .menu-item:nth-child(7){ transition-delay:70ms } .hamburger-menu-simple .menu-item-list .menu-item:nth-child(8){ transition-delay:0s } .hamburger-menu-simple .menu-item-list .menu-item:nth-child(9){ transition-delay:-70ms } .hamburger-menu-simple .menu-item-list .menu-item:nth-child(10){ transition-delay:-.14s } .hamburger-menu-simple .menu-item-list .menu-item:nth-child(11){ transition-delay:-.21s } .hamburger-menu-simple .menu-item-list .menu-item:nth-child(12){ transition-delay:-.28s } .hamburger-menu-simple .menu-item-list .menu-item:nth-child(13){ transition-delay:-.35s } .hamburger-menu-simple .menu-item-list .menu-item:nth-child(14){ transition-delay:-.42s } .hamburger-menu-simple .menu-item-list .menu-item:nth-child(15){ transition-delay:-.49s } .hamburger-menu-simple .menu-item-list .nav-link{ font-size:20px; width:auto; position:relative } .hamburger-menu-simple .menu-item-list .nav-link:hover{ opacity:.6 } .hamburger-logo img{ max-height:45px } .right-push-menu .menu-item-list .menu-item .toggle{ top:18px } .right-push-menu .menu-item-list .sub-menu li .toggle{ top:4px } .right-push-menu .menu-item-list .nav-link{ font-size:1.5rem; line-height:2.5rem } .right-push-menu .left-menu-bottom{ margin-top:30px } .right-push-menu .left-menu-bottom .header-icon{ position:relative; bottom:0 } .show-search-popup{ overflow:hidden } .show-search-popup header .navbar{ z-index:110 } .show-search-popup .search-form-wrapper{ opacity:1; visibility:visible } .show-search-popup .search-form-wrapper .search-form{ height:50%; cursor:default; visibility:visible; opacity:1 } .search-form-wrapper{ background:rgba(35,35,35,.9); width:100%; left:0; top:0; overflow:hidden!important; height:100vh; position:fixed; visibility:hidden; opacity:0; z-index:999; -webkit-transition:.2s; transition:.2s } .search-form-wrapper .search-form{ height:0; background-color:var(--white); width:100%; left:0; top:0; display:flex; align-items:center; justify-content:center; position:absolute; opacity:0; visibility:hidden; -webkit-transition:.6s; transition:.6s } .search-form-wrapper .search-form .search-input{ outline:0; border:0; border-bottom:1px solid rgba(23,23,23,.2); color:var(--dark-gray); font-size:18px; padding:20px 0; background:0 0; line-height:2.5rem; -webkit-border-radius:0; border-radius:0; height:80px; width:100% } .search-form-wrapper .search-form .search-input::-moz-placeholder{ color:var(--light-gray); opacity:1 } .search-form-wrapper .search-form .search-input::-webkit-input-placeholder{ color:var(--light-gray) } .search-form-wrapper .search-form .search-button{ color:var(--dark-gray); bottom:24px; position:absolute; font-size:25px; right:0; line-height:normal; outline:0; cursor:pointer; z-index:0; margin-right:0; border:none; background:0 0 } .search-form-wrapper .search-form:hover{ color:var(--light-gray) } .search-form-wrapper .search-close{ color:var(--black); position:fixed; top:30px; right:35px; overflow:visible; cursor:pointer; background:0 0; border:0; -webkit-appearance:none; display:block; outline:0; padding:0; z-index:1046; box-shadow:none; font-size:40px; font-weight:300; width:44px; height:44px; line-height:44px } .search-form-wrapper .search-form-box{ position:relative; width:45% } @-webkit-keyframes hide-animation{ 0%{ opacity:1 } to{ opacity:0 } } @-webkit-keyframes show-animation{ 0%{ opacity:0 } to{ opacity:1 } } button:focus{ outline:0 } .navbar-toggler{ font-size:24px; width:22px; height:14px; display:inline-block; position:relative; padding:0; margin:0; border:none; vertical-align:middle; border-radius:0; -webkit-transition:.3s; transition:.3s } .navbar-toggler:focus{ box-shadow:none } .navbar-toggler-line{ height:2px; width:22px; content:""; display:block; border-radius:0; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; -webkit-transform:rotate(0); transform:rotate(0); -webkit-transition:.25s; transition:.25s } .navbar-full-screen-menu-inner,.navbar-modern-inner,.navbar-modern-inner .navbar-toggler{ display:none } .navbar-toggler-line:nth-child(1){ top:0; width:14px } .navbar-toggler-line:nth-child(2),.navbar-toggler-line:nth-child(3){ top:6px } .navbar-toggler-line:nth-child(4){ top:12px; width:14px } .navbar-collapse-show .navbar-toggler-line:nth-child(1),.navbar-collapse-show .navbar-toggler-line:nth-child(4){ top:7px; width:0% } .navbar-collapse-show .navbar-toggler-line:nth-child(2){ -webkit-transform:rotate(45deg); transform:rotate(45deg) } .navbar-collapse-show .navbar-toggler-line:nth-child(3){ -webkit-transform:rotate(-45deg); transform:rotate(-45deg) } .header-with-topbar+.top-space-margin{ margin-top:136px } .header-with-topbar+.top-space-padding{ padding-top:136px } .alert-box-style-03 .alert:before,.breadcrumb-style-01 ul li,.breadcrumb-style-01 ul li:after,.btn,.down-section a,.page-title-button-style h1,.sidebar-list li,.sidebar-list li a,.tag-cloud a{ display:inline-block } .top-space-margin{ margin-top:96px } .top-space-padding{ padding-top:96px } .header-demo.navbar .navbar-nav .premium-element{ padding:35px 40px; border-radius:13px } .header-demo.navbar .navbar-nav .premium-element a{ color:#585858; padding-bottom:8px } .header-demo.navbar .navbar-nav .premium-element .sub-title{ font-size:18px } .header-demo.navbar .navbar-nav .nav-item:first-child .dropdown-menu a{ color:var(--dark-gray) } .header-demo.navbar .navbar-nav .nav-link{ font-weight:600 } .alert strong,.btn,.header-demo.navbar .navbar-nav .dropdown .dropdown-menu a{ font-weight:500 } .header-demo.navbar.header-dark .navbar-nav .nav-item:first-child .dropdown-menu a{ color:var(--white) } .interactive-banner-style-06:hover .icon-hover-base-color,.sidebar-list li a:hover{ color:var(--base-color)!important } .breadcrumb{ margin:0 } .breadcrumb ul{ margin:0; padding:0 } .breadcrumb-style-01 ul li:after{ content:"\e844"; font-family:feather; font-size:13px; font-weight:900; vertical-align:middle; padding:0 8px 0 10px } .breadcrumb-style-01 ul li:last-child:after{ content:""; padding:0 } .page-title-double-large h1{ font-size:3.6rem; line-height:3.3rem } .page-title-double-large h2{ font-size:17px; line-height:26px } .page-title-extra-large h1{ font-size:3.3rem; line-height:3.3rem } .page-title-extra-large h2{ font-size:18px; line-height:26px } .page-title-large h1{ font-size:2.8rem; line-height:3rem } .page-title-large h2{ font-size:16px; line-height:22px } .page-title-medium h1{ font-size:2rem; line-height:2.2rem } .page-title-medium h2{ font-size:16px; line-height:22px } .page-title-small h1{ font-size:1.625rem; line-height:1.875rem } .page-title-small h2{ font-size:16px; line-height:22px } .page-title-extra-small h1{ font-size:17px; line-height:20px } .page-title-extra-small h2{ font-size:3.8rem; line-height:3.8rem } .page-title-button-style.page-title-button-style{ -webkit-transition:all .3s; transition:all .3s } .page-title-button-style h1{ padding:13px 30px } .page-title-mini-version h1{ font-size:20px; line-height:30px } .down-section{ position:absolute; bottom:60px; left:0; right:0; width:100% } .down-section.down-bottom{ bottom:0; -webkit-transform:translateY(50%); transform:translateY(50%) } .down-section-line .section-line{ position:relative } .down-section-line .section-line:before{ position:absolute; left:0; top:0; content:""; height:0; width:100%; -webkit-transition:all .5s; transition:all .5s; background-color:var(--base-color) } .down-section-line:hover .section-line:before{ height:100% } .sidebar-list li{ position:relative; width:100%; margin-bottom:15px; line-height:18px } .sidebar-list li a{ text-align:left } .sidebar-list li .item-qty{ font-size:14px; position:absolute; top:1px; right:0; text-align:right } .sidebar-list li:last-child{ margin-bottom:0 } .latest-post-sidebar{ list-style:none; padding:0; margin:0 } .latest-post-sidebar li{ margin-bottom:25px } .latest-post-sidebar li figure{ height:65px; width:80px; margin:0 } .latest-post-sidebar li .media-body{ line-height:normal; padding-left:30px; position:relative; top:-3px } .latest-post-sidebar li:last-child{ margin-bottom:0 } .popular-post-sidebar{ list-style:none; padding:0; margin:0 } .popular-post-sidebar li{ margin-bottom:25px } .popular-post-sidebar li figure{ height:100px; width:100px; margin:0 } .popular-post-sidebar li .media-body{ line-height:normal; padding-left:30px; position:relative } .popular-post-sidebar li:last-child{ margin-bottom:0 } .category-list-sidebar{ list-style:none; padding:0; margin:0 } .category-list-sidebar li{ margin-bottom:15px } .category-list-sidebar li .btn{ right:-10%; opacity:0; -webkit-transform:scale(.9); transform:scale(.9); -webkit-transition:all .3s cubic-bezier(.37,.8,.63,1); transition:all .3s cubic-bezier(.37,.8,.63,1) } .category-list-sidebar li:last-child{ margin-bottom:0 } .category-list-sidebar li:hover .btn{ right:-8%; opacity:1; -webkit-transform:scale(1); transform:scale(1) } .post-sidebar.blog-side-image li{ margin-bottom:35px; width:100% } .post-sidebar.blog-side-image li .blog-box .blog-image{ min-height:1px } .post-sidebar.blog-side-image li:last-child{ margin-bottom:0 } .tag-cloud a{ text-align:center; font-size:14px; line-height:20px; margin:0 6px 10px 0; padding:7px 18px; border-radius:4px; border:1px solid var(--extra-medium-gray) } .tag-cloud a.active,.tag-cloud a:hover{ box-shadow:0 0 10px rgba(23,23,23,.1); color:var(--dark-gray); background-color:var(--white) } .grid{ list-style:none; padding:0; margin:0 } .grid li img{ width:100% } .grid .grid-sizer{ padding:0!important; margin:0!important } .grid.gutter-very-small li{ padding:3px } .grid.gutter-small li{ padding:5px } .grid.gutter-medium li{ padding:7px } .grid.gutter-large li{ padding:10px } .grid.gutter-extra-large li{ padding:15px } .grid.gutter-double-extra-large li{ padding:20px } .grid.gutter-triple-extra-large li{ padding:30px } .grid.grid-6col li{ width:16.67% } .grid.grid-6col li.grid-item-double{ width:33.33% } .grid.grid-6col li.grid-item-single{ width:100% } .grid.grid-5col li{ width:20% } .grid.grid-5col li.grid-item-double{ width:40% } .grid.grid-5col li.grid-item-single{ width:100% } .grid.grid-4col li{ width:25% } .grid.grid-4col li.grid-item-double{ width:50% } .grid.grid-4col li.grid-item-single{ width:100% } .grid.grid-3col li{ width:33.33% } .grid.grid-3col li.grid-item-double{ width:66.67% } .grid.grid-3col li.grid-item-single{ width:100% } .grid.grid-2col li{ width:50% } .grid.grid-2col li.grid-item-double,.grid.grid-2col li.grid-item-single{ width:100% } .grid .gutter-large{ margin:0 10px } .accordion .accordion-item{ color:inherit; border:none } .accordion .accordion-item .accordion-header{ background-color:transparent; border:none; padding:0; margin-bottom:0 } .accordion .accordion-item .accordion-header .accordion-title{ cursor:pointer; padding-right:25px } .accordion .accordion-item .accordion-header .accordion-title i{ position:absolute; top:50%; right:0; -webkit-transform:translateY(-50%); transform:translateY(-50%) } .accordion .accordion-item .accordion-collapse{ border:0 } .accordion-style-01 .accordion-item{ margin-bottom:20px; overflow:inherit; padding:20px 35px; -webkit-border-radius:4px!important; border-radius:4px!important; -webkit-transition:all .6s cubic-bezier(.165,.84,.44,1); transition:all .6s cubic-bezier(.165,.84,.44,1); -webkit-box-shadow:0 0 20px 0 rgba(111,111,111,.15); box-shadow:0 0 20px 0 rgba(111,111,111,.15) } .accordion-style-01 .accordion-item:last-child{ margin-bottom:0 } .accordion-style-01 .accordion-item .collapse{ overflow:hidden } .accordion-style-01 .accordion-item .accordion-body{ padding:12px 45px 10px 0 } .accordion-style-01 .accordion-item .accordion-header .accordion-title>i{ position:static; -webkit-transform:none; transform:none } .accordion-style-02 .accordion-item{ background-color:transparent } .accordion-style-02 .accordion-item .accordion-header{ margin-bottom:0; padding:15px 0 } .accordion-style-02 .accordion-item .accordion-header .accordion-title i{ right:0 } .accordion-style-02 .accordion-item.active-accordion .accordion-header{ border-bottom-color:transparent!important } .accordion-style-02 .accordion-item .accordion-body{ padding:0 25px 30px 0 } .accordion-style-02 .right-icon{ background-color:var(--white); color:var(--dark-gray) } .accordion-style-02 .right-icon:hover,.btn.btn-base-color{ background-color:var(--base-color); color:var(--white) } .accordion-style-03 .accordion-item{ margin-bottom:20px; border:1px solid rgba(255,255,255,.15)!important; -webkit-border-radius:0; border-radius:0; background-color:transparent } .accordion-style-03 .accordion-item .accordion-header{ padding:15px 30px; -webkit-border-radius:0; border-radius:0 } .accordion-style-03 .accordion-item .accordion-body{ padding:30px; border-top:1px solid rgba(255,255,255,.15)!important } .accordion-style-04 .accordion-item{ -webkit-transition:all .6s cubic-bezier(.165,.84,.44,1); transition:all .6s cubic-bezier(.165,.84,.44,1); -webkit-border-radius:0; border-radius:0; background-color:transparent } .accordion-style-04 .accordion-item .accordion-header{ padding:18px 35px } .accordion-style-04 .accordion-item .accordion-body{ padding:25px 40px 30px } .accordion-style-04 .accordion-item.active-accordion{ -webkit-box-shadow:0 5px 25px 0 rgba(111,111,111,.15); box-shadow:0 5px 25px 0 rgba(111,111,111,.15); background:var(--white) } .accordion-style-05 .accordion-item{ margin-bottom:20px; overflow:hidden; padding:22px 35px 22px 65px; position:relative; -webkit-border-radius:4px!important; border-radius:4px!important; -webkit-transition:all .6s cubic-bezier(.165,.84,.44,1); transition:all .6s cubic-bezier(.165,.84,.44,1); -webkit-box-shadow:0 0 45px 0 rgba(111,111,111,.15); box-shadow:0 0 45px 0 rgba(111,111,111,.15) } .accordion-style-05 .accordion-item:last-child{ margin-bottom:0 } .accordion-style-05 .accordion-item .collapse{ overflow:hidden } .accordion-style-05 .accordion-item .accordion-body{ padding:10px 45px 10px 0 } .accordion-style-05 .accordion-item .number{ position:absolute; left:-13px; top:15px } .accordion-style-05 .accordion-item.active-accordion{ -webkit-box-shadow:0 15px 40px 5px rgba(111,111,111,.15); box-shadow:0 15px 40px 5px rgba(111,111,111,.15) } .accordion-style-05 .accordion-item.active-accordion .number{ -webkit-text-fill-color:var(--base-color); -webkit-text-stroke-color:var(--base-color) } .accordion-style-06 .accordion-item{ margin-bottom:0; overflow:hidden; padding:15px 100px 15px 45px; position:relative; -webkit-border-radius:4px!important; border-radius:4px!important } .accordion-style-06 .accordion-item:last-child{ margin-bottom:0 } .accordion-style-06 .accordion-item .collapse{ overflow:hidden; border-radius:0 } .accordion-style-06 .accordion-item .accordion-body{ padding:10px 0 } .accordion-style-06 .accordion-item i{ position:absolute; right:-32px; top:50%; opacity:0; -webkit-transition:.3s; transition:.3s; color:var(--dark-gray); -webkit-transform:rotate(-35deg) translateY(-50%); transform:rotate(-35deg) translateY(-50%) } .alert-success,.alert.alert-success{ background-color:#f1fbec; color:#54b783; border-color:#cce8b3 } .accordion-style-06 .accordion-item .collapsing i{ opacity:0 } .accordion-style-06 .accordion-item.active-accordion{ padding-top:30px; padding-bottom:30px; background-image:linear-gradient(to bottom,#f2f8f7,#f5fafa,#f9fbfd,#fcfdfe,#fff) } .accordion-style-06 .accordion-item.active-accordion i{ opacity:.15 } .alert-success{ padding:10px 20px } .alert{ padding:20px 25px 20px 30px; margin-bottom:30px; line-height:22px; position:relative; z-index:1; -webkit-border-radius:4px; border-radius:4px } .alert.alert-info{ background-color:#ebf5f9; color:#4278bb; border-color:#bce8f1 } .alert.alert-warning{ background-color:#fcf8e3; color:#e2ad4b; border-color:#faebcc } .alert.alert-danger{ background-color:#fbf1f1; color:#e65656; border-color:#efe1e3 } @keyframes hvr-icon-push{ 50%{ -webkit-trasfrom:scale(.5); trasfrom:scale(.5) } } .alert .close{ opacity:1; font-size:16px; line-height:22px; color:rgba(0,0,0,.34); text-shadow:none; float:right } .alert .close i{ -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out } .alert .close:hover i{ -webkit-animation-name:hvr-icon-push; animation-name:hvr-icon-push; -webkit-animation-duration:.3s; animation-duration:.3s; -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-iteration-count:1; animation-iteration-count:1 } .alert .close:not(.disabled):focus,.alert .close:not(.disabled):hover,.alert .close:not(:disabled){ opacity:1 } .btn.btn-link-gradient:hover,.btn.btn-link:hover{ opacity:.7 } .alert-box-style-02 .alert{ padding:22px 60px 22px 30px; border:none; line-height:22px; -webkit-box-shadow:0 0 10px 0 rgba(111,111,111,.1); box-shadow:0 0 10px 0 rgba(111,111,111,.1) } .alert-box-style-02 .alert.alert-success{ color:#54b783 } .alert-box-style-02 .alert.alert-info{ color:#4278bb } .alert-box-style-02 .alert.alert-warning{ color:#e2ad4b } .alert-box-style-02 .alert.alert-danger{ color:#e65656 } .alert-box-style-02 .alert .close{ height:100%; position:absolute; right:0; width:60px; text-align:center; top:0; display:flex; justify-content:center; align-items:center; border-left:1px solid var(--light-medium-gray); font-size:18px } .alert-box-style-03 .alert{ padding:20px 30px 20px 55px; border:0 } .alert-box-style-03 .alert:before{ font-family:bootstrap-icons; position:absolute; left:25px; font-size:18px } .alert-box-style-03 .alert.alert-success{ background-color:#54b783 } .alert-box-style-03 .alert.alert-success:before{ content:"\f26b" } .alert-box-style-03 .alert.alert-info{ background-color:#4278bb } .alert-box-style-03 .alert.alert-info:before{ content:"\f431" } .alert-box-style-03 .alert.alert-warning{ background-color:#e2ad4b } .alert-box-style-03 .alert.alert-warning:before{ content:"\f567" } .alert-box-style-03 .alert.alert-danger{ background-color:#e65656 } .alert-box-style-03 .alert.alert-danger:before{ content:"\f623" } .alert-box-style-03 .alert .close{ right:-10px; position:relative } .alert-box-style-04 .alert{ padding:20px 25px 20px 30px; border-radius:0; border:none; border-left:3px solid } .alert-box-style-04 .alert:hover{ -webkit-box-shadow:0 0 10px 0 rgba(111,111,111,.1); box-shadow:0 0 10px 0 rgba(111,111,111,.1) } .alert-box-style-04 .alert.alert-success{ color:#54b783; border-color:#54b783 } .alert-box-style-04 .alert.alert-info{ color:#4278bb; border-color:#4278bb } .alert-box-style-04 .alert.alert-warning{ color:#e2ad4b; border-color:#e2ad4b } .alert-box-style-04 .alert.alert-danger{ color:#e65656; border-color:#e65656 } .alert-box-style-05 .alert{ background-color:transparent; border:none; border-bottom:2px solid; color:var(--dark-gray); padding:10px 0; -webkit-border-radius:0; border-radius:0 } .alert-box-style-05 .alert.alert-success{ border-color:#54b783 } .alert-box-style-05 .alert.alert-info{ border-color:#4278bb } .alert-box-style-05 .alert.alert-warning{ border-color:#e2ad4b } .alert-box-style-05 .alert.alert-danger{ border-color:#e65656 } blockquote footer{ padding:0 } .blockquote-style-04 .blockquote-img img{ margin-top:-114px } .blockquote-style-04 .blockquote-content{ padding:5% 0 5% 26%; margin-left:-8vw; -webkit-border-radius:50px 50px 125px 50px; border-radius:50px 50px 125px } @media only screen and (min-width:1921px){ .blockquote-style-04 .blockquote-content{ margin-left:-6vw } } .btn-box-shadow{ -webkit-box-shadow:0 5px 20px rgba(0,0,0,.1); box-shadow:0 5px 20px rgba(0,0,0,.1); -webkit-transition:all .3s cubic-bezier(.2,0,.3,1); transition:all .3s cubic-bezier(.2,0,.3,1) } .btn-box-shadow:hover{ -webkit-box-shadow:0 8px 30px 0 rgba(0,0,0,.15); box-shadow:0 8px 30px 0 rgba(0,0,0,.15); -webkit-transform:translate3d(0,-2px,0); transform:translate3d(0,-2px,0) } .btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{ border-color:initial; color:initial } .btn{ border:2px solid transparent; border-radius:0; text-transform:uppercase; letter-spacing:.5px; width:auto; font-family:var(--alt-font); -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out } .btn:focus{ -webkit-box-shadow:none; box-shadow:none } .btn:hover{ background-color:inherit } .btn i{ position:relative; margin-left:6px } .btn.btn-extra-large{ font-size:16px; padding:24px 46px } .btn.btn-large{ font-size:14px; padding:18px 34px } .btn.btn-medium{ font-size:13px; padding:16px 30px } .btn.btn-small{ font-size:12px; padding:13px 26px } .btn.btn-very-small{ font-size:11px; padding:10px 20px } .btn.btn-rounded.btn-extra-large{ padding:18px 46px } .btn.btn-rounded.btn-large{ padding:14px 36px } .btn.btn-rounded.btn-medium{ padding:12px 32px } .btn.btn-rounded.btn-small{ padding:10px 26px } .btn.btn-rounded.btn-very-small{ padding:8px 20px } .btn.btn-rounded.btn-rounded{ -webkit-border-radius:50px; border-radius:50px } .btn.btn-round-edge{ -webkit-border-radius:4px; border-radius:4px } .btn.btn-round-edge-small{ -webkit-border-radius:2px; border-radius:2px } .btn.btn-link{ padding:0 0 2px; position:relative; border:0; border-bottom:2px solid; letter-spacing:0; background-color:transparent } .btn.btn-link.thin{ border-bottom:1px solid } .btn.btn-link:focus-visible{ box-shadow:none } .btn.btn-link-gradient{ padding:0 0 3px!important; position:relative; border:0; background-color:transparent } .btn.btn-link-gradient>span{ position:absolute; bottom:0; left:0; height:2px; width:100% } .btn.btn-link-gradient.thin span{ height:1px } .btn.btn-link-gradient.expand span{ width:50%; -webkit-transition:all .3s ease; transition:all .3s ease } .btn.btn-link-gradient:hover.expand:hover span{ width:100% } .btn.btn-expand{ position:relative; z-index:1 } .btn.btn-expand span{ position:absolute; top:0; left:0; width:50%; height:100%; z-index:-1; -webkit-transition:.3s; transition:.3s } .btn.btn-expand:active,.btn.btn-expand:hover{ border-color:transparent } .btn.btn-expand-ltr,.btn.btn-expand-ltr:active{ background-color:transparent; border:0; color:initial } .btn.btn-expand:active span,.btn.btn-expand:hover span{ width:100% } .btn.btn-expand-ltr{ position:relative; z-index:1 } .btn.btn-expand-ltr span{ border-radius:50px; position:absolute; top:50%; left:0; z-index:-1; -webkit-transition:.3s; transition:.3s; -webkit-transform:translateY(-50%); transform:translateY(-50%) } .btn.btn-expand-ltr:hover span{ width:100%!important } .btn.btn-expand-ltr.btn-extra-large{ padding:18px 28px } .btn.btn-expand-ltr.btn-extra-large span{ width:60px; height:60px } .btn.btn-expand-ltr.btn-large{ padding:14px 26px } .btn.btn-expand-ltr.btn-large span{ width:50px; height:50px } .btn.btn-expand-ltr.btn-medium{ padding:12px 24px } .btn.btn-expand-ltr.btn-medium span{ width:44px; height:44px } .btn.btn-expand-ltr.btn-small{ padding:10px 22px } .btn.btn-expand-ltr.btn-small span{ width:40px; height:40px } .btn.btn-expand-ltr.btn-very-small{ padding:8px 18px } .btn.btn-hover-animation-switch.btn-link,.btn.btn-hover-animation.btn-link{ border-bottom:0; padding-bottom:0 } .btn.btn-expand-ltr.btn-very-small span{ width:38px; height:38px } .btn.btn-hover-animation-switch.btn-link:hover{ opacity:1 } .btn.btn-hover-animation-switch>span{ display:inline-flex; align-items:center } .btn.btn-hover-animation-switch .btn-text{ margin-left:-13px; position:relative; z-index:3; transition:transform .6s 125ms cubic-bezier(.1,.75,.25,1) } .btn.btn-hover-animation-switch .btn-icon{ margin-left:6px; position:relative; transition:opacity .4s .25s,transform .6s .25s; transition-timing-function:cubic-bezier(.1,.75,.25,1); line-height:0; z-index:3 } .btn.btn-hover-animation-switch .btn-icon i{ margin:0; line-height:0 } .btn.btn-hover-animation-switch .btn-icon+.btn-icon{ order:-2; opacity:0; transition-delay:0s; margin-left:0; -webkit-transform:translateX(-10px); transform:translateX(-10px) } .btn.btn-hover-animation-switch:hover .btn-text{ transition-delay:.1s; transform:translateX(23px) } .btn.btn-hover-animation-switch:hover .btn-icon{ transition-delay:0s; transform:translateX(10px); opacity:0 } .btn.btn-hover-animation-switch:hover .btn-icon+.btn-icon{ opacity:1; transform:translateX(0); transition-delay:225ms } .btn.btn-hover-animation-switch.btn-icon-left .btn-text{ margin-right:-15px; margin-left:0; position:relative; z-index:3 } .btn.btn-hover-animation-switch.btn-icon-left .btn-icon{ opacity:0; margin-left:0; transition-delay:0s; -webkit-transform:translateX(10px); transform:translateX(10px) } .btn.btn-hover-animation-switch.btn-icon-left .btn-icon+.btn-icon{ opacity:1; margin-left:0; margin-right:6px; transition:opacity .4s .25s,transform .6s .25s; transition-timing-function:cubic-bezier(.1,.75,.25,1); -webkit-transform:translateX(0); transform:translateX(0) } .btn.btn-hover-animation-switch.btn-icon-left:hover .btn-text{ transition-delay:.1s; transform:translateX(-20px) } .btn.btn-hover-animation-switch.btn-icon-left:hover .btn-icon{ transform:translateX(0); opacity:1; transition-delay:225ms } .btn.btn-hover-animation-switch.btn-icon-left:hover .btn-icon+.btn-icon{ opacity:0; transition-delay:0s; transform:translateX(-10px) } .btn.btn-hover-animation.btn-link:hover{ opacity:1 } .btn.btn-hover-animation>span{ display:inline-flex; align-items:center } .btn.btn-hover-animation .btn-text{ margin-left:0; position:relative; z-index:3; transition:transform .5s } .btn.btn-hover-animation .btn-icon{ display:inline-flex; align-items:center; margin-left:-24px } .btn.btn-hover-animation .btn-icon i{ display:inline-block; opacity:0; top:0; transform:translateX(.24px); transition:opacity .25s,transform .5s } .btn.btn-hover-animation:hover .btn-text{ -webkit-transform:translateX(-12px); transform:translateX(-12px) } .btn.btn-hover-animation:hover .btn-icon i{ opacity:1; -webkit-transform:translateX(12px); transform:translateX(12px) } .btn.btn-hover-animation:active{ border-color:transparent!important } .btn.btn-hover-animation.btn-icon-left .btn-icon{ margin-right:-24px; margin-left:0 } .btn.btn-hover-animation.btn-icon-left .btn-icon i{ transform:translateX(.24px) } .btn.btn-hover-animation.btn-icon-left .btn-text{ margin-right:0; margin-left:0 } .btn.btn-hover-animation.btn-icon-left:hover .btn-text{ -webkit-transform:translateX(15px); transform:translateX(15px) } .btn.btn-hover-animation.btn-icon-left:hover .btn-icon i{ opacity:1; -webkit-transform:translateX(-20px); transform:translateX(-20px) } .btn.btn-slide-up span{ -webkit-transform:translateY(100%); transform:translateY(100%) } .btn.btn-slide-down span{ -webkit-transform:translateY(-100%); transform:translateY(-100%) } .btn.btn-slide-left span{ -webkit-transform:translateX(100%); transform:translateX(100%) } .btn.btn-slide-right span{ -webkit-transform:translateX(-100%); transform:translateX(-100%) } .btn.btn-slide-down,.btn.btn-slide-left,.btn.btn-slide-right,.btn.btn-slide-up{ position:relative; z-index:1; overflow:hidden } .btn.btn-slide-down span,.btn.btn-slide-left span,.btn.btn-slide-right span,.btn.btn-slide-up span{ position:absolute; height:100%; width:102%; z-index:-1; left:-2px; top:0; -webkit-transition:.3s; transition:.3s } .btn.btn-slide-down:hover span,.btn.btn-slide-left:hover span,.btn.btn-slide-right:hover span,.btn.btn-slide-up:hover span{ -webkit-transform:translateY(0); transform:translateY(0) } .btn.btn-radius{ -webkit-transition:all .5s; transition:all .5s } .btn.btn-radius:hover{ -webkit-border-radius:10px; border-radius:10px } .btn.arrow-bounce-right{ position:relative } .btn.arrow-bounce-right:before{ content:"\f108"; font-family:"Font Awesome 5 Free"; position:absolute; top:inherit; left:80%; transition:all .3s; opacity:0; font-weight:900; margin-top:3px } .btn.arrow-bounce-right:hover:before{ left:85%; opacity:1 } .btn.underline-on-hover{ position:relative; padding:0 0 2px; border:none; opacity:1!important } .btn.underline-on-hover:after{ position:absolute; top:100%; left:0; width:100%; border-bottom:2px solid; content:""; opacity:0; -webkit-transition:opacity .3s,-webkit-transform .3s; transition:opacity .3s,transform .3s; -webkit-transform:translateY(7px); transform:translateY(7px) } .btn.underline-on-hover:hover:after{ opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } .btn.underline-on-hover.btn-medium,.btn.underline-on-hover.btn-small,.btn.underline-on-hover.btn-very-small{ padding:0 0 3px } .btn.hover-text-dark{ -webkit-transition:all .3s linear; transition:all .3s linear; margin:0; padding:0; position:relative; border-bottom:none; opacity:.4; display:inline-block } .btn.hover-text-dark:after{ position:absolute; top:0; left:0; width:100%; display:block; content:attr(data-hover); max-height:0; overflow:hidden; -webkit-transition:max-height .5s; transition:max-height .5s } .btn.hover-text-dark:hover{ opacity:1 } .btn.hover-text-dark:hover:after{ max-height:100% } .btn.hover-text-light{ -webkit-transition:all .3s linear; transition:all .3s linear; margin:0; padding:0; position:relative; border-bottom:none; opacity:1; display:inline-block } .btn.hover-text-light:after,.terms-condition-box input[type=checkbox]:checked+.box:after,.terms-condition-box label{ display:block } .btn.hover-text-light:after{ position:absolute; top:0; left:0; width:100%; content:attr(data-hover); max-height:0; overflow:hidden; -webkit-transition:max-height .5s; transition:max-height .5s } .btn.hover-text-light:hover{ opacity:.6 } .btn.hover-text-light:hover:after{ max-height:100% } .btn.btn-base-color:active,.btn.btn-base-color:hover{ background-color:transparent; border-color:var(--base-color); color:var(--base-color) } .btn.btn-dark-gray{ background-color:var(--dark-gray); color:var(--white) } .btn.btn-dark-gray:active,.btn.btn-dark-gray:hover{ background-color:transparent; border-color:var(--dark-gray); color:var(--dark-gray) } .btn.btn-black{ background-color:var(--black); color:var(--white) } .btn.btn-black:active,.btn.btn-black:hover{ background-color:transparent; border-color:var(--black); color:var(--black) } .btn.btn-white{ background-color:var(--white); color:var(--dark-gray) } .btn.btn-white:active,.btn.btn-white:hover{ background-color:transparent; border-color:var(--white); color:var(--white) } .btn.btn-cornflower-blue{ background-color:var(--cornflower-blue); color:var(--white) } .btn.btn-cornflower-blue:active,.btn.btn-cornflower-blue:hover{ background-color:transparent; border-color:var(--cornflower-blue); color:var(--cornflower-blue) } .btn.btn-jade{ background-color:var(--jade); color:var(--white) } .btn.btn-jade:active,.btn.btn-jade:hover{ background-color:transparent; border-color:var(--jade); color:var(--jade) } .btn.btn-transparent-black{ background-color:transparent; border-color:var(--black); color:var(--black) } .btn.btn-transparent-black:active,.btn.btn-transparent-black:hover{ background-color:var(--black); border-color:var(--black); color:var(--white) } .btn.btn-transparent-white{ background-color:transparent; border-color:var(--white); color:var(--white) } .btn.btn-transparent-white:active,.btn.btn-transparent-white:hover{ background-color:var(--white); border-color:var(--white); color:var(--dark-gray) } .btn.btn-transparent-white-light{ background-color:transparent; border-color:rgba(255,255,255,.3); color:var(--white) } .btn.btn-transparent-white-light:active,.btn.btn-transparent-white-light:hover{ background-color:var(--white); border-color:rgba(255,255,255,.3); color:var(--dark-gray) } .btn.btn-transparent-base-color{ background-color:transparent; border-color:var(--base-color); color:var(--base-color) } .btn.btn-transparent-base-color:active,.btn.btn-transparent-base-color:hover{ background-color:var(--base-color); border-color:var(--base-color); color:var(--white) } .btn.btn-transparent-dark-gray{ background-color:transparent; border-color:var(--dark-gray); color:var(--dark-gray) } .btn.btn-transparent-dark-gray:active,.btn.btn-transparent-dark-gray:hover{ background-color:var(--dark-gray); border-color:var(--dark-gray); color:var(--white) } .btn.btn-transparent-light-gray{ background-color:transparent; border-color:var(--extra-medium-gray); color:var(--dark-gray) } .btn.btn-transparent-light-gray:active,.btn.btn-transparent-light-gray:hover{ background-color:var(--dark-gray); border-color:var(--dark-gray); color:var(--white) } .btn.btn-double-border.btn-extra-large{ padding:0 } .btn.btn-double-border.btn-extra-large>span{ padding:24px 50px } .btn.btn-double-border.btn-large{ padding:0 } .btn.btn-double-border.btn-large>span{ padding:18px 42px } .btn.btn-double-border.btn-medium{ padding:0 } .btn.btn-double-border.btn-medium>span{ padding:16px 34px } .btn.btn-double-border.btn-small{ padding:0 } .btn.btn-double-border.btn-small>span{ padding:13px 32px } .btn.btn-double-border.btn-very-small,.btn.btn-switch-text.btn-extra-large{ padding:0 } .btn.btn-double-border.btn-very-small>span{ padding:10px 22px } .btn.btn-double-border>span{ display:inline-flex; align-items:center; position:relative; overflow:hidden } .btn.btn-double-border .btn-double-text{ transition:opacity .65s,transform .65s; transition-timing-function:cubic-bezier(.15,.85,.31,1) } .btn.btn-double-border .btn-double-text:before{ content:attr(data-text); display:inline-block; position:absolute; white-space:nowrap; top:50%; opacity:0; left:50%; transform:translate(-50%,100%); transition:opacity .5s,transform .8s; transition-timing-function:cubic-bezier(.15,.85,.31,1) } .btn.btn-double-border:hover .btn-double-text{ transform:translateY(-200%) } .btn.btn-double-border:hover .btn-double-text:before{ transform:translate(-50%,150%); opacity:1 } .btn.btn-double-border:after{ display:inline-block; content:""; position:absolute; border:1px solid; width:calc(100% - 8px); height:calc(100% + 12px); top:-6px; left:4px; transform:translateX(0) translateY(0); z-index:0 } .btn.btn-double-border.btn-border-base-color{ position:relative; border:1px solid var(--base-color); color:var(--base-color) } .btn.btn-double-border.btn-border-base-color:hover{ border-color:var(--dark-gray); color:var(--dark-gray) } .btn.btn-double-border.btn-border-base-color:hover:after{ border-color:var(--dark-gray); -webkit-transition:all .3s ease; transition:all .3s ease } .btn.btn-double-border.btn-border-base-color.hover-border-color-white:hover{ border-color:var(--white); color:var(--white) } .btn.btn-double-border.btn-border-base-color.hover-border-color-white:hover:after{ border-color:var(--white); -webkit-transition:all .3s ease; transition:all .3s ease } .btn.btn-double-border.btn-border-color-dark-gray{ position:relative; border:1px solid var(--dark-gray); color:var(--dark-gray) } .btn.btn-double-border.btn-border-color-dark-gray:hover{ border-color:var(--base-color); color:var(--base-color) } .btn.btn-double-border.btn-border-color-dark-gray:hover:after{ border-color:var(--base-color); -webkit-transition:all .3s ease; transition:all .3s ease } .btn.btn-double-border.btn-border-color-white{ position:relative; border:1px solid var(--white); color:var(--white) } .btn.btn-double-border.btn-border-color-white:hover{ border-color:var(--base-color); color:var(--base-color) } .btn.btn-double-border.btn-border-color-white:hover:after{ border-color:var(--base-color); -webkit-transition:all .3s ease; transition:all .3s ease } .btn.btn-double-border.btn-border-color-transparent-white{ position:relative; border:1px solid rgba(255,255,255,.2); color:var(--white) } .btn.btn-double-border.btn-border-color-transparent-white:after{ border:1px solid rgba(255,255,255,.2) } .btn.btn-double-border.btn-border-color-transparent-white:hover{ border-color:#fff; color:var(--white) } .btn.btn-double-border.btn-border-color-transparent-white:hover:after{ border-color:#fff; -webkit-transition:all .3s ease; transition:all .3s ease } .btn.btn-double-border.btn-border-color-transparent-dark{ position:relative; border:1px solid rgba(35,35,35,.2); color:var(--dark-gray) } .btn.btn-double-border.btn-border-color-transparent-dark:after{ border:1px solid rgba(35,35,35,.2) } .btn.btn-double-border.btn-border-color-transparent-dark:hover{ border-color:#232323; color:var(--dark-gray) } .btn.btn-double-border.btn-border-color-transparent-dark:hover:after{ border-color:#232323; -webkit-transition:all .3s ease; transition:all .3s ease } .feature-box:hover .feature-box-icon-rounded.border-color-transparent-on-hover,.process-step-style-01:hover .border-color-transparent-on-hover,.process-step-style-09:hover .border-color-transparent-on-hover,[class*=btn-gradient-]:active{ border-color:transparent!important } .btn.btn-switch-text.btn-extra-large>span{ padding:22px 40px } .btn.btn-switch-text.btn-large{ padding:0 } .btn.btn-switch-text.btn-large>span{ padding:18px 34px } .btn.btn-switch-text.btn-medium{ padding:0 } .btn.btn-switch-text.btn-medium>span{ padding:16px 30px } .btn.btn-switch-text.btn-small{ padding:0 } .btn.btn-switch-text.btn-small>span{ padding:13px 24px } .btn.btn-switch-text.btn-very-small,.btn.btn-switch-text.purchase-envato.btn-small{ padding:0 } .btn.btn-switch-text.btn-very-small>span{ padding:10px 20px } .btn.btn-switch-text>span{ display:inline-flex; align-items:center; position:relative; overflow:hidden } .btn.btn-switch-text .btn-double-text{ transition:opacity .65s,transform .85s; transition-timing-function:cubic-bezier(.15,.85,.31,1) } .btn.btn-switch-text .btn-double-text:before{ content:attr(data-text); display:inline-block; position:absolute; white-space:nowrap; top:50%; opacity:0; left:50%; transform:translate(-50%,100%); transition:opacity .5s,transform .8s; transition-timing-function:cubic-bezier(.15,.85,.31,1) } .btn.btn-switch-text:active .btn-double-text,.btn.btn-switch-text:hover .btn-double-text{ transform:translateY(-200%) } .btn.btn-switch-text:active .btn-double-text:before,.btn.btn-switch-text:hover .btn-double-text:before{ transform:translate(-50%,150%); opacity:1 } .btn.btn-switch-text.purchase-envato.btn-small>span{ padding:11px 30px } .btn.with-rounded.btn-extra-large,.subscribe-popup .newsletter-style-02 input{ padding-right:70px } .btn.base-color-hover:active,.btn.base-color-hover:hover{ background-color:var(--base-color); color:var(--white) } .btn.white-hover:active,.btn.white-hover:hover{ background-color:var(--white); color:var(--dark-gray) } .btn.black-hover:active,.btn.black-hover:hover{ background-color:var(--dark-gray); color:var(--white) } .btn.btn-box-shadow.btn-white:active,.btn.btn-box-shadow.btn-white:hover{ background:var(--white); color:var(--dark-gray) } .btn.btn-box-shadow.btn-black:active,.btn.btn-box-shadow.btn-black:hover{ background:var(--black); color:var(--white) } .btn.btn-box-shadow.btn-dark-gray:active,.btn.btn-box-shadow.btn-dark-gray:hover{ background:var(--dark-gray); color:var(--white) } .btn.btn-box-shadow.btn-base-color:active,.btn.btn-box-shadow.btn-base-color:hover{ background:var(--base-color); color:var(--white) } .btn.btn-box-shadow.btn-cornflower-blue:active,.btn.btn-box-shadow.btn-cornflower-blue:hover{ background-color:var(--cornflower-blue); color:var(--white) } .btn.btn-box-shadow.btn-jade:active,.btn.btn-box-shadow.btn-jade:hover{ background-color:var(--jade); color:var(--white) } .btn.with-rounded{ position:relative } .btn.with-rounded>span{ display:flex; align-items:center; justify-content:center; width:42px; height:42px; position:absolute; border-radius:100%; right:8px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); -webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.35); box-shadow:0 5px 10px 0 rgba(0,0,0,.35) } .btn.with-rounded>span i{ margin:0 } .btn.with-rounded.btn-large{ padding-right:55px } .btn.with-rounded.btn-large>span{ width:34px; height:34px; right:8px } .btn.with-rounded.btn-medium{ padding-right:50px } .btn.with-rounded.btn-medium>span{ width:32px; height:32px; right:8px } .btn.with-rounded.btn-small{ padding-right:45px } .btn.with-rounded.btn-small>span{ width:28px; height:28px; right:6px } .btn.with-rounded.btn-very-small{ padding-right:37px } .btn.with-rounded.btn-very-small>span{ width:26px; height:26px; right:5px } .left-icon i{ margin-right:6px; margin-left:0 } [class*=" btn-transparent"],[class*=btn-transparent]{ font-weight:600 } [class*=btn-gradient-]{ background-color:transparent; border-color:transparent } [class*=btn-gradient-]:active{ background-color:transparent; color:var(--white)!important } [class*=btn-gradient-]:hover{ background-position:right center; color:var(--white) } .btn-gradient-purple-pink{ background-image:linear-gradient(to right,#8b14b1,#d53d6e,#8b14b1); background-size:200% auto; color:var(--white) } .btn-gradient-fast-pink-light-yellow{ background-image:linear-gradient(to right,#f7567f,#ffba83,#f7567f); background-size:200% auto; color:var(--white) } .btn-gradient-pink-orange{ background-image:linear-gradient(to right,#de347f,#ef5f43,#de347f); background-size:200% auto; color:var(--white) } .btn-gradient-fast-blue-purple{ background-image:linear-gradient(to right,#2a46f4,#bf25ff,#2a46f4); background-size:200% auto; color:var(--white) } .btn-gradient-light-pink-light-purple{ background-image:linear-gradient(to right,#ed579b,#bc63e8,#ed579b); background-size:200% auto; color:var(--white) } .btn-gradient-sky-blue-pink{ background-image:linear-gradient(to right,#5758df,#f77991,#5758df); background-size:200% auto; color:var(--white) } .btn-dual .btn{ margin-left:10px; margin-right:10px } .btn-dual .btn.btn-link,.btn-dual .btn.btn-link-gradient,.btn-dual .btn.btn-underline,.btn-dual .btn.btn-zoom{ margin-left:30px; margin-right:30px } .categories-btn{ padding:4px 12px; -webkit-border-radius:2px; border-radius:2px; -webkit-transition:.3s; transition:.3s; margin-left:5px; display:inline-block; font-size:12px; line-height:20px } .clients-style-01 .client-image:hover>img{ -webkit-transform:scale(1.1); transform:scale(1.1); -webkit-filter:blur(3px); filter:blur(3px) } .clients-style-02 .swiper-slide{ -webkit-transition:all 350ms ease-in-out; transition:all 350ms ease-in-out } .clients-style-02 .swiper-slide:hover{ -webkit-filter:grayscale(1); filter:grayscale(1) } .clients-style-02 .swiper-button-prev{ left:-110px } .clients-style-02 .swiper-button-next{ right:-110px } .clients-style-03 .client-box{ -webkit-transition:all 350ms cubic-bezier(.12,0,.39,0); transition:all 350ms cubic-bezier(.12,0,.39,0); will-change:transform } .clients-style-03 .client-box:hover{ -webkit-transform:scale(1.1); transform:scale(1.1) } .clients-style-04 .client-box:hover{ opacity:.5 } .clients-style-05 .client-box{ position:relative; -webkit-transition:.3s cubic-bezier(.12,0,.39,0); transition:.3s cubic-bezier(.12,0,.39,0) } .clients-style-05 .client-box img{ z-index:2; position:relative } .clients-style-05 .client-box:hover{ opacity:.5; -webkit-transform:translateY(-8px); transform:translateY(-8px) } .clients-style-06 .client-box{ -webkit-transition:all .3s cubic-bezier(.12,0,.39,0); transition:all .3s cubic-bezier(.12,0,.39,0) } .clients-style-06 .client-box img{ max-width:inherit } .clients-style-06:hover .client-box{ opacity:.4 } .clients-style-06:hover .client-box:hover{ opacity:1 } .clients-style-07 .client-box .client-info{ position:absolute; top:0; right:0; width:100%; height:100% } .clients-style-07 .client-box .client-info .client-content{ position:absolute; bottom:0; right:0; -webkit-transition:all .5s cubic-bezier(.77,0,.175,1); transition:all .5s cubic-bezier(.77,0,.175,1); overflow:hidden } .clients-style-07 .client-box .client-info .client-content .client-link{ position:absolute; opacity:0; width:100%; height:100%; z-index:2; left:0; right:0 } .clients-style-07 .client-box .client-info:hover .client-content{ margin:0; width:100%!important; height:100%!important; border-radius:0 } .clients-style-07 .client-box .client-info:hover .client-content .client-icon{ opacity:0; visibility:hidden } .clients-style-07 .client-box .client-info:hover .client-content .client-link{ opacity:1; -webkit-transition-delay:.5s; transition-delay:.5s } .clients-style-07 .client-box .client-info:hover .client-content .box-overlay{ opacity:1; visibility:visible } .clients-style-08 .client-box{ -webkit-transition:all .3s ease; transition:all .3s ease; opacity:.5 } .clients-style-08 .client-box:hover{ opacity:1 } .show-grid [class^=col-]{ background-color:#f5f5f5; border:1px solid rgba(0,0,0,.2); margin-bottom:15px; padding-top:10px; padding-bottom:10px; text-align:center } .select-style select{ background-image:url(../images/contact-form-down-arrow.jpg); background-position:top 25px right 30px; cursor:pointer; -webkit-appearance:none; background-color:transparent } .terms-condition-box input[type=checkbox]{ opacity:0; visibility:hidden; position:absolute; top:4px; left:0 } .terms-condition-box input[type=checkbox].is-invalid+.box:before{ border-color:#dc3545 } .terms-condition-box .box{ position:relative; padding-left:30px; cursor:pointer; display:inline-block } .swiper-button-next:after,.swiper-button-prev:after,.terms-condition-box .box:after{ display:none; content:"" } .terms-condition-box .box:before{ content:""; width:20px; height:20px; background-color:transparent; border:1px solid var(--extra-medium-gray); position:absolute; top:5px; left:0; -webkit-border-radius:4px; border-radius:4px } .terms-condition-box .box:after{ position:absolute; left:7px; top:9px; width:6px; height:10px; border:var(--dark-gray) solid; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg) } .contact-form-style-01 input,.contact-form-style-01 select,.contact-form-style-01 textarea{ padding-left:55px } .contact-form-style-01 .form-group .form-icon{ position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); padding-top:2px; left:25px } .contact-form-style-01 .form-group.form-textarea .form-icon{ top:12px; -webkit-transform:translateY(0); transform:translateY(0) } .contact-form-style-03 input,.contact-form-style-03 textarea{ outline:0; border:none; border-bottom:1px solid; background:0 0 } .contact-form-style-03 .form-control,.contact-form-style-03 .form-control.is-invalid,.contact-form-style-03 .was-validated .form-control:invalid,.contact-form-style-07 .form-control,.contact-form-style-07 .form-control.is-invalid,.contact-form-style-07 .was-validated .form-control:invalid{ background-position:right 35px center!important } .contact-form-style-03 select{ outline:0; border:none; border-bottom:1px solid } .contact-form-style-03 .form-control:focus,.contact-form-style-03 input:focus,.contact-form-style-03 select:focus,.contact-form-style-03 textarea:focus{ border:0; border-bottom:1px solid #c2c2c2 } .contact-form-style-03 textarea{ resize:none } .contact-form-style-03 .form-group .form-icon{ position:absolute; top:50%; right:5px; -webkit-transform:translateY(-50%); transform:translateY(-50%) } .contact-form-style-03 .form-group.form-textarea .form-icon{ top:10px; -webkit-transform:translateY(0); transform:translateY(0) } .contact-form-style-06 input,.contact-form-style-06 input:focus,.contact-form-style-06 textarea,.contact-form-style-06 textarea:focus{ color:var(--white) } .contact-form-style-06 input::placeholder,.contact-form-style-06 textarea::placeholder{ color:var(--light-medium-gray) } .contact-form-style-06 .select-style select{ color:var(--light-medium-gray); background-image:url(../images/contact-form-arrow-white.png); background-position:top 25px right 20px; padding-right:45px } .contact-form-style-06 .select-style select option{ color:var(--dark-gray) } .contact-form-style-07 input,.contact-form-style-07 textarea{ outline:0; border:none; border-bottom:1px solid; background:0 0 } .contact-form-style-07 select{ outline:0; border:none; border-bottom:1px solid } .contact-form-style-07 .form-control:focus,.contact-form-style-07 input:focus,.contact-form-style-07 select:focus,.contact-form-style-07 textarea:focus{ border:0; border-bottom:1px solid #c2c2c2 } .contact-form-style-07 textarea{ resize:none } .contact-form-style-07 .form-group .form-icon{ position:absolute; top:50%; right:5px; -webkit-transform:translateY(-50%); transform:translateY(-50%) } .contact-form-style-07 .form-group.form-textarea .form-icon{ top:10px; -webkit-transform:translateY(0); transform:translateY(0) } .swiper-button-next,.swiper-button-prev{ color:var(--dark-gray) } .text-slider-style-02 .swiper-slide{ opacity:.2; -webkit-transition:.4s; transition:.4s } .text-slider-style-02 .swiper-slide.swiper-slide-active{ opacity:1 } .text-slider-style-03 .swiper-slide>img{ object-fit:cover; height:100%; width:100% } .text-slider-style-05 .swiper-slide{ -webkit-filter:grayscale(100%); filter:grayscale(100%); opacity:.3; -webkit-transition:.4s; transition:.4s } .text-slider-style-05 .swiper-slide .services-box-style-01:hover img{ -webkit-transform:scale(1); transform:scale(1) } .text-slider-style-05 .swiper-slide .services-box-style-01:hover .icon-box{ opacity:0 } .text-slider-style-05 .swiper-slide.swiper-slide-next{ -webkit-filter:grayscale(0); filter:grayscale(0); opacity:1 } .text-slider-style-05 .swiper-slide.swiper-slide-next .services-box-style-01 .icon-box{ opacity:1 } .countdown-style-01 .counter-container{ display:-webkit-box; display:-ms-flexbox; display:flex } .countdown-style-01 .counter-container .countdown-box{ font-family:var(--alt-font); color:var(--dark-gray); background-color:var(--white); width:130px; min-height:130px; padding:25px 20px 20px; margin:0 15px; text-align:center; -webkit-border-radius:6px; border-radius:6px; -webkit-box-shadow:0 0 25px rgba(0,0,0,.05); box-shadow:0 0 25px rgba(0,0,0,.05); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .countdown-style-01 .counter-container .countdown-box .number{ font-size:2.375rem; line-height:2.5rem; font-weight:600; margin-bottom:5px; letter-spacing:-1px } .countdown-style-01 .counter-container .countdown-box span{ font-size:14px; line-height:14px; color:var(--medium-gray); text-transform:uppercase } .countdown-style-02 .countdown-box{ position:relative; width:165px; padding:0 15px; color:var(--white); font-family:var(--alt-font); display:inline-block; text-align:center } .countdown-style-02 .countdown-box:before{ content:":"; position:absolute; top:50%; right:-5px; -webkit-transform:translateY(-50%); transform:translateY(-50%); color:var(--white); text-align:center; font-size:3rem; margin-top:-4px } .countdown-style-02 .countdown-box:last-child:before{ display:none } .countdown-style-02 .countdown-box .number{ font-size:3.5rem; line-height:3.75rem; font-weight:600; letter-spacing:-1px } .countdown-style-02 .countdown-box span{ font-size:15px; line-height:14px; text-transform:uppercase; position:absolute; top:-26px; left:0; right:0; color:var(--white); font-weight:500 } .countdown-style-03 .countdown-box{ width:130px; display:inline-block; margin:0 15px; text-align:center } .countdown-style-03 .countdown-box .number{ color:var(--dark-gray); font-size:4.3rem; line-height:4.3rem; font-family:var(--alt-font); letter-spacing:-1px; font-weight:700 } .countdown-style-03 .countdown-box span{ color:var(--medium-gray); text-transform:uppercase; font-size:14px; line-height:16px; font-weight:500 } .countdown-style-04 .countdown-box{ width:160px; display:inline-block; margin:0 7px; text-align:center; position:relative } .countdown-style-04 .countdown-box:before{ content:":"; position:absolute; top:20px; font-size:2rem; color:var(--white); right:-10px; margin-top:-5px; font-weight:400; opacity:.7 } .countdown-style-04 .countdown-box:last-child:before{ display:none } .countdown-style-04 .countdown-box .number{ color:#fff; font-size:4.5rem; line-height:4.5rem; font-family:var(--alt-font); font-weight:600 } .countdown-style-04 .countdown-box span{ color:var(--very-light-gray); font-size:15px } .counter-style-03 .feature-box i{ -webkit-transition:.4s; transition:.4s } .counter-style-03 .feature-box:hover i{ -webkit-transform:translateY(-7px); transform:translateY(-7px) } .counter-style-04 .vertical-counter:after{ content:attr(data-text); display:inline-block; margin-left:3px; word-break:normal } .counter-style-06 .feature-box-content .counter-title{ position:absolute; top:50%; left:50%; width:100%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%) } .counter-style-06 .feature-box-content:after{ content:""; display:block; height:40%; right:0; top:50%; width:1px; position:absolute; -webkit-transform:translateY(-50%); transform:translateY(-50%); background-color:var(--extra-medium-gray) } .counter-style-06 .feature-box:last-child .feature-box-content:after{ display:none } .counter-style-07 .vertical-counter-number{ z-index:1 } .vertical-counter-number{ overflow:hidden; width:100%; height:auto } .vertical-counter-number ul{ text-align:center; margin:0; padding:0; list-style:none; will-change:transform; -webkit-transform:translateY(0); transform:translateY(0) } .divider-style-01 .divider-shadow:after,.divider-style-01 .divider-shadow:before{ flex:1 1 auto; -webkit-box-flex:1 1 auto; -ms-flex:1 1 auto; content:""; height:10px; margin-top:7px; box-shadow:0 6px 10px -10px #8c8b8b inset } .divider-style-01 .divider-border:after,.divider-style-01 .divider-border:before{ flex:1 1 auto; -webkit-box-flex:1 1 auto; -ms-flex:1 1 auto; content:""; height:10px; margin-top:7px; border-top:1px solid #E4E4E4 } .divider-style-02 .divider-dot{ position:relative } .divider-style-02 .divider-dot span{ content:""; position:absolute; z-index:1; top:50%; left:50%; margin:-10px 0 0 -13px; width:25px; height:25px; box-shadow:inset 0 0 0 6px #fff } .divider-style-02 .divider-dot:after{ top:0; content:""; height:100%; width:1px; flex:1 1 auto; -webkit-box-flex:1 1 1px; -ms-flex:1 1 1px; border-left:1px solid #E4E4E4; position:absolute; left:0; right:0; margin:0 auto } .first-letter-big,.time-table-box{ position:relative; text-align:center } .divider-style-03.divider-style-03-01{ border-top:1px solid; width:100% } .divider-style-03.divider-style-03-02{ border-top:1px dashed } .divider-style-03.divider-style-03-03{ border-top:4px double } .divider-style-03.divider-style-03-04{ border-top:2px dashed } .divider-style-03.divider-style-03-05{ border-top:2px dotted } .first-letter{ float:left; font-size:4.5rem; line-height:4.5rem; font-weight:600; text-align:center; margin:0 25px 0 0 } .first-letter-block{ font-size:4.5rem; line-height:100px; font-weight:600; width:100px; height:100px; margin:8px 35px 0 0 } .first-letter-round{ -webkit-border-radius:50%; border-radius:50%; font-size:3.5rem } .first-letter-big{ float:left; font-size:9rem; line-height:9rem; padding:0 } .first-letter-small{ font-size:3.438rem; line-height:4rem; font-weight:600; width:65px; height:65px; margin:8px 30px 0 0 } .time-table{ display:-webkit-box; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; flex-flow:row nowrap; -webkit-box-align:stretch; align-items:stretch; -webkit-box-flex:1; flex:1 0 } .categories-style-01 .categories-box,.feature-box,.time-table-box,.time-table-box .inner-box{ -webkit-box-orient:vertical; -webkit-box-direction:normal } .time-table+.time-table .time-table-box{ border-top-width:0!important } .time-table-box{ -webkit-box-align:stretch; align-items:stretch; flex-basis:12.5%; padding:30px 10px; display:-webkit-box; display:flex; flex-direction:column; -webkit-box-pack:center; justify-content:center; min-height:100px } .time-table-box .inner-box{ display:-webkit-box; display:flex; flex-direction:column; -webkit-box-pack:center; justify-content:center; -webkit-box-flex:1; flex:1 auto; z-index:9 } .time-table-box .inner-box>div{ line-height:initial; margin-top:7px } .time-table-box+.time-table-box{ border-left-width:0!important } .time-table-box+.time-table-box.name-box:before{ position:absolute; content:""; transition:opacity .3s; opacity:0; display:inline-block; width:100%; height:100%; top:0; left:0; background-color:var(--base-color) } .time-table-box+.time-table-box.name-box:hover .inner-box div,.time-table-box+.time-table-box.name-box:hover .inner-box span{ color:var(--white) } .time-table-box+.time-table-box.name-box:hover:before{ opacity:1 } .time-table-box+.time-table-box.name-box:hover .hover-detail{ visibility:visible; opacity:1 } .time-table-box.day{ padding:15px 10px; min-height:1px } .time-table-box .hover-detail{ position:absolute; left:50%; top:100%; padding:25px 30px; border-radius:6px; width:250px; z-index:111; opacity:0; visibility:hidden; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); -webkit-box-shadow:0 0 60px rgba(0,0,0,.14); box-shadow:0 0 60px rgba(0,0,0,.14); -webkit-transition:50ms; transition:50ms } .time-table-box .hover-detail:after{ content:""; top:-21px; left:50%; height:0; width:0; z-index:9; margin-left:-14px; position:absolute; pointer-events:none; border:solid transparent; border-width:11px; border-bottom-color:var(--white) } .time-table-box .hover-detail.hover-detail-left{ left:auto; right:0; -webkit-transform:none; -ms-transform:none; transform:none } .time-table-box .hover-detail.hover-detail-left:after{ right:60px; left:auto } .time-table-box .hover-detail.hover-detail-top{ top:auto; bottom:100% } .time-table-box .hover-detail.hover-detail-top:after{ top:auto; bottom:-21px; border-top-color:var(--white); border-bottom-color:transparent } .name-box div,.name-box span{ line-height:26px; transition:.2s } .event-style-03 .nav-tabs{ border-radius:6px 6px 0 0 } .event-style-03 .nav-tabs .nav-link{ color:var(--white); line-height:normal; padding:17px 15px 20px; border:0; border-radius:0 } .event-style-03 .nav-tabs .nav-link.active,.event-style-03 .nav-tabs .nav-link.show,.event-style-03 .nav-tabs .nav-link:hover{ color:var(--dark-gray); background-color:var(--white) } .event-style-03 .nav-tabs>li.nav-item{ padding:0; width:100% } .event-style-03 .nav-tabs>li.nav-item:not(:last-child){ border-right:1px solid rgba(0,0,0,.1) } .event-style-03 .accordion .accordion-title .event-time{ min-width:354px } .event-style-03 .accordion .accordion-title .event-time i{ position:static; -webkit-transform:none; transform:none } .event-style-03 .accordion .trainer-box{ flex:0 0 auto; width:270px; margin-right:85px; margin-top:15px } .fancy-text-box-style-01{ border-bottom:1px solid; border-right:1px solid; overflow:hidden } .fancy-text-box-style-01 .text-box-wrapper .text-box,.fancy-text-box-style-01 .text-box-wrapper .text-box-hover{ display:block; width:100%; -webkit-transition:all .6s cubic-bezier(.12,0,.39,0); transition:all .6s cubic-bezier(.12,0,.39,0) } .fancy-text-box-style-01 .text-box-wrapper .text-box-hover{ opacity:0; position:absolute } .fancy-text-box-style-01 .text-box-wrapper:hover .text-box{ opacity:0; visibility:hidden; -webkit-transform:translateY(-100%); transform:translateY(-100%); -webkit-transition:all .6s cubic-bezier(.12,0,.39,0); transition:all .6s cubic-bezier(.12,0,.39,0) } .fancy-text-box-style-01 .text-box-wrapper:hover .text-box-hover{ opacity:1; -webkit-transform:translateY(-100%); transform:translateY(-100%); -webkit-transition:all .6s cubic-bezier(.12,0,.39,0); transition:all .6s cubic-bezier(.12,0,.39,0) } .fancy-text-box-style-01:last-child{ border-right:0 } #map{ height:550px } .arrow_box{ width:22px; height:22px; border-radius:100%; -webkit-border-top-left-radius:100%; -webkit-border-top-right-radius:100%; -webkit-border-bottom-right-radius:100%; -webkit-border-bottom-left-radius:100%; position:relative; opacity:.8; cursor:pointer } .arrow_box span{ width:100%; height:100%; border:1px solid; opacity:.2; display:inline-block; border-radius:100%; -webkit-border-top-left-radius:100%; -webkit-border-top-right-radius:100%; -webkit-border-bottom-right-radius:100%; -webkit-border-bottom-left-radius:100%; position:absolute; top:0; left:0 } .arrow_box span:first-child{ animation:markerWave 1.5s .45s cubic-bezier(.4,0,.2,1) infinite forwards; -webkit-animation:markerWave 1.5s .45s cubic-bezier(.4,0,.2,1) infinite forwards } .arrow_box span:first-child+span{ animation:markerWave 1.5s .45s cubic-bezier(0,0,.2,1) infinite forwards; -webkit-animation:markerWave 1.5s .45s cubic-bezier(0,0,.2,1) infinite forwards } .arrow_box span:last-child{ opacity:.1 } .arrow_box.marker02{ width:18px; height:18px } .arrow_box.marker02 span{ border:0 } .arrow_box.marker02:after{ content:""; width:45px; height:62px; background:url(../images/marker02.png) left center no-repeat; background-size:cover; position:absolute; left:-15px; top:-58px; float:left } .arrow_box.marker03{ width:16px; height:16px; -webkit-transform:rotateX(0); transform:rotateX(0) } .arrow_box.marker03 span{ background-color:transparent!important } @keyframes markerWave{ 0%{ transform:scale(1); opacity:.8 } 20%{ opacity:.8 } 100%{ transform:scale(5.5); opacity:0 } } @-webkit-keyframes markerWave{ 0%{ -webkit-transform:scale(1); opacity:.8 } 20%{ opacity:.8 } 100%{ -webkit-transform:scale(5.5); opacity:0 } } .infowindow{ color:var(--dark-gray); font-weight:400; line-height:26px; font-size:15px; letter-spacing:-.5px; padding:25px!important; text-align:center } .infowindow .mb-3{ font-weight:600; font-size:16px; letter-spacing:-.25px } .infowindow p{ color:var(--medium-gray); font-size:15px; margin-bottom:5px; letter-spacing:-.25px; line-height:24px } .infowindow :last-child{ margin-bottom:0 } .gm-style .gm-style-iw-c{ padding:0!important; border-radius:0; max-width:230px!important; -webkit-box-shadow:0 20px 60px rgba(0,0,0,.08); box-shadow:0 20px 60px rgba(0,0,0,.08) } .gm-style .gm-style-iw-d{ overflow:auto!important } .gm-style .gm-style-iw-t::after{ background:var(--dark-gray); -webkit-box-shadow:0 20px 60px rgba(0,0,0,.08); box-shadow:0 20px 60px rgba(0,0,0,.08) } .gm-ui-hover-effect{ opacity:.8; top:-2px!important; right:2px!important; width:25px!important; display:none!important; height:25px!important } .gm-ui-hover-effect img{ width:17px!important; height:17px!important; margin:6px!important } .google-maps-link{ text-align:center } .google-maps-link a{ font-size:12px; font-weight:400; display:block; background-color:var(--dark-gray); color:var(--white); padding:15px; letter-spacing:.5px } .gmnoprint .gm-style-mtc,.gmnoprint .gm-svpc{ display:none } .gm-style a[title],.gm-style-cc,.gmnoprint .gm-style-cc,.gmnoprint.gm-style-cc,.gmnoscreen{ display:none!important } .gm-style .gm-style-iw-tc::after{ background:var(--dark-gray) } @media screen{ .gm-style .gmnoscreen,.gmnoscreen{ display:none } } .text-highlight{ position:relative; z-index:1 } .text-highlight span{ display:inline-block; left:-3px; position:absolute; z-index:-1; width:calc(100% + 6px) } .separator-animation{ width:0!important; -webkit-transition:all 1s cubic-bezier(.165,.84,.44,1); transition:all 1s cubic-bezier(.165,.84,.44,1) } .shadow-in .separator-animation{ width:calc(100% + 6px)!important } .feature-box{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; /*justify-content:center;*/ -ms-flex-direction:column; flex-direction:column; text-align:center; position:relative; z-index:1 } .feature-box .feature-box-icon i:not([class*=text-gradient-]){ display:-webkit-box; display:-ms-flexbox; display:flex } .feature-box.feature-box-left-icon,.feature-box.feature-box-left-icon-middle{ -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-box-align:stretch!important; -ms-flex-align:stretch!important; align-items:stretch!important; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; text-align:left } .feature-box.feature-box-left-icon .feature-box-icon,.feature-box.feature-box-left-icon-middle .feature-box-icon{ margin-right:30px } .feature-box.feature-box-left-icon .feature-box-content,.feature-box.feature-box-left-icon-middle .feature-box-content{ -webkit-box-flex:1; -ms-flex:1; flex:1 } .feature-box.feature-box-left-icon .content-slide-up,.feature-box.feature-box-left-icon-middle .content-slide-up{ display:-webkit-box; display:-ms-flexbox; display:flex } .feature-box.feature-box-left-icon-middle{ -webkit-flex-flow:row wrap; -ms-flex-flow:row wrap; -webkit-box-align:center!important; -ms-flex-align:center!important; align-items:center!important; -ms-flex-pack:center; justify-content:flex-start; text-align:left } .feature-box.feature-box-left-icon-middle .content-slide-up{ flex-flow:row wrap; align-items:center; justify-content:flex-start; text-align:left } .feature-box.text-start{ -webkit-box-align:start; -ms-flex-align:start; align-items:start } .feature-box.text-end{ -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end } .feature-box .feature-box-overlay{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; opacity:0; -webkit-transition:.4s cubic-bezier(.12,0,.39,0); transition:.4s cubic-bezier(.12,0,.39,0) } .feature-box .content-slide-up{ will-change:transform; -webkit-transform:translateY(30px); transform:translateY(30px) } .feature-box .content-slide-up .text-visible{ opacity:0 } .feature-box .border-hover{ left:0; bottom:-1px; width:calc(100% + 0px); height:5px; position:absolute; -webkit-transform:scaleX(0); transform:scaleX(0); -webkit-transition:transform .5s ease; transition:transform .5s ease; will-change:transform } .feature-box .feature-box-bg-overlay{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:-9; opacity:0; -webkit-transform:scale(.8); transform:scale(.8); -webkit-transition:.5s; transition:.5s } .feature-box .feature-box-icon-rounded{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; overflow:hidden; -webkit-transition:.3s; transition:.3s } .feature-box .feature-box-icon-rounded .feature-box-icon-hover{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; -webkit-transition:.4s cubic-bezier(.12,0,.39,0); transition:.4s cubic-bezier(.12,0,.39,0) } .feature-box .feature-box-icon-rounded i{ position:relative; z-index:1; -webkit-transition:.4s cubic-bezier(.12,0,.39,0); transition:.4s cubic-bezier(.12,0,.39,0) } .feature-box .box-move-bottom-top{ -webkit-transform:translateY(28px); transform:translateY(28px); -webkit-transition:.4s cubic-bezier(.12,0,.39,0); transition:.4s cubic-bezier(.12,0,.39,0) } .feature-box .move-bottom-top{ -webkit-transform:translateY(20px); transform:translateY(20px); -webkit-transition:.4s cubic-bezier(.12,0,.39,0); transition:.4s cubic-bezier(.12,0,.39,0); opacity:0 } .feature-box:hover .box-move-bottom-top{ -webkit-transform:translateY(0); transform:translateY(0) } .feature-box:hover .box-move-bottom-top .move-bottom-top{ -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } .feature-box:hover .border-hover{ -webkit-transform:scaleX(1); transform:scaleX(1) } .feature-box:hover .feature-box-overlay{ opacity:1 } .feature-box:hover .content-slide-up{ -webkit-transform:translateY(0); transform:translateY(0) } .feature-box:hover .content-slide-up .text-visible{ opacity:1 } .feature-box:hover .content-slide-up.content-scale .feature-box-overlay{ -webkit-transform:scale(1.1); transform:scale(1.1) } .feature-box:hover .feature-box-bg-overlay{ opacity:1; -webkit-transform:scale(1); transform:scale(1) } .feature-box:hover .feature-box-icon-rounded .feature-box-icon-hover{ opacity:1 } .feature-box:hover .feature-box-content .underline-on-hover{ color:var(--base-color) } .feature-box:hover .feature-box-content .underline-on-hover:after{ opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } .feature-box:hover .dark-hover i,.feature-box:hover .dark-hover span{ color:#fff } .feature-box:hover .dark-hover [class*=text-gradient-]{ color:var(--white); background-image:none; -webkit-background-clip:inherit; -webkit-text-fill-color:var(--white) } .feature-box.border-bottom .feature-box-overlay,.feature-box.border-top .feature-box-overlay{ height:calc(100% + 1px) } .icon-with-text-style-03 *{ word-break:initial } .icon-with-text-style-05 .feature-box{ height:100% } .icon-with-text-style-07 .hover-box:hover .feature-box-title{ left:-25% } .icon-with-text-style-07 .hover-box:hover .feature-box-title.text-outline-color-dark-gray{ -webkit-text-stroke-color:var(--base-color); opacity:1 } .icon-with-text-style-07 .feature-box-title{ position:absolute; top:30px; left:50%; word-break:normal; width:100%; -webkit-transition:.4s cubic-bezier(.12,0,.39,0); transition:.4s cubic-bezier(.12,0,.39,0) } .icon-with-text-style-10 .feature-box-icon:before{ width:100%; height:50%; background-color:var(--base-color); opacity:.12; z-index:-1; content:""; position:absolute; left:0; top:0; -webkit-transform:rotate(-40deg); -ms-transform:rotate(-40deg); transform:rotate(-40deg); -webkit-transform-origin:bottom center; -ms-transform-origin:bottom center; transform-origin:bottom center; -webkit-transition:.4s cubic-bezier(.12,0,.39,0); transition:.4s cubic-bezier(.12,0,.39,0) } .icon-with-text-style-10:nth-child(even) .feature-box-icon:before{ -webkit-transform:rotate(140deg); -ms-transform:rotate(140deg); transform:rotate(140deg) } .icon-with-text-style-10:hover .feature-box-icon{ -webkit-transform:scale(1.1); transform:scale(1.1); -webkit-transition:all .3s cubic-bezier(.37,.8,.63,1.2); transition:all .3s cubic-bezier(.37,.8,.63,1.2) } .icon-with-text-style-10:hover .feature-box-icon i{ color:var(--white) } .icon-with-text-style-10:hover .feature-box-icon:before{ height:100%; -webkit-transform-origin:center; -ms-transform-origin:center; transform-origin:center; opacity:1 } .icon-with-text-style-11{ -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:all .3s linear; transition:all .3s linear } .icon-with-text-style-11 .text-box{ opacity:1 } .icon-with-text-style-11 .text-box-hover{ position:absolute; top:0; left:0; opacity:0; -webkit-transition:all .3s linear; transition:all .3s linear } .icon-with-text-style-11:hover{ -webkit-transform:translateY(-15px); transform:translateY(-15px) } .icon-with-text-style-11:hover .text-box-hover{ opacity:1 } .icon-with-text-style-11:hover .text-box{ opacity:0 } .image-gallery-style-01 .gallery-box .gallery-image{ will-change:transform } .image-gallery-style-01 .gallery-box:hover img{ opacity:.5; -webkit-filter:blur(2px); filter:blur(2px); -webkit-transform:scale(1.1); transform:scale(1.1) } .image-gallery-style-02 .gallery-box:hover img{ -webkit-filter:grayscale(1); filter:grayscale(1); opacity:.3 } .image-gallery-style-03 .gallery-box i{ opacity:0; visibility:hidden } .image-gallery-style-03 .gallery-box img{ -webkit-transform:scale(1.13) translateZ(0); transform:scale(1.13) translateZ(0) } .image-gallery-style-03 .gallery-box:hover i{ opacity:1; visibility:visible } .image-gallery-style-03 .gallery-box:hover img{ opacity:.2; -webkit-transform:scale(1) translateZ(0); transform:scale(1) translateZ(0) } .image-gallery-style-04 .gallery-box{ will-change:transform } .image-gallery-style-04 .gallery-box img{ width:100% } .image-gallery-style-04 .gallery-box:hover img{ opacity:.2 } .image-gallery-style-05 .gallery-box{ will-change:transform } .image-gallery-style-05 .gallery-box:hover img{ opacity:.2 } .image-gallery-style-06 .gallery-box{ will-change:transform } .image-gallery-style-06 .gallery-box img{ width:100% } .image-gallery-style-06 .gallery-box .gallery-hover{ position:absolute; top:0; left:0; opacity:0; visibility:hidden } .image-gallery-style-06 .gallery-box .gallery-hover .gallery-title{ -webkit-transform:scale(1.5); transform:scale(1.5) } .image-gallery-style-06 .gallery-box:hover img{ opacity:.2; -webkit-transform:scale(1.15); transform:scale(1.15) } .image-gallery-style-06 .gallery-box:hover .gallery-hover{ opacity:1; visibility:visible } .image-gallery-style-06 .gallery-box:hover .gallery-hover .gallery-title{ -webkit-transform:scale(1); transform:scale(1) } .instafeed-grid{ list-style:none; text-align:center } .instafeed-grid figure{ position:relative; overflow:hidden; margin-bottom:0; border-radius:4px } .instafeed-grid figure a .insta-icon{ opacity:0; position:absolute; top:0; left:0; text-align:center; background:rgba(35,35,35,.7); width:100%; height:100%; -webkit-transition:.3s; transition:.3s } .instafeed-grid figure a .insta-icon i{ margin-right:5px; margin-left:5px; position:relative; display:block; font-size:26px; color:var(--white); top:50%; -webkit-transform:translateY(-50%) scale(1.5,1.5); transform:translateY(-50%) scale(1.5,1.5); -webkit-transition:all .2s cubic-bezier(.37,.8,.63,1); transition:all .2s cubic-bezier(.37,.8,.63,1) } .instafeed-grid figure a .insta-video{ display:none } .instafeed-grid figure a video{ object-fit:cover; width:100%; height:100% } .instafeed-grid figure a video[data-class=video]{ display:block } .instafeed-grid figure a [data-class=video]+.insta-image{ display:none } .instafeed-grid figure:hover a .insta-icon{ opacity:1 } .instafeed-grid figure:hover a .insta-icon i{ -webkit-transform:translateY(-50%) scale(1,1); transform:translateY(-50%) scale(1,1) } .instagram-follow-api .instagram-button{ z-index:1; white-space:nowrap; padding:12px 32px; box-shadow:0 0 35px rgba(23,23,23,.4) } .interactive-banner-style-01 figure{ -webkit-transition:all .7s cubic-bezier(.61,1,.88,1); transition:all .7s cubic-bezier(.61,1,.88,1) } .interactive-banner-style-01 figure .icon-box{ opacity:0; position:relative; top:15px } .interactive-banner-style-01 figure figcaption{ position:absolute; bottom:0 } .interactive-banner-style-01 figure:hover{ -webkit-transform:translateY(-5px); transform:translateY(-5px) } .interactive-banner-style-01 figure:hover img{ -webkit-transform:scale(1.1); transform:scale(1.1); -webkit-transition:all .7s cubic-bezier(.61,1,.88,1); transition:all .7s cubic-bezier(.61,1,.88,1) } .interactive-banner-style-01 figure:hover .icon-box{ opacity:1; top:0 } .interactive-banner-style-01 figure:hover .box-overlay{ opacity:.5 } .interactive-banner-style-02.hover-box *{ will-change:auto!important } .interactive-banner-style-02 figure figcaption .features-icon{ margin-bottom:-45px; opacity:0; visibility:hidden } .interactive-banner-style-02:hover figure img{ -webkit-transform:scale(1.1); transform:scale(1.1) } .interactive-banner-style-02:hover figure figcaption .features-icon{ margin-bottom:20px; opacity:1; visibility:visible } .interactive-banner-style-03 figure{ position:relative } .interactive-banner-style-03 figure img{ -webkit-transition:all .7s cubic-bezier(.61,1,.88,1); transition:all .7s cubic-bezier(.61,1,.88,1) } .interactive-banner-style-03 figure figcaption{ position:absolute; bottom:0; top:0; background-color:rgba(0,0,0,.2) } .interactive-banner-style-03 figure:hover img{ -webkit-transform:scale(1.08); transform:scale(1.08) } .interactive-banner-style-04 figure,.interactive-banner-style-04 figure *{ -webkit-transition:all .7s cubic-bezier(.5,1,.89,1); transition:all .7s cubic-bezier(.5,1,.89,1) } .interactive-banner-style-04 figure figcaption{ position:absolute; bottom:0 } .interactive-banner-style-04 figure figcaption .features-content{ position:absolute; left:25px; top:25px; width:calc(100% - 50px); height:calc(100% - 50px); opacity:0; visibility:hidden; -webkit-transform:translateY(20px); transform:translateY(20px); -webkit-transition:all .5s cubic-bezier(.5,1,.89,1); transition:all .5s cubic-bezier(.5,1,.89,1) } .interactive-banner-style-04 figure figcaption .features-content .box-overlay{ height:0%; -webkit-transition:all .4s cubic-bezier(.5,1,.89,1); transition:all .4s cubic-bezier(.5,1,.89,1) } .interactive-banner-style-04 figure figcaption .box-button{ opacity:1; visibility:visible; position:relative; bottom:0; -webkit-transition:all .5s cubic-bezier(.5,1,.89,1); transition:all .5s cubic-bezier(.5,1,.89,1) } .interactive-banner-style-04 figure:hover{ -webkit-transform:translateY(-5px); transform:translateY(-5px) } .interactive-banner-style-04 figure:hover figcaption .features-content{ opacity:1; visibility:visible; -webkit-transform:translateY(0); transform:translateY(0) } .interactive-banner-style-04 figure:hover figcaption .box-overlay{ height:100% } .interactive-banner-style-04 figure:hover figcaption .box-button{ opacity:0; visibility:hidden; position:relative; bottom:-70px } .interactive-banner-style-05 figure img{ -webkit-transition:all .7s cubic-bezier(.61,1,.88,1); transition:all .7s cubic-bezier(.61,1,.88,1) } .interactive-banner-style-05 figure figcaption .btn{ margin-bottom:-50px; visibility:hidden; opacity:0; -webkit-transition:all .7s cubic-bezier(.61,1,.88,1); transition:all .7s cubic-bezier(.61,1,.88,1) } .interactive-banner-style-05 figure figcaption .content-arrow{ position:absolute; right:0; opacity:0; top:50%; -webkit-transform:translateY(5px); transform:translateY(5px) } .interactive-banner-style-06,.interactive-banner-style-07 figure{ position:relative; overflow:hidden } .interactive-banner-style-05 figure:hover img{ -webkit-transform:scale(1.08); transform:scale(1.08) } .interactive-banner-style-05 figure:hover figcaption img{ -webkit-transform:scale(1); transform:scale(1) } .interactive-banner-style-05 figure:hover figcaption .content-arrow{ opacity:1; -webkit-transform:translateY(-50%); transform:translateY(-50%) } .interactive-banner-style-05 figure:hover figcaption .btn{ margin-bottom:0; visibility:visible; opacity:1 } .interactive-banner-style-05 .atropos:hover .box-overlay{ opacity:1; visibility:visible } .interactive-banner-style-05 .atropos:hover img{ -webkit-transform:scale(1.08); transform:scale(1.08) } .interactive-banner-style-06 .banners-icon{ z-index:9; -webkit-transition:350ms cubic-bezier(.12,0,.39,0); transition:350ms cubic-bezier(.12,0,.39,0) } .interactive-banner-style-06 img{ -webkit-transition:1s cubic-bezier(.12,0,.39,0); transition:1s cubic-bezier(.12,0,.39,0); width:100% } .interactive-banner-style-06 .interactive-banners-content{ position:absolute; bottom:0; left:0; width:100%; z-index:1; transform:translateY(calc(100% - 155px)); -webkit-transition:550ms cubic-bezier(.12,0,.1,0); transition:550ms cubic-bezier(.12,0,.1,0) } .interactive-banner-style-06 .interactive-banners-content .interactive-banners-content-text{ opacity:0; visibility:hidden; -webkit-transition:350ms cubic-bezier(.12,0,.39,0); transition:350ms cubic-bezier(.12,0,.39,0) } .interactive-banner-style-06 .box-overlay{ height:25%; bottom:0; top:auto; visibility:visible; opacity:0; -webkit-transition:350ms cubic-bezier(.12,0,.39,0); transition:350ms cubic-bezier(.12,0,.39,0) } .interactive-banner-style-06:hover img{ -webkit-transform:scale(1.3); transform:scale(1.3); -webkit-transition:3s cubic-bezier(.12,0,.39,0); transition:3s cubic-bezier(.12,0,.39,0) } .interactive-banner-style-06:hover .interactive-banners-content{ transform:translateY(0) } .interactive-banner-style-06:hover .interactive-banners-content .interactive-banners-content-text{ opacity:1; visibility:visible } .interactive-banner-style-06:hover .box-overlay{ height:100%; visibility:visible; opacity:1 } .interactive-banner-style-07 figure>img{ -webkit-transition:.6s cubic-bezier(.12,0,.39,0); transition:.6s cubic-bezier(.12,0,.39,0); -webkit-transform:scale(1); transform:scale(1) } .interactive-banner-style-07 figure .overlay-bg{ -webkit-transition:.4s cubic-bezier(.12,0,.39,0); transition:.4s cubic-bezier(.12,0,.39,0) } .interactive-banner-style-07 figure figcaption{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1 } .interactive-banner-style-07 figure .hover-hide-content{ position:absolute; bottom:50px; left:0; width:100%; -webkit-transition:1s; transition:1s } .interactive-banner-style-07 figure .hover-show-content{ opacity:0; visibility:hidden; position:absolute; bottom:50px; -webkit-transition:.4s cubic-bezier(.12,0,.39,0); transition:.4s cubic-bezier(.12,0,.39,0); -webkit-transform:scale(1); transform:scale(1) } .interactive-banner-style-07 figure:hover>img{ -webkit-transform:scale(1.1); transform:scale(1.1) } .interactive-banner-style-07 figure:hover .overlay-bg{ opacity:.7 } .interactive-banner-style-07 figure:hover .hover-hide-content{ opacity:0; visibility:hidden; -webkit-transition:.1s; transition:.1s } .interactive-banner-style-07 figure:hover .hover-show-content{ opacity:1; visibility:visible; -webkit-transform:scale(1.2); transform:scale(1.2) } .interactive-banner-style-08 figure:hover img{ -webkit-transform:scale(1.08); transform:scale(1.08); -webkit-transition:1.5s; transition:1.5s } .interactive-banner-style-08 figure:hover .box-overlay{ opacity:1; visibility:visible } .interactive-banner-style-08 figure:hover figcaption .circle-box{ background-color:var(--white)!important; -webkit-transform:scale(1.1); transform:scale(1.1); -webkit-transition:all .5s cubic-bezier(.61,1,.88,1.5); transition:all .5s cubic-bezier(.61,1,.88,1.5) } .interactive-banner-style-09 img{ -webkit-transition:all 1.5s cubic-bezier(.19,1,.22,1); transition:all 1.5s cubic-bezier(.19,1,.22,1) } .interactive-banner-style-09 .image-content{ position:absolute; top:0 } .interactive-banner-style-09 .image-content .content-title{ -webkit-box-flex:1; -ms-flex:1; flex:1; position:relative; opacity:.6; visibility:visible; will-change:transform; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:.4s cubic-bezier(.12,0,.39,0); transition:.4s cubic-bezier(.12,0,.39,0) } .interactive-banner-style-09 .image-content .content-title-hover{ position:absolute; width:auto; left:0; bottom:0; visibility:hidden; will-change:transform; -webkit-transform:translateY(20px); transform:translateY(20px); -webkit-transition:.4s cubic-bezier(.12,0,.39,0); transition:.4s cubic-bezier(.12,0,.39,0) } .interactive-banner-style-09 .image-content .content-arrow{ will-change:transform; position:absolute; right:0; opacity:0; top:50%; -webkit-transform:translateY(10px); transform:translateY(10px); -webkit-transition:all .3s cubic-bezier(.12,0,.39,0); transition:all .3s cubic-bezier(.12,0,.39,0); display:flex; align-items:center; justify-content:center } .interactive-banner-style-09 .image-content .label{ -webkit-transition:.3s cubic-bezier(.12,0,.39,0); transition:.3s cubic-bezier(.12,0,.39,0) } .interactive-banner-style-09 .image-content .hover-label-icon i{ opacity:0; position:absolute; top:20px; left:0; -webkit-transition:.3s cubic-bezier(.12,0,.39,0); transition:.3s cubic-bezier(.12,0,.39,0) } .interactive-banner-style-09 .image-content:hover .content-arrow{ opacity:1; -webkit-transform:translateY(-42%); transform:translateY(-42%) } .interactive-banner-style-09 .image-content:hover .content-title{ opacity:0; visibility:hidden; -webkit-transform:translateY(-20px); transform:translateY(-20px) } .interactive-banner-style-09 .image-content:hover .content-title-hover{ visibility:visible; -webkit-transform:translateY(-3px); transform:translateY(-3px) } .interactive-banner-style-09 .image-content:hover .box-overlay{ opacity:1; visibility:visible } .interactive-banner-style-09 .image-content:hover .hover-label-icon .label{ opacity:0; margin-top:-20px } .interactive-banner-style-09 .image-content:hover .hover-label-icon i{ opacity:1; top:0 } .interactive-banner-style-09:hover img{ -webkit-transform:scale(1.1); transform:scale(1.1) } .html-video,.mfp-ajax-holder{ -webkit-transform:translateY(-50%) } .list-style-01{ list-style:none } .list-style-01 li{ border-bottom:1px solid } .list-style-01 li:last-child,.team-style-09 .nav-tabs>li.nav-item:last-child .nav-link{ border-bottom:0 } .list-style-02{ list-style:none } .list-style-02 li{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-align:start; -ms-flex-align:start; align-items:start } .list-style-02 li:last-child{ margin-bottom:0 } .list-style-03{ counter-reset:li; list-style-type:none } .list-style-03 li{ position:relative; padding:0 0 0 38px; margin:0 0 9px } .list-style-03 li:before{ content:counter(li,decimal-leading-zero) "."; counter-increment:li; display:inline-block; position:absolute; left:0 } .list-style-04{ padding-left:16px } .list-style-04 li{ margin:0 0 10px; list-style:disc } .list-style-05{ padding:0; margin:0 } .list-style-05 li{ margin:0; display:inline-block } .list-style-05 li:before{ border-radius:100%; content:""; background-color:var(--medium-gray); display:inline-block; width:6px; height:6px; margin:0 15px; vertical-align:middle; position:relative; top:-2px } .list-style-05 li:first-child:before{ display:none } .html-video{ background-color:#000; left:0; position:absolute; top:50%; z-index:-3; object-fit:cover; transform:translateY(-50%) } .bg-video-wrapper{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; pointer-events:none; overflow:hidden } .bg-video-wrapper iframe{ width:100vw; height:56.25vw; min-height:100vh; min-width:177.77vh; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) } #popup-form{ cursor:default } .mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{ color:var(--white); background:0 0 } .mfp-iframe-holder .mfp-content{ max-width:1050px } .mfp-close,.mfp-close:active{ opacity:1; background-color:transparent; right:20px; top:20px; height:30px; width:30px; font-size:13px; line-height:31px; position:absolute; color:var(--dark-gray) } .show-search-popup .mfp-search.mfp-bg.mfp-ready{ opacity:.5 } .mfp-arrow{ opacity:1 } .mfp-wrap .mfp-container{ cursor:auto } .show-search-popup .mfp-close,.show-search-popup .mfp-close:active{ color:var(--dark-gray) } .show-search-popup .search-form .search-input{ border-bottom:2px solid rgba(0,0,0,.1); color:var(--dark-gray) } .show-search-popup .search-form .search-button{ color:var(--dark-gray) } .show-search-popup .mfp-container{ position:fixed; height:300px; background-color:var(--white); -webkit-animation-name:ani-mfp; animation-name:ani-mfp; -webkit-animation-duration:.2s; -moz-animation-duration:.2s; -o-animation-duration:.2s; animation-duration:.2s } .mfp-arrow-left:before,.mfp-arrow-right:before{ font-size:20px; font-family:themify; line-height:60px; height:100%; border:none; opacity:1; width:100%; margin:0; color:var(--white) } .show-search-popup .mfp-removing .mfp-container{ -webkit-animation-name:ani-mfp-close; animation-name:ani-mfp-close; -webkit-animation-duration:.2s; -moz-animation-duration:.2s; -o-animation-duration:.2s; animation-duration:.2s } .lightbox-gallery a{ position:relative; display:block } .mfp-arrow-left:after,.mfp-arrow-right:after,.subscribe-popup .mfp-close.mfp-close-btn:before{ display:none } .lightbox-gallery .gallary-over-layer{ position:absolute; top:0; left:0 } .mfp-arrow-left{ left:30px } .mfp-arrow-right{ right:30px } .mfp-arrow-left:before{ content:"\e629" } .mfp-arrow-right:before{ content:"\e628" } .mfp-bottom-bar{ margin-top:-24px; font-size:12px } .mfp-close{ font-size:28px; font-family:var(--alt-font) } .mfp-figure{ -webkit-animation-name:fadeIn; -moz-animation-name:fadeIn; -o-animation-name:fadeIn; -ms-animation-name:fadeIn; animation-name:fadeIn; -webkit-animation-duration:.4s; -moz-animation-duration:.4s; -ms-animation-duration:.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden } .my-mfp-zoom-in .zoom-anim-dialog{ opacity:0; -webkit-transform:scale3d(.9,.9,1); -o-transform:scale3d(.9,.9,1); transform:scale3d(.9,.9,1); -webkit-transition:all .5s cubic-bezier(.2,0,.3,1); transition:all .5s cubic-bezier(.2,0,.3,1) } .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog{ opacity:1; -webkit-transform:translate3d(0,0,0) scale3d(1,1,1); -o-transform:translate3d(0,0,0) scale3d(1,1,1); transform:translate3d(0,0,0) scale3d(1,1,1) } .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog{ -webkit-transform:scale(.8); transform:scale(.8); opacity:0 } .my-mfp-zoom-in.mfp-bg{ opacity:0; -webkit-transition:opacity .3s ease-out; transition:opacity .3s ease-out } .my-mfp-zoom-in.mfp-ready.mfp-bg{ opacity:.8 } .my-mfp-zoom-in.mfp-removing.mfp-bg{ opacity:0 } .my-mfp-slide-bottom .zoom-anim-dialog{ opacity:0; -webkit-transition:all .3s ease-out; transition:all .3s ease-out; -webkit-transform:translateY(-20px) perspective(600px) rotateX(10deg); -o-transform:translateY(-20px) perspective(600px) rotateX(10deg); transform:translateY(-20px) perspective(600px) rotateX(10deg) } .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog{ opacity:1; -webkit-transform:translateY(0) perspective(600px) rotateX(0); -o-transform:translateY(0) perspective(600px) rotateX(0); transform:translateY(0) perspective(600px) rotateX(0) } .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog{ opacity:0; -webkit-transform:translateY(-10px) perspective(600px) rotateX(10deg); -o-transform:translateY(-10px) perspective(600px) rotateX(10deg); transform:translateY(-10px) perspective(600px) rotateX(10deg) } .my-mfp-slide-bottom.mfp-bg{ opacity:0; -webkit-transition:opacity .3s ease-out; transition:opacity .3s ease-out } .my-mfp-slide-bottom.mfp-ready.mfp-bg{ opacity:.8 } .my-mfp-slide-bottom.mfp-removing.mfp-bg{ opacity:0 } .my-mfp-slide-up .slide-up-popup{ -webkit-transition:all .5s cubic-bezier(.2,0,.3,1); transition:all .5s cubic-bezier(.2,0,.3,1); -webkit-transform:translate3d(0,30px,0); transform:translate3d(0,30px,0) } .my-mfp-slide-up.mfp-ready .slide-up-popup{ -webkit-transform:translate3d(0,0,0) scale3d(1,1,1); -o-transform:translate3d(0,0,0) scale3d(1,1,1); transform:translate3d(0,0,0) scale3d(1,1,1) } .my-mfp-slide-up.mfp-removing .slide-up-popup{ opacity:0; -webkit-transform:translate3d(0,30px,0); transform:translate3d(0,30px,0) } .my-mfp-slide-up.mfp-bg{ opacity:0; -webkit-transition:opacity .3s ease-out; transition:opacity .3s ease-out } .my-mfp-slide-up.mfp-ready.mfp-bg{ opacity:.8 } .my-mfp-slide-up.mfp-removing.mfp-bg{ opacity:0 } .mfp-bg{ background:var(--dark-gray); opacity:.9 } .mfp-bg,.mfp-wrap{ z-index:10007 } .mfp-fade.mfp-bg{ opacity:0; -webkit-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out } .mfp-fade.mfp-bg.mfp-ready{ opacity:.93 } .mfp-fade.mfp-bg.mfp-removing{ opacity:0 } .mfp-fade.mfp-wrap .mfp-content{ opacity:0; -webkit-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out } .mfp-fade.mfp-wrap.mfp-ready .mfp-content,.pricing-table-style-07 .nav-tabs .nav-item .nav-link.active .icon i,.pricing-table-style-07 .nav-tabs .nav-item .nav-link:hover .icon i{ opacity:1 } .mfp-fade.mfp-wrap.mfp-removing .mfp-content{ opacity:0 } .mfp-ajax-holder{ width:70%; height:calc(100% - 100px); margin:0 auto; position:relative; top:50%; transform:translateY(-50%) } button.mfp-close,button.mfp-close:active{ height:40px; width:40px; position:absolute; right:20px; top:20px; border-radius:100%; display:flex; align-items:center; justify-content:center; font-size:0 } button.mfp-close:active:before,button.mfp-close:before{ content:"\f00d"; color:var(--black); font-family:"Font Awesome 6 Free"; font-size:20px; font-weight:900 } .mfp-gallery button.mfp-close:before,.mfp-iframe-holder~button.mfp-close:before,.subscribe-popup .mfp-close:before{ color:var(--dark-gray) } .mfp-gallery button.mfp-close,.mfp-iframe-holder~button.mfp-close{ right:40px; top:40px; background-color:var(--white) } .modal-popup-main{ position:relative } .subscribe-popup .mfp-close,.subscribe-popup .mfp-close:active{ background-color:transparent; font-size:13px; line-height:30px; top:20px; right:20px } .subscribe-popup .mfp-close.mfp-close-btn{ bottom:0; top:inherit; position:relative; width:auto; right:0; height:auto; font-size:14px } .subscribe-popup .newsletter-style-02 .btn{ padding:6px 25px 9px } .newsletter-popup label{ cursor:pointer } [data-parallax-background-ratio]{ position:relative!important; overflow:hidden; background-attachment:fixed!important; -webkit-transition-duration:0s } .video-icon-effect{ position:relative; width:65px; height:65px; border-radius:50%; background-color:var(--white) } .video-icon-effect:before{ position:absolute; content:""; animation:border-transform 7s linear infinite alternate forwards; background-color:var(--white); width:100px; height:100px; top:-15px; left:-15px; opacity:.2 } @-webkit-keyframes border-transform{ 0%,100%{ border-radius:36% 64% 59% 41%/40% 45% 55% 60% } 24%{ border-radius:37% 63% 60% 40%/46% 52% 48% 54% } 32%{ border-radius:40% 60% 54% 46%/52% 56% 44% 48% } 42%{ border-radius:52% 48% 62% 38%/54% 54% 46% 46% } 56%{ border-radius:60% 40% 65% 35%/54% 50% 50% 46% } 70%{ border-radius:44% 56% 43% 57%/42% 50% 50% 58% } } @keyframes border-transform{ 0%,100%{ border-radius:36% 64% 59% 41%/40% 45% 55% 60% } 24%{ border-radius:37% 63% 60% 40%/46% 52% 48% 54% } 32%{ border-radius:40% 60% 54% 46%/52% 56% 44% 48% } 42%{ border-radius:52% 48% 62% 38%/54% 54% 46% 46% } 56%{ border-radius:60% 40% 65% 35%/54% 50% 50% 46% } 70%{ border-radius:44% 56% 43% 57%/42% 50% 50% 58% } } canvas{ display:block; vertical-align:bottom } .pie-chart-style-01{ position:relative; display:inline-block } .pie-chart-style-01 .percent{ position:absolute; left:0; right:0; margin:0 auto; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%) } .pricing-table-style-01.popular-item{ margin-top:-30px } .pricing-table-style-02 .popular-item{ left:-10px; position:relative; z-index:1; width:calc(100% + 20px) } .pricing-table-style-02 .popular-label{ position:absolute; top:0; left:50%; padding:1px 20px; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%) } .pricing-table-style-04 .accordion-item{ border-radius:5px!important; padding:16px 35px } .pricing-table-style-04 .accordion-item .accordion-body{ padding:10px 0 } .pricing-table-style-04 .accordion-item .icon-round{ position:absolute; top:50%; right:0; text-align:center; -webkit-border-radius:100%; border-radius:100%; -webkit-transform:translateY(-50%); transform:translateY(-50%) } .pricing-table-style-04 .accordion-item .icon-round i{ left:0; font-size:13px } .pricing-table-style-04 .accordion-item.active-accordion{ padding:30px 40px; background-color:var(--base-color)!important; color:var(--white)!important } .pricing-table-style-04 .accordion-item.active-accordion .accordion-header .accordion-title{ color:var(--white)!important } .pricing-table-style-04 .accordion-item.active-accordion .icon-round{ background-color:rgba(0,0,0,.4); color:var(--white)!important } .pricing-table-style-07 .nav-tabs{ padding:0 } .pricing-table-style-07 .nav-tabs .nav-item{ width:100%; padding:0 15px } .pricing-table-style-07 .nav-tabs .nav-item .nav-link{ border:0; color:var(--medium-gray) } .pricing-table-style-07 .nav-tabs .nav-item .nav-link .icon{ border-color:rgba(23,23,23,.2)!important } .pricing-table-style-07 .nav-tabs .nav-item .nav-link .icon i{ opacity:0 } .pricing-table-style-07 .nav-tabs .nav-item .nav-link .text-dark-gray{ -webkit-transition:.3s; transition:.3s } .pricing-table-style-07 .nav-tabs .nav-item .nav-link.active,.pricing-table-style-07 .nav-tabs .nav-item .nav-link:hover{ box-shadow:none; background-color:var(--base-color); color:var(--white)!important } .pricing-table-style-07 .nav-tabs .nav-item .nav-link.active .text-dark-gray,.pricing-table-style-07 .nav-tabs .nav-item .nav-link:hover .text-dark-gray{ color:var(--white)!important } .pricing-table-style-07 .nav-tabs .nav-item .nav-link.active .offer,.pricing-table-style-07 .nav-tabs .nav-item .nav-link:hover .offer{ background-color:var(--dark-gray); border-color:var(--dark-gray)!important } .pricing-table-style-07 .nav-tabs .nav-item .nav-link.active .icon{ border-color:#fff!important } .pricing-table-style-07 .nav-tabs .nav-item .nav-link.active .offer{ background-color:var(--dark-gray); border-color:var(--dark-gray)!important } .pricing-table-style-08 .nav-tabs{ position:relative } .pricing-table-style-08 .nav-tabs>li.nav-item{ padding:0; margin:0 } .pricing-table-style-08 .nav-tabs>li.nav-item>a.nav-link{ position:relative; padding:0; border:0; color:var(--medium-gray) } .pricing-table-style-08 .nav-tabs>li.nav-item>a.nav-link .tab-nav-text{ margin:0 15px } .pricing-table-style-08 .nav-tabs>li.nav-item>a:before{ content:""; display:inline-block; width:22px; height:22px; position:absolute; bottom:5px; left:calc(50% - 15px); opacity:0; border-radius:50em; background-color:#fff; -webkit-transform:scale(.5); transform:scale(.5); transition:transform .65s cubic-bezier(.23,1,.32,1),opacity .65s cubic-bezier(.23,1,.32,1); -webkit-box-shadow:0 0 20px rgba(0,0,0,.5); box-shadow:0 0 20px rgba(0,0,0,.5) } .pricing-table-style-08 .nav-tabs>li.nav-item>a:after{ content:""; display:inline-block; width:100%; height:32px; background-color:#152bca } .pricing-table-style-08 .nav-tabs>li.nav-item>a.active{ color:var(--dark-gray); background-color:transparent } .pricing-table-style-08 .nav-tabs>li.nav-item>a.active:before{ opacity:1; -webkit-transform:scale(1); transform:scale(1) } .pricing-table-style-08 .nav-tabs>li.nav-item:first-child a{ flex-direction:row } .pricing-table-style-08 .nav-tabs>li.nav-item:first-child a:before{ left:auto; right:0 } .pricing-table-style-08 .nav-tabs>li.nav-item:first-child a:after{ border-radius:50em 0 0 50em; width:28px } .pricing-table-style-08 .nav-tabs>li.nav-item:last-child a{ flex-direction:row-reverse } .pricing-table-style-08 .nav-tabs>li.nav-item:last-child a:after{ width:30px; border-radius:0 50em 50em 0 } .pricing-table-style-09 .row,.pricing-table-style-09 .row i,.pricing-table-style-09 .row img{ -webkit-transition:all .4s cubic-bezier(.61,1,.88,1); transition:all .4s cubic-bezier(.61,1,.88,1) } .pricing-table-style-09 .row:hover{ -webkit-box-shadow:0 20px 50px rgba(0,0,0,.08); box-shadow:0 20px 50px rgba(0,0,0,.08) } .pricing-table-style-09 .row:hover i,.pricing-table-style-09 .row:hover img{ -webkit-transform:scale(1.1); transform:scale(1.1) } .pricing-table-style-09 .action{ -webkit-transition:.3s; transition:.3s } .pricing-table-style-09 .action:hover{ margin-right:-5px } .pricing-table-style-10 .cover-background{ filter:grayscale(0); -webkit-transition:all .7s cubic-bezier(.61,1,.88,1); transition:all .7s cubic-bezier(.61,1,.88,1) } .pricing-table-style-10 .popular-label{ position:absolute; top:0; right:50px; z-index:1; height:100px; width:100px; display:flex; align-items:center; justify-content:center; -webkit-transform:translate(0,-50%); transform:translate(0,-50%) } .pricing-table-style-10:hover .cover-background{ filter:grayscale(100%) } .pricing-table-style-11 li{ list-style:none; padding:25px 0; position:relative; -webkit-transition:all .2s cubic-bezier(.37,.8,.63,1); transition:all .2s cubic-bezier(.37,.8,.63,1) } .pricing-table-style-11 li .popular-label{ position:absolute; border-radius:100%; display:flex; align-items:center; justify-content:center } .pricing-table-style-11 li:hover{ -webkit-transform:scale(1.03); transform:scale(1.03) } .pricing-table-style-12{ padding:0; margin:0; list-style:none } .pricing-table-style-12 li{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:15px 0; -webkit-transition:all .5s cubic-bezier(.61,1,.88,1); transition:all .5s cubic-bezier(.61,1,.88,1) } .pricing-table-style-12 li:last-child{ padding-bottom:0 } .pricing-table-style-12 li:hover{ -webkit-transform:translateX(15px); transform:translateX(15px) } .pricing-table-style-13{ padding:0; margin:0; list-style:none } .pricing-table-style-13 li{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:25px 0; -webkit-transition:all .5s cubic-bezier(.61,1,.88,1); transition:all .5s cubic-bezier(.61,1,.88,1) } .pricing-table-style-13 li:last-child{ padding-bottom:0 } .pricing-table-style-13 li:hover{ -webkit-transform:translateX(15px); transform:translateX(15px) } .process-step-style-01 .progress-step-separator{ position:absolute; top:50%; left:calc(100% + 20px); -webkit-transform:translateX(-50%); transform:translateX(-50%) } .process-step-style-01 .process-step-icon,.process-step-style-02 .process-step-icon{ position:relative; text-align:center; display:inline-block; vertical-align:middle } .process-step-style-01:hover .box-overlay{ -webkit-transform:scale(1.2); transform:scale(1.2) } .process-step-style-01:hover .icon,.process-step-style-01:hover .number{ color:var(--white) } .process-step-style-02 .process-step-icon{ overflow:hidden; will-change:transform } .process-step-style-02 .progress-step-separator{ position:absolute; top:50%; left:calc(100% + 15px); -webkit-transform:translateX(-50%); transform:translateX(-50%) } .process-step-style-02:hover .process-step-icon{ -webkit-transform:scale(1.1); transform:scale(1.1); will-change:transform } .process-step-style-03.hover-box *{ will-change:auto; vertical-align:top } .process-step-style-03 .process-step-icon-box .progress-step-separator{ position:absolute; top:50%; left:calc(100% + 15px); -webkit-transform:translateX(-50%); transform:translateX(-50%); -webkit-transition:.4s; transition:.4s } .process-step-style-03 .process-step-icon-box .number{ opacity:0; visibility:hidden; -webkit-transition:.4s; transition:.4s; top:55% } .process-step-style-03:hover .process-step-icon-box .box-overlay{ opacity:.9 } .process-step-style-03:hover .process-step-icon-box .number{ opacity:1; visibility:visible; top:50% } .process-step-style-03:hover .process-step-icon-box .progress-image,.process-step-style-03:hover .process-step-icon-box img{ -webkit-transform:scale(1.1); transform:scale(1.1) } .process-step-style-04 .process-step-icon-box{ will-change:transform } .process-step-style-04 .process-step-icon-box .progress-step-separator{ position:absolute; top:50%; left:calc(100% + 15px); -webkit-transform:translateX(-50%); transform:translateX(-50%) } .process-step-style-04:hover .process-step-icon-box .icon,.process-step-style-04:hover .process-step-icon-box .number{ -webkit-transform:scale(1.3); transform:scale(1.3) } .process-step-style-05 .process-step-item{ display:flex; position:relative; flex-flow:row wrap; align-items:stretch; justify-content:flex-start; text-align:left } .process-step-style-05 .process-content{ overflow:hidden; flex:1; max-width:100% } .process-step-style-05 .progress-step-separator{ position:absolute; bottom:15px; width:1px; left:50%; height:calc(100% - 100px) } .process-step-style-05 .process-step-icon{ will-change:transform; -webkit-transition:all 350ms cubic-bezier(.165,.84,.44,1.7); transition:all 350ms cubic-bezier(.165,.84,.44,1.7) } .process-step-style-05:hover .process-step-icon{ -webkit-transform:scale(1.1); transform:scale(1.1) } .process-step-style-05:hover .icon,.process-step-style-05:hover .number{ color:var(--white) } .process-step-style-06 .process-step-icon-box .progress-step-separator{ position:absolute; top:50%; left:0 } .process-step-style-06:hover .process-step-icon-box .step-box{ -webkit-transform:scale(1.3); transform:scale(1.3) } .process-step-style-08 .process-step-item{ -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:all 350ms cubic-bezier(.23,1,.32,1); transition:all 350ms cubic-bezier(.23,1,.32,1) } .process-step-style-08 .process-step-item:hover{ -webkit-transform:translateY(-8px); transform:translateY(-8px) } .process-step-style-09 .progress-right-icon{ position:absolute; top:50%; left:100%; -webkit-transform:translateY(-50%); transform:translateY(-50%) } .process-step-style-09 .process-step-icon{ position:relative; text-align:center; display:inline-block; vertical-align:middle } .process-step-style-09:hover .box-overlay{ -webkit-transform:scale(1.2); transform:scale(1.2) } .process-step-style-10 .process-step-icon-box{ -webkit-transition:all 650ms cubic-bezier(.23,1,.32,1); transition:all 650ms cubic-bezier(.23,1,.32,1) } .process-step-style-10:hover .process-step-icon-box{ -webkit-transform:translateX(20px) scale(1.1); transform:translateX(20px) scale(1.1) } .process-step-style-10.hover-box .hover-content{ opacity:0; position:absolute; left:0; bottom:-15px } .process-step-style-10.hover-box:hover .hover-content{ opacity:1; bottom:-5px } .process-step-style-11 .process-step-icon-wrap{ z-index:1; background-color:var(--base-color); background-size:4px 4px; -webkit-transition:all 650ms cubic-bezier(.23,1,.32,1); transition:all 650ms cubic-bezier(.23,1,.32,1) } .process-step-style-11:hover .process-step-icon-wrap{ background-color:var(--dark-gray); background-image:none; -webkit-transform:scale(1.1); transform:scale(1.1); -webkit-transition:all 650ms cubic-bezier(.23,1,.32,1); transition:all 650ms cubic-bezier(.23,1,.32,1) } .progress{ position:relative; overflow:visible } .progress .progress-bar{ width:0; position:absolute; top:0; left:0; overflow:visible; -webkit-transition:all 1s cubic-bezier(.5,1,.5,1); transition:all 1s cubic-bezier(.5,1,.5,1) } .progress .progress-bar.appear .progress-bar-percent{ opacity:1 } .progress-bar-percent{ opacity:0 } .progress-bar-style-01 .progress{ height:4px; border-radius:0 } .progress-bar-style-01 .progress .progress-bar-title{ position:absolute; bottom:10px } .progress-bar-style-01 .progress .progress-bar-percent{ position:absolute; bottom:17px; right:-20px; padding:7px; min-width:40px; min-height:26px; border-radius:3px } .progress-bar-style-01 .progress .progress-bar-percent:after{ content:""; top:100%; left:50%; height:0; width:0; z-index:9; margin-left:-4px; position:absolute; pointer-events:none; border:solid transparent; border-top-color:#232323 } .progress-bar-style-01 .progress .progress-bar{ height:100% } .progress-bar-style-02 .progress{ height:30px; overflow:hidden } .progress-bar-style-02 .progress .progress-bar-percent{ position:absolute; top:9px; right:20px; min-width:26px } .progress-bar-style-02 .progress .progress-bar-title{ position:absolute; top:9px; left:20px } .progress-bar-style-02 .progress .progress-bar{ width:0; height:100%; position:absolute } .progress-bar-style-03 .progress{ height:4px } .progress-bar-style-03 .progress .progress-bar-title{ position:absolute; bottom:14px } .progress-bar-style-03 .progress .progress-bar{ height:100% } .progress-bar-style-03 .progress .progress-bar-percent{ position:absolute; bottom:14px; right:0; opacity:1 } .progress-bar-style-04 .progress{ height:8px; border-radius:6px } .progress-bar-style-04 .progress .progress-bar-title{ position:absolute; bottom:15px } .progress-bar-style-04 .progress .progress-bar{ height:100%; border-radius:6px } .progress-bar-style-04 .progress .progress-bar-percent{ position:absolute; bottom:15px; right:0 } .review-star-icon i{ color:#fd961e; letter-spacing:1px } .review-star-icon.review-star-icon-white i{ color:var(--white) } .review-style-03 .slider-review-image-thumbs{ padding:10px; height:auto } .review-style-03 .slider-review-image-thumbs .swiper-slide:not(.swiper-slide-thumb-active) img{ -webkit-transform:scale(.8); transform:scale(.8) } .review-style-03 .slider-review-image-thumbs img{ border:6px solid transparent; margin:0 auto; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out } .review-style-03 .slider-review-image-thumbs .swiper-slide-thumb-active img{ box-shadow:0 0 30px rgba(0,0,0,.05); border:6px solid #fff } .review-style-03 .slider-review-image-thumbs .swiper-slide{ cursor:pointer } .swiper-fade .review-style-08.swiper-slide{ opacity:0!important } .swiper-fade .review-style-08.swiper-slide.swiper-slide-active,.team-style-01 figure .text-light-opacity:hover{ opacity:1!important } .rotate-box{ will-change:transform; min-height:250px; -webkit-perspective:1000; perspective:1000; -webkit-transform-style:preserve-3d; transform-style:preserve-3d } .rotate-box p{ color:rgba(255,255,255,.7) } .rotate-box .back-side,.rotate-box .front-side{ position:absolute; top:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition:transform .6s cubic-bezier(.5,.3,.3,1); transition:transform .6s cubic-bezier(.5,.3,.3,1) } .rotate-box .rotate-content-back,.rotate-box .rotate-content-front{ position:relative; top:50%; -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transition:transform .6s cubic-bezier(.5,.3,.3,1); transition:transform .6s cubic-bezier(.5,.3,.3,1) } .rotate-box-style-01 .back,.rotate-box-style-01 .front{ transition:transform .8s cubic-bezier(.5,.2,.2,.8); perspective:inherit } .rotate-box.to-left .front-side,.rotate-box.to-right .front-side{ z-index:1; -webkit-transform:rotateY(0); transform:rotateY(0); -webkit-transform-style:preserve-3d; transform-style:preserve-3d } .rotate-box.to-left .rotate-content-front,.rotate-box.to-right .rotate-content-front{ -webkit-transform:translateY(-50%) translateX(0) scale(1); transform:translateY(-50%) translateX(0) scale(1) } .rotate-box.to-left:hover .back-side,.rotate-box.to-right:hover .back-side{ -webkit-transform:rotateY(0); transform:rotateY(0); -webkit-transform-style:preserve-3d; transform-style:preserve-3d } .rotate-box.to-left:hover .rotate-content-back,.rotate-box.to-right:hover .rotate-content-back{ -webkit-transform:translateY(-50%) translateX(0) translateZ(0) scale(1); transform:translateY(-50%) translateX(0) translateZ(0) scale(1); -webkit-transform-style:preserve-3d; transform-style:preserve-3d } .rotate-box.to-left .back-side{ -webkit-transform:rotateY(180deg); transform:rotateY(180deg); -webkit-transform-style:preserve-3d; transform-style:preserve-3d; z-index:1 } .rotate-box.to-left .rotate-content-back{ -webkit-transform:translateY(-50%) translateX(400px) translateZ(60px) scale(.88); transform:translateY(-50%) translateX(400px) translateZ(60px) scale(.88) } .rotate-box.to-left:hover .front-side{ -webkit-transform:rotateY(-180deg); transform:rotateY(-180deg); -webkit-transform-style:preserve-3d; transform-style:preserve-3d } .rotate-box.to-left:hover .rotate-content-front{ -webkit-transform:translateY(-50%) translateX(-400px) scale(.88); transform:translateY(-50%) translateX(-400px) scale(.88); -webkit-transform-style:preserve-3d; transform-style:preserve-3d } .rotate-box.to-right .back-side{ -webkit-transform:rotateY(-180deg); transform:rotateY(-180deg); -webkit-transform-style:preserve-3d; transform-style:preserve-3d; z-index:1 } .rotate-box.to-right .rotate-content-back{ -webkit-transform:translateY(-50%) translateX(-400px) translateZ(60px) scale(.88); transform:translateY(-50%) translateX(-400px) translateZ(60px) scale(.88) } .rotate-box.to-right:hover .front-side{ -webkit-transform:rotateY(180deg); transform:rotateY(180deg); -webkit-transform-style:preserve-3d; transform-style:preserve-3d } .rotate-box.to-right:hover .rotate-content-front{ -webkit-transform:translateY(-50%) translateX(400px) scale(.88); transform:translateY(-50%) translateX(400px) scale(.88); -webkit-transform-style:preserve-3d; transform-style:preserve-3d } .rotate-box.to-bottom .front-side,.rotate-box.to-top .front-side{ -webkit-transform:rotateX(0); transform:rotateX(0); -webkit-transform-style:preserve-3d; transform-style:preserve-3d } .rotate-box.to-bottom .rotate-content-front,.rotate-box.to-top .rotate-content-front{ -webkit-transform:translateY(-50%) translateX(0) scale(1); transform:translateY(-50%) translateX(0) scale(1) } .rotate-box.to-bottom:hover .back-side,.rotate-box.to-top:hover .back-side{ -webkit-transform:rotateX(0); transform:rotateX(0); -webkit-transform-style:preserve-3d; transform-style:preserve-3d; z-index:1 } .rotate-box.to-bottom:hover .rotate-content-front,.rotate-box.to-top:hover .rotate-content-front{ -webkit-transform:translateY(-50%) translateY(400px) scale(.88); transform:translateY(-50%) translateY(400px) scale(.88); -webkit-transform-style:preserve-3d; transform-style:preserve-3d } .rotate-box.to-bottom:hover .rotate-content-back,.rotate-box.to-top:hover .rotate-content-back{ -webkit-transform:translateY(-50%) translateY(0) translateZ(0) scale(1); transform:translateY(-50%) translateY(0) translateZ(0) scale(1); -webkit-transform-style:preserve-3d; transform-style:preserve-3d } .rotate-box.to-top .back-side{ -webkit-transform:rotateX(180deg); transform:rotateX(180deg); -webkit-transform-style:preserve-3d; transform-style:preserve-3d; z-index:1 } .rotate-box.to-top .rotate-content-back{ -webkit-transform:translateY(-50%) translateY(-400px) translateZ(60px) scale(.88); transform:translateY(-50%) translateY(-400px) translateZ(60px) scale(.88) } .rotate-box.to-top:hover .front-side{ -webkit-transform:rotateX(-180deg); transform:rotateX(-180deg); -webkit-transform-style:preserve-3d; transform-style:preserve-3d } .rotate-box.to-bottom .back-side{ -webkit-transform:rotateX(-180deg); transform:rotateX(-180deg); -webkit-transform-style:preserve-3d; transform-style:preserve-3d; z-index:1 } .rotate-box.to-bottom .rotate-content-back{ -webkit-transform:translateY(-50%) translateY(400px) translateZ(60px) scale(.88); transform:translateY(-50%) translateY(400px) translateZ(60px) scale(.88) } .rotate-box.to-bottom:hover .front-side{ -webkit-transform:rotateX(180deg); transform:rotateX(180deg); -webkit-transform-style:preserve-3d; transform-style:preserve-3d } .to-top{ animation:toTop .3s linear forwards } .to-right{ animation:toRight .3s linear forwards } .to-bottom{ animation:toBottom .3s linear forwards } .to-left{ animation:toLeft .3s linear forwards } .rotate-box-style-01 *{ will-change:transform } .rotate-box-style-01 .flipper,.rotate-box-style-01 .rm-rotate-box{ position:relative } .rotate-box-style-01 .flipper:hover .front{ -webkit-transform:rotateY(-180deg); transform:rotateY(-180deg) } .rotate-box-style-01 .flipper.to-right .front,.rotate-box-style-01 .flipper:hover .back{ -webkit-transform:rotateY(0); transform:rotateY(0) } .rotate-box-style-01 .flipper.to-right .back{ -webkit-transform:rotateY(-180deg); transform:rotateY(-180deg) } .rotate-box-style-01 .flipper.to-right:hover .front{ -webkit-transform:rotateY(180deg); transform:rotateY(180deg) } .rotate-box-style-01 .flipper.to-right:hover .back{ -webkit-transform:rotateY(0); transform:rotateY(0) } .rotate-box-style-01 .flipper.to-top .front{ -webkit-transform:rotateX(0); transform:rotateX(0) } .rotate-box-style-01 .flipper.to-top .back{ -webkit-transform:rotateX(-180deg); transform:rotateX(-180deg) } .rotate-box-style-01 .flipper.to-top:hover .front{ -webkit-transform:rotateX(180deg); transform:rotateX(180deg) } .rotate-box-style-01 .flipper.to-bottom .front,.rotate-box-style-01 .flipper.to-top:hover .back{ -webkit-transform:rotateX(0); transform:rotateX(0) } .rotate-box-style-01 .flipper.to-bottom .back{ -webkit-transform:rotateX(180deg); transform:rotateX(180deg) } .rotate-box-style-01 .flipper.to-bottom:hover .front{ -webkit-transform:rotateX(-180deg); transform:rotateX(-180deg) } .rotate-box-style-01 .flipper.to-bottom:hover .back{ -webkit-transform:rotateX(0); transform:rotateX(0) } .rotate-box-style-01 .thumb-wrap{ perspective:1000px } .rotate-box-style-01 .content-wrap{ position:absolute; width:100%; display:block; transform-style:preserve-3d; perspective:inherit; backface-visibility:hidden; -webkit-backface-visibility:hidden; z-index:2; bottom:55px; left:0; transform:translate3d(0,0,0) scale(1) } .rotate-box-style-01 .front{ -webkit-transform:rotateY(0); transform:rotateY(0); background-size:cover; z-index:1; transform-style:preserve-3d; -webkit-transform-style:preserve-3d; backface-visibility:hidden; -webkit-backface-visibility:hidden } .rotate-box-style-01 .back{ -webkit-transform:rotateY(180deg); transform:rotateY(180deg); position:absolute; display:block; top:0; left:0; width:100%; height:100%; transform-style:preserve-3d; -webkit-transform-style:preserve-3d; backface-visibility:hidden; -webkit-backface-visibility:hidden } .rotate-box-style-01 .back .content-wrap{ top:50%; bottom:inherit; left:0; transform:translate3d(0,-50%,0) scale(1) } .rotate-box-style-01 .back .box-overlay{ visibility:visible; opacity:1 } .rotate-box-style-02 .rotate-box{ min-height:350px } .services-box-style-01 .icon-box{ opacity:0; margin-top:15px } .services-box-style-01 .box-image{ overflow:hidden } .services-box-style-01 .box-image img{ width:100% } .services-box-style-01 .box-overlay{ z-index:1; -webkit-transition:all .5s cubic-bezier(.61,1,.88,1); transition:all .5s cubic-bezier(.61,1,.88,1) } .services-box-style-01:hover img{ -webkit-transform:scale(1.1); transform:scale(1.1); -webkit-transition:all .5s cubic-bezier(61,10,88,10); transition:all .5s cubic-bezier(61,10,88,10) } .services-box-style-01:hover .icon-box{ opacity:1; margin-top:0 } .services-box-style-01:hover .box-overlay{ opacity:.8 } .services-box-style-02 .box-overlay{ z-index:1; -webkit-transition:all 450ms ease-in-out; transition:all 450ms ease-in-out } .services-box-style-02.hover-box:hover .box-overlay{ opacity:1 } .services-box-style-05 img{ -webkit-transition:.3s; transition:.3s; width:100% } .services-box-style-05 figure{ position:relative } .services-box-style-05 figure figcaption{ position:absolute; top:0 } .services-box-style-05 figure figcaption a{ display:inline-block; color:var(--dark-gray) } .services-box-style-05 figure figcaption .content-box{ margin-bottom:-80px } .services-box-style-05 figure:hover figcaption .btn-link{ color:var(--white); border-color:var(--white) } .services-box-style-05 figure:hover figcaption .box-title{ color:var(--white) } .services-box-style-05 figure:hover figcaption .box-overlay{ opacity:1; visibility:visible } .services-box-style-06 .services-text:after{ content:"\f309"; display:inline-block; font-family:bootstrap-icons; vertical-align:middle; margin:-2px 2px 0; font-size:22px; color:var(--medium-gray); opacity:.7 } .services-box-style-06:hover img{ -webkit-transform:scale(1.1); transform:scale(1.1); -webkit-transition:all .5s cubic-bezier(61,10,88,10); transition:all .5s cubic-bezier(61,10,88,10) } .services-box-style-07 .btn-hover{ position:absolute; left:0; top:100%; width:100%; height:100%; -webkit-transition:all .3s linear; transition:all .3s linear } .services-box-style-07 .text-down{ -webkit-transition:all .3s linear; transition:all .3s linear } .services-box-style-07:hover .btn-hover{ top:0 } .services-box-style-07:hover .text-down{ -webkit-transform:translateY(20px); transform:translateY(20px) } @keyframes scale-effect{ 0%{ -webkit-transform:scale(.9); transform:scale(.9) } to{ -webkit-transform:scale(1); transform:scale(1) } } @-webkit-keyframes scale-effect{ 0%{ -webkit-transform:scale(.9); transform:scale(.9) } to{ -webkit-transform:scale(1); transform:scale(1) } } @keyframes fade{ 0%{ opacity:.2 } to{ opacity:1 } } @-webkit-keyframes fade{ 0%{ opacity:.2 } to{ opacity:1 } } @keyframes slide-right{ 0%{ -webkit-transform:translateX(-25px); transform:translateX(-25px) } to{ -webkit-transform:translateX(0); transform:translateX(0) } } @-webkit-keyframes slide-right{ 0%{ -webkit-transform:translateX(-25px); transform:translateX(-25px) } to{ -webkit-transform:translateX(0); transform:translateX(0) } } .sliding-box *{ will-change:transform } .sliding-box .sliding-box-item{ margin-left:15px; margin-right:15px; float:left; overflow:hidden; position:relative; -webkit-transition:width .7s; transition:width .7s } .sliding-box .sliding-box-item .sliding-box-content{ top:0; height:100%; position:absolute } .sliding-box-style-01 .sliding-box-item .sliding-box-content:after{ content:""; right:100%; top:50%; height:0; width:0; opacity:0; z-index:9; margin-top:-10px; position:absolute; border:solid transparent; border-right-color:var(--white); border-width:12px; pointer-events:none; -webkit-transition:all .2s linear; transition:all .2s linear } .sliding-box-style-01 .sliding-box-item.active .sliding-box-content:after,.sliding-box-style-01 .sliding-box-item:hover .sliding-box-content:after{ opacity:1 } .sliding-box-style-02 .sliding-box-item .sliding-box-img{ border-radius:4px; -webkit-transition:all .2s linear; transition:all .2s linear } .sliding-box-style-02 .sliding-box-item.active .sliding-box-img{ border-radius:4px 0 0 4px } .sliding-box-style-02 .sliding-box-item.active .sliding-box-content{ border-radius:0 4px 4px 0 } .sliding-box-style-02 .sliding-box-item.active .content-hover{ animation:fade 1s } .sliding-box-style-03 .overlay{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:.5; z-index:1; -webkit-transition:all .3s linear; transition:all .3s linear } .sliding-box-style-03 .overlay-contnet{ position:absolute; left:0; top:0; opacity:1; visibility:visible; -webkit-transition:all .4s linear; transition:all .4s linear } .sliding-box-style-03 .number{ position:absolute; bottom:-30px; left:0; right:0; text-align:center } .sliding-box-style-03 .sliding-box-content:after{ display:none } .sliding-box-style-03.active .overlay,.sliding-box-style-03.active .overlay-contnet{ opacity:0; visibility:hidden } .elements-social .behance-square:hover,.elements-social .behance:hover{ color:#1769ff } .elements-social .blogger:hover{ color:#ff8000 } .elements-social .codepen:hover{ color:#0ebeff } .elements-social .deviantart:hover{ color:#05cc47 } .elements-social .digg:hover{ color:#262626 } .elements-social .dribbble:hover{ color:#ea4c89 } .elements-social .delicious:hover{ color:#205cc0 } .elements-social .email:hover{ color:#7d7d7d } .elements-social .facebook-square:hover,.elements-social .facebook:hover{ color:#3b5998 } .elements-social .flickr:hover{ color:#ff0084 } .elements-social .flipboard:hover{ color:#e12828 } .elements-social .github:hover{ color:#4078c0 } .elements-social .google:hover{ color:#dc4a38 } .elements-social .google-plus:hover{ color:#dd4b39 } .elements-social .instagram:hover{ color:#FE1F49 } .elements-social .jsfiddle:hover{ color:#0084FF } .elements-social .linkedin:hover{ color:#0077b5 } .elements-social .livejournal:hover{ color:#00b0ea } .elements-social .medium:hover{ color:#00ab6c } .elements-social .meneame:hover{ color:#ff6400 } .elements-social .mailru:hover{ color:#168de2 } .elements-social .odnoklassniki:hover{ color:#d7772d } .elements-social .paypal:hover{ color:#003087 } .elements-social .pinterest-p:hover,.elements-social .pinterest:hover{ color:#CB2027 } .elements-social .print:hover{ color:#222 } .elements-social .reddit-square:hover,.elements-social .reddit:hover{ color:#ff4500 } .elements-social .rss:hover{ color:#f2890a } .elements-social .skype:hover{ color:#00aff0 } .elements-social .slack:hover{ color:#6ecadc } .elements-social .snapchat:hover{ color:#fffc00 } .elements-social .soundcloud:hover{ color:#f80 } .elements-social .spotify:hover{ color:#1db954 } .elements-social .sms:hover{ color:#ffbd00 } .elements-social .sharethis:hover{ color:#95D03A } .elements-social .stack-overflow:hover{ color:#f48024 } .elements-social .stumbleupon:hover{ color:#eb4924 } .elements-social .telegram:hover{ color:#08c } .elements-social .trello:hover{ color:#0079bf } .elements-social .tumblr:hover{ color:#32506d } .elements-social .twitch:hover{ color:#6441a5 } .elements-social .twitter-square:hover,.elements-social .twitter:hover{ color:#00aced } .elements-social .vimeo:hover{ color:#1ab7ea } .elements-social .vine:hover{ color:#00bf8f } .elements-social .vk:hover{ color:#4c6c91 } .elements-social .wordpress:hover{ color:#21759b } .elements-social .weibo:hover{ color:#f93 } .elements-social .whatsapp:hover{ color:#25d366 } .elements-social .xing:hover{ color:#1a7576 } .elements-social .youtube-play:hover,.elements-social .youtube:hover{ color:red } .elements-social ul{ margin-bottom:0; list-style:none; padding:0 } .elements-social ul li{ display:inline-block } .elements-social ul li:first-child{ margin-left:0!important } .elements-social ul li:last-child{ margin-right:0!important } .elements-social ul li a{ text-align:center; display:flex; align-items:center; justify-content:center; -webkit-transition:.3s cubic-bezier(.12,0,.39,0); transition:.3s cubic-bezier(.12,0,.39,0) } .extra-small-icon li{ margin:0 2px } .extra-small-icon a{ font-size:14px; width:30px; height:30px } .small-icon li{ margin:0 5px } .small-icon a{ font-size:18px; width:40px; height:40px } .medium-icon li{ margin:0 8px } .medium-icon a{ font-size:20px; width:50px; height:50px } .large-icon li{ margin:0 10px } .large-icon a{ font-size:24px; width:60px; height:60px } .extra-large-icon li{ margin:0 12px } .extra-large-icon a{ font-size:30px; width:70px; height:70px } .social-icon a{ margin:0 15px } .newsletter-style-02 .btn i,.newsletter-style-04 .btn i,.social-icon a:first-child{ margin-left:0 } .social-icon a:last-child{ margin-right:0 } [class*=" social-icon-"] ul,[class^=social-icon-] ul{ list-style:none } .elements-social .light li a{ color:var(--white) } .elements-social .dark li a{ color:var(--dark-gray) } .elements-social .icon-with-animation a:hover{ -webkit-transform:translateY(-8px); transform:translateY(-8px) } .social-icon-style-01 ul li a:hover{ color:var(--base-color)!important } .social-icon-style-03 ul li a{ color:var(--white); border-radius:100%; -webkit-transition:.4s cubic-bezier(.12,0,.39,0); transition:.4s cubic-bezier(.12,0,.39,0) } .social-icon-style-04 ul li a:hover,.social-icon-style-05 ul li a:hover{ color:var(--white)!important } .social-icon-style-03 ul li a:hover{ background-color:var(--white)!important; box-shadow:0 0 30px rgba(23,23,23,.25); transform:translate3d(0,-3px,0) } .social-icon-style-03 ul li a.behance,.social-icon-style-03 ul li a.behance-square{ background-color:#1769ff } .social-icon-style-03 ul li a.blogger{ background-color:#ff8000 } .social-icon-style-03 ul li a.codepen{ background-color:#0ebeff } .social-icon-style-03 ul li a.deviantart{ background-color:#05cc47 } .social-icon-style-03 ul li a.digg{ background-color:#262626 } .social-icon-style-03 ul li a.dribbble{ background-color:#ea4c89 } .social-icon-style-03 ul li a.delicious{ background-color:#205cc0 } .social-icon-style-03 ul li a.email{ background-color:#7d7d7d } .social-icon-style-03 ul li a.facebook,.social-icon-style-03 ul li a.facebook-square{ background-color:#3b5998 } .social-icon-style-03 ul li a.flickr{ background-color:#ff0084 } .social-icon-style-03 ul li a.flipboard{ background-color:#e12828 } .social-icon-style-03 ul li a.github{ background-color:#4078c0 } .social-icon-style-03 ul li a.google{ background-color:#dc4a38 } .social-icon-style-03 ul li a.google-plus{ background-color:#dd4b39 } .social-icon-style-03 ul li a.instagram{ background-color:#FE1F49 } .social-icon-style-03 ul li a.jsfiddle{ background-color:#0084FF } .social-icon-style-03 ul li a.linkedin{ background-color:#0077b5 } .social-icon-style-03 ul li a.livejournal{ background-color:#00b0ea } .social-icon-style-03 ul li a.medium{ background-color:#00ab6c } .social-icon-style-03 ul li a.meneame{ background-color:#ff6400 } .social-icon-style-03 ul li a.mailru{ background-color:#168de2 } .social-icon-style-03 ul li a.odnoklassniki{ background-color:#d7772d } .social-icon-style-03 ul li a.paypal{ background-color:#003087 } .social-icon-style-03 ul li a.pinterest,.social-icon-style-03 ul li a.pinterest-p{ background-color:#CB2027 } .social-icon-style-03 ul li a.print{ background-color:#222 } .social-icon-style-03 ul li a.reddit,.social-icon-style-03 ul li a.reddit-square{ background-color:#ff4500 } .social-icon-style-03 ul li a.rss{ background-color:#f2890a } .social-icon-style-03 ul li a.skype{ background-color:#00aff0 } .social-icon-style-03 ul li a.slack{ background-color:#6ecadc } .social-icon-style-03 ul li a.snapchat{ background-color:#fffc00 } .social-icon-style-03 ul li a.soundcloud{ background-color:#f80 } .social-icon-style-03 ul li a.spotify{ background-color:#1db954 } .social-icon-style-03 ul li a.sms{ background-color:#ffbd00 } .social-icon-style-03 ul li a.sharethis{ background-color:#95D03A } .social-icon-style-03 ul li a.stack-overflow{ background-color:#f48024 } .social-icon-style-03 ul li a.stumbleupon{ background-color:#eb4924 } .social-icon-style-03 ul li a.telegram{ background-color:#08c } .social-icon-style-03 ul li a.trello{ background-color:#0079bf } .social-icon-style-03 ul li a.tumblr{ background-color:#32506d } .social-icon-style-03 ul li a.twitch{ background-color:#6441a5 } .social-icon-style-03 ul li a.twitter,.social-icon-style-03 ul li a.twitter-square{ background-color:#00aced } .social-icon-style-03 ul li a.vimeo{ background-color:#1ab7ea } .social-icon-style-03 ul li a.vine{ background-color:#00bf8f } .social-icon-style-03 ul li a.vk{ background-color:#4c6c91 } .social-icon-style-03 ul li a.wordpress{ background-color:#21759b } .social-icon-style-03 ul li a.weibo{ background-color:#f93 } .social-icon-style-03 ul li a.whatsapp{ background-color:#25d366 } .social-icon-style-03 ul li a.xing{ background-color:#1a7576 } .social-icon-style-03 ul li a.youtube,.social-icon-style-03 ul li a.youtube-play{ background-color:red } .social-icon-style-04 ul li a{ z-index:9; position:relative } .social-icon-style-04 ul li a:hover span{ width:100%; height:100%; border-radius:100%; top:0; left:0 } .social-icon-style-04 ul li a span{ border-radius:0; display:block; height:0; width:0; left:50%; margin:0; position:absolute; top:50%; -webkit-transition:.4s cubic-bezier(.12,0,.39,0); transition:.4s cubic-bezier(.12,0,.39,0); z-index:-1; background-color:var(--dark-gray) } .social-icon-style-04 ul li a.behance span,.social-icon-style-04 ul li a.behance-square span{ background-color:#1769ff } .social-icon-style-04 ul li a.blogger span{ background-color:#ff8000 } .social-icon-style-04 ul li a.codepen span{ background-color:#0ebeff } .social-icon-style-04 ul li a.deviantart span{ background-color:#05cc47 } .social-icon-style-04 ul li a.digg span{ background-color:#262626 } .social-icon-style-04 ul li a.dribbble span{ background-color:#ea4c89 } .social-icon-style-04 ul li a.delicious span{ background-color:#205cc0 } .social-icon-style-04 ul li a.email span{ background-color:#7d7d7d } .social-icon-style-04 ul li a.facebook span,.social-icon-style-04 ul li a.facebook-square span{ background-color:#3b5998 } .social-icon-style-04 ul li a.flickr span{ background-color:#ff0084 } .social-icon-style-04 ul li a.flipboard span{ background-color:#e12828 } .social-icon-style-04 ul li a.github span{ background-color:#4078c0 } .social-icon-style-04 ul li a.google span{ background-color:#dc4a38 } .social-icon-style-04 ul li a.google-plus span{ background-color:#dd4b39 } .social-icon-style-04 ul li a.instagram span{ background-color:#FE1F49 } .social-icon-style-04 ul li a.jsfiddle span{ background-color:#0084FF } .social-icon-style-04 ul li a.linkedin span{ background-color:#0077b5 } .social-icon-style-04 ul li a.livejournal span{ background-color:#00b0ea } .social-icon-style-04 ul li a.medium span{ background-color:#00ab6c } .social-icon-style-04 ul li a.meneame span{ background-color:#ff6400 } .social-icon-style-04 ul li a.mailru span{ background-color:#168de2 } .social-icon-style-04 ul li a.odnoklassniki span{ background-color:#d7772d } .social-icon-style-04 ul li a.paypal span{ background-color:#003087 } .social-icon-style-04 ul li a.pinterest span,.social-icon-style-04 ul li a.pinterest-p span{ background-color:#CB2027 } .social-icon-style-04 ul li a.print span{ background-color:#222 } .social-icon-style-04 ul li a.reddit span,.social-icon-style-04 ul li a.reddit-square span{ background-color:#ff4500 } .social-icon-style-04 ul li a.rss span{ background-color:#f2890a } .social-icon-style-04 ul li a.skype span{ background-color:#00aff0 } .social-icon-style-04 ul li a.slack span{ background-color:#6ecadc } .social-icon-style-04 ul li a.snapchat span{ background-color:#fffc00 } .social-icon-style-04 ul li a.soundcloud span{ background-color:#f80 } .social-icon-style-04 ul li a.spotify span{ background-color:#1db954 } .social-icon-style-04 ul li a.sms span{ background-color:#ffbd00 } .social-icon-style-04 ul li a.sharethis span{ background-color:#95D03A } .social-icon-style-04 ul li a.stack-overflow span{ background-color:#f48024 } .social-icon-style-04 ul li a.stumbleupon span{ background-color:#eb4924 } .social-icon-style-04 ul li a.telegram span{ background-color:#08c } .social-icon-style-04 ul li a.trello span{ background-color:#0079bf } .social-icon-style-04 ul li a.tumblr span{ background-color:#32506d } .social-icon-style-04 ul li a.twitch span{ background-color:#6441a5 } .social-icon-style-04 ul li a.twitter span,.social-icon-style-04 ul li a.twitter-square span{ background-color:#00aced } .social-icon-style-04 ul li a.vimeo span{ background-color:#1ab7ea } .social-icon-style-04 ul li a.vine span{ background-color:#00bf8f } .social-icon-style-04 ul li a.vk span{ background-color:#4c6c91 } .social-icon-style-04 ul li a.wordpress span{ background-color:#21759b } .social-icon-style-04 ul li a.weibo span{ background-color:#f93 } .social-icon-style-04 ul li a.whatsapp span{ background-color:#25d366 } .social-icon-style-04 ul li a.xing span{ background-color:#1a7576 } .social-icon-style-04 ul li a.youtube span,.social-icon-style-04 ul li a.youtube-play span{ background-color:red } .social-icon-style-07 ul li a.behance span,.social-icon-style-07 ul li a.behance-square span{ background-color:#1769ff } .social-icon-style-05 ul li a.behance,.social-icon-style-05 ul li a.behance-square{ color:#1769ff } .social-icon-style-05 ul li a.blogger{ color:#ff8000 } .social-icon-style-05 ul li a.codepen{ color:#0ebeff } .social-icon-style-05 ul li a.deviantart{ color:#05cc47 } .social-icon-style-05 ul li a.digg{ color:#262626 } .social-icon-style-05 ul li a.dribbble{ color:#ea4c89 } .social-icon-style-05 ul li a.delicious{ color:#205cc0 } .social-icon-style-05 ul li a.email{ color:#7d7d7d } .social-icon-style-05 ul li a.facebook,.social-icon-style-05 ul li a.facebook-square{ color:#3b5998 } .social-icon-style-05 ul li a.flickr{ color:#ff0084 } .social-icon-style-05 ul li a.flipboard{ color:#e12828 } .social-icon-style-05 ul li a.github{ color:#4078c0 } .social-icon-style-05 ul li a.google{ color:#dc4a38 } .social-icon-style-05 ul li a.google-plus{ color:#dd4b39 } .social-icon-style-05 ul li a.instagram{ color:#FE1F49 } .social-icon-style-05 ul li a.jsfiddle{ color:#0084FF } .social-icon-style-05 ul li a.linkedin{ color:#0077b5 } .social-icon-style-05 ul li a.livejournal{ color:#00b0ea } .social-icon-style-05 ul li a.medium{ color:#00ab6c } .social-icon-style-05 ul li a.meneame{ color:#ff6400 } .social-icon-style-05 ul li a.mailru{ color:#168de2 } .social-icon-style-05 ul li a.odnoklassniki{ color:#d7772d } .social-icon-style-05 ul li a.paypal{ color:#003087 } .social-icon-style-05 ul li a.pinterest,.social-icon-style-05 ul li a.pinterest-p{ color:#CB2027 } .social-icon-style-05 ul li a.print{ color:#222 } .social-icon-style-05 ul li a.reddit,.social-icon-style-05 ul li a.reddit-square{ color:#ff4500 } .social-icon-style-05 ul li a.rss{ color:#f2890a } .social-icon-style-05 ul li a.skype{ color:#00aff0 } .social-icon-style-05 ul li a.slack{ color:#6ecadc } .social-icon-style-05 ul li a.snapchat{ color:#fffc00 } .social-icon-style-05 ul li a.soundcloud{ color:#f80 } .social-icon-style-05 ul li a.spotify{ color:#1db954 } .social-icon-style-05 ul li a.sms{ color:#ffbd00 } .social-icon-style-05 ul li a.sharethis{ color:#95D03A } .social-icon-style-05 ul li a.stack-overflow{ color:#f48024 } .social-icon-style-05 ul li a.stumbleupon{ color:#eb4924 } .social-icon-style-05 ul li a.telegram{ color:#08c } .social-icon-style-05 ul li a.trello{ color:#0079bf } .social-icon-style-05 ul li a.tumblr{ color:#32506d } .social-icon-style-05 ul li a.twitch{ color:#6441a5 } .social-icon-style-05 ul li a.twitter,.social-icon-style-05 ul li a.twitter-square{ color:#00aced } .social-icon-style-05 ul li a.vimeo{ color:#1ab7ea } .social-icon-style-05 ul li a.vine{ color:#00bf8f } .social-icon-style-05 ul li a.vk{ color:#4c6c91 } .social-icon-style-05 ul li a.wordpress{ color:#21759b } .social-icon-style-05 ul li a.weibo{ color:#f93 } .social-icon-style-05 ul li a.whatsapp{ color:#25d366 } .social-icon-style-05 ul li a.xing{ color:#1a7576 } .social-icon-style-05 ul li a.youtube,.social-icon-style-05 ul li a.youtube-play{ color:red } .social-icon-style-05 ul.dark li a:hover{ color:var(--dark-gray)!important } .social-icon-style-06 ul li a{ display:inline-block; height:auto; width:auto; padding:0 24px; position:relative; vertical-align:middle; overflow:hidden } .social-icon-style-06 ul li a .brand-icon{ position:absolute; height:100%; width:100%; left:0; top:100%; transition-duration:.3s } .social-icon-style-06 ul li a>span{ line-height:inherit; top:0; position:relative; transition:350ms cubic-bezier(.175,.885,.32,1.275) all } .social-icon-style-06 ul li a:hover .brand-label{ top:-50px; transition:350ms cubic-bezier(.175,.885,.32,1.275) all } .social-icon-style-06 ul li a:hover .brand-icon{ top:0; transition-duration:.3s } .social-icon-style-06 ul li a.behance,.social-icon-style-06 ul li a.behance-square{ color:#1769ff } .social-icon-style-06 ul li a.blogger{ color:#ff8000 } .social-icon-style-06 ul li a.codepen{ color:#0ebeff } .social-icon-style-06 ul li a.deviantart{ color:#05cc47 } .social-icon-style-06 ul li a.digg{ color:#262626 } .social-icon-style-06 ul li a.dribbble{ color:#ea4c89 } .social-icon-style-06 ul li a.delicious{ color:#205cc0 } .social-icon-style-06 ul li a.email{ color:#7d7d7d } .social-icon-style-06 ul li a.facebook,.social-icon-style-06 ul li a.facebook-square{ color:#3b5998 } .social-icon-style-06 ul li a.flickr{ color:#ff0084 } .social-icon-style-06 ul li a.flipboard{ color:#e12828 } .social-icon-style-06 ul li a.github{ color:#4078c0 } .social-icon-style-06 ul li a.google{ color:#dc4a38 } .social-icon-style-06 ul li a.google-plus{ color:#dd4b39 } .social-icon-style-06 ul li a.instagram{ color:#FE1F49 } .social-icon-style-06 ul li a.jsfiddle{ color:#0084FF } .social-icon-style-06 ul li a.linkedin{ color:#0077b5 } .social-icon-style-06 ul li a.livejournal{ color:#00b0ea } .social-icon-style-06 ul li a.medium{ color:#00ab6c } .social-icon-style-06 ul li a.meneame{ color:#ff6400 } .social-icon-style-06 ul li a.mailru{ color:#168de2 } .social-icon-style-06 ul li a.odnoklassniki{ color:#d7772d } .social-icon-style-06 ul li a.paypal{ color:#003087 } .social-icon-style-06 ul li a.pinterest,.social-icon-style-06 ul li a.pinterest-p{ color:#CB2027 } .social-icon-style-06 ul li a.print{ color:#222 } .social-icon-style-06 ul li a.reddit,.social-icon-style-06 ul li a.reddit-square{ color:#ff4500 } .social-icon-style-06 ul li a.rss{ color:#f2890a } .social-icon-style-06 ul li a.skype{ color:#00aff0 } .social-icon-style-06 ul li a.slack{ color:#6ecadc } .social-icon-style-06 ul li a.snapchat{ color:#fffc00 } .social-icon-style-06 ul li a.soundcloud{ color:#f80 } .social-icon-style-06 ul li a.spotify{ color:#1db954 } .social-icon-style-06 ul li a.sms{ color:#ffbd00 } .social-icon-style-06 ul li a.sharethis{ color:#95D03A } .social-icon-style-06 ul li a.stack-overflow{ color:#f48024 } .social-icon-style-06 ul li a.stumbleupon{ color:#eb4924 } .social-icon-style-06 ul li a.telegram{ color:#08c } .social-icon-style-06 ul li a.trello{ color:#0079bf } .social-icon-style-06 ul li a.tumblr{ color:#32506d } .social-icon-style-06 ul li a.twitch{ color:#6441a5 } .social-icon-style-06 ul li a.twitter,.social-icon-style-06 ul li a.twitter-square{ color:#00aced } .social-icon-style-06 ul li a.vimeo{ color:#1ab7ea } .social-icon-style-06 ul li a.vine{ color:#00bf8f } .social-icon-style-06 ul li a.vk{ color:#4c6c91 } .social-icon-style-06 ul li a.wordpress{ color:#21759b } .social-icon-style-06 ul li a.weibo{ color:#f93 } .social-icon-style-06 ul li a.whatsapp{ color:#25d366 } .social-icon-style-06 ul li a.xing{ color:#1a7576 } .social-icon-style-06 ul li a.youtube,.social-icon-style-06 ul li a.youtube-play{ color:red } .social-icon-style-07 ul li a{ position:relative; z-index:3; overflow:hidden; vertical-align:middle } .social-icon-style-07 ul li a:hover{ color:var(--white)!important } .social-icon-style-07 ul li a.behance,.social-icon-style-07 ul li a.behance-square{ color:#1769ff } .social-icon-style-07 ul li a:hover>span{ top:0 } .social-icon-style-07 ul li a>span{ position:absolute; top:-100%; left:0; height:100%; width:100%; z-index:-1; -webkit-transition:.3s cubic-bezier(.12,0,.39,0); transition:.3s cubic-bezier(.12,0,.39,0) } .social-icon-style-07 ul li a.blogger{ color:#ff8000 } .social-icon-style-07 ul li a.blogger span{ background-color:#ff8000 } .social-icon-style-07 ul li a.codepen{ color:#0ebeff } .social-icon-style-07 ul li a.codepen span{ background-color:#0ebeff } .social-icon-style-07 ul li a.deviantart{ color:#05cc47 } .social-icon-style-07 ul li a.deviantart span{ background-color:#05cc47 } .social-icon-style-07 ul li a.digg{ color:#262626 } .social-icon-style-07 ul li a.digg span{ background-color:#262626 } .social-icon-style-07 ul li a.dribbble{ color:#ea4c89 } .social-icon-style-07 ul li a.dribbble span{ background-color:#ea4c89 } .social-icon-style-07 ul li a.delicious{ color:#205cc0 } .social-icon-style-07 ul li a.delicious span{ background-color:#205cc0 } .social-icon-style-07 ul li a.email{ color:#7d7d7d } .social-icon-style-07 ul li a.facebook,.social-icon-style-07 ul li a.facebook-square{ color:#3b5998 } .social-icon-style-07 ul li a.email span{ background-color:#7d7d7d } .social-icon-style-07 ul li a.facebook span,.social-icon-style-07 ul li a.facebook-square span{ background-color:#3b5998 } .social-icon-style-07 ul li a.flickr{ color:#ff0084 } .social-icon-style-07 ul li a.flickr span{ background-color:#ff0084 } .social-icon-style-07 ul li a.flipboard{ color:#e12828 } .social-icon-style-07 ul li a.flipboard span{ background-color:#e12828 } .social-icon-style-07 ul li a.github{ color:#4078c0 } .social-icon-style-07 ul li a.github span{ background-color:#4078c0 } .social-icon-style-07 ul li a.google{ color:#dc4a38 } .social-icon-style-07 ul li a.google span{ background-color:#dc4a38 } .social-icon-style-07 ul li a.google-plus{ color:#dd4b39 } .social-icon-style-07 ul li a.google-plus span{ background-color:#dd4b39 } .social-icon-style-07 ul li a.instagram{ color:#FE1F49 } .social-icon-style-07 ul li a.instagram span{ background-color:#FE1F49 } .social-icon-style-07 ul li a.jsfiddle{ color:#0084FF } .social-icon-style-07 ul li a.jsfiddle span{ background-color:#0084FF } .social-icon-style-07 ul li a.linkedin{ color:#0077b5 } .social-icon-style-07 ul li a.linkedin span{ background-color:#0077b5 } .social-icon-style-07 ul li a.livejournal{ color:#00b0ea } .social-icon-style-07 ul li a.livejournal span{ background-color:#00b0ea } .social-icon-style-07 ul li a.medium{ color:#00ab6c } .social-icon-style-07 ul li a.medium span{ background-color:#00ab6c } .social-icon-style-07 ul li a.meneame{ color:#ff6400 } .social-icon-style-07 ul li a.meneame span{ background-color:#ff6400 } .social-icon-style-07 ul li a.mailru{ color:#168de2 } .social-icon-style-07 ul li a.mailru span{ background-color:#168de2 } .social-icon-style-07 ul li a.odnoklassniki{ color:#d7772d } .social-icon-style-07 ul li a.odnoklassniki span{ background-color:#d7772d } .social-icon-style-07 ul li a.paypal{ color:#003087 } .social-icon-style-07 ul li a.pinterest,.social-icon-style-07 ul li a.pinterest-p{ color:#CB2027 } .social-icon-style-07 ul li a.paypal span{ background-color:#003087 } .social-icon-style-07 ul li a.pinterest span,.social-icon-style-07 ul li a.pinterest-p span{ background-color:#CB2027 } .social-icon-style-07 ul li a.print{ color:#222 } .social-icon-style-07 ul li a.reddit,.social-icon-style-07 ul li a.reddit-square{ color:#ff4500 } .social-icon-style-07 ul li a.print span{ background-color:#222 } .social-icon-style-07 ul li a.reddit span,.social-icon-style-07 ul li a.reddit-square span{ background-color:#ff4500 } .social-icon-style-07 ul li a.rss{ color:#f2890a } .social-icon-style-07 ul li a.rss span{ background-color:#f2890a } .social-icon-style-07 ul li a.skype{ color:#00aff0 } .social-icon-style-07 ul li a.skype span{ background-color:#00aff0 } .social-icon-style-07 ul li a.slack{ color:#6ecadc } .social-icon-style-07 ul li a.slack span{ background-color:#6ecadc } .social-icon-style-07 ul li a.snapchat{ color:#fffc00 } .social-icon-style-07 ul li a.snapchat span{ background-color:#fffc00 } .social-icon-style-07 ul li a.soundcloud{ color:#f80 } .social-icon-style-07 ul li a.soundcloud span{ background-color:#f80 } .social-icon-style-07 ul li a.spotify{ color:#1db954 } .social-icon-style-07 ul li a.spotify span{ background-color:#1db954 } .social-icon-style-07 ul li a.sms{ color:#ffbd00 } .social-icon-style-07 ul li a.sms span{ background-color:#ffbd00 } .social-icon-style-07 ul li a.sharethis{ color:#95D03A } .social-icon-style-07 ul li a.sharethis span{ background-color:#95D03A } .social-icon-style-07 ul li a.stack-overflow{ color:#f48024 } .social-icon-style-07 ul li a.stack-overflow span{ background-color:#f48024 } .social-icon-style-07 ul li a.stumbleupon{ color:#eb4924 } .social-icon-style-07 ul li a.stumbleupon span{ background-color:#eb4924 } .social-icon-style-07 ul li a.telegram{ color:#08c } .social-icon-style-07 ul li a.telegram span{ background-color:#08c } .social-icon-style-07 ul li a.trello{ color:#0079bf } .social-icon-style-07 ul li a.trello span{ background-color:#0079bf } .social-icon-style-07 ul li a.tumblr{ color:#32506d } .social-icon-style-07 ul li a.tumblr span{ background-color:#32506d } .social-icon-style-07 ul li a.twitch{ color:#6441a5 } .social-icon-style-07 ul li a.twitter,.social-icon-style-07 ul li a.twitter-square{ color:#00aced } .social-icon-style-07 ul li a.twitch span{ background-color:#6441a5 } .social-icon-style-07 ul li a.twitter span,.social-icon-style-07 ul li a.twitter-square span{ background-color:#00aced } .social-icon-style-07 ul li a.vimeo{ color:#1ab7ea } .social-icon-style-07 ul li a.vimeo span{ background-color:#1ab7ea } .social-icon-style-07 ul li a.vine{ color:#00bf8f } .social-icon-style-07 ul li a.vine span{ background-color:#00bf8f } .social-icon-style-07 ul li a.vk{ color:#4c6c91 } .social-icon-style-07 ul li a.vk span{ background-color:#4c6c91 } .social-icon-style-07 ul li a.wordpress{ color:#21759b } .social-icon-style-07 ul li a.wordpress span{ background-color:#21759b } .social-icon-style-07 ul li a.weibo{ color:#f93 } .social-icon-style-07 ul li a.weibo span{ background-color:#f93 } .social-icon-style-07 ul li a.whatsapp{ color:#25d366 } .social-icon-style-07 ul li a.whatsapp span{ background-color:#25d366 } .social-icon-style-07 ul li a.xing{ color:#1a7576 } .social-icon-style-07 ul li a.youtube,.social-icon-style-07 ul li a.youtube-play{ color:red } .social-icon-style-07 ul li a.xing span{ background-color:#1a7576 } .social-icon-style-07 ul li a.youtube span,.social-icon-style-07 ul li a.youtube-play span{ background-color:red } .social-icon-style-08 ul li a:hover{ opacity:.5; color:var(--dark-gray)!important } .social-icon-style-08 ul.light li a:hover{ opacity:.5; color:var(--white)!important } .social-icon-style-09 ul li a{ z-index:9; border:1px solid rgba(35,35,35,.15); border-radius:100%; position:relative } .social-icon-style-09 ul li a:hover{ color:var(--white)!important } .social-icon-style-09 ul li a:hover span{ -webkit-transform:scale(1); transform:scale(1); opacity:1 } .social-icon-style-09 ul li a span{ display:block; border-radius:100%; height:100%; width:100%; top:-1px; left:-1px; padding:1px; box-sizing:content-box; margin:0; position:absolute; -webkit-transform:scale(1.2); transform:scale(1.2); opacity:0; -webkit-transition:.5s cubic-bezier(.12,0,.39,0); transition:.5s cubic-bezier(.12,0,.39,0); pointer-events:none; z-index:-1; background-color:var(--dark-gray) } .social-icon-style-09 ul.light li a{ border-color:rgba(255,255,255,.3) } .newsletter-style-02 .btn:active,.newsletter-style-03 .btn:active{ border-color:transparent } .social-icon-style-09 ul.light li a:hover{ color:var(--dark-gray)!important } .social-icon-style-09 ul.light li a span{ background-color:var(--white) } .social-icon-style-10 ul li a{ color:var(--dark-gray) } .social-icon-style-10 ul li a:hover{ color:var(--base-color)!important } .social-icon-style-10 .default-color a.behance,.social-icon-style-10 .default-color a.behance-square{ color:#1769ff } .social-icon-style-10 .default-color a.blogger{ color:#ff8000 } .social-icon-style-10 .default-color a.codepen{ color:#0ebeff } .social-icon-style-10 .default-color a.deviantart{ color:#05cc47 } .social-icon-style-10 .default-color a.digg{ color:#262626 } .social-icon-style-10 .default-color a.dribbble{ color:#ea4c89 } .social-icon-style-10 .default-color a.delicious{ color:#205cc0 } .social-icon-style-10 .default-color a.email{ color:#7d7d7d } .social-icon-style-10 .default-color a.facebook,.social-icon-style-10 .default-color a.facebook-square{ color:#3b5998 } .social-icon-style-10 .default-color a.flickr{ color:#ff0084 } .social-icon-style-10 .default-color a.flipboard{ color:#e12828 } .social-icon-style-10 .default-color a.github{ color:#4078c0 } .social-icon-style-10 .default-color a.google{ color:#dc4a38 } .social-icon-style-10 .default-color a.google-plus{ color:#dd4b39 } .social-icon-style-10 .default-color a.instagram{ color:#FE1F49 } .social-icon-style-10 .default-color a.jsfiddle{ color:#0084FF } .social-icon-style-10 .default-color a.linkedin{ color:#0077b5 } .social-icon-style-10 .default-color a.livejournal{ color:#00b0ea } .social-icon-style-10 .default-color a.medium{ color:#00ab6c } .social-icon-style-10 .default-color a.meneame{ color:#ff6400 } .social-icon-style-10 .default-color a.mailru{ color:#168de2 } .social-icon-style-10 .default-color a.odnoklassniki{ color:#d7772d } .social-icon-style-10 .default-color a.paypal{ color:#003087 } .social-icon-style-10 .default-color a.pinterest,.social-icon-style-10 .default-color a.pinterest-p{ color:#CB2027 } .social-icon-style-10 .default-color a.print{ color:#222 } .social-icon-style-10 .default-color a.reddit,.social-icon-style-10 .default-color a.reddit-square{ color:#ff4500 } .social-icon-style-10 .default-color a.rss{ color:#f2890a } .social-icon-style-10 .default-color a.skype{ color:#00aff0 } .social-icon-style-10 .default-color a.slack{ color:#6ecadc } .social-icon-style-10 .default-color a.snapchat{ color:#fffc00 } .social-icon-style-10 .default-color a.soundcloud{ color:#f80 } .social-icon-style-10 .default-color a.spotify{ color:#1db954 } .social-icon-style-10 .default-color a.sms{ color:#ffbd00 } .social-icon-style-10 .default-color a.sharethis{ color:#95D03A } .social-icon-style-10 .default-color a.stack-overflow{ color:#f48024 } .social-icon-style-10 .default-color a.stumbleupon{ color:#eb4924 } .social-icon-style-10 .default-color a.telegram{ color:#08c } .social-icon-style-10 .default-color a.trello{ color:#0079bf } .social-icon-style-10 .default-color a.tumblr{ color:#32506d } .social-icon-style-10 .default-color a.twitch{ color:#6441a5 } .social-icon-style-10 .default-color a.twitter,.social-icon-style-10 .default-color a.twitter-square{ color:#00aced } .social-icon-style-10 .default-color a.vimeo{ color:#1ab7ea } .social-icon-style-10 .default-color a.vine{ color:#00bf8f } .social-icon-style-10 .default-color a.vk{ color:#4c6c91 } .social-icon-style-10 .default-color a.wordpress{ color:#21759b } .social-icon-style-10 .default-color a.weibo{ color:#f93 } .social-icon-style-10 .default-color a.whatsapp{ color:#25d366 } .social-icon-style-10 .default-color a.xing{ color:#1a7576 } .social-icon-style-10 .default-color a.youtube,.social-icon-style-10 .default-color a.youtube-play{ color:red } .social-icon-style-10 .default-color a:hover{ color:var(--dark-gray)!important } .social-text-style-01 ul li a{ width:auto; height:auto; line-height:normal } .newsletter-style-01 .btn,.newsletter-style-02 .btn,.newsletter-style-03 .btn,.newsletter-style-04 .btn{ position:absolute; height:100%; right:0 } .newsletter-style-01 input{ border-radius:4px; padding-right:160px } .newsletter-style-01 input.is-invalid{ padding-right:160px } .newsletter-style-01 .btn{ top:0; border-radius:0 4px 4px 0 } .newsletter-style-01 .btn i{ top:1px } .newsletter-style-02 input{ border-radius:4px; padding-right:60px!important } .newsletter-style-02 .btn{ top:0; border-radius:0 4px 4px 0; padding:10px 25px 9px; display:inline-block } .newsletter-style-02 .btn i{ top:inherit } .newsletter-style-03 input{ padding-right:165px!important; padding-left:30px!important } .newsletter-style-03 .btn{ top:0; border-radius:0 100px 100px 0; padding:12px 35px 12px 30px } .newsletter-style-04 input{ padding-left:0; padding-right:40px; border-radius:0 } .newsletter-style-04 .btn{ top:0; padding:0; border:none } .newsletter-style-01 .form-control,.newsletter-style-01 .form-control.is-invalid,.newsletter-style-01 .was-validated .form-control:invalid,.newsletter-style-02 .form-control,.newsletter-style-02 .form-control.is-invalid,.newsletter-style-02 .was-validated .form-control:invalid,.newsletter-style-03 .form-control,.newsletter-style-03 .form-control.is-invalid,.newsletter-style-03 .was-validated .form-control:invalid,.newsletter-style-04 .form-control,.newsletter-style-04 .form-control.is-invalid,.newsletter-style-04 .was-validated .form-control:invalid{ background-image:inherit } .nav-tabs>li.nav-item{ display:inline-block; float:none; margin:0; padding:0 17px } .tab-style-03 .nav-tabs .nav-link{ padding:10px 33px; color:var(--medium-gray); border:1px solid var(--light-medium-gray); border-bottom:none; -webkit-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0 } .tab-style-02 .nav-tabs,.tab-style-05 .nav-tabs .nav-item:last-child .nav-link,.tab-style-07 .nav-tabs .nav-item:last-child .nav-link{ border-bottom:none } .tab-style-03 .nav-tabs .nav-link.active,.tab-style-03 .nav-tabs .nav-link.show,.tab-style-03 .nav-tabs .nav-link:hover{ color:var(--dark-gray); background-color:var(--white) } .tab-style-03 .nav-tabs>li.nav-item{ padding:0 8px } .tab-style-02 .nav-tabs>li.nav-item{ margin:0 34px } .tab-style-02 .nav-tabs>li.nav-item>a.nav-link{ border:none; padding:0; color:var(--medium-gray); border-bottom:2px solid transparent; -webkit-transition:all .3s linear; transition:all .3s linear } .tab-style-02 .nav-tabs>li.nav-item>a.nav-link i{ -webkit-transition:all .3s linear; transition:all .3s linear; -webkit-transform:translateY(0); transform:translateY(0); will-change:transform } .tab-style-02 .nav-tabs>li.nav-item>a.nav-link:hover{ color:var(--dark-gray); border-bottom:2px solid } .tab-style-02 .nav-tabs>li.nav-item>a.nav-link:hover i{ color:var(--base-color); -webkit-transform:translateY(-5px); transform:translateY(-5px); -webkit-transform:scale(1.1); transform:scale(1.1) } .tab-style-02 .nav-tabs>li.nav-item>a.nav-link.active{ color:var(--dark-gray); border-bottom:2px solid; background:0 0 } .tab-style-02 .nav-tabs>li.nav-item>a.nav-link.active i{ color:var(--base-color) } .tab-style-01 .nav-tabs .nav-link{ border:none; -webkit-border-radius:50px; border-radius:50px; padding:10px 40px; color:var(--medium-gray); -webkit-transition:all .3s linear; transition:all .3s linear } .tab-style-01 .nav-tabs .nav-link.active,.tab-style-01 .nav-tabs .nav-link.show,.tab-style-01 .nav-tabs .nav-link:hover{ color:var(--dark-gray); background-color:var(--white); -webkit-box-shadow:0 0 10px rgba(0,0,0,.08); box-shadow:0 0 10px rgba(0,0,0,.08); -webkit-transform:translate3d(0,-3px,0); transform:translate3d(0,-3px,0) } .tab-style-01 .nav-tabs>li.nav-item{ padding:0 4px } .tab-style-04 .nav-tabs .nav-item{ padding:0 20px } .tab-style-04 .nav-tabs .nav-item .nav-link{ padding:0; border:none; background:0 0; position:relative; color:var(--medium-gray); font-size: 18px; } .tab-style-04 .nav-tabs .nav-item .nav-link .tab-border{ width:100%; height:2px; display:block; -wekit-transform:scaleX(0); -moz-transform:scaleX(0); -ms-transform:scaleX(0); transform:scaleX(0); -webkit-transition:transform .5s ease; transition:transform .5s ease } .tab-style-04 .nav-tabs .nav-item .nav-link.active,.tab-style-04 .nav-tabs .nav-item .nav-link.show,.tab-style-04 .nav-tabs .nav-item .nav-link:hover{ color:var(--dark-gray) } .tab-style-04 .nav-tabs .nav-item .nav-link.active .tab-border,.tab-style-04 .nav-tabs .nav-item .nav-link.show .tab-border,.tab-style-04 .nav-tabs .nav-item .nav-link:hover .tab-border{ -webkit-transform:scaleX(1); transform:scaleX(1) } .tab-style-05 .nav-tabs>li{ width:100% } .tab-style-05 .nav-tabs>li.nav-item{ padding:0 } .tab-style-05 .nav-tabs .nav-item .nav-link{ border:none; padding:20px 28px 22px; margin-bottom:15px; background:0 0; -webkit-border-radius:4px; border-radius:4px; -webkit-transition:all .3s cubic-bezier(.12,0,.39,0); transition:all .3s cubic-bezier(.12,0,.39,0); display:flex; align-items:center } .tab-style-05 .nav-tabs .nav-item .nav-link i{ vertical-align:middle; display:inline-block; margin-right:10px } .tab-style-05 .nav-tabs .nav-item .nav-link span{ position:relative; top:1px; color:var(--dark-gray); -webkit-transition:all .3s cubic-bezier(.12,0,.39,0); transition:all .3s cubic-bezier(.12,0,.39,0) } .tab-style-05 .nav-tabs .nav-item .nav-link.active,.tab-style-05 .nav-tabs .nav-item .nav-link.show,.tab-style-05 .nav-tabs .nav-item .nav-link:hover{ background:var(--white); color:var(--base-color); -webkit-box-shadow:0 0 20px rgba(0,0,0,.08); box-shadow:0 0 20px rgba(0,0,0,.08) } .tab-style-05 .nav-tabs .nav-item .nav-link.active i,.tab-style-05 .nav-tabs .nav-item .nav-link.active span,.tab-style-05 .nav-tabs .nav-item .nav-link.show i,.tab-style-05 .nav-tabs .nav-item .nav-link.show span,.tab-style-05 .nav-tabs .nav-item .nav-link:hover i,.tab-style-05 .nav-tabs .nav-item .nav-link:hover span{ color:var(--base-color) } .tab-style-06 .nav-tabs>li.nav-item{ position:relative; z-index:1; padding:0; border:1px solid; overflow:hidden; border-radius:4px 0 0 4px } .tab-style-06 .nav-tabs>li.nav-item:last-child{ border-radius:0 4px 4px 0; margin-left:-1px } .tab-style-06 .nav-tabs>li.nav-item>a.nav-link{ border-radius:0; line-height:18px; padding:16px 40px; text-transform:uppercase; z-index:1; background-color:transparent; color:var(--medium-gray); border:0 } .tab-style-06 .nav-tabs>li.nav-item>a.nav-link.active{ color:#fff!important } .tab-style-06 .nav-tabs>li.nav-item>a.nav-link.active+.tab-bg-active{ opacity:1 } .tab-style-06 .tab-bg-active{ position:absolute; top:-1px; left:-1px; width:calc(100% + 2px); height:calc(100% + 2px); z-index:-1; opacity:0 } .tab-style-07 .nav-tabs>li{ width:100% } .tab-style-07 .nav-tabs>li.nav-item{ padding:0 } .tab-style-07 .nav-tabs .nav-item .nav-link{ border:none; border-bottom:1px solid; border-color:var(--extra-medium-gray); padding:38px 60px; background:0 0; -webkit-border-radius:0; border-radius:0; -webkit-transition:.4s; transition:.4s; position:relative } .tab-style-07 .nav-tabs .nav-item .nav-link span{ color:var(--dark-gray); z-index:9; position:relative; -webkit-transition:.3s cubic-bezier(.12,0,.39,0); transition:.3s cubic-bezier(.12,0,.39,0) } .tab-style-07 .nav-tabs .nav-item .nav-link.active,.tab-style-07 .nav-tabs .nav-item .nav-link.show,.tab-style-07 .nav-tabs .nav-item .nav-link:hover{ color:var(--white); isolation:inherit } .tab-style-07 .nav-tabs .nav-item .nav-link.active span,.tab-style-07 .nav-tabs .nav-item .nav-link.show span,.tab-style-07 .nav-tabs .nav-item .nav-link:hover span{ color:var(--white); -webkit-transition:.5s; transition:.5s } .tab-style-07 .nav-tabs .nav-item .nav-link.active .number-box,.tab-style-07 .nav-tabs .nav-item .nav-link.show .number-box,.tab-style-07 .nav-tabs .nav-item .nav-link:hover .number-box{ opacity:1; -webkit-transform:translate(50%,-50%); transform:translate(50%,-50%); transition:opacity .4s,transform .4s; -webkit-transition-delay:.35s; transition-delay:.35s } .tab-style-07 .nav-tabs .nav-item .nav-link.active .bg-hover,.tab-style-07 .nav-tabs .nav-item .nav-link.show .bg-hover,.tab-style-07 .nav-tabs .nav-item .nav-link:hover .bg-hover{ -webkit-transform:scaleX(1); transform:scaleX(1) } .tab-style-07 .nav-tabs .nav-item .nav-link .number-box{ position:absolute; top:50%; z-index:9; right:0; opacity:0; -webkit-transform:translate(25%,-50%); transform:translate(25%,-50%); transition:opacity 0s,transform 0s; -webkit-transition-delay:0s; transition-delay:0s } .tab-style-07 .nav-tabs .nav-item .nav-link .bg-hover{ position:absolute; width:100%; height:100%; left:0; top:0; content:""; -webkit-transform:scaleX(0); transform:scaleX(0); transform-origin:left; -webkit-transition:.3s cubic-bezier(.12,0,.39,0); transition:.3s cubic-bezier(.12,0,.39,0); z-index:1 } .tab-style-08 ul .nav-item{ padding:0; background-color:transparent; border-right:1px solid var(--light-medium-gray); flex-grow:1; flex-basis:0 } .tab-style-08 ul .nav-item .nav-link{ border:0; margin-bottom:0; padding:30px 15px; background-color:transparent; position:relative; color:var(--medium-gray) } .tab-style-08 ul .nav-item .nav-link.active,.tab-style-08 ul .nav-item .nav-link.show,.tab-style-08 ul .nav-item .nav-link:hover{ border:0; color:var(--base-color) } .tab-style-08 ul .nav-item .nav-link.active .tab-border,.tab-style-08 ul .nav-item .nav-link.show .tab-border,.tab-style-08 ul .nav-item .nav-link:hover .tab-border{ -wekit-transform:scaleX(1); -moz-transform:scaleX(1); -ms-transform:scaleX(1); transform:scaleX(1) } .tab-style-08 ul .nav-item .tab-border{ width:calc(100% + 2px); height:3px; display:block; -wekit-transform:scaleX(0); -moz-transform:scaleX(0); -ms-transform:scaleX(0); transform:scaleX(0); -webkit-transition:transform .5s ease; transition:transform .5s ease; position:absolute; left:-1px; top:0 } .tab-style-08 ul .nav-item:last-child{ border:0 } .tab-style-08 ul.active-tab-border-bottom .nav-item .tab-border{ bottom:0; top:auto } .team-style-01 figure figcaption{ position:absolute; bottom:-1px } .team-style-01 figure figcaption .social-icon{ display:block!important; height:auto!important; margin-bottom:-50px!important; overflow:visible!important; -webkit-transition:.4s; transition:.4s } .team-style-01 figure figcaption .social-icon a{ margin:0 10px } .team-style-01 figure figcaption .social-icon a:last-child{ margin-right:0 } .team-style-01 figure figcaption .social-icon a:first-child{ margin-left:0 } .team-style-01 figure:hover figcaption .social-icon{ margin-bottom:0!important } .team-style-02 figure figcaption{ position:absolute; opacity:0; bottom:0; -webkit-transition:all .5s cubic-bezier(.12,0,.39,0); transition:all .5s cubic-bezier(.12,0,.39,0) } .team-style-02 figure figcaption .social-icon a{ margin:0 12px; opacity:0; -webkit-transition:.45s cubic-bezier(.19,1,.22,1); transition:.45s cubic-bezier(.19,1,.22,1); -webkit-transform:translateY(-25px); transform:translateY(-25px); display:inline-block } .team-style-02 figure figcaption .social-icon a:nth-child(1){ -webkit-transition:all .3s cubic-bezier(.2,0,.3,1); transition:all .3s cubic-bezier(.2,0,.3,1) } .team-style-02 figure figcaption .social-icon a:nth-child(2){ -webkit-transition:all .4s cubic-bezier(.2,0,.3,1); transition:all .4s cubic-bezier(.2,0,.3,1) } .team-style-02 figure figcaption .social-icon a:nth-child(3){ -webkit-transition:all .6s cubic-bezier(.2,0,.3,1); transition:all .6s cubic-bezier(.2,0,.3,1) } .team-style-02 figure figcaption .social-icon a:nth-child(4){ -webkit-transition:all .8s cubic-bezier(.2,0,.3,1); transition:all .8s cubic-bezier(.2,0,.3,1) } .team-style-02 figure figcaption .social-icon a:nth-child(5){ -webkit-transition:all 1s cubic-bezier(.2,0,.3,1); transition:all 1s cubic-bezier(.2,0,.3,1) } .team-style-02 figure figcaption .team-member-name{ opacity:0; -webkit-transform:translate3d(0,15px,0); transform:translate3d(0,15px,0); -webkit-transition:all 1s cubic-bezier(.2,0,.3,1); transition:all 1s cubic-bezier(.2,0,.3,1) } .team-style-02 figure figcaption .member-designation{ opacity:0; -webkit-transform:translate3d(0,15px,0); transform:translate3d(0,15px,0); -webkit-transition:all .7s cubic-bezier(.2,0,.3,1); transition:all .7s cubic-bezier(.2,0,.3,1) } .team-style-02 figure:hover figcaption{ opacity:1 } .team-style-02 figure:hover figcaption .team-member-name{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-transition:all .4s cubic-bezier(.2,0,.3,1); transition:all .4s cubic-bezier(.2,0,.3,1) } .team-style-02 figure:hover figcaption .member-designation{ opacity:.7; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-transition:all .7s cubic-bezier(.2,0,.3,1); transition:all .7s cubic-bezier(.2,0,.3,1) } .team-style-02 figure:hover figcaption a{ opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } .team-style-02 figure:hover figcaption a:nth-child(1){ -webkit-transition:all .3s cubic-bezier(.2,0,.3,1); transition:all .3s cubic-bezier(.2,0,.3,1) } .team-style-02 figure:hover figcaption a:nth-child(2){ -webkit-transition:all .4s cubic-bezier(.2,0,.3,1); transition:all .4s cubic-bezier(.2,0,.3,1) } .team-style-02 figure:hover figcaption a:nth-child(3){ -webkit-transition:all .6s cubic-bezier(.2,0,.3,1); transition:all .6s cubic-bezier(.2,0,.3,1) } .team-style-02 figure:hover figcaption a:nth-child(4){ -webkit-transition:all .8s cubic-bezier(.2,0,.3,1); transition:all .8s cubic-bezier(.2,0,.3,1) } .team-style-02 figure:hover figcaption a:nth-child(5){ -webkit-transition:all 1s cubic-bezier(.2,0,.3,1); transition:all 1s cubic-bezier(.2,0,.3,1) } .team-style-04 .team-content{ position:absolute; bottom:0; -webkit-transition:all .5s cubic-bezier(.37,.31,.2,.85); transition:all .5s cubic-bezier(.37,.31,.2,.85) } .team-style-04 figure figcaption{ position:absolute; bottom:-20px; -webkit-transition:all .5s cubic-bezier(.37,.31,.2,.85); transition:all .5s cubic-bezier(.37,.31,.2,.85) } .team-style-04 figure figcaption .social-icon{ -webkit-transition:all 0s linear; transition:all 0s linear } .team-style-04 figure figcaption .social-icon a{ margin:0 10px } .team-style-04 figure:hover figcaption{ bottom:0 } .team-style-05 .team-content{ position:absolute; bottom:0; opacity:0; -webkit-transition:all .4s cubic-bezier(.12,0,.39,0); transition:all .4s cubic-bezier(.12,0,.39,0) } .team-style-05 .team-content p{ top:55%; -webkit-transition:all .5s ease; transition:all .5s ease } .team-style-05 .social-icon a{ opacity:0; -webkit-transition:.45s cubic-bezier(.19,1,.22,1); transition:.45s cubic-bezier(.19,1,.22,1); -webkit-transform:translateY(25px); transform:translateY(25px); margin:0 10px; display:inline-block } .team-style-05 .social-icon a:nth-child(1){ -webkit-transition:all .3s ease; transition:all .3s ease } .team-style-05 .social-icon a:nth-child(2){ -webkit-transition:all .4s ease; transition:all .4s ease } .team-style-05 .social-icon a:nth-child(3){ -webkit-transition:all .6s ease; transition:all .6s ease } .team-style-05 .social-icon a:nth-child(4){ -webkit-transition:all .8s ease; transition:all .8s ease } .team-style-05 .social-icon a:nth-child(5){ -webkit-transition:all 1s ease; transition:all 1s ease } .team-style-05:hover .team-content{ opacity:1 } .team-style-05:hover .team-content p{ top:50% } .team-style-05:hover .social-icon a{ opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } .team-style-05:hover .social-icon a:nth-child(1){ -webkit-transition:all .3s ease; transition:all .3s ease } .team-style-05:hover .social-icon a:nth-child(2){ -webkit-transition:all .6s ease; transition:all .6s ease } .team-style-05:hover .social-icon a:nth-child(3){ -webkit-transition:all .9s ease; transition:all .9s ease } .team-style-05:hover .social-icon a:nth-child(4){ -webkit-transition:all 1.1s ease; transition:all 1.1s ease } .team-style-05:hover .social-icon a:nth-child(5){ -webkit-transition:all 1.4s ease; transition:all 1.4s ease } .team-style-08 figure{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-transition:all .5s cubic-bezier(.2,0,.3,1); transition:all .5s cubic-bezier(.2,0,.3,1) } .team-style-08 figure figcaption{ position:absolute; opacity:0; bottom:0; -webkit-transition:all .5s; transition:all .5s } .team-style-08 figure figcaption .social-icon span{ margin:0 0 10px; opacity:0; background-color:var(--base-color); height:50px; width:50px; border-radius:100%; display:flex; align-items:center; justify-content:center; -webkit-transform:translate3d(0,15px,0); transform:translate3d(0,15px,0); -webkit-transition:all .3s cubic-bezier(.2,0,.3,1); transition:all .3s cubic-bezier(.2,0,.3,1); -webkit-transform:scale(1); transform:scale(1) } .team-style-08 figure figcaption .social-icon span:last-child{ margin-bottom:0 } .team-style-08 figure figcaption .team-member-name{ opacity:0; -webkit-transform:translate3d(0,15px,0); transform:translate3d(0,15px,0); -webkit-transition:all .5s cubic-bezier(.2,0,.3,1); transition:all .5s cubic-bezier(.2,0,.3,1) } .team-style-08 figure figcaption .member-designation{ opacity:0; -webkit-transform:translate3d(0,20px,0); transform:translate3d(0,20px,0); -webkit-transition:all .7s cubic-bezier(.2,0,.3,1); transition:all .7s cubic-bezier(.2,0,.3,1) } .team-style-08:hover figure{ -webkit-transform:translate3d(0,-8px,0); transform:translate3d(0,-8px,0) } .team-style-08:hover figure figcaption{ opacity:1 } .team-style-08:hover figure figcaption .social-icon span:hover{ -webkit-transform:scale(1.1); transform:scale(1.1) } .team-style-08:hover figure figcaption .team-member-name{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } .team-style-08:hover figure figcaption .member-designation{ opacity:.6; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } .team-style-08:hover figure figcaption span{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1 } .team-style-09 .nav-tabs>li.nav-item{ padding:0 } .team-style-09 .nav-tabs>li.nav-item .number{ color:var(--dark-gray); -webkit-transition:.4s cubic-bezier(.12,0,.39,0); transition:.4s cubic-bezier(.12,0,.39,0) } .blog-classic .card,.blog-classic .card .card-body,.blog-grid .card,.blog-grid .card .card-body{ color:inherit } .team-style-09 .nav-tabs .nav-link{ border:0; display:flex; border-bottom:1px solid var(--extra-medium-gray); padding:20px 0; margin-bottom:0; background-color:transparent; -webkit-border-radius:0; border-radius:0; -webkit-transition:.3s cubic-bezier(.12,0,.39,0); transition:.3s cubic-bezier(.12,0,.39,0) } .team-style-09 .nav-tabs .nav-link:hover{ -webkit-transform:translate3d(10px,0,0); transform:translate3d(10px,0,0) } .team-style-09 .nav-tabs .nav-link.active,.team-style-09 .nav-tabs .nav-link:hover{ border-bottom:1px solid var(--dark-gray) } .team-style-10 figure{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-transition:all .5s cubic-bezier(.2,0,.3,1); transition:all .5s cubic-bezier(.2,0,.3,1) } .team-style-10 figure .hover-switch-image{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; -webkit-transition:all .2s cubic-bezier(.2,0,.3,1); transition:all .2s cubic-bezier(.2,0,.3,1) } .team-style-10 figure figcaption{ position:absolute; opacity:0; bottom:0; -webkit-transition:all .5s; transition:all .5s } .team-style-10 figure figcaption .social-icon a{ margin:0 0 10px; opacity:0; background-color:var(--dark-gray); height:50px; width:50px; border-radius:100%; display:flex; align-items:center; justify-content:center; will-change:transform; -webkit-transition:all .3s cubic-bezier(.2,0,.3,1); transition:all .3s cubic-bezier(.2,0,.3,1); -webkit-transform:scale(1.1); transform:scale(1.1) } .team-style-10 figure figcaption .social-icon a:last-child,.testimonials-style-04.swiper-horizontal-3d.swiper-pagination-bottom .swiper-wrapper{ margin-bottom:0 } .team-style-10 figure figcaption .team-member-strip{ -webkit-transform:translate3d(0,20px,0); transform:translate3d(0,20px,0); -webkit-transition:all .3s cubic-bezier(.2,0,.8,1); transition:all .3s cubic-bezier(.2,0,.8,1) } .team-style-10 figure figcaption .team-member-strip .team-member-name{ opacity:0; -webkit-transform:translate3d(0,15px,0); transform:translate3d(0,15px,0); -webkit-transition:all .5s cubic-bezier(.2,0,.3,1); transition:all .5s cubic-bezier(.2,0,.3,1) } .team-style-10 figure figcaption .team-member-strip .member-designation{ opacity:0; -webkit-transform:translate3d(0,20px,0); transform:translate3d(0,20px,0); -webkit-transition:all .7s cubic-bezier(.2,0,.3,1); transition:all .7s cubic-bezier(.2,0,.3,1) } .team-style-10:hover figure .hover-switch-image{ left:0; opacity:1 } .team-style-10:hover figure figcaption{ opacity:1 } .team-style-10:hover figure figcaption .social-icon a{ -webkit-transform:scale(1); transform:scale(1) } .team-style-10:hover figure figcaption .social-icon a:hover{ -webkit-transform:scale(1.1); transform:scale(1.1) } .team-style-10:hover figure figcaption .team-member-strip{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } .team-style-10:hover figure figcaption .team-member-strip .member-designation,.team-style-10:hover figure figcaption .team-member-strip .team-member-name{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } .team-style-10:hover figure figcaption a{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1 } .testimonials-style-01 .testimonial-arrow:after{ content:""; top:100%; left:50px; height:0; width:0; z-index:9; margin-left:-14px; position:absolute; pointer-events:none; border:solid transparent; border-width:14px; border-top-color:var(--white) } .testimonials-style-01 .author-detail img{ width:60px; height:60px } .testimonials-style-04.swiper-horizontal-3d.swiper{ margin-left:auto; margin-right:auto; position:relative; overflow:hidden; z-index:1; width:100%; padding-bottom:60px } .testimonials-style-04.swiper-horizontal-3d .swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:flex; transition-property:transform; transition-property:transform,-webkit-transform; box-sizing:content-box } .testimonials-style-04.swiper-horizontal-3d .swiper-slide{ filter:grayscale(100%); opacity:0; -webkit-flex-shrink:0; -ms-flex:0 0 auto; -ms-flex-negative:0; flex-shrink:0; width:100%; height:100%; position:relative } .testimonials-style-04.swiper-horizontal-3d .swiper-slide.swiper-slide-next,.testimonials-style-04.swiper-horizontal-3d .swiper-slide.swiper-slide-prev{ opacity:.7 } .testimonials-style-04.swiper-horizontal-3d .swiper-slide.swiper-slide-active{ opacity:1; filter:grayscale(0); box-shadow:0 0 60px rgba(0,0,0,.17) } .testimonials-style-04.swiper-horizontal-3d .swiper-slide.swiper-slide-active .slider-image:hover .preview-icon{ opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; z-index:1 } .testimonials-style-04.swiper-horizontal-3d .swiper-slide img{ opacity:0 } .testimonials-style-04.swiper-horizontal-3d .swiper-slide-active img,.testimonials-style-12 .swiper-button-next-nav:hover,.testimonials-style-12 .swiper-button-previous-nav:hover{ opacity:1 } .testimonials-style-04.swiper-horizontal-3d.swiper-3d .swiper-slide-shadow-left,.testimonials-style-04.swiper-horizontal-3d.swiper-3d .swiper-slide-shadow-right{ background-image:none } .testimonials-style-05 .testimonials-bubble{ position:relative; border:1px solid; -webkit-transition:.2s; transition:.2s } .testimonials-style-05 .testimonials-bubble:after,.testimonials-style-05 .testimonials-bubble:before{ top:100%; left:50px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none } .testimonials-style-05 .testimonials-bubble:after{ border-color:rgba(255,255,255,0); border-top-color:var(--white); border-width:15px 15px 0 0; margin-left:1px } .testimonials-style-05 .testimonials-bubble:before{ border-color:rgba(237,237,237,0); border-top-color:var(--extra-medium-gray); border-width:18px 18px 0 0 } .testimonials-style-12 .swiper-button-previous-nav{ left:-8px } .testimonials-style-13 .swiper-slide{ opacity:.1 } .testimonials-style-13 .swiper-slide.swiper-slide-active{ opacity:1 } .testimonials-style-13 .swiper-slide.swiper-slide-next{ opacity:.4 } .blog-grid .card{ -webkit-transition:all .4s cubic-bezier(.37,0,.63,1); transition:all .4s cubic-bezier(.37,0,.63,1) } .blog-grid .card .blog-image img{ -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0 } .blog-grid .card .card-body p{ margin-bottom:15px } .blog-grid .card .card-body .author{ will-change:transform } .blog-grid .card .card-body .author .blog-date{ opacity:1; visibility:visible; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:all .5s cubic-bezier(.37,0,.63,1); transition:all .5s cubic-bezier(.37,0,.63,1) } .blog-grid .card .card-body .author .like-count a i{ margin-right:4px; vertical-align:middle; -webkit-transition:all .4s cubic-bezier(.37,0,.63,1); transition:all .4s cubic-bezier(.37,0,.63,1) } .blog-grid .card .card-body .author .like-count a:hover i{ -webkit-transform:scale(1.2); transform:scale(1.2) } .blog-grid .card .card-body .author .author-name{ position:absolute; width:auto; left:0; bottom:0; opacity:1; visibility:visible; -webkit-transform:translateY(32px); transform:translateY(32px); -webkit-transition:all .5s cubic-bezier(.37,0,.63,1); transition:all .5s cubic-bezier(.37,0,.63,1) } .blog-grid .card .blog-categories{ position:absolute; top:17px; right:20px } .blog-grid .card .blog-categories .categories-btn{ -webkit-box-shadow:0 0 25px rgba(0,0,0,.4); box-shadow:0 0 25px rgba(0,0,0,.4) } .blog-grid .card:hover .author .blog-date{ position:relative; opacity:1; visibility:visible; -webkit-transform:translateY(-32px); transform:translateY(-32px) } .blog-grid .card:hover .author .author-name{ opacity:1; visibility:visible; -webkit-transform:translateY(0); transform:translateY(0) } .blog-classic .card .blog-image img{ -webkit-transition:all .6s cubic-bezier(.37,0,.63,1); transition:all .6s cubic-bezier(.37,0,.63,1); will-change:transform } .blog-classic .card .card-body .categories-text:after{ content:"\f309"; display:inline-block; font-family:bootstrap-icons; vertical-align:middle; margin:-2px 1px 0; font-size:22px; color:var(--medium-gray); opacity:.7 } .blog-classic .card .card-body .card-link i{ opacity:0; visibility:hidden; transform-origin:center left; -webkit-transform:translateX(-10px) scaleX(0); transform:translateX(-10px) scaleX(0); -webkit-transition:all .3s cubic-bezier(.5,1,.89,1); transition:all .3s cubic-bezier(.5,1,.89,1); vertical-align:middle; margin-left:3px } .blog-classic .card:hover .blog-image img{ -webkit-transform:scale(1.07); transform:scale(1.07) } .blog-classic .card:hover .card-body .card-link i{ opacity:1; visibility:visible; -webkit-transform:translateX(0) scaleX(1); transform:translateX(0) scaleX(1) } .blog-only-text{ counter-reset:card-body } .blog-only-text .card-body{ color:inherit; position:relative; overflow:hidden } .blog-only-text .card-body .hover-img{ position:absolute; left:0; top:0; -o-object-fit:cover; object-fit:cover; width:100%; height:100%; opacity:0; visibility:hidden; -webkit-transition:all .3s cubic-bezier(.37,0,.63,1); transition:all .3s cubic-bezier(.37,0,.63,1); -webkit-transform:scale(1.1) rotate(-3deg); transform:scale(1.1) rotate(-3deg) } .blog-only-text .card-body:after{ counter-increment:card-body; content:counter(card-body,decimal-leading-zero); position:absolute; font-size:70px; line-height:70px; letter-spacing:-3px; top:30px; right:-8px; font-weight:600; opacity:.1; color:var(--dark-gray); -webkit-transition:all 350ms cubic-bezier(.37,0,.63,1); transition:all 350ms cubic-bezier(.37,0,.63,1) } .blog-only-text .card-body:hover .hover-img{ opacity:1; visibility:visible; -webkit-transition:all .4s cubic-bezier(.37,0,.63,1); transition:all .4s cubic-bezier(.37,0,.63,1); -webkit-transform:scale(1) rotate(0); transform:scale(1) rotate(0) } .blog-only-text .card-body:hover:after{ opacity:.2; color:var(--white); right:30px; -webkit-transition:all 350ms cubic-bezier(.37,0,.63,1); transition:all 350ms cubic-bezier(.37,0,.63,1) } .blog-only-text .card-body:hover .categories-btn{ background:var(--white); color:var(--dark-gray)!important; -webkit-box-shadow:0 10px 40px rgba(0,0,0,.6); box-shadow:0 10px 40px rgba(0,0,0,.6); -webkit-transition:all 350ms cubic-bezier(.37,0,.63,1); transition:all 350ms cubic-bezier(.37,0,.63,1) } .blog-metro figure .blog-image .blog-overlay{ position:absolute; top:0; left:0; height:100%; width:100%; background:#1f232c; background:linear-gradient(0deg,rgba(23,23,23,.8) 0,rgba(23,23,23,0) 70%); -webkit-transition:all .4s cubic-bezier(.37,0,.63,1); transition:all .4s cubic-bezier(.37,0,.63,1) } .blog-metro figure .categories-btn{ border:1px solid transparent } .blog-metro figure img{ -webkit-transition:all .4s cubic-bezier(.37,0,.63,1); transition:all .4s cubic-bezier(.37,0,.63,1); width:100% } .blog-metro figure figcaption{ position:absolute; top:0; left:0 } .blog-metro figure .card-title{ margin-bottom:0 } .blog-metro figure:hover img{ -webkit-transform:scale(1.1); transform:scale(1.1); opacity:.5 } .blog-metro figure:hover .categories-btn{ background:0 0!important; color:#fff; border:1px solid rgba(255,255,255,.3) } .blog-metro figure:hover .categories-btn.bg-base-color{ color:var(--base-color)!important; border-color:var(--base-color) } .blog-masonry .card{ color:inherit } .blog-masonry .card .card-top{ position:relative; padding:15px 20px } .blog-masonry .card .card-top:after{ content:""; position:absolute; left:25px; top:100%; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #fff; clear:both; z-index:1 } .blog-masonry .card .card-top .avtar{ height:30px; width:30px; margin-right:10px; position:relative; border-radius:100% } .blog-masonry .card .blog-image img{ -webkit-transition:all 1s cubic-bezier(.5,1,.89,1); transition:all 1s cubic-bezier(.5,1,.89,1) } .blog-masonry .card .blog-image .categories-btn{ -webkit-box-shadow:0 0 25px rgba(0,0,0,.4); box-shadow:0 0 25px rgba(0,0,0,.4) } .blog-masonry .card .like-count a i{ margin-right:5px; -webkit-transition:all .4s cubic-bezier(.5,1,.89,1); transition:all .4s cubic-bezier(.5,1,.89,1); will-change:transform } .blog-masonry .card .like-count a:hover i{ -webkit-transform:scale(1.2); transform:scale(1.2) } .blog-masonry .card .blog-date i{ margin-right:8px } .blog-masonry .card .blog-categories{ position:absolute; bottom:30px; left:30px } .blog-masonry .card:hover{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } .blog-masonry .card:hover .blog-image img{ -webkit-transform:scale(1.1); transform:scale(1.1) } .blog-simple figure .blog-image{ overflow:hidden } .blog-simple figure .blog-hover-icon{ -webkit-transform:scale(0); transform:scale(0); -webkit-transition:all .4s cubic-bezier(.37,0,.63,1); transition:all .4s cubic-bezier(.37,0,.63,1); opacity:0 } .blog-simple figure figcaption{ position:absolute; bottom:0; top:0; width:100%; -webkit-transition:all .3s linear; transition:all .3s linear } .blog-simple figure:hover .blog-hover-icon{ opacity:1; visibility:visible; -webkit-transform:scale(1); transform:scale(1) } .blog-simple figure:hover .post-content .card-title a:hover{ color:var(--base-color) } .blog-simple figure:hover .blog-image img{ -webkit-filter:blur(2px); filter:blur(2px); -webkit-transition:.3s; transition:.3s } .blog-simple figure:hover .blog-image .box-overlay{ opacity:.3 } .blog-simple figure:hover .box-overlay{ opacity:1; visibility:visible } .blog-date .feature-box{ -webkit-transform:translateY(0); transform:translateY(0) } .blog-date .feature-box .feature-box-icon{ margin-right:40px!important } .blog-date .feature-box .post-date{ min-width:75px; padding:20px 0 17px; -webkit-transition:all .3s linear; transition:all .3s linear } .blog-date .feature-box .post-date span{ -webkit-transition:all .3s linear; transition:all .3s linear } .blog-date .feature-box:hover{ -webkit-transform:translateY(-5px); transform:translateY(-5px) } .blog-side-image .blog-box .blog-image{ min-height:300px; will-change:transform; -webkit-transition:all .6s cubic-bezier(.5,1,.89,1); transition:all .6s cubic-bezier(.5,1,.89,1) } .blog-side-image .blog-box .blog-image .blog-post-image-overlay{ opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; -webkit-transition:all .6s cubic-bezier(.5,1,.89,1); transition:all .6s cubic-bezier(.5,1,.89,1) } .blog-side-image .blog-box .blog-content{ position:relative; z-index:1 } .blog-side-image .blog-box .blog-content .separator{ width:10px; height:1px; -webkit-transition:all .6s cubic-bezier(.5,1,.89,1); transition:all .6s cubic-bezier(.5,1,.89,1); display:inline-block; vertical-align:middle; margin-right:7px } .blog-side-image .blog-box .blog-content .categories-btn{ -webkit-border-radius:50px; border-radius:50px; margin-left:0; margin-right:5px; line-height:20px; padding:4px 15px } .blog-side-image .blog-box:hover .blog-image{ -webkit-transform:scale(1.1); transform:scale(1.1) } .blog-side-image .blog-box:hover .blog-image .blog-post-image-overlay{ opacity:.4 } .blog-side-image .blog-box:hover .blog-content .separator{ width:30px } .blog-modern figure .blog-image{ margin-bottom:48px } .blog-modern figure .blog-image img{ -webkit-transition:all .9s cubic-bezier(.5,1,.89,1); transition:all .9s cubic-bezier(.5,1,.89,1) } .blog-modern figure .post-content-wrapper{ position:absolute; bottom:-51px; width:85%; margin:0 auto; left:0; right:0; -webkit-box-shadow:0 4px 10px rgba(111,111,111,.1); box-shadow:0 4px 10px rgba(111,111,111,.1) } .blog-modern figure .post-content-wrapper .post-content{ -webkit-transition:all .4s cubic-bezier(.5,1,.89,1); transition:all .4s cubic-bezier(.5,1,.89,1) } .blog-modern figure .post-content-wrapper .separator{ margin:0 15px; opacity:.7; font-weight:300 } .blog-comment,.shop-sidebar .shop-filter li:last-child{ margin-bottom:0 } .blog-modern figure:hover .blog-image img{ -webkit-transform:scale(1.1); transform:scale(1.1) } .blog-modern figure:hover .post-content-wrapper .post-content .card-title,.blog-modern figure:hover .post-content-wrapper .post-content .card-title:hover{ color:var(--white) } .blog-modern figure:hover .post-content-wrapper .post-content .box-overlay{ opacity:1; visibility:visible } .blog-standard .blog-image{ position:relative } .blog-standard .blog-image .blog-categories{ position:absolute; right:40px; top:40px } .blog-standard .entry-meta span{ position:relative; margin-right:20px } .blog-standard .entry-meta span:last-child{ margin-right:0 } .blog-standard .entry-meta span i{ margin-right:7px } .blog-comment{ padding-left:0 } .blog-comment li{ padding-bottom:65px; position:relative; list-style:none } .blog-comment li:last-child{ border-bottom:medium none; padding-bottom:0 } .blog-comment li .btn-reply{ float:right; font-size:11px; line-height:initial; padding:7px 20px 6px; border-radius:50px; border:1px solid rgba(44,44,44,.25); background-color:var(--white) } .blog-comment li .btn-reply:hover{ border-color:var(--base-color); background:var(--base-color); color:var(--white) } .blog-comment li ul.child-comment{ list-style:none; margin-left:70px } .blog-comment li ul.child-comment li{ margin-top:60px; padding-bottom:0 } .blog-comment>li:first-child{ padding-top:0 } .pagination-style-01 .page-item .page-link{ border:0; padding:0 2px; margin:0 7px; background:0 0; color:var(--medium-gray); min-width:45px; font-size:inherit; text-align:center; -webkit-border-radius:100%; border-radius:100%; line-height:45px; min-height:45px } .pagination-style-01 .page-item .page-link i{ line-height:40px } .pagination-style-01 .page-item .page-link:hover{ background:var(--white); color:var(--dark-gray); box-shadow:0 0 10px rgba(23,23,23,.15)!important } .pagination-style-01 .page-item .page-link:focus{ box-shadow:none } .pagination-style-01 .page-item.active .page-link{ background:var(--dark-gray); color:var(--white); box-shadow:0 0 10px rgba(23,23,23,.15)!important } .pagination-style-01 .page-item:first-child .page-link,.pagination-style-01 .page-item:last-child .page-link,.pagination-style-01.light .page-item:first-child .page-link,.pagination-style-01.light .page-item:last-child .page-link{ background:0 0; box-shadow:none!important } .pagination-style-01.light .page-item:first-child .page-link:hover,.pagination-style-01.light .page-item:last-child .page-link:hover{ color:var(--white) } .blog-clean .card,.blog-clean .card .card-body{ color:inherit } .blog-clean .card .blog-image img{ -webkit-transition:all .3s linear; transition:all .3s linear; will-change:transform } .blog-clean .card .card-body .blog-categories .categories-btn{ margin:0 5px 0 0; font-size:12px; border-radius:0 } .blog-clean .card .card-body .card-link i{ opacity:0; visibility:hidden; -webkit-transform:translateX(-10px); transform:translateX(-10px); -webkit-transition:all .3s linear; transition:all .3s linear; vertical-align:middle; margin-left:10px; line-height:11px } .blog-clean .card:hover .blog-image img{ -webkit-transform:scale(1.07); transform:scale(1.07) } .blog-clean .card:hover .card-body .card-link i{ opacity:1; visibility:visible; -webkit-transform:translateX(0); transform:translateX(0) } .grid-item .portfolio-image img,.portfolio-grid .work-1col li{ width:100% } .portfolio-filter li{ padding:0 25px } .portfolio-filter li:first-child,.shop-sidebar .shop-filter.rating-filter li{ padding-left:0 } .portfolio-filter li:last-child{ padding-right:0 } .portfolio-filter li a{ color:var(--medium-gray); border-bottom:2px solid transparent } .portfolio-filter li.active a,.portfolio-filter li:focus a,.portfolio-filter li:hover a{ color:var(--dark-gray); border-color:var(--dark-gray) } .portfolio-filter.filter-btn li{ padding:0 12px } .portfolio-filter.filter-btn li a{ padding:6px 30px; border-radius:40px } .portfolio-filter.filter-btn li a.active,.portfolio-filter.filter-btn li a:focus,.portfolio-filter.filter-btn li a:hover{ background-color:var(--white); color:var(--dark-gray); -webkit-box-shadow:0 0 25px rgba(0,0,0,.08); box-shadow:0 0 25px rgba(0,0,0,.08) } .portfolio-filter.filter-btn li.active a{ background-color:var(--white); color:var(--dark-gray); -webkit-box-shadow:0 0 10px rgba(0,0,0,.08); box-shadow:0 0 10px rgba(0,0,0,.08) } .portfolio-classic .portfolio-box{ -webkit-clip-path:inset(0 0 0 0); clip-path:inset(0 0 0 0) } .portfolio-classic .portfolio-box .portfolio-hover{ opacity:0; transform:translate3d(0,45px,0) skewY(-15deg) } .portfolio-classic .portfolio-box:hover{ -webkit-clip-path:inset(2% 2% 2% 2%); clip-path:inset(2% 2% 2% 2%) } .portfolio-classic .portfolio-box:hover .portfolio-image img{ opacity:.15; -webkit-filter:blur(4px); filter:blur(4px) } .portfolio-classic .portfolio-box:hover .portfolio-hover{ opacity:1; transform:translate3d(0,0,0) } .portfolio-boxed .portfolio-box{ will-change:transform } .portfolio-boxed .portfolio-box .portfolio-icon a{ margin:0 4px; position:relative; -webkit-box-shadow:0 0 25px 0 rgba(0,0,0,.5); box-shadow:0 0 25px 0 rgba(0,0,0,.5) } .portfolio-boxed .portfolio-box .portfolio-overlay{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; opacity:0; visibility:hidden; -webkit-transition:all .2s linear; transition:all .2s linear } .portfolio-boxed .portfolio-box:hover{ -webkit-box-shadow:10px 0 70px rgba(0,0,0,.15); box-shadow:10px 0 70px rgba(0,0,0,.15); -webkit-transform:translateY(-5px); transform:translateY(-5px) } .portfolio-boxed .portfolio-box:hover .portfolio-image img{ opacity:.3 } .portfolio-boxed .portfolio-box:hover .portfolio-overlay{ opacity:1; visibility:visible } .mousetip-wrapper .caption{ opacity:0; visibility:hidden; position:absolute; top:20px; left:20px; z-index:9 } .mousetip-wrapper:hover .caption{ opacity:1; visibility:visible; display:block } .portfolio-transform .portfolio-box{ will-change:auto; overflow:visible } .portfolio-transform .portfolio-box .caption{ padding:22px 28px 11px; white-space:nowrap; -webkit-box-shadow:0 0 25px rgba(0,0,0,.2); box-shadow:0 0 25px rgba(0,0,0,.2) } .portfolio-transform .portfolio-box .portfolio-image{ overflow:visible } .portfolio-transform .portfolio-box .portfolio-image img{ -webkit-transition:all .6s linear; transition:all .6s linear } .portfolio-transform .portfolio-box:hover .portfolio-image img{ -webkit-transform:scale(1.1); transform:scale(1.1) } .portfolio-creative .portfolio-box{ will-change:transform } .portfolio-creative .portfolio-box .portfolio-title{ -webkit-transform:scale(2); transform:scale(2); display:block; width:100% } .portfolio-creative .portfolio-box .portfolio-title::before{ content:attr(data-text); position:absolute; top:0; left:0; width:100%; z-index:1; -webkit-transform:translateY(-50%); transform:translateY(-50%) } .portfolio-creative .portfolio-box .portfolio-title::after{ content:attr(data-text); position:absolute; left:0; right:0; top:-20px; font-size:110px; letter-spacing:-6px; color:rgba(0,0,0,.1); font-weight:800; white-space:nowrap; text-align:center; display:inline-block; animation:glitch-skew 1s infinite linear alternate-reverse } .portfolio-creative .portfolio-box .portfolio-hover span{ -webkit-transform:translateY(25px); transform:translateY(25px) } .portfolio-creative .portfolio-box:hover .portfolio-image img{ opacity:0 } .portfolio-creative .portfolio-box:hover .portfolio-title{ -webkit-transform:scale(1); transform:scale(1) } .portfolio-creative .portfolio-box:hover .portfolio-hover span{ -webkit-transform:translateY(0); transform:translateY(0) } .portfolio-simple .portfolio-box .portfolio-icon a{ margin:0 5px; position:relative; -webkit-transition-delay:.1s; transition-delay:.1s; -webkit-box-shadow:0 0 20px rgba(0,0,0,.3); box-shadow:0 0 20px rgba(0,0,0,.3) } .portfolio-simple .portfolio-box .portfolio-icon a:last-child{ -webkit-transition-delay:.2s; transition-delay:.2s } .portfolio-simple .portfolio-box:hover .portfolio-image img{ opacity:.5; -webkit-transform:scale(1.1); transform:scale(1.1) } .portfolio-modern .portfolio-box{ position:relative; will-change:transform } .portfolio-modern .portfolio-box .portfolio-hover{ opacity:0; left:20px; bottom:20px; width:calc(100% - 40px); height:auto; top:inherit; -webkit-transform:translateY(0) scale(1,0); transform:translateY(0) scale(1,0); transform-origin:bottom center } .portfolio-modern .portfolio-box .portfolio-hover>*>*>*{ opacity:0; transition-delay:.25s; transform:translateY(15px) } .portfolio-modern .portfolio-box .portfolio-hover>*>*>*+*{ opacity:0; transition-delay:.35s } .portfolio-modern .portfolio-box .portfolio-hover>*>*+*{ opacity:0; transform:translateY(15px); transition-delay:.45s } .portfolio-modern .portfolio-box:hover{ opacity:1; -webkit-filter:blur(0); filter:blur(0) } .portfolio-modern .portfolio-box:hover .portfolio-image img{ -webkit-transform:scale(1.1); transform:scale(1.1) } .portfolio-modern .portfolio-box:hover .portfolio-hover{ -webkit-box-shadow:0 0 15px rgba(0,0,0,.2); box-shadow:0 0 15px rgba(0,0,0,.2); -webkit-transform:translateY(0) scale(1,1); transform:translateY(0) scale(1,1); opacity:1 } .portfolio-modern .portfolio-box:hover .portfolio-hover>*>*+*,.portfolio-modern .portfolio-box:hover .portfolio-hover>*>*>*{ transform:translateY(0); opacity:1 } .portfolio-modern .portfolio-box:hover .portfolio-hover>*>*>*+*{ opacity:1 } .portfolio-attractive .portfolio-link{ position:absolute; left:0; top:0; width:100%; height:100%; content:""; z-index:9999; cursor:pointer } .portfolio-attractive .portfolio-box,.portfolio-clean .portfolio-box{ position:relative } .portfolio-attractive .portfolio-box .portfolio-image img{ -webkit-transition:all .5s cubic-bezier(.37,0,.63,1); transition:all .5s cubic-bezier(.37,0,.63,1) } .portfolio-attractive .portfolio-box .portfolio-hover .icon-box{ margin-top:0; transform-style:inherit } .portfolio-attractive .grid-item:hover .portfolio-hover{ opacity:1 } .portfolio-attractive .grid-item:hover .portfolio-hover .icon-box{ margin-top:-10px } .portfolio-attractive .grid-item:hover .portfolio-image img{ opacity:.3 } .portfolio-attractive .grid-item:hover .move-bottom-top-self span,.portfolio-attractive .grid-item:hover .move-top-bottom-self span{ -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } .portfolio-slider .portfolio-box{ -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:all .65s cubic-bezier(.05,.2,.1,1); transition:all .65s cubic-bezier(.05,.2,.1,1) } .portfolio-slider .portfolio-box .portfolio-image img{ -webkit-transition:all .65s cubic-bezier(.05,.2,.1,1); transition:all .65s cubic-bezier(.05,.2,.1,1) } .portfolio-slider .portfolio-box .portfolio-hover{ opacity:1 } .portfolio-slider .portfolio-box .portfolio-hover .portfolio-link .category{ -webkit-transform:translateY(0); transform:translateY(0); opacity:1; visibility:visible } .portfolio-slider .portfolio-box .portfolio-hover .portfolio-link i{ position:absolute; right:0; will-change:transform; -webkit-transform:translateY(0); transform:translateY(0); opacity:0 } .portfolio-slider .portfolio-box:hover{ -webkit-transform:translateY(-5px); transform:translateY(-5px) } .portfolio-slider .portfolio-box:hover .portfolio-image img{ opacity:.6; -webkit-transform:scale(1.1); transform:scale(1.1) } .portfolio-slider .portfolio-box:hover .portfolio-hover.dark-hover .portfolio-link a,.portfolio-slider .portfolio-box:hover .portfolio-hover.dark-hover .portfolio-link div,.portfolio-slider .portfolio-box:hover .portfolio-hover.dark-hover .portfolio-link i,.portfolio-slider .portfolio-box:hover .portfolio-hover.dark-hover .portfolio-link span,.portfolio-slider .portfolio-box:hover .portfolio-hover.dark-hover .portfolio-title{ color:var(--white)!important } .portfolio-slider .portfolio-box:hover .portfolio-hover.light-hover .portfolio-link a,.portfolio-slider .portfolio-box:hover .portfolio-hover.light-hover .portfolio-link div,.portfolio-slider .portfolio-box:hover .portfolio-hover.light-hover .portfolio-link i,.portfolio-slider .portfolio-box:hover .portfolio-hover.light-hover .portfolio-link span,.portfolio-slider .portfolio-box:hover .portfolio-hover.light-hover .portfolio-title{ color:var(--dark-gray)!important } .portfolio-slider .portfolio-box:hover .portfolio-hover .portfolio-link .category{ -webkit-transform:translateY(-20px); transform:translateY(-20px); opacity:0; visibility:hidden } .portfolio-slider .portfolio-box:hover .portfolio-hover .portfolio-link i{ -webkit-transform:translateY(-28px); transform:translateY(-28px); opacity:1 } .portfolio-slider .portfolio-box:hover .portfolio-hover .box-overlay{ opacity:1; visibility:visible } .portfolio-clean .portfolio-box .portfolio-image{ -webkit-clip-path:inset(0 0 0 0); clip-path:inset(0 0 0 0); -webkit-transition:all .6s cubic-bezier(.37,0,.63,1); transition:all .6s cubic-bezier(.37,0,.63,1) } .portfolio-clean .portfolio-box .portfolio-hover{ -webkit-transform:translateY(35px); transform:translateY(35px); -webkit-transition:all .4s cubic-bezier(.37,0,.63,1); transition:all .4s cubic-bezier(.37,0,.63,1) } .portfolio-clean .portfolio-box .portfolio-hover .portfolio-title{ -webkit-box-flex:1; -ms-flex:1; flex:1 } .portfolio-clean .portfolio-box:hover .portfolio-image{ -webkit-clip-path:inset(0 0 70px 0); clip-path:inset(0 0 70px 0) } .portfolio-clean .portfolio-box:hover .portfolio-image img{ -webkit-transform:translateY(-40px); transform:translateY(-40px) } .portfolio-clean .portfolio-box:hover .portfolio-hover{ -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:all .6s cubic-bezier(.37,0,.63,1); transition:all .6s cubic-bezier(.37,0,.63,1) } .portfolio-switch-image .portfolio-box .portfolio-image .hover-switch-image{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; -webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1) } .portfolio-switch-image .portfolio-box:hover{ -webkit-transform:translateY(-5px); transform:translateY(-5px) } .portfolio-switch-image .portfolio-box:hover .portfolio-image .hover-switch-image{ opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1) } .gallery-box,.portfolio-box{ overflow:hidden; will-change:transform } .gallery-box .move-top-bottom,.portfolio-box .move-top-bottom{ -webkit-transform:translateY(-15px); transform:translateY(-15px); opacity:0 } .gallery-box .move-bottom-top,.portfolio-box .move-bottom-top{ -webkit-transform:translateY(15px); transform:translateY(15px); opacity:0 } .gallery-box .move-left-right,.portfolio-box .move-left-right{ -webkit-transform:translateX(-15px); transform:translateX(-15px); opacity:0 } .gallery-box .move-right-left,.portfolio-box .move-right-left{ -webkit-transform:translateX(15px); transform:translateX(15px); opacity:0 } .gallery-box .move-bottom-top-self,.portfolio-box .move-bottom-top-self{ overflow:hidden } .gallery-box .move-bottom-top-self span,.portfolio-box .move-bottom-top-self span{ opacity:0; display:block; will-change:transform; -webkit-transform:translateY(50%); transform:translateY(50%); -webkit-transition:all .5s cubic-bezier(.37,.31,.2,.85); transition:all .5s cubic-bezier(.37,.31,.2,.85) } .gallery-box .move-top-bottom-self,.portfolio-box .move-top-bottom-self{ overflow:hidden } .gallery-box .move-top-bottom-self span,.portfolio-box .move-top-bottom-self span{ opacity:0; display:block; will-change:transform; -webkit-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition:all .5s cubic-bezier(.37,.31,.2,.85); transition:all .5s cubic-bezier(.37,.31,.2,.85) } .gallery-box .move-left-right-self,.portfolio-box .move-left-right-self{ overflow:hidden } .gallery-box .move-left-right-self span,.portfolio-box .move-left-right-self span{ opacity:0; display:block; will-change:transform; -webkit-transform:translateX(-50%); transform:translateX(-50%); -webkit-transition:all .5s cubic-bezier(.37,.31,.2,.85); transition:all .5s cubic-bezier(.37,.31,.2,.85) } .gallery-box .move-right-left-self,.portfolio-box .move-right-left-self{ overflow:hidden } .gallery-box .move-right-left-self span,.portfolio-box .move-right-left-self span{ opacity:0; display:block; will-change:transform; -webkit-transform:translateX(50%); transform:translateX(50%); -webkit-transition:all .5s cubic-bezier(.37,.31,.2,.85); transition:all .5s cubic-bezier(.37,.31,.2,.85) } .gallery-box .portfolio-hover,.portfolio-box .portfolio-hover{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:0 } .gallery-box .portfolio-image,.portfolio-box .portfolio-image{ position:relative; overflow:hidden } .gallery-box:hover .move-bottom-top,.gallery-box:hover .move-top-bottom,.portfolio-box:hover .move-bottom-top,.portfolio-box:hover .move-top-bottom{ -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } .gallery-box:hover .move-left-right,.gallery-box:hover .move-right-left,.portfolio-box:hover .move-left-right,.portfolio-box:hover .move-right-left{ -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } .gallery-box:hover .move-bottom-top-self span,.portfolio-box:hover .move-bottom-top-self span{ -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } .gallery-box:hover .move-top-bottom-self span,.portfolio-box:hover .move-top-bottom-self span{ opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } .gallery-box:hover .move-left-right-self span,.portfolio-box:hover .move-left-right-self span{ -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } .gallery-box:hover .move-right-left-self span,.portfolio-box:hover .move-right-left-self span{ opacity:1; -webkit-transform:translateX(0); transform:translateX(0) } .gallery-box:hover .portfolio-hover,.portfolio-box:hover .portfolio-hover{ opacity:1 } .portfolio-pagination{ position:relative; z-index:1 } .portfolio-pagination .bg-fancy-image{ position:absolute; top:0; left:0; opacity:0; height:100%; width:100%; z-index:-1; visibility:hidden; background-size:cover; -webkit-transition:.5s; transition:.5s } .portfolio-pagination .btn-slide-icon-left .separator,.portfolio-pagination .btn-slide-icon-right .separator{ position:relative; -webkit-transition:.5s; transition:.5s } .portfolio-pagination .btn-slide-icon-left .separator:after,.portfolio-pagination .btn-slide-icon-left .separator:before,.portfolio-pagination .btn-slide-icon-right .separator:after,.portfolio-pagination .btn-slide-icon-right .separator:before{ content:""; display:block; position:absolute; left:-2px; top:-4px; height:2px; width:11px; background-color:var(--dark-gray); -webkit-transition:.5s; transition:.5s } .portfolio-pagination .btn-slide-icon-left .separator:after,.portfolio-pagination .btn-slide-icon-right .separator:after{ -webkit-transform:rotate(132deg); transform:rotate(132deg) } .portfolio-pagination .btn-slide-icon-left .separator:before,.portfolio-pagination .btn-slide-icon-right .separator:before{ -webkit-transform:rotate(228deg); transform:rotate(228deg); top:4px!important } .portfolio-pagination .btn-slide-icon-right .separator:after,.portfolio-pagination .btn-slide-icon-right .separator:before{ right:-2px; left:auto } .portfolio-pagination .btn-slide-icon-right .separator:before{ -webkit-transform:rotate(132deg); transform:rotate(132deg) } .portfolio-pagination .btn-slide-icon-right .separator:after{ -webkit-transform:rotate(48deg); transform:rotate(48deg) } .portfolio-pagination h6,.portfolio-pagination span{ -webkit-transition:.2s; transition:.2s } .portfolio-pagination:hover .bg-fancy-image{ opacity:1; visibility:visible } .portfolio-pagination:hover .separator{ width:100px!important; background-color:var(--white) } .portfolio-pagination:hover .separator:after,.portfolio-pagination:hover span{ color:var(--white) } .portfolio-pagination:hover .btn-slide-icon-left .separator:after,.portfolio-pagination:hover .btn-slide-icon-left .separator:before,.portfolio-pagination:hover .btn-slide-icon-right .separator:after,.portfolio-pagination:hover .btn-slide-icon-right .separator:before{ background-color:var(--white) } @keyframes spin{ to{ -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg) } } .grid-loading{ overflow:hidden; position:relative; opacity:1!important; transition:all 0s ease-in-out!important; -webkit-transition:all 0s ease-in-out!important; z-index:99 } .grid-loading::after{ background:0 0; content:""!important; position:absolute; top:100px!important; left:calc(50% - 25px)!important; height:50px!important; opacity:1!important; right:inherit!important; z-index:9; text-align:center; border:3px solid rgba(23,23,23,.2); border-top-color:rgba(23,23,23,.7); border-radius:50%; animation:spin 1s linear infinite; -webkit-animation:spin 1s linear infinite } .grid-loading:before{ content:""; position:absolute; right:2px; top:1px; width:calc(100% - 4px); height:calc(100% - 2px); border-radius:inherit; z-index:1 } .grid-loading.grid-loading-white::after{ border:3px solid rgba(255,255,255,.2); border-top-color:rgba(255,255,255,.7) } .grid-loading .grid-item{ visibility:hidden } .grid-loading li .grid-item{ overflow:hidden; opacity:0 } .sticky-image-distortion-wrapper{ position:static; display:flex; height:100%; overflow:hidden; width:100% } .sticky-image-distortion-wrapper .svg-wrapper{ position:fixed; right:55px; height:100%; top:0; width:50%; z-index:-1 } .sticky-image-distortion-wrapper .menu{ width:50%; -ms-overflow-style:none; scrollbar-width:none; overflow-y:scroll; overflow-x:hidden; padding:100px 0 100px 100px } .sticky-image-distortion-wrapper .menu::-webkit-scrollbar{ display:none } .sticky-image-distortion-wrapper .menu .menu__link{ display:flex; align-items:center; width:100% } .sticky-image-distortion-wrapper .menu .menu__link .sticky-image-title a:hover{ opacity:1!important } .sticky-image-distortion-wrapper .menu .menu__link svg{ opacity:0; visibility:hidden; -webkit-transition:.3s; transition:.3s; width:100%; height:100% } .sticky-image-distortion-wrapper .menu .menu__link.active svg{ opacity:1; visibility:visible } .sticky-image-distortion-wrapper .menu .menu__link.active .sticky-image-title a{ padding-left:70px; -webkit-transition:.5s; transition:.5s } .sticky-image-distortion-wrapper .menu .menu__link.active .sticky-image-title .title{ opacity:.25; left:95px } .sticky-image-distortion-wrapper .menu .menu__link.active .sticky-category{ opacity:1; color:var(--dark-gray); left:25px } .sticky-image-distortion-wrapper .menu:hover .menu__link .sticky-image-title a{ opacity:.3 } .sticky-image-title{ position:relative; display:flex; -webkit-transition:.3s; transition:.3s; padding:0; width:100% } .sticky-image-title a{ padding:25px 50px; width:100% } .sticky-image-title .title{ position:absolute; left:100px; width:100%; top:45%; -webkit-transform:translateY(-50%); transform:translateY(-50%); word-break:normal; z-index:-1; opacity:0; -webkit-transition:.3s; transition:.3s } .sticky-category{ display:flex; align-items:center; position:absolute; left:32px; height:100%; width:50px; justify-content:center; top:0; opacity:0; -webkit-transition:.3s; transition:.3s } .sticky-category .category{ -webkit-transform:rotate(180deg); transform:rotate(180deg); writing-mode:vertical-lr } .threeD-letter-menu{ position:relative; min-height:100vh } .threeD-letter-menu .menu-item .hover-reveal{ position:fixed; z-index:1; width:420px; height:420px; top:0; left:0; pointer-events:none; opacity:0; transform-origin:100% 0; will-change:transform,filter; border-radius:100% } .threeD-letter-menu .menu-item .hover-reveal .hover-reveal__inner{ width:100%; height:100%; position:relative; overflow:hidden; border-radius:100% } .threeD-letter-menu .menu-item .hover-reveal .hover-reveal__img{ height:100%; width:100%; background-size:cover; background-position:50% 50%; will-change:transform; border-radius:100% } .threeD-letter-menu .menu-item .text-white-linear:hover span{ color:var(--white); -webkit-text-fill-color:#fff } .threeD-letter-menu .menu-item .menu-item-text{ position:relative; display:inline-block } .threeD-letter-menu .menu-item .menu-item-text .word{ overflow:hidden; line-height:120% } .threeD-letter-menu .menu-item .menu-item-text .words .char{ transition:.8s cubic-bezier(.075,.82,.165,1) } .threeD-letter-menu .menu-item .menu-item-text .clone{ position:absolute; top:0; left:0 } .threeD-letter-menu .menu-item .menu-item-text .clone .char{ -webkit-transform:translateY(-100px); transform:translateY(-100px); opacity:0 } .threeD-letter-menu .menu-item .menu-item-text:hover .clone .char{ -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } .threeD-letter-menu .menu-item .menu-item-text:hover .words:not(.clone) .char{ -webkit-transform:translateY(100px); transform:translateY(100px); opacity:0 } .categories-style-01 .categories-box{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -ms-flex-direction:column; flex-direction:column; text-align:center; position:relative; z-index:1; -webkit-transition:all .4s cubic-bezier(.165,.84,.44,1); transition:all .4s cubic-bezier(.165,.84,.44,1); -webkit-backface-visibility:hidden; backface-visibility:hidden } .categories-style-01 a{ position:relative } .categories-style-01 a:last-child:after{ content:""; position:absolute; border-bottom:2px solid; border-color:var(--dark-gray); left:0; bottom:0; width:0%; -webkit-transition:all .4s cubic-bezier(.165,.84,.44,1); transition:all .4s cubic-bezier(.165,.84,.44,1) } .categories-style-01 .count-circle{ position:absolute; top:-15px; right:-10px; opacity:0; -webkit-transition:all .4s cubic-bezier(.165,.84,.44,1); transition:all .4s cubic-bezier(.165,.84,.44,1); -webkit-transform:scale(.8); transform:scale(.8) } .categories-style-01:hover .categories-box{ -webkit-transform:translate3d(0,-7px,0); transform:translate3d(0,-7px,0) } .categories-style-01:hover a:last-child:after{ border-color:var(--dark-gray); color:var(--dark-gray); width:100% } .categories-style-01:hover .count-circle{ opacity:1; -webkit-transform:scale(1.1); transform:scale(1.1) } .categories-style-01:hover img{ opacity:.6 } .categories-style-02{ -webkit-transition:all .4s cubic-bezier(.165,.84,.44,1); transition:all .4s cubic-bezier(.165,.84,.44,1) } .categories-style-02 .categories-box{ position:relative } .categories-style-02:hover{ transform:translate3d(0,-8px,0) } .categories-style-03 .categories-box{ position:relative; -webkit-transition:all .4s cubic-bezier(.165,.84,.44,1); transition:all .4s cubic-bezier(.165,.84,.44,1) } .categories-style-03 .categories-box .category-title{ position:absolute; left:0; bottom:0; padding:30px; width:100% } .categories-style-03 .categories-box .category-image{ -webkit-transform:scale(1); transform:scale(1); -webkit-transition:all .4s cubic-bezier(.165,.84,.44,1); transition:all .4s cubic-bezier(.165,.84,.44,1) } .categories-style-03 .categories-box:hover{ -webkit-transform:scale(1.05); transform:scale(1.05) } .categories-style-03 .categories-box:hover .category-image{ -webkit-transform:scale(1.1); transform:scale(1.1) } .shop-boxed .shop-box{ border:6px solid #fff; -webkit-transition-duration:.4s; transition-duration:.4s } .shop-boxed .shop-box .shop-image{ overflow:hidden } .shop-boxed .shop-box .shop-image a{ display:block; overflow:hidden } .shop-boxed .shop-box .shop-image .product-overlay{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; -webkit-transition:all .6s cubic-bezier(.165,.84,.44,1); transition:all .6s cubic-bezier(.165,.84,.44,1) } .shop-boxed .shop-box .shop-image .shop-hover{ position:absolute; bottom:0; width:100%; -webkit-transition-duration:.3s; transition-duration:.3s } .shop-boxed .shop-box .shop-image .shop-hover a{ -webkit-transform:translateY(15px); transform:translateY(15px); opacity:0 } .shop-boxed .shop-box .shop-footer del{ margin-right:8px } .shop-boxed .shop-box:hover{ -webkit-box-shadow:0 0 50px rgba(0,0,0,.08); box-shadow:0 0 50px rgba(0,0,0,.08); border:6px solid #fff } .shop-boxed .shop-box:hover .shop-image .product-overlay{ opacity:1 } .shop-boxed .shop-box:hover .shop-image .shop-hover{ bottom:25px } .shop-boxed .shop-box:hover .shop-image .shop-hover a{ -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition-delay:.1s; transition-delay:.1s; opacity:1 } .shop-boxed .shop-box:hover .shop-image .shop-hover a:nth-child(2){ -webkit-transition-delay:.2s; transition-delay:.2s } .shop-boxed .shop-box:hover .shop-image .shop-hover a:nth-child(3){ -webkit-transition-delay:.3s; transition-delay:.3s } .shop-boxed .shop-box:hover .shop-image .shop-hover a:nth-child(4){ -webkit-transition-delay:.4s; transition-delay:.4s } .shop-modern{ margin-left:-15px; margin-right:-15px } .shop-modern .grid-item .shop-box .shop-image{ overflow:hidden } .shop-modern .grid-item .shop-box .shop-image img{ -webkit-transition:all .6s cubic-bezier(.165,.84,.44,1); transition:all .6s cubic-bezier(.165,.84,.44,1) } .shop-modern .grid-item .shop-box .shop-image .shop-overlay{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; -webkit-transition:all .6s cubic-bezier(.165,.84,.44,1); transition:all .6s cubic-bezier(.165,.84,.44,1) } .shop-modern .grid-item .shop-box .shop-image .shop-hover{ position:absolute; top:20px; width:auto; right:12px; opacity:0; -webkit-transition-duration:.3s; transition-duration:.3s } .shop-modern .grid-item .shop-box .shop-image .shop-hover ul{ padding:0 } .shop-modern .grid-item .shop-box .shop-image .shop-hover ul li{ display:block; width:auto; margin:0 0 8px; padding:0; -webkit-transform:translateY(20px); transform:translateY(20px); -webkit-transition-duration:.3s; transition-duration:.3s } .shop-modern .grid-item .shop-box .shop-image .shop-hover ul li:nth-child(1){ -webkit-transition-delay:25ms; transition-delay:25ms } .shop-modern .grid-item .shop-box .shop-image .shop-hover ul li:nth-child(2){ -webkit-transition-delay:50ms; transition-delay:50ms } .shop-modern .grid-item .shop-box .shop-image .shop-hover ul li:nth-child(3){ -webkit-transition-delay:75ms; transition-delay:75ms } .shop-modern .grid-item .shop-box .shop-image .shop-hover ul li :nth-child(4){ -webkit-transition-delay:1ms; transition-delay:1ms } .shop-modern .grid-item .shop-box .shop-image .shop-hover ul li a:hover{ background-color:var(--base-color) } .shop-modern .grid-item .shop-box .shop-image .shop-buttons-wrap{ position:absolute; left:20px; bottom:20px; width:calc(100% - 40px); text-align:center } .shop-modern .grid-item .shop-box .shop-image .shop-buttons-wrap .btn{ opacity:0; visibility:hidden; width:100%; -webkit-transform:translateY(10px); transform:translateY(10px); -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out } .shop-modern .grid-item .shop-box .shop-image .shop-buttons-wrap .btn.btn-large{ padding:8px 20px } .shop-modern .grid-item .shop-box .shop-footer del{ margin-right:8px } .shop-modern .grid-item .shop-box:hover .shop-image img{ -webkit-transform:scale(1.05); transform:scale(1.05) } .shop-modern .grid-item .shop-box:hover .shop-image .shop-buttons-wrap .btn{ -webkit-transform:translateY(0); transform:translateY(0); opacity:1; visibility:visible } .shop-modern .grid-item .shop-box:hover .shop-image .shop-overlay{ opacity:1 } .shop-modern .grid-item .shop-box:hover .shop-image .shop-hover{ opacity:1; top:20px } .shop-modern .grid-item .shop-box:hover .shop-image .shop-hover ul li{ -webkit-transform:translateY(0); transform:translateY(0) } .shop-sidebar .shop-filter{ padding:0; margin:0; list-style:none } .shop-sidebar .shop-filter li{ position:relative; margin-bottom:2px; padding:0 25px } .shop-sidebar .shop-filter li a{ display:block } .shop-sidebar .shop-filter li a:hover .product-cb{ border-color:var(--dark-gray) } .shop-sidebar .shop-filter li a:hover .product-cb:after{ opacity:1 } .shop-sidebar .shop-filter li .product-cb{ width:16px; height:16px; border:1px solid var(--medium-gray); display:inline-block; border-radius:100%; position:absolute; left:0; top:8px } .shop-sidebar .shop-filter li .product-cb:after{ width:8px; height:8px; background-color:var(--dark-gray); border-radius:100%; content:""; position:absolute; left:50%; top:50%; opacity:0; -webkit-transition:.4s; transition:.4s; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%) } .shop-sidebar .shop-filter li .item-qty{ position:absolute; right:0; top:0; background:var(--very-light-gray); border-radius:100%; height:30px; width:30px; font-size:11px; text-align:center; font-weight:500; color:var(--dark-gray); line-height:30px } .shop-sidebar .shop-filter.color-filter li .product-cb:after,.shop-sidebar .shop-filter.fabric-filter li .product-cb:after,.your-order-box .terms-condition .box:before{ background-color:var(--white) } .shop-sidebar .shop-filter.color-filter li .product-cb{ border:0 } .shop-sidebar .shop-filter.fabric-filter li .product-cb{ line-height:0; overflow:hidden; border:0 } .shop-sidebar .shop-filter.tag-cloud a{ padding:5px 10px } .toolbar-wrapper a img{ -webkit-transition:.3s; transition:.3s } .toolbar-wrapper a:hover img{ opacity:1 } .shop-image{ position:relative } .shop-image .lable{ padding:0 8px; position:absolute; left:17px; top:17px; color:var(--white); font-size:9px; line-height:21px; border-radius:2px; text-transform:uppercase; font-weight:700 } .shop-image .lable.new{ background-color:var(--green) } .shop-image .lable.hot{ background-color:var(--red) } .product-image-thumb .swiper-slide{ cursor:pointer; border:1px solid transparent } .product-image-thumb .swiper-slide.swiper-slide-thumb-active{ border-color:var(--light-gray) } .single-product-thumb .slider-vertical{ width:100%; height:100%; position:absolute; left:15px } .single-product-thumb .slider-vertical .swiper-slide{ height:auto!important; cursor:pointer } .product-image-slider img{ cursor:crosshair } .shop-color{ list-style:none; padding:0; display:flex } .shop-color li{ position:relative; display:inline-block; vertical-align:middle } .shop-color li>input[type=radio]+label{ display:flex } .shop-color li>input[type=radio]+label span{ height:32px; width:32px; border-radius:100%; margin-right:6px; display:inline-block; position:relative; vertical-align:middle; cursor:pointer } .shop-color li input[type=radio]:checked+label span:after{ position:absolute; top:2px; left:2px; color:var(--white); height:28px; width:28px; border:2px solid var(--white); border-radius:100%; text-align:center; content:""; font-weight:900 } .shop-size{ list-style:none; padding:0; display:flex } .footer-navbar li,.quantity,.shop-size li{ display:inline-block } .shop-size li{ position:relative; vertical-align:middle; margin-right:6px } .shop-size li>input[type=radio]+label{ display:flex } .shop-size li>input[type=radio]+label span{ height:37px; width:37px; border-radius:100%; display:flex; align-items:center; justify-content:center; position:relative; cursor:pointer; border:1px solid var(--extra-medium-gray); text-align:center; font-size:12px; line-height:normal; color:var(--dark-gray); font-weight:500 } .shop-size li input[type=radio]:checked+label span:after{ position:absolute; top:-1px; left:-1px; height:37px; width:37px; border:1px solid var(--dark-gray); border-radius:100%; text-align:center; content:"" } .coupon-code-panel,.quantity{ position:relative } .quantity button{ border:0; background-color:transparent; padding:0; margin:-9px 0 0; font-size:22px; line-height:18px; position:absolute; left:15px; top:50%; color:var(--dark-gray); -webkit-transform:translateY(-3px); transform:translateY(-3px) } .quantity button.qty-plus{ right:15px; left:auto } .quantity .qty-text{ width:115px; height:54px; border:1px solid var(--extra-medium-gray); border-radius:5px; text-align:center; color:var(--dark-gray) } .btn-cart.btn.btn-switch-text.btn-extra-large>span{ padding:13px 48px } .wishlist{ height:54px; width:54px } .cart-products th{ border-top:0; border-bottom:1px solid var(--extra-medium-gray)!important; padding:15px 10px; font-weight:400; text-transform:capitalize; color:var(--dark-gray) } .cart-products td{ vertical-align:middle; border-bottom:1px solid var(--extra-medium-gray); border-top:0; padding:25px 10px; color:var(--medium-gray) } .cart-products .product-remove{ width:25px } .cart-products .product-thumbnail{ width:100px } .cart-products .quantity button{ color:var(--medium-gray) } .cart-products .quantity .qty-text{ color:var(--medium-gray); height:42px; width:100px } .coupon-code-panel:before{ content:"\e8bf"; font-family:feather; position:absolute; left:20px; z-index:2; line-height:50px } .coupon-code-panel input{ margin:0; border:none; border:1px dashed var(--extra-medium-gray); padding:8px 70px 9px 45px; width:100%; position:relative; font-size:14px } .coupon-code-panel .apply-coupon-btn{ position:absolute; right:5px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); color:var(--dark-gray); line-height:30px; letter-spacing:0 } .coupon-code-panel .apply-coupon-btn:active{ border-color:transparent } .total-price-table td,.total-price-table th{ border-bottom:1px solid #e4e4e4; padding-top:20px; padding-bottom:20px; vertical-align:top } .total-price-table .total-amount td,.total-price-table .total-amount th{ border-bottom:0 } .calculate-shipping .form-select:focus{ border-color:#dfdfdf } .your-order-table .product td{ padding-top:15px; padding-bottom:15px; vertical-align:middle } .header-cart-icon .header-cart .cart-item-list{ border-radius:6px; padding:10px 30px 25px; min-width:260px } .header-cart-icon .header-cart .cart-item-list .cart-item{ padding:15px 0 } .header-cart-icon .header-cart .cart-item-list .cart-item .close{ right:0; top:50%; font-size:20px; -webkit-transform:translateY(-50%); transform:translateY(-50%) } .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a{ font-size:15px; line-height:22px } .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail .item-ammount{ font-size:14px } .header-cart-icon .header-cart .cart-item-list .cart-item:last-of-type{ border-bottom:0 } .header-cart-icon .header-cart .cart-item-list .cart-total{ background-color:transparent; border:0; padding-bottom:0; padding-top:10px } .header-cart-icon .header-cart .cart-item-list .cart-total .btn.btn-large{ font-size:14px; padding:11px 20px; border-width:1px } .shop-category-02 .category-box{ overflow:hidden; position:relative } .shop-category-02 .category-box .category-title{ padding:0 15px; width:100% } .shop-category-02 .category-box img{ -webkit-transition:all .6s cubic-bezier(.165,.84,.44,1); transition:all .6s cubic-bezier(.165,.84,.44,1) } .shop-category-02 .category-box .category-hover-content{ position:absolute; left:20px; top:20px; height:calc(100% - 40px); width:calc(100% - 40px); opacity:0; visibility:hidden; -webkit-transform:scale(.9); transform:scale(.9) } .shop-category-02 .category-box .category-hover-content a{ opacity:0; -webkit-transition:.2s; transition:.2s; -webkit-transform:translateY(30px); transform:translateY(30px) } .shop-category-02 .category-box .category-hover-content a:hover{ color:var(--dark-gray) } .shop-category-02 .category-box .category-hover-content .title{ opacity:0; -webkit-transition:.3s; transition:.3s; -webkit-transform:scale(.8); transform:scale(.8) } .shop-category-02 .category-box:hover img{ -webkit-transform:scale(1.1); transform:scale(1.1); opacity:.6 } .shop-category-02 .category-box:hover .category-hover-content{ opacity:1; visibility:visible; -webkit-transform:scale(1); transform:scale(1) } .shop-category-02 .category-box:hover .category-hover-content .title{ opacity:1; -webkit-transform:scale(1); transform:scale(1); -webkit-transition-delay:.1s; transition-delay:.1s } .shop-category-02 .category-box:hover .category-hover-content a{ opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition-delay:.2s; transition-delay:.2s } footer.half-footer{ padding-top:70px; padding-bottom:70px } footer.big-footer{ padding-top:140px; padding-bottom:140px } footer .footer-logo img{ max-height:30px } footer ul{ padding:0; list-style:none; margin:0 } footer ul li{ margin-bottom:5px } footer .elements-social.social-icon-style-01 li,footer .elements-social.social-icon-style-02 li,footer .elements-social.social-icon-style-05 li,footer .elements-social.social-icon-style-08 li{ margin:0 15px 0 0 } footer .elements-social.social-icon-style-01 li a,footer .elements-social.social-icon-style-02 li a,footer .elements-social.social-icon-style-05 li a,footer .elements-social.social-icon-style-08 li a{ width:auto; height:auto } footer .newsletter-style-05 .input-small{ font-size:14px } footer .nav-link{ color:var(--medium-gray); padding:.5rem 1rem } .footer-navbar li:last-child a,footer .footer-navbar .nav-item:last-child a{ padding-right:0 } .footer-dark,.footer-dark a,.footer-dark p{ color:var(--aluminium-grey) } .footer-dark a:hover,.footer-light a:hover,.footer-navbar li a:hover{ color:var(--base-color) } .footer-navbar li{ margin-bottom:0 } .footer-navbar li:first-child a{ padding-left:0 } .footer-navbar .nav-link:focus{ color:inherit } .main-content{ position:relative; z-index:2; background:var(--white) } .footer-sticky{ position:-webkit-sticky; position:sticky; bottom:0; overflow:hidden } .footer-demo ul li{ margin-bottom:0; line-height:30px } .footer-demo a:hover{ color:#fff } .footer-demo img{ max-height:55px!important } /*# sourceMappingURL=style.min.css.map */