@knight-lab/timelinejs 3.8.16 → 3.8.20

package/dist/css/timeline.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://TL/TL.Timeline.less","webpack://TL/./src/less/core/Reset.less","webpack://TL/./src/less/Typography.less","webpack://TL/./src/less/core/Mixins.less","webpack://TL/./src/less/icons/Icons.less","webpack://TL/./src/less/core/TL.less","webpack://TL/./src/less/ui/TL.MenuBar.less","webpack://TL/./src/less/ui/TL.MenuBar.Button.less","webpack://TL/./src/less/ui/TL.Message.less","webpack://TL/./src/less/timenav/TL.TimeNav.less","webpack://TL/./src/less/timenav/TL.TimeMarker.less","webpack://TL/./src/less/timenav/TL.TimeEra.less","webpack://TL/./src/less/timenav/TL.TimeGroup.less","webpack://TL/./src/less/timenav/TL.TimeAxis.less","webpack://TL/./src/less/animation/TL.Animate.less","webpack://TL/./src/less/slider/TL.Slide.less","webpack://TL/./src/less/slider/TL.SlideNav.less","webpack://TL/./src/less/slider/TL.StorySlider.less","webpack://TL/./src/less/media/TL.Media.less","webpack://TL/./src/less/media/types/TL.Media.Text.less","webpack://TL/./src/less/media/types/TL.Media.Image.less","webpack://TL/./src/less/media/types/TL.Media.Twitter.less","webpack://TL/./src/less/media/types/TL.Media.Blockquote.less","webpack://TL/./src/less/media/types/TL.Media.Instagram.less","webpack://TL/./src/less/media/types/TL.Media.Profile.less","webpack://TL/./src/less/media/types/TL.Media.IFrame.less","webpack://TL/./src/less/media/types/TL.Media.Wikipedia.less","webpack://TL/./src/less/media/types/TL.Media.Website.less","webpack://TL/./src/less/TL.Timeline.Base.less"],"names":[],"mappings":"AAAA;;;;;;;;;CASC;AACD;oDACoD;AACpD;;uDAEuD;AACvD;oDACoD;AACpD;oDACoD;AACpD;oDACoD;AACpD;oDACoD;AACpD;oDACoD;AACpD;oDACoD;AACpD;oDACoD;AACpD;;;;;;;;;CASC;AACD;oDACoD;AACpD;;sEAEsE;AACtE;6FAC6F;AC1C7F;ED4CE;;;8FAG4F;EAC5F;;8FAE4F;EAC5F;;8FAE4F;EAC5F;;8FAE4F;EAC5F;;8FAE4F;AAC9F;AC5DA;EAQE;EACG;EACK;ADuDV;ACjEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AD4HF;ACtJA;;;;;;EA6BE;ADiIF;AC9JA;EA+BS;EAA2B;ADmIpC;AClKA;;EAgCU;ADsIV;ACtKA;;;;EAiC0D;AD2I1D;AC5KA;EAkCW;AD6IX;AC/KA;;EAmCqB;ADgJrB;ACnLA;;;;;;;;;;EAqCE;AD0JF;AC/LA;;;EAwCE;AD4JF;ACpMA;EA+CE;ADwJF;ACvMA;EAkDE;ADwJF;AC1MA;;EAyDE;EACA;EACA;EACA;ADqJF;ACjNA;EA+DE;ADqJF;ACpNA;EAkEE;ADqJF;ACvNA;EAyEE;EACA;ADiJF;AC3NA;;;;EAiFG;EACA;EACA;GACA;ADgJH;ACpOA;;EAuFG;GACA;ADiJH;ACzOA;;EA2FG;EACA;ADkJH;AC9OA;;;;EA+FG;EACA;ADqJH;ACrPA;EAmGG;EACA;EACG;EACK;ADqJX;AC3PA;EAyGG;ADqJH;AC9PA;EA4GG;EACA;ADqJH;AErQA;EACC;EFuQC;qDACmD;AACrD;AE1QA;;;;;;EAIE;AF8QF;AElRA;;;EAQE;EACA;AF+QF;AExRA;;;EAWG;EACA;AFkRH;AE9RA;;;EAgBE;EACA;EACA;AFmRF;AErSA;;;EAoBG;EACA;AFsRH;AE3SA;EAyBE;EACA;AFqRF;AE/SA;EA4BG;EACA;EACA;EACA;AFsRH;AErTA;EAoCE;EACA;AFoRF;AEzTA;EAyCE;EACA;EACA;EACA;EAEA;AFkRF;AEjRE;EACC;AFmRH;AEnUA;EFqUE;;;;;;;;;;;;;;;;IAgBE;EEjRD;EACA;AFmRH;AElRG;;EAEC;AFoRJ;AE9QE;EAAA;IAEE;IACA;IACA;EFgRF;EE/QE;;IAEC;IACA;EFiRH;AACF;AExWA;;EA+FE;AF6QF;AE5WA;;EAmGE;AF6QF;AEhXA;EAsGE;EACA;AF6QF;AEpXA;EA0GE;EACA;AF6QF;AExXA;;;;EA+GE;EACA;AF+QF;AE/XA;;;;EAkHG;AFmRH;AErYA;EAuHE;EACA;EACA;EACG;EACK;AFiRV;AE5YA;;EA8HE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFkRF;AEvZA;;EAuIG;EACA;EACA;EACA;EACA;EACA;AFoRH;AEhaA;;EAgJG;AFoRH;AEpaA;EAoJE;EACA;EACA;EACA;EACA;EACA;AFmRF;AE5aA;EA6JE;EACA;EACA;EACA;EACA;EACA;AFkRF;AEpbA;EAsKE;AFiRF;AEvbA;EAwKG;AFkRH;AE1bA;EAiLE;EACA;EACA;EAGA;EACA;AF0QF;AGlTC;;EAEC;EACA;AHoTF;AGlTC;EACC;AHoTF;AEzcA;EAyLG;EACA;AFmRH;AE7cA;EA6LG;AFmRH;AEhdA;EAiMG;EACA;AFkRH;AEpdA;EAqMG;AFkRH;AEvdA;;EAuMI;AFoRJ;AE3dA;;EA6MG;AFkRH;AE/dA;EAgNG;EACA;AFkRH;AEneA;EAqNG;EACA;EACA;AFiRH;AExeA;EA2NG;EACA;EACA;EACA;AFgRH;AE9eA;EAgOI;EACA;EACA;AFiRJ;AEnfA;EAwOG;EACA;EACA;AF8QH;AExfA;EA4OI;AF+QJ;AE3fA;EAmPE;EACA;EACA;EACA;EACA;AF2QF;AElgBA;EA0PG;EACA;EACA;EACA;EACA;AF2QH;AEzgBA;EAmQE;EACA;EACA;EACA;EACA;EACA;EACA;ECzLA;EACG;EACK;EDyLR;EACA;EACA;EACA;AF2QF;AEnQA;EACC;;;IAEE;IACA;EFsQD;AACF;AE/PA;EACC;;;IAEE;IACA;EFkQD;AACF;AE5PA;EAEE;AF6PF;AACA;oDACoD;AI3iBpD;EACC;EACA;EACA;EAKA;EACA;AJyiBD;AItiBA;;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EJyiBC,sCAAsC;EItiBvC;EACA;AJwiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AIpiBA;EACC;AJsiBD;AACA;oDACoD;AKhvBpD;EACC;EFoIA;EACG;EACC;EACC;EACG;AH+mBT;AACA;oDACoD;AMzvBpD;EACC;EAGA;EACA;EACA;EAIA;EAOA;EACA;EACA;EACA;EACA;ANgvBD;AACA;oDACoD;AACpD;oDACoD;AACpD;oDACoD;AACpD;oDACoD;AACpD;;;;;;;;;;;;;;;;;;;;;;CAsBC;AMttBD;EACC;IACC;ENwtBA;EMttBD;IACC;ENwtBA;AACF;AMttBA;EACC;IAAM;ENytBL;EMxtBD;IAAI;EN2tBH;AACF;AM1tBA;EACC;IAAM;EN6tBL;EM5tBD;IAAI;EN+tBH;AACF;AM9tBA;EACC;IAAM;ENiuBL;EMhuBD;IAAI;ENmuBH;AACF;AACA;oDACoD;AOt0BpD;EAEC;EACA;EAGA;EACA;EACA;EACA;EACA;EAEA;APo0BD;AO/zBC;EACC;APi0BF;AO/zBC;EACC;EACA;APi0BF;AOh0BE;EACC;EACA;APk0BH;AO7zBA;EAEE;AP8zBF;AO7zBE;EAEC;EACA;AP8zBH;AO5zBE;EACC;EACA;AP8zBH;AOxzBA;EACC;IACC;EP0zBA;EOxzBD;IACC;EP0zBA;AACF;AOxzBA;EACC;IAAM;EP2zBL;EO1zBD;IAAI;EP6zBH;AACF;AO5zBA;EACC;IAAM;EP+zBL;EO9zBD;IAAI;EPi0BH;AACF;AOh0BA;EACC;IAAM;EPm0BL;EOl0BD;IAAI;EPq0BH;AACF;AACA;oDACoD;AQz4BpD;;EACC;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;ARy4BD;AQt5BA;;EAeE;EACA;EACA;EACA;EACA;AR24BF;AQ95BA;;EAsBG;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AR44BH;AQz6BA;;EAgCI;AR64BJ;AQ76BA;;EAoCG;EACA;EACA;EACA;ELgEF;EACG;EACK;EKhEN;EACA;EACA;EAEA;EACA;AR84BH;AQ34BE;EACC;IAAK;ER84BN;EQ74BC;IAAM;ERg5BP;EQ/4BC;IAAO;ERk5BR;AACF;AQh5BE;EACC;IAAK;ERm5BN;EQl5BC;IAAM;ERq5BP;EQp5BC;IAAO;ERu5BR;AACF;AQp5BA;ELyFC;AH8zBD;AQv5BA;;EAKE;EACA;ARs5BF;AQ55BA;EAUG;EACA;EACA;EACA;EACA;EACA;ARq5BH;AQp6BA;EAiBI;EACA;EACA;EACA;EACA;EACA;ELNF;EACG;EACK;AH65BV;AACA;oDACoD;AS9+BpD;EAEC;EACA;EACA;EACA;EAEA;AT8+BD;ASr/BA;EAaE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;ETy+BA;;;;;;;GAOC;AACH;ASzgCA;EAoCG;ATw+BH;ASt+BG;EACC;EACA;ATw+BJ;AS1+BG;EAIE;ATy+BL;ASnhCA;EA+CG;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ATu+BH;AS/hCA;EA6DE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ATq+BF;ASn+BE;;EACC;EACA;EACA;EACA;EACA;EACA;EACA;ETs+BD,sCAAsC;ESn+BrC;EACA;EAEA;EACA;EACA;EACA;EACA;ATo+BH;ASl+BE;EAEC;ATm+BH;ASj+BE;EACC;EACA;ATm+BH;ASlkCA;EAmGE;EACA;EACA;EACA;ATk+BF;ASh+BE;ENlFD;EACG;EACE;EACG;EAXR;EACG;EACE;EACG;AHikCT;ASllCA;EA8GG;EACA;EACA;EACA;EACA;ATu+BH;ASzlCA;EAqHG;EACA;EACA;ATu+BH;AS9lCA;EAyHI;EACA;ATw+BJ;ASlmCA;EA+HK;EACA;ATs+BL;AACA;oDACoD;AACpD;oDACoD;AACpD;oDACoD;AACpD;oDACoD;AU9mCpD;EACC;EACA;EACA;EACA;EACA;EVgnCC;qDACmD;EGhmCpD;EACG;EACE;EACG;EAXR;EACG;EACE;EACG;EH8mCP;qDACmD;EACnD;qDACmD;EACnD;qDACmD;EACnD;qDACmD;EACnD;qDACmD;EACnD;qDACmD;EACnD;qDACmD;EACnD;qDACmD;EACnD;qDACmD;EACnD;qDACmD;AACrD;AUnoCC;EPMA;EACG;EACE;EACG;EAXR;EACG;EACE;EACG;AH4oCT;AU7oCC;EPMA;EACG;EACE;EACG;AH0oCT;AUnpCC;EPMA;EACG;EACE;EACG;AHgpCT;AUzqCA;EAkCE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EPpBD;EACG;EACE;EACG;EAXR;EACG;EACE;EACG;AH0qCT;AU3rCA;EAkDG;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AV4oCH;AUrsCA;EAmEE;EACA;AVqoCF;AUzsCA;EAyEE;EACA;AVmoCF;AU7sCA;;EA8EE;EPtCD;EH0qCC,gCAAgC;EGzqC9B;EH2qCF,yBAAyB;EG1qCrB;EO4CJ;EAEA;EAEA;EACA;EAEA;EP/DD;EACE;EACC;EACE;EACC;EACI;EO6DT;AVkoCF;AUhoCE;;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EP/BD;EACG;EACK;AHkqCV;AUjvCA;EAoHE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EPvGD;EACG;EACE;EACG;EAXR;EACG;EACE;EACG;EOmHP;EACA;EACA;AVkoCF;AU1oCE;EACC;AV4oCH;AU3wCA;EAyIG;EACA;EACA;EACA;EACA;EPrGF;EH2uCC,gCAAgC;EG1uC9B;EH4uCF,yBAAyB;EG3uCrB;AH6uCN;AUvxCA;EAiJI;EACA;AVyoCJ;AU3xCA;;EAqJK;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AVwoCL;AUtoCM;;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EP3KN;EHqzCC,WAAW;EGpzCZ;EHszCC,oBAAoB;EGrzCrB;EHuzCC,yBAAyB;EGtzC1B;EHwzCC,iBAAiB;EGvzClB;EHyzCC,UAAU;EGxzCX;EH0zCC,QAAQ;EGzzCT;EH2zCC,UAAU;AACZ;AUp0CA;EAuLI;EACA;EACA;EACA;EACA;EACA;EPpJH;EHqyCC,gCAAgC;EGpyC9B;EHsyCF,yBAAyB;EGryCrB;AHuyCN;AUj1CA;EAgMK;EACA;EACA;AVopCL;AUt1CA;;EAsMK;EACA;EACA;EACA;AVopCL;AU71CA;EA6MK;AVmpCL;AU9oCG;EAGG;EACA;EACA;AV8oCN;AUnpCG;;EAUG;AV6oCN;AU/nCC;EAGE;AV+nCH;AUloCC;EAMG;AV+nCJ;AUroCC;;EAUG;AV+nCJ;AU9nCI;;EACC;AVioCL;AU7oCC;EAqBE;EACA;EP1OF;EACG;EACE;EACG;AHs2CT;AU5nCG;EAEC;AV6nCJ;AUxpCC;EA6CK;AV8mCN;AU5mCO;EPvRN;EHs4CC,WAAW;EGr4CZ;EHu4CC,oBAAoB;EGt4CrB;EHw4CC,yBAAyB;EGv4C1B;EHy4CC,iBAAiB;EGx4ClB;EH04CC,UAAU;EGz4CX;EH24CC,QAAQ;EG14CT;EH44CC,UAAU;AACZ;AU3qCC;EAyDK;AVqnCN;AU9qCC;;EA4DK;AVsnCN;AUrmCQ;EPrTP;EH65CC,WAAW;EG55CZ;EH85CC,oBAAoB;EG75CrB;EH+5CC,yBAAyB;EG95C1B;EHg6CC,iBAAiB;EG/5ClB;EHi6CC,UAAU;EGh6CX;EHk6CC,QAAQ;EGj6CT;EHm6CC,UAAU;AACZ;AU3nCE;;EAkBE;AV6mCJ;AU3mCI;;EAGC;AV4mCL;AUpmCC;EAKE;EACA;AVkmCH;AUxmCC;EASG;AVkmCJ;AU3mCC;;EAgBE;EACA;EACA;EACA;AV+lCH;AU9lCG;;EAGC;AV+lCJ;AUtnCC;EA6BE;EAEA;EACA;EAEA;EAGA;AVwlCH;AU7nCC;EA0CK;AVslCN;AUplCO;EP1XN;EHi9CC,WAAW;EGh9CZ;EHk9CC,oBAAoB;EGj9CrB;EHm9CC,yBAAyB;EGl9C1B;EHo9CC,iBAAiB;EGn9ClB;EHq9CC,UAAU;EGp9CX;EHs9CC,QAAQ;EGr9CT;EHu9CC,UAAU;AACZ;AUhpCC;EAuDK;AV4lCN;AUnpCC;;EA2DK;AV4lCN;AUnlCC;EAIG;AVklCJ;AUtlCC;;EAQG;AVklCJ;AU5kCG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EP9VF;EACG;EACK;AH66CV;AUzkCG;EACC;AV2kCJ;AU3mCC;EAwCE;AVskCH;AU9mCC;EA2CE;AVskCH;AUxjCI;EACC;AV0jCL;AUziCI;EAEC;AV0iCL;AU9iCE;;EASE;AVyiCJ;AUxiCI;;EAEC;AV0iCL;AUtjCE;EAgBE;AVyiCJ;AU9hCK;EAEC;AV+hCN;AACA;oDACoD;AACpD;oDACoD;AACpD;oDACoD;AACpD;oDACoD;AWjiDpD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EXmiDC;qDACmD;EGrhDpD;EACG;EACE;EACG;EAXR;EACG;EACE;EACG;EHmiDP;qDACmD;EACnD;qDACmD;AACrD;AWviDC;ERKA;EACG;EACE;EACG;EAXR;EACG;EACE;EACG;AHijDT;AWlkDA;EA2BE;EACA;EACA;EACA;EACA;AX0iDF;AWviDC;EAEE;AXwiDH;AWriDC;EAEE;AXsiDH;AWniDC;EAEE;AXoiDH;AWjiDC;EAEE;AXkiDH;AW/hDC;EAEE;AXgiDH;AW7hDC;EAEE;AX8hDH;AW3lDA;EAmEE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;ERrDD;EACG;EACE;EACG;EAXR;EACG;EACE;EACG;EQgEP;EACA;AX6hDF;AW/mDA;EAsFG;EACA;EACA;EAEA;ERlDF;EH8kDC,gCAAgC;EG7kD9B;EH+kDF,yBAAyB;EG9kDrB;AHglDN;AW1nDA;EA8FI;EACA;EAEA;AX8hDJ;AW/nDA;EAoGK;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;AX2hDL;AWxhDM;EACC;EACA;EACA;EACA;EACA;EACA;EACA;ER7HN;EHwpDC,WAAW;EGvpDZ;EHypDC,oBAAoB;EGxpDrB;EH0pDC,yBAAyB;EGzpD1B;EH2pDC,iBAAiB;EG1pDlB;EH4pDC,UAAU;EG3pDX;EH6pDC,QAAQ;EG5pDT;EH8pDC,UAAU;AACZ;AACA;oDACoD;AACpD;oDACoD;AACpD;oDACoD;AACpD;oDACoD;AY/qDpD;EAEC;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EZ8qDC;qDACmD;EGxqDpD;EACG;EACE;EACG;EAXR;EACG;EACE;EACG;AHsrDT;AYvsDA;EAqBE;EACA;EACA;AZqrDF;AYhrDC;EACC;AZkrDF;AY7qDC;EACC;AZ+qDF;AACA;oDACoD;AACpD;oDACoD;AACpD;oDACoD;AACpD;oDACoD;Aa3tDpD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ab6tDD;Aa3tDA;EACC;EACA;EACA;EACA;EACA;EACA;Ab6tDD;AanuDA;EASE;EACA;EACA;Ab6tDF;AaxuDA;;EAaG;EACA;Ab+tDH;Aa7uDA;;EAiBI;EACA;EACA;EACA;EACA;EACA;AbguDJ;AatvDA;;EA0BK;EAEA;EAEA;EACA;Ab8tDL;Aa5tDI;;EACC;EACA;EACA;EACA;EACA;EACA;EACA;Ab+tDL;Aa3tDG;;EV/BF;EACG;EACE;EACG;EAXR;EACG;EACE;EACG;AH0wDT;Aa/tDG;;EVtCF;EACG;EACE;EACG;EAXR;EACG;EACE;EACG;AHqxDT;Aa7xDA;EA4DG;EACA;AbouDH;AajyDA;EA+DI;EACA;EACA;EACA;EACA;AbquDJ;AanuDI;EACC;EAEA;EACA;EACA;EACA;AbouDL;Aa/yDA;EAuFI;EACA;EACA;EACA;EACA;Ab2tDJ;AatzDA;EA6FK;EACA;EACA;EACA;Ab4tDL;Aa5zDA;EAmGM;EACA;EACA;EACA;EACA;Ab4tDN;AattDI;EACC;EACA;EACA;AbwtDL;AartDI;EAEE;AbstDN;AaptDK;EACC;AbstDN;AACA;oDACoD;AACpD;oDACoD;AACpD;oDACoD;Ach2DpD;EACC;EACA;EACA;Adk2DD;Ach2DA;EXoBC;EACG;EACE;EACG;EAXR;EACG;EACE;EACG;AH21DT;Acr2DA;EXeC;EACG;EACE;EACG;EAXR;EACG;EACE;EACG;AHq2DT;AACA;oDACoD;Aez3DpD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;Af23DD;Ael4DA;EAUE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EZ+BA;EACA;EACE;EACK;EYhCP;EACA;EACG;EACE;EACA;Af83DP;Aer5DA;EA0BE;EACA;EACA;EACA;Af83DF;Ae35DA;EAgCE;EACA;EACA;EACA;EACA;EAEA;Af63DF;Aen6DA;EAyCG;EACA;EACA;EACA;EACA;EACA;EACA;Af63DH;Ae56DA;EAmDI;EACA;EACA;EAEA;EACA;EACA;Af23DJ;Aep7DA;EAgEI;EACA;EACA;EAGA;EACA;EACA;EACA;Afq3DJ;AACA;oDACoD;Ae12DpD;EAIG;Afy2DH;Ae72DA;EAQI;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;Afu2DJ;Aev3DA;EAuBI;EACA;EACA;EACA;EACA;EACA;Afm2DJ;AACA;oDACoD;Aex1DpD;EAIG;Afu1DH;Ae31DA;EAMI;EACA;EACA;EACA;EACA;Afw1DJ;AACA;oDACoD;Aeh1DpD;;EZ3EC;EACA;AH+5DD;Aer1DA;;;;;;;;;;;;;;EZ3EC;EACA;AHg7DD;Aet2DA;;;;;;;;;;EAOE;EACA;Af22DF;Aen3DA;;EAWE;EACA;Af42DF;Aex3DA;;;;EZ3EC;EACA;AHy8DD;Ae/3DA;;;;EZ3EC;EACA;AHg9DD;Aet4DA;;;;EZ3EC;EACA;AHu9DD;Ae74DA;;;;EZ3EC;EACA;AH89DD;AACA;oDACoD;Aej3DpD;EACC;EACA;EACG;EACE;EACA;EAGL;EACA;Afi3DD;Ae13DA;;;;;;;EAcE;Afq3DF;Aen4DA;;EAiBE;Afs3DF;Aev4DA;;EAsBG;Afq3DH;Ae34DA;;EAwBI;Afu3DJ;AACA;oDACoD;AACpD;oDACoD;Ae92DpD;EAGG;Ef82DD,wDAAwD;EG7gEzD;EH+gEC,0BAA0B;EG7gE3B;EAYC;EACG;EACK;AHogEV;Aex3DA;EAOI;Afo3DJ;AACA;oDACoD;Ae52DpD;EAGE;EACA;Af42DF;Aeh3DA;EAMG;EACA;EACA;EACA;EAEA;Ef42DD,WAAW;Ee32DV;EAEA;EACA;Ef42DD,gBAAgB;AAClB;Ae53DA;EAiBI;EAEG;Ef62DL,WAAW;Ee52DT;EACA;EACA;Ef82DF,WAAW;Ee72DT;EACA;EACA;EACA;Af+2DJ;Aez4DA;EA4BK;EACA;EACA;EACA;EACA;EAEA;EAEA;Af82DL;Ael5DA;EAuCK;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Af82DL;Ae75DA;EAkDM;EACA;EACA;Af82DN;Aex2DE;;EAII;Afw2DN;Ael2DE;EAGG;EACA;Efk2DH,WAAW;AACb;Aev2DE;EAMI;EACA;Afo2DN;AACA;oDACoD;AACpD;oDACoD;Aen1DpD;;;;;EAMM;Afo1DN;AACA;oDACoD;AACpD;oDACoD;AgBxqEpD;;EACC;EACA;EACA;EACA;AhB2qED;AgB/qEA;;EAOE;EACA;EACA;AhB4qEF;AgBrrEA;;;;EAcE;EACA;EACK;EACL;EhB6qEA,4BAA4B;EAC5B;;;;;GAKC;AACH;AgBrsEA;;;;EAiCG;AhB0qEH;AgB3sEA;;EAqCE;EbQA;EACA;EACE;EACK;EaTP;EACA;AhB6qEF;AgBrtEA;;EA4CE;EACA;EbAA;EACA;EACE;EACK;AH8qET;AgB9tEA;;EAgDG;AhBkrEH;AACA;oDACoD;AgB5qEpD;;;;;;EAGG;EACA;AhBirEH;AgBrrEA;;;;;;EASG;EACA;AhBorEH;AACA;oDACoD;AgB/qEpD;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AhBirEF;AgB7qEA;EACC;EACA;EACG;AhB+qEJ;AgBlrEA;;EAKE;AhBirEF;AgBtrEA;EAQE;AhBirEF;AgBzrEA;EAWE;AhBirEF;AgB9qEA;EACC;EACA;AhBgrED;AgBlrEA;EAIE;AhBirEF;AgBrrEA;EAOE;AhBirEF;AACA;oDACoD;AgB3qEpD;;EbzEE;EACA;EACE;EACK;AHwvET;AgBlrEA;;EbzEE;EACA;EACE;EACK;AH+vET;AgBjrEA;EAEQ;AhBkrER;AgB/qEA;EAEE;AhBgrEF;AgBtqEA;EAEK;AhBuqEL;AgBzqEA;EAIG;AhBwqEH;AgB5qEA;;EASG;EACA;AhBuqEH;AgBjrEA;;;;EAaG;AhB0qEH;AgBvrEA;;EblGE;EACA;EACE;EACK;AH6xET;AgB9rEA;EAqBQ;EbvHN;EACA;EACE;EACK;AHoyET;AgBrsEA;EA2BG;Eb7HD;EACA;EACE;EACK;AH2yET;AgBxqEA;EAEE;AhByqEF;AgB3qEA;EAIQ;Eb1IN;EACA;EACE;EACK;AHqzET;AgBlrEA;EAUG;EbhJD;EACA;EACE;EACK;AH4zET;AgBzrEA;EAiBG;EbvJD;EACA;EACE;EACK;AHm0ET;AgBhsEA;EbtIE;EACA;EACE;EACK;Ea2JJ;AhB+qEL;AgBzqEA;EbpKE;EACA;EACE;EACK;AHg1ET;AgB/qEA;EbpKE;EACA;EACE;EACK;AHs1ET;AgBrrEA;EbpKE;EACA;EACE;EACK;AH41ET;AgB3rEA;EbpKE;EACA;EACE;EACK;AHk2ET;AgBzqEA;;;;;;;;EAEE;AhBirEF;AACA;oDACoD;AACpD;oDACoD;AiBh6EpD;EACC;EACA;EACA;Ed+HA;EACG;EACC;EACC;EACG;EcjIR;EACA;EAGA;AjBo6ED;AiB76EA;;;;;EAWE;EACA;AjBy6EF;AiBr7EA;EAeE;EACA;EACA;EACA;EACA;EACA;AjBy6EF;AiB77EA;EAwBE;EACA;EACA;EAEA;EACA;EACA;AjBu6EF;AiBr8EA;EAiCE;EACA;EACA;EAEA;EACA;AjBs6EF;AiB58EA;EAwCG;EACA;EACA;EACA;EACA;EACA;AjBu6EH;AiBp9EA;EAgDI;EACA;EACA;EACA;AjBu6EJ;AACA;oDACoD;AACpD;oDACoD;AACpD;oDACoD;AACpD;oDACoD;AkBr+EpD;EAGC;EACA;EACA;EACA;EACA;EACA;EACA;AlBq+ED;AkBj+EE;EACC;EACA;AlBm+EH;AkBl/EA;EAkBG;AlBm+EH;AGx2EC;;EAEC;EACA;AH02EF;AGx2EC;EACC;AH02EF;AkB7/EA;EAuBK;EAIA;AlBs+EL;AkBjgFA;EAyBM;AlB2+EN;AkBpgFA;;EAiCK;EACA;EACA;AlBu+EL;AkB1gFA;;;;EAwCI;EACA;AlBw+EJ;AACA;oDACoD;AkB99EjD;EACC;EACA;AlBg+EJ;AACA;oDACoD;AkBx9EpD;EACC;EACA;EfoCA;EACG;EACK;AHu7ET;AkBr9EA;;;;EAEE;EACA;AlBy9EF;AkB59EA;;EAME;EACA;AlB09EF;AACA;oDACoD;AkBv9EpD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AlBy9ED;AACA;oDACoD;AkBt9EpD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBw9ED;AACA;oDACoD;AkBr9EpD;;;;EAGE;EfbD;EACG;EACK;AHs+ET;AACA;oDACoD;AkB78EpD;EAEE;EACA;EACA;EACA;AlB88EF;AkB58EG;EACC;EACA;AlB88EJ;AkBv9EA;;EAgBI;EACA;EACA;EACA;AlB28EJ;AkB99EA;EAsBI;AlB28EJ;AACA;oDACoD;AACpD;oDACoD;AkB/7EpD;EAEE;EACA;EACA;EACA;AlBg8EF;AkB77EG;EACC;EACA;AlB+7EJ;AACA;oDACoD;AmBpnFpD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;AnBqnFD;AmB/nFA;EAYE;AnBsnFF;AmBloFA;;EAoBE;AnBknFF;AmBtoFA;;EAuBE;EACA;EACA;EACA;EACA;EACA;AnBmnFF;AmB/oFA;;EA8BG;EACA;EACA;EACA;AnBqnFH;AmBtpFA;EAqCE;EACA;EACA;EACA;EACA;EACA;AnBonFF;AmBzmFA;;;;EAEE;EACA;AnB6mFF;AmBhnFA;;;;;;;;EAKG;AnBqnFH;AmB1nFA;;;;;;;;EAOI;AnB6nFJ;AmBpoFA;;;;EAWG;EACA;AnB+nFH;AACA;oDACoD;AmBznFpD;EAEE;EACA;EACA;EACA;EACA;AnB0nFF;AmBhoFA;;EAcG;EACA;AnBsnFH;AACA;oDACoD;AmBjnFpD;;EAIG;EACA;AnBinFH;AACA;oDACoD;AACpD;oDACoD;AoBrtFpD;EAGG;ApBqtFH;AqB/tFA;EAEE;EAIA;ArB6tFF;AqBnuFA;EAQG;EACA;EACA;EACA;EACA;ArB8tFH;AqB1uFA;EAcI;EACA;EACA;ArB+tFJ;AqB/uFA;EAuBG;ArB2tFH;AqBlvFA;EA0BG;ArB2tFH;AqBrvFA;EA8BG;ArB0tFH;AqBxvFA;;EAkCI;EACA;ArB0tFJ;AqB7vFA;;;;EAqCK;ArB8tFL;AqBptFA;EAGG;EACA;EACA;ArBotFH;AqBhtFA;EAMK;EACA;ArB6sFL;AqBtsFA;EAIG;EACA;ArBqsFH;AqB1sFA;EAQK;EACA;ArBqsFL;AsBpxFA;EAEE;EACA;AtBqxFF;AsBxxFA;EAMG;EACA;EACA;EACA;EACA;EACA;AtBqxFH;AsBhyFA;EAaI;EACA;EACA;AtBsxFJ;AsBrxFI;;EACC;EACA;AtBwxFL;AsBlxFI;EACC;EACA;AtBoxFL;AsBlxFI;EACC;EACA;AtBoxFL;AsBlzFA;EAkCI;EACA;EAEA;EACA;EACA;AtBkxFJ;AsBzwFA;EAGG;EACA;EACA;EACA;AtBywFH;AsBpwFA;EACC;IAKI;IACA;EtBkwFH;AACF;AsB3vFA;EACC;IAKI;IACA;EtByvFH;AACF;AuBn0FA;EAGG;AvBm0FH;AwB90FA;EAEE;AxB+0FF;AyBj1FA;EAEE;EACA;AzBk1FF;AyBr1FA;EAKG;EACA;AzBm1FH;A0Bz1FA;EAIE;EACA;EACA;EAEA;A1Bu1FF;A0B/1FA;EAUG;EACA;EAEA;EACA;A1Bu1FH;A0Br2FA;EAoBG;EACA;EACA;EACA;A1Bo1FH;A0B32FA;EA0BG;EACA;EACA;EACA;A1Bo1FH;A0Bj3FA;EAiCG;EACA;EACA;EAEA;EACA;EAEA;A1Bi1FH;A0Bz3FA;EA2CG;EAEA;A1Bg1FH;A0B73FA;EAiDG;EACA;A1B+0FH;A0Bj4FA;EAsDG;EACA;A1B80FH;A0Bx0FA;EAGG;EACA;EACA;EACA;EACA;EACA;EACA;A1Bw0FH;A0Bp0FA;;EAGG;E1Bq0FD,wDAAwD;EGh1FzD;EHk1FC,0BAA0B;EGh1F3B;EAYC;EACG;EACK;AHu0FV;A0B/0FA;;EvBDC;EACA;AHo1FD;A0Bp1FA;;EAUI;EACA;A1B80FJ;A0Bz1FA;;EAcI;A1B+0FJ;A0B71FA;;EAiBI;A1Bg1FJ;A0B10FA;;EAGG;EACA;A1B20FH;A2Bh7FA;EAIE;EACA;EACA;EAEA;A3B86FF;A2Bt7FA;EAWG;EACA;EACA;EACA;EACA;A3B86FH;A2B77FA;EAkBG;EAEA;EACA;A3B66FH;A2Bl8FA;EAwBG;EACA;A3B66FH;A2Bt8FA;EA6BG;EACA;A3B46FH;A2B18FA;EAsCK;EACA;EACA;EACA;A3Bu6FL;A2Bt6FK;EACC;EACA;EACA;EACA;EACA;A3Bw6FN;A2B/5FA;;EAGG;E3Bg6FD,wDAAwD;EGz5FzD;EH25FC,0BAA0B;EGz5F3B;EAYC;EACG;EACK;AHg5FV;A2B16FA;;ExBiBC;EACA;AH65FD;A2B/6FA;;EAUI;EACA;A3By6FJ;A2Bn6FA;EAGG;EACA;A3Bm6FH;AACA;oDACoD;A4Bz7FpD;EACC;EACA;EACA;EACA;EACA;EACA;EzBwEA;EACG;EACC;EACC;EACG;EyB1ER;EACA;EACA;EACA;EACA;A5B+7FD;A4B77FC;EACC;EACA;EACA;EACA;A5B+7FF;A4B57FC;EACC;EACA;EACA;A5B87FF;AACA;oDACoD;A4B17FpD;EzBkBC;EACG;EACK;AH26FT;A4Bx7FA;;;;;;;;;;;EAEE;EACA;A5Bm8FF;A4Bt8FA;;EAQG;A5Bk8FH;A4B18FA;EAaE;A5Bg8FF;A4B78FA;EAiBE;A5B+7FF;A4Bh9FA;EAqBE;A5B87FF;A4Bn9FA;EAyBE;A5B67FF","file":"../css/timeline.css","sourcesContent":["/*!\n\tTimeline JS 3 \n\t\n\tDesigned and built by Zach Wise for the Northwestern University Knight Lab\n\t\n\tThis Source Code Form is subject to the terms of the Mozilla Public\n\tLicense, v. 2.0. If a copy of the MPL was not distributed with this\n\tfile, You can obtain one at https://mozilla.org/MPL/2.0/.\n\n*/\n/* Includes \n================================================== */\n/*\tVARIABLES\n\tBASE\n----------------------------------------------------- */\n/* ICON PATH\n================================================== */\n/* TYPEFACE\n================================================== */\n/* COLOR SCHEME\n================================================== */\n/* UI COLOR\n================================================== */\n/* UI\n================================================== */\n/* Animation\n================================================== */\n/* GFX\n================================================== */\n/*!\n\tTimeline JS 3\n\n\tDesigned and built by Zach Wise for the Northwestern University Knight Lab\n\n\tThis Source Code Form is subject to the terms of the Mozilla Public\n\tLicense, v. 2.0. If a copy of the MPL was not distributed with this\n\tfile, You can obtain one at https://mozilla.org/MPL/2.0/.\n\n*/\n/* Includes\n================================================== */\n/*\tMixins.less\n\tSnippets of reusable CSS to develop faster and keep code readable\n * ----------------------------------------------------------------- */\n/*\tReset\n------------------------------------------------------------------------------------------- */\n.tl-storyjs {\n  /*\tReset tags and common classes\n\t\tDisplay in IE6-9 and FF3\n\t\tBased on: http://github.com/necolas/normalize.css\n\t------------------------------------------------------------------------------------------- */\n  /*\tPrevents modern browsers from displaying 'audio' without controls\n\t\tBased on: http://github.com/necolas/normalize.css\n\t------------------------------------------------------------------------------------------- */\n  /*\tPrevents sub and sup affecting line-height in all browsers\n\t\tBased on: http://github.com/necolas/normalize.css\n\t------------------------------------------------------------------------------------------- */\n  /*\tImg border in a's and image quality\n\t\tBased on: http://github.com/necolas/normalize.css\n\t------------------------------------------------------------------------------------------- */\n  /*\tForms\n\t\tBased on: http://github.com/necolas/normalize.css\n\t------------------------------------------------------------------------------------------- */\n}\n.tl-storyjs div * {\n  -webkit-box-sizing: content-box;\n  -moz-box-sizing: content-box;\n  box-sizing: content-box;\n}\n.tl-storyjs h1,\n.tl-storyjs h2,\n.tl-storyjs h3,\n.tl-storyjs h4,\n.tl-storyjs h5,\n.tl-storyjs h6,\n.tl-storyjs p,\n.tl-storyjs blockquote,\n.tl-storyjs pre,\n.tl-storyjs a,\n.tl-storyjs abbr,\n.tl-storyjs acronym,\n.tl-storyjs address,\n.tl-storyjs cite,\n.tl-storyjs code,\n.tl-storyjs del,\n.tl-storyjs dfn,\n.tl-storyjs em,\n.tl-storyjs img,\n.tl-storyjs q,\n.tl-storyjs s,\n.tl-storyjs samp,\n.tl-storyjs small,\n.tl-storyjs strike,\n.tl-storyjs strong,\n.tl-storyjs sub,\n.tl-storyjs sup,\n.tl-storyjs tt,\n.tl-storyjs var,\n.tl-storyjs dd,\n.tl-storyjs dl,\n.tl-storyjs dt,\n.tl-storyjs li,\n.tl-storyjs ol,\n.tl-storyjs ul,\n.tl-storyjs fieldset,\n.tl-storyjs form,\n.tl-storyjs label,\n.tl-storyjs legend,\n.tl-storyjs button,\n.tl-storyjs table,\n.tl-storyjs caption,\n.tl-storyjs tbody,\n.tl-storyjs tfoot,\n.tl-storyjs thead,\n.tl-storyjs tr,\n.tl-storyjs th,\n.tl-storyjs td,\n.tl-storyjs .tl-container,\n.tl-storyjs .content-container,\n.tl-storyjs .media,\n.tl-storyjs .text,\n.tl-storyjs .tl-slider,\n.tl-storyjs .slider,\n.tl-storyjs .date,\n.tl-storyjs .title,\n.tl-storyjs .message,\n.tl-storyjs .map,\n.tl-storyjs .credit,\n.tl-storyjs .caption,\n.tl-storyjs .tl-feedback,\n.tl-storyjs .tl-feature,\n.tl-storyjs .toolbar,\n.tl-storyjs .marker,\n.tl-storyjs .dot,\n.tl-storyjs .line,\n.tl-storyjs .flag,\n.tl-storyjs .time,\n.tl-storyjs .era,\n.tl-storyjs .major,\n.tl-storyjs .minor,\n.tl-storyjs .tl-navigation,\n.tl-storyjs .start,\n.tl-storyjs .active {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-weight: normal;\n  font-style: normal;\n  font-size: 100%;\n  line-height: 1;\n  font-family: inherit;\n  width: auto;\n  float: none;\n}\n.tl-storyjs h1,\n.tl-storyjs h2,\n.tl-storyjs h3,\n.tl-storyjs h4,\n.tl-storyjs h5,\n.tl-storyjs h6 {\n  clear: none;\n}\n.tl-storyjs table {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n.tl-storyjs ol,\n.tl-storyjs ul {\n  list-style: none;\n}\n.tl-storyjs q:before,\n.tl-storyjs q:after,\n.tl-storyjs blockquote:before,\n.tl-storyjs blockquote:after {\n  content: \"\";\n}\n.tl-storyjs a:focus {\n  outline: thin dotted;\n}\n.tl-storyjs a:hover,\n.tl-storyjs a:active {\n  outline: 0;\n}\n.tl-storyjs article,\n.tl-storyjs aside,\n.tl-storyjs details,\n.tl-storyjs figcaption,\n.tl-storyjs figure,\n.tl-storyjs footer,\n.tl-storyjs header,\n.tl-storyjs hgroup,\n.tl-storyjs nav,\n.tl-storyjs section {\n  display: block;\n}\n.tl-storyjs audio,\n.tl-storyjs canvas,\n.tl-storyjs video {\n  display: inline-block;\n}\n.tl-storyjs audio:not([controls]) {\n  display: none;\n}\n.tl-storyjs div {\n  max-width: none;\n}\n.tl-storyjs sub,\n.tl-storyjs sup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n.tl-storyjs sup {\n  top: -0.5em;\n}\n.tl-storyjs sub {\n  bottom: -0.25em;\n}\n.tl-storyjs img {\n  border: 0;\n  -ms-interpolation-mode: bicubic;\n}\n.tl-storyjs button,\n.tl-storyjs input,\n.tl-storyjs select,\n.tl-storyjs textarea {\n  font-size: 100%;\n  margin: 0;\n  vertical-align: baseline;\n  *vertical-align: middle;\n}\n.tl-storyjs button,\n.tl-storyjs input {\n  line-height: normal;\n  *overflow: visible;\n}\n.tl-storyjs button::-moz-focus-inner,\n.tl-storyjs input::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\n.tl-storyjs button,\n.tl-storyjs input[type=\"button\"],\n.tl-storyjs input[type=\"reset\"],\n.tl-storyjs input[type=\"submit\"] {\n  cursor: pointer;\n  -webkit-appearance: button;\n}\n.tl-storyjs input[type=\"search\"] {\n  -webkit-appearance: textfield;\n  -webkit-box-sizing: content-box;\n  -moz-box-sizing: content-box;\n  box-sizing: content-box;\n}\n.tl-storyjs input[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n.tl-storyjs textarea {\n  overflow: auto;\n  vertical-align: top;\n}\n.tl-timeline {\n  font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n  /* VCard\n\t================================================== */\n}\n.tl-timeline h1,\n.tl-timeline h2,\n.tl-timeline h3,\n.tl-timeline h4,\n.tl-timeline h5,\n.tl-timeline h6 {\n  color: #000;\n}\n.tl-timeline h1,\n.tl-timeline h2,\n.tl-timeline h3 {\n  font-size: 28px;\n  line-height: 28px;\n}\n.tl-timeline h1 small,\n.tl-timeline h2 small,\n.tl-timeline h3 small {\n  font-size: 24px;\n  line-height: 24px;\n}\n.tl-timeline h4,\n.tl-timeline h5,\n.tl-timeline h6 {\n  font-size: 24px;\n  line-height: 24px;\n  margin-bottom: 0px;\n}\n.tl-timeline h4 small,\n.tl-timeline h5 small,\n.tl-timeline h6 small {\n  font-size: 15px;\n  line-height: 15px;\n}\n.tl-timeline h2.tl-headline-title {\n  font-size: 38px;\n  line-height: 38px;\n}\n.tl-timeline h2.tl-headline-title small {\n  display: block;\n  margin-top: 5px;\n  font-size: 24px;\n  line-height: 24px;\n}\n.tl-timeline h2 {\n  margin-top: 20px;\n  margin-bottom: 5px;\n}\n.tl-timeline p {\n  margin-top: 5px;\n  margin-bottom: 10px;\n  font-size: 15px;\n  line-height: 1.42857143;\n  color: #666666;\n}\n.tl-timeline p.lead {\n  font-size: 24px;\n}\n.tl-timeline p a {\n  /*\n\t\t\tcolor: lighten(@color-dark, 40%);\n\t\t\ttext-decoration: none;\n\t\t\tbackground-image: -moz-linear-gradient(top, fade(lighten(@color-dark, 40%), 0%) 50%, fade(lighten(@color-dark, 40%), 60%) 50%);\n\t\t\tbackground-image: -webkit-linear-gradient(top, fade(lighten(@color-dark, 40%), 0%) 50%, fade(lighten(@color-dark, 40%), 60%) 50%);\n\t\t\tbackground-image: -o-linear-gradient(top, fade(lighten(@color-dark, 40%), 0%) 50%, fade(lighten(@color-dark, 40%), 60%) 50%);\n\t\t\tbackground-image: linear-gradient(to bottom, fade(lighten(@color-dark, 40%), 0%) 50%, fade(lighten(@color-dark, 40%), 60%) 50%);\n\t\t\tbackground-repeat: repeat-x;\n\t\t\tbackground-size: 2px 2px;\n\t\t\tbackground-position: 0 @base-font-size+2;\n\t\t\ttext-shadow: -2px -1px 0 white, 2px -1px 0 white, -2px 1px 0 white, 2px 1px 0 white;\n\t\t\t&:hover,\n\t\t\t&:focus {\n\t\t\t\tcolor:@color-theme;\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\t\t\t*/\n  color: #666666;\n  text-decoration: underline;\n}\n.tl-timeline p a:hover,\n.tl-timeline p a:focus {\n  color: #c34528;\n}\n@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {\n  .tl-timeline p a {\n    text-decoration: underline;\n    background-image: none;\n    text-shadow: none;\n  }\n  .tl-timeline p a:hover,\n  .tl-timeline p a:focus {\n    color: #c34528;\n    text-decoration: underline;\n  }\n}\n.tl-timeline b,\n.tl-timeline strong {\n  font-weight: bold;\n}\n.tl-timeline i,\n.tl-timeline em {\n  font-style: italic;\n}\n.tl-timeline a {\n  text-decoration: none;\n  color: #c34528;\n}\n.tl-timeline a:hover {\n  text-decoration: underline;\n  color: #6e2717;\n}\n.tl-timeline .tl-caption,\n.tl-timeline .tl-credit,\n.tl-timeline .tl-slidenav-next,\n.tl-timeline .tl-slidenav-previous {\n  font-size: 11px;\n  line-height: 11px;\n}\n.tl-timeline .tl-caption a,\n.tl-timeline .tl-credit a,\n.tl-timeline .tl-slidenav-next a,\n.tl-timeline .tl-slidenav-previous a {\n  color: #000;\n}\n.tl-timeline .tl-makelink {\n  word-break: break-all;\n  word-break: break-word;\n  -webkit-hyphens: auto;\n  -moz-hyphens: auto;\n  hyphens: auto;\n}\n.tl-timeline blockquote,\n.tl-timeline blockquote p {\n  font-family: \"Georgia\", \"Times New Roman\", Times, serif;\n  color: #999999;\n  font-size: 24px;\n  line-height: 24px;\n  text-align: left;\n  background: transparent;\n  border: 0px;\n  padding: 0px;\n}\n.tl-timeline blockquote cite,\n.tl-timeline blockquote p cite {\n  font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n  font-size: 11px;\n  color: #666666;\n  display: block;\n  text-align: right;\n  font-style: normal;\n}\n.tl-timeline blockquote cite:before,\n.tl-timeline blockquote p cite:before {\n  content: \"\\2014\";\n}\n.tl-timeline blockquote p:before {\n  content: open-quote;\n  display: inline-block;\n  font-size: 28px;\n  position: relative;\n  top: 8px;\n  margin-right: 5px;\n}\n.tl-timeline blockquote p:after {\n  content: close-quote;\n  display: inline-block;\n  font-size: 28px;\n  position: relative;\n  top: 8px;\n  margin-left: 3px;\n}\n.tl-timeline blockquote {\n  margin: 10px;\n}\n.tl-timeline blockquote p {\n  margin: 0;\n}\n.tl-timeline .vcard {\n  font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n  font-size: 15px;\n  line-height: 15px;\n  margin-bottom: 15px;\n  margin-top: 10px;\n}\n.tl-timeline .vcard:before,\n.tl-timeline .vcard:after {\n  display: table;\n  content: \"\";\n}\n.tl-timeline .vcard:after {\n  clear: both;\n}\n.tl-timeline .vcard .twitter-date {\n  text-align: left;\n  font-size: 11px;\n}\n.tl-timeline .vcard .author {\n  float: right;\n}\n.tl-timeline .vcard a {\n  color: #333333;\n  text-decoration: none;\n}\n.tl-timeline .vcard a:hover {\n  text-decoration: none;\n}\n.tl-timeline .vcard a:hover .fn,\n.tl-timeline .vcard a:hover .nickname {\n  color: #c34528;\n}\n.tl-timeline .vcard .fn,\n.tl-timeline .vcard .nickname {\n  padding-left: 42px;\n}\n.tl-timeline .vcard .fn {\n  display: block;\n  font-weight: bold;\n}\n.tl-timeline .vcard .nickname {\n  margin-top: 1px;\n  display: block;\n  color: #666666;\n}\n.tl-timeline .vcard .avatar {\n  float: left;\n  display: block;\n  width: 32px;\n  height: 32px;\n}\n.tl-timeline .vcard .avatar img {\n  -moz-border-radius: 5px;\n  -webkit-border-radius: 5px;\n  border-radius: 5px;\n}\n.tl-timeline .tl-text ul {\n  padding: 0px;\n  padding-left: 30px;\n  margin: 0;\n}\n.tl-timeline .tl-text ul li {\n  margin-bottom: 5px;\n}\n.tl-timeline .tl-button-calltoaction {\n  cursor: pointer;\n  font-weight: bold;\n  padding-top: 10px;\n  margin-bottom: 10px;\n  padding-bottom: 10px;\n}\n.tl-timeline .tl-button-calltoaction .tl-button-calltoaction-text {\n  display: inline-block;\n  background-color: #c34528;\n  color: #fff;\n  padding: 10px 15px 10px 15px;\n  border-radius: 7px;\n}\n.tl-timeline .tl-note {\n  display: block;\n  font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n  font-style: italic;\n  background-color: #e6e6e6;\n  font-size: 15px;\n  line-height: 17px;\n  padding: 10px;\n  -webkit-border-radius: 7px;\n  -moz-border-radius: 7px;\n  border-radius: 7px;\n  color: #8a6d3b;\n  background-color: #fcf8e3;\n  border: 1px solid #faebcc;\n  text-shadow: none;\n}\n@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {\n  .tl-timeline h1,\n  .tl-timeline h2,\n  .tl-timeline h3 {\n    font-size: 28px;\n    line-height: 28px;\n  }\n}\n@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) {\n  .tl-timeline h1,\n  .tl-timeline h2,\n  .tl-timeline h3 {\n    font-size: 24px;\n    line-height: 24px;\n  }\n}\n.tl-skinny h2 {\n  margin-top: 0px;\n}\n/* Icons\n================================================== */\n@font-face {\n  font-family: 'tl-icons';\n  src: url('../css/icons/tl-icons.eot');\n  src: url('../css/icons/tl-icons.eot?#iefix') format('embedded-opentype'), url('../css/icons/tl-icons.ttf') format('truetype'), url('../css/icons/tl-icons.woff2') format('woff2'), url('../css/icons/tl-icons.woff') format('woff'), url('../css/icons/tl-icons.svg#tl-icons') format('svg');\n  font-weight: normal;\n  font-style: normal;\n}\n[class^=\"tl-icon-\"],\n[class*=\" tl-icon-\"] {\n  font-family: 'tl-icons';\n  speak: none;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  /* Better Font Rendering =========== */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n.tl-icon-vine:after {\n  content: \"\\e64d\";\n}\n.tl-icon-wikipedia:after {\n  content: \"\\e64e\";\n}\n.tl-icon-chevron-right:after {\n  content: \"\\e64f\";\n}\n.tl-icon-chevron-left:after {\n  content: \"\\e650\";\n}\n.tl-icon-youtube-logo:after {\n  content: \"\\e651\";\n}\n.tl-icon-foursquare:after {\n  content: \"\\e652\";\n}\n.tl-icon-camera-retro:after {\n  content: \"\\e653\";\n}\n.tl-icon-doc:after {\n  content: \"\\e654\";\n}\n.tl-icon-weibo:after {\n  content: \"\\e655\";\n}\n.tl-icon-resize-horizontal:after {\n  content: \"\\e656\";\n}\n.tl-icon-resize-vertical:after {\n  content: \"\\e657\";\n}\n.tl-icon-resize-full:after {\n  content: \"\\e658\";\n}\n.tl-icon-resize-small:after {\n  content: \"\\e659\";\n}\n.tl-icon-twitter:after {\n  content: \"\\e62b\";\n}\n.tl-icon-google-plus:after {\n  content: \"\\e62c\";\n}\n.tl-icon-video:after {\n  content: \"\\e62d\";\n}\n.tl-icon-youtube:after {\n  content: \"\\e62d\";\n}\n.tl-icon-plaintext:after {\n  content: \"\\e62e\";\n}\n.tl-icon-storify:after {\n  content: \"\\e62e\";\n}\n.tl-icon-image-v2:after {\n  content: \"\\e62f\";\n}\n.tl-icon-quote-v2:after {\n  content: \"\\e630\";\n}\n.tl-icon-zoom-in:after {\n  content: \"\\e631\";\n}\n.tl-icon-zoom-out:after {\n  content: \"\\e632\";\n}\n.tl-icon-list:after {\n  content: \"\\e633\";\n}\n.tl-icon-music:after {\n  content: \"\\e634\";\n}\n.tl-icon-spotify:after {\n  content: \"\\e634\";\n}\n.tl-icon-location:after {\n  content: \"\\e635\";\n}\n.tl-icon-googlemaps:after {\n  content: \"\\e635\";\n}\n.tl-icon-web:after {\n  content: \"\\e636\";\n}\n.tl-icon-share-v2:after {\n  content: \"\\e637\";\n}\n.tl-icon-soundcloud:after {\n  content: \"\\e639\";\n}\n.tl-icon-video-v2:after {\n  content: \"\\e63a\";\n}\n.tl-icon-dailymotion:after {\n  content: \"\\e63a\";\n}\n.tl-icon-tumblr:after {\n  content: \"\\e63b\";\n}\n.tl-icon-lastfm:after {\n  content: \"\\e63c\";\n}\n.tl-icon-github:after {\n  content: \"\\e63d\";\n}\n.tl-icon-goback:after {\n  content: \"\\e63e\";\n}\n.tl-icon-doc-v2:after {\n  content: \"\\e63f\";\n}\n.tl-icon-googledrive:after {\n  content: \"\\e640\";\n}\n.tl-icon-facebook:after {\n  content: \"\\e641\";\n}\n.tl-icon-flickr:after {\n  content: \"\\e642\";\n}\n.tl-icon-dribbble:after {\n  content: \"\\e643\";\n}\n.tl-icon-image:after {\n  content: \"\\e605\";\n}\n.tl-icon-vimeo:after {\n  content: \"\\e606\";\n}\n.tl-icon-instagram:after {\n  content: \"\\e644\";\n}\n.tl-icon-pinterest:after {\n  content: \"\\e645\";\n}\n.tl-icon-arrow-left:after {\n  content: \"\\e646\";\n}\n.tl-icon-arrow-down:after {\n  content: \"\\e647\";\n}\n.tl-icon-arrow-up:after {\n  content: \"\\e648\";\n}\n.tl-icon-arrow-right:after {\n  content: \"\\e649\";\n}\n.tl-icon-share:after {\n  content: \"\\e64a\";\n}\n.tl-icon-blockquote:after {\n  content: \"\\e64b\";\n}\n.tl-icon-evernote:after {\n  content: \"\\e64c\";\n}\n.tl-icon-mappin:after {\n  content: \"\\e600\";\n}\n.tl-icon-swipe-right:after {\n  content: \"\\e601\";\n}\n.tl-icon-swipe-left:after {\n  content: \"\\e602\";\n}\n.tl-icon-touch-spread:after {\n  content: \"\\e603\";\n}\n.tl-icon-touch-pinch:after {\n  content: \"\\e604\";\n}\n/* Disable Text selection when dragging\n================================================== */\n.tl-dragging {\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  -o-user-select: none;\n  user-select: none;\n}\n/* MenuBar \n================================================== */\n.tl-menubar {\n  position: absolute;\n  z-index: 11;\n  text-align: center;\n  color: #333;\n  overflow: hidden;\n  border-bottom-right-radius: 10px;\n  border-top-right-radius: 10px;\n  top: 100%;\n  left: 50%;\n  left: 0;\n}\n/* Skinny\n================================================== */\n/* Mobile, iPhone\n================================================== */\n/* Mobile, iPhone and skinny\n================================================== */\n/* Color\n================================================== */\n/*\n.tl-sizebar.tl-sizebar-inverted {\n\tborder-bottom: 1px solid #FFF;\n\t//background-color:#000;\n\tcolor:#a5a5a5;\n\t.tl-sizebar-button {\n\t\tborder-left: 1px solid darken(@color-background, 70);\n\t\t//color:#a5a5a5;\n\t}\n\t.tl-sizebar-button:hover {\n\t\t//background:@color-theme;\n\t\tcolor:@color-background;\n\t}\n}\n.tl-sizebar.tl-sizebar-inverted:before {\n\tbackground-color:#000;\n\t//.gradient-vertical (rgba(0,0,0,0.25), rgba(0,0,0,1));\n\t//.translucent-background(rgb(0,0,0), .5);\n\tborder-top: 2px solid #000;\n\tanimation: invertToBlack 1s;\n\t-webkit-animation:invertToBlack 1s; \n}\n*/\n@keyframes invertToBlack {\n  from {\n    background-color: #FFF;\n  }\n  to {\n    background-color: #000;\n  }\n}\n@-webkit-keyframes invertToBlack {\n  from {\n    background: #FFF;\n  }\n  to {\n    background: #000;\n  }\n}\n@keyframes invertToWhite {\n  from {\n    background-color: #000;\n  }\n  to {\n    background-color: #FFF;\n  }\n}\n@-webkit-keyframes invertToWhite {\n  from {\n    background: #000;\n  }\n  to {\n    background: #FFF;\n  }\n}\n/* MenuBar Button\n================================================== */\n.tl-menubar-button {\n  font-size: 18px;\n  line-height: 18px;\n  background-color: rgba(242, 242, 242, 0.9);\n  cursor: pointer;\n  padding: 6px 12px 6px 12px;\n  display: inline-block;\n  display: block;\n  color: #bfbfbf;\n}\n.tl-menubar-button.tl-menubar-button-inactive {\n  opacity: 0.33;\n}\n.tl-menubar-button:hover {\n  background: #333;\n  color: #FFF;\n}\n.tl-menubar-button:hover.tl-menubar-button-inactive {\n  color: #bfbfbf;\n  background-color: rgba(242, 242, 242, 0.9);\n}\n.tl-mobile .tl-menubar-button {\n  display: block;\n}\n.tl-mobile .tl-menubar-button:hover {\n  background-color: rgba(242, 242, 242, 0.67);\n  color: #737373;\n}\n.tl-mobile .tl-menubar-button:active {\n  background: #c34528;\n  color: #FFF;\n}\n@keyframes invertToBlack {\n  from {\n    background-color: #FFF;\n  }\n  to {\n    background-color: #000;\n  }\n}\n@-webkit-keyframes invertToBlack {\n  from {\n    background: #FFF;\n  }\n  to {\n    background: #000;\n  }\n}\n@keyframes invertToWhite {\n  from {\n    background-color: #000;\n  }\n  to {\n    background-color: #FFF;\n  }\n}\n@-webkit-keyframes invertToWhite {\n  from {\n    background: #000;\n  }\n  to {\n    background: #FFF;\n  }\n}\n/* MESSAGE \n================================================== */\n.tl-message,\n.tl-message-full {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  display: table;\n  overflow: hidden;\n  top: 0px;\n  left: 0px;\n  z-index: 99;\n  margin: auto;\n  text-align: center;\n}\n.tl-message .tl-message-container,\n.tl-message-full .tl-message-container {\n  padding: 20px;\n  margin: 20px;\n  text-align: center;\n  vertical-align: middle;\n  display: table-cell;\n}\n.tl-message .tl-message-container .tl-message-content,\n.tl-message-full .tl-message-container .tl-message-content {\n  color: #666;\n  text-align: center;\n  font-size: 11px;\n  line-height: 13px;\n  text-transform: uppercase;\n  margin-top: 7.5px;\n  margin-bottom: 7.5px;\n  text-shadow: 1px 1px 1px #FFF;\n}\n.tl-message .tl-message-container .tl-message-content strong,\n.tl-message-full .tl-message-container .tl-message-content strong {\n  text-transform: uppercase;\n}\n.tl-message .tl-message-container .tl-loading-icon,\n.tl-message-full .tl-message-container .tl-loading-icon {\n  width: 30px;\n  height: 30px;\n  background-color: #666;\n  vertical-align: middle;\n  -webkit-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.1);\n  -moz-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.1);\n  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.1);\n  margin-left: auto;\n  margin-right: auto;\n  text-align: center;\n  -webkit-animation: rotateplane 1.2s infinite ease-in-out;\n  animation: rotateplane 1.2s infinite ease-in-out;\n}\n@-webkit-keyframes rotateplane {\n  0% {\n    -webkit-transform: perspective(120px);\n  }\n  50% {\n    -webkit-transform: perspective(120px) rotateY(180deg);\n  }\n  100% {\n    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);\n  }\n}\n@keyframes rotateplane {\n  0% {\n    transform: perspective(120px) rotateX(0deg) rotateY(0deg);\n  }\n  50% {\n    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);\n  }\n  100% {\n    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);\n  }\n}\n.tl-message-full {\n  background-color: hsla(0, 0%, 100%, 0.8);\n}\n.tl-message-full [class^=\"tl-icon-\"],\n.tl-message-full [class*=\" tl-icon-\"] {\n  color: #666;\n  font-size: 72px;\n}\n.tl-message-full .tl-message-container .tl-message-content {\n  font-size: 22px;\n  line-height: 22px;\n  text-shadow: none;\n  color: #666;\n  text-transform: none;\n  font-weight: normal;\n}\n.tl-message-full .tl-message-container .tl-message-content .tl-button {\n  display: inline-block;\n  cursor: pointer;\n  background-color: #FFF;\n  color: #333;\n  padding: 10px;\n  margin-top: 10px;\n  -webkit-border-radius: 7px;\n  -moz-border-radius: 7px;\n  border-radius: 7px;\n}\n/* TL.TimeNav\n================================================== */\n.tl-timenav {\n  width: 100%;\n  background-color: #f2f2f2;\n  position: relative;\n  overflow: hidden;\n  border-top: 1px solid #e5e5e5;\n}\n.tl-timenav .tl-attribution {\n  cursor: pointer;\n  z-index: 9;\n  position: absolute;\n  bottom: 2px;\n  left: 0px;\n  font-size: 10px;\n  line-height: 10px;\n  font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif !important;\n  background-color: rgba(255, 255, 255, 0.85);\n  padding: 3px;\n  /*\n\t\tright:-26px;\n\t\ttop:30px;\n\t\ttransform: rotate(90deg);\n\t\t-ms-transform: rotate(90deg);\n\t\t-webkit-transform: rotate(90deg);\n\t\tbackground-color: fadeout(@ui-background-color, 15%);\n\t\t*/\n}\n.tl-timenav .tl-attribution a {\n  color: #cccccc;\n}\n.tl-timenav .tl-attribution a:hover {\n  color: #000;\n  text-decoration: none;\n}\n.tl-timenav .tl-attribution a:hover .tl-knightlab-logo {\n  background-color: #c34528;\n}\n.tl-timenav .tl-attribution .tl-knightlab-logo {\n  display: inline-block;\n  vertical-align: middle;\n  height: 8px;\n  width: 8px;\n  margin-right: 3px;\n  background-color: #c34528;\n  background-color: #cccccc;\n  transform: rotate(45deg);\n  -ms-transform: rotate(45deg);\n  -webkit-transform: rotate(45deg);\n}\n.tl-timenav .tl-timenav-line {\n  position: absolute;\n  top: 0;\n  left: 50%;\n  width: 1px;\n  height: 100%;\n  background-color: #d9d9d9;\n  z-index: 2;\n  display: none;\n}\n.tl-timenav .tl-timenav-line:before,\n.tl-timenav .tl-timenav-line:after {\n  font-family: 'tl-icons';\n  speak: none;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  /* Better Font Rendering =========== */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  color: #c34528;\n  font-size: 32px;\n  line-height: 32px;\n  position: absolute;\n  left: -14px;\n}\n.tl-timenav .tl-timenav-line:before {\n  top: -10px;\n}\n.tl-timenav .tl-timenav-line:after {\n  content: \"\\e648\";\n  bottom: 24px;\n}\n.tl-timenav .tl-timenav-slider {\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  top: 0;\n}\n.tl-timenav .tl-timenav-slider.tl-timenav-slider-animate {\n  -webkit-transition: all 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -moz-transition: all 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -o-transition: all 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  transition: all 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n}\n.tl-timenav .tl-timenav-slider .tl-timenav-slider-background {\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  cursor: move;\n  z-index: 6;\n}\n.tl-timenav .tl-timenav-slider .tl-timenav-container-mask {\n  position: absolute;\n  height: 100%;\n  top: 0;\n}\n.tl-timenav .tl-timenav-slider .tl-timenav-container-mask .tl-timenav-container {\n  position: absolute;\n  height: 100%;\n}\n.tl-timenav .tl-timenav-slider .tl-timenav-container-mask .tl-timenav-container .tl-timenav-item-container {\n  position: absolute;\n  height: 100%;\n}\n/* Skinny\n================================================== */\n/* Mobile, iPhone\n================================================== */\n/* Mobile, iPhone and skinny\n================================================== */\n/* TL.TimeMarker\n================================================== */\n.tl-timemarker {\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  cursor: pointer;\n  /* Animate Left Width and Top\n\t================================================== */\n  -webkit-transition: left 1000ms cubic-bezier(0.77, 0, 0.175, 1), top 500ms cubic-bezier(0.77, 0, 0.175, 1), height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -moz-transition: left 1000ms cubic-bezier(0.77, 0, 0.175, 1), top 500ms cubic-bezier(0.77, 0, 0.175, 1), height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -o-transition: left 1000ms cubic-bezier(0.77, 0, 0.175, 1), top 500ms cubic-bezier(0.77, 0, 0.175, 1), height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  transition: left 1000ms cubic-bezier(0.77, 0, 0.175, 1), top 500ms cubic-bezier(0.77, 0, 0.175, 1), height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  /* Timespan\n\t================================================== */\n  /* Lines\n\t================================================== */\n  /* Content\n\t================================================== */\n  /* Hover State\n\t================================================== */\n  /* Hover Active State\n\t================================================== */\n  /* Active Markers\n\t================================================== */\n  /* Markers with End Dates\n\t================================================== */\n  /* Markers with End Dates and Hover\n\t================================================== */\n  /* Markers with End Dates and Active\n\t================================================== */\n  /* Markers with End Dates and Active and Hover\n\t================================================== */\n}\n.tl-timemarker.tl-timemarker-fast {\n  -webkit-transition: top 500ms cubic-bezier(0.77, 0, 0.175, 1), height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 500ms cubic-bezier(0.77, 0, 0.175, 1);\n  -moz-transition: top 500ms cubic-bezier(0.77, 0, 0.175, 1), height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 500ms cubic-bezier(0.77, 0, 0.175, 1);\n  -o-transition: top 500ms cubic-bezier(0.77, 0, 0.175, 1), height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 500ms cubic-bezier(0.77, 0, 0.175, 1);\n  transition: top 500ms cubic-bezier(0.77, 0, 0.175, 1), height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 500ms cubic-bezier(0.77, 0, 0.175, 1);\n  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n}\n.tl-timemarker.tl-timemarker-fast .tl-timemarker-content-container {\n  -webkit-transition: width 500ms cubic-bezier(0.77, 0, 0.175, 1), height 500ms cubic-bezier(0.77, 0, 0.175, 1);\n  -moz-transition: width 500ms cubic-bezier(0.77, 0, 0.175, 1), height 500ms cubic-bezier(0.77, 0, 0.175, 1);\n  -o-transition: width 500ms cubic-bezier(0.77, 0, 0.175, 1), height 500ms cubic-bezier(0.77, 0, 0.175, 1);\n  transition: width 500ms cubic-bezier(0.77, 0, 0.175, 1), height 500ms cubic-bezier(0.77, 0, 0.175, 1);\n}\n.tl-timemarker.tl-timemarker-fast .tl-timemarker-timespan {\n  -webkit-transition: height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 500ms cubic-bezier(0.77, 0, 0.175, 1);\n  -moz-transition: height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 500ms cubic-bezier(0.77, 0, 0.175, 1);\n  -o-transition: height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 500ms cubic-bezier(0.77, 0, 0.175, 1);\n  transition: height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 500ms cubic-bezier(0.77, 0, 0.175, 1);\n}\n.tl-timemarker .tl-timemarker-timespan {\n  pointer-events: none;\n  position: absolute;\n  margin: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(229, 229, 229, 0.15);\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px;\n  -webkit-transition: height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -moz-transition: height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -o-transition: height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  transition: height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n}\n.tl-timemarker .tl-timemarker-timespan .tl-timemarker-timespan-content {\n  display: none;\n  position: absolute;\n  width: 100%;\n  background-color: #e5e5e5;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  height: 100px;\n  box-sizing: border-box;\n}\n.tl-timemarker .tl-timemarker-line-right {\n  display: none;\n  right: 0px;\n}\n.tl-timemarker .tl-timemarker-line-left {\n  width: 1px;\n  left: 0px;\n}\n.tl-timemarker .tl-timemarker-line-left,\n.tl-timemarker .tl-timemarker-line-right {\n  margin-top: 7px;\n  -webkit-box-sizing: border-box;\n  /* Safari/Chrome, other WebKit */\n  -moz-box-sizing: border-box;\n  /* Firefox, other Gecko */\n  box-sizing: border-box;\n  border-left: 1px solid #d9d9d9;\n  z-index: 5;\n  content: \" \";\n  position: absolute;\n  height: 100%;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -khtml-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  box-shadow: 1px 1px 1px #FFF;\n}\n.tl-timemarker .tl-timemarker-line-left:after,\n.tl-timemarker .tl-timemarker-line-right:after {\n  display: block;\n  content: \" \";\n  position: absolute;\n  left: -4px;\n  bottom: 0px;\n  height: 6px;\n  width: 6px;\n  background-color: #919191;\n  z-index: 8;\n  -webkit-border-radius: 50%;\n  -moz-border-radius: 50%;\n  border-radius: 50%;\n}\n.tl-timemarker .tl-timemarker-content-container {\n  position: absolute;\n  background-color: #e5e5e5;\n  border: 0;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  border-bottom-right-radius: 4px;\n  height: 100%;\n  width: 100px;\n  overflow: hidden;\n  z-index: 6;\n  -webkit-transition: height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -moz-transition: height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -o-transition: height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  transition: height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  box-sizing: border-box;\n  border: 1px solid #d9d9d9;\n  box-shadow: 1px 1px 1px #FFF;\n}\n.tl-timemarker .tl-timemarker-content-container:hover {\n  z-index: 9;\n}\n.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content {\n  position: relative;\n  overflow: hidden;\n  height: 100%;\n  z-index: 8;\n  padding: 5px;\n  -webkit-box-sizing: border-box;\n  /* Safari/Chrome, other WebKit */\n  -moz-box-sizing: border-box;\n  /* Firefox, other Gecko */\n  box-sizing: border-box;\n}\n.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text {\n  overflow: hidden;\n  position: relative;\n}\n.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline,\n.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline p {\n  display: -webkit-box;\n  line-clamp: 2;\n  -webkit-line-clamp: 2;\n  box-orient: vertical;\n  -webkit-box-orient: vertical;\n  text-overflow: ellipsis;\n  font-size: 12px;\n  line-height: 12px;\n  height: 100%;\n  overflow: hidden;\n  font-weight: normal;\n  margin: 0;\n  color: #bfbfbf;\n  position: relative;\n}\n.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline.tl-headline-fadeout:after,\n.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline p.tl-headline-fadeout:after {\n  content: \"\";\n  text-align: right;\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  width: 100%;\n  height: 50%;\n  background: -moz-linear-gradient(top, rgba(229, 229, 229, 0) 0%, #e5e5e5 50%);\n  /* FF3.6+ */\n  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(229, 229, 229, 0)), color-stop(50%, #e5e5e5));\n  /* Chrome,Safari4+ */\n  background: -webkit-linear-gradient(top, rgba(229, 229, 229, 0) 0%, #e5e5e5 50%);\n  /* Chrome10+,Safari5.1+ */\n  background: -o-linear-gradient(top, rgba(229, 229, 229, 0) 0%, #e5e5e5 50%);\n  /* Opera 11.10+ */\n  background: -ms-linear-gradient(top, rgba(229, 229, 229, 0) 0%, #e5e5e5 50%);\n  /* IE10+ */\n  background: linear-gradient(to bottom, rgba(229, 229, 229, 0) 0%, #e5e5e5 50%);\n  /* W3C */\n  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@thecolor', endColorstr='@thecolor', GradientType=0);\n  /* IE6-9 */\n}\n.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container {\n  float: left;\n  max-width: 24px;\n  max-height: 24px;\n  overflow: hidden;\n  margin-right: 5px;\n  height: 100%;\n  -webkit-box-sizing: border-box;\n  /* Safari/Chrome, other WebKit */\n  -moz-box-sizing: border-box;\n  /* Firefox, other Gecko */\n  box-sizing: border-box;\n}\n.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container .tl-timemarker-media {\n  max-width: 24px;\n  max-height: 100%;\n  opacity: 0.25;\n}\n.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container [class^=\"tl-icon-\"],\n.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container [class*=\" tl-icon-\"] {\n  display: block;\n  font-size: 24px;\n  color: #bfbfbf;\n  margin-top: 0px;\n}\n.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container .tl-icon-wikipedia {\n  font-size: 16px;\n}\n.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content.tl-timemarker-content-small .tl-timemarker-text h2.tl-headline {\n  display: block;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content.tl-timemarker-content-small .tl-timemarker-media-container [class^=\"tl-icon-\"],\n.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content.tl-timemarker-content-small .tl-timemarker-media-container [class*=\" tl-icon-\"] {\n  font-size: 12px;\n}\n.tl-timemarker:hover .tl-timemarker-timespan {\n  background-color: rgba(191, 191, 191, 0.15);\n}\n.tl-timemarker:hover .tl-timemarker-timespan .tl-timemarker-timespan-content {\n  background-color: #bfbfbf;\n}\n.tl-timemarker:hover .tl-timemarker-timespan .tl-timemarker-line-left,\n.tl-timemarker:hover .tl-timemarker-timespan .tl-timemarker-line-right {\n  border-color: #a6a6a6;\n}\n.tl-timemarker:hover .tl-timemarker-timespan .tl-timemarker-line-left:after,\n.tl-timemarker:hover .tl-timemarker-timespan .tl-timemarker-line-right:after {\n  background-color: #3d3d3d;\n}\n.tl-timemarker:hover .tl-timemarker-content-container {\n  background-color: #bfbfbf;\n  border-color: #a6a6a6;\n  -webkit-transition: height 250ms cubic-bezier(0.77, 0, 0.175, 1), width 250ms cubic-bezier(0.77, 0, 0.175, 1);\n  -moz-transition: height 250ms cubic-bezier(0.77, 0, 0.175, 1), width 250ms cubic-bezier(0.77, 0, 0.175, 1);\n  -o-transition: height 250ms cubic-bezier(0.77, 0, 0.175, 1), width 250ms cubic-bezier(0.77, 0, 0.175, 1);\n  transition: height 250ms cubic-bezier(0.77, 0, 0.175, 1), width 250ms cubic-bezier(0.77, 0, 0.175, 1);\n}\n.tl-timemarker:hover .tl-timemarker-content-container.tl-timemarker-content-container-small {\n  width: 200px;\n}\n.tl-timemarker:hover .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline {\n  color: #FFF;\n}\n.tl-timemarker:hover .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline.tl-headline-fadeout:after {\n  background: -moz-linear-gradient(top, rgba(191, 191, 191, 0) 0%, #bfbfbf 80%);\n  /* FF3.6+ */\n  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(191, 191, 191, 0)), color-stop(80%, #bfbfbf));\n  /* Chrome,Safari4+ */\n  background: -webkit-linear-gradient(top, rgba(191, 191, 191, 0) 0%, #bfbfbf 80%);\n  /* Chrome10+,Safari5.1+ */\n  background: -o-linear-gradient(top, rgba(191, 191, 191, 0) 0%, #bfbfbf 80%);\n  /* Opera 11.10+ */\n  background: -ms-linear-gradient(top, rgba(191, 191, 191, 0) 0%, #bfbfbf 80%);\n  /* IE10+ */\n  background: linear-gradient(to bottom, rgba(191, 191, 191, 0) 0%, #bfbfbf 80%);\n  /* W3C */\n  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@thecolor', endColorstr='@thecolor', GradientType=0);\n  /* IE6-9 */\n}\n.tl-timemarker:hover .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container .tl-timemarker-media {\n  opacity: 1;\n}\n.tl-timemarker:hover .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container [class^=\"tl-icon-\"],\n.tl-timemarker:hover .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container [class*=\" tl-icon-\"] {\n  color: #FFF;\n}\n.tl-timemarker:hover.tl-timemarker-active .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline.tl-headline-fadeout:after {\n  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFF 80%);\n  /* FF3.6+ */\n  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(80%, #FFF));\n  /* Chrome,Safari4+ */\n  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFF 80%);\n  /* Chrome10+,Safari5.1+ */\n  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFF 80%);\n  /* Opera 11.10+ */\n  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFF 80%);\n  /* IE10+ */\n  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #FFF 80%);\n  /* W3C */\n  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@thecolor', endColorstr='@thecolor', GradientType=0);\n  /* IE6-9 */\n}\n.tl-timemarker:hover.tl-timemarker-active .tl-timemarker-line-left,\n.tl-timemarker:hover.tl-timemarker-active .tl-timemarker-line-right {\n  border-color: #000;\n}\n.tl-timemarker:hover.tl-timemarker-active .tl-timemarker-line-left:after,\n.tl-timemarker:hover.tl-timemarker-active .tl-timemarker-line-right:after {\n  background-color: #000;\n}\n.tl-timemarker.tl-timemarker-active .tl-timemarker-timespan {\n  background-color: rgba(255, 255, 255, 0.5);\n  z-index: 8;\n}\n.tl-timemarker.tl-timemarker-active .tl-timemarker-timespan .tl-timemarker-timespan-content {\n  background-color: #333;\n}\n.tl-timemarker.tl-timemarker-active .tl-timemarker-line-left,\n.tl-timemarker.tl-timemarker-active .tl-timemarker-line-right {\n  border-color: rgba(51, 51, 51, 0.5);\n  border-width: 1px;\n  z-index: 8;\n  box-shadow: 0px 1px 3px rgba(145, 145, 145, 0.5);\n}\n.tl-timemarker.tl-timemarker-active .tl-timemarker-line-left:after,\n.tl-timemarker.tl-timemarker-active .tl-timemarker-line-right:after {\n  background-color: #333;\n}\n.tl-timemarker.tl-timemarker-active .tl-timemarker-content-container {\n  background-color: #FFF;\n  color: #333;\n  z-index: 9;\n  border-color: rgba(51, 51, 51, 0.5);\n  box-shadow: 1px 1px 3px rgba(145, 145, 145, 0.5);\n}\n.tl-timemarker.tl-timemarker-active .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline {\n  color: #333;\n}\n.tl-timemarker.tl-timemarker-active .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline.tl-headline-fadeout:after {\n  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFF 80%);\n  /* FF3.6+ */\n  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(80%, #FFF));\n  /* Chrome,Safari4+ */\n  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFF 80%);\n  /* Chrome10+,Safari5.1+ */\n  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFF 80%);\n  /* Opera 11.10+ */\n  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFF 80%);\n  /* IE10+ */\n  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #FFF 80%);\n  /* W3C */\n  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@thecolor', endColorstr='@thecolor', GradientType=0);\n  /* IE6-9 */\n}\n.tl-timemarker.tl-timemarker-active .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container .tl-timemarker-media {\n  opacity: 1;\n}\n.tl-timemarker.tl-timemarker-active .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container [class^=\"tl-icon-\"],\n.tl-timemarker.tl-timemarker-active .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container [class*=\" tl-icon-\"] {\n  color: #333;\n}\n.tl-timemarker.tl-timemarker-with-end .tl-timemarker-timespan .tl-timemarker-timespan-content {\n  display: block;\n}\n.tl-timemarker.tl-timemarker-with-end .tl-timemarker-timespan .tl-timemarker-line-left,\n.tl-timemarker.tl-timemarker-with-end .tl-timemarker-timespan .tl-timemarker-line-right {\n  z-index: 5;\n}\n.tl-timemarker.tl-timemarker-with-end .tl-timemarker-timespan:after {\n  display: block;\n  content: \" \";\n  position: absolute;\n  left: 0px;\n  bottom: -7px;\n  height: 6px;\n  width: 100%;\n  background-color: rgba(115, 115, 115, 0.15);\n  z-index: 6;\n  -webkit-border-radius: 7px;\n  -moz-border-radius: 7px;\n  border-radius: 7px;\n}\n.tl-timemarker.tl-timemarker-with-end .tl-timemarker-content-container.tl-timemarker-content-container-long {\n  box-shadow: none;\n}\n.tl-timemarker.tl-timemarker-with-end .tl-timemarker-line-right {\n  display: block;\n}\n.tl-timemarker.tl-timemarker-with-end .tl-timemarker-line-left {\n  box-shadow: none;\n}\n.tl-timemarker.tl-timemarker-with-end:hover .tl-timemarker-timespan:after {\n  background-color: rgba(0, 0, 0, 0.25);\n}\n.tl-timemarker.tl-timemarker-with-end.tl-timemarker-active .tl-timemarker-timespan:after {\n  background-color: rgba(51, 51, 51, 0.5);\n}\n.tl-timemarker.tl-timemarker-with-end.tl-timemarker-active .tl-timemarker-line-left,\n.tl-timemarker.tl-timemarker-with-end.tl-timemarker-active .tl-timemarker-line-right {\n  border-width: 1px;\n}\n.tl-timemarker.tl-timemarker-with-end.tl-timemarker-active .tl-timemarker-line-left:after,\n.tl-timemarker.tl-timemarker-with-end.tl-timemarker-active .tl-timemarker-line-right:after {\n  background-color: #333 !important;\n}\n.tl-timemarker.tl-timemarker-with-end.tl-timemarker-active .tl-timemarker-line-left {\n  box-shadow: none;\n}\n.tl-timemarker.tl-timemarker-with-end.tl-timemarker-active:hover .tl-timemarker-timespan:after {\n  background-color: rgba(51, 51, 51, 0.5);\n}\n/* Skinny\n================================================== */\n/* Mobile, iPhone\n================================================== */\n/* Mobile, iPhone and skinny\n================================================== */\n/* TL.TimeMarker\n================================================== */\n.tl-timeera {\n  height: 100%;\n  height: 40px;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  pointer-events: none;\n  z-index: 3;\n  /* Animate Left Width and Top\n\t================================================== */\n  -webkit-transition: left 1000ms cubic-bezier(0.77, 0, 0.175, 1), top 500ms cubic-bezier(0.77, 0, 0.175, 1), height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -moz-transition: left 1000ms cubic-bezier(0.77, 0, 0.175, 1), top 500ms cubic-bezier(0.77, 0, 0.175, 1), height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -o-transition: left 1000ms cubic-bezier(0.77, 0, 0.175, 1), top 500ms cubic-bezier(0.77, 0, 0.175, 1), height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  transition: left 1000ms cubic-bezier(0.77, 0, 0.175, 1), top 500ms cubic-bezier(0.77, 0, 0.175, 1), height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  /* Timespan\n\t================================================== */\n  /* Content\n\t================================================== */\n}\n.tl-timeera.tl-timeera-fast {\n  -webkit-transition: top 500ms cubic-bezier(0.77, 0, 0.175, 1), height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 500ms cubic-bezier(0.77, 0, 0.175, 1);\n  -moz-transition: top 500ms cubic-bezier(0.77, 0, 0.175, 1), height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 500ms cubic-bezier(0.77, 0, 0.175, 1);\n  -o-transition: top 500ms cubic-bezier(0.77, 0, 0.175, 1), height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 500ms cubic-bezier(0.77, 0, 0.175, 1);\n  transition: top 500ms cubic-bezier(0.77, 0, 0.175, 1), height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 500ms cubic-bezier(0.77, 0, 0.175, 1);\n  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n}\n.tl-timeera .tl-timeera-background {\n  position: absolute;\n  background-color: #28a6c3;\n  width: 100%;\n  height: 100%;\n  opacity: 1;\n}\n.tl-timeera.tl-timeera-color0 .tl-timeera-background {\n  background-color: #c34528;\n}\n.tl-timeera.tl-timeera-color1 .tl-timeera-background {\n  background-color: #28a6c3;\n}\n.tl-timeera.tl-timeera-color2 .tl-timeera-background {\n  background-color: #2832c3;\n}\n.tl-timeera.tl-timeera-color3 .tl-timeera-background {\n  background-color: #28c36c;\n}\n.tl-timeera.tl-timeera-color4 .tl-timeera-background {\n  background-color: #286dc3;\n}\n.tl-timeera.tl-timeera-color5 .tl-timeera-background {\n  background-color: #28c3a7;\n}\n.tl-timeera .tl-timeera-content-container {\n  position: absolute;\n  border: 0;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  border-bottom-right-radius: 4px;\n  height: 100%;\n  width: 100px;\n  overflow: hidden;\n  -webkit-transition: height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -moz-transition: height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -o-transition: height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  transition: height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  box-sizing: border-box;\n  border: 1px solid #d9d9d9;\n}\n.tl-timeera .tl-timeera-content-container .tl-timeera-content {\n  position: relative;\n  overflow: hidden;\n  height: 100%;\n  padding: 5px;\n  -webkit-box-sizing: border-box;\n  /* Safari/Chrome, other WebKit */\n  -moz-box-sizing: border-box;\n  /* Firefox, other Gecko */\n  box-sizing: border-box;\n}\n.tl-timeera .tl-timeera-content-container .tl-timeera-content .tl-timeera-text {\n  overflow: hidden;\n  position: relative;\n  height: 100%;\n}\n.tl-timeera .tl-timeera-content-container .tl-timeera-content .tl-timeera-text h2.tl-headline {\n  bottom: 0px;\n  position: absolute;\n  display: -webkit-box;\n  line-clamp: 4;\n  -webkit-line-clamp: 4;\n  box-orient: vertical;\n  -webkit-box-orient: vertical;\n  text-overflow: ellipsis;\n  font-size: 10px;\n  line-height: 10px;\n  overflow: hidden;\n  font-weight: normal;\n  margin: 0;\n  color: #FFF;\n  margin-left: 10px;\n}\n.tl-timeera .tl-timeera-content-container .tl-timeera-content .tl-timeera-text h2.tl-headline.tl-headline-fadeout:after {\n  content: \"\";\n  text-align: right;\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  width: 100%;\n  height: 50%;\n  background: -moz-linear-gradient(top, rgba(229, 229, 229, 0) 0%, #e5e5e5 50%);\n  /* FF3.6+ */\n  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(229, 229, 229, 0)), color-stop(50%, #e5e5e5));\n  /* Chrome,Safari4+ */\n  background: -webkit-linear-gradient(top, rgba(229, 229, 229, 0) 0%, #e5e5e5 50%);\n  /* Chrome10+,Safari5.1+ */\n  background: -o-linear-gradient(top, rgba(229, 229, 229, 0) 0%, #e5e5e5 50%);\n  /* Opera 11.10+ */\n  background: -ms-linear-gradient(top, rgba(229, 229, 229, 0) 0%, #e5e5e5 50%);\n  /* IE10+ */\n  background: linear-gradient(to bottom, rgba(229, 229, 229, 0) 0%, #e5e5e5 50%);\n  /* W3C */\n  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@thecolor', endColorstr='@thecolor', GradientType=0);\n  /* IE6-9 */\n}\n/* Skinny\n================================================== */\n/* Mobile, iPhone\n================================================== */\n/* Mobile, iPhone and skinny\n================================================== */\n/* TL.TimeMarker\n================================================== */\n.tl-timegroup {\n  width: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  background-color: #f2f2f2;\n  display: -ms-flexbox;\n  display: -webkit-flex;\n  display: flex;\n  align-items: center;\n  -ms-flex-align: center;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  /* Animate Left Width and Top\n\t================================================== */\n  -webkit-transition: left 1000ms cubic-bezier(0.77, 0, 0.175, 1), top 500ms cubic-bezier(0.77, 0, 0.175, 1), height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -moz-transition: left 1000ms cubic-bezier(0.77, 0, 0.175, 1), top 500ms cubic-bezier(0.77, 0, 0.175, 1), height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -o-transition: left 1000ms cubic-bezier(0.77, 0, 0.175, 1), top 500ms cubic-bezier(0.77, 0, 0.175, 1), height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  transition: left 1000ms cubic-bezier(0.77, 0, 0.175, 1), top 500ms cubic-bezier(0.77, 0, 0.175, 1), height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n}\n.tl-timegroup .tl-timegroup-message {\n  color: #e0e0e0;\n  text-shadow: #FFF 0px 2px 2px;\n  margin-left: 80px;\n}\n.tl-timegroup.tl-timegroup-alternate {\n  background-color: #fafafa;\n}\n.tl-timegroup.tl-timegroup-hidden {\n  display: none;\n}\n/* Skinny\n================================================== */\n/* Mobile, iPhone\n================================================== */\n/* Mobile, iPhone and skinny\n================================================== */\n/* TL.TimeAxis\n================================================== */\n.tl-timeaxis-background {\n  height: 39px;\n  width: 100%;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  background-color: #FFF;\n  border-top: 1px solid #e5e5e5;\n  z-index: 2;\n}\n.tl-timeaxis {\n  height: 39px;\n  width: 100%;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  z-index: 3;\n}\n.tl-timeaxis .tl-timeaxis-content-container {\n  position: relative;\n  bottom: 0;\n  height: 39px;\n}\n.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-major,\n.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor {\n  opacity: 0;\n  position: absolute;\n}\n.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-major .tl-timeaxis-tick,\n.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor .tl-timeaxis-tick {\n  position: absolute;\n  display: block;\n  top: 0;\n  left: 0;\n  text-align: center;\n  font-weight: normal;\n}\n.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-major .tl-timeaxis-tick .tl-timeaxis-tick-text,\n.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor .tl-timeaxis-tick .tl-timeaxis-tick-text {\n  display: inline-block;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-major .tl-timeaxis-tick:before,\n.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor .tl-timeaxis-tick:before {\n  content: \"|\";\n  display: block;\n  color: #FFF;\n  width: 1px;\n  overflow: hidden;\n  border-left: 1px solid #bfbfbf;\n  text-align: center;\n}\n.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-major.tl-timeaxis-animate .tl-timeaxis-tick,\n.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor.tl-timeaxis-animate .tl-timeaxis-tick {\n  -webkit-transition: all 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -moz-transition: all 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -o-transition: all 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  transition: all 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n}\n.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-major.tl-timeaxis-animate-opacity .tl-timeaxis-tick,\n.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor.tl-timeaxis-animate-opacity .tl-timeaxis-tick {\n  -webkit-transition: opacity 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -moz-transition: opacity 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -o-transition: opacity 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  transition: opacity 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n}\n.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-major {\n  z-index: 1;\n  background-color: #FFF;\n}\n.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-major .tl-timeaxis-tick {\n  font-size: 12px;\n  line-height: 14px;\n  color: #737373;\n  width: 100px;\n  margin-left: -50px;\n}\n.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-major .tl-timeaxis-tick:before {\n  border-color: #a6a6a6;\n  font-size: 18px;\n  line-height: 18px;\n  margin-bottom: 2px;\n  margin-left: 50px;\n}\n.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor .tl-timeaxis-tick {\n  font-size: 11px;\n  line-height: 13px;\n  color: #bfbfbf;\n  width: 50px;\n  margin-left: -25px;\n}\n.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor .tl-timeaxis-tick .tl-timeaxis-tick-text {\n  opacity: 0;\n  white-space: normal;\n  padding-left: 2px;\n  padding-right: 2px;\n}\n.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor .tl-timeaxis-tick .tl-timeaxis-tick-text span {\n  display: block;\n  font-size: 9px;\n  line-height: 9px;\n  margin-top: -2px;\n  color: #e6e6e6;\n}\n.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor .tl-timeaxis-tick:before {\n  font-size: 9px;\n  line-height: 9px;\n  margin-left: 25px;\n}\n.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor .tl-timeaxis-tick.tl-timeaxis-tick-hidden .tl-timeaxis-tick-text {\n  opacity: 0 !important;\n}\n.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor .tl-timeaxis-tick.tl-timeaxis-tick-hidden:before {\n  opacity: 0.33;\n}\n/* Skinny\n================================================== */\n/* Mobile, iPhone\n================================================== */\n/* Mobile, iPhone and skinny\n================================================== */\n.tlanimate {\n  -webkit-transform: translateZ(0);\n  -webkit-perspective: 1000;\n  -webkit-backface-visibility: hidden;\n}\n.tl-animate {\n  -webkit-transition: all 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -moz-transition: all 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -o-transition: all 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  transition: all 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n}\n.tl-animate-opacity {\n  -webkit-transition: opacity 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -moz-transition: opacity 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -o-transition: opacity 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  transition: opacity 1000ms cubic-bezier(0.77, 0, 0.175, 1);\n  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n}\n/* SLIDE\n================================================== */\n.tl-slide {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  padding: 0px;\n  margin: 0px;\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n.tl-slide .tl-slide-background {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  overflow: hidden;\n  display: none;\n  filter: alpha(opacity=50);\n  -khtml-opacity: 0.5;\n  -moz-opacity: 0.5;\n  opacity: 0.5;\n  background: no-repeat center center;\n  -webkit-background-size: cover;\n  -moz-background-size: cover;\n  -o-background-size: cover;\n  background-size: cover;\n}\n.tl-slide .tl-slide-scrollable-container {\n  display: table;\n  table-layout: fixed;\n  height: 100%;\n  z-index: 1;\n}\n.tl-slide .tl-slide-content-container {\n  display: table-cell;\n  vertical-align: middle;\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 3;\n}\n.tl-slide .tl-slide-content-container .tl-slide-content {\n  display: table;\n  vertical-align: middle;\n  padding-left: 100px;\n  padding-right: 100px;\n  position: relative;\n  max-width: 100%;\n  user-select: text;\n}\n.tl-slide .tl-slide-content-container .tl-slide-content .tl-media {\n  position: relative;\n  width: 100%;\n  min-width: 50%;\n  float: left;\n  margin-top: auto;\n  margin-bottom: auto;\n}\n.tl-slide .tl-slide-content-container .tl-slide-content .tl-text {\n  width: 50%;\n  max-width: 50%;\n  min-width: 120px;\n  padding: 0 20px 0 20px;\n  display: table-cell;\n  vertical-align: middle;\n  text-align: left;\n}\n/* Only Media (no text)\n================================================== */\n.tl-slide-media-only .tl-slide-content-container .tl-slide-content {\n  text-align: center;\n}\n.tl-slide-media-only .tl-slide-content-container .tl-slide-content .tl-media {\n  text-align: center;\n  position: relative;\n  width: 100%;\n  min-width: 50%;\n  max-width: 100%;\n  float: none;\n  margin-top: auto;\n  margin-bottom: auto;\n}\n.tl-slide-media-only .tl-slide-content-container .tl-slide-content .tl-text {\n  width: 100%;\n  max-width: 100%;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n  text-align: center;\n}\n/* Only Text (no media)\n================================================== */\n.tl-slide-text-only .tl-slide-content-container .tl-slide-content {\n  text-align: center;\n}\n.tl-slide-text-only .tl-slide-content-container .tl-slide-content .tl-text {\n  max-width: 80%;\n  width: 80%;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n}\n/* Background\n================================================== */\n.tl-slide.tl-full-image-background,\n.tl-slide.tl-full-color-background {\n  color: #FFF !important;\n  text-shadow: 1px 1px 1px #000 !important;\n}\n.tl-slide.tl-full-image-background p,\n.tl-slide.tl-full-color-background p,\n.tl-slide.tl-full-image-background h1,\n.tl-slide.tl-full-color-background h1,\n.tl-slide.tl-full-image-background h2,\n.tl-slide.tl-full-color-background h2,\n.tl-slide.tl-full-image-background h3,\n.tl-slide.tl-full-color-background h3,\n.tl-slide.tl-full-image-background h4,\n.tl-slide.tl-full-color-background h4,\n.tl-slide.tl-full-image-background h5,\n.tl-slide.tl-full-color-background h5,\n.tl-slide.tl-full-image-background h6,\n.tl-slide.tl-full-color-background h6 {\n  color: #FFF !important;\n  text-shadow: 1px 1px 1px #000 !important;\n}\n.tl-slide.tl-full-image-background a,\n.tl-slide.tl-full-color-background a,\n.tl-slide.tl-full-image-background b,\n.tl-slide.tl-full-color-background b,\n.tl-slide.tl-full-image-background i,\n.tl-slide.tl-full-color-background i,\n.tl-slide.tl-full-image-background blockquote,\n.tl-slide.tl-full-color-background blockquote,\n.tl-slide.tl-full-image-background blockquote p,\n.tl-slide.tl-full-color-background blockquote p {\n  text-shadow: 1px 1px 1px #000;\n  color: #ffffff;\n}\n.tl-slide.tl-full-image-background a:hover,\n.tl-slide.tl-full-color-background a:hover {\n  text-decoration: underline;\n  color: #c34528;\n}\n.tl-slide.tl-full-image-background .tl-caption,\n.tl-slide.tl-full-color-background .tl-caption,\n.tl-slide.tl-full-image-background .tl-credit,\n.tl-slide.tl-full-color-background .tl-credit {\n  color: #FFF !important;\n  text-shadow: 1px 1px 1px #000 !important;\n}\n.tl-slide.tl-full-image-background .tl-media-twitter blockquote,\n.tl-slide.tl-full-color-background .tl-media-twitter blockquote,\n.tl-slide.tl-full-image-background .tl-media-blockquote blockquote,\n.tl-slide.tl-full-color-background .tl-media-blockquote blockquote {\n  color: #FFF !important;\n  text-shadow: 1px 1px 1px #000 !important;\n}\n.tl-slide.tl-full-image-background .tl-media-twitter blockquote p,\n.tl-slide.tl-full-color-background .tl-media-twitter blockquote p,\n.tl-slide.tl-full-image-background .tl-media-blockquote blockquote p,\n.tl-slide.tl-full-color-background .tl-media-blockquote blockquote p {\n  color: #FFF !important;\n  text-shadow: 1px 1px 1px #000 !important;\n}\n.tl-slide.tl-full-image-background .vcard a,\n.tl-slide.tl-full-color-background .vcard a,\n.tl-slide.tl-full-image-background .vcard .nickname,\n.tl-slide.tl-full-color-background .vcard .nickname {\n  color: #FFF !important;\n  text-shadow: 1px 1px 1px #000 !important;\n}\n/* Full Image Background\n================================================== */\n.tl-slide.tl-full-image-background {\n  background: no-repeat center center;\n  -webkit-background-size: cover;\n  -moz-background-size: cover;\n  -o-background-size: cover;\n  background-size: cover;\n  background-position: center 25%;\n  text-shadow: 1px 1px 2px #000;\n}\n.tl-slide.tl-full-image-background p,\n.tl-slide.tl-full-image-background h1,\n.tl-slide.tl-full-image-background h2,\n.tl-slide.tl-full-image-background h3,\n.tl-slide.tl-full-image-background h4,\n.tl-slide.tl-full-image-background h5,\n.tl-slide.tl-full-image-background h6 {\n  text-shadow: 1px 1px 2px #000;\n}\n.tl-slide.tl-full-image-background .tl-caption,\n.tl-slide.tl-full-image-background .tl-credit {\n  text-shadow: 1px 1px 2px #000;\n}\n.tl-slide.tl-full-image-background .tl-media-twitter blockquote,\n.tl-slide.tl-full-image-background .tl-media-blockquote blockquote {\n  text-shadow: 1px 1px 2px #000 !important;\n}\n.tl-slide.tl-full-image-background .tl-media-twitter blockquote p,\n.tl-slide.tl-full-image-background .tl-media-blockquote blockquote p {\n  text-shadow: 1px 1px 2px #000 !important;\n}\n/* Color Background\n================================================== */\n/* Text Background\n================================================== */\n.tl-slide.tl-text-background .tl-text .tl-text-content-container {\n  padding: 20px;\n  /* Fallback for web browsers that doesn't support RGBa */\n  background: #000000 transparent;\n  /* RGBa with 0.6 opacity */\n  background: rgba(0, 0, 0, 0.6);\n  -webkit-border-radius: 7px;\n  -moz-border-radius: 7px;\n  border-radius: 7px;\n}\n.tl-slide.tl-text-background .tl-text .tl-text-content-container h2 {\n  margin-top: 5px;\n}\n/* Skinny\n================================================== */\n.tl-skinny .tl-slide {\n  display: block;\n  padding-top: 10px;\n}\n.tl-skinny .tl-slide .tl-slide-content-container {\n  display: block;\n  position: static;\n  height: auto;\n  height: 100%;\n  display: -webkit-flex;\n  /* Safari */\n  display: flex;\n  align-items: center;\n  -webkit-align-items: center;\n  /* Safari 7.0+ */\n}\n.tl-skinny .tl-slide .tl-slide-content-container .tl-slide-content {\n  display: block;\n  display: -webkit-flex;\n  /* Safari */\n  display: flex;\n  flex-direction: column-reverse;\n  -webkit-flex-direction: column-reverse;\n  /* Safari */\n  position: static;\n  height: auto;\n  padding-left: 50px;\n  padding-right: 50px;\n}\n.tl-skinny .tl-slide .tl-slide-content-container .tl-slide-content .tl-media {\n  position: static;\n  width: 100%;\n  height: auto;\n  float: none;\n  display: block;\n  padding-top: 20px;\n  border-top: 1px solid #e6e6e6;\n}\n.tl-skinny .tl-slide .tl-slide-content-container .tl-slide-content .tl-text {\n  display: block;\n  height: auto;\n  vertical-align: initial;\n  position: static;\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  float: none;\n  padding: 0;\n}\n.tl-skinny .tl-slide .tl-slide-content-container .tl-slide-content .tl-text .tl-text-content-container {\n  padding-left: 10px;\n  padding-right: 10px;\n  padding-bottom: 10px;\n}\n.tl-skinny .tl-slide.tl-slide.tl-full-color-background .tl-slide-content-container .tl-slide-content .tl-media,\n.tl-skinny .tl-slide.tl-full-image-background .tl-slide-content-container .tl-slide-content .tl-media {\n  border-color: rgba(230, 230, 230, 0.25);\n}\n.tl-skinny .tl-slide.tl-slide-media-only .tl-slide-content-container .tl-slide-content {\n  flex-direction: column;\n  -webkit-flex-direction: column;\n  /* Safari */\n}\n.tl-skinny .tl-slide.tl-slide-media-only .tl-slide-content-container .tl-slide-content .tl-media {\n  border-top: none;\n  padding-top: 0px;\n}\n/* Mobile, iPhone\n================================================== */\n/* Mobile, iPhone and skinny\n================================================== */\n.tl-mobile.tl-skinny .tl-slide .tl-slide-content-container .tl-slide-content .tl-media img,\n.tl-mobile.tl-skinny .tl-slide .tl-slide-content-container .tl-slide-content .tl-media embed,\n.tl-mobile.tl-skinny .tl-slide .tl-slide-content-container .tl-slide-content .tl-media object,\n.tl-mobile.tl-skinny .tl-slide .tl-slide-content-container .tl-slide-content .tl-media video,\n.tl-mobile.tl-skinny .tl-slide .tl-slide-content-container .tl-slide-content .tl-media iframe {\n  max-height: 175px;\n}\n/* SlideNav\n================================================== */\n/* NAVIGATION\n================================================== */\n.tl-slidenav-previous,\n.tl-slidenav-next {\n  position: absolute;\n  top: 45%;\n  z-index: 10;\n  cursor: pointer;\n}\n.tl-slidenav-previous .tl-slidenav-content-container,\n.tl-slidenav-next .tl-slidenav-content-container {\n  height: 200px;\n  width: 100px;\n  position: absolute;\n}\n.tl-slidenav-previous .tl-slidenav-title,\n.tl-slidenav-next .tl-slidenav-title,\n.tl-slidenav-previous .tl-slidenav-description,\n.tl-slidenav-next .tl-slidenav-description {\n  width: 80px;\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n  text-overflow: ellipsis;\n  /* Non standard for webkit */\n  /*\n\t   -webkit-hyphens: auto;\n\t      -moz-hyphens: auto;\n\t       -ms-hyphens: auto;\n\t           hyphens: auto;\n\t\t*/\n}\n.tl-slidenav-previous .tl-slidenav-title small,\n.tl-slidenav-next .tl-slidenav-title small,\n.tl-slidenav-previous .tl-slidenav-description small,\n.tl-slidenav-next .tl-slidenav-description small {\n  display: block;\n}\n.tl-slidenav-previous .tl-slidenav-title,\n.tl-slidenav-next .tl-slidenav-title {\n  margin-top: 10px;\n  filter: alpha(opacity=15);\n  -khtml-opacity: 0.15;\n  -moz-opacity: 0.15;\n  opacity: 0.15;\n  font-size: 11px;\n  line-height: 11px;\n}\n.tl-slidenav-previous .tl-slidenav-description,\n.tl-slidenav-next .tl-slidenav-description {\n  font-size: 11px;\n  margin-top: 5px;\n  filter: alpha(opacity=0);\n  -khtml-opacity: 0;\n  -moz-opacity: 0;\n  opacity: 0;\n}\n.tl-slidenav-previous .tl-slidenav-description small,\n.tl-slidenav-next .tl-slidenav-description small {\n  display: none;\n}\n/* NAVIGATION COLOR\n================================================== */\n.tl-slidenav-previous .tl-slidenav-content-container .tl-slidenav-icon,\n.tl-slidenav-next .tl-slidenav-content-container .tl-slidenav-icon,\n.tl-slidenav-previous .tl-slidenav-content-container .tl-slidenav-title,\n.tl-slidenav-next .tl-slidenav-content-container .tl-slidenav-title,\n.tl-slidenav-previous .tl-slidenav-content-container .tl-slidenav-description,\n.tl-slidenav-next .tl-slidenav-content-container .tl-slidenav-description {\n  text-shadow: 1px 1px 1px #FFF;\n  color: #333;\n}\n.tl-slidenav-previous .tl-slidenav-content-container.tl-slidenav-inverted .tl-slidenav-icon,\n.tl-slidenav-next .tl-slidenav-content-container.tl-slidenav-inverted .tl-slidenav-icon,\n.tl-slidenav-previous .tl-slidenav-content-container.tl-slidenav-inverted .tl-slidenav-title,\n.tl-slidenav-next .tl-slidenav-content-container.tl-slidenav-inverted .tl-slidenav-title,\n.tl-slidenav-previous .tl-slidenav-content-container.tl-slidenav-inverted .tl-slidenav-description,\n.tl-slidenav-next .tl-slidenav-content-container.tl-slidenav-inverted .tl-slidenav-description {\n  color: #f2f2f2;\n  text-shadow: 1px 1px 1px #333;\n}\n/* ICONS\n================================================== */\n.tl-slidenav-next .tl-slidenav-icon,\n.tl-slidenav-previous .tl-slidenav-icon {\n  font-family: 'tl-icons';\n  speak: none;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-size: 32px;\n  margin-bottom: 5px;\n}\n.tl-slidenav-next {\n  text-align: right;\n  margin-right: 10px;\n  right: 100px;\n}\n.tl-slidenav-next .tl-slidenav-title,\n.tl-slidenav-next .tl-slidenav-description {\n  margin-left: 20px;\n}\n.tl-slidenav-next .tl-slidenav-icon {\n  margin-left: 76px;\n}\n.tl-slidenav-next .tl-slidenav-icon:before {\n  content: \"\\e64f\";\n}\n.tl-slidenav-previous {\n  text-align: left;\n  margin-left: 10px;\n}\n.tl-slidenav-previous .tl-slidenav-icon {\n  margin-left: 0px;\n}\n.tl-slidenav-previous .tl-slidenav-icon:before {\n  content: \"\\e650\";\n}\n/* NAVIGATION HOVER\n================================================== */\n.tl-slidenav-previous:hover .tl-slidenav-title,\n.tl-slidenav-next:hover .tl-slidenav-title {\n  filter: alpha(opacity=100);\n  -khtml-opacity: 1;\n  -moz-opacity: 1;\n  opacity: 1;\n}\n.tl-slidenav-previous:hover .tl-slidenav-description,\n.tl-slidenav-next:hover .tl-slidenav-description {\n  filter: alpha(opacity=50);\n  -khtml-opacity: 0.5;\n  -moz-opacity: 0.5;\n  opacity: 0.5;\n}\n.tl-slidenav-next:hover .tl-slidenav-icon {\n  margin-left: 80px;\n}\n.tl-slidenav-previous:hover .tl-slidenav-icon {\n  margin-left: -4px;\n}\n.tl-skinny .tl-slidenav-next {\n  right: 32px;\n}\n.tl-skinny .tl-slidenav-next .tl-slidenav-icon {\n  margin-left: 8px;\n}\n.tl-skinny .tl-slidenav-previous .tl-slidenav-content-container,\n.tl-skinny .tl-slidenav-next .tl-slidenav-content-container {\n  width: 32px;\n  height: 32px;\n}\n.tl-skinny .tl-slidenav-previous .tl-slidenav-title,\n.tl-skinny .tl-slidenav-next .tl-slidenav-title,\n.tl-skinny .tl-slidenav-previous .tl-slidenav-description,\n.tl-skinny .tl-slidenav-next .tl-slidenav-description {\n  display: none;\n}\n.tl-skinny .tl-slidenav-previous .tl-slidenav-icon,\n.tl-skinny .tl-slidenav-next .tl-slidenav-icon {\n  filter: alpha(opacity=33);\n  -khtml-opacity: 0.33;\n  -moz-opacity: 0.33;\n  opacity: 0.33;\n}\n.tl-skinny .tl-slidenav-next:hover .tl-slidenav-icon {\n  margin-left: 12px;\n  filter: alpha(opacity=100);\n  -khtml-opacity: 1;\n  -moz-opacity: 1;\n  opacity: 1;\n}\n.tl-skinny .tl-slidenav-previous:hover .tl-slidenav-icon {\n  margin-left: -4px;\n  filter: alpha(opacity=100);\n  -khtml-opacity: 1;\n  -moz-opacity: 1;\n  opacity: 1;\n}\n.tl-layout-landscape.tl-mobile .tl-slidenav-next:hover {\n  right: 70px;\n}\n.tl-layout-landscape.tl-mobile .tl-slidenav-next:hover .tl-slidenav-icon {\n  margin-left: 8px;\n  filter: alpha(opacity=100);\n  -khtml-opacity: 1;\n  -moz-opacity: 1;\n  opacity: 1;\n}\n.tl-layout-landscape.tl-mobile .tl-slidenav-next:active .tl-slidenav-icon {\n  margin-left: 0px;\n  filter: alpha(opacity=100);\n  -khtml-opacity: 1;\n  -moz-opacity: 1;\n  opacity: 1;\n}\n.tl-layout-landscape.tl-mobile .tl-slidenav-previous:hover .tl-slidenav-icon {\n  margin-left: 80px;\n  filter: alpha(opacity=100);\n  -khtml-opacity: 1;\n  -moz-opacity: 1;\n  opacity: 1;\n}\n.tl-layout-landscape.tl-mobile .tl-slidenav-previous:active .tl-slidenav-icon {\n  filter: alpha(opacity=100);\n  -khtml-opacity: 1;\n  -moz-opacity: 1;\n  opacity: 1;\n  margin-left: -4px;\n}\n.tl-layout-portrait.tl-mobile .tl-slidenav-next:hover .tl-slidenav-icon {\n  filter: alpha(opacity=33);\n  -khtml-opacity: 0.33;\n  -moz-opacity: 0.33;\n  opacity: 0.33;\n}\n.tl-layout-portrait.tl-mobile .tl-slidenav-next:active .tl-slidenav-icon {\n  filter: alpha(opacity=100);\n  -khtml-opacity: 1;\n  -moz-opacity: 1;\n  opacity: 1;\n}\n.tl-layout-portrait.tl-mobile .tl-slidenav-previous:hover .tl-slidenav-icon {\n  filter: alpha(opacity=33);\n  -khtml-opacity: 0.33;\n  -moz-opacity: 0.33;\n  opacity: 0.33;\n}\n.tl-layout-portrait.tl-mobile .tl-slidenav-previous:active .tl-slidenav-icon {\n  filter: alpha(opacity=100);\n  -khtml-opacity: 1;\n  -moz-opacity: 1;\n  opacity: 1;\n}\n.tl-mobile .tl-slidenav-previous,\n.tl-skinny.tl-mobile .tl-slidenav-previous,\n.tl-skinny.tl-layout-landscape.tl-mobile .tl-slidenav-previous,\n.tl-skinny.tl-layout-portrait.tl-mobile .tl-slidenav-previous,\n.tl-mobile .tl-slidenav-next,\n.tl-skinny.tl-mobile .tl-slidenav-next,\n.tl-skinny.tl-layout-landscape.tl-mobile .tl-slidenav-next,\n.tl-skinny.tl-layout-portrait.tl-mobile .tl-slidenav-next {\n  display: none;\n}\n/* StorySlider\n================================================== */\n/* SLIDER CONTAINERS\n================================================== */\n.tl-storyslider {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  -o-user-select: none;\n  user-select: none;\n  position: relative;\n  box-sizing: content-box;\n  z-index: 8;\n}\n.tl-storyslider img,\n.tl-storyslider embed,\n.tl-storyslider object,\n.tl-storyslider video,\n.tl-storyslider iframe {\n  max-width: 100%;\n  position: relative;\n}\n.tl-storyslider .tl-slider-background {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n.tl-storyslider .tl-slider-touch-mask {\n  width: 100%;\n  height: 100%;\n  z-index: 25;\n  top: 0px;\n  left: 0px;\n  position: absolute;\n}\n.tl-storyslider .tl-slider-container-mask {\n  text-align: center;\n  width: 100%;\n  height: 100%;\n  position: relative;\n  z-index: 5;\n}\n.tl-storyslider .tl-slider-container-mask .tl-slider-container {\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n}\n.tl-storyslider .tl-slider-container-mask .tl-slider-container .tl-slider-item-container {\n  width: 100%;\n  height: 100%;\n  display: table-cell;\n  vertical-align: middle;\n}\n/* Skinny\n================================================== */\n/* Mobile, iPhone\n================================================== */\n/* Mobile, iPhone and skinny\n================================================== */\n/* Requires Variables.less\n================================================== */\n.tl-media {\n  width: 100%;\n  min-width: 50%;\n  height: 100%;\n  float: left;\n  margin-top: auto;\n  margin-bottom: auto;\n  position: relative;\n}\n.tl-media .tl-media-content-container.tl-media-content-container-text {\n  border-right: 1px solid #e6e6e6;\n  padding-right: 20px;\n}\n.tl-media .tl-media-content-container .tl-media-content {\n  position: relative;\n}\n.tl-media .tl-media-content-container .tl-media-content:before,\n.tl-media .tl-media-content-container .tl-media-content:after {\n  display: table;\n  content: \"\";\n}\n.tl-media .tl-media-content-container .tl-media-content:after {\n  clear: both;\n}\n.tl-media .tl-media-content-container .tl-media-content .tl-media-loaderror p {\n  color: #f2f2f2;\n  text-align: center;\n}\n.tl-media .tl-media-content-container .tl-media-content .tl-media-loaderror p span {\n  color: #f2f2f2;\n}\n.tl-media .tl-media-content-container .tl-media-content .tl-media-loaderror [class^=\"tl-icon-\"],\n.tl-media .tl-media-content-container .tl-media-content .tl-media-loaderror [class*=\" tl-icon-\"] {\n  font-size: 28px;\n  color: #f2f2f2;\n  text-align: center;\n}\n.tl-media .tl-media-content-container .tl-media-content img,\n.tl-media .tl-media-content-container .tl-media-content embed,\n.tl-media .tl-media-content-container .tl-media-content object,\n.tl-media .tl-media-content-container .tl-media-content video {\n  max-width: 100%;\n  max-height: 100%;\n}\n/* Media Only Slides\n================================================== */\n.tl-slide-media-only .tl-media .tl-media-content-container.tl-media-content-container-text {\n  border-right: none;\n  padding-right: 0;\n}\n/* Media Shodow\n================================================== */\n.tl-media-shadow {\n  position: relative;\n  z-index: 1;\n  -webkit-box-shadow: 0 12px 10px -10px rgba(0, 0, 0, 0.6);\n  -moz-box-shadow: 0 12px 10px -10px rgba(0, 0, 0, 0.6);\n  box-shadow: 0 12px 10px -10px rgba(0, 0, 0, 0.6);\n}\n.tl-slide.tl-full-image-background a,\n.tl-slide.tl-full-color-background a,\n.tl-slide.tl-full-image-background .vcard a,\n.tl-slide.tl-full-color-background .vcard a {\n  text-shadow: 1px 1px 1px #000;\n  color: #ffffff;\n}\n.tl-slide.tl-full-image-background a:hover,\n.tl-slide.tl-full-color-background a:hover {\n  text-decoration: underline;\n  color: #c34528;\n}\n/* Credit\n================================================== */\n.tl-credit {\n  color: #999999;\n  text-align: right;\n  display: block;\n  margin: 0 auto;\n  margin-top: 6px;\n  font-size: 10px;\n  line-height: 13px;\n}\n/* Caption\n================================================== */\n.tl-caption {\n  text-align: left;\n  margin-right: auto;\n  margin-left: auto;\n  margin-top: 10px;\n  color: #666666;\n  font-size: 11px;\n  line-height: 14px;\n  text-rendering: optimizeLegibility;\n  word-wrap: break-word;\n}\n/* Full Image Background\n================================================== */\n.tl-full-image-background .tl-media-shadow:before,\n.tl-full-color-background .tl-media-shadow:before,\n.tl-full-image-background .tl-media-shadow:after,\n.tl-full-color-background .tl-media-shadow:after {\n  background: none;\n  -webkit-box-shadow: 0 0px 0px #000;\n  -moz-box-shadow: 0 0px 0px #000;\n  box-shadow: 0 0px 0px #000;\n}\n/* Skinny\n================================================== */\n.tl-skinny .tl-media {\n  width: 100%;\n  height: auto;\n  float: none;\n  display: block;\n}\n.tl-skinny .tl-media .tl-media-content-container.tl-media-content-container-text {\n  border-right: 0;\n  padding-right: 0;\n}\n.tl-skinny .tl-media .tl-media-content-container .tl-credit,\n.tl-skinny .tl-media .tl-media-content-container .tl-caption {\n  margin-top: 2px;\n  padding-left: 10px;\n  padding-right: 10px;\n  font-size: 8px;\n}\n.tl-skinny .tl-media .tl-media-content-container .tl-credit {\n  margin-top: 0px;\n}\n/* Mobile, iPhone\n================================================== */\n/* Mobile, iPhone and skinny\n================================================== */\n.tl-mobile.tl-skinny .tl-media {\n  width: 100%;\n  height: auto;\n  float: none;\n  display: block;\n}\n.tl-mobile.tl-skinny .tl-media .tl-media-content-container.tl-media-content-container-text {\n  border-right: 0;\n  padding-right: 0;\n}\n/* Requires Variables.less\n================================================== */\n.tl-text {\n  width: 50%;\n  max-width: 50%;\n  min-width: 120px;\n  padding: 0 20px 0 20px;\n  display: table-cell;\n  vertical-align: middle;\n  text-align: left;\n  text-shadow: none;\n  color: #737373;\n}\n.tl-text p {\n  color: #737373;\n}\n.tl-text h2.tl-headline-title,\n.tl-text h2.tl-headline {\n  margin-top: 0;\n}\n.tl-text .tl-headline-date,\n.tl-text h3.tl-headline-date {\n  font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n  font-size: 15px;\n  line-height: 15px;\n  font-weight: normal;\n  margin: 0 0 3px 0;\n  color: #b3b3b3;\n}\n.tl-text .tl-headline-date small,\n.tl-text h3.tl-headline-date small {\n  font-size: 15px;\n  line-height: 15px;\n  font-weight: normal;\n  color: #b3b3b3;\n}\n.tl-text .tl-text-date {\n  display: inline-block;\n  font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n  font-weight: normal;\n  margin-top: 10px;\n  font-size: 12px;\n  color: #b3b3b3;\n}\n.tl-full-image-background .tl-text,\n.tl-full-color-background .tl-text,\n.tl-full-image-background .tl-text p,\n.tl-full-color-background .tl-text p {\n  color: #f2f2f2 !important;\n  text-shadow: 1px 1px 2px #000;\n}\n.tl-full-image-background .tl-text .tl-headline-date,\n.tl-full-color-background .tl-text .tl-headline-date,\n.tl-full-image-background .tl-text p .tl-headline-date,\n.tl-full-color-background .tl-text p .tl-headline-date,\n.tl-full-image-background .tl-text h3.tl-headline-date,\n.tl-full-color-background .tl-text h3.tl-headline-date,\n.tl-full-image-background .tl-text p h3.tl-headline-date,\n.tl-full-color-background .tl-text p h3.tl-headline-date {\n  color: #f2f2f2 !important;\n}\n.tl-full-image-background .tl-text .tl-headline-date small,\n.tl-full-color-background .tl-text .tl-headline-date small,\n.tl-full-image-background .tl-text p .tl-headline-date small,\n.tl-full-color-background .tl-text p .tl-headline-date small,\n.tl-full-image-background .tl-text h3.tl-headline-date small,\n.tl-full-color-background .tl-text h3.tl-headline-date small,\n.tl-full-image-background .tl-text p h3.tl-headline-date small,\n.tl-full-color-background .tl-text p h3.tl-headline-date small {\n  color: #f2f2f2 !important;\n}\n.tl-full-image-background .tl-text a:hover,\n.tl-full-color-background .tl-text a:hover,\n.tl-full-image-background .tl-text p a:hover,\n.tl-full-color-background .tl-text p a:hover {\n  text-decoration: underline;\n  color: #c34528;\n}\n/* Skinny\n================================================== */\n.tl-skinny .tl-text {\n  width: 100%;\n  max-width: 100%;\n  min-width: auto;\n  float: none;\n  margin-top: 20px;\n}\n.tl-skinny .tl-text h2.tl-headline-title,\n.tl-skinny .tl-text h2.tl-headline {\n  font-size: 32px;\n  line-height: 36px;\n}\n/* Medium\n================================================== */\n.tl-medium .tl-text h2.tl-headline-title,\n.tl-medium .tl-text h2.tl-headline {\n  font-size: 32px;\n  line-height: 36px;\n}\n/* Mobile, iPhone\n================================================== */\n/* Mobile, iPhone and skinny\n================================================== */\n.tl-mobile.tl-skinny .tl-media .tl-media-image {\n  max-height: 250px !important;\n}\n.tl-media .tl-media-twitter {\n  text-align: left;\n  clear: both;\n}\n.tl-media .tl-media-twitter blockquote {\n  margin: 0;\n  margin-right: 15px;\n  font-size: 15px;\n  line-height: 21px;\n  color: #333;\n}\n.tl-media .tl-media-twitter blockquote p {\n  font-size: 28px;\n  line-height: 30px;\n  color: #000;\n}\n.tl-media .tl-media-twitter blockquote p:before {\n  display: none;\n}\n.tl-media .tl-media-twitter blockquote p:after {\n  display: none;\n}\n.tl-media .tl-media-twitter .tl-icon-twitter {\n  color: #55ACEE;\n}\n.tl-media .tl-media-twitter .vcard a:hover,\n.tl-media .tl-media-twitter .vcard a.tl-date:hover {\n  text-decoration: none;\n  color: #55ACEE;\n}\n.tl-media .tl-media-twitter .vcard a:hover .fn,\n.tl-media .tl-media-twitter .vcard a.tl-date:hover .fn,\n.tl-media .tl-media-twitter .vcard a:hover .nickname,\n.tl-media .tl-media-twitter .vcard a.tl-date:hover .nickname {\n  color: #55ACEE;\n}\n.tl-slide-media-only .tl-media .tl-media-twitter {\n  width: 80%;\n  margin-left: auto;\n  margin-right: auto;\n}\n.tl-mobile.tl-skinny .tl-media .tl-media-twitter blockquote p {\n  font-size: 15px;\n  line-height: 21px;\n}\n.tl-skinny .tl-media .tl-media-twitter {\n  margin-left: 10px;\n  margin-right: 10px;\n}\n.tl-skinny .tl-media .tl-media-twitter blockquote p {\n  font-size: 24px;\n  line-height: 26px;\n}\n.tl-media .tl-media-blockquote {\n  text-align: left;\n  clear: both;\n}\n.tl-media .tl-media-blockquote blockquote {\n  margin: 0;\n  margin-right: 15px;\n  text-align: left;\n  font-size: 28px;\n  line-height: 30px;\n  color: #333;\n}\n.tl-media .tl-media-blockquote blockquote p {\n  font-size: 28px;\n  line-height: 30px;\n  color: #333;\n}\n.tl-media .tl-media-blockquote blockquote p:before,\n.tl-media .tl-media-blockquote blockquote p:after {\n  display: inline-block;\n  font-size: 36px;\n}\n.tl-media .tl-media-blockquote blockquote p:before {\n  content: open-quote;\n  margin-right: 5px;\n}\n.tl-media .tl-media-blockquote blockquote p:after {\n  content: close-quote;\n  margin-left: 3px;\n}\n.tl-media .tl-media-blockquote blockquote cite {\n  font-size: 15px;\n  line-height: 21px;\n  color: #999999;\n  text-align: right;\n  margin-top: 15px;\n}\n.tl-slide-media-only .tl-media .tl-media-blockquote {\n  border-right: 0;\n  width: 80%;\n  margin-left: auto;\n  margin-right: auto;\n}\n@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {\n  .tl-media .tl-media-blockquote blockquote p {\n    font-size: 24px;\n    line-height: 26px;\n  }\n}\n@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) {\n  .tl-media .tl-media-blockquote blockquote p {\n    font-size: 15px;\n    line-height: 21px;\n  }\n}\n.tl-mobile.tl-skinny .tl-media .tl-media-instagram {\n  max-height: 250px !important;\n}\n.tl-media .tl-media-profile {\n  border-radius: 50%;\n}\n.tl-media .tl-media-iframe {\n  width: 100%;\n  height: 100%;\n}\n.tl-media .tl-media-iframe iframe {\n  width: 100%;\n  height: 100%;\n}\n.tl-media .tl-media-wikipedia {\n  text-align: left;\n  margin-left: auto;\n  margin-right: auto;\n  clear: both;\n}\n.tl-media .tl-media-wikipedia .tl-icon-wikipedia {\n  font-size: 32px;\n  margin-right: 10px;\n  float: left;\n  padding-top: 3px;\n}\n.tl-media .tl-media-wikipedia .tl-wikipedia-pageimage {\n  float: left;\n  margin-right: 10px;\n  margin-bottom: 5px;\n  margin-top: 5px;\n}\n.tl-media .tl-media-wikipedia .tl-wikipedia-title {\n  margin-left: 60px;\n  padding-left: 10px;\n  border-left: 1px solid #e6e6e6;\n  margin-bottom: 10px;\n}\n.tl-media .tl-media-wikipedia .tl-wikipedia-source {\n  font-size: 13px;\n  line-height: 15px;\n  font-style: italic;\n  margin-top: 3px;\n  display: block;\n  color: rgba(0, 0, 0, 0.5);\n}\n.tl-media .tl-media-wikipedia h4 {\n  margin-top: 0px;\n  margin-bottom: 0px;\n}\n.tl-media .tl-media-wikipedia h4 a {\n  color: #000;\n  text-decoration: none;\n}\n.tl-media .tl-media-wikipedia p {\n  font-size: 13px;\n  line-height: 19px;\n}\n.tl-slide-media-only .tl-media .tl-media-wikipedia {\n  border-right: 0;\n  border-top: 1px solid #e6e6e6;\n  width: 80%;\n  margin-left: auto;\n  margin-right: auto;\n  margin-top: 25px;\n  padding-top: 25px;\n}\n.tl-slide.tl-full-image-background .tl-media .tl-media-wikipedia,\n.tl-slide.tl-full-color-background .tl-media .tl-media-wikipedia {\n  padding: 20px;\n  /* Fallback for web browsers that doesn't support RGBa */\n  background: #000000 transparent;\n  /* RGBa with 0.6 opacity */\n  background: rgba(0, 0, 0, 0.6);\n  -webkit-border-radius: 7px;\n  -moz-border-radius: 7px;\n  border-radius: 7px;\n}\n.tl-slide.tl-full-image-background .tl-media .tl-media-wikipedia h4 a,\n.tl-slide.tl-full-color-background .tl-media .tl-media-wikipedia h4 a {\n  color: #FFF !important;\n  text-shadow: 1px 1px 1px #000 !important;\n}\n.tl-slide.tl-full-image-background .tl-media .tl-media-wikipedia a:hover,\n.tl-slide.tl-full-color-background .tl-media .tl-media-wikipedia a:hover {\n  text-decoration: underline;\n  color: #c34528;\n}\n.tl-slide.tl-full-image-background .tl-media .tl-media-wikipedia .tl-wikipedia-title,\n.tl-slide.tl-full-color-background .tl-media .tl-media-wikipedia .tl-wikipedia-title {\n  border-color: rgba(230, 230, 230, 0.25);\n}\n.tl-slide.tl-full-image-background .tl-media .tl-media-wikipedia .tl-wikipedia-source,\n.tl-slide.tl-full-color-background .tl-media .tl-media-wikipedia .tl-wikipedia-source {\n  color: rgba(230, 230, 230, 0.85);\n}\n.tl-mobile.tl-skinny .tl-media .tl-media-wikipedia,\n.tl-skinny .tl-media .tl-media-wikipedia {\n  margin-left: 10px;\n  margin-right: 10px;\n}\n.tl-media .tl-media-website {\n  text-align: left;\n  margin-left: auto;\n  margin-right: auto;\n  clear: both;\n}\n.tl-media .tl-media-website .tl-media-website-description {\n  font-size: 16px;\n  line-height: 19px;\n  font-style: italic;\n  margin-bottom: 10px;\n  text-transform: uppercase;\n}\n.tl-media .tl-media-website h4 {\n  margin-top: 0px;\n  margin-bottom: 0px;\n  line-height: 1;\n}\n.tl-media .tl-media-website h4 a {\n  color: #000;\n  text-decoration: none;\n}\n.tl-media .tl-media-website p {\n  font-size: 13px;\n  line-height: 19px;\n}\n.tl-media .tl-media-content-container .tl-media-content .tl-media-website img {\n  float: right;\n  max-width: 120px;\n  max-height: 120px;\n  margin: 4px 0 0 15px;\n}\n.tl-media .tl-media-content-container .tl-media-content .tl-media-website img.tl-media-website-icon {\n  max-width: 16px;\n  max-height: 16px;\n  float: none;\n  margin: 0;\n  margin-right: 3px;\n}\n.tl-slide.tl-full-image-background .tl-media .tl-media-website,\n.tl-slide.tl-full-color-background .tl-media .tl-media-website {\n  padding: 20px;\n  /* Fallback for web browsers that doesn't support RGBa */\n  background: #000000 transparent;\n  /* RGBa with 0.6 opacity */\n  background: rgba(0, 0, 0, 0.6);\n  -webkit-border-radius: 7px;\n  -moz-border-radius: 7px;\n  border-radius: 7px;\n}\n.tl-slide.tl-full-image-background .tl-media .tl-media-website h4 a,\n.tl-slide.tl-full-color-background .tl-media .tl-media-website h4 a {\n  color: #FFF !important;\n  text-shadow: 1px 1px 1px #000 !important;\n}\n.tl-slide.tl-full-image-background .tl-media .tl-media-website a:hover,\n.tl-slide.tl-full-color-background .tl-media .tl-media-website a:hover {\n  text-decoration: underline;\n  color: #c34528;\n}\n.tl-mobile.tl-skinny .tl-media .tl-media-website {\n  margin-left: 10px;\n  margin-right: 10px;\n}\n/* Timeline\n================================================== */\n.tl-timeline {\n  width: 100%;\n  height: 100%;\n  font-size: 16px;\n  line-height: normal;\n  overflow: hidden;\n  position: relative;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  -o-user-select: none;\n  user-select: none;\n  background-color: #FFF;\n  color: #737373;\n  -webkit-box-sizing: content-box;\n  -moz-box-sizing: content-box;\n  box-sizing: content-box;\n}\n.tl-timeline.tl-timeline-embed {\n  box-sizing: border-box;\n  border-top: 1px solid #cccccc;\n  border-bottom: 1px solid #cccccc;\n  border-radius: 0;\n}\n.tl-timeline.tl-timeline-full-embed {\n  box-sizing: border-box;\n  border: 1px solid #cccccc;\n  border-radius: 8px;\n}\n/* Portrait\n================================================== */\n.tl-layout-portrait .tl-storyslider {\n  -webkit-box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.2);\n  -moz-box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.2);\n  box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.2);\n}\n.tl-rtl .tl-text-content,\n.tl-rtl .tl-headline,\n.tl-rtl .tl-media-blockquote,\n.tl-rtl .tl-headline-date,\n.tl-rtl .tl-timeline blockquote p,\n.tl-rtl .tl-media-website,\n.tl-rtl .tl-media-wikipedia,\n.tl-rtl .tl-media .tl-media-blockquote blockquote,\n.tl-rtl .blockquote,\n.tl-rtl blockquote p,\n.tl-rtl .tl-text-content p {\n  text-align: right;\n  direction: rtl;\n}\n.tl-rtl .tl-slide-media-only .tl-headline,\n.tl-rtl .tl-slide-media-only .tl-headline-date {\n  text-align: center;\n}\n.tl-rtl .tl-timemarker-text {\n  margin-right: 35px;\n}\n.tl-rtl .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container {\n  float: right;\n}\n.tl-rtl .tl-caption {\n  text-align: right;\n}\n.tl-rtl .tl-credit {\n  text-align: left;\n}\n","/*\tReset\n------------------------------------------------------------------------------------------- */\n\n.tl-storyjs {\n\n\t/*\tReset tags and common classes\n\t\tDisplay in IE6-9 and FF3\n\t\tBased on: http://github.com/necolas/normalize.css\n\t------------------------------------------------------------------------------------------- */\n\t\n\tdiv * {\n\t\t-webkit-box-sizing:content-box;\n\t\t   -moz-box-sizing:content-box;\n\t\t        box-sizing:content-box;\n\t}\n\t\n\th1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, \n\tsub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td, \n\t.tl-container, .content-container, .media, .text, .tl-slider, .slider, .date, .title, .message, .map, .credit, .caption, .tl-feedback, .tl-feature, .toolbar, \n\t.marker, .dot, .line, .flag, .time, .era, .major, .minor, .tl-navigation, .start, .active  {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tborder: 0;\n\t\tfont-weight: normal;\n\t\tfont-style: normal;\n\t\tfont-size: 100%;\n\t\tline-height: 1;\n\t\tfont-family: inherit;\n\t\twidth: auto;\n\t\tfloat:none;\n\t}\n\th1, h2, h3, h4, h5, h6 {\n\t\tclear:none;\n\t}\n\ttable { border-collapse: collapse; border-spacing: 0;}\n\tol, ul { list-style: none;}\n\tq:before, q:after, blockquote:before, blockquote:after { content: \"\"; }\n\ta:focus { outline: thin dotted; }\n\ta:hover, a:active { outline: 0;}\n\tarticle, aside, details, figcaption, figure, footer, header, hgroup, nav, section {\n\t\tdisplay: block;\n\t}\n\taudio, canvas, video {\n\t\tdisplay: inline-block;\n\t}\n\n\t/*\tPrevents modern browsers from displaying 'audio' without controls\n\t\tBased on: http://github.com/necolas/normalize.css\n\t------------------------------------------------------------------------------------------- */\n\taudio:not([controls]) {\n\t\tdisplay: none;\n\t}\n\tdiv {\n\t\tmax-width:none;\n\t}\n\t\n\t/*\tPrevents sub and sup affecting line-height in all browsers\n\t\tBased on: http://github.com/necolas/normalize.css\n\t------------------------------------------------------------------------------------------- */\n\tsub, sup {\n\t\tfont-size: 75%;\n\t\tline-height: 0;\n\t\tposition: relative;\n\t\tvertical-align: baseline;\n\t}\n\tsup {\n\t\ttop: -0.5em;\n\t}\n\tsub {\n\t\tbottom: -0.25em;\n\t}\n\n\t/*\tImg border in a's and image quality\n\t\tBased on: http://github.com/necolas/normalize.css\n\t------------------------------------------------------------------------------------------- */\n\timg {\n\t\tborder: 0;\n\t\t-ms-interpolation-mode: bicubic;\n\t}\n\n\t/*\tForms\n\t\tBased on: http://github.com/necolas/normalize.css\n\t------------------------------------------------------------------------------------------- */\n\tbutton, input, select, textarea {\n\t  font-size: 100%;\n\t  margin: 0;\n\t  vertical-align: baseline;\n\t  *vertical-align: middle;\n\t}\n\tbutton, input {\n\t  line-height: normal; // FF3/4 have !important on line-height in UA stylesheet\n\t  *overflow: visible; // Inner spacing ie IE6/7\n\t}\n\tbutton::-moz-focus-inner, input::-moz-focus-inner { // Inner padding and border oddities in FF3/4\n\t  border: 0;\n\t  padding: 0;\n\t}\n\tbutton, input[type=\"button\"], input[type=\"reset\"], input[type=\"submit\"] {\n\t  cursor: pointer; // Cursors on all buttons applied consistently\n\t  -webkit-appearance: button; // Style clicable inputs in iOS\n\t}\n\tinput[type=\"search\"] { // Appearance in Safari/Chrome\n\t  -webkit-appearance: textfield;\n\t  -webkit-box-sizing: content-box;\n\t     -moz-box-sizing: content-box;\n\t          box-sizing: content-box;\n\t}\n\tinput[type=\"search\"]::-webkit-search-decoration {\n\t  -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5\n\t}\n\ttextarea {\n\t  overflow: auto; // Remove vertical scrollbar in IE6-9\n\t  vertical-align: top; // Readability and alignment cross-browser\n\t}\n}",".tl-timeline {\n\tfont-family: @font-main;\n\t\n\th1, h2, h3, h4, h5, h6 {\n\t\tcolor:@color-header-text;\n\t}\n\t\n\th1, h2, h3 {\n\t\tfont-size: @base-font-size-xlarge;\n\t\tline-height:@base-font-size-xlarge;\n\t\tsmall {\n\t\t\tfont-size: \t\t@base-font-size-large;\n\t\t\tline-height:\t@base-font-size-large;\n\t\t}\n\t}\n\th4, h5, h6 {\n\t\tfont-size: @base-font-size-large;\n\t\tline-height:@base-font-size-large;\n\t\tmargin-bottom:0px;\n\t\tsmall {\n\t\t\tfont-size: @base-font-size;\n\t\t\tline-height:@base-font-size;\n\t\t}\n\t}\n\th2.tl-headline-title {\n\t\tfont-size: @base-font-size-xlarge + 10;\n\t\tline-height: @base-font-size-xlarge + 10;\n\t\tsmall {\n\t\t\tdisplay:block;\n\t\t\tmargin-top:5px;\n\t\t\tfont-size: @base-font-size-large;\n\t\t\tline-height:@base-font-size-large;\n\t\t}\n\t}\n\t\n\th2 {\n\t\tmargin-top:20px;\n\t\tmargin-bottom:5px;\n\t}\n\t\n\tp {\n\t\tmargin-top:5px;\n\t\tmargin-bottom:10px;\n\t\tfont-size: @base-font-size;\n\t\tline-height:@base-line-height;\n\t\t//font-family: @font-secondary;\n\t\tcolor: lighten(@color-dark, 40%);\n\t\t&.lead {\n\t\t\tfont-size: @base-font-size-large;\n\t\t}\n\t\ta {\n\t\t\t/*\n\t\t\tcolor: lighten(@color-dark, 40%);\n\t\t\ttext-decoration: none;\n\t\t\tbackground-image: -moz-linear-gradient(top, fade(lighten(@color-dark, 40%), 0%) 50%, fade(lighten(@color-dark, 40%), 60%) 50%);\n\t\t\tbackground-image: -webkit-linear-gradient(top, fade(lighten(@color-dark, 40%), 0%) 50%, fade(lighten(@color-dark, 40%), 60%) 50%);\n\t\t\tbackground-image: -o-linear-gradient(top, fade(lighten(@color-dark, 40%), 0%) 50%, fade(lighten(@color-dark, 40%), 60%) 50%);\n\t\t\tbackground-image: linear-gradient(to bottom, fade(lighten(@color-dark, 40%), 0%) 50%, fade(lighten(@color-dark, 40%), 60%) 50%);\n\t\t\tbackground-repeat: repeat-x;\n\t\t\tbackground-size: 2px 2px;\n\t\t\tbackground-position: 0 @base-font-size+2;\n\t\t\ttext-shadow: -2px -1px 0 white, 2px -1px 0 white, -2px 1px 0 white, 2px 1px 0 white;\n\t\t\t&:hover,\n\t\t\t&:focus {\n\t\t\t\tcolor:@color-theme;\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\t\t\t*/\n\t\t\tcolor: lighten(@color-dark, 40%);\n\t\t\ttext-decoration: underline;\n\t\t\t&:hover,\n\t\t\t&:focus {\n\t\t\t\tcolor:@color-theme;\n\t\t\t\t//text-decoration: none;\n\t\t\t}\n\t\t}\n\t\t\n\t\t\n\t\t@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {\n\t\t\ta {\n\t\t\t\ttext-decoration: underline;\n\t\t\t\tbackground-image:none;\n\t\t\t\ttext-shadow: none;\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tcolor:@color-theme;\n\t\t\t\t\ttext-decoration: underline;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t\n\t\t\n\t}\n\tb, strong {\n\t\tfont-weight: bold;\n\t\t//color: @color-dark;\n\t}\n\ti, em {\n\t\tfont-style: italic;\n\t}\n\ta {\n\t\ttext-decoration:none;\n\t\tcolor:@color-theme;\n\t}\n\ta:hover {\n\t\ttext-decoration:underline;\n\t\tcolor: darken(@color-theme, 20%);\n\t}\n\t.tl-caption, .tl-credit, .tl-slidenav-next, .tl-slidenav-previous {\n\t\t//font-family: @font-sanserif;\n\t\tfont-size:@base-font-size-small;\n\t\tline-height:@base-font-size-small;\n\t\ta {\n\t\t\tcolor: @color-dark;\n\t\t}\n\t}\n\t.tl-makelink {\n\n\t\tword-break: break-all;\n\t\tword-break: break-word;\n\t\t-webkit-hyphens: auto;\n\t\t   -moz-hyphens: auto;\n\t\t        hyphens: auto;\n\t}\n\tblockquote, blockquote p {\n\t\tfont-family: @font-serif;\n\t\tcolor: lighten(@color-dark, 60%);\n\t\tfont-size: @base-font-size-large;\n\t\tline-height:@base-font-size-large;\n\t\ttext-align:left;\n\t\tbackground:transparent;\n\t\tborder:0px;\n\t\tpadding:0px;\n\t\tcite {\n\t\t\tfont-family: @font-sanserif;\n\t\t\tfont-size: @base-font-size-small;\n\t\t\tcolor: lighten(@color-dark, 40%);\n\t\t\tdisplay:block;\n\t\t\ttext-align:right;\n\t\t\tfont-style: normal;\n\t\t\t\n\t\t}\n\t\tcite:before {\n\t\t\tcontent: \"\\2014\";\n\t\t}\n\t}\n\tblockquote p:before {\n\t\tcontent: open-quote;\n\t\tdisplay:inline-block;\n\t\tfont-size: @base-font-size-xlarge;\n\t\tposition: relative;  \n\t\ttop: 8px;\n\t\tmargin-right:5px;\n\t\t\n\t}\n\tblockquote p:after {\n\t\tcontent: close-quote;\n\t\tdisplay:inline-block;\n\t\tfont-size: @base-font-size-xlarge;\n\t\tposition: relative;  \n\t\ttop: 8px;\n\t\tmargin-left:3px;\n\t\t\n\t}\n\tblockquote {\n\t\tmargin:10px;\n\t\tp {\n\t\t\tmargin:0;\n\t\t}\n\t\t//margin-left:18px;\n\t}\n\t\n\n\t/* VCard\n\t================================================== */\n\t.vcard {\n\t\tfont-family: @font-main;\n\t\tfont-size: @base-font-size;\n\t\tline-height:@base-font-size;\n\n\t\t.clearfix();\n\t\tmargin-bottom:@base-spacing;\n\t\tmargin-top:10px;\n\t\t.twitter-date {\n\t\t\ttext-align:left;\n\t\t\tfont-size:@base-font-size-small;\n\t\t}\n\t\t.author {\n\t\t\tfloat:right;\n\t\t\t//text-align:right;\n\t\t}\n\t\ta {\n\t\t\tcolor: lighten(@color-dark, 20%);\n\t\t\ttext-decoration:none;\n\t\t}\n\t\ta:hover {\n\t\t\ttext-decoration: none;\n\t\t\t.fn, .nickname {\n\t\t\t\tcolor:@color-theme;\n\t\t\t\t//text-decoration: underline;\n\t\t\t}\n\t\t}\n\t\t.fn, .nickname {\n\t\t\t\t\n\t\t\tpadding-left: 42px;\n\t\t}\n\t\t.fn {\n\t\t\tdisplay:block;\n\t\t\tfont-weight: bold;\n\n\t\t}\n\t\t.nickname {\n\t\t\tmargin-top:1px;\n\t\t\tdisplay:block;\n\t\t\tcolor: lighten(@color-dark, 40%);\n\t\t}\n\t\t\t\n\t\t.avatar {\n\t\t\tfloat:left;\n\t\t\tdisplay: block;\n\t\t\twidth: 32px;\n\t\t\theight: 32px;\n\t\t\timg {\n\t\t\t\t-moz-border-radius: 5px;\n\t\t\t\t-webkit-border-radius: 5px;\n\t\t\t\tborder-radius: 5px;\n\t\t\t}\n\t\t}\n\t}\n\t.tl-text {\n\t\tul {\n\t\t\tpadding:0px;\n\t\t\tpadding-left:30px;\n\t\t\tmargin:0;\n\t\t\tli {\n\t\t\t\tmargin-bottom:5px;\n\t\t\t}\n\t\t}\n\t\t\n\t}\n\n\t.tl-button-calltoaction {\n\t\tcursor: pointer;\n\t\tfont-weight: bold;\n\t\tpadding-top: 10px;\n\t\tmargin-bottom: 10px;\n\t\tpadding-bottom: 10px;\n\n\t\t.tl-button-calltoaction-text {\n\t\t\tdisplay: inline-block;\n\t\t\tbackground-color: #c34528;\n\t\t\tcolor: #fff;\n\t\t\tpadding: 10px 15px 10px 15px;\n\t\t\tborder-radius: 7px;\n\t\t}\n\t}\n\n\t.tl-note {\n\t\tdisplay:block;\n\t\tfont-family: @font-main;\n\t\tfont-style: italic;\n\t\tbackground-color:lighten(@color-dark, 90%);\n\t\tfont-size:@base-font-size;\n\t\tline-height:@base-font-size+2;\n\t\tpadding:10px;\n\t\t.border-radius(7px); \n\t\tcolor: #8a6d3b;\n\t\tbackground-color: #fcf8e3;\n\t\tborder: 1px solid #faebcc;\n\t\ttext-shadow: none;\n\t}\n\n\n}\n\n\n// Skinnier\n@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {\n\t.tl-timeline {\n\t\th1, h2, h3 {\n\t\t\tfont-size: @base-font-size-xlarge;\n\t\t\tline-height: @base-font-size-xlarge;\n\t\t}\n\t\th2.tl-headline-title {\n\t\t}\n\t}\n\t\n}\n// Mobile, iPhone and skinny\n@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) {\n\t.tl-timeline {\n\t\th1, h2, h3 {\n\t\t\tfont-size: @base-font-size-xlarge - 4;\n\t\t\tline-height: @base-font-size-xlarge - 4;\n\t\t}\n\t\th2.tl-headline-title {\n\n\t\t}\n\t}\n}\n.tl-skinny {\n\th2 {\n\t\tmargin-top:0px;\n\t\t//padding-top:20px;\n\t}\n}","/*\tMixins.less\n\tSnippets of reusable CSS to develop faster and keep code readable\n * ----------------------------------------------------------------- */\n// Marker bottom text fade\n.marker-text-fade(@thecolor, @thepercent: 100%) {\n\tbackground: -moz-linear-gradient(top,  fadeout(@thecolor, 100%) 0%, @thecolor @thepercent); /* FF3.6+ */\n\tbackground: -webkit-gradient(linear, left top, left bottom, color-stop(0%,fadeout(@thecolor, 100%)), color-stop(@thepercent,@thecolor)); /* Chrome,Safari4+ */\n\tbackground: -webkit-linear-gradient(top,  fadeout(@thecolor, 100%) 0%,@thecolor @thepercent); /* Chrome10+,Safari5.1+ */\n\tbackground: -o-linear-gradient(top,  fadeout(@thecolor, 100%) 0%,@thecolor @thepercent); /* Opera 11.10+ */\n\tbackground: -ms-linear-gradient(top,  fadeout(@thecolor, 100%) 0%,@thecolor @thepercent); /* IE10+ */\n\tbackground: linear-gradient(to bottom,  fadeout(@thecolor, 100%) 0%,@thecolor @thepercent); /* W3C */\n\tfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@thecolor', endColorstr='@thecolor',GradientType=0 ); /* IE6-9 */\n}\n\n// Cubic Bezier \n.animation-timing-cubic-bezier() {\n\t\n\t-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); \n\t   -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); \n\t     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); \n\t        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);\n}\n\n// Property Animation\n.property-animation(@prop:height, @time:1000ms, @ease:cubic-bezier(0.770, 0.000, 0.175, 1.000)) {\n\t-webkit-transition+: @prop @time cubic-bezier(0.770, 0.000, 0.175, 1.000); \n\t   -moz-transition+: @prop @time cubic-bezier(0.770, 0.000, 0.175, 1.000); \n\t     -o-transition+: @prop @time cubic-bezier(0.770, 0.000, 0.175, 1.000); \n\t        transition+: @prop @time cubic-bezier(0.770, 0.000, 0.175, 1.000);\n}\n\n// Disable Selection\n.disable-selection() {\n\t-webkit-touch-callout: none;\n\t  -webkit-user-select: none;\n\t   -khtml-user-select: none;\n\t     -moz-user-select: none;\n\t      -ms-user-select: none;\n\t          user-select: none;\n}\n\n// Border Box\n.border-box() {\n\t-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */\n\t   -moz-box-sizing: border-box;    /* Firefox, other Gecko */\n\t\t    box-sizing: border-box;\n}\n\n// Opacity\n.opacity(@opacity: 100) {\n \tfilter: e(%(\"alpha(opacity=%d)\", @opacity));\n \t-khtml-opacity: @opacity / 100;\n \t  -moz-opacity: @opacity / 100;\n \t       opacity: @opacity / 100;\n}\n// Background Opacity\n.background-opacity(@opacity: 100) {\n\t/* Fallback for web browsers that doesn't support RGBa */\n\tbackground: rgb(0, 0, 0) transparent;\n\t/* RGBa with 0.6 opacity */\n\tbackground: rgba(0, 0, 0, @opacity / 100);\n}\n\n// Background Color Opacity\n.background-color-opacity(@cr:0, @cg:0, @cb:0, @opacity: 100) {\n\t/* Fallback for web browsers that doesn't support RGBa */\n\tbackground: rgb(@cr, @cg, @cb) transparent;\n\t/* RGBa with 0.6 opacity */\n\tbackground: rgba(@cr, @cg, @cb, @opacity / 100);\n}\n\n// Slide Text Shadow\n.slide-text-shadow(@shadow: 1px 1px 1px #000) {\n\tcolor: #FFF !important;\n\ttext-shadow: @shadow !important;\n\n}\n\n// Border Radius\n.border-radius(@radius: 5px) {\n \t-webkit-border-radius: @radius;\n \t   -moz-border-radius: @radius;\n \t        border-radius: @radius;\n}\n\n// Single side border-radius\n.border-top-radius(@radius) {\n  border-top-right-radius: @radius;\n   border-top-left-radius: @radius;\n}\n.border-right-radius(@radius) {\n  border-bottom-right-radius: @radius;\n     border-top-right-radius: @radius;\n}\n.border-bottom-radius(@radius) {\n  border-bottom-right-radius: @radius;\n   border-bottom-left-radius: @radius;\n}\n.border-left-radius(@radius) {\n  border-bottom-left-radius: @radius;\n     border-top-left-radius: @radius;\n}\n\n// Box Shadow\n.box-shadow(@shadow: 1px 1px 7px rgba(0,0,0,.30)) {\n\t-webkit-box-shadow: @shadow;\n\t   -moz-box-shadow: @shadow;\n\t        box-shadow: @shadow;\n}\n// Transform\n.transform(@transform) {\n \t-webkit-transform: @transform;\n \t   -moz-transform: @transform;\n \t    -ms-transform: @transform;\n \t     -o-transform: @transform;\n \t        transform: @transform;\n}\n// Transitions\n.transition(@transition) {\n \t-webkit-transition: @transition;\n \t   -moz-transition: @transition;\n \t    -ms-transition: @transition;\n \t     -o-transition: @transition;\n \t        transition: @transition;\n}\n// Hyphens\n.hyphens(@hyphens: auto) {\n \t-webkit-hyphens:@hyphens;\n \t   -moz-hyphens:@hyphens;\n \t    -ms-hyphens:@hyphens;\n \t        hyphens:@hyphens;\n}\n// User select\n// For selecting text on the page\n.user-select(@select) {\n\t-webkit-user-select: @select;\n\t   -moz-user-select: @select;\n\t    -ms-user-select: @select; // IE10+\n\t     -o-user-select: @select;\n\t        user-select: @select;\n}\n// Clear Fix\n.clearfix() {\n\t&:before,\n\t&:after {\n\t\tdisplay: table;\n\t\tcontent: \"\";\n\t}\n\t&:after {\n\t\tclear: both;\n\t}\n}\n.translucent-background(@color: @white, @alpha: 1) {\n\tbackground-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);\n}\n// Add an alphatransparency value to any background or border color (via Elyse Holladay)\n#translucent {\n  .background(@color: @white, @alpha: 1) {\n    background-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);\n  }\n  .border(@color: @white, @alpha: 1) {\n    border-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);\n    background-clip: padding-box;\n  }\n}\n// Reset filters for IE\n.reset-filter() {\n\tfilter: e(%(\"progid:DXImageTransform.Microsoft.gradient(enabled = false)\"));\n}\n// Center-align a block level element\n.center-block() {\n\tdisplay: block;\n\tmargin-left: auto;\n\tmargin-right: auto;\n}\n// Create Vertical Gradient\n.gradient-vertical (@startColor: #555, @endColor: #333) {\n  //background-color: @endColor;\n  background-repeat: repeat-x;\n  background-image: -khtml-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); // Konqueror\n  background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+\n  background-image: -ms-linear-gradient(top, @startColor, @endColor); // IE10\n  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+\n  background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+\n  background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10\n  background-image: linear-gradient(top, @startColor, @endColor); // The standard\n  filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",@startColor,@endColor)); // IE9 and down\n}\n\n// GRADIENTS\n// --------------------------------------------------\n\n#gradient {\n\n  // Horizontal gradient, from left to right\n  //\n  // Creates two color stops, start and end, by specifying a color and position for each color stop.\n  // Color stops are not available in IE9 and below.\n  .horizontal(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {\n    background-image: -webkit-linear-gradient(left, color-stop(@start-color @start-percent), color-stop(@end-color @end-percent)); // Safari 5.1-6, Chrome 10+\n    background-image:  linear-gradient(to right, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+\n    background-repeat: repeat-x;\n    filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)\",argb(@start-color),argb(@end-color))); // IE9 and down\n  }\n\n  // Vertical gradient, from top to bottom\n  //\n  // Creates two color stops, start and end, by specifying a color and position for each color stop.\n  // Color stops are not available in IE9 and below.\n  .vertical(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {\n    background-image: -webkit-linear-gradient(top, @start-color @start-percent, @end-color @end-percent);  // Safari 5.1-6, Chrome 10+\n    background-image: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+\n    background-repeat: repeat-x;\n    filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",argb(@start-color),argb(@end-color))); // IE9 and down\n  }\n\n  .directional(@start-color: #555; @end-color: #333; @deg: 45deg) {\n    background-repeat: repeat-x;\n    background-image: -webkit-linear-gradient(@deg, @start-color, @end-color); // Safari 5.1-6, Chrome 10+\n    background-image: linear-gradient(@deg, @start-color, @end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+\n  }\n  .horizontal-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {\n    background-image: -webkit-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);\n    background-image: linear-gradient(to right, @start-color, @mid-color @color-stop, @end-color);\n    background-repeat: no-repeat;\n    filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)\",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback\n  }\n  .vertical-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {\n    background-image: -webkit-linear-gradient(@start-color, @mid-color @color-stop, @end-color);\n    background-image: linear-gradient(@start-color, @mid-color @color-stop, @end-color);\n    background-repeat: no-repeat;\n    filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback\n  }\n  .radial(@inner-color: #555; @outer-color: #333) {\n    background-image: -webkit-radial-gradient(circle, @inner-color, @outer-color);\n    background-image: radial-gradient(circle, @inner-color, @outer-color);\n    background-repeat: no-repeat;\n  }\n  .striped(@color: rgba(255,255,255,.15); @angle: 45deg) {\n    background-image: -webkit-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);\n    background-image: linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);\n  }\n}","/* Icons\n================================================== */\n\n@font-face {\n\tfont-family: 'tl-icons';\n\tsrc:url('@{icon-path}tl-icons.eot');\n\tsrc:url('@{icon-path}tl-icons.eot?#iefix') format('embedded-opentype'),\n\t\turl('@{icon-path}tl-icons.ttf') format('truetype'),\n\t\turl('@{icon-path}tl-icons.woff2') format('woff2'),\n\t\turl('@{icon-path}tl-icons.woff') format('woff'),\n\t\turl('@{icon-path}tl-icons.svg#tl-icons') format('svg');\n\tfont-weight: normal;\n\tfont-style: normal;\n}\n\n[class^=\"tl-icon-\"], [class*=\" tl-icon-\"] {\n\tfont-family: 'tl-icons';\n\tspeak: none;\n\tfont-style: normal;\n\tfont-weight: normal;\n\tfont-variant: normal;\n\ttext-transform: none;\n\tline-height: 1;\n\n\t/* Better Font Rendering =========== */\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n}\n\n\n.tl-icon-vine:after {\n\tcontent: \"\\e64d\";\n}\n.tl-icon-wikipedia:after {\n\tcontent: \"\\e64e\";\n}\n.tl-icon-chevron-right:after {\n\tcontent: \"\\e64f\";\n}\n.tl-icon-chevron-left:after {\n\tcontent: \"\\e650\";\n}\n.tl-icon-youtube-logo:after {\n\tcontent: \"\\e651\";\n}\n.tl-icon-foursquare:after {\n\tcontent: \"\\e652\";\n}\n.tl-icon-camera-retro:after {\n\tcontent: \"\\e653\";\n}\n.tl-icon-doc:after {\n\tcontent: \"\\e654\";\n}\n.tl-icon-weibo:after {\n\tcontent: \"\\e655\";\n}\n.tl-icon-resize-horizontal:after {\n\tcontent: \"\\e656\";\n}\n.tl-icon-resize-vertical:after {\n\tcontent: \"\\e657\";\n}\n.tl-icon-resize-full:after {\n\tcontent: \"\\e658\";\n}\n.tl-icon-resize-small:after {\n\tcontent: \"\\e659\";\n}\n.tl-icon-twitter:after {\n\tcontent: \"\\e62b\";\n}\n.tl-icon-google-plus:after {\n\tcontent: \"\\e62c\";\n}\n.tl-icon-video:after {\n\tcontent: \"\\e62d\";\n}\n.tl-icon-youtube:after {\n\tcontent: \"\\e62d\";\n}\n.tl-icon-plaintext:after {\n\tcontent: \"\\e62e\";\n}\n.tl-icon-storify:after {\n\tcontent: \"\\e62e\";\n}\n.tl-icon-image-v2:after {\n\tcontent: \"\\e62f\";\n}\n.tl-icon-quote-v2:after {\n\tcontent: \"\\e630\";\n}\n.tl-icon-zoom-in:after {\n\tcontent: \"\\e631\";\n}\n.tl-icon-zoom-out:after {\n\tcontent: \"\\e632\";\n}\n.tl-icon-list:after {\n\tcontent: \"\\e633\";\n}\n.tl-icon-music:after {\n\tcontent: \"\\e634\";\n}\n.tl-icon-spotify:after {\n\tcontent: \"\\e634\";\n}\n.tl-icon-location:after {\n\tcontent: \"\\e635\";\n}\n.tl-icon-googlemaps:after {\n\tcontent: \"\\e635\";\n}\n.tl-icon-web:after {\n\tcontent: \"\\e636\";\n}\n.tl-icon-share-v2:after {\n\tcontent: \"\\e637\";\n}\n.tl-icon-soundcloud:after {\n\tcontent: \"\\e639\";\n}\n.tl-icon-video-v2:after {\n\tcontent: \"\\e63a\";\n}\n.tl-icon-dailymotion:after {\n\tcontent: \"\\e63a\";\n}\n.tl-icon-tumblr:after {\n\tcontent: \"\\e63b\";\n}\n.tl-icon-lastfm:after {\n\tcontent: \"\\e63c\";\n}\n.tl-icon-github:after {\n\tcontent: \"\\e63d\";\n}\n.tl-icon-goback:after {\n\tcontent: \"\\e63e\";\n}\n.tl-icon-doc-v2:after {\n\tcontent: \"\\e63f\";\n}\n.tl-icon-googledrive:after {\n\tcontent: \"\\e640\";\n}\n.tl-icon-facebook:after {\n\tcontent: \"\\e641\";\n}\n.tl-icon-flickr:after {\n\tcontent: \"\\e642\";\n}\n.tl-icon-dribbble:after {\n\tcontent: \"\\e643\";\n}\n.tl-icon-image:after {\n\tcontent: \"\\e605\";\n}\n.tl-icon-vimeo:after {\n\tcontent: \"\\e606\";\n}\n.tl-icon-instagram:after {\n\tcontent: \"\\e644\";\n}\n.tl-icon-pinterest:after {\n\tcontent: \"\\e645\";\n}\n.tl-icon-arrow-left:after {\n\tcontent: \"\\e646\";\n}\n.tl-icon-arrow-down:after {\n\tcontent: \"\\e647\";\n}\n.tl-icon-arrow-up:after {\n\tcontent: \"\\e648\";\n}\n.tl-icon-arrow-right:after {\n\tcontent: \"\\e649\";\n}\n.tl-icon-share:after {\n\tcontent: \"\\e64a\";\n}\n.tl-icon-blockquote:after {\n\tcontent: \"\\e64b\";\n}\n.tl-icon-evernote:after {\n\tcontent: \"\\e64c\";\n}\n.tl-icon-mappin:after {\n\tcontent: \"\\e600\";\n}\n.tl-icon-swipe-right:after {\n\tcontent: \"\\e601\";\n}\n.tl-icon-swipe-left:after {\n\tcontent: \"\\e602\";\n}\n.tl-icon-touch-spread:after {\n\tcontent: \"\\e603\";\n}\n.tl-icon-touch-pinch:after {\n\tcontent: \"\\e604\";\n}\n","/* Disable Text selection when dragging\n================================================== */\n.tl-dragging {\n\t-webkit-touch-callout: none;\n\t\n\t.user-select(none);\n}","/* MenuBar \n================================================== */\n\n.tl-menubar {\n\tposition:absolute;\n\t//width:100%;\n\t//height:\t1px;\n\tz-index:11;\n\ttext-align:center;\n\tcolor:#333;\n\t//height:26px;\n\t//background-color:#FFF;\n\t//.box-shadow(0px -3px 6px rgba(0,0,0,.20));\n\toverflow:hidden;\n\t//margin-top:-25px;\n\t//border-top: 1px solid darken(@color-background,10);\n\t//border-bottom: 1px solid darken(@color-background,10);\n\t//border-right: 1px solid darken(@color-background,10);\n\t\n\t//.border-bottom-radius(7px);\n\tborder-bottom-right-radius: 10px;\n\tborder-top-right-radius: 10px;\n\ttop:100%;\n\tleft:50%;\n\tleft:0;\n}\n/* Skinny\n================================================== */\n.tl-skinny {\n\t.tl-menubar {\n\t\t\n\t}\n}\n\n\n\n/* Mobile, iPhone\n================================================== */\n.tl-mobile {\n\t.tl-menubar {\n\t\t\n\t}\n}\n\n/* Mobile, iPhone and skinny\n================================================== */\n.tl-mobile.tl-skinny {\n\t.tl-menubar {\n\t\t\n\t}\n}\n\n\n/* Color\n================================================== */\n\n// Inverted\n/*\n.tl-sizebar.tl-sizebar-inverted {\n\tborder-bottom: 1px solid #FFF;\n\t//background-color:#000;\n\tcolor:#a5a5a5;\n\t.tl-sizebar-button {\n\t\tborder-left: 1px solid darken(@color-background, 70);\n\t\t//color:#a5a5a5;\n\t}\n\t.tl-sizebar-button:hover {\n\t\t//background:@color-theme;\n\t\tcolor:@color-background;\n\t}\n}\n.tl-sizebar.tl-sizebar-inverted:before {\n\tbackground-color:#000;\n\t//.gradient-vertical (rgba(0,0,0,0.25), rgba(0,0,0,1));\n\t//.translucent-background(rgb(0,0,0), .5);\n\tborder-top: 2px solid #000;\n\tanimation: invertToBlack 1s;\n\t-webkit-animation:invertToBlack 1s; \n}\n*/\n\n@keyframes invertToBlack {\n\tfrom {\n\t\tbackground-color:#FFF;\n\t}\n\tto {\n\t\tbackground-color:#000;\n\t}\n}\n@-webkit-keyframes invertToBlack {\n\tfrom {background:#FFF;}\n\tto {background:#000;}\n}\n@keyframes invertToWhite {\n\tfrom {background-color:#000;}\n\tto {background-color:#FFF;}\n}\n@-webkit-keyframes invertToWhite{\n\tfrom {background:#000;}\n\tto {background:#FFF;}\n}\n\n\n","/* MenuBar Button\n================================================== */\n\n.tl-menubar-button {\n\t//border-left: 1px solid darken(@color-background,10);\n\tfont-size: 18px;\n\tline-height:18px;\n\t//padding: 6px 12px 6px 12px;\n\t//padding:12px;\n\tbackground-color:fadeout(@ui-background-color, 10%);\n\tcursor:pointer;\n\tpadding: 6px 12px 6px 12px;\n\tdisplay:inline-block;\n\tdisplay:block;\n\t//color:@color-text;\n\tcolor:@marker-color-menubar-button;\n\t[class^=\"tl-icon-\"], [class*=\" tl-icon-\"] {\n\t\t\n\t}\n\t\n\t&.tl-menubar-button-inactive {\n\t\topacity:0.33;\n\t}\n\t&:hover {\n\t\tbackground:@color-foreground;\n\t\tcolor:@color-background;\n\t\t&.tl-menubar-button-inactive {\n\t\t\tcolor:darken(@marker-color,15);\n\t\t\tbackground-color:fadeout(@ui-background-color, 10%);\n\t\t}\n\t}\n}\n\n.tl-mobile {\n\t.tl-menubar-button {\n\t\tdisplay:block;\n\t\t&:hover {\n\t\t\t//background-color:#FFF;\n\t\t\tbackground-color:fadeout(@ui-background-color, 33%);\n\t\t\tcolor:@color-text;\n\t\t}\n\t\t&:active {\n\t\t\tbackground:@color-theme;\n\t\t\tcolor:@color-background;\n\t\t}\n\t}\n}\n\n\n@keyframes invertToBlack {\n\tfrom {\n\t\tbackground-color:#FFF;\n\t}\n\tto {\n\t\tbackground-color:#000;\n\t}\n}\n@-webkit-keyframes invertToBlack {\n\tfrom {background:#FFF;}\n\tto {background:#000;}\n}\n@keyframes invertToWhite {\n\tfrom {background-color:#000;}\n\tto {background-color:#FFF;}\n}\n@-webkit-keyframes invertToWhite{\n\tfrom {background:#000;}\n\tto {background:#FFF;}\n}\n\n\n","/* MESSAGE \n================================================== */\n.tl-message, .tl-message-full {\n\twidth:\t\t\t\t100%;\n\t//max-width: \t\t\t200px;\n\theight:\t\t\t\t100%;\n\tposition: \t\t\tabsolute;\n\t//position: \t\t\trelative;\n\t\n\tdisplay: \t\t\ttable;\n\toverflow: \t\t\thidden;\n\ttop: \t\t\t\t0px;\n\tleft: \t\t\t\t0px;\n\tz-index:\t\t\t99;\n\tmargin:\t\t\t\tauto;\n\ttext-align:\t\t\tcenter;\n\t.tl-message-container {\n\t\tpadding: \t\t\t20px;\n\t\tmargin:20px;\n\t\ttext-align:\t\t\tcenter;\n\t\tvertical-align: \tmiddle;\n\t\tdisplay:table-cell;\n\n\t\t.tl-message-content {\n\t\t\tcolor:#666;\n\t\t\ttext-align: center;\n\t\t\tfont-size: 11px;\n\t\t\tline-height: 13px;\n\t\t\ttext-transform: uppercase;\n\t\t\tmargin-top: 7.5px;\n\t\t\tmargin-bottom: 7.5px;\n\t\t\ttext-shadow: 1px 1px 1px #FFF;\n\t\t\t\n\t\t\tstrong {\n\t\t\t\ttext-transform: uppercase;\n\t\t\t}\n\t\t}\n\t\t.tl-loading-icon {\n\t\t\twidth: 30px;\n\t\t\theight: 30px;\n\t\t\tbackground-color: #666;\n\t\t\tvertical-align: middle;\n\t\t\t.box-shadow(inset 0 1px 2px rgba(255,255,255,.1));\n\t\t\tmargin-left: auto;\n\t\t\tmargin-right: auto;\n\t\t\ttext-align: center;\n\t\t  //margin: 100px auto;\n\t\t\t-webkit-animation: rotateplane 1.2s infinite ease-in-out;\n\t\t\tanimation: rotateplane 1.2s infinite ease-in-out;\n\t\t}\n\n\t\t@-webkit-keyframes rotateplane {\n\t\t\t0% { -webkit-transform: perspective(120px) }\n\t\t\t50% { -webkit-transform: perspective(120px) rotateY(180deg) }\n\t\t\t100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }\n\t\t}\n\n\t\t@keyframes rotateplane {\n\t\t\t0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg) }\n\t\t\t50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) }\n\t\t\t100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg) }\n\t\t}\n\t}\n}\n.tl-message-full {\n\t.translucent-background(#FFF, 0.80);\n\t[class^=\"tl-icon-\"], [class*=\" tl-icon-\"] {\n\t\t//width: 48px;\n\t\t//height: 48px;\n\t\tcolor:#666;\n\t\tfont-size:72px;\n\t}\n\t.tl-message-container {\n\t\t.tl-message-content {\n\t\t\tfont-size: 22px;\n\t\t\tline-height: 22px;\n\t\t\ttext-shadow: none;\n\t\t\tcolor:#666;\n\t\t\ttext-transform: none;\n\t\t\tfont-weight: normal;\n\t\t\t.tl-button {\n\t\t\t\tdisplay:inline-block;\n\t\t\t\tcursor:pointer;\n\t\t\t\tbackground-color:#FFF;\n\t\t\t\tcolor:#333;\n\t\t\t\tpadding:10px;\n\t\t\t\tmargin-top:10px;\n\t\t\t\t.border-radius(7px)\n\t\t\t}\n\t\t}\n\t}\n\n}\n.tl-message {\n\t\n}","/* TL.TimeNav\n================================================== */\n\n.tl-timenav {\n\t//height:200px;\n\twidth:100%;\n\tbackground-color:@ui-background-color;\n\tposition:relative;\n\toverflow:hidden;\n\t//border-top: 2px solid @ui-background-color;\n\tborder-top: 1px solid darken(@ui-background-color,5);\n\t//border-top: 1px solid #e3e3e3;\n\t//box-shadow: inset 10px 10px 5px 0px rgba(0,0,0,0.75);\n\t//.box-shadow(inset -7px 0px 7px rgba(0,0,0,.30));\n\t\n\t.tl-attribution {\n\t\tcursor: pointer;\n\t\tz-index:9;\n\t\tposition:absolute;\n\t\tbottom:2px;\n\t\tleft:0px;\n\t\tfont-size:10px;\n\t\tline-height:10px;\n\t\tfont-family:@font-sanserif !important;\n\t\t//height:100%;\n\t\t//background-color: @color-background;\n\t\tbackground-color: fadeout(@color-background, 15%);\n\t\tpadding:3px;\n\t\t\n\t\t/*\n\t\tright:-26px;\n\t\ttop:30px;\n\t\ttransform: rotate(90deg);\n\t\t-ms-transform: rotate(90deg);\n\t\t-webkit-transform: rotate(90deg);\n\t\tbackground-color: fadeout(@ui-background-color, 15%);\n\t\t*/\n\t\ta {\n\t\t\t\n\t\t\tcolor:@brand-color;\n\t\t\t//margin-left:10px;\n\t\t\t&:hover {\n\t\t\t\tcolor:@color-dark;\n\t\t\t\ttext-decoration: none;\n\t\t\t\t.tl-knightlab-logo {\n\t\t\t\t\tbackground-color: #c34528;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t.tl-knightlab-logo {\n\t\t\tdisplay: inline-block;\n\t\t\tvertical-align: middle;\n\t\t\theight: 8px;\n\t\t\twidth: 8px;\n\t\t\tmargin-right:3px;\n\t\t\tbackground-color: #c34528;\n\t\t\tbackground-color:@brand-color;\n\t\t\ttransform: rotate(45deg);\n\t\t\t-ms-transform: rotate(45deg);\n\t\t\t-webkit-transform: rotate(45deg);\n\t\t}\n\t\t\n\t}\n\t.tl-timenav-line {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 50%;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground-color: darken(@ui-background-color, 10);//@color-theme;//darken(@ui-background-color, 10);\n\t\tz-index: 2;\n\t\tdisplay:none;\n\t\t//box-shadow: 1px 1px 7px rgba(0,0,0,0.3);\n\t\t&:before, &:after {\n\t\t\tfont-family: 'tl-icons';\n\t\t\tspeak: none;\n\t\t\tfont-style: normal;\n\t\t\tfont-weight: normal;\n\t\t\tfont-variant: normal;\n\t\t\ttext-transform: none;\n\t\t\tline-height: 1;\n\t\t\t\n\t\t\t/* Better Font Rendering =========== */\n\t\t\t-webkit-font-smoothing: antialiased;\n\t\t\t-moz-osx-font-smoothing: grayscale;\n\t\t\t\n\t\t\tcolor:@color-theme;\n\t\t\tfont-size:32px;\n\t\t\tline-height:32px;\n\t\t\tposition: absolute;\n\t\t\tleft:-14px;\n\t\t}\n\t\t&:before {\n\t\t\t//content: \"\\e647\";\n\t\t\ttop: -10px;\n\t\t}\n\t\t&:after {\n\t\t\tcontent: \"\\e648\";\n\t\t\tbottom:24px;\n\t\t}\n\t}\n\t.tl-timenav-slider {\n\t\tposition:absolute;\n\t\theight:100%;\n\t\twidth:100%;\n\t\ttop:0;\n\t\t\n\t\t&.tl-timenav-slider-animate {\n\t\t\t\n\t\t\t.property-animation(all, @animation-duration, @animation-ease);\n\t\t\t.animation-timing-cubic-bezier();\n\t\t}\n\t\t.tl-timenav-slider-background {\n\t\t\tposition:absolute;\n\t\t\theight:100%;\n\t\t\twidth:100%;\n\t\t\tcursor:move;\n\t\t\tz-index:6;\n\t\t}\n\t\t.tl-timenav-container-mask {\n\t\t\tposition:absolute;\n\t\t\theight:100%;\n\t\t\ttop:0;\n\t\t\t.tl-timenav-container {\n\t\t\t\tposition:absolute;\n\t\t\t\theight:100%;\n\n\t\t\t\n\t\t\t\t.tl-timenav-item-container {\n\t\t\t\t\t//margin-top:5px;\n\t\t\t\t\tposition:absolute;\n\t\t\t\t\theight:100%;\n\t\t\t\t}\n\t\t\t\n\t\t\t}\n\t\t\n\t\t}\n\t}\n\t\n\t\n}\n\n/* Skinny\n================================================== */\n.tl-skinny {\n\t.tl-timenav {\n\n\t}\n}\n\n/* Mobile, iPhone\n================================================== */\n.tl-mobile {\n\t.tl-timenav {\n\n\t}\n}\n\n/* Mobile, iPhone and skinny\n================================================== */\n.tl-mobile.tl-skinny {\n\t.tl-timenav {\n\n\t}\n}","/* TL.TimeMarker\n================================================== */\n\n.tl-timemarker {\n\theight:100%;\n\tposition:absolute;\n\ttop:0;\n\tleft:0;\n\tcursor:pointer;\n\t\n\t/* Animate Left Width and Top\n\t================================================== */\n\t.property-animation(left, @animation-duration, @animation-ease);\n\t.property-animation(top, @animation-duration-fast, @animation-ease);\n\t.property-animation(height, @animation-duration-fast, @animation-ease);\n\t.property-animation(width, @animation-duration, @animation-ease);\n\t.animation-timing-cubic-bezier();\n\t\n\n\t&.tl-timemarker-fast {\n\t\t.property-animation(top, @animation-duration-fast, @animation-ease);\n\t\t.property-animation(height, @animation-duration-fast, @animation-ease);\n\t\t.property-animation(width, @animation-duration-fast, @animation-ease);\n\t\t.animation-timing-cubic-bezier();\n\n\t\t.tl-timemarker-content-container {\n\t\t\t.property-animation(width, @animation-duration-fast, @animation-ease);\n\t\t\t.property-animation(height, @animation-duration-fast, @animation-ease);\n\t\t}\n\t\t.tl-timemarker-timespan {\n\t\t\t.property-animation(height, @animation-duration-fast, @animation-ease);\n\t\t\t.property-animation(width, @animation-duration-fast, @animation-ease);\n\t\t}\n\t}\n\t/* Timespan\n\t================================================== */\n\t.tl-timemarker-timespan {\n\t\tpointer-events: none;\n\t\tposition:absolute;\n\t\tmargin:0;\n\t\twidth:100%;\n\t\theight:100%;\n\t\t//overflow:hidden;\n\t\tbackground-color: fadeout(@marker-color, 85%);\n\t\tborder-top-right-radius:@time-marker-border-radius;\n\t\tborder-top-left-radius:@time-marker-border-radius;\n\t\t\n\t\t.property-animation(height, @animation-duration-fast, @animation-ease);\n\t\t.property-animation(width, @animation-duration, @animation-ease);\n\t\t.animation-timing-cubic-bezier();\n\t\t//box-shadow: 1px 1px 1px @color-background;\n\t\t//box-sizing: border-box;\n\t\t.tl-timemarker-timespan-content {\n\t\t\tdisplay:none;\n\t\t\tposition:absolute;\n\t\t\twidth:100%;\n\t\t\tbackground-color: @marker-color;\n\t\t\tborder-top-left-radius:@time-marker-border-radius;\n\t\t\tborder-top-right-radius:@time-marker-border-radius;\n\t\t\theight:100px;\n\t\t\tbox-sizing: border-box;\n\t\t\t\n\t\t\t\n\t\t}\n\t\t\n\t}\n\t\n\t/* Lines\n\t================================================== */\n\t.tl-timemarker-line-right {\n\t\tdisplay:none;\n\t\tright:0px;\n\t\t\n\t}\n\t\n\t.tl-timemarker-line-left {\n\t\twidth:1px;\n\t\tleft:0px;\n\t}\n\t\n\t.tl-timemarker-line-left, .tl-timemarker-line-right {\n\t\tmargin-top:@marker-dot-offset;\n\t\t//margin-bottom:@time-marker-border-radius;\n\t\t//margin-top:10px; \n\t\t//overflow:hidden;\n\t\t//border-top-right-radius:@time-marker-border-radius;\n\t\t//border-top-left-radius:@time-marker-border-radius;\n\t\t//margin-top:10%;\n\t\t.border-box();\n\t\tborder-left: 1px solid @marker-outline-color;\n\t\t\n\t\tz-index:5;\n\t\t//.border-top-radius(10px);\n\t\tcontent:\" \";\n\t\tposition:absolute;\n\t\t//bottom:0;\n\t\theight:100%;\n\t\t.disable-selection();\n\t\t\n\t\tbox-shadow: 1px 1px 1px @color-background;\n\t\t\n\t\t&:after {\n\t\t\t\n\t\t\tdisplay:block;\n\t\t\tcontent:\" \";\n\t\t\tposition:absolute;\n\t\t\tleft:-4px;\n\t\t\tbottom:0px;\n\t\t\theight:6px;\n\t\t\twidth:6px;\n\t\t\tbackground-color:@marker-dot-color;\n\t\t\tz-index:8;\n\t\t\t.border-radius(50%);\n\t\t}\n\t}\n\t\n\t/* Content\n\t================================================== */\n\t.tl-timemarker-content-container {\n\t\tposition:absolute;\n\t\tbackground-color: @marker-color;\n\t\tborder:0;\n\t\tborder-top-left-radius:@time-marker-border-radius;\n\t\tborder-top-right-radius:@time-marker-border-radius;\n\t\tborder-bottom-right-radius:@time-marker-border-radius;\n\t\theight:100%;\n\t\twidth:100px;\n\t\toverflow:hidden;\n\t\tz-index:6;\n\t\t&:hover {\n\t\t\tz-index: 9;\n\t\t}\n\t\t.property-animation(height, @animation-duration-fast, @animation-ease);\n\t\t.property-animation(width, @animation-duration, @animation-ease);\n\t\t.animation-timing-cubic-bezier();\n\t\tbox-sizing: border-box;\n\t\tborder: 1px solid @marker-outline-color;\n\t\tbox-shadow: 1px 1px 1px @color-background;\n\t\t\t\t\n\t\t.tl-timemarker-content {\n\t\t\tposition:relative;\n\t\t\toverflow:hidden;\n\t\t\theight:100%;\n\t\t\tz-index:8;\n\t\t\tpadding:5px;\n\t\t\t.border-box();\n\t\t\t\n\t\t\t.tl-timemarker-text {\n\t\t\t\toverflow:hidden;\n\t\t\t\tposition: relative;\n\t\t\t\t\n\t\t\t\th2.tl-headline, h2.tl-headline p {\n\t\t\t\t\tdisplay: -webkit-box;\n\t\t\t\t\t\n\t\t\t\t\tline-clamp: 2;\n\t\t\t\t\t-webkit-line-clamp: 2;\n\t\t\t\t\tbox-orient: vertical;\n\t\t\t\t\t-webkit-box-orient: vertical;\n\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\t\n\t\t\t\t\tfont-size:12px;\n\t\t\t\t\tline-height:12px;\n\t\t\t\t\theight:100%;\n\t\t\t\t\toverflow:hidden;\n\t\t\t\t\tfont-weight:normal;\n\t\t\t\t\tmargin:0;\n\t\t\t\t\tcolor:@marker-text-color;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\t&.tl-headline-fadeout {\n\t\t\t\t\t\t&:after {\n\t\t\t\t\t\t\tcontent: \"\";\n\t\t\t\t\t\t\ttext-align: right;\n\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\tbottom: 0;\n\t\t\t\t\t\t\tright: 0;\n\t\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\t\theight: 50%;\n\t\t\t\t\t\t\t.marker-text-fade(@marker-color,50%);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t\t\n\t\t\t}\n\t\t\t\n\t\t\t.tl-timemarker-media-container {\n\t\t\t\tfloat:left;\n\t\t\t\tmax-width:@marker-icon-size;\n\t\t\t\tmax-height:@marker-icon-size;\n\t\t\t\toverflow:hidden;\n\t\t\t\tmargin-right:5px;\n\t\t\t\theight:100%;\n\t\t\t\t.border-box();\n\t\t\t\t\n\t\t\t\t.tl-timemarker-media {\n\t\t\t\t\tmax-width:@marker-icon-size;\n\t\t\t\t\tmax-height:100%;\n\t\t\t\t\topacity:0.25;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t[class^=\"tl-icon-\"], [class*=\" tl-icon-\"] {\n\t\t\t\t\tdisplay:block;\n\t\t\t\t\tfont-size:@marker-icon-size;\n\t\t\t\t\tcolor:@marker-text-color;\n\t\t\t\t\tmargin-top:0px;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t.tl-icon-wikipedia {\n\t\t\t\t\tfont-size:16px;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t}\n\t\t\t\n\t\t\t&.tl-timemarker-content-small {\n\t\t\t\t.tl-timemarker-text {\n\t\t\t\t\th2.tl-headline {\n\t\t\t\t\t\tdisplay:block;\n\t\t\t\t\t\twhite-space:nowrap; \n\t\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t.tl-timemarker-media-container {\n\t\t\t\t\t[class^=\"tl-icon-\"], [class*=\" tl-icon-\"] {\n\t\t\t\t\t\tfont-size:@marker-icon-size/2;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\n\t\t\n\t}\n\t\n\t/* Hover State\n\t================================================== */\n\t&:hover {\n\t\t\n\t\t.tl-timemarker-timespan {\n\t\t\tbackground-color: fadeout(@marker-text-color, 85%);\n\t\t\t\n\t\t\t.tl-timemarker-timespan-content {\n\t\t\t\tbackground-color: @marker-text-color;\n\t\t\t}\n\t\t\t\n\t\t\t.tl-timemarker-line-left, .tl-timemarker-line-right {\n\t\t\t\tborder-color: darken(@marker-color,25);\n\t\t\t\t&:after {\n\t\t\t\t\tbackground-color:@marker-dot-hover-color;\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\n\t\t\t\n\t\t}\n\t\t\n\t\t.tl-timemarker-content-container {\n\t\t\tbackground-color: darken(@marker-color,15);\n\t\t\tborder-color: darken(@marker-color,25);\n\t\t\t.property-animation(height, @animation-duration-fast/2, @animation-ease);\n\t\t\t.property-animation(width, @animation-duration-fast/2, @animation-ease);\n\t\t\t&.tl-timemarker-content-container-small {\n\t\t\t\t//height:56px !important;\n\t\t\t\twidth:200px;\n\t\t\t\t//min-width:100px;\n\t\t\t\t.tl-timemarker-content {\n\t\t\t\t\t.tl-timemarker-text {\n\t\t\t\t\t\th2.tl-headline {\n\t\t\t\t\t\t\t//line-clamp:3 !important;\n\t\t\t\t\t\t\t//-webkit-line-clamp:3 !important;\n\t\t\t\t\t\t\t//white-space: normal !important;\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\t.tl-timemarker-content {\n\t\t\t\t\n\t\t\t\t.tl-timemarker-text {\n\t\t\t\t\th2.tl-headline {\n\t\t\t\t\t\tcolor:@marker-selected-text-color;\n\t\t\t\t\t\t&.tl-headline-fadeout {\n\t\t\t\t\t\t\t&:after {\n\t\t\t\t\t\t\t\t.marker-text-fade(darken(@marker-color,15),80%);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t.tl-timemarker-media-container {\n\t\t\t\t\t.tl-timemarker-media {\n\t\t\t\t\t\topacity:1;\n\t\t\t\t\t}\n\t\t\t\t\t[class^=\"tl-icon-\"], [class*=\" tl-icon-\"] {\n\t\t\t\t\t\tcolor:@marker-selected-text-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t\n\t}\n\t\n\t/* Hover Active State\n\t================================================== */\n\t&:hover {\n\t\t&.tl-timemarker-active {\n\t\t\t.tl-timemarker-content-container {\n\t\t\t\t.tl-timemarker-content {\n\t\t\t\t\t.tl-timemarker-text {\n\t\t\t\t\t\th2.tl-headline {\n\t\t\t\t\t\t\t&.tl-headline-fadeout {\n\t\t\t\t\t\t\t\t&:after {\n\t\t\t\t\t\t\t\t\t//.marker-text-fade(@color-theme,80%);\n\t\t\t\t\t\t\t\t\t.marker-text-fade(@color-background,80%);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.tl-timemarker-line-left, .tl-timemarker-line-right {\n\t\t\t\t//border-color:@color-theme;\n\t\t\t\tborder-color:@color-dark;\n\t\t\t\n\t\t\t\t&:after {\n\t\t\t\t\t//z-index:6;\n\t\t\t\t\t//background-color:@color-theme;\n\t\t\t\t\tbackground-color:@color-dark;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t\n\t/* Active Markers\n\t================================================== */\n\t&.tl-timemarker-active {\n\t\t\n\t\t.tl-timemarker-timespan {\n\t\t\t//background-color: fadeout(@color-theme, 85%);\n\t\t\t//background-color: fadeout(@color-foreground, 85%);\n\t\t\tbackground-color: fadeout(@color-background,50%);\n\t\t\tz-index: 8;\n\t\t\t.tl-timemarker-timespan-content {\n\t\t\t\t//background-color: @color-theme;\n\t\t\t\tbackground-color: @color-foreground;\n\t\t\t}\n\t\t}\n\t\t\n\t\t.tl-timemarker-line-left, .tl-timemarker-line-right {\n\t\t\t//border-color:@color-theme;\n\t\t\t//border-color:@color-foreground;\n\t\t\tborder-color:fadeout(@color-foreground, 50%);\n\t\t\tborder-width: 1px;\n\t\t\tz-index:8;\n\t\t\tbox-shadow: 0px 1px 3px fadeout(@marker-dot-color, 50%);\n\t\t\t&:after {\n\t\t\t\t\n\t\t\t\t//background-color:@color-theme;\n\t\t\t\tbackground-color:@color-foreground;\n\t\t\t}\n\t\t}\n\t\t\n\t\t.tl-timemarker-content-container {\n\t\t\t//background-color:@color-theme;\n\t\t\tbackground-color:@color-background;\n\t\t\t//color:@color-background;\n\t\t\tcolor:@color-foreground;\n\t\t\tz-index:9;\n\t\t\t//border: none;\n\t\t\tborder-color:fadeout(@color-foreground, 50%);\n\t\t\t\n\t\t\t//box-shadow:none;\n\t\t\tbox-shadow: 1px 1px 3px fadeout(@marker-dot-color, 50%);\n\t\t\t.tl-timemarker-content {\n\t\t\t\t.tl-timemarker-text {\n\t\t\t\t\th2.tl-headline {\n\t\t\t\t\t\t//color:@marker-selected-text-color;\n\t\t\t\t\t\tcolor:@color-foreground; \n\t\t\t\t\t\t&.tl-headline-fadeout {\n\t\t\t\t\t\t\t&:after {\n\t\t\t\t\t\t\t\t//.marker-text-fade(@color-theme,80%);\n\t\t\t\t\t\t\t\t.marker-text-fade(@color-background,80%);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t.tl-timemarker-media-container {\n\t\t\t\t\t.tl-timemarker-media {\n\t\t\t\t\t\topacity:1;\n\t\t\t\t\t}\n\t\t\t\t\t[class^=\"tl-icon-\"], [class*=\" tl-icon-\"] {\n\t\t\t\t\t\t//color:lighten(@color-theme,33);\n\t\t\t\t\t\tcolor:@color-foreground;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t\n\t/* Markers with End Dates\n\t================================================== */\n\t&.tl-timemarker-with-end {\n\t\t\n\t\t.tl-timemarker-timespan {\n\t\t\t.tl-timemarker-timespan-content {\n\t\t\t\tdisplay:block;\n\t\t\t}\n\t\t\t\n\t\t\t.tl-timemarker-line-left, .tl-timemarker-line-right {\n\t\t\t\tz-index:5;\n\t\t\t\t&:after {\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\t&:after {\n\t\t\t\tdisplay:block;\n\t\t\t\tcontent:\" \";\n\t\t\t\tposition:absolute;\n\t\t\t\tleft:0px;\n\t\t\t\tbottom:-@marker-dot-offset;\n\t\t\t\theight:6px;\n\t\t\t\twidth:100%;\n\t\t\t\tbackground-color: fadeout(darken(@ui-background-color, 50), 85%);\n\t\t\t\tz-index:6;\n\t\t\t\t.border-radius(7px);\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\t\t.tl-timemarker-content-container {\n\t\t\t\n\t\t\t&.tl-timemarker-content-container-long {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\t\t\t.tl-timemarker-content {\n\t\t\t\t\n\t\t\t}\n\t\t}\n\t\t\n\t\t.tl-timemarker-line-right {\n\t\t\tdisplay:block;\n\t\t}\n\t\t.tl-timemarker-line-left {\n\t\t\tbox-shadow: none;\n\t\t}\n\t\t\n\t\t.tl-timemarker-line-left, .tl-timemarker-line-right {\n\t\t\t\n\t\t}\n\t}\n\t\n\t/* Markers with End Dates and Hover\n\t================================================== */\n\t&.tl-timemarker-with-end {\n\t\t&:hover {\n\t\t\t\n\t\t\t.tl-timemarker-timespan {\n\t\t\t\t&:after {\n\t\t\t\t\tbackground-color: fadeout(darken(@ui-background-color,100),75%);\n\t\t\t\t}\n\t\t\t}\n\t\t\t.tl-timemarker-line-left, .tl-timemarker-line-right {\n\t\t\t\t&:after {\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\t/* Markers with End Dates and Active\n\t================================================== */\n\t&.tl-timemarker-with-end {\n\t\t&.tl-timemarker-active {\n\t\t\t.tl-timemarker-timespan {\n\t\t\t\t&:after {\n\t\t\t\t\t//background-color: fadeout(@color-theme,50%);\n\t\t\t\t\tbackground-color: fadeout(@color-foreground,50%);\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\t.tl-timemarker-line-left, .tl-timemarker-line-right {\n\t\t\t\tborder-width: 1px;\n\t\t\t\t&:after {\n\t\t\t\t\t//background-color:@color-theme !important;\n\t\t\t\t\tbackground-color:@color-foreground !important;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.tl-timemarker-line-left {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\t\t}\n\t}\n\t\n\t/* Markers with End Dates and Active and Hover\n\t================================================== */\n\t&.tl-timemarker-with-end {\n\t\t&.tl-timemarker-active {\n\t\t\t&:hover {\n\t\t\t\t.tl-timemarker-timespan {\n\t\t\t\t\t&:after {\n\t\t\t\t\t\t//background-color: fadeout(@color-theme,50%);\n\t\t\t\t\t\tbackground-color: fadeout(@color-foreground,50%);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\n\t\t\t}\n\t\t}\n\t}\n}\n\n/* Skinny\n================================================== */\n.tl-skinny {\n\t.tl-timemarker {\n\n\t}\n}\n\n/* Mobile, iPhone\n================================================== */\n.tl-mobile {\n\t.tl-timemarker {\n\n\t}\n}\n\n/* Mobile, iPhone and skinny\n================================================== */\n.tl-mobile.tl-skinny {\n\t.tl-timemarker {\n\n\t}\n}\n","/* TL.TimeMarker\n================================================== */\n\n.tl-timeera {\n\theight:100%;\n\theight:40px;\n\tposition:absolute;\n\tbottom:0;\n\tleft:0;\n\tpointer-events: none;\n\tz-index:3;\n\t/* Animate Left Width and Top\n\t================================================== */\n\t.property-animation(left, @animation-duration, @animation-ease);\n\t.property-animation(top, @animation-duration-fast, @animation-ease);\n\t.property-animation(height, @animation-duration-fast, @animation-ease);\n\t.property-animation(width, @animation-duration, @animation-ease);\n\t.animation-timing-cubic-bezier();\n\t\n\n\t&.tl-timeera-fast {\n\t\t.property-animation(top, @animation-duration-fast, @animation-ease);\n\t\t.property-animation(height, @animation-duration-fast, @animation-ease);\n\t\t.property-animation(width, @animation-duration-fast, @animation-ease);\n\t\t.animation-timing-cubic-bezier();\n\t}\n\t/* Timespan\n\t================================================== */\n\n\t.tl-timeera-background {\n\t\tposition:absolute;\n\t\tbackground-color: @era-color-1;\n\t\twidth:100%;\n\t\theight:100%;\n\t\topacity:1;\n\t}\n\n\t&.tl-timeera-color0 {\n\t\t.tl-timeera-background {\n\t\t\tbackground-color: @era-color-0;\n\t\t}\n\t}\n\t&.tl-timeera-color1 {\n\t\t.tl-timeera-background {\n\t\t\tbackground-color: @era-color-1;\n\t\t}\n\t}\n\t&.tl-timeera-color2 {\n\t\t.tl-timeera-background {\n\t\t\tbackground-color: @era-color-2;\n\t\t}\n\t}\n\t&.tl-timeera-color3 {\n\t\t.tl-timeera-background {\n\t\t\tbackground-color: @era-color-3;\n\t\t}\n\t}\n\t&.tl-timeera-color4 {\n\t\t.tl-timeera-background {\n\t\t\tbackground-color: @era-color-4;\n\t\t}\n\t}\n\t&.tl-timeera-color5 {\n\t\t.tl-timeera-background {\n\t\t\tbackground-color: @era-color-5;\n\t\t}\n\t}\n\t/* Content\n\t================================================== */\n\t.tl-timeera-content-container {\n\t\tposition:absolute;\n\t\t// background-color: @era-color-1;\n\t\tborder:0;\n\t\tborder-top-left-radius:@time-marker-border-radius;\n\t\tborder-top-right-radius:@time-marker-border-radius;\n\t\tborder-bottom-right-radius:@time-marker-border-radius;\n\t\theight:100%;\n\t\twidth:100px;\n\t\toverflow:hidden;\n\t\t// z-index:6;\n\n\t\t.property-animation(height, @animation-duration-fast, @animation-ease);\n\t\t.property-animation(width, @animation-duration, @animation-ease);\n\t\t.animation-timing-cubic-bezier();\n\t\tbox-sizing: border-box;\n\t\tborder: 1px solid @marker-outline-color;\n\t\t// box-shadow: 1px 1px 1px @color-background;\n\t\t\t\t\n\t\t.tl-timeera-content {\n\t\t\tposition:relative;\n\t\t\toverflow:hidden;\n\t\t\theight:100%;\n\t\t\t// z-index:8;\n\t\t\tpadding:5px;\n\t\t\t.border-box();\n\t\t\t\n\t\t\t.tl-timeera-text {\n\t\t\t\toverflow:hidden;\n\t\t\t\tposition: relative;\n\t\t\t\t\n\t\t\t\theight:100%;\n\t\t\t\t\n\t\t\t\th2.tl-headline {\n\t\t\t\t\tbottom:0px;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tdisplay: -webkit-box;\n\t\t\t\t\t\n\t\t\t\t\tline-clamp: 4;\n\t\t\t\t\t-webkit-line-clamp: 4;\n\t\t\t\t\tbox-orient: vertical;\n\t\t\t\t\t-webkit-box-orient: vertical;\n\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\t\n\t\t\t\t\tfont-size:10px;\n\t\t\t\t\tline-height:10px;\n\t\t\t\t\t// height:100%;\n\t\t\t\t\toverflow:hidden;\n\t\t\t\t\tfont-weight:normal;\n\t\t\t\t\tmargin:0;\n\t\t\t\t\tcolor:@color-background;\n\t\t\t\t\tmargin-left:10px;\n\t\t\t\t\t\n\t\t\t\t\t&.tl-headline-fadeout {\n\t\t\t\t\t\t&:after {\n\t\t\t\t\t\t\tcontent: \"\";\n\t\t\t\t\t\t\ttext-align: right;\n\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\tbottom: 0;\n\t\t\t\t\t\t\tright: 0;\n\t\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\t\theight: 50%;\n\t\t\t\t\t\t\t.marker-text-fade(@marker-color,50%);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t\t\n\t\t\t}\n\t\t\t\n\t\t}\n\t\t\n\n\t\t\n\t}\n\t\n\n}\n\n/* Skinny\n================================================== */\n.tl-skinny {\n\t.tl-timeera {\n\n\t}\n}\n\n/* Mobile, iPhone\n================================================== */\n.tl-mobile {\n\t.tl-timeera {\n\n\t}\n}\n\n/* Mobile, iPhone and skinny\n================================================== */\n.tl-mobile.tl-skinny {\n\t.tl-timeera {\n\n\t}\n}\n","/* TL.TimeMarker\n================================================== */\n\n.tl-timegroup {\n\t//height:100%;\n\twidth:100%;\n\tposition:absolute;\n\ttop:0;\n\tleft:0;\n\t\n\tbackground-color:@ui-background-color;\n\t\n\tdisplay: -ms-flexbox;\n\tdisplay: -webkit-flex;\n\tdisplay: flex;\n\talign-items: center;\n\t-ms-flex-align: center;\n\t-webkit-align-items: center;\n\t-webkit-box-align: center;\n\t\n\n\t\n\t.tl-timegroup-message {\n\t\t//z-index:6;\n\t\tcolor:darken(@ui-background-color-darker,2);\n\t\ttext-shadow: @color-background 0px 2px 2px;\n\t\tmargin-left:80px;\n\t\t//background-color:@ui-background-color;\n\t\t\n\t}\n\t\n\t&.tl-timegroup-alternate {\n\t\tbackground-color:lighten(@ui-background-color,3);\n\t\t.tl-timegroup-message {\n\t\t\t//background-color:lighten(@ui-background-color,3);\n\t\t}\n\t}\n\t&.tl-timegroup-hidden {\n\t\tdisplay:none;\n\t}\n\t\n\t/* Animate Left Width and Top\n\t================================================== */\n\t.property-animation(left, @animation-duration, @animation-ease);\n\t.property-animation(top, @animation-duration-fast, @animation-ease);\n\t.property-animation(height, @animation-duration-fast, @animation-ease);\n\t.property-animation(width, @animation-duration, @animation-ease);\n\t.animation-timing-cubic-bezier();\n\t\n}\n\n/* Skinny\n================================================== */\n.tl-skinny {\n\t.tl-timegroup {\n\n\t}\n}\n\n/* Mobile, iPhone\n================================================== */\n.tl-mobile {\n\t.tl-timegroup {\n\n\t}\n}\n\n/* Mobile, iPhone and skinny\n================================================== */\n.tl-mobile.tl-skinny {\n\t.tl-timegroup {\n\n\t}\n}\n","/* TL.TimeAxis\n================================================== */\n.tl-timeaxis-background {\n\theight:@axis-height;\n\twidth:100%;\n\tposition:absolute;\n\tbottom:0;\n\tleft:0;\n\tbackground-color:@color-background;\n\tborder-top: 1px solid darken(@ui-background-color,5);\n\tz-index:2;\n}\n.tl-timeaxis {\n\theight:@axis-height;\n\twidth:100%;\n\tposition:absolute;\n\tbottom:0;\n\tleft:0;\n\tz-index:3;\n\n\t.tl-timeaxis-content-container {\n\t\tposition:relative;\n\t\tbottom:0;\n\t\theight:@axis-height;\n\t\t.tl-timeaxis-major, .tl-timeaxis-minor {\n\t\t\topacity:0;\n\t\t\tposition:absolute;\n\n\t\t\t.tl-timeaxis-tick {\n\t\t\t\tposition:absolute;\n\t\t\t\tdisplay:block;\n\t\t\t\ttop:0;\n\t\t\t\tleft:0;\n\t\t\t\ttext-align: center;\n\t\t\t\tfont-weight:normal;\n\t\t\t\t//.property-animation(opacity, @animation-duration, @animation-ease);\n\t\t\t\t//.animation-timing-cubic-bezier();\n\t\t\t\t.tl-timeaxis-tick-text {\n\t\t\t\t\tdisplay:inline-block;\n\t\t\t\t\t//width:100%;\n\t\t\t\t\twhite-space: nowrap;\n\n\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\toverflow:hidden;\n\t\t\t\t}\n\t\t\t\t&:before {\n\t\t\t\t\tcontent: \"|\";\n\t\t\t\t\tdisplay:block;\n\t\t\t\t\tcolor:@color-background;\n\t\t\t\t\twidth:1px;\n\t\t\t\t\toverflow:hidden;\n\t\t\t\t\tborder-left: 1px solid @minor-ticks-line-color;\n\t\t\t\t\ttext-align:center;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.tl-timeaxis-animate {\n\t\t\t\t.tl-timeaxis-tick {\n\t\t\t\t\t.property-animation(all, @animation-duration, @animation-ease);\n\t\t\t\t\t.animation-timing-cubic-bezier();\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.tl-timeaxis-animate-opacity {\n\t\t\t\t.tl-timeaxis-tick {\n\t\t\t\t\t.property-animation(opacity, @animation-duration, @animation-ease);\n\t\t\t\t\t.animation-timing-cubic-bezier();\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.tl-timeaxis-major {\n\t\t\tz-index:1;\n\t\t\tbackground-color:@color-background;\n\t\t\t.tl-timeaxis-tick {\n\t\t\t\tfont-size:@major-ticks-font-size;\n\t\t\t\tline-height:@major-ticks-font-size + @tick-padding;\n\t\t\t\tcolor:@major-ticks-color;\n\t\t\t\twidth:@major-ticks-width;\n\t\t\t\tmargin-left:-(@major-ticks-width/2);\n\n\t\t\t\t&:before {\n\t\t\t\t\tborder-color:@major-ticks-line-color;\n\t\t\t\t\t//border-left: 2px solid @major-ticks-line-color;\n\t\t\t\t\tfont-size:@major-ticks-font-size + (@tick-padding*3);\n\t\t\t\t\tline-height:@major-ticks-font-size + (@tick-padding*3);\n\t\t\t\t\tmargin-bottom:@tick-padding;\n\t\t\t\t\tmargin-left:(@major-ticks-width/2);\n\t\t\t\t}\n\n\t\t\t\t.tl-timeaxis-tick-text {\n\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.tl-timeaxis-minor {\n\n\t\t\t.tl-timeaxis-tick {\n\t\t\t\tfont-size:@minor-ticks-font-size;\n\t\t\t\tline-height:@minor-ticks-font-size + @tick-padding;\n\t\t\t\tcolor:@minor-ticks-color;\n\t\t\t\twidth:@minor-ticks-width;\n\t\t\t\tmargin-left:-(@minor-ticks-width/2);\n\t\t\t\t.tl-timeaxis-tick-text {\n\t\t\t\t\topacity:0;\n\t\t\t\t\twhite-space: normal;\n\t\t\t\t\tpadding-left:2px;\n\t\t\t\t\tpadding-right:2px;\n\t\t\t\t\tspan {\n\t\t\t\t\t\t//display:none;\n\t\t\t\t\t\tdisplay:block;\n\t\t\t\t\t\tfont-size:9px;\n\t\t\t\t\t\tline-height:9px;\n\t\t\t\t\t\tmargin-top:-2px;\n\t\t\t\t\t\tcolor:lighten(@minor-ticks-color,15);\n\t\t\t\t\t\t&.tl-timeaxis-timesuffix {\n\t\t\t\t\t\t\t//display:none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t&:before {\n\t\t\t\t\tfont-size:@minor-ticks-font-size - @tick-padding;\n\t\t\t\t\tline-height:@minor-ticks-font-size - @tick-padding;\n\t\t\t\t\tmargin-left:(@minor-ticks-width/2);\n\t\t\t\t}\n\n\t\t\t\t&.tl-timeaxis-tick-hidden {\n\t\t\t\t\t.tl-timeaxis-tick-text {\n\t\t\t\t\t\topacity:0 !important;\n\t\t\t\t\t}\n\t\t\t\t\t&:before {\n\t\t\t\t\t\topacity:0.33;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\n\t}\n\n}\n\n/* Skinny\n================================================== */\n.tl-skinny {\n\t.tl-timeaxis {\n\n\t}\n}\n\n/* Mobile, iPhone\n================================================== */\n.tl-mobile {\n\t.tl-timeaxis {\n\n\t}\n}\n\n/* Mobile, iPhone and skinny\n================================================== */\n.tl-mobile.tl-skinny {\n\t.tl-timeaxis {\n\n\t}\n}\n",".tlanimate {\n\t-webkit-transform: translateZ(0);\n\t-webkit-perspective: 1000;\n\t-webkit-backface-visibility: hidden;\n}\n.tl-animate {\n\t.property-animation(all, @animation-duration, @animation-ease);\n\t.animation-timing-cubic-bezier();\n}\n\n.tl-animate-opacity {\n\t.property-animation(opacity, @animation-duration, @animation-ease);\n\t.animation-timing-cubic-bezier();\n}","/* SLIDE\n================================================== */\n.tl-slide {\n\tposition:absolute;\n\twidth:100%;\n\theight:100%;\n\tpadding:0px;\n\tmargin:0px;\n\toverflow-x:hidden;\n\toverflow-y:auto;\n\n\t.tl-slide-background {\n\t\tposition:absolute;\n\t\tleft:0;\n\t\ttop:0;\n\t\twidth:100%;\n\t\theight:100%;\n\t\tz-index:-1;\n\t\toverflow:hidden;\n\t\tdisplay:none;\n\t\t.opacity(50);\n\t\tbackground: no-repeat center center;\n\t\t-webkit-background-size: cover;\n\t\t   -moz-background-size: cover;\n\t\t     -o-background-size: cover;\n\t\t\t    background-size: cover;\n\t}\n\t.tl-slide-scrollable-container {\n\t\tdisplay:table;\n\t\ttable-layout: fixed;\n\t\theight:100%;\n\t\tz-index:1;\n\t}\n\t.tl-slide-content-container {\n\t\tdisplay:table-cell;\n\t\tvertical-align:middle;\n\t\tposition:relative;\n\t\twidth:100%;\n\t\theight:100%;\n\n\t\tz-index:3;\n\t\t.tl-slide-content {\n\t\t\t//width:100%;\n\t\t\tdisplay:table;\n\t\t\tvertical-align:middle;\n\t\t\tpadding-left:100px;\n\t\t\tpadding-right:100px;\n\t\t\tposition:relative;\n\t\t\tmax-width:100%;\n\t\t\tuser-select: text;\n\t\t\t.tl-media {\n\t\t\t\t//display:table-cell;\n\t\t\t\t//vertical-align:middle;\n\t\t\t\tposition:relative;\n\t\t\t\twidth:100%;\n\t\t\t\tmin-width:50%;\n\t\t\t\t//height:100%;\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top:auto;\n\t\t\t\tmargin-bottom:auto;\n\t\t\t\t//margin-right:auto;\n\t\t\t\timg, embed, object, video, iframe {\n\t\t\t\t\t//width:100%;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.tl-text {\n\t\t\t\twidth:50%;\n\t\t\t\tmax-width:50%;\n\t\t\t\tmin-width:120px;\n\t\t\t\t//height:100%;\n\t\t\t\t//overflow-y:auto;\n\t\t\t\tpadding: 0 20px 0 20px;\n\t\t\t\tdisplay:table-cell;\n\t\t\t\tvertical-align:middle;\n\t\t\t\ttext-align: left;\n\t\t\t\t//float:left;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.tl-slide-titleslide {\n\t\t//background-color:#333;\n\t}\n}\n\n/* Only Media (no text)\n================================================== */\n.tl-slide-media-only {\n\t.tl-slide-content-container {\n\t\t.tl-slide-content {\n\t\t\t//width:100%;\n\t\t\ttext-align:center;\n\t\t\t.tl-media {\n\t\t\t\t//display:table-cell;\n\t\t\t\t//vertical-align:middle;\n\t\t\t\ttext-align:center;\n\t\t\t\tposition:relative;\n\t\t\t\twidth:100%;\n\t\t\t\tmin-width:50%;\n\t\t\t\tmax-width:100%;\n\t\t\t\t//height:100%;\n\t\t\t\tfloat: none;\n\t\t\t\tmargin-top:auto;\n\t\t\t\tmargin-bottom:auto;\n\t\t\t\t//margin-right:auto;\n\t\t\t\timg, embed, object, video, iframe {\n\t\t\t\t\t//width:100%;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.tl-text {\n\t\t\t\twidth:\t\t\t\t100%;\n\t\t\t\tmax-width:\t\t\t100%;\n\t\t\t\tdisplay:\t\t\tblock;\n\t\t\t\tmargin-left:\t\tauto;\n\t\t\t\tmargin-right:\t\tauto;\n\t\t\t\ttext-align: \t\tcenter;\n\t\t\t\th2 {\n\t\t\t\t\t//margin-top: \t20px;\n\t\t\t\t\t//margin-bottom: \t20px;\n\t\t\t\t}\n\t\t\t\t//float:left;\n\t\t\t}\n\t\t}\n\t}\n}\n\n/* Only Text (no media)\n================================================== */\n.tl-slide-text-only {\n\t.tl-slide-content-container {\n\t\t.tl-slide-content {\n\t\t\t//width:100%;\n\t\t\ttext-align:center;\n\t\t\t.tl-text {\n\t\t\t\tmax-width:80%;\n\t\t\t\twidth:80%;\n\t\t\t\tdisplay:block;\n\t\t\t\tmargin-left:auto;\n\t\t\t\tmargin-right:auto;\n\t\t\t\t//float:left;\n\t\t\t}\n\t\t}\n\t}\n}\n/* Background\n================================================== */\n\n\n.tl-slide.tl-full-image-background, .tl-slide.tl-full-color-background {\n\t.slide-text-shadow();\n\n\tp, h1, h2, h3, h4, h5, h6 {\n\t\t.slide-text-shadow();\n\t}\n\ta, b, i, blockquote, blockquote p {\n\t\ttext-shadow: 1px 1px 1px #000;\n\t\tcolor: lighten(@color-theme, 90%);\n\t}\n\ta:hover{\n\t\ttext-decoration: underline;\n\t\tcolor: @color-theme;\n\t}\n\t.tl-caption, .tl-credit {\n\t\t.slide-text-shadow();\n\t}\n\t.tl-media-twitter, .tl-media-blockquote {\n\t\tblockquote {\n\t\t\t.slide-text-shadow();\n\t\t\tp {\n\t\t\t\t.slide-text-shadow();\n\t\t\t}\n\t\t}\n\t}\n\t.vcard {\n\t\ta, .nickname  {\n\t\t\t.slide-text-shadow();\n\t\t}\n\t}\n\n}\n\n\n\n/* Full Image Background\n================================================== */\n.tl-slide.tl-full-image-background {\n\tbackground: no-repeat center center;\n\t-webkit-background-size: cover;\n\t   -moz-background-size: cover;\n\t     -o-background-size: cover;\n\t\t    background-size: cover;\n\t//filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');\n\t//-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')\";\n\tbackground-position:center 25%;\n\ttext-shadow: 1px 1px 2px #000;\n\t.tl-slide-content-container {\n\t\t//.translucent-background(#000, 0.50);\n\t}\n\tp, h1, h2, h3, h4, h5, h6 {\n\t\ttext-shadow: 1px 1px 2px #000;\n\t}\n\t.tl-caption, .tl-credit {\n\t\ttext-shadow: 1px 1px 2px #000;\n\t}\n\n\t.tl-media-twitter, .tl-media-blockquote {\n\t\tblockquote {\n\t\t\ttext-shadow: 1px 1px 2px #000 !important;\n\t\t\tp {\n\t\t\t\ttext-shadow: 1px 1px 2px #000 !important;\n\t\t\t}\n\t\t}\n\t}\n\n}\n/* Color Background\n================================================== */\n.tl-slide.tl-full-color-background {\n\n}\n/* Text Background\n================================================== */\n.tl-slide.tl-text-background {\n\t.tl-text {\n\t\t.tl-text-content-container {\n\t\t\tpadding:20px;\n\t\t\t.background-color-opacity(0,0,0, 60);\n\t\t\t.border-radius(7px);\n\t\t\th2 {\n\t\t\t\tmargin-top:5px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n\n\n/* Skinny\n================================================== */\n.tl-skinny {\n\n\t.tl-slide {\n\t\tdisplay:block;\n\t\tpadding-top:10px;\n\t\t.tl-slide-content-container {\n\t\t\tdisplay:block;\n\t\t\tposition:static;\n\t\t\theight:auto;\n\t\t\theight:100%;\n\t\t\t//vertical-align:baseline;\n\t\t\tdisplay: -webkit-flex; /* Safari */\n\t\t\tdisplay: flex;\n\t\t\t//flex-direction:column-reverse;\n\t\t\talign-items: center;\n\t\t\t-webkit-align-items: center; /* Safari 7.0+ */\n\t\t\t.tl-slide-content {\n\t\t\t\tdisplay:block;\n\n    \t\t\tdisplay: -webkit-flex; /* Safari */\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction:column-reverse;\n\t\t\t\t-webkit-flex-direction:column-reverse; /* Safari */\n\t\t\t\tposition:static;\n\t\t\t\theight:auto;\n\t\t\t\tpadding-left:50px;\n\t\t\t\tpadding-right:50px;\n\t\t\t\t.tl-media {\n\t\t\t\t\tposition:static;\n\t\t\t\t\twidth:100%;\n\t\t\t\t\theight:auto;\n\t\t\t\t\tfloat: none;\n\t\t\t\t\tdisplay:block;\n\t\t\t\t\t//margin-top:20px;\n\t\t\t\t\tpadding-top:20px;\n\t\t\t\t\t//padding-bottom:20px;\n\t\t\t\t\tborder-top: 1px solid @ui-background-color-darker;\n\t\t\t\t}\n\t\t\t\t.tl-text {\n\t\t\t\t\tdisplay:block;\n\t\t\t\t\theight:auto;\n\t\t\t\t\tvertical-align:initial;\n\t\t\t\t\tposition:static;\n\t\t\t\t\twidth:100%;\n\t\t\t\t\tmax-width:100%;\n\t\t\t\t\tmin-width:0;\n\t\t\t\t\tfloat:none;\n\t\t\t\t\tpadding: 0;\n\n\t\t\t\t\t.tl-text-content-container {\n\t\t\t\t\t\tpadding-left:10px;\n\t\t\t\t\t\tpadding-right:10px;\n\t\t\t\t\t\tpadding-bottom:10px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.tl-slide.tl-full-color-background, &.tl-full-image-background {\n\t\t\t.tl-slide-content-container {\n\t\t\t\t.tl-slide-content {\n\t\t\t\t\t.tl-media {\n\t\t\t\t\t\tborder-color: fadeout(@ui-background-color-darker,75);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.tl-slide-media-only {\n\t\t\t.tl-slide-content-container {\n\t\t\t\t.tl-slide-content {\n\t\t\t\t\tflex-direction:column;\n\t\t\t\t\t-webkit-flex-direction:column; /* Safari */\n\t\t\t\t\t.tl-media {\n\t\t\t\t\t\tborder-top: none;\n\t\t\t\t\t\tpadding-top:0px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t}\n\t}\n}\n\n\n\n/* Mobile, iPhone\n================================================== */\n.tl-mobile {\n\t.tl-storyslider {\n\n\t}\n}\n\n/* Mobile, iPhone and skinny\n================================================== */\n.tl-mobile.tl-skinny {\n\t.tl-slide {\n\t\t.tl-slide-content-container {\n\t\t\t.tl-slide-content {\n\t\t\t\t.tl-media {\n\t\t\t\t\timg, embed, object, video, iframe {\n\t\t\t\t\t\tmax-height:175px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","/* SlideNav\n================================================== */\n\n/* NAVIGATION\n================================================== */\n.tl-slidenav-previous, .tl-slidenav-next {\n\tposition:absolute;\n\ttop: 45%;\n\tz-index:10;\n\tcursor:pointer;\n\t\n\t.tl-slidenav-content-container {\n\t\theight:200px;\n\t\twidth:100px;\n\t\tposition:absolute;\n\t}\n\t.tl-slidenav-title, .tl-slidenav-description {\n\t\t//width:100%;\n\t\t//word-break:break-all;\n\t\twidth:80px;\n\t\t-webkit-line-clamp: 2;\n\t\t\t    line-clamp: 2;\n\t\ttext-overflow: ellipsis;\n\t    //-ms-word-break: break-all;\n\t    //    word-break: break-all;\n\n\t    /* Non standard for webkit */\n\t    //    word-break: break-word;\n\t    /*\n\t   -webkit-hyphens: auto;\n\t      -moz-hyphens: auto;\n\t       -ms-hyphens: auto;\n\t           hyphens: auto;\n\t\t*/\n\t\ta {\n\t\t\t\n\t\t}\n\t\tsmall {\n\t\t\tdisplay:block;\n\t\t}\n\t}\n\t.tl-slidenav-title {\n\t\tmargin-top:10px;\n\t\t.opacity(@opacity-slide-nav-title);\n\t\tfont-size: @base-font-size-small;\n\t\tline-height: @base-font-size-small;\n\t\t//font-weight: bold;\n\t}\n\t.tl-slidenav-description {\n\t\tfont-size: @base-font-size-small;\n\t\tmargin-top:5px;\n\t\t.opacity(@opacity-slide-nav-desc);\n\t\tsmall {\n\t\t\tdisplay:none;\n\t\t}\n\t}\n\t\n}\n\n/* NAVIGATION COLOR\n================================================== */\n.tl-slidenav-previous, .tl-slidenav-next {\n\t.tl-slidenav-content-container {\n\t\t.tl-slidenav-icon, .tl-slidenav-title, .tl-slidenav-description {\n\t\t\ttext-shadow: 1px 1px 1px @color-background;\n\t\t\tcolor: @color-foreground;\n\t\t}\n\t}\n\t.tl-slidenav-content-container.tl-slidenav-inverted {\n\t\t.tl-slidenav-icon, .tl-slidenav-title, .tl-slidenav-description {\n\t\t\tcolor:@color-text-inverted;\n\t\t\ttext-shadow: 1px 1px 1px @color-foreground;\n\t\t}\n\t}\n}\n\n/* ICONS\n================================================== */\n.tl-slidenav-next, .tl-slidenav-previous {\n\t.tl-slidenav-icon {\n\t\tfont-family: 'tl-icons';\n\t\tspeak: none;\n\t\tfont-style: normal;\n\t\tfont-weight: normal;\n\t\tfont-variant: normal;\n\t\ttext-transform: none;\n\t\tline-height: 1;\n\t\t-webkit-font-smoothing: antialiased;\n\t\t-moz-osx-font-smoothing: grayscale;\n\t\tfont-size:32px;\n\t\tmargin-bottom: 5px;\n\t}\n}\n\n.tl-slidenav-next {\n\ttext-align: right;\n\tmargin-right:10px;\n    right: 100px;\n\t.tl-slidenav-title, .tl-slidenav-description {\n\t\tmargin-left:20px;\n\t}\n\t.tl-slidenav-icon {\n\t\tmargin-left: 100 - 24px;\n\t}\n\t.tl-slidenav-icon:before {\n\t\tcontent: \"\\e64f\";\n\t}\n}\n.tl-slidenav-previous {\n\ttext-align: left;\n\tmargin-left:10px;\n\t.tl-slidenav-icon {\n\t\tmargin-left: 0px;\n\t}\n\t.tl-slidenav-icon:before {\n\t\tcontent: \"\\e650\";\n\t}\n}\n\n\n\n/* NAVIGATION HOVER\n================================================== */\n.tl-slidenav-previous:hover, .tl-slidenav-next:hover {\n\t.tl-slidenav-title {\n\t\t.opacity(100);\n\t}\n\t.tl-slidenav-description {\n\t\t.opacity(@opacity-slide-nav-desc-hover);\n\t}\n}\n.tl-slidenav-next:hover {\n\t.tl-slidenav-icon {\n        margin-left: 100 - 20px;\n\t}\n}\n.tl-slidenav-previous:hover {\n\t.tl-slidenav-icon {\n\t\tmargin-left: -4px;\n\t}\n}\n\n// Mobile, iPhone and skinny\n@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) {\n\t.tl-slidenav-previous, .tl-slidenav-next {\n\t\t\n\t}\n} \n.tl-skinny {\n\t.tl-slidenav-next {\n\t    right: 32px;\n\t\t.tl-slidenav-icon {\n\t\t\tmargin-left:32 - 24px;\n\t\t}\n\t}\n\t.tl-slidenav-previous, .tl-slidenav-next {\n\t\t.tl-slidenav-content-container {\n\t\t\twidth:32px;\n\t\t\theight:32px;\n\t\t}\n\t\t.tl-slidenav-title, .tl-slidenav-description {\n\t\t\tdisplay:none;\n\t\t}\n\t\t.tl-slidenav-icon {\n\t\t\t.opacity(33);\n\t\t}\n\t}\n\t.tl-slidenav-next:hover {\n\t\t.tl-slidenav-icon {\n\t       margin-left:32 - 20px;\n\t\t   .opacity(100);\n\t\t}\n\t}\n\t.tl-slidenav-previous:hover {\n\t\t.tl-slidenav-icon {\n\t\t\tmargin-left: -4px;\n\t\t\t.opacity(100);\n\t\t}\n\t}\n\t\n}\n\n\n\n.tl-layout-landscape.tl-mobile {\n\t.tl-slidenav-next:hover {\n\t\tright: 70px;\n\t\t.tl-slidenav-icon {\n\t       margin-left:32 - 24px;\n\t\t   .opacity(100);\n\t\t}\n\t}\n\t.tl-slidenav-next:active {\n\t\t.tl-slidenav-icon {\n\t\t\tmargin-left: 0px;\n\t\t   .opacity(100);\n\t\t}\n\t}\n\t.tl-slidenav-previous:hover {\n\t\t.tl-slidenav-icon {\n\t\t\t//margin-left: 0px;\n\t\t\tmargin-left: 100 - 20px;\n\t\t\t.opacity(100);\n\t\t}\n\t}\n\t.tl-slidenav-previous:active {\n\t\t.tl-slidenav-icon {\n\t\t   .opacity(100);\n\t\t   margin-left: -4px;\n\t\t}\n\t}\n\n}\n\n.tl-layout-portrait.tl-mobile {\n\t.tl-slidenav-next:hover {\n\t\t.tl-slidenav-icon {\n\t\t   .opacity(33);\n\t\t}\n\t}\n\t.tl-slidenav-next:active {\n\t\t.tl-slidenav-icon {\n\t\t   .opacity(100);\n\t\t}\n\t}\n\t.tl-slidenav-previous:hover {\n\t\t.tl-slidenav-icon {\n\t\t\t.opacity(33);\n\t\t}\n\t}\n\t.tl-slidenav-previous:active {\n\t\t.tl-slidenav-icon {\n\t\t   .opacity(100);\n\n\t\t}\n\t}\n}\n\n.tl-mobile, .tl-skinny.tl-mobile, .tl-skinny.tl-layout-landscape.tl-mobile, .tl-skinny.tl-layout-portrait.tl-mobile  {\n\t.tl-slidenav-previous, .tl-slidenav-next {\n\t\tdisplay:none;\n\t}\n}","/* StorySlider\n================================================== */\n\n/* SLIDER CONTAINERS\n================================================== */\n.tl-storyslider {\n\twidth:100%;\n\theight:100%;\n\toverflow:hidden;\n\t.user-select(none);\n\tposition:relative;\n\tbox-sizing:content-box;\n\t//.box-shadow(1px 1px 7px rgba(0,0,0,.30));\n\n\tz-index:8;\n\timg, embed, object, video, iframe {\n\t\tmax-width: 100%;\n\t\tposition:relative;\n\t}\n\t.tl-slider-background {\n\t\tposition:absolute;\n\t\ttop:0;\n\t\tleft:0;\n\t\twidth:100%;\n\t\theight:100%;\n\t\tz-index:1;\n\n\t}\n\t.tl-slider-touch-mask {\n\t\twidth:100%;\n\t\theight:100%;\n\t\tz-index:25;\n\n\t\ttop:0px;\n\t\tleft:0px;\n\t\tposition: absolute;\n\t}\n\t.tl-slider-container-mask {\n\t\ttext-align: center;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\t//overflow: scroll;\n\t\tposition: relative;\n\t\tz-index:5;\n\t\t.tl-slider-container {\n\t\t\tposition: absolute;\n\t\t\ttop: 0px;\n\t\t\tleft: 0px;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\ttext-align: center;\n\n\t\t\t.tl-slider-item-container {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tdisplay:table-cell;\n\t\t\t\tvertical-align:middle;\n\n\t\t\t}\n\t\t}\n\t}\n\n}\n\n/* Skinny\n================================================== */\n.tl-skinny {\n\t.tl-storyslider {\n\t\t.tl-slider-container-mask {\n\n\t\t\t.tl-slider-container {\n\t\t\t\t.tl-slider-item-container {\n\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t}\n}\n\n/* Mobile, iPhone\n================================================== */\n.tl-mobile {\n\t.tl-storyslider {\n\n\t}\n}\n\n/* Mobile, iPhone and skinny\n================================================== */\n.tl-mobile.tl-skinny {\n\t.tl-storyslider {\n\n\t}\n}\n","/* Requires Variables.less\n================================================== */\n.tl-media {\n\t//display:table-cell;\n\t//vertical-align:middle;\n\twidth:100%;\n\tmin-width:50%;\n\theight:100%;\n\tfloat: left;\n\tmargin-top:auto;\n\tmargin-bottom:auto;\n\tposition:relative;\n\t//margin-right:auto;\n\n\t.tl-media-content-container {\n\t\t&.tl-media-content-container-text {\n\t\t\tborder-right: 1px solid @ui-background-color-darker;\n\t\t\tpadding-right:20px;\n\t\t}\n\t\t.tl-media-content{\n\t\t\tposition: relative;\n\t\t\t.clearfix();\n\n\t\t\t.tl-media-loaderror {\n\t\t\t\tp {\n\t\t\t\t\tcolor:@ui-background-color;\n\t\t\t\t\tspan {\n\t\t\t\t\t\tcolor:@ui-background-color;\n\t\t\t\t\t}\n\t\t\t\t\ttext-align:center;\n\t\t\t\t\tem {\n\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t[class^=\"tl-icon-\"], [class*=\" tl-icon-\"] {\n\t\t\t\t\tfont-size:@base-font-size-xlarge;\n\t\t\t\t\tcolor:@ui-background-color;\n\t\t\t\t\ttext-align:center;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\timg, embed, object, video {\n\t\t\t\tmax-width: 100%;\n\t\t\t\tmax-height:100%;\n\t\t\t}\n\n\t\t}\n\t}\n}\n\n/* Media Only Slides\n================================================== */\n.tl-slide-media-only {\n\t.tl-media {\n\t\t.tl-media-content-container {\n\t\t\t&.tl-media-content-container-text {\n\t\t\t\tborder-right: none;\n\t\t\t\tpadding-right:0;\n\t\t\t}\n\t\t}\n\t}\n\n}\n\n/* Media Shodow\n================================================== */\n\n.tl-media-shadow {\n\tposition: relative;\n\tz-index: 1;\n\t//display:block;\n\t//background:@color-background;\n\t//.box-shadow(1px 1px 7px rgba(0,0,0,.50));\n\t.box-shadow(0 12px 10px -10px rgba(0,0,0,.60));\n\n}\n\n.tl-slide.tl-full-image-background, .tl-slide.tl-full-color-background {\n\ta, .vcard a {\n\t\ttext-shadow: 1px 1px 1px #000;\n\t\tcolor: lighten(@color-theme, 90%);\n\t}\n\ta:hover{\n\t\ttext-decoration: underline;\n\t\tcolor: @color-theme;\n\t}\n}\n/* Credit\n================================================== */\n.tl-credit {\n\tcolor: @color-text-credit;\n\ttext-align: right;\n\tdisplay: block;\n\tmargin: 0 auto;\n\tmargin-top: 6px;\n\tfont-size: @base-font-size-small - 1;\n\tline-height: 13px;\n}\n\n/* Caption\n================================================== */\n.tl-caption {\n\ttext-align: left;\n\tmargin-right: auto;\n\tmargin-left: auto;\n\tmargin-top: 10px;\n\tcolor: #666666;\n\tfont-size: @base-font-size-small;\n\tline-height: 14px;\n\ttext-rendering: optimizeLegibility;\n\tword-wrap: break-word;\n}\n\n/* Full Image Background\n================================================== */\n.tl-full-image-background, .tl-full-color-background {\n\n\t.tl-media-shadow:before, .tl-media-shadow:after {\n\t\tbackground: none;\n\t\t.box-shadow(0 0px 0px #000);\n\t}\n\n}\n.tl-full-image-background {\n\n}\n\n.tl-full-color-background {\n\n}\n\n\n/* Skinny\n================================================== */\n.tl-skinny {\n\t.tl-media {\n\t\twidth:100%;\n\t\theight:auto;\n\t\tfloat: none;\n\t\tdisplay:block;\n\t\t.tl-media-content-container {\n\t\t\t&.tl-media-content-container-text {\n\t\t\t\tborder-right: 0;\n\t\t\t\tpadding-right:0;\n\t\t\t}\n\t\t\t.tl-media-content{\n\n\t\t\t}\n\n\t\t\t.tl-credit, .tl-caption {\n\t\t\t\tmargin-top: 2px;\n\t\t\t\tpadding-left:10px;\n\t\t\t\tpadding-right:10px;\n\t\t\t\tfont-size:8px;\n\t\t\t}\n\t\t\t.tl-credit {\n\t\t\t\tmargin-top: 0px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n\n\n/* Mobile, iPhone\n================================================== */\n.tl-mobile {\n\n}\n\n/* Mobile, iPhone and skinny\n================================================== */\n.tl-mobile.tl-skinny {\n\t.tl-media {\n\t\twidth:100%;\n\t\theight:auto;\n\t\tfloat: none;\n\t\tdisplay:block;\n\n\t\t.tl-media-content-container {\n\t\t\t&.tl-media-content-container-text {\n\t\t\t\tborder-right: 0;\n\t\t\t\tpadding-right:0;\n\t\t\t}\n\t\t\t.tl-media-content{\n\n\t\t\t}\n\t\t\t.tl-credit {\n\n\t\t\t}\n\t\t\t.tl-caption {\n\n\t\t\t}\n\n\t\t}\n\t}\n}\n","/* Requires Variables.less\n================================================== */\n\n.tl-text {\n\twidth:50%;\n\tmax-width:50%;\n\tmin-width:120px;\n\tpadding: 0 20px 0 20px;\n\tdisplay:table-cell;\n\tvertical-align:middle;\n\ttext-align: left;\n\t//float:left;\n\ttext-shadow: none;\n\tcolor:@color-text;\n\tp {\n\t\tcolor:@color-text;\n\t}\n\t.tl-text-content-container {\n\t\t.tl-text-content{\n\n\t\t}\n\t}\n\th2.tl-headline-title, h2.tl-headline {\n\t\tmargin-top:0;\n\t}\n\t.tl-headline-date, h3.tl-headline-date {\n\t\tfont-family:@font-main;\n\t\tfont-size:@base-font-size;\n\t\tline-height: @base-font-size;\n\t\tfont-weight: normal;\n\t\tmargin:0 0 3px 0;\n\t\tcolor: lighten(@color-text,25);\n\t\tsmall {\n\t\t\tfont-size:@base-font-size;\n\t\t\tline-height: @base-font-size;\n\t\t\tfont-weight: normal;\n\t\t\tcolor: lighten(@color-text,25);\n\t\t}\n\t}\n\t.tl-text-date {\n\t\tdisplay:inline-block;\n\t\tfont-family:@font-main;\n\t\tfont-weight:normal;\n\t\tmargin-top:10px;\n\t\tfont-size:12px;\n\t\tcolor: lighten(@color-text,25);\n\t\t&:after {\n\t\t\t//margin-left:3px;\n\t\t\t//color:#999;\n\t\t\t//font-weight:normal;\n\t\t}\n\t}\n\n}\n\n// When the background is an image\n.tl-full-image-background, .tl-full-color-background {\n\t.tl-text, .tl-text p {\n\t\tcolor: @color-text-inverted !important;\n\t\ttext-shadow: 1px 1px 2px #000;\n\t\t.tl-headline-date, h3.tl-headline-date {\n\t\t\tcolor: @color-text-inverted !important;\n\t\t\tsmall {\n\t\t\t\tcolor: @color-text-inverted !important;\n\t\t\t}\n\t\t}\n\t\ta:hover {\n\t\t\ttext-decoration: underline;\n\t\t\tcolor: @color-theme;\n\t\t}\n\t}\n}\n\n\n/* Skinny\n================================================== */\n.tl-skinny {\n\t.tl-text {\n\t\twidth:100%;\n\t\tmax-width:100%;\n\t\tmin-width:auto;\n\t\tfloat:none;\n\t\tmargin-top:20px;\n\t\t.tl-text-content-container {\n\t\t\t.tl-text-content{\n\n\t\t\t}\n\t\t}\n\t\th2.tl-headline-title, h2.tl-headline {\n\t\t\t//word-break: break-all;\n\t\t\tfont-size:32px;\n\t\t\tline-height:36px;\n\t\t}\n\t}\n}\n\n/* Medium\n================================================== */\n.tl-medium {\n\t.tl-text {\n\t\th2.tl-headline-title, h2.tl-headline {\n\t\t\t//word-break: break-all;\n\t\t\tfont-size:32px;\n\t\t\tline-height:36px;\n\t\t}\n\t}\n}\n\n/* Mobile, iPhone\n================================================== */\n.tl-mobile {\n\n}\n\n/* Mobile, iPhone and skinny\n================================================== */\n.tl-mobile.tl-skinny {\n\n}\n",".tl-media {\n\t.tl-media-image {\n\t\t\n\t}\n\n}\n\n.tl-mobile.tl-skinny {\n\t.tl-media {\n\t\t.tl-media-image {\n\t\t\tmax-height:250px !important;\n\t\t}\n\n\t}\n}",".tl-media {\n\t.tl-media-twitter {\n\t\ttext-align:left;\n\t\t//margin-left: auto;\n\t\t//margin-right: auto;\n\t\t//margin-bottom:@base-space;\n\t\tclear:both;\n\t\tblockquote {\n\t\t\tmargin:0;\n\t\t\tmargin-right: \t@base-spacing;\n\t\t\tfont-size: \t\t@base-font-size;\n\t\t\tline-height:\tfloor(@base-font-size * @base-line-height);\n\t\t\tcolor:\t\t\t@color-foreground;\n\t\t\tp {\n\t\t\t\tfont-size: \t\t@base-font-size-xlarge;\n\t\t\t\tline-height: \tfloor(@base-font-size-xlarge * 1.1);\n\t\t\t\tcolor:\t\t\t@color-dark;\n\t\t\t}\n\t\t\t.quote-mark {\n\t\t\t\t\n\t\t\t}\n\t\t}\n\t\tblockquote p:before {\n\t\t\tdisplay:none;\n\t\t}\n\t\tblockquote p:after {\n\t\t\tdisplay:none;\n\t\t}\n\t\t\n\t\t.tl-icon-twitter {\n\t\t\tcolor:#55ACEE;\n\t\t}\n\t\t.vcard {\n\t\t\ta:hover, a.tl-date:hover {\n\t\t\t\ttext-decoration: none;\n\t\t\t\tcolor:#55ACEE;\n\t\t\t\t.fn, .nickname {\n\t\t\t\t\tcolor:#55ACEE;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t\n\t\t\n\n\t}\n\n}\n.tl-slide-media-only {\n\t.tl-media {\n\t\t.tl-media-twitter {\n\t\t\twidth:80%;\n\t\t\tmargin-left:auto;\n\t\t\tmargin-right:auto;\n\t\t}\n\t}\n}\n.tl-mobile.tl-skinny {\n\t.tl-media {\n\t\t.tl-media-twitter {\n\t\t\t\n\t\t\tblockquote {\n\t\t\t\tp {\n\t\t\t\t\tfont-size: \t\t@base-font-size;\n\t\t\t\t\tline-height:\tfloor(@base-font-size * @base-line-height);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t}\n}\n.tl-skinny {\n\t\n\t.tl-media {\n\t\t.tl-media-twitter {\n\t\t\tmargin-left:10px;\n\t\t\tmargin-right:10px;\n\t\t\tblockquote {\n\t\t\t\tp {\n\t\t\t\t\tfont-size: \t\t@base-font-size-large;\n\t\t\t\t\tline-height:\tfloor(@base-font-size-large * 1.1);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t}\n}\n",".tl-media {\n\t.tl-media-blockquote {\n\t\ttext-align:left;\n\t\tclear:both;\n\t\t\n\t\tblockquote {\n\t\t\tmargin:0;\n\t\t\tmargin-right: \t@base-spacing;\n\t\t\ttext-align: \tleft;\n\t\t\tfont-size: \t\t@base-font-size-xlarge;\n\t\t\tline-height: \tfloor(@base-font-size-xlarge * 1.1);\n\t\t\tcolor:\t\t\t@color-foreground;\n\t\t\tp {\n\t\t\t\tfont-size: \t\t@base-font-size-xlarge;\n\t\t\t\tline-height: \tfloor(@base-font-size-xlarge * 1.1);\n\t\t\t\tcolor:\t\t\t@color-foreground;\n\t\t\t\t&:before, &:after {\n\t\t\t\t\tdisplay:inline-block;\n\t\t\t\t\tfont-size: \t\tfloor(@base-font-size-xlarge * 1.3);\n\t\t\t\t\t//line-height: \tfloor(@base-font-size-xlarge * 1.1);\n\t\t\t\t\t//color:\t\t\tlighten(@color-foreground,50);\n\t\t\t\t\t//width:@base-font-size-xlarge;\n\t\t\t\t\t//height:@base-font-size-xlarge;\n\t\t\t\t}\n\t\t\t\t&:before {\n\t\t\t\t\tcontent: open-quote;\n\t\t\t\t\tmargin-right:5px;\n\t\t\t\t}\n\t\t\t\t&:after {\n\t\t\t\t\tcontent: close-quote;\n\t\t\t\t\tmargin-left:3px;\n\t\t\t\t} \n\t\t\t}\n\t\t\tcite {\n\t\t\t\tfont-size: \t\t@base-font-size;\n\t\t\t\tline-height:\tfloor(@base-font-size * @base-line-height);\n\t\t\t\t//color:\t\t\t@color-foreground;\n\t\t\t\tcolor: \t\t\tlighten(@color-foreground, 40%);\n\t\t\t\ttext-align: \tright;\n\t\t\t\tmargin-top: \t@base-spacing;\n\t\t\t}\n\n\t\t}\n\n\n\t}\n\n}\n.tl-slide-media-only {\n\t.tl-media {\n\t\t.tl-media-blockquote {\n\t\t\tborder-right: 0;\n\t\t\twidth:80%;\n\t\t\tmargin-left:auto;\n\t\t\tmargin-right:auto;\n\t\t}\n\t}\n}\n// Skinnier\n@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {\n\t.tl-media {\n\t\t.tl-media-blockquote {\n\t\t\t\n\t\t\tblockquote {\n\t\t\t\tp {\n\t\t\t\t\tfont-size: \t\t@base-font-size-large;\n\t\t\t\t\tline-height:\tfloor(@base-font-size-large * 1.1);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t}\n}\n// Mobile, iPhone and skinny\n@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) {\n\t.tl-media {\n\t\t.tl-media-blockquote {\n\t\t\t\n\t\t\tblockquote {\n\t\t\t\tp {\n\t\t\t\t\tfont-size: \t\t@base-font-size;\n\t\t\t\t\tline-height:\tfloor(@base-font-size * @base-line-height);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t}\n}",".tl-media {\n\t.tl-media-instagram {\n\t\t\n\t}\n\n}\n\n\n.tl-mobile.tl-skinny {\n\t.tl-media {\n\t\t.tl-media-instagram {\n\t\t\tmax-height:250px !important;\n\t\t}\n\n\t}\n}",".tl-media {\n\t.tl-media-profile {\n\t\tborder-radius: 50%;\n\t}\n\n}\n\n// Mobile, iPhone and skinny\n@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) {\n\t.tl-media {\n\t\t.tl-media-profile {\n\t\t\n\t\t}\n\n\t}\n}",".tl-media {\n\t.tl-media-iframe {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tiframe {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t}\n\t}\n\n}\n\n// Mobile, iPhone and skinny\n@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) {\n\t.tl-media {\n\t\t.tl-media-iframe {\n\t\t\n\t\t}\n\n\t}\n}",".tl-media {\n\t.tl-media-wikipedia {\n\t\t//font-size: @base-font;\n\t\t//line-height: @base-line;\n\t\ttext-align:left;\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t\t//margin-bottom:@base-space;\n\t\tclear:both;\n\t\t.tl-icon-wikipedia {\n\t\t\tfont-size:32px;\n\t\t\tmargin-right:10px;\n\t\t\t//margin-bottom:10px;\n\t\t\tfloat:left;\n\t\t\tpadding-top:3px;\n\t\t\t//padding-right:10px;\n\n\t\t\t//border-right: 1px solid @ui-background-color-darker;\n\t\t}\n\t\t.tl-wikipedia-pageimage {\n\t\t\tfloat:left;\n\t\t\tmargin-right:10px;\n\t\t\tmargin-bottom:5px;\n\t\t\tmargin-top:5px;\n\t\t}\n\t\t.tl-wikipedia-title {\n\t\t\tmargin-left:60px;\n\t\t\tpadding-left:10px;\n\t\t\tborder-left: 1px solid @ui-background-color-darker;\n\t\t\tmargin-bottom:10px;\n\t\t}\n\t\t.tl-wikipedia-source {\n\t\t\t//margin-bottom:@base-space;\n\t\t\tfont-size: 13px;\n\t\t\tline-height: 15px;\n\t\t\tfont-style: italic;\n\t\t\t//margin-top:10px;\n\t\t\tmargin-top:3px;\n\t\t\tdisplay:block;\n\t\t\t//margin-left:70px;\n\t\t\tcolor:fadeout(@color-dark, 50);\n\t\t}\n\t\th4 {\n\t\t\tmargin-top:0px;\n\t\t\t//border-bottom: 1px solid @color-line;\n\t\t\tmargin-bottom:0px;\n\t\t\t//margin-left:70px;\n\t\t}\n\t\th4 a {\n\t\t\tcolor:@color-dark; //@color-theme;\n\t\t\ttext-decoration: none;\n\t\t}\n\n\t\tp {\n\t\t\tfont-size: 13px;\n\t\t\tline-height: 19px;\n\t\t}\n\n\t}\n\n}\n.tl-slide-media-only {\n\t.tl-media {\n\t\t.tl-media-wikipedia {\n\t\t\tborder-right: 0;\n\t\t\tborder-top: 1px solid @ui-background-color-darker;\n\t\t\twidth:80%;\n\t\t\tmargin-left:auto;\n\t\t\tmargin-right:auto;\n\t\t\tmargin-top:25px;\n\t\t\tpadding-top:25px;\n\t\t}\n\t}\n}\n.tl-slide.tl-full-image-background, .tl-slide.tl-full-color-background {\n\t.tl-media {\n\t\t.tl-media-wikipedia {\n\t\t\tpadding:20px;\n\t\t\t.background-color-opacity(0,0,0, 60);\n\t\t\t.border-radius(7px);\n\t\t\th4 a {\n\t\t\t\t.slide-text-shadow();\n\t\t\t}\n\t\t\ta:hover{\n\t\t\t\ttext-decoration: underline;\n\t\t\t\tcolor: @color-theme;\n\t\t\t}\n\t\t\t.tl-wikipedia-title {\n\t\t\t\tborder-color: fadeout(@ui-background-color-darker,75);\n\t\t\t}\n\t\t\t.tl-wikipedia-source {\n\t\t\t\tcolor:fadeout(@ui-background-color-darker,15);\n\t\t\t}\n\t\t}\n\t}\n}\n// Mobile, iPhone and skinny\n.tl-mobile.tl-skinny, .tl-skinny{\n\t.tl-media {\n\t\t.tl-media-wikipedia {\n\t\t\tmargin-left: 10px;\n\t\t\tmargin-right: 10px;\n\t\t}\n\n\t}\n}\n",".tl-media {\n\t.tl-media-website {\n\t\t//font-size: @base-font;\n\t\t//line-height: @base-line;\n\t\ttext-align:left;\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t\t//margin-bottom:@base-space;\n\t\tclear:both;\n\t\t.tl-media-website-description {\n\t\t\t//margin-bottom:@base-space;\n\t\t\tfont-size: 16px;\n\t\t\tline-height: 19px;\n\t\t\tfont-style: italic;\n\t\t\tmargin-bottom:10px;\n\t\t\ttext-transform: uppercase;\n\t\t}\n\t\th4 {\n\t\t\tmargin-top:0px;\n\t\t\t//border-bottom: 1px solid @color-line;\n\t\t\tmargin-bottom:0px;\n\t\t\tline-height:1;\n\t\t}\n\t\th4 a {\n\t\t\tcolor:@color-dark; //@color-theme;\n\t\t\ttext-decoration: none;\n\t\t}\n\n\t\tp {\n\t\t\tfont-size: 13px;\n\t\t\tline-height: 19px;\n\t\t}\n\n\t}\n\t.tl-media-content-container {\n\t\t.tl-media-content {\n\t\t\t.tl-media-website {\n\t\t\t\timg {\n\t\t\t\t\tfloat: right;\n\t\t\t\t\tmax-width: 120px;\n\t\t\t\t\tmax-height: 120px;\n\t\t\t\t\tmargin: 4px 0 0 15px;\n\t\t\t\t\t&.tl-media-website-icon {\n\t\t\t\t\t\tmax-width: 16px;\n\t\t\t\t\t\tmax-height: 16px;\n\t\t\t\t\t\tfloat:none;\n\t\t\t\t\t\tmargin:0;\n\t\t\t\t\t\tmargin-right:3px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t}\n\t\t}\n\t}\n\n}\n.tl-slide.tl-full-image-background, .tl-slide.tl-full-color-background {\n\t.tl-media {\n\t\t.tl-media-website {\n\t\t\tpadding:20px;\n\t\t\t.background-color-opacity(0,0,0, 60);\n\t\t\t.border-radius(7px);\n\t\t\th4 a {\n\t\t\t\t.slide-text-shadow();\n\t\t\t}\n\t\t\ta:hover{\n\t\t\t\ttext-decoration: underline;\n\t\t\t\tcolor: @color-theme;\n\t\t\t}\n\t\t}\n\t}\n}\n// Mobile, iPhone and skinny\n.tl-mobile.tl-skinny {\n\t.tl-media {\n\t\t.tl-media-website {\n\t\t\tmargin-left: 10px;\n\t\t\tmargin-right: 10px;\n\t\t}\n\n\t}\n}\n","/*!\n\tTimeline JS 3\n\n\tDesigned and built by Zach Wise for the Northwestern University Knight Lab\n\n\tThis Source Code Form is subject to the terms of the Mozilla Public\n\tLicense, v. 2.0. If a copy of the MPL was not distributed with this\n\tfile, You can obtain one at https://mozilla.org/MPL/2.0/.\n\n*/\n\n/* Includes\n================================================== */\n\n@import \"core/Mixins.less\"; \t\t// Less shortcuts and functions\n@import \"core/Reset.less\"; \t\t\t// CSS Reset\n@import \"Typography.less\";\n\n// Icons\n@import \"icons/Icons.less\";\n\n//\tTL\n@import \"core/TL.less\";\n\n//\tComponents\n@import \"ui/TL.MenuBar.less\";\n@import \"ui/TL.MenuBar.Button.less\";\n@import \"ui/TL.Message.less\";\n\n@import \"timenav/TL.TimeNav.less\";\n@import \"timenav/TL.TimeMarker.less\";\n@import \"timenav/TL.TimeEra.less\";\n@import \"timenav/TL.TimeGroup.less\";\n@import \"timenav/TL.TimeAxis.less\";\n\n@import \"animation/TL.Animate.less\";\n\n@import \"slider/TL.Slide.less\";\n@import \"slider/TL.SlideNav.less\";\n@import \"slider/TL.StorySlider.less\";\n\n@import \"media/TL.Media.less\";\n@import \"media/types/TL.Media.Text.less\";\n@import \"media/types/TL.Media.Image.less\";\n@import \"media/types/TL.Media.Twitter.less\";\n@import \"media/types/TL.Media.Blockquote.less\";\n@import \"media/types/TL.Media.Flickr.less\";\n@import \"media/types/TL.Media.Instagram.less\";\n@import \"media/types/TL.Media.Profile.less\";\n@import \"media/types/TL.Media.YouTube.less\";\n@import \"media/types/TL.Media.IFrame.less\";\n@import \"media/types/TL.Media.Wikipedia.less\";\n@import \"media/types/TL.Media.Website.less\";\n\n/* Timeline\n================================================== */\n\n.tl-timeline {\n\twidth:100%;\n\theight:100%;\n\tfont-size: 16px;\n\tline-height: normal;\n\toverflow:hidden;\n\tposition: relative;\n\t.user-select(none);\n\tbackground-color:@color-background;\n\tcolor:@color-text;\n\t-webkit-box-sizing: content-box;\n\t-moz-box-sizing: content-box;\n\tbox-sizing: content-box;\n\n\t&.tl-timeline-embed {\n\t\tbox-sizing:border-box;\n\t\tborder-top: 1px solid darken(@ui-background-color-darker, 10);\n\t\tborder-bottom: 1px solid darken(@ui-background-color-darker, 10);\n\t\tborder-radius: 0;\n\t}\n\n\t&.tl-timeline-full-embed {\n\t\tbox-sizing:border-box;\n\t\tborder: 1px solid darken(@ui-background-color-darker, 10);\n\t\tborder-radius: 8px;\n\t}\n}\n\n/* Portrait\n================================================== */\n.tl-layout-portrait {\n\t.tl-storyslider {\n\t\t//padding-top:10px;\n\t\t.box-shadow(0px -3px 6px rgba(0,0,0,.20));\n\t}\n}\n\n.tl-rtl{\n\t.tl-text-content, .tl-headline, .tl-media-blockquote, .tl-headline-date, .tl-timeline blockquote p, .tl-media-website, .tl-media-wikipedia, .tl-media .tl-media-blockquote blockquote, .blockquote, blockquote p, .tl-text-content p{\n\t\ttext-align: right;\n\t\tdirection: rtl;\n\t}\n\n\t.tl-slide-media-only{\n\t\t.tl-headline, .tl-headline-date{\n\t\t\ttext-align: center;\n\t\t}\n\t}\n\n\t.tl-timemarker-text{\n\t\tmargin-right: 35px;\n\t}\n\n\t.tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container{\n\t\tfloat:right;\n\t}\n\n\t.tl-caption {\n\t\ttext-align: right;\n\t}\n\n\t.tl-credit {\n\t\ttext-align: left;\n\t}\n\n}\n"],"sourceRoot":""}

package/dist/embed/compare.html

@@ -0,0 +1,91 @@
+<html>
+
+<head>
+    <title>
+        Compare Timeline 3.7 to earlier
+    </title>
+    <style>
+        h1 {
+            font-family: sans-serif;
+        }
+        
+        header {
+            border-bottom: 1px dotted #aaa;
+            background-color: #666;
+        }
+        
+        .wrapper {
+            width: 49%;
+            height: 100%;
+            border: 1px dotted #aaa;
+        }
+        
+        iframe {
+            width: 100%;
+            height: 100%;
+        }
+        
+        .wrapper-new {
+            float: left;
+        }
+        
+        .wrapper-old {
+            float: right;
+        }
+    </style>
+    <script>
+        function show(fragment) {
+            if (fragment.indexOf('/embed/index.html') != 0) {
+                alert(`Invalid URL fragment ${fragment}`)
+                window.frag = fragment;
+                return;
+            }
+            var old = fragment.replace('/embed/index.html', '/embed/old-index.html')
+            console.log(`old is ${old}`)
+            document.getElementById('timeline-old').src = old
+            document.getElementById('timeline-new').src = fragment
+        }
+
+        function pick_one() {
+            let i = Math.floor(Math.random() * popular.length)
+            let d = popular[i]
+            show(d.url)
+            document.getElementById('load-specific').value = d.url
+        }
+
+        document.addEventListener('DOMContentLoaded', function() {
+                fetch('popular_timelines.json').then((r) => {
+                    r.json().then(j => {
+                        window.popular = j
+                        pick_one()
+                        document.getElementById('load-random').addEventListener('click', pick_one);
+                        document.getElementById('load-specific').addEventListener('keyup', function(e) {
+                            e.preventDefault()
+                            if (e.keyCode === 13) {
+                                show(document.getElementById('load-specific').value)
+                            }
+                        })
+                    })
+                })
+            })
+            // problems to investigate
+            // different capitalization
+            // /embed/index.html?source=13SM0GexbJUaBW0CE4rGgQP-OoxsqpFJLbYLO2kemw7k&font=Georgia-Helvetica&lang=en&initial_zoom=6&height=650
+    </script>
+</head>
+<header>
+    <button id="load-random">load random</button>
+    <input type="text" id="load-specific" size="100">
+</header>
+<section>
+    <div class='wrapper wrapper-new'>
+        <h1>new</h1>
+        <iframe id="timeline-new" src="" frameborder="0"></iframe>
+    </div>
+    <div class='wrapper wrapper-old'>
+        <h1>old</h1>
+        <iframe id="timeline-old" src="" frameborder="0"></iframe>
+    </div>
+</section>
+
+</html>