ÿØÿà JFIF    ÿÛ „ !.%+&8&+/1555$;@;4?.451 4,$,44444444444414444444444444444444444444444444444444ÿÀ  á á" ÿÄ     ÿÄ ?    !1AQaq"2‘¡±ÁðBRbrÑá#‚’¢²3S CñÿÄ   ÿÄ !    !1QAa‘2ÿÚ   ? 5˜Z¯V¦cø)›t/? z¨±>Õ5€¶‹Á¤·¼z¼Ü¬+ñ®v¤¨_ˆR­BFn©—˜ý®ç̝P8gýt·ÉSTŦˆìät?þé¼íìN/Þa)ì–í6ô… Ï¿øÃj´¿KÇü]ÿ ªô¹-eKànëÕHTx}ýSÜ›ÿ ”7Ø×&µ<¦  ¥ÑO¶[Ù¯ä¨ÞÃÿ PZ-¬;#õ|•oaÿ ©CìÞz3˜öː/¤­ñTûIØ}š^ mÓ%ªxˆ¥ÉŸu=Z+ISe¿45™¼u;ú&WØ÷€æßQ™®{|íx*TC“#ZŠìZ§²‹ 6pv…³¿¡äª*áZÐ%ÒOáˆo"x«OHk w±æ+¬V(kMúŸ5Vö«$ ÁrÏbàb57/luR ¸ÑÛj Òµì`Мq­û žICÀÊ•©4€Âcà¨Ï€O´<èÐ:›ù(Ë^L8þ‘ÍÌ#¸Ð_Ì©ÙK(Öz 4¬û+¸;ü’V’84‘¬ÃŽ:[â‡ÔÌáõp¢~§ªlæ£ö{®G>J¼"°‡7¯ÆÉèßû ‹É‹§ÁòÃýâßî ^ƾÙõ‹×óH#«LP½ïX=xÑÍ$|W?•~• îëÔ©ª‹ {ÝT…Kÿ ”hûâá)J*ö˜–ÔU;iÇ€/ ÆþjóZ\ýwØ=Ìm ºèËL9 ýèÆð/¨’¥öo=nË.%Îì ŽÕ¯È|{Oj²ƒE6e/ßdÄõ²Ìâ1O®ò×TsəԸhOMýíMˆ¿¼H˜l²,7Â¥#MF/Úf°Ö½± ¸–dr‹NýÊ íjqx{œÉ ä-È ¦ øÄër¨q°ð †nцýÑÄÆ’mä…n<0È™;ÁÝá¯ÁZƒ7FÀmì­ É&9ˆîéi¶ùN§Y• ÃZãAâ?•‡©‰ , ó¾IŸŠc1 4â&y­&pŠ­6;M À 0¹qç»p.á …ŸÅáK@%6·y6ƒ‰3?”úºŽ‰éX5ªPT §µ!=Mž«Ú½‹ÅgÂSâÉaþÓoö–¯ÁÔìR>5éÿ üs¶ÆUcÌ kÇR ]ÿ ù¬¼«VŽ;Â|‡~¢¦”ÏŰæ {L™Õ°Óv¹ò¸írޡעCÃ!íVÕ {¶»sŒNPg/ "uÕbkm²“$ďå¿é¹§°½æz¯6 †s¿!s–wÚÝ“™Œ °.ûj>·+™Òa…©Œ&rÝÎtÛë긪Ît’LAVp%c Úý[ÄzJ¾ÇàXXç@˜ó<êL]·T˜¾¥1Ó©V‡g´æ½¦Ý@¹óø!_@´ÞâSÁ —S3™•& ]@JHÚý©ZŽ €×æÔr»Áf!‡yÞ4Mv*èÓã_{‘åóUuљØ«Oïé*®EvÑ Œ÷‡U \"㪒ÍK+À 4“M¡ï:0¥5í!'<@î´”>Ç»&Z–ïCCV˜Ì5Šo&îhè.žû |ÓK©h$s6KìŒëã)¹hI¦GïOåóI;ììü#É$Š0…Ææ¥TØ.5­¾gn´ “ÂÖ\:hœ89G)J@„}œ:’Ò{/Š"¦_Æ×7Æ3VÇŠÊa]ÚŒÙ€Ä–=®uÁßâACZƒ§§£ Qnâ:«,×{tyø¬iÛcœÜÄ€H½ÄÍCk´÷šß .W'b¤Íåh]÷€=,Žv×cÚEÚHXJX¶îo¨FÒtèöŸ>ªª6[J®Fµ£sGÁeqõfe\íjÒÐïÄÐGˆe1Ø‹.Ø”‘Ëuø Y­ˆÜ ŽG|zùªüMpDnQWÄ”%JŠ™)â*p@Örš«ÕT2Ð%ˆG#ª„ ·¤!°ŸOTÂT¸aÚ%4&h™LµšØüÐ.F¿²ÐÞ_Ç‚¾ÅÃaÜ÷09Æ q€öy˜v‡85õN÷]¬äѼóS{°_MެúÔ#°Ç¸0åÞè2ëôPcvÆw9®ií1Ä8F™˜à‰´+‰Ik1òÝ7“Ñ×ÒsÝ\x‚h`ÞÑ`ó"|µEcý£n˜h`}GÞ !±ù²Ápü²ß6 0ïi󜵩SÈÇ7˜-ÕURO˜¦´f$ªž-Í6(œ}<„ éc øs]ŽŽ„*—¾ ìdŽ„)méª\¿êÎIg¾ØÞ~I#C/¼¼´EÁÈŽi8“©õådô·>euä ƒ'Ê×लR1ÉJE1ÐAát`t;ÇР%Ý<‡¥„ÍÆ`×Oyó)õiI€ñQaŸ4Ûù\áàaÃÔ¹HÃu¹*k€¦<„e S‡&õÏ B!ŽhüÞ`yj}mªf×\¿ Ç~æ­9‡û\՞Ǖg²1Žû5V7 !àöšm° c`ܬøÇìµÒ'P"?…´Ö,"§^•õލsÔ)6˜sæéÍR¼ ò|Sl”‹7 nPW Gòú÷½§O¯‡„l¡kSÞŒr½PÊ@æ¢pŽ-mÿ #Ÿ˜Àº¶Áä¦;ïÔæ$1££`“Õ>„—·ž)ßð³ñ#Ï Ô$¶œ‰ÊE‹À;÷º ¯«P:Ñ”8–IÊtpÞ3ª“>ê“þës4ò2OÏÕ­±zô†Õ§‰.÷ä¸;¿˜“'œ›žª}«Œ{ª±Ì 9ÔóÞÕ‡0 $íWV3Üì¬ —@kÝ4@¿r¼±½¬™›?øØæ´'Áé®CË3-g$˜ö‡×auÚi´Žp/êÛ æF›Ú2v‹ã¿¿,nB1̨ƃqÞa5͝@&Æû“él÷ \C²½UÍc ¯k×¢U ÖéQå™—-r wô ÞÏ<Ò=&=ÿ Ôê Òêˈt,i—;LîÜ á¸*ÚÃ1$êL•LÍ <É)ýÐà’ ;F™{ƒ™˜€&'}‚ãÄK`¡ÞT@I;®žZóè‚s’7®°›+§O­Åq©é»²9<Ô J ¼9O’HL»Ùïì¸rk¼Ž_ý‘TŸu[²ßÚŒ·ü÷B%¯E ŸÔX5êO´ Ç•€’I0 ÉJX` ñ¹õ%;µŸD‘«´€àwÒ™U ûئžÖö\×®×´8 ½‡ºÐÆÓ§?Àkmœ=;d5*@-ì0F Rªýš[Ü6âö̃ڸr*KA9· u*µæ£?U¸Âêí†8@¦X4 e-ò„0s{ HâUpU?¼mñRa°®a%Ð'tÉ×’\¾ÊÉ]t›h>·(Ë@R¼¡Ãt h}’O÷au<+nT…Ö…MӐ??Óe95 q>í/;&JSû °¯ÊéÞ øƒ*Ã2½Ài&:nôUl=¾¿5eˆ3”ñc|Ú2V”>„»&eE;«ÚäC p¢Û úy 9š[ŒÌx¼擼A&DåÒ¯ˆ¤ÀÌ;"˜ ÏQä¸åhÊ}Ûq«Û0WžÒ|»€ø®öCm5•\ÇÀ§Pe3£]0ÃàLDÉ‰1øªxjgwT‚÷¿LΨK‹›ùs—xˆÜ±µ kæ¸f‰‰ÜGk/LÛØ6d9ò¶ùA{ƒA3š/¬D¬khÓk‰`˜"㯒r¿±Óã jx‡°e}<Ñø\3y:'À•/h½Í€Ç4~g ?Û(¼]v‘ªlKÎâ~?O‚W%{Ì:“'©úNq¾›úo(X’¥¯ˆ nFê{Ç€ü?º'ë ø‹ì Þ09ŒÌç9Æ —ËC`j@ÓÄ(+a‹un¸#ÂꟋ{K`‘ÑÍÍ'à´»/Û,KW;Þ4²þð ï Nm|~fGÏ(…³Ã)«1ö­Õ ¥‡¨©ƒÃ™ü-s=à=U66Ï«Ýc蓦W¹íž®›nÔ%êÇìŒ<#Ü×84ån®Ð ÒåOC` ñânÑs‡¢ç 1õ%Îhì½Ã½® e:ݼUZo™`  ÅZŸŒÊ«ê1ÏÄo$q¹Þ€©ˆhÐÉä¯ñ[!…Ú˜àJ:x2$Íß&PåT£6ç— ‡Í*4Ýšçjÿ ‰É nófÐ ó(L5C•åÆ\rMÒ@ò }y-W}™üýVù—ú¢=Ù”c®‘< M ž ´Phr ¦©TD ‘ù.$´÷O‡‘V2Æò.=IUŒ=ž‡â¬i™aþÓåÙ?òUø'ØÖ•.~* šTŒ!•-×áºTâ®ä#õü'´ eýlYÅÓeÕKÂrT"CÚ@u!Óxƒ{š3€}1¿(r}%«nËamjÑ%ÑNEò v ˜à  σöK³,*º.àzù¨™Ó ÚçâU¦*¿ 9{%Ö¹ njûdaXöb) kÛÆ±ûÓ\°M7ˆÂ=û›ç¿Ã‚­V»Cg–8ÙêE- j)k$º`Ã-ùEýeBÆÇ]c¡°ñty&Òd0nõ'¡W+ƒ*|–øµFa\GQªEAÔp5\Ǽ·¼Ç8·õ -â§Ú[ ‡ uZeÖ 3}×d'+¹:ð+K†Û®s!Ï$úe€<Û”x)1»a­¡LC]¸µík…ÚàA»AYº{†ªS[¦5HÒ7ù --,ísòDØ€èk ÞÀîÜ ò@â( ËNˆë›4ô½•/¦o‡€Û7 ê•ÆêòðÜy'Án½µ á˜ݦ ndeo…[ì¶Ê,¥R³Ä=À±—–ß;£™´ñSâ*g§”ïaið‘Jå~™ÓÞ ß³Õ¢»8x埒²52>AÊb&-÷\7´éÄù€T˜,w;3{ï˜k…à¹ÄqÀ«œ{€\ ˆ¾[´¨јr &Úé„Ívˆ±8†¿]|¬ņ4I×pÞS1ÈÖz‰#Ìv‡G!YNògñ:màTz¢Ý1ô©^O=~ë|5Bã™ç•¼µõ•bÆ@úÕS¬ÈŒ#¬zünrŸ û” Z²•èðV"ÁHÚý©wÝ €7¼Ìu1hÑa3Éä û f$o¿É ™Ú›ÝçnpÒ3äÌ3†Í§,Äï]$‰/pê †«À¼¸e9­Æê_C]žƒ·ý·frÁN«, E=›Çq -‰öŒ:aÏ¿±í&£Í:-} 84‘ÿ eƒQÑeëSsuiA ³g㟥ú£?ÿ ʼn*”“÷aühe:ÊWa@ÒÞk±eØ] F Ô—r.åä˜ @ö¥ªZoÐýYL·¥S²G/‡ñ <~*ZÆ´è>JlòàÛÆ½ÿ 窘ìGN¢:I®KšJp/`íIÁÀõ#Ä-€ö­šµŒoF4|ÆQØÆ@Ì|£Ô…¢À{9˜è½Üó›€ôYÒÎYsið;ís¤€à²ˆ‚4qÉVŒI$ ‰"° æµ8cXGjœˏ¡Aâý•ËÜ¢ûï e·çLx']á"oÅÎê3¯Ç—¹”ó0nå‚âg{Œñ> S´˜îè°g238‚ãköÝfÚd´6Ò€;ò÷±¢™¼›º ¢Æ'¥Ðx'e¬ç ]bÈÆV¢ó‹kýBO ðÊâ$Ÿ!×T 3Mýמ žìٍàÌü‘8÷€àæØ8æ©6‰©L´«…oãpð„~Çk‰!ñ;‹”ÛžÍ àž±z Ÿôû øŸÝužÏ;ÿ #|u6™Þ¬ÚˆÐõA4¶â|ôl|Ê2ŽÇ¤ÝÅÇY.<#Aí.k§hóF‚”Y; M½Ö4hŸ4&›­¿tès´%FìL¥£Ãk‰ÇT¤haÁ¤ÚxfÉ`ÑìË›>i 3t‚:,–+^÷´–{Û–Nxi"x‘Ûg î¨>¥Õ܁ùZH,2Û“:8xÊ¢Çí9.É-Ìâã-=çjwµS˜dütžçwýGòú®®ûº_ˆýx$–¡ãøO EÚÛÏ÷R„×w+3£Á£öUMyR²¹âŒ°š›¸Ñãò9§Ó_Dl+Ùßc›úšGÅÌc†Ž!Ko=¶.‘Îÿ c²(2®V mª.ÿ ¹B›¹å ù„öŸSV>™ü¯$y:G¢Z×àøúdî¹û­·ýÇ´:•c LÍõi_‹ö+ÎæGÊè>OŠ•äž´§Þ{X}¨1ÚTc›»Qþ•êô°t¿OP?eæ~É{5]•ÙR£r5†nZ\ã@ &îJõ ¾àC°þV>fé¥/ü5ñÊIº_é5 ;e­h<@ Ä&æÃëE%;X,ÒãÆÞ`Oò¦kŸm#˜!ÀyÄ¢| óLšò¥Ä` ¶R=|ÈCâh5ò3DˆïF†ðÒ#ÅìÛœ?¸yhBãœí ZxßÎÄhºRK„`Þödvײ™ÀÈÑÒgŒuY w³%†ƒÓzõ ÖÏp‚dH®¦A´ù§»ÓÇMæ~)ˆð‡û:ù&Ä •vGD´À n ݇¼Ö8Fö óáà£~Ë¥x`oK|Ä?fxiØü%pìR>éò+Û±éÎ>núlFŤ'tq8LZÏvÃ?„¡ß±È⽆¯³íü@x|PöUäèØã¡ð‚ŒAìÏ"vÍwóŸÍ{ ý0.z È•Ö{,N¡£¡ŸKÕÙž>Ýœþ ÍÀ°<×EA!Å‚D™IúOÍ¡>ôG}Â` ÍßkÜL™Ž Þð™ {IøF²¹òQ3&!ÃÂÞz.d&Ï-sH¸,Ôõ˜ŽP€ 77ˆÝ¼ÊëÜw =cÕ Ú,ØÐ5ÎYÐ)ì´öœgŒ[¤ßv㙑8心>h]§µháYš£²ºÑ.{Ï7Sð•?´~×SÃKýJÛ˜ ™Íäiúu<µX¶1õ^kâçIÑ£sZ4h>j*ÔšD:4­¿_ ÷¸ Õxæÿ ¸?Mù _•­ÊÐ ä ÷ý ÑwL œ­ïnTkÛUÍN©ë:¦fV ¶ÜÔÜMªÅâA½–¿R×TXš-%iTÊT•‡Ù‚JôϐZxWÑè‰f‰òG º ×Õû2aZ7OU3[“×AT–ÞŒ…-‘¤”Ì ì&(ˆ¿­•ƒkï’:ðY¦W‘ Å)“†‘˜³Åtcø˜ñTÂwÚÇ4|üLÇªí–v- qˆèU qPE.†â‘˜µ Æ,ÐÅs]8¾„oúÑ i>ÜxxÈó)ƒ ´æÁâØ$À‰vžŸf$Ž |ãw;ÀÁIJ»b` {¦Ó¤Ú$©YÀ‘n@Óïž«9J¼êG m¤ ܯ¹ÌW4€ÐÒÅÛ‡#褕Ÿn-?í|с¥÷Ú¹¬'´ÞÜ9ÓK `hê£SÄSà?7—Wí_´…óB›»:=Ãïq`<8ñÓŒÑlú2d¬ê³£hÖ[l|$vÝro~'R®‰§°ñmY ͧäP |PUª¹·:3Œ[Û{Xÿ ºâ@‚W–Äé u‚ ¯´*=íή.pûÒdt @G‰¬ s¸ ëÉücr ÞæÑ¨Ê@>¤¢Ö±. Þ'¯°ÌME[YéïĵÂCå½ Ué©Áû'Ê9%eÔðNU”ë‘ÌsD3/®+UI˜9h.WC”빓$#:pz:YÓ ¿xž* ³$Í +$kñAŠ‹†¢ Uê>¸)_š¬÷©ßAÂÔb9ÇU ¯¾á•9¯ÏÏ÷O÷¼¼Fähal1‰3Ì[Ïr•´UCksNÐ] R‘¸¥H+§Šé†c©vÖÞ0iÓ76s†î!§=ß ¼~Ô'°Ãmäoäš³ªøi1úÉ)³yV8 CLÄØÁ‘WYïi€H6ÖÑiámø^ÈY´°Ñ7¥Û*—Ñ©L«Qƒï—Ùrÿ ›£Ð*š¸ˆL©ˆ$ˆ ÷¾D§9È®«qbqC)–ˆïv´çñsÑVT­Ø, <àïºÀO«Jý·õ àfPìð .wFšir´þ’2_Y *Æ€x\« ì€9š@ Ž|F⇥ˆkZ@hÖÄ0t¿-<“‹qµ¾*ZL¤Ú)&BJpÓF5=$„at*Zš$’ÑtdûÝRI1 2މ$€$I$#‰SÞ’Hë¬ï;Á$¡t$’`<(ñÇt)$‡Ð.Êf¢X’Kt=Éé$‚ˆªè¢oÝëòI%Rgcª÷ŠyI%¡‰ÿ !ñ)´õ $¤ Ô’IIGÿÙ@import 'bootstrap/bootstrap'; @import 'bootstrap/variables'; $font-primary: 'Work Sans',Arial, sans-serif; $white: #fff; $black: #000; $darken: #151111; $primary: #d291bc; $secondary: #fd6b00; @mixin border-radius($radius) { -webkit-border-radius: $radius; -moz-border-radius: $radius; -ms-border-radius: $radius; border-radius: $radius; } @mixin transition($transition) { -moz-transition: all $transition ease; -o-transition: all $transition ease; -webkit-transition: all $transition ease; -ms-transition: all $transition ease; transition: all $transition ease; } @mixin gradient-background(){ background: rgba(210,145,188,1); background: -moz-linear-gradient(45deg, rgba(210,145,188,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(210,145,188,1)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(45deg, rgba(210,145,188,1) 0%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(45deg, rgba(210,145,188,1) 0%, rgba(255,255,255,0) 100%); background: -ms-linear-gradient(45deg, rgba(210,145,188,1) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(45deg, rgba(210,145,188,1) 0%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d291bc', endColorstr='#ffffff', GradientType=1 ); } html { } body { font-family: $font-primary; font-size: 16px; line-height: 1.8; font-weight: 400; color: lighten($black,70%); &.menu-show { overflow: hidden; position: fixed; height: 100%; width: 100%; } } span{ color: lighten($black,75%); } a { transition: .3s all ease; color: $primary; &:hover, &:active, &:focus { color: $primary; outline: none !important; text-decoration: none !important; } } h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 { line-height: 1.4; color: $black; font-weight: 400; } .text-primary { color: $primary!important; } .ftco-navbar-light { background: transparent !important; position: absolute; top: 10px; left: 0; right: 0; z-index: 3; padding: 0; @include media-breakpoint-down(md) { //background: $black!important; background: #DCE5E6!important; position: relative; top: 0; padding: 10px 15px; } .navbar-brand { color: $black; span{ color: $primary; font-size: 28px; } &:hover, &:focus{ color: $black; } @include media-breakpoint-down(md){ color: $white; } } .navbar-nav { @include media-breakpoint-down(md){ padding-bottom: 10px; } > .nav-item { > .nav-link { font-size: 14px; padding-top: 1.5rem; padding-bottom: 1.5rem; padding-left: 20px; padding-right: 20px; font-weight: 300; color: $black; &:hover { color: $black; } opacity: 1!important; @include media-breakpoint-down(md){ padding-left: 0; padding-right: 0; padding-top: .9rem; padding-bottom: .9rem; color: rgba(255,255,255,.7); &:hover{ color: $white; } } } .dropdown-menu{ border: none; background: $white; -webkit-box-shadow: 0px 10px 34px -20px rgba(0,0,0,0.41); -moz-box-shadow: 0px 10px 34px -20px rgba(0,0,0,0.41); box-shadow: 0px 10px 34px -20px rgba(0,0,0,0.41); .dropdown-item{ font-size: 14px; &:hover, &:focus{ background: transparent; color: $black; } } } &.ftco-seperator { position: relative; margin-left: 20px; padding-left: 20px; @include media-breakpoint-down(md) { padding-left: 0; margin-left: 0; } &:before { position: absolute; content: ""; top: 10px; bottom: 10px; left: 0; width: 2px; background: rgba($white, .05); @include media-breakpoint-down(md) { display: none; } } } &.cta { > a { color: $black; @include media-breakpoint-down(sm){ padding-left: 15px; padding-right: 15px; } @include media-breakpoint-down(md){ color: $white; background: $primary; } } } &.active { > a { color: $primary; &:after{ opacity: 1; background: $primary; } } } } } .navbar-toggler { border: none; color: rgba(255,255,255,.5)!important; cursor: pointer; padding-right: 0; text-transform: uppercase; font-size: 16px; letter-spacing: .1em; &:focus{ outline: none !important; } } &.scrolled { position: fixed; right: 0; left: 0; top: 0; margin-top: -130px; background: $white!important; box-shadow: 0 0 10px 0 rgba(0,0,0,.1); .nav-item { &.active { > a { color: $primary!important; } } &.cta { > a { color: $white !important; background: $primary; border: none !important; span { display: inline-block; color: $white !important; } } &.cta-colored { span { border-color: $primary; } } } } .navbar-nav { @include media-breakpoint-down(md) { background: none; border-radius: 0px; padding-left: 0rem!important; padding-right: 0rem!important; } } .navbar-nav { @include media-breakpoint-down(sm) { background: none; padding-left: 0!important; padding-right: 0!important; } } .navbar-toggler { border: none; color: rgba(0,0,0,.5)!important; border-color: rgba(0,0,0,.5)!important; cursor: pointer; padding-right: 0; text-transform: uppercase; font-size: 16px; letter-spacing: .1em; } .nav-link { padding-top: .9rem!important; padding-bottom: .9rem!important; color: $black!important; &.active { color: $primary!important; } } &.awake { margin-top: 0px; transition: .3s all ease-out; } &.sleep { transition: .3s all ease-out; } .navbar-brand { color: $black; } } } .navbar-brand { font-weight: 300; font-size: 22px; text-transform: uppercase; letter-spacing: 2px; } //OWL CAROUSEL .owl-carousel { position: relative; .owl-item { opacity: .4; &.active { opacity: 1; } } .owl-nav { position: absolute; top: 50%; width: 100%; .owl-prev, .owl-next { position: absolute; transform: translateY(-50%); margin-top: -10px; color: $primary !important; @include transition(.7s); span { &:before { font-size: 30px; } } opacity: 0; } .owl-prev { left: 0; } .owl-next { right: 0; } } &:hover{ .owl-nav{ .owl-prev, .owl-next{ opacity: 1; } .owl-prev { left: -25px; } .owl-next { right: -25px; } } } } .hero-wrap{ width: 100%; position: relative; .overlay{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 68%; content: ''; opacity: .3; @include gradient-background(); @include media-breakpoint-down(md){ width: 100%; } } .slider-text{ color: $white; .breadcrumbs{ text-transform: uppercase; font-size: 14px; letter-spacing: 1px; margin-bottom: 20px; z-index: 99; font-weight: 400; letter-spacing: 4px; span{ color: rgba(0,0,0,.7); a{ color: $black; } } } h1{ font-size: 80px; color: $black; font-weight: 200; span{ color: $black; } } h2{ font-weight: 200; } .typewrite > .wrap { position: relative; border-right: 1px solid rgba(0,0,0,.1); } .bread{ font-size: 70px; color: $black; line-height: 1.2; font-weight: 200; @include media-breakpoint-down(md) { font-size: 60px; } } .btn-primary{ border: 1px solid rgba(255,255,255,.4); @include border-radius(30px); &:hover, &:focus{ background: $white !important; color: $black; } } } } @keyframes blink{ 0%{opacity: 0;} 50%{opacity: .5;} 100%{opacity: 1;} } //USEFULL CODES .bg-light { background: lighten($black,98%)!important; } .bg-white { background: $white !important; } .ftco-no-pt{ padding-top: 0 !important; } .ftco-no-pb{ padding-bottom: 0 !important; } .bg-primary{ background: $primary; } //BUTTON .btn { cursor: pointer; @include border-radius(2px); box-shadow: none!important; font-size: 13px; &:hover, &:active, &:focus { outline: none; } &.btn-primary { background: lighten($primary,0); border: 1px solid $primary !important; color: $white; &:hover { border: 1px solid $primary; background: transparent !important; color :$primary; } &.btn-outline-primary { border: 1px solid $primary; background: transparent; color :$primary; &:hover { border: 1px solid transparent; background: $primary; color :$white; } } } &.btn-white { background: $white; border: 1px solid $white; color: $black; &:hover { border: 1px solid $black; background: $black; color :$white; } &.btn-outline-white { border-color: rgba($white, .8); background: none; border-width: 1px; color: $white; &:hover, &:focus, &:active { background: $primary; border-color: $primary; color: $black; } } } &.btn-outline-black { border-color: rgba($black, 1); background: none; border-width: 1px; color: $black; &:hover, &:focus, &:active { background: $black; border-color: $black; color: $white; } } } //INTRO .ftco-intro{ background-size: cover; background-repeat: no-repeat; background-position: top center; } .do-list{ margin: 0; padding: 0; li{ list-style: none; font-size: 24px; margin-bottom: 15px; font-weight: 300; a{} span{ color: $primary; font-size: 22px; } } } .ftco-gradient{ @include gradient-background(); .heading-section{ .subheading{ color: $white; } h2{ color: $white; } } } //GALLERY .ftco-gallery{ padding: 0; } .gallery{ display: block; height: 270px; position: relative; .icon{ width: 60px; height: 60px; margin: 0 auto; z-index: 0; opacity: 0; position: relative; @include transition(.6s); background: $primary; @include border-radius(50%); span{ color: $white; } } &:hover, &:focus{ .icon{ opacity: 1; } } } //SERVICES .services{ width: 100%; display: block; margin-bottom: 40px; .icon{ width: 100px; height: 100px; background: lighten($primary,25%); @include border-radius(50%); span{ font-size: 44px; color: $primary; } } .text{ width: 100%; h3{ font-size: 20px; font-weight: 500; } } } .package-program{ margin-bottom: 0; position: relative; z-index: 0; overflow: hidden; &:after{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: $primary; z-index: 0; content: ''; opacity: 0; @include transition(.3s); } .img{ display: block; height: 400px; } .text{ z-index: 1; opacity: 0; @include transition(.2s); h3{ margin-bottom: 10px; font-size: 30px; font-weight: 500; color: $white; } color: rgba(255,255,255,.8); } &:hover, &:focus{ &:after{ opacity: .5; } .text{ opacity: 1; } } } .btn-custom{ @include gradient-background(); color: $white; display: block; font-size: 18px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; @include border-radius(2px); span{ color: $white; } &:hover, &:focus{ color: $white; } } //COACH .coach{ width: 100%; display: block; margin-bottom: 30px; .img,.text{ width: 100%; } .img{ height: 400px; background-position: top center !important; } .text{ .subheading{ font-size: 13px; color: rgba(0,0,0,.4); font-size: 12px; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; } h3{ font-size: 22px; color: $black; a{ color: $black; } } .ftco-social-media{ padding: 0; li{ list-style: none; a{ display: block; width: 40px; height: 40px; background: $primary; @include border-radius(50%); span{ font-size: 24px; color: $white; } } } } } } //SCHEDULE .sched-list{ @include media-breakpoint-down(xl){ overflow-x: scroll; } } .table{ min-width: 1000px !important; width: 100%; text-align: center; th{ font-weight: 500; } .thead-primary{ background: $primary; tr{ th{ padding: 20px 10px; color: $white !important; border: 1px solid transparent !important; } } } tbody{ tr{ td{ text-align: center !important; vertical-align: middle; padding: 40px 10px; border: 1px solid transparent !important; // border-bottom: 1px solid rgba(255,255,255,.1) !important; h3{ margin-bottom: 20px; font-size: 16px; a{ text-transform: uppercase; color: rgba(255,255,255,1); } } .at{ margin-bottom: 15px; display: block; color: rgba(255,255,255,.8); } .time{ color: rgba(255,255,255,.8); } .trainer{ color: $white; } &.color{ background: $primary; } &.color-1{ background: #7acfdf; } &.color-2{ background: #26baee; } &.color-3{ background: #fb929e; } &.color-4{ background: #12e6c8; } &.color-5{ background: #a287f4; } } } } } //TESTIMONY .testimony-section{ position: relative; .owl-carousel{ margin: 0; } .owl-carousel .owl-stage-outer{ padding-bottom: 2em; position: relative; } .owl-nav { position: absolute; top: 100%; width: 100%; .owl-prev, .owl-next { position: absolute; transform: translateY(-50%); margin-top: -10px; outline: none !important; @include transition(.3s); span { &:before { font-size: 30px; color: rgba(0,0,0,.2); @include transition(.3s); } } &:hover,&:focus{ span{ &:before{ color: $black; } } } opacity: 0; } .owl-prev { left: 50%; margin-left: -80px; } .owl-next { right: 50%; margin-right: -80px; } } &:hover{ .owl-nav{ .owl-prev, .owl-next{ opacity: 1; } .owl-prev { left: 50%; margin-left: -80px; } .owl-next { right: 50%; margin-right: -80px; } } } .owl-dots { text-align: center; .owl-dot { width: 10px; height: 10px; margin: 5px; border-radius: 50%; background: rgba(0,0,0,.2); &.active { background: $primary; @include gradient-background(); } } } } .testimony-wrap{ display: block; position: relative; background: rgba(255,255,255,.1); color: rgba(0,0,0,.8); .user-img{ width: 110px; height: 110px; border-radius: (50%); position: relative; } .name{ font-weight: 500; font-size: 18px; margin-bottom: 0; color: $black; } .position{ font-size: 13px; } .line{ position: relative; border-left: 1px solid lighten($black,90%); } .quote{ position: absolute; top: 50%; left: -20px; width: 40px; height: 40px; transform: translateY(-50%); background: $primary; @include border-radius(50%); i{ color: $white; } } } .ftco-social{ a{ width: 30px; height: 30px; display: inline-block; margin-right: 2px; background: lighten($primary,40%); @include border-radius(50%); span{ color: $primary; } } } // USEFUL CODE .form-control { height: 58px!important; background: $white!important; color: rgba(0,0,0,.9) !important; font-size: 18px; border-radius: 0px; box-shadow: none!important; border: transparent !important; border: 1px solid rgba(0,0,0,.08) !important; padding-right: 0; padding-left: 0; &:focus, &:active { border-color: $primary; } } textarea.form-control { height: inherit!important; } .ftco-animate { opacity: 0; visibility: hidden; } .bg-primary { background: $primary!important; } .ftco-section { padding: 7em 0; position: relative; @include media-breakpoint-down(sm){ padding: 6em 0; } } .ftco-bg-dark { background: #090808; } .ftco-footer { font-size: 16px; padding: 4em 0; background: $primary; h1.logo{ color: $white; font-size: 30px; font-weight: 300; } h2.location{ font-size: 24px; color: rgba(255,255,255,.9); } .ftco-footer-widget { ul{ li{ a{ span{ color: $white; } } } } } p { color: rgba($white, .7); } a { color: rgba($white, .7); &:hover { color: $white; } } } .ftco-footer-social { li { list-style: none; margin: 0 10px 0 0; display: inline-block; a { height: 50px; width: 50px; display: block; float: left; background: rgba($white, .05); border-radius: 50%; position: relative; span { position: absolute; font-size: 26px; top: 50%; left: 50%; transform: translate(-50%, -50%); } &:hover { color: $white; } } } } // Map #map { width: 100%; &.map{ height: 400px; } @include media-breakpoint-down(md) { height: 300px; } } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba($primary, 0.2); } 70% { -webkit-box-shadow: 0 0 0 30px rgba($primary, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba($primary, 0); } } @keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba($primary, 0.2); box-shadow: 0 0 0 0 rgba($primary, 0.2); } 70% { -moz-box-shadow: 0 0 0 30px rgba($primary, 0); box-shadow: 0 0 0 30px rgba($primary, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba($primary, 0); box-shadow: 0 0 0 0 rgba($primary, 0); } } .heading-section{ z-index: 0; .subheading{ font-size: 16px; display: block; margin-bottom: 5px; color: lighten($black,70%); line-height: 1; z-index: 1; font-weight: 300; text-transform: uppercase; letter-spacing: 3px; } h2{ z-index: -1; font-size: 60px; font-weight: 300; position: relative; @include media-breakpoint-down(sm){ font-size: 28px; } } } //COVER BG .hero-wrap, .img, .blog-img, .user-img{ background-size: cover; background-repeat: no-repeat; background-position: center center; } .img-about{ @include media-breakpoint-down(sm){ height: 400px; margin-bottom: 30px; } } // magnific pop up .image-popup { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } //COUNTER #section-counter{ position: relative; z-index: 0; .overlay{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; // background: $black; @include gradient-background(); opacity: .8; } } .ftco-counter { padding: 7em 0; @include media-breakpoint-down(lg){ background-position: center center !important; } .icon{ width: 80px; height: 80px; margin: 0 auto; position: relative; margin-bottom: 20px; z-index: 0; &:after{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; bordeR: 1px solid $primary; z-index: -1; @include transition(.3s); } span{ position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); color: $primary; } } .text{ strong.number{ font-weight: 500; font-size: 50px; color: $white; } span{ font-weight: 400; font-size: 14px; color: rgba(255,255,255,.7); } &:hover, &:focus{ .icon{ span{ color: $black; } &:after{ transform: rotate(135deg); background: $primary; } } } } .counter-wrap{ @include media-breakpoint-down(md){ margin-bottom: 40px !important; } } .ftco-number { display: block; color: $white; } .ftco-label { font-size: 12px; text-transform: uppercase; letter-spacing: .1em; } } //blocks .block-20 { overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; display: block; width: 100%; height: 270px; } .blog-entry{ overflow: hidden; @include media-breakpoint-up(md){ margin-bottom: 30px; } @include media-breakpoint-down(sm){ margin-bottom: 30px; } .text { position: relative; margin-top: -40px; background: $white; width: 100%; .heading { font-size: 18px; margin-bottom: 16px; font-weight: 400; a { color: $black; &:hover, &:focus, &:active { color: $primary; } } } } .meta { > div { display: inline-block; margin-right: 5px; margin-bottom: 0; font-size: 14px; a { color: lighten($black, 50%); font-size: 15px; &:hover { color: lighten($black, 40%); } } } } .one{ width: 80px; } .two{ width: calc(100% - 80px); } span.day{ font-size: 58px; font-weight: 300; color: $primary; line-height: 1; } span.yr,span.mos{ display: block; color: lighten($black,70%); } } .block-23 { ul { padding: 0; li { &, > a { display: table; line-height: 1.5; margin-bottom: 15px; } span{ color: rgba($white, .7); } .icon, .text { display: table-cell; vertical-align: top; } .icon { width: 40px; font-size: 18px; padding-top: 2px; color: rgba($white, 1); } } } } .block-6 { .icon { span { &:before { } } } .media-body { .heading { } p { } } } //PRICING .block-7 { margin-bottom: 30px; padding: 30px; background: $white; -webkit-box-shadow: 0px 24px 48px -13px rgba(0,0,0,0.05); -moz-box-shadow: 0px 24px 48px -13px rgba(0,0,0,0.05); box-shadow: 0px 24px 48px -13px rgba(0,0,0,0.05); @include transition(.3s); .heading { font-size: 14px; line-height: 1; margin: 0; padding: 0; font-weight: 500; margin-bottom: 10px; display: inline-block; text-transform: uppercase; } .heading-2 { font-size: 14px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; } .price { margin: 0; padding: 0; display: block; sup { font-size: 24px; top: -1em; color: $primary; } .number { font-size: 60px; font-weight: 500; color: $primary; } } .excerpt { margin-bottom: 20px; color: lighten($black,60%); } .label2 { text-transform: uppercase; } .pricing-text { &, li { padding: 0; margin: 0; } li { list-style: none; margin-bottom: 15px; color: lighten($black,30%); } } .btn-primary{ color: $white; border: transparent; text-transform: uppercase; font-style: 16px; font-weight: 600; letter-spacing: 1px; position: absolute; bottom: 0; left: 0; right: 0; width: 60%; margin: 0 auto; &:hover, &:focus{ background: $primary !important; color: $white; } } &:hover, &:focus{ -webkit-box-shadow: 0px 24px 48px -13px rgba(0,0,0,0.11); -moz-box-shadow: 0px 24px 48px -13px rgba(0,0,0,0.11); box-shadow: 0px 24px 48px -13px rgba(0,0,0,0.11); } } //### .block-18 .block-18 { .icon, .text { } .icon { > span { font-size: 40px; } } .text { strong { font-size: 30px; } span { display: block; } } } //PAGINATION .block-27 { ul { padding: 0; margin: 0; li { display: inline-block; margin-bottom: 4px; font-weight: 400; a,span { color: $primary; text-align: center; display: inline-block; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; border: 1px solid lighten($black,90%); } &.active { a, span { background: $primary; color: $white; border: 1px solid transparent; } } } } } .contact-section { .contact-info{ p{ a{ } span{ color: $black; } } } } .contact-form{ .form-group{ position: relative; } .form-control { border: transparent !important; border-bottom: 1px solid rgba(0,0,0,.08) !important; height: 58px!important; padding-left: 0; padding-right: 0; background: transparent!important; color: rgba(0,0,0,.9) !important; font-size: 13px; border-radius: 0px; box-shadow: none!important; &::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(0,0,0,.9); } &::-moz-placeholder { /* Firefox 19+ */ color: rgba(0,0,0,.9); } &:-ms-input-placeholder { /* IE 10+ */ color: rgba(0,0,0,.9); } &:-moz-placeholder { /* Firefox 18- */ color: rgba(0,0,0,.9); } &:focus, &:active { border-color: $primary !important; } } textarea.form-control { height: inherit!important; } } .block-9 { .form-control { outline: none!important; box-shadow: none!important; font-size: 15px; } #map { } } //### .block-21 .block-21 { .blog-img{ display: block; height: 80px; width: 80px; } .text { width: calc(100% - 100px); .heading { font-size: 16px; a { color: $black; &:hover, &:active, &:focus { color: $primary; } } } .meta { > div { display: inline-block; font-size: 12px; margin-right: 5px; a { color: lighten($black, 50%); } } } } } .custom-pagination { width: 100%; text-align: center; display: inline-block; li { display: inline-block; } .prev, .next { a { font-size: 20px!important; line-height: 38px!important; } } li, .prev, .next { a { width: 40px; height: 40px; line-height: 40px; padding: 0; margin: 0; border-radius: 50%!important; font-size: 16px; } &.active { a { display: block; width: 40px; height: 40px; line-height: 40px; padding: 0; margin: 0; border-radius: 50%!important; font-size: 16px; background: $primary; color: $white; &:hover, &:focus { color: $white; } } } } .prev { float: left; } .next { float: right; } } /* Blog*/ .post-info { font-size: 12px; text-transform: uppercase; font-weight: bold; color: $white; letter-spacing: .1em; > div { display: inline-block; .seperator { display: inline-block; margin: 0 10px; opacity: .5; } } } .tagcloud { a { text-transform: uppercase; display: inline-block; padding: 4px 10px; margin-bottom: 7px; margin-right: 4px; border-radius: 4px; color: $black; border: 1px solid lighten($black,90%); font-size :11px; &:hover { border: 1px solid #000; } } } .comment-form-wrap { clear: both; } .comment-list { padding: 0; margin: 0; .children { padding: 50px 0 0 40px; margin: 0; float: left; width: 100%; } li { padding: 0; margin: 0 0 30px 0; float: left; width: 100%; clear: both; list-style: none; .vcard { width: 80px; float: left; img { width: 50px; border-radius: 50%; } } .comment-body { float: right; width: calc(100% - 80px); h3 { font-size: 20px; } .meta { text-transform: uppercase; font-size: 13px; letter-spacing: .1em; color: #ccc; } .reply { padding: 5px 10px; background: lighten($black,90%); color: $black; text-transform: uppercase; font-size: 11px; letter-spacing: .1em; font-weight: 400; border-radius: 4px; &:hover { color: $white; background: lighten($black, 0%); } } } } } //SIDEBAR SEARCH .sidebar-wrap{ padding: 20px; border: 1px solid lighten($black,90%); margin-bottom: 30px; .heading{ font-size: 18px; } .fields { width: 100%; position: relative; .form-control { box-shadow: none!important; border: transparent; background: $white !important; color: lighten($black,30%) !important; border: 1px solid lighten($black,90%); font-size: 14px; width: 100%; height: 52px !important; padding: 10px 20px; @include border-radius(0); &::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: lighten($black,30%); } &::-moz-placeholder { /* Firefox 19+ */ color: lighten($black,30%); } &:-ms-input-placeholder { /* IE 10+ */ color: lighten($black,30%); } &:-moz-placeholder { /* Firefox 18- */ color: lighten($black,30%); } } .icon { position: absolute; top: 50%; right: 30px; font-size: 14px; transform: translateY(-50%); color: rgba($black,.7); @include media-breakpoint-down(sm) { right: 10px; } } .textfield-search, .select-wrap { } .textfield-search { input { } } .select-wrap { position: relative; select { appearance: none; } } } .form-group{ .btn{ width: 100%; display: block !important; @include border-radius(2px); } } } // sidebar .sidebar-box { margin-bottom: 30px; padding: 25px; font-size: 15px; width: 100%; float: left; background: $white; *:last-child { margin-bottom: 0; } h3.heading-2 { font-size: 18px; margin-bottom: 30px; } } .categories, .sidelink { li { position: relative; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid gray('300'); list-style: none; &:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } a { display: block; color: $black; span { position: absolute; right: 0; top: 0; color: #ccc; } } &.active { a { color: $black; font-style: italic; } } } } .search-form { background: lighten($black, 95%); padding: 10px; .form-group { position: relative; background: $white; input { padding-right: 50px; padding-left: 15px; } } .icon { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); } } #ftco-loader { position: fixed; width: 96px; height: 96px; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: rgba(255,255,255,0.9); box-shadow: 0px 24px 64px rgba(0,0,0,0.24); border-radius:16px; opacity: 0; visibility: hidden; transition: opacity .2s ease-out, visibility 0s linear .2s; z-index:1000; } #ftco-loader.fullscreen { padding: 0; left: 0; top: 0; width: 100%; height: 100%; transform: none; background-color: #fff; border-radius: 0; box-shadow: none; } #ftco-loader.show { transition: opacity .4s ease-out, visibility 0s linear 0s; visibility: visible; opacity: 1; } #ftco-loader .circular { animation: loader-rotate 2s linear infinite; position: absolute; left: calc(50% - 24px); top: calc(50% - 24px); display: block; transform: rotate(0deg); } #ftco-loader .path { stroke-dasharray: 1, 200; stroke-dashoffset: 0; animation: loader-dash 1.5s ease-in-out infinite; stroke-linecap: round; } @keyframes loader-rotate { 100% { transform: rotate(360deg); } } @keyframes loader-dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -136px; } }