Skip to Content

CSS File

URL: https://www.jambomusic.uk/wp-content/themes/jannah/assets/css/helpers.min.css?ver=6.1.2
HTTP Status: 200 OK
MIME Type: text/css
Last Modified: Sun, 06 Aug 2023 17:33:55 GMT
Download Time: Less than a second
Cookies: None
Size: 40 KB
Rules: 459 style rules
Imports: 0 stylesheets
HTTP Headers:  29 headers
Links In:  1 pages
Links Out:  0 links
Images:  4 images
CSS:  0 files
JavaScript:  0 files
OK Issues: No issues found

1@media (min-width: 992px){.theme-header .top-menu li>a:before{border-top-color:var(--main-nav-main-border-color)}

2.theme-header .top-menu li.tie-current-menu>a:before,.theme-header .top-menu li:hover>a[href]:before{border-top-color:var(--main-nav-primary-color)}

3.theme-header .top-menu li .menu-item-has-children>a:before{border-left-color:var(--main-nav-main-border-color);border-top-color:transparent !important}

4.theme-header .top-menu li .current-menu-item>a:before,.theme-header .top-menu li li:hover>a[href]:before{border-left-color:var(--main-nav-primary-color)}

5.mega-menu .mega-menu-block{left:0;width:100%;padding:30px}

6.mega-menu .mega-menu-block a{width:auto}

7.mega-menu .mega-menu-block ul.slider-arrow-nav{box-shadow:none;display:none;clear:both}

8.mega-menu .mega-menu-block .megamenu-pagination{width:30px;height:30px;line-height:30px;font-size:20px;border-width:1px}

9.mega-menu-post{display:block;float:left}

10.sub-menu-columns{margin:0 -15px}

11.mega-links .mega-menu-block{padding-bottom:15px}

12.main-menu .mega-links-head{width:100%;font-weight:600;background:transparent !important;border-bottom:2px solid var(--main-nav-secondry-border-color);border-top:0;line-height:40px;font-size:14px;margin-bottom:10px}

13.main-menu .mega-links-head:before{display:none}

14.main-menu .mega-links-head:after{display:block;content:"";width:50px;height:2px;background:var(--main-nav-primary-color);position:absolute;bottom:-2px;left:0;transition:width 0.2s}

15li.mega-link-column{margin-bottom:10px;padding:0 15px;width:50%}

16li.mega-link-column li{width:100%}

17li.mega-link-column li a{padding:8px 0}

18li.mega-link-column:hover .mega-links-head:after{width:65px}

19li.mega-link-column .menu-sub-content{width:100%;max-width:200px}

20.hide-mega-headings{margin-top:20px;margin-bottom:0}

21.hide-mega-headings>a{display:none !important}

22.mega-links-3col .mega-link-column{width:33.333%}

23.mega-links-3col .mega-link-column:nth-child(3n+4){clear:left}

24.mega-links-4col .mega-link-column{width:25%}

25.mega-links-4col .mega-link-column:nth-child(4n+5){clear:left}

26.mega-links-5col .mega-link-column{width:20%}

27.mega-links-5col .mega-link-column:nth-child(5n+6){clear:left}

28.mega-menu .post-box-title{line-height:1.4}

29.mega-menu a.mega-menu-link{font-size:14px;font-weight:500;border:0;display:block}

30.mega-menu a.mega-menu-link:hover{color:var(--main-nav-primary-color);background:transparent !important}

31.mega-menu .post-thumb{margin-bottom:10px}

32.mega-menu .post-meta{margin:5px 0 0;line-height:20px}

33.mega-menu .post-meta a{padding:0;background-color:transparent}

34.mega-menu .post-meta,.mega-menu .post-meta a:not(:hover){color:var(--main-nav-secondry-text-color)}

35.main-menu .is-loading .mega-recent-post,.main-menu .is-loading .mega-menu-post{opacity:0.5 !important;transition:opacity 0.3s}

36.main-menu .mega-cat-wrapper{overflow:hidden;height:auto;clear:both}

37.main-menu .mega-ajax-content{min-height:200px;position:relative}

38.main-menu .mega-recent-featured .mega-ajax-content{min-height:325px}

39.main-menu .mega-cat .mega-menu-content{clear:both}

40.main-menu .mega-cat .mega-menu-block{padding:0}

41.main-menu .mega-cat-content{padding:30px}

42.main-menu .mega-cat-sub-exists{width:80%;float:left}

43.main-menu .horizontal-posts{width:100%}

44.main-menu .mega-cat-posts-container .megamenu-loaded-ajax{margin-left:-10px;margin-right:-10px}

45.main-menu .mega-cat .mega-menu-post{width:20%;opacity:0;padding:0 10px}

46.main-menu .mega-cat .mega-menu-post:nth-child(5n+1){clear:both}

47.main-menu .vertical-posts .mega-menu-post{width:25%}

48.main-menu .menu-item-has-children .mega-cat-wrapper{border-top:1px solid var(--main-nav-secondry-border-color)}

49.main-menu .menu-item-has-children .cats-vertical,.main-menu .menu-item-has-children .cats-vertical+.mega-cat-content{padding-top:30px}

50.main-menu ul.mega-cat-more-links{opacity:1 !important;box-shadow:none}

51.main-menu .mega-cat-more-links{padding:20px 30px;margin:0 -10px}

52.main-menu .mega-cat-more-links>li{float:left;width:25%;padding:0 10px}

53.main-menu .mega-cat-more-links>li>a{border-bottom-width:0}

54.main-menu .mega-cat-more-links>li:nth-child(n+5)>a{border:solid var(--main-nav-secondry-border-color);border-width:1px 0 0}

55.main-menu .mega-cat-more-links>li ul{left:calc(100% - 10px)}

56.main-menu .mega-cat-more-links>li li{width:100%}

57.main-menu ul.mega-cat-sub-categories{overflow:hidden;box-shadow:none}

58.main-menu .cats-horizontal{margin:30px 30px -10px}

59.main-menu .cats-horizontal li{line-height:20px;margin-right:7px}

60.main-menu .cats-horizontal li a{border:1px solid var(--main-nav-secondry-border-color);background:var(--main-nav-secondry-background);border-radius:2px;padding:1px 10px;width:auto}

61.main-nav .mega-menu.mega-cat .cats-horizontal li a.is-active,.main-nav .mega-menu.mega-cat .cats-horizontal li a:hover{color:var(--main-nav-contrast-primary-color);background:var(--main-nav-primary-color);border-color:var(--main-nav-primary-color)}

62.main-menu .cats-vertical{background:var(--main-nav-secondry-background);width:20%;float:left;padding:30px 0 0 20px;padding-bottom:1500px;margin-bottom:-1500px}

63.main-menu .cats-vertical li{width:100%}

64.main-menu .cats-vertical li:last-child{margin-bottom:50px}

65.main-menu .cats-vertical li a{display:block;border-top:0;width:100%;padding:8px 10px}

66.main-menu .cats-vertical li a.is-active,.main-menu .cats-vertical li a:hover{background:var(--main-nav-background)}

67.main-menu .mega-recent-post{float:left;width:37%;padding-right:30px}

68.main-menu .mega-recent-post .post-box-title a{font-size:22px;margin-top:7px;line-height:30px}

69.main-menu .mega-check-also{float:left;width:63%;overflow:hidden;margin:0 -15px -20px}

70.main-menu .mega-check-also .mega-menu-post{width:50%;padding:0 15px 20px;overflow:hidden}

71.main-menu .mega-check-also .mega-menu-post:nth-child(2n+1){clear:left}

72.main-menu .mega-check-also .post-thumbnail{margin-right:20px;float:left}

73.main-menu .mega-check-also .post-thumb{overflow:hidden;margin-bottom:0}

74.main-menu .mega-check-also .post-thumb img{width:110px}

75.main-menu .mega-check-also .post-details{padding-left:130px}

76.main-menu .mega-recent-featured>.menu-sub-content{overflow:hidden}

77.main-menu .mega-recent-featured .mega-menu-content{float:right;position:relative;min-height:30px;width:100%}

78.main-menu .mega-recent-featured.menu-item-has-children .mega-menu-content{width:75%}

79.main-menu .mega-recent-featured.menu-item-has-children .mega-recent-post{width:52%;padding-left:30px}

80.main-menu .mega-recent-featured.menu-item-has-children .mega-check-also{width:48%}

81.main-menu .mega-recent-featured.menu-item-has-children .mega-check-also .mega-menu-post{width:100%}

82.main-menu ul.mega-recent-featured-list{width:25%;padding-right:30px;float:left;position:relative;box-shadow:none}

83.main-menu .mega-recent-featured-list li{width:100%;z-index:2}

84.main-menu .mega-recent-featured-list a{display:block;border-top:0;padding:8px 0;border-bottom:1px solid var(--main-nav-secondry-border-color)}

85.main-menu .mega-recent-featured-list:after{content:"";width:1500px;height:1500px;background:rgba(0,0,0,0.03);position:absolute;z-index:1;right:0;top:-100px}

86.ajax-no-more-posts{text-align:center;position:absolute;width:calc(100% - 40px)}

87}

88@media (min-width: 992px){.two-columns-submenu>ul{width:320px !important}

89.two-columns-submenu>ul>li{width:50% !important;float:left}

90.two-columns-submenu>ul>li a{width:100% !important}

91.two-columns-submenu.odd>ul>li:last-child{width:100% !important}

92}

93@media (min-width: 992px){.theme-header .logo-row>div{height:auto !important}

94.logo-container.fixed-nav.fixed-nav{position:static !important;line-height:initial !important;box-shadow:none !important;background-color:transparent !important}

95.header-layout-3 .logo-container.fixed-nav.fixed-nav{width:auto}

96.header-layout-3 .stream-item-top-wrapper{float:right}

97}

98#menu-featured-posts{position:static}

99.menu-featured-posts-title{height:auto;width:auto !important;line-height:inherit;cursor:pointer;position:relative;color:var(--main-nav-contrast-primary-color) !important;background-color:var(--main-nav-primary-color);display:-webkit-flex !important;display:-ms-flexbox !important;display:flex !important;padding:0 10px;-webkit-flex-flow:row;-ms-flex-flow:row;flex-flow:row;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}

100.menu-featured-posts-title:before{bottom:2% !important;top:auto !important;right:50% !important;margin-right:-4px}

101.menu-featured-posts-title strong{font-size:34px;font-weight:900}

102.menu-featured-posts-title span{font-size:14px;clear:both;display:block;line-height:1}

103.menu-featured-posts-words{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;text-transform:uppercase}

104#menu-featured-posts .comp-sub-menu{border-top:2px solid var(--main-nav-primary-color);width:100%;box-sizing:border-box;padding:30px 20px 10px}

105#menu-featured-posts .comp-sub-menu.has-posts-counter{counter-reset:featured-menu-posts-counter}

106#menu-featured-posts .comp-sub-menu.has-posts-counter li{min-height:70px}

107#menu-featured-posts .comp-sub-menu.has-posts-counter li:before{display:block;content:counter(featured-menu-posts-counter, decimal);counter-increment:featured-menu-posts-counter;position:absolute;z-index:1;top:0;left:-15px;text-align:center;font-size:70px;font-weight:600;color:var(--bright-color);font-style:italic;opacity:0.5;height:70px;line-height:70px}

108#menu-featured-posts .comp-sub-menu li{float:left;border:none;padding:0 10px}

109.breaking{float:left;width:100%;height:35px;line-height:35px;display:block !important}

110.breaking-title{padding:0 10px;display:block;float:left;color:#ffffff;font-size:12px;position:relative}

111.breaking-title span{position:relative;z-index:1}

112.breaking-title span.breaking-icon{display:none}

113@media (max-width: 600px){.breaking-title span.breaking-icon{display:inline-block}

114.breaking-title .breaking-title-text{display:none}

115}

116.breaking-title:before{content:"";background:#f05555;width:100%;height:100%;position:absolute;left:0;top:0;z-index:0}

117.breaking-news{display:none}

118.ticker-wrapper.has-js{margin:0;padding:0px;height:35px;display:block;overflow:hidden;position:relative;padding-right:20px}

119@media (min-width: 480px){.controls-is-active .ticker-wrapper.has-js{padding-right:70px}

120}

121.ticker{width:100%;height:35px;display:block;position:relative;overflow:hidden}

122.ticker-content{display:none;left:10px;line-height:35px;position:absolute;background-color:#ffffff;overflow:hidden;white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;max-width:calc(100% - 10px);width:auto}

123.top-nav-dark .ticker-content{background-color:#2c2e32}

124.ticker-content:focus{outline:none}

125.ticker-content.is-paused{-webkit-transform:none !important;-ms-transform:none !important;transform:none !important}

126.ticker-swipe{position:absolute;top:0px;left:10px;display:block;width:calc(100% - 10px);height:35px}

127.ticker-swipe span{margin-left:1px;height:35px;width:7px;display:block}

128.ticker-swipe span:after{content:"_"}

129.ticker-content,.ticker-swipe{background-color:#ffffff}

130.top-nav-dark .ticker-content,.top-nav-dark .ticker-swipe,.box-dark-skin .ticker-content,.box-dark-skin .ticker-swipe{background-color:#2c2e32}

131.breaking-news-nav{position:absolute;right:0;padding-right:8px;list-style-type:none;height:35px}

132header:not(.top-nav-boxed) .has-breaking .breaking-news-nav{padding:0}

133@media (max-width: 479px){.breaking-news-nav{display:none}

134}

135.breaking-news-nav li{padding:0px;margin:6px 0 6px 7px;float:left;cursor:pointer;height:21px;width:21px;display:block;line-height:17px;text-align:center;border-radius:2px;border:1px solid rgba(0,0,0,0.1);transition:0.3s}

136.box-dark-skin .breaking-news-nav li,.top-nav-dark .breaking-news-nav li{border-color:rgba(255,255,255,0.1)}

137.breaking-news-nav li:after{opacity:0.8;display:inline-block;content:"\f04c";font-family:tiefonticon}

138.breaking-news-nav li:hover{background-color:#f05555;border-color:#f05555;color:#ffffff}

139.breaking-news-nav li:hover:after{opacity:1}

140.breaking-news-nav li.jnt-prev:after{content:"\f104"}

141.breaking-news-nav li.jnt-next:after{content:"\f106"}

142.up-down-controls .breaking-news-nav li:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);margin-left:5px}

143.ticker-dir-left .ticker-content,.ticker-dir-left .ticker{float:left}

144.ticker-dir-right .ticker-content,.ticker-dir-right .ticker{float:right}

145#mobile-container{display:none;padding:10px 30px 30px}

146#mobile-menu{margin-bottom:20px;position:relative;padding-top:15px}

147#mobile-menu .hide-mega-headings>a{display:none}

148#mobile-menu .hide-mega-headings>a+ul{display:block}

149#mobile-menu.hide-menu-icons a span.tie-menu-icon{display:none}

150#mobile-menu .menu>li{border-bottom:1px solid rgba(0,0,0,0.05)}

151.dark-skin #mobile-menu .menu>li{border-color:rgba(255,255,255,0.05)}

152#mobile-menu .menu>li li{padding-left:15px}

153#mobile-menu .menu>li:only-child{border-bottom:none}

154#mobile-menu .menu>li:only-child li{padding:0}

155#mobile-menu .menu>li:only-child li a{font-size:16px;font-weight:600}

156#mobile-menu li{display:block;position:relative}

157#mobile-menu li .screen-reader-text{height:auto;width:auto;position:initial !important;overflow:initial !important;clip:initial !important;-webkit-clip-path:initial !important;clip-path:initial !important}

158#mobile-menu li a{display:block;padding:15px 50px 15px 0;font-size:16px;line-height:22px;font-weight:600}

159.dark-skin #mobile-menu li a{color:#ffffff}

160#mobile-menu li a:hover{opacity:0.7}

161#mobile-menu li a>.tie-menu-icon{margin-right:3px;width:25px;text-align:center}

162#mobile-menu li.menu-item-has-children>a:before{display:none}

163#mobile-menu li ul,#mobile-menu li .menu-sub-content{opacity:1 !important;background-image:none !important;padding:0 !important;min-height:unset !important}

164#mobile-menu li ul{padding-left:15px;display:none}

165#mobile-menu li ul a{font-weight:normal;font-size:14px;padding-top:10px;padding-bottom:10px}

166#mobile-menu li ul .mobile-arrows{font-size:12px}

167#mobile-menu:not(.hide-menu-icons) li.menu-item-has-icon>ul,#mobile-menu:not(.hide-menu-icons) li.menu-item-has-icon>div{padding-left:15px !important}

168#mobile-menu .mobile-arrows{width:50px;position:absolute;right:0;top:0;z-index:1;padding:15px 10px;line-height:22px;cursor:pointer;text-align:center;font-size:14px;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s}

169.dark-skin #mobile-menu .mobile-arrows{color:#ffffff}

170#mobile-menu .mobile-arrows.is-open{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}

171#mobile-social-icons{margin-bottom:15px}

172#mobile-social-icons ul{text-align:center;overflow:hidden}

173#mobile-social-icons ul .social-icons-item{float:none;display:inline-block}

174#mobile-social-icons .social-icons-item{margin:0}

175#mobile-social-icons .social-icons-item .social-link{background:transparent;border:none}

176.light-skin #mobile-social-icons .social-link:not(:hover) span{color:#777 !important}

177#mobile-search .search-form{overflow:hidden}

178#mobile-search .search-form:after{position:absolute;content:"\f002";font-family:'tiefonticon';top:4px;right:10px;line-height:30px;width:30px;font-size:16px;border-radius:50%;text-align:center;color:#fff}

179#mobile-search .search-field{background-color:rgba(0,0,0,0.05);border-color:rgba(255,255,255,0.1);color:#ffffff;width:100%;border-radius:50px;padding:7px 45px 7px 20px}

180.light-skin #mobile-search .search-field{background-color:rgba(0,0,0,0.05);color:var(--base-color)}

181#mobile-search .search-submit{background:transparent;font-size:0;width:35px;height:38px;position:absolute;top:0;right:5px;z-index:1}

182#mobile-search input::-webkit-input-placeholder{color:rgba(255,255,255,0.6)}

183#mobile-search input::-moz-placeholder{color:rgba(255,255,255,0.6)}

184#mobile-search input:-moz-placeholder{color:rgba(255,255,255,0.6)}

185#mobile-search input:-ms-input-placeholder{color:rgba(255,255,255,0.6)}

186#tie-wrapper:after{position:absolute;z-index:1000;top:-10%;left:-50%;width:0;height:0;background:rgba(0,0,0,0.2);content:'';opacity:0;cursor:pointer;transition:opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s}

187.dark-skin .side-aside{background:#0e0f11}

188@media (max-width: 991px){.side-aside.appear-from-left{left:0;-webkit-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);transform:translate(-100%, 0)}

189.side-aside.appear-from-right{right:0;-webkit-transform:translate(100%, 0);-ms-transform:translate(100%, 0);transform:translate(100%, 0)}

190.side-aside.is-fullwidth{width:100%}

191}

192.is-mobile .side-aside .side-aside-wrapper,.is-desktop .side-aside .has-custom-scroll{padding:50px 0 0}

193.admin-bar.is-desktop .side-aside .has-custom-scroll,.is-mobile.admin-bar .side-aside .side-aside-wrapper{padding-top:72px}

194.side-aside .widget-content-only:first-child{margin-top:20px}

195.side-aside.dark-skin .container-wrapper{border-radius:0;border:0;background:transparent;box-shadow:none}

196.side-aside:after{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);content:'';opacity:1;transition:opacity 0.5s}

197.side-aside .tie-slider-widget{position:relative;z-index:1}

198.side-aside .container-wrapper{padding:30px !important}

199.side-aside .widget-content-only{padding:0 !important}

200.side-aside-open #tie-wrapper:after{width:200%;height:110%;opacity:1;transition:opacity 0.5s}

201.border-layout .side-aside-open #tie-wrapper:after{opacity:0}

202.side-aside-open .side-aside{visibility:visible !important;-webkit-transform:translate(0, 0) !important;-ms-transform:translate(0, 0) !important;transform:translate(0, 0) !important}

203.side-aside-open .side-aside:after{display:none;width:0;height:0;opacity:0;transition:opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s}

204a.remove{position:absolute;top:0;right:0;display:block;speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:20px;height:20px;display:block;line-height:20px;text-align:center;font-size:15px}

205a.remove:before{content:"\e117";font-family:'tiefonticon';color:#e74c3c;transition:color 0.15s}

206a.remove:hover:before{color:#bf2718}

207a.remove.big-btn{width:25px;height:25px;line-height:25px;font-size:22px}

208a.remove.light-btn:not(:hover):before{color:#ffffff}

209.side-aside a.remove{z-index:1;top:15px;left:50%;right:auto;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}

210.admin-bar .side-aside a.remove{top:47px}

211.admin-bar.is-mobile .side-aside a.remove{top:61px}

212.tie-popup a.remove{transition:0.3s;-webkit-transform:scale(0.2);-ms-transform:scale(0.2);transform:scale(0.2);opacity:0;top:15px;right:15px;z-index:1}

213.tie-popup-is-opend .tie-popup a.remove{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}

214.theiaStickySidebar:after{content:"";display:table;clear:both}

215.side-aside,.has-custom-scroll{overflow-x:hidden;scrollbar-width:thin}

216.side-aside::-webkit-scrollbar,.has-custom-scroll::-webkit-scrollbar{width:5px}

217.side-aside::-webkit-scrollbar-track,.has-custom-scroll::-webkit-scrollbar-track{background:transparent}

218.side-aside::-webkit-scrollbar-thumb,.has-custom-scroll::-webkit-scrollbar-thumb{border-radius:20px;background:rgba(0,0,0,0.2)}

219.dark-skin .side-aside::-webkit-scrollbar-thumb,.dark-skin .has-custom-scroll::-webkit-scrollbar-thumb{background:#000}

220#tie-body #foxpush_blocked_box{display:none !important}

221.ui-front{z-index:110}

222.tie-popup-is-opend #tie-wrapper{transition:-webkit-filter 0.2s;transition:filter 0.2s;transition:filter 0.2s, -webkit-filter 0.2s;-webkit-filter:blur(4px);filter:blur(4px)}

223.tie-popup{position:fixed;z-index:99999;left:0;top:0;height:100%;width:100%;background-color:rgba(0,0,0,0.9);display:none;-webkit-perspective:600px;perspective:600px}

224.tie-popup-container{position:relative;z-index:100;width:90%;max-width:420px;margin:10em auto 0;border-radius:2px;box-shadow:0 0 20px rgba(0,0,0,0.2);transition:0.3s;will-change:transform, opacity;-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);opacity:0}

225.tie-popup-container .login-submit{padding-top:15px;padding-bottom:15px}

226.tie-popup-container .container-wrapper{padding:60px;background-color:#fff !important;border-radius:5px}

227@media (max-width: 479px){.tie-popup-container .container-wrapper{padding:30px}

228}

229#tie-popup-adblock .tie-popup-container{max-width:500px}

230#tie-popup-adblock .container-wrapper{background:#e74c3c !important;text-align:center;color:#fff}

231#tie-popup-adblock .container-wrapper .tie-btn-close:before{color:#fff}

232#tie-popup-adblock .tie-adblock-icon{font-size:120px;margin-bottom:10px}

233#tie-popup-adblock .adblock-message{margin-top:10px}

234.pop-up-live-search{will-change:transform, opacity;transition:0.3s;-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);opacity:0}

235.tie-popup-is-opend .pop-up-live-search,.tie-popup-is-opend .tie-popup-container{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}

236.tie-popup-search-wrap .container{padding:0}

237.tie-popup-search-wrap::-webkit-input-placeholder{color:#ffffff}

238.tie-popup-search-wrap::-moz-placeholder{color:#ffffff}

239.tie-popup-search-wrap:-moz-placeholder{color:#ffffff}

240.tie-popup-search-wrap:-ms-input-placeholder{color:#ffffff}

241.tie-popup-search-wrap form{position:relative;height:80px;margin-bottom:20px}

242.popup-search-wrap-inner{position:relative;padding:80px 15px 0;margin:0 auto;max-width:800px}

243input.tie-popup-search-input{width:100%;height:80px;line-height:80px;background:rgba(0,0,0,0.7) !important;font-weight:500;font-size:22px;border:0;padding-right:80px;padding-left:30px;color:#ffffff}

244button.tie-popup-search-submit{font-size:28px;color:#666;position:absolute;right:10px;top:20px;background:transparent !important;transition:0.15s}

245button.tie-popup-search-submit .tie-icon-spinner{color:#666;cursor:default;-webkit-animation:tie-spin 3s infinite linear;animation:tie-spin 3s infinite linear}

246#tie-popup-search-mobile .popup-search-wrap-inner{padding-top:50px}

247#tie-popup-search-mobile input.tie-popup-search-input{height:50px;line-height:1;padding-left:20px;padding-right:50px}

248#tie-popup-search-mobile button.tie-popup-search-submit{font-size:16px;top:9px;right:0}

249#tie-popup-search-mobile table.gsc-search-box{width:100%;background:rgba(0,0,0,0.7) !important;border:0;color:#ffffff;padding-left:10px !important}

250#tie-popup-search-mobile .gsc-input{font-weight:500 !important;font-size:22px !important;height:50px !important;line-height:1 !important}

251#autocomplete-suggestions{overflow:auto;padding:20px;color:#eee;position:absolute;display:none;width:370px;z-index:9999}

252#autocomplete-suggestions .post-meta{margin:3px 0 0}

253.autocomplete-suggestion{padding-bottom:20px;clear:both;overflow:hidden}

254.autocomplete-suggestion:last-child{padding-bottom:0 !important}

255.autocomplete-no-suggestion{text-align:center;font-weight:600}

256.live-search-dark{color:#cccccc;background:#1f2024;border:1px solid rgba(255,255,255,0.07);margin:0 -1px}

257.live-search-dark.search-in-top-nav{background-color:#2c2e32}

258.live-search-dark .post-title a:not(:hover),.live-search-popup .post-title a:not(:hover){color:#ffffff}

259.live-search-light{border:1px solid rgba(0,0,0,0.1);background:#ffffff}

260.live-search-popup{position:fixed !important;width:100% !important;z-index:999999 !important;background:rgba(0,0,0,0.7);padding:35px;border-top:1px solid #222}

261@media (max-width: 991px){.live-search-popup{padding:20px;max-height:calc(100vmax - 150px)}

262}

263@media (min-width: 992px){.live-search-popup .post-widget-body .post-title{line-height:23px;font-size:16px}

264}

265.live-search-popup .button{font-size:14px;padding-top:12px;padding-bottom:12px}

266@font-face{font-family:'tiefonticon';src:url("../fonts/tielabs-fonticon/tielabs-fonticon.eot");src:url("../fonts/tielabs-fonticon/tielabs-fonticon.eot#iefix") format("embedded-opentype"),url("../fonts/tielabs-fonticon/tielabs-fonticon.woff") format("woff"),url("../fonts/tielabs-fonticon/tielabs-fonticon.ttf") format("truetype"),url("../fonts/tielabs-fonticon/tielabs-fonticon.svg#tielabs-fonticon") format("svg");font-weight:normal;font-style:normal;font-display:block}

267.tie-icon-buymeacoffee:before{content:"\e90c"}

268.tie-icon-patreon:before{content:"\e90d"}

269.tie-icon-tiktok:before{content:"\e90b"}

270.tie-icon-line:before{content:"\e906"}

271.tie-icon-messenger:before{content:"\f39f"}

272.tie-icon-facebook:before{content:"\f09a"}

273.tie-icon-basecloud-2:before{content:"\f105"}

274.tie-icon-cloud-2:before{content:"\e904"}

275.tie-icon-cloud-solid:before{content:"\e905"}

276.tie-icon-gps:before{content:"\e90a"}

277.tie-icon-check:before{content:"\e116"}

278.tie-icon-cross:before{content:"\e117"}

279.tie-icon-search:before{content:"\f002"}

280.tie-icon-heart:before{content:"\f004"}

281.tie-icon-star-s:before{content:"\f005"}

282.tie-icon-star-o:before{content:"\f006"}

283.tie-icon-author:before{content:"\f007"}

284.tie-icon-plus:before{content:"\f067"}

285.tie-icon-minus:before{content:"\f068"}

286.tie-icon-search:before{content:"\f002"}

287.tie-icon-heart:before{content:"\f004"}

288.tie-icon-star-s:before{content:"\f005"}

289.tie-icon-star-o:before{content:"\f006"}

290.tie-icon-check1:before{content:"\f00c"}

291.tie-icon-remove:before{content:"\f00d"}

292.tie-icon-search-plus:before{content:"\f00e"}

293.tie-icon-cog:before{content:"\f013"}

294.tie-icon-home:before{content:"\f015"}

295.tie-icon-clock:before{content:"\f017"}

296.tie-icon-download:before{content:"\f019"}

297.tie-icon-refresh:before{content:"\f021"}

298.tie-icon-lock:before{content:"\f023"}

299.tie-icon-headphones:before{content:"\f025"}

300.tie-icon-volume-up:before{content:"\f028"}

301.tie-icon-tags:before{content:"\f02c"}

302.tie-icon-bookmark:before{content:"\f02e"}

303.tie-icon-print:before{content:"\f02f"}

304.tie-icon-camera:before{content:"\f030"}

305.tie-icon-list:before{content:"\f03a"}

306.tie-icon-video-camera:before{content:"\f03d"}

307.tie-icon-pencil:before{content:"\f040"}

308.tie-icon-play:before{content:"\f04b"}

309.tie-icon-pause:before{content:"\f04c"}

310.tie-icon-ban:before{content:"\f05e"}

311.tie-icon-gift:before{content:"\f06b"}

312.tie-icon-eye:before{content:"\f06e"}

313.tie-icon-exclamation-triangle:before{content:"\f071"}

314.tie-icon-warning:before{content:"\f071"}

315.tie-icon-random:before{content:"\f074"}

316.tie-icon-chevron-down:before{content:"\f079"}

317.tie-icon-shopping-cart:before{content:"\f07a"}

318.tie-icon-folder:before{content:"\f07b"}

319.tie-icon-bar-chart:before{content:"\f080"}

320.tie-icon-comments:before{content:"\f086"}

321.tie-icon-sign-out:before{content:"\f08b"}

322.tie-icon-thumb-tack:before{content:"\f08d"}

323.tie-icon-external-link:before{content:"\f08e"}

324.tie-icon-phone:before{content:"\f095"}

325.tie-icon-twitter:before{content:"\f099"}

326.tie-icon-github:before{content:"\f09b"}

327.tie-icon-credit-card:before{content:"\f09d"}

328.tie-icon-feed:before{content:"\f09e"}

329.tie-icon-bullhorn:before{content:"\f0a1"}

330.tie-icon-globe:before{content:"\f0ac"}

331.tie-icon-filter:before{content:"\f0b0"}

332.tie-icon-group:before{content:"\f0c0"}

333.tie-icon-link:before{content:"\f0c1"}

334.tie-icon-navicon:before{content:"\f0c9"}

335.tie-icon-truck:before{content:"\f0d1"}

336.tie-icon-pinterest:before{content:"\f0d2"}

337.tie-icon-envelope:before{content:"\f0e0"}

338.tie-icon-linkedin:before{content:"\f0e1"}

339.tie-icon-dashboard:before{content:"\f0e4"}

340.tie-icon-tachometer:before{content:"\f0e4"}

341.tie-icon-bolt:before{content:"\f0e7"}

342.tie-icon-lightbulb:before{content:"\f0eb"}

343.tie-icon-bell:before{content:"\f0f3"}

344.tie-icon-file-text:before{content:"\f0f6"}

345.tie-icon-angle-left:before{content:"\f104"}

346.tie-icon-angle-right:before{content:"\f106"}

347.tie-icon-angle-up:before{content:"\f107"}

348.tie-icon-angle-down:before{content:"\f109"}

349.tie-icon-circle-o:before{content:"\f10c"}

350.tie-icon-quote-left:before{content:"\f10e"}

351.tie-icon-quote-right:before{content:"\f10f"}

352.tie-icon-spinner:before{content:"\f110"}

353.tie-icon-info:before{content:"\f129"}

354.tie-icon-thumbs-up:before{content:"\f164"}

355.tie-icon-thumbs-down:before{content:"\f165"}

356.tie-icon-xing:before{content:"\f168"}

357.tie-icon-youtube:before{content:"\f16a"}

358.tie-icon-instagram:before{content:"\f16d"}

359.tie-icon-flickr:before{content:"\f16e"}

360.tie-icon-bitbucket:before{content:"\f171"}

361.tie-icon-tumblr:before{content:"\f173"}

362.tie-icon-long-arrow-right:before{content:"\f178"}

363.tie-icon-apple:before{content:"\f179"}

364.tie-icon-dribbble:before{content:"\f17d"}

365.tie-icon-skype:before{content:"\f17e"}

366.tie-icon-foursquare:before{content:"\f180"}

367.tie-icon-archive:before{content:"\f187"}

368.tie-icon-vk:before{content:"\f189"}

369.tie-icon-dot-circle-o:before{content:"\f192"}

370.tie-icon-wordpress:before{content:"\f19a"}

371.tie-icon-reddit:before{content:"\f1a1"}

372.tie-icon-behance:before{content:"\f1b4"}

373.tie-icon-steam:before{content:"\f1b6"}

374.tie-icon-spotify:before{content:"\f1bc"}

375.tie-icon-deviantart:before{content:"\f1bd"}

376.tie-icon-soundcloud:before{content:"\f1be"}

377.tie-icon-paper-plane:before{content:"\f1d8"}

378.tie-icon-share:before{content:"\f1e0"}

379.tie-icon-twitch:before{content:"\f1e8"}

380.tie-icon-yelp:before{content:"\f1e9"}

381.tie-icon-wifi:before{content:"\f1eb"}

382.tie-icon-paypal:before{content:"\f1ed"}

383.tie-icon-lastfm:before{content:"\f202"}

384.tie-icon-cart-plus:before{content:"\f217"}

385.tie-icon-whatsapp:before{content:"\f232"}

386.tie-icon-medium:before{content:"\f23a"}

387.tie-icon-tripadvisor:before{content:"\f262"}

388.tie-icon-odnoklassniki:before{content:"\f263"}

389.tie-icon-get-pocket:before{content:"\f265"}

390.tie-icon-500px:before{content:"\f26e"}

391.tie-icon-vimeo:before{content:"\f27d"}

392.tie-icon-mixcloud:before{content:"\f289"}

393.tie-icon-shopping-bag:before{content:"\f290"}

394.tie-icon-shopping-basket:before{content:"\f291"}

395.tie-icon-viadeo:before{content:"\f2a9"}

396.tie-icon-snapchat:before{content:"\f2ac"}

397.tie-icon-grid-4:before{content:"\e908"}

398.tie-icon-grid-9:before{content:"\e909"}

399.tie-icon-wind:before{content:"\e902"}

400.tie-icon-thermometer-half:before{content:"\e901"}

401.tie-icon-dots-three-vertical:before{content:"\e907"}

402.tie-icon-dots-three-horizontal:before{content:"\e903"}

403.tie-icon-facebook:before{content:"\f09a"}

404.tie-icon-basecloud-2:before{content:"\f105"}

405.tie-icon-fire:before{content:"\e900"}

406.tie-icon-map:before{content:"\e6ab"}

407.tie-icon-goto:before{content:"\e64a"}

408.tie-icon-star:before{content:"\e66b"}

409.tie-icon-plaine:before{content:"\e671"}

410.tie-icon-house:before{content:"\e67d"}

411.tie-icon-users:before{content:"\e69b"}

412.tie-icon-user:before{content:"\e69c"}

413.tie-icon-typing:before{content:"\e69e"}

414.tie-icon-settings:before{content:"\e6a3"}

415.tie-icon-ringer:before{content:"\e6a7"}

416.tie-icon-messageright:before{content:"\e6b3"}

417.tie-icon-list1:before{content:"\e6b8"}

418.tie-icon-inbox:before{content:"\e6bb"}

419.tie-icon-edit:before{content:"\e6bd"}

420.tie-icon-raindrop:before{content:"\f078"}

421.tie-icon-text:before{content:"\e685"}

422.tie-icon-audio:before{content:"\e6a2"}

423.tie-icon-picture:before{content:"\e6ac"}

424.tie-icon-video:before{content:"\e6b6"}

425.tie-icon-windysnow:before{content:"\f103"}

426.tie-icon-mist:before{content:"\f108"}

427.tie-icon-moon:before{content:"\f10d"}

428.tie-icon-sun:before{content:"\f113"}

429.tie-icon-thunder:before{content:"\f114"}

430.woocommerce-message,.woocommerce-error,.woocommerce-info,.bbp-template-notice,.indicator-hint{list-style:none outside;width:100%;word-wrap:break-word;position:relative;padding:10px 10px 10px 50px !important;margin:15px 0 !important;line-height:30px;background-color:#89ba16;color:#ffffff;border-radius:2px;

*zoom:1}

431.woocommerce-message p,.woocommerce-error p,.woocommerce-info p,.bbp-template-notice p,.indicator-hint p{margin:0;line-height:inherit;height:auto}

432.woocommerce-message:after,.woocommerce-error:after,.woocommerce-info:after,.bbp-template-notice:after,.indicator-hint:after{content:" ";display:table}

433.woocommerce-message:before,.woocommerce-error:before,.woocommerce-info:before,.bbp-template-notice:before,.indicator-hint:before{position:absolute;left:10px;top:10px;font-family:tiefonticon;content:"\f00c";font-size:14px;width:30px;text-align:center;display:inline-block}

434.woocommerce-message a,.woocommerce-message a.button,.woocommerce-error a,.woocommerce-error a.button,.woocommerce-info a,.woocommerce-info a.button,.bbp-template-notice a,.bbp-template-notice a.button,.indicator-hint a,.indicator-hint a.button{color:#ffffff !important;background:transparent;float:right;padding:0 10px;line-height:30px}

435.woocommerce-message a:hover,.woocommerce-message a.button:hover,.woocommerce-error a:hover,.woocommerce-error a.button:hover,.woocommerce-info a:hover,.woocommerce-info a.button:hover,.bbp-template-notice a:hover,.bbp-template-notice a.button:hover,.indicator-hint a:hover,.indicator-hint a.button:hover{background-color:rgba(255,255,255,0.1) !important}

436.woocommerce-info,.bbp-template-notice.info{background-color:#3498db !important}

437.woocommerce-info:before,.bbp-template-notice.info:before{content:"\f129"}

438.woocommerce-error,.bbp-template-notice.error{background-color:#e74c3c}

439.woocommerce-error:before,.bbp-template-notice.error:before{content:"\e117"}

440.woocommerce-warning,.bbp-template-notice.important,.bbp-template-notice.warning{background-color:#f39c12}

441.woocommerce-warning:before,.bbp-template-notice.important:before,.bbp-template-notice.warning:before{content:"\f071"}

442@media (min-width: 768px){.cdsROW.wide{margin:25px auto 35px !important;border-radius:60px !important;width:500px !important}

443.cdsROW.wide .cdsLocName{max-width:280px !important;width:280px !important}

444}

445@media (max-width: 767px){.cdsROW.wide{width:100% !important;padding:30px;text-align:center;height:auto !important}

446.cdsROW.wide .cdsROWContainer>div{width:100% !important;display:block !important;margin:0 0 20px;max-width:none !important}

447.cdsROW.wide .cdsROWContainer>div:last-child{margin-bottom:0}

448.cdsROW.wide .logo{border-right:none !important}

449}

450.is-animated .icon-thunder-animi:before{-webkit-animation:flashing 2s ease-out infinite;animation:flashing 2s ease-out infinite}

451.is-animated .icon-thunder-animi:after{-webkit-animation:flashing-reverse 2s steps(1) infinite;animation:flashing-reverse 2s steps(1) infinite}

452.is-animated .icon-rainy-animi:after{-webkit-animation:rain-animi-effect 0.2s ease-out infinite;animation:rain-animi-effect 0.2s ease-out infinite}

453.is-animated .icon-rainy-animi-2:after{-webkit-animation:rain-animi-effect 0.25s ease-out infinite;animation:rain-animi-effect 0.25s ease-out infinite}

454.is-animated .icon-rainy-animi-4:after{-webkit-animation:rain-animi-effect 0.35s ease-out infinite;animation:rain-animi-effect 0.35s ease-out infinite}

455.is-animated .icon-rainy-animi-5:after{-webkit-animation:rain-animi-effect 0.4s ease-out infinite;animation:rain-animi-effect 0.4s ease-out infinite}

456.is-animated .drizzle-icons .icon-rainy-animi:after{-webkit-animation:drizzle-animi-effect 2.2s ease-out infinite;animation:drizzle-animi-effect 2.2s ease-out infinite}

457.is-animated .drizzle-icons .icon-rainy-animi-2:after{-webkit-animation:drizzle-animi-effect 2.3s ease-out infinite;animation:drizzle-animi-effect 2.3s ease-out infinite}

458.is-animated .drizzle-icons .icon-rainy-animi-4:after{-webkit-animation:drizzle-animi-effect 2.5s ease-out infinite;animation:drizzle-animi-effect 2.5s ease-out infinite}

459.is-animated .drizzle-icons .icon-rainy-animi-5:after{-webkit-animation:drizzle-animi-effect 2.6s ease-out infinite;animation:drizzle-animi-effect 2.6s ease-out infinite}

460.is-animated .showers-icons .icon-rainy-animi:after{-webkit-animation:drizzle-animi-effect 0.2s ease-out infinite;animation:drizzle-animi-effect 0.2s ease-out infinite}

461.is-animated .showers-icons .icon-rainy-animi-2:after{-webkit-animation:drizzle-animi-effect 0.23s ease-out infinite;animation:drizzle-animi-effect 0.23s ease-out infinite}

462.is-animated .showers-icons .icon-rainy-animi-4:after{-webkit-animation:drizzle-animi-effect 0.18s ease-out infinite;animation:drizzle-animi-effect 0.18s ease-out infinite}

463.is-animated .showers-icons .icon-rainy-animi-5:after{-webkit-animation:drizzle-animi-effect 0.44s ease-out infinite;animation:drizzle-animi-effect 0.44s ease-out infinite}

464.is-animated .icon-windysnow-animi:after,.is-animated .icon-windysnow-animi-2:after{-webkit-animation:rain-animi-effect-with-rotate 2s ease-out infinite;animation:rain-animi-effect-with-rotate 2s ease-out infinite}

465.is-animated .icon-windysnow-animi-2:after{-webkit-animation:rain-animi-effect-with-rotate 1.5s ease-out infinite;animation:rain-animi-effect-with-rotate 1.5s ease-out infinite}

466.is-animated .icon-moon:after{-webkit-animation:tie-float-y 2s linear infinite;animation:tie-float-y 2s linear infinite}

467.is-animated .icon-moon-animi:before{-webkit-animation:tie-float-y 2s linear infinite;animation:tie-float-y 2s linear infinite}

468.is-animated .icon-sun:after{-webkit-animation:tie-spin 8s infinite linear;animation:tie-spin 8s infinite linear}

469.is-animated .icon-sun-animi:after{-webkit-animation:tie-spin 8s infinite linear;animation:tie-spin 8s infinite linear}

470.is-animated .icon-cloud-behind:after{-webkit-animation:passing 2s linear infinite;animation:passing 2s linear infinite}

471.is-animated .icon-mist:before{-webkit-animation:tie-float-x 2s infinite ease;animation:tie-float-x 2s infinite ease}

472.is-animated .icon-mist-animi:before{display:inline-block;-webkit-animation:burst 2s infinite linear;animation:burst 2s infinite linear}

473@-webkit-keyframes rain-animi-effect{0%{opacity:1}

474100%{opacity:0;-webkit-transform:translateY(3em);transform:translateY(3em)}

475}

476@keyframes rain-animi-effect{0%{opacity:1}

477100%{opacity:0;-webkit-transform:translateY(3em);transform:translateY(3em)}

478}

479@-webkit-keyframes rain-animi-effect-with-rotate{0%{opacity:1;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}

480100%{opacity:0;-webkit-transform:translateY(1em) rotate(360deg);transform:translateY(1em) rotate(360deg)}

481}

482@keyframes rain-animi-effect-with-rotate{0%{opacity:1;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}

483100%{opacity:0;-webkit-transform:translateY(1em) rotate(360deg);transform:translateY(1em) rotate(360deg)}

484}

485@-webkit-keyframes drizzle-animi-effect{0%{opacity:1;-webkit-transform:translateY(0) translateX(0) rotate(10deg);transform:translateY(0) translateX(0) rotate(10deg)}

486100%{opacity:0;-webkit-transform:translateY(3em) translateX(-3em) rotate(20deg);transform:translateY(3em) translateX(-3em) rotate(20deg)}

487}

488@keyframes drizzle-animi-effect{0%{opacity:1;-webkit-transform:translateY(0) translateX(0) rotate(10deg);transform:translateY(0) translateX(0) rotate(10deg)}

489100%{opacity:0;-webkit-transform:translateY(3em) translateX(-3em) rotate(20deg);transform:translateY(3em) translateX(-3em) rotate(20deg)}

490}

491@-webkit-keyframes tie-float-y{0%{-webkit-transform:translateY(0);transform:translateY(0)}

49250%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}

493100%{-webkit-transform:translateY(0);transform:translateY(0)}

494}

495@keyframes tie-float-y{0%{-webkit-transform:translateY(0);transform:translateY(0)}

49650%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}

497100%{-webkit-transform:translateY(0);transform:translateY(0)}

498}

499@-webkit-keyframes tie-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}

500100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}

501}

502@keyframes tie-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}

503100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}

504}

505@-webkit-keyframes passing{0%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}

50650%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}

507100%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}

508}

509@keyframes passing{0%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}

51050%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}

511100%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}

512}

513@-webkit-keyframes burst{0%{opacity:.6}

51450%{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:0}

515100%{opacity:0}

516}

517@keyframes burst{0%{opacity:.6}

51850%{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:0}

519100%{opacity:0}

520}

521@-webkit-keyframes tie-float-x{0%{-webkit-transform:translateX(0);transform:translateX(0)}

52250%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}

523100%{-webkit-transform:translateX(0);transform:translateX(0)}

524}

525@keyframes tie-float-x{0%{-webkit-transform:translateX(0);transform:translateX(0)}

52650%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}

527100%{-webkit-transform:translateX(0);transform:translateX(0)}

528}

529@-webkit-keyframes flashing{0%,100%,50%{opacity:1}

53025%,75%{opacity:0}

531}

532@keyframes flashing{0%,100%,50%{opacity:1}

53325%,75%{opacity:0}

534}

535@-webkit-keyframes flashing-reverse{0%,100%,50%{opacity:0}

53625%,75%{opacity:1}

537}

538@keyframes flashing-reverse{0%,100%,50%{opacity:0}

53925%,75%{opacity:1}

540}

541