Guest User

Untitled

a guest
Jun 8th, 2016
218
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 279.12 KB | None | 0 0
  1. @charset "UTF-8";
  2. html, body, div, span, applet, object, iframe,
  3. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  4. a, abbr, acronym, address, big, cite, code,
  5. del, dfn, em, img, ins, kbd, q, s, samp,
  6. small, strike, strong, sub, sup, tt, var,
  7. b, u, i, center,
  8. dl, dt, dd, ol, ul, li,
  9. fieldset, form, label, legend,
  10. table, caption, tbody, tfoot, thead, tr, th, td,
  11. article, aside, canvas, details, embed,
  12. figure, figcaption, footer, header, hgroup,
  13. menu, nav, output, ruby, section, summary,
  14. time, mark, audio, video {
  15. margin: 0;
  16. padding: 0;
  17. border: 0;
  18. font: inherit;
  19. font-size: 100%;
  20. vertical-align: baseline; }
  21. html {
  22. line-height: 1; }
  23.  
  24. ol, ul {
  25. list-style: none; }
  26.  
  27. table {
  28. border-collapse: collapse;
  29. border-spacing: 0; }
  30.  
  31. caption, th, td {
  32. text-align: left;
  33. font-weight: normal;
  34. vertical-align: middle; }
  35.  
  36. q, blockquote {
  37. quotes: none; }
  38. q:before, q:after, blockquote:before, blockquote:after {
  39. content: "";
  40. content: none; }
  41.  
  42. a img {
  43. border: none; }
  44.  
  45. article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  46. display: block; }
  47.  
  48. /*!
  49. * Bootstrap v3.0.0
  50. *
  51. * Copyright 2013 Twitter, Inc
  52. * Licensed under the Apache License v2.0
  53. * http://www.apache.org/licenses/LICENSE-2.0
  54. *
  55. * Designed and built with all the love in the world by @mdo and @fat.
  56. */
  57. /*! normalize.css v2.1.0 | MIT License | git.io/normalize */
  58.  
  59. /*********************************** Fonts ************************************************/
  60.  
  61. @font-face {
  62. font-family: 'opensans';
  63. src: url('../font/opensans-regular.eot');
  64. src: url('../font/opensans-regular.eot') format('embedded-opentype'),
  65. url('../font/opensans-regular.woff') format('woff'),
  66. url('../font/opensans-regular.ttf') format('truetype'),
  67. url('../font/opensans-regular.svg#OpenSansRegular') format('svg');
  68. }
  69.  
  70. @font-face {
  71. font-family: 'opensansbold';
  72. src: url('../font/opensans-bold.eot');
  73. src: url('../font/opensans-bold.eot') format('embedded-opentype'),
  74. url('../font/opensans-bold.woff') format('woff'),
  75. url('../font/opensans-bold.ttf') format('truetype'),
  76. url('../font/opensans-bold.svg#OpenSansBold') format('svg');
  77. }
  78.  
  79. /**************************************************************************************************/
  80.  
  81. article,
  82. aside,
  83. details,
  84. figcaption,
  85. figure,
  86. footer,
  87. header,
  88. hgroup,
  89. main,
  90. nav,
  91. section,
  92. summary {
  93. display: block; }
  94.  
  95. audio,
  96. canvas,
  97. video {
  98. display: inline-block; }
  99.  
  100. audio:not([controls]) {
  101. display: none;
  102. height: 0; }
  103.  
  104. [hidden] {
  105. display: none; }
  106.  
  107. html {
  108. font-family: sans-serif;
  109. -webkit-text-size-adjust: 100%;
  110. -ms-text-size-adjust: 100%; }
  111.  
  112. body {
  113. margin: 0;
  114. background: url(../img/bg_page.png);
  115. }
  116.  
  117. a:focus {
  118. outline: thin dotted; }
  119.  
  120. a:active,
  121. a:hover {
  122. outline: 0; }
  123.  
  124. h1 {
  125. font-size: 2em;
  126. margin: 0.67em 0; }
  127.  
  128. abbr[title] {
  129. border-bottom: 1px dotted; }
  130.  
  131. b,
  132. strong {
  133. font-weight: bold; }
  134.  
  135. dfn {
  136. font-style: italic; }
  137.  
  138. hr {
  139. -moz-box-sizing: content-box;
  140. box-sizing: content-box;
  141. height: 0; }
  142.  
  143. mark {
  144. background: #ff0;
  145. color: #000; }
  146.  
  147. code,
  148. kbd,
  149. pre,
  150. samp {
  151. font-family: monospace, serif;
  152. font-size: 1em; }
  153.  
  154. pre {
  155. white-space: pre-wrap; }
  156.  
  157. q {
  158. quotes: "\201C" "\201D" "\2018" "\2019"; }
  159.  
  160. small {
  161. font-size: 80%; }
  162.  
  163. sub,
  164. sup {
  165. font-size: 75%;
  166. line-height: 0;
  167. position: relative;
  168. vertical-align: baseline; }
  169.  
  170. sup {
  171. top: -0.5em; }
  172.  
  173. sub {
  174. bottom: -0.25em; }
  175.  
  176. img {
  177. border: 0; }
  178.  
  179. svg:not(:root) {
  180. overflow: hidden; }
  181.  
  182. figure {
  183. margin: 0; }
  184.  
  185. fieldset {
  186. border: 1px solid #c0c0c0;
  187. margin: 0 2px;
  188. padding: 0.35em 0.625em 0.75em; }
  189.  
  190. legend {
  191. border: 0;
  192. padding: 0; }
  193.  
  194. button,
  195. input,
  196. select,
  197. textarea {
  198. font-family: inherit;
  199. font-size: 100%;
  200. margin: 0; }
  201.  
  202. button,
  203. input {
  204. line-height: normal; }
  205.  
  206. button,
  207. select {
  208. text-transform: none; }
  209.  
  210. button,
  211. html input[type="button"],
  212. input[type="reset"],
  213. input[type="submit"] {
  214. -webkit-appearance: button;
  215. cursor: pointer; }
  216.  
  217. button[disabled],
  218. html input[disabled] {
  219. cursor: default; }
  220.  
  221. input[type="checkbox"],
  222. input[type="radio"] {
  223. box-sizing: border-box;
  224. padding: 0; }
  225.  
  226. input[type="search"] {
  227. -webkit-appearance: textfield;
  228. -moz-box-sizing: content-box;
  229. -webkit-box-sizing: content-box;
  230. box-sizing: content-box; }
  231.  
  232. input[type="search"]::-webkit-search-cancel-button,
  233. input[type="search"]::-webkit-search-decoration {
  234. -webkit-appearance: none; }
  235.  
  236. button::-moz-focus-inner,
  237. input::-moz-focus-inner {
  238. border: 0;
  239. padding: 0; }
  240.  
  241. textarea {
  242. overflow: auto;
  243. vertical-align: top; }
  244.  
  245. table {
  246. border-collapse: collapse;
  247. border-spacing: 0; }
  248.  
  249. *,
  250. *:before,
  251. *:after {
  252. -webkit-box-sizing: border-box;
  253. -moz-box-sizing: border-box;
  254. box-sizing: border-box; }
  255.  
  256. html {
  257. font-size: 62.5%;
  258. -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  259.  
  260. body {}
  261.  
  262. input,
  263. button,
  264. select,
  265. textarea {
  266. font-family: inherit;
  267. font-size: inherit;
  268. line-height: inherit; }
  269.  
  270. button,
  271. input,
  272. select[multiple],
  273. textarea {
  274. background-image: none; }
  275.  
  276. a {
  277. color: #777777;
  278. text-decoration: none; }
  279. a:hover, a:focus {
  280. color: #ffa200;
  281. }
  282. a:focus {
  283. outline: none;
  284. }
  285.  
  286. img {
  287. vertical-align: middle; }
  288.  
  289. .img-responsive {
  290. display: block;
  291. max-width: 100%;
  292. height: auto; }
  293.  
  294. .img-rounded {
  295. border-radius: 6px; }
  296.  
  297. .img-thumbnail, .thumbnail {
  298. padding: 4px;
  299. line-height: 1.42857;
  300. background-color: white;
  301. border: 1px solid #dddddd;
  302. border-radius: 0px;
  303. -webkit-transition: all 0.2s ease-in-out;
  304. transition: all 0.2s ease-in-out;
  305. display: inline-block;
  306. max-width: 100%;
  307. height: auto; }
  308.  
  309. .img-circle {
  310. border-radius: 50%; }
  311.  
  312. hr {
  313. margin-top: 18px;
  314. margin-bottom: 18px;
  315. border: 0;
  316. border-top: 1px solid #eeeeee; }
  317.  
  318. .sr-only {
  319. position: absolute;
  320. width: 1px;
  321. height: 1px;
  322. margin: -1px;
  323. padding: 0;
  324. overflow: hidden;
  325. clip: rect(0 0 0 0);
  326. border: 0; }
  327.  
  328. p {
  329. margin: 0 0 9px; }
  330.  
  331. .lead {
  332. margin-bottom: 18px;
  333. font-size: 14.95px;
  334. font-weight: 200;
  335. line-height: 1.4; }
  336. @media (min-width: 768px) {
  337. .lead {
  338. font-size: 19.5px; } }
  339.  
  340. small {
  341. font-size: 85%; }
  342.  
  343. cite {
  344. font-style: normal; }
  345.  
  346. .text-muted {
  347. color: #999999; }
  348.  
  349. .text-primary {
  350. color: #428bca; }
  351.  
  352. .text-warning {
  353. color: white; }
  354.  
  355. .text-danger {
  356. color: white; }
  357.  
  358. .text-success {
  359. color: white; }
  360.  
  361. .text-info {
  362. color: white; }
  363.  
  364. .text-left {
  365. text-align: left; }
  366.  
  367. .text-right {
  368. text-align: right; }
  369.  
  370. .text-center {
  371. text-align: center; }
  372.  
  373. h1, h2, h3, h4, h5, h6,
  374. .h1, .h2, .h3, .h4, .h5, .h6 {
  375. font-family: Arial, Helvetica, sans-serif;
  376. font-weight: 500;
  377. line-height: 1.1; }
  378. h1 small, h2 small, h3 small, h4 small, h5 small, h6 small,
  379. .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small {
  380. font-weight: normal;
  381. line-height: 1;
  382. color: #999999; }
  383.  
  384. h1,
  385. h2,
  386. h3 {
  387. margin-top: 18px;
  388. margin-bottom: 9px; }
  389.  
  390. h4,
  391. h5,
  392. h6 {
  393. margin-top: 9px;
  394. margin-bottom: 9px; }
  395.  
  396. h1, .h1 {
  397. font-size: 33px; }
  398.  
  399. h2, .h2 {
  400. font-size: 27px; }
  401.  
  402. h3, .h3 {
  403. font-size: 23px; }
  404.  
  405. h4, .h4 {
  406. font-size: 17px; }
  407.  
  408. h5, .h5 {
  409. font-size: 13px; }
  410.  
  411. h6, .h6 {
  412. font-size: 12px; }
  413.  
  414. h1 small, .h1 small {
  415. font-size: 23px; }
  416.  
  417. h2 small, .h2 small {
  418. font-size: 17px; }
  419.  
  420. h3 small, .h3 small,
  421. h4 small, .h4 small {
  422. font-size: 13px; }
  423.  
  424. .page-header {
  425. padding-bottom: 8px;
  426. margin: 36px 0 18px;
  427. border-bottom: 1px solid #eeeeee; }
  428.  
  429. ul,
  430. ol {
  431. margin-top: 0;
  432. margin-bottom: 9px; }
  433. ul ul,
  434. ul ol,
  435. ol ul,
  436. ol ol {
  437. margin-bottom: 0; }
  438.  
  439. .list-unstyled, .list-inline {
  440. padding-left: 0;
  441. list-style: none; }
  442.  
  443. .list-inline > li {
  444. display: inline-block;
  445. padding-left: 5px;
  446. padding-right: 5px; }
  447.  
  448. dl {
  449. margin-bottom: 18px; }
  450.  
  451. dt,
  452. dd {
  453. line-height: 1.42857; }
  454.  
  455. dt {
  456. font-weight: bold; }
  457.  
  458. dd {
  459. margin-left: 0; }
  460.  
  461. @media (min-width: 768px) {
  462. .dl-horizontal dt {
  463. float: left;
  464. width: 160px;
  465. clear: left;
  466. text-align: right;
  467. overflow: hidden;
  468. text-overflow: ellipsis;
  469. white-space: nowrap; }
  470. .dl-horizontal dd {
  471. margin-left: 180px; }
  472. .dl-horizontal dd:before, .dl-horizontal dd:after {
  473. content: " ";
  474. /* 1 */
  475. display: table;
  476. /* 2 */ }
  477. .dl-horizontal dd:after {
  478. clear: both; } }
  479. abbr[title],
  480. abbr[data-original-title] {
  481. cursor: help;
  482. border-bottom: 1px dotted #999999; }
  483.  
  484. abbr.initialism {
  485. font-size: 90%;
  486. text-transform: uppercase; }
  487.  
  488. blockquote {
  489. padding: 9px 18px;
  490. margin: 0 0 18px;
  491. border-left: 5px solid #eeeeee; }
  492. blockquote p {
  493. font-size: 16.25px;
  494. font-weight: 300;
  495. line-height: 1.25; }
  496. blockquote p:last-child {
  497. margin-bottom: 0; }
  498. blockquote small {
  499. display: block;
  500. line-height: 1.42857;
  501. color: #999999; }
  502. blockquote small:before {
  503. content: '\2014 \00A0'; }
  504. blockquote.pull-right {
  505. padding-right: 15px;
  506. padding-left: 0;
  507. border-right: 5px solid #eeeeee;
  508. border-left: 0; }
  509. blockquote.pull-right p,
  510. blockquote.pull-right small {
  511. text-align: right; }
  512. blockquote.pull-right small:before {
  513. content: ''; }
  514. blockquote.pull-right small:after {
  515. content: '\00A0 \2014'; }
  516.  
  517. q:before,
  518. q:after,
  519. blockquote:before,
  520. blockquote:after {
  521. content: ""; }
  522.  
  523. address {
  524. display: block;
  525. margin-bottom: 18px;
  526. font-style: normal;
  527. line-height: 1.42857; }
  528.  
  529. code,
  530. pre {
  531. font-family: Monaco, Menlo, Consolas, "Courier New", monospace; }
  532.  
  533. code {
  534. padding: 2px 4px;
  535. font-size: 90%;
  536. color: #c7254e;
  537. background-color: #f9f2f4;
  538. white-space: nowrap;
  539. border-radius: 0px; }
  540.  
  541. pre {
  542. display: block;
  543. padding: 8.5px;
  544. margin: 0 0 9px;
  545. font-size: 12px;
  546. line-height: 1.42857;
  547. word-break: break-all;
  548. word-wrap: break-word;
  549. color: #333333;
  550. background-color: whitesmoke;
  551. border: 1px solid #cccccc;
  552. border-radius: 0px; }
  553. pre.prettyprint {
  554. margin-bottom: 18px; }
  555. pre code {
  556. padding: 0;
  557. font-size: inherit;
  558. color: inherit;
  559. white-space: pre-wrap;
  560. background-color: transparent;
  561. border: 0; }
  562.  
  563. .pre-scrollable {
  564. max-height: 340px;
  565. overflow-y: scroll; }
  566.  
  567. .container {
  568. margin-right: auto;
  569. margin-left: auto;
  570. padding-left: 15px;
  571. padding-right: 15px; }
  572. .container:before, .container:after {
  573. content: " ";
  574. /* 1 */
  575. display: table;
  576. /* 2 */ }
  577. .container:after {
  578. clear: both; }
  579.  
  580. .row {
  581. margin-left: -15px;
  582. margin-right: -15px; }
  583. .row:before, .row:after {
  584. content: " ";
  585. /* 1 */
  586. display: table;
  587. /* 2 */ }
  588. .row:after {
  589. clear: both; }
  590.  
  591. .col-xs-1,
  592. .col-xs-2,
  593. .col-xs-3,
  594. .col-xs-4,
  595. .col-xs-5,
  596. .col-xs-6,
  597. .col-xs-7,
  598. .col-xs-8,
  599. .col-xs-9,
  600. .col-xs-10,
  601. .col-xs-11,
  602. .col-xs-12,
  603. .col-sm-1,
  604. .col-sm-2,
  605. .col-sm-3,
  606. .col-sm-4,
  607. header .row #header_logo,
  608. .col-sm-5,
  609. .col-sm-6,
  610. .col-sm-7,
  611. .col-sm-8,
  612. .col-sm-9,
  613. .col-sm-10,
  614. .col-sm-11,
  615. .col-sm-12,
  616. .col-md-1,
  617. .col-md-2,
  618. .col-md-3,
  619. .col-md-4,
  620. .col-md-5,
  621. .col-md-6,
  622. .col-md-7,
  623. .col-md-8,
  624. .col-md-9,
  625. .col-md-10,
  626. .col-md-11,
  627. .col-md-12,
  628. .col-lg-1,
  629. .col-lg-2,
  630. .col-lg-3,
  631. .col-lg-4,
  632. .col-lg-5,
  633. .col-lg-6,
  634. .col-lg-7,
  635. .col-lg-8,
  636. .col-lg-9,
  637. .col-lg-10,
  638. .col-lg-11,
  639. .col-lg-12 {
  640. position: relative;
  641. min-height: 1px;
  642. padding-left: 15px;
  643. padding-right: 15px; }
  644.  
  645. .col-xs-1,
  646. .col-xs-2,
  647. .col-xs-3,
  648. .col-xs-4,
  649. .col-xs-5,
  650. .col-xs-6,
  651. .col-xs-7,
  652. .col-xs-8,
  653. .col-xs-9,
  654. .col-xs-10,
  655. .col-xs-11 {
  656. float: left; }
  657.  
  658. .col-xs-1 {
  659. width: 8.33333%; }
  660.  
  661. .col-xs-2 {
  662. width: 16.66667%; }
  663.  
  664. .col-xs-3 {
  665. width: 25%; }
  666.  
  667. .col-xs-4 {
  668. width: 33.33333%; }
  669.  
  670. .col-xs-5 {
  671. width: 41.66667%; }
  672.  
  673. .col-xs-6 {
  674. width: 50%; }
  675.  
  676. .col-xs-7 {
  677. width: 58.33333%; }
  678.  
  679. .col-xs-8 {
  680. width: 66.66667%; }
  681.  
  682. .col-xs-9 {
  683. width: 75%; }
  684.  
  685. .col-xs-10 {
  686. width: 83.33333%; }
  687.  
  688. .col-xs-11 {
  689. width: 91.66667%; }
  690.  
  691. .col-xs-12 {
  692. width: 100%; }
  693.  
  694. @media (min-width: 768px) {
  695. .container {
  696. max-width: 750px;
  697. }
  698.  
  699. .col-sm-1,
  700. .col-sm-2,
  701. .col-sm-3,
  702. .col-sm-4,
  703. header .row #header_logo,
  704. .col-sm-5,
  705. .col-sm-6,
  706. .col-sm-7,
  707. .col-sm-8,
  708. .col-sm-9,
  709. .col-sm-10,
  710. .col-sm-11 {
  711. float: left; }
  712.  
  713. .col-sm-1 {
  714. width: 8.33333%; }
  715.  
  716. .col-sm-2 {
  717. width: 16.66667%; }
  718.  
  719. .col-sm-3 {
  720. width: 25%; }
  721.  
  722. .col-sm-4{
  723. width: 33.33333%; }
  724.  
  725. .col-sm-5 {
  726. width: 41.66667%; }
  727.  
  728. .col-sm-6 {
  729. width: 50%; }
  730.  
  731. .col-sm-7 {
  732. width: 58.33333%; }
  733.  
  734. .col-sm-8 {
  735. width: 66.66667%; }
  736.  
  737. .col-sm-9 {
  738. width: 75%; }
  739.  
  740. .col-sm-10 {
  741. width: 83.33333%; }
  742.  
  743. .col-sm-11 {
  744. width: 91.66667%; }
  745.  
  746. .col-sm-12 {
  747. width: 100%; }
  748.  
  749. .col-sm-push-1 {
  750. left: 8.33333%; }
  751.  
  752. .col-sm-push-2 {
  753. left: 16.66667%; }
  754.  
  755. .col-sm-push-3 {
  756. left: 25%; }
  757.  
  758. .col-sm-push-4 {
  759. left: 33.33333%; }
  760.  
  761. .col-sm-push-5 {
  762. left: 41.66667%; }
  763.  
  764. .col-sm-push-6 {
  765. left: 50%; }
  766.  
  767. .col-sm-push-7 {
  768. left: 58.33333%; }
  769.  
  770. .col-sm-push-8 {
  771. left: 66.66667%; }
  772.  
  773. .col-sm-push-9 {
  774. left: 75%; }
  775.  
  776. .col-sm-push-10 {
  777. left: 83.33333%; }
  778.  
  779. .col-sm-push-11 {
  780. left: 91.66667%; }
  781.  
  782. .col-sm-pull-1 {
  783. right: 8.33333%; }
  784.  
  785. .col-sm-pull-2 {
  786. right: 16.66667%; }
  787.  
  788. .col-sm-pull-3 {
  789. right: 25%; }
  790.  
  791. .col-sm-pull-4 {
  792. right: 33.33333%; }
  793.  
  794. .col-sm-pull-5 {
  795. right: 41.66667%; }
  796.  
  797. .col-sm-pull-6 {
  798. right: 50%; }
  799.  
  800. .col-sm-pull-7 {
  801. right: 58.33333%; }
  802.  
  803. .col-sm-pull-8 {
  804. right: 66.66667%; }
  805.  
  806. .col-sm-pull-9 {
  807. right: 75%; }
  808.  
  809. .col-sm-pull-10 {
  810. right: 83.33333%; }
  811.  
  812. .col-sm-pull-11 {
  813. right: 91.66667%; }
  814.  
  815. .col-sm-offset-1 {
  816. margin-left: 8.33333%; }
  817.  
  818. .col-sm-offset-2 {
  819. margin-left: 16.66667%; }
  820.  
  821. .col-sm-offset-3 {
  822. margin-left: 25%; }
  823.  
  824. .col-sm-offset-4 {
  825. margin-left: 33.33333%; }
  826.  
  827. .col-sm-offset-5 {
  828. margin-left: 41.66667%; }
  829.  
  830. .col-sm-offset-6 {
  831. margin-left: 50%; }
  832.  
  833. .col-sm-offset-7 {
  834. margin-left: 58.33333%; }
  835.  
  836. .col-sm-offset-8 {
  837. margin-left: 66.66667%; }
  838.  
  839. .col-sm-offset-9 {
  840. margin-left: 75%; }
  841.  
  842. .col-sm-offset-10 {
  843. margin-left: 83.33333%; }
  844.  
  845. .col-sm-offset-11 {
  846. margin-left: 91.66667%; } }
  847. @media (min-width: 992px) {
  848. .container {
  849. max-width: 970px;
  850. }
  851.  
  852. .col-md-1,
  853. .col-md-2,
  854. .col-md-3,
  855. .col-md-4,
  856. .col-md-5,
  857. .col-md-6,
  858. .col-md-7,
  859. .col-md-8,
  860. .col-md-9,
  861. .col-md-10,
  862. .col-md-11 {
  863. float: left; }
  864.  
  865. .col-md-1 {
  866. width: 8.33333%; }
  867.  
  868. .col-md-2 {
  869. width: 16.66667%; }
  870.  
  871. .col-md-3 {
  872. width: 25%; }
  873.  
  874. .col-md-4 {
  875. width: 33.33333%; }
  876.  
  877. .col-md-5 {
  878. width: 41.66667%; }
  879.  
  880. .col-md-6 {
  881. width: 50%; }
  882.  
  883. .col-md-7 {
  884. width: 58.33333%; }
  885.  
  886. .col-md-8 {
  887. width: 66.66667%; }
  888.  
  889. .col-md-9 {
  890. width: 75%; }
  891.  
  892. .col-md-10 {
  893. width: 83.33333%; }
  894.  
  895. .col-md-11 {
  896. width: 91.66667%; }
  897.  
  898. .col-md-12 {
  899. width: 100%; }
  900.  
  901. .col-md-push-0 {
  902. left: auto; }
  903.  
  904. .col-md-push-1 {
  905. left: 8.33333%; }
  906.  
  907. .col-md-push-2 {
  908. left: 16.66667%; }
  909.  
  910. .col-md-push-3 {
  911. left: 25%; }
  912.  
  913. .col-md-push-4 {
  914. left: 33.33333%; }
  915.  
  916. .col-md-push-5 {
  917. left: 41.66667%; }
  918.  
  919. .col-md-push-6 {
  920. left: 50%; }
  921.  
  922. .col-md-push-7 {
  923. left: 58.33333%; }
  924.  
  925. .col-md-push-8 {
  926. left: 66.66667%; }
  927.  
  928. .col-md-push-9 {
  929. left: 75%; }
  930.  
  931. .col-md-push-10 {
  932. left: 83.33333%; }
  933.  
  934. .col-md-push-11 {
  935. left: 91.66667%; }
  936.  
  937. .col-md-pull-0 {
  938. right: auto; }
  939.  
  940. .col-md-pull-1 {
  941. right: 8.33333%; }
  942.  
  943. .col-md-pull-2 {
  944. right: 16.66667%; }
  945.  
  946. .col-md-pull-3 {
  947. right: 25%; }
  948.  
  949. .col-md-pull-4 {
  950. right: 33.33333%; }
  951.  
  952. .col-md-pull-5 {
  953. right: 41.66667%; }
  954.  
  955. .col-md-pull-6 {
  956. right: 50%; }
  957.  
  958. .col-md-pull-7 {
  959. right: 58.33333%; }
  960.  
  961. .col-md-pull-8 {
  962. right: 66.66667%; }
  963.  
  964. .col-md-pull-9 {
  965. right: 75%; }
  966.  
  967. .col-md-pull-10 {
  968. right: 83.33333%; }
  969.  
  970. .col-md-pull-11 {
  971. right: 91.66667%; }
  972.  
  973. .col-md-offset-0 {
  974. margin-left: 0; }
  975.  
  976. .col-md-offset-1 {
  977. margin-left: 8.33333%; }
  978.  
  979. .col-md-offset-2 {
  980. margin-left: 16.66667%; }
  981.  
  982. .col-md-offset-3 {
  983. margin-left: 25%; }
  984.  
  985. .col-md-offset-4 {
  986. margin-left: 33.33333%; }
  987.  
  988. .col-md-offset-5 {
  989. margin-left: 41.66667%; }
  990.  
  991. .col-md-offset-6 {
  992. margin-left: 50%; }
  993.  
  994. .col-md-offset-7 {
  995. margin-left: 58.33333%; }
  996.  
  997. .col-md-offset-8 {
  998. margin-left: 66.66667%; }
  999.  
  1000. .col-md-offset-9 {
  1001. margin-left: 75%; }
  1002.  
  1003. .col-md-offset-10 {
  1004. margin-left: 83.33333%; }
  1005.  
  1006. .col-md-offset-11 {
  1007. margin-left: 91.66667%; } }
  1008. @media (min-width: 1200px) {
  1009. .container {
  1010. background: #fff;
  1011. max-width: 1230px;
  1012. }
  1013.  
  1014. .col-lg-1,
  1015. .col-lg-2,
  1016. .col-lg-3,
  1017. .col-lg-4,
  1018. .col-lg-5,
  1019. .col-lg-6,
  1020. .col-lg-7,
  1021. .col-lg-8,
  1022. .col-lg-9,
  1023. .col-lg-10,
  1024. .col-lg-11 {
  1025. float: left; }
  1026.  
  1027. .col-lg-1 {
  1028. width: 8.33333%; }
  1029.  
  1030. .col-lg-2 {
  1031. width: 16.66667%; }
  1032.  
  1033. .col-lg-3 {
  1034. width: 25%; }
  1035.  
  1036. .col-lg-4 {
  1037. width: 33.33333%; }
  1038.  
  1039. .col-lg-5 {
  1040. width: 41.66667%; }
  1041.  
  1042. .col-lg-6 {
  1043. width: 50%; }
  1044.  
  1045. .col-lg-7 {
  1046. width: 58.33333%; }
  1047.  
  1048. .col-lg-8 {
  1049. width: 66.66667%; }
  1050.  
  1051. .col-lg-9 {
  1052. width: 75%; }
  1053.  
  1054. .col-lg-10 {
  1055. width: 83.33333%; }
  1056.  
  1057. .col-lg-11 {
  1058. width: 91.66667%; }
  1059.  
  1060. .col-lg-12 {
  1061. width: 100%; }
  1062.  
  1063. .col-lg-push-0 {
  1064. left: auto; }
  1065.  
  1066. .col-lg-push-1 {
  1067. left: 8.33333%; }
  1068.  
  1069. .col-lg-push-2 {
  1070. left: 16.66667%; }
  1071.  
  1072. .col-lg-push-3 {
  1073. left: 25%; }
  1074.  
  1075. .col-lg-push-4 {
  1076. left: 33.33333%; }
  1077.  
  1078. .col-lg-push-5 {
  1079. left: 41.66667%; }
  1080.  
  1081. .col-lg-push-6 {
  1082. left: 50%; }
  1083.  
  1084. .col-lg-push-7 {
  1085. left: 58.33333%; }
  1086.  
  1087. .col-lg-push-8 {
  1088. left: 66.66667%; }
  1089.  
  1090. .col-lg-push-9 {
  1091. left: 75%; }
  1092.  
  1093. .col-lg-push-10 {
  1094. left: 83.33333%; }
  1095.  
  1096. .col-lg-push-11 {
  1097. left: 91.66667%; }
  1098.  
  1099. .col-lg-pull-0 {
  1100. right: auto; }
  1101.  
  1102. .col-lg-pull-1 {
  1103. right: 8.33333%; }
  1104.  
  1105. .col-lg-pull-2 {
  1106. right: 16.66667%; }
  1107.  
  1108. .col-lg-pull-3 {
  1109. right: 25%; }
  1110.  
  1111. .col-lg-pull-4 {
  1112. right: 33.33333%; }
  1113.  
  1114. .col-lg-pull-5 {
  1115. right: 41.66667%; }
  1116.  
  1117. .col-lg-pull-6 {
  1118. right: 50%; }
  1119.  
  1120. .col-lg-pull-7 {
  1121. right: 58.33333%; }
  1122.  
  1123. .col-lg-pull-8 {
  1124. right: 66.66667%; }
  1125.  
  1126. .col-lg-pull-9 {
  1127. right: 75%; }
  1128.  
  1129. .col-lg-pull-10 {
  1130. right: 83.33333%; }
  1131.  
  1132. .col-lg-pull-11 {
  1133. right: 91.66667%; }
  1134.  
  1135. .col-lg-offset-0 {
  1136. margin-left: 0; }
  1137.  
  1138. .col-lg-offset-1 {
  1139. margin-left: 8.33333%; }
  1140.  
  1141. .col-lg-offset-2 {
  1142. margin-left: 16.66667%; }
  1143.  
  1144. .col-lg-offset-3 {
  1145. margin-left: 25%; }
  1146.  
  1147. .col-lg-offset-4 {
  1148. margin-left: 33.33333%; }
  1149.  
  1150. .col-lg-offset-5 {
  1151. margin-left: 41.66667%; }
  1152.  
  1153. .col-lg-offset-6 {
  1154. margin-left: 50%; }
  1155.  
  1156. .col-lg-offset-7 {
  1157. margin-left: 58.33333%; }
  1158.  
  1159. .col-lg-offset-8 {
  1160. margin-left: 66.66667%; }
  1161.  
  1162. .col-lg-offset-9 {
  1163. margin-left: 75%; }
  1164.  
  1165. .col-lg-offset-10 {
  1166. margin-left: 83.33333%; }
  1167.  
  1168. .col-lg-offset-11 {
  1169. margin-left: 91.66667%; } }
  1170. table {
  1171. max-width: 100%;
  1172. background-color: transparent; }
  1173.  
  1174. th {
  1175. text-align: left; }
  1176.  
  1177. .table {
  1178. width: 100%;
  1179. margin-bottom: 18px; }
  1180. .table thead > tr > th,
  1181. .table thead > tr > td,
  1182. .table tbody > tr > th,
  1183. .table tbody > tr > td,
  1184. .table tfoot > tr > th,
  1185. .table tfoot > tr > td {
  1186. padding: 9px 8px 11px 18px;
  1187. line-height: 1.42857;
  1188. vertical-align: top;
  1189. border-top: 1px solid #d6d4d4; }
  1190. .table tbody > tr > td.cart_avail{text-align: center;}
  1191. .table tbody > tr > td.cart_avail span{font-weight: normal; color: #fff; padding: 3px 10px; border-radius: 3px; }
  1192. #order .price{font-weight: bold;color: #65c178!important;}
  1193. #order .old-price{font-weight: normal;}
  1194. .table thead > tr > th {
  1195. vertical-align: bottom;
  1196. border-bottom: 2px solid #d6d4d4; }
  1197. .table caption + thead tr:first-child th, .table caption + thead tr:first-child td,
  1198. .table colgroup + thead tr:first-child th,
  1199. .table colgroup + thead tr:first-child td,
  1200. .table thead:first-child tr:first-child th,
  1201. .table thead:first-child tr:first-child td {
  1202. border-top: 0; }
  1203. .table tbody + tbody {
  1204. border-top: 2px solid #d6d4d4; }
  1205. .table .table {
  1206. background-color: white; }
  1207.  
  1208. .table-condensed thead > tr > th,
  1209. .table-condensed thead > tr > td,
  1210. .table-condensed tbody > tr > th,
  1211. .table-condensed tbody > tr > td,
  1212. .table-condensed tfoot > tr > th,
  1213. .table-condensed tfoot > tr > td {
  1214. padding: 5px; }
  1215.  
  1216. .table-bordered {
  1217. border: 1px solid #d6d4d4; }
  1218. .table-bordered > thead > tr > th,
  1219. .table-bordered > thead > tr > td,
  1220. .table-bordered > tbody > tr > th,
  1221. .table-bordered > tbody > tr > td,
  1222. .table-bordered > tfoot > tr > th,
  1223. .table-bordered > tfoot > tr > td {
  1224. border: 1px solid #d6d4d4; }
  1225. .table-bordered > thead > tr > th,
  1226. .table-bordered > thead > tr > td {
  1227. border-bottom-width: 2px; }
  1228.  
  1229. .table-striped > tbody > tr:nth-child(odd) > td,
  1230. .table-striped > tbody > tr:nth-child(odd) > th {
  1231. background-color: #f9f9f9; }
  1232.  
  1233. .table-hover > tbody > tr:hover > td,
  1234. .table-hover > tbody > tr:hover > th {
  1235. background-color: whitesmoke; }
  1236.  
  1237. table col[class*="col-"] {
  1238. float: none;
  1239. display: table-column; }
  1240.  
  1241. table td[class*="col-"],
  1242. table th[class*="col-"] {
  1243. float: none;
  1244. display: table-cell; }
  1245.  
  1246. .table > thead > tr > td.active,
  1247. .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th,
  1248. .table > tbody > tr > td.active,
  1249. .table > tbody > tr > th.active,
  1250. .table > tbody > tr.active > td,
  1251. .table > tbody > tr.active > th,
  1252. .table > tfoot > tr > td.active,
  1253. .table > tfoot > tr > th.active,
  1254. .table > tfoot > tr.active > td,
  1255. .table > tfoot > tr.active > th {
  1256. background-color: whitesmoke; }
  1257.  
  1258. .table > thead > tr > td.success,
  1259. .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,
  1260. .table > tbody > tr > td.success,
  1261. .table > tbody > tr > th.success,
  1262. .table > tbody > tr.success > td,
  1263. .table > tbody > tr.success > th,
  1264. .table > tfoot > tr > td.success,
  1265. .table > tfoot > tr > th.success,
  1266. .table > tfoot > tr.success > td,
  1267. .table > tfoot > tr.success > th {
  1268. background-color: #55c65e;
  1269. border-color: #48b151; }
  1270.  
  1271. .table-hover > tbody > tr > td.success:hover,
  1272. .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td {
  1273. background-color: #42c04c;
  1274. border-color: #419f49; }
  1275.  
  1276. .table > thead > tr > td.danger,
  1277. .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,
  1278. .table > tbody > tr > td.danger,
  1279. .table > tbody > tr > th.danger,
  1280. .table > tbody > tr.danger > td,
  1281. .table > tbody > tr.danger > th,
  1282. .table > tfoot > tr > td.danger,
  1283. .table > tfoot > tr > th.danger,
  1284. .table > tfoot > tr.danger > td,
  1285. .table > tfoot > tr.danger > th {
  1286. background-color: #f3515c;
  1287. border-color: #d4323d; }
  1288.  
  1289. .table-hover > tbody > tr > td.danger:hover,
  1290. .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td {
  1291. background-color: #f13946;
  1292. border-color: #c32933; }
  1293.  
  1294. .table > thead > tr > td.warning,
  1295. .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th,
  1296. .table > tbody > tr > td.warning,
  1297. .table > tbody > tr > th.warning,
  1298. .table > tbody > tr.warning > td,
  1299. .table > tbody > tr.warning > th,
  1300. .table > tfoot > tr > td.warning,
  1301. .table > tfoot > tr > th.warning,
  1302. .table > tfoot > tr.warning > td,
  1303. .table > tfoot > tr.warning > th {
  1304. background-color: #fe9126;
  1305. border-color: #e4752b; }
  1306.  
  1307. .table-hover > tbody > tr > td.warning:hover,
  1308. .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td {
  1309. background-color: #fe840d;
  1310. border-color: #da681c; }
  1311.  
  1312. @media (max-width: 768px) {
  1313. .table-responsive {
  1314. width: 100%;
  1315. margin-bottom: 15px;
  1316. overflow-y: hidden;
  1317. overflow-x: scroll;
  1318. border: 1px solid #d6d4d4; }
  1319. .table-responsive > .table {
  1320. margin-bottom: 0;
  1321. background-color: #fff; }
  1322. .table-responsive > .table > thead > tr > th,
  1323. .table-responsive > .table > thead > tr > td,
  1324. .table-responsive > .table > tbody > tr > th,
  1325. .table-responsive > .table > tbody > tr > td,
  1326. .table-responsive > .table > tfoot > tr > th,
  1327. .table-responsive > .table > tfoot > tr > td {
  1328. white-space: nowrap; }
  1329. .table-responsive > .table-bordered {
  1330. border: 0; }
  1331. .table-responsive > .table-bordered > thead > tr > th:first-child,
  1332. .table-responsive > .table-bordered > thead > tr > td:first-child,
  1333. .table-responsive > .table-bordered > tbody > tr > th:first-child,
  1334. .table-responsive > .table-bordered > tbody > tr > td:first-child,
  1335. .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  1336. .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  1337. border-left: 0; }
  1338. .table-responsive > .table-bordered > thead > tr > th:last-child,
  1339. .table-responsive > .table-bordered > thead > tr > td:last-child,
  1340. .table-responsive > .table-bordered > tbody > tr > th:last-child,
  1341. .table-responsive > .table-bordered > tbody > tr > td:last-child,
  1342. .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  1343. .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  1344. border-right: 0; }
  1345. .table-responsive > .table-bordered > thead > tr:last-child > th,
  1346. .table-responsive > .table-bordered > thead > tr:last-child > td,
  1347. .table-responsive > .table-bordered > tbody > tr:last-child > th,
  1348. .table-responsive > .table-bordered > tbody > tr:last-child > td,
  1349. .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  1350. .table-responsive > .table-bordered > tfoot > tr:last-child > td {
  1351. border-bottom: 0; } }
  1352. fieldset {
  1353. padding: 0;
  1354. margin: 0;
  1355. border: 0; }
  1356.  
  1357. legend {
  1358. display: block;
  1359. width: 100%;
  1360. padding: 0;
  1361. margin-bottom: 18px;
  1362. font-size: 19.5px;
  1363. line-height: inherit;
  1364. color: #333333;
  1365. border: 0;
  1366. border-bottom: 1px solid #e5e5e5; }
  1367.  
  1368. label {
  1369. display: inline-block;
  1370. margin-bottom: 5px;
  1371. font-size: 14px;
  1372. }
  1373.  
  1374. input[type="search"] {
  1375. -webkit-box-sizing: border-box;
  1376. -moz-box-sizing: border-box;
  1377. box-sizing: border-box; }
  1378.  
  1379. input[type="radio"],
  1380. input[type="checkbox"] {
  1381. margin: 4px 0 0;
  1382. margin-top: 1px \9;
  1383. /* IE8-9 */
  1384. line-height: normal; }
  1385.  
  1386. input[type="file"] {
  1387. display: block; }
  1388.  
  1389. select[multiple],
  1390. select[size] {
  1391. height: auto; }
  1392.  
  1393. select optgroup {
  1394. font-size: inherit;
  1395. font-style: inherit;
  1396. font-family: inherit; }
  1397.  
  1398. input[type="file"]:focus,
  1399. input[type="radio"]:focus,
  1400. input[type="checkbox"]:focus {
  1401. outline: thin dotted #333;
  1402. outline: 5px auto -webkit-focus-ring-color;
  1403. outline-offset: -2px; }
  1404.  
  1405. input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
  1406. height: auto; }
  1407.  
  1408. .form-control:-moz-placeholder {
  1409. color: #999999; }
  1410. .form-control::-moz-placeholder {
  1411. color: #999999; }
  1412. .form-control:-ms-input-placeholder {
  1413. color: #999999; }
  1414. .form-control::-webkit-input-placeholder {
  1415. color: #999999; }
  1416.  
  1417. .form-control {
  1418. display: block;
  1419. width: 100%;
  1420. height: 32px;
  1421. padding: 6px 12px;
  1422. font-size: 13px;
  1423. line-height: 1.42857;
  1424. color: #666;
  1425. vertical-align: middle;
  1426. background-color: white;
  1427. border: 1px solid #d6d4d4;
  1428. border-radius: 0px;
  1429. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1430. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1431. -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  1432. transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  1433. .form-control:focus {
  1434. }
  1435. .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  1436. cursor: not-allowed;
  1437. background-color: #eeeeee; }
  1438.  
  1439. textarea.form-control {
  1440. height: auto; }
  1441.  
  1442. .form-group {
  1443. margin-bottom: 15px; }
  1444.  
  1445. .radio,
  1446. .checkbox {
  1447. display: block;
  1448. min-height: 18px;
  1449. margin-top: 10px;
  1450. margin-bottom: 10px;
  1451. padding-left: 20px;
  1452. vertical-align: middle; }
  1453. .radio label,
  1454. .checkbox label {
  1455. display: inline;
  1456. margin-bottom: 0;
  1457. font-weight: normal;
  1458. cursor: pointer; }
  1459.  
  1460. .radio input[type="radio"],
  1461. .radio-inline input[type="radio"],
  1462. .checkbox input[type="checkbox"],
  1463. .checkbox-inline input[type="checkbox"] {
  1464. float: left;
  1465. margin-left: -20px; }
  1466.  
  1467. .radio + .radio,
  1468. .checkbox + .checkbox {
  1469. margin-top: -5px; }
  1470.  
  1471. .radio-inline,
  1472. .checkbox-inline {
  1473. display: inline-block;
  1474. padding-left: 20px;
  1475. margin-bottom: 0;
  1476. vertical-align: middle;
  1477. font-weight: normal;
  1478. cursor: pointer; }
  1479.  
  1480. .radio-inline + .radio-inline,
  1481. .checkbox-inline + .checkbox-inline {
  1482. margin-top: 0;
  1483. margin-left: 10px; }
  1484.  
  1485. input[type="radio"][disabled], fieldset[disabled] input[type="radio"],
  1486. input[type="checkbox"][disabled], fieldset[disabled]
  1487. input[type="checkbox"],
  1488. .radio[disabled], fieldset[disabled]
  1489. .radio,
  1490. .radio-inline[disabled], fieldset[disabled]
  1491. .radio-inline,
  1492. .checkbox[disabled], fieldset[disabled]
  1493. .checkbox,
  1494. .checkbox-inline[disabled], fieldset[disabled]
  1495. .checkbox-inline {
  1496. cursor: not-allowed; }
  1497.  
  1498. .input-sm, .input-group-sm > .form-control,
  1499. .input-group-sm > .input-group-addon,
  1500. .input-group-sm > .input-group-btn > .btn {
  1501. height: 30px;
  1502. padding: 5px 10px;
  1503. font-size: 12px;
  1504. line-height: 1.5;
  1505. border-radius: 3px; }
  1506.  
  1507. select.input-sm, .input-group-sm > select.form-control,
  1508. .input-group-sm > select.input-group-addon,
  1509. .input-group-sm > .input-group-btn > select.btn {
  1510. height: 30px;
  1511. line-height: 30px; }
  1512.  
  1513. textarea.input-sm, .input-group-sm > textarea.form-control,
  1514. .input-group-sm > textarea.input-group-addon,
  1515. .input-group-sm > .input-group-btn > textarea.btn {
  1516. height: auto; }
  1517.  
  1518. .input-lg, .input-group-lg > .form-control,
  1519. .input-group-lg > .input-group-addon,
  1520. .input-group-lg > .input-group-btn > .btn {
  1521. height: 44px;
  1522. padding: 10px 16px;
  1523. font-size: 17px;
  1524. line-height: 1.33;
  1525. border-radius: 6px; }
  1526.  
  1527. select.input-lg, .input-group-lg > select.form-control,
  1528. .input-group-lg > select.input-group-addon,
  1529. .input-group-lg > .input-group-btn > select.btn {
  1530. height: 44px;
  1531. line-height: 44px; }
  1532.  
  1533. textarea.input-lg, .input-group-lg > textarea.form-control,
  1534. .input-group-lg > textarea.input-group-addon,
  1535. .input-group-lg > .input-group-btn > textarea.btn {
  1536. height: auto; }
  1537.  
  1538. .has-warning .help-block,
  1539. .has-warning .control-label {
  1540. color: white; }
  1541. .has-warning .form-control {
  1542. border-color: white;
  1543. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1544. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  1545. .has-warning .form-control:focus {
  1546. border-color: #e6e6e6;
  1547. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;
  1548. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white; }
  1549. .has-warning .input-group-addon {
  1550. color: white;
  1551. border-color: white;
  1552. background-color: #fe9126; }
  1553.  
  1554. .has-error .help-block,
  1555. .has-error .control-label {
  1556. color: white; }
  1557. .has-error .form-control {
  1558. border-color: white;
  1559. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1560. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  1561. .has-error .form-control:focus {
  1562. border-color: #e6e6e6;
  1563. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;
  1564. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white; }
  1565. .has-error .input-group-addon {
  1566. color: white;
  1567. border-color: white;
  1568. background-color: #f3515c; }
  1569.  
  1570. .has-success .help-block,
  1571. .has-success .control-label {
  1572. color: white; }
  1573. .has-success .form-control {
  1574. border-color: white;
  1575. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1576. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  1577. .has-success .form-control:focus {
  1578. border-color: #e6e6e6;
  1579. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;
  1580. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white; }
  1581. .has-success .input-group-addon {
  1582. color: white;
  1583. border-color: white;
  1584. background-color: #55c65e; }
  1585.  
  1586. .form-control-static {
  1587. margin-bottom: 0;
  1588. padding-top: 7px; }
  1589.  
  1590. .help-block {
  1591. display: block;
  1592. margin-top: 5px;
  1593. margin-bottom: 10px;
  1594. color: #b7b7b7; }
  1595.  
  1596. @media (min-width: 768px) {
  1597. .form-inline .form-group, .navbar-form .form-group {
  1598. display: inline-block;
  1599. margin-bottom: 0;
  1600. vertical-align: middle; }
  1601. .form-inline .form-control, .navbar-form .form-control {
  1602. display: inline-block; }
  1603. .form-inline .radio, .navbar-form .radio,
  1604. .form-inline .checkbox,
  1605. .navbar-form .checkbox {
  1606. display: inline-block;
  1607. margin-top: 0;
  1608. margin-bottom: 0;
  1609. padding-left: 0; }
  1610. .form-inline .radio input[type="radio"], .navbar-form .radio input[type="radio"],
  1611. .form-inline .checkbox input[type="checkbox"],
  1612. .navbar-form .checkbox input[type="checkbox"] {
  1613. float: none;
  1614. margin-left: 0; } }
  1615.  
  1616. .form-horizontal .control-label,
  1617. .form-horizontal .radio,
  1618. .form-horizontal .checkbox,
  1619. .form-horizontal .radio-inline,
  1620. .form-horizontal .checkbox-inline {
  1621. margin-top: 0;
  1622. margin-bottom: 0;
  1623. padding-top: 7px; }
  1624. .form-horizontal .form-group {
  1625. margin-left: -15px;
  1626. margin-right: -15px; }
  1627. .form-horizontal .form-group:before, .form-horizontal .form-group:after {
  1628. content: " ";
  1629. /* 1 */
  1630. display: table;
  1631. /* 2 */ }
  1632. .form-horizontal .form-group:after {
  1633. clear: both; }
  1634. @media (min-width: 768px) {
  1635. .form-horizontal .control-label {
  1636. text-align: right; } }
  1637.  
  1638. .btn {
  1639. color: #fff;
  1640. font-size: 16px ;
  1641. padding: 0 12px;
  1642. background: #65c178;
  1643. display: inline-block;
  1644. margin: 0;
  1645. height: 44px;
  1646. line-height: 44px;
  1647. font-weight: bold;
  1648. }
  1649. .btn:focus {
  1650. outline: thin dotted #333;
  1651. outline: 5px auto -webkit-focus-ring-color;
  1652. outline-offset: -2px; }
  1653. .btn:hover, .btn:focus {
  1654. color: #333333;
  1655. text-decoration: none; }
  1656. btn:hover{background-color: #e44f4f;}
  1657. .btn:active, .btn.active {
  1658. outline: 0;
  1659. background-image: none;
  1660. -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  1661. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  1662. .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  1663. cursor: not-allowed;
  1664. pointer-events: none;
  1665. opacity: 0.65;
  1666. filter: alpha(opacity=65);
  1667. -webkit-box-shadow: none;
  1668. box-shadow: none; }
  1669. /*.btn:hover{
  1670. background: #65c178;
  1671. border: 1px solid #65c178;
  1672. color: #fff;
  1673. text-shadow: 1px 1px rgba(0,0,0,0.25);
  1674. }*/
  1675. .btn-default {
  1676. }
  1677.  
  1678. .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
  1679. color: #333333;
  1680. background-color: #e44f4f;}
  1681. .open .btn-default.dropdown-toggle {
  1682. color: #333333;
  1683. background-color: #ebebeb;
  1684. border-color: #adadad; }
  1685. .btn-default:active, .btn-default.active {
  1686. background-image: none; }
  1687. .open .btn-default.dropdown-toggle {
  1688. background-image: none; }
  1689. .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
  1690. background-color: white;
  1691. border-color: #cccccc; }
  1692.  
  1693. .btn-primary {
  1694. color: white;
  1695. background-color: #428bca;
  1696. border-color: #357ebd; }
  1697. .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
  1698. color: white;
  1699. background-color: #3276b1;
  1700. border-color: #285e8e; }
  1701. .open .btn-primary.dropdown-toggle {
  1702. color: white;
  1703. background-color: #3276b1;
  1704. border-color: #285e8e; }
  1705. .btn-primary:active, .btn-primary.active {
  1706. background-image: none; }
  1707. .open .btn-primary.dropdown-toggle {
  1708. background-image: none; }
  1709. .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
  1710. background-color: #428bca;
  1711. border-color: #357ebd; }
  1712.  
  1713. .btn-warning {
  1714. color: white;
  1715. background-color: #f0ad4e;
  1716. border-color: #eea236; }
  1717. .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
  1718. color: white;
  1719. background-color: #ed9c28;
  1720. border-color: #d58512; }
  1721. .open .btn-warning.dropdown-toggle {
  1722. color: white;
  1723. background-color: #ed9c28;
  1724. border-color: #d58512; }
  1725. .btn-warning:active, .btn-warning.active {
  1726. background-image: none; }
  1727. .open .btn-warning.dropdown-toggle {
  1728. background-image: none; }
  1729. .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
  1730. background-color: #f0ad4e;
  1731. border-color: #eea236; }
  1732.  
  1733. .btn-danger {
  1734. color: white;
  1735. background-color: #d9534f;
  1736. border-color: #d43f3a; }
  1737. .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {
  1738. color: white;
  1739. background-color: #d2322d;
  1740. border-color: #ac2925; }
  1741. .open .btn-danger.dropdown-toggle {
  1742. color: white;
  1743. background-color: #d2322d;
  1744. border-color: #ac2925; }
  1745. .btn-danger:active, .btn-danger.active {
  1746. background-image: none; }
  1747. .open .btn-danger.dropdown-toggle {
  1748. background-image: none; }
  1749. .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
  1750. background-color: #d9534f;
  1751. border-color: #d43f3a; }
  1752.  
  1753. .btn-success {
  1754. color: white;
  1755. background-color: #46a74e;
  1756. border-color: #3e9546; }
  1757. .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
  1758. color: white;
  1759. background-color: #3a8a41;
  1760. border-color: #2c6a31; }
  1761. .open .btn-success.dropdown-toggle {
  1762. color: white;
  1763. background-color: #3a8a41;
  1764. border-color: #2c6a31; }
  1765. .btn-success:active, .btn-success.active {
  1766. background-image: none; }
  1767. .open .btn-success.dropdown-toggle {
  1768. background-image: none; }
  1769. .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
  1770. background-color: #46a74e;
  1771. border-color: #3e9546; }
  1772.  
  1773. .btn-info {
  1774. color: white;
  1775. background-color: #5192f3;
  1776. border-color: #3983f1; }
  1777. .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
  1778. color: white;
  1779. background-color: #2b7af0;
  1780. border-color: #0f62de; }
  1781. .open .btn-info.dropdown-toggle {
  1782. color: white;
  1783. background-color: #2b7af0;
  1784. border-color: #0f62de; }
  1785. .btn-info:active, .btn-info.active {
  1786. background-image: none; }
  1787. .open .btn-info.dropdown-toggle {
  1788. background-image: none; }
  1789. .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
  1790. background-color: #5192f3;
  1791. border-color: #3983f1; }
  1792.  
  1793. .btn-link {
  1794. color: #777777;
  1795. font-weight: normal;
  1796. cursor: pointer;
  1797. border-radius: 0; }
  1798. .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
  1799. background-color: transparent;
  1800. -webkit-box-shadow: none;
  1801. box-shadow: none; }
  1802. .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  1803. border-color: transparent; }
  1804. .btn-link:hover, .btn-link:focus {
  1805. color: #515151;
  1806. text-decoration: underline;
  1807. background-color: transparent; }
  1808. .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
  1809. color: #999999;
  1810. text-decoration: none; }
  1811.  
  1812. .btn-lg, .btn-group-lg > .btn {
  1813. padding: 10px 16px;
  1814. font-size: 17px;
  1815. line-height: 1.33;
  1816. border-radius: 6px; }
  1817.  
  1818. .btn-sm, .btn-group-sm > .btn,
  1819. .btn-xs,
  1820. .btn-group-xs > .btn {
  1821. padding: 5px 10px;
  1822. font-size: 12px;
  1823. line-height: 1.5;
  1824. border-radius: 3px; }
  1825.  
  1826. .btn-xs, .btn-group-xs > .btn {
  1827. padding: 1px 5px; }
  1828.  
  1829. .btn-block {
  1830. display: block;
  1831. width: 100%;
  1832. padding-left: 0;
  1833. padding-right: 0; }
  1834.  
  1835. .btn-block + .btn-block {
  1836. margin-top: 5px; }
  1837.  
  1838. input[type="submit"].btn-block,
  1839. input[type="reset"].btn-block,
  1840. input[type="button"].btn-block {
  1841. width: 100%; }
  1842.  
  1843. .fade {
  1844. opacity: 0;
  1845. -webkit-transition: opacity 0.15s linear;
  1846. transition: opacity 0.15s linear; }
  1847. .fade.in {
  1848. opacity: 1; }
  1849.  
  1850. .collapse {
  1851. display: none; }
  1852. .collapse.in {
  1853. display: block; }
  1854.  
  1855. .collapsing {
  1856. position: relative;
  1857. height: 0;
  1858. overflow: hidden;
  1859. -webkit-transition: height 0.35s ease;
  1860. transition: height 0.35s ease; }
  1861.  
  1862. .caret {
  1863. display: inline-block;
  1864. width: 0;
  1865. height: 0;
  1866. margin-left: 2px;
  1867. vertical-align: middle;
  1868. border-top: 4px solid black;
  1869. border-right: 4px solid transparent;
  1870. border-left: 4px solid transparent;
  1871. border-bottom: 0 dotted;
  1872. content: ""; }
  1873.  
  1874. .dropdown {
  1875. position: relative; }
  1876.  
  1877. .dropdown-toggle:focus {
  1878. outline: 0; }
  1879.  
  1880. .dropdown-menu {
  1881. position: absolute;
  1882. top: 100%;
  1883. left: 0;
  1884. z-index: 1000;
  1885. display: none;
  1886. float: left;
  1887. min-width: 160px;
  1888. padding: 5px 0;
  1889. margin: 2px 0 0;
  1890. list-style: none;
  1891. font-size: 13px;
  1892. background-color: white;
  1893. border: 1px solid #cccccc;
  1894. border: 1px solid rgba(0, 0, 0, 0.15);
  1895. border-radius: 0px;
  1896. -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  1897. box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  1898. background-clip: padding-box; }
  1899. .dropdown-menu.pull-right {
  1900. right: 0;
  1901. left: auto; }
  1902. .dropdown-menu .divider {
  1903. height: 1px;
  1904. margin: 8px 0;
  1905. overflow: hidden;
  1906. background-color: #e5e5e5; }
  1907. .dropdown-menu > li > a {
  1908. display: block;
  1909. padding: 3px 20px;
  1910. clear: both;
  1911. font-weight: normal;
  1912. line-height: 1.42857;
  1913. color: #333333;
  1914. white-space: nowrap;
  1915. text-transform: capitalize;
  1916. }
  1917.  
  1918. .dropdown-menu > li > a:hover{
  1919. background-color: #e8e8e8;
  1920. background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  1921. background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  1922. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
  1923. background-repeat: repeat-x;
  1924. }
  1925.  
  1926. .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  1927. color: white;
  1928. text-decoration: none;
  1929. outline: 0;
  1930. background-color: #428bca; }
  1931.  
  1932. .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  1933. color: #999999; }
  1934.  
  1935. .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  1936. text-decoration: none;
  1937. background-color: transparent;
  1938. background-image: none;
  1939. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  1940. cursor: not-allowed; }
  1941.  
  1942. .open > .dropdown-menu {
  1943. display: block; }
  1944. .open > a {
  1945. outline: 0; }
  1946.  
  1947. .dropdown-header {
  1948. display: block;
  1949. padding: 3px 20px;
  1950. font-size: 12px;
  1951. line-height: 1.42857;
  1952. color: #999999; }
  1953.  
  1954. .dropdown-backdrop {
  1955. position: fixed;
  1956. left: 0;
  1957. right: 0;
  1958. bottom: 0;
  1959. top: 0;
  1960. z-index: 990; }
  1961.  
  1962. .pull-right > .dropdown-menu {
  1963. right: 0;
  1964. left: auto; }
  1965.  
  1966. .dropup .caret,
  1967. .navbar-fixed-bottom .dropdown .caret {
  1968. border-top: 0 dotted;
  1969. border-bottom: 4px solid black;
  1970. content: ""; }
  1971. .dropup .dropdown-menu,
  1972. .navbar-fixed-bottom .dropdown .dropdown-menu {
  1973. top: auto;
  1974. bottom: 100%;
  1975. margin-bottom: 1px; }
  1976.  
  1977. @media (min-width: 768px) {
  1978. .navbar-right .dropdown-menu {
  1979. right: 0;
  1980. left: auto; } }
  1981. .btn-default .caret {
  1982. border-top-color: #333333; }
  1983. .btn-primary .caret, .btn-success .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret {
  1984. border-top-color: #fff; }
  1985.  
  1986. .dropup .btn-default .caret {
  1987. border-bottom-color: #333333; }
  1988. .dropup .btn-primary .caret,
  1989. .dropup .btn-success .caret,
  1990. .dropup .btn-warning .caret,
  1991. .dropup .btn-danger .caret,
  1992. .dropup .btn-info .caret {
  1993. border-bottom-color: #fff; }
  1994.  
  1995. .btn-group,
  1996. .btn-group-vertical {
  1997. position: relative;
  1998. display: inline-block;
  1999. vertical-align: middle; }
  2000. .btn-group > .btn,
  2001. .btn-group-vertical > .btn {
  2002. position: relative;
  2003. float: left; }
  2004. .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
  2005. .btn-group-vertical > .btn:hover,
  2006. .btn-group-vertical > .btn:focus,
  2007. .btn-group-vertical > .btn:active,
  2008. .btn-group-vertical > .btn.active {
  2009. z-index: 2; }
  2010. .btn-group > .btn:focus,
  2011. .btn-group-vertical > .btn:focus {
  2012. outline: none; }
  2013.  
  2014. .btn-group .btn + .btn,
  2015. .btn-group .btn + .btn-group,
  2016. .btn-group .btn-group + .btn,
  2017. .btn-group .btn-group + .btn-group {
  2018. margin-left: -1px; }
  2019.  
  2020. .btn-toolbar:before, .btn-toolbar:after {
  2021. content: " ";
  2022. /* 1 */
  2023. display: table;
  2024. /* 2 */ }
  2025. .btn-toolbar:after {
  2026. clear: both; }
  2027. .btn-toolbar .btn-group {
  2028. float: left; }
  2029. .btn-toolbar > .btn + .btn,
  2030. .btn-toolbar > .btn + .btn-group,
  2031. .btn-toolbar > .btn-group + .btn,
  2032. .btn-toolbar > .btn-group + .btn-group {
  2033. margin-left: 5px; }
  2034.  
  2035. .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  2036. border-radius: 0; }
  2037.  
  2038. .btn-group > .btn:first-child {
  2039. margin-left: 0; }
  2040. .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  2041. border-bottom-right-radius: 0;
  2042. border-top-right-radius: 0; }
  2043.  
  2044. .btn-group > .btn:last-child:not(:first-child),
  2045. .btn-group > .dropdown-toggle:not(:first-child) {
  2046. border-bottom-left-radius: 0;
  2047. border-top-left-radius: 0; }
  2048.  
  2049. .btn-group > .btn-group {
  2050. float: left; }
  2051.  
  2052. .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  2053. border-radius: 0; }
  2054.  
  2055. .btn-group > .btn-group:first-child > .btn:last-child,
  2056. .btn-group > .btn-group:first-child > .dropdown-toggle {
  2057. border-bottom-right-radius: 0;
  2058. border-top-right-radius: 0; }
  2059.  
  2060. .btn-group > .btn-group:last-child > .btn:first-child {
  2061. border-bottom-left-radius: 0;
  2062. border-top-left-radius: 0; }
  2063.  
  2064. .btn-group .dropdown-toggle:active,
  2065. .btn-group.open .dropdown-toggle {
  2066. outline: 0; }
  2067.  
  2068. .btn-group > .btn + .dropdown-toggle {
  2069. padding-left: 8px;
  2070. padding-right: 8px; }
  2071.  
  2072. .btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  2073. padding-left: 12px;
  2074. padding-right: 12px; }
  2075.  
  2076. .btn-group.open .dropdown-toggle {
  2077. -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  2078. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  2079.  
  2080. .btn .caret {
  2081. margin-left: 0; }
  2082.  
  2083. .btn-lg .caret, .btn-group-lg > .btn .caret {
  2084. border-width: 5px 5px 0;
  2085. border-bottom-width: 0; }
  2086.  
  2087. .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  2088. border-width: 0 5px 5px; }
  2089.  
  2090. .btn-group-vertical > .btn,
  2091. .btn-group-vertical > .btn-group {
  2092. display: block;
  2093. float: none;
  2094. width: 100%;
  2095. max-width: 100%; }
  2096. .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  2097. content: " ";
  2098. /* 1 */
  2099. display: table;
  2100. /* 2 */ }
  2101. .btn-group-vertical > .btn-group:after {
  2102. clear: both; }
  2103. .btn-group-vertical > .btn-group > .btn {
  2104. float: none; }
  2105. .btn-group-vertical > .btn + .btn,
  2106. .btn-group-vertical > .btn + .btn-group,
  2107. .btn-group-vertical > .btn-group + .btn,
  2108. .btn-group-vertical > .btn-group + .btn-group {
  2109. margin-top: -1px;
  2110. margin-left: 0; }
  2111.  
  2112. .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  2113. border-radius: 0; }
  2114. .btn-group-vertical > .btn:first-child:not(:last-child) {
  2115. border-top-right-radius: 0px;
  2116. border-bottom-right-radius: 0;
  2117. border-bottom-left-radius: 0; }
  2118. .btn-group-vertical > .btn:last-child:not(:first-child) {
  2119. border-bottom-left-radius: 0px;
  2120. border-top-right-radius: 0;
  2121. border-top-left-radius: 0; }
  2122.  
  2123. .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  2124. border-radius: 0; }
  2125.  
  2126. .btn-group-vertical > .btn-group:first-child > .btn:last-child,
  2127. .btn-group-vertical > .btn-group:first-child > .dropdown-toggle {
  2128. border-bottom-right-radius: 0;
  2129. border-bottom-left-radius: 0; }
  2130.  
  2131. .btn-group-vertical > .btn-group:last-child > .btn:first-child {
  2132. border-top-right-radius: 0;
  2133. border-top-left-radius: 0; }
  2134.  
  2135. .btn-group-justified {
  2136. display: table;
  2137. width: 100%;
  2138. table-layout: fixed;
  2139. border-collapse: separate; }
  2140. .btn-group-justified .btn {
  2141. float: none;
  2142. display: table-cell;
  2143. width: 1%; }
  2144.  
  2145. [data-toggle="buttons"] > .btn > input[type="radio"],
  2146. [data-toggle="buttons"] > .btn > input[type="checkbox"] {
  2147. display: none; }
  2148.  
  2149. .input-group {
  2150. position: relative;
  2151. display: table;
  2152. border-collapse: separate; }
  2153. .input-group.col {
  2154. float: none;
  2155. padding-left: 0;
  2156. padding-right: 0; }
  2157. .input-group .form-control {
  2158. width: 100%;
  2159. margin-bottom: 0; }
  2160.  
  2161. .input-group-addon,
  2162. .input-group-btn,
  2163. .input-group .form-control {
  2164. display: table-cell; }
  2165. .input-group-addon:not(:first-child):not(:last-child),
  2166. .input-group-btn:not(:first-child):not(:last-child),
  2167. .input-group .form-control:not(:first-child):not(:last-child) {
  2168. border-radius: 0; }
  2169.  
  2170. .input-group-addon,
  2171. .input-group-btn {
  2172. width: 1%;
  2173. white-space: nowrap;
  2174. vertical-align: middle; }
  2175.  
  2176. .input-group-addon {
  2177. padding: 6px 12px;
  2178. font-size: 13px;
  2179. font-weight: normal;
  2180. line-height: 1;
  2181. text-align: center;
  2182. background-color: #eeeeee;
  2183. border: 1px solid #d6d4d4;
  2184. border-radius: 0px; }
  2185. .input-group-addon.input-sm,
  2186. .input-group-sm > .input-group-addon,
  2187. .input-group-sm > .input-group-btn > .input-group-addon.btn {
  2188. padding: 5px 10px;
  2189. font-size: 12px;
  2190. border-radius: 3px; }
  2191. .input-group-addon.input-lg,
  2192. .input-group-lg > .input-group-addon,
  2193. .input-group-lg > .input-group-btn > .input-group-addon.btn {
  2194. padding: 10px 16px;
  2195. font-size: 17px;
  2196. border-radius: 6px; }
  2197. .input-group-addon input[type="radio"],
  2198. .input-group-addon input[type="checkbox"] {
  2199. margin-top: 0; }
  2200.  
  2201. .input-group .form-control:first-child,
  2202. .input-group-addon:first-child,
  2203. .input-group-btn:first-child > .btn,
  2204. .input-group-btn:first-child > .dropdown-toggle,
  2205. .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  2206. border-bottom-right-radius: 0;
  2207. border-top-right-radius: 0; }
  2208.  
  2209. .input-group-addon:first-child {
  2210. border-right: 0; }
  2211.  
  2212. .input-group .form-control:last-child,
  2213. .input-group-addon:last-child,
  2214. .input-group-btn:last-child > .btn,
  2215. .input-group-btn:last-child > .dropdown-toggle,
  2216. .input-group-btn:first-child > .btn:not(:first-child) {
  2217. border-bottom-left-radius: 0;
  2218. border-top-left-radius: 0; }
  2219.  
  2220. .input-group-addon:last-child {
  2221. border-left: 0; }
  2222.  
  2223. .input-group-btn {
  2224. position: relative;
  2225. white-space: nowrap; }
  2226.  
  2227. .input-group-btn > .btn {
  2228. position: relative; }
  2229. .input-group-btn > .btn + .btn {
  2230. margin-left: -4px; }
  2231. .input-group-btn > .btn:hover, .input-group-btn > .btn:active {
  2232. z-index: 2; }
  2233.  
  2234. .nav {
  2235. margin-bottom: 0;
  2236. padding-left: 0;
  2237. list-style: none; }
  2238. .nav:before, .nav:after {
  2239. content: " ";
  2240. /* 1 */
  2241. display: table;
  2242. /* 2 */ }
  2243. .nav:after {
  2244. clear: both; }
  2245. .nav > li {
  2246. position: relative;
  2247. display: block; }
  2248. .nav > li > a {
  2249. position: relative;
  2250. display: block;
  2251. padding: 10px 15px; }
  2252. .nav > li > a:hover, .nav > li > a:focus {
  2253. text-decoration: none;
  2254. background-color: #eeeeee; }
  2255. .nav > li.disabled > a {
  2256. color: #999999; }
  2257. .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  2258. color: #999999;
  2259. text-decoration: none;
  2260. background-color: transparent;
  2261. cursor: not-allowed; }
  2262. .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  2263. background-color: #eeeeee;
  2264. border-color: #777777; }
  2265. .nav .nav-divider {
  2266. height: 1px;
  2267. margin: 8px 0;
  2268. overflow: hidden;
  2269. background-color: #e5e5e5; }
  2270. .nav > li > a > img {
  2271. max-width: none; }
  2272.  
  2273. .nav-tabs {
  2274. border-bottom: 1px solid #dddddd; }
  2275. .nav-tabs > li {
  2276. float: left;
  2277. margin-bottom: -1px; }
  2278. .nav-tabs > li > a {
  2279. margin-right: 2px;
  2280. line-height: 1.42857;
  2281. border: 1px solid transparent;
  2282. border-radius: 0px 0px 0 0; }
  2283. .nav-tabs > li > a:hover {
  2284. border-color: #eeeeee #eeeeee #dddddd; }
  2285. .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  2286. color: #555555;
  2287. background-color: white;
  2288. border: 1px solid #dddddd;
  2289. border-bottom-color: transparent;
  2290. cursor: default; }
  2291.  
  2292. .nav-pills > li {
  2293. float: left; }
  2294. .nav-pills > li > a {
  2295. border-radius: 5px; }
  2296. .nav-pills > li + li {
  2297. margin-left: 2px; }
  2298. .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  2299. color: white;
  2300. background-color: #428bca; }
  2301.  
  2302. .nav-stacked > li {
  2303. float: none; }
  2304. .nav-stacked > li + li {
  2305. margin-top: 2px;
  2306. margin-left: 0; }
  2307.  
  2308. .nav-justified, .nav-tabs.nav-justified {
  2309. width: 100%; }
  2310. .nav-justified > li, .nav-tabs.nav-justified > li {
  2311. float: none; }
  2312. .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  2313. text-align: center; }
  2314. @media (min-width: 768px) {
  2315. .nav-justified > li, .nav-tabs.nav-justified > li {
  2316. display: table-cell;
  2317. width: 1%; } }
  2318.  
  2319. .nav-tabs-justified, .nav-tabs.nav-justified {
  2320. border-bottom: 0; }
  2321. .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  2322. border-bottom: 1px solid #dddddd;
  2323. margin-right: 0; }
  2324. .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a {
  2325. border-bottom-color: white; }
  2326.  
  2327. .tabbable:before, .tabbable:after {
  2328. content: " ";
  2329. /* 1 */
  2330. display: table;
  2331. /* 2 */ }
  2332. .tabbable:after {
  2333. clear: both; }
  2334.  
  2335. .tab-content > .tab-pane,
  2336. .pill-content > .pill-pane {
  2337. display: none; }
  2338.  
  2339. .tab-content > .active,
  2340. .pill-content > .active {
  2341. display: block; }
  2342.  
  2343. .nav .caret {
  2344. border-top-color: #777777;
  2345. border-bottom-color: #777777; }
  2346.  
  2347. .nav a:hover .caret {
  2348. border-top-color: #515151;
  2349. border-bottom-color: #515151; }
  2350.  
  2351. .nav-tabs .dropdown-menu {
  2352. margin-top: -1px;
  2353. border-top-right-radius: 0;
  2354. border-top-left-radius: 0; }
  2355.  
  2356. .navbar {
  2357. position: relative;
  2358. z-index: 9;
  2359. min-height: 50px;
  2360. margin-bottom: 18px;
  2361. border: 1px solid transparent; }
  2362. .navbar:before, .navbar:after {
  2363. content: " ";
  2364. /* 1 */
  2365. display: table;
  2366. /* 2 */ }
  2367. .navbar:after {
  2368. clear: both; }
  2369. @media (min-width: 768px) {
  2370. .navbar {
  2371. border-radius: 0px; } }
  2372.  
  2373. .navbar-header:before, .navbar-header:after {
  2374. content: " ";
  2375. /* 1 */
  2376. display: table;
  2377. /* 2 */ }
  2378. .navbar-header:after {
  2379. clear: both; }
  2380. @media (min-width: 768px) {
  2381. .navbar-header {
  2382. float: left; } }
  2383.  
  2384. .navbar-collapse {
  2385. max-height: 340px;
  2386. overflow-x: visible;
  2387. padding-right: 15px;
  2388. padding-left: 15px;
  2389. border-top: 1px solid transparent;
  2390. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  2391. -webkit-overflow-scrolling: touch; }
  2392. .navbar-collapse:before, .navbar-collapse:after {
  2393. content: " ";
  2394. /* 1 */
  2395. display: table;
  2396. /* 2 */ }
  2397. .navbar-collapse:after {
  2398. clear: both; }
  2399. .navbar-collapse.in {
  2400. overflow-y: auto; }
  2401. @media (min-width: 768px) {
  2402. .navbar-collapse {
  2403. width: auto;
  2404. border-top: 0;
  2405. box-shadow: none; }
  2406. .navbar-collapse.collapse {
  2407. display: block !important;
  2408. height: auto !important;
  2409. padding-bottom: 0;
  2410. overflow: visible !important; }
  2411. .navbar-collapse.in {
  2412. overflow-y: visible; }
  2413. .navbar-collapse .navbar-nav.navbar-left:first-child {
  2414. margin-left: -15px; }
  2415. .navbar-collapse .navbar-nav.navbar-right:last-child {
  2416. margin-right: -15px; }
  2417. .navbar-collapse .navbar-text:last-child {
  2418. margin-right: 0; } }
  2419.  
  2420. .container > .navbar-header,
  2421. .container > .navbar-collapse {
  2422. margin-right: -15px;
  2423. margin-left: -15px; }
  2424. @media (min-width: 768px) {
  2425. .container > .navbar-header,
  2426. .container > .navbar-collapse {
  2427. margin-right: 0;
  2428. margin-left: 0; } }
  2429.  
  2430. .navbar-static-top {
  2431. border-width: 0 0 1px; }
  2432. @media (min-width: 768px) {
  2433. .navbar-static-top {
  2434. border-radius: 0; } }
  2435.  
  2436. .navbar-fixed-top,
  2437. .navbar-fixed-bottom {
  2438. position: fixed;
  2439. right: 0;
  2440. left: 0;
  2441. border-width: 0 0 1px; }
  2442. @media (min-width: 768px) {
  2443. .navbar-fixed-top,
  2444. .navbar-fixed-bottom {
  2445. border-radius: 0; } }
  2446.  
  2447. .navbar-fixed-top {
  2448. z-index: 1030;
  2449. top: 0; }
  2450.  
  2451. .navbar-fixed-bottom {
  2452. bottom: 0;
  2453. margin-bottom: 0; }
  2454.  
  2455. .navbar-brand {
  2456. float: left;
  2457. padding: 16px 15px;
  2458. font-size: 17px;
  2459. line-height: 18px; }
  2460. .navbar-brand:hover, .navbar-brand:focus {
  2461. text-decoration: none; }
  2462. @media (min-width: 768px) {
  2463. .navbar > .container .navbar-brand {
  2464. margin-left: -15px; } }
  2465.  
  2466. .navbar-toggle {
  2467. position: relative;
  2468. float: right;
  2469. margin-right: 15px;
  2470. padding: 9px 10px;
  2471. margin-top: 8px;
  2472. margin-bottom: 8px;
  2473. background-color: transparent;
  2474. border: 1px solid transparent;
  2475. border-radius: 0px; }
  2476. .navbar-toggle .icon-bar {
  2477. display: block;
  2478. width: 22px;
  2479. height: 2px;
  2480. border-radius: 1px; }
  2481. .navbar-toggle .icon-bar + .icon-bar {
  2482. margin-top: 4px; }
  2483. @media (min-width: 768px) {
  2484. .navbar-toggle {
  2485. display: none; } }
  2486.  
  2487. .navbar-nav {
  2488. margin: 8px -15px; }
  2489. .navbar-nav > li > a {
  2490. padding-top: 10px;
  2491. padding-bottom: 10px;
  2492. line-height: 18px; }
  2493. @media (max-width: 767px) {
  2494. .navbar-nav .open .dropdown-menu {
  2495. position: static;
  2496. float: none;
  2497. width: auto;
  2498. margin-top: 0;
  2499. background-color: transparent;
  2500. border: 0;
  2501. box-shadow: none; }
  2502. .navbar-nav .open .dropdown-menu > li > a,
  2503. .navbar-nav .open .dropdown-menu .dropdown-header {
  2504. padding: 5px 15px 5px 25px; }
  2505. .navbar-nav .open .dropdown-menu > li > a {
  2506. line-height: 18px; }
  2507. .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
  2508. background-image: none; } }
  2509. @media (min-width: 768px) {
  2510. .navbar-nav {
  2511. float: left;
  2512. margin: 0; }
  2513. .navbar-nav > li {
  2514. float: left; }
  2515. .navbar-nav > li > a {
  2516. padding-top: 16px;
  2517. padding-bottom: 16px; } }
  2518.  
  2519. @media (min-width: 768px) {
  2520. .navbar-left {
  2521. float: left !important; }
  2522.  
  2523. .navbar-right {
  2524. float: right !important; } }
  2525. .navbar-form {
  2526. margin-left: -15px;
  2527. margin-right: -15px;
  2528. padding: 10px 15px;
  2529. border-top: 1px solid transparent;
  2530. border-bottom: 1px solid transparent;
  2531. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  2532. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  2533. margin-top: 9px;
  2534. margin-bottom: 9px; }
  2535. @media (max-width: 767px) {
  2536. .navbar-form .form-group {
  2537. margin-bottom: 5px; } }
  2538. @media (min-width: 768px) {
  2539. .navbar-form {
  2540. width: auto;
  2541. border: 0;
  2542. margin-left: 0;
  2543. margin-right: 0;
  2544. padding-top: 0;
  2545. padding-bottom: 0;
  2546. -webkit-box-shadow: none;
  2547. box-shadow: none; } }
  2548.  
  2549. .navbar-nav > li > .dropdown-menu {
  2550. margin-top: 0;
  2551. border-top-right-radius: 0;
  2552. border-top-left-radius: 0; }
  2553.  
  2554. .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  2555. border-bottom-right-radius: 0;
  2556. border-bottom-left-radius: 0; }
  2557.  
  2558. .navbar-nav.pull-right > li > .dropdown-menu,
  2559. .navbar-nav > li > .dropdown-menu.pull-right {
  2560. left: auto;
  2561. right: 0; }
  2562.  
  2563. .navbar-btn {
  2564. margin-top: 9px;
  2565. margin-bottom: 9px; }
  2566.  
  2567. .navbar-text {
  2568. float: left;
  2569. margin-top: 16px;
  2570. margin-bottom: 16px; }
  2571. @media (min-width: 768px) {
  2572. .navbar-text {
  2573. margin-left: 15px;
  2574. margin-right: 15px; } }
  2575.  
  2576. .navbar-default {
  2577. background-color: #f8f8f8;
  2578. border-color: #e7e7e7; }
  2579. .navbar-default .navbar-brand {
  2580. color: #777777; }
  2581. .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  2582. color: #5e5e5e;
  2583. background-color: transparent; }
  2584. .navbar-default .navbar-text {
  2585. color: #777777; }
  2586. .navbar-default .navbar-nav > li > a {
  2587. color: #777777; }
  2588. .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  2589. color: #333333;
  2590. background-color: transparent; }
  2591. .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  2592. color: #555555;
  2593. background-color: #e7e7e7; }
  2594. .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
  2595. color: #cccccc;
  2596. background-color: transparent; }
  2597. .navbar-default .navbar-toggle {
  2598. border-color: #dddddd; }
  2599. .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  2600. background-color: #dddddd; }
  2601. .navbar-default .navbar-toggle .icon-bar {
  2602. background-color: #cccccc; }
  2603. .navbar-default .navbar-collapse,
  2604. .navbar-default .navbar-form {
  2605. border-color: #e6e6e6; }
  2606. .navbar-default .navbar-nav > .dropdown > a:hover .caret,
  2607. .navbar-default .navbar-nav > .dropdown > a:focus .caret {
  2608. border-top-color: #333333;
  2609. border-bottom-color: #333333; }
  2610. .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  2611. background-color: #e7e7e7;
  2612. color: #555555; }
  2613. .navbar-default .navbar-nav > .open > a .caret, .navbar-default .navbar-nav > .open > a:hover .caret, .navbar-default .navbar-nav > .open > a:focus .caret {
  2614. border-top-color: #555555;
  2615. border-bottom-color: #555555; }
  2616. .navbar-default .navbar-nav > .dropdown > a .caret {
  2617. border-top-color: #777777;
  2618. border-bottom-color: #777777; }
  2619. @media (max-width: 767px) {
  2620. .navbar-default .navbar-nav .open .dropdown-menu > li > a {
  2621. color: #777777; }
  2622. .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  2623. color: #333333;
  2624. background-color: transparent; }
  2625. .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  2626. color: #555555;
  2627. background-color: #e7e7e7; }
  2628. .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  2629. color: #cccccc;
  2630. background-color: transparent; } }
  2631. .navbar-default .navbar-link {
  2632. color: #777777; }
  2633. .navbar-default .navbar-link:hover {
  2634. color: #333333; }
  2635.  
  2636. .navbar-inverse {
  2637. background-color: #222222;
  2638. border-color: #090909; }
  2639. .navbar-inverse .navbar-brand {
  2640. color: #999999; }
  2641. .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  2642. color: white;
  2643. background-color: transparent; }
  2644. .navbar-inverse .navbar-text {
  2645. color: #999999; }
  2646. .navbar-inverse .navbar-nav > li > a {
  2647. color: #999999; }
  2648. .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  2649. color: white;
  2650. background-color: transparent; }
  2651. .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  2652. color: white;
  2653. background-color: #090909; }
  2654. .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
  2655. color: #444444;
  2656. background-color: transparent; }
  2657. .navbar-inverse .navbar-toggle {
  2658. border-color: #333333; }
  2659. .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  2660. background-color: #333333; }
  2661. .navbar-inverse .navbar-toggle .icon-bar {
  2662. background-color: white; }
  2663. .navbar-inverse .navbar-collapse,
  2664. .navbar-inverse .navbar-form {
  2665. border-color: #101010; }
  2666. .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  2667. background-color: #090909;
  2668. color: white; }
  2669. .navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
  2670. border-top-color: white;
  2671. border-bottom-color: white; }
  2672. .navbar-inverse .navbar-nav > .dropdown > a .caret {
  2673. border-top-color: #999999;
  2674. border-bottom-color: #999999; }
  2675. .navbar-inverse .navbar-nav > .open > a .caret, .navbar-inverse .navbar-nav > .open > a:hover .caret, .navbar-inverse .navbar-nav > .open > a:focus .caret {
  2676. border-top-color: white;
  2677. border-bottom-color: white; }
  2678. @media (max-width: 767px) {
  2679. .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
  2680. border-color: #090909; }
  2681. .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
  2682. color: #999999; }
  2683. .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
  2684. color: white;
  2685. background-color: transparent; }
  2686. .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
  2687. color: white;
  2688. background-color: #090909; }
  2689. .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  2690. color: #444444;
  2691. background-color: transparent; } }
  2692. .navbar-inverse .navbar-link {
  2693. color: #999999; }
  2694. .navbar-inverse .navbar-link:hover {
  2695. color: white; }
  2696. .breadcrumb {
  2697. list-style: none;
  2698. border-radius: 0px; }
  2699. .breadcrumb > li {
  2700. display: inline-block; vertical-align: top; }
  2701. /* .breadcrumb > li + li:before {
  2702. content: "/\00a0";
  2703. padding: 0 5px;
  2704. color: #333333; } */
  2705. .breadcrumb > .active {
  2706. color: #333333; }
  2707.  
  2708. .pagination {
  2709. display: inline-block;
  2710. padding-left: 0;
  2711. border-radius: 0px;
  2712. float: right;}
  2713. .pagination > li {
  2714. display: inline; }
  2715.  
  2716. .pagination > li:first-child > a,
  2717. .pagination > li:first-child > span {
  2718. margin-left: 0;
  2719. border-bottom-left-radius: 0px;
  2720. border-top-left-radius: 0px; }
  2721. .pagination > li:last-child > a,
  2722. .pagination > li:last-child > span {
  2723. border-bottom-right-radius: 0px;
  2724. border-top-right-radius: 0px; }
  2725. .pagination > li > a:hover, .pagination > li > a:focus,
  2726. .pagination > li > span:hover,
  2727. .pagination > li > span:focus {
  2728. background-color: #f6f6f6; }
  2729. .pagination > .disabled > span,
  2730. .pagination > .disabled > a,
  2731. .pagination > .disabled > a:hover,
  2732. .pagination > .disabled > a:focus {
  2733. color: #999999;
  2734. background-color: white;
  2735. border-color: #dddddd;
  2736. cursor: not-allowed; }
  2737.  
  2738. .pagination-lg > li > a,
  2739. .pagination-lg > li > span {
  2740. padding: 10px 16px;
  2741. font-size: 17px; }
  2742. .pagination-lg > li:first-child > a,
  2743. .pagination-lg > li:first-child > span {
  2744. border-bottom-left-radius: 6px;
  2745. border-top-left-radius: 6px; }
  2746. .pagination-lg > li:last-child > a,
  2747. .pagination-lg > li:last-child > span {
  2748. border-bottom-right-radius: 6px;
  2749. border-top-right-radius: 6px; }
  2750.  
  2751. .pagination-sm > li > a,
  2752. .pagination-sm > li > span {
  2753. padding: 5px 10px;
  2754. font-size: 12px; }
  2755. .pagination-sm > li:first-child > a,
  2756. .pagination-sm > li:first-child > span {
  2757. border-bottom-left-radius: 3px;
  2758. border-top-left-radius: 3px; }
  2759. .pagination-sm > li:last-child > a,
  2760. .pagination-sm > li:last-child > span {
  2761. border-bottom-right-radius: 3px;
  2762. border-top-right-radius: 3px; }
  2763.  
  2764. .pager {
  2765. padding-left: 0;
  2766. margin: 18px 0;
  2767. list-style: none;
  2768. text-align: center; }
  2769. .pager:before, .pager:after {
  2770. content: " ";
  2771. /* 1 */
  2772. display: table;
  2773. /* 2 */ }
  2774. .pager:after {
  2775. clear: both; }
  2776. .pager li {
  2777. display: inline; }
  2778. .pager li > a,
  2779. .pager li > span {
  2780. display: inline-block;
  2781. padding: 5px 14px;
  2782. background-color: white;
  2783. border: 1px solid #dddddd;
  2784. border-radius: 15px; }
  2785. .pager li > a:hover,
  2786. .pager li > a:focus {
  2787. text-decoration: none;
  2788. background-color: #f6f6f6; }
  2789. .pager .next > a,
  2790. .pager .next > span {
  2791. float: right; }
  2792. .pager .previous > a,
  2793. .pager .previous > span {
  2794. float: left; }
  2795. .pager .disabled > a,
  2796. .pager .disabled > a:hover,
  2797. .pager .disabled > a:focus,
  2798. .pager .disabled > span {
  2799. color: #999999;
  2800. background-color: white;
  2801. cursor: not-allowed; }
  2802.  
  2803. .label {
  2804. display: inline;
  2805. padding: .2em .6em .3em;
  2806. font-size: 100%;
  2807. font-weight: bold;
  2808. line-height: 1;
  2809. color: white;
  2810. text-align: center;
  2811. white-space: nowrap;
  2812. vertical-align: baseline;
  2813. border-radius: 0; }
  2814. .label[href]:hover, .label[href]:focus {
  2815. color: white;
  2816. text-decoration: none;
  2817. cursor: pointer; }
  2818. .label:empty {
  2819. display: none; }
  2820.  
  2821. .label-default {
  2822. background-color: #999999; }
  2823. .label-default[href]:hover, .label-default[href]:focus {
  2824. background-color: gray; }
  2825.  
  2826. .label-primary {
  2827. background-color: #428bca; }
  2828. .label-primary[href]:hover, .label-primary[href]:focus {
  2829. background-color: #3071a9; }
  2830.  
  2831. .label-success {
  2832. background-color: #55c65e;
  2833. text-shadow:none;
  2834. }
  2835. .label-success[href]:hover, .label-success[href]:focus {
  2836. background-color: #3aae43; }
  2837.  
  2838. .label-info {
  2839. background-color: #5192f3;
  2840. border: 1px solid #4b80c3; }
  2841. .label-info[href]:hover, .label-info[href]:focus {
  2842. background-color: #2174f0; }
  2843.  
  2844. .label-warning {
  2845. background-color: #fe9126;
  2846. border: 1px solid #e4752b; }
  2847. .label-warning[href]:hover, .label-warning[href]:focus {
  2848. background-color: #f07701; }
  2849.  
  2850. .label-danger {
  2851. background-color: #f3515c;
  2852. border: 1px solid #d4323d; }
  2853. .label-danger[href]:hover, .label-danger[href]:focus {
  2854. background-color: #f0212f; }
  2855.  
  2856. .badge {
  2857. display: inline-block;
  2858. min-width: 10px;
  2859. padding: 3px 7px;
  2860. font-size: 12px;
  2861. font-weight: bold;
  2862. color: white;
  2863. line-height: 1;
  2864. vertical-align: baseline;
  2865. white-space: nowrap;
  2866. text-align: center;
  2867. background-color: #999999;
  2868. border-radius: 10px; }
  2869. .badge:empty {
  2870. display: none; }
  2871.  
  2872. a.badge:hover, a.badge:focus {
  2873. color: white;
  2874. text-decoration: none;
  2875. cursor: pointer; }
  2876.  
  2877. .btn .badge {
  2878. position: relative;
  2879. top: -1px; }
  2880.  
  2881. a.list-group-item.active > .badge,
  2882. .nav-pills > .active > a > .badge {
  2883. color: #777777;
  2884. background-color: white; }
  2885.  
  2886. .nav-pills > li > a > .badge {
  2887. margin-left: 3px; }
  2888.  
  2889. .thumbnail {
  2890. display: block; }
  2891. .thumbnail > img {
  2892. display: block;
  2893. max-width: 100%;
  2894. height: auto; }
  2895.  
  2896. a.thumbnail:hover,
  2897. a.thumbnail:focus {
  2898. border-color: #777777; }
  2899.  
  2900. .thumbnail > img {
  2901. margin-left: auto;
  2902. margin-right: auto; }
  2903.  
  2904. .thumbnail .caption {
  2905. padding: 9px;
  2906. color: #777777; }
  2907.  
  2908. .alert {
  2909. padding: 15px;
  2910. margin-bottom: 18px;
  2911. border: 1px solid transparent;
  2912. border-radius: 0px; }
  2913. .alert h4 {
  2914. margin-top: 0;
  2915. color: inherit; }
  2916. .alert .alert-link {
  2917. font-weight: bold; }
  2918. .alert > p,
  2919. .alert > ul {
  2920. margin-bottom: 0; }
  2921. .alert > p + p {
  2922. margin-top: 5px; }
  2923.  
  2924. .alert-dismissable {
  2925. padding-right: 35px; }
  2926. .alert-dismissable .close {
  2927. position: relative;
  2928. top: -2px;
  2929. right: -21px;
  2930. color: inherit; }
  2931.  
  2932. .alert-success {
  2933. background-color: #55c65e;
  2934. border-color: #48b151;
  2935. color: white; }
  2936. .alert-success hr {
  2937. border-top-color: #419f49; }
  2938. .alert-success .alert-link {
  2939. color: #e6e6e6; }
  2940.  
  2941. .alert-info {
  2942. background-color: #5192f3;
  2943. border-color: #4b80c3;
  2944. color: white; }
  2945. .alert-info hr {
  2946. border-top-color: #3d73b7; }
  2947. .alert-info .alert-link {
  2948. color: #e6e6e6; }
  2949.  
  2950. .alert-warning {
  2951. background-color: #65c178;
  2952. border-color: #65c178;color: white;
  2953. text-shadow:none;
  2954. }
  2955. .alert-warning hr {
  2956. border-top-color: #da681c; }
  2957. .alert-warning .alert-link {
  2958. color: #e6e6e6; }
  2959.  
  2960. .alert-danger {
  2961. background-color: #f3515c;
  2962. border-color: #d4323d;
  2963. color: white; }
  2964. .alert-danger hr {
  2965. border-top-color: #c32933; }
  2966. .alert-danger .alert-link {
  2967. color: #e6e6e6; }
  2968.  
  2969. @-webkit-keyframes progress-bar-stripes {
  2970. from {
  2971. background-position: 40px 0; }
  2972.  
  2973. to {
  2974. background-position: 0 0; } }
  2975.  
  2976. @-moz-keyframes progress-bar-stripes {
  2977. from {
  2978. background-position: 40px 0; }
  2979.  
  2980. to {
  2981. background-position: 0 0; } }
  2982.  
  2983. @-o-keyframes progress-bar-stripes {
  2984. from {
  2985. background-position: 0 0; }
  2986.  
  2987. to {
  2988. background-position: 40px 0; } }
  2989.  
  2990. @keyframes progress-bar-stripes {
  2991. from {
  2992. background-position: 40px 0; }
  2993.  
  2994. to {
  2995. background-position: 0 0; } }
  2996.  
  2997. .progress {
  2998. overflow: hidden;
  2999. height: 18px;
  3000. margin-bottom: 18px;
  3001. background-color: whitesmoke;
  3002. border-radius: 0px;
  3003. -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  3004. box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
  3005.  
  3006. .progress-bar {
  3007. float: left;
  3008. width: 0%;
  3009. height: 100%;
  3010. font-size: 12px;
  3011. color: white;
  3012. text-align: center;
  3013. background-color: #428bca;
  3014. -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  3015. box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  3016. -webkit-transition: width 0.6s ease;
  3017. transition: width 0.6s ease; }
  3018.  
  3019. .progress-striped .progress-bar {
  3020. background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  3021. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  3022. background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  3023. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  3024. background-size: 40px 40px; }
  3025.  
  3026. .progress.active .progress-bar {
  3027. -webkit-animation: progress-bar-stripes 2s linear infinite;
  3028. -moz-animation: progress-bar-stripes 2s linear infinite;
  3029. -ms-animation: progress-bar-stripes 2s linear infinite;
  3030. -o-animation: progress-bar-stripes 2s linear infinite;
  3031. animation: progress-bar-stripes 2s linear infinite; }
  3032.  
  3033. .progress-bar-success {
  3034. background-color: #46a74e; }
  3035. .progress-striped .progress-bar-success {
  3036. background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  3037. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  3038. background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  3039. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
  3040.  
  3041. .progress-bar-info {
  3042. background-color: #5192f3; }
  3043. .progress-striped .progress-bar-info {
  3044. background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  3045. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  3046. background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  3047. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
  3048.  
  3049. .progress-bar-warning {
  3050. background-color: #f0ad4e; }
  3051. .progress-striped .progress-bar-warning {
  3052. background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  3053. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  3054. background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  3055. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
  3056.  
  3057. .progress-bar-danger {
  3058. background-color: #d9534f; }
  3059. .progress-striped .progress-bar-danger {
  3060. background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  3061. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  3062. background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  3063. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
  3064.  
  3065. .media,
  3066. .media-body {
  3067. overflow: hidden;
  3068. zoom: 1; }
  3069.  
  3070. .media,
  3071. .media .media {
  3072. margin-top: 15px; }
  3073.  
  3074. .media:first-child {
  3075. margin-top: 0; }
  3076.  
  3077. .media-object {
  3078. display: block; }
  3079.  
  3080. .media-heading {
  3081. margin: 0 0 5px; }
  3082.  
  3083. .media > .pull-left {
  3084. margin-right: 10px; }
  3085. .media > .pull-right {
  3086. margin-left: 10px; }
  3087.  
  3088. .media-list {
  3089. padding-left: 0;
  3090. list-style: none; }
  3091.  
  3092. .list-group {
  3093. margin-bottom: 20px;
  3094. padding-left: 0; }
  3095.  
  3096. .list-group-item {
  3097. position: relative;
  3098. display: block;
  3099. padding: 10px 15px;
  3100. margin-bottom: -1px;
  3101. background-color: white;
  3102. border: 1px solid #dddddd; }
  3103. .list-group-item:first-child {
  3104. border-top-right-radius: 0px;
  3105. border-top-left-radius: 0px; }
  3106. .list-group-item:last-child {
  3107. margin-bottom: 0;
  3108. border-bottom-right-radius: 0px;
  3109. border-bottom-left-radius: 0px; }
  3110. .list-group-item > .badge {
  3111. float: right; }
  3112. .list-group-item > .badge + .badge {
  3113. margin-right: 5px; }
  3114. .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  3115. z-index: 2;
  3116. color: white;
  3117. background-color: #428bca;
  3118. border-color: #428bca; }
  3119. .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading {
  3120. color: inherit; }
  3121. .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
  3122. color: #e1edf7; }
  3123.  
  3124. a.list-group-item {
  3125. color: #555555; }
  3126. a.list-group-item .list-group-item-heading {
  3127. color: #333333; }
  3128. a.list-group-item:hover, a.list-group-item:focus {
  3129. text-decoration: none;
  3130. background-color: whitesmoke; }
  3131.  
  3132. .list-group-item-heading {
  3133. margin-top: 0;
  3134. margin-bottom: 5px; }
  3135.  
  3136. .list-group-item-text {
  3137. margin-bottom: 0;
  3138. line-height: 1.3; }
  3139.  
  3140. .panel {
  3141. margin-bottom: 18px;
  3142. background-color: white;
  3143. border: 1px solid transparent;
  3144. border-radius: 0px;
  3145. -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  3146. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
  3147.  
  3148. .panel-body {
  3149. padding: 15px; }
  3150. .panel-body:before, .panel-body:after {
  3151. content: " ";
  3152. /* 1 */
  3153. display: table;
  3154. /* 2 */ }
  3155. .panel-body:after {
  3156. clear: both; }
  3157.  
  3158. .panel > .list-group {
  3159. margin-bottom: 0; }
  3160. .panel > .list-group .list-group-item {
  3161. border-width: 1px 0; }
  3162. .panel > .list-group .list-group-item:first-child {
  3163. border-top-right-radius: 0;
  3164. border-top-left-radius: 0; }
  3165. .panel > .list-group .list-group-item:last-child {
  3166. border-bottom: 0; }
  3167.  
  3168. .panel-heading + .list-group .list-group-item:first-child {
  3169. border-top-width: 0; }
  3170.  
  3171. .panel > .table {
  3172. margin-bottom: 0; }
  3173. .panel > .panel-body + .table {
  3174. border-top: 1px solid #d6d4d4; }
  3175.  
  3176. .panel-heading {
  3177. padding: 10px 15px;
  3178. border-bottom: 1px solid transparent;
  3179. border-top-right-radius: -1px;
  3180. border-top-left-radius: -1px; }
  3181.  
  3182. .panel-title {
  3183. margin-top: 0;
  3184. margin-bottom: 0;
  3185. font-size: 15px; }
  3186. .panel-title > a {
  3187. color: inherit; }
  3188.  
  3189. .panel-footer {
  3190. padding: 10px 15px;
  3191. background-color: whitesmoke;
  3192. border-top: 1px solid #dddddd;
  3193. border-bottom-right-radius: -1px;
  3194. border-bottom-left-radius: -1px; }
  3195.  
  3196. .panel-group .panel {
  3197. margin-bottom: 0;
  3198. border-radius: 0px;
  3199. overflow: hidden; }
  3200. .panel-group .panel + .panel {
  3201. margin-top: 5px; }
  3202. .panel-group .panel-heading {
  3203. border-bottom: 0; }
  3204. .panel-group .panel-heading + .panel-collapse .panel-body {
  3205. border-top: 1px solid #dddddd; }
  3206. .panel-group .panel-footer {
  3207. border-top: 0; }
  3208. .panel-group .panel-footer + .panel-collapse .panel-body {
  3209. border-bottom: 1px solid #dddddd; }
  3210.  
  3211. .panel-default {
  3212. border-color: #dddddd; }
  3213. .panel-default > .panel-heading {
  3214. color: #333333;
  3215. background-color: whitesmoke;
  3216. border-color: #dddddd; }
  3217. .panel-default > .panel-heading + .panel-collapse .panel-body {
  3218. border-top-color: #dddddd; }
  3219. .panel-default > .panel-footer + .panel-collapse .panel-body {
  3220. border-bottom-color: #dddddd; }
  3221.  
  3222. .panel-primary {
  3223. border-color: #428bca; }
  3224. .panel-primary > .panel-heading {
  3225. color: white;
  3226. background-color: #428bca;
  3227. border-color: #428bca; }
  3228. .panel-primary > .panel-heading + .panel-collapse .panel-body {
  3229. border-top-color: #428bca; }
  3230. .panel-primary > .panel-footer + .panel-collapse .panel-body {
  3231. border-bottom-color: #428bca; }
  3232.  
  3233. .panel-success {
  3234. border-color: #48b151; }
  3235. .panel-success > .panel-heading {
  3236. color: white;
  3237. background-color: #55c65e;
  3238. border-color: #48b151; }
  3239. .panel-success > .panel-heading + .panel-collapse .panel-body {
  3240. border-top-color: #48b151; }
  3241. .panel-success > .panel-footer + .panel-collapse .panel-body {
  3242. border-bottom-color: #48b151; }
  3243.  
  3244. .panel-warning {
  3245. border-color: #e4752b; }
  3246. .panel-warning > .panel-heading {
  3247. color: white;
  3248. background-color: #fe9126;
  3249. border-color: #e4752b; }
  3250. .panel-warning > .panel-heading + .panel-collapse .panel-body {
  3251. border-top-color: #e4752b; }
  3252. .panel-warning > .panel-footer + .panel-collapse .panel-body {
  3253. border-bottom-color: #e4752b; }
  3254.  
  3255. .panel-danger {
  3256. border-color: #d4323d; }
  3257. .panel-danger > .panel-heading {
  3258. color: white;
  3259. background-color: #f3515c;
  3260. border-color: #d4323d; }
  3261. .panel-danger > .panel-heading + .panel-collapse .panel-body {
  3262. border-top-color: #d4323d; }
  3263. .panel-danger > .panel-footer + .panel-collapse .panel-body {
  3264. border-bottom-color: #d4323d; }
  3265.  
  3266. .panel-info {
  3267. border-color: #4b80c3; }
  3268. .panel-info > .panel-heading {
  3269. color: white;
  3270. background-color: #5192f3;
  3271. border-color: #4b80c3; }
  3272. .panel-info > .panel-heading + .panel-collapse .panel-body {
  3273. border-top-color: #4b80c3; }
  3274. .panel-info > .panel-footer + .panel-collapse .panel-body {
  3275. border-bottom-color: #4b80c3; }
  3276.  
  3277. .well {
  3278. min-height: 20px;
  3279. padding: 19px;
  3280. margin-bottom: 20px;
  3281. background-color: whitesmoke;
  3282. border: 1px solid #e3e3e3;
  3283. border-radius: 0px;
  3284. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  3285. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
  3286. .well blockquote {
  3287. border-color: #ddd;
  3288. border-color: rgba(0, 0, 0, 0.15); }
  3289.  
  3290. .well-lg {
  3291. padding: 24px;
  3292. border-radius: 6px; }
  3293.  
  3294. .well-sm {
  3295. padding: 9px;
  3296. border-radius: 3px; }
  3297.  
  3298. .close {
  3299. float: right;
  3300. font-size: 19.5px;
  3301. font-weight: bold;
  3302. line-height: 1;
  3303. color: black;
  3304. text-shadow: 0 1px 0 white;
  3305. opacity: 0.2;
  3306. filter: alpha(opacity=20); }
  3307. .close:hover, .close:focus {
  3308. color: black;
  3309. text-decoration: none;
  3310. cursor: pointer;
  3311. opacity: 0.5;
  3312. filter: alpha(opacity=50); }
  3313.  
  3314. button.close {
  3315. padding: 0;
  3316. cursor: pointer;
  3317. background: transparent;
  3318. border: 0;
  3319. -webkit-appearance: none; }
  3320.  
  3321. .clearfix:before, .clearfix:after {
  3322. content: " ";
  3323. /* 1 */
  3324. display: table;
  3325. /* 2 */ }
  3326. .clearfix:after {
  3327. clear: both; }
  3328.  
  3329. .pull-right {
  3330. float: right !important; }
  3331.  
  3332. .pull-left {
  3333. float: left !important; }
  3334.  
  3335. .hide {
  3336. display: none !important; }
  3337.  
  3338. .show {
  3339. display: block !important; }
  3340.  
  3341. .invisible {
  3342. visibility: hidden; }
  3343.  
  3344. .text-hide {
  3345. font: 0/0 a;
  3346. color: transparent;
  3347. text-shadow: none;
  3348. background-color: transparent;
  3349. border: 0; }
  3350.  
  3351. .affix {
  3352. position: fixed; }
  3353. /*
  3354. @-ms-viewport {
  3355. width: device-width; }
  3356.  
  3357. @media screen and (max-width: 400px) {
  3358. @-ms-viewport {
  3359. width: 320px;
  3360. }
  3361. }*/
  3362. .hidden {
  3363. display: none !important;
  3364. visibility: hidden !important; }
  3365.  
  3366. .visible-xs {
  3367. display: none !important; }
  3368.  
  3369. tr.visible-xs {
  3370. display: none !important; }
  3371.  
  3372. th.visible-xs,
  3373. td.visible-xs {
  3374. display: none !important; }
  3375.  
  3376. @media (max-width: 767px) {
  3377. .visible-xs {
  3378. display: block !important; }
  3379.  
  3380. tr.visible-xs {
  3381. display: table-row !important; }
  3382.  
  3383. th.visible-xs,
  3384. td.visible-xs {
  3385. display: table-cell !important; } }
  3386. @media (min-width: 768px) and (max-width: 991px) {
  3387. .visible-xs.visible-sm {
  3388. display: block !important; }
  3389.  
  3390. tr.visible-xs.visible-sm {
  3391. display: table-row !important; }
  3392.  
  3393. th.visible-xs.visible-sm,
  3394. td.visible-xs.visible-sm {
  3395. display: table-cell !important; } }
  3396. @media (min-width: 992px) and (max-width: 1199px) {
  3397. .visible-xs.visible-md {
  3398. display: block !important; }
  3399.  
  3400. tr.visible-xs.visible-md {
  3401. display: table-row !important; }
  3402.  
  3403. th.visible-xs.visible-md,
  3404. td.visible-xs.visible-md {
  3405. display: table-cell !important; } }
  3406. @media (min-width: 1200px) {
  3407. .visible-xs.visible-lg {
  3408. display: block !important; }
  3409.  
  3410. tr.visible-xs.visible-lg {
  3411. display: table-row !important; }
  3412.  
  3413. th.visible-xs.visible-lg,
  3414. td.visible-xs.visible-lg {
  3415. display: table-cell !important; } }
  3416. .visible-sm {
  3417. display: none !important; }
  3418.  
  3419. tr.visible-sm {
  3420. display: none !important; }
  3421.  
  3422. th.visible-sm,
  3423. td.visible-sm {
  3424. display: none !important; }
  3425.  
  3426. @media (max-width: 767px) {
  3427. .visible-sm.visible-xs {
  3428. display: block !important; }
  3429.  
  3430. tr.visible-sm.visible-xs {
  3431. display: table-row !important; }
  3432.  
  3433. th.visible-sm.visible-xs,
  3434. td.visible-sm.visible-xs {
  3435. display: table-cell !important; } }
  3436. @media (min-width: 768px) and (max-width: 991px) {
  3437. .visible-sm {
  3438. display: block !important; }
  3439.  
  3440. tr.visible-sm {
  3441. display: table-row !important; }
  3442.  
  3443. th.visible-sm,
  3444. td.visible-sm {
  3445. display: table-cell !important; } }
  3446. @media (min-width: 992px) and (max-width: 1199px) {
  3447. .visible-sm.visible-md {
  3448. display: block !important; }
  3449.  
  3450. tr.visible-sm.visible-md {
  3451. display: table-row !important; }
  3452.  
  3453. th.visible-sm.visible-md,
  3454. td.visible-sm.visible-md {
  3455. display: table-cell !important; } }
  3456. @media (min-width: 1200px) {
  3457. .visible-sm.visible-lg {
  3458. display: block !important; }
  3459.  
  3460. tr.visible-sm.visible-lg {
  3461. display: table-row !important; }
  3462.  
  3463. th.visible-sm.visible-lg,
  3464. td.visible-sm.visible-lg {
  3465. display: table-cell !important; } }
  3466. .visible-md {
  3467. display: none !important; }
  3468.  
  3469. tr.visible-md {
  3470. display: none !important; }
  3471.  
  3472. th.visible-md,
  3473. td.visible-md {
  3474. display: none !important; }
  3475.  
  3476. @media (max-width: 767px) {
  3477. .visible-md.visible-xs {
  3478. display: block !important; }
  3479.  
  3480. tr.visible-md.visible-xs {
  3481. display: table-row !important; }
  3482.  
  3483. th.visible-md.visible-xs,
  3484. td.visible-md.visible-xs {
  3485. display: table-cell !important; } }
  3486. @media (min-width: 768px) and (max-width: 991px) {
  3487. .visible-md.visible-sm {
  3488. display: block !important; }
  3489.  
  3490. tr.visible-md.visible-sm {
  3491. display: table-row !important; }
  3492.  
  3493. th.visible-md.visible-sm,
  3494. td.visible-md.visible-sm {
  3495. display: table-cell !important; } }
  3496. @media (min-width: 992px) and (max-width: 1199px) {
  3497. .visible-md {
  3498. display: block !important; }
  3499.  
  3500. tr.visible-md {
  3501. display: table-row !important; }
  3502.  
  3503. th.visible-md,
  3504. td.visible-md {
  3505. display: table-cell !important; } }
  3506. @media (min-width: 1200px) {
  3507. .visible-md.visible-lg {
  3508. display: block !important; }
  3509.  
  3510. tr.visible-md.visible-lg {
  3511. display: table-row !important; }
  3512.  
  3513. th.visible-md.visible-lg,
  3514. td.visible-md.visible-lg {
  3515. display: table-cell !important; } }
  3516. .visible-lg {
  3517. display: none !important; }
  3518.  
  3519. tr.visible-lg {
  3520. display: none !important; }
  3521.  
  3522. th.visible-lg,
  3523. td.visible-lg {
  3524. display: none !important; }
  3525.  
  3526. @media (max-width: 767px) {
  3527. .visible-lg.visible-xs {
  3528. display: block !important; }
  3529.  
  3530. tr.visible-lg.visible-xs {
  3531. display: table-row !important; }
  3532.  
  3533. th.visible-lg.visible-xs,
  3534. td.visible-lg.visible-xs {
  3535. display: table-cell !important; } }
  3536. @media (min-width: 768px) and (max-width: 991px) {
  3537. .visible-lg.visible-sm {
  3538. display: block !important; }
  3539.  
  3540. tr.visible-lg.visible-sm {
  3541. display: table-row !important; }
  3542.  
  3543. th.visible-lg.visible-sm,
  3544. td.visible-lg.visible-sm {
  3545. display: table-cell !important; } }
  3546. @media (min-width: 992px) and (max-width: 1199px) {
  3547. .visible-lg.visible-md {
  3548. display: block !important; }
  3549.  
  3550. tr.visible-lg.visible-md {
  3551. display: table-row !important; }
  3552.  
  3553. th.visible-lg.visible-md,
  3554. td.visible-lg.visible-md {
  3555. display: table-cell !important; } }
  3556. @media (min-width: 1200px) {
  3557. .visible-lg {
  3558. display: block !important; }
  3559.  
  3560. tr.visible-lg {
  3561. display: table-row !important; }
  3562.  
  3563. th.visible-lg,
  3564. td.visible-lg {
  3565. display: table-cell !important; } }
  3566. .hidden-xs {
  3567. display: block !important; }
  3568.  
  3569. tr.hidden-xs {
  3570. display: table-row !important; }
  3571.  
  3572. th.hidden-xs,
  3573. td.hidden-xs {
  3574. display: table-cell !important; }
  3575.  
  3576. @media (max-width: 767px) {
  3577. .hidden-xs {
  3578. display: none !important; }
  3579.  
  3580. tr.hidden-xs {
  3581. display: none !important; }
  3582.  
  3583. th.hidden-xs,
  3584. td.hidden-xs {
  3585. display: none !important; } }
  3586. @media (min-width: 768px) and (max-width: 991px) {
  3587. .hidden-xs.hidden-sm {
  3588. display: none !important; }
  3589.  
  3590. tr.hidden-xs.hidden-sm {
  3591. display: none !important; }
  3592.  
  3593. th.hidden-xs.hidden-sm,
  3594. td.hidden-xs.hidden-sm {
  3595. display: none !important; } }
  3596. @media (min-width: 992px) and (max-width: 1199px) {
  3597. .hidden-xs.hidden-md {
  3598. display: none !important; }
  3599.  
  3600. tr.hidden-xs.hidden-md {
  3601. display: none !important; }
  3602.  
  3603. th.hidden-xs.hidden-md,
  3604. td.hidden-xs.hidden-md {
  3605. display: none !important; } }
  3606. @media (min-width: 1200px) {
  3607. .hidden-xs.hidden-lg {
  3608. display: none !important; }
  3609.  
  3610. tr.hidden-xs.hidden-lg {
  3611. display: none !important; }
  3612.  
  3613. th.hidden-xs.hidden-lg,
  3614. td.hidden-xs.hidden-lg {
  3615. display: none !important; } }
  3616. .hidden-sm {
  3617. display: block !important; }
  3618.  
  3619. tr.hidden-sm {
  3620. display: table-row !important; }
  3621.  
  3622. th.hidden-sm,
  3623. td.hidden-sm {
  3624. display: table-cell !important; }
  3625.  
  3626. @media (max-width: 767px) {
  3627. .hidden-sm.hidden-xs {
  3628. display: none !important; }
  3629.  
  3630. tr.hidden-sm.hidden-xs {
  3631. display: none !important; }
  3632.  
  3633. th.hidden-sm.hidden-xs,
  3634. td.hidden-sm.hidden-xs {
  3635. display: none !important; } }
  3636. @media (min-width: 768px) and (max-width: 991px) {
  3637. .hidden-sm {
  3638. display: none !important; }
  3639.  
  3640. tr.hidden-sm {
  3641. display: none !important; }
  3642.  
  3643. th.hidden-sm,
  3644. td.hidden-sm {
  3645. display: none !important; } }
  3646. @media (min-width: 992px) and (max-width: 1199px) {
  3647. .hidden-sm.hidden-md {
  3648. display: none !important; }
  3649.  
  3650. tr.hidden-sm.hidden-md {
  3651. display: none !important; }
  3652.  
  3653. th.hidden-sm.hidden-md,
  3654. td.hidden-sm.hidden-md {
  3655. display: none !important; } }
  3656. @media (min-width: 1200px) {
  3657. .hidden-sm.hidden-lg {
  3658. display: none !important; }
  3659.  
  3660. tr.hidden-sm.hidden-lg {
  3661. display: none !important; }
  3662.  
  3663. th.hidden-sm.hidden-lg,
  3664. td.hidden-sm.hidden-lg {
  3665. display: none !important; } }
  3666. .hidden-md {
  3667. display: block !important; }
  3668.  
  3669. tr.hidden-md {
  3670. display: table-row !important; }
  3671.  
  3672. th.hidden-md,
  3673. td.hidden-md {
  3674. display: table-cell !important; }
  3675.  
  3676. @media (max-width: 767px) {
  3677. .hidden-md.hidden-xs {
  3678. display: none !important; }
  3679.  
  3680. tr.hidden-md.hidden-xs {
  3681. display: none !important; }
  3682.  
  3683. th.hidden-md.hidden-xs,
  3684. td.hidden-md.hidden-xs {
  3685. display: none !important; } }
  3686. @media (min-width: 768px) and (max-width: 991px) {
  3687. .hidden-md.hidden-sm {
  3688. display: none !important; }
  3689.  
  3690. tr.hidden-md.hidden-sm {
  3691. display: none !important; }
  3692.  
  3693. th.hidden-md.hidden-sm,
  3694. td.hidden-md.hidden-sm {
  3695. display: none !important; } }
  3696. @media (min-width: 992px) and (max-width: 1199px) {
  3697. .hidden-md {
  3698. display: none !important; }
  3699.  
  3700. tr.hidden-md {
  3701. display: none !important; }
  3702.  
  3703. th.hidden-md,
  3704. td.hidden-md {
  3705. display: none !important; } }
  3706. @media (min-width: 1200px) {
  3707. .hidden-md.hidden-lg {
  3708. display: none !important; }
  3709.  
  3710. tr.hidden-md.hidden-lg {
  3711. display: none !important; }
  3712.  
  3713. th.hidden-md.hidden-lg,
  3714. td.hidden-md.hidden-lg {
  3715. display: none !important; } }
  3716. .hidden-lg {
  3717. display: block !important; }
  3718.  
  3719. tr.hidden-lg {
  3720. display: table-row !important; }
  3721.  
  3722. th.hidden-lg,
  3723. td.hidden-lg {
  3724. display: table-cell !important; }
  3725.  
  3726. @media (max-width: 767px) {
  3727. .hidden-lg.hidden-xs {
  3728. display: none !important; }
  3729.  
  3730. tr.hidden-lg.hidden-xs {
  3731. display: none !important; }
  3732.  
  3733. th.hidden-lg.hidden-xs,
  3734. td.hidden-lg.hidden-xs {
  3735. display: none !important; } }
  3736. @media (min-width: 768px) and (max-width: 991px) {
  3737. .hidden-lg.hidden-sm {
  3738. display: none !important; }
  3739.  
  3740. tr.hidden-lg.hidden-sm {
  3741. display: none !important; }
  3742.  
  3743. th.hidden-lg.hidden-sm,
  3744. td.hidden-lg.hidden-sm {
  3745. display: none !important; } }
  3746. @media (min-width: 992px) and (max-width: 1199px) {
  3747. .hidden-lg.hidden-md {
  3748. display: none !important; }
  3749.  
  3750. tr.hidden-lg.hidden-md {
  3751. display: none !important; }
  3752.  
  3753. th.hidden-lg.hidden-md,
  3754. td.hidden-lg.hidden-md {
  3755. display: none !important; } }
  3756. @media (min-width: 1200px) {
  3757. .hidden-lg {
  3758. display: none !important; }
  3759.  
  3760. tr.hidden-lg {
  3761. display: none !important; }
  3762.  
  3763. th.hidden-lg,
  3764. td.hidden-lg {
  3765. display: none !important; } }
  3766. .visible-print {
  3767. display: none !important; }
  3768.  
  3769. tr.visible-print {
  3770. display: none !important; }
  3771.  
  3772. th.visible-print,
  3773. td.visible-print {
  3774. display: none !important; }
  3775.  
  3776. @media print {
  3777. .visible-print {
  3778. display: block !important; }
  3779.  
  3780. tr.visible-print {
  3781. display: table-row !important; }
  3782.  
  3783. th.visible-print,
  3784. td.visible-print {
  3785. display: table-cell !important; }
  3786.  
  3787. .hidden-print {
  3788. display: none !important; }
  3789.  
  3790. tr.hidden-print {
  3791. display: none !important; }
  3792.  
  3793. th.hidden-print,
  3794. td.hidden-print {
  3795. display: none !important; } }
  3796. /*!
  3797. * Font Awesome 3.2.1
  3798. * the iconic font designed for Bootstrap
  3799. * ------------------------------------------------------------------------------
  3800. * The full suite of pictographic icons, examples, and documentation can be
  3801. * found at http://fontawesome.io. Stay up to date on Twitter at
  3802. * http://twitter.com/fontawesome.
  3803. *
  3804. * License
  3805. * ------------------------------------------------------------------------------
  3806. * - The Font Awesome font is licensed under SIL OFL 1.1 -
  3807. * http://scripts.sil.org/OFL
  3808. * - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
  3809. * http://opensource.org/licenses/mit-license.html
  3810. * - Font Awesome documentation licensed under CC BY 3.0 -
  3811. * http://creativecommons.org/licenses/by/3.0/
  3812. * - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
  3813. * "Font Awesome by Dave Gandy - http://fontawesome.io"
  3814. *
  3815. * Author - Dave Gandy
  3816. * ------------------------------------------------------------------------------
  3817. * Email: dave@fontawesome.io
  3818. * Twitter: http://twitter.com/davegandy
  3819. * Work: Lead Product Designer @ Kyruus - http://kyruus.com
  3820. */
  3821. /* FONT PATH
  3822. * -------------------------- */
  3823. @font-face {
  3824. font-family: 'FontAwesome';
  3825. src: url("../font/fontawesome-webfont.eot?v=3.2.1");
  3826. src: url("../font/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../font/fontawesome-webfont.woff?v=3.2.1") format("woff"), url("../font/fontawesome-webfont.ttf?v=3.2.1") format("truetype"), url("../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg");
  3827. font-weight: normal;
  3828. font-style: normal; }
  3829.  
  3830. /* FONT AWESOME CORE
  3831. * -------------------------- */
  3832. [class^="icon-"],
  3833. [class*=" icon-"] {
  3834. font-family: FontAwesome;
  3835. font-weight: normal;
  3836. font-style: normal;
  3837. text-decoration: inherit;
  3838. -webkit-font-smoothing: antialiased;
  3839. *margin-right: .3em; }
  3840.  
  3841. [class^="icon-"]:before,
  3842. [class*=" icon-"]:before {
  3843. text-decoration: inherit;
  3844. display: inline-block;
  3845. speak: none; }
  3846.  
  3847. /* makes the font 33% larger relative to the icon container */
  3848. .icon-large:before {
  3849. vertical-align: -10%;
  3850. font-size: 1.33333em; }
  3851.  
  3852. /* makes sure icons active on rollover in links */
  3853. a [class^="icon-"],
  3854. a [class*=" icon-"] {
  3855. display: inline; }
  3856.  
  3857. /* increased font size for icon-large */
  3858. [class^="icon-"].icon-fixed-width,
  3859. [class*=" icon-"].icon-fixed-width {
  3860. display: inline-block;
  3861. width: 1.14286em;
  3862. text-align: right;
  3863. padding-right: 0.28571em; }
  3864. [class^="icon-"].icon-fixed-width.icon-large,
  3865. [class*=" icon-"].icon-fixed-width.icon-large {
  3866. width: 1.42857em; }
  3867.  
  3868. .icons-ul {
  3869. margin-left: 2.14286em;
  3870. list-style-type: none; }
  3871. .icons-ul > li {
  3872. position: relative; }
  3873. .icons-ul .icon-li {
  3874. position: absolute;
  3875. left: -2.14286em;
  3876. width: 2.14286em;
  3877. text-align: center;
  3878. line-height: inherit; }
  3879.  
  3880. [class^="icon-"].hide,
  3881. [class*=" icon-"].hide {
  3882. display: none; }
  3883.  
  3884. .icon-muted {
  3885. color: #eeeeee; }
  3886.  
  3887. .icon-light {
  3888. color: white; }
  3889.  
  3890. .icon-dark {
  3891. color: #333333; }
  3892.  
  3893. .icon-border {
  3894. border: solid 1px #eeeeee;
  3895. padding: .2em .25em .15em;
  3896. -webkit-border-radius: 3px;
  3897. -moz-border-radius: 3px;
  3898. border-radius: 3px; }
  3899.  
  3900. .icon-2x {
  3901. font-size: 2em; }
  3902. .icon-2x.icon-border {
  3903. border-width: 2px;
  3904. -webkit-border-radius: 4px;
  3905. -moz-border-radius: 4px;
  3906. border-radius: 4px; }
  3907.  
  3908. .icon-3x {
  3909. font-size: 3em; }
  3910. .icon-3x.icon-border {
  3911. border-width: 3px;
  3912. -webkit-border-radius: 5px;
  3913. -moz-border-radius: 5px;
  3914. border-radius: 5px; }
  3915.  
  3916. .icon-4x {
  3917. font-size: 4em; }
  3918. .icon-4x.icon-border {
  3919. border-width: 4px;
  3920. -webkit-border-radius: 6px;
  3921. -moz-border-radius: 6px;
  3922. border-radius: 6px; }
  3923.  
  3924. .icon-5x {
  3925. font-size: 5em; }
  3926. .icon-5x.icon-border {
  3927. border-width: 5px;
  3928. -webkit-border-radius: 7px;
  3929. -moz-border-radius: 7px;
  3930. border-radius: 7px; }
  3931.  
  3932. .pull-right {
  3933. float: right; }
  3934.  
  3935. .pull-left {
  3936. float: left; }
  3937.  
  3938. [class^="icon-"].pull-left,
  3939. [class*=" icon-"].pull-left {
  3940. margin-right: .3em; }
  3941. [class^="icon-"].pull-right,
  3942. [class*=" icon-"].pull-right {
  3943. margin-left: .3em; }
  3944.  
  3945. /* BOOTSTRAP SPECIFIC CLASSES
  3946. * -------------------------- */
  3947. /* Bootstrap 2.0 sprites.less reset */
  3948. [class^="icon-"],
  3949. [class*=" icon-"] {
  3950. display: inline;
  3951. width: auto;
  3952. height: auto;
  3953. line-height: normal;
  3954. vertical-align: baseline;
  3955. background-image: none;
  3956. background-position: 0% 0%;
  3957. background-repeat: repeat;
  3958. margin-top: 0; }
  3959.  
  3960. /* more sprites.less reset */
  3961. .icon-white,
  3962. .nav-pills > .active > a > [class^="icon-"],
  3963. .nav-pills > .active > a > [class*=" icon-"],
  3964. .nav-list > .active > a > [class^="icon-"],
  3965. .nav-list > .active > a > [class*=" icon-"],
  3966. .navbar-inverse .nav > .active > a > [class^="icon-"],
  3967. .navbar-inverse .nav > .active > a > [class*=" icon-"],
  3968. .dropdown-menu > li > a:hover > [class^="icon-"],
  3969. .dropdown-menu > li > a:hover > [class*=" icon-"],
  3970. .dropdown-menu > .active > a > [class^="icon-"],
  3971. .dropdown-menu > .active > a > [class*=" icon-"],
  3972. .dropdown-submenu:hover > a > [class^="icon-"],
  3973. .dropdown-submenu:hover > a > [class*=" icon-"] {
  3974. background-image: none; }
  3975.  
  3976. /* keeps Bootstrap styles with and without icons the same */
  3977. .btn [class^="icon-"].icon-large,
  3978. .btn [class*=" icon-"].icon-large, .nav [class^="icon-"].icon-large,
  3979. .nav [class*=" icon-"].icon-large {
  3980. line-height: .9em; }
  3981. .btn [class^="icon-"].icon-spin,
  3982. .btn [class*=" icon-"].icon-spin, .nav [class^="icon-"].icon-spin,
  3983. .nav [class*=" icon-"].icon-spin {
  3984. display: inline-block; }
  3985.  
  3986. .nav-tabs [class^="icon-"], .nav-tabs [class^="icon-"].icon-large,
  3987. .nav-tabs [class*=" icon-"],
  3988. .nav-tabs [class*=" icon-"].icon-large, .nav-pills [class^="icon-"], .nav-pills [class^="icon-"].icon-large,
  3989. .nav-pills [class*=" icon-"],
  3990. .nav-pills [class*=" icon-"].icon-large {
  3991. line-height: .9em; }
  3992.  
  3993. .btn [class^="icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x,
  3994. .btn [class*=" icon-"].pull-left.icon-2x,
  3995. .btn [class*=" icon-"].pull-right.icon-2x {
  3996. margin-top: .18em; }
  3997. .btn [class^="icon-"].icon-spin.icon-large,
  3998. .btn [class*=" icon-"].icon-spin.icon-large {
  3999. line-height: .8em; }
  4000.  
  4001. .btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x,
  4002. .btn.btn-small [class*=" icon-"].pull-left.icon-2x,
  4003. .btn.btn-small [class*=" icon-"].pull-right.icon-2x {
  4004. margin-top: .25em; }
  4005.  
  4006. .btn.btn-large [class^="icon-"],
  4007. .btn.btn-large [class*=" icon-"] {
  4008. margin-top: 0; }
  4009. .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x,
  4010. .btn.btn-large [class*=" icon-"].pull-left.icon-2x,
  4011. .btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  4012. margin-top: .05em; }
  4013. .btn.btn-large [class^="icon-"].pull-left.icon-2x,
  4014. .btn.btn-large [class*=" icon-"].pull-left.icon-2x {
  4015. margin-right: .2em; }
  4016. .btn.btn-large [class^="icon-"].pull-right.icon-2x,
  4017. .btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  4018. margin-left: .2em; }
  4019.  
  4020. /* Fixes alignment in nav lists */
  4021. .nav-list [class^="icon-"],
  4022. .nav-list [class*=" icon-"] {
  4023. line-height: inherit; }
  4024.  
  4025. /* EXTRAS
  4026. * -------------------------- */
  4027. /* Stacked and layered icon */
  4028. .icon-stack {
  4029. position: relative;
  4030. display: inline-block;
  4031. width: 2em;
  4032. height: 2em;
  4033. line-height: 2em;
  4034. vertical-align: -35%; }
  4035. .icon-stack [class^="icon-"],
  4036. .icon-stack [class*=" icon-"] {
  4037. display: block;
  4038. text-align: center;
  4039. position: absolute;
  4040. width: 100%;
  4041. height: 100%;
  4042. font-size: 1em;
  4043. line-height: inherit;
  4044. *line-height: 2em; }
  4045. .icon-stack .icon-stack-base {
  4046. font-size: 2em;
  4047. *line-height: 1em; }
  4048.  
  4049. /* Animated rotating icon */
  4050. .icon-spin {
  4051. display: inline-block;
  4052. -moz-animation: spin 2s infinite linear;
  4053. -o-animation: spin 2s infinite linear;
  4054. -webkit-animation: spin 2s infinite linear;
  4055. animation: spin 2s infinite linear; }
  4056.  
  4057. /* Prevent stack and spinners from being taken inline when inside a link */
  4058. a .icon-stack,
  4059. a .icon-spin {
  4060. display: inline-block;
  4061. text-decoration: none; }
  4062.  
  4063. @-moz-keyframes spin {
  4064. 0% {
  4065. -moz-transform: rotate(0deg); }
  4066.  
  4067. 100% {
  4068. -moz-transform: rotate(359deg); } }
  4069.  
  4070. @-webkit-keyframes spin {
  4071. 0% {
  4072. -webkit-transform: rotate(0deg); }
  4073.  
  4074. 100% {
  4075. -webkit-transform: rotate(359deg); } }
  4076.  
  4077. @-o-keyframes spin {
  4078. 0% {
  4079. -o-transform: rotate(0deg); }
  4080.  
  4081. 100% {
  4082. -o-transform: rotate(359deg); }
  4083. }
  4084.  
  4085. /*@-ms-keyframes spin {
  4086. 0% {
  4087. -ms-transform: rotate(0deg); }
  4088.  
  4089. 100% {
  4090. -ms-transform: rotate(359deg); } }*/
  4091.  
  4092. @keyframes spin {
  4093. 0% {
  4094. transform: rotate(0deg); }
  4095.  
  4096. 100% {
  4097. transform: rotate(359deg); } }
  4098.  
  4099. /* Icon rotations and mirroring */
  4100. .icon-rotate-90:before {
  4101. -webkit-transform: rotate(90deg);
  4102. -moz-transform: rotate(90deg);
  4103. -ms-transform: rotate(90deg);
  4104. -o-transform: rotate(90deg);
  4105. transform: rotate(90deg);
  4106. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
  4107.  
  4108. .icon-rotate-180:before {
  4109. -webkit-transform: rotate(180deg);
  4110. -moz-transform: rotate(180deg);
  4111. -ms-transform: rotate(180deg);
  4112. -o-transform: rotate(180deg);
  4113. transform: rotate(180deg);
  4114. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); }
  4115.  
  4116. .icon-rotate-270:before {
  4117. -webkit-transform: rotate(270deg);
  4118. -moz-transform: rotate(270deg);
  4119. -ms-transform: rotate(270deg);
  4120. -o-transform: rotate(270deg);
  4121. transform: rotate(270deg);
  4122. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
  4123.  
  4124. .icon-flip-horizontal:before {
  4125. -webkit-transform: scale(-1, 1);
  4126. -moz-transform: scale(-1, 1);
  4127. -ms-transform: scale(-1, 1);
  4128. -o-transform: scale(-1, 1);
  4129. transform: scale(-1, 1); }
  4130.  
  4131. .icon-flip-vertical:before {
  4132. -webkit-transform: scale(1, -1);
  4133. -moz-transform: scale(1, -1);
  4134. -ms-transform: scale(1, -1);
  4135. -o-transform: scale(1, -1);
  4136. transform: scale(1, -1); }
  4137.  
  4138. /* ensure rotation occurs inside anchor tags */
  4139. a .icon-rotate-90:before, a .icon-rotate-180:before, a .icon-rotate-270:before, a .icon-flip-horizontal:before, a .icon-flip-vertical:before {
  4140. display: inline-block; }
  4141.  
  4142. /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
  4143. * readers do not read off random characters that represent icons */
  4144. .icon-glass:before {
  4145. content: "\f000"; }
  4146.  
  4147. .icon-music:before {
  4148. content: "\f001"; }
  4149.  
  4150. .icon-search:before {
  4151. content: "\f002"; }
  4152.  
  4153. .icon-envelope-alt:before {
  4154. content: "\f003"; }
  4155.  
  4156. .icon-heart:before {
  4157. content: "\f004"; }
  4158.  
  4159. .icon-star:before {
  4160. content: "\f005"; }
  4161.  
  4162. .icon-star-empty:before {
  4163. content: "\f006"; }
  4164.  
  4165. .icon-user:before {
  4166. content: "\f007"; }
  4167.  
  4168. .icon-film:before {
  4169. content: "\f008"; }
  4170.  
  4171. .icon-th-large:before {
  4172. content: "\f009"; }
  4173.  
  4174. .icon-th:before {
  4175. content: "\f00a"; }
  4176.  
  4177. .icon-th-list:before {
  4178. content: "\f00b"; }
  4179.  
  4180. .icon-ok:before {
  4181. content: "\f00c"; }
  4182.  
  4183. .icon-remove:before {
  4184. content: "\f00d"; }
  4185.  
  4186. .icon-zoom-in:before {
  4187. content: "\f00e"; }
  4188.  
  4189. .icon-zoom-out:before {
  4190. content: "\f010"; }
  4191.  
  4192. .icon-power-off:before,
  4193. .icon-off:before {
  4194. content: "\f011"; }
  4195.  
  4196. .icon-signal:before {
  4197. content: "\f012"; }
  4198.  
  4199. .icon-gear:before,
  4200. .icon-cog:before {
  4201. content: "\f013"; }
  4202.  
  4203. .icon-trash:before {
  4204. content: "\f014"; }
  4205.  
  4206. .icon-home:before {
  4207. content: "\f015"; }
  4208.  
  4209. .icon-file-alt:before {
  4210. content: "\f016"; }
  4211.  
  4212. .icon-time:before {
  4213. content: "\f017"; }
  4214.  
  4215. .icon-road:before {
  4216. content: "\f018"; }
  4217.  
  4218. .icon-download-alt:before {
  4219. content: "\f019"; }
  4220.  
  4221. .icon-download:before {
  4222. content: "\f01a"; }
  4223.  
  4224. .icon-upload:before {
  4225. content: "\f01b"; }
  4226.  
  4227. .icon-inbox:before {
  4228. content: "\f01c"; }
  4229.  
  4230. .icon-play-circle:before {
  4231. content: "\f01d"; }
  4232.  
  4233. .icon-rotate-right:before,
  4234. .icon-repeat:before {
  4235. content: "\f01e"; }
  4236.  
  4237. .icon-refresh:before {
  4238. content: "\f021"; }
  4239.  
  4240. .icon-list-alt:before {
  4241. content: "\f022"; }
  4242.  
  4243. .icon-lock:before {
  4244. content: "\f023"; }
  4245.  
  4246. .icon-flag:before {
  4247. content: "\f024"; }
  4248.  
  4249. .icon-headphones:before {
  4250. content: "\f025"; }
  4251.  
  4252. .icon-volume-off:before {
  4253. content: "\f026"; }
  4254.  
  4255. .icon-volume-down:before {
  4256. content: "\f027"; }
  4257.  
  4258. .icon-volume-up:before {
  4259. content: "\f028"; }
  4260.  
  4261. .icon-qrcode:before {
  4262. content: "\f029"; }
  4263.  
  4264. .icon-barcode:before {
  4265. content: "\f02a"; }
  4266.  
  4267. .icon-tag:before {
  4268. content: "\f02b"; }
  4269.  
  4270. .icon-tags:before {
  4271. content: "\f02c"; }
  4272.  
  4273. .icon-book:before {
  4274. content: "\f02d"; }
  4275.  
  4276. .icon-bookmark:before {
  4277. content: "\f02e"; }
  4278.  
  4279. .icon-print:before {
  4280. content: "\f02f"; }
  4281.  
  4282. .icon-camera:before {
  4283. content: "\f030"; }
  4284.  
  4285. .icon-font:before {
  4286. content: "\f031"; }
  4287.  
  4288. .icon-bold:before {
  4289. content: "\f032"; }
  4290.  
  4291. .icon-italic:before {
  4292. content: "\f033"; }
  4293.  
  4294. .icon-text-height:before {
  4295. content: "\f034"; }
  4296.  
  4297. .icon-text-width:before {
  4298. content: "\f035"; }
  4299.  
  4300. .icon-align-left:before {
  4301. content: "\f036"; }
  4302.  
  4303. .icon-align-center:before {
  4304. content: "\f037"; }
  4305.  
  4306. .icon-align-right:before {
  4307. content: "\f038"; }
  4308.  
  4309. .icon-align-justify:before {
  4310. content: "\f039"; }
  4311.  
  4312. .icon-list:before {
  4313. content: "\f03a"; }
  4314.  
  4315. .icon-indent-left:before {
  4316. content: "\f03b"; }
  4317.  
  4318. .icon-indent-right:before {
  4319. content: "\f03c"; }
  4320.  
  4321. .icon-facetime-video:before {
  4322. content: "\f03d"; }
  4323.  
  4324. .icon-picture:before {
  4325. content: "\f03e"; }
  4326.  
  4327. .icon-pencil:before {
  4328. content: "\f040"; }
  4329.  
  4330. .icon-map-marker:before {
  4331. content: "\f041"; }
  4332.  
  4333. .icon-adjust:before {
  4334. content: "\f042"; }
  4335.  
  4336. .icon-tint:before {
  4337. content: "\f043"; }
  4338.  
  4339. .icon-edit:before {
  4340. content: "\f044"; }
  4341.  
  4342. .icon-share:before {
  4343. content: "\f045"; }
  4344.  
  4345. .icon-check:before {
  4346. content: "\f046"; }
  4347.  
  4348. .icon-move:before {
  4349. content: "\f047"; }
  4350.  
  4351. .icon-step-backward:before {
  4352. content: "\f048"; }
  4353.  
  4354. .icon-fast-backward:before {
  4355. content: "\f049"; }
  4356.  
  4357. .icon-backward:before {
  4358. content: "\f04a"; }
  4359.  
  4360. .icon-play:before {
  4361. content: "\f04b"; }
  4362.  
  4363. .icon-pause:before {
  4364. content: "\f04c"; }
  4365.  
  4366. .icon-stop:before {
  4367. content: "\f04d"; }
  4368.  
  4369. .icon-forward:before {
  4370. content: "\f04e"; }
  4371.  
  4372. .icon-fast-forward:before {
  4373. content: "\f050"; }
  4374.  
  4375. .icon-step-forward:before {
  4376. content: "\f051"; }
  4377.  
  4378. .icon-eject:before {
  4379. content: "\f052"; }
  4380.  
  4381. .icon-chevron-left:before {
  4382. font-size: 13px;
  4383. margin-right: 5px;
  4384. content: "\f053"; }
  4385.  
  4386. .icon-chevron-right:before {
  4387. content: "\f054"; font-size: 12px;}
  4388.  
  4389. .icon-plus-sign:before {
  4390. content: "\f055"; }
  4391.  
  4392. .icon-minus-sign:before {
  4393. content: "\f056"; }
  4394.  
  4395. .icon-remove-sign:before {
  4396. content: "\f057"; }
  4397.  
  4398. .icon-ok-sign:before {
  4399. content: "\f058"; }
  4400.  
  4401. .icon-question-sign:before {
  4402. content: "\f059"; }
  4403.  
  4404. .icon-info-sign:before {
  4405. content: "\f05a"; }
  4406.  
  4407. .icon-screenshot:before {
  4408. content: "\f05b"; }
  4409.  
  4410. .icon-remove-circle:before {
  4411. content: "\f05c"; }
  4412.  
  4413. .icon-ok-circle:before {
  4414. content: "\f05d"; }
  4415.  
  4416. .icon-ban-circle:before {
  4417. content: "\f05e"; }
  4418.  
  4419. .icon-arrow-left:before {
  4420. content: "\f060"; }
  4421.  
  4422. .icon-arrow-right:before {
  4423. content: "\f061"; }
  4424.  
  4425. .icon-arrow-up:before {
  4426. content: "\f062"; }
  4427.  
  4428. .icon-arrow-down:before {
  4429. content: "\f063"; }
  4430.  
  4431. .icon-mail-forward:before,
  4432. .icon-share-alt:before {
  4433. content: "\f064"; }
  4434.  
  4435. .icon-resize-full:before {
  4436. content: "\f065"; }
  4437.  
  4438. .icon-resize-small:before {
  4439. content: "\f066"; }
  4440.  
  4441. .icon-plus:before {
  4442. content: "\f067";
  4443. }
  4444.  
  4445. .icon-minus:before {
  4446. content: "\f068"; }
  4447.  
  4448. .icon-asterisk:before {
  4449. content: "\f069"; }
  4450.  
  4451. .icon-exclamation-sign:before {
  4452. content: "\f06a"; }
  4453.  
  4454. .icon-gift:before {
  4455. content: "\f06b"; }
  4456.  
  4457. .icon-leaf:before {
  4458. content: "\f06c"; }
  4459.  
  4460. .icon-fire:before {
  4461. content: "\f06d"; }
  4462.  
  4463. .icon-eye-open:before {
  4464. content: "\f06e"; }
  4465.  
  4466. .icon-eye-close:before {
  4467. content: "\f070"; }
  4468.  
  4469. .icon-warning-sign:before {
  4470. content: "\f071"; }
  4471.  
  4472. .icon-plane:before {
  4473. content: "\f072"; }
  4474.  
  4475. .icon-calendar:before {
  4476. content: "\f073"; }
  4477.  
  4478. .icon-random:before {
  4479. content: "\f074"; }
  4480.  
  4481. .icon-comment:before {
  4482. content: "\f075"; }
  4483.  
  4484. .icon-magnet:before {
  4485. content: "\f076"; }
  4486.  
  4487. .icon-chevron-up:before {
  4488. content: "\f077"; }
  4489.  
  4490. .icon-chevron-down:before {
  4491. content: "\f078"; }
  4492.  
  4493. .icon-retweet:before {
  4494. content: "\f079"; }
  4495.  
  4496. .icon-shopping-cart:before {
  4497. content: "\f07a"; }
  4498.  
  4499. .icon-folder-close:before {
  4500. content: "\f07b"; }
  4501.  
  4502. .icon-folder-open:before {
  4503. content: "\f07c"; }
  4504.  
  4505. .icon-resize-vertical:before {
  4506. content: "\f07d"; }
  4507.  
  4508. .icon-resize-horizontal:before {
  4509. content: "\f07e"; }
  4510.  
  4511. .icon-bar-chart:before {
  4512. content: "\f080"; }
  4513.  
  4514. .icon-twitter-sign:before {
  4515. content: "\f081"; }
  4516.  
  4517. .icon-facebook-sign:before {
  4518. content: "\f082"; }
  4519.  
  4520. .icon-camera-retro:before {
  4521. content: "\f083"; }
  4522.  
  4523. .icon-key:before {
  4524. content: "\f084"; }
  4525.  
  4526. .icon-gears:before,
  4527. .icon-cogs:before {
  4528. content: "\f085"; }
  4529.  
  4530. .icon-comments:before {
  4531. content: "\f086"; }
  4532.  
  4533. .icon-thumbs-up-alt:before {
  4534. content: "\f087"; }
  4535.  
  4536. .icon-thumbs-down-alt:before {
  4537. content: "\f088"; }
  4538.  
  4539. .icon-star-half:before {
  4540. content: "\f089"; }
  4541.  
  4542. .icon-heart-empty:before {
  4543. content: "\f08a"; }
  4544.  
  4545. .icon-signout:before {
  4546. content: "\f08b"; }
  4547.  
  4548. .icon-linkedin-sign:before {
  4549. content: "\f08c"; }
  4550.  
  4551. .icon-pushpin:before {
  4552. content: "\f08d"; }
  4553.  
  4554. .icon-external-link:before {
  4555. content: "\f08e"; }
  4556.  
  4557. .icon-signin:before {
  4558. content: "\f090"; }
  4559.  
  4560. .icon-trophy:before {
  4561. content: "\f091"; }
  4562.  
  4563. .icon-github-sign:before {
  4564. content: "\f092"; }
  4565.  
  4566. .icon-upload-alt:before {
  4567. content: "\f093"; }
  4568.  
  4569. .icon-lemon:before {
  4570. content: "\f094"; }
  4571.  
  4572. .icon-phone:before {
  4573. content: "\f095"; }
  4574.  
  4575. .icon-unchecked:before,
  4576. .icon-check-empty:before {
  4577. content: "\f096"; }
  4578.  
  4579. .icon-bookmark-empty:before {
  4580. content: "\f097"; }
  4581.  
  4582. .icon-phone-sign:before {
  4583. content: "\f098"; }
  4584.  
  4585. .icon-twitter:before {
  4586. content: "\f099"; }
  4587.  
  4588. .icon-facebook:before {
  4589. content: "\f09a"; }
  4590.  
  4591. .icon-github:before {
  4592. content: "\f09b"; }
  4593.  
  4594. .icon-unlock:before {
  4595. content: "\f09c"; }
  4596.  
  4597. .icon-credit-card:before {
  4598. content: "\f09d"; }
  4599.  
  4600. .icon-rss:before {
  4601. content: "\f09e"; }
  4602.  
  4603. .icon-hdd:before {
  4604. content: "\f0a0"; }
  4605.  
  4606. .icon-bullhorn:before {
  4607. content: "\f0a1"; }
  4608.  
  4609. .icon-bell:before {
  4610. content: "\f0a2"; }
  4611.  
  4612. .icon-certificate:before {
  4613. content: "\f0a3"; }
  4614.  
  4615. .icon-hand-right:before {
  4616. content: "\f0a4"; }
  4617.  
  4618. .icon-hand-left:before {
  4619. content: "\f0a5"; }
  4620.  
  4621. .icon-hand-up:before {
  4622. content: "\f0a6"; }
  4623.  
  4624. .icon-hand-down:before {
  4625. content: "\f0a7"; }
  4626.  
  4627. .icon-circle-arrow-left:before {
  4628. content: "\f0a8"; }
  4629.  
  4630. .icon-circle-arrow-right:before {
  4631. content: "\f0a9"; }
  4632.  
  4633. .icon-circle-arrow-up:before {
  4634. content: "\f0aa"; }
  4635.  
  4636. .icon-circle-arrow-down:before {
  4637. content: "\f0ab"; }
  4638.  
  4639. .icon-globe:before {
  4640. content: "\f0ac"; }
  4641.  
  4642. .icon-wrench:before {
  4643. content: "\f0ad"; }
  4644.  
  4645. .icon-tasks:before {
  4646. content: "\f0ae"; }
  4647.  
  4648. .icon-filter:before {
  4649. content: "\f0b0"; }
  4650.  
  4651. .icon-briefcase:before {
  4652. content: "\f0b1"; }
  4653.  
  4654. .icon-fullscreen:before {
  4655. content: "\f0b2"; }
  4656.  
  4657. .icon-group:before {
  4658. content: "\f0c0"; }
  4659.  
  4660. .icon-link:before {
  4661. content: "\f0c1"; }
  4662.  
  4663. .icon-cloud:before {
  4664. content: "\f0c2"; }
  4665.  
  4666. .icon-beaker:before {
  4667. content: "\f0c3"; }
  4668.  
  4669. .icon-cut:before {
  4670. content: "\f0c4"; }
  4671.  
  4672. .icon-copy:before {
  4673. content: "\f0c5"; }
  4674.  
  4675. .icon-paperclip:before,
  4676. .icon-paper-clip:before {
  4677. content: "\f0c6"; }
  4678.  
  4679. .icon-save:before {
  4680. content: "\f0c7"; }
  4681.  
  4682. .icon-sign-blank:before {
  4683. content: "\f0c8"; }
  4684.  
  4685. .icon-reorder:before {
  4686. content: "\f0c9"; }
  4687.  
  4688. .icon-list-ul:before {
  4689. content: "\f0ca"; }
  4690.  
  4691. .icon-list-ol:before {
  4692. content: "\f0cb"; }
  4693.  
  4694. .icon-strikethrough:before {
  4695. content: "\f0cc"; }
  4696.  
  4697. .icon-underline:before {
  4698. content: "\f0cd"; }
  4699.  
  4700. .icon-table:before {
  4701. content: "\f0ce"; }
  4702.  
  4703. .icon-magic:before {
  4704. content: "\f0d0"; }
  4705.  
  4706. .icon-truck:before {
  4707. content: "\f0d1"; }
  4708.  
  4709. .icon-pinterest:before {
  4710. content: "\f0d2"; }
  4711.  
  4712. .icon-pinterest-sign:before {
  4713. content: "\f0d3"; }
  4714.  
  4715. .icon-google-plus-sign:before {
  4716. content: "\f0d4"; }
  4717.  
  4718. .icon-google-plus:before {
  4719. content: "\f0d5"; }
  4720.  
  4721. .icon-money:before {
  4722. content: "\f0d6"; }
  4723.  
  4724. .icon-caret-down:before {
  4725. content: "\f0d7"; }
  4726.  
  4727. .icon-caret-up:before {
  4728. content: "\f0d8"; }
  4729.  
  4730. .icon-caret-left:before {
  4731. content: "\f0d9"; }
  4732.  
  4733. .icon-caret-right:before {
  4734. content: "\f0da"; }
  4735.  
  4736. .icon-columns:before {
  4737. content: "\f0db"; }
  4738.  
  4739. .icon-sort:before {
  4740. content: "\f0dc"; }
  4741.  
  4742. .icon-sort-down:before {
  4743. content: "\f0dd"; }
  4744.  
  4745. .icon-sort-up:before {
  4746. content: "\f0de"; }
  4747.  
  4748. .icon-envelope:before {
  4749. content: "\f0e0"; }
  4750.  
  4751. .icon-linkedin:before {
  4752. content: "\f0e1"; }
  4753.  
  4754. .icon-rotate-left:before,
  4755. .icon-undo:before {
  4756. content: "\f0e2"; }
  4757.  
  4758. .icon-legal:before {
  4759. content: "\f0e3"; }
  4760.  
  4761. .icon-dashboard:before {
  4762. content: "\f0e4"; }
  4763.  
  4764. .icon-comment-alt:before {
  4765. content: "\f0e5"; }
  4766.  
  4767. .icon-comments-alt:before {
  4768. content: "\f0e6"; }
  4769.  
  4770. .icon-bolt:before {
  4771. content: "\f0e7"; }
  4772.  
  4773. .icon-sitemap:before {
  4774. content: "\f0e8"; }
  4775.  
  4776. .icon-umbrella:before {
  4777. content: "\f0e9"; }
  4778.  
  4779. .icon-paste:before {
  4780. content: "\f0ea"; }
  4781.  
  4782. .icon-lightbulb:before {
  4783. content: "\f0eb"; }
  4784.  
  4785. .icon-exchange:before {
  4786. content: "\f0ec"; }
  4787.  
  4788. .icon-cloud-download:before {
  4789. content: "\f0ed"; }
  4790.  
  4791. .icon-cloud-upload:before {
  4792. content: "\f0ee"; }
  4793.  
  4794. .icon-user-md:before {
  4795. content: "\f0f0"; }
  4796.  
  4797. .icon-stethoscope:before {
  4798. content: "\f0f1"; }
  4799.  
  4800. .icon-suitcase:before {
  4801. content: "\f0f2"; }
  4802.  
  4803. .icon-bell-alt:before {
  4804. content: "\f0f3"; }
  4805.  
  4806. .icon-coffee:before {
  4807. content: "\f0f4"; }
  4808.  
  4809. .icon-food:before {
  4810. content: "\f0f5"; }
  4811.  
  4812. .icon-file-text-alt:before {
  4813. content: "\f0f6"; }
  4814.  
  4815. .icon-building:before {
  4816. content: "\f0f7"; }
  4817.  
  4818. .icon-hospital:before {
  4819. content: "\f0f8"; }
  4820.  
  4821. .icon-ambulance:before {
  4822. content: "\f0f9"; }
  4823.  
  4824. .icon-medkit:before {
  4825. content: "\f0fa"; }
  4826.  
  4827. .icon-fighter-jet:before {
  4828. content: "\f0fb"; }
  4829.  
  4830. .icon-beer:before {
  4831. content: "\f0fc"; }
  4832.  
  4833. .icon-h-sign:before {
  4834. content: "\f0fd"; }
  4835.  
  4836. .icon-plus-sign-alt:before {
  4837. content: "\f0fe"; }
  4838.  
  4839. .icon-double-angle-left:before {
  4840. content: "\f100"; }
  4841.  
  4842. .icon-double-angle-right:before {
  4843. content: "\f101"; }
  4844.  
  4845. .icon-double-angle-up:before {
  4846. content: "\f102"; }
  4847.  
  4848. .icon-double-angle-down:before {
  4849. content: "\f103"; }
  4850.  
  4851. .icon-angle-left:before {
  4852. content: "\f104"; }
  4853.  
  4854. .icon-angle-right:before {
  4855. content: "\f105"; }
  4856.  
  4857. .icon-angle-up:before {
  4858. content: "\f106"; }
  4859.  
  4860. .icon-angle-down:before {
  4861. content: "\f107"; }
  4862.  
  4863. .icon-desktop:before {
  4864. content: "\f108"; }
  4865.  
  4866. .icon-laptop:before {
  4867. content: "\f109"; }
  4868.  
  4869. .icon-tablet:before {
  4870. content: "\f10a"; }
  4871.  
  4872. .icon-mobile-phone:before {
  4873. content: "\f10b"; }
  4874.  
  4875. .icon-circle-blank:before {
  4876. content: "\f10c"; }
  4877.  
  4878. .icon-quote-left:before {
  4879. content: "\f10d"; }
  4880.  
  4881. .icon-quote-right:before {
  4882. content: "\f10e"; }
  4883.  
  4884. .icon-spinner:before {
  4885. content: "\f110"; }
  4886.  
  4887. .icon-circle:before {
  4888. content: "\f111"; }
  4889.  
  4890. .icon-mail-reply:before,
  4891. .icon-reply:before {
  4892. content: "\f112"; }
  4893.  
  4894. .icon-github-alt:before {
  4895. content: "\f113"; }
  4896.  
  4897. .icon-folder-close-alt:before {
  4898. content: "\f114"; }
  4899.  
  4900. .icon-folder-open-alt:before {
  4901. content: "\f115"; }
  4902.  
  4903. .icon-expand-alt:before {
  4904. content: "\f116"; }
  4905.  
  4906. .icon-collapse-alt:before {
  4907. content: "\f117"; }
  4908.  
  4909. .icon-smile:before {
  4910. content: "\f118"; }
  4911.  
  4912. .icon-frown:before {
  4913. content: "\f119"; }
  4914.  
  4915. .icon-meh:before {
  4916. content: "\f11a"; }
  4917.  
  4918. .icon-gamepad:before {
  4919. content: "\f11b"; }
  4920.  
  4921. .icon-keyboard:before {
  4922. content: "\f11c"; }
  4923.  
  4924. .icon-flag-alt:before {
  4925. content: "\f11d"; }
  4926.  
  4927. .icon-flag-checkered:before {
  4928. content: "\f11e"; }
  4929.  
  4930. .icon-terminal:before {
  4931. content: "\f120"; }
  4932.  
  4933. .icon-code:before {
  4934. content: "\f121"; }
  4935.  
  4936. .icon-reply-all:before {
  4937. content: "\f122"; }
  4938.  
  4939. .icon-mail-reply-all:before {
  4940. content: "\f122"; }
  4941.  
  4942. .icon-star-half-full:before,
  4943. .icon-star-half-empty:before {
  4944. content: "\f123"; }
  4945.  
  4946. .icon-location-arrow:before {
  4947. content: "\f124"; }
  4948.  
  4949. .icon-crop:before {
  4950. content: "\f125"; }
  4951.  
  4952. .icon-code-fork:before {
  4953. content: "\f126"; }
  4954.  
  4955. .icon-unlink:before {
  4956. content: "\f127"; }
  4957.  
  4958. .icon-question:before {
  4959. content: "\f128"; }
  4960.  
  4961. .icon-info:before {
  4962. content: "\f129"; }
  4963.  
  4964. .icon-exclamation:before {
  4965. content: "\f12a"; }
  4966.  
  4967. .icon-superscript:before {
  4968. content: "\f12b"; }
  4969.  
  4970. .icon-subscript:before {
  4971. content: "\f12c"; }
  4972.  
  4973. .icon-eraser:before {
  4974. content: "\f12d"; }
  4975.  
  4976. .icon-puzzle-piece:before {
  4977. content: "\f12e"; }
  4978.  
  4979. .icon-microphone:before {
  4980. content: "\f130"; }
  4981.  
  4982. .icon-microphone-off:before {
  4983. content: "\f131"; }
  4984.  
  4985. .icon-shield:before {
  4986. content: "\f132"; }
  4987.  
  4988. .icon-calendar-empty:before {
  4989. content: "\f133"; }
  4990.  
  4991. .icon-fire-extinguisher:before {
  4992. content: "\f134"; }
  4993.  
  4994. .icon-rocket:before {
  4995. content: "\f135"; }
  4996.  
  4997. .icon-maxcdn:before {
  4998. content: "\f136"; }
  4999.  
  5000. .icon-chevron-sign-left:before {
  5001. content: "\f137"; }
  5002.  
  5003. .icon-chevron-sign-right:before {
  5004. content: "\f138"; }
  5005.  
  5006. .icon-chevron-sign-up:before {
  5007. content: "\f139"; }
  5008.  
  5009. .icon-chevron-sign-down:before {
  5010. content: "\f13a"; }
  5011.  
  5012. .icon-html5:before {
  5013. content: "\f13b"; }
  5014.  
  5015. .icon-css3:before {
  5016. content: "\f13c"; }
  5017.  
  5018. .icon-anchor:before {
  5019. content: "\f13d"; }
  5020.  
  5021. .icon-unlock-alt:before {
  5022. content: "\f13e"; }
  5023.  
  5024. .icon-bullseye:before {
  5025. content: "\f140"; }
  5026.  
  5027. .icon-ellipsis-horizontal:before {
  5028. content: "\f141"; }
  5029.  
  5030. .icon-ellipsis-vertical:before {
  5031. content: "\f142"; }
  5032.  
  5033. .icon-rss-sign:before {
  5034. content: "\f143"; }
  5035.  
  5036. .icon-play-sign:before {
  5037. content: "\f144"; }
  5038.  
  5039. .icon-ticket:before {
  5040. content: "\f145"; }
  5041.  
  5042. .icon-minus-sign-alt:before {
  5043. content: "\f146"; }
  5044.  
  5045. .icon-check-minus:before {
  5046. content: "\f147"; }
  5047.  
  5048. .icon-level-up:before {
  5049. content: "\f148"; }
  5050.  
  5051. .icon-level-down:before {
  5052. content: "\f149"; }
  5053.  
  5054. .icon-check-sign:before {
  5055. content: "\f14a"; }
  5056.  
  5057. .icon-edit-sign:before {
  5058. content: "\f14b"; }
  5059.  
  5060. .icon-external-link-sign:before {
  5061. content: "\f14c"; }
  5062.  
  5063. .icon-share-sign:before {
  5064. content: "\f14d"; }
  5065.  
  5066. .icon-compass:before {
  5067. content: "\f14e"; }
  5068.  
  5069. .icon-collapse:before {
  5070. content: "\f150"; }
  5071.  
  5072. .icon-collapse-top:before {
  5073. content: "\f151"; }
  5074.  
  5075. .icon-expand:before {
  5076. content: "\f152"; }
  5077.  
  5078. .icon-euro:before,
  5079. .icon-eur:before {
  5080. content: "\f153"; }
  5081.  
  5082. .icon-gbp:before {
  5083. content: "\f154"; }
  5084.  
  5085. .icon-dollar:before,
  5086. .icon-usd:before {
  5087. content: "\f155"; }
  5088.  
  5089. .icon-rupee:before,
  5090. .icon-inr:before {
  5091. content: "\f156"; }
  5092.  
  5093. .icon-yen:before,
  5094. .icon-jpy:before {
  5095. content: "\f157"; }
  5096.  
  5097. .icon-renminbi:before,
  5098. .icon-cny:before {
  5099. content: "\f158"; }
  5100.  
  5101. .icon-won:before,
  5102. .icon-krw:before {
  5103. content: "\f159"; }
  5104.  
  5105. .icon-bitcoin:before,
  5106. .icon-btc:before {
  5107. content: "\f15a"; }
  5108.  
  5109. .icon-file:before {
  5110. content: "\f15b"; }
  5111.  
  5112. .icon-file-text:before {
  5113. content: "\f15c"; }
  5114.  
  5115. .icon-sort-by-alphabet:before {
  5116. content: "\f15d"; }
  5117.  
  5118. .icon-sort-by-alphabet-alt:before {
  5119. content: "\f15e"; }
  5120.  
  5121. .icon-sort-by-attributes:before {
  5122. content: "\f160"; }
  5123.  
  5124. .icon-sort-by-attributes-alt:before {
  5125. content: "\f161"; }
  5126.  
  5127. .icon-sort-by-order:before {
  5128. content: "\f162"; }
  5129.  
  5130. .icon-sort-by-order-alt:before {
  5131. content: "\f163"; }
  5132.  
  5133. .icon-thumbs-up:before {
  5134. content: "\f164"; }
  5135.  
  5136. .icon-thumbs-down:before {
  5137. content: "\f165"; }
  5138.  
  5139. .icon-youtube-sign:before {
  5140. content: "\f166"; }
  5141.  
  5142. .icon-youtube:before {
  5143. content: "\f167"; }
  5144.  
  5145. .icon-xing:before {
  5146. content: "\f168"; }
  5147.  
  5148. .icon-xing-sign:before {
  5149. content: "\f169"; }
  5150.  
  5151. .icon-youtube-play:before {
  5152. content: "\f16a"; }
  5153.  
  5154. .icon-dropbox:before {
  5155. content: "\f16b"; }
  5156.  
  5157. .icon-stackexchange:before {
  5158. content: "\f16c"; }
  5159.  
  5160. .icon-instagram:before {
  5161. content: "\f16d"; }
  5162.  
  5163. .icon-flickr:before {
  5164. content: "\f16e"; }
  5165.  
  5166. .icon-adn:before {
  5167. content: "\f170"; }
  5168.  
  5169. .icon-bitbucket:before {
  5170. content: "\f171"; }
  5171.  
  5172. .icon-bitbucket-sign:before {
  5173. content: "\f172"; }
  5174.  
  5175. .icon-tumblr:before {
  5176. content: "\f173"; }
  5177.  
  5178. .icon-tumblr-sign:before {
  5179. content: "\f174"; }
  5180.  
  5181. .icon-long-arrow-down:before {
  5182. content: "\f175"; }
  5183.  
  5184. .icon-long-arrow-up:before {
  5185. content: "\f176"; }
  5186.  
  5187. .icon-long-arrow-left:before {
  5188. content: "\f177"; }
  5189.  
  5190. .icon-long-arrow-right:before {
  5191. content: "\f178"; }
  5192.  
  5193. .icon-apple:before {
  5194. content: "\f179"; }
  5195.  
  5196. .icon-windows:before {
  5197. content: "\f17a"; }
  5198.  
  5199. .icon-android:before {
  5200. content: "\f17b"; }
  5201.  
  5202. .icon-linux:before {
  5203. content: "\f17c"; }
  5204.  
  5205. .icon-dribbble:before {
  5206. content: "\f17d"; }
  5207.  
  5208. .icon-skype:before {
  5209. content: "\f17e"; }
  5210.  
  5211. .icon-foursquare:before {
  5212. content: "\f180"; }
  5213.  
  5214. .icon-trello:before {
  5215. content: "\f181"; }
  5216.  
  5217. .icon-female:before {
  5218. content: "\f182"; }
  5219.  
  5220. .icon-male:before {
  5221. content: "\f183"; }
  5222.  
  5223. .icon-gittip:before {
  5224. content: "\f184"; }
  5225.  
  5226. .icon-sun:before {
  5227. content: "\f185"; }
  5228.  
  5229. .icon-moon:before {
  5230. content: "\f186"; }
  5231.  
  5232. .icon-archive:before {
  5233. content: "\f187"; }
  5234.  
  5235. .icon-bug:before {
  5236. content: "\f188"; }
  5237.  
  5238. .icon-vk:before {
  5239. content: "\f189"; }
  5240.  
  5241. .icon-weibo:before {
  5242. content: "\f18a"; }
  5243.  
  5244. .icon-renren:before {
  5245. content: "\f18b"; }
  5246.  
  5247. a:hover {
  5248. text-decoration: none; }
  5249.  
  5250. @media only screen and (min-width: 1200px) {
  5251. .container {
  5252. padding-left: 30px;
  5253. padding-right: 30px; } }
  5254. body {
  5255. min-width: 320px;
  5256. height: 100%;
  5257. font-size: 14px;
  5258. font: 14px/1.55 opensans;
  5259. line-height: 25px;
  5260. background: #fff;
  5261. color: #555555;
  5262. text-align: left;
  5263. }
  5264. body.content_only {
  5265. background: none; }
  5266.  
  5267. textarea {
  5268. resize: none; }
  5269.  
  5270. #header {
  5271. z-index: 5003; }
  5272.  
  5273. .columns-container {clear: both;}
  5274. #columns {
  5275. position: relative;
  5276. z-index: 9;
  5277. }
  5278. #left_column{}
  5279. #center_column{background: #fff;padding-top: 20px;padding-bottom: 28px;float: left;}
  5280. #index .tab-content {
  5281. margin-top: 35px;
  5282. margin-bottom: 34px; }
  5283.  
  5284. header {
  5285. z-index: 1;
  5286. /*position: relative;*/
  5287. }
  5288. header .header-inner{
  5289. position: relative;
  5290. clear: both;
  5291. z-index: 1;
  5292. background: #fff;
  5293. }
  5294. header .header-inner .header-content{padding-top: 30px;}
  5295. header .header-inner .header-content.container{padding: 30px 30px 0 30px;}
  5296.  
  5297. header .banner {
  5298. background: black;
  5299. max-height: 100%; }
  5300. header .banner .row {
  5301. margin: 0px; }
  5302. header .nav {
  5303. background: #fff;
  5304. margin: 0 -30px;
  5305. border-bottom: 1px solid #efefef;
  5306. padding: 10px 30px;
  5307. }
  5308. header .header-top{
  5309. height: 105px;
  5310. width: 100%;
  5311. position: absolute;
  5312. top: 0;
  5313. left: 0;
  5314. }
  5315. header .header-bottom{
  5316. height: 117px;
  5317. width: 100%;
  5318. position: absolute;
  5319. bottom: 0;
  5320. left: 0;
  5321. }
  5322. header .header_right{}
  5323. .block {
  5324. border: 1px solid #ededed;
  5325. margin: 35px 0 0 0;
  5326. background: #fff;
  5327. float: left;
  5328. }
  5329. .block .block_content{padding: 20px 20px 30px;float: left;}
  5330.  
  5331. @media (max-width: 767px) {
  5332. .block {
  5333. margin-bottom: 0px; } }
  5334. @media (max-width: 767px) {
  5335. .block .block_content {padding-bottom: 0;
  5336. width: 100%;
  5337. margin-top: 15px;
  5338. border-top: 1px solid #eee;
  5339. padding-bottom: 8px
  5340. }
  5341. }
  5342. .block .title_block, #best-sellers_block_right .title_block a, #wishlist_block .title_block a{
  5343. color: #444;
  5344. }
  5345. .block .title_block{
  5346. padding: 20px 25px 18px;
  5347. border-bottom: 1px solid #ededed;
  5348. line-height: 30px;
  5349. font-weight: bold;
  5350. display: block;
  5351. font-size: 23px;
  5352. font-family: OpenSansBold;
  5353. min-height: 16px;
  5354. text-transform: uppercase;
  5355. color: #444;
  5356. font-weight: normal;
  5357. margin: 0;
  5358. }
  5359.  
  5360. @media (min-width: 768px) and (max-width: 991px) {
  5361. .block .title_block,
  5362. .block h4 {
  5363. font-size: 20px; } }
  5364. @media (max-width: 767px) {
  5365. #right_column .block{
  5366. margin-bottom: 20px;
  5367. }
  5368. .block .list-block {
  5369. margin-top: 0; } }
  5370. .block .list-block ul{margin: 0;}
  5371. .block .list-block li {
  5372. padding: 5px 0;
  5373. border-top: 1px solid #d6d4d4; }
  5374. .block .list-block li a i {
  5375. display: none; }
  5376. .block .list-block li a:before {
  5377. content: "\f105";
  5378. display: inline;
  5379. font-family: "FontAwesome";
  5380. color: #777;
  5381. padding-right: 8px; }
  5382. .block .list-block li a:hover:before{
  5383. color: #65c178;
  5384. }
  5385. .block .list-block li a{font-size: 18px;}
  5386. .block .list-block li a:hover {
  5387. color: #65c178;
  5388. }
  5389. .block .list-block li:first-child {
  5390. border-top: none; }
  5391. .block .list-block .form-group {
  5392. padding-top: 20px;
  5393. border-top: 1px solid #d6d4d4;
  5394. margin-bottom: 0; }
  5395. .block .list-block .form-group select {
  5396. max-width: 270px; }
  5397. @media (max-width: 767px) {
  5398. .block .list-block .form-group select {
  5399. width: 270px; } }
  5400. .block .list-block .btn {
  5401. margin-top: 12px; }
  5402. .block .products-block li {
  5403. padding: 0 0 20px 0;
  5404. margin-bottom: 20px;
  5405. border-bottom: 1px solid #d6d4d4; }
  5406.  
  5407. .block .products-block li .products-block-image {
  5408. float: left;
  5409. background: #fff;
  5410. }
  5411. @media (min-width: 768px) and (max-width: 991px) {
  5412. .block .products-block li .products-block-image {
  5413. float: none;
  5414. display: inline-block;
  5415. text-align: center; } }
  5416. .block .products-block li .product-content {
  5417. overflow: hidden; }
  5418. .block .products-block li .product-content h5 {
  5419. margin: -3px 0 0 0; }
  5420. .block .products-block .product-name {
  5421. line-height: 15px; }
  5422. .block .products-block .product-description {
  5423. margin-bottom: 14px; }
  5424. .block .products-block .price-percent-reduction {
  5425. font: 700 14px/17px Arial, Helvetica, sans-serif;
  5426. padding: 1px 6px; }
  5427.  
  5428. /********************************** Language - Current *************************************************/
  5429. header #languages-block-top ul, header #currencies-block-top ul{
  5430. border: 1px solid #ececec;
  5431. background: #fff;
  5432. padding: 0 5px 5px;
  5433. }
  5434. #languages-block-top, #currencies-block-top div.current{
  5435. padding: 0 0 0 25px;
  5436. display: block;
  5437. color: #666;
  5438. text-align: left;
  5439. text-transform: capitalize;
  5440. font-weight: normal;
  5441. position: relative;
  5442. z-index: 8;
  5443. cursor: pointer;
  5444. height: 21px;
  5445. line-height: 21px;
  5446. }
  5447. #currencies-block-top div.current{background:url(../img/currency.png) no-repeat;}
  5448. #languages-block-top{background:url(../img/language.png) no-repeat;}
  5449. #languages-block-top div.current #first-languages a, #languages-block-top div.current #first-languages span
  5450. {
  5451. width: auto;
  5452. background: none;
  5453. padding: 5px 10px 0 20px;
  5454. line-height: 22px;
  5455. display: block;
  5456. color: #666;
  5457. text-transform: capitalize;
  5458. font-weight: normal;
  5459. font-size: 16px;
  5460. border-radius: 0;
  5461. border: 0;
  5462. box-shadow: none;
  5463. }
  5464. #languages-block-top div.current.active, #currencies-block-top div.current.active{
  5465. border-bottom-left-radius:0px;
  5466. border-bottom-right-radius:0px;
  5467. border-bottom: none;
  5468. }
  5469. #currencies-block-top div.current strong, #languages-block-top ul li a, #languages-block-top .current span{
  5470. font-weight: normal;
  5471. }
  5472. #currencies-block-top ul li a,
  5473. #currencies-block-top ul li > span {
  5474. background: #f5f5f5;
  5475. color: #666;
  5476. display: block;
  5477. text-decoration: none;
  5478. padding: 3px 10px;
  5479. }
  5480. #currencies-block-top ul li a:hover{
  5481. background: #ffa200;
  5482. color: #fff;
  5483. }
  5484. #languages-block-top .cur-label, #languages-block-top .current{display: inline-block;}
  5485. /********************************** Cart Block ********************************************************/
  5486. #header .shopping_cart{
  5487. background: #ffa200 url(../img/topcart.png) no-repeat 10px 50%;
  5488. float: right;
  5489. margin: 41px 0 0;
  5490. text-align: center;
  5491. width: 170px;
  5492. height: 50px;
  5493. cursor: pointer;
  5494. position: relative;
  5495. }
  5496. #header .shopping_cart:hover{background-color: #e44f4f;}
  5497. #header .shopping_cart b, .ajax_cart_no_product{color: #fff;font-weight: normal;float: left;}
  5498. #header .shopping_cart b{margin-right: 3px;}
  5499. #layer_cart .layer_cart_product h2 {font: 400 18px/24px Arial, Helvetica, sans-serif;color: #65c178;margin-bottom: 22px;}
  5500. #layer_cart .cross:hover {color: #65c178; }
  5501. .ie8 #layer_cart{top: 10%!important;}
  5502. .cart_block .cart-buttons a#button_order_cart {
  5503. margin-right: 0;
  5504. border: none;
  5505. text-shadow: none;
  5506. background: #65c178;
  5507. color: white;
  5508. padding: 0 15px;
  5509. text-align: center;
  5510. font-weight: bold;
  5511. margin: 0;
  5512. height: 44px;
  5513. line-height: 44px;
  5514. }
  5515. #header .cart_block .cart_block_list .ajax_cart_block_remove_link:hover {color: #65c178;}
  5516. #header .cart_block .price {color: #65c178;font-size: 13px;}
  5517. #header .cart_block .cart_block_shipping_cost, #header .cart_block_total.ajax_block_cart_tota{font-size: 16px;}
  5518. #header .cart_block .product-atributes a:hover {color: #65c178;}
  5519. .cart_block .cart-buttons a#button_order_cart:hover{background: #e44f4f;}
  5520.  
  5521. /********************************** Serach Block ********************************************************/
  5522. form#searchbox{width: 647px;}
  5523. #pos_search_top #pos_query_top{width: 420px;}
  5524. #search_block_top{position: absolute;z-index: 10;bottom: -50px;right: 72px; padding: 0 20px; float: left; height: 49px; display: inline-block; background: url("../img/bg-link.png") repeat-y scroll left center; }
  5525. #search_block_top .form-search{float: left;height: 28px;margin-top: 11px;}
  5526. #search_block_top:hover .form-search{border-radius: 10px; background: #fff; }
  5527. #search_block_top #search_query_top{background: none repeat scroll 0 0 transparent; color: #CCCCCC; float: left; height: 28px; line-height: 28px; padding:0 ; width: 0; border: 0; }
  5528. #search_block_top:hover #search_query_top{width: 230px;padding: 0 6px;}
  5529. #search_block_top .btn.button-search{float: right;padding: 0;background: none;border: none;}
  5530. #search_block_top .btn.button-search span {background: url("../img/icon-search.png") no-repeat 6px 6px; border: 0 none; height: 28px; padding: 0; width: 26px; text-indent: -9999px; display: inline-block; }
  5531. #search_block_top:hover .btn.button-search span{background: url("../img/icon-search.png") no-repeat 6px -23px;}
  5532. /************************************ Top links *********************************************/
  5533. .header_links_wrap{float: right;}
  5534. header #header_links{text-align: right; margin: 0;}
  5535. header #header_links li{padding: 0 15px 0 14px;line-height: 25px;border-right: 1px solid #e2e2e2;display: inline-block;}
  5536. header #header_links li.last{border: none;}
  5537. header #header_links li a {color: #555;text-decoration: none;text-transform: capitalize;}
  5538. header #header_links li a:hover {color: #e44f4f;}
  5539. /********************************** Header Static *************************************************/
  5540. .block-header{padding: 8px 0;}
  5541. .block-header .phone, .block-header .email {display: inline-block;padding-left: 25px;}
  5542. .block-header .phone{background: url(../img/phone.png) no-repeat scroll 0 50%;border-right: 1px solid #e2e2e2;margin-right: 14px;padding-right: 15px;}
  5543. .block-header .email{background: url(../img/mail.png) no-repeat scroll 0 50%;}
  5544. .block-header .email span{color: #e44f4f;}
  5545. /*********************************** Home Static Block 1**************************************/
  5546. .banner-static-contain {background: #fff;padding: 35px 0 10px 0;float: left;}
  5547. .home-banner-static .banner-box .banner-box-inner {padding: 20px 30px 20px 90px; border: 1px dashed #d7d7d7;}
  5548. .home-banner-static .banner-box .banner-box-inner .banner-title {color: #444;font-size: 21px;font-family: OpenSansBold;padding-bottom: 3px;}
  5549. .home-banner-static .banner-box1 .banner-box-inner {background: url(../img/free_shipping.png) no-repeat 30px 30px;}
  5550. .home-banner-static .banner-box2 .banner-box-inner {background: url(../img/money_back.png) no-repeat 30px 30px;}
  5551. .home-banner-static .banner-box3 .banner-box-inner {background: url(../img/payment.png) no-repeat 30px 30px;}
  5552. /*********************************** Home Static Block 2**************************************/
  5553. .banner-home-content{padding: 30px 0 10px;}
  5554. .banner-home-content img{width: 100%;}
  5555. /*********************************** Home Static Block 3**************************************/
  5556. .banner-static-home2{margin: 0 0 35px; clear: both; float: left; width: 100%;}
  5557. .banner-static-home2 .banner-title {padding: 10px 0;margin: 10px 0 0;border-bottom: 1px solid #ededed;}
  5558. .banner-static-home2 .banner-title h2 {margin: 0;text-transform: uppercase;font-size: 23px;font-family: opensansbold;line-height: 35px;}
  5559. .banner-static-home2 .banner-content {margin-top: 33px;border: 1px solid #ededed;}
  5560. .banner-static-home2 .banner-content .banner-content-inner {padding: 10px 0;}
  5561. .banner-static-home2 .banner-content .col {display: inline-block;width: 19%;text-align: center;border-right: 1px dashed #ededed;text-transform: capitalize;}
  5562. .banner-static-home2 .banner-content .col5{border-right:none;}
  5563. .banner-static-home2 .banner-content .col .col-title {color: #444;font-size: 18px;font-family: OpenSansBold;text-transform: capitalize;padding-bottom: 80px;}
  5564. .banner-static-home2 .banner-content .col1 .col-title {background: url(../img/step1.png) no-repeat center 45px;}
  5565. .banner-static-home2 .banner-content .col1:hover .col-title {background-position: center -172px;}
  5566. .banner-static-home2 .banner-content .col2 .col-title {background: url(../img/step2.png) no-repeat center 45px;}
  5567. .banner-static-home2 .banner-content .col2:hover .col-title {background-position: center -175px;}
  5568. .banner-static-home2 .banner-content .col3 .col-title {background: url(../img/step3.png) no-repeat center 45px;}
  5569. .banner-static-home2 .banner-content .col3:hover .col-title {background-position: center -168px;}
  5570. .banner-static-home2 .banner-content .col4 .col-title {background: url(../img/step4.png) no-repeat center 52px;}
  5571. .banner-static-home2 .banner-content .col4:hover .col-title {background-position: center -178px;}
  5572. .banner-static-home2 .banner-content .col5 .col-title {background: url(../img/final_step.png) no-repeat center 45px;}
  5573. .banner-static-home2 .banner-content .col5:hover .col-title {background-position: center -169px;}
  5574. /*********************************** Home Static Block 4**************************************/
  5575. .banner-home-content-2{padding: 20px 0;}
  5576. .banner-home-content-2 img{width: 100%;}
  5577. .banner-home-content-2 img:hover{opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8;}
  5578. /*********************************** Static Banner 7 ****************************************/
  5579. .static-block-7 .static1{margin-bottom: 16px;}
  5580. .static-block-7 img{width: 100%;}
  5581. .static-block-7 img:hover{opacity: 0.8;-moz-opacity: 0.8;-webkit-opacity: 0.8;}
  5582. /********************************* Social Sidebar *******************************************/
  5583. .web-links li {float: left;margin: 5px 5px 0 0;}
  5584. .web-links li a {display: block;text-indent: -9999px;width: 34px;height: 34px;}
  5585. .web-links li a.rss {background: url(../img/rss.png) no-repeat;}
  5586. .web-links li a.picasa {background: url(../img/picasa.png) no-repeat;}
  5587. .web-links li a.face {background: url(../img/face.png) no-repeat;}
  5588. .web-links li a.google {background: url(../img/google.png) no-repeat;}
  5589. .web-links li a.twitter {background: url(../img/twitter.png) no-repeat;}
  5590. /********************************* Megamenu *******************************************/
  5591. header .nav-container{background: #f5f5f5; margin-top: 30px; float: left; width: 100%;}
  5592. .pt_custommenu {position: relative; z-index: 99; font-size: 14px; margin: 0 auto; width: 100%; float: left;}
  5593. .pt_custommenu div.popup{border-bottom: 3px solid #65c178;}
  5594. .pt_custommenu div.pt_menu {float: left;}
  5595. .pt_custommenu div.pt_menu a, #pt_menu_pt_item_menu_custom_menu .parentMenu span{padding: 10px 15px; text-decoration: none; display: block; line-height: 40px; color: #444; text-transform: uppercase; font-size: 16px; font-family: opensansbold;}
  5596. .pt_custommenu div.pt_menu.active a, #pt_menu_pt_item_menu_custom_menu.active .parentMenu span,
  5597. #pt_menu_link a:hover, .pt_custommenu div.pt_menu.active .parentMenu a:hover{background-color: #e44f4f; color: #fff;}
  5598. .pt_custommenu div.pt_menu.act a{background-color: #65c178;color: #fff;}
  5599. .pt_custommenu div.pt_menu .itemMenu.level1 .itemMenuName{font-size: 14px; text-transform: capitalize; font-weight: normal; color: #fff; background: #65c178; padding-left: 10px; font-family: opensans; }
  5600. .pt_custommenu div.pt_menu .itemMenu.level1 .itemMenuName:hover{background-color: #e44f4f;}
  5601. .pt_custommenu div.pt_menu .itemSubMenu .itemMenuName{background: none !important; font-size: 12px !important;}
  5602. .pt_custommenu div.pt_menu .itemSubMenu .itemMenuName:hover{color: #0f4590!important;}
  5603.  
  5604. .pt_custommenu div.pt_menu .itemMenu .itemMenuName{font-size: 16px; font-family: opensansbold; text-transform: uppercase; font-weight: normal; color: #444; background: none; padding: 0; border-bottom: 1px solid #d2d2d2;}
  5605. .pt_custommenu div.pt_menu .itemMenu a:hover{color: #ffa200;}
  5606. .pt_custommenu div.pt_menu .itemSubMenu a.itemMenuName{line-height: 28px; color: #666; padding-left: 13px; text-transform: capitalize; font-weight: normal; font-size: 15px; padding: 0; font-family: opensans; border: none; }
  5607. .pt_custommenu div.pt_menu .itemSubMenu a:hover{color: #ffa200; }
  5608. .mobilemenu li.active a, .mobilemenu a:hover {color: #ffa200;}
  5609. .mobilemenu ul a:hover, .mobilemenu ul li.active a {color: #ffa200 !important;}
  5610. .mobilemenu ul ul a:hover, .mobilemenu ul ul li.active a, .mobilemenu ul li.active ul a:hover {color: #ffa200 !important;}
  5611. .pt_custommenu div.pt_menu .parentMenu:hover, .pt_custommenu div.pt_menu .parentMenu span.block-title:hover, .pt_custommenu #pt_menu_link ul li a.act, .pt_custommenu #pt_menu_link ul li a:hover, .pt_custommenu div.pt_menu.act{color: #ffa200;}
  5612. .mobilemenu ul ul ul a:hover, .mobilemenu ul ul ul li.active a, .mobilemenu ul ul li.active ul a:hover {color: #ffa200 !important; }
  5613. .mobilemenu ul ul ul ul a:hover, .mobilemenu ul ul ul ul li.active a, .mobilemenu ul ul ul li.active ul a:hover {color: #ffa200 !important; }
  5614.  
  5615. #popup_pt_item_menu_custom_menu{padding: 10px 0 0;}
  5616. .pt_custommenu #popup_pt_item_menu_custom_menu a.static-image{background: none;}
  5617. .static-fashion-trend .static-title{font-size: 32px; line-height: 36px; font-family: OpenSansBold; text-transform: uppercase; color: #333;}
  5618. .static-fashion-trend .static-title span {color: #ffa200;}
  5619. .static-fashion-trend .static-content li {line-height: 30px; padding-left: 25px; background: url(../img/check.png) no-repeat left center; }
  5620. .static-fashion-trend a.btn{position: relative; display: inline-block !important; padding: 0 20px !important; font-weight: bold; background-color: #65c178!important; white-space: normal; text-align: left; height: 44px; font-family: OpenSansBold !important; line-height: 44px !important; text-transform: capitalize !important;font-size: 18px !important;}
  5621. .static-fashion-trend a.btn:hover{background-color: #e44f4f!important;}
  5622. /********************************** Pos Sequence **************************************************/
  5623. .pos-banner7{margin-top: 30px; float: left; clear: both; width: 100%;}
  5624. /********************************** Search Category************************************************/
  5625. #pos_search_top label.name-search{display: none;}
  5626. #pos_search_top .btn-group.bootstrap-select{display: block;display: block; float: left; width: auto; }
  5627. .pos_search.form-group{display: block;float: left; margin: 0 !important;}
  5628. #pos_search_top .pos_search button.dropdown-toggle{width: 108px !important; box-shadow: none !important; background: #f6f6f6 !important; border: none !important; border-radius: 0 !important; height: 44px; padding-left: 10px; }
  5629. .pos_search.form-group select.selectpicker{display: none!important;}
  5630. .pos_search_query_top{display: none!important;}
  5631. #pos_search_top .dropdown-menu{padding:0;top: 45px;height: 300px !important;left: -3px;}
  5632. #pos_search_top input.btn-search{border: 0; text-transform: capitalize; width: 111px; line-height: 34px; display: block; background: #65c178; padding: 5px 20px; font-size: 18px !important; font-family: opensansbold; color: #fff; font-weight: bold; float: right; margin-left: 2px; }
  5633. #pos_search_top input.btn-search:hover{background-color: #e44f4f; }
  5634. .ie8 .top-cart{width: 150px!important;padding: 0!important;}
  5635. /**************************** Vegamenu *****************************************************/
  5636. .pt_vmegamenu div.popup {background-color: #fff; display: none; position: absolute; left: 0px !important; top: 0 !important; text-align: left; z-index: 3000; box-shadow: 0 -1px 2px 1px #ededed; border-bottom: 3px solid #65c178;}
  5637. .pt_vmegamenu .itemMenu a.itemMenuName{font-size: 16px; text-transform: uppercase; font-family: OpenSansBold; color: #444; line-height: 40px; display: block; border-bottom: 1px solid #ededed; }
  5638. .pt_vmegamenu .itemSubMenu a.itemMenuName{
  5639. color: #666;
  5640. text-transform: none;
  5641. font-weight: normal;font-family: OpenSans;
  5642. font-size: 14px;
  5643. line-height: 28px;
  5644. border: none;
  5645. }
  5646. .pt_vmegamenu .itemSubMenu a.itemMenuName:hover{
  5647. color: #ffa200;
  5648. }
  5649. /********************************** Best Seller ******************************************/
  5650. #best-sellers_block_right .title_block{padding: 20px 25px;line-height: 31px;border-bottom: 1px solid #ededed;background: url(../img/hot.png) no-repeat scroll 65% 16px;}
  5651. #best-sellers_block_right .block_content{padding: 0;}
  5652. #best-sellers_block_right .block_content ul.products-block{margin: 0;}
  5653. #best-sellers_block_right .block_content li{clear: both;padding: 27px 20px;border-bottom: 1px solid #ededed;margin: 0;}
  5654. #best-sellers_block_right .block_content > li{padding-top: 0;}
  5655. #best-sellers_block_right .block_content li .products-block-image, #best-sellers_block_right .block_content li .product-content{margin: 0;}
  5656. #best-sellers_block_right .block_content li .products-block-image{display: block;border: 1px solid #ededed;}
  5657. #best-sellers_block_right .block_content li .product-content{padding-left: 0;}
  5658. #best-sellers_block_right .comments_note{margin-top: 2px;}
  5659. #best-sellers_block_right .lnk{text-align: right;
  5660. padding: 20px 20px 20px 0;
  5661. }
  5662. #best-sellers_block_right .img-responsive{width: 100%;}
  5663. .ie8 #best-sellers_block_right .img-responsive{width: auto!important;}
  5664. #best-sellers_block_right .price-box{margin-top: 3px;}
  5665. #best-sellers_block_right .price-box .price{
  5666. font-weight: normal;
  5667. font-size: 18px;
  5668. font-family: OpenSansBold;
  5669. color: #65c178;
  5670. }
  5671.  
  5672. /********************************** Tab Category Slider ******************************************/
  5673. .tab_category1, .tab_category2, #tab_new_product, #tab_special_product, #tab_feature_product, #tab_besseller_product{ margin: 0 -8px;}
  5674. .cate_title{
  5675. padding: 10px 0;
  5676. margin: 0;
  5677. border-bottom: 1px solid #ededed;
  5678. }
  5679. .tab-category-container .cate_title{padding-top: 0;margin-top: -8px;}
  5680. .cate_title h2, .pos-logo h2, .posproductcategory .posproductcategory-title h2{
  5681. margin: 0;
  5682. text-transform: uppercase;
  5683. font-size: 23px;
  5684. font-family: opensansbold;
  5685. line-height: 35px;
  5686. }
  5687. .tab-category-container-slider{position: relative;z-index: 100;clear: both;}
  5688. .tab-category{position: relative;}
  5689. .des-tab{display: none;}
  5690. div.bx-wrapper{
  5691. margin: 0 0 20px;
  5692. position: relative;
  5693. zoom: 1;
  5694. padding: 20px 20px 30px;
  5695. overflow: hidden;
  5696. }
  5697. .owl-carousel{overflow: hidden;}
  5698.  
  5699. ul.tab_cates, ul.tab_cates, .product-tabs-slider ul.tabs{
  5700. margin: 10px 0 25px;
  5701. padding: 0;
  5702. list-style: none! important;
  5703. width: 100%;
  5704. overflow: hidden;
  5705. }
  5706. ul.tab_cates li, ul.tab_cates li, .product-tabs-slider ul.tabs li{
  5707. float: left;
  5708. margin: 0;
  5709. cursor: pointer;
  5710. padding: 0px 21px;
  5711. height: 25px;
  5712. line-height: 25px;
  5713. border-left: none;
  5714. font-weight: normal;
  5715. text-transform: capitalize;
  5716. list-style: none;
  5717. overflow: hidden;
  5718. position: relative;
  5719. border-right: 1px solid #ededed;
  5720. }
  5721. ul.tab_cates li:first-child, ul.tab_cates li:first-child, .product-tabs-slider ul.tabs li:first-child{
  5722. padding-left: 0;
  5723. }
  5724. ul.tab_cates .tab-categories, ul.tab_cates .tab-categories, .product-tabs-slider li span.tab-categories{
  5725. padding-left: 23px;
  5726. background: url(../img/all_items.png) no-repeat left 1px;
  5727. }
  5728. ul.tab_cates li .tab-categories:hover, ul.tab_cates li.active .tab-categories,
  5729. ul.tab_cates li .tab-categories:hover, ul.tab_cates li.active .tab-categories,
  5730. .product-tabs-slider li span.tab-categories:hover, .product-tabs-slider li.active span.tab-categories
  5731. {
  5732. background-position: left -42px;
  5733. }
  5734. ul.tab_cates li .tab-categories:hover>span, ul.tab_cates li.active .tab-categories>span,
  5735. ul.tab_cates li .tab-categories:hover>span, ul.tab_cates li.active .tab-categories>span,
  5736. .product-tabs-slider li .tab-categories:hover>span, .product-tabs-slider li.active .tab-categories>span
  5737. {
  5738. background-position: left -40px;
  5739. border-bottom: 1px solid #ddd;
  5740. }
  5741. ul.tab_cates li .tab12, ul.tab_cates li .tab15, ul.tab_cates li .tab18,
  5742. .product-tabs-slider li span.tab_special_product{
  5743. background: url(../img/tab1.png) no-repeat left 0px;
  5744. }
  5745. ul.tab_cates li .tab12:hover, ul.tab_cates li.active .tab12,
  5746. ul.tab_cates li .tab15:hover, ul.tab_cates li.active .tab15,
  5747. ul.tab_cates li .tab18:hover, ul.tab_cates li.active .tab18,
  5748. .product-tabs-slider li span.tab_special_product:hover,
  5749. .product-tabs-slider li.active span.tab_special_product
  5750. {
  5751. background-position: left -52px;
  5752. }
  5753. ul.tab_cates li .tab13, ul.tab_cates li .tab16, ul.tab_cates li .tab19,
  5754. .product-tabs-slider li span.tab_feature_product
  5755. {
  5756. background: url(../img/tab2.png) no-repeat left -1px;
  5757. }
  5758. ul.tab_cates li .tab13:hover, ul.tab_cates li.active .tab13,
  5759. ul.tab_cates li .tab16:hover, ul.tab_cates li.active .tab16,
  5760. ul.tab_cates li .tab19:hover, ul.tab_cates li.active .tab19,
  5761. .product-tabs-slider li span.tab_feature_product:hover, .product-tabs-slider li.active span.tab_feature_product
  5762. {background-position: left -56px; }
  5763.  
  5764. .owl-item{float: left;}
  5765. .wrap-item{padding: 0 8px 5px;}
  5766. .item{float: left; width: 100%; background: none repeat scroll 0 0 #fff; border: 1px solid #ededed; border-radius: 5px; position: relative; }
  5767. #category .item{margin: 0;float: left;}
  5768. .item .item-inner{border: 2px solid transparent; position: relative; overflow: hidden;}
  5769. .item:hover, .item:hover .item-inner{border-color: #ffa200; }
  5770. .shopping_cart .item:hover, .shopping_cart .item{border: none;margin: 0;}
  5771. #order .item:hover{border-color:#d6d4d4;}
  5772. .item-inner-top{padding: 10px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;}
  5773. .product-name a {color: #666;font-size: 14px;text-transform: capitalize;font-family: opensans;}
  5774. .shopping_cart .product-name a{font-size: 13px;}
  5775. ul.product_list.grid .product-desc{}
  5776. ul.product_list.list .item-inner-top .actions, ul.product_list.list .item-inner-top h5, ul.product_list.list .item-inner-top .comments_note, ul.product_list.list .item-inner-top .content_price{display: none;}
  5777. ul.product_list.grid .item-inner .product_image{margin:10px 0 18px;display: block;}
  5778.  
  5779. .product-name {height: 203px;margin: 0;font-weight: normal;line-height: 15px;}
  5780. .item:hover .item-inner-top .product-name, .item:hover .item-inner-top .comments_note, .item:hover .item-inner-top .content_price{
  5781.  
  5782. }
  5783. .product-name a:hover {color: #333;text-decoration: none;}
  5784. .comments_note{font-size: 11px;margin: 1px 0;width: 100%;float: left;}
  5785. .comments_note .star_content{float: left;}
  5786. .comments_note .nb-comments{display: none;}
  5787.  
  5788. .item .item-inner .des-inbox {
  5789. padding: 10px;
  5790. background: url(../img/bg_des_inbox.png);
  5791. position: absolute;
  5792. bottom: -100%;
  5793. width: 100%;
  5794. transition: all 0.3s ease-out;
  5795. -webkit-transition: all 0.3s ease-out;
  5796. -moz-transition: all 0.3s ease-out;
  5797. }
  5798. .item:hover .item-inner .des-inbox{
  5799. bottom: 0;
  5800. }
  5801. .item .item-inner .des-inbox .button-container{
  5802. padding-top: 10px;
  5803. border-top: 1px solid #efefef;
  5804. width: 100%;
  5805. float: left;
  5806. }
  5807. ul.product_list.list .item-left .item-inner-top{padding: 0;}
  5808. .item-left{position: static;}
  5809. .item-left-inner{border: 1px solid #ededed; position: relative;}
  5810. ul.product_list.list .product-name{text-transform: uppercase; font-family: OpenSansBold; font-size: 14px;}
  5811. .item-left-inner .product_image{display: block;}
  5812. .item-left-inner img{padding: 20px 0;}
  5813. /********************************** Tab category *************************************/
  5814. ul.productTabCategory {
  5815. margin-bottom: 15px;
  5816. clear: both;
  5817. float: left;
  5818. width: 100%;
  5819. }
  5820. .tab-category-container .tab_category{
  5821. width: 100%;
  5822. margin: 0 -15px;
  5823. float: left;
  5824. min-height: 275px;
  5825. }
  5826. .tab-category-container .tab_category img{max-width: 100%;}
  5827. li.tab-category-item.ajax_block_product{}
  5828. .productTabCategory .item{margin: 0;}
  5829.  
  5830. ul.product_list.grid .review-price{padding: 9px 0;}
  5831. .review-price .content_price{float: left;}
  5832. .review-price .comments_note{float: right;margin-top: 1px;}
  5833. .product_list.grid .review-price .comments_note{margin-top: -1px;}
  5834. .review-price .comments_note .nb-comments{display: none;}
  5835. .content_price{margin:3px 0;clear: both;}
  5836.  
  5837. .price-box {float: left;width: 100%;}
  5838. .old-price.product-price{font-weight: normal;
  5839. color: #aaa;
  5840. font-size: 14px;
  5841. font-family: OpenSans;
  5842. text-decoration: line-through;}
  5843. .price.product-price{font-weight: normal;
  5844. font-size: 18px;
  5845. font-family: OpenSansBold;
  5846. color: #65c178;}
  5847. .button.ajax_add_to_cart_button{
  5848. padding: 0;
  5849. width: 100%;
  5850. }
  5851. .button.ajax_add_to_cart_button span{
  5852. display: block;
  5853. background: #65c178;
  5854. padding: 0 20px;
  5855. font-size: 18px;
  5856. font-family: OpenSansBold;
  5857. height: 44px;
  5858. line-height: 44px;
  5859. text-align: center;
  5860. white-space: nowrap;
  5861. color: #fff;
  5862. text-transform: capitalize;
  5863. border-radius: 3px;
  5864. -moz-border-radius: 3px;
  5865. -webkit-border-radius: 3px;
  5866. }
  5867. .button.ajax_add_to_cart_button:hover span{
  5868. background-color: #e44f4f;
  5869. }
  5870.  
  5871. .button.button-small{
  5872. color: #777;
  5873. font-size: 18px;
  5874. padding: 4px 12px;
  5875. border: none;
  5876. background: #f1f1f1;
  5877. display: inline-block;
  5878. margin: 5px 2px 0 0;
  5879. font-weight: normal;
  5880. height: 34px;
  5881. }
  5882. .add-to-links {
  5883. font-size: 11px;
  5884. margin: 5px 0 0;
  5885. }
  5886. .item .item-inner .add-to-links li a{
  5887. width: 30px;
  5888. height: 30px;
  5889. position: absolute;
  5890. text-indent: -9999px;
  5891. left: -100%;
  5892. }
  5893. .product-tabs-slider ul li a{
  5894. width: 30px;
  5895. height: 30px;
  5896. text-indent: -9999px;
  5897. }
  5898. .item .item-inner .add-to-links li a.addToWishlist{background: #aaa url(../img/wishlist.png); top: 10px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
  5899. .product-tabs-slider a.addToWishlist{background: #aaa url(../img/wishlist.png); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
  5900. .item .item-inner .add-to-links li a.addToWishlist:hover, .item .item-inner .add-to-links li a.quick-view:hover, .product-tabs-slider a.quick-view:hover,
  5901. ul.product_list.grid .item .item-inner .add-to-links li a.add_to_compare:hover, ul.product_list.grid .item .item-inner .add-to-links li a.add_to_compare.checked, .product-tabs-slider a.addToWishlist:hover, .product-tabs-slider a.quick-view:hover
  5902. {
  5903. background-color: #65c178;
  5904. }
  5905. .item:hover .item-inner .add-to-links li a.addToWishlist, .item:hover .item-inner .add-to-links li a.quick-view,
  5906. ul.product_list.grid .item:hover .item-inner .add-to-links li a.add_to_compare
  5907. {
  5908. left: 10px;
  5909. }
  5910. .item .item-inner .add-to-links li a.quick-view{top: 46px; background: #aaa url(../img/quickview.png); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
  5911. .product-tabs-slider a.quick-view{background: #aaa url(../img/quickview.png); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
  5912. ul.product_list.grid .item .item-inner .add-to-links li a.add_to_compare{
  5913. background: #aaa url(../img/compare-grid.png);
  5914. top: 82px;
  5915. transition: all 0.3s ease-out;
  5916. -webkit-transition: all 0.3s ease-out;
  5917. -moz-transition: all 0.3s ease-out;
  5918. border-radius: 2px;
  5919. -moz-border-radius:2px;
  5920. -webkit-border-radius:2px;
  5921. }
  5922.  
  5923. .owl-item img{max-width: 100%;}
  5924. .owl-item:hover .actions {bottom: 50%;}
  5925.  
  5926. .add-to-links li {margin-left: 6px;display: inline;float: left;}
  5927. .add-to-links li a {
  5928. display: inline-block;
  5929. padding: 3px 0;
  5930. width: 30px;
  5931. height: 30px;
  5932. }
  5933. .icon-check-square-o:before{
  5934. content: "\f046";
  5935. font-family: "FontAwesome";
  5936. font-size: 15px;
  5937. color: #fff;
  5938. }
  5939. .icon-search-plus:before {
  5940. content: "\f00e";
  5941. font-family: "FontAwesome";
  5942. font-size: 15px;
  5943. color: #fff;
  5944. }
  5945. .owl-item .button-container{float: left;}
  5946. .tab-category a.btn-slider, .product-tabs-slider a.btn-slider{
  5947. position: absolute;
  5948. top: 9px;
  5949. width: 31px;
  5950. height: 31px;
  5951. line-height: 37px;
  5952. text-align: center;
  5953. background: #919191;
  5954. cursor: pointer;
  5955. border-radius: 2px;
  5956. -webkit-border-radius: 2px;
  5957. -moz-border-radius: 2px;
  5958. }
  5959. .tab-category a.btn-slider:hover, .product-tabs-slider a.btn-slider:hover{background: #65c178;}
  5960. .tab-category a.btn-slider.prev, .product-tabs-slider a.btn-slider.prev{right: 34px;}
  5961. .tab-category a.btn-slider.next, .product-tabs-slider a.btn-slider.next{right: 0;}
  5962. .tab-category .icon-angle-left:before, .tab-category .icon-angle-right:before,
  5963. .product-tabs-slider .icon-angle-left:before, .product-tabs-slider .icon-angle-right:before
  5964. {
  5965. font-size: 21px;
  5966. color: #fff;
  5967. font-weight: bold;
  5968. vertical-align: 1px;
  5969. }
  5970. /*********************************** Pos Product Tab Slider ***********************************************/
  5971. .product-tabs-slider{position: relative;float: left;width: 100%;}
  5972. .product-tabs-slider .cate_title{margin: 0 0 20px 0;}
  5973. .product-tabs-slider .images-container a{display: block; border: 1px solid #ededed; border-radius: 2px;}
  5974. .wrap-item:hover .images-container a {border-color: #ffa200;}
  5975. .product-tabs-slider .images-container a img{width: 100%;}
  5976. .product-tabs-slider a.button{height: 30px;line-height: 30px;}
  5977. .product-tabs-slider .button.ajax_add_to_cart_button span{padding:0 10px;height: 30px;line-height: 30px;font-size: 13px;}
  5978. .product-tabs-slider .actions2{clear: both;opacity: 0;float: left; width: 100%; margin-top: 2px!important;}
  5979. .product-tabs-slider .add-to-links{margin: 0;}
  5980. .product-tabs-slider .wrap-item:hover .actions2{opacity: 1;}
  5981. .product-tabs-slider .wrap-item{clear: both;float: left;width: 100%;padding: 0;margin: 10px 0;}
  5982. .product-tabs-slider .button-container{margin-right: 1px;}
  5983. .product-tabs-slider .add-to-links li{margin-left: 3px;}
  5984. .product-tabs-slider .comments_note{margin: 3px 0 0 0;}
  5985. .product-tabs-slider .content_price{margin: 6px 0 4px;}
  5986. /*********************************** Pos Logo ***********************************************/
  5987. .pos-logo-container{float: left;clear: both;}
  5988. #product .pos-logo-container{margin-top: -10px!important;}
  5989. .pos-logo-container li a{display: block;background: #f6f6f6;border: 3px solid #f6f6f6;}
  5990. .pos-logo-container li a:hover{background: none;border-color: #ffa200;}
  5991. .pos-logo-container img{width: 100%;display: block;}
  5992. /*********************************** Footer ***********************************************/
  5993. .footer-container{background: #fff;color: #666;border-top: 1px solid #ededed;position: relative;z-index: 9;float: left; margin-top: 30px;}
  5994. .top-footer{padding: 30px 0;float: left;}
  5995. .footer-container .container {position: relative;z-index: 99;}
  5996. .footer-static-title {margin-bottom: 5px;}
  5997. .footer-static-title h4 {font-size: 21px;font-family: OpenSansBold;line-height: 32px;margin: 0;font-weight: normal;}
  5998. .footer-static-content .logo {display: block;margin: 17px 0 20px;}
  5999. .footer-static-content .web-links {margin-top: 10px;}
  6000. .footer-static-content ul li {}
  6001. .footer-static .block_content li {padding-left: 25px;background: url(../img/li_footer.png) no-repeat left 9px;line-height: 32px;}
  6002. .footer-static .block_content li:hover {background-position: left -41px;}
  6003. .footer-static .f-col3 li {position: relative;padding-left: 25px;line-height: 32px;}
  6004. .footer-static .f-col3 li span {position: absolute;display: block;width: 20px; height: 20px; line-height: 20px; background: #65c178; left: 0; margin: auto; top: 0; bottom: 0; color: #fff; text-align: center; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
  6005. .footer-static .f-col3 li:hover span{background: #ffa200;}
  6006. .footer-static li:hover a{color: #ffa200;}
  6007. .footer-static .f-col4 .footer-static-content {line-height: 28px;}
  6008. .footer-static .f-col4 .footer-static-content .address {padding-left: 25px;background: url(../img/address.png) no-repeat left 5px;}
  6009. .footer-static .f-col4 .footer-static-content .phone {padding-left: 25px; background: url(../img/phone_footer.png) no-repeat left 5px; }
  6010. .footer-static .f-col4 .footer-static-content .mail {padding-left: 25px; background: url(../img/mail.png) no-repeat left 5px; }
  6011.  
  6012. .link-category, .payment, .footer{float: left;clear: both;}
  6013. .footer-container #footer .bottom-footer .footer-static{border-top: 1px solid #ededed; padding: 15px 0; float: left; clear: both; width: 100%;}
  6014. .footer-container #footer .bottom-footer .link-category li {padding: 0 11px 0 10px;border-right: 1px solid #ddd;line-height: 14px;display: inline-block;}
  6015. .footer-container #footer .bottom-footer .footer-static li:first-child {padding-left: 0;}
  6016. .footer-container #footer .bottom-footer .link-category li:last-child{border-right:none;}
  6017. .footer-container #footer .bottom-footer .link-category li a{text-transform: capitalize;}
  6018. .payment{margin-bottom: 10px;}
  6019. .payment li {margin-right: 10px;display: inline-block;}
  6020.  
  6021.  
  6022. .footer-container .footer{margin: 0 auto; padding: 10px 0; line-height: 28px;width:100%;}
  6023. .footer-container .footer .links {display: block;text-align: left;margin: 0;}
  6024. .footer-container .footer .links li.first {padding-left: 0 !important;}
  6025. .footer-container .footer .links li{display: inline-block; padding: 0 7px 0 4px; border-right: 1px solid #ddd; line-height: 14px;}
  6026. .footer-container .footer .links li.last {background: none !important; padding-right: 0 !important; border-right: 0; }
  6027.  
  6028. .footer-container #footer .bottom-footer address, .footer-container #footer .bottom-footer address a{margin: 0; color: #666;}
  6029. .footer-container #footer .bottom-footer address a{color: #65c178;}
  6030. .footer-container #footer .bottom-footer address a:hover{color: #ffa200;}
  6031. .footer-container #footer .bottom-footer .f-images{text-align: right;}
  6032. /***************************** Category ********************************************/
  6033. .category-title {margin: 0;border-bottom: 0;padding-bottom: 12px;}
  6034. .page-title h1 {
  6035. margin: 10px 0 0;
  6036. font-size: 23px;
  6037. color: #444;
  6038. text-transform: uppercase;
  6039. font-family: OpenSansBold;
  6040. }
  6041.  
  6042.  
  6043. header .nav .row {
  6044. margin: 0px; }
  6045. header .nav nav {
  6046. width: 100%; }
  6047. header .row {
  6048. }
  6049. header .row > .container {
  6050. position: relative; }
  6051. header .row #header_logo {
  6052. padding: 15px; }
  6053. header .row #header_logo a img{
  6054. float: left;
  6055. }
  6056. @media (max-width: 767px) {
  6057. header .row #header_logo {
  6058. padding-top: 15px; }
  6059. header .row #header_logo img {
  6060. margin: 0 auto; } }
  6061. @media (min-width: 767px) {
  6062. header .col-sm-4 + .col-sm-4 + .col-sm-4, header .row #header_logo + .col-sm-4 + .col-sm-4, header .row .col-sm-4 + #header_logo + .col-sm-4, header .row #header_logo + #header_logo + .col-sm-4, header .row .col-sm-4 + .col-sm-4 + #header_logo, header .row #header_logo + .col-sm-4 + #header_logo, header .row .col-sm-4 + #header_logo + #header_logo, header .row #header_logo + #header_logo + #header_logo {
  6063. float: right; } }
  6064.  
  6065. .ie8 #header #header_logo {
  6066. width: 350px; }
  6067.  
  6068. #center_column .page_product_box h3 {
  6069. color: #555454;
  6070. text-transform: uppercase;
  6071. font-family: "opensans", sans-serif;
  6072. font-weight: 600;
  6073. font-size: 18px;
  6074. line-height: 20px;
  6075. padding: 14px 20px 17px;
  6076. margin: 0 0 20px;
  6077. position: relative;
  6078. border: 1px solid #d6d4d4;
  6079. border-bottom: none;
  6080. background: #fbfbfb; }
  6081.  
  6082. p.info-title {
  6083. font-weight: bold;
  6084. color: #333333;
  6085. margin-bottom: 25px; }
  6086.  
  6087. p.info-account {
  6088. margin: -4px 0 24px 0; }
  6089.  
  6090. .dark {
  6091. color: #333333; }
  6092.  
  6093. .main-page-indent {
  6094. margin-bottom: 30px; }
  6095.  
  6096. .alert {
  6097. font-weight: bold; }
  6098. .alert ul, .alert ol {
  6099. padding-left: 15px;
  6100. margin-left: 27px; }
  6101. .alert ul li, .alert ol li {
  6102. list-style-type: decimal;
  6103. font-weight: normal; }
  6104. .alert.alert-success {
  6105. text-shadow: 1px 1px rgba(0, 0, 0, 0.1); }
  6106. .alert.alert-success:before {
  6107. font-family: "FontAwesome";
  6108. content: "\f058";
  6109. font-size: 20px;
  6110. vertical-align: -2px;
  6111. padding-right: 7px; }
  6112. .alert.alert-danger {
  6113. text-shadow: 1px 1px rgba(0, 0, 0, 0.1); }
  6114. .alert.alert-danger:before {
  6115. font-family: "FontAwesome";
  6116. content: "\f057";
  6117. font-size: 20px;
  6118. vertical-align: -2px;
  6119. padding-right: 7px;
  6120. float: left; }
  6121.  
  6122. .label {
  6123. white-space: normal;
  6124. display: inline-block;
  6125. padding: 6px 10px; }
  6126.  
  6127. label.required:before {
  6128. content: "*";
  6129. color: red;
  6130. font-size: 14px;
  6131. position: relative;
  6132. line-height: 12px; }
  6133.  
  6134. .unvisible {
  6135. display: none; }
  6136.  
  6137. .checkbox {
  6138. line-height: 16px; }
  6139. .checkbox label {
  6140. color: #777777; }
  6141.  
  6142. .close {
  6143. opacity: 1; }
  6144. .close:hover {
  6145. opacity: 1; }
  6146.  
  6147. input.button_mini,
  6148. input.button_small,
  6149. input.button,
  6150. input.button_large,
  6151. input.button_mini_disabled,
  6152. input.button_small_disabled,
  6153. input.button_disabled,
  6154. input.button_large_disabled,
  6155. input.exclusive_mini,
  6156. input.exclusive_small,
  6157. input.exclusive,
  6158. input.exclusive_large,
  6159. input.exclusive_mini_disabled,
  6160. input.exclusive_small_disabled,
  6161. input.exclusive_disabled,
  6162. input.exclusive_large_disabled,
  6163. a.button_mini,
  6164. a.button_small,
  6165. a.button,
  6166. a.button_large,
  6167. a.exclusive_mini,
  6168. a.exclusive_small,
  6169. a.exclusive,
  6170. a.exclusive_large,
  6171. span.button_mini,
  6172. span.button_small,
  6173. span.button_large,
  6174. span.exclusive_mini,
  6175. span.exclusive_small,
  6176. span.exclusive,
  6177. span.exclusive_large,
  6178. span.exclusive_large_disabled, .button.button-small{
  6179. position: relative;
  6180. display: inline-block;
  6181. padding: 0 20px;
  6182. font-weight: bold;
  6183. color: #fff;
  6184. background: #65c178;
  6185. cursor: pointer;
  6186. white-space: normal;
  6187. text-align: left;
  6188. height: 44px;
  6189. font-family: OpenSansBold;
  6190. }
  6191. .button.button-small:hover{
  6192. background-color: #555;
  6193. }
  6194. #product .button-container .btn-default:hover, .cart_navigation .btn-default:hover, #layer_cart .layer_cart_cart .button-container .btn:hover{
  6195. color: #fff;
  6196. background-color: #e44f4f;;text-shadow:none;
  6197. }
  6198. #layer_cart .layer_cart_cart .button-container .proceed_checkout{float: right;margin-top: 0;}
  6199.  
  6200. *:first-child + html input.button_mini,
  6201. *:first-child + html input.button_small,
  6202. *:first-child + html input.button,
  6203. *:first-child + html input.button_large,
  6204. *:first-child + html input.button_mini_disabled,
  6205. *:first-child + html input.button_small_disabled,
  6206. *:first-child + html input.button_disabled,
  6207. *:first-child + html input.button_large_disabled,
  6208. *:first-child + html input.exclusive_mini,
  6209. *:first-child + html input.exclusive_small,
  6210. *:first-child + html input.exclusive,
  6211. *:first-child + html input.exclusive_large,
  6212. *:first-child + html input.exclusive_mini_disabled,
  6213. *:first-child + html input.exclusive_small_disabled,
  6214. *:first-child + html input.exclusive_disabled,
  6215. *:first-child + html input.exclusive_large_disabled {
  6216. border: none; }
  6217.  
  6218. input.button_mini:hover,
  6219. input.button_small:hover,
  6220. input.button:hover,
  6221. input.button_large:hover,
  6222. input.exclusive_mini:hover,
  6223. input.exclusive_small:hover,
  6224. input.exclusive:hover,
  6225. input.exclusive_large:hover,
  6226. a.button_mini:hover,
  6227. a.button_small:hover,
  6228. a.button:hover,
  6229. a.button_large:hover,
  6230. a.exclusive_mini:hover,
  6231. a.exclusive_small:hover,
  6232. a.exclusive:hover,
  6233. a.exclusive_large:hover {
  6234. text-decoration: none;
  6235. background-position: left -50px; }
  6236.  
  6237. input.button_mini:active,
  6238. input.button_small:active,
  6239. input.button:active,
  6240. input.button_large:active,
  6241. input.exclusive_mini:active,
  6242. input.exclusive_small:active,
  6243. input.exclusive:active,
  6244. input.exclusive_large:active,
  6245. a.button_mini:active,
  6246. a.button_small:active,
  6247. a.button:active,
  6248. a.button_large:active,
  6249. a.exclusive_mini:active,
  6250. a.exclusive_small:active,
  6251. a.exclusive:active,
  6252. a.exclusive_large:active {
  6253. background-position: left -100px; }
  6254.  
  6255. input.button_disabled,
  6256. input.exclusive_disabled,
  6257. span.exclusive {
  6258. border: 1px solid #cccccc;
  6259. color: #999999;
  6260. background: url(../img/bg_bt_2.gif) repeat-x 0 0 #cccccc;
  6261. cursor: default; }
  6262.  
  6263. .btn.disabled,
  6264. .btn[disabled]:hover {
  6265. opacity: 0.5; }
  6266.  
  6267. /*.button.button-small {
  6268. font: bold 13px/17px Arial, Helvetica, sans-serif;
  6269. color: white;
  6270. background: #6f6f6f;
  6271. border: 1px solid;
  6272. border-color: #666666 #5f5f5f #292929 #5f5f5f;
  6273. padding: 0;
  6274. text-shadow: 1px 1px rgba(0, 0, 0, 0.24);
  6275. -webkit-border-radius: 0;
  6276. -moz-border-radius: 0;
  6277. border-radius: 0; }*/
  6278. /* .button.button-small span {
  6279. display: block;
  6280. padding: 3px 8px 3px 8px;
  6281. border: 1px solid;
  6282. border-color: #8b8a8a; }*/
  6283. .button.button-small span i {
  6284. vertical-align: 0px;
  6285. margin-right: 5px; }
  6286. .button.button-small span i.right {
  6287. margin-right: 0;
  6288. margin-left: 5px; }
  6289. /* .button.button-small span:hover {
  6290. background: #575757;
  6291. border-color: #303030 #303030 #666666 #444444; }*/
  6292.  
  6293. .button.button-medium {
  6294. color: #fff;
  6295. font-size: 16px !important;
  6296. padding: 0 12px;
  6297. background: #65c178;
  6298. display: inline-block;
  6299. margin: 0;
  6300. height: 44px;
  6301. line-height: 44px;
  6302. font-weight: bold;
  6303. font-family: 'opensans';
  6304. border-radius: 2px;
  6305. border: none;
  6306. }
  6307. .button.button-medium span i.left {
  6308. font-size: 19px;
  6309. vertical-align: -2px;
  6310. margin: -4px 5px 0 0;
  6311. display: inline-block;}
  6312. @media (max-width: 480px) {
  6313. .button.button-medium span i.left {
  6314. margin-right: 5px; } }
  6315. .button.button-medium span i.right {
  6316. margin-right: 0;
  6317. margin-left: 5px; }
  6318. @media (max-width: 480px) {
  6319. .button.button-medium span i.right {
  6320. margin-left: 5px; } }
  6321. .button.button-medium:hover {
  6322. background: #e44f4f;
  6323. color: #fff;
  6324. }
  6325.  
  6326. .button.button-medium.exclusive {
  6327. border-color: #db8600 #d98305 #c86d26 #d98305;
  6328. background: #fdaa02;
  6329. background: -moz-linear-gradient(top, #fdaa02 0%, #fe9702 100%);
  6330. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdaa02), color-stop(100%, #fe9702));
  6331. background: -webkit-linear-gradient(top, #fdaa02 0%, #fe9702 100%);
  6332. background: -o-linear-gradient(top, #fdaa02 0%, #fe9702 100%);
  6333. background: -ms-linear-gradient(top, #fdaa02 0%, #fe9702 100%);
  6334. background: linear-gradient(to bottom, #fdaa02 0%, #fe9702 100%);
  6335. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdaa02', endColorstr='#fe9702',GradientType=0 ); }
  6336. .button.button-medium.exclusive span {
  6337. border-color: #fec133 #febc33 #feb233 #febc33; }
  6338. .button.button-medium.exclusive span:hover {
  6339. filter: none;
  6340. background: #f89609;
  6341. border-color: #a6550c #ba6708 #db8600 #ba6708; }
  6342. .button.button-medium.exclusive span:hover span {
  6343. border-color: #fec133; }
  6344.  
  6345. .link-button {
  6346. font-weight: bold; }
  6347. .link-button i {
  6348. margin-right: 5px; }
  6349. .link-button i.large {
  6350. font-size: 26px;
  6351. line-height: 26px;
  6352. vertical-align: -3px;
  6353. color: silver; }
  6354.  
  6355. .btn.button-plus,
  6356. .btn.button-minus {
  6357. font-size: 14px;
  6358. line-height: 14px;
  6359. color: silver;
  6360. text-shadow: 1px -1px rgba(0, 0, 0, 0.05);
  6361. padding: 0;
  6362. border: 1px solid;
  6363. border-color: #dedcdc #c1bfbf #b5b4b4 #dad8d8;
  6364. -webkit-border-radius: 3px;
  6365. -moz-border-radius: 3px;
  6366. border-radius: 3px;
  6367. height: 34px;
  6368. background: transparent;
  6369. }
  6370. .btn.button-plus span,
  6371. .btn.button-minus span {
  6372. display: block;
  6373. border: 1px solid white;
  6374. vertical-align: middle;
  6375. width: 32px;
  6376. height: 32px;
  6377. line-height: 32px;
  6378. text-align: center;
  6379. vertical-align: middle;
  6380. background: #1e5799;
  6381. background: white;
  6382. background: -moz-linear-gradient(top, white 0%, #fbfbfb 100%);
  6383. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #fbfbfb));
  6384. background: -webkit-linear-gradient(top, white 0%, #fbfbfb 100%);
  6385. background: -o-linear-gradient(top, white 0%, #fbfbfb 100%);
  6386. background: -ms-linear-gradient(top, white 0%, #fbfbfb 100%);
  6387. background: linear-gradient(to bottom, #ffffff 0%, #fbfbfb 100%);
  6388. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fbfbfb',GradientType=0);
  6389. -webkit-border-radius: 3px;
  6390. -moz-border-radius: 3px;
  6391. border-radius: 3px;
  6392. }
  6393. #quantity_wanted_p .btn-default:hover{
  6394. background-color: transparent;
  6395. }
  6396. .btn.button-plus:hover,
  6397. .btn.button-minus:hover {
  6398. color: #65c178; }
  6399. .btn.button-plus:hover span,
  6400. .btn.button-minus:hover span {
  6401. filter: none;
  6402. background: #f6f6f6; }
  6403.  
  6404. .button.exclusive-medium {
  6405. font-size: 17px;
  6406. padding: 0;
  6407. line-height: 21px;
  6408. color: #333333;
  6409. font-weight: bold;
  6410. border: 1px solid;
  6411. border-color: #cacaca #b7b7b7 #9a9a9a #b7b7b7;
  6412. text-shadow: 1px 1px white; }
  6413. .button.exclusive-medium span {
  6414. border: 1px solid;
  6415. border-color: white;
  6416. display: block;
  6417. padding: 9px 10px 11px 10px;
  6418. background: #f7f7f7;
  6419. background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
  6420. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ededed));
  6421. background: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
  6422. background: -o-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
  6423. background: -ms-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
  6424. background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%);
  6425. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0); }
  6426. @media (max-width: 480px) {
  6427. .button.exclusive-medium span {
  6428. font-size: 15px;
  6429. padding-right: 7px;
  6430. padding-left: 7px; } }
  6431. .button.exclusive-medium span:hover {
  6432. border-color: #9e9e9e #c2c2c2 #c8c8c8 #c2c2c2; }
  6433. .button.exclusive-medium span:hover span {
  6434. background: #e7e7e7;
  6435. background: -moz-linear-gradient(top, #e7e7e7 0%, #e7e7e7 0%);
  6436. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7e7e7), color-stop(0%, #e7e7e7));
  6437. background: -webkit-linear-gradient(top, #e7e7e7 0%, #e7e7e7 0%);
  6438. background: -o-linear-gradient(top, #e7e7e7 0%, #e7e7e7 0%);
  6439. background: -ms-linear-gradient(top, #e7e7e7 0%, #e7e7e7 0%);
  6440. background: linear-gradient(to bottom, #e7e7e7 0%, #e7e7e7 0%);
  6441. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#e7e7e7',GradientType=0); }
  6442. .button.ajax_add_to_cart_button:hover {
  6443. }
  6444. .button.ajax_add_to_cart_button:hover span {
  6445. filter: none;
  6446. }
  6447.  
  6448. .button.lnk_view {
  6449. font: 700 17px/21px Arial, Helvetica, sans-serif;
  6450. color: #333333;
  6451. text-shadow: 1px 1px white;
  6452. padding: 0;
  6453. border: none;}
  6454. .button.lnk_view span {
  6455. display: block;
  6456. border: 0;
  6457. line-height: 44px;
  6458. padding: 0 13px;
  6459. color: #fff;
  6460. font-size: 20px;
  6461. text-align: center;
  6462. text-transform: capitalize;
  6463. text-shadow: none;
  6464. height: 44px;
  6465. }
  6466. .button.lnk_view:hover {}
  6467. .button.lnk_view:hover span {
  6468. }
  6469. .button.lnk_view i.left {
  6470. }
  6471.  
  6472. .form-control {
  6473. padding: 3px 5px;
  6474. height: 27px;
  6475. -webkit-box-shadow: none;
  6476. box-shadow: none; }
  6477. .form-control.grey {
  6478. background: #fbfbfb; }
  6479.  
  6480. table.std,
  6481. table.table_block {
  6482. margin-bottom: 20px;
  6483. width: 100%;
  6484. border: 1px solid #999999;
  6485. border-bottom: none;
  6486. background: white;
  6487. border-collapse: inherit; }
  6488.  
  6489. table.std th,
  6490. table.table_block th {
  6491. padding: 14px 12px;
  6492. font-size: 12px;
  6493. color: white;
  6494. font-weight: bold;
  6495. text-transform: uppercase;
  6496. text-shadow: 0 1px 0 black;
  6497. background: #999999; }
  6498.  
  6499. table.std tr.alternate_item,
  6500. table.table_block tr.alternate_item {
  6501. background-color: #f3f3f3; }
  6502.  
  6503. table.std td,
  6504. table.table_block td {
  6505. padding: 12px;
  6506. border-right: 1px solid #e9e9e9;
  6507. border-bottom: 1px solid #e9e9e9;
  6508. font-size: 12px;
  6509. vertical-align: top; }
  6510.  
  6511. .table {
  6512. margin-bottom: 30px; }
  6513. .table > thead > tr > th {
  6514. background: #fbfbfb;
  6515. border-bottom-width: 1px;
  6516. color: #333333;
  6517. vertical-align: middle; }
  6518. .table td a.color-myaccount {
  6519. color: #777777;
  6520. text-decoration: underline; }
  6521. .table td a.color-myaccount:hover {
  6522. text-decoration: none; }
  6523. .table tfoot tr {
  6524. background: #fbfbfb; }
  6525.  
  6526. .price-percent-reduction {
  6527. background: #f13340;
  6528. border-radius: 2px;
  6529. font: 600 21px/24px "opensans", sans-serif;
  6530. color: white;
  6531. padding: 0 5px 0 3px;
  6532. display: inline-block;
  6533. text-shadow:none;
  6534. }
  6535. .price-percent-reduction.small {
  6536. font: 700 14px/17px Arial, Helvetica, sans-serif;
  6537. padding: 2px 5px; }
  6538.  
  6539. .new-box,
  6540. .sale-box {
  6541. position: absolute;
  6542. top: -4px;
  6543. overflow: hidden;
  6544. height: 85px;
  6545. width: 85px;
  6546. text-align: center;
  6547. z-index: 0; }
  6548. .new-box {
  6549. left: -4px; }
  6550. .sale-box {
  6551. right: -5px; }
  6552.  
  6553. .pos-logo-title{
  6554. padding: 10px 0;
  6555. margin: 0;
  6556. }
  6557. .new{
  6558. text-indent: -9999px;
  6559. height: 70px;
  6560. width: 70px;
  6561. position: absolute;
  6562. top: -1px;
  6563. right: -1px;
  6564. background: url(../img/bg-new.png) no-repeat;
  6565. }
  6566. .sale{
  6567. text-indent: -9999px;
  6568. height: 70px;
  6569. width: 70px;
  6570. position: absolute;
  6571. top: -1px;
  6572. right: -1px;
  6573. background: url(../img/bg-sale.png) no-repeat;
  6574. }
  6575. .content_sortPagiBar{
  6576. overflow: hidden;
  6577. margin: 0;
  6578. padding: 10px 0;
  6579. border-top: 1px solid #ededed;
  6580. }
  6581. .compare-form .button.button-small{margin: 0; font-size: 15px !important; padding: 0 10px !important; height: 30px; line-height: 30px;font-family: opensans; font-weight: normal; }
  6582. .total-compare-val{font-weight: normal;}
  6583. #best-sellers_block_right .button.button-small{
  6584. margin-top: 0;
  6585. padding: 0 20px;
  6586. background: #65c178;
  6587. color: #fff;
  6588. text-shadow: none;
  6589. height: 44px;
  6590. line-height: 44px;
  6591. }
  6592. .button.button-small:hover{
  6593. background: #e44f4f;
  6594. color: #fff;
  6595. text-shadow: none;
  6596. }
  6597. #best-sellers_block_right .button.button-small:hover{background-color: #e44f4f;}
  6598. .shopping_cart .block_content{
  6599. padding: 0;float: none;
  6600. }
  6601. #tags_block_left{width: 100%!important;}
  6602. #tags_block_left .button.button-small{
  6603. width: auto;
  6604. color: #666;
  6605. height: 30px;
  6606. line-height: 30px;
  6607. display: block;
  6608. border: 1px solid #ededed;
  6609. background: #f5f5f5;
  6610. padding: 0 15px;
  6611. float: left;
  6612. font-weight: normal;
  6613. margin: 5px 9px 0 0;
  6614. font-family: opensans;
  6615. border-radius: 3px;
  6616. -webkit-border-radius: 3px;
  6617. -moz-border-radius: 3px;
  6618. }
  6619. #tags_block_left .button.button-small.tag_level1{font-size: 13px!important;}
  6620. #tags_block_left .button.button-small.tag_level2{font-size: 16px!important;}
  6621. #tags_block_left .button.button-small.tag_level3{font-size: 23px!important;}
  6622.  
  6623. #tags_block_left .button.button-small:hover{text-decoration: none;
  6624. border-color: #ccc;}
  6625. .form-subscribe-header label{margin: 0 0 5px 0; line-height: 20px;}
  6626. #newsletter_block_left .form-group input{
  6627. display: block;
  6628. width: 100%;
  6629. margin: 3px 0;
  6630. padding: 5px 10px;
  6631. line-height: 30px;
  6632. height: 48px;
  6633. background: #fff;
  6634. border: 1px solid #ddd;
  6635. }
  6636. #newsletter_block_left button.button-small{margin-top: 12px;}
  6637. /******************************** Home Featured Products *********************************************/
  6638. #featured-products_block_center{margin-top: 46px;padding: 0;background: none;border: none;}
  6639. #featured-products_block_center li.ajax_block_product, ul.product_list.grid li.ajax_block_product {
  6640. float: left;
  6641. text-align: center;
  6642. margin-bottom: 20px;
  6643. }
  6644. #featured-products_block_center img{max-width: 100%;}
  6645. #featured-products_block_center .item-inner, ul.product_list.grid li.ajax_block_product .item-inner{position: relative;float: left;width: 100%;max-width: 100%;}
  6646. #featured-products_block_center .box-item, ul.product_list.grid li.ajax_block_product .box-item{
  6647. display: block;
  6648. margin: 0;
  6649. padding: 20px 20px 0;
  6650. width: 100%;
  6651. border-image: none;
  6652. border-style: solid solid none;
  6653. border-width: 1px 1px medium;
  6654. transition: 0.3s ease-in-out;
  6655. -moz-transition: 0.3s ease-in-out;
  6656. -webkit-transition: 0.3s ease-in-out;
  6657. float: left;
  6658. border-color: #fff;
  6659. }
  6660. #featured-products_block_center .box-item:hover, ul.product_list.grid li.ajax_block_product .box-item:hover{
  6661. background: #ffffff;
  6662. box-shadow: 5px 0 3px -3px #F3F3F3, -5px 0 3px -3px #f3f3f3, 0 -5px 3px -3px #f3f3f3;
  6663. }
  6664. ul.product_list.grid li.ajax_block_product .box-item.hovered{
  6665. height: auto !important;
  6666. margin: 0!important;
  6667. }
  6668. ul.product_list.grid .add-to-links li{margin: 0 1px 0 0;}
  6669. ul.product_list.grid .add-to-links li.compare{margin: 0;}
  6670. .add-to-links li a {
  6671. color: #666;
  6672. font-size: 14px;
  6673. font-weight: normal;
  6674. }
  6675. .bx-wrapper .bx-controls a {
  6676. width: 31px;
  6677. height: 31px;
  6678. top: 0;
  6679. position: absolute;
  6680. text-indent: -9999px;
  6681. background-color: #919191;
  6682. }
  6683. .bx-controls .bx-prev {right: 34px;background: url("../img/btn-prev.png") no-repeat 0 0;}
  6684. .bx-controls .bx-next{right: 0;background: url("../img/btn-next.png") no-repeat 0 0;}
  6685. /****************************** Special Products ********************************************/
  6686. .pos-special-product li.ajax_block_product{margin: 0!important;}
  6687. .pos-special-product .bx-viewport{height: auto!important;}
  6688. .pos-special-product{margin-top: 30px; background: #fff; border: 1px solid #ededed;}
  6689. .pos-special-product-title{padding: 20px; border-bottom: 1px solid #ededed;}
  6690. .pos-special-product-title h2{margin: 0; text-transform: uppercase; font-size: 23px; font-family: OpenSansBold;}
  6691. .pos-special-product .bx-wrapper .bx-controls a{display: block;}
  6692. .pos-special-product .product-name{text-align: center;}
  6693. .pos-special-product .product-name a{text-transform: uppercase; font-family: OpenSansBold;}
  6694.  
  6695. .pos-special-product img{max-width: 100%;}
  6696. .pos-special-product .product_img_link{border: 0 none; display: block; padding-bottom: 16px;}
  6697. .pos-special-product .content_price{float: none;text-align: center;}
  6698. .pos-special-product .old-price{font-weight: normal; color: #aaa; font-size: 14px; font-family: OpenSansRegular; text-decoration: line-through; }
  6699. .pos-special-product .special-price{font-weight: normal; font-size: 18px; font-family: OpenSansBold; color: #65c178;}
  6700. .pos-special-product .bx-controls{width: 100%; position: absolute; bottom: 15px; left: 0; right: 0; margin: auto; text-align: center; }
  6701. .pos-special-product .bx-controls .bx-pager{text-align: center;}
  6702. .pos-special-product .bx-pager-item{margin: 0 3px;display: inline-block;zoom: 1;}
  6703. .pos-special-product .bx-pager-item a{position: static; width: 15px; height: 15px; display: block; background: #fff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px!important; -moz-border-radius: 20px!important; -o-border-radius: 20px!important; border-radius: 20px !important; box-shadow: inset 1px 1px 3px 1px #ccc;cursor: pointer; transition: background 0s ease-in-out!important;}
  6704. .pos-special-product .bx-wrapper .bx-controls a:hover, .pos-special-product .bx-wrapper .bx-controls a.active{background: #ffa200; cursor: default; box-shadow: inset 1px 1px 3px 1px #be7900;cursor: pointer;}
  6705. .pos-logo .bx-wrapper{position: static;}
  6706. /******************************* Pos Logo **********************************************/
  6707. .pos-logo{position: relative;}
  6708. .pos-logo .bx-wrapper{max-width: none!important;padding: 25px 0 0 0;}
  6709. .pos-logo .bx-wrapper .bx-controls a{margin-top: 8px;transition: background 0s ease-in-out;}
  6710. .pos-logo .bx-wrapper .bx-controls a:hover{background-color: #65c178;}
  6711. /******************************** List Page ***************************************************/
  6712. ul.product_list.list{margin-top: 20px;}
  6713. ul.product_list.list li.ajax_block_product{padding-bottom: 35px;}
  6714. ul.product_list.list .comments_note{margin: 4px 0;}
  6715. ul.product_list.grid{position: relative;z-index: 1;margin: 20px -15px;}
  6716. ul.product_list.list .content_price{float: left;width: 100%;}
  6717. ul.product_list.list .item-right .actions{float: left;clear: both;margin-top: 15px;}
  6718. ul.product_list.list p.product-desc{clear: both; margin: 0; float: left; width: 100%; line-height: 1.35;}
  6719. ul.product_list.list .button-container{float: left;margin-right: 4px;}
  6720. ul.product_list.list .ajax_block_product{border-bottom: 0; background: #fff; margin: 3px 0 0;}
  6721. ul.product_list.list .price.product-price, ul.product_list.list .old-price.product-price{float: left;clear: both;}
  6722. ul.product_list.list .add-to-links{float: left;clear: both;width: 100%;margin: 10px 0 0 0!important;}
  6723. ul.product_list.list .add-to-links li{float: left;margin: 0 15px 0 0;}
  6724. ul.product_list.list .add-to-links a{width: auto; transition: background 0s ease-in-out;}
  6725. ul.product_list.list a.addToWishlist, .buttons_bottom_block #wishlist_button
  6726. {color: #666 !important; display: inline-block; font-weight: normal !important; font-size: 14px; padding-left: 25px; line-height: 25px; background: url(../img/wishlist_view.png) no-repeat left 6px; }
  6727. .product-tabs-slider a.addToWishlist{text-indent: -9999px;}
  6728. .buttons_bottom_block #wishlist_button{background-position: left 2px;}
  6729. ul.product_list.list a.addToWishlist:hover, .buttons_bottom_block #wishlist_button:hover{background-position: left -44px; text-decoration: none; color: #e44f4f!important; }
  6730. .buttons_bottom_block #wishlist_button:hover{background-position: left -48px;}
  6731. ul.product_list.list a.quick-view{color: #666 !important; font-weight: normal !important; font-size: 14px; padding-left: 22px; line-height: 25px; display: inline-block; background: url(../img/quickview-list.png) no-repeat left 4px; }
  6732. ul.product_list.list a.quick-view:hover{background-position: left -43px; text-decoration: none; color: #e44f4f!important; }
  6733. ul.product_list.list a.add_to_compare{color: #666 !important; font-weight: normal !important; font-size: 14px; padding-left: 25px; line-height: 25px; display: inline-block; background: url(../img/compare_view.png) no-repeat left 5px; }
  6734. ul.product_list.list a.add_to_compare:hover, ul.product_list.list a.add_to_compare.checked{background-position: left -43px; text-decoration: none; color: #e44f4f!important;}
  6735. /******************************** Product Page ***************************************************/
  6736. .posproductcategory{float:left;position: relative;clear: both;}
  6737. .posproductcategory .posproductcategory-title{padding: 10px 0; margin: 20px 0 30px; border-bottom: 1px solid #ededed;}
  6738. .posproductcategory div.bx-wrapper{padding: 0;position: static;}
  6739. .posproductcategory .bx-wrapper .bx-controls a{top:30px;}
  6740. .posproductcategory .lnk_img{display: block; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ddd; }
  6741. .posproductcategory .price_display .price{font-size: 24px; font-weight: normal; color: #65c178; }
  6742.  
  6743. .pb-center-column h1{float: left; width: 100%; }
  6744. .pb-center-column #product_reference span, .pb-center-column #product_condition span.editable{color: #ffa200;}
  6745. .pb-center-column #product_condition, .pb-center-column #product_condition label{margin: 0;}
  6746. p.our_price_display {font-size: 30px; font-weight: normal; font-family: OpenSansBold; color: #65c178; }
  6747. #old_price span {font-size: 23px; font-family: OpenSansBold; text-decoration: line-through; color: #ccc; }
  6748. #usefull_link_block li a:hover:before {color: #ffa200 }
  6749. .pb-center-column .content_prices{padding: 12px 0 10px; margin: 0 0 27px 0; clear: both; border-bottom: 1px solid #ededed;}
  6750. .pb-center-column .content_prices .price{float: left;}
  6751. .pb-center-column .content_prices #availability_statut{float: right;clear: none;}
  6752. .pb-center-column #short_description_block{float: left; width: 100%;}
  6753. .socialsharing_product {padding: 19px 0; margin: 18px 0 0 0; float: left; width: 100%;border-top: 1px solid #ededed;}
  6754. #availability_value,#last_quantities {font-weight: normal; margin-left: 10px; color: #fff; padding: 3px 10px; border-radius: 3px; }
  6755. #product_comments_block_tab div.comment .comment_details button{font-size: 12px!important;height: 30px;line-height: 30px;}
  6756.  
  6757. .pb-center-column #quantity_wanted_p{float: left;width: 32%;}
  6758. .pb-center-column #attributes{margin-top: -15px;margin-bottom: 15px;}
  6759. .pb-center-column .box-info-product{float: left;width: 65%;}
  6760. #quantity_wanted_p .btn {float: left; margin-left: 3px;color: #666;}
  6761. .pb-center-column .box-info-product p .button.button-small{background: #65c178; color: #fff; text-transform: capitalize; margin: 0; }
  6762. .pb-center-column .box-info-product p .button.button-small:hover{background: #e44f4f;}
  6763. .pb-center-column .box-info-product p .button.button-small span{font-size: 18px;color: #fff;}
  6764. .box-cart-bottom{float: left;clear: both;}
  6765. .box-cart-bottom-inner, .box-cart-bottom .buttons_bottom_block{float: left;clear: none;margin: 0 5px 0 0;line-height: 44px;}
  6766. #view_scroll_left:hover, #view_scroll_right:hover, .bx-controls a.bx-next:hover, .bx-controls a.bx-prev:hover{background-color: #65c178;}
  6767.  
  6768. .comments_advices a:hover{border: 1px solid #e44f4f!important;color: #e44f4f;}
  6769. #product_comments_block_extra div.star_on:after {content: "\f005"!important; font-family: "FontAwesome"; display: inline-block; color:#ffa200!important;}
  6770. .comments_advices a:hover:before{background:#e44f4f;}
  6771. #product_comments_block_tab div.star_on:after {content: "\f005"; font-family: "FontAwesome"; display: inline-block; color: #ffa200;}
  6772.  
  6773. .more-info ul#more_info_tabs{overflow: hidden; padding-bottom: 7px; border-bottom: 1px solid #ededed; }
  6774. .more-info ul#more_info_tabs li{float: left; border-right: 1px solid #ededed; font-size: 1.1em; line-height: 1em;}
  6775. .more-info ul#more_info_tabs li.first{border-left: 0;}
  6776. .more-info ul#more_info_tabs li.last{border-right: none;}
  6777. .more-info ul#more_info_tabs li a{display: block; padding: 10px 15px; font-size: 16px; font-family: OpenSansBold; color: #666; text-decoration: none; line-height: 20px; text-transform: uppercase }
  6778. .more-info ul#more_info_tabs li a.selected, .more-info ul#more_info_tabs li a:hover{color: #ffa200;}
  6779.  
  6780. .page-product-box {padding-bottom: 10px; float: left; width: 100%; float: left; margin: 15px 0 0!important; min-height: 110px; overflow: hidden; padding: 1%; width: 100%;border-radius: 0 10px 10px 10px; }
  6781. .page-product-box .accessories-block{margin: 0; border: none; width: 100%;}
  6782. .page-product-box .accessories-block .block_content{width: 100%;padding: 0;}
  6783. .page-product-box .product-box{padding: 10px;}
  6784. .page-product-box .product-box .product-image{border: none;}
  6785. .page-product-box .accessories-block .bx-wrapper{max-width: none!important;padding: 40px 0 0 0;}
  6786. .page-product-box .product_accessories_description .no-print a{text-decoration: none;}
  6787. .page-product-box .product_accessories_description .s_title_block .price{font-size: 20px;}
  6788.  
  6789. #order .delivery_options div > table{float: left;}
  6790. #order #order-detail-content .item, #module-blockwishlist-mywishlist .item, #history .item{width: auto;float: none;background: none;}
  6791. #order #order-detail-content .item:hover, #module-blockwishlist-mywishlist .item:hover, #history .item:hover{border-color:#d6d4d4;}
  6792. #order .shopping_cart .item, #module-blockwishlist-mywishlist .shopping_cart .item, #history .shopping_cart .item {width: 100%;float: left;}
  6793. .back-top .mypresta_scrollup{background: url("../img/back-top.png") no-repeat scroll 50% 50% #65c178; bottom: 35px; display: none; height: 65px; position: fixed; right: 12px; width: 65px; z-index: 9999; border-radius: 40px; }
  6794. .back-top .mypresta_scrollup:hover{background-color: #e44f4f; cursor: pointer;}
  6795. .new-label {font: 700 14px/12px Arial, Helvetica, sans-serif; color: white; background: #6ad4ff; text-transform: uppercase; padding: 9px 0 7px; text-shadow: 1px 1px rgba(0, 0, 0, 0.24); width: 130px; text-align: center; display: block; position: absolute; left: -33px; top: 16px; z-index: 1;
  6796. -webkit-transform: rotate(-45deg);
  6797. -ms-transform: rotate(-45deg);
  6798. transform: rotate(-45deg); }
  6799. .new-label:before {position: absolute; bottom: -3px; right: 5px; width: 0px; height: 0px; border-style: solid; border-width: 4px 4px 0px 4px; border-color: #21a3d8 transparent transparent transparent; content: "."; text-indent: -5000px; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
  6800. .new-label:after {position: absolute; bottom: -3px; left: 3px; width: 0px; height: 0px; border-style: solid; border-width: 4px 4px 0px 4px; border-color: #21a3d8 transparent transparent transparent; content: "."; text-indent: -5000px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
  6801. .sale-label {font: 700 14px/12px Arial, Helvetica, sans-serif; color: white; background: #f13340; text-transform: uppercase; padding: 9px 0 7px; text-shadow: 1px 1px rgba(0, 0, 0, 0.24); width: 130px; text-align: center; display: block; position: absolute; right: -33px; top: 16px; z-index: 1; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
  6802. .sale-label:before {position: absolute; bottom: -3px; right: 4px; width: 0px; height: 0px; border-style: solid; border-width: 4px 4px 0px 4px; border-color: #ad2b34 transparent transparent transparent; content: "."; text-indent: -5000px; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
  6803. .sale-label:after {position: absolute; bottom: -3px; left: 5px; width: 0px; height: 0px; border-style: solid; border-width: 4px 4px 0px 4px; border-color: #ad2b34 transparent transparent transparent; content: "."; text-indent: -5000px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
  6804.  
  6805. .ie8 .new-label {left: 0px; top: 0px; width: auto; padding: 5px 15px; } .ie8 .new-label:after {display: none; }
  6806. .ie8 .new-label:before {display: none; }
  6807. .ie8 .sale-label {right: 0px; top: 0px; width: auto; padding: 5px 15px; }
  6808. .ie8 .sale-label:after {display: none; }
  6809. .ie8 .sale-label:before {display: none; }
  6810. .ie8 .new-box {top: -1px; left: -1px; }
  6811. .ie8 .sale-box {right: -1px; top: -1px; }
  6812.  
  6813. .box {background: #fbfbfb; border: 1px solid #d6d4d4; padding: 14px 18px 13px; margin: 0 0 30px 0; line-height: 23px; }
  6814. .box p {margin-bottom: 0; }
  6815. .box.box-small {padding: 9px 10px 9px 20px; }
  6816. .box.box-small .dark {padding-top: 10px; padding-right: 20px; margin-bottom: 0; width: auto; }
  6817.  
  6818. .product-box {width: 178px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  6819. .product-box .product-image {border: 1px solid #d6d4d4; background: white; padding: 5px; display: block; margin-bottom: 11px; }
  6820. .product-box .product-image img {max-width: 100%; width: 100%; height: auto; }
  6821. /****************************************** Price Drop ****************************************************/
  6822. #prices-drop .top-pagination-content #pagination,
  6823. #new-products .top-pagination-content #pagination,
  6824. #best-sales .top-pagination-content #pagination,
  6825. #search .top-pagination-content
  6826. {display: none;}
  6827.  
  6828. #prices-drop .content_sortPagiBar .sortPagiBar,
  6829. #new-products .content_sortPagiBar .sortPagiBar,
  6830. #best-sales .content_sortPagiBar .sortPagiBar,
  6831. #search .content_sortPagiBar .sortPagiBar
  6832. {display: inline-block;float: left;}
  6833.  
  6834. #prices-drop .content_sortPagiBar .sortPagiBar .nbrItemPage,
  6835. #new-products .content_sortPagiBar .sortPagiBar .nbrItemPage,
  6836. #best-sales .content_sortPagiBar .sortPagiBar .nbrItemPage,
  6837. #search .content_sortPagiBar .sortPagiBar .nbrItemPage
  6838. {
  6839. display: inline-block;width: auto;
  6840. }
  6841.  
  6842. #prices-drop .top-pagination-content,
  6843. #new-products .top-pagination-content,
  6844. #best-sales .top-pagination-content,
  6845. #search .top-pagination-content
  6846. {display: inline-block;float: right;}
  6847.  
  6848. #prices-drop .bottom-pagination-content .compare-form,
  6849. #new-products .bottom-pagination-content .compare-form,
  6850. #best-sales .bottom-pagination-content .compare-form,
  6851. #search .bottom-pagination-content .compare-form,
  6852. #search .top-pagination-content .pagination
  6853. {display: none;}
  6854.  
  6855. /******************************************** *****************************************************/
  6856. #home-page-tabs {
  6857. border: none;
  6858. background: white; }
  6859. @media (min-width: 768px) {
  6860. #home-page-tabs {
  6861. padding: 10px 0;
  6862. margin: 0 0 0 -18px; } }
  6863. #home-page-tabs > li {
  6864. margin-bottom: 0; }
  6865. @media (min-width: 768px) {
  6866. #home-page-tabs > li {
  6867. border-left: 1px solid #d6d4d4;
  6868. margin: 0 0px 0 9px;
  6869. padding: 0 0px 0 9px; } }
  6870. @media (max-width: 479px) {
  6871. #home-page-tabs > li {
  6872. width: 100%; } }
  6873. #home-page-tabs > li a {
  6874. font: 600 21px/24px "opensans", sans-serif;
  6875. color: #555454;
  6876. text-transform: uppercase;
  6877. border: none;
  6878. outline: none;
  6879. margin: 0;
  6880. padding: 10px; }
  6881. @media (min-width: 768px) {
  6882. #home-page-tabs > li a {
  6883. padding: 1px 10px; } }
  6884. #home-page-tabs > li:first-child {
  6885. border: none; }
  6886. #home-page-tabs > li.active a,
  6887. #home-page-tabs > li a:hover {
  6888. background: #333333;
  6889. color: white;
  6890. padding: 10px; }
  6891. @media (min-width: 768px) {
  6892. #home-page-tabs > li.active a,
  6893. #home-page-tabs > li a:hover {
  6894. margin: -9px 0; } }
  6895.  
  6896. .page-heading {font: 600 18px/22px "opensans", sans-serif; color: #555454; text-transform: uppercase; padding: 0px 0px 17px 0px; margin-bottom: 30px; border-bottom: 1px solid #d6d4d4; overflow: hidden; }
  6897. .page-heading span.heading-counter {font: bold 13px/22px Arial, Helvetica, sans-serif; float: right; color: #333333; text-transform: none; margin-bottom: 10px; }
  6898. @media (max-width: 480px) {
  6899. .page-heading span.heading-counter {float: none; display: block; padding-top: 5px; }
  6900. }
  6901. .page-heading span.lighter {
  6902. color: #9c9c9c; }
  6903. .page-heading.bottom-indent {
  6904. margin-bottom: 16px; }
  6905. .page-heading.product-listing {
  6906. border-bottom: none;
  6907. margin-bottom: 0; }
  6908.  
  6909. .page-subheading {font-family: "opensans", sans-serif; font-weight: 600; text-transform: uppercase; color: #555454; font-size: 18px; padding: 0 0 15px; line-height: normal; margin-bottom: 12px; border-bottom: 1px solid #d6d4d4; }
  6910.  
  6911. h3.page-product-heading {color: #555454; text-transform: uppercase; font-family: "opensans", sans-serif; font-weight: 600; font-size: 18px; line-height: 20px; padding: 14px 20px 17px; margin: 0 0 20px; position: relative; border: 1px solid #d6d4d4; border-bottom: none; background: #fbfbfb; }
  6912.  
  6913. ul.footer_links {padding: 20px 0 0px 0; border-top: 1px solid #d6d4d4; height: 65px; }
  6914. ul.footer_links li {float: left; }
  6915. ul.footer_links li + li {margin-left: 10px; }
  6916. @media (max-width: 768px) {
  6917. #order .address{float: none;}
  6918. }
  6919. @media (max-width: 350px) {
  6920. #module-blockwishlist-mywishlist ul.footer_links li + li{margin-left: 0;}
  6921. #order .cart_navigation{float: left;}
  6922. #order .cart_navigation .btn-default{margin-bottom: 10px;}
  6923. }
  6924. .sortPagiBarbottom{margin-bottom: -10px;}
  6925. .content_sortPagiBar .sortPagiBar {clear: both; }
  6926. #search .content_sortPagiBar .sortPagiBar{float: left;}
  6927. #search .top-pagination-content{float: right;}
  6928. .content_sortPagiBar .sortPagiBar ul{margin: 0;}
  6929. .content_sortPagiBar .sortPagiBar #productsSortForm {float: left; margin-right: 20px;}
  6930. .content_sortPagiBar .sortPagiBar #productsSortForm select {max-width: 192px; float: left;}
  6931. @media (max-width: 991px) {
  6932. .content_sortPagiBar .sortPagiBar #productsSortForm select {
  6933. max-width: 160px; } }
  6934. .compare-form{float: right;}
  6935. .content_sortPagiBar .sortPagiBar #productsSortForm .selector {
  6936. float: left;width: auto !important;}
  6937. .content_sortPagiBar .sortPagiBar #productsSortForm .selector span{
  6938. float: left;
  6939. }
  6940. .content_sortPagiBar .sortPagiBar .nbrItemPage {
  6941. float: left; }
  6942. .content_sortPagiBar .sortPagiBar .nbrItemPage select {
  6943. max-width: 59px;
  6944. float: left; }
  6945. .content_sortPagiBar .sortPagiBar .nbrItemPage .clearfix > span {
  6946. padding: 3px 0 0 12px;
  6947. display: inline-block;
  6948. float: left; }
  6949. .content_sortPagiBar .sortPagiBar .nbrItemPage #uniform-nb_item {
  6950. float: left; }
  6951. .content_sortPagiBar .sortPagiBar label,
  6952. .content_sortPagiBar .sortPagiBar select {
  6953. float: left; }
  6954. .content_sortPagiBar .sortPagiBar label {
  6955. padding:0 10px 0 0; margin: 0;}
  6956. .content_sortPagiBar .sortPagiBar.instant_search #productsSortForm {
  6957. display: none; }
  6958. .content_sortPagiBar .display,
  6959. .content_sortPagiBar .display_m {
  6960. float: left;
  6961. }
  6962. .content_sortPagiBar .display li,
  6963. .content_sortPagiBar .display_m li {
  6964. float: left;
  6965. text-align: center; }
  6966. .content_sortPagiBar .display li a,
  6967. .content_sortPagiBar .display_m li a {
  6968. line-height: 17px;
  6969. padding-left: 20px;
  6970. height: 17px;
  6971. display: inline-block;
  6972. }
  6973. .content_sortPagiBar .display li#grid ,.content_sortPagiBar .display li#list{}
  6974. .content_sortPagiBar .display li#list{margin-left: 15px;}
  6975. .content_sortPagiBar .display li#grid a{
  6976. background: url(../img/grid.png) 0 0 no-repeat;
  6977. }
  6978. .content_sortPagiBar .display li#grid.selected a, .content_sortPagiBar .display li#grid a:hover{
  6979. background: url(../img/grid.png) 0 100% no-repeat;
  6980. color: #666;
  6981. }
  6982. .content_sortPagiBar .display li#list a{
  6983. background: url(../img/list.png) 0 0 no-repeat;
  6984. }
  6985. .content_sortPagiBar .display li#list.selected a, .content_sortPagiBar .display li#list a:hover{
  6986. background: url(../img/list.png) 0 100% no-repeat;
  6987. color: #666;
  6988. }
  6989. .content_sortPagiBar .display li a i,
  6990. .content_sortPagiBar .display_m li a i {
  6991. display: block;
  6992. font-size: 24px;
  6993. height: 24px;
  6994. line-height: 24px;
  6995. margin-bottom: -3px;
  6996. color: #e1e0e0; }
  6997. .content_sortPagiBar .display li a:hover i,
  6998. .content_sortPagiBar .display_m li a:hover i {
  6999. color: gray; }
  7000. .content_sortPagiBar .display li.selected a,
  7001. .content_sortPagiBar .display_m li.selected a {
  7002.  
  7003.  
  7004. }
  7005. .content_sortPagiBar .display li.selected i,
  7006. .content_sortPagiBar .display_m li.selected i {
  7007. color: #333333; }
  7008. .content_sortPagiBar .display li.display-title,
  7009. .content_sortPagiBar .display_m li.display-title {
  7010. color: #777;
  7011. padding: 0;
  7012. font-size: 16px;
  7013. display: none;
  7014. }
  7015.  
  7016. .top-pagination-content,
  7017. .bottom-pagination-content {
  7018. text-align: center;
  7019. position: relative; }
  7020. .top-pagination-content div.pagination,
  7021. .bottom-pagination-content div.pagination {
  7022. margin: 0;
  7023. float: right;
  7024. text-align: center; }
  7025. #pagination_bottom span{float: left;display: inline-block;}
  7026. @media (min-width: 992px) and (max-width: 1199px) {
  7027. .top-pagination-content div.pagination,
  7028. .bottom-pagination-content div.pagination {width: 380px; }
  7029. #category .bottom-pagination-content div.pagination{width: auto;}
  7030. #best-sellers_block_right .lnk{padding: 20px 10px 20px 0;}
  7031. }
  7032. @media (max-width: 991px) {
  7033. .top-pagination-content div.pagination,
  7034. .bottom-pagination-content div.pagination {
  7035. float: left;
  7036. width: auto; } }
  7037. .top-pagination-content div.pagination .showall,
  7038. .bottom-pagination-content div.pagination .showall {
  7039. float: right;
  7040. margin: 8px 53px 8px 14px; }
  7041. @media (min-width: 992px) and (max-width: 1199px) {
  7042. .top-pagination-content div.pagination .showall,
  7043. .bottom-pagination-content div.pagination .showall {
  7044. margin-right: 11px; } }
  7045. @media (max-width: 991px) {
  7046. .top-pagination-content div.pagination .showall,
  7047. .bottom-pagination-content div.pagination .showall {
  7048. margin-right: 0; } }
  7049. .top-pagination-content div.pagination .showall .btn span,
  7050. .bottom-pagination-content div.pagination .showall .btn span {
  7051. font-size: 13px;
  7052. padding: 3px 5px 4px 5px;
  7053. line-height: normal; }
  7054. .top-pagination-content ul.pagination,
  7055. .bottom-pagination-content ul.pagination {margin: 0;}
  7056. @media (max-width: 991px) {
  7057. .top-pagination-content ul.pagination,
  7058. .bottom-pagination-content ul.pagination {
  7059. float: left; } }
  7060. .top-pagination-content ul.pagination li,
  7061. .bottom-pagination-content ul.pagination li {
  7062. display: inline-block;
  7063. float: left; }
  7064. .top-pagination-content ul.pagination li > a:hover span,
  7065. .bottom-pagination-content ul.pagination li > a:hover span {
  7066. background: #f6f6f6; }
  7067. .top-pagination-content ul.pagination li.paginationvious, .top-pagination-content ul.pagination li.pagination_next,
  7068. .bottom-pagination-content ul.pagination li.paginationvious,
  7069. .bottom-pagination-content ul.pagination li.pagination_next {
  7070. color: #777676;
  7071. font-weight: bold; }
  7072. .top-pagination-content ul.pagination li.paginationvious > a,
  7073. .top-pagination-content ul.pagination li.paginationvious > span, .top-pagination-content ul.pagination li.pagination_next > a,
  7074. .top-pagination-content ul.pagination li.pagination_next > span,
  7075. .bottom-pagination-content ul.pagination li.paginationvious > a,
  7076. .bottom-pagination-content ul.pagination li.paginationvious > span,
  7077. .bottom-pagination-content ul.pagination li.pagination_next > a,
  7078. .bottom-pagination-content ul.pagination li.pagination_next > span {
  7079. border: none;
  7080. background: none;
  7081. display: block;}
  7082. @media (max-width: 767px) {
  7083. .top-pagination-content ul.pagination li.paginationvious > a b,
  7084. .top-pagination-content ul.pagination li.paginationvious > span b, .top-pagination-content ul.pagination li.pagination_next > a b,
  7085. .top-pagination-content ul.pagination li.pagination_next > span b,
  7086. .bottom-pagination-content ul.pagination li.paginationvious > a b,
  7087. .bottom-pagination-content ul.pagination li.paginationvious > span b,
  7088. .bottom-pagination-content ul.pagination li.pagination_next > a b,
  7089. .bottom-pagination-content ul.pagination li.pagination_next > span b {
  7090. display: none; } }
  7091. .top-pagination-content ul.pagination li.paginationvious > a span,
  7092. .top-pagination-content ul.pagination li.paginationvious > span span, .top-pagination-content ul.pagination li.pagination_next > a span,
  7093. .top-pagination-content ul.pagination li.pagination_next > span span,
  7094. .bottom-pagination-content ul.pagination li.paginationvious > a span,
  7095. .bottom-pagination-content ul.pagination li.paginationvious > span span,
  7096. .bottom-pagination-content ul.pagination li.pagination_next > a span,
  7097. .bottom-pagination-content ul.pagination li.pagination_next > span span {
  7098. border: none;
  7099. padding: 0;
  7100. background: none; }
  7101. .top-pagination-content ul.pagination li.paginationvious > a span b,
  7102. .top-pagination-content ul.pagination li.paginationvious > span span b, .top-pagination-content ul.pagination li.pagination_next > a span b,
  7103. .top-pagination-content ul.pagination li.pagination_next > span span b,
  7104. .bottom-pagination-content ul.pagination li.paginationvious > a span b,
  7105. .bottom-pagination-content ul.pagination li.paginationvious > span span b,
  7106. .bottom-pagination-content ul.pagination li.pagination_next > a span b,
  7107. .bottom-pagination-content ul.pagination li.pagination_next > span span b {
  7108. font-weight: bold; }
  7109. .top-pagination-content ul.pagination li.paginationvious,
  7110. .bottom-pagination-content ul.pagination li.paginationvious {
  7111. display: none;
  7112. margin-right: 4px; }
  7113. .top-pagination-content ul.pagination li.pagination_next,
  7114. .bottom-pagination-content ul.pagination li.pagination_next {
  7115. display: none;
  7116. margin-left: 4px; }
  7117. .bottom-pagination-content ul.pagination li span b,
  7118. .bottom-pagination-content ul.pagination li a b
  7119. {
  7120. color: #7f7f7f;
  7121. width: 29px;
  7122. height: 29px;
  7123. line-height: 29px;
  7124. padding: 0;
  7125. display: inline-block;
  7126. text-shadow: 1px 1px #efefef;
  7127. }
  7128.  
  7129. .bottom-pagination-content ul.pagination li.paginationvious span b,
  7130. .bottom-pagination-content ul.pagination li.paginationvious a b
  7131. {
  7132. display: none;
  7133. background: url("../img/pager_arrow_left.png") no-repeat 0 0 #f1f1f1;
  7134. height: 29px;
  7135. width: 29px;
  7136. text-indent: -9999px;
  7137. display: block;
  7138. }
  7139. .bottom-pagination-content ul.pagination li.paginationvious span b:hover,
  7140. .bottom-pagination-content ul.pagination li.paginationvious a b:hover
  7141. {
  7142. background: url("../img/pager_arrow_left.png") no-repeat 0 -28px #65c178;
  7143. }
  7144.  
  7145. .bottom-pagination-content ul.pagination li.pagination_next span b,
  7146. .bottom-pagination-content ul.pagination li.pagination_next a b
  7147. {
  7148. display: none;
  7149. background: url("../img/pager_arrow_right.png") no-repeat 0 0 #f1f1f1;
  7150. height: 29px;
  7151. width: 29px;
  7152. text-indent: -9999px;
  7153. display: block;
  7154. }
  7155. .bottom-pagination-content ul.pagination li.pagination_next span b:hover,
  7156. .bottom-pagination-content ul.pagination li.pagination_next a b:hover
  7157. {
  7158. background: url("../img/pager_arrow_right.png") no-repeat 0 -28px #65c178;
  7159. }
  7160. .bottom-pagination-content ul.pagination li{margin:0 4px;}
  7161. .bottom-pagination-content ul.pagination li.current span{
  7162. color: #ffa200;
  7163. text-decoration: underline;
  7164. background: none;
  7165. }
  7166. .bottom-pagination-content ul.pagination li a {
  7167. background: none;
  7168. color: #666;
  7169. }
  7170. .bottom-pagination-content ul.pagination li a:hover span{
  7171. color: #ffa200;
  7172. text-decoration: underline;
  7173. background: none;
  7174. }
  7175.  
  7176. .bottom-pagination-content ul.pagination li.pagination_next a:hover,
  7177. .bottom-pagination-content ul.pagination li.paginationvious a:hover{border: none;}
  7178. .bottom-pagination-content ul.pagination li a:hover span{background:none;}
  7179.  
  7180. .top-pagination-content .compare-form,
  7181. .bottom-pagination-content .compare-form {
  7182. float: right; }
  7183. #search .top-pagination-content .compare-form,
  7184. #search .bottom-pagination-content .compare-form{float: none;}
  7185. @media (max-width: 479px) {
  7186. .top-pagination-content .compare-form,
  7187. .bottom-pagination-content .compare-form {
  7188. float: left;
  7189. width: 100%;
  7190. text-align: left;
  7191. padding-bottom: 10px;
  7192. clear: both; } }
  7193. .top-pagination-content .product-count,
  7194. .bottom-pagination-content .product-count {
  7195. padding: 11px 0 0 0;
  7196. float: left; }
  7197. @media (max-width: 991px) {
  7198. .top-pagination-content .product-count,
  7199. .bottom-pagination-content .product-count {
  7200. clear: left; } }
  7201. ul.step {
  7202. margin-bottom: 30px;
  7203. overflow: hidden; }
  7204. @media (min-width: 768px) {
  7205. ul.step {
  7206. -webkit-border-radius: 4px;
  7207. -moz-border-radius: 4px;
  7208. border-radius: 4px; } }
  7209. ul.step li {
  7210. float: left;
  7211. width: 20%;
  7212. text-align: left;
  7213. border: 1px solid;
  7214. border-top-color: #cacaca;
  7215. border-bottom-color: #9a9a9a;
  7216. border-right-color: #b7b7b7;
  7217. border-left-width: 0px; }
  7218. @media (max-width: 767px) {
  7219. ul.step li {
  7220. width: 100%;
  7221. border-left-width: 1px; } }
  7222. ul.step li a,
  7223. ul.step li span, ul.step li.step_current span, ul.step li.step_current_end span {
  7224. display: block;
  7225. padding: 13px 10px 14px 13px;
  7226. color: #333333;
  7227. font-size: 18px;
  7228. line-height: 21px;
  7229. font-weight: bold;
  7230. text-shadow: 1px 1px white;
  7231. position: relative; }
  7232. @media (max-width: 992px) {
  7233. ul.step li a,
  7234. ul.step li span, ul.step li.step_current span, ul.step li.step_current_end span {
  7235. font-size: 15px; } }
  7236. @media (min-width: 992px) {
  7237. ul.step li a:after,
  7238. ul.step li span:after, ul.step li.step_current span:after, ul.step li.step_current_end span:after {
  7239. content: ".";
  7240. position: absolute;
  7241. top: 0;
  7242. right: -31px;
  7243. z-index: 0;
  7244. text-indent: -5000px;
  7245. display: block;
  7246. width: 31px;
  7247. height: 52px;
  7248. margin-top: -2px; } }
  7249. ul.step li a:focus,
  7250. ul.step li span:focus, ul.step li.step_current span:focus, ul.step li.step_current_end span:focus {
  7251. text-decoration: none;
  7252. outline: none; }
  7253. ul.step li.first {
  7254. border-left-width: 1px;
  7255. border-left-color: #b7b7b7; }
  7256. @media (min-width: 768px) {
  7257. ul.step li.first {
  7258. -moz-border-radius-topleft: 4px;
  7259. -webkit-border-top-left-radius: 4px;
  7260. border-top-left-radius: 4px;
  7261. -moz-border-radius-bottomleft: 4px;
  7262. -webkit-border-bottom-left-radius: 4px;
  7263. border-bottom-left-radius: 4px; } }
  7264. ul.step li.first span,
  7265. ul.step li.first a {
  7266. z-index: 5;
  7267. padding-left: 13px !important; }
  7268. @media (min-width: 768px) {
  7269. ul.step li.first span,
  7270. ul.step li.first a {
  7271. -moz-border-radius-topleft: 4px;
  7272. -webkit-border-top-left-radius: 4px;
  7273. border-top-left-radius: 4px;
  7274. -moz-border-radius-bottomleft: 4px;
  7275. -webkit-border-bottom-left-radius: 4px;
  7276. border-bottom-left-radius: 4px; } }
  7277. ul.step li.second span, ul.step li.second a {
  7278. z-index: 4; }
  7279. ul.step li.third span, ul.step li.third a {
  7280. z-index: 3; }
  7281. ul.step li.four span, ul.step li.four a {
  7282. z-index: 2; }
  7283. ul.step li.last span {
  7284. z-index: 1; }
  7285. @media (min-width: 768px) {
  7286. ul.step li.last {
  7287. -moz-border-radius-topright: 4px;
  7288. -webkit-border-top-right-radius: 4px;
  7289. border-top-right-radius: 4px;
  7290. -moz-border-radius-bottomright: 4px;
  7291. -webkit-border-bottom-right-radius: 4px;
  7292. border-bottom-right-radius: 4px; }
  7293. ul.step li.last span {
  7294. -moz-border-radius-topright: 4px;
  7295. -webkit-border-top-right-radius: 4px;
  7296. border-top-right-radius: 4px;
  7297. -moz-border-radius-bottomright: 4px;
  7298. -webkit-border-bottom-right-radius: 4px;
  7299. border-bottom-right-radius: 4px; } }
  7300. ul.step li.step_current {
  7301. font-weight: bold;
  7302. background: #42b856;
  7303. background: -moz-linear-gradient(top, #42b856 0%, #43ab54 100%);
  7304. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #65c178), color-stop(100%, #43ab54));
  7305. background: -webkit-linear-gradient(top, #42b856 0%, #43ab54 100%);
  7306. background: -o-linear-gradient(top, #42b856 0%, #43ab54 100%);
  7307. background: -ms-linear-gradient(top, #42b856 0%, #43ab54 100%);
  7308. background: linear-gradient(to bottom, #42b856 0%, #43ab54 100%);
  7309. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42b856', endColorstr='#43ab54',GradientType=0);
  7310. border-color: #399b49 #51ae5c #208931 #369946; }
  7311. ul.step li.step_current span {
  7312.  
  7313. color: white;
  7314. text-shadow: none;
  7315. border: 1px solid;
  7316. border-color: #73ca77 #74c776 #74c175 #74c776;
  7317. position: relative; }
  7318. @media (min-width: 992px) {
  7319. ul.step li.step_current span {
  7320. padding-left: 38px; }
  7321. ul.step li.step_current span:after {
  7322. background: url(../img/order-step-a.png) right 0 no-repeat; } }
  7323. ul.step li.step_current_end {
  7324. font-weight: bold; }
  7325. ul.step li.step_todo {
  7326. background: #f7f7f7;
  7327. background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
  7328. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ededed));
  7329. background: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
  7330. background: -o-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
  7331. background: -ms-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
  7332. background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%);
  7333. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0); }
  7334. ul.step li.step_todo span {
  7335. display: block;
  7336. border: 1px solid;
  7337. border-color: white;
  7338. color: #333333;
  7339. position: relative; }
  7340. @media (min-width: 992px) {
  7341. ul.step li.step_todo span {
  7342. padding-left: 38px; }
  7343. ul.step li.step_todo span:after {
  7344. background: url(../img/order-step-current.png) right 0 no-repeat; } }
  7345. ul.step li.step_done {
  7346. border-color: #666666 #5f5f5f #292929 #5f5f5f;
  7347. background: #727171;
  7348. background: -moz-linear-gradient(top, #727171 0%, #666666 100%);
  7349. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #727171), color-stop(100%, #666666));
  7350. background: -webkit-linear-gradient(top, #727171 0%, #666666 100%);
  7351. background: -o-linear-gradient(top, #727171 0%, #666666 100%);
  7352. background: -ms-linear-gradient(top, #727171 0%, #666666 100%);
  7353. background: linear-gradient(to bottom, #727171 0%, #666666 100%);
  7354. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#727171', endColorstr='#666666',GradientType=0); }
  7355. ul.step li.step_done a {
  7356. color: white;
  7357. text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  7358. border: 1px solid;
  7359. border-color: #8b8a8a; }
  7360. @media (min-width: 992px) {
  7361. ul.step li.step_done a {
  7362. padding-left: 38px; }
  7363. ul.step li.step_done a:after {
  7364. background: url(../img/order-step-done.png) right 0 no-repeat; } }
  7365. @media (min-width: 992px) {
  7366. ul.step li.step_done.step_done_last a:after {
  7367. background: url(../img/order-step-done-last.png) right 0 no-repeat; } }
  7368. @media (min-width: 992px) {
  7369. ul.step li#step_end span:after {
  7370. display: none; } }
  7371. ul.step li em {
  7372. font-style: normal; }
  7373. @media (min-width: 768px) and (max-width: 991px) {
  7374. ul.step li em {
  7375. display: none; } }
  7376. #stores .store-content button{margin-top: -8px;}
  7377. .rating {
  7378. clear: both;
  7379. display: block;
  7380. margin: 2em;
  7381. cursor: pointer; }
  7382.  
  7383. .rating:after {
  7384. content: ".";
  7385. display: block;
  7386. height: 0;
  7387. width: 0;
  7388. clear: both;
  7389. visibility: hidden; }
  7390.  
  7391. .cancel, .star {
  7392. overflow: hidden;
  7393. float: left;
  7394. margin: 0 1px -1px 0;
  7395. width: 16px;
  7396. height: 19px;
  7397. cursor: pointer; }
  7398.  
  7399. .cancel, .cancel a {
  7400. background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px !important; }
  7401.  
  7402. .cancel a, .star a {
  7403. display: block;
  7404. width: 100%;
  7405. height: 100%;
  7406. background-position: 0 0; }
  7407.  
  7408. div.star_on a {
  7409. background-position: 0 -16px; }
  7410.  
  7411. div.star_hover a,
  7412. div.star a:hover {
  7413. background-position: 0 -32px; }
  7414.  
  7415. .pack_content {
  7416. margin: 10px 0 10px 0; }
  7417.  
  7418. .confirmation {
  7419. margin: 0 0 10px;
  7420. padding: 10px;
  7421. border: 1px solid #e6db55;
  7422. font-size: 13px;
  7423. background: none repeat scroll 0 0 lightyellow; }
  7424.  
  7425. #page .rte {
  7426. background: transparent none repeat scroll 0 0; }
  7427.  
  7428. .listcomment {
  7429. list-style-type: none;
  7430. margin: 0 0 20px 0 !important; }
  7431.  
  7432. .listcomment li {
  7433. padding: 10px 0;
  7434. border-bottom: 1px dotted #d6d4d4;
  7435. color: #666666; }
  7436.  
  7437. .listcomment .titlecomment {
  7438. display: block;
  7439. font-weight: bold;
  7440. font-size: 12px;
  7441. color: #333333; }
  7442.  
  7443. .listcomment .txtcomment {
  7444. display: block;
  7445. padding: 5px 0;
  7446. color: #333333; }
  7447.  
  7448. .header-container {
  7449. position: relative;
  7450. z-index: 10;
  7451. }
  7452. #right_column{margin-top: 18px;}
  7453. #index #right_column{margin-top: 0;}
  7454. .breadcrumb {
  7455. font-size: 14px;
  7456. line-height: 25px;
  7457. padding: 0 0 15px;
  7458. text-transform: capitalize;
  7459. color:#65c178;
  7460. }
  7461. .breadcrumb .navigation-pipe {
  7462. background: url("../img/icon-breadcrum.png") no-repeat scroll 6px 8px;
  7463. text-indent: -9999px;
  7464. display: inline-block;
  7465. width: 16px;
  7466. height: 25px;
  7467. }
  7468. .breadcrumb a {
  7469. display: inline-block;
  7470. position: relative;
  7471. z-index: 2;
  7472. color: #666;
  7473. float: left;
  7474. }
  7475. .breadcrumb .navigation_page{
  7476. color: #65c178;
  7477. }
  7478. .breadcrumb a.home {
  7479. color: #666;
  7480. }
  7481. .breadcrumb a:hover {
  7482. color: #65c178; }
  7483. .bottom-pagination-content .nbrItemPage{text-align: left;}
  7484. .bottom-pagination-content .nbrItemPage label{display: inline-block;float: left;margin-right: 10px;}
  7485. .bottom-pagination-content .nbrItemPage #uniform-nb_item{width: 80px!important;padding: 0 0 0 1px;float: left;text-align: center;}
  7486. .bottom-pagination-content .nbrItemPage #uniform-nb_item span{width: 80px!important;border-right: 1px solid;}
  7487. .bottom-pagination-content .nbrItemPage .per_page{display: inline-block;margin-left: 10px;}
  7488. .ie8 .breadcrumb {
  7489. min-height: 1px; }
  7490. .ie8 .breadcrumb a:after {
  7491. display: none; }
  7492. .ie8 .breadcrumb .navigation-pipe {
  7493. width: 20px; }
  7494. .footer-container #footer h4 a {
  7495. }
  7496. .footer-container #footer #block_contact_infos {
  7497. border-left: 1px solid #515151; }
  7498. @media (max-width: 767px) {
  7499. .footer-container #footer #block_contact_infos {
  7500. border: none; } }
  7501. .footer-container #footer #block_contact_infos > div {
  7502. padding: 0 0 0 5px; }
  7503. @media (max-width: 767px) {
  7504. .footer-container #footer #block_contact_infos > div {
  7505. padding-left: 0; } }
  7506. .footer-container #footer #block_contact_infos > div ul li {
  7507. padding: 0 0 7px 4px;
  7508. overflow: hidden;
  7509. line-height: 30px; }
  7510. .footer-container #footer #block_contact_infos > div ul li > span,
  7511. .footer-container #footer #block_contact_infos > div ul li > span a {
  7512. color: white;
  7513. font-weight: normal; }
  7514. .footer-container #footer #block_contact_infos > div ul li i {
  7515. font-size: 25px;
  7516. width: 32px;
  7517. text-align: center;
  7518. padding-right: 12px;
  7519. float: left;
  7520. color: #908f8f; }
  7521. .footer-container #footer .blockcategories_footer {
  7522. clear: left; }
  7523. .footer-container #footer #social_block {
  7524. float: left;
  7525. width: 50%;
  7526. padding: 22px 15px 0 15px; }
  7527. @media (max-width: 767px) {
  7528. .footer-container #footer #social_block {
  7529. width: 100%;
  7530. float: left;
  7531. padding-top: 5px; } }
  7532. .footer-container #footer #social_block ul {
  7533. float: right; }
  7534. @media (max-width: 767px) {
  7535. .footer-container #footer #social_block ul {
  7536. float: none; } }
  7537. .footer-container #footer #social_block ul li {
  7538. float: left;
  7539. width: 40px;
  7540. text-align: center; }
  7541. @media (min-width: 768px) and (max-width: 991px) {
  7542. .footer-container #footer #social_block ul li {
  7543. width: 30px; } }
  7544. .footer-container #footer #social_block ul li a {
  7545. display: inline-block;
  7546. color: #908f8f;
  7547. font-size: 28px; }
  7548. @media (min-width: 768px) and (max-width: 991px) {
  7549. .footer-container #footer #social_block ul li a {
  7550. font-size: 20px; } }
  7551. .footer-container #footer #social_block ul li a span {
  7552. display: none; }
  7553. .footer-container #footer #social_block ul li a:before {
  7554. display: inline-block;
  7555. font-family: "FontAwesome";
  7556. vertical-align: -5px;
  7557. font-weight: normal;
  7558. -webkit-font-smoothing: antialiased;
  7559. -moz-osx-font-smoothing: grayscale; }
  7560. .footer-container #footer #social_block ul li a:hover {
  7561. color: white; }
  7562. .footer-container #footer #social_block ul li.facebook a:before {
  7563. content: "\f09a"; }
  7564. .footer-container #footer #social_block ul li.twitter a:before {
  7565. content: "\f099"; }
  7566. .footer-container #footer #social_block ul li.rss a:before {
  7567. content: "\f09e"; }
  7568. .footer-container #footer #social_block ul li.youtube a:before {
  7569. content: "\f167"; }
  7570. .footer-container #footer #social_block ul li.google-plus a:before {
  7571. content: "\f0d5"; }
  7572. .footer-container #footer #social_block ul li.pinterest a:before {
  7573. content: "\f0d2"; }
  7574. .footer-container #footer #social_block h4 {
  7575. float: right;
  7576. margin-bottom: 0;
  7577. font-size: 21px;
  7578. line-height: 25px;
  7579. text-transform: none;
  7580. padding: 0 10px 0 0; }
  7581. @media (max-width: 767px) {
  7582. .footer-container #footer #social_block h4 {
  7583. display: none;
  7584. text-align: center; } }
  7585.  
  7586.  
  7587. #reinsurance_block {
  7588. clear: both !important; }
  7589.  
  7590. #short_description_content ul,
  7591. #short_description_content ol,
  7592. #short_description_content dl,
  7593. #tinymce ul,
  7594. #tinymce ol,
  7595. #tinymce dl {
  7596. margin-left: 20px; }
  7597.  
  7598. .rte ul {
  7599. list-style-type: disc; }
  7600.  
  7601. .rte ol {
  7602. list-style-type: decimal; }
  7603.  
  7604. .block_hidden_only_for_screen {
  7605. display: none; }
  7606.  
  7607. .cart_navigation {
  7608. margin: 0 0 20px; }
  7609. .cart_navigation .button-medium {
  7610. float: right;
  7611. font-size: 20px;
  7612. }
  7613. .cart_navigation .button-medium span{line-height: 30px;}
  7614. .cart_navigation .standard-checkout{
  7615. float: right;
  7616. }
  7617. .cart_navigation .button-medium i.right {
  7618. font-size: 25px;
  7619. vertical-align: 0;
  7620. margin-left: 6px; }
  7621. .cart_navigation .button-exclusive i {
  7622. color: #fff;}
  7623. .btn-default:hover i{color: #fff;}
  7624. .btn-default:hover i.icon-minus, .btn-default:hover i.icon-plus{color: #ffa200;}
  7625. @media (max-width: 480px) {
  7626. .cart_navigation > span {
  7627. display: block;
  7628. width: 100%;
  7629. padding-bottom: 15px; } }
  7630. .top-cart{position: static;}
  7631. #header .shopping_cart .ajax_cart_product_txt, #header .shopping_cart .ajax_cart_product_txt_s{display: none!important;}
  7632. .cart_last_product {
  7633. display: none!important;}
  7634. #header .shopping_cart_inner a.tile-cart{
  7635. display: block;
  7636. font-size: 14px;
  7637. float: left;
  7638. line-height: 50px;
  7639. padding-left: 42px;
  7640. }
  7641. .cart_quantity .cart_quantity_input {
  7642. height: 27px;
  7643. line-height: 27px;
  7644. padding: 0;
  7645. text-align: center;
  7646. width: 57px;
  7647. display: inline-block;
  7648. margin-bottom: 5px;
  7649. }
  7650. .ajax_cart_quantity{color: #fff;}
  7651. .cart_gift_quantity .cart_quantity_input {
  7652. height: 27px;
  7653. line-height: 27px;
  7654. padding: 0;
  7655. text-align: center;
  7656. width: 57px; }
  7657.  
  7658. .table tbody > tr > td {
  7659. vertical-align: middle; }
  7660. .table tbody > tr > td.cart_quantity {
  7661. padding: 41px 6px 25px;
  7662. width: 88px; text-align: center;}
  7663. .table tbody > tr > td.cart_quantity .cart_quantity_button {
  7664. margin-top: 3px; }
  7665. .table tbody > tr > td.cart_quantity .cart_quantity_button a {
  7666. /*float: left;*/
  7667. margin-right: 3px; }
  7668. .table tbody > tr > td.cart_quantity .cart_quantity_button a + a {
  7669. margin-right: 0; }
  7670. .table tbody > tr > td.cart_delete, .table tbody > tr > td.price_discount_del {
  7671. padding: 5px; }
  7672. .table tfoot > tr > td {
  7673. vertical-align: middle; }
  7674.  
  7675. .cart_delete a.cart_quantity_delete,
  7676. a.price_discount_delete {
  7677. font-size: 23px;
  7678. color: #333333; }
  7679. .cart_delete a.cart_quantity_delete:hover,
  7680. a.price_discount_delete:hover {
  7681. color: silver; }
  7682.  
  7683. #cart_summary tbody td.cart_product {
  7684. padding: 19px;
  7685. width: 137px; }
  7686. #cart_summary tbody td.cart_product img {
  7687. border: 1px solid #d6d4d4; }
  7688. #cart_summary tbody td.cart_unit .price span {
  7689. display: inline-block;
  7690. font-size: 18px;
  7691. color: #65c178;
  7692. }
  7693. #cart_summary tbody td.cart_unit .price span.special-price, .cart_total .price{
  7694. color: #65c178;
  7695. font-size: 18px;
  7696.  
  7697. }
  7698. #cart_summary tbody td.cart_unit .price span.price-percent-reduction {
  7699. margin: 5px auto;
  7700. display: inline-block;text-shadow:none;color: #fff;}
  7701. #cart_summary tbody td.cart_unit .price span.old-price {
  7702. text-decoration: line-through;
  7703. font-size: 14px;
  7704. color: #aaa;
  7705. }
  7706. #cart_summary tbody td.cart_description small {
  7707. display: block;
  7708. padding: 5px 0 0 0; }
  7709. #cart_summary tfoot td.text-right {
  7710. color: #333333;
  7711.  
  7712. font-size: 18px;}
  7713. #cart_summary tfoot td.price {
  7714. color: #333333;
  7715.  
  7716. font-size: 18px; }
  7717. #cart_summary tfoot td.total_price_container span {
  7718. color: #555454;
  7719. text-transform: uppercase; }
  7720. #cart_summary tfoot td#total_price_container {
  7721. color: #333333;
  7722. background: white; }
  7723.  
  7724. #cart_summary .stock-management-on tbody td.cart_description {
  7725. width: 480px; }
  7726.  
  7727. @media (max-width: 767px) {
  7728. #order-detail-content #cart_summary table, #order-detail-content #cart_summary thead, #order-detail-content #cart_summary tbody, #order-detail-content #cart_summary th, #order-detail-content #cart_summary td, #order-detail-content #cart_summary tr {
  7729. display: block; }
  7730. #order-detail-content #cart_summary thead tr {
  7731. position: absolute;
  7732. top: -9999px;
  7733. left: -9999px; }
  7734. #order-detail-content #cart_summary tr {
  7735. border-bottom: 1px solid #cccccc;
  7736. overflow: hidden; }
  7737. #order-detail-content #cart_summary td {
  7738. border: none;
  7739. position: relative;
  7740. width: 50%;
  7741. float: left;
  7742. white-space: normal; }
  7743. #order-detail-content #cart_summary td.cart_avail {
  7744. clear: both; }
  7745. #order-detail-content #cart_summary td.cart_quantity {
  7746. clear: both;
  7747. padding: 9px 8px 11px 18px; }
  7748. #order-detail-content #cart_summary td.cart_delete {
  7749. width: 100%;
  7750. clear: both;
  7751. text-align: right; }
  7752. #order-detail-content #cart_summary td.cart_delete:before {
  7753. display: inline-block;
  7754. padding-right: 0.5em;
  7755. position: relative;
  7756. top: -3px; }
  7757. #order-detail-content #cart_summary td div {
  7758. display: inline; }
  7759. #order-detail-content #cart_summary td:before {
  7760. content: attr(data-title);
  7761. display: block; }
  7762. #order-detail-content #cart_summary tfoot td {
  7763. float: none;
  7764. width: 100%; }
  7765. #order-detail-content #cart_summary tfoot td:before {
  7766. display: inline; }
  7767. #order-detail-content #cart_summary tfoot tr .text-right, #order-detail-content #cart_summary tfoot tr .price {
  7768. display: block;
  7769. float: left;
  7770. width: 50%; } }
  7771. @media (max-width: 768px) {
  7772. #order-detail-content #cart_summary tbody td .price {
  7773. text-align: center; }
  7774. #order-detail-content #cart_summary tbody td.cart_description {
  7775. width: 300px; } }
  7776. .cart_voucher {
  7777. vertical-align: top !important; }
  7778. .cart_voucher h4 {
  7779. font: 600 18px/22px "opensans", sans-serif;
  7780. color: #555454;
  7781. text-transform: uppercase;
  7782. padding: 7px 0 10px 0; }
  7783. .cart_voucher .title-offers {
  7784. color: #333333;
  7785. font-weight: bold;
  7786. margin-bottom: 6px; }
  7787. .cart_voucher fieldset {
  7788. margin-bottom: 10px; }
  7789. .cart_voucher fieldset #discount_name {
  7790. float: left;
  7791. width: 219px;
  7792. margin-right: 11px; }
  7793. .cart_voucher #display_cart_vouchers span {
  7794. font-weight: bold;
  7795. cursor: pointer;
  7796. color: #777777; }
  7797. .cart_voucher #display_cart_vouchers span:hover {
  7798. color: #515151; }
  7799. .enable-multishipping {
  7800. margin: -13px 0 17px; }
  7801. .enable-multishipping label {
  7802. font-weight: normal; }
  7803.  
  7804. #HOOK_SHOPPING_CART #loyalty i {
  7805. font-size: 26px;
  7806. line-height: 26px;
  7807. color: #cfcccc; }
  7808.  
  7809. #order_carrier {
  7810. clear: both;
  7811. margin-top: 20px;
  7812. border: 1px solid #999999;
  7813. background: white; }
  7814.  
  7815. #order_carrier .title_block {
  7816. padding: 0 15px;
  7817. height: 29px;
  7818. font-weight: bold;
  7819. line-height: 29px;
  7820. color: white;
  7821. font-weight: bold;
  7822. text-transform: uppercase;
  7823. background: url(../img/bg_table_th.png) repeat-x 0 -10px #999999; }
  7824.  
  7825. #order_carrier span {
  7826. display: block;
  7827. padding: 15px;
  7828. font-weight: bold; }
  7829.  
  7830. .multishipping_close_container {
  7831. text-align: center; }
  7832.  
  7833. table#cart_summary .gift-icon {
  7834. color: white;
  7835. background: #0088cc;
  7836. line-height: 20px;
  7837. padding: 2px 5px;
  7838. border-radius: 5px; }
  7839.  
  7840. #multishipping_mode_box {
  7841. padding-top: 12px;
  7842. padding-bottom: 19px; }
  7843. #multishipping_mode_box .title {
  7844. font-weight: bold;
  7845. color: #333333;
  7846. margin-bottom: 15px; }
  7847. #multishipping_mode_box .description_off {
  7848. display: none; }
  7849. #multishipping_mode_box .description_off div {
  7850. margin-bottom: 10px; }
  7851. #multishipping_mode_box .description_off a:hover,
  7852. #multishipping_mode_box .description a:hover {
  7853. background: #f3f3f3;
  7854. border: 1px solid #cccccc; }
  7855.  
  7856. #multishipping_mode_box.on .description_off {
  7857. display: block; }
  7858.  
  7859. .multishipping-cart .cart_address_delivery.form-control {
  7860. width: 198px; }
  7861.  
  7862. #order .address_add.submit {
  7863. margin-bottom: 20px; }
  7864.  
  7865. #ordermsg {
  7866. margin-bottom: 30px; }
  7867.  
  7868. #id_address_invoice.form-control,
  7869. #id_address_delivery.form-control {
  7870. width: 269px; }
  7871.  
  7872. .addresses .select label,
  7873. .addresses .selector,
  7874. .addresses .addresses .address_select {
  7875. clear: both;
  7876. float: left; }
  7877. .addresses .waitimage {
  7878. display: none;
  7879. float: left;
  7880. width: 24px;
  7881. height: 24px;
  7882. background-image: url("../../../img/loader.gif");
  7883. background-repeat: no-repeat;
  7884. position: relative;
  7885. bottom: -2px;
  7886. left: 10px; }
  7887. .addresses .checkbox.addressesAreEquals {
  7888. clear: both;
  7889. float: left;
  7890. margin: 15px 0 25px 0; }
  7891.  
  7892. #order .delivery_option > div,
  7893. #order-opc .delivery_option > div {
  7894. display: block;
  7895. margin-bottom: 20px;
  7896. font-weight: normal; }
  7897. #order .delivery_option > div > table,
  7898. #order-opc .delivery_option > div > table {
  7899. background: white;
  7900. margin-bottom: 0; }
  7901. #order .delivery_option > div > table.resume,
  7902. #order-opc .delivery_option > div > table.resume {
  7903. height: 53px; }
  7904. #order .delivery_option > div > table.resume.delivery_option_carrier,
  7905. #order-opc .delivery_option > div > table.resume.delivery_option_carrier {
  7906. margin-top: 10px;
  7907. width: 100%;
  7908. background: #5192f3;
  7909. color: white;
  7910. border: 1px solid #4b80c3;
  7911. font-weight: bold; }
  7912. #order .delivery_option > div > table.resume.delivery_option_carrier td,
  7913. #order-opc .delivery_option > div > table.resume.delivery_option_carrier td {
  7914. padding: 8px 11px 7px 11px; }
  7915. #order .delivery_option > div > table.resume.delivery_option_carrier td i,
  7916. #order-opc .delivery_option > div > table.resume.delivery_option_carrier td i {
  7917. font-size: 20px;
  7918. margin-right: 7px;
  7919. vertical-align: -2px; }
  7920. #order .delivery_option > div > table.resume td.delivery_option_radio,
  7921. #order-opc .delivery_option > div > table.resume td.delivery_option_radio {
  7922. width: 54px;
  7923. padding-left: 0;
  7924. padding-right: 0;
  7925. text-align: center; }
  7926. #order .delivery_option > div > table.resume td.delivery_option_logo,
  7927. #order-opc .delivery_option > div > table.resume td.delivery_option_logo {
  7928. width: 97px;
  7929. padding-left: 21px; }
  7930. #order .delivery_option > div > table.resume td.delivery_option_price,
  7931. #order-opc .delivery_option > div > table.resume td.delivery_option_price {
  7932. width: 162px; }
  7933.  
  7934. .order_carrier_content {
  7935. line-height: normal;
  7936. padding-bottom: 16px; }
  7937. .order_carrier_content .carrier_title {
  7938. font-weight: bold;
  7939. color: #333333; }
  7940. .order_carrier_content .checkbox input {
  7941. margin-top: 2px; }
  7942. .order_carrier_content .delivery_options_address .carrier_title {
  7943. margin-bottom: 17px; }
  7944. .order_carrier_content + div {
  7945. padding-bottom: 15px; }
  7946.  
  7947. #carrierTable {
  7948. border: 1px solid #999999;
  7949. border-bottom: none;
  7950. background: white; }
  7951.  
  7952. #carrierTable tbody {
  7953. border-bottom: 1px solid #999999; }
  7954.  
  7955. #carrierTable th {
  7956. padding: 0 15px;
  7957. height: 29px;
  7958. font-weight: bold;
  7959. line-height: 29px;
  7960. color: white;
  7961. text-transform: uppercase;
  7962. background: url(../img/bg_table_th.png) repeat-x 0 -10px #999999; }
  7963.  
  7964. #carrierTable td {
  7965. padding: 15px;
  7966. font-weight: bold;
  7967. border-right: 1px solid #e9e9e9; }
  7968.  
  7969. #carrierTable td.carrier_price {
  7970. border: none; }
  7971.  
  7972. p.checkbox.gift {
  7973. margin-bottom: 10px; }
  7974.  
  7975. #gift_div {
  7976. display: none;
  7977. margin-top: 5px;
  7978. margin-bottom: 10px; }
  7979.  
  7980. a.iframe {
  7981. color: #333333;
  7982. text-decoration: underline; }
  7983. a.iframe:hover {
  7984. text-decoration: none; }
  7985.  
  7986. p.payment_module {
  7987. margin-bottom: 10px; }
  7988. p.payment_module a {
  7989. display: block;
  7990. border: 1px solid #d6d4d4;
  7991. -webkit-border-radius: 4px;
  7992. -moz-border-radius: 4px;
  7993. border-radius: 4px;
  7994. font-size: 17px;
  7995. line-height: 23px;
  7996. color: #333333;
  7997. font-weight: bold;
  7998. padding: 33px 40px 34px 99px;
  7999. letter-spacing: -1px;
  8000. position: relative; }
  8001. p.payment_module a.bankwire {
  8002. background: url(../img/bankwire.png) 15px 12px no-repeat #fbfbfb; }
  8003. p.payment_module a.cheque {
  8004. background: url(../img/cheque.png) 15px 15px no-repeat #fbfbfb; }
  8005. p.payment_module a.cash {
  8006. background: url(../img/cash.png) 15px 15px no-repeat #fbfbfb; }
  8007. p.payment_module a.cheque:after, p.payment_module a.bankwire:after, p.payment_module a.cash:after {
  8008. display: block;
  8009. content: "\f054";
  8010. position: absolute;
  8011. right: 15px;
  8012. margin-top: -11px;
  8013. top: 50%;
  8014. font-family: "FontAwesome";
  8015. font-size: 25px;
  8016. height: 22px;
  8017. width: 14px;
  8018. color: #777777; }
  8019. p.payment_module a:hover {
  8020. background-color: #f6f6f6; }
  8021. p.payment_module a span {
  8022. font-weight: bold;
  8023. color: #777777; }
  8024.  
  8025. .payment_module.box {
  8026. margin-top: 20px; }
  8027.  
  8028. p.cheque-indent {
  8029. margin-bottom: 9px; }
  8030.  
  8031. .cheque-box .form-group {
  8032. margin-bottom: 0px; }
  8033. .cheque-box .form-group .form-control {
  8034. width: 269px; }
  8035.  
  8036. .order-confirmation.box {
  8037. line-height: 29px; }
  8038. .order-confirmation.box a {
  8039. text-decoration: underline; }
  8040. .order-confirmation.box a:hover {
  8041. text-decoration: none; }
  8042.  
  8043. .delivery_option_carrier td {
  8044. width: 200px; }
  8045.  
  8046. .delivery_option_carrier td + td {
  8047. width: 280px; }
  8048.  
  8049. .delivery_option_carrier td + td + td {
  8050. width: 200px; }
  8051.  
  8052. .delivery_option_carrier tr td {
  8053. padding: 5px; }
  8054.  
  8055. .delivery_option_carrier.selected {
  8056. display: table; }
  8057.  
  8058. .delivery_option_carrier.not-displayable {
  8059. display: none; }
  8060.  
  8061. #address .box,
  8062. #identity .box,
  8063. #account-creation_form .box,
  8064. #new_account_form .box,
  8065. #opc_account_form .box,
  8066. #authentication .box {
  8067. padding-bottom: 20px;
  8068. line-height: 20px; }
  8069. #address p.required,
  8070. #identity p.required,
  8071. #account-creation_form p.required,
  8072. #new_account_form p.required,
  8073. #opc_account_form p.required,
  8074. #authentication p.required {
  8075. color: #f13340;
  8076. margin: 9px 0 16px 0; }
  8077. #address p.inline-infos,
  8078. #identity p.inline-infos,
  8079. #account-creation_form p.inline-infos,
  8080. #new_account_form p.inline-infos,
  8081. #opc_account_form p.inline-infos,
  8082. #authentication p.inline-infos {
  8083. color: red; }
  8084. #address .form-group,
  8085. #identity .form-group,
  8086. #account-creation_form .form-group,
  8087. #new_account_form .form-group,
  8088. #opc_account_form .form-group,
  8089. #authentication .form-group {
  8090. margin-bottom: 4px; }
  8091. #address #submitAddress{margin-top: 20px;}
  8092. #address .form-group .form-control,
  8093. #identity .form-group .form-control,
  8094. #account-creation_form .form-group .form-control,
  8095. #new_account_form .form-group .form-control,
  8096. #opc_account_form .form-group .form-control,
  8097. #authentication .form-group .form-control {
  8098. max-width: 271px; }
  8099. #address .form-group .form-control#adress_alias,
  8100. #identity .form-group .form-control#adress_alias,
  8101. #account-creation_form .form-group .form-control#adress_alias,
  8102. #new_account_form .form-group .form-control#adress_alias,
  8103. #opc_account_form .form-group .form-control#adress_alias,
  8104. #authentication .form-group .form-control#adress_alias {
  8105. margin-bottom: 20px; }
  8106. @media (min-width: 1200px) {
  8107. #address .form-group.phone-number,
  8108. #identity .form-group.phone-number,
  8109. #account-creation_form .form-group.phone-number,
  8110. #new_account_form .form-group.phone-number,
  8111. #opc_account_form .form-group.phone-number,
  8112. #authentication .form-group.phone-number {
  8113. float: left;
  8114. width: 270px;
  8115. margin-right: 13px; } }
  8116. @media (min-width: 1200px) {
  8117. #address .form-group.phone-number + p,
  8118. #identity .form-group.phone-number + p,
  8119. #account-creation_form .form-group.phone-number + p,
  8120. #new_account_form .form-group.phone-number + p,
  8121. #opc_account_form .form-group.phone-number + p,
  8122. #authentication .form-group.phone-number + p {
  8123. padding: 23px 0 0 0px;
  8124. margin-bottom: 0; } }
  8125. #address .gender-line,
  8126. #identity .gender-line,
  8127. #account-creation_form .gender-line,
  8128. #new_account_form .gender-line,
  8129. #opc_account_form .gender-line,
  8130. #authentication .gender-line {
  8131. margin-bottom: 4px;
  8132. padding-top: 4px; }
  8133. #address .gender-line > label,
  8134. #identity .gender-line > label,
  8135. #account-creation_form .gender-line > label,
  8136. #new_account_form .gender-line > label,
  8137. #opc_account_form .gender-line > label,
  8138. #authentication .gender-line > label {
  8139. margin-right: 10px;
  8140. margin-bottom: 0; }
  8141. #address .gender-line .radio-inline label,
  8142. #identity .gender-line .radio-inline label,
  8143. #account-creation_form .gender-line .radio-inline label,
  8144. #new_account_form .gender-line .radio-inline label,
  8145. #opc_account_form .gender-line .radio-inline label,
  8146. #authentication .gender-line .radio-inline label {
  8147. font-weight: normal;
  8148. color: #777777; }
  8149.  
  8150. #identity #center_column form.std .row,
  8151. #authentication #center_column form.std .row,
  8152. #order-opc #center_column form.std .row {
  8153. margin-left: -5px;
  8154. margin-right: -5px; }
  8155. #identity #center_column form.std .row .col-xs-4,
  8156. #authentication #center_column form.std .row .col-xs-4,
  8157. #order-opc #center_column form.std .row .col-xs-4 {
  8158. padding-left: 5px;
  8159. padding-right: 5px;
  8160. max-width: 94px; }
  8161. #identity #center_column form.std .row .col-xs-4 .form-control,
  8162. #authentication #center_column form.std .row .col-xs-4 .form-control,
  8163. #order-opc #center_column form.std .row .col-xs-4 .form-control {
  8164. max-width: 84px; }
  8165. #identity #center_column .footer_links,
  8166. #authentication #center_column .footer_links,
  8167. #order-opc #center_column .footer_links {
  8168. border: none;
  8169. padding-top: 0; }
  8170.  
  8171. #new_account_form .box {
  8172. line-height: 20px; }
  8173. #new_account_form .box .date-select {
  8174. padding-bottom: 10px; }
  8175. #new_account_form .box .top-indent {
  8176. padding-top: 10px; }
  8177. #new_account_form .box .customerprivacy {
  8178. padding-top: 15px; }
  8179.  
  8180. #authentication fieldset.account_creation {
  8181. margin-bottom: 20px; }
  8182.  
  8183. #password {
  8184. padding-top: 0;
  8185. border: none; }
  8186. #password .box p {
  8187. margin-bottom: 9px; }
  8188. #password .box .form-group {
  8189. margin-bottom: 20px; }
  8190. #password .box .form-group .form-control {
  8191. width: 263px; }
  8192.  
  8193. #instant_search_results a.close {
  8194. font-size: 13px;
  8195. font-weight: 600;
  8196. opacity: 1;
  8197. line-height: inherit;
  8198. text-transform: none;
  8199. font-family: Arial, Helvetica, sans-serif; }
  8200. #instant_search_results a.close:hover {
  8201. color: #515151; }
  8202.  
  8203. #manufacturers_list h3,
  8204. #suppliers_list h3 {
  8205. font-size: 17px;
  8206. line-height: 23px; }
  8207. #manufacturers_list .description,
  8208. #suppliers_list .description {
  8209. line-height: 18px; }
  8210. #manufacturers_list .product-counter a,
  8211. #suppliers_list .product-counter a {
  8212. font-weight: bold;
  8213. color: #333333; }
  8214. #manufacturers_list .product-counter a:hover,
  8215. #suppliers_list .product-counter a:hover {
  8216. color: #515151; }
  8217. #manufacturers_list.list li .mansup-container,
  8218. #suppliers_list.list li .mansup-container {
  8219. border-top: 1px solid #d6d4d4;
  8220. padding: 31px 0 30px 0; }
  8221. @media (max-width: 767px) {
  8222. #manufacturers_list.list li .mansup-container,
  8223. #suppliers_list.list li .mansup-container {
  8224. text-align: center; } }
  8225. #manufacturers_list.list li:first-child .mansup-container,
  8226. #suppliers_list.list li:first-child .mansup-container {
  8227. border-top: 0; }
  8228. #manufacturers_list.list li .left-side,
  8229. #suppliers_list.list li .left-side {
  8230. text-align: center; }
  8231. #manufacturers_list.list li h3,
  8232. #suppliers_list.list li h3 {
  8233. margin-top: -5px;
  8234. padding-bottom: 8px; }
  8235. #manufacturers_list.list li .middle-side,
  8236. #suppliers_list.list li .middle-side {
  8237. padding-left: 0; }
  8238. @media (max-width: 767px) {
  8239. #manufacturers_list.list li .middle-side,
  8240. #suppliers_list.list li .middle-side {
  8241. padding-right: 15px;
  8242. padding-left: 15px; } }
  8243. #manufacturers_list.list li .right-side-content,
  8244. #suppliers_list.list li .right-side-content {
  8245. border-left: 1px solid #d6d4d4;
  8246. padding: 0 0 32px 31px;
  8247. min-height: 108px; }
  8248. @media (max-width: 767px) {
  8249. #manufacturers_list.list li .right-side-content,
  8250. #suppliers_list.list li .right-side-content {
  8251. min-height: 1px;
  8252. padding: 0;
  8253. border: none; } }
  8254. #manufacturers_list.list li .right-side-content .product-counter,
  8255. #suppliers_list.list li .right-side-content .product-counter {
  8256. position: relative;
  8257. top: -6px;
  8258. margin-bottom: 12px; }
  8259. @media (max-width: 767px) {
  8260. #manufacturers_list.list li .right-side-content .product-counter,
  8261. #suppliers_list.list li .right-side-content .product-counter {
  8262. top: 0; } }
  8263. #manufacturers_list.grid li,
  8264. #suppliers_list.grid li {
  8265. text-align: center; }
  8266. #manufacturers_list.grid li .product-container,
  8267. #suppliers_list.grid li .product-container {
  8268. padding-top: 40px;
  8269. padding-bottom: 20px;
  8270. border-bottom: 1px solid #d6d4d4; }
  8271. #manufacturers_list.grid li .product-container .left-side,
  8272. #suppliers_list.grid li .product-container .left-side {
  8273. padding-bottom: 42px; }
  8274. #manufacturers_list.grid li .product-container h3,
  8275. #suppliers_list.grid li .product-container h3 {
  8276. padding-bottom: 10px; }
  8277. #manufacturers_list.grid li .product-container .product-counter,
  8278. #suppliers_list.grid li .product-container .product-counter {
  8279. margin-bottom: 12px; }
  8280. @media (min-width: 1200px) {
  8281. #manufacturers_list.grid li.first-in-line,
  8282. #suppliers_list.grid li.first-in-line {
  8283. clear: left; }
  8284. #manufacturers_list.grid li.last-line .product-container,
  8285. #suppliers_list.grid li.last-line .product-container {
  8286. border-bottom: none; } }
  8287. @media (min-width: 768px) and (max-width: 1199px) {
  8288. #manufacturers_list.grid li.first-item-of-tablet-line,
  8289. #suppliers_list.grid li.first-item-of-tablet-line {
  8290. clear: left; }
  8291. #manufacturers_list.grid li.last-tablet-line .product-container,
  8292. #suppliers_list.grid li.last-tablet-line .product-container {
  8293. border-bottom: none; } }
  8294. @media (max-width: 767px) {
  8295. #manufacturers_list.grid .product-container,
  8296. #suppliers_list.grid .product-container {
  8297. border-bottom: none; } }
  8298.  
  8299. #manufacturer .description_box,
  8300. #supplier .description_box {
  8301. padding-top: 20px;
  8302. padding-bottom: 20px;
  8303. border-top: 1px solid #d6d4d4; }
  8304. #manufacturer .description_box .hide_desc,
  8305. #supplier .description_box .hide_desc {
  8306. display: none; }
  8307. #manufacturer .bottom-pagination-content,
  8308. #manufacturer .top-pagination-content,
  8309. #supplier .bottom-pagination-content,
  8310. #supplier .top-pagination-content {
  8311. min-height: 69px; }
  8312. #manufacturer .top-pagination-content.bottom-line,
  8313. #supplier .top-pagination-content.bottom-line {
  8314. border-bottom: 1px solid #d6d4d4; }
  8315.  
  8316. table.discount i {
  8317. font-size: 20px;
  8318. line-height: 20px;
  8319. vertical-align: -2px; }
  8320. table.discount i.icon-ok {
  8321. color: #46a74e; }
  8322. table.discount i.icon-remove {
  8323. color: #f13340; }
  8324.  
  8325. #guestTracking .form-control {
  8326. max-width: 271px; }
  8327. @media (min-width: 1200px) {
  8328. #guestTracking .form-group {
  8329. overflow: hidden; }
  8330. #guestTracking .form-group i {
  8331. padding-left: 10px; }
  8332. #guestTracking .form-control {
  8333. float: left; }
  8334. #guestTracking label {
  8335. float: left;
  8336. clear: both;
  8337. width: 100%; } }
  8338.  
  8339. #pagenotfound .pagenotfound {
  8340. max-width: 824px;
  8341. margin: 0 auto;
  8342. text-align: center; }
  8343. #pagenotfound .pagenotfound .img-404 {
  8344. padding: 8px 0 27px 0; }
  8345. #pagenotfound .pagenotfound .img-404 img {
  8346. max-width: 100%; }
  8347. #pagenotfound .pagenotfound h1 {
  8348. font: 600 28px/34px "opensans", sans-serif;
  8349. color: #333333;
  8350. text-transform: uppercase;
  8351. margin-bottom: 7px; }
  8352. #pagenotfound .pagenotfound p {
  8353. font: 600 16px/20px "opensans", sans-serif;
  8354. color: #555454;
  8355. text-transform: uppercase;
  8356. border-bottom: 1px solid #d6d4d4;
  8357. padding-bottom: 19px;
  8358. margin-bottom: 20px; }
  8359. #pagenotfound .pagenotfound h3 {
  8360. font-weight: bold;
  8361. color: #333333;
  8362. font-size: 13px;
  8363. line-height: normal;
  8364. margin-bottom: 18px; }
  8365. #pagenotfound .pagenotfound label {
  8366. font-weight: normal; }
  8367. @media (max-width: 767px) {
  8368. #pagenotfound .pagenotfound label {
  8369. display: block; } }
  8370. #pagenotfound .pagenotfound .form-control {
  8371. max-width: 293px;
  8372. display: inline-block;
  8373. margin-right: 5px; }
  8374. @media (max-width: 767px) {
  8375. #pagenotfound .pagenotfound .form-control {
  8376. margin: 0 auto 15px auto;
  8377. display: block; } }
  8378. #pagenotfound .pagenotfound .buttons {
  8379. padding: 48px 0 20px 0; }
  8380. #pagenotfound .pagenotfound .buttons .button-medium i.left {
  8381. font-size: 17px; }
  8382.  
  8383. #account-creation_form fieldset.reversoform {
  8384. padding: 10px !important; }
  8385.  
  8386. #account-creation_form fieldset.reversoform .text label {
  8387. display: block;
  8388. padding: 0 0 10px 0;
  8389. width: 100%;
  8390. text-align: left; }
  8391.  
  8392. #account-creation_form fieldset.reversoform .infos-sup {
  8393. padding: 0 !important;
  8394. font-size: 10px;
  8395. font-style: italic;
  8396. text-align: right; }
  8397.  
  8398. #account-creation_form fieldset.customerprivacy label,
  8399. fieldset.customerprivacy label {
  8400. cursor: pointer; }
  8401.  
  8402. .tab-content {
  8403. margin-top: 20px; }
  8404.  
  8405. form#sendComment fieldset {
  8406. padding: 10px;
  8407. border: 1px solid #cccccc;
  8408. background: #eeeeee; }
  8409.  
  8410. form#sendComment h3 {
  8411. font-size: 14px; }
  8412.  
  8413. #new_comment_form p.text {
  8414. margin-bottom: 0;
  8415. padding-bottom: 0; }
  8416.  
  8417. #sendComment p.text label,
  8418. #sendComment p.textarea label {
  8419. display: block;
  8420. margin: 12px 0 4px;
  8421. font-weight: bold;
  8422. font-size: 12px; }
  8423.  
  8424. #sendComment p.text input {
  8425. padding: 0 5px;
  8426. height: 28px;
  8427. width: 498px;
  8428. border: 1px solid #cccccc;
  8429. background: url(../img/bg_input.png) repeat-x 0 0 white; }
  8430.  
  8431. #sendComment p.textarea textarea {
  8432. height: 80px;
  8433. width: 508px;
  8434. border: 1px solid #cccccc; }
  8435.  
  8436. #sendComment p.submit {
  8437. padding: 0;
  8438. text-align: right; }
  8439.  
  8440. #sendComment p.closeform {
  8441. float: right;
  8442. padding: 0;
  8443. height: 12px;
  8444. width: 12px;
  8445. text-indent: -5000px;
  8446. background: url(../img/icon/delete.gif) no-repeat 0 0; }
  8447.  
  8448. .star {
  8449. position: relative;
  8450. top: -1px;
  8451. float: left;
  8452. width: 14px;
  8453. overflow: hidden;
  8454. cursor: pointer;
  8455. font-size: 14px;
  8456. font-weight: normal; }
  8457.  
  8458. .star {
  8459. display: block; }
  8460. #product #new_comment_form .star{top: -5px;height: 20px;}
  8461.  
  8462. .star a {
  8463. display: block;
  8464. position: absolute;
  8465. text-indent: -5000px; }
  8466.  
  8467. div.star:after {
  8468. content: "\f006";
  8469. font-family: "FontAwesome";
  8470. display: inline-block;
  8471. color: #c3c3c3; }
  8472.  
  8473. div.star.star_on {
  8474. display: block; }
  8475. div.star.star_on:after {
  8476. content: "\f005";
  8477. font-family: "FontAwesome";
  8478. display: inline-block;
  8479. color: #F0C808;}
  8480.  
  8481. div.star.star_hover:after {
  8482. content: "\f005";
  8483. font-family: "FontAwesome";
  8484. display: inline-block;
  8485. color: #F0C808; }
  8486. .cart_block .cart-prices .cart-prices-line.last-line{
  8487. background: url("../img/title-block.png") repeat-x top;
  8488. }
  8489. .advertising_block {
  8490. margin-bottom: 30px;
  8491. text-align: center; }
  8492. .advertising_block img{width: 100%;height: auto;}
  8493. #layered_block_left{width: 100%;}
  8494. #layered_block_left .block_content{padding: 20px 10px 30px;}
  8495. #layered_block_left .ui-widget-content{border: none!important;}
  8496. #layered_block_left .ui-widget-content, #layered_block_left .ui-widget-header{background: url(../img/ui-slider-range.png) repeat-x;}
  8497. #layered_block_left .ui-slider-horizontal{height: 10px!important;}
  8498. #layered_block_left .ui-state-default, #layered_block_left .ui-widget-content .ui-state-default{
  8499. background: #65c178 url("../img/bg-layered-nav.png") no-repeat 0 0 !important;
  8500. width: 21px!important;
  8501. height: 21px!important;
  8502. border: none;
  8503. top: -6px;
  8504. cursor: pointer;
  8505. border-radius: 20px;
  8506. }
  8507. #layered_block_left .ui-state-default:hover, #layered_block_left .ui-widget-content .ui-state-default:hover{
  8508. background-color: #e44f4f!important;
  8509. }
  8510. .functional-buttons{float: left;}
  8511.  
  8512. .blockcategories_footer ul ul {
  8513. display: none !important; }
  8514.  
  8515. .form-group.form-error input, .form-group.form-error textarea {
  8516. border: 1px solid #f13340;
  8517. color: #f13340;
  8518. background: url(../img/icon/form-error.png) 98% 5px no-repeat #fff1f2; }
  8519. .form-group.form-ok input, .form-group.form-ok textarea {
  8520. border: 1px solid #46a74e;
  8521. color: #35b33f;
  8522. background: url(../img/icon/form-ok.png) 98% 5px no-repeat #ddf9e1; }
  8523. .form-group.form-error .form-control, .form-group.form-ok .form-control {
  8524. padding-right: 30px; }
  8525.  
  8526. .radio-inline, .checkbox {
  8527. padding-left: 0; }
  8528. .radio-inline .checker, .checkbox .checker {
  8529. float: left; }
  8530. .radio-inline .checker span, .checkbox .checker span {
  8531. top: 0px; }
  8532. .radio-inline div.radio, .checkbox div.radio {
  8533. display: inline-block; }
  8534. .radio-inline div.radio span, .checkbox div.radio span {
  8535. float: left;
  8536. top: 0px; }
  8537.  
  8538. .fancybox-skin {
  8539. background: white !important; }
  8540.  
  8541. .fancybox-skin .fancybox-close {width: 28px; height: 28px; background: none; font-size: 28px; line-height: 28px; color: #333333; text-align: center; background: white; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
  8542. .fancybox-skin .fancybox-close:hover {color: #65c178; }
  8543. .fancybox-skin .fancybox-close:after {content: "\f057"; font-family: "FontAwesome"; }
  8544. .more-info{float: left;width: 100%; border: 1px solid #ededed; padding: 7px; border-radius:5px; }
  8545. .content_only .more-info, .content_only .back-top{display: none; }
  8546. #facebook_block, #cmsinfo_block {overflow: hidden; background: #f2f2f2; min-height: 344px; padding-right: 29px; padding-left: 29px; }
  8547. @media (max-width: 991px) {
  8548. #facebook_block, #cmsinfo_block {min-height: 348px; padding-left: 13px; padding-right: 13px; }
  8549. }
  8550. @media (max-width: 767px) {
  8551. #facebook_block, #cmsinfo_block {width: 100%; min-height: 1px; }
  8552. }
  8553.  
  8554. #facebook_block h4 {
  8555. padding: 35px 0 0 0;
  8556. margin: 0 0 12px 0;
  8557. font: 300 21px/25px "opensans", sans-serif;
  8558. color: #6f6d6d; }
  8559. @media (max-width: 991px) {
  8560. #facebook_block h4 {
  8561. font-size: 18px; } }
  8562. @media (max-width: 767px) {
  8563. #facebook_block h4 {
  8564. padding-top: 20px !important; } }
  8565. @media (max-width: 768px) {
  8566. #facebook_block h4 {
  8567. font-size: 16px; } }
  8568. #facebook_block .facebook-fanbox {
  8569. background: white;
  8570. border: 1px solid #aaaaaa;
  8571. padding-bottom: 10px; }
  8572.  
  8573. #cmsinfo_block {
  8574. border-left: 1px solid #d9d9d9; }
  8575. @media (max-width: 767px) {
  8576. #cmsinfo_block {
  8577. border: none;
  8578. margin-top: 10px; } }
  8579. #cmsinfo_block > div {
  8580. padding: 35px 10px 0 0; }
  8581. @media (max-width: 767px) {
  8582. #cmsinfo_block > div {
  8583. padding-top: 20px; } }
  8584. @media (max-width: 479px) {
  8585. #cmsinfo_block > div {
  8586. width: 100%;
  8587. border-top: 1px solid #d9d9d9; } }
  8588. #cmsinfo_block > div + div {
  8589. border-left: 1px solid #d9d9d9;
  8590. min-height: 344px;
  8591. padding-left: 29px; }
  8592. @media (max-width: 479px) {
  8593. #cmsinfo_block > div + div {
  8594. border-left: none;
  8595. padding-left: 10px;
  8596. min-height: 1px;
  8597. padding-bottom: 15px; } }
  8598. #cmsinfo_block em {
  8599. float: left;
  8600. width: 60px;
  8601. height: 60px;
  8602. margin: 3px 10px 0 0;
  8603. font-size: 30px;
  8604. color: white;
  8605. line-height: 60px;
  8606. text-align: center;
  8607. background: #6f6d6d;
  8608. -webkit-border-radius: 100px;
  8609. -moz-border-radius: 100px;
  8610. border-radius: 100px; }
  8611. @media (max-width: 991px) {
  8612. #cmsinfo_block em {
  8613. width: 30px;
  8614. height: 30px;
  8615. line-height: 30px;
  8616. font-size: 20px; } }
  8617. #cmsinfo_block .type-text {
  8618. overflow: hidden; }
  8619. #cmsinfo_block h3 {
  8620. margin: 0 0 5px 0;
  8621. font: 300 21px/25px "opensans", sans-serif;
  8622. color: #6f6d6d; }
  8623. @media (max-width: 1199px) {
  8624. #cmsinfo_block h3 {
  8625. font-size: 18px; } }
  8626. #cmsinfo_block ul li {
  8627. padding-bottom: 22px; }
  8628. @media (max-width: 1199px) {
  8629. #cmsinfo_block ul li {
  8630. padding-bottom: 10px; } }
  8631. @media (max-width: 991px) {
  8632. #cmsinfo_block ul li {
  8633. padding-bottom: 0; } }
  8634. #cmsinfo_block p em {background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0; font-size: 13px; color: #777777; float: none; height: inherit; line-height: inherit; text-align: left; font-style: italic; }
  8635.  
  8636. .ie8 #facebook_block,
  8637. .ie8 #cmsinfo_block {
  8638. height: 344px; }
  8639. #product.content_only div.pb-left-column p.resetimg {
  8640. margin-bottom: 0px;
  8641. padding-top: 0px; }
  8642. #product.content_only div.pb-left-column #thumbs_list_frame {
  8643. margin-bottom: 0px; }
  8644.  
  8645. #product_comparison td.compare_extra_information {
  8646. padding: 10px; }
  8647. #product_comparison #social-share-compare {
  8648. margin-bottom: 50px; }
  8649.  
  8650. .socialsharing_product .btn-facebook:hover, .socialsharing_product .btn-twitter:hover, .socialsharing_product .btn-google-plus:hover, .btn-pinterest:hover {
  8651. border-color: white; }
  8652.  
  8653. .socialsharing_product .btn-facebook i {
  8654. color: #435f9f; }
  8655. .socialsharing_product .btn-facebook:hover {
  8656. color: white;
  8657. background-color: #435f9f; }
  8658. .btn-facebook:hover i {
  8659. color: white; }
  8660.  
  8661. .socialsharing_product .btn-twitter i {
  8662. color: #00aaf0; }
  8663. .socialsharing_product .btn-twitter:hover {
  8664. color: white;
  8665. background-color: #00aaf0; }
  8666. .socialsharing_product .btn-twitter:hover i {
  8667. color: white; }
  8668.  
  8669. .socialsharing_product .btn-google-plus i {
  8670. color: #e04b34; }
  8671. .socialsharing_product .btn-google-plus:hover {
  8672. color: white;
  8673. background-color: #e04b34; }
  8674. .socialsharing_product .btn-google-plus:hover i {
  8675. color: white; }
  8676.  
  8677. .socialsharing_product .btn-pinterest i {
  8678. color: #ce1f21; }
  8679. .socialsharing_product .btn-pinterest:hover {
  8680. color: white;
  8681. background-color: #ce1f21; }
  8682. .socialsharing_product .btn-pinterest:hover i {
  8683. color: white; }
  8684. /************************** Responsive ***************************************************/
  8685. @media (max-width: 1199px){
  8686. form#searchbox{width: 482px;}
  8687. #pos_search_top #pos_query_top{width: 255px;}
  8688. body{font-size: 12px;}
  8689. header .nav{margin: 0 -15px;}
  8690. .home-banner-static .banner-box .banner-box-inner .banner-title{font-size: 15px;}
  8691. .home-banner-static .banner-box .banner-box-inner .banner-content{line-height: 19px;}
  8692. li.tab-category-item.ajax_block_product .product_image{display: block;margin-bottom: 20px;}
  8693. ul.tab_cates .tab-categories, ul.tab_cates .tab-categories, .product-tabs-slider li span.tab-categories{padding-bottom: 3px;}
  8694. .tab-category-container .button.ajax_add_to_cart_button span{font-size: 15px;}
  8695. #best-sellers_block_right .title_block{background-position: 85% 16px;}
  8696. ul.product_list.grid .item-inner .product_image{margin: 30px 0 25px;}
  8697. .button.ajax_add_to_cart_button span{font-size: 14px;}
  8698. .product-tabs-slider .button.ajax_add_to_cart_button span{padding: 0 6px;font-size: 12px;}
  8699. }
  8700. @media (min-width: 991px) and (max-width: 1198px){
  8701. #layer_cart .layer_cart_cart .button-container .btn{font-size: 12px !important;}
  8702. }
  8703. @media (min-width:768px) and (max-width: 1199px){
  8704. .box-info-product{margin-top: 15px !important; clear: both; width: 100% !important;}
  8705. .posproductcategory a.product_image{display: block;margin: 10px 0 10px;}
  8706. }
  8707. @media (min-width: 767px) and (max-width: 990px){
  8708. header .header-inner .header-content.container{padding: 0 15px 20px 15px;}
  8709. header .nav nav{text-align: center;display: inline-block;}
  8710. .header_links_wrap{float: none;width: 100%;text-align: center;}
  8711. header #header_links{display: inline-block; margin-bottom: 5px;}
  8712. #currencies-block-top{float: none!important; display: inline-block;}
  8713. #languages-block-top{float: none!important; display: inline-block; margin-left: 20px;}
  8714. header .row #header_logo {width: 100%;text-align: center;padding: 25px 15px 2px 15px;}
  8715. header .row #header_logo a{display: inline-block;}
  8716. header .header_content{float: none;text-align: center;display: inline-block;}
  8717. .pos-banner7{margin-top: 15px;}
  8718. .ma-nav-mobile-container{margin-top: 20px;}
  8719. #pos_search_top{display: inline-block;margin: 5px 0 8px;}
  8720. .top-cart{position: static;text-align: center;}
  8721. #header .shopping_cart{left: 0;right: 0;float: none;display: inline-block;margin: auto;}
  8722. .home-banner-static .banner-box .banner-box-inner .banner-title{font-size: 13px;}
  8723. .home-banner-static .banner-box .banner-box-inner{padding: 20px 10px 20px 60px;}
  8724. .home-banner-static .banner-box2 .banner-box-inner{background: url(../img/money_back.png) no-repeat 10px 30px;}
  8725. .home-banner-static .banner-box1 .banner-box-inner {background: url(../img/free_shipping.png) no-repeat 13px 30px;}
  8726. .home-banner-static .banner-box3 .banner-box-inner {background: url(../img/payment.png) no-repeat 16px 30px;}
  8727. .navleft-container{display: none;}
  8728. #center_column{padding-top: 5px;}
  8729. .tab-category-container-slider .product_image, li.tab-category-item.ajax_block_product .product_image{display: block;}
  8730. .button.ajax_add_to_cart_button span{font-size: 16px;}
  8731. .banner-home-content{padding: 10px 0 30px 0;}
  8732. li.tab-category-item.ajax_block_product{margin-bottom: 25px;}
  8733. ul.productTabCategory{margin: 0;}
  8734. #columns #newsletter_block_left .form-group .form-control{margin-bottom: 0!important;}
  8735. .form-subscribe-header label {margin: 0 0 6px 0; line-height: 18px;}
  8736. .bestseller-item{margin: 15px 0 0 0;}
  8737. #best-sellers_block_right .block_content li{padding: 20px;}
  8738. #best-sellers_block_right .block_content li .bestseller-img, #best-sellers_block_right .block_content li .product-content{padding: 0;}
  8739. #best-sellers_block_right .button.button-small{font-size: 14px;padding: 0 10px;}
  8740. #best-sellers_block_right .lnk {text-align: center; padding: 20px 0;}
  8741. #best-sellers_block_right .products-block h2.product-name{padding: 5px 0 2px;}
  8742. #best-sellers_block_right .comments_note{margin: 0px 0 3px;}
  8743. #best-sellers_block_right .price-box .price{}
  8744.  
  8745. .pos-special-product .product-name a{font-size: 12px;}
  8746. .review-price .comments_note{width: auto;margin: 1px 0 0 0; float: right !important;}
  8747. #currencies-block-top{clear: both;margin: 0 !important;}
  8748. .header-static-block {float: right;width: 100%;padding: 6px 0 0 0;}
  8749. .compare-form{margin-top: -6px;}
  8750. #search_block_top{right: 222px;}
  8751. .banner-static-contain .banner-col h2, .banner-static-contain .banner-col1 h2, .banner-static-contain .banner-col2 h2{font-size: 19px;}
  8752. .banner-static-contain p{font-size: 13px!important;}
  8753. #featured-products_block_center li.ajax_block_product, ul.product_list.grid li.ajax_block_product{min-height: 370px;}
  8754.  
  8755. #footer #newsletter_block_left .form-group .button-small{margin-top: 10px!important;}
  8756. .footer-container #footer h4{font-size: 13px;}
  8757. .footer-icon .facebook, .footer-icon .google, .footer-icon .twiter, .footer-icon .pinterest, .footer-icon .tumblr, .footer-icon .skype, .footer-icon .behance{
  8758. margin-bottom: 5px;
  8759. }
  8760. .posproductcategory a.product_image{display: block;margin: 25px 0;}
  8761. .pb-center-column #quantity_wanted_p{width: 40%;}
  8762. .socialsharing_product .btn{padding: 0 8px;}
  8763. .content_scene_cat .content_scene_cat_bg{min-height: 150px!important;}
  8764. .bottom-pagination-content div.pagination{float: right;}
  8765. ul.product_list.grid li.ajax_block_product .item-inner .actions{margin: 1px 0 0 0;}
  8766. .pos-new-product .actions, .pos-feature-product .actions, .pos-special-product .actions{margin: -1px 0 0 0;}
  8767. ul.product_list.grid .actions .add-to-links {margin: 0 0 0 4px;clear: none;}
  8768. }
  8769. @media (max-width: 990px){
  8770. .cate_title h2, .pos-logo h2, .block .title_block, #best-sellers_block_right .title_block a, .pos-special-product h2, .banner-static-home2 .banner-title h2{font-size: 16px;}
  8771. .banner-static-home2{margin: 0 0 15px;}
  8772. .tabproduct-col{margin-bottom: 10px; float: left;}
  8773. header .header-inner .header-content{padding-top: 0;}
  8774. }
  8775. @media (max-width: 767px){
  8776. .header_content{text-align: center;}
  8777. .pos_search.form-group{display: inline;}
  8778. #pos_search_top {display: inline-block;}
  8779. .pos-banner7{margin-top: 12px;}
  8780. .static-block-7{margin-top: 20px;}
  8781. .ma-nav-mobile-container{margin-top: 28px;}
  8782. .navleft-container, .back-top{display: none;}
  8783. banner-static-contain{padding-bottom: 0;}
  8784. .banner-static-contain .banner-box{margin-bottom: 10px;padding-bottom: 20px;}
  8785. .home-banner-static .banner-box3{border: none;}
  8786. .block .title_block{background: none;padding: 0;border: none;}
  8787. #left_column{padding: 0 15px;}
  8788. #tags_block_left, #newsletter_block_left, #best-sellers_block_right, .block{width: 100%; margin: 20px 0 0 0; padding: 20px 20px 18px 20px; border: 1px solid #eee; border-radius: 3px; }
  8789. #best-sellers_block_right .title_block {background-position: 40% 2px; padding: 0 0 20px 0;padding: 0;border: none;}
  8790. #center_column{margin-top: 20px;}
  8791. #index #center_column{margin-top: 0;padding-top: 0;}
  8792. .home-banner-static .banner-box3{margin-bottom: 0; padding-bottom: 0;}
  8793. .tab-category-container-slider{margin-top: 25px;}
  8794. .tab-category-container-slider.tab-category-container-slider3{margin-top: 0;}
  8795. .banner-static-contain{padding: 35px 0 0 0;}
  8796. #header .shopping_cart{float: none; right: 0; margin:8px auto 0;}
  8797. .header_links_wrap{float: none;}
  8798. ul.productTabCategory{margin: 0;}
  8799. li.tab-category-item.ajax_block_product{width: 50%;float: left;margin-bottom: 30px;}
  8800. .product-tabs-slider .images-container{float: left;width: 30%;}
  8801. .product-tabs-slider .item-inner{float: left;width: 70%;}
  8802. .banner-home-content-2{padding-bottom: 0;}
  8803. .banner-home-content-2 .banner-box{margin: 15px 0;float: left;clear: both;}
  8804. header .row #header_logo{text-align: center;padding: 20px 0 0 0;}
  8805. header .row #header_logo a{display: inline-block;}
  8806. header .nav nav{text-align: center;}
  8807. header #header_links{float: none;display: inline-block;margin-right: 23px;}
  8808. #currencies-block-top, #languages-block-top{float: none!important;display: inline-block!important;margin-top: 10px;}
  8809. #languages-block-top{margin-right: 0!important;}
  8810. #search_block_top{right: 180px!important;}
  8811. #best-sellers_block_right .block_content li .product-content{padding-left: 15px;}
  8812. #best-sellers_block_right .lnk{padding: 20px 20px 3px 0;}
  8813. .block .title_block, .block h4, .footer-block .footer-static-title, .footer-block h4 {position: relative;font-size: 19px;}
  8814. .block .title_block:after, .block h4:after, .footer-block .footer-static-title:after{display: block; font-family: "FontAwesome"; content: "\f0fe"; position: absolute; right: -15px; top: 0; height: 36px; width: 36px; font-size: 18px; font-weight: normal; }
  8815. .block .title_block.active:after, .block h4.active:after, .footer-block .footer-static-title.active:after{content: "\f146";}
  8816. #best-sellers_block_right .title_block:after,
  8817. #newsletter_block_left .title_block:after,
  8818. #tags_block_left .title_block:after{top: 0;}
  8819. .pb-left-column #image-block #view_full_size .span_link{display: none!important;}
  8820. ul.product_list.grid li{text-align: center;}
  8821. ul.product_list.grid li .img-responsive{display: inline-block;}
  8822. ul.product_list.grid .button.ajax_add_to_cart_button span{font-size: 18px;}
  8823. .top-footer{padding: 20px 0;width: 100%;margin: 0;}
  8824. .footer-container #footer .footer-block.f-col1 .footer-static-content{float: left;margin-bottom: 15px;}
  8825.  
  8826. .shopping_cart .block .block_content{border: none;}
  8827. .header-static-block{float: none;display: inline-block;text-align: center;margin: 20px 0 0 0;}
  8828. .header-static-block .col{float: none;display: inline-block;padding: 0 10px;}
  8829. .banner-static-contain .banner-col{padding: 10px 0 30px 120px;}
  8830. .banner-static-contain .banner-col1{padding: 10px 0 54px 120px;}
  8831. .banner-static-contain .banner-col2{padding: 10px 0 65px 120px;}
  8832. .banner-home-content{padding-bottom: 0;}
  8833. .banner-home-content .banner-box{margin-bottom: 30px;}
  8834. .pos-special-product .bx-wrapper{max-width: 100% !important;}
  8835. .ph_simpleblog .simpleblog-posts .post-thumbnail img{width: 100%;}
  8836. .f-content{margin: 20px 0 0 0;}
  8837. .pos-logo-container{margin: 0;}
  8838. .footer-container #footer .footer-block {margin-top: 9px;clear: both;}
  8839. .footer-static-title{width: 100%;}
  8840. .footer-top-content p{margin: 12px 0 0 0;}
  8841. .footer-container #footer .footer-static .f-top{margin-bottom: 20px;}
  8842. .footer-container #footer .bottom-footer div, .footer-container #footer .bottom-footer .f-images{text-align: center; padding: 0 15px; display: inline-block; float: none;}
  8843. .footer-container .footer{padding-top: 10px;}
  8844. .footer-container #footer .bottom-footer .f-images{margin-top: 10px;}
  8845. .footer-icon{margin: 18px 0 0;}
  8846. #footer #newsletter_block_left .block_content{margin-top: 20px!important;}
  8847. #right_column{clear: both;margin-top: 9px;float: left;}
  8848. .comments_advices a{padding: 0 10px!important;}
  8849. .content_sortPagiBar .sortPagiBar{margin: 10px 0 0 0;}
  8850. header .header-inner .header-content.container{padding: 25px 15px 20px;}
  8851. .bottom-pagination-content .nbrItemPage{width: 50%;float: left;}
  8852. .bottom-pagination-content div.pagination{float: right;}
  8853.  
  8854. .content_sortPagiBar .sortPagiBar #productsSortForm, header #header_links{margin: 0;}
  8855. #search_block_top .form-search{margin-top: 13px;}
  8856. .pb-left-column #views_block{margin-top: 25px !important;}
  8857. .content_sortPagiBar{margin: 0 0 26px 0;float: left;width: 100%;}
  8858. .footer-container .footer .links{text-align: center;line-height: 22px;margin:5px 0 8px;}
  8859. }
  8860. @media (max-width: 680px) {
  8861. form#searchbox{width: 407px;}
  8862. #pos_search_top #pos_query_top{width: 180px;}
  8863. header #header_links{margin: 0;}
  8864. .ma-nav-mobile-container {margin-top: 22px;}
  8865. .pos-logo-container {margin: 15px 0 0 0;}
  8866. .top-footer{padding: 0;}
  8867. .link-bottom-footer{padding: 10px 0 30px;}
  8868. .breadcrumb{margin: 0px 0 30px!important;}
  8869. #product .breadcrumb{margin: 0px 0 10px!important;}
  8870. .navbar{margin-bottom: 12px;}
  8871. }
  8872. @media (max-width: 550px){
  8873. .banner-static-home2 .banner-content .col{font-size: 11px;}
  8874. .banner-static-home2 .banner-content .col {width: 110px; margin-top: 5px;}
  8875. .box-info-product{margin-top: 15px !important; clear: both; width: 100% !important;}
  8876. }
  8877. @media (max-width: 500px){
  8878. ul.product_list.grid{float: left;}
  8879. header .header-inner .header-content.container{padding: 25px 15px 15px;}
  8880. #best-sellers_block_right.block .products-block li{width: 100%;}
  8881. .tp-leftarrow.default, .tp-rightarrow.default{display: none;}
  8882. #search_block_top{position: static;width: 100%;padding: 0;}
  8883. #search_block_top #search_query_top{width: 230px;padding: 0 10px;}
  8884. #search_block_top:hover #search_query_top{width: 230px;padding: 0 10px;margin: 0;}
  8885. #search_block_top:hover .btn.button-search span{background: url("../img/icon-search.png") no-repeat 50% 145%;}
  8886. #search_block_top .form-search {
  8887. border-radius: 10px;
  8888. background: #f1f1f1;
  8889. box-shadow: inset 2px 2px 5px -2px #bbb,1px 1px 0 0 #fff;
  8890. border: 1px solid #999;
  8891. }
  8892. #search_block_top #searchbox{float: none!important;text-align: center;}
  8893. #search_block_top .form-search{float: none;display: inline-block;}
  8894. #header .shopping_cart_inner{position: relative;}
  8895. .banner-static-contain .banner-col1, .banner-static-contain .banner-col2{padding: 10px 0 30px 120px;}
  8896. #view_scroll_left, #view_scroll_right{margin: -10px 0 0!important;}
  8897. #thumbs_list ul#thumbs_list_frame{margin: 15px 0 0 0;}
  8898. #search_block_top .btn.button-search span{background: url("../img/icon-search.png") no-repeat 50% 145%;}
  8899. .header-static-block{margin: 18px 0 0 0;}
  8900. .pb-left-column #views_block{margin-top: -30px!important;}
  8901. .content_scene_cat{margin-bottom:-3px!important;}
  8902. .item-inner-top{text-align: center;}
  8903. li.tab-category-item.ajax_block_product{width: 100%;}
  8904.  
  8905. }
  8906. @media (max-width: 400px) {
  8907. header .nav{margin: 0 -30px;}
  8908. .content_sortPagiBar{margin: 0;}
  8909. .link-category{margin-bottom: 0;}
  8910. .payment li{margin-top: 10px;}
  8911. #best-sellers_block_right .title_block{background-position: 55% 2px;}
  8912. .banner-static-home2 .banner-content .col {width: 135px;}
  8913. form#searchbox{width: 300px;}
  8914. .block-header .phone{border:none; margin-bottom: 5px;}
  8915. #pos_search_top #pos_query_top{width: 73px;}
  8916. .footer-container #footer .bottom-footer address{font-size: 13px;}
  8917. .footer-container #footer .bottom-footer .f-images{text-align: center;margin-top: 10px;}
  8918. #footer #newsletter_block_left .form-group .button-small{margin: 10px 0 0 0!important;}
  8919. .footer-icon .facebook, .footer-icon .google, .footer-icon .twiter, .footer-icon .pinterest, .footer-icon .tumblr, .footer-icon .skype, .footer-icon .behance{margin-top: 5px;}
  8920. header #header_links li{padding: 0 5px 0 0; line-height: 15px;}
  8921. header #header_links li a{padding: 5px 3px;}
  8922. .content_sortPagiBar{margin-bottom: 11px;}
  8923. .content_sortPagiBar .sortPagiBar #productsSortForm{width: 100%;text-align: center;}
  8924. .content_sortPagiBar .sortPagiBar #productsSortForm div.select{display: inline-block;}
  8925. .content_sortPagiBar .sortPagiBar{margin: 10px 0 0 0;}
  8926. .content_sortPagiBar.sortPagiBarbottom{padding-top: 20px;}
  8927. .bottom-pagination-content .nbrItemPage{width: 100%;padding-left: 45px;}
  8928. .bottom-pagination-content div.pagination{width: 100%; text-align: center; float: none;margin-top: 10px;}
  8929. .bottom-pagination-content div.pagination span{float: none!important;}
  8930. .bottom-pagination-content ul.pagination{float: none; display: inline-block; vertical-align: -9px;}
  8931. .product-tabs-slider .images-container{float: left;width: 40%;}
  8932. .product-tabs-slider .item-inner{float: left;width: 60%;padding-left: 0;}
  8933. .compare-form{margin-top: 5px;width: 100%;text-align: center;}
  8934. #layer_cart .layer_cart_cart .button-container .btn{float: left!important;font-size: 13px!important;}
  8935. .socialsharing_product{padding: 20px 0 9px;}
  8936. .socialsharing_product .btn{margin-bottom: 15px;}
  8937. .pb-center-column #quantity_wanted_p{width: 48%;}
  8938. .mobilemenu span.head{right: 10px !important;}
  8939. .posproductcategory .posproductcategory-title h2{font-size: 20px;}
  8940. #product #right_column{margin-top: -20px!important;}
  8941. }
  8942. /**************************************** CSS3 ***************************************/
  8943. #languages-block-top div.current, #currencies-block-top div.current, header #header_links, .item-inner, .block,
  8944. .block .products-block li .products-block-image, .button.button-small, .pos-special-product, .pos-logo li,
  8945. .footer-icon a, #footer #newsletter_block_left .form-group .form-control, .f-content, .breadcrumb,
  8946. .bottom-pagination-content ul.pagination li span b, .bottom-pagination-content ul.pagination li a b,
  8947. ul.product_list.list .ajax_block_product, #product_comments_block_extra, .btn, .pos-logo li img,
  8948. #currencies-block-top ul li a, #languages-block-top ul li a, #languages-block-top ul li > span,
  8949. #header .shopping_cart, #pos_search_top input.btn-search, .bx-wrapper .bx-controls a
  8950. {
  8951. border-radius: 2px;
  8952. -moz-border-radius: 2px;
  8953. -webkit-border-radius: 2px;
  8954. }
  8955. .socialsharing_product .btn{background-color: #ddd; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border: 1px solid #ccc; color: #777; font-size: 14px !important; height: 35px; line-height: 35px; font-weight: normal; }
  8956.  
  8957. .pt_custommenu div.pt_menu a, #pt_menu_pt_item_menu_custom_menu .parentMenu span,
  8958. .button.ajax_add_to_cart_button span, .add-to-links li a.addToWishlist, .add-to-links li a.quick-view,
  8959. .button.button-small, .footer-icon a, .footer-container #footer ul li a, .content_sortPagiBar .display_m li a, .add-to-links li.compare a,
  8960. .bottom-pagination-content ul.pagination li span b, .bottom-pagination-content ul.pagination li a b,
  8961. .bottom-pagination-content ul.pagination li a, .bottom-pagination-content ul.pagination li span,
  8962. .functional-buttons li .add_to_compare, .functional-buttons li a.quick-view, .functional-buttons li a.addToWishlist,
  8963. ul.product_list.list .ajax_block_product, .button.ajax_add_to_cart_button, .button-container .btn-default
  8964. {
  8965. -moz-transition: background 0.3s ease-in-out 0s;
  8966. -webkit-transition: background 0.3s ease-in-out;
  8967. transition: background 0.3s ease-in-out;
  8968. }
  8969.  
  8970. .button.ajax_add_to_cart_button{
  8971. border-radius: 8px;
  8972. -moz-border-radius: 8px;
  8973. -webkit-border-radius: 8px;
  8974. }
  8975.  
  8976. .item-inner .actions {
  8977. border-radius: 0 0 10px 10px;
  8978. -moz-border-radius: 0 0 10px 10px;
  8979. -webkit-border-radius: 0 0 10px 10px;
  8980. }
  8981.  
  8982. #featured-products_block_center .box-item, ul.product_list.grid li.ajax_block_product .box-item{
  8983. border-radius: 10px 10px 0 0;
  8984. -moz-border-radius: 10px 10px 0 0;
  8985. -webkit-border-radius: 10px 10px 0 0;
  8986. }
  8987. #featured-products_block_center .item-inner .actions, ul.product_list.grid li.ajax_block_product .item-inner .actions{
  8988. border-radius: 0 0 10px 10px;
  8989. -moz-border-radius: 0 0 10px 10px;
  8990. -webkit-border-radius: 0 0 10px 10px;
  8991. }
  8992. #search_block_top:hover .form-search, #search_block_top:hover #search_query_top{
  8993. transition: width 0.3s ease 0s;
  8994. -moz-transition: width 0.3s ease 0s;
  8995. }
  8996.  
  8997. .advertising_block img:hover, .pos-logo img:hover, .banner-home-content img:hover{
  8998. opacity: 0.8;
  8999. -moz-opacity: 0.8;
  9000. -webkit-opacity: 0.8;
  9001. }
  9002.  
  9003. /*
  9004. * Core Owl Carousel CSS File
  9005. * v1.3.2
  9006. */
  9007. /* clearfix */
  9008. .owl-carousel .owl-wrapper:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
  9009. /* display none until init */
  9010. .owl-carousel{display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
  9011. .owl-carousel .owl-wrapper{display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
  9012. .owl-carousel .owl-wrapper-outer{overflow: hidden; position: relative; width: 100%; }
  9013. .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
  9014. .owl-carousel .owl-item{float: left;}
  9015. .owl-controls .owl-page, .owl-controls .owl-buttons div{cursor: pointer; }
  9016. .owl-controls {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  9017. /* mouse grab icon */
  9018. .grabbing {cursor:url(grabbing.png) 8 8, move;}
  9019. /* fix */
  9020. .owl-carousel .owl-wrapper, .owl-carousel .owl-item{-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); }
  9021.  
  9022. /********************** IE8 ***********************/
  9023. .ie8 .pos_search, .ie8 #pos_search_top #pos_query_top{float: left!important;}
  9024. .ie8 #pos_search_top INPUT.btn-search{float: right!important;}
  9025.  
  9026. .ie8 .form-group.pos_search{float: left!important;}
  9027. .ie8 #pos_search_top .bootstrap-select.btn-group{float: left!important;width: auto!important;}
  9028.  
  9029.  
  9030.  
  9031. /*----color popup----*/
  9032. .poptop {
  9033. background: #b9b9b9;
  9034. padding: 10px;
  9035. border-radius: 5px;
  9036. margin-bottom: 20px;
  9037. }
  9038. .ui-dialog {
  9039. width: 75% !important;
  9040. float: left;
  9041. /*margin-left: -10% !important;*/
  9042. margin-right: 25% !important;
  9043. height: auto;
  9044. left: 160px !important;
  9045.  
  9046. }
  9047.  
  9048. @media only screen and (max-width: 1026px) {
  9049. .pos-logo-container {
  9050. display: none;
  9051. }
  9052. }
  9053. .link-wishlist{
  9054. display:none;
  9055. }
  9056. .menuitem{
  9057. float:left;
  9058. }
  9059.  
  9060. @media screen and (max-width: 1024px) {
  9061. #right_column {
  9062. display: none !important;
  9063. }
  9064. .col-sm-9{
  9065. width:100% !important;
  9066. }
  9067. }
  9068.  
  9069. /*product special button */
  9070. div.show-different {
  9071. float: left;
  9072. }
  9073.  
  9074. #show-different {
  9075. margin-top:0;height:34px;font-size:15px;
  9076. min-width: 152px;
  9077. }
  9078.  
  9079.  
  9080. @media screen and (max-width: 476px) {
  9081. div.show-different {
  9082. float:right;
  9083. }
  9084.  
  9085. #show-different {
  9086. margin-left: 10px;
  9087. max-width: 153px;
  9088. }
  9089. }
  9090.  
  9091. .breadcrumb a{float:none !important;}
  9092. .posproductcategory div.bx-wrapper{margin: 0 auto !important;}
  9093. .pos-special-product .bx-controls {
  9094. width: 100%;
  9095. position: absolute;
  9096. bottom: 15px;
  9097. left: 0;
  9098. right: 0px;
  9099. margin: auto;
  9100. text-align: center;
  9101. top: 50% !important;
  9102. margin-right: 5px !important;
  9103. }
Add Comment
Please, Sign In to add comment