settings.css 39 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315
  1. /*-----------------------------------------------------------------------------
  2. - Revolution Slider 5.0 Default Style Settings -
  3. Screen Stylesheet
  4. version: 5.4.5
  5. date: 15/05/17
  6. author: themepunch
  7. email: info@themepunch.com
  8. website: http://www.themepunch.com
  9. -----------------------------------------------------------------------------*/
  10. #debungcontrolls {
  11. z-index:100000;
  12. position:fixed;
  13. bottom:0px; width:100%;
  14. height:auto;
  15. background:rgba(0,0,0,0.6);
  16. padding:10px;
  17. box-sizing: border-box;
  18. }
  19. .debugtimeline {
  20. width:100%;
  21. height:10px;
  22. position:relative;
  23. display:block;
  24. margin-bottom:3px;
  25. display:none;
  26. white-space: nowrap;
  27. box-sizing: border-box;
  28. }
  29. .debugtimeline:hover {
  30. height:15px;
  31. }
  32. .the_timeline_tester {
  33. background:#e74c3c;
  34. position:absolute;
  35. top:0px;
  36. left:0px;
  37. height:100%;
  38. width:0;
  39. }
  40. .rs-go-fullscreen {
  41. position:fixed !important;
  42. width:100% !important;
  43. height:100% !important;
  44. top:0px !important;
  45. left:0px !important;
  46. z-index:9999999 !important;
  47. background:#ffffff !important;
  48. }
  49. .debugtimeline.tl_slide .the_timeline_tester {
  50. background:#f39c12;
  51. }
  52. .debugtimeline.tl_frame .the_timeline_tester {
  53. background:#3498db;
  54. }
  55. .debugtimline_txt {
  56. color:#fff;
  57. font-weight: 400;
  58. font-size:7px;
  59. position:absolute;
  60. left:10px;
  61. top:0px;
  62. white-space: nowrap;
  63. line-height: 10px;
  64. }
  65. .rtl { direction: rtl;}
  66. @font-face {
  67. font-family: 'revicons';
  68. src: url('../fonts/revicons/revicons.eot?5510888');
  69. src: url('../fonts/revicons/revicons.eot?5510888#iefix') format('embedded-opentype'),
  70. url('../fonts/revicons/revicons.woff?5510888') format('woff'),
  71. url('../fonts/revicons/revicons.ttf?5510888') format('truetype'),
  72. url('../fonts/revicons/revicons.svg?5510888#revicons') format('svg');
  73. font-weight: normal;
  74. font-style: normal;
  75. }
  76. [class^="revicon-"]:before, [class*=" revicon-"]:before {
  77. font-family: "revicons";
  78. font-style: normal;
  79. font-weight: normal;
  80. speak: none;
  81. display: inline-block;
  82. text-decoration: inherit;
  83. width: 1em;
  84. margin-right: .2em;
  85. text-align: center;
  86. /* For safety - reset parent styles, that can break glyph codes*/
  87. font-variant: normal;
  88. text-transform: none;
  89. /* fix buttons height, for twitter bootstrap */
  90. line-height: 1em;
  91. /* Animation center compensation - margins should be symmetric */
  92. /* remove if not needed */
  93. margin-left: .2em;
  94. /* you can be more comfortable with increased icons size */
  95. /* font-size: 120%; */
  96. /* Uncomment for 3D effect */
  97. /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  98. }
  99. .revicon-search-1:before { content: '\e802'; } /* '' */
  100. .revicon-pencil-1:before { content: '\e831'; } /* '' */
  101. .revicon-picture-1:before { content: '\e803'; } /* '' */
  102. .revicon-cancel:before { content: '\e80a'; } /* '' */
  103. .revicon-info-circled:before { content: '\e80f'; } /* '' */
  104. .revicon-trash:before { content: '\e801'; } /* '' */
  105. .revicon-left-dir:before { content: '\e817'; } /* '' */
  106. .revicon-right-dir:before { content: '\e818'; } /* '' */
  107. .revicon-down-open:before { content: '\e83b'; } /* '' */
  108. .revicon-left-open:before { content: '\e819'; } /* '' */
  109. .revicon-right-open:before { content: '\e81a'; } /* '' */
  110. .revicon-angle-left:before { content: '\e820'; } /* '' */
  111. .revicon-angle-right:before { content: '\e81d'; } /* '' */
  112. .revicon-left-big:before { content: '\e81f'; } /* '' */
  113. .revicon-right-big:before { content: '\e81e'; } /* '' */
  114. .revicon-magic:before { content: '\e807'; } /* '' */
  115. .revicon-picture:before { content: '\e800'; } /* '' */
  116. .revicon-export:before { content: '\e80b'; } /* '' */
  117. .revicon-cog:before { content: '\e832'; } /* '' */
  118. .revicon-login:before { content: '\e833'; } /* '' */
  119. .revicon-logout:before { content: '\e834'; } /* '' */
  120. .revicon-video:before { content: '\e805'; } /* '' */
  121. .revicon-arrow-combo:before { content: '\e827'; } /* '' */
  122. .revicon-left-open-1:before { content: '\e82a'; } /* '' */
  123. .revicon-right-open-1:before { content: '\e82b'; } /* '' */
  124. .revicon-left-open-mini:before { content: '\e822'; } /* '' */
  125. .revicon-right-open-mini:before { content: '\e823'; } /* '' */
  126. .revicon-left-open-big:before { content: '\e824'; } /* '' */
  127. .revicon-right-open-big:before { content: '\e825'; } /* '' */
  128. .revicon-left:before { content: '\e836'; } /* '' */
  129. .revicon-right:before { content: '\e826'; } /* '' */
  130. .revicon-ccw:before { content: '\e808'; } /* '' */
  131. .revicon-arrows-ccw:before { content: '\e806'; } /* '' */
  132. .revicon-palette:before { content: '\e829'; } /* '' */
  133. .revicon-list-add:before { content: '\e80c'; } /* '' */
  134. .revicon-doc:before { content: '\e809'; } /* '' */
  135. .revicon-left-open-outline:before { content: '\e82e'; } /* '' */
  136. .revicon-left-open-2:before { content: '\e82c'; } /* '' */
  137. .revicon-right-open-outline:before { content: '\e82f'; } /* '' */
  138. .revicon-right-open-2:before { content: '\e82d'; } /* '' */
  139. .revicon-equalizer:before { content: '\e83a'; } /* '' */
  140. .revicon-layers-alt:before { content: '\e804'; } /* '' */
  141. .revicon-popup:before { content: '\e828'; } /* '' */
  142. /******************************
  143. - BASIC STYLES -
  144. ******************************/
  145. .rev_slider_wrapper{
  146. position:relative;
  147. z-index: 0;
  148. width:100%;
  149. }
  150. .rev_slider{
  151. position:relative;
  152. overflow:visible;
  153. }
  154. .entry-content .rev_slider a,
  155. .rev_slider a { box-shadow: none; }
  156. .tp-overflow-hidden { overflow:hidden !important;}
  157. .group_ov_hidden { overflow:hidden}
  158. .tp-simpleresponsive img,
  159. .rev_slider img{
  160. max-width:none !important;
  161. transition: none;
  162. margin:0px;
  163. padding:0px;
  164. border:none;
  165. }
  166. .rev_slider .no-slides-text{
  167. font-weight:bold;
  168. text-align:center;
  169. padding-top:80px;
  170. }
  171. .rev_slider >ul,
  172. .rev_slider_wrapper >ul,
  173. .tp-revslider-mainul >li,
  174. .rev_slider >ul >li,
  175. .rev_slider >ul >li:before,
  176. .tp-revslider-mainul >li:before,
  177. .tp-simpleresponsive >ul,
  178. .tp-simpleresponsive >ul >li,
  179. .tp-simpleresponsive >ul >li:before,
  180. .tp-revslider-mainul >li,
  181. .tp-simpleresponsive >ul >li{
  182. list-style:none !important;
  183. position:absolute;
  184. margin:0px !important;
  185. padding:0px !important;
  186. overflow-x: visible;
  187. overflow-y: visible;
  188. list-style-type: none !important;
  189. background-image:none;
  190. background-position:0px 0px;
  191. text-indent: 0em;
  192. top:0px;left:0px;
  193. }
  194. .tp-revslider-mainul >li,
  195. .rev_slider >ul >li,
  196. .rev_slider >ul >li:before,
  197. .tp-revslider-mainul >li:before,
  198. .tp-simpleresponsive >ul >li,
  199. .tp-simpleresponsive >ul >li:before,
  200. .tp-revslider-mainul >li,
  201. .tp-simpleresponsive >ul >li {
  202. visibility:hidden;
  203. }
  204. .tp-revslider-slidesli,
  205. .tp-revslider-mainul {
  206. padding:0 !important;
  207. margin:0 !important;
  208. list-style:none !important;
  209. }
  210. .rev_slider li.tp-revslider-slidesli {
  211. position: absolute !important;
  212. }
  213. .tp-caption .rs-untoggled-content { display:block;}
  214. .tp-caption .rs-toggled-content { display:none;}
  215. .rs-toggle-content-active.tp-caption .rs-toggled-content { display:block;}
  216. .rs-toggle-content-active.tp-caption .rs-untoggled-content { display:none;}
  217. .rev_slider .tp-caption,
  218. .rev_slider .caption {
  219. position:relative;
  220. visibility:hidden;
  221. white-space: nowrap;
  222. display: block;
  223. -webkit-font-smoothing: antialiased !important;
  224. z-index:1;
  225. }
  226. .rev_slider .tp-caption,
  227. .rev_slider .caption,
  228. .tp-simpleresponsive img {
  229. -moz-user-select: none;
  230. -khtml-user-select: none;
  231. -webkit-user-select: none;
  232. -o-user-select: none;
  233. }
  234. .rev_slider .tp-mask-wrap .tp-caption,
  235. .rev_slider .tp-mask-wrap *:last-child,
  236. .wpb_text_column .rev_slider .tp-mask-wrap .tp-caption,
  237. .wpb_text_column .rev_slider .tp-mask-wrap *:last-child{
  238. margin-bottom:0;
  239. }
  240. .tp-svg-layer svg { width:100%; height:100%;position: relative;vertical-align: top}
  241. /* CAROUSEL FUNCTIONS */
  242. .tp-carousel-wrapper {
  243. cursor:url(openhand.cur), move;
  244. }
  245. .tp-carousel-wrapper.dragged {
  246. cursor:url(closedhand.cur), move;
  247. }
  248. /* ADDED FOR SLIDELINK MANAGEMENT */
  249. .tp_inner_padding {
  250. box-sizing:border-box;
  251. max-height:none !important;
  252. }
  253. .tp-caption.tp-layer-selectable {
  254. -moz-user-select: all;
  255. -khtml-user-select: all;
  256. -webkit-user-select: all;
  257. -o-user-select: all;
  258. }
  259. .tp-forcenotvisible,
  260. .tp-hide-revslider,
  261. .tp-caption.tp-hidden-caption,
  262. .tp-parallax-wrap.tp-hidden-caption {
  263. visibility:hidden !important;
  264. display:none !important
  265. }
  266. .rev_slider embed,
  267. .rev_slider iframe,
  268. .rev_slider object,
  269. .rev_slider audio,
  270. .rev_slider video {
  271. max-width: none !important
  272. }
  273. .tp-element-background { position:absolute; top:0px;left:0px; width:100%;height:100%;z-index:0;}
  274. .tp-blockmask,
  275. .tp-blockmask_in,
  276. .tp-blockmask_out { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #fff; z-index: 1000; transform: scaleX(0) scaleY(0);}
  277. .tp-parallax-wrap { transform-style: preserve-3d }
  278. /***********************************************************
  279. - ZONES / GOUP / ROW / COLUMN LAYERS AND HELPERS -
  280. ***********************************************************/
  281. .rev_row_zone { position:absolute; width:100%;left:0px; box-sizing: border-box;min-height:50px; font-size:0px;}
  282. .rev_row_zone_top { top:0px;}
  283. .rev_row_zone_middle { top:50%; transform:translateY(-50%);}
  284. .rev_row_zone_bottom { bottom:0px;}
  285. .rev_column .tp-parallax-wrap { vertical-align: top }
  286. .rev_slider .tp-caption.rev_row {
  287. display:table;
  288. position:relative;
  289. width:100% !important;
  290. table-layout: fixed;
  291. box-sizing: border-box;
  292. vertical-align: top;
  293. height:auto !important;
  294. font-size:0px;
  295. }
  296. .rev_column {
  297. display: table-cell;
  298. position: relative;
  299. vertical-align: top;
  300. height: auto;
  301. box-sizing: border-box;
  302. font-size:0px;
  303. }
  304. .rev_column_inner {
  305. box-sizing: border-box;
  306. display: block;
  307. position: relative;
  308. width:100% !important;
  309. height:auto !important;
  310. white-space: normal !important;
  311. }
  312. .rev_column_bg {
  313. width: 100%;
  314. height: 100%;
  315. position: absolute;
  316. top: 0px;
  317. left: 0px;
  318. z-index: 0;
  319. box-sizing: border-box;
  320. background-clip: content-box;
  321. border: 0px solid transparent;
  322. }
  323. .rev_column_inner .tp-parallax-wrap,
  324. .rev_column_inner .tp-loop-wrap,
  325. .rev_column_inner .tp-mask-wrap { text-align: inherit; }
  326. .rev_column_inner .tp-mask-wrap { display: inline-block;}
  327. .rev_column_inner .tp-parallax-wrap .tp-loop-wrap,
  328. .rev_column_inner .tp-parallax-wrap .tp-mask-wrap,
  329. .rev_column_inner .tp-parallax-wrap { position: relative !important; left:auto !important; top:auto !important; line-height: 0px;}
  330. .rev_column_inner .tp-parallax-wrap .tp-loop-wrap,
  331. .rev_column_inner .tp-parallax-wrap .tp-mask-wrap,
  332. .rev_column_inner .tp-parallax-wrap,
  333. .rev_column_inner .rev_layer_in_column { vertical-align: top; }
  334. .rev_break_columns { display: block !important }
  335. .rev_break_columns .tp-parallax-wrap.rev_column { display:block !important; width:100% !important; }
  336. /**********************************************
  337. - FULLSCREEN AND FULLWIDHT CONTAINERS -
  338. **********************************************/
  339. .fullscreen-container {
  340. position:relative;
  341. padding:0;
  342. }
  343. .fullwidthbanner-container{
  344. position:relative;
  345. padding:0;
  346. overflow:hidden;
  347. }
  348. .fullwidthbanner-container .fullwidthabanner{
  349. width:100%;
  350. position:relative;
  351. }
  352. /*********************************
  353. - SPECIAL TP CAPTIONS -
  354. **********************************/
  355. .tp-static-layers {
  356. position:absolute; z-index:101; top:0px;left:0px;
  357. /*pointer-events:none;*/
  358. }
  359. /* new static layers position option */
  360. .tp-static-layers-back {
  361. z-index:0;
  362. }
  363. .tp-caption .frontcorner {
  364. width: 0;
  365. height: 0;
  366. border-left: 40px solid transparent;
  367. border-right: 0px solid transparent;
  368. border-top: 40px solid #00A8FF;
  369. position: absolute;left:-40px;top:0px;
  370. }
  371. .tp-caption .backcorner {
  372. width: 0;
  373. height: 0;
  374. border-left: 0px solid transparent;
  375. border-right: 40px solid transparent;
  376. border-bottom: 40px solid #00A8FF;
  377. position: absolute;right:0px;top:0px;
  378. }
  379. .tp-caption .frontcornertop {
  380. width: 0;
  381. height: 0;
  382. border-left: 40px solid transparent;
  383. border-right: 0px solid transparent;
  384. border-bottom: 40px solid #00A8FF;
  385. position: absolute;left:-40px;top:0px;
  386. }
  387. .tp-caption .backcornertop {
  388. width: 0;
  389. height: 0;
  390. border-left: 0px solid transparent;
  391. border-right: 40px solid transparent;
  392. border-top: 40px solid #00A8FF;
  393. position: absolute;right:0px;top:0px;
  394. }
  395. .tp-layer-inner-rotation {
  396. position: relative !important;
  397. }
  398. /***********************************************
  399. - SPECIAL ALTERNATIVE IMAGE SETTINGS -
  400. ***********************************************/
  401. img.tp-slider-alternative-image {
  402. width:100%; height:auto;
  403. }
  404. /******************************
  405. - IE8 HACKS -
  406. *******************************/
  407. .noFilterClass {
  408. filter:none !important;
  409. }
  410. /********************************
  411. - FULLSCREEN VIDEO -
  412. *********************************/
  413. .rs-background-video-layer { position: absolute;top:0px;left:0px; width:100%;height:100%;visibility: hidden;z-index: 0;}
  414. .tp-caption.coverscreenvideo { width:100%;height:100%;top:0px;left:0px;position:absolute;}
  415. .caption.fullscreenvideo,
  416. .tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%}
  417. .caption.fullscreenvideo iframe,
  418. .caption.fullscreenvideo audio,
  419. .caption.fullscreenvideo video,
  420. .tp-caption.fullscreenvideo iframe,
  421. .tp-caption.fullscreenvideo iframe audio,
  422. .tp-caption.fullscreenvideo iframe video { width:100% !important; height:100% !important; display: none}
  423. .fullcoveredvideo audio,
  424. .fullscreenvideo audio
  425. .fullcoveredvideo video,
  426. .fullscreenvideo video { background: #000}
  427. .fullcoveredvideo .tp-poster { background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px}
  428. .videoisplaying .html5vid .tp-poster { display: none}
  429. .tp-video-play-button {
  430. background:#000;
  431. background:rgba(0,0,0,0.3);
  432. border-radius:5px;
  433. position: absolute;
  434. top: 50%;
  435. left: 50%;
  436. color: #FFF;
  437. z-index: 3;
  438. margin-top: -25px;
  439. margin-left: -25px;
  440. line-height: 50px !important;
  441. text-align: center;
  442. cursor: pointer;
  443. width: 50px;
  444. height:50px;
  445. box-sizing: border-box;
  446. display: inline-block;
  447. vertical-align: top;
  448. z-index: 4;
  449. opacity: 0;
  450. transition:opacity 300ms ease-out !important;
  451. }
  452. .tp-hiddenaudio,
  453. .tp-audio-html5 .tp-video-play-button { display:none !important;}
  454. .tp-caption .html5vid { width:100% !important; height:100% !important;}
  455. .tp-video-play-button i { width:50px;height:50px; display:inline-block; text-align: center; vertical-align: top; line-height: 50px !important; font-size: 40px !important;}
  456. .tp-caption:hover .tp-video-play-button { opacity: 1; display:block;}
  457. .tp-caption .tp-revstop { display:none; border-left:5px solid #fff !important; border-right:5px solid #fff !important;margin-top:15px !important;line-height: 20px !important;vertical-align: top; font-size:25px !important;}
  458. .videoisplaying .revicon-right-dir { display:none}
  459. .videoisplaying .tp-revstop { display:inline-block}
  460. .videoisplaying .tp-video-play-button { display:none}
  461. .fullcoveredvideo .tp-video-play-button { display:none !important}
  462. .fullscreenvideo .fullscreenvideo audio { object-fit:contain !important;}
  463. .fullscreenvideo .fullscreenvideo video { object-fit:contain !important;}
  464. .fullscreenvideo .fullcoveredvideo audio { object-fit:cover !important;}
  465. .fullscreenvideo .fullcoveredvideo video { object-fit:cover !important;}
  466. .tp-video-controls {
  467. position: absolute;
  468. bottom: 0;
  469. left: 0;
  470. right: 0;
  471. padding: 5px;
  472. opacity: 0;
  473. transition: opacity .3s;
  474. background-image: linear-gradient(to bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
  475. display:table;max-width:100%; overflow:hidden;box-sizing:border-box;
  476. }
  477. .tp-caption:hover .tp-video-controls { opacity: .9;}
  478. .tp-video-button {
  479. background: rgba(0,0,0,.5);
  480. border: 0;
  481. color: #EEE;
  482. border-radius: 3px;
  483. cursor:pointer;
  484. line-height:12px;
  485. font-size:12px;
  486. color:#fff;
  487. padding:0px;
  488. margin:0px;
  489. outline: none;
  490. }
  491. .tp-video-button:hover { cursor: pointer;}
  492. .tp-video-button-wrap,
  493. .tp-video-seek-bar-wrap,
  494. .tp-video-vol-bar-wrap { padding:0px 5px;display:table-cell; vertical-align: middle;}
  495. .tp-video-seek-bar-wrap { width:80%}
  496. .tp-video-vol-bar-wrap { width:20%}
  497. .tp-volume-bar,
  498. .tp-seek-bar { width:100%; cursor: pointer; outline:none; line-height:12px;margin:0; padding:0;}
  499. .rs-fullvideo-cover { width:100%;height:100%;top:0px;left:0px;position: absolute; background:transparent;z-index:5;}
  500. .disabled_lc .tp-video-play-button,
  501. .rs-background-video-layer video::-webkit-media-controls-start-playback-button,
  502. .rs-background-video-layer video::-webkit-media-controls,
  503. .rs-background-video-layer audio::-webkit-media-controls { display:none !important;}
  504. .tp-audio-html5 .tp-video-controls { opacity: 1 !important; visibility: visible !important}
  505. /********************************
  506. - DOTTED OVERLAYS -
  507. *********************************/
  508. .tp-dottedoverlay { background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:3}
  509. .tp-dottedoverlay.twoxtwo { background:url(../assets/gridtile.png)}
  510. .tp-dottedoverlay.twoxtwowhite { background:url(../assets/gridtile_white.png)}
  511. .tp-dottedoverlay.threexthree { background:url(../assets/gridtile_3x3.png)}
  512. .tp-dottedoverlay.threexthreewhite { background:url(../assets/gridtile_3x3_white.png)}
  513. /******************************
  514. - SHADOWS -
  515. ******************************/
  516. .tp-shadowcover { width:100%;height:100%;top:0px;left:0px;background: #fff;position: absolute; z-index: -1;}
  517. .tp-shadow1 { box-shadow: 0 10px 6px -6px rgba(0,0,0,0.8);}
  518. .tp-shadow2:before, .tp-shadow2:after,
  519. .tp-shadow3:before, .tp-shadow4:after
  520. {
  521. z-index: -2;
  522. position: absolute;
  523. content: "";
  524. bottom: 10px;
  525. left: 10px;
  526. width: 50%;
  527. top: 85%;
  528. max-width:300px;
  529. background: transparent;
  530. box-shadow: 0 15px 10px rgba(0,0,0,0.8);
  531. transform: rotate(-3deg);
  532. }
  533. .tp-shadow2:after,
  534. .tp-shadow4:after
  535. {
  536. transform: rotate(3deg);
  537. right: 10px;
  538. left: auto;
  539. }
  540. .tp-shadow5
  541. {
  542. position:relative;
  543. box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  544. }
  545. .tp-shadow5:before, .tp-shadow5:after
  546. {
  547. content:"";
  548. position:absolute;
  549. z-index:-2;
  550. box-shadow:0 0 25px 0px rgba(0,0,0,0.6);
  551. top:30%;
  552. bottom:0;
  553. left:20px;
  554. right:20px;
  555. border-radius:100px / 20px;
  556. }
  557. /******************************
  558. - BUTTONS -
  559. *******************************/
  560. .tp-button{
  561. padding:6px 13px 5px;
  562. border-radius: 3px;
  563. height:30px;
  564. cursor:pointer;
  565. color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important;
  566. font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px;
  567. text-decoration:none;
  568. }
  569. .tp-button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; }
  570. .purchase:hover,
  571. .tp-button:hover,
  572. .tp-button.big:hover { background-position:bottom, 15px 11px}
  573. /* BUTTON COLORS */
  574. .tp-button.green, .tp-button:hover.green,
  575. .purchase.green, .purchase:hover.green { background-color:#21a117;box-shadow:0px 3px 0px 0px #104d0b;}
  576. .tp-button.blue, .tp-button:hover.blue,
  577. .purchase.blue, .purchase:hover.blue { background-color:#1d78cb;box-shadow:0px 3px 0px 0px #0f3e68}
  578. .tp-button.red, .tp-button:hover.red,
  579. .purchase.red, .purchase:hover.red { background-color:#cb1d1d;box-shadow:0px 3px 0px 0px #7c1212}
  580. .tp-button.orange, .tp-button:hover.orange,
  581. .purchase.orange, .purchase:hover.orange { background-color:#ff7700;box-shadow:0px 3px 0px 0px #a34c00}
  582. .tp-button.darkgrey,.tp-button.grey,
  583. .tp-button:hover.darkgrey,.tp-button:hover.grey,
  584. .purchase.darkgrey, .purchase:hover.darkgrey { background-color:#555;box-shadow:0px 3px 0px 0px #222}
  585. .tp-button.lightgrey, .tp-button:hover.lightgrey,
  586. .purchase.lightgrey, .purchase:hover.lightgrey { background-color:#888;box-shadow:0px 3px 0px 0px #555}
  587. /* TP BUTTONS DESKTOP SIZE */
  588. .rev-btn,
  589. .rev-btn:visited { outline:none !important; box-shadow:none !important; text-decoration: none !important; line-height: 44px; font-size: 17px; font-weight: 500; padding: 12px 35px; box-sizing:border-box; font-family: "Roboto", sans-serif; cursor: pointer;}
  590. .rev-btn.rev-uppercase,
  591. .rev-btn.rev-uppercase:visited { text-transform: uppercase; letter-spacing: 1px; font-size: 15px; font-weight: 900; }
  592. .rev-btn.rev-withicon i { font-size: 15px; font-weight: normal; position: relative; top: 0px; transition: all 0.2s ease-out !important; margin-left:10px !important;}
  593. .rev-btn.rev-hiddenicon i { font-size: 15px; font-weight: normal; position: relative; top: 0px; transition: all 0.2s ease-out !important; opacity: 0; margin-left:0px !important; width:0px !important; }
  594. .rev-btn.rev-hiddenicon:hover i { opacity: 1 !important; margin-left:10px !important; width:auto !important;}
  595. /* REV BUTTONS MEDIUM */
  596. .rev-btn.rev-medium,
  597. .rev-btn.rev-medium:visited { line-height: 36px; font-size: 14px; padding: 10px 30px; }
  598. .rev-btn.rev-medium.rev-withicon i { font-size: 14px; top: 0px; }
  599. .rev-btn.rev-medium.rev-hiddenicon i { font-size: 14px; top: 0px; }
  600. /* REV BUTTONS SMALL */
  601. .rev-btn.rev-small,
  602. .rev-btn.rev-small:visited { line-height: 28px; font-size: 12px; padding: 7px 20px; }
  603. .rev-btn.rev-small.rev-withicon i { font-size: 12px; top: 0px; }
  604. .rev-btn.rev-small.rev-hiddenicon i { font-size: 12px; top: 0px; }
  605. /* ROUNDING OPTIONS */
  606. .rev-maxround { border-radius: 30px; }
  607. .rev-minround { border-radius: 3px; }
  608. /* BURGER BUTTON */
  609. .rev-burger {
  610. position: relative;
  611. width: 60px;
  612. height: 60px;
  613. box-sizing: border-box;
  614. padding: 22px 0 0 14px;
  615. border-radius: 50%;
  616. border: 1px solid rgba(51,51,51,0.25);
  617. -webkit-tap-highlight-color: rgba(0,0,0,0);
  618. -webkit-tap-highlight-color: transparent;
  619. cursor: pointer;
  620. }
  621. .rev-burger span {
  622. display: block;
  623. width: 30px;
  624. height: 3px;
  625. background: #333;
  626. transition: .7s;
  627. pointer-events: none;
  628. transform-style: flat !important;
  629. }
  630. .rev-burger span:nth-child(2) {
  631. margin: 3px 0;
  632. }
  633. #dialog_addbutton .rev-burger:hover :first-child,
  634. .open .rev-burger :first-child,
  635. .open.rev-burger :first-child {
  636. transform: translateY(6px) rotate(-45deg);
  637. }
  638. #dialog_addbutton .rev-burger:hover :nth-child(2),
  639. .open .rev-burger :nth-child(2),
  640. .open.rev-burger :nth-child(2) {
  641. transform: rotate(-45deg);
  642. opacity: 0;
  643. }
  644. #dialog_addbutton .rev-burger:hover :last-child,
  645. .open .rev-burger :last-child,
  646. .open.rev-burger :last-child {
  647. transform: translateY(-6px) rotate(-135deg);
  648. }
  649. .rev-burger.revb-white {
  650. border: 2px solid rgba(255,255,255,0.2);
  651. }
  652. .rev-burger.revb-white span {
  653. background: #fff;
  654. }
  655. .rev-burger.revb-whitenoborder {
  656. border: 0;
  657. }
  658. .rev-burger.revb-whitenoborder span {
  659. background: #fff;
  660. }
  661. .rev-burger.revb-darknoborder {
  662. border: 0;
  663. }
  664. .rev-burger.revb-darknoborder span {
  665. background: #333;
  666. }
  667. .rev-burger.revb-whitefull {
  668. background: #fff;
  669. border:none;
  670. }
  671. .rev-burger.revb-whitefull span {
  672. background:#333;
  673. }
  674. .rev-burger.revb-darkfull {
  675. background: #333;
  676. border:none;
  677. }
  678. .rev-burger.revb-darkfull span {
  679. background:#fff;
  680. }
  681. /* SCROLL DOWN BUTTON */
  682. @keyframes rev-ani-mouse {
  683. 0% {opacity: 1;top: 29%;}
  684. 15% {opacity: 1;top: 50%;}
  685. 50% {opacity: 0;top: 50%;}
  686. 100% {opacity: 0;top: 29%;}
  687. }
  688. .rev-scroll-btn {
  689. display: inline-block;
  690. position: relative;
  691. left: 0;
  692. right: 0;
  693. text-align: center;
  694. cursor: pointer;
  695. width:35px;
  696. height:55px;
  697. box-sizing: border-box;
  698. border: 3px solid white;
  699. border-radius: 23px;
  700. }
  701. .rev-scroll-btn > * {
  702. display: inline-block;
  703. line-height: 18px;
  704. font-size: 13px;
  705. font-weight: normal;
  706. color: #7f8c8d;
  707. color: #ffffff;
  708. font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  709. letter-spacing: 2px;
  710. }
  711. .rev-scroll-btn > *:hover,
  712. .rev-scroll-btn > *:focus,
  713. .rev-scroll-btn > *.active {
  714. color: #ffffff;
  715. }
  716. .rev-scroll-btn > *:hover,
  717. .rev-scroll-btn > *:focus,
  718. .rev-scroll-btn > *:active,
  719. .rev-scroll-btn > *.active {
  720. opacity: 0.8;
  721. }
  722. .rev-scroll-btn.revs-fullwhite {
  723. background:#fff;
  724. }
  725. .rev-scroll-btn.revs-fullwhite span {
  726. background: #333;
  727. }
  728. .rev-scroll-btn.revs-fulldark {
  729. background:#333;
  730. border:none;
  731. }
  732. .rev-scroll-btn.revs-fulldark span {
  733. background: #fff;
  734. }
  735. .rev-scroll-btn span {
  736. position: absolute;
  737. display: block;
  738. top: 29%;
  739. left: 50%;
  740. width: 8px;
  741. height: 8px;
  742. margin: -4px 0 0 -4px;
  743. background: white;
  744. border-radius: 50%;
  745. animation: rev-ani-mouse 2.5s linear infinite;
  746. }
  747. .rev-scroll-btn.revs-dark {
  748. border-color:#333;
  749. }
  750. .rev-scroll-btn.revs-dark span {
  751. background: #333;
  752. }
  753. .rev-control-btn {
  754. position: relative;
  755. display: inline-block;
  756. z-index: 5;
  757. color: #FFF;
  758. font-size: 20px;
  759. line-height: 60px;
  760. font-weight: 400;
  761. font-style: normal;
  762. font-family: Raleway;
  763. text-decoration: none;
  764. text-align: center;
  765. background-color: #000;
  766. border-radius: 50px;
  767. text-shadow: none;
  768. background-color: rgba(0, 0, 0, 0.50);
  769. width:60px;
  770. height:60px;
  771. box-sizing: border-box;
  772. cursor: pointer;
  773. }
  774. .rev-cbutton-dark-sr {
  775. border-radius: 3px;
  776. }
  777. .rev-cbutton-light {
  778. color: #333;
  779. background-color: rgba(255,255,255, 0.75);
  780. }
  781. .rev-cbutton-light-sr {
  782. color: #333;
  783. border-radius: 3px;
  784. background-color: rgba(255,255,255, 0.75);
  785. }
  786. .rev-sbutton {
  787. line-height: 37px;
  788. width:37px;
  789. height:37px;
  790. }
  791. .rev-sbutton-blue {
  792. background-color: #3B5998
  793. }
  794. .rev-sbutton-lightblue {
  795. background-color: #00A0D1;
  796. }
  797. .rev-sbutton-red {
  798. background-color: #DD4B39;
  799. }
  800. /************************************
  801. - TP BANNER TIMER -
  802. *************************************/
  803. .tp-bannertimer { visibility: hidden; width:100%; height:5px; background:#000; background:rgba(0,0,0,0.15); position:absolute; z-index:200; top:0px}
  804. .tp-bannertimer.tp-bottom { top:auto; bottom:0px !important;height:5px}
  805. /*********************************************
  806. - BASIC SETTINGS FOR THE BANNER -
  807. ***********************************************/
  808. .tp-caption img {
  809. background: transparent;
  810. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
  811. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
  812. zoom:1;
  813. }
  814. .tp-caption img { }
  815. .caption.slidelink a div,
  816. .tp-caption.slidelink a div { width:3000px; height:1500px; background:url(../assets/coloredbg.png) repeat}
  817. .tp-caption.slidelink a span{ background:url(../assets/coloredbg.png) repeat}
  818. .tp-shape { width:100%;height:100%;}
  819. /*********************************************
  820. - WOOCOMMERCE STYLES -
  821. ***********************************************/
  822. .tp-caption .rs-starring { display: inline-block}
  823. .tp-caption .rs-starring .star-rating {
  824. float: none;
  825. display: inline-block;
  826. vertical-align: top;
  827. color: #FFC321 !important;
  828. }
  829. .tp-caption .rs-starring .star-rating,
  830. .tp-caption .rs-starring-page .star-rating {
  831. position: relative;
  832. height: 1em;
  833. width: 5.4em;
  834. font-family: star;
  835. font-size: 1em !important;
  836. }
  837. .tp-caption .rs-starring .star-rating:before,
  838. .tp-caption .rs-starring-page .star-rating:before {
  839. content: "\73\73\73\73\73";
  840. color: #E0DADF;
  841. float: left;
  842. top: 0;
  843. left: 0;
  844. position: absolute;
  845. }
  846. .tp-caption .rs-starring .star-rating span {
  847. overflow: hidden;
  848. float: left;
  849. top: 0;
  850. left: 0;
  851. position: absolute;
  852. padding-top: 1.5em;
  853. font-size: 1em !important;
  854. }
  855. .tp-caption .rs-starring .star-rating span:before,
  856. .tp-caption .rs-starring .star-rating span:before {
  857. content: "\53\53\53\53\53";
  858. top: 0;
  859. position: absolute;
  860. left: 0;
  861. }
  862. /******************************
  863. - LOADER FORMS -
  864. ********************************/
  865. .tp-loader {
  866. top:50%; left:50%;
  867. z-index:10000;
  868. position:absolute;
  869. }
  870. .tp-loader.spinner0 {
  871. width: 40px;
  872. height: 40px;
  873. background-color: #fff;
  874. background-image:url(../assets/loader.gif);
  875. background-repeat:no-repeat;
  876. background-position: center center;
  877. box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  878. margin-top:-20px;
  879. margin-left:-20px;
  880. animation: tp-rotateplane 1.2s infinite ease-in-out;
  881. border-radius: 3px;
  882. }
  883. .tp-loader.spinner1 {
  884. width: 40px;
  885. height: 40px;
  886. background-color: #fff;
  887. box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  888. margin-top:-20px;
  889. margin-left:-20px;
  890. animation: tp-rotateplane 1.2s infinite ease-in-out;
  891. border-radius: 3px;
  892. }
  893. .tp-loader.spinner5 {
  894. background-image:url(../assets/loader.gif);
  895. background-repeat:no-repeat;
  896. background-position:10px 10px;
  897. background-color:#fff;
  898. margin:-22px -22px;
  899. width:44px;height:44px;
  900. border-radius: 3px;
  901. }
  902. @keyframes tp-rotateplane {
  903. 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg);}
  904. 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);}
  905. 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}
  906. }
  907. .tp-loader.spinner2 {
  908. width: 40px;
  909. height: 40px;
  910. margin-top:-20px;margin-left:-20px;
  911. background-color: #ff0000;
  912. box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  913. border-radius: 100%;
  914. animation: tp-scaleout 1.0s infinite ease-in-out;
  915. }
  916. @keyframes tp-scaleout {
  917. 0% {transform: scale(0.0);}
  918. 100% {transform: scale(1.0);opacity: 0;}
  919. }
  920. .tp-loader.spinner3 {
  921. margin: -9px 0px 0px -35px;
  922. width: 70px;
  923. text-align: center;
  924. }
  925. .tp-loader.spinner3 .bounce1,
  926. .tp-loader.spinner3 .bounce2,
  927. .tp-loader.spinner3 .bounce3 {
  928. width: 18px;
  929. height: 18px;
  930. background-color: #fff;
  931. box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  932. border-radius: 100%;
  933. display: inline-block;
  934. animation: tp-bouncedelay 1.4s infinite ease-in-out;
  935. /* Prevent first frame from flickering when animation starts */
  936. animation-fill-mode: both;
  937. }
  938. .tp-loader.spinner3 .bounce1 {
  939. animation-delay: -0.32s;
  940. }
  941. .tp-loader.spinner3 .bounce2 {
  942. animation-delay: -0.16s;
  943. }
  944. @keyframes tp-bouncedelay {
  945. 0%, 80%, 100% {transform: scale(0.0);}
  946. 40% {transform: scale(1.0);}
  947. }
  948. .tp-loader.spinner4 {
  949. margin: -20px 0px 0px -20px;
  950. width: 40px;
  951. height: 40px;
  952. text-align: center;
  953. animation: tp-rotate 2.0s infinite linear;
  954. }
  955. .tp-loader.spinner4 .dot1,
  956. .tp-loader.spinner4 .dot2 {
  957. width: 60%;
  958. height: 60%;
  959. display: inline-block;
  960. position: absolute;
  961. top: 0;
  962. background-color: #fff;
  963. border-radius: 100%;
  964. animation: tp-bounce 2.0s infinite ease-in-out;
  965. box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  966. }
  967. .tp-loader.spinner4 .dot2 {
  968. top: auto;
  969. bottom: 0px;
  970. animation-delay: -1.0s;
  971. }
  972. @keyframes tp-rotate { 100% { transform: rotate(360deg);}}
  973. @keyframes tp-bounce {
  974. 0%, 100% {transform: scale(0.0);}
  975. 50% { transform: scale(1.0);}
  976. }
  977. /***********************************************
  978. - STANDARD NAVIGATION SETTINGS
  979. ***********************************************/
  980. .tp-thumbs.navbar,
  981. .tp-bullets.navbar,
  982. .tp-tabs.navbar { border:none; min-height: 0; margin:0; border-radius: 0; }
  983. .tp-tabs,
  984. .tp-thumbs,
  985. .tp-bullets { position:absolute; display:block; z-index:1000; top:0px; left:0px;}
  986. .tp-tab,
  987. .tp-thumb { cursor: pointer; position:absolute;opacity:0.5; box-sizing: border-box;}
  988. .tp-arr-imgholder,
  989. .tp-videoposter,
  990. .tp-thumb-image,
  991. .tp-tab-image { background-position: center center; background-size:cover;width:100%;height:100%; display:block; position:absolute;top:0px;left:0px;}
  992. .tp-tab:hover,
  993. .tp-tab.selected,
  994. .tp-thumb:hover,
  995. .tp-thumb.selected { opacity:1;}
  996. .tp-tab-mask,
  997. .tp-thumb-mask { box-sizing:border-box !important; }
  998. .tp-tabs,
  999. .tp-thumbs { box-sizing:content-box !important; }
  1000. .tp-bullet { width:15px;height:15px; position:absolute; background:#fff; background:rgba(255,255,255,0.3); cursor: pointer;}
  1001. .tp-bullet.selected,
  1002. .tp-bullet:hover { background:#fff;}
  1003. .tparrows { cursor:pointer; background:#000; background:rgba(0,0,0,0.5); width:40px;height:40px;position:absolute; display:block; z-index:1000; }
  1004. .tparrows:hover { background:#000;}
  1005. .tparrows:before { font-family: "revicons"; font-size:15px; color:#fff; display:block; line-height: 40px; text-align: center;}
  1006. .tparrows.tp-leftarrow:before { content: '\e824'; }
  1007. .tparrows.tp-rightarrow:before { content: '\e825'; }
  1008. /***************************
  1009. - KEN BURNS FIXES -
  1010. ***************************/
  1011. body.rtl .tp-kbimg {left: 0 !important}
  1012. /***************************
  1013. - 3D SHADOW MODE -
  1014. ***************************/
  1015. .dddwrappershadow { box-shadow:0 45px 100px rgba(0, 0, 0, 0.4);}
  1016. /*******************
  1017. - DEBUG MODE -
  1018. *******************/
  1019. .hglayerinfo { position: fixed;
  1020. bottom: 0px;
  1021. left: 0px;
  1022. color: #FFF;
  1023. font-size: 12px;
  1024. line-height: 20px;
  1025. font-weight: 600;
  1026. background: rgba(0, 0, 0, 0.75);
  1027. padding: 5px 10px;
  1028. z-index: 2000;
  1029. white-space: normal;}
  1030. .hginfo { position:absolute;top:-2px;left:-2px;color:#e74c3c;font-size:12px;font-weight:600; background:#000;padding:2px 5px;}
  1031. .indebugmode .tp-caption:hover { border:1px dashed #c0392b !important;}
  1032. .helpgrid { border:2px dashed #c0392b;position:absolute;top:0px;left:0px;z-index:0 }
  1033. #revsliderlogloglog { padding:15px;color:#fff;position:fixed; top:0px;left:0px;width:200px;height:150px;background:rgba(0,0,0,0.7); z-index:100000; font-size:10px; overflow:scroll;}
  1034. /**
  1035. INSTAGRAM FILTERS BY UNA
  1036. https://una.im/CSSgram/
  1037. **/
  1038. .aden{filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.perpetua::after,.reyes::after{mix-blend-mode:soft-light;opacity:.5}.inkwell{filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)}.perpetua::after{background:linear-gradient(to bottom,#005b9a,#e6c13d)}.reyes{filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}.reyes::after{background:#efcdad}.gingham{filter:brightness(1.05) hue-rotate(-10deg)}.gingham::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.toaster{filter:contrast(1.5) brightness(.9)}.toaster::after{background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen}.walden{filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}.walden::after{background:#04c;mix-blend-mode:screen;opacity:.3}.hudson{filter:brightness(1.2) contrast(.9) saturate(1.1)}.hudson::after{background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5}.earlybird{filter:contrast(.9) sepia(.2)}.earlybird::after{background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay}.mayfair{filter:contrast(1.1) saturate(1.1)}.mayfair::after{background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4}.lofi{filter:saturate(1.1) contrast(1.5)}.lofi::after{background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply}._1977{filter:contrast(1.1) brightness(1.1) saturate(1.3)}._1977:after{background:rgba(243,106,188,.3);mix-blend-mode:screen}.brooklyn{filter:contrast(.9) brightness(1.1)}.brooklyn::after{background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay}.xpro2{filter:sepia(.3)}.xpro2::after{background:radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn}.nashville{filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)}.nashville::after{background:rgba(0,70,150,.4);mix-blend-mode:lighten}.nashville::before{background:rgba(247,176,153,.56);mix-blend-mode:darken}.lark{filter:contrast(.9)}.lark::after{background:rgba(242,242,242,.8);mix-blend-mode:darken}.lark::before{background:#22253f;mix-blend-mode:color-dodge}.moon{filter:grayscale(1) contrast(1.1) brightness(1.1)}.moon::before{background:#a0a0a0;mix-blend-mode:soft-light}.moon::after{background:#383838;mix-blend-mode:lighten}.clarendon{filter:contrast(1.2) saturate(1.35)}.clarendon:before{background:rgba(127,187,227,.2);mix-blend-mode:overlay}.willow{filter:grayscale(.5) contrast(.95) brightness(.9)}.willow::before{background-color:radial-gradient(40%,circle,#d4a9af 55%,#000 150%);mix-blend-mode:overlay}.willow::after{background-color:#d8cdcb;mix-blend-mode:color}.rise{filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9)}.rise::after{background:radial-gradient(circle,rgba(232,197,152,.8),transparent 90%);mix-blend-mode:overlay;opacity:.6}.rise::before{background:radial-gradient(circle,rgba(236,205,169,.15) 55%,rgba(50,30,7,.4));mix-blend-mode:multiply}._1977:after,._1977:before,.aden:after,.aden:before,.brooklyn:after,.brooklyn:before,.clarendon:after,.clarendon:before,.earlybird:after,.earlybird:before,.gingham:after,.gingham:before,.hudson:after,.hudson:before,.inkwell:after,.inkwell:before,.lark:after,.lark:before,.lofi:after,.lofi:before,.mayfair:after,.mayfair:before,.moon:after,.moon:before,.nashville:after,.nashville:before,.perpetua:after,.perpetua:before,.reyes:after,.reyes:before,.rise:after,.rise:before,.slumber:after,.slumber:before,.toaster:after,.toaster:before,.walden:after,.walden:before,.willow:after,.willow:before,.xpro2:after,.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}._1977,.aden,.brooklyn,.clarendon,.earlybird,.gingham,.hudson,.inkwell,.lark,.lofi,.mayfair,.moon,.nashville,.perpetua,.reyes,.rise,.slumber,.toaster,.walden,.willow,.xpro2{position:relative}._1977 img,.aden img,.brooklyn img,.clarendon img,.earlybird img,.gingham img,.hudson img,.inkwell img,.lark img,.lofi img,.mayfair img,.moon img,.nashville img,.perpetua img,.reyes img,.rise img,.slumber img,.toaster img,.walden img,.willow img,.xpro2 img{width:100%;z-index:1}._1977:before,.aden:before,.brooklyn:before,.clarendon:before,.earlybird:before,.gingham:before,.hudson:before,.inkwell:before,.lark:before,.lofi:before,.mayfair:before,.moon:before,.nashville:before,.perpetua:before,.reyes:before,.rise:before,.slumber:before,.toaster:before,.walden:before,.willow:before,.xpro2:before{z-index:2}._1977:after,.aden:after,.brooklyn:after,.clarendon:after,.earlybird:after,.gingham:after,.hudson:after,.inkwell:after,.lark:after,.lofi:after,.mayfair:after,.moon:after,.nashville:after,.perpetua:after,.reyes:after,.rise:after,.slumber:after,.toaster:after,.walden:after,.willow:after,.xpro2:after{z-index:3}.slumber{filter:saturate(.66) brightness(1.05)}.slumber::after{background:rgba(125,105,24,.5);mix-blend-mode:soft-light}.slumber::before{background:rgba(69,41,12,.4);mix-blend-mode:lighten}
  1039. .tp-kbimg-wrap:before,
  1040. .tp-kbimg-wrap:after {height:500%;width:500%}