Advertisement
Guest User

Untitled

a guest
Nov 18th, 2013
57
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 47.98 KB | None | 0 0
  1. /*
  2. Theme Name: Tattoo Studio - Responsive Wordpress Theme
  3. Theme URI: http://themeforest.net/item/tattoo-studio-responsive-wordpress-theme/5490599
  4. Description: Tattoo Studio - Responsive Wordpress Theme
  5. Author: egemenerd
  6. Author URI: http://themeforest.net/user/egemenerd
  7. Version: 1.2
  8. License: http://themeforest.net/licenses
  9. License URI: http://themeforest.net/licenses
  10. Tags: custom-menu, custom-header, custom-background
  11. */
  12.  
  13. /*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
  14.  
  15. article,
  16. aside,
  17. details,
  18. figcaption,
  19. figure,
  20. footer,
  21. header,
  22. hgroup,
  23. nav,
  24. section,
  25. summary {
  26. display: block;
  27. }
  28.  
  29. audio,
  30. canvas,
  31. video {
  32. display: inline-block;
  33. *display: inline;
  34. *zoom: 1;
  35. }
  36.  
  37.  
  38. audio:not([controls]) {
  39. display: none;
  40. height: 0;
  41. }
  42.  
  43.  
  44. [hidden] {
  45. display: none;
  46. }
  47.  
  48.  
  49. html {
  50. font-size: 100%; /* 1 */
  51. -webkit-text-size-adjust: 100%; /* 2 */
  52. -ms-text-size-adjust: 100%; /* 2 */
  53. }
  54.  
  55.  
  56. html,
  57. button,
  58. input,
  59. select,
  60. textarea {
  61. font-family: sans-serif;
  62. }
  63.  
  64.  
  65. body {
  66. margin: 0;
  67. }
  68.  
  69. a:focus {
  70. outline: thin dotted;
  71. }
  72.  
  73. a:hover,
  74. a:active {
  75. outline: 0;
  76. }
  77.  
  78. h1 {
  79. font-size: 2em;
  80. margin: 0.67em 0;
  81. }
  82.  
  83. h2 {
  84. font-size: 1.5em;
  85. margin: 0.83em 0;
  86. }
  87.  
  88. h3 {
  89. font-size: 1.17em;
  90. margin: 1em 0;
  91. }
  92.  
  93. h4 {
  94. font-size: 1em;
  95. margin: 1.33em 0;
  96. }
  97.  
  98. h5 {
  99. font-size: 0.83em;
  100. margin: 1.67em 0;
  101. }
  102.  
  103. h6 {
  104. font-size: 0.75em;
  105. margin: 2.33em 0;
  106. }
  107.  
  108. abbr[title] {
  109. border-bottom: 1px dotted;
  110. }
  111.  
  112. b,
  113. strong {
  114. font-weight: bold;
  115. }
  116.  
  117. blockquote {
  118. margin: 1em 40px;
  119. }
  120.  
  121. dfn {
  122. font-style: italic;
  123. }
  124.  
  125. mark {
  126. background: #ff0;
  127. color: #000;
  128. }
  129.  
  130. p,
  131. pre {
  132. margin: 1em 0;
  133. }
  134.  
  135. pre,
  136. code,
  137. kbd,
  138. samp {
  139. font-family: monospace, serif;
  140. _font-family: 'courier new', monospace;
  141. font-size: 1em;
  142. }
  143.  
  144. pre {
  145. white-space: pre;
  146. white-space: pre-wrap;
  147. word-wrap: break-word;
  148. }
  149.  
  150. q {
  151. quotes: none;
  152. }
  153.  
  154.  
  155. q:before,
  156. q:after {
  157. content: '';
  158. content: none;
  159. }
  160.  
  161. small {
  162. font-size: 75%;
  163. }
  164.  
  165. sub,
  166. sup {
  167. font-size: 75%;
  168. line-height: 0;
  169. position: relative;
  170. vertical-align: baseline;
  171. }
  172.  
  173. sup {
  174. top: -0.5em;
  175. }
  176.  
  177. sub {
  178. bottom: -0.25em;
  179. }
  180.  
  181. dl,
  182. menu,
  183. ol,
  184. ul {
  185. margin: 1em 0;
  186. }
  187.  
  188. dd {
  189. margin: 0 0 0 40px;
  190. }
  191.  
  192. menu,
  193. ol,
  194. ul {
  195. padding: 0 0 0 40px;
  196. }
  197.  
  198. nav ul,
  199. nav ol {
  200. list-style: none;
  201. list-style-image: none;
  202. }
  203.  
  204. img {
  205. border: 0; /* 1 */
  206. -ms-interpolation-mode: bicubic; /* 2 */
  207. }
  208.  
  209. svg:not(:root) {
  210. overflow: hidden;
  211. }
  212.  
  213. figure {
  214. margin: 0;
  215. -webkit-margin-before: 0;
  216. -webkit-margin-after: 0;
  217. -webkit-margin-start: 0;
  218. -webkit-margin-end: 0;
  219. }
  220.  
  221. form {
  222. margin: 0;
  223. }
  224.  
  225. fieldset {
  226. border: 1px solid #c0c0c0;
  227. margin: 0 2px;
  228. padding: 0.35em 0.625em 0.75em;
  229. }
  230.  
  231. legend {
  232. border: 0; /* 1 */
  233. padding: 0;
  234. white-space: normal; /* 2 */
  235. *margin-left: -7px; /* 3 */
  236. }
  237.  
  238. button,
  239. input,
  240. select,
  241. textarea {
  242. font-size: 100%; /* 1 */
  243. margin: 0; /* 2 */
  244. vertical-align: baseline; /* 3 */
  245. *vertical-align: middle; /* 3 */
  246. }
  247.  
  248. button,
  249. input {
  250. line-height: normal; /* 1 */
  251. }
  252.  
  253. button,
  254. input[type="button"],
  255. input[type="reset"],
  256. input[type="submit"] {
  257. cursor: pointer; /* 1 */
  258. -webkit-appearance: button; /* 2 */
  259. *overflow: visible; /* 3 */
  260. }
  261.  
  262. button[disabled],
  263. input[disabled] {
  264. cursor: default;
  265. }
  266.  
  267. input[type="checkbox"],
  268. input[type="radio"] {
  269. box-sizing: border-box; /* 1 */
  270. padding: 0; /* 2 */
  271. *height: 13px; /* 3 */
  272. *width: 13px; /* 3 */
  273. }
  274.  
  275. input[type="search"] {
  276. -webkit-appearance: textfield; /* 1 */
  277. -moz-box-sizing: content-box;
  278. -webkit-box-sizing: content-box; /* 2 */
  279. box-sizing: content-box;
  280. }
  281.  
  282. input[type="search"]::-webkit-search-decoration,
  283. input[type="search"]::-webkit-search-cancel-button {
  284. -webkit-appearance: none;
  285. }
  286.  
  287. button::-moz-focus-inner,
  288. input::-moz-focus-inner {
  289. border: 0;
  290. padding: 0;
  291. }
  292.  
  293. textarea {
  294. overflow: auto; /* 1 */
  295. vertical-align: top; /* 2 */
  296. }
  297.  
  298. table {
  299. border-collapse: collapse;
  300. border-spacing: 0;
  301. }
  302. * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  303. .animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}@-webkit-keyframes fadeInUp {
  304. 0% {
  305. opacity: 0;
  306. -webkit-transform: translateY(20px);
  307. } 100% {
  308. opacity: 1;
  309. -webkit-transform: translateY(0);
  310. }
  311. }
  312.  
  313. @-moz-keyframes fadeInUp {
  314. 0% {
  315. opacity: 0;
  316. -moz-transform: translateY(20px);
  317. }
  318.  
  319. 100% {
  320. opacity: 1;
  321. -moz-transform: translateY(0);
  322. }
  323. }
  324.  
  325. @-o-keyframes fadeInUp {
  326. 0% {
  327. opacity: 0;
  328. -o-transform: translateY(20px);
  329. }
  330.  
  331. 100% {
  332. opacity: 1;
  333. -o-transform: translateY(0);
  334. }
  335. }
  336.  
  337. @keyframes fadeInUp {
  338. 0% {
  339. opacity: 0;
  340. transform: translateY(20px);
  341. }
  342.  
  343. 100% {
  344. opacity: 1;
  345. transform: translateY(0);
  346. }
  347. }
  348.  
  349. .fadeInUp {
  350. -webkit-animation-name: fadeInUp;
  351. -moz-animation-name: fadeInUp;
  352. -o-animation-name: fadeInUp;
  353. animation-name: fadeInUp;
  354. }
  355. @-webkit-keyframes fadeInDown {
  356. 0% {
  357. opacity: 0;
  358. -webkit-transform: translateY(-20px);
  359. }
  360.  
  361. 100% {
  362. opacity: 1;
  363. -webkit-transform: translateY(0);
  364. }
  365. }
  366.  
  367. @-moz-keyframes fadeInDown {
  368. 0% {
  369. opacity: 0;
  370. -moz-transform: translateY(-20px);
  371. }
  372.  
  373. 100% {
  374. opacity: 1;
  375. -moz-transform: translateY(0);
  376. }
  377. }
  378.  
  379. @-o-keyframes fadeInDown {
  380. 0% {
  381. opacity: 0;
  382. -o-transform: translateY(-20px);
  383. }
  384.  
  385. 100% {
  386. opacity: 1;
  387. -o-transform: translateY(0);
  388. }
  389. }
  390.  
  391. @keyframes fadeInDown {
  392. 0% {
  393. opacity: 0;
  394. transform: translateY(-20px);
  395. }
  396.  
  397. 100% {
  398. opacity: 1;
  399. transform: translateY(0);
  400. }
  401. }
  402.  
  403. .fadeInDown {
  404. -webkit-animation-name: fadeInDown;
  405. -moz-animation-name: fadeInDown;
  406. -o-animation-name: fadeInDown;
  407. animation-name: fadeInDown;
  408. }
  409. @-webkit-keyframes fadeInLeft {
  410. 0% {
  411. opacity: 0;
  412. -webkit-transform: translateX(-20px);
  413. }
  414.  
  415. 100% {
  416. opacity: 1;
  417. -webkit-transform: translateX(0);
  418. }
  419. }
  420.  
  421. @-moz-keyframes fadeInLeft {
  422. 0% {
  423. opacity: 0;
  424. -moz-transform: translateX(-20px);
  425. }
  426.  
  427. 100% {
  428. opacity: 1;
  429. -moz-transform: translateX(0);
  430. }
  431. }
  432.  
  433. @-o-keyframes fadeInLeft {
  434. 0% {
  435. opacity: 0;
  436. -o-transform: translateX(-20px);
  437. }
  438.  
  439. 100% {
  440. opacity: 1;
  441. -o-transform: translateX(0);
  442. }
  443. }
  444.  
  445. @keyframes fadeInLeft {
  446. 0% {
  447. opacity: 0;
  448. transform: translateX(-20px);
  449. }
  450.  
  451. 100% {
  452. opacity: 1;
  453. transform: translateX(0);
  454. }
  455. }
  456.  
  457. .fadeInLeft {
  458. -webkit-animation-name: fadeInLeft;
  459. -moz-animation-name: fadeInLeft;
  460. -o-animation-name: fadeInLeft;
  461. animation-name: fadeInLeft;
  462. }
  463. @-webkit-keyframes fadeInRight {
  464. 0% {
  465. opacity: 0;
  466. -webkit-transform: translateX(20px);
  467. }
  468.  
  469. 100% {
  470. opacity: 1;
  471. -webkit-transform: translateX(0);
  472. }
  473. }
  474.  
  475. @-moz-keyframes fadeInRight {
  476. 0% {
  477. opacity: 0;
  478. -moz-transform: translateX(20px);
  479. }
  480.  
  481. 100% {
  482. opacity: 1;
  483. -moz-transform: translateX(0);
  484. }
  485. }
  486.  
  487. @-o-keyframes fadeInRight {
  488. 0% {
  489. opacity: 0;
  490. -o-transform: translateX(20px);
  491. }
  492.  
  493. 100% {
  494. opacity: 1;
  495. -o-transform: translateX(0);
  496. }
  497. }
  498.  
  499. @keyframes fadeInRight {
  500. 0% {
  501. opacity: 0;
  502. transform: translateX(20px);
  503. }
  504.  
  505. 100% {
  506. opacity: 1;
  507. transform: translateX(0);
  508. }
  509. }
  510.  
  511. .fadeInRight {
  512. -webkit-animation-name: fadeInRight;
  513. -moz-animation-name: fadeInRight;
  514. -o-animation-name: fadeInRight;
  515. animation-name: fadeInRight;
  516. }
  517. @-webkit-keyframes fadeOutUp {
  518. 0% {
  519. opacity: 1;
  520. -webkit-transform: translateY(0);
  521. }
  522.  
  523. 100% {
  524. opacity: 0;
  525. -webkit-transform: translateY(-20px);
  526. }
  527. }
  528. @-moz-keyframes fadeOutUp {
  529. 0% {
  530. opacity: 1;
  531. -moz-transform: translateY(0);
  532. }
  533.  
  534. 100% {
  535. opacity: 0;
  536. -moz-transform: translateY(-20px);
  537. }
  538. }
  539. @-o-keyframes fadeOutUp {
  540. 0% {
  541. opacity: 1;
  542. -o-transform: translateY(0);
  543. }
  544.  
  545. 100% {
  546. opacity: 0;
  547. -o-transform: translateY(-20px);
  548. }
  549. }
  550. @keyframes fadeOutUp {
  551. 0% {
  552. opacity: 1;
  553. transform: translateY(0);
  554. }
  555.  
  556. 100% {
  557. opacity: 0;
  558. transform: translateY(-20px);
  559. }
  560. }
  561.  
  562. .fadeOutUp {
  563. -webkit-animation-name: fadeOutUp;
  564. -moz-animation-name: fadeOutUp;
  565. -o-animation-name: fadeOutUp;
  566. animation-name: fadeOutUp;
  567. }
  568. @-webkit-keyframes fadeOutDown {
  569. 0% {
  570. opacity: 1;
  571. -webkit-transform: translateY(0);
  572. }
  573.  
  574. 100% {
  575. opacity: 0;
  576. -webkit-transform: translateY(20px);
  577. }
  578. }
  579.  
  580. @-moz-keyframes fadeOutDown {
  581. 0% {
  582. opacity: 1;
  583. -moz-transform: translateY(0);
  584. }
  585.  
  586. 100% {
  587. opacity: 0;
  588. -moz-transform: translateY(20px);
  589. }
  590. }
  591.  
  592. @-o-keyframes fadeOutDown {
  593. 0% {
  594. opacity: 1;
  595. -o-transform: translateY(0);
  596. }
  597.  
  598. 100% {
  599. opacity: 0;
  600. -o-transform: translateY(20px);
  601. }
  602. }
  603.  
  604. @keyframes fadeOutDown {
  605. 0% {
  606. opacity: 1;
  607. transform: translateY(0);
  608. }
  609.  
  610. 100% {
  611. opacity: 0;
  612. transform: translateY(20px);
  613. }
  614. }
  615.  
  616. .fadeOutDown {
  617. -webkit-animation-name: fadeOutDown;
  618. -moz-animation-name: fadeOutDown;
  619. -o-animation-name: fadeOutDown;
  620. animation-name: fadeOutDown;
  621. }
  622. @-webkit-keyframes fadeOutLeft {
  623. 0% {
  624. opacity: 1;
  625. -webkit-transform: translateX(0);
  626. }
  627.  
  628. 100% {
  629. opacity: 0;
  630. -webkit-transform: translateX(-20px);
  631. }
  632. }
  633.  
  634. @-moz-keyframes fadeOutLeft {
  635. 0% {
  636. opacity: 1;
  637. -moz-transform: translateX(0);
  638. }
  639.  
  640. 100% {
  641. opacity: 0;
  642. -moz-transform: translateX(-20px);
  643. }
  644. }
  645.  
  646. @-o-keyframes fadeOutLeft {
  647. 0% {
  648. opacity: 1;
  649. -o-transform: translateX(0);
  650. }
  651.  
  652. 100% {
  653. opacity: 0;
  654. -o-transform: translateX(-20px);
  655. }
  656. }
  657.  
  658. @keyframes fadeOutLeft {
  659. 0% {
  660. opacity: 1;
  661. transform: translateX(0);
  662. }
  663.  
  664. 100% {
  665. opacity: 0;
  666. transform: translateX(-20px);
  667. }
  668. }
  669.  
  670. .fadeOutLeft {
  671. -webkit-animation-name: fadeOutLeft;
  672. -moz-animation-name: fadeOutLeft;
  673. -o-animation-name: fadeOutLeft;
  674. animation-name: fadeOutLeft;
  675. }
  676. @-webkit-keyframes fadeOutRight {
  677. 0% {
  678. opacity: 1;
  679. -webkit-transform: translateX(0);
  680. }
  681.  
  682. 100% {
  683. opacity: 0;
  684. -webkit-transform: translateX(20px);
  685. }
  686. }
  687.  
  688. @-moz-keyframes fadeOutRight {
  689. 0% {
  690. opacity: 1;
  691. -moz-transform: translateX(0);
  692. }
  693.  
  694. 100% {
  695. opacity: 0;
  696. -moz-transform: translateX(20px);
  697. }
  698. }
  699.  
  700. @-o-keyframes fadeOutRight {
  701. 0% {
  702. opacity: 1;
  703. -o-transform: translateX(0);
  704. }
  705.  
  706. 100% {
  707. opacity: 0;
  708. -o-transform: translateX(20px);
  709. }
  710. }
  711.  
  712. @keyframes fadeOutRight {
  713. 0% {
  714. opacity: 1;
  715. transform: translateX(0);
  716. }
  717.  
  718. 100% {
  719. opacity: 0;
  720. transform: translateX(20px);
  721. }
  722. }
  723.  
  724. .fadeOutRight {
  725. -webkit-animation-name: fadeOutRight;
  726. -moz-animation-name: fadeOutRight;
  727. -o-animation-name: fadeOutRight;
  728. animation-name: fadeOutRight;
  729. }
  730.  
  731. /* ================= FONTS ================== */
  732.  
  733. @font-face {
  734. font-family: 'open_sansbold';
  735. src: url('fonts/opensans-bold-webfont.eot');
  736. src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
  737. url('fonts/opensans-bold-webfont.woff') format('woff'),
  738. url('fonts/opensans-bold-webfont.ttf') format('truetype'),
  739. url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
  740. font-weight: normal;
  741. font-style: normal;
  742. }
  743. @font-face {
  744. font-family: 'open_sansitalic';
  745. src: url('fonts/opensans-italic-webfont.eot');
  746. src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
  747. url('fonts/opensans-italic-webfont.woff') format('woff'),
  748. url('fonts/opensans-italic-webfont.ttf') format('truetype'),
  749. url('fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
  750. font-weight: normal;
  751. font-style: normal;
  752. }
  753. @font-face {
  754. font-family: 'open_sansregular';
  755. src: url('fonts/opensans-regular-webfont.eot');
  756. src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
  757. url('fonts/opensans-regular-webfont.woff') format('woff'),
  758. url('fonts/opensans-regular-webfont.ttf') format('truetype'),
  759. url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
  760. font-weight: normal;
  761. font-style: normal;
  762. }
  763. @font-face {
  764. font-family: 'oswaldbold';
  765. src: url('fonts/oswald-bold-webfont.eot');
  766. src: url('fonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
  767. url('fonts/oswald-bold-webfont.woff') format('woff'),
  768. url('fonts/oswald-bold-webfont.ttf') format('truetype'),
  769. url('fonts/oswald-bold-webfont.svg#oswaldbold') format('svg');
  770. font-weight: normal;
  771. font-style: normal;
  772.  
  773. }
  774. @font-face {
  775. font-family: 'oswaldregular';
  776. src: url('fonts/oswald-regular-webfont.eot');
  777. src: url('fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
  778. url('fonts/oswald-regular-webfont.woff') format('woff'),
  779. url('fonts/oswald-regular-webfont.ttf') format('truetype'),
  780. url('fonts/oswald-regular-webfont.svg#oswaldregular') format('svg');
  781. font-weight: normal;
  782. font-style: normal;
  783. }
  784.  
  785. /* ================= GENERAL STYLES ================== */
  786.  
  787. ::-webkit-scrollbar {
  788. width:5px;
  789. }
  790. ::-webkit-scrollbar-thumb {
  791. background:#fff;
  792. }
  793. ::-webkit-scrollbar-thumb:window-inactive {
  794. background:#fff;
  795. }
  796. html, body{
  797. margin: 0;
  798. padding: 0;
  799. }
  800. body{
  801. background-color:#000;
  802. color:#fff;
  803. font-size:13px;
  804. overflow:hidden;
  805. }
  806. img {
  807. -ms-interpolation-mode:bicubic;
  808. image-rendering:optimizeQuality;
  809. }
  810. h1, h2, h3, h4, h5, h6 {
  811. margin-top:0px;
  812. margin-bottom:15px;
  813. padding:0px;
  814. line-height:1;
  815. }
  816. h1 {
  817. font-size:55px;
  818. }
  819. h2 {
  820. font-size:44px;
  821. }
  822. h3 {
  823. font-size:36px;
  824. }
  825. h4 {
  826. font-size:30px;
  827. }
  828. h5 {
  829. font-size:24px;
  830. }
  831. h6 {
  832. font-size:20px;
  833. }
  834. .show
  835. {
  836. display:block !important;
  837. }
  838. .hide
  839. {
  840. display:none !important;
  841. }
  842. .clear {
  843. clear:both;
  844. }
  845. hr {
  846. margin-top:30px;
  847. margin-bottom:30px;
  848. padding: 0;
  849. border: none;
  850. height:1px;
  851. clear:both;
  852. }
  853. p {
  854. font-size:13px;
  855. line-height:1.5;
  856. margin-bottom:21px;
  857. margin-top:0px !important;
  858. color:#c7c7c7;
  859. word-spacing: 0.2em;
  860. }
  861. p:last-child
  862. {
  863. margin-bottom:0px;
  864. }
  865. a {
  866. color: #fff;
  867. -webkit-transition: color 0.4s ease-in-out;
  868. -moz-transition: color 0.4s ease-in-out;
  869. -o-transition: color 0.4s ease-in-out;
  870. -ms-transition: color 0.4s ease-in-out;
  871. text-decoration:none;
  872. }
  873. label
  874. {
  875. font-size:13px;
  876. line-height:1.7;
  877. }
  878. .label {
  879. padding-top:4px;
  880. padding-bottom:4px;
  881. padding-left:10px;
  882. padding-right:10px;
  883. background-color:#000;
  884. color:#fff;
  885. line-height:1.5;
  886. font-size:14px;
  887. }
  888. table {
  889. border-collapse:collapse;
  890. border-spacing:0;
  891. width:100%;
  892. }
  893. table td {
  894. padding:20px;
  895. }
  896. table th {
  897. padding:10px 20px 10px 20px;
  898. text-align:left;
  899. font-size:16px;
  900. }
  901. blockquote {
  902. line-height: 1.5;
  903. padding-left: 20px;
  904. padding-right: 10px;
  905. padding-top: 10px;
  906. padding-bottom: 10px;
  907. margin: 0px 0px 21px 0px;
  908. position: relative;
  909. color:#fff;
  910. background-color:#000;
  911. }
  912. blockquote cite {
  913. font-size:14px;
  914. line-height:1.5;
  915. display:block;
  916. margin-top:20px;
  917. text-align:right;
  918. }
  919. #ascensorBuilding {
  920. overflow:hidden !important;
  921. background-color:#000;
  922. }
  923. #ascensorBuilding article {
  924. overflow: hidden !important;
  925. background-color:#000;
  926. }
  927.  
  928. /* ================= HEADER ================== */
  929.  
  930. header
  931. {
  932. position:fixed;
  933. left:20px;
  934. top:0px;
  935. height:auto;
  936. width:240px;
  937. z-index:9999;
  938. text-align:center;
  939. margin-top:-200px;
  940. }
  941. header h1 {
  942. font-size:55px;
  943. line-height:1.3;
  944. background-color:#000;
  945. padding:10px;
  946. }
  947. header img
  948. {
  949. width:100%;
  950. height:auto;
  951. margin:0;
  952. padding:0;
  953. }
  954.  
  955. /* ================= MAIN MENU ================== */
  956. #mobile-menu
  957. {
  958. position:fixed;
  959. z-index:9998;
  960. left:0px;
  961. top:0px;
  962. display:none;
  963. padding-left:150px;
  964. height:95px;
  965. line-height:95px;
  966. width:100%;
  967. background-color:rgba(0,0,0,0.8);
  968. font-size:22px;
  969. background-image:url('images/bottom-s.png');
  970. background-repeat:no-repeat;
  971. background-position:98% center;
  972. }
  973. #mobile-menu:hover
  974. {
  975. cursor:pointer;
  976. color:#fff;
  977. }
  978. .menu-close
  979. {
  980. background-image:url('images/top-s.png') !important;
  981. }
  982. nav
  983. {
  984. position:fixed;
  985. z-index:9998;
  986. left:0px;
  987. top:0px;
  988. height:60px;
  989. background-color:#000;
  990. font-size:18px;
  991. }
  992. nav ul
  993. {
  994. list-style:none;
  995. margin:0;
  996. display:inline-block;
  997. padding-left:275px;
  998. padding-right:15px;
  999. position:relative;
  1000. margin-left:-120%;
  1001. }
  1002. #main-menu ul:after {
  1003. left: 100%;
  1004. content: " ";
  1005. height: 0;
  1006. width: 0;
  1007. position: absolute;
  1008. pointer-events: none;
  1009. border-width: 30px;
  1010. top: 50%;
  1011. margin-top: -30px;
  1012. }
  1013. nav li
  1014. {
  1015. float:left;
  1016. display:inline-block;
  1017. padding-left:5px;
  1018. padding-right:5px;
  1019. line-height:60px;
  1020. height:60px;
  1021. cursor:pointer;
  1022. }
  1023. nav li a
  1024. {
  1025. color:#fff;
  1026. text-decoration:none;
  1027. }
  1028. nav li a:hover
  1029. {
  1030. color:#fff;
  1031. }
  1032. nav ul li a::before,
  1033. nav ul li a::after {
  1034. display: inline-block;
  1035. opacity: 0;
  1036. -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  1037. -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  1038. transition: transform 0.3s, opacity 0.2s;
  1039. }
  1040.  
  1041. nav ul li a::before {
  1042. margin-right: 10px;
  1043. content: '|';
  1044. -webkit-transform: translateX(20px);
  1045. -moz-transform: translateX(20px);
  1046. transform: translateX(20px);
  1047. }
  1048.  
  1049. nav ul li a::after {
  1050. margin-left: 10px;
  1051. content: '|';
  1052. -webkit-transform: translateX(-20px);
  1053. -moz-transform: translateX(-20px);
  1054. transform: translateX(-20px);
  1055. }
  1056.  
  1057. nav ul li a:hover::before,
  1058. nav ul li a:hover::after,
  1059. nav ul li a:focus::before,
  1060. nav ul li a:focus::after {
  1061. opacity: 1;
  1062. -webkit-transform: translateX(0px);
  1063. -moz-transform: translateX(0px);
  1064. transform: translateX(0px);
  1065. }
  1066. #main-menu
  1067. {
  1068. width:100%;
  1069. background-color:rgba(0,0,0,0.8);
  1070. }
  1071. #sub-menu
  1072. {
  1073. width:auto;
  1074. background-color:transparent;
  1075. }
  1076. #sub-menu ul, #sub-menu li
  1077. {
  1078. background-color:#000;
  1079. }
  1080. #sub-menu ul:after {
  1081. border: solid transparent;
  1082. border-color: transparent;
  1083. border-left-color: #000;
  1084. left: 100%;
  1085. content: " ";
  1086. height: 0;
  1087. width: 0;
  1088. position: absolute;
  1089. pointer-events: none;
  1090. border-width: 30px;
  1091. top: 50%;
  1092. margin-top: -30px;
  1093. }
  1094.  
  1095. /* ================= PAGES ================== */
  1096.  
  1097. .page-content
  1098. {
  1099. position:absolute;
  1100. width:600px;
  1101. right:0px;
  1102. top:0px;
  1103. height:100%;
  1104. background-color:#000;
  1105. background-color:rgba(0,0,0,0.8);
  1106. overflow-y:auto;
  1107. overflow-x:hidden;
  1108. -webkit-overflow-scrolling: touch;
  1109. }
  1110. .page-content-small
  1111. {
  1112. position:absolute;
  1113. width:450px;
  1114. right:0px;
  1115. top:0px;
  1116. height:100%;
  1117. background-color:#000;
  1118. background-color:rgba(0,0,0,0.8);
  1119. overflow-y:auto;
  1120. overflow-x:hidden;
  1121. -webkit-overflow-scrolling: touch;
  1122. }
  1123. .content
  1124. {
  1125. padding-left:30px;
  1126. padding-right:30px;
  1127. padding-bottom:30px;
  1128. padding-top:90px;
  1129. -ms-word-wrap: break-word;
  1130. word-wrap: break-word;
  1131. }
  1132. .content img
  1133. {
  1134. max-width:100%;
  1135. height:auto;
  1136. }
  1137. /* ================= SLIDER ================== */
  1138.  
  1139. .slider_bg{
  1140. width:100%;
  1141. height:100%;
  1142. position:absolute;
  1143. top:0px;
  1144. left:0px;
  1145. }
  1146. .slider_bg img{
  1147. position:absolute;
  1148. top:0px;
  1149. left:0px;
  1150. width:100%;
  1151. z-index: 1;
  1152. display:none;
  1153. }
  1154. .slider_content{
  1155. position:absolute;
  1156. bottom:20px;
  1157. left:20px;
  1158. z-index:10;
  1159. display:none;
  1160. background-color:#000;
  1161. color:#fff;
  1162. margin:0px;
  1163. padding:15px;
  1164. }
  1165. .slider_content h2
  1166. {
  1167. line-height:1;
  1168. margin:0px;
  1169. }
  1170. .slider_content.showcontent{
  1171. display:block;
  1172. }
  1173. .slider_loading{
  1174. position:fixed;
  1175. top:0;
  1176. left:0;
  1177. margin:0px;
  1178. width:100%;
  1179. height:100%;
  1180. z-index:99999999999;
  1181. }
  1182. .slider_next,
  1183. .slider_prev{
  1184. width:100px;
  1185. height:100px;
  1186. position:absolute;
  1187. right:20px;
  1188. z-index:100;
  1189. cursor:pointer;
  1190. opacity:0.5;
  1191. -webkit-border-radius: 100%;
  1192. -moz-border-radius: 100%;
  1193. border-radius: 100%;
  1194. background-color:#000;
  1195. padding:20px;
  1196. -webkit-transition:opacity 0.4s ease-in-out;
  1197. -moz-transition:opacity 0.4s ease-in-out;
  1198. -o-transition:opacity 0.4s ease-in-out;
  1199. -ms-transition:opacity 0.4s ease-in-out;
  1200. }
  1201. .slider_next{
  1202. bottom:20px;
  1203. background-image:url('images/bottom.png');
  1204. background-repeat:no-repeat;
  1205. background-position:center center;
  1206. }
  1207. .slider_prev{
  1208. top:80px;
  1209. background-image:url('images/top.png');
  1210. background-repeat:no-repeat;
  1211. background-position:center center;
  1212. }
  1213. .slider_next:hover,
  1214. .slider_prev:hover{
  1215. opacity:0.9;
  1216. }
  1217.  
  1218. /* ================= GALLERY BOXES ================== */
  1219.  
  1220. .gallery
  1221. {
  1222. margin-top:30px;
  1223. padding:0;
  1224. width:100%;
  1225. position:relative;
  1226. clear:both;
  1227. }
  1228. .left-gallery
  1229. {
  1230. width:252px;
  1231. float:left;
  1232. }
  1233. .right-gallery
  1234. {
  1235. width:252px;
  1236. float:right;
  1237. }
  1238. .full-gallery
  1239. {
  1240. width:100%;
  1241. }
  1242. .gallery figure {
  1243. margin: 0;
  1244. position: relative;
  1245. }
  1246.  
  1247. .gallery figure img {
  1248. width: 100%;
  1249. height:auto;
  1250. display: block;
  1251. position: relative;
  1252. }
  1253.  
  1254. .gallery figcaption {
  1255. position: absolute;
  1256. top: 0;
  1257. left: 0;
  1258. padding-left: 20px;
  1259. padding-right: 20px;
  1260. padding-top:10px;
  1261. color: #fff;
  1262. height: 58px;
  1263. width: 100%;
  1264. top: auto;
  1265. bottom: 0;
  1266. opacity: 0;
  1267. -webkit-transform: translateY(100%);
  1268. -moz-transform: translateY(100%);
  1269. -ms-transform: translateY(100%);
  1270. transform: translateY(100%);
  1271. -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
  1272. -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
  1273. transition: transform 0.4s, opacity 0.1s 0.3s;
  1274. }
  1275. .gallery figcaption span {
  1276. margin: 0;
  1277. padding: 0;
  1278. color: #fff;
  1279. line-height:1.5;
  1280. font-size:24px;
  1281. }
  1282. .gallery figure {
  1283. overflow: hidden;
  1284. }
  1285. .gallery figure img {
  1286. -webkit-transition: -webkit-transform 0.4s;
  1287. -moz-transition: -moz-transform 0.4s;
  1288. transition: transform 0.4s;
  1289. width:100%;
  1290. }
  1291. .no-touch .gallery figure:hover img,
  1292. .gallery figure.cs-hover img {
  1293. -webkit-transform: translateY(-50px);
  1294. -moz-transform: translateY(-50px);
  1295. -ms-transform: translateY(-50px);
  1296. transform: translateY(-50px);
  1297. }
  1298. .no-touch .gallery figure:hover figcaption,
  1299. .gallery figure.cs-hover figcaption {
  1300. opacity: 1;
  1301. -webkit-transform: translateY(0px);
  1302. -moz-transform: translateY(0px);
  1303. -ms-transform: translateY(0px);
  1304. transform: translateY(0px);
  1305. -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
  1306. -moz-transition: -moz-transform 0.4s, opacity 0.1s;
  1307. transition: transform 0.4s, opacity 0.1s;
  1308. }
  1309.  
  1310. /* ================= TESTIMONIALS ================== */
  1311.  
  1312. #quote_wrap
  1313. {
  1314. width:100%;
  1315. position:relative;
  1316. min-height:130px;
  1317. margin-top:30px;
  1318. }
  1319. #quote_wrap p
  1320. {
  1321. margin-bottom:0px !important;
  1322. }
  1323. #quote_wrap img
  1324. {
  1325. width:100%;
  1326. height:auto;
  1327. float:left;
  1328. -webkit-border-radius: 100%;
  1329. -moz-border-radius: 100%;
  1330. border-radius: 100%;
  1331. }
  1332. .testimonial-item
  1333. {
  1334. width:100%;
  1335. }
  1336. .item-left
  1337. {
  1338. float:left;
  1339. width:30%;
  1340. padding-right:25px;
  1341. }
  1342. .item-right
  1343. {
  1344. float:right;
  1345. width:70%;
  1346. padding-right:5px;
  1347. }
  1348. .item-client
  1349. {
  1350. text-align:right;
  1351. padding-top:10px;
  1352. font-size:16px;
  1353. }
  1354.  
  1355. /* ================= ARTISTS ================== */
  1356.  
  1357. .grid {
  1358. padding: 0px;
  1359. margin: 0px;
  1360. list-style: none;
  1361. text-align: center;
  1362. }
  1363.  
  1364. .grid li {
  1365. display: inline-block;
  1366. width: 100%;
  1367. margin: 0;
  1368. margin-bottom:27px;
  1369. padding: 0px;
  1370. text-align: left;
  1371. position: relative;
  1372. }
  1373. .grid li:last-child {
  1374. margin-bottom:-3px;
  1375. }
  1376.  
  1377. .grid figure {
  1378. margin: 0;
  1379. position: relative;
  1380. overflow: hidden;
  1381. }
  1382.  
  1383. .grid figure img {
  1384. width: 100%;
  1385. height:auto;
  1386. display: block;
  1387. position: relative;
  1388. }
  1389.  
  1390. .grid figcaption {
  1391. position: absolute;
  1392. top: 0;
  1393. left: 0;
  1394. padding: 20px;
  1395. background: #000;
  1396. color: #c7c7c7;
  1397. font-size:12px;
  1398. }
  1399.  
  1400. .grid figcaption h4 {
  1401. margin-bottom:10px;
  1402. color: #fff;
  1403. }
  1404.  
  1405. .grid figcaption a {
  1406. text-align: center;
  1407. padding: 5px 10px;
  1408. display: inline-block;
  1409. color: #fff;
  1410. text-decoration:none;
  1411. -webkit-transition:all 0.4s ease-in-out;
  1412. -moz-transition:all 0.4s ease-in-out;
  1413. -o-transition:all 0.4s ease-in-out;
  1414. -ms-transition:all 0.4s ease-in-out;
  1415. font-size:13px;
  1416. }
  1417. .grid figcaption a:hover {
  1418. background: #fff;
  1419. color: #000;
  1420. }
  1421.  
  1422. .grid figure > div {
  1423. overflow: hidden;
  1424. }
  1425.  
  1426. .grid figure img {
  1427. -webkit-transition: -webkit-transform 0.4s;
  1428. -moz-transition: -moz-transform 0.4s;
  1429. transition: transform 0.4s;
  1430. }
  1431.  
  1432. .no-touch .grid figure:hover img,
  1433. .grid figure.cs-hover img {
  1434. -webkit-transform: translateX(25%);
  1435. -moz-transform: translateX(25%);
  1436. -ms-transform: translateX(25%);
  1437. transform: translateX(25%);
  1438. }
  1439.  
  1440. .grid figcaption {
  1441. height: 100%;
  1442. -webkit-backface-visibility: hidden;
  1443. -moz-backface-visibility: hidden;
  1444. backface-visibility: hidden;
  1445. -webkit-transform: translateX(-100%);
  1446. -moz-transform: translateX(-100%);
  1447. -ms-transform: translateX(-100%);
  1448. transform: translateX(-100%);
  1449. -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
  1450. -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
  1451. transition: transform 0.4s, opacity 0.1s 0.3s;
  1452. }
  1453.  
  1454. .no-touch .grid figure:hover figcaption,
  1455. .grid figure.cs-hover figcaption {
  1456. opacity: 1;
  1457. -webkit-transform: translateX(0px);
  1458. -moz-transform: translateX(0px);
  1459. -ms-transform: translateX(0px);
  1460. transform: translateX(0px);
  1461. -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
  1462. -moz-transition: -moz-transform 0.4s, opacity 0.1s;
  1463. transition: transform 0.4s, opacity 0.1s;
  1464. }
  1465.  
  1466.  
  1467. .grid figcaption a {
  1468. position: absolute;
  1469. bottom: 20px;
  1470. right: 20px;
  1471. }
  1472.  
  1473. /* ================= FAQ ================== */
  1474.  
  1475. .faq {
  1476. margin-top:-10px;
  1477. margin-bottom:-10px;
  1478. }
  1479. .accordion-header {
  1480. margin:0;
  1481. padding:10px 0px 10px 0px;
  1482. cursor:pointer;
  1483. text-align:left;
  1484. font-size:18px;
  1485. -webkit-transition:background-color 0.4s ease-in-out, padding 0.8s linear, color 0.4s ease-in-out;
  1486. -moz-transition:background-color 0.4s ease-in-out, padding 0.8s linear, color 0.4s ease-in-out;
  1487. -o-transition:background-color 0.4s ease-in-out, padding 0.8s linear, color 0.4s ease-in-out;
  1488. transition: background-color 0.4s ease-in-out, padding 0.8s linear, color 0.4s ease-in-out;
  1489. }
  1490. .accordion-header:hover {
  1491. background:url(images/down.png);
  1492. background-repeat:no-repeat;
  1493. background-position:right 50%;
  1494. }
  1495. .active-header {
  1496. color:#fff;
  1497. font-size:22px;
  1498. padding-left:20px;
  1499. margin-top:10px;
  1500. }
  1501. .active-header:hover {
  1502. background-image:none;
  1503. color:#fff;
  1504. }
  1505. .accordion-content {
  1506. display:none;
  1507. padding:20px;
  1508. width:100%;
  1509. background-color:#000;
  1510. margin-bottom:10px;
  1511. }
  1512.  
  1513. /* ================= RESPONSIVE GOOGLE MAP ================== */
  1514.  
  1515. .google-map {
  1516. position:relative;
  1517. height:100%;
  1518. overflow:hidden;
  1519. }
  1520. .google-map2 {
  1521. position:absolute;
  1522. height:100%;
  1523. width:100%;
  1524. overflow:hidden;
  1525. }
  1526. .google-map iframe, .google-map2 iframe{
  1527. position:absolute;
  1528. top:0;
  1529. left:0;
  1530. right:0;
  1531. bottom:0;
  1532. width:100%;
  1533. height:100%;
  1534. outline:none;
  1535. border:none;
  1536. }
  1537.  
  1538. /* ================= CONTACT ================== */
  1539.  
  1540. input[type="text"], input[type="email"], input[type="number"], input[type="date"], input[type="password"], textarea
  1541. {
  1542. border: 1px solid #000;
  1543. width: 80%;
  1544. color: rgba(255, 255, 255, 0.75);
  1545. display: block;
  1546. font-size: 14px;
  1547. margin: 0px 0px 11px 0px;
  1548. padding: 5px 10px 5px 10px;
  1549. height: 35px;
  1550. -webkit-transition: all 0.4s linear;
  1551. -moz-transition: all 0.4s linear;
  1552. -o-transition: all 0.4s linear;
  1553. transition: all 0.4s linear;
  1554. background-color: rgba(0,0,0,0.5);
  1555. -webkit-border-radius: 0px !important;
  1556. -moz-border-radius: 0px !important;
  1557. border-radius: 0px !important;
  1558. color:#fff;
  1559. }
  1560. input[type="text"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="date"].oversize {
  1561. font-size:15px;
  1562. padding:4px 5px
  1563. }
  1564. input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="password"]:focus, textarea:focus {
  1565. outline:none !important;
  1566. }
  1567. input[type="submit"] {
  1568. margin-top:14px;
  1569. }
  1570. textarea {
  1571. height:100px;
  1572. width:100%;
  1573. margin-bottom:0px !important;
  1574. }
  1575. .button, input[type="submit"] {
  1576. width: auto;
  1577. color: #fff !important;
  1578. cursor: pointer;
  1579. display: inline-block;
  1580. font-size: 14px;
  1581. line-height: 1;
  1582. margin: 5px 20px 0px 0px;
  1583. outline: none;
  1584. padding: 10px 20px 11px;
  1585. position: relative;
  1586. text-align: center;
  1587. text-decoration: none !important;
  1588. -webkit-transition: background-color 0.15s ease-in-out;
  1589. -moz-transition: background-color 0.15s ease-in-out;
  1590. -o-transition: background-color 0.15s ease-in-out;
  1591. transition: background-color 0.15s ease-in-out;
  1592. -webkit-border-radius: 0px !important;
  1593. -moz-border-radius: 0px !important;
  1594. border-radius: 0px !important;
  1595. border: none !important;
  1596. }
  1597. .button:hover, input[type="submit"]:hover {
  1598. background-color:#000;
  1599. }
  1600. .searchbox {
  1601. width:100% !important;
  1602. display:inline-block;
  1603. position:relative;
  1604. margin-bottom:25px;
  1605. }
  1606. .searchbox input[type="text"].searchtext {
  1607. width:75% !important;
  1608. float:left;
  1609. margin:0px !important;
  1610. height: 40px;
  1611. }
  1612. .searchbox .button {
  1613. width:25% !important;
  1614. position:absolute;
  1615. top:0;
  1616. right:0;
  1617. margin:0px;
  1618. line-height: 20px;
  1619. height:40px;
  1620. }
  1621. .contact-info h1 {
  1622. padding-bottom:5px;
  1623. }
  1624. #mobile-map {
  1625. position:relative;
  1626. padding-top:25px;
  1627. padding-bottom:67.5%;
  1628. height:0;
  1629. overflow:hidden;
  1630. margin-top:20px;
  1631. margin-bottom:20px;
  1632. display:none;
  1633. }
  1634. #mobile-map iframe {
  1635. position:absolute;
  1636. top:0;
  1637. left:0;
  1638. width:100%;
  1639. height:100%;
  1640. outline:none;
  1641. border: none;
  1642. }
  1643.  
  1644. /* ================= SOCIAL ICONS ================== */
  1645.  
  1646. .socialbox {
  1647. margin-top:30px;
  1648. }
  1649. .social-icons {
  1650. list-style-type:none;
  1651. float:left;
  1652. display:block;
  1653. margin:0px;
  1654. padding-left:0px;
  1655. padding-right:0px;
  1656. padding-top:10px;
  1657. padding-bottom:25px;
  1658. width:105%;
  1659. }
  1660. .social-icons li {
  1661. float:left;
  1662. display:block;
  1663. position:relative;
  1664. margin-right:10px;
  1665. }
  1666. .social-icons li img {
  1667. width:48px;
  1668. }
  1669. .social-icons li:last-child {
  1670. margin-left:0px !important;
  1671. margin-right:0px !important;
  1672. }
  1673. .social-icon {
  1674. -webkit-transition:all 0.4s ease-in-out;
  1675. -moz-transition:all 0.4s ease-in-out;
  1676. -o-transition:all 0.4s ease-in-out;
  1677. -ms-transition:all 0.4s ease-in-out;
  1678. transition:all 0.4s ease-in-out;
  1679. opacity:0.5;
  1680. }
  1681. .social-icon:hover {
  1682. opacity: 1;
  1683. }
  1684. /* ================= BLOG ================== */
  1685.  
  1686. .blog-content {
  1687. margin-top:30px;
  1688. }
  1689. .tagsicon, .usericon, .categoryicon, .dateicon {
  1690. line-height:30px;
  1691. }
  1692. .tagsicon a, .usericon a, .categoryicon a, .dateicon a {
  1693. background-color:transparent !important;
  1694. text-align: left !important;
  1695. padding: 0px !important;
  1696. position: relative !important;
  1697. bottom: auto !important;
  1698. right: auto !important;
  1699. color: #c7c7c7 !important;
  1700. }
  1701. .tagsicon a:hover, .usericon a:hover, .categoryicon a:hover, .dateicon a:hover {
  1702. background-color:transparent !important;
  1703. color:#fff !important;
  1704. }
  1705. .tagsicon {
  1706. background-image: url('images/tags.png');
  1707. background-repeat: no-repeat;
  1708. background-position: left center;
  1709. padding-left: 24px;
  1710. }
  1711. .usericon {
  1712. background-image: url('images/user.png');
  1713. background-repeat: no-repeat;
  1714. background-position: left center;
  1715. padding-left: 24px;
  1716. }
  1717. .categoryicon {
  1718. background-image: url('images/category.png');
  1719. background-repeat: no-repeat;
  1720. background-position: left center;
  1721. padding-left: 24px;
  1722. }
  1723. .dateicon {
  1724. background-image: url('images/date.png');
  1725. background-repeat: no-repeat;
  1726. background-position: left center;
  1727. padding-left: 24px;
  1728. }
  1729. .next a, .previous a {
  1730. font-size:14px;
  1731. padding-top:5px;
  1732. padding-bottom:5px;
  1733. padding-left:10px;
  1734. padding-right:10px;
  1735. line-height:2;
  1736. -webkit-transition: all 0.4s ease-in-out;
  1737. -moz-transition: all 0.4s ease-in-out;
  1738. -o-transition: all 0.4s ease-in-out;
  1739. -ms-transition: all 0.4s ease-in-out;
  1740. color:#fff !important;
  1741. background-color:#000;
  1742. }
  1743. .previous {
  1744. float:left;
  1745. width:50%;
  1746. }
  1747. .next {
  1748. float:right;
  1749. text-align:right;
  1750. width:50%;
  1751. }
  1752. .read-more {
  1753. color:#fff !important;
  1754. padding-top:5px;
  1755. padding-bottom:5px;
  1756. padding-left:10px;
  1757. padding-right:10px;
  1758. line-height:2;
  1759. -webkit-transition: all 0.4s ease-in-out;
  1760. -moz-transition: all 0.4s ease-in-out;
  1761. -o-transition: all 0.4s ease-in-out;
  1762. -ms-transition: all 0.4s ease-in-out;
  1763. }
  1764. .read-more:hover {
  1765. background-color:#000;
  1766. }
  1767. /* ================= RESPONSIVE VIDEO ================== */
  1768. .flex-video {
  1769. position:relative;
  1770. padding-bottom:67.5%;
  1771. height:0;
  1772. overflow:hidden;
  1773. margin-bottom:25px;
  1774. margin-top:20px;
  1775. }
  1776. .flex-video.widescreen {
  1777. padding-bottom:37.25%
  1778. }
  1779. .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
  1780. position:absolute;
  1781. top:0;
  1782. left:0;
  1783. width:100%;
  1784. height:100%;
  1785. outline:none;
  1786. border:none;
  1787. }
  1788. /* ================= COMMENTS ================== */
  1789. .comments_block {
  1790. width: 100%;
  1791. margin-top:20px;
  1792. }
  1793. .comments_block h3
  1794. {
  1795. font-size:36px;
  1796. }
  1797. .comments {
  1798. margin-top:0px;
  1799. margin-bottom:0px;
  1800. }
  1801. .comments p {
  1802. margin-bottom:0px !important;
  1803. padding-right:40px;
  1804. }
  1805. .comments .meta {
  1806. font-size:14px;
  1807. margin-bottom:5px !important;
  1808. color:#fff;
  1809. }
  1810. .comments_content {
  1811. margin-bottom:30px;
  1812. padding-right:15px;
  1813. padding-top:15px;
  1814. padding-bottom:0px;
  1815. position:relative;
  1816. }
  1817. .comments_content {
  1818. border-top: 1px solid #c7c7c7;
  1819. }
  1820. .comments_block .comment-reply-link {
  1821. padding-left:50px;
  1822. margin-top:-10px !important;
  1823. }
  1824. .comments.comment-reply-link .reply_icon {
  1825. display:block !important;
  1826. }
  1827. .comments a.comment-reply-link {
  1828. font-size:12px;
  1829. position:absolute;
  1830. top:10px;
  1831. right:0;
  1832. padding:7px;
  1833. -webkit-transition:background-color 0.4s ease-in-out;
  1834. -moz-transition:background-color 0.4s ease-in-out;
  1835. -o-transition:background-color 0.4s ease-in-out;
  1836. transition:background-color 0.4s ease-in-out;
  1837. }
  1838. .commentlist, .comments_block .children
  1839. {
  1840. list-style:none !important;
  1841. padding:0px !important;
  1842. margin:0px !important;
  1843. }
  1844. .comments_block .children li
  1845. {
  1846. background-image:url(images/reply.png);
  1847. background-repeat:no-repeat;
  1848. background-position:left 5px;
  1849. padding-left:40px;
  1850. }
  1851. .commentlist li:first-child
  1852. {
  1853. margin-top:25px;
  1854. }
  1855. .comments_block .fn{
  1856. font-weight:bold;
  1857. font-style:normal;
  1858. }
  1859. .form-allowed-tags
  1860. {
  1861. font-size:11px;
  1862. }
  1863. .comments_block input[type="submit"] {
  1864. width: auto;
  1865. cursor: pointer;
  1866. display: inline-block;
  1867. font-size: 14px;
  1868. line-height: 1;
  1869. margin: 0px;
  1870. outline: none;
  1871. padding: 10px 15px 10px 15px;
  1872. position: relative;
  1873. text-align: center;
  1874. text-decoration: none;
  1875. -webkit-transition: background-color 0.2s ease-in-out;
  1876. -moz-transition: background-color 0.2s ease-in-out;
  1877. -o-transition: background-color 0.2s ease-in-out;
  1878. transition: background-color 0.2s ease-in-out;
  1879. border: none !important;
  1880. }
  1881. .comments_block .form-submit
  1882. {
  1883. margin-bottom:0px !important;
  1884. }
  1885. .comments a.comment-reply-link, .comments_block input[type="submit"]
  1886. {
  1887. color:#fff !important;
  1888. }
  1889. .comments_block input[type="submit"]:hover, .comments a.comment-reply-link {
  1890. background-color:#000;
  1891. }
  1892. /* ================= GALLERY SHORTCODE ================== */
  1893. .da-thumbs {
  1894. list-style:none;
  1895. width:99.9%;
  1896. position:relative;
  1897. margin:5px auto 15px auto;
  1898. padding:0;
  1899. display:inline-block;
  1900. }
  1901. .da-thumbs li {
  1902. float:left;
  1903. position:relative;
  1904. width:33.3%;
  1905. }
  1906. .da-thumbs li a, .da-thumbs li a img {
  1907. display:block;
  1908. position:relative;
  1909. width:100%;
  1910. height:auto;
  1911. outline:0 !important;
  1912. transform: scale(1);
  1913. -webkit-transform: scale(1);
  1914. overflow:hidden;
  1915. }
  1916. .da-thumbs li a {
  1917. background-image:url('images/zoom.png');
  1918. background-position:center center;
  1919. background-repeat:no-repeat;
  1920. }
  1921. .da-thumbs li a img {
  1922. -webkit-transition: all .2s ease-in-out;
  1923. -moz-transition: all .2s ease-in-out;
  1924. -o-transition: all .2s ease-in-out;
  1925. transition: all .2s ease-in-out;
  1926. }
  1927. .da-thumbs li a img:hover {
  1928. opacity:0.1;
  1929. -moz-transform: scale(1.2);
  1930. -o-transform: scale(1.2);
  1931. transform: scale(1.2);
  1932. -webkit-transform: scale(1.2);
  1933. }
  1934. .errorbox {
  1935. padding-top:10px;
  1936. }
  1937. /* ================= Footer ================== */
  1938.  
  1939. footer {
  1940. position:fixed;
  1941. bottom:0;
  1942. left:0;
  1943. background-color:rgba(0,0,0,0.7);
  1944. color:#fff;
  1945. font-size:11px;
  1946. z-index:99999;
  1947. padding:10px;
  1948. width:100%;
  1949. }
  1950.  
  1951. /* ================= Wordpress alignments ================== */
  1952. .alignleft {
  1953. float: left;
  1954. }
  1955. .alignright {
  1956. float: right;
  1957. }
  1958. .aligncenter {
  1959. display: block;
  1960. margin-left: auto;
  1961. margin-right: auto;
  1962. }
  1963. img.alignleft {
  1964. margin: 12px 24px 12px 0px;
  1965. margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
  1966. }
  1967. img.alignright {
  1968. margin: 12px 0px 12px 24px;
  1969. margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
  1970. }
  1971. img.aligncenter {
  1972. margin-top: 12px;
  1973. margin-top: 0.857142857rem;
  1974. margin-bottom: 12px;
  1975. margin-bottom: 0.857142857rem;
  1976. }
  1977. img.alignnone {
  1978. float:none;
  1979. }
  1980. img.size-full,
  1981. img.size-large,
  1982. img.header-image,
  1983. img.wp-post-image,
  1984. img.alignnone,
  1985. img.alignright,
  1986. img.aligncenter,
  1987. img.alignleft{
  1988. max-width: 100% !important;
  1989. height: auto;
  1990. }
  1991. .wp-caption {}
  1992. .wp-caption-text {}
  1993. .gallery-caption {}
  1994. .bypostauthor {}
  1995. .sticky p {
  1996. font-weight:bold;
  1997. }
  1998. .message {
  1999. margin-top:21px;
  2000. }
  2001.  
  2002.  
  2003. html.swipebox {
  2004. overflow: hidden!important;
  2005. }
  2006. #swipebox-overlay img {
  2007. border: none!important;
  2008. }
  2009.  
  2010. #swipebox-overlay {
  2011. width: 100%;
  2012. height: 100%;
  2013. position: fixed;
  2014. top: 0;
  2015. left: 0;
  2016. z-index: 99999!important;
  2017. overflow: hidden;
  2018. -webkit-user-select: none;
  2019. -moz-user-select: none;
  2020. user-select: none;
  2021. }
  2022.  
  2023. #swipebox-slider {
  2024. height: 100%;
  2025. left: 0;
  2026. top: 0;
  2027. width: 100%;
  2028. white-space: nowrap;
  2029. position: absolute;
  2030. display: none;
  2031. }
  2032.  
  2033. #swipebox-slider .slide {
  2034. height: 100%;
  2035. width: 100%;
  2036. line-height: 1px;
  2037. text-align: center;
  2038. display: inline-block;
  2039. }
  2040.  
  2041. #swipebox-slider .slide:before {
  2042. content: "";
  2043. display: inline-block;
  2044. height: 50%;
  2045. width: 1px;
  2046. margin-right: -1px;
  2047. }
  2048.  
  2049. #swipebox-slider .slide img,
  2050. #swipebox-slider .slide .swipebox-video-container {
  2051. display: inline-block;
  2052. max-height: 100%;
  2053. max-width: 100%;
  2054. margin: 0;
  2055. padding: 0;
  2056. width: auto;
  2057. height: auto;
  2058. vertical-align: middle;
  2059. }
  2060.  
  2061. #swipebox-slider .slide .swipebox-video-container {
  2062. background:none;
  2063. max-width: 1140px;
  2064. max-height: 100%;
  2065. width: 100%;
  2066. padding:5%;
  2067. box-sizing: border-box;
  2068. -webkit-box-sizing: border-box;
  2069. -moz-box-sizing: border-box;
  2070. }
  2071.  
  2072.  
  2073. #swipebox-slider .slide .swipebox-video-container .swipebox-video{
  2074. width: 100%;
  2075. height: 0;
  2076. padding-bottom: 56.25%;
  2077. overflow: hidden;
  2078. position: relative;
  2079. }
  2080.  
  2081. #swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{
  2082. width: 100%!important;
  2083. height: 100%!important;
  2084. position: absolute;
  2085. top: 0; left: 0;
  2086. }
  2087.  
  2088. #swipebox-action, #swipebox-caption {
  2089. position: absolute;
  2090. left: 0;
  2091. z-index: 999;
  2092. height: 50px;
  2093. width: 100%;
  2094. }
  2095.  
  2096. #swipebox-action {
  2097. bottom: -50px;
  2098. }
  2099. #swipebox-action.visible-bars {
  2100. bottom: 0;
  2101. }
  2102.  
  2103. #swipebox-action.force-visible-bars {
  2104. bottom: 0!important;
  2105. }
  2106.  
  2107. #swipebox-caption {
  2108. top: -50px;
  2109. text-align: center;
  2110. }
  2111. #swipebox-caption.visible-bars {
  2112. top: 0;
  2113. }
  2114.  
  2115. #swipebox-caption.force-visible-bars {
  2116. top: 0!important;
  2117. }
  2118.  
  2119. #swipebox-action #swipebox-prev, #swipebox-action #swipebox-next,
  2120. #swipebox-action #swipebox-close {
  2121. background-image: url("images/icons.png");
  2122. background-repeat: no-repeat;
  2123. border: none!important;
  2124. text-decoration: none!important;
  2125. cursor: pointer;
  2126. position: absolute;
  2127. width: 50px;
  2128. height: 50px;
  2129. top: 0;
  2130. }
  2131.  
  2132. #swipebox-action #swipebox-close {
  2133. background-position: 15px 12px;
  2134. left: 40px;
  2135. }
  2136.  
  2137. #swipebox-action #swipebox-prev {
  2138. background-position: -32px 13px;
  2139. right: 100px;
  2140. }
  2141.  
  2142. #swipebox-action #swipebox-next {
  2143. background-position: -78px 13px;
  2144. right: 40px;
  2145. }
  2146.  
  2147. #swipebox-action #swipebox-prev.disabled,
  2148. #swipebox-action #swipebox-next.disabled {
  2149. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  2150. opacity: 0.3;
  2151. }
  2152.  
  2153. #swipebox-slider.rightSpring {
  2154. -moz-animation: rightSpring 0.3s;
  2155. -webkit-animation: rightSpring 0.3s;
  2156. }
  2157.  
  2158. #swipebox-slider.leftSpring {
  2159. -moz-animation: leftSpring 0.3s;
  2160. -webkit-animation: leftSpring 0.3s;
  2161. }
  2162.  
  2163. @-moz-keyframes rightSpring {
  2164. 0% {
  2165. margin-left: 0px;
  2166. }
  2167.  
  2168. 50% {
  2169. margin-left: -30px;
  2170. }
  2171.  
  2172. 100% {
  2173. margin-left: 0px;
  2174. }
  2175. }
  2176.  
  2177. @-moz-keyframes leftSpring {
  2178. 0% {
  2179. margin-left: 0px;
  2180. }
  2181.  
  2182. 50% {
  2183. margin-left: 30px;
  2184. }
  2185.  
  2186. 100% {
  2187. margin-left: 0px;
  2188. }
  2189. }
  2190.  
  2191. @-webkit-keyframes rightSpring {
  2192. 0% {
  2193. margin-left: 0px;
  2194. }
  2195.  
  2196. 50% {
  2197. margin-left: -30px;
  2198. }
  2199.  
  2200. 100% {
  2201. margin-left: 0px;
  2202. }
  2203. }
  2204.  
  2205. @-webkit-keyframes leftSpring {
  2206. 0% {
  2207. margin-left: 0px;
  2208. }
  2209.  
  2210. 50% {
  2211. margin-left: 30px;
  2212. }
  2213.  
  2214. 100% {
  2215. margin-left: 0px;
  2216. }
  2217. }
  2218. #swipebox-overlay {
  2219. background: #000;
  2220. }
  2221.  
  2222. #swipebox-action, #swipebox-caption {
  2223. background-color: rgba(0,0,0,0.7);
  2224. }
  2225.  
  2226. #swipebox-caption {
  2227. color: white!important;
  2228. font-size: 20px;
  2229. line-height: 50px;
  2230. }
  2231. @media screen and (max-width: 800px) {
  2232. #swipebox-action #swipebox-close {
  2233. left: 0;
  2234. }
  2235.  
  2236. #swipebox-action #swipebox-prev {
  2237. right: 60px;
  2238. }
  2239.  
  2240. #swipebox-action #swipebox-next {
  2241. right: 0;
  2242. }
  2243. }
  2244. @media only screen and (max-width:1024px)
  2245. {
  2246. header
  2247. {
  2248. width:200px;
  2249. }
  2250. nav
  2251. {
  2252. font-size:16px;
  2253. }
  2254. nav ul
  2255. {
  2256. padding-left:235px;
  2257. }
  2258. }
  2259.  
  2260. @media only screen and (max-width:800px)
  2261. {
  2262. header
  2263. {
  2264. margin-top:0px;
  2265. width:175px;
  2266. }
  2267. nav
  2268. {
  2269. font-size:14px;
  2270. background-color:transparent;
  2271. }
  2272. #sub-menu ul
  2273. {
  2274. background-color:rgba(0,0,0,0.8);
  2275. }
  2276. #sub-menu li
  2277. {
  2278. background-color:transparent;
  2279. }
  2280. #sub-menu {
  2281. width:100%;
  2282. }
  2283. nav ul
  2284. {
  2285. width:100%;
  2286. margin-left:0px;
  2287. padding-left:210px;
  2288. }
  2289. nav li
  2290. {
  2291. padding:0px;
  2292. }
  2293. nav ul:after {
  2294. border:none !important;
  2295. }
  2296. h1 {
  2297. font-size:46px;
  2298. }
  2299. h2 {
  2300. font-size:40px;
  2301. }
  2302. h3 {
  2303. font-size:34px;
  2304. }
  2305. h4, .comments_block h3 {
  2306. font-size:28px;
  2307. }
  2308. h5 {
  2309. font-size:22px;
  2310. }
  2311. h6 {
  2312. font-size:18px;
  2313. }
  2314. .slider_next,
  2315. .slider_prev{
  2316. width:60px;
  2317. height:60px;
  2318. }
  2319. .slider_next{
  2320. bottom:20px;
  2321. background-image:url('images/bottom-s.png');
  2322. }
  2323. .slider_prev{
  2324. top:auto;
  2325. bottom:100px;
  2326. background-image:url('images/top-s.png');
  2327. }
  2328. .page-content, .page-content-small
  2329. {
  2330. width:100%;
  2331. }
  2332. .content
  2333. {
  2334. padding-top:150px;
  2335. }
  2336. .left-gallery
  2337. {
  2338. width:50%;
  2339. }
  2340. .right-gallery
  2341. {
  2342. width:50%;
  2343. }
  2344. #google-map
  2345. {
  2346. display:none;
  2347. }
  2348. #google-map2
  2349. {
  2350. display:none;
  2351. }
  2352. #mobile-map
  2353. {
  2354. display:block;
  2355. }
  2356. input[type="text"], input[type="email"], input[type="number"], input[type="date"], textarea
  2357. {
  2358. background-color:#000;
  2359. }
  2360. .button:hover {
  2361. background-color:#fff;
  2362. color:#000 !important;
  2363. }
  2364. }
  2365. @media only screen and (max-width:640px)
  2366. {
  2367. header
  2368. {
  2369. width:140px;
  2370. left:0px;
  2371. }
  2372. header img
  2373. {
  2374. max-height:95px;
  2375. }
  2376. .content
  2377. {
  2378. padding-top:110px;
  2379. padding-left:20px;
  2380. padding-right:20px;
  2381. padding-bottom:20px;
  2382. }
  2383. h1 {
  2384. font-size:42px;
  2385. }
  2386. h2 {
  2387. font-size:38px;
  2388. }
  2389. h3 {
  2390. font-size:32px;
  2391. }
  2392. h4, .comments_block h3 {
  2393. font-size:26px;
  2394. }
  2395. h5 {
  2396. font-size:20px;
  2397. }
  2398. h6 {
  2399. font-size:16px;
  2400. }
  2401. #main-menu
  2402. {
  2403. top:95px;
  2404. height:auto;
  2405. }
  2406. #sub-menu
  2407. {
  2408. left:0px;
  2409. height:auto;
  2410. }
  2411. #sub-menu ul
  2412. {
  2413. background-color:#000;
  2414. }
  2415. nav ul
  2416. {
  2417. padding-left:10px;
  2418. }
  2419. .slider_next{
  2420. bottom:10px;
  2421. right:10px;
  2422. }
  2423. .slider_prev{
  2424. bottom:90px;
  2425. right:10px;
  2426. }
  2427. .slider_content{
  2428. bottom:10px;
  2429. left:10px;
  2430. padding:10px;
  2431. }
  2432. #mobile-menu
  2433. {
  2434. display:block;
  2435. }
  2436. #main-menu, #sub-menu
  2437. {
  2438. display:none;
  2439. }
  2440. .grid li {
  2441. margin-bottom:20px;
  2442. }
  2443. }
  2444. @media only screen and (max-width:480px)
  2445. {
  2446. .left-gallery
  2447. {
  2448. width:100%;
  2449. margin-bottom:20px;
  2450. }
  2451. .right-gallery
  2452. {
  2453. width:100%;
  2454. float:left;
  2455. }
  2456. .da-thumbs {
  2457. width:100%;
  2458. }
  2459. .da-thumbs li {
  2460. width:50%;
  2461. }
  2462. h1 {
  2463. font-size:34px;
  2464. }
  2465. h2 {
  2466. font-size:26px;
  2467. }
  2468. h3, .comments_block h3 {
  2469. font-size:22px;
  2470. }
  2471. h4 {
  2472. font-size:18px;
  2473. }
  2474. h5 {
  2475. font-size:15px;
  2476. }
  2477. h6 {
  2478. font-size:13px;
  2479. }
  2480. p, .searchbox .button {
  2481. font-size:12px;
  2482. }
  2483. .searchbox .button {
  2484. padding-left:0px;
  2485. padding-right:0px;
  2486. }
  2487. .grid figcaption {
  2488. font-size:10px;
  2489. }
  2490. .grid figcaption a {
  2491. font-size:12px;
  2492. }
  2493. .accordion-header {
  2494. font-size:16px;
  2495. }
  2496. .active-header {
  2497. font-size:20px;
  2498. }
  2499. .grid figcaption span {
  2500. display:none;
  2501. }
  2502. .tagsicon, .usericon, .categoryicon{
  2503. display:none;
  2504. }
  2505. .dateicon {
  2506. background-image: none;
  2507. padding-left: 0px;
  2508. font-size:14px;
  2509. }
  2510. }
  2511. @media only screen and (max-height:320px)
  2512. {
  2513. header
  2514. {
  2515. width:80px;
  2516. }
  2517. header img
  2518. {
  2519. max-height:55px;
  2520. }
  2521. #mobile-menu
  2522. {
  2523. height:55px;
  2524. line-height:55px;
  2525. padding-left:90px;
  2526. font-size:16px;
  2527. }
  2528. #main-menu
  2529. {
  2530. top:55px;
  2531. left:0px;
  2532. font-size:12px;
  2533. }
  2534. #sub-menu
  2535. {
  2536. font-size:12px;
  2537. }
  2538. .slider_content{
  2539. display:none !important;
  2540. }
  2541. .content
  2542. {
  2543. padding-top:70px;
  2544. }
  2545. .grid figcaption span {
  2546. display:none;
  2547. }
  2548. .da-thumbs {
  2549. width:100%;
  2550. }
  2551. .da-thumbs li {
  2552. width:100%;
  2553. }
  2554. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement