ÿØÿà JFIF    ÿÛ „  ( %"1!%)+...383,7(-.+  -+++--++++---+-+-----+---------------+---+-++7-----ÿÀ  ß â" ÿÄ     ÿÄ H    !1AQaq"‘¡2B±ÁÑð#R“Ò Tbr‚²á3csƒ’ÂñDS¢³$CÿÄ   ÿÄ %  !1AQa"23‘ÿÚ   ? ôÿ ¨pŸªáÿ —åYõõ\?àÒü©ŠÄï¨pŸªáÿ —åYõõ\?àÓü©ŠÄá 0Ÿªáÿ Ÿå[úƒ ú®ði~TÁbqÐ8OÕpÿ ƒOò¤Oè`–RÂáœá™êi€ßÉ< FtŸI“öÌ8úDf´°å}“¾œ6  öFá°y¥jñÇh†ˆ¢ã/ÃÐ:ªcÈ "Y¡ðÑl>ÿ ”ÏËte:qž\oäŠe÷󲍷˜HT4&ÿ ÓÐü6ö®¿øþßèô Ÿ•7Ñi’•j|“ñì>b…þS?*Óôÿ ÓÐü*h¥£ír¶ü UãS炟[AÐaè[ûª•õ&õj?†Éö+EzP—WeÒírJFt ‘BŒ†Ï‡%#tE Øz ¥OÛ«!1›üä±Í™%ºÍãö]°î(–:@<‹ŒÊö×òÆt¦ãº+‡¦%ÌÁ²h´OƒJŒtMÜ>ÀÜÊw3Y´•牋4ǍýʏTì>œú=Íwhyë,¾Ôò×õ¿ßÊa»«þˆѪQ|%6ž™A õ%:øj<>É—ÿ Å_ˆCbõ¥š±ý¯Ýƒï…¶|RëócÍf溪“t.СøTÿ *Ä¿-{†çàczůŽ_–^XþŒ±miB[X±d 1,é”zEù»& î9gœf™9Ð'.;—™i}!ôšåîqêÛ٤ёý£½ÆA–àôe"A$˝Úsäÿ ÷Û #°xŸëí(l »ý3—¥5m! rt`†0~'j2(]S¦¦kv,ÚÇ l¦øJA£Šƒ J3E8ÙiŽ:cÉžúeZ°€¯\®kÖ(79«Ž:¯X”¾³Š&¡* ….‰Ž(ÜíŸ2¥ª‡×Hi²TF¤ò[¨íÈRëÉ䢍mgÑ.Ÿ<öäS0í„ǹÁU´f#Vß;Õ–…P@3ío<ä-±»Ž.L|kªÀê›fÂ6@»eu‚|ÓaÞÆŸ…¨ááå>åŠ?cKü6ùTÍÆ”†sĤÚ;H2RÚ†õ\Ö·Ÿn'¾ ñ#ºI¤Å´%çÁ­‚â7›‹qT3Iï¨ÖÚ5I7Ë!ÅOóŸ¶øÝñØôת¦$Tcö‘[«Ö³šÒ';Aþ ¸èíg A2Z"i¸vdÄ÷.iõ®§)¿]¤À†–‡É&ä{V¶iŽ”.Ó×Õÿ û?h¬Mt–íª[ÿ Ñÿ ÌV(í}=ibÔ¡›¥¢±b Lô¥‡piη_Z<‡z§èŒ)iÖwiÇ 2hÙ3·=’d÷8éŽ1¦¸c¤µ€7›7Ø ð\á)} ¹fËí›pAÃL%âc2 í§æQz¿;T8sæ°qø)QFMð‰XŒÂ±N¢aF¨…8¯!U  Z©RÊ ÖPVÄÀÍin™Ì-GˆªÅËŠ›•zË}º±ŽÍFò¹}Uw×#ä5B¤{î}Ð<ÙD é©¤&‡ïDbàÁôMÁ." ¤‡ú*õ'VŽ|¼´Úgllº¼klz[Æüï÷Aób‡Eÿ dÑ»Xx9ÃÜ£ÁT/`¼¸vI±Ýµ·Ë‚“G³þ*Ÿû´r|*}<¨îºœ @¦mÄ’M¹”.œ«Y–|6ÏU¤jç¥ÕÞqO ˜kDÆÁ¨5ÿ š;ÐЦ¦€GÙk \ –Þ=â¼=SͧµªS°ÚÍpÜãQűÀõ¬?ÃÁ1Ñ•õZà?hóœ€ L¦l{Y*K˜Ù›zc˜–ˆâ ø+¾ ­-Ök¥%ùEÜA'}ˆ><ÊIè“bpÍ/qÞâvoX€w,\úªò6Z[XdÒæ­@Ö—€$òJí#é>'°Ú ôª˜<)4ryÙ£|óAÅn5žêŸyÒäMÝ2{"}‰–¤l÷ûWX\l¾Á¸góÉOÔ /óñB¤f¸çñ[.P˜ZsÊË*ßT܈§QN¢’¡¨§V¼(Üù*eÕ“”5T¨‹Âê¥FŒã½Dü[8'Ò¥a…Ú¶k7a *•›¼'Ò·\8¨ª\@\õ¢¦íq+DÙrmÎ…_ªæ»ŠÓœ¡¯’Ré9MÅ×D™lælffc+ŒÑ,ý™ÿ ¯þǤ=Å’Á7µ÷ÚÛ/“Ü€ñýã¼àí¾ÕÑ+ƒ,uµMâÀÄbm:ÒÎPæ{˜Gz[ƒ¯«® KHà`ߨŠéí¯P8Aq.C‰ à€kòpj´kN¶qô€…Õ,ÜNŠª-­{Zö’æû44‰sŽè‰îVíRœÕm" 6?³D9¡ÇTíÅꋇ`4«¸ÝÁô ï’ýorqКÇZ«x4Žâéþuïf¹µö[P ,Q£éaX±`PÉÍZ ¸äYúg üAx ’6Lê‚xÝÓ*äQ  Ï’¨hÍ =²,6ï#rÃ<¯–£»ƒ‹,–ê•€ aÛsñ'%Æ"®ÛüìBᝠHÚ3ß°©$“XnœÖ’î2ËTeûìxîß ¦å¿çÉ ðK§þ{‘t‚Ϋ¬jéîZ[ ”š7L¥4VÚCE×]m¤Øy”ä4-dz£œ§¸x.*ãÊÊ b÷•h:©‡¦s`BTÁRû¾g⻩‹jø sF¢àJøFl‘È•Xᓁà~*j¯ +(ÚÕ6-£¯÷GŠØy‚<Ç’.F‹Hœw(+)ÜÜâÈzÄäT§FߘãÏ;DmVœ3Àu@mÚüXÝü•3B¨òÌÁÛ<·ÃÜ z,Ì@õÅ·d2]ü8s÷IôÞ¯^Ç9¢u„~ëAŸï4«M? K]­ÅàPl@s_ p:°¬ZR”´›JC[CS.h‹ƒïËœ«Æ]–÷ó‚wR×k7X‰k›‘´ù¦=¡«‰¨¨Â')—71ó’c‡Ðúµ `é.{§p¹ój\Ž{1h{o±Ý=áUÊïGÖŒõ–-BÄm+AZX¶¡ ïHðæ¥JmÙ;…䡟ˆ¦ ° äšiÉg«$üMk5¤L“’çÊvïâï ,=f“"íἊ5ô¬x6{ɏžID0e¸vçmi'︧ºð9$ò¹÷*£’9ÿ ²TÔ…×>JV¥}Œ}$p[bÔ®*[jzS*8 ”·T›Í–ñUîƒwo$áè=LT™ç—~ô·¤ÈÚ$榍q‰„+´kFm)ž‹©i–ËqÞŠ‰à¶ü( ‚•§ •°ò·‡#5ª•µÊ﯅¡X¨šÁ*F#TXJÊ ušJVÍ&=iÄs1‚3•'fý§5Ñ<=[íÞ­ PÚ;ѱÌ_~Ä££8rÞ ²w;’hDT°>ÈG¬8Á²ÚzŽ®ò®qZcqJêäÞ-ö[ܘbň±çb“ж31²n×iƒðÕ;1¶þÉ ªX‰,ßqÏ$>•î íZ¥Z 1{ç൵+ƒÕµ¥°T$§K]á»Ûï*·¤tMI’ÂZbŽÕiÒ˜}bÓ0£ª5›¨ [5Ž^ÝœWøÂÝh° ¢OWun£¤5 a2Z.G2³YL]jåtì”ä ÁÓ‘%"©<Ôúʰsº UZvä‡ÄiÆÒM .÷V·™ø#kèýiíÌ–ª)µT[)BˆõÑ xB¾B€ÖT¨.¥~ð@VĶr#¸ü*åZNDŽH;âi ],©£öØpù(šºãö¼T.uCê•4@ÿ GÕÛ)Cx›®0ø#:ÏðFÒbR\(€€Ä®fã4Þ‰Fä¯HXƒÅ,†öEÑÔÜ]Öv²?tLÃvBY£ú6Êu5ÅAQ³1‘’¬x–HŒÐ‡ ^ ¸KwJôÖŽ5×CÚ¨vÜ«/B0$×k°=ðbÇ(Ï)w±A†Á† 11Í=èQšµ626ŒÜ/`G«µ<}—-Ö7KEHÈÉðóȤmݱû±·ø«Snmá=“䫚mݱŸ¡¶~ó·“äUóJæúòB|E LêŽy´jDÔ$G¢þÐñ7óR8ýÒ…Ç› WVe#·Ÿ p·Fx~•ݤF÷0Èÿ K¯æS<6’¡WШ; ´ÿ ¥Êø\Òuî†åÝ–VNœkÒ7oòX¨Á­Ø÷FÎÑä±g÷ÿ M~Çî=p,X´ ÝÌÚÅ‹’ÃjÖ.ØöÏñ qïQ¤ÓZE†° =6·]܈ s¸>v•Ž^Ý\wq9r‰Î\¸¡kURÒ$­*‹Nq?Þª*!sŠÆ:TU_u±T+øX¡ ®¹¡,ÄâÃBTsÜ$Ø›4m椴zÜK]’’›Pƒ @€#â˜`é¹=I‡fiV•Ôî“nRm+µFPOhÍ0B£ €+¬5c v•:P'ÒyÎ ‰V~‚Ó†ÖuókDoh$å\*ö%Ю=£«…aȼ½÷Û.-½VŒŠ¼'lyî±1¬3ó#ÞE¿ÔS¤gV£m›=§\û"—WU¤ÚǼÿ ÂnÁGŒÃ ‚õN D³õNÚíŒÕ;HôyÄÈ©P¹Ä{:?R‘Ô¨âF÷ø£bÅó® JS|‚R÷ivýáâ€Æé¡è³´IئÑT!§˜•ت‚¬â@q€wnïCWÄ@JU€ê¯m6]Ï:£âx'+ÒðXvÓ¦Úm=–´7œ $ì“B£~p%ÕŸUþ« N@¼üï~w˜ñø5®—'Ôe»¤5ã//€ž~‰Tþ›Å7•#¤× Íö pÄ$ùeåì*«ÓŠEØWEÈsßg ¦ûvžSsLpºÊW–âµEWöˬH; ™!CYõZ ÃÄf æ#1W. \uWâ\,\Çf j’<qTbên›Î[vxx£ë 'ö¨1›˜ÀM¼Pÿ H)ƒêêŒA7s,|F“ 꺸k³9Ìö*ç®;Ö!Ö$Eiž•¹ÒÚ†ýóéÝû¾ÕS®ó$’NÝäŸz¤5r¦ãÄÃD÷Üø!°ø‡Ô&@m™Ì^Ãä­d q5Lnÿ N;.6½·N|#ä"1Nƒx“ã<3('&ñßt  ~ªu”1Tb㫨9ê–›–bìd$ߣ=#ÕãÒmU¯eí$EFù5ýYô櫨æì™Ç—±ssM]·á¿0ÕåJRÓªîiƒ+O58ÖñªŠÒx" \µâá¨i’¤i —Ö ” M+M¤ë9‚‰A¦°Qõ¾ßøK~¼Ã‘g…Ö´~÷Ï[3GUœÒ½#…kàÔ®Ò”‰³·dWV‰IP‰Ú8u¹”E ÖqLj¾êÕCBš{A^Âß;–¨`¯¬ìö ˼ ×tìø.tƐm*n¨y4o&Àx¥n¦×î‡aupáÛj8¿m›è¶ã!o½;ß0y^ý×^EÑ¿ÒjzŒ­)vÚÑnÄL …^ªô× ‡—‚3k Îý­hï]içå–îÏ*÷ñþ»Ô CÒjøjÍznˆ´ ¹#b'Fô‹ ‰v¥'’à'T´ƒHýÍ%M‰ ƒ&ÆÇŒï1 ‘ –Þ ‰i¬s žR-Ÿ kЬá¬7:þ 0ŒÅÒÕ/aÙ¬ÃÝ#Úøœ ©aiVc‰. ¹¦ãµ” ›Yg¦›ÆÎýº°f³7ƒhá·¸­}&D9¡ÂsÉÙÞèŠõØàC™¨ñbFC|´Ü(ŸƒÚÒ-%»'a Ì¿)ËÇn¿úÿ ÞŽX…4ÊÅH^ôΑí@ù¹Eh¶“L8Çjù ¼ÎåVªóR©Ï5uà V4lZß®=€xÖŸ–ÑÈ ÷”¨°¾__yM1tÉ?uÆþIkÄgæ@þ[¢†°XÃJ£j·:nkÅ¢u ‘}âGzö­/IµèЬ¼48q¦F°ŽR¼=ûì{´¯RýicS ÕÛ íNtÍÙï£,w4rêì®»~x(©Uñ§#Ñ&œÕ¤>ÎåÍÓ9’Ö{9eV­[Öjâ²ãu]˜å2›qÑšÕJç0€sÄ|Êëè0튔bÁ>“{×_F`Ø©ºê:µä,v¤ðfc1±"«ÔÍän1#=· Âøv~H½ÐßA¾¿Ü€Óš]Õ; I¾÷ç‚Qi†î¹9ywÔKG˜áñ zQY—§ÃÕZ07§X‚ Áh;ÁM)iÌCH-¯T‘ë|A0{Ò½LÚ–TâÖkÜ’dÀ“rmm»”جPF³ÖcbE§T€ÒxKºû’Ó®7±²(\4ŽÃ¸Uu@j™yĵ;³µ!Á¢b.W¤=mõ´êµK k ¸K^ÜÛ#p*Ü14qkZç5ïë †°5Ï%ÍÛ<Õ¤×Ô¥ê†C Õ´¼ú$ƒÖ“”]Ù¬qÞÚ[4©ý!ûÏ—Áb쳐XµA¬â~`›Çr¸8ìùÝ䫦<>ä÷«?xs´ÇÑ /á;¹øüÊÈÙà{"@Žïzâ¬[âß‚ U_<ÇŸ½4èN˜ú61®qŠu ¦þF£»äJ_ˆÙÎ~ ÞAã–݄ϗrŠD;xTž‘ô`É«…suãO`?³à™ô Lý#Íc5öoæØ‚y´´÷«ZR§<&JÇ+éâô´€i!Àˆ0æAoàðLèÖ-2ŸõW.’t^–(KÁmHµV@xÜÇy®Ñø­â^:Ú3w· 7½¹°ñ¸â¹®:',«Mœ—n­Á+Ãbš LÈ‘ÄnRÓÅœ%¦²‰¨ùQ:¤f‚ "PÕtô¸…cæl…&˜Ú˜Ôkv‹ž+vŠ,=¢v­6—Xy*¥t£«<™:“aîϲ=¦6rO]XI¿Œ÷¤zÚ­›¶ 6÷”w\d ü~v®ˆÌk«^m<ÿ ¢‰Õ\)ùºŽ;… lîÙÅEŠ®cѾ@vnMÏ,¼“ñ•ŽBxðÃzãÇç%3ˆ"}Ù•Åî> BÉú;Ò]V+P˜F_´ßé> Øše|ï‡ÄOmFæÇ ãqÞ$/xÐx­z`ï9"œÜij‚!7.\Td…9M‡•iŽ‹¾‘50ÞŽn¥ß4ÉôO ¹*í^QêËÜÇÌ8=ާs‰'ÂëÙ«á%Pú[O †ÅP¯Vsް.‰,kc¶ ¬A9n˜XÎ-ÞšN["¹QÕ‰ƒMýÁߺXJæÍaLj¾×Ãmã¾ãÚ uñÒþåQô¦¥ /ÄUx:‚ÍÜ’ Đ©ØÝ3V¨‰ÕnÐ6ó*óúK­«…c ¯U òhsý­jóÔj#,ímŒRµ«lbïUTŒÑ8†Ä0œÏr`ð¡¬É Ї ë"À² ™ 6¥ f¶ ¢ÚoܱԷ-<Àî)†a¶ž'Ú»¨TXqØæ¶÷YÄHy˜9ÈIW­YÀuMFë ºÏ’AqÌ4·/Ú †ô'i$øä­=Ä Ý|öK×40è|È6p‘0§)o¥ctî§H+CA-“ xØ|ÐXАç l8íºð3Ø:³¤¬KX¯UÿÙ /*! * Cube Portfolio - Responsive jQuery Grid Plugin * * version: 3.7.0 (6 June, 2016) * require: jQuery v1.7+ * * Copyright 2013-2016, Mihai Buricea (http://scriptpie.com/cubeportfolio/live-preview/) * Licensed under CodeCanyon License (http://codecanyon.net/licenses) * */ .cbp, .cbp *, .cbp *:after, .cbp-l-filters-alignCenter, .cbp-l-filters-alignCenter *, .cbp-l-filters-alignCenter .cbp-filter-counter:after, .cbp-l-filters-alignLeft, .cbp-l-filters-alignLeft *, .cbp-l-filters-alignRight, .cbp-l-filters-alignRight *, .cbp-l-filters-alignRight .cbp-filter-counter:after, .cbp-l-filters-big, .cbp-l-filters-big *, .cbp-l-filters-button, .cbp-l-filters-button *, .cbp-l-filters-button .cbp-filter-counter:after, .cbp-l-filters-buttonCenter, .cbp-l-filters-buttonCenter *, .cbp-l-filters-buttonCenter .cbp-filter-counter:after, .cbp-l-filters-dropdown, .cbp-l-filters-dropdown *, .cbp-l-filters-dropdownHeader:after, .cbp-l-filters-list, .cbp-l-filters-list *, .cbp-l-filters-text, .cbp-l-filters-text *, .cbp-l-filters-text .cbp-filter-counter:after, .cbp-l-filters-underline, .cbp-l-filters-underline *, .cbp-l-filters-work, .cbp-l-filters-work *, .cbp-l-loadMore-bgbutton, .cbp-l-loadMore-bgbutton *, .cbp-l-loadMore-button, .cbp-l-loadMore-button *, .cbp-l-loadMore-text, .cbp-l-loadMore-text *, .cbp-popup-loadingBox:after, .cbp-popup-wrap, .cbp-popup-wrap *, .cbp-popup-wrap:before, .cbp-search, .cbp-search *, .cbp:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cbp-l-grid-agency-desc, .cbp-l-grid-agency-title, .cbp-l-grid-blog-title, .cbp-l-grid-masonry-projects-desc, .cbp-l-grid-masonry-projects-title, .cbp-l-grid-projects-desc, .cbp-l-grid-projects-title, .cbp-l-grid-work-desc, .cbp-l-grid-work-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cbp-l-filters-alignCenter, .cbp-l-filters-alignCenter *, .cbp-l-filters-alignLeft, .cbp-l-filters-alignLeft *, .cbp-l-filters-alignRight, .cbp-l-filters-alignRight *, .cbp-l-filters-big, .cbp-l-filters-big *, .cbp-l-filters-button, .cbp-l-filters-button *, .cbp-l-filters-buttonCenter, .cbp-l-filters-buttonCenter *, .cbp-l-filters-dropdown, .cbp-l-filters-dropdown *, .cbp-l-filters-list, .cbp-l-filters-list *, .cbp-l-filters-text, .cbp-l-filters-text *, .cbp-l-filters-underline, .cbp-l-filters-underline *, .cbp-l-filters-work, .cbp-l-filters-work * { -webkit-tap-highlight-color: transparent; } .cbp-lazyload:after, .cbp-popup-loadingBox:after, .cbp-popup-singlePageInline:after, .cbp:after { content: ''; position: absolute; width: 34px; height: 34px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-animation: cbp-rotation .8s infinite linear; animation: cbp-rotation .8s infinite linear; border-left: 3px solid rgba(114,144,182,0.15); border-right: 3px solid rgba(114,144,182,0.15); border-bottom: 3px solid rgba(114,144,182,0.15); border-top: 3px solid rgba(114,144,182,0.8); border-radius: 100%; } .cbp-item { display: inline-block; margin: 0 10px 20px 0; } .cbp { position: relative; margin: 0 auto; z-index: 1; height: 400px; } .cbp > * { visibility: hidden; } .cbp .cbp-item { position: absolute; top: 0; left: 0; list-style-type: none; margin: 0; padding: 0; overflow: hidden; } .cbp img { display: block; border: 0; width: 100%; height: auto; } .cbp a, .cbp a:active, .cbp a:hover { text-decoration: none; outline: 0; } .cbp-ready > * { visibility: visible; } .cbp-ready:after { display: none; visibility: hidden; } .cbp-lazyload { position: relative; background: #fff; display: block; } .cbp-lazyload img { opacity: 1; } .cbp-lazyload img[data-cbp-src] { opacity: 0; } .cbp-lazyload img:not([data-cbp-src]) { -webkit-transition: opacity .7s ease-in-out; transition: opacity .7s ease-in-out; } .cbp-lazyload:after { z-index: 0; } .cbp-wrapper-outer { overflow: hidden; position: relative; margin: 0 auto; } .cbp-wrapper, .cbp-wrapper-helper, .cbp-wrapper-outer { list-style-type: none; padding: 0; width: 100%; height: 100%; z-index: 1; } .cbp-wrapper, .cbp-wrapper-helper { position: absolute; top: 0; left: 0; margin: 0; } .cbp-item-off { z-index: -1; pointer-events: none; visibility: hidden; } .cbp-item-on2off { z-index: 0; } .cbp-item-off2on { z-index: 1; } .cbp-item-on2on { z-index: 2; } .cbp-item-wrapper { width: 100%; height: 100%; position: relative; top: 0; left: 0; } .cbp-l-inline img, .cbp-l-project-related-wrap img { display: block; width: 100%; height: auto; border: 0; } .cbp-updateItems { -webkit-transition: height .5s ease-in-out !important; transition: height .5s ease-in-out !important; will-change: height; } .cbp-updateItems .cbp-item { -webkit-transition: top .5s ease-in-out, left .5s ease-in-out; transition: top .5s ease-in-out, left .5s ease-in-out; } .cbp-updateItems .cbp-item-loading { -webkit-animation: fadeIn .5s ease-in-out; animation: fadeIn .5s ease-in-out; -webkit-transition: none; transition: none; } .cbp-removeItem { -webkit-animation: fadeOut .5s ease-in-out; animation: fadeOut .5s ease-in-out; } .cbp-panel { width: 94%; max-width: 1170px; margin: 0 auto; } .cbp-misc-video { position: relative; height: 0; padding-bottom: 56.25%; background: #000; text-align: center; } .cbp-misc-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @-webkit-keyframes cbp-rotation { 0 { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes cbp-rotation { 0 { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .clearfix:after { content: " "; display: block; height: 0; clear: both; } .cbp-l-filters-left { float: left; } .cbp-l-filters-right { float: right; } .cbp-caption, .cbp-caption-activeWrap, .cbp-caption-defaultWrap { display: block; } .cbp-caption-activeWrap { background-color: #282727; } .cbp-caption-active .cbp-caption, .cbp-caption-active .cbp-caption-activeWrap, .cbp-caption-active .cbp-caption-defaultWrap { overflow: hidden; position: relative; z-index: 1; } .cbp-caption-active .cbp-caption-defaultWrap { top: 0; } .cbp-caption-active .cbp-caption-activeWrap { width: 100%; position: absolute; z-index: 2; height: 100%; } .cbp-l-caption-title { color: #fff; font: 400 16px/21px "Open Sans", sans-serif; } .cbp-l-caption-desc { color: #aaa; font: 400 12px/16px "Open Sans", sans-serif; } .cbp-l-caption-text { font: 400 14px/21px "Open Sans", sans-serif; color: #fff; letter-spacing: 3px; padding: 0 6px; } .cbp-l-caption-buttonLeft, .cbp-l-caption-buttonRight { background-color: #547EB1; color: #FFFFFF; display: inline-block; font: 400 12px/30px "Open Sans", sans-serif; min-width: 90px; text-align: center; margin: 4px; padding: 0 6px; } .cbp-l-caption-buttonLeft:hover, .cbp-l-caption-buttonRight:hover { opacity: .9; } .cbp-caption-none .cbp-caption-activeWrap { display: none; } .cbp-l-caption-alignLeft .cbp-l-caption-body { padding: 12px 30px; } .cbp-caption-fadeIn .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-minimal .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-moveRight .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-opacity .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-overlayRightAlong .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-pushDown .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-pushTop .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-revealBottom .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-revealLeft .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-revealTop .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-zoom .cbp-l-caption-alignLeft .cbp-l-caption-body { padding-top: 30px; } .cbp-l-caption-alignCenter { display: table; width: 100%; height: 100%; } .cbp-l-caption-alignCenter .cbp-l-caption-body { display: table-cell; vertical-align: middle; text-align: center; padding: 10px 0; } .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight { position: relative; -webkit-transition: left .4s cubic-bezier(0.19, 1, 0.22, 1); transition: left .4s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft { left: -20px; } .cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight, .cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight, .cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight { left: 20px; } .cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight { left: 0; } .cbp-caption-fadeIn .cbp-caption-activeWrap { opacity: 0; top: 0; background-color: rgba(0,0,0,0.85); -webkit-transition: opacity .9s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity .9s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-fadeIn .cbp-caption:hover .cbp-caption-activeWrap { opacity: 1; } .cbp-caption-minimal .cbp-l-caption-desc, .cbp-caption-minimal .cbp-l-caption-title { position: relative; left: 0; opacity: 0; -webkit-transition: -webkit-transform .35s ease-out; transition: transform .35s ease-out; } .cbp-caption-minimal .cbp-l-caption-title { -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cbp-caption-minimal .cbp-l-caption-desc { -webkit-transform: translateY(70%); transform: translateY(70%); } .cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-desc, .cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-title { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .cbp-caption-minimal .cbp-caption-activeWrap { top: 0; background-color: #000; background-color: rgba(0,0,0,0.8); opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .cbp-caption-minimal .cbp-caption:hover .cbp-caption-activeWrap { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } .cbp-caption-moveRight .cbp-caption-activeWrap { left: -100%; top: 0; -webkit-transition: -webkit-transform .6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform .6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-moveRight .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateX(100%); transform: translateX(100%); } .cbp-caption-overlayBottom .cbp-caption-activeWrap { height: 60px; background-color: #181616; background-color: rgba(24,22,22,0.7); -webkit-transition: -webkit-transform .6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform .6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-overlayBottom .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .cbp-caption-overlayBottomAlong .cbp-caption-activeWrap, .cbp-caption-overlayBottomAlong .cbp-caption-defaultWrap { -webkit-transition: -webkit-transform .6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform .6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-overlayBottomAlong .cbp-caption-activeWrap { height: 60px; } .cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: translateY(-30px); transform: translateY(-30px); } .cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .cbp-caption-overlayBottomPush .cbp-caption-defaultWrap { -webkit-transition: top .6s cubic-bezier(0.19, 1, 0.22, 1); transition: top .6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-overlayBottomPush .cbp-caption-activeWrap { bottom: -60px; height: 60px; -webkit-transition: bottom .6s cubic-bezier(0.19, 1, 0.22, 1); transition: bottom .6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-defaultWrap { top: -60px; } .cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-activeWrap { bottom: 0; } .cbp-caption-overlayBottomReveal .cbp-caption-defaultWrap { z-index: 2; -webkit-transition: top .5s cubic-bezier(0.19, 1, 0.22, 1); transition: top .5s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-overlayBottomReveal .cbp-caption-activeWrap { bottom: 0; z-index: 1; height: 60px; } .cbp-caption-overlayBottomReveal .cbp-caption:hover .cbp-caption-defaultWrap { top: -60px; } .cbp-caption-overlayRightAlong .cbp-caption-activeWrap, .cbp-caption-overlayRightAlong .cbp-caption-defaultWrap { -webkit-transition: -webkit-transform .6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform .6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-overlayRightAlong .cbp-caption-activeWrap { top: 0; left: -50%; width: 50%; } .cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: translateX(25%); transform: translateX(25%); } .cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateX(100%); transform: translateX(100%); } .cbp-caption-pushDown .cbp-caption-activeWrap, .cbp-caption-pushDown .cbp-caption-defaultWrap { -webkit-transition: -webkit-transform .6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform .6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-pushDown .cbp-caption-activeWrap { top: -102%; height: 102%; } .cbp-caption-pushDown .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: translateY(100%); transform: translateY(100%); } .cbp-caption-pushDown .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateY(99%); transform: translateY(99%); } .cbp-caption-pushTop .cbp-caption-activeWrap, .cbp-caption-pushTop .cbp-caption-defaultWrap { -webkit-transition: -webkit-transform .6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform .6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-pushTop .cbp-caption-activeWrap { height: 102%; } .cbp-caption-pushTop .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .cbp-caption-pushTop .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateY(-99%); transform: translateY(-99%); } .cbp-caption-revealBottom .cbp-caption-defaultWrap { z-index: 2; -webkit-transition: -webkit-transform .6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform .6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-revealBottom .cbp-caption-activeWrap { top: 0; z-index: 1; } .cbp-caption-revealBottom .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .cbp-caption-revealLeft .cbp-caption-activeWrap { left: 100%; top: 0; -webkit-transition: -webkit-transform .6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform .6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-revealLeft .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .cbp-caption-revealTop .cbp-caption-defaultWrap { z-index: 2; -webkit-transition: -webkit-transform .6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform .6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-revealTop .cbp-caption-activeWrap { top: 0; z-index: 1; } .cbp-caption-revealTop .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: translateY(100%); transform: translateY(100%); } .cbp-caption-zoom .cbp-caption-defaultWrap { -webkit-transition: -webkit-transform .6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform .6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: scale(1.25); transform: scale(1.25); } .cbp-caption-zoom .cbp-caption-activeWrap { opacity: 0; top: 0; background-color: rgba(0,0,0,0.9); -webkit-transition: opacity .8s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity .8s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-zoom .cbp-caption:hover .cbp-caption-activeWrap { opacity: 1; } .cbp-caption-opacity .cbp-item { padding: 1px; } .cbp-caption-opacity .cbp-caption, .cbp-caption-opacity .cbp-caption-activeWrap, .cbp-caption-opacity .cbp-caption-defaultWrap { background-color: transparent; } .cbp-caption-opacity .cbp-caption { border: 1px solid transparent; } .cbp-caption-opacity .cbp-caption:hover { border-color: #EDEDED; } .cbp-caption-opacity .cbp-caption-defaultWrap { opacity: 1; -webkit-transition: opacity .6s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity .6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-opacity .cbp-caption:hover .cbp-caption-defaultWrap { opacity: .8; } .cbp-caption-opacity .cbp-caption:hover .cbp-caption-activeWrap { top: 0; } .cbp-caption-expand .cbp-caption-activeWrap { height: auto; background-color: transparent; } .cbp-caption-expand .cbp-caption { border-bottom: 1px dotted #eaeaea; } .cbp-caption-expand .cbp-caption-defaultWrap { cursor: pointer; font: 500 15px/23px "Roboto", sans-serif; color: #474747; padding: 12px 0 11px 26px; } .cbp-caption-expand .cbp-caption-defaultWrap svg { position: absolute; top: 16px; left: 0; } .cbp-caption-expand .cbp-l-caption-body { font: 400 13px/21px "Roboto", sans-serif; color: #888; padding: 0 0 20px 26px; } .cbp-caption-expand-active { -webkit-transition: height .4s !important; transition: height .4s !important; } .cbp-caption-expand-active .cbp-item { -webkit-transition: left .4s, top .4s !important; transition: left .4s, top .4s !important; } .cbp-caption-expand-open .cbp-caption-activeWrap { -webkit-transition: height .4s; transition: height .4s; } .cbp-l-filters-alignCenter { margin-bottom: 30px; text-align: center; font: 400 12px/21px sans-serif; color: #DADADA; } .cbp-l-filters-alignCenter .cbp-filter-item { color: #949494; cursor: pointer; font: 400 13px/21px "Open Sans", sans-serif; padding: 0 12px; transition: all .3s ease-in-out; position: relative; overflow: visible; margin: 0 0 10px; display: inline-block; } .cbp-l-filters-alignCenter .cbp-filter-item:hover { color: #2D2C2C; } .cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active { color: #2D2C2C; cursor: default; } .cbp-l-filters-alignCenter .cbp-filter-counter { background: none repeat scroll 0 0 #626161; border-radius: 3px; color: #FFFFFF; font: 400 11px/18px "Open Sans", sans-serif; margin: 0 auto; padding: 4px 0; text-align: center; width: 34px; position: absolute; bottom: 0; left: 0; right: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transition: all .25s ease; transition: all .25s ease; } .cbp-l-filters-alignCenter .cbp-filter-counter:after { content: ""; position: absolute; bottom: -4px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #626161; display: none; } .cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter:after { display: block; } .cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter { bottom: 30px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .cbp-l-filters-alignLeft { margin-bottom: 30px; } .cbp-l-filters-alignLeft .cbp-filter-item { background-color: #fff; border: 1px solid #cdcdcd; cursor: pointer; font: 400 12px/30px "Open Sans", sans-serif; padding: 0 13px; position: relative; overflow: visible; margin: 0 8px 10px 0; display: inline-block; color: #888888; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .cbp-l-filters-alignLeft .cbp-filter-item:hover { color: #111; } .cbp-l-filters-alignLeft .cbp-filter-item.cbp-filter-item-active { background-color: #6C7A89; border: 1px solid #6C7A89; color: #fff; cursor: default; } .cbp-l-filters-alignLeft .cbp-filter-counter { display: inline; } .cbp-l-filters-alignRight { margin-bottom: 30px; text-align: right; } .cbp-l-filters-alignRight .cbp-filter-item { background-color: transparent; color: #8B8B8B; cursor: pointer; font: 400 11px/31px "Open Sans", sans-serif; padding: 0 14px; position: relative; overflow: visible; margin: 0 0 10px 5px; border: 1px solid #E4E2E2; text-transform: uppercase; display: inline-block; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .cbp-l-filters-alignRight .cbp-filter-item:hover { color: #2B3444; } .cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter:after { display: block; } .cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter { bottom: 44px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active { color: #FFFFFF; background-color: #049372; border-color: #049372; cursor: default; } .cbp-l-filters-alignRight .cbp-filter-counter { background: none repeat scroll 0 0 #049372; border-radius: 3px; color: #fff; font: 400 11px/18px "Open Sans", sans-serif; margin: 0 auto; padding: 4px 0; text-align: center; width: 34px; position: absolute; bottom: 0; left: 0; right: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transition: opacity .25s ease, bottom .25s ease; transition: opacity .25s ease, bottom .25s ease; } .cbp-l-filters-alignRight .cbp-filter-counter:after { content: ""; position: absolute; bottom: -4px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #049372; display: none; } .cbp-l-filters-button { margin-bottom: 30px; } .cbp-l-filters-button .cbp-filter-item { background-color: #FFFFFF; border: 1px solid #ECECEC; color: #888888; cursor: pointer; font: 400 12px/32px "Open Sans", sans-serif; margin: 0 10px 10px 0; overflow: visible; padding: 0 17px; position: relative; display: inline-block; -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out; transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out; } .cbp-l-filters-button .cbp-filter-item:hover { color: #545454; border-color: #DADADA; } .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active { background-color: #545454; color: #fff; border-color: #5d5d5d; cursor: default; } .cbp-l-filters-button .cbp-filter-counter { background-color: #545454; border-radius: 3px; color: #fff; font: 400 11px/18px "Open Sans", sans-serif; margin: 0 auto; padding: 4px 0; text-align: center; width: 34px; position: absolute; bottom: 0; left: 0; right: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity .25s ease, bottom .25s ease; transition: opacity .25s ease, bottom .25s ease; } .cbp-l-filters-button .cbp-filter-counter:after { content: ""; position: absolute; bottom: -4px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #545454; display: none; } .cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter:after { display: block; } .cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter { bottom: 44px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .cbp-l-filters-buttonCenter { margin-bottom: 30px; text-align: center; } .cbp-l-filters-buttonCenter .cbp-filter-item { background-color: #FFFFFF; border: 1px solid #ECECEC; color: #888888; cursor: pointer; font: 400 12px/32px "Roboto", sans-serif; margin: 0 10px 10px 0; overflow: visible; padding: 0 17px; position: relative; display: inline-block; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .cbp-l-filters-buttonCenter .cbp-filter-item:hover { color: #5d5d5d; } .cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active { color: #3B9CB3; border-color: #8CD2E5; cursor: default; } .cbp-l-filters-buttonCenter .cbp-filter-counter { background-color: #68ABBC; border-radius: 3px; color: #fff; font: 400 11px/18px "Roboto", sans-serif; margin: 0 auto; padding: 4px 0; text-align: center; width: 34px; position: absolute; bottom: 0; left: 0; right: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity .25s ease, bottom .25s ease; transition: opacity .25s ease, bottom .25s ease; } .cbp-l-filters-buttonCenter .cbp-filter-counter:after { content: ""; position: absolute; bottom: -4px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #68ABBC; display: none; } .cbp-l-filters-buttonCenter .cbp-filter-item:hover .cbp-filter-counter:after { display: block; } .cbp-l-filters-buttonCenter .cbp-filter-item:hover .cbp-filter-counter { bottom: 44px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .cbp-l-filters-dropdown { margin-bottom: 40px; height: 38px; position: relative; z-index: 5; } .cbp-l-filters-dropdownWrap { width: 200px; position: absolute; right: 0; background: #4d4c4d; } .cbp-l-filters-dropdownHeader { font: 400 12px/38px "Open Sans", sans-serif; margin: 0 17px; color: #FFF; cursor: default; position: relative; } .cbp-l-filters-dropdownHeader:after { border-color: #fff transparent; border-style: solid; border-width: 5px 5px 0; content: ""; height: 0; position: absolute; right: 0; top: 50%; width: 0; margin-top: -1px; } .cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownHeader:after { border-width: 0 5px 5px; } .cbp-l-filters-dropdownList { display: none; list-style: none outside none; margin: 0; padding: 0; } .cbp-l-filters-dropdownList > li { margin: 0; list-style: none; } .cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownList { display: block; margin: 0; } .cbp-l-filters-dropdownList .cbp-filter-item { background: transparent; color: #b3b3b3; width: 100%; text-align: left; font: 400 12px/40px "Open Sans", sans-serif; margin: 0; padding: 0 17px; cursor: pointer; border: none; border-top: 1px solid #595959; } .cbp-l-filters-dropdownList .cbp-filter-item:hover { color: #e6e6e6; } .cbp-l-filters-dropdownList .cbp-filter-item-active { color: #fff; cursor: default; } .cbp-l-filters-dropdownWrap .cbp-filter-counter { display: inline; } .cbp-l-filters-dropdown-floated { float: right; margin-top: -2px; margin-left: 20px; width: 200px; } .cbp-l-filters-list { margin-bottom: 30px; content: ""; display: table; clear: both; } .cbp-l-filters-list .cbp-filter-item { background-color: transparent; color: #585252; cursor: pointer; font: 400 12px/35px "Open Sans", sans-serif; padding: 0 18px; position: relative; overflow: visible; margin: 0 0 10px; float: left; border: 1px solid #3288C4; border-right-width: 0; -webkit-transition: left .3s ease-in-out; transition: left .3s ease-in-out; } .cbp-l-filters-list .cbp-filter-item:hover { color: #000; } .cbp-l-filters-list .cbp-filter-item.cbp-filter-item-active { cursor: default; color: #FFFFFF; background-color: #3288C4; } .cbp-l-filters-list-first { border-radius: 6px 0 0 6px; } .cbp-l-filters-list-last { border-radius: 0 6px 6px 0; border-right-width: 1px !important; } .cbp-l-filters-list .cbp-filter-counter { display: inline; } @media only screen and (max-width: 600px) { .cbp-l-filters-list .cbp-filter-item { margin-right: 5px; border-radius: 6px; border-right-width: 1px; } } .cbp-l-filters-work { margin-bottom: 30px; text-align: center; } .cbp-l-filters-work .cbp-filter-item { background-color: #FFFFFF; color: #888; cursor: pointer; font: 600 11px/37px "Open Sans", sans-serif; margin: 0 5px 10px 0; overflow: visible; padding: 0 16px; position: relative; display: inline-block; text-transform: uppercase; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .cbp-l-filters-work .cbp-filter-item:hover { color: #fff; background: #607D8B; } .cbp-l-filters-work .cbp-filter-item.cbp-filter-item-active { background: #607D8B; color: #fff; cursor: default; } .cbp-l-filters-work .cbp-filter-counter { font: 600 11px/37px "Open Sans", sans-serif; text-align: center; display: inline-block; margin-left: 8px; } .cbp-l-filters-work .cbp-filter-counter:before { content: '('; } .cbp-l-filters-work .cbp-filter-counter:after { content: ')'; } .cbp-l-filters-big { margin-bottom: 30px; text-align: center; } .cbp-l-filters-big .cbp-filter-item { color: #444; cursor: pointer; font: 400 15px/22px "Roboto", sans-serif; margin: 0 15px 10px 0; padding: 10px 23px; position: relative; display: inline-block; border: 1px solid transparent; text-transform: uppercase; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .cbp-l-filters-big .cbp-filter-item:hover { color: #888; } .cbp-l-filters-big .cbp-filter-item.cbp-filter-item-active { border-color: #d5d5d5; cursor: default; color: #444; } .cbp-l-filters-text { margin-bottom: 30px; text-align: center; font: 400 12px/21px "Lato", sans-serif; color: #DADADA; padding: 0 15px; } .cbp-l-filters-text .cbp-filter-item { color: #949494; cursor: pointer; font: 400 13px/21px "Lato", sans-serif; padding: 0 12px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: relative; overflow: visible; margin: 0 0 10px; display: inline-block; } .cbp-l-filters-text .cbp-filter-item:hover { color: #2D2C2C; } .cbp-l-filters-text .cbp-filter-item.cbp-filter-item-active { color: #2D2C2C; cursor: default; } .cbp-l-filters-text .cbp-filter-counter { background: none repeat scroll 0 0 #626161; border-radius: 3px; color: #FFFFFF; font: 400 11px/16px "Lato", sans-serif; margin: 0 auto; padding: 4px 0; text-align: center; width: 32px; position: absolute; bottom: 0; left: 0; right: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transition: all .25s ease; transition: all .25s ease; } .cbp-l-filters-text .cbp-filter-counter:after { content: ""; position: absolute; bottom: -4px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #626161; display: none; } .cbp-l-filters-text .cbp-filter-item:hover .cbp-filter-counter:after { display: block; } .cbp-l-filters-text .cbp-filter-item:hover .cbp-filter-counter { bottom: 30px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .cbp-l-filters-text-sort { display: inline-block; font: 400 13px/21px "Lato", sans-serif; color: #949494; margin-right: 15px; } .cbp-l-filters-underline { margin-bottom: 30px; } .cbp-l-filters-underline .cbp-filter-item { border-bottom: 3px solid transparent; cursor: pointer; font: 600 14px/21px "Open Sans", sans-serif; padding: 8px 10px; position: relative; overflow: visible; margin: 0 20px 10px 0; display: inline-block; color: #787878; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .cbp-l-filters-underline .cbp-filter-item:hover { color: #111; } .cbp-l-filters-underline .cbp-filter-item.cbp-filter-item-active { border-bottom-color: #666; color: #444; cursor: default; } .cbp-l-filters-underline .cbp-filter-counter { display: inline; } .cbp-animation-quicksand { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-quicksand .cbp-item { -webkit-transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; } .cbp-animation-quicksand .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-quicksand .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-quicksand .cbp-item-on2off .cbp-item-wrapper { -webkit-animation: quicksand-off .6s ease-out both; animation: quicksand-off .6s ease-out both; } .cbp-animation-quicksand .cbp-item-off2on .cbp-item-wrapper { -webkit-animation: quicksand-on .6s ease-out both; animation: quicksand-on .6s ease-out both; } @-webkit-keyframes quicksand-off { 100% { opacity: 0; -webkit-transform: scale3d(0, 0, 0); } } @keyframes quicksand-off { 100% { opacity: 0; transform: scale3d(0, 0, 0); } } @-webkit-keyframes quicksand-on { 0% { opacity: 0; -webkit-transform: scale3d(0, 0, 0); } } @keyframes quicksand-on { 0% { opacity: 0; transform: scale3d(0, 0, 0); } } .cbp-animation-boxShadow, .cbp-animation-fadeOut { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-boxShadow .cbp-item, .cbp-animation-fadeOut .cbp-item { -webkit-transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; } .cbp-animation-boxShadow .cbp-item, .cbp-animation-fadeOut .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-boxShadow .cbp-item-wrapper, .cbp-animation-fadeOut .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-boxShadow .cbp-item-on2off .cbp-item-wrapper, .cbp-animation-fadeOut .cbp-item-on2off .cbp-item-wrapper { -webkit-animation: fadeOut-off .6s ease-in-out both; animation: fadeOut-off .6s ease-in-out both; } .cbp-animation-boxShadow .cbp-item-off2on .cbp-item-wrapper, .cbp-animation-fadeOut .cbp-item-off2on .cbp-item-wrapper { -webkit-animation: fadeOut-on .6s ease-in-out both; animation: fadeOut-on .6s ease-in-out both; } @-webkit-keyframes fadeOut-off { 0% { opacity: 1; } 100%, 80% { opacity: 0; } } @keyframes fadeOut-off { 0% { opacity: 1; } 100%, 80% { opacity: 0; } } @-webkit-keyframes fadeOut-on { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeOut-on { 0% { opacity: 0; } 100% { opacity: 1; } } .cbp-animation-flipOut { -webkit-transition: height .7s ease-in-out; transition: height .7s ease-in-out; will-change: height; } .cbp-animation-flipOut .cbp-item { -webkit-transition: -webkit-transform .7s ease-in-out; transition: transform .7s ease-in-out; } .cbp-animation-flipOut .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-flipOut .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-flipOut .cbp-item-on2off .cbp-item-wrapper { -webkit-animation: flipOut-out .7s both ease-in; animation: flipOut-out .7s both ease-in; } .cbp-animation-flipOut .cbp-item-off2on .cbp-item-wrapper { -webkit-animation: flipOut-in .7s ease-out both; animation: flipOut-in .7s ease-out both; } @-webkit-keyframes flipOut-out { 100%, 50% { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: .2; } } @keyframes flipOut-out { 100%, 50% { transform: translateZ(-1000px) rotateY(-90deg); opacity: .2; } } @-webkit-keyframes flipOut-in { 0%, 50% { -webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: .2; } } @keyframes flipOut-in { 0%, 50% { transform: translateZ(-1000px) rotateY(90deg); opacity: .2; } } .cbp-animation-flipBottom { -webkit-transition: height .7s ease-in-out; transition: height .7s ease-in-out; will-change: height; } .cbp-animation-flipBottom .cbp-item { -webkit-transition: -webkit-transform .7s ease-in-out; transition: transform .7s ease-in-out; } .cbp-animation-flipBottom .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-flipBottom .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-flipBottom .cbp-item-on2off .cbp-item-wrapper { -webkit-animation: flipBottom-out .7s both ease-in; animation: flipBottom-out .7s both ease-in; } .cbp-animation-flipBottom .cbp-item-off2on .cbp-item-wrapper { -webkit-animation: flipBottom-in .7s ease-out both; animation: flipBottom-in .7s ease-out both; } @-webkit-keyframes flipBottom-out { 100%, 50% { -webkit-transform: translateZ(-1000px) rotateX(-90deg); opacity: .2; } } @keyframes flipBottom-out { 100%, 50% { transform: translateZ(-1000px) rotateX(-90deg); opacity: .2; } } @-webkit-keyframes flipBottom-in { 0%, 50% { -webkit-transform: translateZ(-1000px) rotateX(90deg); opacity: .2; } } @keyframes flipBottom-in { 0%, 50% { transform: translateZ(-1000px) rotateX(90deg); opacity: .2; } } .cbp-animation-scaleSides { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-scaleSides .cbp-item { -webkit-transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; } .cbp-animation-scaleSides .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-scaleSides .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-scaleSides .cbp-item-on2off .cbp-item-wrapper { -webkit-animation: scaleSides-out .9s ease both; animation: scaleSides-out .9s ease both; } .cbp-animation-scaleSides .cbp-item-off2on .cbp-item-wrapper { -webkit-animation: scaleSides-in .9s ease both; animation: scaleSides-in .9s ease both; } @-webkit-keyframes scaleSides-out { 100%, 50% { -webkit-transform: scale(0.6); opacity: 0; } } @keyframes scaleSides-out { 100%, 50% { transform: scale(0.6); opacity: 0; } } @-webkit-keyframes scaleSides-in { 0%, 50% { -webkit-transform: scale(0.6); opacity: 0; } } @keyframes scaleSides-in { 0%, 50% { transform: scale(0.6); opacity: 0; } } .cbp-animation-skew { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-skew .cbp-item { -webkit-transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; } .cbp-animation-skew .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-skew .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-skew .cbp-item-on2off .cbp-item-wrapper { -webkit-animation: skew-off .6s ease-out both; animation: skew-off .6s ease-out both; } .cbp-animation-skew .cbp-item-off2on .cbp-item-wrapper { -webkit-animation: skew-on .6s ease-out both; animation: skew-on .6s ease-out both; } @-webkit-keyframes skew-off { 100% { opacity: 0; -webkit-transform: scale3d(0, 0, 0) skew(20deg, 0); } } @keyframes skew-off { 100% { opacity: 0; transform: scale3d(0, 0, 0) skew(20deg, 0); } } @-webkit-keyframes skew-on { 0% { opacity: 0; -webkit-transform: scale3d(0, 0, 0) skew(0, 20deg); } } @keyframes skew-on { 0% { opacity: 0; transform: scale3d(0, 0, 0) skew(0, 20deg); } } .cbp-animation-fadeOutTop { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-fadeOutTop .cbp-wrapper-outer { overflow: visible; } .cbp-animation-fadeOutTop .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; overflow: visible; } .cbp-animation-fadeOutTop .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-fadeOutTop .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: fadeOutTop-out .6s both ease-in-out; animation: fadeOutTop-out .6s both ease-in-out; } .cbp-animation-fadeOutTop .cbp-wrapper .cbp-item-wrapper { -webkit-animation: fadeOutTop-in .6s both ease-in-out; animation: fadeOutTop-in .6s both ease-in-out; } @-webkit-keyframes fadeOutTop-out { 0% { -webkit-transform: translateY(0); opacity: 1; } 100%, 50% { -webkit-transform: translateY(-30px); opacity: 0; } } @keyframes fadeOutTop-out { 0% { transform: translateY(0); opacity: 1; } 100%, 50% { transform: translateY(-30px); opacity: 0; } } @-webkit-keyframes fadeOutTop-in { 0%, 50% { -webkit-transform: translateY(-30px); opacity: 0; } 100% { -webkit-transform: translateY(0); opacity: 1; } } @keyframes fadeOutTop-in { 0%, 50% { transform: translateY(-30px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .cbp-animation-slideLeft { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-slideLeft .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-slideLeft .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-slideLeft .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: slideLeft-out .8s both ease-in-out; animation: slideLeft-out .8s both ease-in-out; } .cbp-animation-slideLeft .cbp-wrapper .cbp-item-wrapper { -webkit-animation: slideLeft-in .8s both ease-in-out; animation: slideLeft-in .8s both ease-in-out; } @-webkit-keyframes slideLeft-out { 0% { opacity: 1; transform: scale(1); } 25% { opacity: .75; -webkit-transform: scale(0.8); } 75% { opacity: .75; -webkit-transform: scale(0.8) translateX(-200%); } 100% { opacity: .75; -webkit-transform: scale(0.8) translateX(-200%); } } @keyframes slideLeft-out { 0% { opacity: 1; transform: scale(1); } 25% { opacity: .75; transform: scale(0.8); } 75% { opacity: .75; transform: scale(0.8) translateX(-200%); } 100% { opacity: .75; transform: scale(0.8) translateX(-200%); } } @-webkit-keyframes slideLeft-in { 0%, 25% { opacity: .75; -webkit-transform: scale(0.8) translateX(200%); } 75% { opacity: .75; -webkit-transform: scale(0.8); } 100% { opacity: 1; -webkit-transform: scale(1) translateX(0); } } @keyframes slideLeft-in { 0%, 25% { opacity: .75; transform: scale(0.8) translateX(200%); } 75% { opacity: .75; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1) translateX(0); } } .cbp-animation-sequentially { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-sequentially .cbp-wrapper-outer { overflow: visible; } .cbp-animation-sequentially .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; overflow: visible; } .cbp-animation-sequentially .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-sequentially .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: fadeOutTop-out .6s both ease; animation: fadeOutTop-out .6s both ease; } .cbp-animation-sequentially .cbp-wrapper .cbp-item-wrapper { -webkit-animation: fadeOutTop-in .6s both ease-out; animation: fadeOutTop-in .6s both ease-out; } .cbp-animation-3dflip { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-3dflip .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-3dflip .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-3dflip .cbp-wrapper-helper .cbp-item-wrapper { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation: flip-out .6s both ease-in-out; animation: flip-out .6s both ease-in-out; } .cbp-animation-3dflip .cbp-wrapper .cbp-item-wrapper { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: flip-in .6s both ease-in-out; animation: flip-in .6s both ease-in-out; } @-webkit-keyframes flip-out { 100% { opacity: 0; -webkit-transform: rotateY(90deg); } } @keyframes flip-out { 100% { opacity: 0; transform: rotateY(90deg); } } @-webkit-keyframes flip-in { 0% { opacity: 0; -webkit-transform: rotateY(-90deg); } 100% { opacity: 1; -webkit-transform: rotateY(0deg); } } @keyframes flip-in { 0% { opacity: 0; transform: rotateY(-90deg); } 100% { opacity: 1; transform: rotateY(0deg); } } .cbp-animation-flipOutDelay { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-flipOutDelay .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-flipOutDelay .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-flipOutDelay .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: flipOut-out 1s both ease-in; animation: flipOut-out 1s both ease-in; } .cbp-animation-flipOutDelay .cbp-wrapper .cbp-item-wrapper { -webkit-animation: flipOut-in 1s both ease-out; animation: flipOut-in 1s both ease-out; } .cbp-animation-slideDelay { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-slideDelay .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-slideDelay .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-slideDelay .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: slideDelay-out .5s both ease-in-out; animation: slideDelay-out .5s both ease-in-out; } .cbp-animation-slideDelay .cbp-wrapper .cbp-item-wrapper { -webkit-animation: slideDelay-in .5s both ease-in-out; animation: slideDelay-in .5s both ease-in-out; } @-webkit-keyframes slideDelay-out { 100% { -webkit-transform: translateX(-100%); } } @keyframes slideDelay-out { 100% { transform: translateX(-100%); } } @-webkit-keyframes slideDelay-in { 0% { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(0); } } @keyframes slideDelay-in { 0% { transform: translateX(100%); } 100% { transform: translateX(0); } } .cbp-animation-rotateSides { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-rotateSides .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-rotateSides .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-rotateSides .cbp-wrapper-helper .cbp-item-wrapper { -webkit-transform-origin: -50% 50%; -webkit-animation: rotateSides-out .5s both ease-in; transform-origin: -50% 50%; animation: rotateSides-out .5s both ease-in; } .cbp-animation-rotateSides .cbp-wrapper .cbp-item-wrapper { -webkit-transform-origin: 150% 50%; -webkit-animation: rotateSides-in .6s both ease-out; transform-origin: 150% 50%; animation: rotateSides-in .6s both ease-out; } @-webkit-keyframes rotateSides-out { 100% { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(90deg); } } @keyframes rotateSides-out { 100% { opacity: 0; transform: translateZ(-500px) rotateY(90deg); } } @-webkit-keyframes rotateSides-in { 0% { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(-90deg); } 40% { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(-90deg); } } @keyframes rotateSides-in { 0% { opacity: 0; transform: translateZ(-500px) rotateY(-90deg); } 40% { opacity: 0; transform: translateZ(-500px) rotateY(-90deg); } } .cbp-animation-foldLeft { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-foldLeft .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-foldLeft .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-foldLeft .cbp-wrapper-helper .cbp-item-wrapper { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: foldLeft-out .7s both ease; animation: foldLeft-out .7s both ease; } .cbp-animation-foldLeft .cbp-wrapper .cbp-item-wrapper { -webkit-animation: foldLeft-in .7s both ease; animation: foldLeft-in .7s ease both; } @-webkit-keyframes foldLeft-out { 100% { opacity: 0; -webkit-transform: translateX(-100%) rotateY(-90deg); } } @keyframes foldLeft-out { 100% { opacity: 0; transform: translateX(-100%) rotateY(-90deg); } } @-webkit-keyframes foldLeft-in { 0% { opacity: .3; -webkit-transform: translateX(100%); } } @keyframes foldLeft-in { 0% { opacity: .3; transform: translateX(100%); } } .cbp-animation-unfold { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-unfold .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-unfold .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-unfold .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: unfold-out .8s ease both; animation: unfold-out .8s ease both; } .cbp-animation-unfold .cbp-wrapper .cbp-item-wrapper { -webkit-transform-origin: 0 50%; -webkit-animation: unfold-in .8s both ease; transform-origin: 0 50%; animation: unfold-in .8s both ease; } @-webkit-keyframes unfold-out { 90% { opacity: .3; } 100% { opacity: 0; -webkit-transform: translateX(-100%); } } @keyframes unfold-out { 90% { opacity: .3; } 100% { opacity: 0; transform: translateX(-100%); } } @-webkit-keyframes unfold-in { 0% { opacity: 0; -webkit-transform: translateX(100%) rotateY(90deg); } } @keyframes unfold-in { 0% { opacity: 0; transform: translateX(100%) rotateY(90deg); } } .cbp-animation-scaleDown { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-scaleDown .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-scaleDown .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-scaleDown .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: scaleDown-out .7s ease both; animation: scaleDown-out .7s ease both; } .cbp-animation-scaleDown .cbp-wrapper .cbp-item-wrapper { -webkit-animation: scaleDown-in .6s ease both; animation: scaleDown-in .6s ease both; } @-webkit-keyframes scaleDown-out { 100% { opacity: 0; -webkit-transform: scale(0.8); } } @keyframes scaleDown-out { 100% { opacity: 0; transform: scale(0.8); } } @-webkit-keyframes scaleDown-in { 0% { -webkit-transform: translateX(100%); } } @keyframes scaleDown-in { 0% { transform: translateX(100%); } } .cbp-animation-frontRow { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-frontRow .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-frontRow .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-frontRow .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: frontRow-out .7s both ease; animation: frontRow-out .7s both ease; } .cbp-animation-frontRow .cbp-wrapper .cbp-item-wrapper { -webkit-animation: frontRow-in .6s both ease; animation: frontRow-in .6s both ease; } @-webkit-keyframes frontRow-out { 100% { -webkit-transform: translateX(-60%) scale(0.8); opacity: 0; } } @keyframes frontRow-out { 100% { transform: translateX(-60%) scale(0.8); opacity: 0; } } @-webkit-keyframes frontRow-in { 0% { -webkit-transform: translateX(100%) scale(0.8); } 100% { opacity: 1; -webkit-transform: translateX(0%) scale(1); } } @keyframes frontRow-in { 0% { transform: translateX(100%) scale(0.8); } 100% { opacity: 1; transform: translateX(0%) scale(1); } } .cbp-animation-rotateRoom { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-rotateRoom .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-rotateRoom .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-rotateRoom .cbp-wrapper-helper .cbp-item-wrapper { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: rotateRoom-out .8s both ease; animation: rotateRoom-out .8s both ease; } .cbp-animation-rotateRoom .cbp-wrapper .cbp-item-wrapper { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation: rotateRoom-in .8s both ease; animation: rotateRoom-in .8s both ease; } @-webkit-keyframes rotateRoom-out { 90% { opacity: .3; } 100% { opacity: 0; -webkit-transform: translateX(-100%) rotateY(90deg); } } @keyframes rotateRoom-out { 90% { opacity: .3; } 100% { opacity: 0; transform: translateX(-100%) rotateY(90deg); } } @-webkit-keyframes rotateRoom-in { 0% { opacity: .3; -webkit-transform: translateX(100%) rotateY(-90deg); } } @keyframes rotateRoom-in { 0% { opacity: .3; transform: translateX(100%) rotateY(-90deg); } } .cbp-animation-bounceBottom { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-bounceBottom .cbp-wrapper-helper { -webkit-animation: bounceBottom-out .6s both ease-in-out; animation: bounceBottom-out .6s both ease-in-out; } .cbp-animation-bounceBottom .cbp-wrapper { -webkit-animation: bounceBottom-in .6s both ease-in-out; animation: bounceBottom-in .6s both ease-in-out; } @-webkit-keyframes bounceBottom-out { 100% { -webkit-transform: translateY(100%); opacity: 0; } } @keyframes bounceBottom-out { 100% { transform: translateY(100%); opacity: 0; } } @-webkit-keyframes bounceBottom-in { 0% { -webkit-transform: translateY(100%); opacity: 0; } 100% { -webkit-transform: translateY(0); opacity: 1; } } @keyframes bounceBottom-in { 0% { transform: translateY(100%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .cbp-animation-bounceLeft { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-bounceLeft .cbp-wrapper-helper { -webkit-animation: bounceLeft-out .6s both ease-in-out; animation: bounceLeft-out .6s both ease-in-out; } .cbp-animation-bounceLeft .cbp-wrapper { -webkit-animation: bounceLeft-in .6s both ease-in-out; animation: bounceLeft-in .6s both ease-in-out; } @-webkit-keyframes bounceLeft-out { 100% { -webkit-transform: translateX(-100%); opacity: 0; } } @keyframes bounceLeft-out { 100% { transform: translateX(-100%); opacity: 0; } } @-webkit-keyframes bounceLeft-in { 0% { -webkit-transform: translateX(-100%); opacity: 0; } 100% { -webkit-transform: translateX(0); opacity: 1; } } @keyframes bounceLeft-in { 0% { transform: translateX(-100%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } .cbp-animation-bounceTop { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-bounceTop .cbp-wrapper-helper { -webkit-animation: bounceTop-out .6s both ease-in-out; animation: bounceTop-out .6s both ease-in-out; } .cbp-animation-bounceTop .cbp-wrapper { -webkit-animation: bounceTop-in .6s both ease-in-out; animation: bounceTop-in .6s both ease-in-out; } @-webkit-keyframes bounceTop-out { 100% { -webkit-transform: translateY(-100%); opacity: 0; } } @keyframes bounceTop-out { 100% { transform: translateY(-100%); opacity: 0; } } @-webkit-keyframes bounceTop-in { 0% { -webkit-transform: translateY(-100%); opacity: 0; } 100% { -webkit-transform: translateY(0); opacity: 1; } } @keyframes bounceTop-in { 0% { transform: translateY(-100%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .cbp-animation-moveLeft { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-moveLeft .cbp-wrapper-helper { -webkit-animation: moveLeft-out .6s both ease-in-out; animation: moveLeft-out .6s both ease-in-out; } .cbp-animation-moveLeft .cbp-wrapper { -webkit-animation: moveLeft-in .6s both ease-in-out; animation: moveLeft-in .6s both ease-in-out; } @-webkit-keyframes moveLeft-out { 100% { -webkit-transform: translateX(-100%); opacity: 0; } } @keyframes moveLeft-out { 100% { transform: translateX(-100%); opacity: 0; } } @-webkit-keyframes moveLeft-in { 0% { -webkit-transform: translateX(100%); opacity: 0; } 100% { -webkit-transform: translateX(0); opacity: 1; } } @keyframes moveLeft-in { 0% { transform: translateX(100%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } .cbp-displayType-bottomToTop { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-displayType-bottomToTop .cbp-item { -webkit-animation: fadeInBottomToTop .3s both ease-in; animation: fadeInBottomToTop .3s both ease-in; } @-webkit-keyframes fadeInBottomToTop { 0% { opacity: 0; -webkit-transform: translateY(50px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInBottomToTop { 0% { opacity: 0; transform: translateY(50px); } 100% { opacity: 1; transform: translateY(0); } } .cbp-displayType-fadeIn { -webkit-animation: fadeIn .5s both ease-in; animation: fadeIn .5s both ease-in; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .cbp-displayType-fadeInToTop { -webkit-perspective: 1000px; perspective: 1000px; -webkit-animation: fadeInToTop .5s both ease-in; animation: fadeInToTop .5s both ease-in; } @-webkit-keyframes fadeInToTop { 0% { opacity: 0; -webkit-transform: translateY(30px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInToTop { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0); } } .cbp-displayType-sequentially .cbp-item { -webkit-animation: fadeIn .5s both ease-in; animation: fadeIn .5s both ease-in; } .cbp-lightbox img { display: block; border: 0; width: 100%; height: auto; } .cbp-popup-ie8bg { position: absolute; width: 100%; height: 100%; min-height: 100%; top: 0; left: 0; z-index: -1; background: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .cbp-popup-wrap { height: 100%; text-align: center; position: fixed; width: 100%; left: 0; top: 0; display: none; overflow-y: hidden; -webkit-overflow-scrolling: touch; overflow-x: hidden; z-index: 9990; padding: 0 10px; } .cbp-popup-wrap video { outline: 0 none; } .cbp-popup-lightbox { background: rgba(0,0,0,0.8); display: flex; justify-content: center; align-items: center; } .cbp-popup-singlePage { background: #fff; padding: 0; } .cbp-popup-wrap:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .cbp-popup-content { position: relative; display: inline-block; vertical-align: middle; text-align: left; max-width: 100%; } .cbp-popup-singlePage .cbp-popup-content { position: relative; z-index: 1; margin-top: 145px; max-width: 1024px; vertical-align: top; width: 94%; } .cbp-popup-singlePage .cbp-popup-content-basic { position: relative; z-index: 1; margin-top: 104px; vertical-align: top; width: 100%; display: inline-block; text-align: left; } .cbp-popup-lightbox-figure { position: relative; } .cbp-popup-lightbox-bottom { left: 0; position: absolute; top: 100%; width: 100%; margin-top: 3px; } .cbp-popup-lightbox-title { padding-right: 70px; font: 400 12px/18px "Open Sans", sans-serif; color: #eee; } .cbp-popup-lightbox-counter { position: absolute; top: 0; right: 0; font: 400 12px/18px "Open Sans", sans-serif; color: #eee; } .cbp-popup-lightbox-img { width: auto; max-width: 100%; height: auto; display: block; margin: 40px 0; box-shadow: 0 0 8px rgba(0,0,0,0.6); } .cbp-popup-lightbox-img[data-action] { cursor: pointer; } .cbp-popup-lightbox-isIframe .cbp-popup-content { width: 75%; } @media only screen and (max-width: 768px) { .cbp-popup-lightbox-isIframe .cbp-popup-content { width: 95%; } } .cbp-popup-lightbox-isIframe .cbp-lightbox-bottom { left: 0; position: absolute; top: 100%; width: 100%; margin-top: 3px; } .cbp-popup-lightbox-iframe { position: relative; height: 0; padding-bottom: 56.25%; background: #000; } .cbp-popup-lightbox-iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0,0,0,0.6); } .cbp-popup-lightbox-iframe audio { margin-top: 27%; } .cbp-popup-singlePage .cbp-popup-navigation-wrap { position: absolute; top: 0; left: 0; width: 100%; z-index: 9990; height: 104px; background-color: #3D4750; } .cbp-popup-singlePage .cbp-popup-navigation { position: relative; width: 100%; height: 100%; } .cbp-popup-singlePage-sticky .cbp-popup-navigation-wrap { position: fixed; top: 0 !important; } .cbp-popup-singlePage-counter { color: #fff; position: absolute; margin: auto; right: 40px; top: 0; bottom: 0; font: 400 13px/30px "Open Sans", sans-serif; height: 30px; } @media only screen and (max-width: 768px) { .cbp-popup-singlePage-counter { right: 3%; } } .cbp-popup-close, .cbp-popup-next, .cbp-popup-prev { padding: 0; border: medium none; position: absolute; cursor: pointer; outline: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cbp-popup-lightbox .cbp-popup-close, .cbp-popup-lightbox .cbp-popup-next, .cbp-popup-lightbox .cbp-popup-prev { visibility: hidden; } .cbp-popup-ready.cbp-popup-lightbox .cbp-popup-close, .cbp-popup-ready.cbp-popup-lightbox .cbp-popup-next, .cbp-popup-ready.cbp-popup-lightbox .cbp-popup-prev { visibility: visible; } .cbp-popup-lightbox .cbp-popup-prev { background: url("../img/cbp-sprite.png") no-repeat scroll 0 0 transparent; width: 44px; height: 44px; top: 0; bottom: 0; left: 20px; margin: auto; } .cbp-popup-lightbox .cbp-popup-prev:hover { background-position: 0 -46px; } .cbp-popup-singlePage .cbp-popup-prev { background: url("../img/cbp-sprite.png") no-repeat scroll 0 -92px transparent; width: 44px; height: 44px; margin: auto; top: 0; right: 108px; bottom: 0; left: 0; } .cbp-popup-singlePage .cbp-popup-prev:hover { background-position: 0 -138px; } .cbp-popup-lightbox .cbp-popup-next { background: url("../img/cbp-sprite.png") no-repeat scroll -46px 0 transparent; width: 44px; height: 44px; top: 0; bottom: 0; right: 20px; margin: auto; } .cbp-popup-lightbox .cbp-popup-next:hover { background-position: -46px -46px; } .cbp-popup-singlePage .cbp-popup-next { background: url("../img/cbp-sprite.png") no-repeat scroll -46px -92px transparent; width: 44px; height: 44px; margin: auto; top: 0; right: 0; bottom: 0; left: 108px; } .cbp-popup-singlePage .cbp-popup-next:hover { background-position: -46px -138px; } .cbp-popup-lightbox .cbp-popup-close { background: url("../img/cbp-sprite.png") no-repeat scroll -92px 0 transparent; height: 40px; width: 40px; right: 20px; top: 20px; } .cbp-popup-lightbox .cbp-popup-close:hover { background-position: -92px -46px; } .cbp-popup-singlePage .cbp-popup-close { background: url("../img/cbp-sprite.png") no-repeat scroll -92px -92px transparent; height: 44px; width: 44px; margin: auto; top: 0; right: 0; bottom: 0; left: 0; } .cbp-popup-singlePage .cbp-popup-close:hover { background-position: -92px -138px; } .cbp-popup-singlePage .cbp-popup-ie8bg { background-color: #fff; } @media only screen and (max-width: 360px), (max-height: 600px) { .cbp-popup-close, .cbp-popup-next, .cbp-popup-prev { -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); } .cbp-popup-lightbox .cbp-popup-close { right: 10px; top: 10px; } .cbp-popup-lightbox .cbp-popup-next { right: 10px; } .cbp-popup-lightbox .cbp-popup-prev { left: 10px; } .cbp-popup-singlePage .cbp-popup-navigation-wrap { height: 84px; } .cbp-popup-singlePage .cbp-popup-content { margin-top: 120px; } } .cbp-popup-loadingBox { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .cbp-popup-lightbox .cbp-popup-loadingBox:after { border-left: 3px solid rgba(255,255,255,0.3); border-right: 3px solid rgba(255,255,255,0.3); border-bottom: 3px solid rgba(255,255,255,0.3); border-top: 3px solid rgba(255,255,255,0.85); } .cbp-popup-ready .cbp-popup-loadingBox { visibility: hidden; display: none; } .cbp-popup-loading .cbp-popup-loadingBox { visibility: visible; display: block; } .cbp-popup-transitionend { overflow-y: scroll; } .cbp-popup-singlePage { left: 100%; -webkit-transition: left .6s ease-in-out; transition: left .6s ease-in-out; } .cbp-popup-singlePage.cbp-popup-loading .cbp-popup-content { opacity: 0; } .cbp-popup-singlePage-open { left: 0; } .cbp-popup-singlePage.cbp-popup-singlePage-fade { left: 0; opacity: 0; -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; } .cbp-popup-singlePage-open.cbp-popup-singlePage-fade { opacity: 1; } .cbp-popup-singlePage.cbp-popup-singlePage-right { left: -100%; -webkit-transition: left .6s ease-in-out; transition: left .6s ease-in-out; } .cbp-popup-singlePage-open.cbp-popup-singlePage-right { left: 0; } .cbp-l-project-title { color: #454444; font: 600 42px/46px "Open Sans", sans-serif; letter-spacing: 2px; margin-bottom: 15px; text-align: center; text-transform: uppercase; } .cbp-l-project-subtitle { color: #787878; font: 400 14px/21px "Open Sans", sans-serif; margin: 0 auto 50px; max-width: 500px; text-align: center; } .cbp-popup-singlePage .cbp-popup-content .cbp-l-project-img { display: block; margin: 0 auto; max-width: 100%; } .cbp-l-project-container { overflow: hidden; margin: 40px auto 0; clear: both; } .cbp-l-project-desc { float: left; width: 62%; } .cbp-l-project-details { float: right; width: 38%; padding-left: 60px; margin-bottom: 15px; } @media only screen and (max-width: 768px) { .cbp-l-project-title { font-size: 30px; line-height: 34px; } .cbp-l-project-desc { width: 100%; } .cbp-l-project-details { width: 100%; margin-top: 20px; padding-left: 0; } } .cbp-l-project-desc-title { border-bottom: 1px solid #cdcdcd; margin-bottom: 22px; color: #444; } .cbp-l-project-desc-title span, .cbp-l-project-details-title span { border-bottom: 1px solid #747474; display: inline-block; margin: 0 0 -1px; font: 400 16px/36px "Open Sans", sans-serif; padding: 0 5px 0 0; } .cbp-l-project-desc-text { font: 400 13px/20px "Open Sans", sans-serif; color: #555; margin-bottom: 20px; } .cbp-l-project-details-title { border-bottom: 1px solid #cdcdcd; margin-bottom: 19px; color: #444; } .cbp-l-project-details-list { margin: 0; padding: 0; list-style: none; } .cbp-l-project-details-list > div, .cbp-l-project-details-list > li { border-bottom: 1px dotted #DFDFDF; padding: inherit; color: #666; font: 400 12px/30px "Open Sans", sans-serif; } .cbp-l-project-details-list > div:last-child, .cbp-l-project-details-list > li:last-child { border: none; } .cbp-l-project-details-list strong { display: inline-block; color: #696969; font-weight: 600; min-width: 100px; } .cbp-l-project-details-visit { color: #FFFFFF; float: right; clear: both; text-decoration: none; font: 400 11px/18px "Open Sans", sans-serif; margin-top: 25px; background-color: #62B57B; padding: 8px 19px; text-transform: uppercase; letter-spacing: .5px; } .cbp-l-project-details-visit:hover { opacity: .9; color: #fff; } .cbp-l-project-related-wrap { font-size: 0; margin: 0; padding: 0; } .cbp-l-project-related-item { margin-left: 5%; max-width: 30%; float: left; } .cbp-l-project-related-item:first-child { margin-left: 0; } .cbp-l-project-related-title { font: 700 14px/18px "Open Sans", sans-serif; color: #474747; margin-top: 20px; } .cbp-l-project-related-link { text-decoration: none; } .cbp-l-project-related-link:hover { opacity: .9; } .cbp-l-member-img { float: left; width: 40%; margin-top: 20px; } .cbp-l-member-img img { border: 1px solid #e2e2e2; width: auto; max-width: 100%; height: auto; display: inline-block; border: 0; } .cbp-l-member-info { margin-top: 20px; padding-left: 25px; float: left; width: 60%; } @media only screen and (max-width: 768px) { .cbp-l-member-img { width: 100%; text-align: center; } .cbp-l-member-info { width: 100%; padding-left: 0; } } .cbp-l-member-name { font: 400 28px/28px "Open Sans", sans-serif; color: #474747; } .cbp-l-member-position { font: 400 13px/21px "Open Sans", sans-serif; color: #888; margin-top: 6px; } .cbp-l-member-desc { font: 400 12px/18px "Open Sans", sans-serif; margin-top: 25px; color: #474747; } .cbp-popup-singlePageInline-open { -webkit-transition: height .5s ease 0s !important; transition: height .5s ease 0s !important; } .cbp-popup-singlePageInline-open .cbp-item { -webkit-transition: -webkit-transform .5s ease 0s !important; transition: transform .5s ease 0s !important; } .cbp-popup-singlePageInline-close .cbp-popup-singlePageInline:after { display: none; visibility: hidden; } .cbp-popup-singlePageInline-close .cbp-popup-singlePageInline .cbp-popup-content, .cbp-popup-singlePageInline-close .cbp-popup-singlePageInline .cbp-popup-navigation { -webkit-transition-delay: 0; transition-delay: 0; } .cbp-popup-singlePageInline { width: 100%; position: absolute; top: 0; left: 0; z-index: 0; overflow: hidden; } .cbp-popup-singlePageInline .cbp-popup-content { opacity: 0; width: 100%; z-index: 1; min-height: 300px; } .cbp-popup-singlePageInline .cbp-popup-content, .cbp-popup-singlePageInline .cbp-popup-navigation { -webkit-transition: opacity .4s ease-in .2s; transition: opacity .4s ease-in .2s; } .cbp-popup-singlePageInline .cbp-popup-navigation { opacity: 0; position: absolute; top: 0; right: 0; z-index: 2; width: 40px; height: 40px; } .cbp-popup-singlePageInline .cbp-popup-close { background: url("../img/cbp-sprite.png") no-repeat scroll -92px 0 transparent; height: 40px; width: 40px; right: 20px; top: 30px; } .cbp-popup-singlePageInline .cbp-popup-close:hover { opacity: .7; } .cbp-popup-singlePageInline-ready { z-index: 4; } .cbp-popup-singlePageInline-ready .cbp-popup-content, .cbp-popup-singlePageInline-ready .cbp-popup-navigation { opacity: 1; } .cbp-popup-singlePageInline-ready:after { display: none; visibility: hidden; } .cbp-singlePageInline-active { opacity: .6 !important; } .cbp-l-inline { margin: 20px 0; overflow: hidden; background: #FAFAFA; padding: 30px; } .cbp-l-inline-left { float: left; width: 44%; } .cbp-l-project-img { max-width: 100%; } .cbp-l-inline-right { float: right; width: 56%; padding-left: inherit; } @media only screen and (max-width: 768px) { .cbp-l-inline-left { width: 100%; text-align: center; margin-top: 40px; } .cbp-l-inline-right { width: 100%; padding-left: 0; margin-top: 20px; } } .cbp-l-inline-title { font: 400 28px/30px "Open Sans", sans-serif; color: #474747; } .cbp-l-inline-subtitle { font: 400 13px/21px "Open Sans", sans-serif; color: #888; margin-top: 7px; } .cbp-l-inline-desc { font: 400 13px/20px "Open Sans", sans-serif; color: #474747; margin-top: 25px; margin-bottom: 20px; } .cbp-l-inline-view-wrap { text-align: right; } .cbp-l-inline-view { font: 400 13px/35px "Open Sans", sans-serif; color: #9C9C9C; margin-top: 40px; display: inline-block; padding: 0 20px; border: 1px solid #ccc; text-decoration: none; } .cbp-l-inline-view:hover { color: #757575; } .cbp-l-inline-details { margin-bottom: 15px; font: 13px/22px "Open Sans", sans-serif; } .cbp-l-loadMore-button-defaultText, .cbp-l-loadMore-defaultText { display: block; } .cbp-l-loadMore-button-loadingText, .cbp-l-loadMore-button-noMoreLoading, .cbp-l-loadMore-loadingText, .cbp-l-loadMore-noMoreLoading { display: none; } .cbp-l-loadMore-loading .cbp-l-loadMore-button-loadingText, .cbp-l-loadMore-loading .cbp-l-loadMore-loadingText { display: block; } .cbp-l-loadMore-loading .cbp-l-loadMore-button-defaultText, .cbp-l-loadMore-loading .cbp-l-loadMore-button-noMoreLoading, .cbp-l-loadMore-loading .cbp-l-loadMore-defaultText, .cbp-l-loadMore-loading .cbp-l-loadMore-noMoreLoading { display: none; } .cbp-l-loadMore-stop .cbp-l-loadMore-button-noMoreLoading, .cbp-l-loadMore-stop .cbp-l-loadMore-noMoreLoading { display: block; } .cbp-l-loadMore-stop .cbp-l-loadMore-button-defaultText, .cbp-l-loadMore-stop .cbp-l-loadMore-button-loadingText, .cbp-l-loadMore-stop .cbp-l-loadMore-defaultText, .cbp-l-loadMore-stop .cbp-l-loadMore-loadingText { display: none; } .cbp-l-loadMore-bgbutton { text-align: center; } .cbp-l-loadMore-bgbutton .cbp-l-loadMore-link { border: 1px solid #DEDEDE; color: #7E7B7B; display: inline-block; font: 400 13px/40px "Lato", sans-serif; min-width: 80px; text-decoration: none; padding: 0 50px; margin-top: 50px; outline: 0; box-shadow: none; letter-spacing: 1px; -webkit-transition: color .25s; transition: color .25s; } .cbp-l-loadMore-bgbutton .cbp-l-loadMore-link.cbp-l-loadMore-loading, .cbp-l-loadMore-bgbutton .cbp-l-loadMore-link:hover { color: #B0B0B0; } .cbp-l-loadMore-bgbutton .cbp-l-loadMore-link.cbp-l-loadMore-stop { cursor: default; color: #B0B0B0; } .cbp-l-loadMore-button { text-align: center; } .cbp-l-loadMore-button .cbp-l-loadMore-button-link, .cbp-l-loadMore-button .cbp-l-loadMore-link { border: 1px solid #DEDEDE; color: #7E7B7B; display: inline-block; font: 400 12px/36px "Open Sans", sans-serif; min-width: 80px; text-decoration: none; padding: 0 30px; outline: 0; margin-top: 40px; box-shadow: none; -webkit-transition: color .25s; transition: color .25s; } .cbp-l-loadMore-button .cbp-l-loadMore-button-link:hover, .cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-loading, .cbp-l-loadMore-button .cbp-l-loadMore-link:hover { color: #B0B0B0; } .cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-button-stop, .cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-stop, .cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-stop { cursor: default; color: #B0B0B0; } .cbp-l-loadMore-text { text-align: center; } .cbp-l-loadMore-text .cbp-l-loadMore-link, .cbp-l-loadMore-text .cbp-l-loadMore-text-link { font: 400 15px "Open Sans", sans-serif; color: #7E7B7B; text-decoration: none; cursor: pointer; margin-top: 50px; display: block; } .cbp-l-loadMore-text .cbp-l-loadMore-stop, .cbp-l-loadMore-text .cbp-l-loadMore-text-stop { color: #B0B0B0; cursor: default; } .cbp-mode-slider { -webkit-transition: height .35s cubic-bezier(0.22, 0.6, 0.345, 1); transition: height .35s cubic-bezier(0.22, 0.6, 0.345, 1); } .cbp-mode-slider .cbp-item, .cbp-mode-slider .cbp-wrapper { -webkit-transition: -webkit-transform .35s cubic-bezier(0.22, 0.6, 0.345, 1); transition: transform .35s cubic-bezier(0.22, 0.6, 0.345, 1); } .cbp-mode-slider .cbp-wrapper { cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .cbp-mode-slider-dragStart * { cursor: move !important; cursor: -ms-grabbing !important; cursor: -webkit-grabbing !important; cursor: -moz-grabbing !important; cursor: grabbing !important; } .cbp-mode-slider-dragStart .cbp-wrapper { -webkit-transition: none; transition: none; } .cbp-nav-next, .cbp-nav-prev { position: relative; background: #7c8b90; cursor: pointer; display: inline-block; margin-left: 1px; height: 22px; width: 21px; } .cbp-nav-next { border-radius: 0 2px 2px 0; } .cbp-nav-prev { border-radius: 2px 0 0 2px; } .cbp-nav-next:hover, .cbp-nav-prev:hover { opacity: .8; } .cbp-nav-next:after, .cbp-nav-prev:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: url("../img/cbp-sprite.png") no-repeat; height: 10px; width: 7px; } .cbp-nav-next:after { background-position: -134px 0; } .cbp-nav-prev:after { background-position: -134px -12px; } .cbp-nav-stop { opacity: .5 !important; cursor: default !important; } .cbp-nav { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cbp-nav-controls { position: absolute; top: -51px; right: 0; z-index: 100; } .cbp-nav-pagination { position: absolute; bottom: -30px; right: 0; z-index: 100; left: 0; text-align: center; } .cbp-nav-pagination-item { position: relative; width: 10px; height: 10px; border-radius: 50%; margin: 0 4px; display: inline-block; cursor: pointer; background: #c2c2c2; -webkit-transition: background .5s; transition: background .5s; } .cbp-nav-pagination-active { background: #797979; } .cbp-pagination-item { max-width: 100px; display: inline-block; cursor: pointer; margin-top: 10px; margin-right: 5px; position: relative; } .cbp-pagination-item img { display: block; width: 100%; height: auto; border: 0; } .cbp-pagination-item:after { content: ''; position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); -webkit-transition: background .5s ease-in-out; transition: background .5s ease-in-out; } .cbp-pagination-active:after { background: transparent; } .cbp-slider-item, .cbp-slider-wrap { margin: 0; padding: 0; list-style-type: none; } .cbp-slider .cbp-nav-controls { position: static; } .cbp-slider .cbp-nav-next, .cbp-slider .cbp-nav-prev { background: transparent; position: absolute; margin: auto; top: 0; bottom: 0; z-index: 100; width: 44px; height: 44px; } .cbp-slider .cbp-nav-next { right: 25px; left: auto; } .cbp-slider .cbp-nav-prev { left: 25px; right: auto; } .cbp-slider .cbp-nav-next:after, .cbp-slider .cbp-nav-prev:after { background: url("../img/cbp-sprite.png") no-repeat; width: 44px; height: 44px; } .cbp-slider .cbp-nav-next:after { background-position: -46px -92px; } .cbp-slider .cbp-nav-next:hover:after { background-position: -46px -46px; } .cbp-slider .cbp-nav-prev:after { background-position: 0 -92px; } .cbp-slider .cbp-nav-prev:hover:after { background-position: 0 -46px; } .cbp-slider .cbp-nav-pagination { text-align: right; bottom: 20px; right: 25px; left: auto; } .cbp-slider-edge .cbp-nav-controls { position: static; } .cbp-slider-edge .cbp-nav-next, .cbp-slider-edge .cbp-nav-prev { background: transparent; position: absolute; margin: auto; top: 0; bottom: 0; z-index: 100; width: 44px; height: 44px; } .cbp-slider-edge .cbp-nav-next { right: -14px; left: auto; } .cbp-slider-edge .cbp-nav-prev { left: -14px; right: auto; } .cbp-slider-edge .cbp-nav-next:after, .cbp-slider-edge .cbp-nav-prev:after { background: url("../img/cbp-sprite.png") no-repeat; width: 9px; height: 16px; } .cbp-slider-edge .cbp-nav-next:after { background-position: -134px -24px; } .cbp-slider-edge .cbp-nav-prev:after { background-position: -134px -42px; } .cbp-slider-edge .cbp-nav-pagination { bottom: -50px; } .cbp-slider-edge .cbp-nav-pagination-item { border: 2px solid #0f0f0f; opacity: .4; background: transparent; } .cbp-slider-edge .cbp-nav-pagination-active { background: #000; } .cbp-slider-inline { position: relative; } .cbp-slider-inline .cbp-slider-item { position: absolute; width: 100%; top: 0; transition: left .5s ease; } .cbp-slider-inline .cbp-slider-item--active { position: relative; z-index: 2; } .cbp-slider-wrapper { position: relative; overflow: hidden; } .cbp-slider-controls { position: absolute; top: 0; right: 0; z-index: 100; opacity: 0; -webkit-transition: opacity .7s ease-in-out; transition: opacity .7s ease-in-out; } .cbp-slider-inline-ready .cbp-slider-controls { opacity: 1; } .cbp-slider-next, .cbp-slider-prev { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float: left; cursor: pointer; position: relative; width: 36px; height: 36px; background: #547EB1; } .cbp-slider-next { margin-left: 1px; } .cbp-slider-next:after, .cbp-slider-prev:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: url("../img/cbp-sprite.png") no-repeat; width: 9px; height: 16px; } .cbp-slider-next:after { background-position: -134px -60px; } .cbp-slider-prev:after { background-position: -134px -78px; } .cbp-l-grid-agency .cbp-caption:after { position: absolute; content: ''; width: 0; height: 0; border-bottom: 10px solid #fff; border-right: 10px solid transparent; border-left: 10px solid transparent; bottom: 0; left: 50%; margin-left: -5px; z-index: 1; } .cbp-l-grid-agency.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: scale(1.15); transform: scale(1.15); } .cbp-l-grid-agency-title { margin-top: 18px; font: 700 17px/24px "Lato", sans-serif; color: #666; text-align: center; } .cbp-item:hover .cbp-l-grid-agency-title { color: #222; } .cbp-l-grid-agency-desc { font: 400 12px/21px "Open Sans", sans-serif; color: #aaa; text-align: center; } .cbp-l-grid-work.cbp-caption-zoom .cbp-caption-activeWrap { background-color: rgba(0,0,0,0.7); } .cbp-l-grid-work .cbp-item { padding: 3px; } .cbp-l-grid-work .cbp-item-wrapper { background-color: #fff; box-shadow: 0 1px 1px rgba(0,0,0,0.2); padding: 7px 7px 27px; border-top: 1px solid #F4F4F4; } .cbp-l-grid-work-title { margin-top: 17px; font: 400 17px/25px "Roboto Condensed", sans-serif; color: #607D8B; text-align: center; text-transform: uppercase; display: block; } .cbp-l-grid-work-title:hover { color: #365D67; } .cbp-l-grid-work-desc { font: 400 11px/16px "Open Sans", sans-serif; color: #888888; text-align: center; text-transform: uppercase; } .cbp-l-grid-blog-title { font: 400 18px/30px "Open Sans", sans-serif; color: #444; display: block; margin-top: 17px; } .cbp-l-grid-blog-title:hover { color: #787878; } .cbp-l-grid-blog-date { font: 400 12px/18px "Open Sans", sans-serif; color: #787878; display: inline-block; } .cbp-l-grid-blog-comments { font: 400 12px/18px "Open Sans", sans-serif; color: #3C6FBB; display: inline-block; } .cbp-l-grid-blog-comments:hover { opacity: .8; } .cbp-l-grid-blog-desc { font: 400 13px/18px "Open Sans", sans-serif; color: #9B9B9B; margin-top: 9px; } .cbp-l-grid-blog-split { margin: 0 4px; font: 400 13px/16px "Open Sans", sans-serif; color: #787878; display: inline-block; } .cbp-l-grid-clients { height: 180px; } .cbp-l-clients-title-block { font: 400 32px/53px "Roboto", sans-serif; color: #666464; text-align: center; margin-bottom: 40px; } .cbp-l-grid-faq .cbp-item { width: 100%; } .cbp-l-grid-projects-title { font: 700 14px/21px "Open Sans", sans-serif; color: #474747; margin-top: 15px; } .cbp-l-grid-projects-desc { font: 400 12px/18px "Open Sans", sans-serif; color: #888888; margin-top: 5px; } .cbp-l-grid-masonry-projects .cbp-caption-activeWrap { background-color: #59a3b6; background-color: rgba(89,163,182,0.95); } .cbp-l-grid-masonry-projects .cbp-l-caption-buttonLeft, .cbp-l-grid-masonry-projects .cbp-l-caption-buttonRight { background-color: #545454; } .cbp-l-grid-masonry-projects-title { font: 500 15px/22px "Roboto", sans-serif; color: #59a3b6; text-align: center; display: block; margin-top: 12px; } .cbp-l-grid-masonry-projects-title:hover { color: #457C8B; } .cbp-l-grid-masonry-projects-desc { font: 400 12px/18px "Roboto", sans-serif; color: #b2b2b2; text-align: center; } .cbp-l-grid-team-name { font: 400 17px/24px "Open Sans", sans-serif; color: #456297; display: block; text-align: center; margin-top: 18px; } .cbp-l-grid-team-name:hover { color: #34425C; } .cbp-l-grid-team-position { font: italic 400 13px/21px "Open Sans", sans-serif; color: #999; text-align: center; } .cbp-l-grid-mosaic-flat .cbp-caption-activeWrap { background-color: #64C28E; background-color: rgba(101,199,150,0.95); } .cbp-l-grid-mosaic-flat .cbp-l-caption-title { color: #FFFFFF; font: 400 14px/21px "Lato", sans-serif; text-transform: uppercase; letter-spacing: 2px; display: inline-block; } .cbp-l-grid-mosaic-flat .cbp-l-caption-title:after { content: ''; display: block; width: 40%; height: 1px; background-color: #fff; margin: 8px auto 0; } .cbp-l-grid-mosaic-projects .cbp-caption-activeWrap { background-color: #59a3b6; background-color: rgba(89,163,182,0.97); } .cbp-l-grid-mosaic .cbp-caption-activeWrap { background-color: #FFEA71; background-color: rgba(255,234,113,0.95); } .cbp-l-grid-mosaic .cbp-l-caption-title { color: #5A5A5A; font: 500 18px/22px "Roboto", sans-serif; text-transform: uppercase; margin-bottom: 5px; } .cbp-l-grid-mosaic .cbp-l-caption-desc { color: #585858; font: 400 13px/20px "Roboto", sans-serif; } .cbp-l-slider-title-block { border-bottom: 1px solid #cdcdcd; margin-bottom: 22px; } .cbp-l-slider-title-block div { padding: 0 2px 6px 0; display: inline-block; border-bottom: 1px solid #a9a5a5; color: #5e5e5e; margin-bottom: -1px; font: 15px/21px "Roboto", sans-serif; } .cbp-l-grid-slider-team-name { float: left; font: 20px/30px "Roboto", sans-serif; color: #494949; margin-top: 16px; } .cbp-l-grid-slider-team-position { clear: both; font: 14px/21px "Roboto", sans-serif; color: #A6A6A6; } .cbp-l-grid-slider-team-desc { font: 13px/20px "Roboto", sans-serif; color: #969696; margin-top: 15px; } .cbp-l-grid-slider-team-social { float: right; margin-top: 22px; } .cbp-l-grid-slider-team-social a { margin-left: 4px; } .cbp-l-grid-slider-team-social a:hover { opacity: .8; } .cbp-l-slider-testimonials-wrap { background: #f8f9f9; padding: 80px 0 110px; border-width: 1px 0; border-style: solid; border-color: #dce1e2; } .cbp-l-grid-slider-testimonials-body { color: #424242; max-width: 800px; margin: 0 auto; font: 20px/32px sans-serif; text-align: center; padding: 0 20px; } .cbp-l-grid-slider-testimonials-footer { font: 12px/19px "Roboto", sans-serif; color: #777; text-align: center; margin-bottom: 10px; margin-top: 30px; } .cbp-l-grid-tabs { height: 100px; } .cbp-l-grid-tabs .cbp-item { font: 14px/24px "Lato", sans-serif; max-width: 700px; width: 100%; margin: 0 auto; right: 0; text-align: center; color: #5a5a5a; } .cbp-l-testimonials-title-block { position: relative; text-align: center; font: 26px/36px "Roboto", sans-serif; color: #E7E7E7; margin-bottom: 60px; } .cbp-l-testimonials-title-block:after { content: ''; position: absolute; margin: 0 auto; width: 23px; height: 2px; bottom: -6px; background-color: #C2C2C2; left: 0; right: 0; } .cbp-l-testimonials-wrap { background: #2D2D2D; padding: 60px 0 110px; } .cbp-l-grid-testimonials-body { color: #e7e7e7; max-width: 800px; margin: 0 auto; font: 20px/32px "Roboto", sans-serif; text-align: center; padding: 0 20px; } .cbp-l-grid-testimonials-footer { font: 12px/19px "Roboto", sans-serif; color: #C2C2C2; text-align: center; margin-bottom: 40px; margin-top: 35px; } .cbp-search { position: relative; width: 220px; margin-bottom: 40px; } .cbp-search .cbp-search-nothing { display: none; } .cbp-search-icon { position: absolute; width: 32px; height: 100%; top: 0; right: 0; text-align: center; cursor: pointer; pointer-events: none; } .cbp-search-icon:after { content: ''; display: block; background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzczNzM3MyIgZD0iTTEyMTYgODMycTAtMTg1LTEzMS41LTMxNi41VDc2OCAzODQgNDUxLjUgNTE1LjUgMzIwIDgzMnQxMzEuNSAzMTYuNVQ3NjggMTI4MHQzMTYuNS0xMzEuNVQxMjE2IDgzMnptNTEyIDgzMnEwIDUyLTM4IDkwdC05MCAzOHEtNTQgMC05MC0zOGwtMzQzLTM0MnEtMTc5IDEyNC0zOTkgMTI0LTE0MyAwLTI3My41LTU1LjV0LTIyNS0xNTAtMTUwLTIyNVQ2NCA4MzJ0NTUuNS0yNzMuNSAxNTAtMjI1IDIyNS0xNTBUNzY4IDEyOHQyNzMuNSA1NS41IDIyNSAxNTAgMTUwIDIyNVQxNDcyIDgzMnEwIDIyMC0xMjQgMzk5bDM0MyAzNDNxMzcgMzcgMzcgOTB6Ii8+PC9zdmc+") no-repeat scroll center center; width: 100%; height: 100%; pointer-events: none; } .cbp-search-input { height: 36px; padding: 0 32px 0 12px; margin: 0; border-radius: 1px; border: 1px solid #c6c3c4; font: 400 12px "Open Sans", sans-serif; width: 100%; } .cbp-search-input[value]+.cbp-search-icon { pointer-events: auto; } .cbp-search-input[value]+.cbp-search-icon:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzczNzM3MyIgZD0iTTE0OTAgMTMyMnEwIDQwLTI4IDY4bC0xMzYgMTM2cS0yOCAyOC02OCAyOHQtNjgtMjhsLTI5NC0yOTQtMjk0IDI5NHEtMjggMjgtNjggMjh0LTY4LTI4bC0xMzYtMTM2cS0yOC0yOC0yOC02OHQyOC02OGwyOTQtMjk0LTI5NC0yOTRxLTI4LTI4LTI4LTY4dDI4LTY4bDEzNi0xMzZxMjgtMjggNjgtMjh0NjggMjhsMjk0IDI5NCAyOTQtMjk0cTI4LTI4IDY4LTI4dDY4IDI4bDEzNiAxMzZxMjggMjggMjggNjh0LTI4IDY4bC0yOTQgMjk0IDI5NCAyOTRxMjggMjggMjggNjh6Ii8+PC9zdmc+"); } .cbp-search-nothing { position: absolute; top: 0; padding: 0 0 30px; text-align: center; width: 100%; font: 13px "Open Sans", sans-serif; } .cbp-l-project-social { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .cbp-social-fb, .cbp-social-googleplus, .cbp-social-pinterest, .cbp-social-twitter { margin-right: 9px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .cbp-social-fb:hover, .cbp-social-googleplus:hover, .cbp-social-pinterest:hover, .cbp-social-twitter:hover { opacity: .8; } .cbp-social-fb:focus, .cbp-social-googleplus:focus, .cbp-social-pinterest:focus, .cbp-social-twitter:focus { outline: none; } .cbp-social-fb path { fill: #415C9B; } .cbp-social-twitter path { fill: #55acee; } .cbp-social-googleplus path { fill: #E57371; } .cbp-social-pinterest path { fill: #cb2027; }