settings.css 33 KB

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