Advertisement
dariotoby

File style.css

Aug 20th, 2022 (edited)
62
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 168.71 KB | None | 0 0
  1.  
  2. /*
  3. Theme Name: Zerif Lite
  4. Theme URI: https://themeisle.com/themes/zerif-lite/
  5. Author: ThemeIsle
  6. Author URI: https://themeisle.com
  7. Description: Zerif LITE is a free one page WordPress theme. It's perfect for web agency business,corporate business,personal and parallax business portfolio, photography sites and freelancer.Is built on BootStrap with parallax support, is responsive, clean, modern, flat and minimal. Zerif Lite is ecommerce (WooCommerce) Compatible, WPML, RTL, Retina-Ready, SEO Friendly and with parallax, full screen image is one of the best business themes.
  8. Version: 1.8.5.47
  9. License: GNU General Public License version 3
  10. License URI: license.txt
  11. WordPress Available: yes
  12. Requires License: no
  13. Text Domain: zerif-lite
  14. Domain Path: /languages/
  15. Tags: one-column, two-columns, right-sidebar,full-width-template,rtl-language-support,sticky-post,theme-options, custom-background, custom-menu, editor-style, featured-images, threaded-comments, translation-ready, footer-widgets, portfolio, e-commerce, blog
  16. */
  17.  
  18. /*--------------------------------------------------------------
  19. >>> TABLE OF CONTENTS:
  20. ----------------------------------------------------------------
  21. 1.0 Reset
  22. ## Generic styles
  23. ## Buttons and links
  24. # Navigation
  25. # Forms
  26. # Pagination and navbar
  27. # Typography
  28. # Cards styling
  29. # Tables
  30. # Sections Styling
  31. ## About Section
  32. ## Portfolio Section
  33. ## Contact Section
  34. ## Team Section
  35. ## Subscribe Section
  36. # Footer
  37. # Blog
  38. ## Content
  39. ## Sidebar
  40. ## Attachment Page
  41. # Woocommerce Integration
  42. ## My Account Page
  43. ## Generic
  44. ## YITH Magnifier
  45. # Responsive
  46. --------------------------------------------------------------*/
  47.  
  48. /*--------------------------------------------------------------
  49. 1.0 Reset
  50. --------------------------------------------------------------*/
  51.  
  52. html {
  53. overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
  54. font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  55.  
  56. -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  57. -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
  58. }
  59.  
  60. html,
  61. body,
  62. div,
  63. span,
  64. applet,
  65. object,
  66. iframe,
  67. h1,
  68. h2,
  69. h3,
  70. h4,
  71. h5,
  72. h6,
  73. p,
  74. blockquote,
  75. pre,
  76. a,
  77. abbr,
  78. acronym,
  79. address,
  80. big,
  81. cite,
  82. code,
  83. del,
  84. dfn,
  85. em,
  86. font,
  87. ins,
  88. kbd,
  89. q,
  90. s,
  91. samp,
  92. small,
  93. strike,
  94. strong,
  95. sub,
  96. sup,
  97. tt,
  98. var,
  99. dl,
  100. dt,
  101. dd,
  102. ol,
  103. ul,
  104. li,
  105. fieldset,
  106. form,
  107. label,
  108. legend,
  109. table,
  110. caption,
  111. tbody,
  112. tfoot,
  113. thead,
  114. tr,
  115. th,
  116. td {
  117. margin: 0;
  118. padding: 0;
  119. border: 0;
  120. outline: 0;
  121. font-family: inherit;
  122. font-weight: inherit;
  123. font-style: inherit;
  124. vertical-align: baseline;
  125. }
  126. *,
  127. *:before,
  128. *:after {
  129. /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
  130. -webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
  131. -moz-box-sizing: border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
  132. box-sizing: border-box;
  133. }
  134. body {
  135. background: #fff;
  136. font-family: 'Maven Pro', sans-serif;
  137. }
  138. article,
  139. aside,
  140. details,
  141. figcaption,
  142. figure,
  143. footer,
  144. header,
  145. main,
  146. nav,
  147. section {
  148. display: block;
  149. }
  150. ol,
  151. ul {
  152. list-style: none;
  153. }
  154. table {
  155. border-spacing: 0;
  156. /* tables still need 'cellspacing="0"' in the markup */
  157. border-collapse: separate;
  158. }
  159. caption,
  160. th,
  161. td {
  162. font-weight: normal;
  163. text-align: left;
  164. }
  165. blockquote:before,
  166. blockquote:after {
  167. content: "";
  168. }
  169. blockquote {
  170. quotes: "" "";
  171. }
  172. q {
  173. quotes: "“" "”" "‘" "’";
  174. }
  175. q:before {
  176. content: open-quote;
  177. }
  178. q:after {
  179. content: close-quote;
  180. }
  181. a:focus {
  182. outline: thin dotted;
  183. }
  184. a:hover,
  185. a:active {
  186. outline: 0;
  187. }
  188. a img {
  189. border: 0;
  190. }
  191. body {
  192. overflow-x: hidden;
  193. color: #808080;
  194. font-family: "Lato", Helvetica, sans-serif !important;
  195. font-size: 14px;
  196. font-weight: normal;
  197. line-height: 25px;
  198. text-align: center;
  199. }
  200.  
  201. /* Internet Explorer 10 in Windows 8 and Windows Phone 8 Bug fix */
  202. @-webkit-viewport {
  203. width: device-width;
  204. }
  205. @-moz-viewport {
  206. width: device-width;
  207. }
  208. @-ms-viewport {
  209. width: device-width;
  210. }
  211. @-o-viewport {
  212. width: device-width;
  213. }
  214. @viewport {
  215. width: device-width;
  216. }
  217.  
  218. /* Other fixes*/
  219. *,
  220. *:before,
  221. *:after {
  222. -webkit-box-sizing: border-box;
  223. -moz-box-sizing: border-box;
  224. box-sizing: border-box;
  225. }
  226. i {
  227. vertical-align: middle;
  228. }
  229. ul,
  230. ol {
  231. padding-left: 0 !important;
  232. }
  233.  
  234. /* Selection colours (easy to forget) */
  235. ::selection {
  236. color: #fff;
  237. background: #fc6d6d;
  238. }
  239. ::-moz-selection {
  240. color: #fff;
  241. background: #fc6d6d;
  242. }
  243. a {
  244. color: #e96656;
  245. -webkit-transition: all 700ms;
  246. transition: all 700ms;
  247. }
  248. a,
  249. a:hover {
  250. text-decoration: none;
  251. }
  252. a:hover {
  253. color: #cb4332;
  254. }
  255. p {
  256. margin: 0;
  257. }
  258. .full-width {
  259. width: 100%;
  260. margin: auto;
  261. }
  262.  
  263. /* do not group these rules (placeholder colors) */
  264. *::-webkit-input-placeholder {
  265. color: #999 !important;
  266. opacity: 1 !important;
  267. }
  268. *:-moz-placeholder {
  269. color: #999 !important;
  270. opacity: 1 !important;
  271. }
  272. *::-moz-placeholder {
  273. color: #999 !important;
  274. opacity: 1 !important;
  275. }
  276. *:-ms-input-placeholder {
  277. color: #999 !important;
  278. opacity: 1 !important;
  279. }
  280.  
  281. .bypostauthor {
  282. display: inherit;
  283. }
  284.  
  285. /*--------------------------------------------------------------
  286. 2.0 Typography
  287. --------------------------------------------------------------*/
  288.  
  289. body,
  290. button,
  291. input,
  292. select,
  293. textarea {
  294. color: #404040;
  295. font-family: sans-serif;
  296. font-size: 16px;
  297. font-size: 1.6rem;
  298. line-height: 1.5;
  299. }
  300. h1,
  301. h2,
  302. h3,
  303. h4,
  304. h5,
  305. h6 {
  306. clear: both;
  307. }
  308. p {
  309. margin-bottom: 1.5em;
  310. }
  311. b,
  312. strong {
  313. font-weight: bold;
  314. }
  315. dfn,
  316. cite,
  317. em,
  318. i {
  319. font-style: italic;
  320. }
  321. blockquote {
  322. margin: 0 1.5em;
  323. }
  324. blockquote {
  325. margin: 24px 40px;
  326. font-size: 18px;
  327. font-weight: 300;
  328. font-style: italic;
  329. line-height: 26px;
  330. }
  331. address {
  332. margin: 0 0 1.5em;
  333. }
  334. pre {
  335. overflow: auto;
  336. max-width: 100%;
  337. margin-bottom: 1.6em;
  338. padding: 1.6em;
  339. background: #eee;
  340. font-family: "Courier 10 Pitch", Courier, monospace;
  341. font-size: 15px;
  342. font-size: 1.5rem;
  343. line-height: 1.6;
  344. }
  345. code,
  346. kbd,
  347. tt,
  348. var {
  349. font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  350. }
  351. abbr,
  352. acronym {
  353. border-bottom: 1px dotted #666;
  354. cursor: help;
  355. }
  356. mark,
  357. ins {
  358. background: #fff9c0;
  359. text-decoration: none;
  360. }
  361. sup,
  362. sub {
  363. position: relative;
  364. height: 0;
  365. font-size: 75%;
  366. line-height: 0;
  367. vertical-align: baseline;
  368. }
  369. sup {
  370. bottom: 1ex;
  371. }
  372. sub {
  373. top: 0.5ex;
  374. }
  375. small {
  376. font-size: 75%;
  377. }
  378. big {
  379. font-size: 125%;
  380. }
  381. dl {
  382. margin: 0 20px;
  383. }
  384. h1,
  385. h2,
  386. h3,
  387. h4,
  388. h5,
  389. h6 {
  390. display: block;
  391. clear: both;
  392. margin: 0;
  393. margin-bottom: 10px;
  394. padding: 0;
  395. border: 0;
  396. font: inherit;
  397. font-size: 100%;
  398. vertical-align: baseline;
  399. }
  400. h1,
  401. h2 {
  402.  
  403. }
  404. h1,
  405. h1 span {
  406. font-size: 30px;
  407. }
  408. h2 {
  409. font-size: 26px;
  410. }
  411. h3 {
  412. font-size: 24px;
  413. }
  414. h4 {
  415. font-size: 18px;
  416. }
  417. h5 {
  418. font-size: 17px;
  419. }
  420. h6 {
  421. font-size: 16px;
  422. }
  423.  
  424. /*--------------------------------------------------------------
  425. 3.0 Buttons
  426. --------------------------------------------------------------*/
  427.  
  428. .buttons {
  429. margin-top: 45px;
  430. text-align: center;
  431. }
  432. .button {
  433. display: inline-block;
  434. margin: 10px;
  435. padding: 10px 35px 10px 35px;
  436. border-radius: 4px;
  437. text-align: center;
  438. text-transform: uppercase;
  439. }
  440. .custom-button {
  441. display: inline-block !important;
  442. margin: 10px;
  443. padding: 13px 35px 13px 35px;
  444. border: none;
  445. border-radius: 4px;
  446. text-align: center;
  447. text-transform: uppercase;
  448. }
  449. .red-btn {
  450. background: #e96656;
  451. }
  452. .green-btn {
  453. background: #1e9e6b;
  454. }
  455. .blue-btn {
  456. background: #3ab0e2;
  457. }
  458. .yellow-btn {
  459. background: #e7ac44;
  460. }
  461. .red-btn,
  462. .green-btn,
  463. .blue-btn,
  464. .yellow-btn {
  465. color: #fff !important;
  466. -webkit-transition: all 0.3s ease-in-out;
  467. transition: all 0.3s ease-in-out;
  468. }
  469. .blue-btn:hover {
  470. color: #fff;
  471. background: #1288b9;
  472. }
  473. .red-btn:hover {
  474. color: #fff;
  475. background: #cb4332;
  476. }
  477. .green-btn:hover {
  478. color: #fff;
  479. background: #069059;
  480. }
  481. .yellow-btn:hover {
  482. color: #fff;
  483. background: #d8951e;
  484. }
  485. .btn:hover {
  486. box-shadow: none;
  487. }
  488.  
  489. /*--------------------------------------------------------------
  490. 3.0 Elements
  491. --------------------------------------------------------------*/
  492.  
  493. hr {
  494. height: 1px;
  495. margin-bottom: 1.5em;
  496. border: 0;
  497. background-color: #ccc;
  498. }
  499. ul,
  500. ol {
  501. margin: 0 0 1.5em 3em;
  502. }
  503. ul {
  504. list-style: disc;
  505. }
  506. ol {
  507. list-style: decimal;
  508. }
  509. li > ul,
  510. li > ol {
  511. margin-bottom: 0;
  512. margin-left: 1.5em;
  513. }
  514. dt {
  515. font-weight: bold;
  516. }
  517. dd {
  518. margin: 0 1.5em 1.5em 0;
  519. }
  520. img {
  521. max-width: 100%; /* Adhere to container width. */
  522. height: auto; /* Make sure images are scaled correctly. */
  523. }
  524. figure {
  525. margin: 0;
  526. }
  527. .site-main p {
  528. margin: 0 0 24px;
  529. }
  530. table {
  531. width: 100%;
  532. margin: 0 0 20px;
  533. border-bottom: 1px solid #ededed;
  534. border-spacing: 0;
  535. border-collapse: collapse;
  536. font-size: 14px;
  537. line-height: 2;
  538. }
  539. caption,
  540. th,
  541. td {
  542. font-weight: normal;
  543. text-align: left;
  544. }
  545. caption {
  546. margin: 20px 0;
  547. font-size: 16px;
  548. }
  549. th {
  550. padding: 6px 10px 6px 0;
  551. border-top: 1px solid #ededed;
  552. font-weight: bold;
  553. text-transform: uppercase;
  554. }
  555. td {
  556. padding: 6px 10px 6px 0;
  557. border-top: 1px solid #ededed;
  558. }
  559. thead th {
  560. border: none;
  561. }
  562.  
  563. /*---------------------------------------
  564. ** COLORS -----
  565. -----------------------------------------*/
  566.  
  567. /** BACKGROUNDS **/
  568. .red-bg {
  569. background: #e96656;
  570. }
  571. .green-bg {
  572. background: #34d293;
  573. }
  574. .blue-bg {
  575. background: #3ab0e2;
  576. }
  577. .yellow-bg {
  578. background: #e7ac44;
  579. }
  580. .dark-bg {
  581. background: #404040;
  582. }
  583. .white-bg {
  584. background: #fff;
  585. }
  586.  
  587. /** FOR TEXTS AND ICON FONTS **/
  588. .red-text {
  589. color: #e96656;
  590. }
  591. .green-text {
  592. color: #34d293;
  593. }
  594. .blue-text {
  595. color: #3ab0e2;
  596. }
  597. .yellow-text {
  598. color: #f7d861;
  599. }
  600. .dark-text {
  601. color: #404040;
  602. }
  603. .white-text {
  604. color: #fff;
  605. }
  606.  
  607. /*---------------------------------------
  608. ** BORDER BOTTOMS -----
  609. -----------------------------------------*/
  610.  
  611. .white-border-bottom:before {
  612. position: absolute;
  613. z-index: 1;
  614. bottom: -9px;
  615. left: 25%;
  616. width: 50%;
  617. height: 2px;
  618. margin: auto;
  619. background: #f5f5f5;
  620. content: "";
  621. }
  622. .dark-border-bottom:before {
  623. position: absolute;
  624. z-index: 1;
  625. bottom: -9px;
  626. left: 25%;
  627. width: 50%;
  628. height: 2px;
  629. margin: auto;
  630. background: #404040;
  631. content: "";
  632. }
  633. .red-border-bottom:before {
  634. position: absolute;
  635. z-index: 1;
  636. bottom: -9px;
  637. left: 12.5%;
  638. width: 75%;
  639. height: 2px;
  640. margin: auto;
  641. background: #e96656;
  642. content: "";
  643. }
  644. .green-border-bottom:before {
  645. position: absolute;
  646. z-index: 1;
  647. bottom: -9px;
  648. left: 12.5%;
  649. width: 75%;
  650. height: 2px;
  651. margin: auto;
  652. background: #34d293;
  653. content: "";
  654. }
  655. .blue-border-bottom:before {
  656. position: absolute;
  657. z-index: 1;
  658. bottom: -9px;
  659. left: 12.5%;
  660. width: 75%;
  661. height: 2px;
  662. margin: auto;
  663. background: #3ab0e2;
  664. content: "";
  665. }
  666. .yellow-border-bottom:before {
  667. position: absolute;
  668. z-index: 1;
  669. bottom: -9px;
  670. left: 12.5%;
  671. width: 75%;
  672. height: 2px;
  673. margin: auto;
  674. background: #f7d861;
  675. content: "";
  676. }
  677.  
  678. /*---------------------------------------
  679. ** 4.0 Forms -----
  680. -----------------------------------------*/
  681.  
  682. button,
  683. input,
  684. select,
  685. textarea {
  686. margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  687. font-size: 100%; /* Corrects font size not being inherited in all browsers */
  688. vertical-align: baseline; /* Improves appearance and consistency in all browsers */
  689.  
  690. *vertical-align: middle; /* Improves appearance and consistency in IE6/IE7 */
  691. }
  692. button,
  693. input[type="button"],
  694. input[type="reset"],
  695. input[type="submit"] {
  696. margin: 10px;
  697. padding: 13px 35px 13px 35px;
  698. border: none;
  699. border-radius: 4px;
  700. color: #fff;
  701. background-color: #e96656;
  702. box-shadow: none;
  703. text-shadow: none;
  704. font-size: 14px;
  705. font-weight: 400;
  706. text-align: center;
  707. vertical-align: middle;
  708. white-space: nowrap;
  709. text-transform: uppercase;
  710. cursor: pointer;
  711. }
  712. button:hover,
  713. input[type="button"]:hover,
  714. input[type="reset"]:hover,
  715. input[type="submit"]:hover {
  716. border-color: #ccc #bbb #aaa #bbb;
  717. }
  718. button:focus,
  719. input[type="button"]:focus,
  720. input[type="reset"]:focus,
  721. input[type="submit"]:focus,
  722. button:active,
  723. input[type="button"]:active,
  724. input[type="reset"]:active,
  725. input[type="submit"]:active {
  726. border-color: #aaa #bbb #bbb #bbb;
  727. }
  728. input[type="checkbox"],
  729. input[type="radio"] {
  730. padding: 0; /* Addresses excess padding in IE8/9 */
  731. }
  732. input[type="search"] {
  733. -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
  734. -moz-box-sizing: content-box;
  735. box-sizing: content-box;
  736.  
  737. -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
  738. }
  739. input[type="search"]::-webkit-search-decoration {
  740. /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  741. -webkit-appearance: none;
  742. }
  743. button::-moz-focus-inner,
  744. input::-moz-focus-inner {
  745. padding: 0;
  746. /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  747. border: 0;
  748. }
  749. input[type="text"],
  750. input[type="email"],
  751. input[type="url"],
  752. input[type="tel"],
  753. input[type="password"],
  754. input[type="search"],
  755. textarea {
  756. border: 1px solid rgba(0, 0, 0, 0.1);
  757. border-radius: 0;
  758. color: #555;
  759. }
  760. input[type="text"]:focus,
  761. input[type="email"]:focus,
  762. input[type="url"]:focus,
  763. input[type="tel"]:focus,
  764. input[type="password"]:focus,
  765. input[type="search"]:focus,
  766. textarea:focus {
  767. color: #111;
  768. }
  769. input[type="text"],
  770. input[type="email"],
  771. input[type="url"],
  772. input[type="password"],
  773. input[type="search"] {
  774. padding: 3px;
  775. }
  776. textarea {
  777. overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
  778. width: 98%;
  779. padding-left: 3px;
  780. vertical-align: top; /* Improves readability and alignment in all browsers */
  781. }
  782. .entry-content button,
  783. .entry-content input[type="button"],
  784. .entry-content input[type="reset"],
  785. .entry-content input[type="submit"] {
  786. padding: 13px 35px 13px 35px;
  787. }
  788. .entry-content button:hover,
  789. .entry-content input[type="button"]:hover,
  790. .entry-content input[type="reset"]:hover,
  791. .entry-content input[type="submit"]:hover {
  792. background: #cb4332;
  793. }
  794. .input-box {
  795. display: inline-block;
  796. width: 274px;
  797. min-height: 46px;
  798. padding: 9px;
  799. padding-left: 15px !important;
  800. border: 0 !important;
  801. border-radius: 4px;
  802. background: rgba(255,255,255, 0.95);
  803. text-align: left;
  804. text-transform: none;
  805. }
  806. .textarea-box {
  807. display: inline-block;
  808. min-height: 250px;
  809. padding: 9px;
  810. padding-left: 15px;
  811. border: 0;
  812. border-radius: 4px;
  813. background: rgba(255,255,255, 0.95);
  814. text-align: left;
  815. text-transform: none;
  816. }
  817. textarea:hover,
  818. input:hover,
  819. textarea:active,
  820. input:active,
  821. textarea:focus,
  822. input:focus {
  823. outline: 1 !important;
  824. outline-color: #e96656 !important;
  825. -webkit-box-shadow: none !important;
  826. box-shadow: none !important;
  827. }
  828. input:focus,
  829. textarea:focus {
  830. border: 1px solid rgba(0, 0, 0, 0.3);
  831. outline: 0;
  832. }
  833.  
  834. /*---------------------------------------
  835. ** 5.0 Navigation -----
  836. -----------------------------------------*/
  837.  
  838. /*---------------------------------------
  839. ** 5.1 Links -----
  840. -----------------------------------------*/
  841.  
  842. a {
  843. color: #e96656;
  844. }
  845. a:visited {
  846. color: #e96656;
  847. }
  848. a:hover,
  849. a:focus,
  850. a:active {
  851. color: #cb4332;
  852. }
  853.  
  854. /*---------------------------------------
  855. ** 5.2 Menus -----
  856. -----------------------------------------*/
  857.  
  858. .main-navigation {
  859. display: block;
  860. float: left;
  861. clear: both;
  862. width: 100%;
  863. }
  864. .main-navigation ul {
  865. margin: 0;
  866. padding-left: 0;
  867. list-style: none;
  868. }
  869. .main-navigation li {
  870. float: left;
  871. position: relative;
  872. }
  873. .main-navigation a {
  874. display: block;
  875. text-decoration: none;
  876. }
  877. .main-navigation ul ul {
  878. display: none;
  879. float: left;
  880. position: absolute;
  881. z-index: 99999;
  882. top: 1.5em;
  883. left: 0;
  884. box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  885. }
  886. .main-navigation ul ul ul {
  887. top: 0;
  888. left: 100%;
  889. }
  890. .main-navigation ul ul a {
  891. width: 200px;
  892. }
  893.  
  894. .main-navigation ul li:hover > ul {
  895. display: block;
  896. }
  897.  
  898. .navbar-collapse {
  899. overflow: visible !important;
  900. }
  901. .navbar-inverse li.menu-item-open-left:hover > ul.sub-menu,
  902. .navbar-inverse li.menu-item-open-left.link-focus > ul.sub-menu {
  903. right: 0;
  904. }
  905. .navbar-inverse li.menu-item-open-left li:hover > ul.sub-menu,
  906. .navbar-inverse ul ul li.link-focus > ul.sub-menu {
  907. right: 100%;
  908. left: auto;
  909. }
  910. .site-main .comment-navigation,
  911. .site-main .paging-navigation,
  912. .site-main .post-navigation {
  913. overflow: hidden;
  914. margin: 0 0 1.5em;
  915. }
  916. .comment-navigation .nav-previous,
  917. .paging-navigation .nav-previous,
  918. .posts-navigation .nav-previous,
  919. .post-navigation .nav-previous {
  920. float: left;
  921. }
  922. .comment-navigation .nav-next,
  923. .paging-navigation .nav-next,
  924. .posts-navigation .nav-next,
  925. .post-navigation .nav-next {
  926. float: right;
  927. width: 50%;
  928. text-align: right;
  929. }
  930. .nav-links a {
  931. color: #e96656;
  932. }
  933. .site-main .post-navigation {
  934. float: left;
  935. width: 100%;
  936. }
  937.  
  938. @media (min-width: 768px) {
  939. .nav .has_children > a:after {
  940. margin: 0 0 0 6px;
  941. color: inherit;
  942. font-family: FontAwesome;
  943. content: "\f0d7";
  944. }
  945.  
  946. .nav .sub-menu .has_children > a:after {
  947. content: "\f0da";
  948. }
  949. }
  950.  
  951. /*---------------------------------------
  952. ** 6.0 Accessibility -----
  953. -----------------------------------------*/
  954.  
  955. /* Text meant only for screen readers */
  956. .screen-reader-text {
  957. clip: rect(1px, 1px, 1px, 1px);
  958. position: absolute !important;
  959. }
  960. .screen-reader-text:hover,
  961. .screen-reader-text:active,
  962. .screen-reader-text:focus {
  963. display: block;
  964. clip: auto !important;
  965. z-index: 100000; /* Above WP toolbar */
  966. top: 5px;
  967. left: 5px;
  968. width: auto;
  969. height: auto;
  970. padding: 15px 23px 14px;
  971. border-radius: 3px;
  972. color: #21759b;
  973. background-color: #f1f1f1;
  974. box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  975. font-size: 14px;
  976. font-weight: bold;
  977. line-height: normal;
  978. text-decoration: none;
  979. }
  980.  
  981. /*---------------------------------------
  982. ** 7.0 Alignments -----
  983. -----------------------------------------*/
  984.  
  985. .alignleft {
  986. display: inline;
  987. float: left;
  988. margin-right: 1.5em;
  989. }
  990. .alignright {
  991. display: inline;
  992. float: right;
  993. margin-left: 1.5em;
  994. }
  995. .aligncenter {
  996. display: block;
  997. clear: both;
  998. margin: 0 auto;
  999. }
  1000.  
  1001. /*---------------------------------------
  1002. ** 8.0 Clearings -----
  1003. -----------------------------------------*/
  1004.  
  1005. .clear:before,
  1006. .clear:after,
  1007. .entry-content:before,
  1008. .entry-content:after,
  1009. .comment-content:before,
  1010. .comment-content:after,
  1011. .site-header:before,
  1012. .site-header:after,
  1013. .site-content:before,
  1014. .site-content:after,
  1015. .site-footer:before,
  1016. .site-footer:after {
  1017. display: table;
  1018. content: "";
  1019. }
  1020. .clear:after,
  1021. .entry-content:after,
  1022. .comment-content:after,
  1023. .site-header:after,
  1024. .site-content:after,
  1025. .site-footer:after {
  1026. clear: both;
  1027. }
  1028.  
  1029. /*---------------------------------------
  1030. ** 9.0 Widgets -----
  1031. -----------------------------------------*/
  1032.  
  1033. .sidebar-wrap {
  1034. border-left: 1px solid rgba(0, 0, 0, 0.05);
  1035. }
  1036. .widget {
  1037. /*margin: 0 0 1.5em;
  1038. margin-bottom: 30px;*/
  1039. }
  1040. .widget .widget-title {
  1041. float: none;
  1042. position: relative;
  1043. margin-top: 30px;
  1044. margin-bottom: 30px;
  1045. padding-bottom: 5px;
  1046. color: #404040;
  1047. font-size: 17px;
  1048. font-weight: bold;
  1049. text-align: left;
  1050. text-transform: uppercase;
  1051. }
  1052. .widget .widget-title:before {
  1053. position: absolute;
  1054. z-index: 1;
  1055. bottom: -9px;
  1056. left: 0;
  1057. width: 35%;
  1058. height: 2px;
  1059. margin: auto;
  1060. background: #e96656;
  1061. content: "";
  1062. }
  1063.  
  1064. .widget-area {
  1065. float: left;
  1066. width: 100%;
  1067. }
  1068. .widget-area .widget {
  1069. clear: both;
  1070. }
  1071.  
  1072. /* Make sure select elements fit in widgets */
  1073. .widget select {
  1074. width: 100%;
  1075. max-width: 100%;
  1076. padding: 10px;
  1077. border: 1px solid #e9e9e9;
  1078. }
  1079. .tagcloud a {
  1080. padding: 2px 5px;
  1081. background: #fcfcfc;
  1082. }
  1083.  
  1084. /* Search widget */
  1085. .widget_search .search-submit {
  1086. /* display: none; */
  1087. display: block;
  1088. position: absolute;
  1089. top: 0;
  1090. right: 0;
  1091. width: 46px;
  1092. height: 46px;
  1093. margin: 0;
  1094. padding: 0;
  1095. background: url(images/search_icon.png) no-repeat center center;
  1096. text-indent: -9999999px;
  1097. }
  1098. .widget_search label {
  1099. position: relative;
  1100. width: 100%;
  1101. margin-bottom: 5px;
  1102. }
  1103. .widget_search form {
  1104. position: relative;
  1105. }
  1106. .widget_search input {
  1107. width: 83%;
  1108. padding: 12px 15% 12px 2%;
  1109. }
  1110. .widget ul {
  1111. display: block;
  1112. margin: 0;
  1113. padding: 0;
  1114. }
  1115. .widget li {
  1116. position: relative;
  1117. margin: 15px 0;
  1118. margin-left: 3%;
  1119. padding-left: 10px;
  1120. text-align: left;
  1121. list-style: none;
  1122. }
  1123. .widget li:before {
  1124. float: left;
  1125. position: absolute;
  1126. left: 0;
  1127. width: 4px;
  1128. height: 4px;
  1129. margin-top: 11px;
  1130. background: #e9e9e9;
  1131. content: "";
  1132. }
  1133. .widget li a {
  1134. color: #808080;
  1135. }
  1136. .widget li a:hover {
  1137. color: #404040;
  1138. }
  1139.  
  1140. /*---------------------------------------
  1141. ** 10.0 Content -----
  1142. -----------------------------------------*/
  1143.  
  1144. .container > .navbar-header,
  1145. .container-fluid > .navbar-header,
  1146. .container > .navbar-collapse,
  1147. .container-fluid > .navbar-collapse {
  1148. margin-right: 0;
  1149. margin-left: 0;
  1150. }
  1151. .site-content {
  1152. background: #fff;
  1153. }
  1154. .home .site-content,
  1155. .page-template-template-frontpage .site-content {
  1156. background: none;
  1157. }
  1158.  
  1159. /*---------------------------------------
  1160. ** 10.1 Posts and pages -----
  1161. -----------------------------------------*/
  1162.  
  1163. .hentry {
  1164. margin: 0 0 1.5em;
  1165. }
  1166. .byline,
  1167. .updated {
  1168. display: none;
  1169. }
  1170. .single .byline,
  1171. .group-blog .byline {
  1172. display: none;
  1173. }
  1174. .entry-meta-large .byline,
  1175. .entry-meta-large .updated {
  1176. display: none;
  1177. }
  1178. .page-content,
  1179. .entry-content,
  1180. .entry-summary {
  1181. margin: 1.5em 0 0;
  1182. }
  1183. .page-links {
  1184. clear: both;
  1185. margin: 0 0 1.5em;
  1186. }
  1187. .page-header {
  1188. margin: 0 0 40px;
  1189. border-bottom: none;
  1190. text-align: left;
  1191. }
  1192. .search-results .page-header {
  1193. margin: 0 0 40px;
  1194. }
  1195. .page-header .page-title {
  1196. position: relative;
  1197. }
  1198. .page-header .page-title:before {
  1199. position: absolute;
  1200. z-index: 1;
  1201. bottom: -9px;
  1202. left: 0;
  1203. width: 35%;
  1204. height: 2px;
  1205. margin: auto;
  1206. background: #e9e9e9;
  1207. content: "";
  1208. }
  1209. .taxonomy-description {
  1210. margin-top: 15px;
  1211. }
  1212. .entry-title {
  1213. position: relative;
  1214. }
  1215. .entry-title:before {
  1216. position: absolute;
  1217. z-index: 1;
  1218. bottom: -9px;
  1219. left: 0;
  1220. width: 10%;
  1221. height: 2px;
  1222. margin: auto;
  1223. background: #e96656;
  1224. content: "";
  1225. }
  1226. .entry-meta {
  1227. margin-top: 10px;
  1228. }
  1229. .content-area .entry-header {
  1230. overflow: hidden;
  1231. }
  1232.  
  1233. /*---------------------------------------
  1234. ** 10.2 Asides -----
  1235. -----------------------------------------*/
  1236.  
  1237. .blog .format-aside .entry-title,
  1238. .archive .format-aside .entry-title {
  1239. display: none;
  1240. }
  1241.  
  1242. /*---------------------------------------
  1243. ** 10.3 Comments -----
  1244. -----------------------------------------*/
  1245.  
  1246. .comment {
  1247. margin-top: 10px;
  1248. margin-bottom: 10px;
  1249. list-style: none;
  1250. }
  1251. .comment a {
  1252. color: #c7254e;
  1253. }
  1254. .comment-body {
  1255. position: relative;
  1256. padding-bottom: 10px;
  1257. padding-left: 40px;
  1258. border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  1259. text-align: left;
  1260. }
  1261. .comment-content a {
  1262. word-wrap: break-word;
  1263. }
  1264.  
  1265. .comment-form,
  1266. .comments-title,
  1267. .comment-reply-title {
  1268. text-align: left;
  1269. }
  1270. .comment .reply a {
  1271. font-size: 12px;
  1272. }
  1273. .comment-form p {
  1274. margin: 10px 10px 10px 0;
  1275. }
  1276. .comment-form label {
  1277. width: 85px;
  1278. }
  1279. .comments-title {
  1280. margin-bottom: 20px;
  1281. font-size: 20px;
  1282. }
  1283. .comment-list {
  1284. margin-left: 0;
  1285. }
  1286. .comment-list li {
  1287. float: left;
  1288. width: 100%;
  1289. list-style: none;
  1290. }
  1291. .comment-reply-link {
  1292. position: absolute;
  1293. top: 0;
  1294. right: 0;
  1295. padding: 0.6em 1em 0.4em;
  1296. padding: 3px 5px;
  1297. border: 1px solid #ccc;
  1298. border-radius: 3px;
  1299. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
  1300. box-shadow: none;
  1301. text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  1302. text-shadow: none;
  1303. font-family: sans-serif;
  1304. font-size: 1.2rem;
  1305. line-height: 1;
  1306. }
  1307. .comment-form #submit,
  1308. .comment-reply-link {
  1309. border-color: #e96656;
  1310. color: #fff !important;
  1311. background: #e96656;
  1312. }
  1313. .comment-form #submit:hover,
  1314. .comment-form #submit:focus,
  1315. .comment-form #submit:active {
  1316. background: #cb4332;
  1317. }
  1318. .comment-meta {
  1319. margin-top: 0 !important;
  1320. padding-top: 0 !important;
  1321. }
  1322. .comment-metadata {
  1323. position: absolute;
  1324. top: -2px;
  1325. right: 55px;
  1326. }
  1327. .comment-metadata,
  1328. .comment-metadata a {
  1329. padding: 3px 0;
  1330. color: #888;
  1331. font-size: 12px;
  1332. font-style: italic;
  1333. }
  1334. .comment-reply-link:hover {
  1335. background: #cb4332;
  1336. box-shadow: none;
  1337. }
  1338. .comment-author img {
  1339. position: absolute;
  1340. left: 0;
  1341. border-radius: 50%;
  1342. }
  1343. .comment-author b.fn {
  1344. color: #000;
  1345. }
  1346.  
  1347. /*---------------------------------------
  1348. ** 11.0 Infinite scroll -----
  1349. -----------------------------------------*/
  1350.  
  1351. /* Globally hidden elements when Infinite Scroll is supported and in use. */
  1352. .infinite-scroll .paging-navigation,
  1353. /* Older / Newer Posts Navigation (always hidden) */
  1354. .infinite-scroll.neverending .site-footer {
  1355. /* Theme Footer (when set to scrolling) */
  1356. display: none;
  1357. }
  1358.  
  1359. /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
  1360. .infinity-end.neverending .site-footer {
  1361. display: block;
  1362. }
  1363.  
  1364. /*---------------------------------------
  1365. ** 12.0 Media -----
  1366. -----------------------------------------*/
  1367.  
  1368. .page-content img.wp-smiley,
  1369. .entry-content img.wp-smiley,
  1370. .comment-content img.wp-smiley {
  1371. margin-top: 0;
  1372. margin-bottom: 0;
  1373. padding: 0;
  1374. border: none;
  1375. }
  1376. .wp-caption {
  1377. max-width: 100%;
  1378. margin-bottom: 1.5em;
  1379. border: 1px solid #ccc;
  1380. }
  1381. .wp-caption img[class*="wp-image-"] {
  1382. display: block;
  1383. max-width: 98%;
  1384. margin: 1.2% auto 0;
  1385. }
  1386. .wp-caption-text {
  1387. text-align: center;
  1388. }
  1389. .wp-caption .wp-caption-text {
  1390. margin: 0.8075em 1.2%;
  1391. }
  1392. .site-main .gallery {
  1393. margin-bottom: 1.5em;
  1394. }
  1395.  
  1396. .site-main .gallery a img {
  1397. max-width: 90%;
  1398. height: auto;
  1399. border: none;
  1400. }
  1401. .site-main .gallery dd,
  1402. .site-main .gallery figcaption {
  1403. margin: 0;
  1404. }
  1405.  
  1406. /* Make sure embeds and iframes fit their containers */
  1407. embed,
  1408. iframe,
  1409. object {
  1410. max-width: 100%;
  1411. }
  1412.  
  1413. /*---------------------------------------
  1414. ** 6.5 Gallery -----
  1415. -----------------------------------------*/
  1416.  
  1417. .gallery {
  1418. margin-bottom: 20px;
  1419. }
  1420. .gallery-item {
  1421. float: left;
  1422. overflow: hidden;
  1423. position: relative;
  1424. margin: 0 4px 4px 0;
  1425. }
  1426. .gallery-columns-1 .gallery-item {
  1427. max-width: 100%;
  1428. }
  1429. .gallery-columns-2 .gallery-item {
  1430. max-width: 48%;
  1431. max-width: -webkit-calc(50% - 4px);
  1432. max-width: calc(50% - 4px);
  1433. }
  1434. .gallery-columns-3 .gallery-item {
  1435. max-width: 32%;
  1436. max-width: -webkit-calc(33.3% - 4px);
  1437. max-width: calc(33.3% - 4px);
  1438. }
  1439. .gallery-columns-4 .gallery-item {
  1440. max-width: 23%;
  1441. max-width: -webkit-calc(25% - 4px);
  1442. max-width: calc(25% - 4px);
  1443. }
  1444. .gallery-columns-5 .gallery-item {
  1445. max-width: 19%;
  1446. max-width: -webkit-calc(20% - 4px);
  1447. max-width: calc(20% - 4px);
  1448. }
  1449. .gallery-columns-6 .gallery-item {
  1450. max-width: 15%;
  1451. max-width: -webkit-calc(16.7% - 4px);
  1452. max-width: calc(16.7% - 4px);
  1453. }
  1454. .gallery-columns-7 .gallery-item {
  1455. max-width: 13%;
  1456. max-width: -webkit-calc(14.28% - 4px);
  1457. max-width: calc(14.28% - 4px);
  1458. }
  1459. .gallery-columns-8 .gallery-item {
  1460. max-width: 11%;
  1461. max-width: -webkit-calc(12.5% - 4px);
  1462. max-width: calc(12.5% - 4px);
  1463. }
  1464. .gallery-columns-9 .gallery-item {
  1465. max-width: 9%;
  1466. max-width: -webkit-calc(11.1% - 4px);
  1467. max-width: calc(11.1% - 4px);
  1468. }
  1469. .gallery-columns-1 .gallery-item:nth-of-type(1n),
  1470. .gallery-columns-2 .gallery-item:nth-of-type(2n),
  1471. .gallery-columns-3 .gallery-item:nth-of-type(3n),
  1472. .gallery-columns-4 .gallery-item:nth-of-type(4n),
  1473. .gallery-columns-5 .gallery-item:nth-of-type(5n),
  1474. .gallery-columns-6 .gallery-item:nth-of-type(6n),
  1475. .gallery-columns-7 .gallery-item:nth-of-type(7n),
  1476. .gallery-columns-8 .gallery-item:nth-of-type(8n),
  1477. .gallery-columns-9 .gallery-item:nth-of-type(9n) {
  1478. margin-right: 0;
  1479. }
  1480. .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
  1481. .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
  1482. .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
  1483. .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
  1484. clear: left;
  1485. }
  1486. .gallery-caption {
  1487. position: absolute;
  1488. bottom: 0;
  1489. left: 0;
  1490. -webkit-box-sizing: border-box;
  1491. -moz-box-sizing: border-box;
  1492. box-sizing: border-box;
  1493. width: 100%;
  1494. max-height: 50%;
  1495. margin: 0;
  1496. padding: 6px 8px;
  1497. opacity: 0;
  1498. color: #fff;
  1499. background-color: rgba(0, 0, 0, 0.7);
  1500. font-size: 12px;
  1501. line-height: 1.5;
  1502. text-align: left;
  1503. }
  1504. .gallery-caption:before {
  1505. position: absolute;
  1506. top: 0;
  1507. left: 0;
  1508. width: 100%;
  1509. height: 100%;
  1510. min-height: 49px;
  1511. content: "";
  1512. }
  1513. .gallery-item:hover .gallery-caption {
  1514. opacity: 1;
  1515. }
  1516. .gallery-columns-7 .gallery-caption,
  1517. .gallery-columns-8 .gallery-caption,
  1518. .gallery-columns-9 .gallery-caption {
  1519. display: none;
  1520. }
  1521. .gallery-item img {
  1522. max-width: 100% !important;
  1523. }
  1524.  
  1525. /*---------------------------------------
  1526. ** Header -----
  1527. -----------------------------------------*/
  1528.  
  1529. /*** SECTION HEADERS ***/
  1530. .focus,
  1531. .works,
  1532. .about-us,
  1533. .features,
  1534. .packages,
  1535. .products,
  1536. .testimonial,
  1537. {
  1538. padding-top: 100px;
  1539. }
  1540. .section-header {
  1541. padding-bottom: 75px;
  1542. text-align: center;
  1543. }
  1544. .section-header h2,
  1545. #focus .section-header h2 a,
  1546. #team .section-header h2 a,
  1547. #aboutus .section-header h2 a,
  1548. #testimonials .section-header h2 a,
  1549. #contact .section-header h2 a {
  1550. display: inline-block;
  1551. position: relative;
  1552. margin-top: 15px;
  1553. margin-bottom: 0;
  1554. padding-bottom: 10px;
  1555. font-size: 45px;
  1556. line-height: 40px;
  1557. text-transform: uppercase;
  1558. }
  1559. .section-header .section-legend {
  1560. margin-bottom: 0;
  1561. padding-top: 0;
  1562. color: #000;
  1563. font-size: 16px;
  1564. }
  1565.  
  1566. /* PRE LOADER */
  1567. .preloader {
  1568. overflow: hidden !important;
  1569. position: fixed;
  1570. z-index: 99999;
  1571. top: 0;
  1572. right: 0;
  1573. bottom: 0;
  1574. left: 0;
  1575. width: 100%;
  1576. height: 100%;
  1577. background-color: #fefefe;
  1578. }
  1579. .status {
  1580. position: absolute;
  1581. top: 50%;
  1582. left: 50%;
  1583. width: 200px;
  1584. height: 200px;
  1585. margin: -100px 0 0 -100px;
  1586. background-image: url(images/loading.gif);
  1587. background-repeat: no-repeat;
  1588. background-position: center;
  1589. }
  1590. #parallax_move .layer {
  1591. width: 100%;
  1592. height: 100%;
  1593. background-position: top center;
  1594. background-size: cover;
  1595. }
  1596.  
  1597. .home-header-wrap {
  1598. overflow: hidden;
  1599. position: relative;
  1600. }
  1601.  
  1602. /*---------------------------------------
  1603. ** Section: Home -----
  1604. -----------------------------------------*/
  1605.  
  1606. .header.header {
  1607. min-height: 76px;
  1608. }
  1609. .header.header > .navbar {
  1610. -webkit-box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
  1611. box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
  1612. }
  1613. .header-content-wrap {
  1614. position: relative;
  1615. padding: 285px 0 210px;
  1616. background: rgba(0, 0, 0, 0.5);
  1617. -webkit-box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
  1618. box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
  1619. }
  1620. .blog-header-content-wrap {
  1621. position: relative;
  1622. padding: 170px 0 90px;
  1623. background-color: rgba(0, 0, 0, 0.5);
  1624. -webkit-box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
  1625. box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
  1626. }
  1627. .blog-header-subtitle {
  1628. margin-bottom: 10px;
  1629. color: #fff;
  1630. font-size: 21px;
  1631. font-weight: 100;
  1632. }
  1633. .header_title {
  1634. float: left;
  1635. height: 50px;
  1636. margin-top: 10px;
  1637. }
  1638. .header_title h1 {
  1639. margin-top: 5px;
  1640. margin-bottom: 5px;
  1641. font-size: 20px;
  1642. line-height: 20px;
  1643. text-align: center;
  1644. }
  1645. .header_title h2 {
  1646. margin: 0;
  1647. font-size: 15px !important;
  1648. line-height: 15px;
  1649. }
  1650. .header_title a {
  1651. color: #000;
  1652. }
  1653.  
  1654. /*---- SECTION: HOME > TOP BAR ----*/
  1655. #site-navigation {
  1656. float: right;
  1657. height: 1px;
  1658. margin-right: 0;
  1659. margin-left: 0;
  1660. }
  1661. .navbar {
  1662. border: 0;
  1663. border-radius: 0 !important;
  1664. background: #fff;
  1665. text-align: left;
  1666. }
  1667. #main-nav {
  1668. position: fixed;
  1669. z-index: 1000;
  1670. width: 100%;
  1671. min-height: 75px;
  1672. margin-bottom: 0;
  1673. }
  1674. #main-nav.fixed {
  1675. position: fixed;
  1676. top: 0;
  1677. }
  1678. .navbar-inverse .navbar-nav {
  1679. margin-right: 0;
  1680. margin-left: 0;
  1681. }
  1682. .navbar-inverse .navbar-nav > li {
  1683. display: inline;
  1684. margin-top: 20px;
  1685. margin-right: 20px;
  1686. }
  1687. .navbar-inverse .navbar-nav > li:last-child {
  1688. margin-right: 0 !important;
  1689. }
  1690. .navbar-inverse .navbar-nav > li > a {
  1691. padding: 0;
  1692. color: #404040;
  1693. line-height: 35px;
  1694. }
  1695. .navbar-inverse .main-navigation ul > li {
  1696. display: inline;
  1697. margin-top: 20px;
  1698. margin-right: 20px;
  1699. }
  1700. .navbar-inverse .main-navigation > ul > li:last-child {
  1701. margin-right: 0 !important;
  1702. }
  1703. .navbar-inverse .main-navigation > ul > li > a {
  1704. padding: 0;
  1705. color: #404040;
  1706. line-height: 35px;
  1707. }
  1708. .navbar-inverse .navbar-nav ul.sub-menu {
  1709. position: absolute;
  1710. z-index: 9999;
  1711. top: 100%;
  1712. left: -999em;
  1713. width: 200px;
  1714. background: #fff;
  1715. box-shadow: 3px 3px 2px rgba(50, 50, 50, 0.08);
  1716. }
  1717. .navbar-inverse .navbar-nav ul.sub-menu {
  1718. margin: 0;
  1719. }
  1720. .navbar-inverse .navbar-nav ul.sub-menu ul.sub-menu {
  1721. position: absolute;
  1722. top: 0;
  1723. }
  1724. .navbar-inverse .navbar-nav ul.sub-menu li {
  1725. float: none;
  1726. position: relative;
  1727. padding: 10px;
  1728. list-style: none;
  1729. }
  1730. .navbar-inverse .navbar-nav ul.sub-menu li a {
  1731. color: #404040;
  1732. }
  1733. .navbar-inverse .navbar-nav ul.sub-menu li:hover > a,
  1734. .navbar-inverse .navbar-nav ul.sub-menu li.link-focus > a {
  1735. color: #e96656;
  1736. }
  1737. .navbar-inverse ul ul {
  1738. left: -999em;
  1739. }
  1740. .navbar-inverse ul ul ul {
  1741. top: 0;
  1742. left: -999em;
  1743. }
  1744. .navbar-inverse ul li:hover > ul.sub-menu,
  1745. .navbar-inverse ul li.link-focus > ul.sub-menu {
  1746. left: auto;
  1747. }
  1748. .navbar-inverse ul ul li:hover > ul.sub-menu,
  1749. .navbar-inverse ul ul li.link-focus > ul.sub-menu {
  1750. left: 100%;
  1751. }
  1752. .navbar-brand {
  1753. display: inline-block;
  1754. position: relative;
  1755. height: 76px;
  1756. padding: 7px 15px;
  1757. line-height: 60px;
  1758. text-align: center;
  1759. }
  1760. .navbar-brand > a > img {
  1761. width: auto;
  1762. max-height: 100%;
  1763. }
  1764. .navbar-brand .site-title-tagline-wrapper {
  1765. display: inline-block;
  1766. vertical-align: middle;
  1767. }
  1768. .navbar-inverse .navbar-brand .site-title-tagline-wrapper .site-title > a:hover,
  1769. .navbar-inverse .navbar-brand .site-title-tagline-wrapper .site-title > a:focus {
  1770. color: #e96656;
  1771. }
  1772. .navbar-inverse .navbar-brand:hover,
  1773. .navbar-inverse .navbar-brand:focus,
  1774. .navbar-inverse .navbar-brand .site-title > a {
  1775. color: #999;
  1776. text-decoration: none;
  1777. }
  1778. .navbar-inverse .navbar-brand p.site-description,
  1779. .navbar-inverse .navbar-brand .site-title {
  1780.  
  1781. }
  1782. .navbar-inverse .navbar-brand .site-title {
  1783. margin-bottom: 5px;
  1784. }
  1785. .navbar-inverse .navbar-brand .site-title a {
  1786. color: #000;
  1787. }
  1788.  
  1789. .navbar-inverse .navbar-brand p.site-description {
  1790. font-size: 16px;
  1791. line-height: normal;
  1792. }
  1793. .navbar-brand > img {
  1794. max-height: 100%;
  1795. }
  1796. .navbar-brand:focus {
  1797. border: 1px dotted black;
  1798. }
  1799. .navbar-inverse .navbar-nav > li > a:hover,
  1800. .navbar-inverse .navbar-nav > li > a.link-focus {
  1801. outline: none;
  1802. color: #e96656;
  1803. }
  1804. .navbar-toggle {
  1805. margin-top: 23px;
  1806. border: 0;
  1807. background-color: #808080;
  1808. }
  1809. .navbar-toggle:focus {
  1810. border: 1px dotted black;
  1811. }
  1812. .navbar-inverse .navbar-toggle:hover,
  1813. .navbar-inverse .navbar-toggle:focus {
  1814. opacity: 1;
  1815. background-color: #e96656;
  1816. box-shadow: none;
  1817.  
  1818. filter: alpha(opacity=100);
  1819. }
  1820. .navbar-toggle.active {
  1821. background-color: #e96656 !important;
  1822. }
  1823. .navbar-toggle.collapsed {
  1824. background-color: #808080 !important;
  1825. }
  1826. .menu-align-center #site-navigation {
  1827. width: 100%;
  1828. }
  1829. .menu-align-center #site-navigation > ul {
  1830. width: 100%;
  1831. text-align: center;
  1832. }
  1833. .menu-align-center #site-navigation > ul ul {
  1834. text-align: left;
  1835. }
  1836. .menu-align-center #site-navigation > ul > li {
  1837. display: inline-block;
  1838. float: none;
  1839. }
  1840. .menu-align-center .responsive-logo {
  1841. width: 100%;
  1842. text-align: center;
  1843. }
  1844. .menu-align-center .zerif_header_title {
  1845. width: 100%;
  1846. }
  1847. .menu-align-center .navbar-inverse .navbar-nav > li {
  1848. margin-top: 0;
  1849. margin-bottom: 0;
  1850. }
  1851. .menu-align-center .responsive-logo > a {
  1852. display: inline-block;
  1853. float: none;
  1854. }
  1855. .menu-align-center .navbar-brand {
  1856. float: none;
  1857. }
  1858. .navbar-inverse .navbar-nav > li > a:hover,
  1859. .navbar-inverse .navbar-nav > li > a:focus {
  1860. color: #e96656;
  1861. }
  1862. .navbar-inverse .navbar-nav > li.current > a {
  1863. position: relative;
  1864. outline: none;
  1865. color: #e96656;
  1866. }
  1867. ul.nav > li.menu-item-home > a:before {
  1868. display: none;
  1869. content: "";
  1870. }
  1871. li.current > a:before {
  1872. position: absolute;
  1873. z-index: 1;
  1874. bottom: 0;
  1875. left: 12.5%;
  1876. width: 75%;
  1877. height: 2px;
  1878. margin: auto;
  1879. background: #e96656;
  1880. content: "";
  1881. }
  1882. ul.nav > li.current > a:before,
  1883. .page ul.nav > li.current-menu-item > a:before,
  1884. .single-post ul.nav > li.current-menu-item > a:before,
  1885. .archive ul.nav > li.current-menu-item > a:before {
  1886. display: block;
  1887. position: absolute;
  1888. z-index: 1;
  1889. bottom: 0;
  1890. left: 12.5%;
  1891. width: 75%;
  1892. height: 2px;
  1893. margin: auto;
  1894. background: #e96656;
  1895. content: "";
  1896. }
  1897. ul.nav > li.current_page_item.menu-item-home > a:before {
  1898. display: none;
  1899. content: "";
  1900. }
  1901. ul.nav > li.current_page_item.current > a:before {
  1902. display: block;
  1903. position: absolute;
  1904. z-index: 1;
  1905. bottom: 0;
  1906. left: 12.5%;
  1907. width: 75%;
  1908. height: 2px;
  1909. margin: auto;
  1910. background: #e96656;
  1911. content: "";
  1912. }
  1913.  
  1914. @media (max-width: 768px) {
  1915. ul.nav > li.current > a:before,
  1916. .page ul.nav > li.current-menu-item > a:before,
  1917. .single-post ul.nav > li.current-menu-item > a:before,
  1918. .archive ul.nav > li.current-menu-item > a:before {
  1919. display: none;
  1920. }
  1921. }
  1922.  
  1923. /*---- SECTION: HOME > INTRO AND SHORT MSGS ----*/
  1924. .intro {
  1925. float: none;
  1926. z-index: 0;
  1927. margin-top: 25%;
  1928. color: #fff;
  1929. font-size: 55px;
  1930. line-height: 65px;
  1931. text-align: center;
  1932. text-transform: uppercase;
  1933. }
  1934. .intro-text,
  1935. .intro-text a {
  1936. float: none;
  1937. z-index: 0;
  1938. color: #fff;
  1939. font-size: 55px;
  1940. line-height: 65px;
  1941. text-align: center;
  1942. text-transform: uppercase;
  1943. }
  1944.  
  1945. /* Short Messages */
  1946. .bottom-message-section {
  1947. position: relative;
  1948. margin-top: 14%;
  1949. }
  1950. .short-text {
  1951. margin: auto;
  1952. color: rgba(255,255,255,0.7);
  1953. text-align: center;
  1954. text-transform: uppercase;
  1955. }
  1956.  
  1957. /*---- SECTION: HOME > LATEST NEWS ----*/
  1958. .latest-news {
  1959. padding-top: 100px;
  1960. padding-bottom: 66px;
  1961. background: #fff;
  1962. }
  1963. .carousel-inner {
  1964. /* margin: 0 30px; */
  1965. }
  1966. #carousel-homepage-latestnews .item {
  1967. height: auto;
  1968. }
  1969. .latesnews-content p,
  1970. .latesnews-content {
  1971. color: #777;
  1972. font-size: 14px;
  1973. line-height: 18px;
  1974. }
  1975. #carousel-homepage-latestnews .carousel-inner .item .latestnews-title {
  1976. display: inline-block;
  1977. float: none;
  1978. position: relative;
  1979. width: auto;
  1980. margin-top: 15px;
  1981. margin-bottom: 15px;
  1982. margin-bottom: 30px;
  1983. color: #404040;
  1984. font-size: 17px;
  1985. font-weight: bold;
  1986. text-transform: uppercase;
  1987. }
  1988. #carousel-homepage-latestnews .carousel-inner .item .latestnews-title a {
  1989. display: block;
  1990. color: #404040;
  1991. font-size: 16px;
  1992. font-weight: 700;
  1993. text-transform: uppercase;
  1994. }
  1995. #carousel-homepage-latestnews .item .latestnews-box .latestnews-title a:before {
  1996. position: absolute;
  1997. z-index: 1;
  1998. bottom: -9px;
  1999. left: 12.5%;
  2000. width: 75%;
  2001. height: 2px;
  2002. margin: auto;
  2003. background: #e96656;
  2004. content: "";
  2005. }
  2006. #carousel-homepage-latestnews .item .latestnews-box:nth-child(4n+1) .latestnews-title a:before {
  2007. background: #e96656;
  2008. }
  2009. #carousel-homepage-latestnews .item .latestnews-box:nth-child(4n+2) .latestnews-title a:before {
  2010. background: #34d293;
  2011. }
  2012. #carousel-homepage-latestnews .item .latestnews-box:nth-child(4n+3) .latestnews-title a:before {
  2013. background: #3ab0e2;
  2014. }
  2015. #carousel-homepage-latestnews .item .latestnews-box:nth-child(4n) .latestnews-title a:before {
  2016. background: #f7d861;
  2017. }
  2018. #carousel-homepage-latestnews .item .latestnews-box .latestnews-img .latestnews-img-a {
  2019. display: block;
  2020. }
  2021. #carousel-homepage-latestnews {
  2022. margin: 0 30px;
  2023. }
  2024. #carousel-homepage-latestnews .carousel-control {
  2025. width: 45px;
  2026. background: none;
  2027. }
  2028.  
  2029. .carousel-control:focus {
  2030. outline: thin dotted #cb4332;
  2031. outline-offset: 0;
  2032. }
  2033.  
  2034. .carousel-control:active {
  2035. outline: 0;
  2036. }
  2037.  
  2038. .carousel-control.left {
  2039. margin-left: -45px;
  2040. }
  2041. .carousel-control.right {
  2042. margin-right: -45px;
  2043. }
  2044.  
  2045. .carousel-control .glyphicon-chevron-right {
  2046. right: auto;
  2047. }
  2048. #carousel-homepage-latestnews .glyphicon-chevron-left:before {
  2049. float: left;
  2050. width: 30px;
  2051. height: 30px;
  2052. background: url(images/left-arrow.png) no-repeat center center;
  2053. content: "";
  2054. }
  2055. #carousel-homepage-latestnews .glyphicon-chevron-right:before {
  2056. float: left;
  2057. width: 30px;
  2058. height: 30px;
  2059. background: url(images/right-arrow.png) no-repeat center center;
  2060. content: "";
  2061. }
  2062.  
  2063. /*---------------------------------------
  2064. ** Section: Our focus -----
  2065. -----------------------------------------*/
  2066.  
  2067. .focus-box .service-icon .pixeden {
  2068. border-radius: 50%;
  2069. }
  2070. .focus {
  2071. overflow: hidden;
  2072. padding-bottom: 100px;
  2073. background: #fff;
  2074. }
  2075. .focus .row {
  2076. text-align: center;
  2077. }
  2078. .focus .row .focus-box,
  2079. .our-team .row .team-box {
  2080. display: inline-block;
  2081. float: none !important;
  2082. margin-right: -4px;
  2083. margin-bottom: 25px;
  2084. vertical-align: top;
  2085. }
  2086.  
  2087. /* FOCUS BOX */
  2088. .focus-box .service-icon {
  2089. display: block;
  2090. position: relative;
  2091. width: 145px;
  2092. height: 145px;
  2093. margin: auto;
  2094. margin-bottom: 30px;
  2095. margin-bottom: 20px;
  2096. border: 10px solid #ececec;
  2097. border-radius: 50%;
  2098. -webkit-transition: all 0.2s ease-in-out;
  2099. transition: all 0.2s ease-in-out;
  2100. }
  2101.  
  2102. /* ON HOVER COLORED ROUNDED CIRCLE AROUND ICONS */
  2103. /* ON HOVER COLORED ROUNDED CIRCLE AROUND ICONS */
  2104. .red,
  2105. .green,
  2106. .blue,
  2107. .yellow {
  2108. -webkit-transition: all 0.2s ease-in-out;
  2109. transition: all 0.2s ease-in-out;
  2110. }
  2111. #focus span:nth-child(4n+1) .focus-box .service-icon:hover,
  2112. #focus span:nth-child(4n+1) .focus-box .service-icon:focus {
  2113. border: 10px solid #e96656;
  2114. }
  2115. #focus span:nth-child(4n+2) .focus-box .service-icon:hover,
  2116. #focus span:nth-child(4n+2) .focus-box .service-icon:focus {
  2117. border: 10px solid #34d293;
  2118. }
  2119. #focus span:nth-child(4n+3) .focus-box .service-icon:hover,
  2120. #focus span:nth-child(4n+3) .focus-box .service-icon:focus {
  2121. border: 10px solid #3ab0e2;
  2122. }
  2123. #focus span:nth-child(4n+4) .focus-box .service-icon:hover,
  2124. #focus span:nth-child(4n+4) .focus-box .service-icon:focus {
  2125. border: 10px solid #f7d861;
  2126. }
  2127. #focus span:nth-child(4n+1) .focus-box .red-border-bottom:before {
  2128. background: #e96656;
  2129. }
  2130. #focus span:nth-child(4n+2) .focus-box .red-border-bottom:before {
  2131. background: #34d293;
  2132. }
  2133. #focus span:nth-child(4n+3) .focus-box .red-border-bottom:before {
  2134. background: #3ab0e2;
  2135. }
  2136. #focus span:nth-child(4n+4) .focus-box .red-border-bottom:before {
  2137. background: #f7d861;
  2138. }
  2139. .focus-box h3 {
  2140. display: inline-block;
  2141. float: none;
  2142. position: relative;
  2143. width: auto;
  2144. margin-bottom: 15px;
  2145. margin-bottom: 30px;
  2146. color: #404040;
  2147. background: none;
  2148. font-size: 17px;
  2149. font-weight: bold;
  2150. text-transform: uppercase;
  2151. }
  2152. .focus-box p {
  2153. color: #808080;
  2154. font-size: 14px;
  2155. }
  2156.  
  2157. /* Links used in sane defaults */
  2158.  
  2159. .focus a.zerif-default-links,
  2160. .our-team a.zerif-default-links {
  2161. color: #404040;
  2162. }
  2163. .about-us a.zerif-default-links,
  2164. .separator-one a.zerif-default-links,
  2165. .testimonial a.zerif-default-links,
  2166. .contact-us a.zerif-default-links {
  2167. color: #fff;
  2168. }
  2169. .testimonial #client-feedbacks a.zerif-default-links {
  2170. color: #404040;
  2171. }
  2172. .focus a.zerif-default-links:hover,
  2173. .about-us a.zerif-default-links:hover,
  2174. .our-team a.zerif-default-links:hover,
  2175. .testimonial a.zerif-default-links:hover,
  2176. .contact-us a.zerif-default-links:hover {
  2177. color: #e96656;
  2178. }
  2179. .separator-one a.zerif-default-links:hover,
  2180. .testimonial #client-feedbacks a.zerif-default-links:hover {
  2181. color: #000;
  2182. }
  2183.  
  2184. /* END - Links used in sane defaults */
  2185. /*----OTHER FOCUSES ----*/
  2186. .other-focuses {
  2187. margin-bottom: 25px;
  2188. background: url(images/lines.png) repeat-x center;
  2189. }
  2190. .other-focuses .section-footer-title {
  2191. padding: 0 15px;
  2192. color: #404040;
  2193. font-weight: bold;
  2194. }
  2195. .other-focus-list {
  2196. margin-bottom: -17px;
  2197. padding-top: 5px;
  2198. }
  2199. .other-focus-list ul li {
  2200. display: inline-block;
  2201. margin-right: 50px;
  2202. padding-bottom: 15px;
  2203. text-transform: uppercase;
  2204. }
  2205. .other-focus-list ul li:last-child {
  2206. margin-right: 0;
  2207. }
  2208. .other-focus-list ul li i {
  2209. margin-right: 8px;
  2210. }
  2211.  
  2212. /*---------------------------------------
  2213. ** Secction: Separator one -----
  2214. -----------------------------------------*/
  2215.  
  2216. .separator-one {
  2217. padding: 100px 0 100px 0;
  2218. background: rgba(52, 210, 147, 0.8);
  2219. }
  2220. .separator-one .green-btn {
  2221. background: #14a168;
  2222. }
  2223. .separator-one .green-btn:hover {
  2224. background: #007345;
  2225. }
  2226. .separator-one .text {
  2227. max-width: 800px;
  2228. margin-top: 15px;
  2229. margin-bottom: 20px;
  2230. padding: 0;
  2231. color: #fff;
  2232. line-height: 34px;
  2233. }
  2234. .separator-one .text a {
  2235. font-size: 24px;
  2236. }
  2237.  
  2238. /*---------------------------------------
  2239. ** Section: Portfolio -----
  2240. -----------------------------------------*/
  2241.  
  2242. .works {
  2243. min-height: 800px;
  2244. padding-bottom: 100px;
  2245. background: #fff;
  2246. }
  2247.  
  2248. /* IMAGE GRID */
  2249. .cbp-rfgrid {
  2250. position: relative;
  2251. width: 100%;
  2252. margin: auto;
  2253. padding: 0;
  2254. list-style: none;
  2255. }
  2256. .cbp-rfgrid li {
  2257. float: left;
  2258. overflow: hidden;
  2259. position: relative;
  2260. width: 25%; /* Fallback */
  2261. width: -webkit-calc(100% / 4);
  2262. width: calc(100% / 4);
  2263. -webkit-transition: 0.4s all linear;
  2264. transition: 0.4s all linear;
  2265. }
  2266. .cbp-rfgrid li a,
  2267. .cbp-rfgrid li a img {
  2268. display: block;
  2269. width: 100%;
  2270. max-width: 100%;
  2271. cursor: pointer;
  2272.  
  2273. }
  2274. .cbp-rfgrid li a:hover img {
  2275.  
  2276. }
  2277.  
  2278. /* Flexbox is used for centering the heading */
  2279. .cbp-rfgrid li a .project-info {
  2280. position: absolute;
  2281. top: 10px;
  2282. right: 10px;
  2283. bottom: 10px;
  2284. left: 10px;
  2285. padding-top: 25%;
  2286. opacity: 0;
  2287. background: rgba(0,0,0,0.5);
  2288. text-align: center;
  2289. -webkit-transition: all ease 0.25s;
  2290. transition: all ease 0.25s;
  2291.  
  2292. filter: alpha(opacity=0);
  2293. }
  2294. .cbp-rfgrid li a .project-info .project-details {
  2295. position: relative;
  2296. top: -29px;
  2297. width: 100%;
  2298. opacity: 0;
  2299. -webkit-transition: all ease 0.25s;
  2300. transition: all ease 0.25s;
  2301.  
  2302. filter: alpha(opacity=0);
  2303. }
  2304. .cbp-rfgrid li a .project-info h5 {
  2305. display: inline-block;
  2306. position: relative;
  2307. margin-top: 15px;
  2308. margin-bottom: 15px;
  2309. font-weight: bold;
  2310. text-transform: uppercase;
  2311. }
  2312. .cbp-rfgrid li a:hover .project-info {
  2313. opacity: 1;
  2314.  
  2315. filter: alpha(opacity=100);
  2316. }
  2317. .cbp-rfgrid li a:hover .project-details {
  2318. top: 0;
  2319. opacity: 1;
  2320.  
  2321. filter: alpha(opacity=100);
  2322. }
  2323. .cbp-rfgrid li a:hover .button {
  2324. bottom: -50px;
  2325. opacity: 1;
  2326.  
  2327. filter: alpha(opacity=100);
  2328. }
  2329. .cbp-rfgrid li.cbp-rfgrid-open a .project-info {
  2330. opacity: 1;
  2331.  
  2332. filter: alpha(opacity=100);
  2333. }
  2334. .cbp-rfgrid-tr {
  2335. position: absolute;
  2336. z-index: 9;
  2337. top: 0;
  2338. width: 100%;
  2339. height: 100%;
  2340. margin-bottom: 0;
  2341. }
  2342. .cbp-rfgrid li.cbp-rfgrid-open a .project-info .project-details {
  2343. top: 0;
  2344. opacity: 1;
  2345. }
  2346.  
  2347. /****************************************************************/
  2348. /*********************** PIRATE FORMS style ********************/
  2349. /****************************************************************/
  2350.  
  2351. .pirate_forms {
  2352. padding-bottom: 95px;
  2353. }
  2354. .pirate_forms input:not([type='checkbox']),
  2355. .pirate_forms textarea {
  2356. width: 100%;
  2357. margin: auto;
  2358. border-radius: 4px !important;
  2359. }
  2360. .pirate_forms input:not([type='checkbox']) {
  2361. display: inline-block;
  2362. min-height: 46px;
  2363. padding: 9px;
  2364. padding-left: 15px !important;
  2365. border-radius: 4px;
  2366. background: rgba(255,255,255, 0.95);
  2367. text-align: left;
  2368. text-transform: none;
  2369. }
  2370. .pirate_forms textarea {
  2371. display: inline-block;
  2372. width: 100% !important;
  2373. min-height: 250px;
  2374. padding: 9px;
  2375. padding-left: 15px;
  2376. border-radius: 4px;
  2377. background: rgba(255,255,255, 0.95);
  2378. text-align: left;
  2379. text-transform: none;
  2380. }
  2381. .pirate_forms .custom-button {
  2382. float: right;
  2383. margin-right: 15px;
  2384. }
  2385. .pirate-forms-g-recaptcha {
  2386. display: none;
  2387. }
  2388. .pirate_forms .notification p {
  2389. display: inline-block;
  2390. margin-bottom: 10px;
  2391. padding: 5px 10px;
  2392. border-radius: 3px;
  2393. color: #fff;
  2394. }
  2395. .pirate_forms_error_box {
  2396. text-align: center;
  2397. }
  2398. .pirate_forms_error_box p {
  2399. display: inline-block;
  2400. margin-bottom: 10px;
  2401. padding: 5px 10px;
  2402. border-radius: 3px;
  2403. color: #fff;
  2404. background: #e96656;
  2405. }
  2406. .pirate_forms_thankyou_wrap p {
  2407. display: inline-block;
  2408. margin-bottom: 10px;
  2409. padding: 5px 10px;
  2410. border-radius: 3px;
  2411. color: #fff;
  2412. background: #34d293;
  2413. }
  2414. .pirate_forms .pirate-forms-submit-button {
  2415. float: right;
  2416. margin-right: 0;
  2417. color: #fff !important;
  2418. -webkit-transition: all 0.3s ease-in-out;
  2419. transition: all 0.3s ease-in-out;
  2420. }
  2421. .pirate_forms .pirate-forms-submit-button:hover {
  2422. color: #fff;
  2423. background: #cb4332;
  2424. }
  2425. .pirate_forms .contact_checkbox_wrap,
  2426. .pirateform_wrap_classes_spam_wrap {
  2427. text-align: left;
  2428. }
  2429. .pirate_forms .contact_checkbox_wrap p {
  2430. padding-left: 5px;
  2431. margin: 0px;
  2432. }
  2433. section#contact .pirate_forms .contact_checkbox_wrap p {
  2434. color: #ffffff;
  2435. }
  2436. .pirate-forms-maps-custom {
  2437. float: left;
  2438. }
  2439. .contact-us .pirate-forms-maps-custom,
  2440. .contact-us .contact_checkbox_wrap {
  2441. color: #ffffff;
  2442. }
  2443.  
  2444. .zerif_hidden_if_not_customizer {
  2445. display: none !important;
  2446. }
  2447.  
  2448. .pixeden {
  2449. display: block;
  2450. position: absolute;
  2451. top: 0;
  2452. right: 0;
  2453. bottom: 0;
  2454. left: 0;
  2455. height: 63px;
  2456. margin: auto;
  2457. }
  2458.  
  2459. /* media queries: change number of items per row */
  2460. @media screen and (max-width: 1190px) {
  2461. .cbp-rfgrid li {
  2462. width: 25%; /* Fallback */
  2463. width: -webkit-calc(100% / 4);
  2464. width: calc(100% / 4);
  2465. }
  2466. }
  2467. @media screen and (max-width: 1024px) {
  2468. .cbp-rfgrid li {
  2469. width: 33.33333333333333%; /* Fallback */
  2470. width: -webkit-calc(100% / 3);
  2471. width: calc(100% / 3);
  2472. }
  2473. }
  2474. @media screen and (max-width: 768px) {
  2475. .cbp-rfgrid li {
  2476. width: 50%; /* Fallback */
  2477. width: -webkit-calc(100% / 2);
  2478. width: calc(100% / 2);
  2479. }
  2480. }
  2481. @media screen and (max-width: 480px) {
  2482. .cbp-rfgrid li {
  2483. width: 100%;
  2484. }
  2485. }
  2486. @media screen and (max-width: 300px) {
  2487. .cbp-rfgrid li {
  2488. width: 100%;
  2489. }
  2490. }
  2491.  
  2492. /* PROJECT DETAILS LOADER */
  2493. #back-button {
  2494. display: none;
  2495. margin: 10px;
  2496. padding: 13px 35px 13px 35px;
  2497. border-radius: 4px;
  2498. text-align: center;
  2499. text-transform: uppercase;
  2500. }
  2501. #back-button i {
  2502. margin-right: 10px;
  2503. }
  2504. #loader {
  2505. display: none;
  2506. position: relative;
  2507. min-height: 930px;
  2508. }
  2509. #loader .loader-icon {
  2510. position: fixed;
  2511. z-index: 10000;
  2512. top: 50%;
  2513. left: 50%;
  2514. width: 44px;
  2515. height: 44px;
  2516. margin: -22px -22px;
  2517. border-radius: 5px;
  2518. background: url(images/loading.gif) no-repeat center center;
  2519. background-color: #fff;
  2520. -webkit-background-size: 30px 30px;
  2521. background-size: 30px 30px;
  2522. }
  2523.  
  2524. /****************************************************************/
  2525. /*********************** WPFORMS Lite style ********************/
  2526. /****************************************************************/
  2527.  
  2528. .home div.wpforms-container-full .wpforms-form input[type=text], .home div.wpforms-container-full .wpforms-form input[type=email], .home div.wpforms-container-full .wpforms-form textarea {
  2529. border-radius: 4px;
  2530. padding: 9px 9px 9px 15px;
  2531. font-size: 14px;
  2532. background-color: rgba(255, 255, 255, 0.95);
  2533. }
  2534.  
  2535. .home div.wpforms-container-full .wpforms-form .wpforms-submit-container {
  2536. text-align: right;
  2537. }
  2538.  
  2539. .home div.wpforms-container-full .wpforms-form .wpforms-submit-container .wpforms-submit {
  2540. background-color: #e96656;
  2541. border-width: 0;
  2542. border-radius: 4px;
  2543. color: #fff;
  2544. font-size: 14px;
  2545. text-transform: uppercase;
  2546. padding: 13px 35px 13px 35px;
  2547. }
  2548.  
  2549. .home div.wpforms-container-full .wpforms-form .wpforms-submit-container .wpforms-submit:hover {
  2550. background-color: #cb4332;
  2551. border-width: 0;
  2552. border-radius: 4px;
  2553. color: #fff;
  2554. font-size: 14px;
  2555. text-transform: uppercase;
  2556. padding: 13px 35px 13px 35px;
  2557. }
  2558.  
  2559. .home .wpforms-field-label, .home .wpforms-field-description, .home .wpforms-field-sublabel, .home .wpforms-field-checkbox, .home .wpforms-field-radio, .home .wpforms-image-choices-none label {
  2560. color: rgba(255, 255, 255, 0.95);
  2561. text-align: left;
  2562. }
  2563.  
  2564. .home .wpforms-field-checkbox .wpforms-image-choices, .home .wpforms-field-radio .wpforms-image-choices{
  2565. color: #404040;
  2566. }
  2567.  
  2568. .home div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-selected label {
  2569. border-color: #e96656;
  2570. }
  2571.  
  2572. /*---------------------------------------
  2573. ** Section: About us; -----
  2574. -----------------------------------------*/
  2575.  
  2576. .about-us {
  2577. color: #fff;
  2578. background: #272727;
  2579. }
  2580. .about-us .big-intro {
  2581. margin-top: -15px;
  2582. font-size: 60px;
  2583. font-weight: 300;
  2584. line-height: normal;
  2585. text-align: right;
  2586. }
  2587. .about-us .section-header .section-legend {
  2588. color: #fff;
  2589. }
  2590. .about-us p {
  2591. color: #939393;
  2592. font-size: 14px;
  2593. line-height: 25px;
  2594. text-align: left;
  2595. }
  2596. .about-us .column {
  2597. margin-bottom: 78px;
  2598. }
  2599. .about-us .col-md-12.zerif-rtl-big-title .big-intro,
  2600. .about-us .col-md-12.zerif_about_us_center p {
  2601. text-align: center;
  2602. }
  2603.  
  2604. /*--SKILLS --*/
  2605. .skills {
  2606. margin: 0 0 0 0;
  2607. text-align: left;
  2608. }
  2609. .skills .skill {
  2610. display: block;
  2611. clear: both;
  2612. margin-top: 0;
  2613. margin-bottom: 25px;
  2614. }
  2615. .skills .skill .skill-count {
  2616. display: inline-block;
  2617. float: left;
  2618. height: 64px;
  2619. margin-top: 3px;
  2620. margin-right: 15px;
  2621. margin-bottom: 25px;
  2622. }
  2623. .skills li:last-child {
  2624. margin-bottom: 0;
  2625. }
  2626. .skills .skill .skill1,
  2627. .skill2,
  2628. .skill3,
  2629. .skill4 {
  2630. font-size: 16px !important;
  2631. }
  2632. .skills .skill .section-legend {
  2633. float: none;
  2634. clear: none;
  2635. width: auto;
  2636. margin-top: 0;
  2637. margin-bottom: 0;
  2638. font-weight: 700;
  2639. text-transform: uppercase;
  2640. overflow: hidden;
  2641. }
  2642. .skills .skill p {
  2643. color: #8f8f8f;
  2644. font-size: 14px;
  2645. line-height: 20px;
  2646. }
  2647.  
  2648. /*--OUR CLIENTS --*/
  2649. .our-clients {
  2650. float: left;
  2651. width: 100%;
  2652. margin-bottom: 40px;
  2653. background: url(images/lines-dark.png) repeat-x center;
  2654. }
  2655. .our-clients .section-footer-title {
  2656. padding: 0 15px;
  2657. color: #fff;
  2658. background: #272727;
  2659. font-size: 16px;
  2660. }
  2661. .our-clients h2 {
  2662. float: none;
  2663. margin-top: 0;
  2664. margin-bottom: 0;
  2665. font-weight: 700;
  2666. }
  2667. .client-list {
  2668. float: left;
  2669. width: 100%;
  2670. margin-bottom: 78px;
  2671. padding-top: 5px;
  2672. }
  2673. .client-list ul {
  2674. margin: 0;
  2675. }
  2676. .client-list ul li {
  2677. display: inline-block;
  2678. margin-right: 24px;
  2679. padding-bottom: 15px;
  2680. vertical-align: middle;
  2681. text-transform: uppercase;
  2682. }
  2683. .client-list ul li img {
  2684. max-width: 130px;
  2685. opacity: 0.8;
  2686. -webkit-transition: all ease 0.55s;
  2687. transition: all ease 0.55s;
  2688.  
  2689. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  2690. filter: alpha(opacity=80);
  2691. }
  2692. .client-list ul li img:hover {
  2693. opacity: 1;
  2694.  
  2695. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  2696. filter: alpha(opacity=100);
  2697. }
  2698. .client-list ul li:last-child {
  2699. margin-right: 0;
  2700. }
  2701. .client-list ul li i {
  2702. margin-right: 8px;
  2703. }
  2704. .client-list div {
  2705. margin: 0;
  2706. }
  2707. .client-list div span {
  2708. margin-right: 24px;
  2709. }
  2710. .client-list div a:last-child {
  2711. margin-right: 0;
  2712. }
  2713. .client-list div img {
  2714. max-width: 130px;
  2715. padding-bottom: 15px;
  2716. opacity: 0.8;
  2717. -webkit-transition: all ease 0.55s;
  2718. transition: all ease 0.55s;
  2719.  
  2720. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  2721. filter: alpha(opacity=80);
  2722. }
  2723. .client-list div img:hover {
  2724. opacity: 1;
  2725.  
  2726. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  2727. filter: alpha(opacity=100);
  2728. }
  2729. .client-list div a:last-child {
  2730. margin-right: 0;
  2731. }
  2732.  
  2733. /*---------------------------------------
  2734. ** Section: stats -----
  2735. -----------------------------------------*/
  2736.  
  2737. .stats {
  2738. clear: both;
  2739. padding: 100px 0 60px 0 !important;
  2740. background: rgba(0, 0, 0, 0.5);
  2741. }
  2742. .stat {
  2743. margin-bottom: 40px;
  2744. }
  2745. .stat .icon-top {
  2746. height: 50px;
  2747. font-size: 40px;
  2748. line-height: 50px;
  2749. }
  2750. .stat .stat-text {
  2751. display: inline-block;
  2752. position: relative;
  2753. }
  2754. .stat h3 {
  2755. display: inline-block;
  2756. position: relative;
  2757. margin-top: 20px;
  2758. padding-bottom: 5px;
  2759. }
  2760. .stat .section-legend {
  2761. margin-top: 15px;
  2762. color: #d1d1d1;
  2763. }
  2764.  
  2765. /*---------------------------------------
  2766. ** Section: Our team; -----
  2767. -----------------------------------------*/
  2768.  
  2769. .our-team {
  2770. padding-top: 100px;
  2771. padding-bottom: 66px;
  2772. background: #fff;
  2773. }
  2774. .team-member {
  2775. overflow: hidden;
  2776. position: relative;
  2777. margin-bottom: 35px;
  2778. border-radius: 4px;
  2779. }
  2780. .team-member .details {
  2781. position: absolute;
  2782. top: -200px;
  2783. left: 0;
  2784. width: 100%;
  2785. height: 190px;
  2786. padding: 15px;
  2787. opacity: 0;
  2788. font-size: 13px;
  2789. line-height: 20px;
  2790. text-align: left;
  2791. -webkit-transition: all 500ms;
  2792. transition: all 500ms;
  2793.  
  2794. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  2795. filter: alpha(opacity=0);
  2796. }
  2797. .team-member .member-details {
  2798. display: inline-block;
  2799. position: relative;
  2800. padding-bottom: 5px;
  2801. }
  2802. .team-member:hover .details,
  2803. .team-member:focus .details {
  2804. top: 0;
  2805. opacity: 1;
  2806. color: white;
  2807. background: #333;
  2808.  
  2809. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  2810. filter: alpha(opacity=100);
  2811. }
  2812. .team-member.team-member-open .details {
  2813. display: block;
  2814. top: 0;
  2815. opacity: 1;
  2816. color: white;
  2817. background: #333;
  2818. -webkit-transition: none;
  2819. -moz-transition: none;
  2820. -o-transition: none;
  2821. transition: none;
  2822.  
  2823. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  2824. filter: alpha(opacity=100);
  2825. }
  2826. .team-member .profile-pic {
  2827. overflow: hidden;
  2828. width: 174px;
  2829. height: 174px;
  2830. margin: auto;
  2831. margin-bottom: 25px;
  2832. border-radius: 50%;
  2833. }
  2834. .team-member .profile-pic img {
  2835. width: 100%;
  2836. height: 100%;
  2837. }
  2838. .team-member h3 {
  2839. position: relative;
  2840. margin-top: 15px;
  2841. color: #404040;
  2842. font-size: 17px;
  2843. font-weight: 700;
  2844. text-transform: uppercase;
  2845. }
  2846. .team-member .position {
  2847. font-size: 13px;
  2848. }
  2849. .team-member .social-icons {
  2850. margin-bottom: 25px;
  2851. }
  2852. .team-member .social-icons ul {
  2853. margin: 0 0 1.5em 0;
  2854. }
  2855. .team-member .social-icons ul li {
  2856. display: inline-block;
  2857. margin: 6px;
  2858. line-height: 32px;
  2859. }
  2860. .team-member .social-icons ul li a {
  2861. border-radius: 50%;
  2862. color: #808080;
  2863. background: #fff;
  2864. font-size: 18px;
  2865. }
  2866. .team-member .social-icons ul li a:hover {
  2867. color: #e96656;
  2868. }
  2869. .our-team .row > span:nth-child(4n+1) .red-border-bottom:before {
  2870. background: #e96656;
  2871. }
  2872. .our-team .row > span:nth-child(4n+2) .red-border-bottom:before {
  2873. background: #34d293;
  2874. }
  2875. .our-team .row > span:nth-child(4n+3) .red-border-bottom:before {
  2876. background: #3ab0e2;
  2877. }
  2878. .our-team .row > span:nth-child(4n+4) .red-border-bottom:before {
  2879. background: #f7d861;
  2880. }
  2881.  
  2882. /*---------------------------------------
  2883. ** Features -----
  2884. -----------------------------------------*/
  2885.  
  2886. .features {
  2887. padding-bottom: 51px;
  2888. background: #fff;
  2889. text-align: left;
  2890. }
  2891. .features .feature {
  2892. margin-bottom: 55px;
  2893. }
  2894. .features .feature-icon {
  2895. float: left;
  2896. margin-top: 10px;
  2897. margin-right: 25px;
  2898. font-size: 55px;
  2899. }
  2900. .features .feature h5 {
  2901. color: #404040;
  2902. font-weight: bold;
  2903. line-height: 28px;
  2904. }
  2905. .features .feature p {
  2906. font-size: 14px;
  2907. }
  2908.  
  2909. /*---------------------------------------
  2910. ** Packages -----
  2911. -----------------------------------------*/
  2912.  
  2913. .packages {
  2914. padding-bottom: 50px;
  2915. background: rgba(0, 0, 0, 0.5);
  2916. }
  2917. .package {
  2918. margin-top: 25px;
  2919. margin-bottom: 50px;
  2920. padding-bottom: 15px;
  2921. border-radius: 4px;
  2922. background: #fff;
  2923. }
  2924. .package-header {
  2925. height: 57px;
  2926. border-top-left-radius: 4px;
  2927. border-top-right-radius: 4px;
  2928. color: #fff;
  2929. line-height: 57px;
  2930. }
  2931. .package-header h5 {
  2932. font-weight: bold;
  2933. text-transform: uppercase;
  2934. }
  2935. .price {
  2936. height: 100px;
  2937. color: #fff;
  2938. font-weight: 400;
  2939. line-height: 120px;
  2940. }
  2941. .price h4 {
  2942. display: inline;
  2943. margin-bottom: 0;
  2944. font-size: 40px;
  2945. line-height: normal;
  2946. }
  2947. .price h4 .dollar-sign {
  2948. font-size: 17px;
  2949. vertical-align: super;
  2950. }
  2951. .price .price-meta {
  2952. color: #9f9f9f;
  2953. line-height: normal;
  2954. text-transform: uppercase;
  2955. }
  2956. .package ul li {
  2957. width: 80%;
  2958. margin: auto;
  2959. padding-top: 10px;
  2960. padding-bottom: 10px;
  2961. border-bottom: 1px dotted #dadada;
  2962. }
  2963. .package ul li:last-child {
  2964. border-bottom: 0;
  2965. }
  2966. .best-value .package {
  2967. margin-top: 0;
  2968. }
  2969. .best-value .package-header {
  2970. height: 82px !important;
  2971. padding-top: 17px;
  2972. }
  2973. .best-value .package-header h4 {
  2974. font-weight: bold;
  2975. line-height: 29px;
  2976. text-transform: uppercase;
  2977. }
  2978. .best-value .package-header .meta-text {
  2979. font-size: 13px;
  2980. line-height: normal;
  2981. }
  2982. .best-value .package-header {
  2983. height: 72px;
  2984. }
  2985. .package ul li i {
  2986. margin-right: 5px;
  2987. font-size: 13px;
  2988. }
  2989. .order {
  2990. color: #404040;
  2991. background: #d8ccba;
  2992. }
  2993. .package .order-now {
  2994. display: block;
  2995. max-width: 100%;
  2996. border-bottom-right-radius: 4px;
  2997. border-bottom-left-radius: 4px;
  2998. color: #fff;
  2999. background: #404040;
  3000. line-height: 45px;
  3001. -webkit-transition: all 700ms;
  3002. transition: all 700ms;
  3003. }
  3004. .package .order-now:hover {
  3005. background: #e96656;
  3006. }
  3007.  
  3008. /*---------------------------------------
  3009. ** Producs -----
  3010. -----------------------------------------*/
  3011.  
  3012. .products .color-overlay {
  3013. margin-top: -100px;
  3014. padding-top: 100px;
  3015. padding-bottom: 70px;
  3016. background: rgba(39,144,176, 0.96);
  3017. }
  3018.  
  3019. /*---ITEM STYLE ---*/
  3020. .item {
  3021. display: block;
  3022. overflow: hidden;
  3023. position: relative;
  3024. z-index: 5;
  3025. width: 100%;
  3026. height: 260px;
  3027. margin: auto;
  3028. margin-bottom: 30px;
  3029. border-radius: 4px;
  3030. -webkit-background-size: 100%;
  3031. background-size: 100%;
  3032. -webkit-backface-visibility: hidden;
  3033. }
  3034. .item-overlay {
  3035. overflow: hidden;
  3036. position: absolute;
  3037. top: 0;
  3038. left: 0;
  3039. width: 100%;
  3040. height: 100%;
  3041. -webkit-transition: background-color 0.3s ease-in-out;
  3042. transition: background-color 0.3s ease-in-out;
  3043. }
  3044. .item-content {
  3045. position: absolute;
  3046. bottom: 0;
  3047. width: 100%;
  3048. -webkit-transition: all 0.3s ease-in-out;
  3049. transition: all 0.3s ease-in-out;
  3050. -webkit-transform: translate(0,100%);
  3051. -ms-transform: translate(0,100%);
  3052. transform: translate(0,100%);
  3053. }
  3054. .item:hover .item-content {
  3055. -webkit-transition: all 0.3s ease-in-out;
  3056. transition: all 0.3s ease-in-out;
  3057. -webkit-transform: translate(0,0);
  3058. -ms-transform: translate(0,0);
  3059. transform: translate(0,0);
  3060. }
  3061. .item-top-content {
  3062. position: relative;
  3063. }
  3064. .item-top-content-inner {
  3065. position: absolute;
  3066. bottom: 0;
  3067. width: 100%;
  3068. padding: 10px 15px 10px 15px;
  3069. background: rgba(255,255,255,0.95);
  3070. }
  3071. .item-add-content {
  3072. padding: 0 15px 15px 15px;
  3073. opacity: 0;
  3074. -webkit-transition: all 0.3s ease-in-out;
  3075. transition: all 0.3s ease-in-out;
  3076.  
  3077. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  3078. filter: alpha(opacity=0);
  3079. }
  3080. .item:hover .item-add-content {
  3081. opacity: 1;
  3082.  
  3083. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  3084. filter: alpha(opacity=100);
  3085. }
  3086. .item-add-content-inner {
  3087. padding-top: 10px;
  3088. border: 0 solid #dadada;
  3089. border-top-width: 1px;
  3090. }
  3091. .item-top-title {
  3092. text-align: left;
  3093. }
  3094. .item-top-title h5 {
  3095. color: #404040;
  3096. font-weight: 700;
  3097. }
  3098.  
  3099. /* ITEM DETAILS */
  3100. .item-product {
  3101. float: left;
  3102. width: 70%;
  3103. }
  3104. .item-product-price {
  3105. float: right;
  3106. width: 30%;
  3107. text-align: right;
  3108. }
  3109. .subdescription {
  3110. color: #7d7d7d;
  3111. font-size: 14px;
  3112. font-weight: 400;
  3113. }
  3114.  
  3115. /*---PRODUCT PRICE---*/
  3116. .item-product-price {
  3117. position: relative;
  3118. font-size: 1em;
  3119. font-weight: 700;
  3120. }
  3121. .item-product-price .subdescription {
  3122. color: #808080;
  3123. }
  3124. .old-price {
  3125. position: absolute;
  3126. right: -2px;
  3127. bottom: 10px;
  3128. width: 30px;
  3129. margin-top: -11px;
  3130. border: 0 solid #808080;
  3131. border-bottom-width: 1px;
  3132. -webkit-transform: rotate(-30deg);
  3133. -ms-transform: rotate(-30deg);
  3134. transform: rotate(-30deg);
  3135. }
  3136.  
  3137. /*---ITEM DESCRIPTION ---*/
  3138. .item-content {
  3139. background: rgba(255,255,255,0.85);
  3140. }
  3141. .item-add-content {
  3142. color: #808080;
  3143. font-weight: 400;
  3144. }
  3145. .item-add-content .section {
  3146. margin-bottom: 10px;
  3147. }
  3148. .item-add-content .section:last-of-type {
  3149. margin-bottom: 0;
  3150. }
  3151. .item-add-content p {
  3152. font-size: 14PX;
  3153. }
  3154.  
  3155. /*---------------------------------------
  3156. ** Newsletter -----
  3157. -----------------------------------------*/
  3158.  
  3159. .newsletter {
  3160. padding-top: 62px;
  3161. padding-bottom: 62px;
  3162. background: rgba(0, 0, 0, 0.5);
  3163. }
  3164. .newsletter h3 {
  3165.  
  3166. }
  3167. .newsletter .subscription {
  3168. margin-top: 15px;
  3169. }
  3170. .newsletter .custom-button {
  3171. margin-top: 7px;
  3172. }
  3173.  
  3174. /*----------------------------------------
  3175. ** Testimonial -----
  3176. -----------------------------------------*/
  3177.  
  3178. .testimonial {
  3179. padding-bottom: 90px;
  3180. background: #8c7620;
  3181. }
  3182. .testimonial .section-header .section-legend {
  3183. color: #fff;
  3184. }
  3185. #client-feedbacks .feedback-box,
  3186. .testimonial .widget_zerif_testim-widget {
  3187. display: inline-block;
  3188. z-index: 5;
  3189. width: 30%;
  3190. margin: 13px;
  3191. padding: 25px;
  3192. border-radius: 4px;
  3193. background: #fff;
  3194. -webkit-box-shadow: none;
  3195. box-shadow: none;
  3196. text-align: left;
  3197. vertical-align: top;
  3198. }
  3199. .feedback-box .message,
  3200. .testimonial .widget_zerif_testim-widget .message {
  3201. color: #000;
  3202. font-size: 15px;
  3203. }
  3204. .feedback-box .client,
  3205. .testimonial .widget_zerif_testim-widget .client {
  3206. position: relative;
  3207. height: 73px;
  3208. margin-top: 30px;
  3209. }
  3210. .feedback-box .quote,
  3211. .testimonial .widget_zerif_testim-widget .quote {
  3212. float: left;
  3213. font-size: 45px;
  3214. line-height: 80px;
  3215. }
  3216. .feedback-box .client-info,
  3217. .testimonial .widget_zerif_testim-widget .client-info {
  3218. float: left;
  3219. margin-left: 18px;
  3220. padding-top: 15px;
  3221. }
  3222. .feedback-box .client-info .client-name,
  3223. .testimonial .widget_zerif_testim-widget .client-name {
  3224. color: #404040;
  3225. font-family: "Homemade Apple", serif;
  3226. }
  3227. .feedback-box .client-info .client-company,
  3228. .testimonial .widget_zerif_testim-widget .client-company {
  3229. margin-top: -3px;
  3230. font-size: 13px;
  3231. }
  3232. .feedback-box .client-image,
  3233. .testimonial .widget_zerif_testim-widget .client-image {
  3234. float: right;
  3235. overflow: hidden;
  3236. width: 73px;
  3237. height: 73px;
  3238. border: 3px solid #f6f6f6;
  3239. border-radius: 50%;
  3240. }
  3241. .feedback-box .client-image img,
  3242. .testimonial .widget_zerif_testim-widget .client-image img {
  3243. width: 100%;
  3244. height: 100%;
  3245. }
  3246. .customNavigation {
  3247. text-align: center;
  3248. }
  3249. .owl-theme .owl-controls .owl-page span {
  3250. border-radius: 50%;
  3251. background: #886e0e;
  3252. }
  3253. .customNavigation a {
  3254. -webkit-user-select: none;
  3255. -moz-user-select: none;
  3256. -ms-user-select: none;
  3257. user-select: none;
  3258.  
  3259. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  3260. }
  3261. .zerif_grid_col_4 > div,
  3262. .zerif_grid_col_3 > div,
  3263. .zerif_grid_col_2 > div,
  3264. .zerif_grid_col_1 > div {
  3265. margin-bottom: 30px;
  3266. text-align: center;
  3267. }
  3268. .zerif_grid_col_4 {
  3269. float: left;
  3270. width: 23%;
  3271. margin: 0 1.25% 0 1.25%;
  3272. }
  3273. .zerif_grid_col_3 {
  3274. float: left;
  3275. width: 31.5%;
  3276. margin: 0 1.25% 0 1.25%;
  3277. }
  3278. .zerif_grid_col_2 {
  3279. float: left;
  3280. width: 48%;
  3281. margin: 0 1.75% 0 1.75%;
  3282. }
  3283. .zerif_grid_col_1 {
  3284. float: left;
  3285. width: 100%;
  3286. }
  3287. .zerif_grid_first {
  3288. margin-left: 0;
  3289. padding-left: 0;
  3290. }
  3291. .zerif_grid_last {
  3292. margin-right: 0;
  3293. padding-right: 0;
  3294. }
  3295. #client-feedbacks.zerif_grid .feedback-box {
  3296. width: 100%;
  3297. }
  3298.  
  3299. /*----------------------------------------
  3300. ** Purchase now -----
  3301. -----------------------------------------*/
  3302.  
  3303. .purchase-now {
  3304. padding-top: 70px;
  3305. padding-bottom: 70px;
  3306. background: #e96656;
  3307. }
  3308. .purchase-now h3 {
  3309. margin-top: 14px;
  3310. line-height: 40px;
  3311. text-align: left;
  3312. }
  3313. .purchase-now .red-btn {
  3314. float: right;
  3315. background: #db5a4a;
  3316. }
  3317. .purchase-now .red-btn:hover {
  3318. background: #bf3928;
  3319. }
  3320. .ribbon-without-button h3 {
  3321. text-align: center;
  3322. }
  3323. .ribbon-without-button .col-md-9 {
  3324. width: 100%;
  3325. }
  3326.  
  3327. /*----------------------------------------
  3328. ** Contact us -----
  3329. -----------------------------------------*/
  3330.  
  3331. .contact-us {
  3332. padding-bottom:30px !important;
  3333. padding-top:30px !important;
  3334. background: rgba(0, 0, 0, 0.5);
  3335. }
  3336. .contact-us .section-header .section-legend {
  3337. color: #fff;
  3338. }
  3339. .contact-us .input-box,
  3340. textarea {
  3341. width: 100%;
  3342. margin: auto;
  3343. margin-bottom: 20px;
  3344. border-radius: 4px;
  3345. }
  3346. .contact-us textarea {
  3347. border: 1px solid transparent;
  3348. }
  3349. .zerif-g-recaptcha {
  3350. display: none;
  3351. margin-left: 15px;
  3352. }
  3353. .contact-us .notification p {
  3354. display: inline-block;
  3355. margin-bottom: 10px;
  3356. padding: 5px 10px;
  3357. border-radius: 3px;
  3358. color: #fff;
  3359. }
  3360. .contact-us .error p {
  3361. background: #e96656;
  3362. }
  3363. .contact-us .success p {
  3364. background: #34d293;
  3365. }
  3366. .contact_submit_wrap {
  3367. float: right;
  3368. }
  3369.  
  3370. /*---------------------------------------
  3371. ** Footer -----
  3372. -----------------------------------------*/
  3373.  
  3374. #footer {
  3375. background: #272727;
  3376. line-height: 20px;
  3377. }
  3378. .company-details {
  3379. padding-top: 67px;
  3380. padding-bottom: 30px;
  3381. color: #939393;
  3382. }
  3383. .company-details a {
  3384. color: #939393;
  3385. text-decoration: none;
  3386. }
  3387.  
  3388. .company-details a:hover {
  3389. color: #e96656;
  3390. }
  3391. .company-details .icon-top {
  3392. margin-bottom: 10px;
  3393. font-size: 30px;
  3394. }
  3395. .copyright {
  3396. padding-top: 68px;
  3397. padding-bottom: 68px;
  3398. background: #171717;
  3399. }
  3400. .social {
  3401. margin: 0 0 1.5em 0 !important;
  3402. }
  3403. .social li {
  3404. display: inline-block;
  3405. margin: 5px;
  3406. }
  3407. .social li a {
  3408. color: #939393;
  3409. font-size: 18px;
  3410. }
  3411. .social li a:hover {
  3412. color: #e96656;
  3413. }
  3414. .copyright p {
  3415. margin-bottom: 0;
  3416. color: #939393;
  3417. }
  3418. .footer-widget-wrap > .container {
  3419. text-align: center;
  3420. }
  3421. .footer-widget {
  3422. display: inline-block;
  3423. float: none;
  3424. vertical-align: top;
  3425. }
  3426. .footer-widget ul {
  3427. margin-left: 0;
  3428. padding-left: 0;
  3429. }
  3430. .footer-widget li {
  3431. margin-left: 0;
  3432. list-style: none;
  3433. }
  3434. .footer-widget-wrap {
  3435. background: rgba(255,255,255,0.05);
  3436. }
  3437. .footer-widget-wrap .widget .widget-title {
  3438. color: #fff;
  3439. }
  3440. .footer-widget-wrap .widget li a {
  3441. color: #ccc;
  3442. }
  3443. .footer-widget-wrap .widget li a:hover {
  3444. color: #fff;
  3445. }
  3446. .footer-widget-wrap .widget {
  3447. padding-bottom: 30px;
  3448. color: #ccc;
  3449. }
  3450. .footer-widget-wrap .widget_calendar tbody td {
  3451. background-color: rgba(249, 249, 249, 0.75);
  3452. }
  3453. .footer-widget-wrap .tagcloud a {
  3454. padding: 2px 5px;
  3455. color: #ccc;
  3456. background: none;
  3457. }
  3458. .footer-widget-wrap .tagcloud a:hover {
  3459. color: #fff;
  3460. }
  3461. .footer-widget-wrap .widget #wp-calendar {
  3462. color: #333;
  3463. }
  3464.  
  3465. /*---------------------------------------
  3466. ** Single page -----
  3467. -----------------------------------------*/
  3468.  
  3469. .single-project {
  3470. margin-bottom: 25px;
  3471. text-align: left;
  3472. }
  3473. .single-project .project-image {
  3474. float: left;
  3475. width: 100%;
  3476. margin-bottom: 25px;
  3477. text-align: left;
  3478. }
  3479. .single-project h3 {
  3480. margin-bottom: 10px;
  3481. padding-bottom: 7px;
  3482. border-bottom: 1px dotted #dadada;
  3483. line-height: 40px;
  3484. }
  3485. .single-project .project-description {
  3486. margin-bottom: 25px;
  3487. }
  3488. .single-project .button {
  3489. margin-left: 0;
  3490. }
  3491. .single-project .project-information {
  3492. margin-bottom: 10px;
  3493. }
  3494. .single-project .project-information ul li {
  3495. margin-top: 10px;
  3496. padding-bottom: 5px;
  3497. border-bottom: 1px dotted #dadada;
  3498. }
  3499. .single-project .project-information ul li span {
  3500. margin-right: 5px;
  3501. font-weight: 700;
  3502. }
  3503.  
  3504. /*---------------------------------------
  3505. ** Section blog -----
  3506. -----------------------------------------*/
  3507.  
  3508. .blog {
  3509. overflow: hidden;
  3510. position: relative;
  3511. min-height: 175px;
  3512. }
  3513. .blog-list {
  3514. background: #fff;
  3515. }
  3516. .post-img-wrap {
  3517. display: inline-block;
  3518. float: left;
  3519. overflow: hidden;
  3520. margin-right: 20px;
  3521. }
  3522.  
  3523. .post-img-wrap a img {
  3524. width: 200px;
  3525. height: auto;
  3526. }
  3527.  
  3528. .post-img-wrap a:hover img {
  3529.  
  3530. }
  3531. article.hentry {
  3532. float: left;
  3533. width: 100%;
  3534. margin-bottom: 30px;
  3535. padding-bottom: 30px;
  3536. border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  3537. }
  3538. article.sticky {
  3539. padding: 10px;
  3540. background: #f9f9f9;
  3541. }
  3542. article {
  3543. text-align: left;
  3544. }
  3545. article .entry-meta a {
  3546. color: #888;
  3547. font-style: italic;
  3548. }
  3549. article .posted-on a:hover {
  3550. color: #e96656;
  3551. }
  3552. .entry-footer a {
  3553. color: #888;
  3554. font-style: italic;
  3555. }
  3556. .entry-footer a:hover {
  3557. color: #e96656;
  3558. }
  3559. .entry-title,
  3560. .entry-title a,
  3561. .widget-title,
  3562. .widget-title a {
  3563. color: #404040;
  3564. font-size: 20px;
  3565. line-height: 22px;
  3566. }
  3567. .entry-title a:hover {
  3568. color: #e96656;;
  3569. }
  3570. .clear {
  3571. clear: both;
  3572. }
  3573. .content-left-wrap {
  3574. padding-top: 60px;
  3575. }
  3576. .sidebar-wrap.content-left-wrap {
  3577. margin-top: 60px;
  3578. padding-top: 0;
  3579. }
  3580. .debar-wrap {
  3581. margin-top: 50px;
  3582. }
  3583.  
  3584. .listpost-content-wrap h1.entry-title,
  3585. .list-post-top h1.entry-title {
  3586. float: none;
  3587. clear: none;
  3588. margin-top: 0;
  3589. }
  3590. .listpost-content-wrap .entry-title:before {
  3591. display: none;
  3592. content: "";
  3593. }
  3594. .entry-title:after {
  3595. position: absolute;
  3596. z-index: 1;
  3597. bottom: -9px;
  3598. left: 0;
  3599. width: 10%;
  3600. height: 2px;
  3601. margin: auto;
  3602. background: #e96656;
  3603. content: "";
  3604. }
  3605. .listpost-content-wrap .entry-title a:after {
  3606. display: none;
  3607. position: absolute;
  3608. z-index: 1;
  3609. bottom: -9px;
  3610. left: 0;
  3611. width: 35%;
  3612. width: 50px;
  3613. height: 2px;
  3614. margin: auto;
  3615. background: #e96656;
  3616. content: "";
  3617. }
  3618.  
  3619. .listpost-content-wrap h1.entry-title a {
  3620. float: none;
  3621. position: relative;
  3622. }
  3623. .listpost-content-wrap-full {
  3624. width: 100%;
  3625. }
  3626. .listpost-content-wrap-full .list-post-top {
  3627. min-height: 1px;
  3628. }
  3629. .entry-title {
  3630. margin-top: 0;
  3631. padding-top: 0;
  3632. font-size: 20px;
  3633. }
  3634. .listpost-content-wrap .entry-content {
  3635. margin-top: 1em;
  3636. }
  3637. .listpost-content-wrap .entry-footer {
  3638. padding-top: 10px;
  3639. }
  3640. .listpost-content-wrap-full .entry-footer > span,
  3641. .listpost-content-wrap .entry-footer > span {
  3642. padding-right: 15px;
  3643. }
  3644. .listpost-content-wrap .entry-content p {
  3645. min-height: 90px;
  3646. margin-bottom: 0;
  3647. }
  3648. .entry-content {
  3649. line-height: 20px;
  3650. }
  3651. .list-post-top {
  3652. min-height: 130px;
  3653. }
  3654. .search .list-post-top {
  3655. min-height: 1px;
  3656. }
  3657. .entry-footer {
  3658. background: transparent;
  3659. }
  3660. .entry-footer-large a {
  3661. color: #8b8b8b;
  3662. font-style: italic;
  3663. }
  3664. .entry-footer-large a:hover {
  3665. color: #e96656;
  3666. }
  3667. .entry-footer-large {
  3668. float: left;
  3669. position: relative;
  3670. width: 100%;
  3671. padding: 0 0 20px 0;
  3672. padding-right: 200px;
  3673. background: transparent;
  3674. }
  3675. .entry-footer-large > span {
  3676. padding-right: 5px;
  3677. }
  3678. .entry-footer-large-left {
  3679. float: left;
  3680. }
  3681. .large-container .entry-content p {
  3682. margin: 4px 20px 0 0;
  3683. text-align: justify;
  3684. }
  3685. .entry-content {
  3686. margin: 1em 0 0;
  3687. }
  3688. .row {
  3689. float: left;
  3690. width: 100%;
  3691. margin-right: 0;
  3692. margin-left: 0;
  3693. }
  3694.  
  3695. /* Calendar style */
  3696. /* Calendar Widget */
  3697. .widget_calendar table,
  3698. .widget_calendar td {
  3699. border: 0;
  3700. border-spacing: 1px;
  3701. border-collapse: separate;
  3702. }
  3703. .widget_calendar caption {
  3704. margin: 0;
  3705. margin-bottom: 6px;
  3706. font-size: 14px;
  3707. }
  3708. .widget_calendar th,
  3709. .widget_calendar td {
  3710. padding: 0;
  3711. text-align: center;
  3712. }
  3713. .widget_calendar a {
  3714. display: block;
  3715. color: #e96656;
  3716. background: #f9f9f9;
  3717. }
  3718. .widget_calendar a:hover {
  3719. color: #fff;
  3720. background-color: #e96656;
  3721. }
  3722. .widget_calendar tbody td {
  3723. background-color: #f9f9f9;
  3724. }
  3725. .site-footer .widget_calendar tbody td {
  3726. background-color: rgba(255, 255, 255, 0.05);
  3727. }
  3728. .widget_calendar tbody .pad,
  3729. .site-footer .widget_calendar tbody .pad {
  3730. background-color: transparent;
  3731. }
  3732. .widget_calendar thead th {
  3733. border: none;
  3734. background: #e9e9e9;
  3735. }
  3736.  
  3737. /*----------------------------------------
  3738. ** SiteOrigin Page Builder styles -----
  3739. -----------------------------------------*/
  3740.  
  3741. .siteorigin-panels.page-template-template-fullwidth-no-title .content-left-wrap {
  3742. padding-top: 0;
  3743. }
  3744.  
  3745. .siteorigin-panels.page-template-template-fullwidth-no-title .type-page .entry-content {
  3746. margin-top: 0;
  3747. }
  3748.  
  3749. .siteorigin-panels.page-template-template-fullwidth-no-title article.hentry {
  3750. margin-bottom: 0;
  3751. padding-bottom: 0;
  3752. border-bottom: none;
  3753. }
  3754.  
  3755. .siteorigin-panels.page-template-template-fullwidth-no-title .hentry {
  3756. margin: 0;
  3757. }
  3758.  
  3759. .siteorigin-panels .widget li::before {
  3760. display: none;
  3761. }
  3762.  
  3763. /* ====================== Large TEMPLATE ============================== */
  3764. .entry-meta-large {
  3765. float: right;
  3766. position: absolute;
  3767. top: 0;
  3768. right: 0;
  3769. }
  3770. .entry-content p {
  3771. text-align: justify;
  3772. }
  3773. .entry-content blockquote {
  3774. margin-top: 10px;
  3775. margin-bottom: 10px;
  3776. margin-left: 10px;
  3777. padding-left: 15px;
  3778. border-left: 3px solid #e96656;
  3779. }
  3780. .post-img-wrap-large a img {
  3781. width: 100%;
  3782. max-width: 100%;
  3783. height: auto;
  3784. }
  3785. .listpost-content-wrap-large {
  3786. position: absolute;
  3787. bottom: 0;
  3788. width: 100%;
  3789. min-height: 50px;
  3790. padding: 15px 20px 0 20px;
  3791. border-top: 2px solid #fff;
  3792. background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
  3793. }
  3794. .large-container {
  3795. float: left;
  3796. position: relative;
  3797. width: 95%;
  3798. margin: 0 0 35px 0;
  3799. border-radius: 4px;
  3800. background-color: #fff;
  3801. }
  3802. .large-container .list-post-top {
  3803. min-height: 130px;
  3804. }
  3805.  
  3806. /* woocommerce v2.3.5 */
  3807. *:focus {
  3808. outline: 0;
  3809. }
  3810. .woocommerce-page .page-description {
  3811. float: left;
  3812. margin-top: 20px;
  3813. text-align: justify;
  3814. }
  3815. .woocommerce-page h1.page-title {
  3816. position: relative;
  3817. color: #404040;
  3818. font-size: 20px;
  3819. font-size: 20px;
  3820. line-height: 22px;
  3821. text-align: left;
  3822. }
  3823. .woocommerce-page .page-title:before {
  3824. position: absolute;
  3825. z-index: 1;
  3826. bottom: -9px;
  3827. left: 0;
  3828. width: 10%;
  3829. height: 2px;
  3830. margin: auto;
  3831. background: #e96656;
  3832. content: "";
  3833. }
  3834. .woocommerce span.onsale {
  3835. position: absolute;
  3836. top: -20px;
  3837. left: -20px;
  3838. width: 55px;
  3839. height: 55px;
  3840. padding: 0;
  3841. border: 4px solid #34d293;
  3842. border-radius: 50%;
  3843. color: #000;
  3844. background: rgba(255,255,255,0.9);
  3845. text-shadow: none;
  3846. font-size: 13px;
  3847. line-height: 46px;
  3848. text-transform: uppercase;
  3849. }
  3850. .woocommerce ul.products li.product .onsale {
  3851. top: -20px;
  3852. left: -20px;
  3853. }
  3854. .woocommerce-page .woocommerce-ordering select {
  3855. padding: 12px 15px 12px 10px;
  3856. border: 1px solid rgba(0, 0, 0, 0.1);
  3857. border-radius: 0;
  3858. color: #a0a0a0;
  3859. }
  3860. .woocommerce-page .products .product > a:first-child {
  3861. display: block;
  3862. position: relative;
  3863. text-align: center;
  3864. }
  3865. .woocommerce-page .products a.button {
  3866. display: inline-block;
  3867. margin: 10px;
  3868. margin: 0;
  3869. padding: 10px 20px 10px 20px;
  3870. border: none;
  3871. border-radius: 4px;
  3872. color: #fff;
  3873. background: #e96656;
  3874. font-size: 12px;
  3875. text-align: center;
  3876. text-transform: uppercase;
  3877. }
  3878. .woocommerce-page .products a.button:hover {
  3879. background: #cb4332;
  3880. }
  3881. .woocommerce-page .products h3,
  3882. .woocommerce-page .products h2 {
  3883. display: inline-block;
  3884. float: none;
  3885. position: relative;
  3886. width: auto;
  3887. min-height: 42px;
  3888. margin: 0;
  3889. color: #404040;
  3890. font-size: 16px !important;
  3891. font-weight: bold;
  3892. line-height: 14px;
  3893. text-transform: uppercase;
  3894. }
  3895. .woocommerce-page .products a .price {
  3896. float: left;
  3897. width: 100%;
  3898. height: auto;
  3899. min-height: 40px;
  3900. padding: 10px 0;
  3901. color: #000 ;
  3902. line-height: 20px;
  3903. text-align: center;
  3904. }
  3905. .woocommerce-page .products a .price del {
  3906. display: block;
  3907. line-height: 20px;
  3908. }
  3909. .woocommerce ul.products li.product .price {
  3910. color: #000;
  3911. font-size: 16px;
  3912. }
  3913. .woocommerce-page .products a .price ins {
  3914. display: block;
  3915. color: #e96656;
  3916. background: none;
  3917. font-weight: bold;
  3918. line-height: 20px;
  3919. }
  3920. .woocommerce-page .products .star-rating {
  3921. overflow: hidden;
  3922. position: relative;
  3923. position: relative;
  3924. width: 100px;
  3925. height: 20px;
  3926. margin: 0 auto;
  3927. background: url(images/woostars.png);
  3928. background-repeat: no-repeat;
  3929. background-position: top left;
  3930. text-indent: 99999px;
  3931. }
  3932. .woocommerce-page .products .star-rating span {
  3933. overflow: hidden;
  3934. position: absolute;
  3935. top: 0;
  3936. left: 0;
  3937. width: 100px;
  3938. height: 20px;
  3939. padding: 1px;
  3940. background: url(images/woostars.png);
  3941. background-repeat: no-repeat;
  3942. background-position: bottom left;
  3943. }
  3944. .woocommerce-page .products .price {
  3945. padding: 5px 0;
  3946. }
  3947. .woocommerce-page .products .added_to_cart {
  3948. display: inline-block;
  3949. margin: 0;
  3950. padding: 10px 20px 10px 20px;
  3951. border: none;
  3952. border-radius: 4px;
  3953. color: #e96656;
  3954. font-size: 12px;
  3955. text-align: center;
  3956. text-transform: uppercase;
  3957. }
  3958. .woocommerce-page .woocommerce-result-count {
  3959. float: left;
  3960. margin-top: 20px;
  3961. font-size: 14px;
  3962. line-height: 46px;
  3963. }
  3964. .woocommerce-page .woocommerce-ordering {
  3965. float: right;
  3966. margin-top: 20px;
  3967. }
  3968. .woocommerce-page .product-type-simple {
  3969. position: relative;
  3970. }
  3971. .woocommerce-page .product .images {
  3972. float: left;
  3973. width: 50%;
  3974. }
  3975. .woocommerce-page .product .entry-summary {
  3976. float: right;
  3977. width: 50%;
  3978. margin-top: 0;
  3979. padding-left: 5%;
  3980. }
  3981. .woocommerce-page .product .quantity {
  3982. display: block;
  3983. float: left;
  3984. margin-bottom: 15px;
  3985. }
  3986. .woocommerce-page .product .quantity input {
  3987. width: 78px;
  3988. padding: 5px;
  3989. border: 1px solid #ccc;
  3990. border-radius: 3px;
  3991. }
  3992. .woocommerce-page #content .quantity input.minus {
  3993. float: left;
  3994. position: relative;
  3995. position: absolute;
  3996. top: 15px;
  3997. right: 5px;
  3998. width: 15px;
  3999. height: 15px;
  4000. margin-left: 0;
  4001. padding: 0;
  4002. border: none;
  4003. color: #fff;
  4004. background: #ccc;
  4005. text-shadow: none;
  4006. }
  4007. .woocommerce-page #content .quantity input.plus {
  4008. float: left;
  4009. position: relative;
  4010. position: absolute;
  4011. top: 0;
  4012. right: 5px;
  4013. width: 15px;
  4014. height: 15px;
  4015. margin-left: 0;
  4016. padding: 0;
  4017. border: none;
  4018. color: #fff;
  4019. background: #ccc;
  4020. text-shadow: none;
  4021. }
  4022. .woocommerce #content .quantity,
  4023. .woocommerce .quantity,
  4024. .woocommerce-page #content .quantity,
  4025. .woocommerce-page .quantity {
  4026. position: relative;
  4027. }
  4028. .woocommerce #content .quantity input.qty,
  4029. .woocommerce .quantity input.qty,
  4030. .woocommerce-page #content .quantity input.qty,
  4031. .woocommerce-page .quantity input.qty {
  4032. height: 30px;
  4033. }
  4034. .woocommerce-page .quantity.buttons_added {
  4035. width: auto;
  4036. }
  4037. .woocommerce-page .product .product_meta a {
  4038. color: #e96656;
  4039. }
  4040. .woocommerce-page .product_title {
  4041. margin-top: 0;
  4042. text-align: left;
  4043. }
  4044. .woocommerce-page .product .price {
  4045. margin-bottom: 0;
  4046. padding: 30px 0;
  4047. text-align: left;
  4048. }
  4049. .woocommerce-page .product div[itemprop="description"] {
  4050. float: left;
  4051. text-align: justify;
  4052. }
  4053. .woocommerce-page .product .stock,
  4054. .woocommerce-page .product .cart,
  4055. .woocommerce-page .product .product_meta {
  4056. float: left;
  4057. clear: left;
  4058. text-align: left;
  4059. }
  4060. .woocommerce-page .product .cart .button {
  4061. float: left;
  4062. clear: left;
  4063. margin: 0;
  4064. margin-bottom: 25px;
  4065. }
  4066. .woocommerce-page .product .cart .button:hover {
  4067. background: rgb(203, 67, 50);
  4068. box-shadow: none;
  4069. }
  4070. .woocommerce-page .product .images .thumbnails {
  4071. width: 100%;
  4072. }
  4073. .woocommerce-page .product .images .thumbnails a {
  4074. display: inline-block;
  4075. float: left;
  4076. }
  4077. .woocommerce-page .woocommerce-tabs {
  4078. float: left;
  4079. width: 100%;
  4080. margin-top: 50px;
  4081. }
  4082. .woocommerce-page .woocommerce-tabs .tabs {
  4083. margin: 0;
  4084. padding: 0;
  4085. border-bottom: 2px solid #ccc;
  4086. }
  4087. .woocommerce-page .woocommerce-tabs .tabs li {
  4088. display: inline-block;
  4089. margin-bottom: -2px;
  4090. padding: 10px 20px;
  4091. list-style: none;
  4092. }
  4093. .woocommerce-page .woocommerce-tabs .tabs li.active {
  4094. border-bottom: 2px solid #e96656;
  4095. }
  4096. .woocommerce-page .woocommerce-tabs .tabs li.active a,
  4097. .woocommerce-page .woocommerce-tabs .tabs li a:hover {
  4098. color: #e96656;
  4099. text-decoration: none;
  4100. }
  4101. .woocommerce-page .woocommerce-tabs .tabs li a {
  4102. color: rgb(64, 64, 64);
  4103. font-size: 18px;
  4104. }
  4105. .woocommerce-page .woocommerce-tabs .entry-content {
  4106. margin-bottom: 50px;
  4107. box-shadow: none;
  4108. text-align: justify;
  4109. }
  4110. .woocommerce-page h3.comment-reply-title {
  4111. min-height: auto;
  4112. }
  4113. .woocommerce-page .product .price {
  4114. float: left;
  4115. width: 100%;
  4116. height: auto;
  4117. min-height: 40px;
  4118. color: #000;
  4119. line-height: 20px;
  4120. }
  4121. .woocommerce div.product p.price {
  4122. color: #000;
  4123. font-size: 16px;
  4124. }
  4125. .woocommerce-page .product .price del {
  4126. display: block;
  4127. line-height: 20px;
  4128. }
  4129. .woocommerce-page .product .price ins {
  4130. display: block;
  4131. color: #e96656;
  4132. background: none;
  4133. font-weight: bold;
  4134. line-height: 20px;
  4135. }
  4136. .woocommerce-page .product .comment-form input {
  4137. border-radius: 3px;
  4138. }
  4139. .woocommerce-page .product .comment-form input[type="submit"] {
  4140. margin-left: 0;
  4141. }
  4142. .woocommerce-page .product .comment-form label {
  4143. float: left;
  4144. width: auto;
  4145. line-height: 32px;
  4146. }
  4147. .woocommerce-page .product .comment-form .comment-form-rating label {
  4148. line-height: 20px;
  4149. }
  4150. .woocommerce-page .product .comment-form-author label,
  4151. .woocommerce-page .product .comment-form-email label {
  4152. width: 100px;
  4153. }
  4154.  
  4155. .woocommerce-page .product .comment-form .star-rating {
  4156. float: right;
  4157. width: 100px;
  4158. height: 20px;
  4159. background: url(images/woostars.png) repeat-x left bottom;
  4160. }
  4161. .woocommerce-page .product .comment-form .star-rating span {
  4162. float: left;
  4163. overflow: hidden;
  4164. height: 0;
  4165. padding-top: 16px;
  4166. background: url(images/woostars.png) repeat-x left top;
  4167. }
  4168. .woocommerce-page .product .comment-form .hreview-aggregate .star-rating {
  4169. margin: 10px 0 0 0;
  4170. }
  4171. .woocommerce-page .product .comment-form #review_form #respond {
  4172. position: static;
  4173. width: auto;
  4174. margin: 0;
  4175. padding: 0 0 0;
  4176. border: 0;
  4177. background: transparent none;
  4178. }
  4179. .woocommerce-page .product .comment-form #review_form #respond:after {
  4180. display: block;
  4181. clear: both;
  4182. content: "";
  4183. }
  4184. .woocommerce-page .product .comment-form #review_form #respond p {
  4185. margin: 0 0 10px;
  4186. }
  4187. .woocommerce-page .product .comment-form #review_form #respond .form-submit input {
  4188. left: auto;
  4189. }
  4190. .woocommerce-page .product .comment-form #review_form #respond textarea {
  4191. -webkit-box-sizing: border-box;
  4192. -moz-box-sizing: border-box;
  4193. box-sizing: border-box;
  4194. width: 100%;
  4195. }
  4196. .woocommerce-page .product .comment-form p.stars:after {
  4197. display: block;
  4198. clear: both;
  4199. content: "";
  4200. }
  4201. .woocommerce-page .product .comment-form p.stars span {
  4202. float: left;
  4203. position: relative;
  4204. width: 100px;
  4205. height: 20px;
  4206. margin-left: 10px;
  4207. background: url(images/woostars.png) repeat-x left 0;
  4208. }
  4209. .woocommerce-page .product .comment-form p.stars span a {
  4210. float: left ;
  4211. overflow: hidden;
  4212. position: absolute;
  4213. top: 0;
  4214. left: 0;
  4215. width: 20px;
  4216. height: 0;
  4217. padding-top: 20px;
  4218. }
  4219. .woocommerce-page .product .comment-form p.stars span a:hover,
  4220. .woocommerce-page .product .comment-form p.stars span a:focus {
  4221. background: url(images/woostars.png) repeat-x left bottom;
  4222. -webkit-transition: initial;
  4223. -moz-transition: initial;
  4224. -o-transition: initial;
  4225. transition: initial;
  4226. }
  4227. .woocommerce-page .product .comment-form p.stars span a.active {
  4228. background: url(images/woostars.png) repeat-x left bottom ;
  4229. }
  4230. .woocommerce-page .product .comment-form p.stars span a.star-1 {
  4231. z-index: 10;
  4232. width: 20px;
  4233. }
  4234. .woocommerce-page .product .comment-form p.stars span a.star-1:after {
  4235. content: "";
  4236. }
  4237. .woocommerce-page .product .comment-form p.stars span a.star-2 {
  4238. z-index: 9;
  4239. width: 40px;
  4240. }
  4241. .woocommerce-page .product .comment-form p.stars span a.star-2:after {
  4242. content: "";
  4243. }
  4244. .woocommerce-page .product .comment-form p.stars span a.star-3 {
  4245. z-index: 8;
  4246. width: 60px;
  4247. }
  4248. .woocommerce-page .product .comment-form p.stars span a.star-3:after {
  4249. content: "";
  4250. }
  4251. .woocommerce-page .product .comment-form p.stars span a.star-4 {
  4252. z-index: 7;
  4253. width: 80px;
  4254. }
  4255. .woocommerce-page .product .comment-form p.stars span a.star-4:after {
  4256. content: "";
  4257. }
  4258. .woocommerce-page .product .comment-form p.stars span a.star-5 {
  4259. z-index: 6;
  4260. width: 100px;
  4261. }
  4262. .woocommerce-page .product .comment-form p.stars span a.star-5:after {
  4263. content: "";
  4264. }
  4265. .woocommerce-page .product .comment-form p.stars span a {
  4266. border: none;
  4267. }
  4268. .woocommerce-page .comment-form-rating {
  4269. float: left;
  4270. width: 100%;
  4271. margin-top: 15px;
  4272. }
  4273. .woocommerce-page .product #review_form_wrapper {
  4274. float: left;
  4275. width: 100%;
  4276. }
  4277. .woocommerce-page .woocommerce-tabs .commentlist {
  4278. margin: 0;
  4279. padding: 0;
  4280. }
  4281. .woocommerce-page .woocommerce-tabs .commentlist .comment {
  4282. float: left;
  4283. clear: left;
  4284. width: 100%;
  4285. }
  4286. .woocommerce-page .woocommerce-tabs .comment-text {
  4287. display: inline-block;
  4288. }
  4289. .woocommerce-page .woocommerce-tabs .description {
  4290. width: 100%;
  4291. }
  4292. .woocommerce-page .woocommerce-product-rating,
  4293. .woocommerce div.product .woocommerce-product-rating {
  4294. float: left;
  4295. margin-top: 30px;
  4296. margin-bottom: 0;
  4297. text-align: left;
  4298. }
  4299. .woocommerce-page .woocommerce-product-rating .star-rating {
  4300. overflow: hidden;
  4301. position: relative;
  4302. position: relative;
  4303. width: 100px;
  4304. height: 20px;
  4305. background: url(images/woostars.png);
  4306. background-repeat: no-repeat;
  4307. background-position: top left;
  4308. text-indent: 99999px;
  4309. }
  4310. .woocommerce-page .woocommerce-product-rating .star-rating span {
  4311. overflow: hidden;
  4312. position: absolute;
  4313. top: 0;
  4314. left: 0;
  4315. width: 100px;
  4316. height: 20px;
  4317. padding: 1px;
  4318. background: url(images/woostars.png);
  4319. background-repeat: no-repeat;
  4320. background-position: bottom left;
  4321. }
  4322. .woocommerce-page .woocommerce-product-rating .woocommerce-review-link,
  4323. .woocommerce-page .woocommerce-product-rating .woocommerce-review-link span {
  4324. color: #eca420;
  4325. font-size: 11px;
  4326. }
  4327. .woocommerce-page .comment-text .star-rating {
  4328. overflow: hidden;
  4329. position: relative;
  4330. position: relative;
  4331. width: 100px;
  4332. height: 20px;
  4333. background: url(images/woostars.png);
  4334. background-repeat: no-repeat;
  4335. background-position: top left;
  4336. text-indent: 99999px;
  4337. }
  4338. .woocommerce-page .comment-text .star-rating span {
  4339. overflow: hidden;
  4340. position: absolute;
  4341. top: 0;
  4342. left: 0;
  4343. width: 100px;
  4344. height: 20px;
  4345. padding: 1px;
  4346. background: url(images/woostars.png);
  4347. background-repeat: no-repeat;
  4348. background-position: bottom left;
  4349. }
  4350. .woocommerce-page .woocommerce-tabs .comment-text {
  4351. width: 100%;
  4352. }
  4353. .woocommerce-page .woocommerce-tabs .comment_container {
  4354. position: relative;
  4355. padding-left: 50px;
  4356. }
  4357. .woocommerce-page .woocommerce-tabs .comment_container > img {
  4358. position: absolute;
  4359. top: 0;
  4360. left: 0;
  4361. }
  4362. .woocommerce-page .woocommerce-message:before {
  4363. color: #38c28b;
  4364. }
  4365. .woocommerce-page .woocommerce-message {
  4366. margin: 0 0 40px;
  4367. border-top-color: #38c28b;
  4368. border-radius: 3px;
  4369. color: #38c28b;
  4370. background: #f5f5f5;
  4371. text-align: left;
  4372. list-style: none;
  4373. }
  4374. .woocommerce-page .woocommerce-message a {
  4375. padding: 6px 14px;
  4376. color: #fff;
  4377. background-color: #38c28b;
  4378. font-size: 12px;
  4379. }
  4380. .woocommerce-page .woocommerce-error {
  4381. float: left;
  4382. width: 100%;
  4383. margin: 0 0 40px;
  4384. padding: 0;
  4385. border: none;
  4386. border-radius: 3px;
  4387. color: #fff;
  4388. background: #e96656;
  4389. list-style: none;
  4390. }
  4391. .woocommerce-page .woocommerce-error a {
  4392. padding: 6px 14px;
  4393. color: #fff;
  4394. background-color: #f47565;
  4395. font-size: 12px;
  4396. }
  4397. .woocommerce-page .woocommerce .woocommerce-error:before {
  4398. color: #fff;
  4399. }
  4400. .woocommerce-page .woocommerce-info {
  4401. float: left;
  4402. width: 100%;
  4403. margin: 0 0 40px;
  4404. margin-top: 25px !important;
  4405. padding: 0;
  4406. border: none;
  4407. border-radius: 3px;
  4408. color: #fff;
  4409. background: #3ab0e2;
  4410. list-style: none;
  4411. }
  4412. .woocommerce-page .woocommerce-info a {
  4413. padding: 6px 14px;
  4414. color: #fff;
  4415. background-color: #5fb8dd;
  4416. font-size: 12px;
  4417. }
  4418. .woocommerce-page .woocommerce-info:before {
  4419. color: #fff;
  4420. }
  4421. .woocommerce-page .woocommerce-info {
  4422. float: left;
  4423. padding-top: 30px;
  4424. text-align: left;
  4425. }
  4426. .woocommerce-page .woocommerce .woocommerce-info {
  4427. margin-bottom: 40px;
  4428. border: none;
  4429. border-radius: 3px;
  4430. color: #fff;
  4431. background: rgb(58, 176, 226);
  4432. }
  4433. .woocommerce-page .woocommerce .woocommerce-info a {
  4434. opacity: 0.9;
  4435. color: #fff;
  4436. }
  4437. .woocommerce-page .woocommerce .woocommerce-info:before {
  4438. color: #fff;
  4439. }
  4440. .woocommerce-page .woocommerce input {
  4441. padding: 10px 5px;
  4442. border-radius: 3px;
  4443. }
  4444. .woocommerce-page .woocommerce .woocommerce-error {
  4445. padding: 1em 2em 1em 3.5em!important;
  4446. border-top-color: #b81c23;
  4447. border-radius: 3px;
  4448. }
  4449. .woocommerce-page .woocommerce .products .product h3 {
  4450. float: none;
  4451. color: #404040;
  4452. }
  4453. .woocommerce-page .woocommerce .added_to_cart,
  4454. .woocommerce .button {
  4455. display: inline-block;
  4456. margin: 10px;
  4457. padding: 13px 35px 13px 35px;
  4458. border: none;
  4459. border-radius: 4px;
  4460. color: #000;
  4461. background: #f3f3f3;
  4462. text-align: center;
  4463. text-transform: uppercase;
  4464. }
  4465. .woocommerce-page .woocommerce .add_to_cart_button,
  4466. .woocommerce .checkout-button,
  4467. .woocommerce .single_add_to_cart_button,
  4468. .woocommerce #place_order,
  4469. .woocommerce div.product form.cart .button {
  4470. display: inline-block;
  4471. margin: 10px;
  4472. margin-left: 0;
  4473. padding: 13px 35px 13px 35px;
  4474. border: none;
  4475. border-radius: 4px;
  4476. color: #fff;
  4477. background: #e96656;
  4478. text-align: center;
  4479. text-transform: uppercase;
  4480. }
  4481. .woocommerce-page .woocommerce-tabs .tabs {
  4482. border-bottom: 1px solid #ccc;
  4483. }
  4484. .woocommerce-page .woocommerce .add_to_cart_button:hover,
  4485. .woocommerce .checkout-button:hover,
  4486. .woocommerce .single_add_to_cart_button :hover,
  4487. .woocommerce #place_order:hover,
  4488. .woocommerce div.product form.cart .button:hover {
  4489. background: #bf3928;
  4490. }
  4491. .woocommerce-page .woocommerce .price del {
  4492. display: block;
  4493. }
  4494. .woocommerce-page .woocommerce .price {
  4495. height: auto;
  4496. line-height: normal;
  4497. }
  4498. .woocommerce-page .woocommerce .price ins {
  4499. color: #000;
  4500. font-size: 20px;
  4501. font-weight: bold;
  4502. }
  4503. .woocommerce-page .woocommerce #coupon_code {
  4504. min-width: 110px;
  4505. margin-top: 2px;
  4506. padding: 6px 10px;
  4507. padding: 6px;
  4508. border: 1px solid rgba(0, 0, 0, 0.1);
  4509. border-radius: 0;
  4510. border-radius: 5px!important;
  4511. color: #a0a0a0;
  4512. }
  4513. .woocommerce-page .woocommerce .product-name a {
  4514. color: #404040;
  4515. }
  4516. .woocommerce-page .woocommerce-cart-form__contents .actions button {
  4517. width: auto;
  4518. }
  4519. .woocommerce div.product form.cart {
  4520. margin-bottom: 0;
  4521. }
  4522. .woocommerce-page .woocommerce .cart_totals tr.cart-subtotal th,
  4523. .woocommerce-page .woocommerce .cart_totals tr.order-total th {
  4524. width: 50%;
  4525. }
  4526. .woocommerce-page .woocommerce .entry-title {
  4527. text-align: left;
  4528. }
  4529. .woocommerce .woocommerce-info:before,
  4530. .woocommerce-page .woocommerce-info:before,
  4531. .woocommerce .woocommerce-error:before,
  4532. .woocommerce-page .woocommerce-error:before {
  4533. padding: 0;
  4534. }
  4535. .woocommerce-page .woocommerce .checkout input,
  4536. .woocommerce-page .woocommerce .checkout textarea,
  4537. .woocommerce-page .woocommerce .checkout select {
  4538. padding: 12px 15% 12px 2%;
  4539. }
  4540.  
  4541. .woocommerce form .form-row .input-checkbox {
  4542. margin-top: 10px;
  4543. }
  4544. #add_payment_method #payment ul.payment_methods li input,
  4545. .woocommerce-cart #payment ul.payment_methods li input,
  4546. .woocommerce-checkout #payment ul.payment_methods li input {
  4547. margin: 0 5px 0 15px;
  4548. }
  4549.  
  4550. .woocommerce-page .woocommerce ul.payment_methods {
  4551. padding-left: 1em;
  4552. }
  4553. .woocommerce-page ul.products {
  4554. float: left;
  4555. width: 100%;
  4556. margin-top: 40px;
  4557. }
  4558. .woocommerce-page .woocommerce .summary,
  4559. .woocommerce-page .woocommerce .entry-summary,
  4560. .woocommerce-page .woocommerce div.product .woocommerce-tabs .panel {
  4561. text-align: justify;
  4562. }
  4563. .woocommerce-page .woocommerce .quantity input.input-text {
  4564. width: 100px;
  4565. height: 42px;
  4566. margin-right: 10px;
  4567. }
  4568. .woocommerce-page .woocommerce form.cart button.single_add_to_cart_button {
  4569. margin: 0;
  4570. }
  4571. .woocommerce-page .woocommerce .comment-form label {
  4572. width: 100%;
  4573. }
  4574. .woocommerce-page .woocommerce .woocommerce-message {
  4575. float: left;
  4576. width: 100%;
  4577. border: none;
  4578. border-radius: 3px;
  4579. color: white;
  4580. background: #20aa80;
  4581. text-align: left;
  4582. }
  4583. .woocommerce-page .woocommerce .woocommerce-message a.button {
  4584. margin: 0;
  4585. padding: 7px 17px;
  4586. }
  4587. .woocommerce-page .woocommerce .woocommerce-message:before {
  4588. color: #fff;
  4589. }
  4590. .woocommerce-page .woocommerce ul.products li.product .star-rating {
  4591. font-size: inherit;
  4592. }
  4593. .woocommerce-page .woocommerce input[type="submit"],
  4594. .woocommerce-page #content input.button,
  4595. .woocommerce input.button.alt,
  4596. .woocommerce-page #content input.button.alt,
  4597. .woocommerce-page input.button.alt {
  4598. display: inline-block;
  4599. margin: 10px;
  4600. margin: 0;
  4601. padding: 10px 20px 10px 20px;
  4602. border: none;
  4603. border-radius: 4px;
  4604. color: #fff;
  4605. background: #e96656;
  4606. text-shadow: none;
  4607. font-size: 12px;
  4608. text-align: center;
  4609. text-transform: uppercase;
  4610. }
  4611. .woocommerce-page .woocommerce input[type="submit"]:hover,
  4612. .woocommerce-page #content input.button:hover,
  4613. .woocommerce input.button.alt:hover,
  4614. .woocommerce-page #content input.button.alt:hover,
  4615. .woocommerce-page input.button.alt:hover {
  4616. color: #fff;
  4617. background: #cb4332;
  4618. box-shadow: none;
  4619. }
  4620. .woocommerce-page .woocommerce .product-quantity input.qty {
  4621. width: 60px;
  4622. height: 30px;
  4623. margin-right: 0;
  4624. padding: 0 0 0 5px;
  4625. text-align: left;
  4626. }
  4627. .woocommerce a.button.alt {
  4628. color: #fff;
  4629. background: #e96656;
  4630. }
  4631. .woocommerce a.button.alt:hover {
  4632. color: #fff;
  4633. background: #cb4332;
  4634. }
  4635. .woocommerce-page .woocommerce a.remove:hover {
  4636. color: #fff !important;
  4637. background: #e96656;
  4638. line-height: 20px;
  4639. }
  4640. .woocommerce-page .woocommerce a.remove {
  4641. color: #e96656 !important;
  4642. line-height: 20px;
  4643. }
  4644. .woocommerce-page .woocommerce-info {
  4645. width: 100%;
  4646. }
  4647. .woocommerce-page .woocommerce-checkout .woocommerce-billing-fields h3 {
  4648. margin-bottom: 20px;
  4649. }
  4650. .woocommerce-page .woocommerce-checkout #order_review_heading {
  4651. clear: none;
  4652. float: left;
  4653. margin-bottom: 20px;
  4654. }
  4655. .woocommerce-page .woocommerce-checkout .col-1,
  4656. .woocommerce-page .woocommerce-checkout .col-2 {
  4657. float: left;
  4658. width: 100%;
  4659. }
  4660. .woocommerce .col2-set, .woocommerce-page .col2-set, .woocommerce-checkout .col2-set {
  4661. float: left;
  4662. width: 55%;
  4663. margin-right: 5%;
  4664. }
  4665. .woocommerce-page .woocommerce-checkout-review-order {
  4666. clear: left;
  4667. }
  4668. .woocommerce-page .woocommerce .checkbox {
  4669. float: left;
  4670. padding: 0;
  4671. }
  4672. .woocommerce-page .woocommerce-checkout #payment {
  4673. background: #fafafa;
  4674. }
  4675. .woocommerce-page .woocommerce-checkout #payment div.payment_box {
  4676. background-color: #ececec;
  4677. }
  4678. .woocommerce-page .woocommerce-checkout #payment div.payment_box:after {
  4679. margin: -13px 0 0 2em;
  4680. border: 8px solid #ececec;
  4681. border-top-color: transparent;
  4682. border-right-color: transparent;
  4683. border-left-color: transparent;
  4684. content: "";
  4685. }
  4686. .woocommerce-page .woocommerce-checkout #ship-to-different-address {
  4687. font-size: 16px;
  4688. margin-left: 24px;
  4689. }
  4690. .woocommerce-page .woocommerce .order_details li.order {
  4691. background: #fff;
  4692. }
  4693. .woocommerce-page .products a.button {
  4694. text-decoration: none;
  4695. }
  4696. .woocommerce-page .product .cart .button {
  4697. color: #fff;
  4698. }
  4699. .woocommerce-page .woocommerce {
  4700. margin-top: 25px;
  4701. }
  4702. .woocommerce-page .woocommerce .order {
  4703. background: #fff;
  4704. }
  4705. .woocommerce-page .woocommerce table.my_account_orders .order-actions .button {
  4706. font-size: 12px;
  4707. }
  4708. .woocommerce-page .woocommerce #payment ul.payment_methods {
  4709. margin: 0;
  4710. border-bottom: 1px solid #d3ced2;
  4711. text-align: left;
  4712. list-style: outside none none;
  4713. }
  4714. .woocommerce-page .woocommerce #payment {
  4715. background: none repeat scroll 0 0 #fafafa;
  4716. }
  4717. .woocommerce-page .woocommerce #payment div.payment_box {
  4718. position: relative;
  4719. width: 96%;
  4720. margin: 1em 0;
  4721. padding: 1em 2%;
  4722. border-radius: 2px;
  4723. color: #515151;
  4724. background-color: #dfdcde;
  4725. font-size: 0.92em;
  4726. line-height: 1.5;
  4727. }
  4728. .woocommerce-page .woocommerce #payment div.payment_box {
  4729. background-color: #ececec;
  4730. }
  4731. .woocommerce-page .woocommerce #payment div.payment_box p {
  4732. margin-bottom: 0;
  4733. }
  4734. .woocommerce-page .woocommerce #payment div.payment_box:after {
  4735. position: absolute;
  4736. top: -3px;
  4737. left: 0;
  4738. margin: -13px 0 0 2em;
  4739. border-width: 8px;
  4740. border-style: solid;
  4741. border-color: transparent transparent #ececec;
  4742. border-image: none;
  4743. content: "";
  4744.  
  4745. -moz-border-bottom-colors: none;
  4746. -moz-border-left-colors: none;
  4747. -moz-border-right-colors: none;
  4748. -moz-border-top-colors: none;
  4749. }
  4750. .woocommerce-page .woocommerce #payment h3 {
  4751. padding-left: 20px;
  4752. }
  4753. .woocommerce-page .woocommerce #payment #place_order {
  4754. float: none;
  4755. }
  4756. .woocommerce-page .woocommerce a.button {
  4757. margin-left: 0;
  4758. font-size: 14px;
  4759. }
  4760. .woocommerce-page .woocommerce button.button {
  4761. margin-left: 0;
  4762. padding: 13px 35px 13px 35px;
  4763. font-size: 12px;
  4764. }
  4765. .woocommerce button.button {
  4766. width: 100%;
  4767. }
  4768. .woocommerce-page .woocommerce select {
  4769. box-sizing: border-box;
  4770. width: 100%;
  4771. margin: 0;
  4772. padding: 10px 5px;
  4773. border: 1px solid rgba(0, 0, 0, 0.1);
  4774. border-radius: 3px;
  4775. outline: 0;
  4776. color: #a0a0a0;
  4777. line-height: 1;
  4778. }
  4779. .woocommerce-page .woocommerce #order_review {
  4780. float: right;
  4781. clear: right;
  4782. width: 40%;
  4783. margin-right: 0;
  4784. }
  4785. .woocommerce-page .woocommerce .login {
  4786. float: left;
  4787. width: 100%;
  4788. }
  4789. .woocommerce-page .select2-drop {
  4790. text-align: left;
  4791. }
  4792. .woocommerce-page .woocommerce-account .addresses .title .edit {
  4793. float: left;
  4794. }
  4795. .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
  4796. padding-bottom: 0;
  4797. border: none;
  4798. background: none;
  4799. }
  4800. .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before {
  4801. border: none;
  4802. content: "";
  4803. }
  4804. .woocommerce-page div.product .woocommerce-tabs ul.tabs:before {
  4805. display: none;
  4806. content: "";
  4807. }
  4808. .woocommerce-page .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {
  4809. display: none;
  4810. content: "";
  4811. }
  4812. .woocommerce div.product .woocommerce-tabs ul.tabs li:after,
  4813. .woocommerce div.product .woocommerce-tabs ul.tabs li:before {
  4814. display: none;
  4815. content: "";
  4816. }
  4817. .woocommerce div.product .woocommerce-tabs ul.tabs {
  4818. overflow: visible;
  4819. }
  4820. .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  4821. margin-bottom: -1px;
  4822. border-bottom: 2px solid #e96656;
  4823. }
  4824. .woocommerce div.product .woocommerce-tabs ul.tabs li {
  4825. box-shadow: none;
  4826. }
  4827. .woocommerce-page .comment-form {
  4828. float: left;
  4829. float: left;
  4830. width: 100%;
  4831. margin-top: 15px;
  4832. }
  4833. .woocommerce #review_form #respond .form-submit input {
  4834. display: inline-block;
  4835. margin: 10px;
  4836. padding: 13px 35px 13px 35px;
  4837. border: none;
  4838. border-radius: 4px;
  4839. background: #e96656;
  4840. text-align: center;
  4841. text-transform: uppercase;
  4842. }
  4843. .woocommerce #review_form #respond textarea {
  4844. width: 100%;
  4845. height: 130px;
  4846. }
  4847. .woocommerce #reviews #comments ol.commentlist li .comment-text {
  4848. margin: 0;
  4849. }
  4850. .woocommerce-cart .cart-collaterals .cart_totals table {
  4851. clear: left;
  4852. }
  4853. .woocommerce table.shop_table {
  4854. clear: left;
  4855. font-size: 16px;
  4856. }
  4857. .woocommerce #content div.product div.thumbnails a,
  4858. .woocommerce div.product div.thumbnails a,
  4859. .woocommerce-page #content div.product div.thumbnails a,
  4860. .woocommerce-page div.product div.thumbnails a {
  4861. margin-bottom: 1em;
  4862. }
  4863. .woocommerce .upsells {
  4864. width: 100%;
  4865. float: left;
  4866. }
  4867. .woocommerce .upsells.products ul,
  4868. .woocommerce .upsells.products ul.products {
  4869. float: left;
  4870. clear: left;
  4871. }
  4872.  
  4873. /**/
  4874. .woocommerce .woocommerce-message:before,
  4875. .woocommerce-page .woocommerce-message:before {
  4876. padding: 0;
  4877. content: "\2713";
  4878. }
  4879. .woocommerce .shipping_calculator h2 a {
  4880. font-size: 18px;
  4881. }
  4882.  
  4883. /**/
  4884. .woocommerce-page .upsells.products ul li.product,
  4885. .woocommerce-page .upsells.products ul.products li.product {
  4886. float: left;
  4887. clear: none;
  4888. position: relative;
  4889. width: 22.05%;
  4890. margin: 0 3.8% 2.992em 0;
  4891. padding: 0;
  4892. }
  4893. .woocommerce .upsells.products ul li.product:nth-child(4) {
  4894. margin-right: 0;
  4895. }
  4896. .woocommerce .upsells.products ul li.product:nth-child(4+1),
  4897. .woocommerce-page ul.products li.product:nth-child(4+1) {
  4898. clear: left;
  4899. }
  4900.  
  4901. /*woocommerce pagination*/
  4902. .woocommerce nav.woocommerce-pagination {
  4903. float: left;
  4904. width: 100%;
  4905. padding-bottom: 30px;
  4906. }
  4907. .woocommerce .woocommerce-pagination ul.page-numbers .current:before,
  4908. .woocommerce-page .woocommerce-pagination ul.page-numbers .current:before {
  4909. display: none;
  4910. content: "";
  4911. }
  4912. .woocommerce #content nav.woocommerce-pagination ul,
  4913. .woocommerce nav.woocommerce-pagination ul,
  4914. .woocommerce-page #content nav.woocommerce-pagination ul,
  4915. .woocommerce-page nav.woocommerce-pagination ul,
  4916. .woocommerce nav.woocommerce-pagination ul {
  4917. border: none;
  4918. }
  4919. .woocommerce #content nav.woocommerce-pagination ul li,
  4920. .woocommerce-page #content nav.woocommerce-pagination ul li,
  4921. .woocommerce-page nav.woocommerce-pagination ul li
  4922. .woocommerce nav.woocommerce-pagination ul li {
  4923. margin: 0 3px;
  4924. border: none;
  4925. }
  4926. .woocommerce nav.woocommerce-pagination ul li a,
  4927. .woocommerce nav.woocommerce-pagination ul li span {
  4928. width: 32px;
  4929. min-width: 32px;
  4930. border: none;
  4931. border-radius: 4px;
  4932. color: #000;
  4933. background: rgb(236, 236, 236);
  4934. }
  4935. .woocommerce #content nav.woocommerce-pagination ul li span.current,
  4936. .woocommerce nav.woocommerce-pagination ul li span.current,
  4937. .woocommerce-page #content nav.woocommerce-pagination ul li span.current,
  4938. .woocommerce-page nav.woocommerce-pagination ul li span.current,
  4939. .woocommerce nav.woocommerce-pagination ul li span.current,
  4940. .woocommerce nav.woocommerce-pagination ul li a:hover,
  4941. .woocommerce-page nav.woocommerce-pagination ul li a:hover,
  4942. .woocommerce-page #content nav.woocommerce-pagination ul li a:hover,
  4943. .woocommerce nav.woocommerce-pagination ul li a:hover,
  4944. .woocommerce #content nav.woocommerce-pagination ul li a:hover {
  4945. color: #fff;
  4946. background: rgb(233, 102, 86);
  4947. }
  4948. .woocommerce div.product form.cart label {
  4949. color: #404040;
  4950. }
  4951. .woocommerce p.stars a:before,
  4952. .woocommerce p.stars a:hover ~ a:before {
  4953. display: none;
  4954. content: "";
  4955. }
  4956.  
  4957. /* Changes for woocommerce 3.0.0 */
  4958. .woocommerce div.product .related {
  4959. clear: both;
  4960. }
  4961. .woocommerce div.product {
  4962. float: left;
  4963. width: 100%;
  4964. }
  4965. .woocommerce-product-details__short-description {
  4966. clear: both;
  4967. text-align: left;
  4968. }
  4969.  
  4970. .woocommerce-product-details__short-description ul {
  4971. margin: 0 0 24px;
  4972. list-style-position: inside;
  4973. }
  4974. .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
  4975. width: 30.75%;
  4976. }
  4977. .woocommerce div.product div.images .flex-control-thumbs li:nth-child(4n+1) {
  4978. clear: none;
  4979. }
  4980. .woocommerce div.product div.images .flex-control-thumbs li {
  4981. float: left;
  4982. width: 30.75%;
  4983. padding-top: 1em;
  4984. }
  4985.  
  4986. .woocommerce div.product div.images .flex-control-thumbs li {
  4987. margin-right: 3.8%;
  4988. }
  4989.  
  4990. .woocommerce div.product div.images .flex-control-thumbs li:nth-child(3n) {
  4991. margin: 0;
  4992. }
  4993.  
  4994. .woocommerce-error,
  4995. .woocommerce-info,
  4996. .woocommerce-message {
  4997. position: relative;
  4998. width: auto;
  4999. margin: 0 0 2em!important;
  5000. padding: 1em 2em 1em 3.5em!important;
  5001. word-wrap: break-word;
  5002. list-style: none!important;
  5003. }
  5004.  
  5005. .woocommerce-checkout-payment ul.wc_payment_methods li.woocommerce-info {
  5006. margin: 0 !important;
  5007. margin-left: 2em !important;
  5008. color: inherit;
  5009. background: transparent;
  5010. }
  5011. .woocommerce-checkout-payment ul.wc_payment_methods li.woocommerce-info:before {
  5012. color: #404040;
  5013. }
  5014.  
  5015. .woocommerce div.product form.cart .variations td,
  5016. .woocommerce div.product form.cart .variations th {
  5017. vertical-align: inherit;
  5018. }
  5019.  
  5020. .woocommerce-checkout .woocommerce-additional-fields h3 {
  5021. margin-top: 20px;
  5022. }
  5023.  
  5024. /* End changes for woocommerce 3.0.0*/
  5025.  
  5026. @media (max-width: 1200px) {
  5027. .header-content-wrap,
  5028. .blog-header-content-wrap {
  5029. padding: 235px 0 150px;
  5030. }
  5031. }
  5032.  
  5033. @media (max-width: 992px) {
  5034. .woocommerce-page .woocommerce .cart-collaterals .cart_totals {
  5035. width: 100%;
  5036. }
  5037. .woocommerce-page .products .product > a:first-child {
  5038. /* min-height: 325px; */
  5039. }
  5040. .large-container {
  5041. width: 100%;
  5042. }
  5043. }
  5044. @media (max-width: 767px) {
  5045.  
  5046. .woocommerce .col2-set, .woocommerce-page .col2-set, .woocommerce-checkout .col2-set,
  5047. .woocommerce-page .woocommerce #order_review {
  5048. width: 100%;
  5049. }
  5050.  
  5051. .woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product,
  5052. .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product,
  5053. .woocommerce ul.products.columns-4 li.product, .woocommerce-page ul.products.columns-4 li.product,
  5054. .woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product,
  5055. .woocommerce ul.products.columns-6 li.product, .woocommerce-page ul.products.columns-6 li.product {
  5056. width: 100%;
  5057. }
  5058. .woocommerce-page .upsells.products ul li.product,
  5059. .woocommerce-page .upsells.products ul.products li.product {
  5060. float: left;
  5061. clear: both;
  5062. width: 48%;
  5063. margin: 0 0 2.992em;
  5064. }
  5065. .woocommerce .upsells.products ul li.product:nth-child(4) {
  5066. margin: 0 0 2.992em;
  5067. }
  5068. .woocommerce .upsells.products ul li.product:nth-child(4+1) {
  5069. clear: none;
  5070. }
  5071. .woocommerce .upsells.products ul li.product:nth-child(even),
  5072. .woocommerce-page ul.products li.product:nth-child(even) {
  5073. float: right;
  5074. margin-right: 0;
  5075. }
  5076. .woocommerce .upsells.products ul li.product:nth-child(odd),
  5077. .woocommerce-page ul.products li.product:nth-child(odd) {
  5078. clear: left;
  5079. }
  5080. .listpost-content-wrap-large {
  5081. position: relative;
  5082. }
  5083. .menu-align-center .responsive-logo > a {
  5084. float: left;
  5085. }
  5086. }
  5087. @media (max-width: 600px) {
  5088. .woocommerce-page .product .images {
  5089. width: 100%;
  5090. }
  5091. .woocommerce-page .product .entry-summary {
  5092. width: 100%;
  5093. margin-top: 50px;
  5094. padding-left: 0;
  5095. }
  5096. .woocommerce-page .woocommerce-tabs .tabs li a {
  5097. font-size: 14px;
  5098. }
  5099. .woocommerce-page .woocommerce-tabs .tabs li {
  5100. padding: 10px 10px;
  5101. }
  5102. .listpost-content-wrap-large {
  5103. position: relative;
  5104. }
  5105. .listpost-content-wrap-large {
  5106. padding: 20px 0 0 0;
  5107. }
  5108. body {
  5109. position: initial !important;
  5110. }
  5111. .entry-meta-large {
  5112. float: left;
  5113. position: relative;
  5114. width: 100%;
  5115. }
  5116. .entry-footer-large {
  5117. padding-right: 0;
  5118. }
  5119. }
  5120. @media (max-width: 480px) {
  5121. .woocommerce ul.products li.product,
  5122. .woocommerce-page ul.products li.product {
  5123. width: 100%;
  5124. }
  5125. .woocommerce-page .woocommerce-result-count {
  5126. width: 100%;
  5127. margin-bottom: 0;
  5128. text-align: center;
  5129. }
  5130. .woocommerce-page .woocommerce-ordering {
  5131. float: none;
  5132. }
  5133. .woocommerce-page .products .product > a:first-child {
  5134. width: 240px;
  5135. }
  5136. .woocommerce-page .woocommerce-tabs .tabs li {
  5137. width: 100%;
  5138. }
  5139. .woocommerce-page .woocommerce-tabs .tabs li {
  5140. width: 100%;
  5141. border-bottom: 2px solid #ccc;
  5142. }
  5143. .woocommerce-page .woocommerce-tabs .tabs {
  5144. border-bottom: 0;
  5145. }
  5146. .woocommerce-page .woocommerce-tabs .comment_container {
  5147. position: relative;
  5148. padding-top: 50px;
  5149. padding-left: 0;
  5150. }
  5151. .woocommerce-page .comment-text .star-rating {
  5152. float: left;
  5153. width: 100%;
  5154. margin-bottom: 5px;
  5155. }
  5156. .woocommerce-page .products .product > a:first-child {
  5157. width: 100%;
  5158. }
  5159.  
  5160. /* cart page */
  5161. .woocommerce-page .woocommerce .product-quantity input.qty {
  5162. width: 45px;
  5163. }
  5164. .woocommerce td.product-quantity {
  5165. min-width: 40px;
  5166. }
  5167. .woocommerce-page .woocommerce input[type="submit"] {
  5168. font-size: 10px;
  5169. }
  5170. .woocommerce-page .woocommerce .cart_totals tr.cart-subtotal th {
  5171. font-size: 12px;
  5172. }
  5173. .woocommerce-cart .cart-collaterals .cart_totals tr th {
  5174. font-size: 12px;
  5175. }
  5176. .woocommerce-cart .cart-collaterals .cart_totals table td,
  5177. .woocommerce-cart .cart-collaterals .cart_totals table td span,
  5178. .woocommerce-cart .cart-collaterals .cart_totals table td a {
  5179. font-size: 12px;
  5180. }
  5181. .woocommerce form .form-row label {
  5182. font-size: 12px;
  5183. }
  5184. .woocommerce-page .woocommerce .woocommerce-info,
  5185. .woocommerce-page .woocommerce .woocommerce-info a {
  5186. font-size: 12px;
  5187. }
  5188. .woocommerce-checkout-payment label {
  5189. font-size: 14px;
  5190. }
  5191. .woocommerce-page .woocommerce #payment div.payment_box p {
  5192. font-size: 12px;
  5193. line-height: 16px;
  5194. text-align: justify;
  5195. }
  5196. .woocommerce form .form-row {
  5197. width: 100%;
  5198. }
  5199. .woocommerce-page .woocommerce .order_details li {
  5200. width: 100%;
  5201. margin-top: 5px;
  5202. margin-bottom: 5px;
  5203. padding: 0 0 5px 0;
  5204. border-right: none;
  5205. border-bottom: 1px dashed #d3ced2;
  5206. }
  5207. .woocommerce-page address {
  5208. font-size: 12px;
  5209. }
  5210. .woocommerce-page .woocommerce-error,
  5211. .woocommerce-page .woocommerce-message,
  5212. .woocommerce-page .woocommerce-error li {
  5213. font-size: 12px;
  5214. }
  5215. .woocommerce-page .woocommerce .cart-collaterals .cart_totals a {
  5216. width: 100%;
  5217. margin-right: 0;
  5218. }
  5219. .woocommerce-page .woocommerce .checkbox {
  5220. font-size: 16px;
  5221. }
  5222. .woocommerce-page .myaccount_address {
  5223. font-size: 12px;
  5224. }
  5225. .woocommerce-page #content .quantity input.minus,
  5226. .woocommerce-page #content .quantity input.plus {
  5227. display: none;
  5228. }
  5229. .woocommerce-page .upsells.products ul li.product,
  5230. .woocommerce-page .upsells.products ul.products li.product {
  5231. width: 100%;
  5232. }
  5233. }
  5234.  
  5235. /* [end] woocommerce */
  5236.  
  5237. /* bbpress style [version 2.5.8] */
  5238.  
  5239. .bbpress #subscription-toggle {
  5240. float: right;
  5241. }
  5242.  
  5243. .bbpress .bbp-breadcrumb {
  5244. margin: 10px 0;
  5245. }
  5246.  
  5247. #subscription-toggle {
  5248. /** margin: 10px 0; */
  5249. }
  5250.  
  5251. #bbpress-forums div.bbp-template-notice img.avatar {
  5252. margin-bottom: 2px;
  5253. }
  5254.  
  5255. div.bbp-template-notice.info {
  5256. padding: 1px 5px;
  5257. border: none;
  5258. background-color: #f0f8ff;
  5259. }
  5260.  
  5261. div.bbp-template-notice,
  5262. div.indicator-hint {
  5263. padding: 1px 5px;
  5264. border: none;
  5265. background-color: #fff7d6;
  5266. }
  5267.  
  5268. #bbpress-forums fieldset.bbp-form label {
  5269. line-height: 30px;
  5270. }
  5271.  
  5272. div.bbp-template-notice a {
  5273. color: #008ed6;
  5274. text-decoration: none;
  5275. }
  5276.  
  5277. .bbp-pagination {
  5278. float: left;
  5279. width: 100%;
  5280. margin-top: 10px;
  5281. margin-bottom: 0;
  5282. }
  5283.  
  5284. #bbpress-forums li.bbp-header {
  5285. padding: 10px 0;
  5286. background: #fbfbfb;
  5287. }
  5288.  
  5289. #bbpress-forums #bbp-search-form #bbp_search {
  5290. padding: 2px;
  5291. -webkit-border-radius: 3px;
  5292. -moz-border-radius: 3px;
  5293. border-radius: 3px;
  5294. }
  5295.  
  5296. #bbpress-forums .bbp-forum-info .bbp-forum-content,
  5297. #bbpress-forums p.bbp-topic-meta {
  5298. font-size: 11px;
  5299. line-height: 16px;
  5300. }
  5301.  
  5302. #bbpress-forums div.bbp-the-content-wrapper input {
  5303. width: auto;
  5304. }
  5305.  
  5306. #bbpress-forums fieldset.bbp-form input {
  5307. padding: 5px;
  5308. }
  5309.  
  5310. #bbpress-forums li.bbp-header,
  5311. #bbpress-forums li.bbp-footer {
  5312. border-top: none;
  5313. }
  5314.  
  5315. #bbpress-forums li.bbp-header {
  5316. background: none;
  5317. }
  5318.  
  5319. #bbpress-forums div.odd,
  5320. #bbpress-forums ul.odd {
  5321. background: none;
  5322. }
  5323.  
  5324. #bbpress-forums input[type="submit"] {
  5325. padding: 5px 30px 5px 30px;
  5326. }
  5327.  
  5328. #bbpress-forums li.bbp-header,
  5329. #bbpress-forums li.bbp-footer {
  5330. background: none;
  5331. }
  5332.  
  5333. #bbpress-forums li.bbp-header {
  5334. border-bottom: 2px solid #ececec;
  5335. }
  5336.  
  5337. #bbpress-forums li.bbp-footer {
  5338. border-top: 3px solid #ececec;
  5339. }
  5340.  
  5341. .bbp-breadcrumb,
  5342. .bbp-breadcrumb a,
  5343. .bbp-breadcrumb p {
  5344. color: #666;
  5345. font-size: 16px;
  5346. font-weight: 400;
  5347. line-height: 26px;
  5348. }
  5349.  
  5350. .bbp-topics-front ul.super-sticky,
  5351. .bbp-topics ul.super-sticky,
  5352. .bbp-topics ul.sticky,
  5353. .bbp-forum-content ul.sticky {
  5354. background-color: #f9f9f9 !important;
  5355. }
  5356.  
  5357. #bbpress-forums ul.bbp-lead-topic,
  5358. #bbpress-forums ul.bbp-topics,
  5359. #bbpress-forums ul.bbp-forums,
  5360. #bbpress-forums ul.bbp-replies,
  5361. #bbpress-forums ul.bbp-search-results {
  5362. color: #666;
  5363. font-size: 16px;
  5364. font-weight: 400;
  5365. line-height: 26px;
  5366. }
  5367.  
  5368. #bbpress-forums .bbp-forum-info .bbp-forum-content,
  5369. #bbpress-forums p.bbp-topic-meta {
  5370. color: #666;
  5371. font-size: 16px;
  5372. font-weight: 400;
  5373. line-height: 26px;
  5374. }
  5375.  
  5376. .bbp-forum-title,
  5377. .bbp-forum-title:visited {
  5378. float: left;
  5379. margin-bottom: 15px;
  5380. color: #000;
  5381. font-size: 18px;
  5382. font-weight: 700;
  5383. line-height: 22px;
  5384. }
  5385.  
  5386. .bbp-forum-title:hover {
  5387. text-decoration: none;
  5388. }
  5389.  
  5390. .bbp-forum-title:after {
  5391. display: block;
  5392. width: 80px;
  5393. height: 2px;
  5394. margin-top: 5px;
  5395. background: #008ed6;
  5396. content: "";
  5397. }
  5398.  
  5399. #bbpress-forums li.bbp-body ul.forum,
  5400. #bbpress-forums li.bbp-body ul.topic {
  5401. padding: 20px 5px !important;
  5402. border-top: 1px solid #eee;
  5403. }
  5404.  
  5405. .bbp-forum-freshness p,
  5406. .bbp-forum-freshness a,
  5407. .bbp-forum-freshness span {
  5408. color: #666;
  5409. font-size: 14px;
  5410. font-style: italic;
  5411. line-height: 18px;
  5412. }
  5413.  
  5414. .bbp-forum-freshness a:hover {
  5415. text-decoration: underline;
  5416. }
  5417.  
  5418. #bbpress-forums p.bbp-topic-meta img.avatar,
  5419. #bbpress-forums ul.bbp-reply-revision-log img.avatar,
  5420. #bbpress-forums ul.bbp-topic-revision-log img.avatar,
  5421. #bbpress-forums div.bbp-template-notice img.avatar,
  5422. #bbpress-forums .widget_display_topics img.avatar,
  5423. #bbpress-forums .widget_display_replies img.avatar {
  5424. margin-bottom: 0;
  5425. }
  5426.  
  5427. #bbpress-forums .bbp-forum-info .bbp-forum-content,
  5428. #bbpress-forums p.bbp-topic-meta {
  5429. clear: left;
  5430. margin: 0;
  5431. font-size: 14px;
  5432. line-height: 24px;
  5433. }
  5434.  
  5435. #bbpress-forums li {
  5436. font-size: 14px;
  5437. }
  5438.  
  5439. #bbpress-forums p.bbp-topic-meta,
  5440. #bbpress-forums p.bbp-topic-meta span {
  5441. font-size: 14px;
  5442. line-height: 18px;
  5443. text-align: center;
  5444. }
  5445.  
  5446. .bbp-topic-started-by {
  5447. float: left;
  5448. }
  5449.  
  5450. div.bbp-template-notice p,
  5451. div.bbp-template-notice a {
  5452. font-size: 12px;
  5453. line-height: 16px;
  5454. }
  5455.  
  5456. .bbp-topic-freshness,
  5457. .bbp-topic-freshness a {
  5458. font-size: 14px;
  5459. line-height: 18px;
  5460. text-align: center;
  5461. }
  5462.  
  5463. .bbp-topic-freshness a {
  5464. color: #666;
  5465. font-style: italic;
  5466. }
  5467.  
  5468. a.bbp-author-name:hover,
  5469. .bbp-topic-freshness a:hover {
  5470. text-decoration: underline;
  5471. }
  5472.  
  5473. #bbpress-forums ul.bbp-lead-topic,
  5474. #bbpress-forums ul.bbp-topics,
  5475. #bbpress-forums ul.bbp-forums,
  5476. #bbpress-forums ul.bbp-replies,
  5477. #bbpress-forums ul.bbp-search-results {
  5478. border: none;
  5479. }
  5480.  
  5481. #bbpress-forums .bbp-author-name {
  5482. color: #666;
  5483. font-size: 14px;
  5484. font-style: italic;
  5485. line-height: 24px;
  5486. }
  5487.  
  5488. #bbpress-forums fieldset.bbp-form {
  5489. margin-bottom: 0;
  5490. padding: 0;
  5491. border: none;
  5492. }
  5493.  
  5494. #bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
  5495. border: 1px solid #e7e7e7;
  5496. -webkit-border-radius: 0 0 3px 3px;
  5497. -moz-border-radius: 0 0 3px 3px;
  5498. border-radius: 0 0 3px 3px;
  5499. font-size: 14px;
  5500. }
  5501.  
  5502. #bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar {
  5503. border: 1px solid #e7e7e7;
  5504. border-bottom: none;
  5505. -webkit-border-radius: 3px 3px 0 0;
  5506. -moz-border-radius: 3px 3px 0 0;
  5507. border-radius: 3px 3px 0 0;
  5508. }
  5509.  
  5510. #bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar {
  5511. border: 1px solid #e7e7e7;
  5512. border-bottom: none;
  5513. -webkit-border-radius: 3px 3px 0 0;
  5514. -moz-border-radius: 3px 3px 0 0;
  5515. border-radius: 3px 3px 0 0;
  5516. }
  5517.  
  5518. li.bbp-forum-freshness,
  5519. li.bbp-topic-freshness {
  5520. float: left;
  5521. width: 25%;
  5522. text-align: center;
  5523. }
  5524.  
  5525. #bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar input {
  5526. padding: 5px;
  5527. border: 1px solid #e7e7e7;
  5528. background-color: #fbfbfb;
  5529. box-shadow: none;
  5530. }
  5531.  
  5532. #bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar input:hover {
  5533. color: #e96656;
  5534. }
  5535.  
  5536. #bbpress-forums fieldset.bbp-form input {
  5537. -webkit-border-radius: 3px;
  5538. -moz-border-radius: 3px;
  5539. border-radius: 3px;
  5540. }
  5541.  
  5542. #bbpress-forums fieldset.bbp-form select {
  5543. padding: 5px;
  5544. border: 1px solid #dedede;
  5545. -webkit-border-radius: 3px;
  5546. -moz-border-radius: 3px;
  5547. border-radius: 3px;
  5548. color: #666;
  5549. }
  5550.  
  5551. .bbp-topics-front ul.super-sticky,
  5552. .bbp-topics ul.super-sticky,
  5553. .bbp-topics ul.sticky,
  5554. .bbp-forum-content ul.sticky {
  5555. background: red;
  5556. }
  5557.  
  5558. #bbpress-forums div.bbp-topic-tags {
  5559. float: left;
  5560. width: 100%;
  5561. margin-bottom: 15px;
  5562. }
  5563.  
  5564. #bbpress-forums .bbp-topic-description a {
  5565. color: #666;
  5566. font-size: 12px;
  5567. font-style: italic;
  5568. }
  5569.  
  5570. #bbpress-forums .bbp-topic-description a:hover {
  5571. text-decoration: underline;
  5572. }
  5573.  
  5574. #bbpress-forums fieldset.bbp-form legend {
  5575. padding: 5px 0;
  5576. }
  5577.  
  5578. div.bbp-forum-header,
  5579. div.bbp-topic-header,
  5580. div.bbp-reply-header,
  5581. li.bbp-body div.hentry {
  5582. padding: 8px 0;
  5583. }
  5584.  
  5585. #bbpress-forums div.bbp-reply-header {
  5586. background: none;
  5587. }
  5588.  
  5589. #bbpress-forums .bbp-admin-links {
  5590. color: transparent;
  5591. }
  5592.  
  5593. #bbpress-forums .bbp-admin-links a:hover {
  5594. color: #008ed6;
  5595. }
  5596.  
  5597. .bbp-forum-header a.bbp-forum-permalink,
  5598. .bbp-topic-header a.bbp-topic-permalink,
  5599. .bbp-reply-header a.bbp-reply-permalink {
  5600. float: right;
  5601. margin-left: 10px;
  5602. color: #666;
  5603. font-size: 12px;
  5604. line-height: 32px;
  5605. }
  5606.  
  5607. .bbp-body a.bbp-topic-permalink {
  5608. position: relative;
  5609. color: #404040;
  5610. font-size: 20px;
  5611. line-height: 22px;
  5612. }
  5613.  
  5614. .bbp-body a.bbp-topic-permalink:hover {
  5615. color: #e96656;
  5616. }
  5617.  
  5618. .bbp-body .bbp-topic-permalink:after {
  5619. position: absolute;
  5620. z-index: 1;
  5621. bottom: -4px;
  5622. left: 0;
  5623. width: 50px;
  5624. height: 2px;
  5625. margin: auto;
  5626. background: #e96656;
  5627. content: "";
  5628. }
  5629.  
  5630. #bbpress-forums #bbp-user-wrapper h2.entry-title {
  5631. font-size: 30px;
  5632. line-height: 34px;
  5633. }
  5634.  
  5635. #bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a {
  5636. opacity: 0.8;
  5637. color: #fff;
  5638. background: #008ed6;
  5639. }
  5640.  
  5641. #bbpress-forums #bbp-your-profile fieldset fieldset.password span.description {
  5642. line-height: 18px;
  5643. }
  5644.  
  5645. #bbpress-forums .bbp-forum-description .bbp-author-name {
  5646. font-size: 12px;
  5647. }
  5648.  
  5649. .bbp-pagination-count {
  5650. float: left;
  5651. border: 1px solid transparent;
  5652. font-size: 12px;
  5653. }
  5654.  
  5655. .bbp-topic-tags a {
  5656. color: #949494;
  5657. font-style: italic;
  5658. }
  5659.  
  5660. .bbp-topic-tags a:hover {
  5661. color: #e96656;
  5662. }
  5663.  
  5664. #bbpress-forums div.bbp-topic-author a.bbp-author-name,
  5665. #bbpress-forums div.bbp-reply-author a.bbp-author-name {
  5666. display: inline-block;
  5667. clear: left;
  5668. color: #e96656;
  5669. }
  5670.  
  5671. .bbp-reply-post-date {
  5672. font-size: 12px;
  5673. }
  5674.  
  5675. .bbp-template-notice.error strong {
  5676. font-size: 12px;
  5677. }
  5678.  
  5679. .bbp-body > ul:nth-child(4n) .bbp-forum-title:after {
  5680. background: #34d293;
  5681. content: "";
  5682. }
  5683.  
  5684. .bbp-body > ul:nth-child(4n+1) .bbp-forum-title:after {
  5685. background: #3ab0e2;
  5686. content: "";
  5687. }
  5688.  
  5689. .bbp-body > ul:nth-child(4n+2) .bbp-forum-title:after {
  5690. background: #f7d861;
  5691. content: "";
  5692. }
  5693.  
  5694. .bbp-body > ul:nth-child(4n+3) .bbp-forum-title:after {
  5695. background: #e96656;
  5696. content: "";
  5697. }
  5698.  
  5699. .bbp-body > ul:nth-child(4n) .bbp-topic-permalink:after {
  5700. background: #34d293;
  5701. content: "";
  5702. }
  5703.  
  5704. .bbp-body > ul:nth-child(4n+1) .bbp-topic-permalink:after {
  5705. background: #3ab0e2;
  5706. content: "";
  5707. }
  5708.  
  5709. .bbp-body > ul:nth-child(4n+2) .bbp-topic-permalink:after {
  5710. background: #f7d861;
  5711. content: "";
  5712. }
  5713.  
  5714. .bbp-body > ul:nth-child(4n+3) .bbp-topic-permalink:after {
  5715. background: #e96656;
  5716. content: "";
  5717. }
  5718.  
  5719. .bbp-meta {
  5720. float: left;
  5721. width: 100%;
  5722. padding: 0 5px;
  5723. border-bottom: 1px solid #f5f5f5;
  5724. -moz-border-radius: 3px;
  5725. border-radius: 3px;
  5726.  
  5727. webkit-border-radius: 3px;
  5728. }
  5729.  
  5730. span.bbp-admin-links a {
  5731. color: #666;
  5732. }
  5733.  
  5734. span.bbp-admin-links a:hover {
  5735. color: #e96656 !important;
  5736. }
  5737.  
  5738. #favorite-toggle a,
  5739. #subscription-toggle a {
  5740. color: #666;
  5741. font-style: italic;
  5742. }
  5743.  
  5744. #favorite-toggle a:hover,
  5745. #subscription-toggle a:hover {
  5746. color: #e96656;
  5747. }
  5748.  
  5749. #bbpress-forums #bbp-user-wrapper h2.entry-title {
  5750. clear: none;
  5751. margin: 0;
  5752. padding-top: 0;
  5753. padding-bottom: 0;
  5754. font-size: 1.4em;
  5755. }
  5756.  
  5757. #bbpress-forums #bbp-user-wrapper h2.entry-title:before {
  5758. position: absolute;
  5759. z-index: 1;
  5760. bottom: 0;
  5761. left: 0;
  5762. width: 10%;
  5763. height: 2px;
  5764. margin: auto;
  5765. background: #e96656;
  5766. content: "";
  5767. }
  5768.  
  5769. .bbp-user-section {
  5770. margin-top: 20px;
  5771. }
  5772.  
  5773. #bbpress-forums #bbp-single-user-details #bbp-user-navigation a {
  5774. color: #666;
  5775. background: none !important;
  5776. -webkit-transition: all 0s;
  5777. -moz-transition: all 0s;
  5778. -o-transition: all 0s;
  5779. transition: all 0s;
  5780. }
  5781.  
  5782. #bbpress-forums #bbp-user-wrapper ul.bbp-topics {
  5783. clear: left;
  5784. }
  5785.  
  5786. .bbp-topic-started-in a {
  5787. color: #666;
  5788. font-size: 12px;
  5789. font-style: italic;
  5790. }
  5791.  
  5792. .bbp-topic-started-in a:hover {
  5793. text-decoration: underline;
  5794. }
  5795.  
  5796. #bbpress-forums #bbp-user-wrapper ul.bbp-replies {
  5797. clear: left;
  5798. }
  5799.  
  5800. #bbpress-forums li.bbp-body .bbp-meta .bbp-header {
  5801. float: left;
  5802. clear: left;
  5803. font-size: 13px;
  5804. }
  5805.  
  5806. #bbpress-forums li.bbp-body .bbp-meta .bbp-header .bbp-topic-permalink {
  5807. font-size: 13px;
  5808. font-style: italic;
  5809. }
  5810.  
  5811. #bbpress-forums li.bbp-body .bbp-meta .bbp-header .bbp-topic-permalink:after {
  5812. display: none;
  5813. content: "";
  5814. }
  5815.  
  5816. #bbpress-forums li.bbp-body .bbp-meta .bbp-reply-post-date {
  5817. float: left;
  5818. }
  5819.  
  5820. #bbpress-forums fieldset.bbp-form legend {
  5821. float: left;
  5822. position: relative;
  5823. margin-top: 50px;
  5824. margin-bottom: 30px;
  5825. color: #404040;
  5826.  
  5827. }
  5828.  
  5829. #bbpress-forums fieldset.bbp-form legend:before {
  5830. position: absolute;
  5831. z-index: 1;
  5832. bottom: -5px;
  5833. left: 0;
  5834. width: 10%;
  5835. height: 2px;
  5836. margin: auto;
  5837. background: #e96656;
  5838. content: "";
  5839. }
  5840.  
  5841. #bbpress-forums .is-favorite a {
  5842. color: #e96656;
  5843. }
  5844.  
  5845. #bbpress-forums .bbp-reply-title h3 {
  5846. float: left;
  5847. }
  5848.  
  5849. #bbpress-forums .bbp-reply-title h3 a {
  5850. font-size: 16px;
  5851. font-style: italic;
  5852. }
  5853.  
  5854. #bbpress-forums .bbp-reply-title h3 a.bbp-topic-permalink:after {
  5855. display: none;
  5856. content: "";
  5857. }
  5858.  
  5859. #bbpress-forums div.bbp-forum-header {
  5860. padding-bottom: 0;
  5861. background: none;
  5862. }
  5863.  
  5864. #bbpress-forums div.bbp-forum-header .bbp-forum-title {
  5865. padding-left: 5px;
  5866. }
  5867.  
  5868. #bbpress-forums div.bbp-topic-header {
  5869. background: none;
  5870. }
  5871.  
  5872. #bbpress-forums div.bbp-topic-title h3 {
  5873. float: left;
  5874. padding-left: 5px;
  5875. }
  5876.  
  5877. #bbpress-forums div.bbp-topic-header .bbp-meta .bbp-topic-permalink {
  5878. float: right;
  5879. margin-left: 10px;
  5880. color: #666;
  5881. font-size: 12px;
  5882. line-height: 32px;
  5883. }
  5884.  
  5885. #bbpress-forums div.bbp-topic-header .bbp-meta .bbp-topic-permalink:after {
  5886. display: none;
  5887. content: "";
  5888. }
  5889.  
  5890. #bbpress-forums div.bbp-topic-header .bbp-topic-title .bbp-topic-title-meta {
  5891. float: left;
  5892. margin-left: 5px;
  5893. line-height: 33px;
  5894. }
  5895.  
  5896. #bbpress-forums div.bbp-forum-header .bbp-forum-title:after {
  5897. display: none;
  5898. content: "";
  5899. }
  5900.  
  5901. li.bbp-body div.hentry {
  5902. padding: 0;
  5903. }
  5904.  
  5905. #bbpress-forums li.bbp-body div.hentry .bbp-forum-content {
  5906. padding-top: 0;
  5907. }
  5908.  
  5909. /* [end] bbpress */
  5910.  
  5911. /* Easy Digital Downloads style [version 2.4.9] */
  5912. .edd_download {
  5913. float: left;
  5914. width: 33%;
  5915. }
  5916. .edd_download:nth-child(4n+1) {
  5917. clear: both;
  5918. }
  5919. .edd_download_excerpt p {
  5920. text-align: justify;
  5921. }
  5922. .edd-submit.button.red span,
  5923. .edd-submit.button.blue span,
  5924. .edd-submit.button.green span,
  5925. .edd-submit.button.orange span,
  5926. .edd-submit.button.dark-gray span {
  5927. color: #fff;
  5928. }
  5929.  
  5930. #edd-purchase-button,
  5931. .edd-submit,
  5932. input[type=submit].edd-submit {
  5933. border: none;
  5934. }
  5935.  
  5936. #edd_checkout_cart td,
  5937. #edd_checkout_cart thead,
  5938. #edd_checkout_cart th.edd_cart_total,
  5939. #edd_checkout_cart th:last-child,
  5940. #edd_checkout_cart .edd_checkout_cart_item_title {
  5941. border: none;
  5942. color: #666;
  5943. font-size: 14px;
  5944. font-weight: 400;
  5945. line-height: 18px;
  5946. }
  5947.  
  5948. #edd_checkout_cart a,
  5949. .edd_discount_link a,
  5950. .edd-lost-password a {
  5951. color: #f73f2e;
  5952. }
  5953.  
  5954. #edd_login_form input[type="submit"] {
  5955. margin-left: 0;
  5956. }
  5957.  
  5958. #edd_checkout_form_wrap select.edd-select {
  5959. display: block;
  5960. width: 70%;
  5961. }
  5962.  
  5963. .edd-cart-added-alert {
  5964. width: 100%;
  5965. color: #d9534f;
  5966. }
  5967.  
  5968. .edd_errors.edd-alert.edd-alert-error,
  5969. .edd-alert-error {
  5970. border: none;
  5971. border: none;
  5972. border-bottom: 3px solid #c84e54;
  5973. -webkit-border-radius: 3px;
  5974. -moz-border-radius: 3px;
  5975. border-radius: 3px;
  5976. color: #fff;
  5977. background-color: #e86a6a;
  5978. }
  5979.  
  5980. .edd-alert-error,
  5981. p.edd-alert-error,
  5982. .edd-alert-error a {
  5983. color: #fff;
  5984. }
  5985.  
  5986. .edd-alert-error a:hover {
  5987. text-decoration: underline;
  5988. }
  5989.  
  5990. #edd_checkout_form_wrap fieldset p:last-child {
  5991. color: rgba(255,255,255,0.8);
  5992. }
  5993.  
  5994. .edd_download_inner {
  5995. margin: 0 15px;
  5996. margin-bottom: 30px;
  5997. padding: 15px;
  5998. background: #fff;
  5999. text-align: center;
  6000. list-style: none;
  6001. transition: all ease 0.55s;
  6002. }
  6003.  
  6004. .edd_download_inner:hover {
  6005. border-bottom-color: #008ed6;
  6006. }
  6007.  
  6008. .edd_download_title a,
  6009. .edd_download_title {
  6010. color: #404040;
  6011. font-size: 1em;
  6012. font-weight: bold;
  6013. line-height: 24px;
  6014. }
  6015.  
  6016. .edd_download_title {
  6017. margin-top: 10px;
  6018. margin-bottom: 10px;
  6019. }
  6020.  
  6021. #edd_checkout_form_wrap legend,
  6022. #edd_login_form legend,
  6023. .edd_form legend {
  6024. border-bottom: 0;
  6025. }
  6026.  
  6027. #edd_profile_billing_address_wrap input,
  6028. #edd_profile_billing_address_wrap select {
  6029. margin-bottom: 10px;
  6030. }
  6031.  
  6032. #edd_new_user_pass1,
  6033. #edd_profile_editor_form select,
  6034. #edd_profile_editor_form input[type="text"],
  6035. #edd_profile_editor_form input[type="text"],
  6036. #edd_profile_editor_form input[type="email"],
  6037. #edd_profile_editor_form input[type="url"],
  6038. #edd_profile_editor_form input[type="password"],
  6039. #edd_profile_editor_form input[type="search"],
  6040. #edd_profile_editor_form textarea {
  6041. width: 221px;
  6042. margin-bottom: 10px;
  6043. padding: 12px;
  6044. border: 1px solid rgba(0, 0, 0, 0.1);
  6045. border-radius: 3px;
  6046. color: #555;
  6047. }
  6048.  
  6049. #edd_profile_editor_form input[type="submit"] {
  6050. margin-left: 0;
  6051. }
  6052.  
  6053. #edd_profile_billing_address_wrap legend {
  6054. margin-top: 50px;
  6055. }
  6056.  
  6057. #edd_login_form legend {
  6058. margin-top: 50px;
  6059. }
  6060.  
  6061. #edd_address_country,
  6062. #edd_display_name {
  6063. width: 192px;
  6064. }
  6065.  
  6066. #edd_user_history,
  6067. #edd_checkout_cart,
  6068. #edd_checkout_form_wrap fieldset,
  6069. #edd_discounts_list {
  6070. width: 100%;
  6071. margin: 0 -1px 24px 0;
  6072. border: 1px solid rgba(0,0,0,0.1);
  6073. border-radius: 5px;
  6074. border-collapse: separate;
  6075. text-align: left;
  6076. }
  6077.  
  6078. #edd_user_history th,
  6079. #edd_checkout_cart .edd_cart_header_row th {
  6080. padding: 9px 12px;
  6081. border: none;
  6082. background: transparent;
  6083. }
  6084.  
  6085. #edd_user_history td,
  6086. #edd_checkout_cart td {
  6087. padding: 6px 12px;
  6088. border-top: 1px solid rgba(0,0,0,0.1);
  6089. border-bottom: none;
  6090. }
  6091.  
  6092. .edd_cart_footer_row,
  6093. #edd_checkout_cart th.edd_cart_total,
  6094. #edd_checkout_cart tfoot th:last-child {
  6095. border-top: 1px solid rgba(0,0,0,0.1);
  6096. }
  6097.  
  6098. #edd_checkout_cart .edd_checkout_cart_item_title,
  6099. #edd_checkout_cart td {
  6100. font-size: 16px;
  6101. line-height: 22px;
  6102. }
  6103.  
  6104. #edd_checkout_cart td {
  6105. border-right: none;
  6106. border-left: none;
  6107. }
  6108.  
  6109. #edd_discounts_list .edd_discount {
  6110. padding: 6px 12px;
  6111. border-top: 1px solid rgba(0,0,0,0.1);
  6112. border-bottom: none;
  6113. list-style: none;
  6114. }
  6115.  
  6116. #edd_discounts_list .edd_discount:nth-child(1) {
  6117. border-top: none;
  6118. }
  6119.  
  6120. #edd_checkout_form_wrap input[type=email],
  6121. #edd_checkout_form_wrap input[type=text] {
  6122. width: 100%;
  6123. padding: 12px;
  6124. border: 1px solid rgba(0, 0, 0, 0.1);
  6125. border-radius: 5px;
  6126. }
  6127.  
  6128. #edd_profile_editor_form legend {
  6129. display: block;
  6130. width: 100%;
  6131. margin-top: 30px;
  6132. margin-bottom: 20px;
  6133. color: #333;
  6134. font-size: 120%;
  6135. font-weight: 700;
  6136. line-height: 1;
  6137. }
  6138.  
  6139. .edd_price_options.edd_multi_mode ul {
  6140. width: 100%;
  6141. margin: 0 -1px 24px 0;
  6142. border: 1px solid rgba(0,0,0,0.1);
  6143. border-radius: 5px;
  6144. border-collapse: separate;
  6145. text-align: left;
  6146. }
  6147.  
  6148. .edd_price_options.edd_multi_mode ul li {
  6149. padding: 6px 12px;
  6150. border-top: 1px solid rgba(0,0,0,0.1);
  6151. }
  6152.  
  6153. .edd_price_options.edd_multi_mode ul li:nth-child(1) {
  6154. border-top: none;
  6155. }
  6156.  
  6157. .edd-image-wrap {
  6158. float: right;
  6159. width: 100%;
  6160. max-width: 50%;
  6161. padding: 0 0 15px 15px;
  6162. }
  6163.  
  6164. .edd-image-wrap img {
  6165. width: 100%;
  6166. height: auto;
  6167. }
  6168.  
  6169. /* WP MegaMenu */
  6170. .wr-megamenu-container .preview-text,
  6171. .wr-megamenu-container .preview-text p {
  6172. color: #808080;
  6173. font-size: 14px;
  6174. font-weight: normal;
  6175. }
  6176. .wr-megamenu-container .block-sub-menu a {
  6177. padding: 5px;
  6178. color: #808080;
  6179. }
  6180. .wr-element-submenu .submenu-items a {
  6181. padding: 6px 5px 6px 20px !important;
  6182. }
  6183. .wr-megamenu-container {
  6184. margin-top: 12px;
  6185. }
  6186. .it-responsive-mega {
  6187. display: none !important;
  6188. }
  6189. .jsn-bootstrap3 .glyphicon {
  6190. margin-right: 2px;
  6191. font-size: 10px;
  6192. }
  6193. .wr-element-container {
  6194. padding: 5px 0;
  6195. }
  6196. .jsn-bootstrap3 .glyphicon.glyphicon-chevron-right {
  6197. display: none !important;
  6198. }
  6199. .wr-element-container ul.sub-menu li a > i,
  6200. .wr-element-container ul.submenu-items li a > i {
  6201. margin-right: 7px;
  6202. }
  6203. @media only screen and (max-width: 783px) {
  6204. .wr-mega-menu .wr-menu-down {
  6205. margin: -43px 5px 0 0 !important;
  6206. }
  6207. }
  6208.  
  6209. @media (max-width: 992px) {
  6210. .edd_download a.edd-add-to-cart.button.red.edd-submit.edd-has-js {
  6211. padding: 10px;
  6212. color: #fff;
  6213. font-size: 12px;
  6214. }
  6215. .edd_download a.edd-add-to-cart.button.red.edd-submit.edd-has-js span {
  6216. font-size: 12px;
  6217. }
  6218. .zerif_about_us_center p,
  6219. .about-us .col-md-6.zerif_about_us_center.text_and_skills p {
  6220. text-align: center;
  6221. }
  6222. }
  6223.  
  6224. @media (max-width: 768px) {
  6225. .edd_download {
  6226. width: 100% !important;
  6227. }
  6228. }
  6229.  
  6230. /* [end] Easy Digital Downloads */
  6231.  
  6232. body.custom-background {
  6233. background-attachment: fixed !important;
  6234. background-position: top center !important;
  6235. }
  6236.  
  6237. .blog .blog-site-content.site-content {
  6238. background: #fff;
  6239. }
  6240.  
  6241. .zerif_team:nth-child(4n+1),
  6242. .our-team .col-lg-3:nth-child(4n+1) {
  6243. clear: both;
  6244. }
  6245.  
  6246. .dropdownmenu {
  6247. display: none;
  6248. }
  6249.  
  6250. /* mobile background fix */
  6251. .mobile-bg-fix-wrap {
  6252. overflow: hidden;
  6253. width: 100%;
  6254. }
  6255.  
  6256. .mobile-bg-fix-wrap .mobile-bg-fix-img-wrap {
  6257. position: fixed;
  6258. z-index: 0;
  6259. top: 0;
  6260. left: 0;
  6261. width: 100%;
  6262. height: 100%;
  6263. }
  6264.  
  6265. .mobile-bg-fix-wrap .mobile-bg-fix-img {
  6266. position: absolute;
  6267. top: 0;
  6268. left: 0;
  6269. width: 100%;
  6270. height: 125%;
  6271. background-size: cover;
  6272. }
  6273.  
  6274. .mobile-bg-fix-wrap .mobile-bg-fix-whole-site {
  6275. position: relative;
  6276. z-index: 1;
  6277. }
  6278.  
  6279. /*---------------------------------------
  6280. ** Max Mega Menu -----
  6281. -----------------------------------------*/
  6282.  
  6283. .mega-menu-primary #main-nav > .container {
  6284. display: flex;
  6285. align-items: center;
  6286. flex-wrap: wrap;
  6287. }
  6288.  
  6289. .menu-align-center #mega-menu-wrap-primary #mega-menu-primary {
  6290. text-align: center;
  6291. }
  6292. .menu-align-center #mega-menu-wrap-primary {
  6293. margin: auto;
  6294. }
  6295.  
  6296. #mega-menu-wrap-primary {
  6297. margin-left: auto;
  6298. }
  6299.  
  6300. .obfx-menu-icon {
  6301. vertical-align: middle;
  6302. margin-right: 5px;
  6303. }
  6304.  
  6305. @media (max-width: 768px) {
  6306. .mega-menu-primary #main-nav > .container {
  6307. display: block;
  6308. }
  6309. .mega-menu-primary .responsive-logo {
  6310. float: left;
  6311. }
  6312. #mega-menu-wrap-primary {
  6313. float: none;
  6314. clear: both;
  6315. position: static;
  6316. }
  6317. #mega-menu-wrap-primary .mega-menu-toggle {
  6318. position: absolute;
  6319. right: 20px;
  6320. top: 20px;
  6321. margin-bottom: 10px;
  6322. background: #808080;
  6323. border: 1px solid #333;
  6324. border-radius: 4px;
  6325. height: auto;
  6326. transition: .3s ease background;
  6327. }
  6328. #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open {
  6329. background: #e96656;
  6330. }
  6331. #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
  6332. margin-right: 0;
  6333. }
  6334. #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block::after {
  6335. margin: 0;
  6336. font-size: 28px;
  6337. padding: 0 10px;
  6338. color: #fff;
  6339. line-height: 35px;
  6340. }
  6341. #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label {
  6342. color: #fff;
  6343. line-height: 34px;
  6344. }
  6345. .mega-toggle-label-closed,
  6346. .mega-toggle-label-open {
  6347. padding-left: 10px;
  6348. }
  6349. .mega-toggle-label-closed:empty,
  6350. .mega-toggle-label-open:empty {
  6351. padding-left: 0;
  6352. }
  6353. }
  6354.  
  6355. @media (max-width: 480px) {
  6356. #mega-menu-wrap-primary .mega-menu-toggle {
  6357. position: relative;
  6358. top: 0;
  6359. left: 0;
  6360. }
  6361. .mega-menu-primary .responsive-logo {
  6362. width: 100%;
  6363. text-align: center;
  6364. }
  6365. .mega-menu-primary .navbar-brand {
  6366. float: none !important;
  6367. }
  6368. }
  6369.  
  6370. /*---------------------------------------
  6371. ** Responsive -----
  6372. -----------------------------------------*/
  6373.  
  6374. @media (max-width: 1200px) {
  6375. .header-content-wrap,
  6376. .blog-header-content-wrap {
  6377. padding: 235px 0 150px;
  6378. }
  6379. }
  6380.  
  6381. @media (min-width: 768px) and (max-width: 1024px) {
  6382. /* TOP BAR ELEMENTS */
  6383.  
  6384. /* HOME */
  6385. .intro {
  6386. margin-top: 40%;
  6387. font-size: 45px;
  6388. line-height: 55px;
  6389. }
  6390.  
  6391. /* ABOUT US */
  6392. .big-intro {
  6393. text-align: center !important;
  6394. }
  6395. .about-us .column {
  6396. margin-bottom: 40px;
  6397. }
  6398. .skills {
  6399. margin-bottom: 78px !important;
  6400. }
  6401.  
  6402. /* TEAM */
  6403. .team-member .profile-pic {
  6404. width: 128px;
  6405. height: 128px;
  6406. }
  6407. .team-member .details {
  6408. line-height: 18px;
  6409. }
  6410.  
  6411. /* PURCHASE NOW */
  6412. .purchase-now {
  6413. margin: auto;
  6414. text-align: center !important;
  6415. }
  6416. .purchase-now h3 {
  6417. margin-bottom: 20px;
  6418. text-align: center;
  6419. }
  6420. .purchase-now .button {
  6421. float: none;
  6422. }
  6423.  
  6424. /* FOOTER */
  6425. .container .company-details {
  6426. width: 33%;
  6427. padding-top: 40px;
  6428. }
  6429. }
  6430.  
  6431. @media (max-width: 992px) {
  6432. .purchase-now .red-btn {
  6433. float: none;
  6434. }
  6435. .skills {
  6436. margin-left: 0;
  6437. }
  6438. #client-feedbacks .feedback-box {
  6439. width: 100%;
  6440. margin-right: 0;
  6441. margin-left: 0;
  6442. }
  6443. .header-content-wrap,
  6444. .blog-header-content-wrap {
  6445. padding-top: 26%;
  6446. }
  6447. .intro-text {
  6448. font-size: 45px;
  6449. line-height: 55px;
  6450. }
  6451. .section-header h2 {
  6452. font-size: 35px;
  6453. }
  6454. .section-header {
  6455. padding-bottom: 30px;
  6456. }
  6457. .focus,
  6458. .works,
  6459. .about-us,
  6460. .features,
  6461. .packages,
  6462. .products,
  6463. .testimonial {
  6464. padding-top: 60px;
  6465. padding-bottom: 60px;
  6466. }
  6467. .header-content-wrap,
  6468. .blog-header-content-wrap {
  6469. padding: 225px 0 150px;
  6470. }
  6471. .about-us .big-intro {
  6472. text-align: center;
  6473. }
  6474. .company-details {
  6475. padding-top: 0;
  6476. padding-bottom: 33px;
  6477. }
  6478. .container .company-details:first-child {
  6479. padding-top: 40px;
  6480. }
  6481. .copyright {
  6482. width: 100%;
  6483. padding-top: 33px;
  6484. padding-bottom: 33px;
  6485. }
  6486. .container .company-details {
  6487. width: 100%;
  6488. }
  6489. }
  6490. @media (max-width: 767px) {
  6491. /* HEADER */
  6492. .bs-navbar-collapse {
  6493. border: 0;
  6494. }
  6495. #main-nav {
  6496. overflow: visible;
  6497. }
  6498. #main-nav,
  6499. #main-nav.fixed {
  6500. position: relative;
  6501. }
  6502. .navbar-inverse .navbar-nav {
  6503. padding-left: 10px;
  6504. line-height: normal;
  6505. text-align: center;
  6506. }
  6507. .navbar-inverse .navbar-nav > li {
  6508. display: inline-block;
  6509. margin-bottom: 0;
  6510. }
  6511. .navbar-inverse .navbar-nav > li {
  6512. position: relative;
  6513. width: 100%;
  6514. margin: 8px 0 0 0;
  6515. padding: 0 0 8px 0;
  6516. border-bottom: 1px solid #ededed;
  6517. }
  6518. .navbar-inverse .navbar-nav > li a {
  6519. text-align: left;
  6520. }
  6521. .navbar-inverse .navbar-nav ul.sub-menu {
  6522. display: none !important;
  6523. position: relative;
  6524. top: 0;
  6525. width: 100%;
  6526. box-shadow: none;
  6527. }
  6528. .navbar-inverse .navbar-nav li.this-open > ul {
  6529. display: block !important;
  6530. }
  6531. .navbar-inverse .navbar-nav ul.sub-menu li {
  6532. float: left;
  6533. width: 100%;
  6534. }
  6535. .navbar-inverse .navbar-nav ul.sub-menu li a {
  6536. float: left;
  6537. width: 100%;
  6538. padding: 8px 25px 8px 0;
  6539. border-bottom: 1px solid #ededed;
  6540. }
  6541. .navbar-inverse .navbar-nav ul.sub-menu li:last-child a {
  6542. border-bottom: none;
  6543. }
  6544. .navbar-inverse .navbar-nav ul.sub-menu ul.sub-menu {
  6545. position: relative;
  6546. top: 0;
  6547. left: 0;
  6548. }
  6549. .navbar-inverse .navbar-brand {
  6550. float: left;
  6551. }
  6552. .rtl .navbar-inverse .navbar-brand {
  6553. float: right;
  6554. }
  6555. #main-nav {
  6556. overflow: hidden;
  6557. }
  6558. .navbar-collapse {
  6559. max-height: 100%;
  6560. }
  6561. .navbar-inverse .navbar-nav ul.sub-menu li {
  6562. padding-left: 20px;
  6563. }
  6564. .navbar-inverse .navbar-nav ul.sub-menu li {
  6565. padding-top: 0;
  6566. padding-bottom: 0;
  6567. }
  6568. .dropdownmenu {
  6569. display: block;
  6570. position: absolute;
  6571. z-index: 9;
  6572. top: 5px;
  6573. right: 0;
  6574. width: 25px;
  6575. height: 25px;
  6576. margin: 0;
  6577. padding: 0;
  6578. border-radius: 3px;
  6579. background: url(images/menu-icon.png) center center no-repeat #e96656;
  6580. }
  6581. .navbar-inverse .navbar-nav ul.sub-menu li {
  6582. margin-right: 0;
  6583. padding-right: 0;
  6584. }
  6585. .navbar-inverse .navbar-nav > li > a:hover {
  6586. color: #404040 !important;
  6587. }
  6588. .this-open > a {
  6589. color: #e96656 !important;
  6590. }
  6591. li.current > a:before {
  6592. display: none !important;
  6593. content: "";
  6594. }
  6595. ul.nav > li.current_page_item > a:before {
  6596. left: 0;
  6597. width: 50px;
  6598. content: "";
  6599. }
  6600. .menu-align-center #site-navigation > ul ul {
  6601. left: 0;
  6602. }
  6603.  
  6604. /* HOME */
  6605. .header {
  6606. min-height: inherit;
  6607. padding-bottom: 0 !important;
  6608. }
  6609. .intro {
  6610. font-size: 6.5vw;
  6611. line-height: 8vh;
  6612. }
  6613. .header-content-wrap,
  6614. .blog-header-content-wrap {
  6615. padding-top: 30%;
  6616. }
  6617. .intro-text {
  6618. font-size: 41px;
  6619. line-height: 49px;
  6620. }
  6621. .focus-box {
  6622. margin-bottom: 75px;
  6623. }
  6624. .section-header {
  6625. float: left;
  6626. width: 100%;
  6627. }
  6628. .pirate-forms-g-recaptcha > div {
  6629. display: inline-block;
  6630. }
  6631. .pirate_forms .pirate-forms-submit-button {
  6632. display: inline-block;
  6633. text-align: center;
  6634. }
  6635. .contact_submit_wrap {
  6636. text-align: center;
  6637. }
  6638.  
  6639. /* ABOUT US */
  6640. .big-intro {
  6641. font-size: 8vw !important;
  6642. text-align: center !important;
  6643. }
  6644. .about-us .column {
  6645. margin-bottom: 40px;
  6646. }
  6647. .skills {
  6648. margin-bottom: 78px !important;
  6649. }
  6650. .our-clients {
  6651. float: left;
  6652. width: 100%;
  6653. }
  6654.  
  6655. /* PURCHASE NOW */
  6656. .purchase-now {
  6657. margin: auto;
  6658. text-align: center !important;
  6659. }
  6660. .purchase-now h3 {
  6661. margin-bottom: 20px;
  6662. text-align: center;
  6663. }
  6664. .purchase-now .button {
  6665. float: none;
  6666. }
  6667.  
  6668. /* FOOTER */
  6669. .company-details {
  6670. padding-top: 0;
  6671. padding-bottom: 33px;
  6672. }
  6673. .copyright {
  6674. width: 100%;
  6675. padding-top: 33px;
  6676. padding-bottom: 33px;
  6677. }
  6678. footer.entry-footer {
  6679. padding-top: 0;
  6680. }
  6681.  
  6682. /* comments */
  6683. .comment-metadata {
  6684. position: relative;
  6685. top: 0;
  6686. right: 0;
  6687. }
  6688. }
  6689. @media (max-width: 480px) {
  6690. /* HOME */
  6691. .intro {
  6692. margin-top: 60%;
  6693. font-size: 6.5vw;
  6694. line-height: 6vh;
  6695. }
  6696.  
  6697. .header-content-wrap,
  6698. .blog-header-content-wrap {
  6699. padding-top: 40%;
  6700. }
  6701. .intro-text {
  6702. font-size: 32px;
  6703. line-height: 37px;
  6704. }
  6705. h2 {
  6706. font-size: 6.5vw !important;
  6707. }
  6708. .other-focus-list ul li {
  6709. display: block;
  6710. margin-right: 0;
  6711. text-align: left;
  6712. }
  6713.  
  6714. /* blog */
  6715. .post-img-wrap {
  6716. width: 100%;
  6717. }
  6718. .listpost-content-wrap {
  6719. float: left;
  6720. width: 100%;
  6721. margin-top: 20px;
  6722. }
  6723. .post-img-wrap a {
  6724. float: none;
  6725. width: 250px;
  6726. height: 250px;
  6727. margin: 0 auto;
  6728. }
  6729. .post-img-wrap {
  6730. margin-right: 0;
  6731. text-align: center;
  6732. }
  6733. .post-img-wrap a img {
  6734. width: auto;
  6735. }
  6736.  
  6737. /* comments */
  6738. .comment-reply-link {
  6739. position: relative;
  6740. margin-top: 10px;
  6741. }
  6742. .post-img-wrap a img {
  6743. width: 250px;
  6744. height: auto;
  6745.  
  6746. }
  6747. .post-img-wrap a:hover img {
  6748.  
  6749. }
  6750.  
  6751. }
  6752. @media (max-width: 320px) {
  6753. .intro {
  6754. font-size: 7vw;
  6755. line-height: 25px;
  6756. }
  6757. .header-content-wrap,
  6758. .blog-header-content-wrap {
  6759. padding-top: 50%;
  6760. }
  6761. .intro-text {
  6762. font-size: 22px;
  6763. line-height: 30px;
  6764. }
  6765. .client-list ul li {
  6766. display: block;
  6767. }
  6768. .listpost-content-wrap-large {
  6769. position: relative;
  6770. }
  6771. .post-img-wrap-large {
  6772. display: none;
  6773. }
  6774. }
  6775.  
  6776. .zerif-copyright {
  6777. color: #939393!important;
  6778. }
  6779.  
  6780. .zerif-copyright-box {
  6781. width: 100%;
  6782. color: #666;
  6783. }
  6784.  
  6785. /* print */
  6786. @media print {
  6787. body {
  6788. font-size: 11.25pt;
  6789. }
  6790. a:link:after,
  6791. a:visited:after {
  6792. content: "";
  6793. }
  6794. header.header {
  6795. min-height: 0 !important;
  6796. }
  6797. #main-nav {
  6798. position: relative;
  6799. }
  6800. .header-content-wrap,
  6801. .blog-header-content-wrap {
  6802. padding: 30px 0 15px;
  6803. }
  6804.  
  6805. .buttons {
  6806. margin-top: 0;
  6807. margin-bottom: 0;
  6808. text-align: center;
  6809. }
  6810. .focus,
  6811. .works,
  6812. .about-us,
  6813. .features,
  6814. .packages,
  6815. .products,
  6816. .testimonial {
  6817. padding-top: 15px;
  6818. }
  6819. .focus {
  6820. padding-bottom: 0;
  6821. }
  6822. .focus .row .focus-box,
  6823. .zerif_about_us_center,
  6824. .zerif-rtl-skills .skills,
  6825. #testimonials > .container > .row,
  6826. .zerif-rtl-contact-name,
  6827. .zerif-rtl-contact-email,
  6828. .zerif-rtl-contact-subject,
  6829. #contact > .container > .row .col-lg-12.col-sm-12,
  6830. .purchase-now > .container > .row .col-md-9,
  6831. .purchase-now > .container > .row .col-md-3,
  6832. .separator-one > .color-overlay .container.text,
  6833. .separator-one > .color-overlay > div {
  6834. opacity: 1 !important;
  6835. -webkit-transform: translatex(0px) !important;
  6836. -moz-transform: translatex(0px) !important;
  6837. -ms-transform: translatex(0px) !important;
  6838. transform: translatex(0px) !important;
  6839. }
  6840. .focus .row .focus-box {
  6841. width: 23% !important;
  6842. margin-right: 0;
  6843. margin-bottom: 0;
  6844. margin-left: 0;
  6845. padding: 0 1.5%;
  6846. padding-left: 0;
  6847. }
  6848. .about-us {
  6849. padding-bottom: 0;
  6850. }
  6851. .about-us .column {
  6852. float: left;
  6853. width: 100%;
  6854. margin-right: 0;
  6855. margin-bottom: 0;
  6856. margin-bottom: 0;
  6857. margin-left: 0;
  6858. padding-left: 0;
  6859. }
  6860. .about-us .big-intro {
  6861. margin-top: 0;
  6862. text-align: center;
  6863. }
  6864. .zerif-rtl-big-title,
  6865. .zerif-rtl-skills,
  6866. .zerif-rtl-skills .skills {
  6867. width: 100%;
  6868. }
  6869. .zerif-rtl-skills .skills li.skill {
  6870. display: inline-block;
  6871. float: left;
  6872. clear: none;
  6873. width: 25%;
  6874. margin-bottom: 0;
  6875. }
  6876. .about-us p {
  6877. text-align: center;
  6878. }
  6879. .our-team {
  6880. padding-top: 30px;
  6881. padding-bottom: 0;
  6882. }
  6883. .our-team .row {
  6884. opacity: 1 !important;
  6885. -webkit-transform: translatex(0px) !important;
  6886. -moz-transform: translatex(0px) !important;
  6887. -ms-transform: translatex(0px) !important;
  6888. transform: translatex(0px) !important;
  6889. }
  6890. .our-team .col-lg-3.col-sm-3 {
  6891. width: 23% !important;
  6892. margin-right: 0;
  6893. margin-left: 0;
  6894. padding: 0 1.5%;
  6895. padding-left: 0;
  6896. }
  6897. .team-member .profile-pic {
  6898. width: 100%;
  6899. height: auto;
  6900. }
  6901. #client-feedbacks .feedback-box {
  6902. width: 30%;
  6903. margin: 1.5%;
  6904. padding: 0;
  6905. }
  6906. .feedback-box .quote {
  6907. display: none;
  6908. }
  6909. .feedback-box .client-info {
  6910. margin-left: 0;
  6911. }
  6912. .section-header {
  6913. padding-bottom: 15px;
  6914. }
  6915. .testimonial {
  6916. padding-bottom: 0;
  6917. }
  6918. .feedback-box .client {
  6919. margin-top: 0;
  6920. }
  6921.  
  6922. .contact-us .input-box,
  6923. textarea {
  6924. border: 1px solid #000 !important;
  6925. box-shadow: none;
  6926. }
  6927. .footer-box {
  6928. width: 23% !important;
  6929. margin-right: 0;
  6930. margin-left: 0;
  6931. padding: 0 1.5%;
  6932. padding-left: 0;
  6933. }
  6934. .latestnews-box {
  6935. float: left;
  6936. width: 50%;
  6937. margin: 0;
  6938. padding: 0;
  6939. padding-right: 2%;
  6940. padding-left: 2%;
  6941. }
  6942. #carousel-homepage-latestnews .item {
  6943. height: auto !important;
  6944. }
  6945. .company-details {
  6946. float: left;
  6947. width: 33% !important;
  6948. margin-right: 0;
  6949. margin-left: 0;
  6950. padding: 0 1.5%;
  6951. padding-left: 0;
  6952. }
  6953. .copyright {
  6954. width: 100%;
  6955. }
  6956. .separator-one,
  6957. .purchase-now {
  6958. padding: 15px 0 15px 0;
  6959. }
  6960. .latest-news {
  6961. padding-top: 15px;
  6962. padding-bottom: 15px;
  6963. }
  6964.  
  6965. /* inner page */
  6966. .content-left-wrap {
  6967. padding-top: 0;
  6968. }
  6969. }
  6970.  
  6971. /* Nivo slider basic styling */
  6972. .nivo-controlNav {
  6973. position: absolute;
  6974. width: 100%;
  6975. bottom: 30px;
  6976. text-align: center;
  6977. z-index: 5;
  6978. }
  6979. .nivo-controlNav a,
  6980. .nivo-directionNav a {
  6981. margin: 0 10px;
  6982. padding: 5px 10px;
  6983. opacity: 0.85;
  6984. color: #fff;
  6985. background-color: rgba(10, 10, 10, 0.9);
  6986. cursor: pointer;
  6987. transition: 0.3s ease;
  6988. }
  6989.  
  6990. .nivo-controlNav a.active {
  6991. color: #333;
  6992. background: #fff;
  6993. }
  6994.  
  6995. .nivo-controlNav a:hover,
  6996. .nivo-directionNav a:hover {
  6997. opacity: 1;
  6998. }
  6999.  
  7000. .nivo-directionNav {
  7001. position: relative;
  7002. z-index: 100;
  7003. bottom: 74px;
  7004. width: 100%;
  7005. }
  7006.  
  7007. .nivo-directionNav .nivo-prevNav {
  7008. float: left;
  7009. }
  7010.  
  7011. .nivo-directionNav .nivo-prevNav:before {
  7012. content: "\00AB ";
  7013. }
  7014.  
  7015. .nivo-directionNav .nivo-nextNav {
  7016. float: right;
  7017. }
  7018.  
  7019. .nivo-directionNav .nivo-nextNav:after {
  7020. content: " \00BB";
  7021. }
  7022.  
  7023. /* END Nivo slider basic styling */
  7024.  
  7025. .dgwt-wcas-search-wrapp {
  7026. position: relative;
  7027. line-height: 100%;
  7028. display: block;
  7029. color: #444;
  7030. min-width: 800px;
  7031. width: 800px;
  7032. }
  7033. @media (max-width: 600px) {
  7034. .dgwt-wcas-search-wrapp {
  7035. width: 320px;
  7036. }
  7037. }
  7038.  
  7039.  
  7040.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement