Advertisement
Guest User

Untitled

a guest
Dec 29th, 2018
156
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 75.81 KB | None | 0 0
  1. .form-control {
  2.   display: block;
  3.   height: 34px;
  4.   padding: 6px 12px;
  5.   font-size: 14px;
  6.   line-height: 1.428571429;
  7.   color: #555555;
  8.   background-color: #000;
  9.   background-image: none;
  10.   border: 1px solid #ccc;
  11.   border-radius: 4px;
  12.   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  13.   box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  14.   -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  15.   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  16.   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  17. }
  18. .form-control:focus {
  19.   border-color: #66afe9;
  20.   outline: 0;
  21.   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  22.   box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  23. }
  24. .form-control::-moz-placeholder {
  25.   color: #999;
  26.   opacity: 1;
  27. }
  28. .form-control:-ms-input-placeholder {
  29.   color: #999;
  30. }
  31. .form-control::-webkit-input-placeholder {
  32.   color: #999;
  33. }
  34. .form-control[disabled],
  35. .form-control[readonly],
  36. fieldset[disabled] .form-control {
  37.   cursor: not-allowed;
  38.   background-color: #eeeeee;
  39.   opacity: 1;
  40. }
  41. textarea.form-control {
  42.   height: auto;
  43. }
  44. @font-face {
  45.   font-family: 'IcoMoon';
  46.   src: url('../fonts/IcoMoon.eot');
  47.   src: url('../fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../fonts/IcoMoon.woff') format('woff'), url('../fonts/IcoMoon.ttf') format('truetype'), url('../fonts/IcoMoon.svg#IcoMoon') format('svg');
  48.   font-weight: normal;
  49.   font-style: normal;
  50. }
  51. [data-icon]:before {
  52.   font-family: 'IcoMoon';
  53.   content: attr(data-icon);
  54.   speak: none;
  55. }
  56. [class^="icon-"],
  57. [class*=" icon-"] {
  58.   display: inline-block;
  59.   width: 14px;
  60.   height: 14px;
  61.   margin-right: .25em;
  62.   line-height: 14px;
  63.   background-image: none;
  64. }
  65. dd > span[class^="icon-"] + time,
  66. dd > span[class*=" icon-"] + time {
  67.   margin-left: -0.25em;
  68. }
  69. dl.article-info dd.hits span[class^="icon-"],
  70. dl.article-info dd.hits span[class*=" icon-"] {
  71.   margin-right: 0;
  72. }
  73. [class^="icon-"]:before,
  74. [class*=" icon-"]:before {
  75.   font-family: 'IcoMoon';
  76.   font-style: normal;
  77.   speak: none;
  78. }
  79. [class^="icon-"].disabled,
  80. [class*=" icon-"].disabled {
  81.   font-weight: normal;
  82. }
  83. .icon-joomla:before {
  84.   content: "\e200";
  85. }
  86. .icon-chevron-up:before,
  87. .icon-uparrow:before,
  88. .icon-arrow-up:before {
  89.   content: "\e005";
  90. }
  91. .icon-chevron-right:before,
  92. .icon-rightarrow:before,
  93. .icon-arrow-right:before {
  94.   content: "\e006";
  95. }
  96. .icon-chevron-down:before,
  97. .icon-downarrow:before,
  98. .icon-arrow-down:before {
  99.   content: "\e007";
  100. }
  101. .icon-chevron-left:before,
  102. .icon-leftarrow:before,
  103. .icon-arrow-left:before {
  104.   content: "\e008";
  105. }
  106. .icon-arrow-first:before {
  107.   content: "\e003";
  108. }
  109. .icon-arrow-last:before {
  110.   content: "\e004";
  111. }
  112. .icon-arrow-up-2:before {
  113.   content: "\e009";
  114. }
  115. .icon-arrow-right-2:before {
  116.   content: "\e00a";
  117. }
  118. .icon-arrow-down-2:before {
  119.   content: "\e00b";
  120. }
  121. .icon-arrow-left-2:before {
  122.   content: "\e00c";
  123. }
  124. .icon-arrow-up-3:before {
  125.   content: "\e00f";
  126. }
  127. .icon-arrow-right-3:before {
  128.   content: "\e010";
  129. }
  130. .icon-arrow-down-3:before {
  131.   content: "\e011";
  132. }
  133. .icon-arrow-left-3:before {
  134.   content: "\e012";
  135. }
  136. .icon-menu-2:before {
  137.   content: "\e00e";
  138. }
  139. .icon-arrow-up-4:before {
  140.   content: "\e201";
  141. }
  142. .icon-arrow-right-4:before {
  143.   content: "\e202";
  144. }
  145. .icon-arrow-down-4:before {
  146.   content: "\e203";
  147. }
  148. .icon-arrow-left-4:before {
  149.   content: "\e204";
  150. }
  151. .icon-share:before,
  152. .icon-redo:before {
  153.   content: "\27";
  154. }
  155. .icon-undo:before {
  156.   content: "\28";
  157. }
  158. .icon-forward-2:before {
  159.   content: "\e205";
  160. }
  161. .icon-backward-2:before,
  162. .icon-reply:before {
  163.   content: "\e206";
  164. }
  165. .icon-unblock:before,
  166. .icon-refresh:before,
  167. .icon-redo-2:before {
  168.   content: "\6c";
  169. }
  170. .icon-undo-2:before {
  171.   content: "\e207";
  172. }
  173. .icon-move:before {
  174.   content: "\7a";
  175. }
  176. .icon-expand:before {
  177.   content: "\66";
  178. }
  179. .icon-contract:before {
  180.   content: "\67";
  181. }
  182. .icon-expand-2:before {
  183.   content: "\68";
  184. }
  185. .icon-contract-2:before {
  186.   content: "\69";
  187. }
  188. .icon-play:before {
  189.   content: "\e208";
  190. }
  191. .icon-pause:before {
  192.   content: "\e209";
  193. }
  194. .icon-stop:before {
  195.   content: "\e210";
  196. }
  197. .icon-previous:before,
  198. .icon-backward:before {
  199.   content: "\7c";
  200. }
  201. .icon-next:before,
  202. .icon-forward:before {
  203.   content: "\7b";
  204. }
  205. .icon-first:before {
  206.   content: "\7d";
  207. }
  208. .icon-last:before {
  209.   content: "\e000";
  210. }
  211. .icon-play-circle:before {
  212.   content: "\e00d";
  213. }
  214. .icon-pause-circle:before {
  215.   content: "\e211";
  216. }
  217. .icon-stop-circle:before {
  218.   content: "\e212";
  219. }
  220. .icon-backward-circle:before {
  221.   content: "\e213";
  222. }
  223. .icon-forward-circle:before {
  224.   content: "\e214";
  225. }
  226. .icon-loop:before {
  227.   content: "\e001";
  228. }
  229. .icon-shuffle:before {
  230.   content: "\e002";
  231. }
  232. .icon-search:before {
  233.   content: "\53";
  234. }
  235. .icon-zoom-in:before {
  236.   content: "\64";
  237. }
  238. .icon-zoom-out:before {
  239.   content: "\65";
  240. }
  241. .icon-apply:before,
  242. .icon-edit:before,
  243. .icon-pencil:before {
  244.   content: "\2b";
  245. }
  246. .icon-pencil-2:before {
  247.   content: "\2c";
  248. }
  249. .icon-brush:before {
  250.   content: "\3b";
  251. }
  252. .icon-save-new:before,
  253. .icon-plus-2:before {
  254.   content: "\5d";
  255. }
  256. .icon-ban-circle:before,
  257. .icon-minus-sign:before,
  258. .icon-minus-2:before {
  259.   content: "\5e";
  260. }
  261. .icon-delete:before,
  262. .icon-remove:before,
  263. .icon-cancel-2:before {
  264.   content: "\49";
  265. }
  266. .icon-publish:before,
  267. .icon-save:before,
  268. .icon-ok:before,
  269. .icon-checkmark:before {
  270.   content: "\47";
  271. }
  272. .icon-new:before,
  273. .icon-plus:before {
  274.   content: "\2a";
  275. }
  276. .icon-plus-circle:before {
  277.   content: "\e215";
  278. }
  279. .icon-minus:before,
  280. .icon-not-ok:before {
  281.   content: "\4b";
  282. }
  283. .icon-minus-circle:before {
  284.   content: "\e216";
  285. }
  286. .icon-unpublish:before,
  287. .icon-cancel:before {
  288.   content: "\4a";
  289. }
  290. .icon-cancel-circle:before {
  291.   content: "\e217";
  292. }
  293. .icon-checkmark-2:before {
  294.   content: "\e218";
  295. }
  296. .icon-checkmark-circle:before {
  297.   content: "\e219";
  298. }
  299. .icon-info:before {
  300.   content: "\e220";
  301. }
  302. .icon-info-2:before,
  303. .icon-info-circle:before {
  304.   content: "\e221";
  305. }
  306. .icon-question:before,
  307. .icon-question-sign:before,
  308. .icon-help:before {
  309.   content: "\45";
  310. }
  311. .icon-question-2:before,
  312. .icon-question-circle:before {
  313.   content: "\e222";
  314. }
  315. .icon-notification:before {
  316.   content: "\e223";
  317. }
  318. .icon-notification-2:before,
  319. .icon-notification-circle:before {
  320.   content: "\e224";
  321. }
  322. .icon-pending:before,
  323. .icon-warning:before {
  324.   content: "\48";
  325. }
  326. .icon-warning-2:before,
  327. .icon-warning-circle:before {
  328.   content: "\e225";
  329. }
  330. .icon-checkbox-unchecked:before {
  331.   content: "\3d";
  332. }
  333. .icon-checkin:before,
  334. .icon-checkbox:before,
  335. .icon-checkbox-checked:before {
  336.   content: "\3e";
  337. }
  338. .icon-checkbox-partial:before {
  339.   content: "\3f";
  340. }
  341. .icon-square:before {
  342.   content: "\e226";
  343. }
  344. .icon-radio-unchecked:before {
  345.   content: "\e227";
  346. }
  347. .icon-radio-checked:before,
  348. .icon-generic:before {
  349.   content: "\e228";
  350. }
  351. .icon-circle:before {
  352.   content: "\e229";
  353. }
  354. .icon-signup:before {
  355.   content: "\e230";
  356. }
  357. .icon-grid:before,
  358. .icon-grid-view:before {
  359.   content: "\58";
  360. }
  361. .icon-grid-2:before,
  362. .icon-grid-view-2:before {
  363.   content: "\59";
  364. }
  365. .icon-menu:before {
  366.   content: "\5a";
  367. }
  368. .icon-list:before,
  369. .icon-list-view:before {
  370.   content: "\31";
  371. }
  372. .icon-list-2:before {
  373.   content: "\e231";
  374. }
  375. .icon-menu-3:before {
  376.   content: "\e232";
  377. }
  378. .icon-folder-open:before,
  379. .icon-folder:before {
  380.   content: "\2d";
  381. }
  382. .icon-folder-close:before,
  383. .icon-folder-2:before {
  384.   content: "\2e";
  385. }
  386. .icon-folder-plus:before {
  387.   content: "\e234";
  388. }
  389. .icon-folder-minus:before {
  390.   content: "\e235";
  391. }
  392. .icon-folder-3:before {
  393.   content: "\e236";
  394. }
  395. .icon-folder-plus-2:before {
  396.   content: "\e237";
  397. }
  398. .icon-folder-remove:before {
  399.   content: "\e238";
  400. }
  401. .icon-file:before {
  402.   content: "\e016";
  403. }
  404. .icon-file-2:before {
  405.   content: "\e239";
  406. }
  407. .icon-file-add:before,
  408. .icon-file-plus:before {
  409.   content: "\29";
  410. }
  411. .icon-file-remove:before,
  412. .icon-file-minus:before {
  413.   content: "\e017";
  414. }
  415. .icon-file-check:before {
  416.   content: "\e240";
  417. }
  418. .icon-file-remove:before {
  419.   content: "\e241";
  420. }
  421. .icon-save-copy:before,
  422. .icon-copy:before {
  423.   content: "\e018";
  424. }
  425. .icon-stack:before {
  426.   content: "\e242";
  427. }
  428. .icon-tree:before {
  429.   content: "\e243";
  430. }
  431. .icon-tree-2:before {
  432.   content: "\e244";
  433. }
  434. .icon-paragraph-left:before {
  435.   content: "\e246";
  436. }
  437. .icon-paragraph-center:before {
  438.   content: "\e247";
  439. }
  440. .icon-paragraph-right:before {
  441.   content: "\e248";
  442. }
  443. .icon-paragraph-justify:before {
  444.   content: "\e249";
  445. }
  446. .icon-screen:before {
  447.   content: "\e01c";
  448. }
  449. .icon-tablet:before {
  450.   content: "\e01d";
  451. }
  452. .icon-mobile:before {
  453.   content: "\e01e";
  454. }
  455. .icon-box-add:before {
  456.   content: "\51";
  457. }
  458. .icon-box-remove:before {
  459.   content: "\52";
  460. }
  461. .icon-download:before {
  462.   content: "\e021";
  463. }
  464. .icon-upload:before {
  465.   content: "\e022";
  466. }
  467. .icon-home:before {
  468.   content: "\21";
  469. }
  470. .icon-home-2:before {
  471.   content: "\e250";
  472. }
  473. .icon-out-2:before,
  474. .icon-new-tab:before {
  475.   content: "\e024";
  476. }
  477. .icon-out-3:before,
  478. .icon-new-tab-2:before {
  479.   content: "\e251";
  480. }
  481. .icon-link:before {
  482.   content: "\e252";
  483. }
  484. .icon-picture:before,
  485. .icon-image:before {
  486.   content: "\2f";
  487. }
  488. .icon-pictures:before,
  489. .icon-images:before {
  490.   content: "\30";
  491. }
  492. .icon-palette:before,
  493. .icon-color-palette:before {
  494.   content: "\e014";
  495. }
  496. .icon-camera:before {
  497.   content: "\55";
  498. }
  499. .icon-camera-2:before,
  500. .icon-video:before {
  501.   content: "\e015";
  502. }
  503. .icon-play-2:before,
  504. .icon-video-2:before,
  505. .icon-youtube:before {
  506.   content: "\56";
  507. }
  508. .icon-music:before {
  509.   content: "\57";
  510. }
  511. .icon-user:before {
  512.   content: "\22";
  513. }
  514. .icon-users:before {
  515.   content: "\e01f";
  516. }
  517. .icon-vcard:before {
  518.   content: "\6d";
  519. }
  520. .icon-address:before {
  521.   content: "\70";
  522. }
  523. .icon-share-alt:before,
  524. .icon-out:before {
  525.   content: "\26";
  526. }
  527. .icon-enter:before {
  528.   content: "\e257";
  529. }
  530. .icon-exit:before {
  531.   content: "\e258";
  532. }
  533. .icon-comment:before,
  534. .icon-comments:before {
  535.   content: "\24";
  536. }
  537. .icon-comments-2:before {
  538.   content: "\25";
  539. }
  540. .icon-quote:before,
  541. .icon-quotes-left:before {
  542.   content: "\60";
  543. }
  544. .icon-quote-2:before,
  545. .icon-quotes-right:before {
  546.   content: "\61";
  547. }
  548. .icon-quote-3:before,
  549. .icon-bubble-quote:before {
  550.   content: "\e259";
  551. }
  552. .icon-phone:before {
  553.   content: "\e260";
  554. }
  555. .icon-phone-2:before {
  556.   content: "\e261";
  557. }
  558. .icon-envelope:before,
  559. .icon-mail:before {
  560.   content: "\4d";
  561. }
  562. .icon-envelope-opened:before,
  563. .icon-mail-2:before {
  564.   content: "\4e";
  565. }
  566. .icon-unarchive:before,
  567. .icon-drawer:before {
  568.   content: "\4f";
  569. }
  570. .icon-archive:before,
  571. .icon-drawer-2:before {
  572.   content: "\50";
  573. }
  574. .icon-briefcase:before {
  575.   content: "\e020";
  576. }
  577. .icon-tag:before {
  578.   content: "\e262";
  579. }
  580. .icon-tag-2:before {
  581.   content: "\e263";
  582. }
  583. .icon-tags:before {
  584.   content: "\e264";
  585. }
  586. .icon-tags-2:before {
  587.   content: "\e265";
  588. }
  589. .icon-options:before,
  590. .icon-cog:before {
  591.   content: "\38";
  592. }
  593. .icon-cogs:before {
  594.   content: "\37";
  595. }
  596. .icon-screwdriver:before,
  597. .icon-tools:before {
  598.   content: "\36";
  599. }
  600. .icon-wrench:before {
  601.   content: "\3a";
  602. }
  603. .icon-equalizer:before {
  604.   content: "\39";
  605. }
  606. .icon-dashboard:before {
  607.   content: "\78";
  608. }
  609. .icon-switch:before {
  610.   content: "\e266";
  611. }
  612. .icon-filter:before {
  613.   content: "\54";
  614. }
  615. .icon-purge:before,
  616. .icon-trash:before {
  617.   content: "\4c";
  618. }
  619. .icon-checkedout:before,
  620. .icon-lock:before,
  621. .icon-locked:before {
  622.   content: "\23";
  623. }
  624. .icon-unlock:before {
  625.   content: "\e267";
  626. }
  627. .icon-key:before {
  628.   content: "\5f";
  629. }
  630. .icon-support:before {
  631.   content: "\46";
  632. }
  633. .icon-database:before {
  634.   content: "\62";
  635. }
  636. .icon-scissors:before {
  637.   content: "\e268";
  638. }
  639. .icon-health:before {
  640.   content: "\6a";
  641. }
  642. .icon-wand:before {
  643.   content: "\6b";
  644. }
  645. .icon-eye-open:before,
  646. .icon-eye:before {
  647.   content: "\3c";
  648. }
  649. .icon-eye-close:before,
  650. .icon-eye-blocked:before,
  651. .icon-eye-2:before {
  652.   content: "\e269";
  653. }
  654. .icon-clock:before {
  655.   content: "\6e";
  656. }
  657. .icon-compass:before {
  658.   content: "\6f";
  659. }
  660. .icon-broadcast:before,
  661. .icon-connection:before,
  662. .icon-wifi:before {
  663.   content: "\e01b";
  664. }
  665. .icon-book:before {
  666.   content: "\e271";
  667. }
  668. .icon-lightning:before,
  669. .icon-flash:before {
  670.   content: "\79";
  671. }
  672. .icon-print:before,
  673. .icon-printer:before {
  674.   content: "\e013";
  675. }
  676. .icon-feed:before {
  677.   content: "\71";
  678. }
  679. .icon-calendar:before {
  680.   content: "\43";
  681. }
  682. .icon-calendar-2:before {
  683.   content: "\44";
  684. }
  685. .icon-calendar-3:before {
  686.   content: "\e273";
  687. }
  688. .icon-pie:before {
  689.   content: "\77";
  690. }
  691. .icon-bars:before {
  692.   content: "\76";
  693. }
  694. .icon-chart:before {
  695.   content: "\75";
  696. }
  697. .icon-power-cord:before {
  698.   content: "\32";
  699. }
  700. .icon-cube:before {
  701.   content: "\33";
  702. }
  703. .icon-puzzle:before {
  704.   content: "\34";
  705. }
  706. .icon-attachment:before,
  707. .icon-paperclip:before,
  708. .icon-flag-2:before {
  709.   content: "\72";
  710. }
  711. .icon-lamp:before {
  712.   content: "\74";
  713. }
  714. .icon-pin:before,
  715. .icon-pushpin:before {
  716.   content: "\73";
  717. }
  718. .icon-location:before {
  719.   content: "\63";
  720. }
  721. .icon-shield:before {
  722.   content: "\e274";
  723. }
  724. .icon-flag:before {
  725.   content: "\35";
  726. }
  727. .icon-flag-3:before {
  728.   content: "\e275";
  729. }
  730. .icon-bookmark:before {
  731.   content: "\e023";
  732. }
  733. .icon-bookmark-2:before {
  734.   content: "\e276";
  735. }
  736. .icon-heart:before {
  737.   content: "\e277";
  738. }
  739. .icon-heart-2:before {
  740.   content: "\e278";
  741. }
  742. .icon-thumbs-up:before {
  743.   content: "\5b";
  744. }
  745. .icon-thumbs-down:before {
  746.   content: "\5c";
  747. }
  748. .icon-unfeatured:before,
  749. .icon-asterisk:before,
  750. .icon-star-empty:before {
  751.   content: "\40";
  752. }
  753. .icon-star-2:before {
  754.   content: "\41";
  755. }
  756. .icon-featured:before,
  757. .icon-default:before,
  758. .icon-star:before {
  759.   content: "\42";
  760. }
  761. .icon-smiley:before,
  762. .icon-smiley-happy:before {
  763.   content: "\e279";
  764. }
  765. .icon-smiley-2:before,
  766. .icon-smiley-happy-2:before {
  767.   content: "\e280";
  768. }
  769. .icon-smiley-sad:before {
  770.   content: "\e281";
  771. }
  772. .icon-smiley-sad-2:before {
  773.   content: "\e282";
  774. }
  775. .icon-smiley-neutral:before {
  776.   content: "\e283";
  777. }
  778. .icon-smiley-neutral-2:before {
  779.   content: "\e284";
  780. }
  781. .icon-cart:before {
  782.   content: "\e019";
  783. }
  784. .icon-basket:before {
  785.   content: "\e01a";
  786. }
  787. .icon-credit:before {
  788.   content: "\e286";
  789. }
  790. .icon-credit-2:before {
  791.   content: "\e287";
  792. }
  793. .icon-expired:before {
  794.   content: "\4b";
  795. }
  796. .sp-megamenu-parent {
  797.   list-style: none;
  798.   padding: 0;
  799.   margin: 0;
  800.   z-index: 99;
  801.   display: block;
  802.   float: right;
  803.   position: relative;
  804. }
  805. .sp-megamenu-parent >li {
  806.   display: inline-block;
  807.   position: relative;
  808.   padding: 0;
  809. }
  810. .sp-megamenu-parent >li.menu-justify {
  811.   position: static;
  812. }
  813. .sp-megamenu-parent >li >a {
  814.   display: inline-block;
  815.   padding: 0 15px;
  816.   line-height: 90px;
  817.   font-size: 12px;
  818.   text-transform: uppercase;
  819.   letter-spacing: 1px;
  820.   color: #000;
  821. }
  822. .sp-megamenu-parent >li.sp-has-child>a:after {
  823.   font-family: "FontAwesome";
  824.   content: " \f107";
  825. }
  826. .sp-megamenu-parent .sp-module {
  827.   padding: 10px;
  828. }
  829. .sp-megamenu-parent .sp-mega-group {
  830.   list-style: none;
  831.   padding: 0;
  832.   margin: 0;
  833. }
  834. .sp-megamenu-parent .sp-mega-group .sp-mega-group-child {
  835.   list-style: none;
  836.   padding: 0;
  837.   margin: 0;
  838. }
  839. .sp-megamenu-parent .sp-dropdown {
  840.   margin: 0;
  841.   position: absolute;
  842.   z-index: 10;
  843.   display: none;
  844. }
  845. .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  846.   background: #ffffff;
  847.   box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
  848.   padding: 20px;
  849. }
  850. .sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
  851.   list-style: none;
  852.   padding: 0;
  853.   margin: 0;
  854. }
  855. .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child>a:after {
  856.   font-family: "FontAwesome";
  857.   content: " \f105";
  858.   float: right;
  859. }
  860. .sp-megamenu-parent .sp-dropdown.sp-menu-center {
  861.   margin-left: 45px;
  862. }
  863. .sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
  864.   top: 100%;
  865. }
  866. .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {
  867.   left: 0;
  868. }
  869. .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {
  870.   left: auto;
  871.   right: 0;
  872. }
  873. .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-left {
  874.   right: 0;
  875. }
  876. .sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {
  877.   top: 0;
  878.   left: 100%;
  879. }
  880. .sp-megamenu-parent .sp-dropdown.sp-dropdown-sub .sp-dropdown-inner {
  881.   box-shadow: 0 0 5px rgba(0,0,0,0.2);
  882. }
  883. .sp-megamenu-parent .sp-dropdown li.sp-menu-item {
  884.   display: block;
  885.   padding: 0;
  886.   position: relative;
  887. }
  888. .sp-megamenu-parent .sp-dropdown li.sp-menu-item >a {
  889.   display: block;
  890.   padding: 10px;
  891.   color: #141414;
  892.   cursor: pointer;
  893. }
  894. .sp-megamenu-parent .sp-dropdown li.sp-menu-item >a.sp-group-title {
  895.   text-transform: uppercase;
  896.   font-weight: bold;
  897. }
  898. .sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover {
  899.   color: #fff;
  900. }
  901. .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a:hover {
  902.   color: #fff;
  903. }
  904. .sp-megamenu-parent .sp-dropdown-mega >.row {
  905.   margin-top: 30px;
  906. }
  907. .sp-megamenu-parent .sp-dropdown-mega >.row:first-child {
  908.   margin-top: 0;
  909. }
  910. .sp-megamenu-parent .sp-has-child:hover >.sp-dropdown {
  911.   display: block;
  912. }
  913. .sp-megamenu-parent.menu-fade .sp-has-child:hover >.sp-dropdown {
  914.   -webkit-animation: spMenuFadeIn 400ms;
  915.   animation: spMenuFadeIn 400ms;
  916. }
  917. .sp-megamenu-parent.menu-zoom .sp-has-child:hover >.sp-dropdown {
  918.   -webkit-animation: spMenuZoom 400ms;
  919.   animation: spMenuZoom 400ms;
  920. }
  921. #offcanvas-toggler {
  922.   float: right;
  923.   line-height: 87px;
  924.   margin-left: 15px;
  925.   font-size: 20px;
  926. }
  927. #offcanvas-toggler >i {
  928.   -webkit-transition: color 400ms, background-color 400ms;
  929.   -o-transition: color 400ms, background-color 400ms;
  930.   transition: color 400ms, background-color 400ms;
  931. }
  932. #offcanvas-toggler >i:hover {
  933.   color: #fff;
  934. }
  935. .off-canvas-menu-init {
  936.   overflow-x: hidden;
  937.   position: relative;
  938. }
  939. .offcanvas .offcanvas-overlay {
  940.   visibility: visible;
  941.   opacity: 1;
  942. }
  943. .offcanvas-overlay {
  944.   background: rgba(0,0,0,0.2);
  945.   bottom: 0;
  946.   left: 0;
  947.   opacity: 0;
  948.   position: absolute;
  949.   right: 0;
  950.   top: 0;
  951.   z-index: 9999;
  952.   visibility: hidden;
  953.   -webkit-transition: .5s;
  954.   transition: .5s;
  955. }
  956. .body-wrapper {
  957.   position: relative;
  958.   -webkit-transition: .5s;
  959.   transition: .5s;
  960.   right: 0;
  961.   backface-visibility: hidden;
  962. }
  963. .close-offcanvas {
  964.   position: absolute;
  965.   top: 15px;
  966.   right: 15px;
  967.   z-index: 1;
  968.   border-radius: 100%;
  969.   width: 25px;
  970.   height: 25px;
  971.   line-height: .5;
  972.   text-align: center;
  973.   font-size: 16px;
  974.   border: 1px solid #fff;
  975.   color: #fff;
  976.   padding-top: 3px;
  977. }
  978. .offcanvas-menu {
  979.   width: 320px;
  980.   height: 100%;
  981.   background-color: rgba(0,0,0,0.7);
  982.   color: #fff;
  983.   position: fixed;
  984.   top: 0;
  985.   right: 0;
  986.   -webkit-transform: translateX(320px);
  987.   transform: translateX(320px);
  988.   visibility: hidden;
  989.   overflow: inherit;
  990.   -webkit-transition: .5s;
  991.   transition: .5s;
  992.   z-index: 10000;
  993. }
  994. .offcanvas-menu .offcanvas-inner .sp-module {
  995.   margin-top: 20px;
  996.   border-bottom: 1px solid rgba(0,0,0,0.08);
  997.   margin-bottom: 50px;
  998. }
  999. .offcanvas-menu .offcanvas-inner .sp-module:after {
  1000.   display: none;
  1001. }
  1002. .offcanvas-menu .offcanvas-inner .sp-module:last-child {
  1003.   border-bottom: none;
  1004.   margin-bottom: 0;
  1005. }
  1006. .offcanvas-menu .offcanvas-inner .sp-module.off-canvas-menu {
  1007.   padding: 0;
  1008. }
  1009. .offcanvas-menu .offcanvas-inner .sp-module .sp-module-title {
  1010.   font-size: 16px;
  1011.   line-height: 1;
  1012.   text-transform: uppercase;
  1013. }
  1014. .offcanvas-menu .offcanvas-inner .sp-module ul > li {
  1015.   border: 0;
  1016.   position: relative;
  1017.   border-bottom: 1px solid rgba(0,0,0,0.1);
  1018.   overflow: hidden;
  1019. }
  1020. .offcanvas-menu .offcanvas-inner .sp-module ul > li a {
  1021.   -webkit-transition: 300ms;
  1022.   -o-transition: 300ms;
  1023.   transition: 300ms;
  1024.   padding: 10px 20px;
  1025.   font-size: 14px;
  1026.   text-transform: uppercase;
  1027.   color: #fff;
  1028.   font-weight: 500;
  1029.   line-height: 28px;
  1030. }
  1031. .offcanvas-menu .offcanvas-inner .sp-module ul > li:hover a,
  1032. .offcanvas-menu .offcanvas-inner .sp-module ul > li:focus a {
  1033.   background: rgba(0,0,0,0.15);
  1034. }
  1035. .offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover,
  1036. .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus {
  1037.   background: rgba(0,0,0,0.15);
  1038. }
  1039. .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li.active > a,
  1040. .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:hover > a,
  1041. .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:focus > a {
  1042.   background: rgba(0,0,0,0.15) !important;
  1043. }
  1044. .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a:hover,
  1045. .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a:focus {
  1046.   background: rgba(0,0,0,0.15) !important;
  1047. }
  1048. .offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler {
  1049.   display: inline-block;
  1050.   position: absolute;
  1051.   top: 0;
  1052.   right: 0;
  1053.   padding: 13px 20px;
  1054.   cursor: pointer;
  1055. }
  1056. .offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler .open-icon {
  1057.   display: none;
  1058. }
  1059. .offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler .close-icon {
  1060.   display: inline;
  1061. }
  1062. .offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler.collapsed .open-icon {
  1063.   display: inline;
  1064. }
  1065. .offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler.collapsed .close-icon {
  1066.   display: none;
  1067. }
  1068. .offcanvas-menu .offcanvas-inner .sp-module ul > li >a:after {
  1069.   display: none;
  1070. }
  1071. .offcanvas-menu .offcanvas-inner .sp-module ul > li ul {
  1072.   background: rgba(0,0,0,0.02);
  1073. }
  1074. .offcanvas-menu .offcanvas-inner .sp-module ul > li ul >li > a {
  1075.   padding-left: 30px;
  1076. }
  1077. .offcanvas-menu .offcanvas-inner .sp-module:first-child {
  1078.   margin-top: 0;
  1079.   padding: 30px;
  1080. }
  1081. .offcanvas-menu .offcanvas-inner .search {
  1082.   margin-top: 25px;
  1083. }
  1084. .offcanvas-menu .offcanvas-inner .search input {
  1085.   width: 100%;
  1086.   background: transparent;
  1087.   border-color: #5f5f5f;
  1088.   color: #fff;
  1089. }
  1090. .offcanvas {
  1091.   width: 100%;
  1092.   height: 100%;
  1093.   position: relative;
  1094.   -webkit-transition: .5s;
  1095.   -o-transition: .5s;
  1096.   transition: .5s;
  1097. }
  1098. .offcanvas .body-wrapper {
  1099.   right: 0;
  1100.   -webkit-transform: translateX(-320px);
  1101.   transform: translateX(-320px);
  1102. }
  1103. .offcanvas .body-wrapper:after {
  1104.   width: 100%;
  1105.   height: 100%;
  1106.   right: 0;
  1107. }
  1108. .offcanvas .offcanvas-menu {
  1109.   visibility: visible;
  1110.   z-index: 9999;
  1111.   right: 0;
  1112.   -webkit-transform: translateX(0);
  1113.   transform: translateX(0);
  1114. }
  1115. .offcanvas .offcanvas-menu ul.nav-child li {
  1116.   padding-left: 10px;
  1117. }
  1118. .menu .nav-child.small {
  1119.   font-size: inherit;
  1120. }
  1121. .sp-megamenu-parent.menu-fade-up .sp-has-child:hover >.sp-dropdown {
  1122.   -webkit-animation: spMenuFadeInUp 400ms;
  1123.   animation: spMenuFadeInUp 400ms;
  1124. }
  1125. .sp-megamenu-parent.menu-rotate .sp-has-child:hover >.sp-dropdown {
  1126.   opacity: 1;
  1127.   -webkit-transform: rotateX(0deg);
  1128.   transform: rotateX(0deg);
  1129.   visibility: visible;
  1130. }
  1131. .sp-megamenu-parent.menu-slide-down .sp-has-child:hover >.sp-dropdown {
  1132.   opacity: 1;
  1133.   visibility: visible;
  1134.   top: 90px;
  1135. }
  1136. .sp-megamenu-parent.menu-slide-down .sp-has-child:hover >.sp-dropdown .sp-dropdown {
  1137.   top: 0;
  1138. }
  1139. .menu-slide-down .sp-has-child >.sp-dropdown {
  1140.   top: 60px;
  1141.   opacity: 0;
  1142.   visibility: hidden;
  1143.   display: block;
  1144.   transition: all 500ms ease;
  1145. }
  1146. .menu-slide-down .sp-has-child >.sp-dropdown.sp-dropdown-mega {
  1147.   left: auto;
  1148.   right: 0;
  1149. }
  1150. .menu-rotate .sp-has-child {
  1151.   -webkit-perspective: 1000px;
  1152.   perspective: 1000px;
  1153. }
  1154. .menu-rotate .sp-has-child >.sp-dropdown {
  1155.   -webkit-transform-origin: top center;
  1156.   transform-origin: top center;
  1157.   -webkit-transform: rotateX(-70deg);
  1158.   transform: rotateX(-70deg);
  1159.   -webkit-transition: transform 0.4s ease 0s, opacity 0.2s ease 0s, visibility 0.2s ease 0s;
  1160.   transition: transform 0.4s ease 0s, opacity 0.2s ease 0s, visibility 0.2s ease 0s;
  1161.   opacity: 0;
  1162.   visibility: hidden;
  1163.   display: block;
  1164. }
  1165. .menu-rotate .sp-has-child >.sp-dropdown.sp-dropdown-mega {
  1166.   left: auto;
  1167.   right: 0;
  1168. }
  1169. .menu-drop-in .sp-has-child .sp-dropdown-inner {
  1170.   background: transparent none repeat scroll 0 0;
  1171.   box-shadow: none;
  1172.   padding: 0;
  1173. }
  1174. .menu-drop-in .sp-has-child .sp-dropdown-items {
  1175.   margin: 0;
  1176.   padding: 0;
  1177.   perspective: 1000px;
  1178. }
  1179. .menu-drop-in .sp-has-child .sp-menu-item {
  1180.   -webkit-transform: translate(0,100px);
  1181.   transform: translate(0,100px);
  1182.   opacity: 0;
  1183.   padding: 0 20px !important;
  1184.   background-color: #ffffff;
  1185. }
  1186. .menu-drop-in .sp-has-child .sp-menu-item:first-child {
  1187.   padding-top: 20px !important;
  1188. }
  1189. .menu-drop-in .sp-has-child .sp-menu-item:last-child {
  1190.   padding-bottom: 20px !important;
  1191. }
  1192. .menu-drop-in .sp-has-child:hover .sp-menu-item {
  1193.   -webkit-animation-timing-function: ease-in-out;
  1194.   animation-timing-function: ease-in-out;
  1195.   -webkit-animation-fill-mode: forwards;
  1196.   animation-fill-mode: forwards;
  1197.   -webkit-animation-name: dropup;
  1198.   animation-name: dropup;
  1199. }
  1200. .menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(1) {
  1201.   -webkit-animation-duration: 0.3s;
  1202.   animation-duration: 0.3s;
  1203. }
  1204. .menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(2) {
  1205.   -webkit-animation-duration: 0.4s;
  1206.   animation-duration: 0.4s;
  1207. }
  1208. .menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(3) {
  1209.   -webkit-animation-duration: 0.5s;
  1210.   animation-duration: 0.5s;
  1211. }
  1212. .menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(4) {
  1213.   -webkit-animation-duration: 0.6s;
  1214.   animation-duration: 0.6s;
  1215. }
  1216. .menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(5) {
  1217.   -webkit-animation-duration: 0.7s;
  1218.   animation-duration: 0.7s;
  1219. }
  1220. .menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(6) {
  1221.   -webkit-animation-duration: 0.8s;
  1222.   animation-duration: 0.8s;
  1223. }
  1224. .menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(7) {
  1225.   -webkit-animation-duration: 0.9s;
  1226.   animation-duration: 0.9s;
  1227. }
  1228. .menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(8) {
  1229.   -webkit-animation-duration: 1s;
  1230.   animation-duration: 1s;
  1231. }
  1232. .menu-drop-in .sp-has-child:hover .sp-menu-item:last-child {
  1233.   box-shadow: 0 3px 3px -2px rgba(0,0,0,0.2);
  1234. }
  1235. .menu-drop-in .sp-has-child.menu-justify:hover .sp-dropdown {
  1236.   -webkit-animation: spMenuFadeInUp 500ms;
  1237.   animation: spMenuFadeInUp 500ms;
  1238. }
  1239. .menu-drop-in .sp-has-child.menu-justify .sp-dropdown-inner {
  1240.   background: #fff none repeat scroll 0 0;
  1241.   box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
  1242.   padding: 20px !important;
  1243. }
  1244. .menu-drop-in .sp-has-child.menu-justify .sp-mega-group .sp-menu-item {
  1245.   padding: 0 !important;
  1246.   -webkit-animation-direction: normal;
  1247.   animation-direction: normal;
  1248.   -webkit-animation-fill-mode: none;
  1249.   animation-fill-mode: none;
  1250.   -webkit-animation-iteration-count: 0;
  1251.   animation-iteration-count: 0;
  1252.   -webkit-animation-name: none;
  1253.   animation-name: none;
  1254.   -webkit-animation-timing-function: ease;
  1255.   animation-timing-function: ease;
  1256.   opacity: 1;
  1257.   -webkit-transform: none;
  1258.   transform: none;
  1259. }
  1260. .menu-drop-in .sp-has-child.menu-justify .sp-mega-group .sp-menu-item:last-child {
  1261.   box-shadow: none;
  1262. }
  1263. @keyframes dropup {
  1264.   0% {
  1265.     opacity: 0;
  1266.     transform: translate(0,100px);
  1267.   }
  1268.   100% {
  1269.     opacity: 1;
  1270.     transform: translate(0,0);
  1271.   }
  1272. }
  1273. @-webkit-keyframes dropup {
  1274.   0% {
  1275.     opacity: 0;
  1276.     transform: translate(0,100px);
  1277.   }
  1278.   100% {
  1279.     opacity: 1;
  1280.     transform: translate(0,0);
  1281.   }
  1282. }
  1283. .menu-twist .sp-has-child .sp-dropdown-inner {
  1284.   background: transparent none repeat scroll 0 0;
  1285.   box-shadow: none;
  1286.   padding: 0;
  1287. }
  1288. .menu-twist .sp-has-child .sp-dropdown-items {
  1289.   margin: 0;
  1290.   padding: 0;
  1291. }
  1292. .menu-twist .sp-has-child .sp-menu-item {
  1293.   -webkit-transform: rotateY(90deg);
  1294.   transform: rotateY(90deg);
  1295.   padding: 0 20px !important;
  1296.   background: #fff;
  1297. }
  1298. .menu-twist .sp-has-child .sp-menu-item:first-child {
  1299.   padding-top: 20px !important;
  1300. }
  1301. .menu-twist .sp-has-child .sp-menu-item:last-child {
  1302.   padding-bottom: 20px !important;
  1303. }
  1304. .menu-twist .sp-has-child:hover .sp-menu-item {
  1305.   -webkit-animation-direction: normal;
  1306.   animation-direction: normal;
  1307.   -webkit-animation-iteration-count: 1;
  1308.   animation-iteration-count: 1;
  1309.   -webkit-animation-timing-function: ease-in-out;
  1310.   animation-timing-function: ease-in-out;
  1311.   -webkit-animation-fill-mode: forwards;
  1312.   animation-fill-mode: forwards;
  1313.   -webkit-animation-name: twist;
  1314.   animation-name: twist;
  1315. }
  1316. .menu-twist .sp-has-child:hover .sp-menu-item:nth-child(1) {
  1317.   -webkit-animation-duration: 0.4s;
  1318.   animation-duration: 0.4s;
  1319. }
  1320. .menu-twist .sp-has-child:hover .sp-menu-item:nth-child(2) {
  1321.   -webkit-animation-duration: 0.5s;
  1322.   animation-duration: 0.5s;
  1323. }
  1324. .menu-twist .sp-has-child:hover .sp-menu-item:nth-child(3) {
  1325.   -webkit-animation-duration: 0.6s;
  1326.   animation-duration: 0.6s;
  1327. }
  1328. .menu-twist .sp-has-child:hover .sp-menu-item:nth-child(4) {
  1329.   -webkit-animation-duration: 0.7s;
  1330.   animation-duration: 0.7s;
  1331. }
  1332. .menu-twist .sp-has-child:hover .sp-menu-item:nth-child(5) {
  1333.   -webkit-animation-duration: 0.8s;
  1334.   animation-duration: 0.8s;
  1335. }
  1336. .menu-twist .sp-has-child:hover .sp-menu-item:nth-child(6) {
  1337.   -webkit-animation-duration: 0.9s;
  1338.   animation-duration: 0.9s;
  1339. }
  1340. .menu-twist .sp-has-child:hover .sp-menu-item:nth-child(7) {
  1341.   -webkit-animation-duration: 1s;
  1342.   animation-duration: 1s;
  1343. }
  1344. .menu-twist .sp-has-child:hover .sp-menu-item:nth-child(8) {
  1345.   -webkit-animation-duration: 1.1s;
  1346.   animation-duration: 1.1s;
  1347. }
  1348. .menu-twist .sp-has-child:hover .sp-menu-item:last-child {
  1349.   box-shadow: 0 3px 3px -2px rgba(0,0,0,0.2);
  1350. }
  1351. .menu-twist .sp-has-child.menu-justify:hover .sp-dropdown {
  1352.   -webkit-animation: spMenuFadeInUp 500ms;
  1353.   animation: spMenuFadeInUp 500ms;
  1354. }
  1355. .menu-twist .sp-has-child.menu-justify .sp-dropdown-inner {
  1356.   background: #fff none repeat scroll 0 0;
  1357.   box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
  1358.   padding: 20px !important;
  1359. }
  1360. .menu-twist .sp-has-child.menu-justify .sp-mega-group .sp-menu-item {
  1361.   padding: 0 !important;
  1362.   -webkit-animation-direction: normal;
  1363.   animation-direction: normal;
  1364.   -webkit-animation-fill-mode: none;
  1365.   animation-fill-mode: none;
  1366.   -webkit-animation-iteration-count: 0;
  1367.   animation-iteration-count: 0;
  1368.   -webkit-animation-name: none;
  1369.   animation-name: none;
  1370.   -webkit-animation-timing-function: ease;
  1371.   animation-timing-function: ease;
  1372.   opacity: 1;
  1373.   -webkit-transform: none;
  1374.   transform: none;
  1375. }
  1376. .menu-twist .sp-has-child.menu-justify .sp-mega-group .sp-menu-item:last-child {
  1377.   box-shadow: none;
  1378. }
  1379. @keyframes twist {
  1380.   0% {
  1381.     opacity: 0;
  1382.     transform: rotateY(90deg);
  1383.   }
  1384.   100% {
  1385.     opacity: 1;
  1386.     transform: rotateY(0);
  1387.   }
  1388. }
  1389. @-webkit-keyframes twist {
  1390.   0% {
  1391.     opacity: 0;
  1392.     -webkit-transform: rotateY(90deg);
  1393.   }
  1394.   100% {
  1395.     opacity: 1;
  1396.     -webkit-transform: rotateY(0);
  1397.   }
  1398. }
  1399. @-webkit-keyframes spMenuFadeIn {
  1400.   0% {
  1401.     opacity: 0;
  1402.   }
  1403.   100% {
  1404.     opacity: 1;
  1405.   }
  1406. }
  1407. @keyframes spMenuFadeIn {
  1408.   0% {
  1409.     opacity: 0;
  1410.   }
  1411.   100% {
  1412.     opacity: 1;
  1413.   }
  1414. }
  1415. @-webkit-keyframes spMenuZoom {
  1416.   0% {
  1417.     opacity: 0;
  1418.     -webkit-transform: scale(.8);
  1419.   }
  1420.   100% {
  1421.     opacity: 1;
  1422.     -webkit-transform: scale(1);
  1423.   }
  1424. }
  1425. @keyframes spMenuZoom {
  1426.   0% {
  1427.     opacity: 0;
  1428.     transform: scale(.8);
  1429.     -webkit-transform: scale(.8);
  1430.   }
  1431.   100% {
  1432.     opacity: 1;
  1433.     transform: scale(1);
  1434.     -webkit-transform: scale(1);
  1435.   }
  1436. }
  1437. @-webkit-keyframes spMenuFadeInUp {
  1438.   0% {
  1439.     opacity: 0;
  1440.     -webkit-transform: translate3d(0,30px,0);
  1441.   }
  1442.   100% {
  1443.     opacity: 1;
  1444.     -webkit-transform: none;
  1445.   }
  1446. }
  1447. @keyframes spMenuFadeInUp {
  1448.   0% {
  1449.     opacity: 0;
  1450.     transform: translate3d(0,30px,0);
  1451.   }
  1452.   100% {
  1453.     opacity: 1;
  1454.     transform: none;
  1455.   }
  1456. }
  1457. .slide-top-menu .offcanvas-menu {
  1458.   -webkit-transform: translateX(0);
  1459.   transform: translateX(0);
  1460. }
  1461. .slide-top-menu .body-wrapper {
  1462.   right: 0;
  1463. }
  1464. .slide-top-menu .offcanvas-overlay {
  1465.   visibility: visible;
  1466.   opacity: 1;
  1467. }
  1468. .slide-top-menu .offcanvas-menu {
  1469.   right: 0;
  1470.   background-color: #000000;
  1471.   visibility: visible;
  1472. }
  1473. .full-screen .offcanvas-menu {
  1474.   right: -100%;
  1475.   width: 100%;
  1476.   transform: translateX(0);
  1477.   background-color: rgba(0,0,0,0.9);
  1478.   transition: all 600ms ease;
  1479. }
  1480. .full-screen .offcanvas-menu .offcanvas-inner {
  1481.   margin: 0 auto;
  1482.   text-align: center;
  1483. }
  1484. .full-screen .offcanvas-menu .offcanvas-inner .sp-module {
  1485.   margin-bottom: 0;
  1486.   margin-top: 80px;
  1487.   padding-bottom: 0;
  1488. }
  1489. .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul {
  1490.   background: transparent;
  1491.   height: auto;
  1492. }
  1493. .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li {
  1494.   overflow: inherit;
  1495. }
  1496. .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a {
  1497.   color: #fff;
  1498.   display: inline-block;
  1499.   font-size: 28px;
  1500.   padding: 20px;
  1501. }
  1502. .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a:before {
  1503.   display: none;
  1504. }
  1505. .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a:hover,
  1506. .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a:focus {
  1507.   background: transparent;
  1508. }
  1509. .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li .offcanvas-menu-toggler {
  1510.   left: auto;
  1511.   right: auto;
  1512.   font-size: 28px;
  1513.   padding: 20px 10px;
  1514. }
  1515. .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li ul li {
  1516.   display: block;
  1517.   padding: 0 20px;
  1518. }
  1519. .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li ul li a {
  1520.   font-size: 16px;
  1521.   padding: 5px 20px;
  1522. }
  1523. .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li ul li .offcanvas-menu-toggler {
  1524.   padding: 6px 10px;
  1525. }
  1526. .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li:hover a,
  1527. .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li:focus a {
  1528.   background: transparent;
  1529. }
  1530. .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul.nav.menu {
  1531.   padding-bottom: 75px;
  1532. }
  1533. .full-screen .offcanvas-menu .offcanvas-inner .sp-module .search {
  1534.   max-width: 300px;
  1535.   margin: 25px auto 0;
  1536. }
  1537. .full-screen .offcanvas-menu .offcanvas-inner .sp-module .sp-module-title {
  1538.   font-size: 28px;
  1539. }
  1540. .full-screen .offcanvas-menu .close-offcanvas {
  1541.   font-size: 20px;
  1542.   height: 35px;
  1543.   line-height: 1;
  1544.   right: 30px;
  1545.   top: 25px;
  1546.   width: 35px;
  1547.   padding-top: 6px;
  1548. }
  1549. .full-screen-off-canvas.ltr .offcanvas-menu {
  1550.   visibility: visible;
  1551.   z-index: 9999;
  1552.   width: 100%;
  1553.   right: 0;
  1554. }
  1555. .full-screen-ftop .offcanvas-menu {
  1556.   right: 0;
  1557.   width: 100%;
  1558.   opacity: 0;
  1559.   -webkit-transform: translateX(0);
  1560.   transform: translateX(0);
  1561.   background-color: rgba(0,0,0,0.9);
  1562.   transition: all 500ms ease;
  1563. }
  1564. .full-screen-ftop .offcanvas-menu .offcanvas-inner {
  1565.   margin: 0 auto;
  1566.   text-align: center;
  1567. }
  1568. .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module {
  1569.   margin-bottom: 0;
  1570.   margin-top: 80px;
  1571.   padding-bottom: 0;
  1572. }
  1573. .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul {
  1574.   background: transparent;
  1575.   height: auto;
  1576. }
  1577. .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul >li {
  1578.   opacity: 0;
  1579.   -webkit-transform: translate3d(0px,-80px,0px);
  1580.   transform: translate3d(0px,-80px,0px);
  1581.   -webkit-transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  1582.   transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  1583. }
  1584. .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li {
  1585.   overflow: inherit;
  1586. }
  1587. .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li a {
  1588.   color: #fff;
  1589.   display: inline-block;
  1590.   font-size: 28px;
  1591.   padding: 20px;
  1592. }
  1593. .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li a:before {
  1594.   display: none;
  1595. }
  1596. .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li a:hover,
  1597. .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li a:focus {
  1598.   background: transparent;
  1599. }
  1600. .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li .offcanvas-menu-toggler {
  1601.   left: auto;
  1602.   right: auto;
  1603.   font-size: 28px;
  1604.   padding: 20px 10px;
  1605. }
  1606. .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li ul li {
  1607.   display: block;
  1608.   padding: 0 20px;
  1609. }
  1610. .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li ul li a {
  1611.   font-size: 16px;
  1612.   padding: 5px 20px;
  1613. }
  1614. .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li ul li .offcanvas-menu-toggler {
  1615.   padding: 6px 10px;
  1616. }
  1617. .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li:hover a,
  1618. .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li:focus a {
  1619.   background: transparent;
  1620. }
  1621. .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul.nav.menu {
  1622.   padding-bottom: 75px;
  1623. }
  1624. .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module .search {
  1625.   max-width: 300px;
  1626.   margin: 25px auto 0;
  1627. }
  1628. .full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module .sp-module-title {
  1629.   font-size: 28px;
  1630. }
  1631. .full-screen-ftop .offcanvas-menu .close-offcanvas {
  1632.   font-size: 20px;
  1633.   height: 35px;
  1634.   line-height: 1;
  1635.   right: 30px;
  1636.   top: 25px;
  1637.   width: 35px;
  1638.   padding-top: 6px;
  1639. }
  1640. .full-screen-off-canvas-ftop.ltr .offcanvas-menu {
  1641.   visibility: visible;
  1642.   z-index: 9999;
  1643.   width: 100%;
  1644.   right: 0;
  1645.   opacity: 1;
  1646. }
  1647. .full-screen-off-canvas-ftop.ltr .offcanvas-menu .sp-module {
  1648.   margin-top: 80px;
  1649. }
  1650. .full-screen-off-canvas-ftop.ltr .offcanvas-menu .sp-module ul {
  1651.   background: transparent;
  1652.   height: auto;
  1653. }
  1654. .full-screen-off-canvas-ftop.ltr .offcanvas-menu .sp-module ul >li {
  1655.   opacity: 1;
  1656.   -webkit-transform: translate3d(0px,0px,0px);
  1657.   transform: translate3d(0px,0px,0px);
  1658. }
  1659. .new-look .offcanvas-menu {
  1660.   background-color: #2b2f3b;
  1661. }
  1662. .new-look .offcanvas-menu .sp-module ul >li >a {
  1663.   padding-left: 28px;
  1664. }
  1665. .new-look .offcanvas-menu .sp-module ul >li >a:before {
  1666.   display: none;
  1667. }
  1668. .new-look .offcanvas-menu .sp-module ul >li:hover a,
  1669. .new-look .offcanvas-menu .sp-module ul >li:focus a,
  1670. .new-look .offcanvas-menu .sp-module ul >li.active a {
  1671.   background: #22b8f0;
  1672. }
  1673. .new-look .offcanvas-menu .sp-module ul >li ul li a {
  1674.   background-color: #2b2f3b !important;
  1675. }
  1676. .new-look .offcanvas-menu .sp-module ul >li ul li a:hover,
  1677. .new-look .offcanvas-menu .sp-module ul >li ul li a:focus {
  1678.   color: #22b8f0;
  1679. }
  1680. .new-look .offcanvas-menu .sp-module ul >li .offcanvas-menu-toggler {
  1681.   top: 6px;
  1682.   padding: 18px 25px;
  1683. }
  1684. .new-look .offcanvas-menu .sp-module ul >li .offcanvas-menu-toggler i {
  1685.   display: none !important;
  1686. }
  1687. .new-look .offcanvas-menu .sp-module ul >li .offcanvas-menu-toggler:before {
  1688.   background: #fff none repeat scroll 0 0;
  1689.   content: "";
  1690.   height: 8px;
  1691.   left: auto;
  1692.   position: absolute;
  1693.   right: 25px;
  1694.   top: 14px;
  1695.   width: 2px;
  1696.   -webkit-transform: rotate(-45deg);
  1697.   transform: rotate(-45deg);
  1698. }
  1699. .new-look .offcanvas-menu .sp-module ul >li .offcanvas-menu-toggler:after {
  1700.   background: #fff none repeat scroll 0 0;
  1701.   content: "";
  1702.   height: 2px;
  1703.   left: auto;
  1704.   position: absolute;
  1705.   right: 22px;
  1706.   top: 17px;
  1707.   width: 8px;
  1708.   -webkit-transform: rotate(-45deg);
  1709.   transform: rotate(-45deg);
  1710. }
  1711. .new-look .offcanvas-menu .sp-module ul >li .offcanvas-menu-toggler.collapsed:before {
  1712.   -webkit-transform: rotate(0deg);
  1713.   transform: rotate(0deg);
  1714. }
  1715. .new-look .offcanvas-menu .sp-module ul >li .offcanvas-menu-toggler.collapsed:after {
  1716.   -webkit-transform: rotate(0deg);
  1717.   transform: rotate(0deg);
  1718. }
  1719. .new-look-off-canvas .offcanvas-overlay {
  1720.   visibility: visible;
  1721.   opacity: 1;
  1722. }
  1723. .new-look-off-canvas.ltr .offcanvas-menu {
  1724.   visibility: visible;
  1725.   right: 0;
  1726.   -webkit-transform: translateX(0);
  1727.   transform: translateX(0);
  1728. }
  1729. @-moz-document url-prefix() {
  1730.   .offcanvas-menu {
  1731.     right: -320px;
  1732.     transform: translateX(0px);
  1733.   }
  1734. }
  1735. a {
  1736.   -webkit-transition: color 400ms, background-color 400ms;
  1737.   transition: color 400ms, background-color 400ms;
  1738. }
  1739. body {
  1740.   line-height: 24px;
  1741.   -webkit-transition: all 400ms ease;
  1742.   transition: all 400ms ease;
  1743.   background-color: #ffffff;
  1744. }
  1745. a,
  1746. a:hover,
  1747. a:focus,
  1748. a:active {
  1749.   text-decoration: none;
  1750. }
  1751. label {
  1752.   font-weight: normal;
  1753. }
  1754. legend {
  1755.   padding-bottom: 10px;
  1756. }
  1757. img {
  1758.   display: block;
  1759.   max-width: 100%;
  1760.   height: auto;
  1761. }
  1762. .btn,
  1763. .sppb-btn {
  1764.   -webkit-transition: color 400ms, background-color 400ms, border-color 400ms;
  1765.   -o-transition: color 400ms, background-color 400ms, border-color 400ms;
  1766.   transition: color 400ms, background-color 400ms, border-color 400ms;
  1767. }
  1768. .offline-inner {
  1769.   margin-top: 100px;
  1770. }
  1771. select,
  1772. textarea,
  1773. input[type="text"],
  1774. input[type="password"],
  1775. input[type="datetime"],
  1776. input[type="datetime-local"],
  1777. input[type="date"],
  1778. input[type="month"],
  1779. input[type="time"],
  1780. input[type="week"],
  1781. input[type="number"],
  1782. input[type="email"],
  1783. input[type="url"],
  1784. input[type="search"],
  1785. input[type="tel"],
  1786. input[type="color"],
  1787. .uneditable-input {
  1788.   display: block;
  1789.   height: 34px;
  1790.   padding: 6px 12px;
  1791.   font-size: 14px;
  1792.   line-height: 1.428571429;
  1793.   color: #555555;
  1794.   background-color: #fff;
  1795.   background-image: none;
  1796.   border: 1px solid #ccc;
  1797.   border-radius: 4px;
  1798.   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  1799.   box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  1800.   -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  1801.   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  1802.   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  1803. }
  1804. select:focus,
  1805. textarea:focus,
  1806. input[type="text"]:focus,
  1807. input[type="password"]:focus,
  1808. input[type="datetime"]:focus,
  1809. input[type="datetime-local"]:focus,
  1810. input[type="date"]:focus,
  1811. input[type="month"]:focus,
  1812. input[type="time"]:focus,
  1813. input[type="week"]:focus,
  1814. input[type="number"]:focus,
  1815. input[type="email"]:focus,
  1816. input[type="url"]:focus,
  1817. input[type="search"]:focus,
  1818. input[type="tel"]:focus,
  1819. input[type="color"]:focus,
  1820. .uneditable-input:focus {
  1821.   border-color: #66afe9;
  1822.   outline: 0;
  1823.   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  1824.   box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  1825. }
  1826. select::-moz-placeholder,
  1827. textarea::-moz-placeholder,
  1828. input[type="text"]::-moz-placeholder,
  1829. input[type="password"]::-moz-placeholder,
  1830. input[type="datetime"]::-moz-placeholder,
  1831. input[type="datetime-local"]::-moz-placeholder,
  1832. input[type="date"]::-moz-placeholder,
  1833. input[type="month"]::-moz-placeholder,
  1834. input[type="time"]::-moz-placeholder,
  1835. input[type="week"]::-moz-placeholder,
  1836. input[type="number"]::-moz-placeholder,
  1837. input[type="email"]::-moz-placeholder,
  1838. input[type="url"]::-moz-placeholder,
  1839. input[type="search"]::-moz-placeholder,
  1840. input[type="tel"]::-moz-placeholder,
  1841. input[type="color"]::-moz-placeholder,
  1842. .uneditable-input::-moz-placeholder {
  1843.   color: #999;
  1844.   opacity: 1;
  1845. }
  1846. select:-ms-input-placeholder,
  1847. textarea:-ms-input-placeholder,
  1848. input[type="text"]:-ms-input-placeholder,
  1849. input[type="password"]:-ms-input-placeholder,
  1850. input[type="datetime"]:-ms-input-placeholder,
  1851. input[type="datetime-local"]:-ms-input-placeholder,
  1852. input[type="date"]:-ms-input-placeholder,
  1853. input[type="month"]:-ms-input-placeholder,
  1854. input[type="time"]:-ms-input-placeholder,
  1855. input[type="week"]:-ms-input-placeholder,
  1856. input[type="number"]:-ms-input-placeholder,
  1857. input[type="email"]:-ms-input-placeholder,
  1858. input[type="url"]:-ms-input-placeholder,
  1859. input[type="search"]:-ms-input-placeholder,
  1860. input[type="tel"]:-ms-input-placeholder,
  1861. input[type="color"]:-ms-input-placeholder,
  1862. .uneditable-input:-ms-input-placeholder {
  1863.   color: #999;
  1864. }
  1865. select::-webkit-input-placeholder,
  1866. textarea::-webkit-input-placeholder,
  1867. input[type="text"]::-webkit-input-placeholder,
  1868. input[type="password"]::-webkit-input-placeholder,
  1869. input[type="datetime"]::-webkit-input-placeholder,
  1870. input[type="datetime-local"]::-webkit-input-placeholder,
  1871. input[type="date"]::-webkit-input-placeholder,
  1872. input[type="month"]::-webkit-input-placeholder,
  1873. input[type="time"]::-webkit-input-placeholder,
  1874. input[type="week"]::-webkit-input-placeholder,
  1875. input[type="number"]::-webkit-input-placeholder,
  1876. input[type="email"]::-webkit-input-placeholder,
  1877. input[type="url"]::-webkit-input-placeholder,
  1878. input[type="search"]::-webkit-input-placeholder,
  1879. input[type="tel"]::-webkit-input-placeholder,
  1880. input[type="color"]::-webkit-input-placeholder,
  1881. .uneditable-input::-webkit-input-placeholder {
  1882.   color: #999;
  1883. }
  1884. select[disabled],
  1885. select[readonly],
  1886. fieldset[disabled] select,
  1887. textarea[disabled],
  1888. textarea[readonly],
  1889. fieldset[disabled] textarea,
  1890. input[type="text"][disabled],
  1891. input[type="text"][readonly],
  1892. fieldset[disabled] input[type="text"],
  1893. input[type="password"][disabled],
  1894. input[type="password"][readonly],
  1895. fieldset[disabled] input[type="password"],
  1896. input[type="datetime"][disabled],
  1897. input[type="datetime"][readonly],
  1898. fieldset[disabled] input[type="datetime"],
  1899. input[type="datetime-local"][disabled],
  1900. input[type="datetime-local"][readonly],
  1901. fieldset[disabled] input[type="datetime-local"],
  1902. input[type="date"][disabled],
  1903. input[type="date"][readonly],
  1904. fieldset[disabled] input[type="date"],
  1905. input[type="month"][disabled],
  1906. input[type="month"][readonly],
  1907. fieldset[disabled] input[type="month"],
  1908. input[type="time"][disabled],
  1909. input[type="time"][readonly],
  1910. fieldset[disabled] input[type="time"],
  1911. input[type="week"][disabled],
  1912. input[type="week"][readonly],
  1913. fieldset[disabled] input[type="week"],
  1914. input[type="number"][disabled],
  1915. input[type="number"][readonly],
  1916. fieldset[disabled] input[type="number"],
  1917. input[type="email"][disabled],
  1918. input[type="email"][readonly],
  1919. fieldset[disabled] input[type="email"],
  1920. input[type="url"][disabled],
  1921. input[type="url"][readonly],
  1922. fieldset[disabled] input[type="url"],
  1923. input[type="search"][disabled],
  1924. input[type="search"][readonly],
  1925. fieldset[disabled] input[type="search"],
  1926. input[type="tel"][disabled],
  1927. input[type="tel"][readonly],
  1928. fieldset[disabled] input[type="tel"],
  1929. input[type="color"][disabled],
  1930. input[type="color"][readonly],
  1931. fieldset[disabled] input[type="color"],
  1932. .uneditable-input[disabled],
  1933. .uneditable-input[readonly],
  1934. fieldset[disabled] .uneditable-input {
  1935.   cursor: not-allowed;
  1936.   background-color: #eeeeee;
  1937.   opacity: 1;
  1938. }
  1939. textareaselect,
  1940. textareatextarea,
  1941. textareainput[type="text"],
  1942. textareainput[type="password"],
  1943. textareainput[type="datetime"],
  1944. textareainput[type="datetime-local"],
  1945. textareainput[type="date"],
  1946. textareainput[type="month"],
  1947. textareainput[type="time"],
  1948. textareainput[type="week"],
  1949. textareainput[type="number"],
  1950. textareainput[type="email"],
  1951. textareainput[type="url"],
  1952. textareainput[type="search"],
  1953. textareainput[type="tel"],
  1954. textareainput[type="color"],
  1955. textarea.uneditable-input {
  1956.   height: auto;
  1957. }
  1958. .group-control select,
  1959. .group-control textarea,
  1960. .group-control input[type="text"],
  1961. .group-control input[type="password"],
  1962. .group-control input[type="datetime"],
  1963. .group-control input[type="datetime-local"],
  1964. .group-control input[type="date"],
  1965. .group-control input[type="month"],
  1966. .group-control input[type="time"],
  1967. .group-control input[type="week"],
  1968. .group-control input[type="number"],
  1969. .group-control input[type="email"],
  1970. .group-control input[type="url"],
  1971. .group-control input[type="search"],
  1972. .group-control input[type="tel"],
  1973. .group-control input[type="color"],
  1974. .group-control .uneditable-input {
  1975.   width: 100%;
  1976. }
  1977. .scrollup {
  1978.   width: 40px;
  1979.   height: 40px;
  1980.   position: fixed;
  1981.   bottom: 62px;
  1982.   right: 100px;
  1983.   display: none;
  1984.   z-index: 999;
  1985.   border: 1px solid #ddd;
  1986.   background-color: rgba(255,255,255,0.4);
  1987. }
  1988. .scrollup:hover {
  1989.   background-color: #c4c4c4;
  1990. }
  1991. .scrollup:before {
  1992.   content: " \f106";
  1993.   font-family: "FontAwesome";
  1994.   position: absolute;
  1995.   top: 0;
  1996.   right: 0;
  1997.   border-radius: 3px;
  1998.   width: 40px;
  1999.   height: 38px;
  2000.   line-height: 38px;
  2001.   text-align: center;
  2002.   font-size: 25px;
  2003.   font-weight: 700;
  2004.   color: #000;
  2005. }
  2006. #sp-top-bar {
  2007.   padding: 8px 0;
  2008. }
  2009. #sp-top-bar .sp-module {
  2010.   display: inline-block;
  2011.   margin: 0 0 0 20px;
  2012. }
  2013. ul.social-icons {
  2014.   list-style: none;
  2015.   padding: 0;
  2016.   margin: -5px;
  2017.   display: inline-block;
  2018. }
  2019. ul.social-icons >li {
  2020.   display: inline-block;
  2021.   margin: 5px 7px;
  2022. }
  2023. ul.social-icons >li a {
  2024.   color: #999999;
  2025. }
  2026. .sp-module-content .mod-languages ul.lang-inline {
  2027.   margin: 0;
  2028.   padding: 0;
  2029. }
  2030. .sp-module-content .mod-languages ul.lang-inline li {
  2031.   border: none;
  2032.   display: inline-block;
  2033.   margin: 0 5px 0 0;
  2034. }
  2035. .sp-module-content .mod-languages ul.lang-inline li a {
  2036.   padding: 0 !important;
  2037. }
  2038. .sp-module-content .mod-languages ul.lang-inline li >a:before {
  2039.   display: none;
  2040. }
  2041. .sp-contact-info {
  2042.   float: right;
  2043.   list-style: none;
  2044.   padding: 0;
  2045.   margin: 0 -10px;
  2046. }
  2047. .sp-contact-info li {
  2048.   display: inline-block;
  2049.   margin: 0 10px;
  2050.   font-size: 90%;
  2051. }
  2052. .sp-contact-info li i {
  2053.   margin: 0 3px;
  2054. }
  2055. .sticky-wrapper {
  2056.   position: relative;
  2057.   z-index: 99;
  2058. }
  2059. #sp-header {
  2060.   background: #ffffff none repeat scroll 0 0;
  2061.   box-shadow: 0 3px 3px rgba(0,0,0,0.05);
  2062.   height: 90px;
  2063.   left: 0;
  2064.   position: relative;
  2065.   top: 0;
  2066.   width: 100%;
  2067.   z-index: 99;
  2068. }
  2069. #sp-header .logo {
  2070.   display: inline-block;
  2071.   height: 90px;
  2072.   display: table;
  2073.   -webkit-transition: all 400ms ease;
  2074.   transition: all 400ms ease;
  2075.   margin: 0;
  2076. }
  2077. #sp-header .logo a {
  2078.   font-size: 24px;
  2079.   line-height: 1;
  2080.   margin: 0;
  2081.   padding: 0;
  2082.   display: table-cell;
  2083.   vertical-align: middle;
  2084. }
  2085. #sp-header .logo p {
  2086.   margin: 5px 0 0;
  2087. }
  2088. #sp-header .sp-retina-logo {
  2089.   display: none;
  2090. }
  2091. #sp-header.menu-fixed {
  2092.   position: fixed;
  2093.   z-index: 9999;
  2094. }
  2095. .sticky-wrapper.is-sticky {
  2096.   position: relative;
  2097.   z-index: 999;
  2098. }
  2099. #sp-title {
  2100.   min-height: 0;
  2101. }
  2102. .sp-page-title {
  2103.   padding: 30px 0;
  2104.   background-repeat: no-repeat;
  2105.   background-position: 50% 50%;
  2106.   background-size: cover;
  2107.   background-attachment: fixed;
  2108. }
  2109. .sp-page-title h2,
  2110. .sp-page-title h3 {
  2111.   margin: 0;
  2112.   padding: 0;
  2113.   color: #fff;
  2114. }
  2115. .sp-page-title h2 {
  2116.   font-size: 24px;
  2117.   line-height: 1;
  2118. }
  2119. .sp-page-title h3 {
  2120.   font-size: 14px;
  2121.   font-weight: normal;
  2122.   line-height: 1;
  2123.   margin-top: 10px;
  2124. }
  2125. .sp-page-title .breadcrumb {
  2126.   background: none;
  2127.   padding: 0;
  2128.   margin: 10px 0 0 0;
  2129. }
  2130. .sp-page-title .breadcrumb >.active {
  2131.   color: rgba(255,255,255,0.8);
  2132. }
  2133. .sp-page-title .breadcrumb >span,
  2134. .sp-page-title .breadcrumb >li,
  2135. .sp-page-title .breadcrumb >li+li:before,
  2136. .sp-page-title .breadcrumb >li>a {
  2137.   color: #fff;
  2138. }
  2139. .body-innerwrapper {
  2140.   overflow-x: hidden;
  2141. }
  2142. .layout-boxed .body-innerwrapper {
  2143.   max-width: 1240px;
  2144.   margin: 0 auto;
  2145.   box-shadow: 0 0 5px rgba(0,0,0,0.2);
  2146. }
  2147. #sp-main-body {
  2148.   padding: 100px 0;
  2149. }
  2150. .com-sppagebuilder #sp-main-body {
  2151.   padding: 0;
  2152. }
  2153. .sppb-addon-cta .sppb-cta-subtitle {
  2154.   margin-bottom: 0;
  2155.   line-height: 26px !important;
  2156. }
  2157. .sppb-addon-cta .sppb-btn-lg {
  2158.   margin-top: 30px;
  2159. }
  2160. .sppb-addon-image-content {
  2161.   position: relative;
  2162. }
  2163. .sppb-addon-image-content .sppb-image-holder {
  2164.   position: absolute;
  2165.   top: 0;
  2166.   width: 50%;
  2167.   height: 100%;
  2168.   background-position: 50%;
  2169.   background-size: cover;
  2170. }
  2171. .sppb-addon-image-content.aligment-left .sppb-image-holder {
  2172.   left: 0;
  2173. }
  2174. .sppb-addon-image-content.aligment-left .sppb-content-holder {
  2175.   padding: 120px 0 120px 50px;
  2176. }
  2177. .sppb-addon-image-content.aligment-right .sppb-image-holder {
  2178.   right: 0;
  2179. }
  2180. .sppb-addon-image-content.aligment-right .sppb-content-holder {
  2181.   padding: 120px 50px 120px 0;
  2182. }
  2183. @media (max-width: 768px) {
  2184.   .sppb-addon-image-content .sppb-image-holder {
  2185.     position: inherit;
  2186.     width: 100% !important;
  2187.     height: 300px;
  2188.   }
  2189. }
  2190. .sp-module {
  2191.   margin-top: 50px;
  2192. }
  2193. .sp-module:first-child {
  2194.   margin-top: 0;
  2195. }
  2196. .sp-module .sp-module-title {
  2197.   margin: 0 0 20px;
  2198.   font-size: 14px;
  2199.   text-transform: uppercase;
  2200.   line-height: 1;
  2201. }
  2202. .sp-module ul {
  2203.   list-style: none;
  2204.   padding: 0;
  2205.   margin: 0;
  2206. }
  2207. .sp-module ul >li {
  2208.   display: block;
  2209.   border-bottom: 1px solid #e8e8e8;
  2210.   -webkit-transition: 300ms;
  2211.   transition: 300ms;
  2212. }
  2213. .sp-module ul >li >a {
  2214.   display: block;
  2215.   padding: 5px 0;
  2216.   line-height: 36px;
  2217.   padding: 2px 0;
  2218.   -webkit-transition: 300ms;
  2219.   transition: 300ms;
  2220. }
  2221. .sp-module ul >li >a:hover {
  2222.   background: none;
  2223. }
  2224. .sp-module ul >li >a:before {
  2225.   font-family: FontAwesome;
  2226.   content: "\f105";
  2227.   margin-right: 8px;
  2228. }
  2229. .sp-module ul >li:last-child {
  2230.   border-bottom: none;
  2231. }
  2232. .sp-module .categories-module ul {
  2233.   margin: 0 10px;
  2234. }
  2235. .sp-module .latestnews >div {
  2236.   padding-bottom: 5px;
  2237.   margin-bottom: 5px;
  2238.   border-bottom: 1px solid #e8e8e8;
  2239. }
  2240. .sp-module .latestnews >div:last-child {
  2241.   padding-bottom: 0;
  2242.   margin-bottom: 0;
  2243.   border-bottom: 0;
  2244. }
  2245. .sp-module .latestnews >div >a {
  2246.   display: block;
  2247.   font-weight: 400;
  2248. }
  2249. .sp-module .tagscloud {
  2250.   margin: -2px 0;
  2251. }
  2252. .sp-module .tagscloud .tag-name {
  2253.   display: inline-block;
  2254.   padding: 5px 10px;
  2255.   background: #808080;
  2256.   color: #fff;
  2257.   border-radius: 4px;
  2258.   margin: 2px 0;
  2259. }
  2260. .sp-module .tagscloud .tag-name span {
  2261.   display: inline-block;
  2262.   min-width: 10px;
  2263.   padding: 3px 7px;
  2264.   font-size: 12px;
  2265.   font-weight: 700;
  2266.   line-height: 1;
  2267.   text-align: center;
  2268.   white-space: nowrap;
  2269.   vertical-align: baseline;
  2270.   background-color: rgba(0,0,0,0.2);
  2271.   border-radius: 10px;
  2272. }
  2273. .login img {
  2274.   display: inline-block;
  2275.   margin: 20px 0;
  2276. }
  2277. .login .checkbox input[type="checkbox"] {
  2278.   margin-top: 6px;
  2279. }
  2280. .form-links ul {
  2281.   list-style: none;
  2282.   padding: 0;
  2283.   margin: 0;
  2284. }
  2285. .search .btn-toolbar {
  2286.   margin-bottom: 20px;
  2287. }
  2288. .search .btn-toolbar span.icon-search {
  2289.   margin: 0;
  2290. }
  2291. .search .btn-toolbar button {
  2292.   color: #fff;
  2293. }
  2294. .search .phrases .phrases-box .controls label {
  2295.   display: inline-block;
  2296.   margin: 0 20px 20px;
  2297. }
  2298. .search .phrases .ordering-box {
  2299.   margin-bottom: 15px;
  2300. }
  2301. .search .only label {
  2302.   display: inline-block;
  2303.   margin: 0 20px 20px;
  2304. }
  2305. .search .search-results dt.result-title {
  2306.   margin-top: 40px;
  2307. }
  2308. .search .search-results dt,
  2309. .search .search-results dd {
  2310.   margin: 5px 0;
  2311. }
  2312. .filter-search .chzn-container-single .chzn-single {
  2313.   height: 34px;
  2314.   line-height: 34px;
  2315. }
  2316. .form-search .finder label {
  2317.   display: block;
  2318. }
  2319. .form-search .finder .input-medium {
  2320.   width: 60%;
  2321.   border-radius: 4px;
  2322. }
  2323. .finder .word input {
  2324.   display: inline-block;
  2325. }
  2326. .finder .search-results.list-striped li {
  2327.   padding: 20px 0;
  2328. }
  2329. .article-info {
  2330.   margin: 0 -8px 5px;
  2331.   line-height: 12px;
  2332. }
  2333. .article-info >dd {
  2334.   display: inline-block;
  2335.   font-size: 12px;
  2336.   color: #666;
  2337.   text-transform: uppercase;
  2338.   margin: 0 8px;
  2339. }
  2340. .article-info >dd >i {
  2341.   display: inline-block;
  2342.   margin-right: 3px;
  2343. }
  2344. article.item {
  2345.   margin-bottom: 50px;
  2346. }
  2347. .tags {
  2348.   margin-top: 20px;
  2349. }
  2350. .tags >span {
  2351.   text-transform: uppercase;
  2352.   letter-spacing: 2px;
  2353. }
  2354. .content_rating,
  2355. .content_rating + form {
  2356.   display: none;
  2357. }
  2358. .voting-symbol {
  2359.   unicode-bidi: bidi-override;
  2360.   direction: rtl;
  2361.   font-size: 14px;
  2362.   display: inline-block;
  2363. }
  2364. .voting-symbol span.star {
  2365.   font-family: "FontAwesome";
  2366.   font-weight: normal;
  2367.   font-style: normal;
  2368.   display: inline-block;
  2369. }
  2370. .voting-symbol span.star.active:before {
  2371.   content: "\f005";
  2372. }
  2373. .voting-symbol span.star:before {
  2374.   content: "\f006";
  2375.   padding-right: 5px;
  2376. }
  2377. .sp-rating span.star:hover:before,
  2378. .sp-rating span.star:hover ~ span.star:before {
  2379.   content: "\f005";
  2380.   cursor: pointer;
  2381. }
  2382. .post_rating {
  2383.   margin-bottom: 20px;
  2384. }
  2385. .post_rating .ajax-loader,
  2386. .post_rating .voting-result {
  2387.   display: none;
  2388. }
  2389. .post-format {
  2390.   position: absolute;
  2391.   top: 0;
  2392.   left: -68px;
  2393.   display: block;
  2394.   width: 48px;
  2395.   height: 48px;
  2396.   font-size: 24px;
  2397.   line-height: 48px;
  2398.   text-align: center;
  2399.   color: #fff;
  2400.   border-radius: 3px;
  2401. }
  2402. .entry-image,
  2403. .entry-gallery,
  2404. .entry-video,
  2405. .entry-audio,
  2406. .entry-link {
  2407.   margin-bottom: 30px;
  2408. }
  2409. .entry-status,
  2410. .entry-quote {
  2411.   margin-bottom: 50px;
  2412. }
  2413. .entry-header {
  2414.   position: relative;
  2415.   margin-bottom: 30px;
  2416. }
  2417. .entry-header.has-post-format {
  2418.   margin-left: 68px;
  2419. }
  2420. .entry-header h2 {
  2421.   margin: 8px 0 0;
  2422.   font-size: 24px;
  2423.   line-height: 1;
  2424. }
  2425. .entry-header h2 a {
  2426.   color: #000;
  2427. }
  2428. .entry-link {
  2429.   padding: 100px 50px;
  2430.   position: relative;
  2431.   z-index: 1;
  2432. }
  2433. .entry-link a h4 {
  2434.   margin: 0;
  2435.   font-size: 36px;
  2436.   color: #fff;
  2437. }
  2438. .entry-link a h4:hover {
  2439.   color: rgba(255,255,255,0.85);
  2440. }
  2441. .entry-link:before {
  2442.   position: absolute;
  2443.   left: -60px;
  2444.   font-size: 300px;
  2445.   content: "\f0c1";
  2446.   font-family: FontAwesome;
  2447.   transform: rotate(90deg);
  2448.   top: -75px;
  2449.   color: rgba(255,255,255,0.15);
  2450.   z-index: -1;
  2451. }
  2452. .entry-quote {
  2453.   position: relative;
  2454.   padding: 80px 50px;
  2455.   color: rgba(255,255,255,0.9);
  2456. }
  2457. .entry-quote:before {
  2458.   position: absolute;
  2459.   left: -40px;
  2460.   font-size: 300px;
  2461.   content: "\f10e";
  2462.   font-family: FontAwesome;
  2463.   transform: rotate(15deg);
  2464.   top: -75px;
  2465.   color: rgba(255,255,255,0.15);
  2466. }
  2467. .entry-quote blockquote small {
  2468.   color: #FFF;
  2469.   font-weight: 600;
  2470.   font-size: 20px;
  2471. }
  2472. .entry-quote blockquote {
  2473.   padding: 0;
  2474.   margin: 0;
  2475.   font-size: 16px;
  2476.   border: none;
  2477. }
  2478. .carousel-left,
  2479. .carousel-right {
  2480.   position: absolute;
  2481.   top: 50%;
  2482.   font-size: 24px;
  2483.   width: 36px;
  2484.   height: 36px;
  2485.   line-height: 36px;
  2486.   margin-top: -18px;
  2487.   text-align: center;
  2488.   color: #fff;
  2489.   background: rgba(0,0,0,0.5);
  2490.   border-radius: 4px;
  2491.   -webkit-transition: 400ms;
  2492.   transition: 400ms;
  2493. }
  2494. .carousel-left:hover,
  2495. .carousel-right:hover {
  2496.   color: #fff;
  2497. }
  2498. .carousel-left:focus,
  2499. .carousel-right:focus {
  2500.   color: #fff;
  2501. }
  2502. .carousel-left {
  2503.   left: 10px;
  2504. }
  2505. .carousel-right {
  2506.   right: 10px;
  2507. }
  2508. .newsfeed-category .category {
  2509.   list-style: none;
  2510.   padding: 0;
  2511.   margin: 0;
  2512. }
  2513. .newsfeed-category .category li {
  2514.   padding: 5px 0;
  2515. }
  2516. .newsfeed-category #filter-search {
  2517.   margin: 10px 0;
  2518. }
  2519. .category-module,
  2520. .categories-module,
  2521. .archive-module,
  2522. .latestnews,
  2523. .newsflash-horiz,
  2524. .mostread,
  2525. .form-links,
  2526. .list-striped {
  2527.   list-style: none;
  2528.   padding: 0;
  2529.   margin: 0;
  2530. }
  2531. .category-module li,
  2532. .categories-module li,
  2533. .archive-module li,
  2534. .latestnews li,
  2535. .newsflash-horiz li,
  2536. .mostread li,
  2537. .form-links li,
  2538. .list-striped li {
  2539.   padding: 2px 0;
  2540. }
  2541. .category-module li h4,
  2542. .categories-module li h4,
  2543. .archive-module li h4,
  2544. .latestnews li h4,
  2545. .newsflash-horiz li h4,
  2546. .mostread li h4,
  2547. .form-links li h4,
  2548. .list-striped li h4 {
  2549.   margin: 5px 0;
  2550. }
  2551. .article-footer-top {
  2552.   display: table;
  2553.   clear: both;
  2554.   width: 100%;
  2555. }
  2556. .article-footer-top .post_rating {
  2557.   float: left;
  2558. }
  2559. .helix-social-share {
  2560.   float: right;
  2561. }
  2562. .helix-social-share .helix-social-share-icon ul {
  2563.   padding: 0;
  2564.   list-style: none;
  2565.   margin: 0;
  2566. }
  2567. .helix-social-share .helix-social-share-icon ul li {
  2568.   margin-right: 7px;
  2569.   display: inline-block;
  2570. }
  2571. .helix-social-share .helix-social-share-icon ul li div {
  2572.   display: block;
  2573. }
  2574. .helix-social-share .helix-social-share-icon ul li div a {
  2575.   background: #f5f5f5 none repeat scroll 0 0;
  2576.   border-radius: 50%;
  2577.   height: 30px;
  2578.   padding-top: 4px;
  2579.   text-align: center;
  2580.   width: 30px;
  2581.   display: inline-block;
  2582. }
  2583. .helix-social-share .helix-social-share-icon ul li div a:hover,
  2584. .helix-social-share .helix-social-share-icon ul li div a:focus {
  2585.   background: #22b8f0;
  2586.   color: #fff;
  2587. }
  2588. #sp-bottom .sp-module .sp-module-title {
  2589.   text-transform: none;
  2590.   font-weight: 400;
  2591.   font-size: 24px;
  2592. }
  2593. #sp-footer {
  2594.   color: #fff;
  2595.   text-align: center;
  2596.   padding: 20px 0;
  2597. }
  2598. #sp-footer a {
  2599.   color: rgba(255,255,255,0.9);
  2600. }
  2601. #sp-footer a:hover {
  2602.   color: #fff;
  2603. }
  2604. #sp-footer-wrapper ul {
  2605.   display: inline-block;
  2606. }
  2607. #sp-footer-wrapper ul.nav {
  2608.   display: inline-block;
  2609.   list-style: none;
  2610.   padding: 0;
  2611.   margin: 0 5px;
  2612. }
  2613. #sp-footer-wrapper ul.nav li {
  2614.   display: inline-block;
  2615.   margin: 0 5px;
  2616. }
  2617. #sp-footer-wrapper ul.nav li a {
  2618.   display: block;
  2619. }
  2620. #sp-footer-wrapper ul.nav li a:hover {
  2621.   background: none;
  2622. }
  2623. #sp-footer-wrapper .helix-framework {
  2624.   display: inline-block;
  2625. }
  2626. #sp-footer-wrapper .helix-framework .helix-logo {
  2627.   display: block;
  2628.   width: 130px;
  2629.   height: 40px;
  2630.   text-indent: -9999px;
  2631.   background: url(../images/helix-logo-white.png) no-repeat 0 0;
  2632. }
  2633. #sp-footer-wrapper .copyright {
  2634.   display: block;
  2635. }
  2636. .sp-comingsoon {
  2637.   width: 100%;
  2638.   height: 100%;
  2639.   min-height: 100%;
  2640. }
  2641. .sp-comingsoon body {
  2642.   width: 100%;
  2643.   height: 100%;
  2644.   min-height: 100%;
  2645.   color: #fff;
  2646. }
  2647. .sp-comingsoon #sp-comingsoon {
  2648.   padding: 100px 0;
  2649. }
  2650. .sp-comingsoon .sp-comingsoon-wrap.has-background {
  2651.   height: 100%;
  2652.   background-position: center center;
  2653.   background-repeat: no-repeat;
  2654.   background-size: cover;
  2655.   width: 100%;
  2656. }
  2657. .sp-comingsoon .comingsoon-page-logo {
  2658.   text-align: center;
  2659. }
  2660. .sp-comingsoon .comingsoon-page-logo img {
  2661.   display: inline-block;
  2662. }
  2663. .sp-comingsoon .comingsoon-page-logo .sp-retina-logo {
  2664.   display: none;
  2665. }
  2666. .sp-comingsoon .sp-comingsoon-title {
  2667.   margin-top: 130px;
  2668.   font-size: 42px;
  2669.   margin-bottom: 10px;
  2670.   font-weight: 700;
  2671. }
  2672. .sp-comingsoon .sp-comingsoon-content {
  2673.   font-size: 28px;
  2674.   font-weight: 300;
  2675. }
  2676. .sp-comingsoon .days,
  2677. .sp-comingsoon .hours,
  2678. .sp-comingsoon .minutes,
  2679. .sp-comingsoon .seconds {
  2680.   display: inline-block;
  2681.   margin: 80px 15px;
  2682. }
  2683. .sp-comingsoon .days .number,
  2684. .sp-comingsoon .hours .number,
  2685. .sp-comingsoon .seconds .number,
  2686. .sp-comingsoon .minutes .number {
  2687.   width: 115px;
  2688.   height: 120px;
  2689.   line-height: 120px;
  2690.   border: 1px solid #fff;
  2691.   border-radius: 4px;
  2692.   display: inline-block;
  2693.   font-size: 48px;
  2694.   font-weight: bold;
  2695. }
  2696. .sp-comingsoon .days .string,
  2697. .sp-comingsoon .minutes .string,
  2698. .sp-comingsoon .seconds .string,
  2699. .sp-comingsoon .hours .string {
  2700.   display: block;
  2701.   font-size: 18px;
  2702.   margin-top: 10px;
  2703. }
  2704. .sp-comingsoon .social-icons li {
  2705.   display: inline-block;
  2706.   margin: 0 15px;
  2707. }
  2708. .sp-comingsoon .social-icons li a {
  2709.   color: rgba(255,255,255,0.7);
  2710.   font-size: 24px;
  2711.   -webkit-transition: color 400ms;
  2712.   transition: color 400ms;
  2713. }
  2714. .sp-comingsoon .social-icons li a:hover {
  2715.   color: #fff;
  2716. }
  2717. .error-page {
  2718.   width: 100%;
  2719.   height: 100%;
  2720.   min-height: 100%;
  2721. }
  2722. .error-page body {
  2723.   width: 100%;
  2724.   height: 100%;
  2725.   min-height: 100%;
  2726. }
  2727. .error-page .error-page-inner {
  2728.   height: 100%;
  2729.   min-height: 100%;
  2730.   width: 100%;
  2731.   display: table;
  2732.   text-align: center;
  2733. }
  2734. .error-page .error-page-inner.has-background {
  2735.   background-size: cover;
  2736.   background-position: center center;
  2737.   background-repeat: no-repeat;
  2738. }
  2739. .error-page .error-page-inner .error-logo-wrap {
  2740.   text-align: center;
  2741.   margin-bottom: 30px;
  2742. }
  2743. .error-page .error-page-inner .error-logo-wrap img {
  2744.   display: inline-block;
  2745. }
  2746. .error-page .error-page-inner >div {
  2747.   display: table-cell;
  2748.   vertical-align: middle;
  2749. }
  2750. .error-page .fa-exclamation-triangle {
  2751.   font-size: 64px;
  2752.   line-height: 1;
  2753.   margin-bottom: 10px;
  2754. }
  2755. .error-page .error-code {
  2756.   font-weight: bold;
  2757.   font-size: 96px;
  2758.   line-height: 1;
  2759.   margin: 0 0 10px 0;
  2760.   padding: 0;
  2761. }
  2762. .error-page .error-message {
  2763.   font-size: 24px;
  2764.   line-height: 1;
  2765.   margin-bottom: 30px;
  2766. }
  2767. @media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5) {
  2768.   #sp-header .sp-default-logo {
  2769.     display: none;
  2770.   }
  2771.   #sp-header .sp-retina-logo {
  2772.     display: block;
  2773.   }
  2774.   .sp-comingsoon .comingsoon-page-logo .sp-retina-logo {
  2775.     display: table;
  2776.     margin: 0 auto;
  2777.   }
  2778.   .sp-comingsoon .comingsoon-page-logo .sp-default-logo {
  2779.     display: none;
  2780.   }
  2781. }
  2782. .sp-social-share ul {
  2783.   display: block;
  2784.   padding: 0;
  2785.   margin: 20px -5px 0;
  2786. }
  2787. .sp-social-share ul li {
  2788.   display: inline-block;
  2789.   font-size: 24px;
  2790.   margin: 0 5px;
  2791. }
  2792. .dl-horizontal dt {
  2793.   margin: 8px 0;
  2794.   text-align: left;
  2795. }
  2796. .page-header {
  2797.   padding-bottom: 15px;
  2798. }
  2799. table.category {
  2800.   width: 100%;
  2801. }
  2802. table.category thead >tr,
  2803. table.category tbody >tr {
  2804.   border: 1px solid #f2f2f2;
  2805. }
  2806. table.category thead >tr th,
  2807. table.category thead >tr td,
  2808. table.category tbody >tr th,
  2809. table.category tbody >tr td {
  2810.   padding: 10px;
  2811. }
  2812. .contact-form .form-actions {
  2813.   background: none;
  2814.   border: none;
  2815. }
  2816. @media print {
  2817.   .visible-print {
  2818.     display: inherit !important;
  2819.   }
  2820.   .hidden-print {
  2821.     display: none !important;
  2822.   }
  2823. }
  2824. .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a {
  2825.   background: #2D2D2D;
  2826.   border-radius: 2px;
  2827.   color: #fff;
  2828.   -webkit-transition: 300ms;
  2829.   transition: 300ms;
  2830. }
  2831. .sp-pre-loader {
  2832.   background: #f5f5f5;
  2833.   height: 100%;
  2834.   left: 0;
  2835.   position: fixed;
  2836.   top: 0;
  2837.   width: 100%;
  2838.   z-index: 99999;
  2839. }
  2840. .sp-pre-loader .sp-loader-clock {
  2841.   border: 3px solid #22b8f0;
  2842.   border-radius: 60px;
  2843.   bottom: 0;
  2844.   height: 80px;
  2845.   left: 0;
  2846.   margin: auto;
  2847.   position: absolute;
  2848.   right: 0;
  2849.   top: 0;
  2850.   width: 80px;
  2851. }
  2852. .sp-pre-loader .sp-loader-clock:after {
  2853.   content: "";
  2854.   position: absolute;
  2855.   background-color: #22b8f0;
  2856.   top: 2px;
  2857.   left: 48%;
  2858.   height: 38px;
  2859.   width: 4px;
  2860.   border-radius: 5px;
  2861.   -webkit-transform-origin: 50% 97%;
  2862.   transform-origin: 50% 97%;
  2863.   -webkit-animation: grdAiguille 2s linear infinite;
  2864.   animation: grdAiguille 2s linear infinite;
  2865. }
  2866. .sp-pre-loader .sp-loader-clock:before {
  2867.   content: "";
  2868.   position: absolute;
  2869.   background-color: #22b8f0;
  2870.   top: 6px;
  2871.   left: 48%;
  2872.   height: 35px;
  2873.   width: 4px;
  2874.   border-radius: 5px;
  2875.   -webkit-transform-origin: 50% 94%;
  2876.   transform-origin: 50% 94%;
  2877.   -webkit-animation: ptAiguille 12s linear infinite;
  2878.   animation: ptAiguille 12s linear infinite;
  2879. }
  2880. .sp-pre-loader .sp-loader-circle {
  2881.   position: absolute;
  2882.   height: 80px;
  2883.   width: 80px;
  2884.   border-radius: 80px;
  2885.   border: 3px solid rgba(34,184,240,0.7);
  2886.   left: 0;
  2887.   top: 0;
  2888.   right: 0;
  2889.   bottom: 0;
  2890.   margin: auto;
  2891.   -webkit-transform-origin: 50% 50%;
  2892.   transform-origin: 50% 50%;
  2893.   -webkit-animation: loader1 3s linear infinite;
  2894.   animation: loader1 3s linear infinite;
  2895. }
  2896. .sp-pre-loader .sp-loader-circle:after {
  2897.   content: "";
  2898.   position: absolute;
  2899.   top: -5px;
  2900.   left: 20px;
  2901.   width: 11px;
  2902.   height: 11px;
  2903.   border-radius: 10px;
  2904.   background-color: #22b8f0;
  2905. }
  2906. .sp-pre-loader .sp-loader-bubble-loop {
  2907.   position: absolute;
  2908.   width: 12px;
  2909.   height: 12px;
  2910.   left: 0;
  2911.   top: 0;
  2912.   right: 0;
  2913.   bottom: 0;
  2914.   margin: auto;
  2915.   border-radius: 12px;
  2916.   background-color: #22b8f0;
  2917.   -webkit-transform-origin: 50% 50%;
  2918.   transform-origin: 50% 50%;
  2919.   -webkit-animation: loader6 1s ease-in-out infinite;
  2920.   animation: loader6 1s ease-in-out infinite;
  2921. }
  2922. .sp-pre-loader .sp-loader-bubble-loop:before {
  2923.   content: "";
  2924.   position: absolute;
  2925.   background-color: rgba(34,184,240,0.5);
  2926.   top: 0px;
  2927.   left: -25px;
  2928.   height: 12px;
  2929.   width: 12px;
  2930.   border-radius: 12px;
  2931. }
  2932. .sp-pre-loader .sp-loader-bubble-loop:after {
  2933.   content: "";
  2934.   position: absolute;
  2935.   background-color: rgba(34,184,240,0.5);
  2936.   top: 0px;
  2937.   left: 25px;
  2938.   height: 12px;
  2939.   width: 12px;
  2940.   border-radius: 12px;
  2941. }
  2942. .sp-pre-loader .circle-two {
  2943.   bottom: 0;
  2944.   height: 100px;
  2945.   left: 0;
  2946.   margin: auto;
  2947.   position: absolute;
  2948.   right: 0;
  2949.   top: 0;
  2950.   width: 100px;
  2951. }
  2952. .sp-pre-loader .circle-two > span,
  2953. .sp-pre-loader .circle-two > span:before,
  2954. .sp-pre-loader .circle-two > span:after {
  2955.   content: "";
  2956.   display: block;
  2957.   border-radius: 50%;
  2958.   border: 2px solid #22b8f0;
  2959.   position: absolute;
  2960.   top: 50%;
  2961.   left: 50%;
  2962.   -webkit-transform: translate(-50%,-50%);
  2963.   -moz-transform: translate(-50%,-50%);
  2964.   -ms-transform: translate(-50%,-50%);
  2965.   -o-transform: translate(-50%,-50%);
  2966.   transform: translate(-50%,-50%);
  2967. }
  2968. .sp-pre-loader .circle-two > span {
  2969.   width: 100%;
  2970.   height: 100%;
  2971.   top: 0;
  2972.   left: 0;
  2973.   border-left-color: transparent;
  2974.   -webkit-animation: effect-2 2s infinite linear;
  2975.   -moz-animation: effect-2 2s infinite linear;
  2976.   -ms-animation: effect-2 2s infinite linear;
  2977.   -o-animation: effect-2 2s infinite linear;
  2978.   animation: effect-2 2s infinite linear;
  2979. }
  2980. .sp-pre-loader .circle-two > span:before {
  2981.   width: 75%;
  2982.   height: 75%;
  2983.   border-right-color: transparent;
  2984. }
  2985. .sp-pre-loader .circle-two > span:after {
  2986.   width: 50%;
  2987.   height: 50%;
  2988.   border-bottom-color: transparent;
  2989. }
  2990. .sp-pre-loader .wave-two-wrap {
  2991.   position: absolute;
  2992.   margin: auto;
  2993.   left: 0;
  2994.   right: 0;
  2995.   top: 50%;
  2996.   width: 90px;
  2997. }
  2998. .sp-pre-loader .wave-two {
  2999.   margin: 0;
  3000.   list-style: none;
  3001.   width: 90px;
  3002.   position: relative;
  3003.   padding: 0;
  3004.   height: 10px;
  3005. }
  3006. .sp-pre-loader .wave-two li {
  3007.   position: absolute;
  3008.   width: 2px;
  3009.   height: 0;
  3010.   background-color: #22b8f0;
  3011.   bottom: 0;
  3012. }
  3013. .sp-pre-loader .wave-two li:nth-child(1) {
  3014.   left: 0;
  3015.   -webkit-animation: sequence1 1s ease infinite 0;
  3016.   animation: sequence1 1s ease infinite 0;
  3017. }
  3018. .sp-pre-loader .wave-two li:nth-child(2) {
  3019.   left: 15px;
  3020.   -webkit-animation: sequence2 1s ease infinite 0.1s;
  3021.   animation: sequence2 1s ease infinite 0.1s;
  3022. }
  3023. .sp-pre-loader .wave-two li:nth-child(3) {
  3024.   left: 30px;
  3025.   -webkit-animation: sequence1 1s ease-in-out infinite 0.2s;
  3026.   animation: sequence1 1s ease-in-out infinite 0.2s;
  3027. }
  3028. .sp-pre-loader .wave-two li:nth-child(4) {
  3029.   left: 45px;
  3030.   -webkit-animation: sequence2 1s ease-in infinite 0.3s;
  3031.   animation: sequence2 1s ease-in infinite 0.3s;
  3032. }
  3033. .sp-pre-loader .wave-two li:nth-child(5) {
  3034.   left: 60px;
  3035.   -webkit-animation: sequence1 1s ease-in-out infinite 0.4s;
  3036.   animation: sequence1 1s ease-in-out infinite 0.4s;
  3037. }
  3038. .sp-pre-loader .wave-two li:nth-child(6) {
  3039.   left: 75px;
  3040.   -webkit-animation: sequence2 1s ease infinite 0.5s;
  3041.   animation: sequence2 1s ease infinite 0.5s;
  3042. }
  3043. .sp-pre-loader .sp-loader-audio-wave {
  3044.   width: 3em;
  3045.   height: 2em;
  3046.   background: linear-gradient(#22b8f0,#22b8f0) 0 50%, linear-gradient(#22b8f0,#22b8f0) 0.625em 50%, linear-gradient(#22b8f0,#22b8f0) 1.25em 50%, linear-gradient(#22b8f0,#22b8f0) 1.875em 50%, linear-gradient(#22b8f0,#22b8f0) 2.5em 50%;
  3047.   background-repeat: no-repeat;
  3048.   background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em;
  3049.   animation: audioWave 1.5s linear infinite;
  3050.   position: absolute;
  3051.   left: 0;
  3052.   top: 0;
  3053.   bottom: 0;
  3054.   right: 0;
  3055.   margin: auto;
  3056. }
  3057. .sp-pre-loader .sp-loader-with-logo {
  3058.   top: 0;
  3059.   left: 0;
  3060.   width: 100%;
  3061.   height: 105px;
  3062.   right: 0;
  3063.   bottom: 0;
  3064.   margin: auto;
  3065.   text-align: center;
  3066.   position: absolute;
  3067. }
  3068. .sp-pre-loader .sp-loader-with-logo .logo {
  3069.   display: inline-block;
  3070.   width: auto;
  3071. }
  3072. .sp-pre-loader .sp-loader-with-logo .line {
  3073.   background: #22b8f0;
  3074.   bottom: 0;
  3075.   height: 5px;
  3076.   left: 0;
  3077.   position: absolute;
  3078.   top: auto;
  3079. }
  3080. @-webkit-keyframes grdAiguille {
  3081.   0% {
  3082.     -webkit-transform: rotate(0deg);
  3083.   }
  3084.   100% {
  3085.     -webkit-transform: rotate(360deg);
  3086.   }
  3087. }
  3088. @keyframes grdAiguille {
  3089.   0% {
  3090.     transform: rotate(0deg);
  3091.   }
  3092.   100% {
  3093.     transform: rotate(360deg);
  3094.   }
  3095. }
  3096. @-webkit-keyframes ptAiguille {
  3097.   0% {
  3098.     -webkit-transform: rotate(0deg);
  3099.   }
  3100.   100% {
  3101.     -webkit-transform: rotate(360deg);
  3102.   }
  3103. }
  3104. @keyframes ptAiguille {
  3105.   0% {
  3106.     transform: rotate(0deg);
  3107.   }
  3108.   100% {
  3109.     transform: rotate(360deg);
  3110.   }
  3111. }
  3112. @-webkit-keyframes loader1 {
  3113.   0% {
  3114.     -webkit-transform: rotate(0deg);
  3115.   }
  3116.   100% {
  3117.     -webkit-transform: rotate(360deg);
  3118.   }
  3119. }
  3120. @keyframes loader1 {
  3121.   0% {
  3122.     transform: rotate(0deg);
  3123.   }
  3124.   100% {
  3125.     transform: rotate(360deg);
  3126.   }
  3127. }
  3128. @-webkit-keyframes loader6 {
  3129.   0% {
  3130.     -webkit-transform: rotate(0deg);
  3131.   }
  3132.   50% {
  3133.     -webkit-transform: rotate(180deg);
  3134.   }
  3135.   100% {
  3136.     -webkit-transform: rotate(180deg);
  3137.   }
  3138. }
  3139. @keyframes loader6 {
  3140.   0% {
  3141.     transform: rotate(0deg);
  3142.   }
  3143.   50% {
  3144.     transform: rotate(180deg);
  3145.   }
  3146.   100% {
  3147.     transform: rotate(180deg);
  3148.   }
  3149. }
  3150. @keyframes rotate-360 {
  3151.   from {
  3152.     -moz-transform: rotate(0);
  3153.     -ms-transform: rotate(0);
  3154.     -webkit-transform: rotate(0);
  3155.     transform: rotate(0);
  3156.   }
  3157.   to {
  3158.     -moz-transform: rotate(360deg);
  3159.     -ms-transform: rotate(360deg);
  3160.     -webkit-transform: rotate(360deg);
  3161.     transform: rotate(360deg);
  3162.   }
  3163. }
  3164. @keyframes audioWave {
  3165.   25% {
  3166.     background: linear-gradient(#22b8f0,#22b8f0) 0 50%, linear-gradient(#22b8f0,#22b8f0) 0.625em 50%, linear-gradient(#22b8f0,#22b8f0) 1.25em 50%, linear-gradient(#22b8f0,#22b8f0) 1.875em 50%, linear-gradient(#22b8f0,#22b8f0) 2.5em 50%;
  3167.     background-repeat: no-repeat;
  3168.     background-size: 0.5em 2em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em;
  3169.   }
  3170.   37.5% {
  3171.     background: linear-gradient(#22b8f0,#22b8f0) 0 50%, linear-gradient(#22b8f0,#22b8f0) 0.625em 50%, linear-gradient(#22b8f0,#22b8f0) 1.25em 50%, linear-gradient(#22b8f0,#22b8f0) 1.875em 50%, linear-gradient(#22b8f0,#22b8f0) 2.5em 50%;
  3172.     background-repeat: no-repeat;
  3173.     background-size: 0.5em 0.25em, 0.5em 2em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em;
  3174.   }
  3175.   50% {
  3176.     background: linear-gradient(#22b8f0,#22b8f0) 0 50%, linear-gradient(#22b8f0,#22b8f0) 0.625em 50%, linear-gradient(#22b8f0,#22b8f0) 1.25em 50%, linear-gradient(#22b8f0,#22b8f0) 1.875em 50%, linear-gradient(#22b8f0,#22b8f0) 2.5em 50%;
  3177.     background-repeat: no-repeat;
  3178.     background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 2em, 0.5em 0.25em, 0.5em 0.25em;
  3179.   }
  3180.   62.5% {
  3181.     background: linear-gradient(#22b8f0,#22b8f0) 0 50%, linear-gradient(#22b8f0,#22b8f0) 0.625em 50%, linear-gradient(#22b8f0,#22b8f0) 1.25em 50%, linear-gradient(#22b8f0,#22b8f0) 1.875em 50%, linear-gradient(#22b8f0,#22b8f0) 2.5em 50%;
  3182.     background-repeat: no-repeat;
  3183.     background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 2em, 0.5em 0.25em;
  3184.   }
  3185.   75% {
  3186.     background: linear-gradient(#22b8f0,#22b8f0) 0 50%, linear-gradient(#22b8f0,#22b8f0) 0.625em 50%, linear-gradient(#22b8f0,#22b8f0) 1.25em 50%, linear-gradient(#22b8f0,#22b8f0) 1.875em 50%, linear-gradient(#22b8f0,#22b8f0) 2.5em 50%;
  3187.     background-repeat: no-repeat;
  3188.     background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 2em;
  3189.   }
  3190. }
  3191. @-webkit-keyframes effect-2 {
  3192.   from {
  3193.     -webkit-transform: rotate(0deg);
  3194.     transform: rotate(0deg);
  3195.   }
  3196.   to {
  3197.     -webkit-transform: rotate(360deg);
  3198.     transform: rotate(360deg);
  3199.   }
  3200. }
  3201. @keyframes effect-2 {
  3202.   from {
  3203.     -moz-transform: rotate(0deg);
  3204.     -ms-transform: rotate(0deg);
  3205.     transform: rotate(0deg);
  3206.   }
  3207.   to {
  3208.     -moz-transform: rotate(360deg);
  3209.     -ms-transform: rotate(360deg);
  3210.     transform: rotate(360deg);
  3211.   }
  3212. }
  3213. @keyframes sequence1 {
  3214.   0% {
  3215.     height: 10px;
  3216.   }
  3217.   50% {
  3218.     height: 50px;
  3219.   }
  3220.   100% {
  3221.     height: 10px;
  3222.   }
  3223. }
  3224. @keyframes sequence2 {
  3225.   0% {
  3226.     height: 20px;
  3227.   }
  3228.   50% {
  3229.     height: 65px;
  3230.   }
  3231.   100% {
  3232.     height: 20px;
  3233.   }
  3234. }
  3235. @keyframes rot1 {
  3236.   100% {
  3237.     transform: skew(-10deg) translateX(50px) rotate(405deg);
  3238.   }
  3239. }
  3240. @-webkit-keyframes rot1 {
  3241.   100% {
  3242.     -webkit-transform: skew(-10deg) translateX(50px) rotate(405deg);
  3243.   }
  3244. }
  3245. @keyframes rot2 {
  3246.   100% {
  3247.     transform: skew(-10deg) rotate(525deg);
  3248.   }
  3249. }
  3250. @-webkit-keyframes rot2 {
  3251.   100% {
  3252.     -webkit-transform: skew(-10deg) rotate(525deg);
  3253.   }
  3254. }
  3255. @keyframes rot3 {
  3256.   100% {
  3257.     transform: skew(-10deg) translateX(20px) translateY(-50px) rotate(645deg);
  3258.   }
  3259. }
  3260. @-webkit-keyframes rot3 {
  3261.   100% {
  3262.     -webkit-transform: skew(-10deg) translateX(20px) translateY(-50px) rotate(645deg);
  3263.   }
  3264. }
  3265. @keyframes width {
  3266.   10% {
  3267.     width: 10%;
  3268.   }
  3269.   20% {
  3270.     width: 20%;
  3271.   }
  3272.   30% {
  3273.     width: 30%;
  3274.   }
  3275.   40% {
  3276.     width: 40%;
  3277.   }
  3278.   50% {
  3279.     width: 50%;
  3280.   }
  3281.   60% {
  3282.     width: 60%;
  3283.   }
  3284.   70% {
  3285.     width: 70%;
  3286.   }
  3287.   80% {
  3288.     width: 80%;
  3289.   }
  3290.   90% {
  3291.     width: 90%;
  3292.   }
  3293.   100% {
  3294.     width: 100%;
  3295.   }
  3296. }
  3297. .animated {
  3298.   -webkit-animation-duration: 1s;
  3299.   animation-duration: 1s;
  3300.   -webkit-animation-fill-mode: both;
  3301.   animation-fill-mode: both;
  3302. }
  3303. @-webkit-keyframes fadeInDown {
  3304.   from {
  3305.     opacity: 0;
  3306.     -webkit-transform: translate3d(0,-50%,0);
  3307.     transform: translate3d(0,-50%,0);
  3308.   }
  3309.   to {
  3310.     opacity: 1;
  3311.     -webkit-transform: none;
  3312.     transform: none;
  3313.   }
  3314. }
  3315. @keyframes fadeInDown {
  3316.   from {
  3317.     opacity: 0;
  3318.     -webkit-transform: translate3d(0,-50%,0);
  3319.     transform: translate3d(0,-50%,0);
  3320.   }
  3321.   to {
  3322.     opacity: 1;
  3323.     -webkit-transform: none;
  3324.     transform: none;
  3325.   }
  3326. }
  3327. .fadeInDown {
  3328.   -webkit-animation-name: fadeInDown;
  3329.   animation-name: fadeInDown;
  3330. }
  3331. @-webkit-keyframes fadeInUp {
  3332.   from {
  3333.     opacity: 0;
  3334.     -webkit-transform: translate3d(0,100%,0);
  3335.     transform: translate3d(0,100%,0);
  3336.   }
  3337.   to {
  3338.     opacity: 1;
  3339.     -webkit-transform: none;
  3340.     transform: none;
  3341.   }
  3342. }
  3343. @keyframes fadeInUp {
  3344.   from {
  3345.     opacity: 0;
  3346.     -webkit-transform: translate3d(0,100%,0);
  3347.     transform: translate3d(0,100%,0);
  3348.   }
  3349.   to {
  3350.     opacity: 1;
  3351.     -webkit-transform: none;
  3352.     transform: none;
  3353.   }
  3354. }
  3355. .fadeInUp {
  3356.   -webkit-animation-name: fadeInUp;
  3357.   animation-name: fadeInUp;
  3358. }
  3359. @media screen and (min-width: 768px) and (max-width: 1199px) {
  3360.   .scrollup {
  3361.     bottom: 25px;
  3362.     right: 25px;
  3363.   }
  3364. }
  3365. @media screen and (min-width: 320px) and (max-width: 767px) {
  3366.   ul.social-icons {
  3367.     margin: 0;
  3368.     width: 100%;
  3369.     text-align: center;
  3370.   }
  3371.   ul.social-icons > li {
  3372.     margin: 5px;
  3373.   }
  3374.   .sp-contact-info {
  3375.     display: table;
  3376.     float: none;
  3377.     margin: 0;
  3378.     text-align: center;
  3379.     width: 100%;
  3380.   }
  3381.   .sp-contact-info li {
  3382.     margin: 0 5px;
  3383.     font-size: 89%;
  3384.   }
  3385.   .sppb-animated .sppb-addon-cta .sppb-cta-title {
  3386.     font-size: 28px !important;
  3387.     line-height: 40px !important;
  3388.   }
  3389.   .sppb-animated .sppb-addon-cta .sppb-btn-lg {
  3390.     font-size: 16px;
  3391.   }
  3392.   .scrollup {
  3393.     bottom: 25px;
  3394.     right: 25px;
  3395.   }
  3396. }
  3397. @media screen and (min-width: 550px) and (max-width: 767px) {
  3398.   .sp-contact-info li {
  3399.     margin: 0 5px;
  3400.     font-size: 90%;
  3401.   }
  3402. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement