ÿØÿà 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ÿÙ/*! * Start Bootstrap - Simple Sidebar (http://startbootstrap.com/) * Copyright 2013-2016 Start Bootstrap * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE) */ *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body, html { font-size: 100%; padding: 0; margin: 0;} html, body { margin: 0 !important; padding: 0 !important; height: 100%; } body { position: relative; overflow-x: hidden !important; font-family: 'Open Sans', Arial !important; font-size: 14px; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body.inner { background-image: url(../img/marble-background.jpg); } a, a:visited {color: #333;} a:active, a:hover, a:focus {color: #000; text-decoration: none; outline: 0;} a:hover {cursor: pointer;} h1 {font-size: 38px; font-weight: 300; color: #fff; padding: 45px 0;} p {color: #fff; font-size: 14px; text-align: left; letter-spacing: .05em;} p a:active, p a:hover, p a:focus, p a:visited {color: #fff;} button, input, textarea {outline: 0 !important;} .nav .open > a { background-color: transparent; } .nav .open > a:hover { background-color: transparent; } .nav .open > a:focus { background-color: transparent; } /*-------------------------------*/ /* Wrappers */ /*-------------------------------*/ #wrapper { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; padding-left: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #wrapper.toggled { padding-left: 336px; } #wrapper.toggled #sidebar-wrapper { width: 336px; margin-top: 50px; } #wrapper.toggled #page-content-wrapper { margin-right: -336px; /*position: absolute;*/ } #sidebar-wrapper { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; /*background: #1a1a1a;*/ background: rgba(0,0,0,0.94); height: 100%; left: 336px; margin-left: -336px; overflow-x: hidden; overflow-y: auto; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; width: 0; z-index: 1000; } .inner #sidebar-wrapper{ background: rgba(0,0,0,0.89); } #sidebar-wrapper::-webkit-scrollbar { display: none; } #page-content-wrapper { /*padding-top: 70px;*/ width: 100%; } /*-------------------------------*/ /* Sidebar nav styles */ /*-------------------------------*/ .sidebar-nav { list-style: none; margin: 0; padding: 0; padding-top: 12px; position: absolute; top: 0; } .sidebar-nav li { display: inline-block; line-height: 20px; position: relative; width: 100%; } .sidebar-nav li:before { -moz-transition: width 0.2s ease-in; -ms-transition: width 0.2s ease-in; -webkit-transition: width 0.2s ease-in; content: ''; height: 100%; left: 0; position: absolute; top: 0; -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; width: 3px; z-index: -1; } .sidebar-nav li:first-child a { color: #ffffff; } .sidebar-nav li:hover:before { -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; width: 100%; } .sidebar-nav li a { font-size: 15px; color: #dddddd; display: block; padding: 10px 15px 10px 30px; text-decoration: none; } .sidebar-nav li.open:hover before { -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; width: 100%; } .sidebar-nav .dropdown-menu { /*background-color: #222222;*/ background-color: #040404; border-radius: 0; border: none; box-shadow: none; margin: 0; padding: 5px 0; position: relative; width: 100%; } .dropdown-header { font-size: 14px; font-weight: 400; } .sidebar-nav li a:hover, .sidebar-nav li a:active, .sidebar-nav li a:focus, .sidebar-nav li.open a:hover, .sidebar-nav li.open a:active, .sidebar-nav li.open a:focus { background-color: transparent; color: #ffffff; text-decoration: none; } .sidebar-nav .dropdown-menu li { text-indent: 20px; } .sidebar-nav .dropdown-menu li a{ padding: 5px 15px 5px 30px; font-size: 13px; letter-spacing: 0.05em; } .sidebar-nav .dropdown-menu li.father { padding-left: 40px; text-indent: 0; } .sidebar-nav .dropdown-menu li.father>a { font-size: 15px; border-bottom: 1px solid #1d1d1d; letter-spacing: 0.08em; font-weight: 400; padding-left: 5px; padding: 15px 0 7px 5px; margin-bottom: 5px; } .sidebar-nav .dropdown-menu li.father>a:last-child { border: none; } .sidebar-nav .dropdown-menu li.father ul{ padding: 0; } .sidebar-nav .dropdown-menu li.father ul li a{ text-indent: 0; padding-left: 18px; color : #c3c3c3; } .sidebar-nav > .sidebar-brand { font-size: 20px; height: 65px; line-height: 44px; } /*-------------------------------*/ /* Hamburger-Cross */ /*-------------------------------*/ .hamburger { background: transparent; border: none; display: block; height: 29px; margin-left: 15px; position: fixed; top: 10px; width: 32px; z-index: 999; } .hamburger:hover { outline: none; } .hamburger:focus { outline: none; } .hamburger:active { outline: none; } .hamburger.is-closed:before { -webkit-transform: translate3d(0, 0, 0); -webkit-transition: all 0.35s ease-in-out; color: #ffffff; content: ''; display: block; font-size: 14px; line-height: 32px; opacity: 0; text-align: center; width: 100px; } .hamburger.is-closed:hover before { -webkit-transform: translate3d(-100px, 0, 0); -webkit-transition: all 0.35s ease-in-out; display: block; opacity: 1; } .hamburger.is-closed:hover .hamb-top { -webkit-transition: all 0.35s ease-in-out; top: 0; } .hamburger.is-closed:hover .hamb-bottom { -webkit-transition: all 0.35s ease-in-out; bottom: 0; } .hamburger.is-closed .hamb-top { -webkit-transition: all 0.35s ease-in-out; background-color: rgba(255, 255, 255, 0.7); top: 5px; } .hamburger.is-closed .hamb-middle { background-color: rgba(255, 255, 255, 0.7); margin-top: -2px; top: 50%; } .hamburger.is-closed .hamb-bottom { -webkit-transition: all 0.35s ease-in-out; background-color: rgba(255, 255, 255, 0.7); bottom: 5px; } .hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom { height: 2px; left: 0; position: absolute; width: 100%; } .hamburger.is-open .hamb-top { -webkit-transform: rotate(45deg); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); background-color: #c5c5c5; margin-top: -2px; top: 50%; } .hamburger.is-open .hamb-middle { background-color: #c5c5c5; display: none; } .hamburger.is-open .hamb-bottom { -webkit-transform: rotate(-45deg); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); background-color: #c5c5c5; margin-top: -2px; top: 50%; } .hamburger.is-open:before { -webkit-transform: translate3d(0, 0, 0); -webkit-transition: all 0.35s ease-in-out; color: #ffffff; content: ''; display: block; font-size: 14px; line-height: 32px; opacity: 0; text-align: center; width: 100px; } .hamburger.is-open:hover before { -webkit-transform: translate3d(-100px, 0, 0); -webkit-transition: all 0.35s ease-in-out; display: block; opacity: 1; } /*-------------------------------*/ /* Dark Overlay */ /*-------------------------------*/ .overlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 1; } /*-------------------------------*/ /* Collections */ /*-------------------------------*/ .collections{} .collections-swatch { position: absolute !important; bottom: 20px; right: 20px; height: 65px; width:65px; background: #000; cursor: pointer; display:none; } .collections-label { position: absolute; width: 300px; right:0px; height:65px; bottom: 0px; text-align: left; background: #000; color: #fff; text-transform: uppercase; display: inline-block; transition: 1s; letter-spacing: 0.3em; white-space: nowrap; overflow: hidden; line-height: 1.2; border-left:2px solid #fff; transform: translate(0, -0%); -webkit-transform: translate(0, -0%); } .collections-label.animated { transform: translate(0, -50%); -webkit-transform: translate(0, -50%); } .collections-label em{display: block; font-style: normal; color:#666; text-transform: none; letter-spacing: 0em;} .collections-label a{display: block; padding:10px 5px 6px 20px;} .collections { position: absolute; bottom: 0; right: 0; animation: fadein 5s; -moz-animation: fadein 5s; /* Firefox */ -webkit-animation: fadein 5s; /* Safari and Chrome */ -o-animation: fadein 5s; /* Opera */ } .collections-list { position: absolute; display:none; bottom: 0px; left: auto; right:150px; width: 160px; list-style: none; margin: 0; padding: 0; text-transform: uppercase; text-align: right; line-height: 1.7; } .collections-list li { opacity: 0; transition: 0.5s; margin: 0; display: block; } .collections-list li a { padding: 5px 20px; color:#fff; text-decoration: none; } .animated .collections-list li { opacity: 1; } .collections-list .active a { color: #888; } .animated { animation-delay: 4s; -webkit-animation-delay: 4s; /* Chrome, Safari, Opera */ -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; animation-iteration-count:5; -webkit-animation-iteration-count:5; } /*-------------------------------*/ /* Brief Menu */ /*-------------------------------*/ #briefMenu { /*background: #000;*/ padding: 4px 0; font-size: 14px; font-weight: 500; text-align: center; } #briefMenu.home { background: #000; border-top: 1px solid #777; position: relative; z-index: 200; height: 50px; } #briefMenu .nav-tabs { border: none; display: inline-block; text-align: center; } #briefMenu .nav-tabs>li { margin-bottom: 0; } #briefMenu .nav-tabs>li>a, #briefMenu .nav-tabs>li>a:focus, #briefMenu .nav-tabs>li>a:hover { color: #fff; font-family: arial; font-size: 15px; letter-spacing: 0.1em; cursor: pointer; background-color: transparent; border: none !important; border-radius: 0; margin: 0; padding: 10px 22px; } .topMenu #briefMenu { opacity: 0; } .topMenu #briefMenu.show { opacity: 1; } .topMenu #briefMenu .nav-tabs>li>a, .topMenu #briefMenu .nav-tabs>li>a:focus, .topMenu #briefMenu .nav-tabs>li>a:hover { color: #fff; } /*-------------------------------*/ /* General Styles */ /*-------------------------------*/ .blackBack { background-color: #000; } .darkGrayBack { background-color: #121212; } .grayBack { background-color: #202021; } .topMenu { display: block; height: 50px; width: 100%; position: fixed; z-index: 999; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .topMenu .pull-right { padding-right: 20px; } .topMenu button { background: transparent; border: none; padding: 13px 25px 13px 0; font-size: 15px; color: #fff; } #logo-btn { position: fixed; top: 0; left: 0; background-color: #000; display: block; height: 50px; } #logo-btn a { position: relative; width: 336px; padding: 15px 18px 13px 68px; display: inline-block; box-sizing: border-box; } #logo-mobile { display: none; width: 250px; padding: 15px 15px 15px 30px; } main .grayBack { padding-bottom: 70px; } main#about p { color: #fff; font-size: 16px; font-weight: 300; line-height: 1.6em; padding: 7px 0; } main a, main a:visited {color: #ccc;} main a:active, main a:hover, main a:focus {color: #fff; } main h1, main h2, main h3, main h4, main h5 { font-weight: 300; color: #fff; } main h2 {padding: 25px 0 20px;} main h4, main h5 { font-weight: 500; } blockquote { font-size: 24px; color: #cac6c6; border-color: #cac6c6; font-style: italic; } .nopadding { padding: 0 !important; margin: 0 !important; } .d-block { display: block !important; } .d-in-block { display: inline-block !important; } .btn { background-color: #3e3e3e !important; border-radius: 0; padding: 0 10px; margin: 15px auto 25px !important; letter-spacing: 0.1em !important; font-size: 13px !important; color: #fafafa !important; } .btn:hover, .btn:focus, .btn:visited { color: #fff; } .backImg { background-size: cover; background-position: center center; background-repeat: no-repeat; } .pageBnr { background-attachment: fixed; height: 450px; width: 100%; } .sitemap a { font-size: 14px; color: #ccc; text-align: right; text-transform: none; display: block; line-height: 2em; padding-right: 25px; border-right: 1px solid #3e3c3c; } .contactDet p span.d-block { padding-left: 19px; font-style: italic; } #map { width: 100%; height: 450px; -webkit-filter: grayscale(90%); /* Safari 6.0 - 9.0 */ filter: grayscale(90%); } .contactBox { padding: 25px 0 40px; } .contactBox button.btn { background-color: transparent !important; margin: 40px auto 25px !important; padding: 15px 35px !important; height: 58px; } main.product h1{ font-size: 40px; padding: 75px 0 30px 0; position: relative; text-align: center; } main.product h1.product-title{ text-align: center; background-color: rgba(0,0,0,0.3); margin: 0; padding: 0px; color: #FFF; width: 100%; line-height: 440px; position: absolute; top: 0%; } main.product h2{ font-size: 25px; padding-top: 15px; } main.product .descrTxt{ max-width:700px; padding: 0 15px; margin:0 auto; } main.product .descrTxt p{ text-align: center; font-size: 15px; font-weight: 300; } .line { height: 2px; background-color: #ccc; text-align: center; margin: 0 auto; max-width: 100px; } .prodDetImg { position: relative; margin: 0 auto; display: block; opacity: 0; } .product-title{ font-size:60px; background-color:rgba(0,0,0,0.3); margin:0; padding:0px; color:#FFF; width:100%; position:absolute; top:0%; } .product-title span{ font-size:22px; display:block; position: absolute; top:0px; width:100%; } footer { padding: 30px 0; font-size: 14px; font-weight: 300; } footer a { color: #fff; display: block; padding: 30px 0; letter-spacing: 0.1em; } footer a:hover, footer a:focus, footer a:visited { color: #fff; } footer a.contact-link { padding: 0 0 5px 0; margin-bottom: 15px; color: #b7b6b6; font-size: 14px; } footer a:hover.contact-link { color: #ccc; } footer .glyphicon { padding-bottom: 30px; font-size: 18px; } footer .social { margin-top: 25px; margin-bottom: 40px; } footer .social p { font-size: 16px; letter-spacing: 0.15em; border-top: 1px solid #080808; padding-top: 30px; color: #b7b6b6; } footer .social a { font-size: 20px; color: #d4d4d4; } footer .social a:hover { color: #fff; } /*-------------------------------*/ /* Modal Styles */ /*-------------------------------*/ .modal { overflow-y: auto; } .modal-open { overflow: auto; } .modal { z-index: 900; text-align: center; padding: 0 !important; } .modal-backdrop { z-index: 800; } .modal-backdrop.in { filter: alpha(opacity=0); opacity: 0; } .modal-open .modal { padding: 0 !important; } .modal-dialog { width: 100%; margin: 0 auto; padding: 50px 0 25px; } .modal-content { border: none; border-radius: 0; } .modal-header { padding: 5px 0 15px; letter-spacing: 0.15em; border: none; } .modal-title { font-size: 16px; color: #fff; text-align: center; position: relative; top: 1px; } .modal-body { overflow: hidden; } .modal-body, .modal-body a, .modal-body a:hover, .modal-body a:focus, .modal-body a:visited { color: #bbb; letter-spacing: 0.05em; } .modal h5, h5 { color: #fff; letter-spacing: 0.15em; padding-bottom: 3px; } .modal-footer { border: none; display: block; width: 100%; } .modal button, .contactForm button, .contactBox button { background: transparent; color: #fff; border: none; font-size: 14px; font-weight: 400; letter-spacing: 0.09em; display: block; margin: 0 auto; text-transform: uppercase; outline: 0; min-height: 30px; } .modal button .glyphicon { padding: 0 10px; position: relative; top: 3px; } .modal #search { margin-bottom: 0; } .modal #search p { font-size: 13px; padding-bottom: 15px; text-align: center; } .modal #search .btn, #contactForm .btn, .contactBox .btn { height: 43px; padding: 0 6px; border: 1px solid #3e3e3e; position: relative; top: 0; } .modal #search .btn { margin: 0 !important; } .modal #search button:hover, #contactForm button:hover, .contactBox button:hover { background-color: #000 !important; } .modal #search input { margin-bottom: 0; margin-right: 10px; padding-bottom: .5em; border: none; border-bottom: 1px solid #eee; background-color: transparent; line-height: 2.39em; min-width: 250px; max-width: 100% !important; } .modal #search button .glyphicon{ position: relative; top: 0 !important; } /*-------------------------------*/ /* Contact Form Styles */ /*-------------------------------*/ form#contactForm .row:first-child .floating-label-form-group { border-top: none; } form#contactForm textarea { border: none; } form#contactForm h3 { color: #fff; font-weight: 300; border-bottom: 1px dashed #fff; padding-bottom: 15px; padding-top: 15px; } form#contactForm ul{ padding-left: 20px; } form#contactForm li{ list-style: none; } .floating-label-form-group input, .floating-label-form-group textarea { font-size: 17px !important; color: #fff; } #contactForm button, .contactBox button { font-size: 15px !important; font-weight: 500; padding: 0 15px !important; } .floating-label-form-group-with-value label { color: #ccc; font-weight: 400; font-size: 13px; padding-top: 5px; } /* For small screens and phones */ @media screen and (max-width: 760px) { #briefMenu .nav-tabs>li>a, #briefMenu .nav-tabs>li>a:focus, #briefMenu .nav-tabs>li>a:hover { letter-spacing: 0.02em; font-size: 13px; padding: 10px 7px; } #map { height: 350px; } } @media only screen and (max-width: 500px) { #logo-btn a { visibility: hidden; } #logo-mobile { display: block; } }