djpao

mi stilo

Jul 11th, 2016
2,237
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 476.74 KB | None | 0 0
  1. /*
  2. Theme Name: Newsmag
  3. Theme URI: http://themeforest.net/user/tagDiv/portfolio
  4. Description: Premium wordpress template, clean and easy to use.
  5. Version: 1.7
  6. Author: tagDiv
  7. Author URI: http://themeforest.net/user/tagDiv/portfolio
  8. License:
  9. License URI:
  10. Tags:black, white, one-column, two-columns, fixed-layout
  11. */
  12. /*
  13.  
  14. ___________________________________________
  15. | __ _ ___ _ _ __ __ __ __ __ |
  16. | | \| | __|| | | |/' _/| V |/ \ / _] |
  17. | | | ' | _| | 'V' |`._`.| \_/ | /\ | [/\ |
  18. | |_|\__|___|!_/ \_!|___/|_| |_|_||_|\__/ |
  19. |___________________________________________|
  20.  
  21. ~ tagDiv 2015 ~
  22.  
  23. Thanks for using our theme !
  24. Our portfolio is here: http://themeforest.net/user/tagDiv/portfolio
  25.  
  26. */
  27. body {
  28. visibility: visible !important;
  29. }
  30. /* ----------------------------------------------------------------------------
  31. responsive settings
  32. */
  33. /* responsive portrait tablet */
  34. /* responsive portrait phone */
  35. /* ----------------------------------------------------------------------------
  36. module settings
  37. */
  38. /* ----------------------------------------------------------------------------
  39. header_menu settings
  40. */
  41. .mx_image_background {
  42. background-color: #f2f2f2;
  43. }
  44. .td-visibility-hidden {
  45. visibility: hidden;
  46. }
  47. /* ----------------------------------------------------------------------------
  48. from bootstrap
  49. */
  50. .clearfix {
  51. *zoom: 1;
  52. }
  53. .clearfix:before,
  54. .clearfix:after {
  55. display: table;
  56. content: "";
  57. line-height: 0;
  58. }
  59. .clearfix:after {
  60. clear: both;
  61. }
  62. .td-dispaly-none {
  63. display: none;
  64. }
  65. .td-dispaly-block {
  66. display: block;
  67. }
  68. /*
  69. usage:
  70. .td-block-row {
  71. .mx-row(td-block-span);
  72. }
  73.  
  74. @all_span_selector - is the begining of the span selector
  75. */
  76. /*! normalize.css v3.0.0 | MIT License | git.io/normalize */
  77. html {
  78. font-family: sans-serif;
  79. -ms-text-size-adjust: 100%;
  80. -webkit-text-size-adjust: 100%;
  81. }
  82. body {
  83. margin: 0;
  84. }
  85. article,
  86. aside,
  87. details,
  88. figcaption,
  89. figure,
  90. footer,
  91. header,
  92. hgroup,
  93. main,
  94. nav,
  95. section,
  96. summary {
  97. display: block;
  98. }
  99. audio,
  100. canvas,
  101. progress,
  102. video {
  103. display: inline-block;
  104. vertical-align: baseline;
  105. }
  106. audio:not([controls]) {
  107. display: none;
  108. height: 0;
  109. }
  110. [hidden],
  111. template {
  112. display: none;
  113. }
  114. a {
  115. background: transparent;
  116. }
  117. a:active,
  118. a:hover {
  119. outline: 0;
  120. }
  121. abbr[title] {
  122. border-bottom: 1px dotted;
  123. }
  124. b,
  125. strong {
  126. font-weight: bold;
  127. }
  128. dfn {
  129. font-style: italic;
  130. }
  131. h1 {
  132. font-size: 2em;
  133. margin: 0.67em 0;
  134. }
  135. mark {
  136. background: #ff0;
  137. color: #000;
  138. }
  139. small {
  140. font-size: 80%;
  141. }
  142. sub,
  143. sup {
  144. font-size: 75%;
  145. line-height: 0;
  146. position: relative;
  147. vertical-align: baseline;
  148. }
  149. sup {
  150. top: -0.5em;
  151. }
  152. sub {
  153. bottom: -0.25em;
  154. }
  155. img {
  156. border: 0;
  157. display: block;
  158. }
  159. svg:not(:root) {
  160. overflow: hidden;
  161. }
  162. figure {
  163. margin: 0px;
  164. }
  165. hr {
  166. -moz-box-sizing: content-box;
  167. box-sizing: content-box;
  168. height: 0;
  169. }
  170. pre {
  171. overflow: auto;
  172. }
  173. code,
  174. kbd,
  175. pre,
  176. samp {
  177. font-family: monospace, monospace;
  178. font-size: 1em;
  179. }
  180. button,
  181. input,
  182. optgroup,
  183. select,
  184. textarea {
  185. color: inherit;
  186. font: inherit;
  187. margin: 0;
  188. }
  189. button {
  190. overflow: visible;
  191. }
  192. button,
  193. select {
  194. text-transform: none;
  195. }
  196. button,
  197. html input[type="button"],
  198. input[type="reset"],
  199. input[type="submit"] {
  200. -webkit-appearance: button;
  201. cursor: pointer;
  202. }
  203. button[disabled],
  204. html input[disabled] {
  205. cursor: default;
  206. }
  207. button::-moz-focus-inner,
  208. input::-moz-focus-inner {
  209. border: 0;
  210. padding: 0;
  211. }
  212. input {
  213. line-height: normal;
  214. }
  215. input[type="checkbox"],
  216. input[type="radio"] {
  217. box-sizing: border-box;
  218. padding: 0;
  219. }
  220. input[type="number"]::-webkit-inner-spin-button,
  221. input[type="number"]::-webkit-outer-spin-button {
  222. height: auto;
  223. }
  224. input[type="search"] {
  225. -webkit-appearance: textfield;
  226. -moz-box-sizing: content-box;
  227. -webkit-box-sizing: content-box;
  228. box-sizing: content-box;
  229. }
  230. input[type="search"]::-webkit-search-cancel-button,
  231. input[type="search"]::-webkit-search-decoration {
  232. -webkit-appearance: none;
  233. }
  234. fieldset {
  235. border: 1px solid #c0c0c0;
  236. margin: 0 2px;
  237. padding: 0.35em 0.625em 0.75em;
  238. }
  239. legend {
  240. border: 0;
  241. padding: 0;
  242. }
  243. textarea {
  244. overflow: auto;
  245. }
  246. optgroup {
  247. font-weight: bold;
  248. }
  249. table {
  250. border-collapse: collapse;
  251. border-spacing: 0;
  252. }
  253. td,
  254. th {
  255. padding: 0;
  256. }
  257. @media print {
  258. html,
  259. body {
  260. background-color: #FFF;
  261. color: #000;
  262. margin: 0px;
  263. padding: 0px;
  264. }
  265. img {
  266. max-width: 100%;
  267. display: block;
  268. }
  269. h1,
  270. h2,
  271. h3,
  272. h4,
  273. h5,
  274. h6 {
  275. page-break-after: avoid;
  276. }
  277. ul,
  278. ol,
  279. li {
  280. page-break-inside: avoid;
  281. }
  282. table,
  283. tr,
  284. td {
  285. page-break-before: avoid;
  286. }
  287. .single-post #td-theme-settings,
  288. .single-post .td-header-top-menu,
  289. .single-post .td-header-menu-wrap,
  290. .single-post .td-header-sp-ads,
  291. .single-post .td-mobile-nav-wrap,
  292. .single-post .td-main-sidebar,
  293. .single-post .td-post-source-tags,
  294. .single-post .td-post-sharing,
  295. .single-post .td-post-next-prev,
  296. .single-post .td_block_related_posts,
  297. .single-post #comments,
  298. .single-post .td-footer-container,
  299. .single-post .td-sub-footer-container,
  300. .single-post .entry-crumbs,
  301. .single-post .td-category,
  302. .single-post .td-post-views,
  303. .single-post .td-post-comments,
  304. .single-post .td-scroll-up,
  305. .single-post iframe,
  306. .single-post .td-more-articles-box {
  307. display: none !important;
  308. }
  309. .backstretch {
  310. display: none;
  311. }
  312. .td-main-content,
  313. header {
  314. width: 80% !important;
  315. }
  316. .td-pb-row [class*="td-pb-span"] {
  317. border: 0px !important;
  318. }
  319. }
  320. * {
  321. -webkit-box-sizing: border-box;
  322. -moz-box-sizing: border-box;
  323. box-sizing: border-box;
  324. }
  325. *:before,
  326. *:after {
  327. -webkit-box-sizing: border-box;
  328. -moz-box-sizing: border-box;
  329. box-sizing: border-box;
  330. }
  331. img {
  332. max-width: 100%;
  333. width: auto\9;
  334. height: auto;
  335. }
  336. .td-page-title {
  337. font-size: 24px;
  338. font-weight: 600;
  339. line-height: 32px;
  340. margin: 1px 0px 20px 0px;
  341. }
  342. .td-page-header.td-pb-padding-side {
  343. padding-top: 20px;
  344. }
  345. .td-attachment-prev {
  346. display: inline-block;
  347. margin-top: 10px;
  348. margin-bottom: 16px;
  349. }
  350. .td-attachment-prev img {
  351. width: 100px;
  352. height: 100px;
  353. }
  354. .td-attachment-next {
  355. float: right;
  356. margin-top: 10px;
  357. margin-bottom: 16px;
  358. }
  359. .td-attachment-next img {
  360. width: 100px;
  361. height: 100px;
  362. }
  363. .td-author-counters {
  364. margin-bottom: 13px;
  365. line-height: 19px;
  366. height: 19px;
  367. }
  368. .td-author-counters span {
  369. font-family: 'Open Sans', arial, sans-serif;
  370. font-size: 11px;
  371. font-style: normal;
  372. font-weight: bold;
  373. background-color: #222222;
  374. border-radius: 3px;
  375. color: #ffffff;
  376. display: inline-table;
  377. line-height: 16px;
  378. padding: 2px 15px;
  379. vertical-align: middle;
  380. position: relative;
  381. top: -1px;
  382. }
  383. .author .author-box-wrap {
  384. border-bottom: 1px dashed #f1f1f1;
  385. border-top: 1px dashed #f1f1f1;
  386. margin: 0px 19px 20px 20px;
  387. padding: 21px 0px 21px 0px;
  388. }
  389. .td-author-post-count {
  390. margin-right: 10px;
  391. }
  392. .error404 .td-pb-span12 .block-title {
  393. margin-left: 20px;
  394. }
  395. .td-404-title {
  396. font-family: 'Roboto Condensed', sans-serif;
  397. font-size: 40px;
  398. color: #222222;
  399. text-align: center;
  400. line-height: 50px;
  401. padding: 30px 0px 17px 0px ;
  402. }
  403. .td-404-sub-title {
  404. font-family: 'Roboto Condensed', sans-serif;
  405. font-size: 21px;
  406. line-height: 24px;
  407. color: #a6a6a6;
  408. text-align: center;
  409. padding: 0 0 40px 0;
  410. }
  411. .td-404-sub-sub-title {
  412. text-align: center;
  413. margin-bottom: 70px;
  414. }
  415. .td-404-sub-sub-title a {
  416. background-color: #444444;
  417. border: medium none;
  418. border-radius: 3px;
  419. color: #FFFFFF;
  420. font-size: 11px;
  421. font-weight: bold;
  422. line-height: 16px;
  423. padding: 8px 15px;
  424. margin-left: 6px;
  425. }
  426. .td-404-sub-sub-title a:hover {
  427. color: white;
  428. background-color: #4db2ec;
  429. text-decoration: none !important;
  430. }
  431. .td-404-head {
  432. text-align: center;
  433. }
  434. .td-search-query {
  435. color: #4db2ec;
  436. }
  437. .search-page-search-wrap {
  438. border-bottom: 1px dashed #f1f1f1;
  439. border-top: 1px dashed #f1f1f1;
  440. margin: 0px 0px 20px 0px;
  441. padding: 40px 0px 40px 0px;
  442. }
  443. .td-search-form-widget {
  444. position: relative;
  445. line-height: 21px;
  446. }
  447. .td-search-form-widget .wpb_button {
  448. border-radius: 0 3px 3px 0;
  449. height: 32px;
  450. position: absolute;
  451. right: 0px;
  452. top: 0px;
  453. text-shadow: none;
  454. padding: 7px 15px 8px 15px;
  455. line-height: 16px;
  456. margin: 0px;
  457. }
  458. .td-search-form-widget .wpb_button:hover {
  459. background-color: #222222;
  460. }
  461. .td-search-form-widget div {
  462. text-align: left;
  463. }
  464. .td-search-form-widget .td-widget-search-input {
  465. width: 95%;
  466. border-right: 0px;
  467. height: 32px;
  468. line-height: 21px;
  469. position: relative;
  470. top: 0;
  471. display: inline-table;
  472. vertical-align: middle;
  473. }
  474. .td_search_subtitle {
  475. position: relative;
  476. top: 11px;
  477. left: 2px;
  478. }
  479. /* -----------------------------------------------------------------
  480.  
  481. Pagination
  482.  
  483. -------------------------------------------------------------------- */
  484. .page-nav {
  485. margin-bottom: 35px;
  486. height: 28px;
  487. /* responsive portrait phone */
  488. }
  489. @media (max-width: 767px) {
  490. .page-nav {
  491. margin-right: auto;
  492. margin-left: auto;
  493. display: table;
  494. }
  495. }
  496. .page-nav a:hover {
  497. color: #ffffff;
  498. background-color: #444444;
  499. border-color: #444444;
  500. }
  501. .page-nav a,
  502. .page-nav span {
  503. padding: 2px 5px 3px 5px;
  504. border: 1px solid #e6e6e6;
  505. border-radius: 3px;
  506. display: inline-block;
  507. margin-right: 5px;
  508. min-width: 28px;
  509. text-align: center;
  510. color: #444444;
  511. line-height: 21px;
  512. float: left;
  513. -o-transition: none;
  514. -moz-transition: none;
  515. -khtml-transition: none;
  516. -webkit-transition: none;
  517. -ms-transition: none;
  518. transition: none;
  519. }
  520. .page-nav .first,
  521. .page-nav .last {
  522. /* responsive portrait phone */
  523. }
  524. @media (max-width: 767px) {
  525. .page-nav .first,
  526. .page-nav .last {
  527. display: none;
  528. }
  529. }
  530. .page-nav .extend {
  531. border: none;
  532. /* responsive portrait phone */
  533. }
  534. @media (max-width: 767px) {
  535. .page-nav .extend {
  536. display: none;
  537. }
  538. }
  539. .page-nav i {
  540. font-size: 10px;
  541. line-height: 0;
  542. display: inline-table;
  543. }
  544. .page-nav .pages {
  545. float: right;
  546. margin-right: 0;
  547. border: none;
  548. padding: 3px 0 3px 5px;
  549. /* responsive portrait phone */
  550. }
  551. @media (max-width: 767px) {
  552. .page-nav .pages {
  553. display: none;
  554. }
  555. }
  556. .page-nav .current {
  557. background-color: #4db2ec;
  558. color: #ffffff;
  559. border-color: #4db2ec;
  560. }
  561. .page-nav:first-child > div {
  562. padding: 2px 5px 3px 5px;
  563. border: 1px solid #e6e6e6;
  564. border-radius: 3px;
  565. display: inline-block;
  566. margin-right: 5px;
  567. min-width: 28px;
  568. text-align: center;
  569. line-height: 21px;
  570. background-color: #4db2ec;
  571. color: #ffffff;
  572. border-color: #4db2ec;
  573. float: left;
  574. }
  575. /* ----------------------------------------------------------------------------
  576. Typography
  577. */
  578. .td-page-content {
  579. margin-top: 20px;
  580. }
  581. .td-page-content ul {
  582. list-style-position: inside;
  583. }
  584. .td-page-content ul li {
  585. margin: 0 0 0 21px;
  586. }
  587. .td-page-content ul ul,
  588. .td-page-content ul ol {
  589. margin-bottom: 0;
  590. padding-left: 0;
  591. }
  592. .td-page-content ol {
  593. list-style-position: inside;
  594. }
  595. .td-page-content ol li {
  596. list-style-type: decimal;
  597. margin: 0 0 0 21px;
  598. }
  599. .td-page-content ol ul {
  600. margin-bottom: 0;
  601. padding-left: 0;
  602. }
  603. .td-page-content ol ul > li {
  604. list-style-type: none;
  605. }
  606. .td-page-content ol ol {
  607. padding-left: 0;
  608. margin-bottom: 0;
  609. }
  610. .td-page-content .td-arrow-list li:before {
  611. font-family: 'newsmag', sans-serif;
  612. content: '\e803';
  613. float: left;
  614. margin-left: -19px;
  615. line-height: 24px;
  616. font-size: 14px;
  617. }
  618. .td-page-content .td-arrow-list {
  619. margin-left: 21px;
  620. list-style: none;
  621. }
  622. .widget a:hover {
  623. color: #4db2ec;
  624. }
  625. .widget ul li {
  626. margin-left: 0px;
  627. }
  628. .widget ul li:before {
  629. content: '';
  630. }
  631. /*
  632.  
  633. Page Template - Pagebuilder + article list
  634.  
  635. */
  636. .td-pb-article-list {
  637. border-bottom: 0px !important;
  638. }
  639. .td-pb-article-list .td-pb-span8 .block-title,
  640. .td-pb-article-list .td-pb-span12 .block-title {
  641. margin-left: 20px;
  642. /* responsive portrait tablet */
  643. /* responsive portrait phone */
  644. }
  645. @media (min-width: 768px) and (max-width: 1023px) {
  646. .td-pb-article-list .td-pb-span8 .block-title,
  647. .td-pb-article-list .td-pb-span12 .block-title {
  648. margin-left: 17px;
  649. }
  650. }
  651. @media (max-width: 767px) {
  652. .td-pb-article-list .td-pb-span8 .block-title,
  653. .td-pb-article-list .td-pb-span12 .block-title {
  654. margin-left: 10px;
  655. }
  656. }
  657. .td-pb-article-list .td-ss-main-content {
  658. padding-top: 20px;
  659. }
  660. /*
  661.  
  662. Page Template - Title + content + sidebar
  663.  
  664. */
  665. .page-template-page-pagebuilder-title-php .td-page-content {
  666. padding: 0px;
  667. }
  668. .page-template-page-pagebuilder-title-php .wpb_row .wpb_column:first-child {
  669. border-left: 0px;
  670. }
  671. .page-template-page-pagebuilder-title-php .td-pb-row .td-pb-row {
  672. overflow: hidden !important;
  673. }
  674. .page-template-page-pagebuilder-title-php .td-page-content > .wpb_row:first-child {
  675. border-top: 1px solid #e6e6e6;
  676. }
  677. /*
  678.  
  679. Index.php
  680.  
  681. */
  682. .td-blog-index .td-page-header {
  683. margin-bottom: 10px;
  684. }
  685. .sticky .entry-title a {
  686. color: #4db2ec !important;
  687. }
  688. .category .td-category-header {
  689. min-height: 48px;
  690. /* responsive portrait phone */
  691. }
  692. @media (max-width: 767px) {
  693. .category .td-category-header {
  694. min-height: 44px;
  695. }
  696. }
  697. .category .td-category-header .td-category-description {
  698. font-family: 'Open Sans', arial, sans-serif;
  699. font-size: 13px;
  700. font-style: italic;
  701. line-height: 22px;
  702. color: #444444;
  703. border-top: 1px dashed #f1f1f1;
  704. border-bottom: 1px dashed #f1f1f1;
  705. padding: 11px 0 14px 0;
  706. margin-bottom: 20px;
  707. /* responsive portrait tablet */
  708. /* responsive portrait phone */
  709. }
  710. @media (min-width: 768px) and (max-width: 1023px) {
  711. .category .td-category-header .td-category-description {
  712. padding: 7px 0 10px 0;
  713. margin-bottom: 17px;
  714. }
  715. }
  716. @media (max-width: 767px) {
  717. .category .td-category-header .td-category-description {
  718. padding: 7px 0 10px 0;
  719. margin-bottom: 17px;
  720. }
  721. }
  722. .category .td-subcategory-header {
  723. min-height: 48px;
  724. /* responsive portrait phone */
  725. }
  726. @media (max-width: 767px) {
  727. .category .td-subcategory-header {
  728. min-height: 44px;
  729. }
  730. }
  731. .category .td-subcategory-header .td-category-pulldown-filter {
  732. /* responsive portrait phone */
  733. }
  734. @media (max-width: 767px) {
  735. .category .td-subcategory-header .td-category-pulldown-filter {
  736. display: none;
  737. }
  738. }
  739. .category .td-subcategory-header .td-pulldown-filter-display-option {
  740. /* responsive portrait tablet */
  741. /* responsive portrait phone */
  742. }
  743. @media (min-width: 768px) and (max-width: 1023px) {
  744. .category .td-subcategory-header .td-pulldown-filter-display-option {
  745. margin-right: 15px;
  746. }
  747. }
  748. @media (max-width: 767px) {
  749. .category .td-subcategory-header .td-pulldown-filter-display-option {
  750. margin-right: 10px;
  751. }
  752. }
  753. .category .td-subcategory-header .td-category {
  754. padding-top: 9px;
  755. margin: 0 0 9px 12px;
  756. /* responsive portrait tablet */
  757. /* responsive portrait phone */
  758. }
  759. @media (min-width: 768px) and (max-width: 1023px) {
  760. .category .td-subcategory-header .td-category {
  761. padding-top: 11px;
  762. margin-bottom: 12px;
  763. }
  764. }
  765. @media (max-width: 767px) {
  766. .category .td-subcategory-header .td-category {
  767. text-align: center;
  768. margin: 0 10px 9px 10px;
  769. }
  770. }
  771. .category .td-subcategory-header .td-category li {
  772. margin: 5px 3px 5px 0;
  773. /* responsive portrait tablet */
  774. /* responsive portrait phone */
  775. }
  776. @media (min-width: 768px) and (max-width: 1023px) {
  777. .category .td-subcategory-header .td-category li {
  778. margin: 3px 2px 0 0;
  779. }
  780. }
  781. @media (max-width: 767px) {
  782. .category .td-subcategory-header .td-category li {
  783. margin: 5px 2px 0 0;
  784. }
  785. }
  786. .category .td-subcategory-header .td-category a {
  787. font-size: 11px;
  788. padding: 0 14px;
  789. line-height: 20px;
  790. background: none;
  791. color: #222222;
  792. white-space: nowrap;
  793. display: inline-table;
  794. -o-transition: none;
  795. -moz-transition: none;
  796. -khtml-transition: none;
  797. -webkit-transition: none;
  798. -ms-transition: none;
  799. transition: none;
  800. /* responsive portrait tablet */
  801. /* responsive portrait phone */
  802. }
  803. @media (min-width: 768px) and (max-width: 1023px) {
  804. .category .td-subcategory-header .td-category a {
  805. font-size: 11px;
  806. line-height: 15px;
  807. font-weight: 700;
  808. padding: 2px 9px;
  809. height: 20px;
  810. }
  811. }
  812. @media (max-width: 767px) {
  813. .category .td-subcategory-header .td-category a {
  814. background-color: #222222;
  815. color: #ffffff;
  816. padding: 1px 5px 1px 5px;
  817. font-size: 9px;
  818. margin-right: 5px;
  819. line-height: 13px;
  820. }
  821. }
  822. .category .td-subcategory-header .td-category a:hover {
  823. background-color: #222222;
  824. color: #ffffff;
  825. }
  826. .category .td-subcategory-header a.td-current-sub-category {
  827. background-color: #222222;
  828. color: #ffffff;
  829. /* responsive portrait phone */
  830. }
  831. @media (max-width: 767px) {
  832. .category .td-subcategory-header a.td-current-sub-category {
  833. background-color: #4db2ec;
  834. }
  835. }
  836. .category header {
  837. display: inline-block;
  838. }
  839. .category .entry-title {
  840. line-height: 10px;
  841. margin: 20px 14px 22px 0px;
  842. /* responsive portrait tablet */
  843. /* responsive portrait phone */
  844. }
  845. @media (min-width: 768px) and (max-width: 1023px) {
  846. .category .entry-title {
  847. margin-bottom: 17px;
  848. margin-top: 16px;
  849. }
  850. }
  851. @media (max-width: 767px) {
  852. .category .entry-title {
  853. margin-bottom: 14px;
  854. margin-top: 14px;
  855. }
  856. }
  857. .category .entry-title span {
  858. display: inline-block;
  859. font-family: 'Open Sans', arial, sans-serif;
  860. font-size: 11px;
  861. font-weight: 700;
  862. text-transform: uppercase;
  863. padding: 2px 14px;
  864. background: none;
  865. color: #ffffff;
  866. background-color: #222222;
  867. border-radius: 3px;
  868. line-height: 16px;
  869. }
  870. .category .entry-crumbs {
  871. display: inline-block;
  872. position: relative;
  873. top: 0;
  874. margin: 0px 0px 14px 0px;
  875. }
  876. .category .page-nav {
  877. margin-top: 26px;
  878. /* responsive portrait tablet */
  879. }
  880. @media (min-width: 768px) and (max-width: 1023px) {
  881. .category .page-nav {
  882. margin-top: 22px;
  883. }
  884. }
  885. .paged .td-subcategory-header .td-category-header {
  886. border-bottom: 1px solid #e6e6e6;
  887. }
  888. .td_line_above_cat_big_grid {
  889. border-bottom: 1px solid #e6e6e6;
  890. }
  891. .td-category-siblings {
  892. z-index: 2;
  893. opacity: 0;
  894. width: 700px;
  895. position: relative;
  896. /* responsive portrait tablet */
  897. /* responsive portrait phone */
  898. }
  899. @media (min-width: 768px) and (max-width: 1023px) {
  900. .td-category-siblings {
  901. width: 550px;
  902. }
  903. }
  904. @media (max-width: 767px) {
  905. .td-category-siblings {
  906. text-align: center;
  907. margin-right: 0;
  908. width: 100%;
  909. }
  910. }
  911. .td-category-siblings .td-category {
  912. display: inline-block;
  913. }
  914. .td-category-siblings .td-subcat-dropdown {
  915. display: inline-block;
  916. margin: 0 0 0 10px;
  917. padding: 0 5px;
  918. position: relative;
  919. border: 1px solid #e6e6e6;
  920. color: #444444;
  921. /* responsive portrait phone */
  922. }
  923. @media (max-width: 767px) {
  924. .td-category-siblings .td-subcat-dropdown {
  925. top: 0;
  926. position: absolute;
  927. margin-right: 10px;
  928. margin-top: 12px;
  929. display: block;
  930. }
  931. }
  932. .td-category-siblings .td-subcat-dropdown i {
  933. padding-left: 0;
  934. }
  935. .td-category-siblings .td-subcat-dropdown ul {
  936. z-index: 999;
  937. border: 1px solid #e6e6e6;
  938. }
  939. .td-category-siblings .td-subcat-dropdown:hover {
  940. border-bottom-left-radius: 0;
  941. border-bottom-right-radius: 0;
  942. }
  943. .td-category-siblings .td-subcat-dropdown:hover ul {
  944. display: block;
  945. }
  946. .td-category-siblings .td-subcat-dropdown li {
  947. list-style: none;
  948. }
  949. .td-category-siblings .td-subcat-dropdown a {
  950. display: block;
  951. color: #444444;
  952. padding: 0 30px 0 16px;
  953. white-space: nowrap;
  954. }
  955. .td-category-siblings .td-subcat-dropdown a:hover {
  956. color: #4db2ec;
  957. }
  958. .td-category-siblings .td-subcat-dropdown a.td-current-sub-category {
  959. background-color: transparent;
  960. color: #4db2ec;
  961. }
  962. .td_category_template_1.td_category_top_posts_style_2 .td-subcategory-header {
  963. border-bottom: 1px solid #e6e6e6;
  964. }
  965. .td_category_template_2.td_category_top_posts_style_1 .td-subcategory-header {
  966. margin-top: 4px;
  967. }
  968. /* ----------------------------------------------------------------------------
  969. WordPress default widgets
  970. */
  971. .widget {
  972. padding: 0px 19px 0px 20px;
  973. /* responsive portrait tablet */
  974. /* responsive portrait phone */
  975. margin-bottom: 13px;
  976. }
  977. @media (min-width: 768px) and (max-width: 1023px) {
  978. .widget {
  979. padding: 0px 17px 0px 17px;
  980. }
  981. }
  982. @media (max-width: 767px) {
  983. .widget {
  984. padding: 0px 10px 0px 10px;
  985. }
  986. }
  987. .widget a {
  988. color: #222222;
  989. }
  990. .widget ul {
  991. list-style: none;
  992. padding: 0px;
  993. margin: 0px;
  994. }
  995. .widget li {
  996. line-height: 30px;
  997. list-style: none;
  998. padding: 0px;
  999. margin: 0px;
  1000. }
  1001. .widget select {
  1002. max-width: 100%;
  1003. }
  1004. .widget .block-title {
  1005. margin-left: 0px;
  1006. margin-top: 21px;
  1007. margin-bottom: 7px;
  1008. /* responsive portrait tablet */
  1009. }
  1010. @media (min-width: 768px) and (max-width: 1023px) {
  1011. .widget .block-title {
  1012. margin-top: 17px;
  1013. }
  1014. }
  1015. .widget_archive a span {
  1016. float: right;
  1017. }
  1018. .widget_archive select {
  1019. display: block;
  1020. width: 100%;
  1021. margin: 12px 0px 22px 0px;
  1022. }
  1023. .widget_calendar {
  1024. margin-bottom: 14px;
  1025. }
  1026. .widget_calendar table {
  1027. width: 100%;
  1028. text-align: center;
  1029. }
  1030. .widget_calendar th {
  1031. text-align: center;
  1032. }
  1033. .widget_calendar td {
  1034. padding: 8px 0;
  1035. /* responsive portrait tablet */
  1036. }
  1037. @media (min-width: 768px) and (max-width: 1023px) {
  1038. .widget_calendar td {
  1039. padding: 5px 0;
  1040. }
  1041. }
  1042. .widget_calendar #today {
  1043. background-color: #e6e6e6;
  1044. font-weight: bold;
  1045. color: #000000;
  1046. }
  1047. .widget_calendar caption {
  1048. font-weight: bold;
  1049. padding-bottom: 10px;
  1050. }
  1051. .widget_calendar thead tr {
  1052. border-bottom: 1px dashed #f1f1f1;
  1053. margin: 10px 0 10px 0;
  1054. line-height: 34px;
  1055. }
  1056. .widget_calendar tfoot td {
  1057. border: none;
  1058. }
  1059. .widget_calendar tfoot #prev {
  1060. text-align: left;
  1061. }
  1062. .widget_calendar tfoot #next {
  1063. text-align: right;
  1064. }
  1065. .widget_calendar tfoot a {
  1066. background-color: #444444;
  1067. border-radius: 3px;
  1068. display: inline-block;
  1069. color: #ffffff;
  1070. padding: 2px 15px;
  1071. font-weight: bold;
  1072. font-family: 'Open Sans', arial, sans-serif;
  1073. font-size: 11px;
  1074. line-height: 16px;
  1075. }
  1076. .widget_calendar tfoot a:hover {
  1077. background-color: #4db2ec;
  1078. color: #ffffff;
  1079. }
  1080. .widget_calendar .block-title {
  1081. margin-bottom: 12px;
  1082. /* responsive portrait tablet */
  1083. }
  1084. @media (min-width: 768px) and (max-width: 1023px) {
  1085. .widget_calendar .block-title {
  1086. margin-bottom: 8px;
  1087. }
  1088. }
  1089. .widget_categories a span {
  1090. float: right;
  1091. }
  1092. .widget_categories li > ul {
  1093. margin-left: 21px;
  1094. }
  1095. .widget_categories select {
  1096. display: block;
  1097. width: 100%;
  1098. margin: 12px 0px 22px 0px;
  1099. }
  1100. .widget_nav_menu a span {
  1101. float: right;
  1102. }
  1103. .widget_nav_menu li > ul {
  1104. margin-left: 21px;
  1105. box-shadow: none;
  1106. }
  1107. .widget_pages li > ul {
  1108. margin-left: 21px;
  1109. }
  1110. .widget_recent_comments {
  1111. margin-bottom: 16px;
  1112. }
  1113. .widget_recent_comments li {
  1114. margin: 0px 0px 10px 0px !important;
  1115. line-height: 21px;
  1116. padding-bottom: 13px;
  1117. border-bottom: 1px dashed #f1f1f1;
  1118. }
  1119. .widget_recent_comments li:last-child {
  1120. border-bottom: 0px;
  1121. padding-bottom: 0px;
  1122. }
  1123. .widget_recent_comments a:last-child {
  1124. font-style: italic;
  1125. font-size: 11px;
  1126. font-weight: bold;
  1127. }
  1128. .widget_recent_comments .block-title {
  1129. margin-bottom: 12px;
  1130. /* responsive portrait tablet */
  1131. }
  1132. @media (min-width: 768px) and (max-width: 1023px) {
  1133. .widget_recent_comments .block-title {
  1134. margin-bottom: 8px;
  1135. }
  1136. }
  1137. .widget_recent_entries {
  1138. margin-bottom: 5px;
  1139. }
  1140. .widget_recent_entries li {
  1141. display: block;
  1142. margin-bottom: 4px;
  1143. padding-bottom: 7px;
  1144. border-bottom: 1px dashed #f1f1f1;
  1145. }
  1146. .widget_recent_entries li:last-child {
  1147. border-bottom: none;
  1148. }
  1149. .widget_recent_entries li:last-child .post-date {
  1150. margin-bottom: 5px;
  1151. }
  1152. .widget_recent_entries li a {
  1153. display: inline-block;
  1154. line-height: 21px;
  1155. }
  1156. .widget_recent_entries .block-title {
  1157. margin-bottom: 11px;
  1158. }
  1159. .widget_recent_entries .post-date {
  1160. display: block;
  1161. font-family: 'Open Sans', arial, sans-serif;
  1162. font-size: 11px;
  1163. line-height: 16px;
  1164. color: #b5b5b5;
  1165. font-style: italic;
  1166. }
  1167. .widget_search {
  1168. margin-bottom: 19px;
  1169. margin-top: 21px;
  1170. /* responsive portrait tablet */
  1171. /* responsive portrait phone */
  1172. }
  1173. .widget_search .td-widget-search-input {
  1174. width: 95%;
  1175. }
  1176. .widget_search .block-title {
  1177. margin-bottom: 19px;
  1178. /* responsive portrait tablet */
  1179. }
  1180. @media (min-width: 768px) and (max-width: 1023px) {
  1181. .widget_search .block-title {
  1182. margin-bottom: 15px;
  1183. }
  1184. }
  1185. .widget_search .wpb_button {
  1186. margin: 0px !important;
  1187. /* responsive portrait tablet */
  1188. /* responsive portrait phone */
  1189. }
  1190. @media (min-width: 768px) and (max-width: 1023px) {
  1191. .widget_search .wpb_button {
  1192. margin: 0px 17px 0px 0px;
  1193. }
  1194. }
  1195. @media (max-width: 767px) {
  1196. .widget_search .wpb_button {
  1197. margin: 0px 10px 0px 0px;
  1198. }
  1199. }
  1200. @media (min-width: 768px) and (max-width: 1023px) {
  1201. .widget_search {
  1202. margin: 17px 0px 15px 0px;
  1203. }
  1204. }
  1205. @media (max-width: 767px) {
  1206. .widget_search {
  1207. margin: 17px 0px 15px 0px;
  1208. }
  1209. }
  1210. .widget_tag_cloud .block-title {
  1211. margin-bottom: 20px;
  1212. /* responsive portrait tablet */
  1213. }
  1214. @media (min-width: 768px) and (max-width: 1023px) {
  1215. .widget_tag_cloud .block-title {
  1216. margin-bottom: 16px;
  1217. }
  1218. }
  1219. .widget_tag_cloud a {
  1220. border: 1px solid #e6e6e6;
  1221. display: inline-table;
  1222. line-height: 1;
  1223. margin-bottom: 3px;
  1224. padding: 5px 8px;
  1225. vertical-align: middle;
  1226. border-color: #e6e6e6;
  1227. -o-transition: none;
  1228. -moz-transition: none;
  1229. -khtml-transition: none;
  1230. -webkit-transition: none;
  1231. -ms-transition: none;
  1232. transition: none;
  1233. }
  1234. .widget_tag_cloud a:hover {
  1235. border-color: #4db2ec;
  1236. }
  1237. .widget_rss {
  1238. margin-bottom: 8px;
  1239. }
  1240. .widget_rss .block-title {
  1241. margin-bottom: 12px;
  1242. /* responsive portrait tablet */
  1243. }
  1244. @media (min-width: 768px) and (max-width: 1023px) {
  1245. .widget_rss .block-title {
  1246. margin-bottom: 8px;
  1247. }
  1248. }
  1249. .widget_rss .block-title a:first-child {
  1250. display: none;
  1251. }
  1252. .widget_rss .block-title .rsswidget {
  1253. color: #ffffff;
  1254. line-height: 16px;
  1255. }
  1256. .widget_rss li {
  1257. margin-bottom: 4px;
  1258. border-bottom: 1px dashed #f1f1f1;
  1259. }
  1260. .widget_rss li:last-child {
  1261. border-bottom: none;
  1262. }
  1263. .widget_rss .rsswidget {
  1264. display: table;
  1265. line-height: 21px;
  1266. }
  1267. .widget_rss .rss-date,
  1268. .widget_rss cite {
  1269. display: inline-block;
  1270. font-family: 'Open Sans', arial, sans-serif;
  1271. font-size: 11px;
  1272. line-height: 16px;
  1273. color: #b5b5b5;
  1274. font-style: italic;
  1275. position: relative;
  1276. top: -5px;
  1277. }
  1278. .widget_text {
  1279. margin-bottom: 17px;
  1280. }
  1281. .widget_text .block-title {
  1282. margin-bottom: 12px;
  1283. /* responsive portrait tablet */
  1284. }
  1285. @media (min-width: 768px) and (max-width: 1023px) {
  1286. .widget_text .block-title {
  1287. margin-bottom: 8px;
  1288. }
  1289. }
  1290. /* ----------------------------------------------------------------------------
  1291. Contact Form 7
  1292. */
  1293. .wpcf7-text {
  1294. font-family: Verdana, Geneva, sans-serif;
  1295. font-size: 12px;
  1296. line-height: 21px;
  1297. color: #444444;
  1298. border: 1px solid #e6e6e6;
  1299. width: 100%;
  1300. max-width: 100%;
  1301. height: 34px;
  1302. padding: 3px 9px 3px 9px;
  1303. }
  1304. .wpcf7-text:active,
  1305. .wpcf7-text:focus {
  1306. border-color: #999999;
  1307. }
  1308. .wpcf7 {
  1309. padding: 20px 19px 20px 20px !important;
  1310. /* responsive portrait phone */
  1311. }
  1312. @media (max-width: 767px) {
  1313. .wpcf7 {
  1314. padding: 20px 10px 20px 10px !important;
  1315. }
  1316. }
  1317. /* ----------------------------------------------------------------------------
  1318. Jetpack
  1319. */
  1320. .sharedaddy .sd-content ul {
  1321. margin: 0px !important;
  1322. padding: 0px !important;
  1323. }
  1324. .sharedaddy li:before {
  1325. content: '' !important;
  1326. }
  1327. .td-page-content .sharedaddy,
  1328. .page-template-page-pagebuilder-latest-php .sharedaddy {
  1329. padding: 0px 19px 12px 20px;
  1330. border-top: 1px solid #e6e6e6;
  1331. /* responsive portrait tablet */
  1332. /* responsive portrait phone */
  1333. }
  1334. @media (min-width: 768px) and (max-width: 1023px) {
  1335. .td-page-content .sharedaddy,
  1336. .page-template-page-pagebuilder-latest-php .sharedaddy {
  1337. padding-right: 17px;
  1338. padding-left: 17px;
  1339. }
  1340. }
  1341. @media (max-width: 767px) {
  1342. .td-page-content .sharedaddy,
  1343. .page-template-page-pagebuilder-latest-php .sharedaddy {
  1344. padding-right: 10px;
  1345. padding-left: 10px;
  1346. }
  1347. }
  1348. .page-template-page-pagebuilder-latest-php .sharedaddy {
  1349. border-left: 1px solid #e6e6e6;
  1350. }
  1351. /* ----------------------------------------------------------------------------
  1352. Revolution slider
  1353. */
  1354. .page-template-page-pagebuilder-title-php .rev_slider ul {
  1355. padding-left: 0px;
  1356. }
  1357. /* ----------------------------------------------------------------------------
  1358. fake border (right of the container)
  1359. */
  1360. .td-container-border:after {
  1361. position: absolute;
  1362. bottom: 0px;
  1363. right: 0px;
  1364. display: block;
  1365. content: '';
  1366. height: 100%;
  1367. width: 1px;
  1368. box-sizing: border-box;
  1369. -moz-box-sizing: border-box;
  1370. -webkit-box-sizing: border-box;
  1371. background-color: #e6e6e6;
  1372. z-index: 0;
  1373. }
  1374. /* ----------------------------------------------------------------------------
  1375. smart sidebar - fix ?
  1376. */
  1377. .td-ss-main-sidebar,
  1378. .td-ss-row .td-pb-span4 .wpb_wrapper {
  1379. -webkit-backface-visibility: hidden;
  1380. -webkit-perspective: 1000;
  1381. }
  1382. /* ----------------------------------------------------------------------------
  1383. container
  1384. */
  1385. .td-container {
  1386. width: 1021px;
  1387. margin-right: auto;
  1388. margin-left: auto;
  1389. border-bottom: 1px solid #e6e6e6;
  1390. background-color: white;
  1391. position: relative;
  1392. clear: both;
  1393. z-index: 1;
  1394. }
  1395. /* ----------------------------------------------------------------------------
  1396. rows
  1397. */
  1398. .td-pb-row {
  1399. width: 100%;
  1400. *zoom: 1;
  1401. margin-bottom: 0px;
  1402. margin-left: 0px;
  1403. }
  1404. .td-pb-row:before,
  1405. .td-pb-row:after {
  1406. display: table;
  1407. content: "";
  1408. }
  1409. .td-pb-row:after {
  1410. clear: both;
  1411. }
  1412. .page .td-pb-row {
  1413. overflow: hidden;
  1414. }
  1415. /* ----------------------------------------------------------------------------
  1416. all spans
  1417. */
  1418. .td-pb-row [class*="td-pb-span"] {
  1419. display: block;
  1420. min-height: 1px;
  1421. float: left;
  1422. margin-left: 0px;
  1423. border-left: 1px solid #e6e6e6;
  1424. margin-bottom: -99998px !important;
  1425. padding-bottom: 99999px;
  1426. }
  1427. .wpb_column,
  1428. .wpb_row {
  1429. border-style: solid;
  1430. border-width: 0px;
  1431. border-color: #e6e6e6;
  1432. }
  1433. /* ----------------------------------------------------------------------------
  1434. grid in grid
  1435. */
  1436. .td-pb-row .td-pb-row .td-pb-span12 {
  1437. width: 100%;
  1438. }
  1439. .td-pb-row .td-pb-row .td-pb-span11 {
  1440. width: 91.66%;
  1441. }
  1442. .td-pb-row .td-pb-row .td-pb-span10 {
  1443. width: 83.33%;
  1444. }
  1445. .td-pb-row .td-pb-row .td-pb-span9 {
  1446. width: 75%;
  1447. }
  1448. .td-pb-row .td-pb-row .td-pb-span8 {
  1449. width: 66.66%;
  1450. }
  1451. .td-pb-row .td-pb-row .td-pb-span7 {
  1452. width: 58.33%;
  1453. }
  1454. .td-pb-row .td-pb-row .td-pb-span6 {
  1455. width: 50%;
  1456. }
  1457. .td-pb-row .td-pb-row .td-pb-span5 {
  1458. width: 41.66%;
  1459. }
  1460. .td-pb-row .td-pb-row .td-pb-span4 {
  1461. width: 33.33%;
  1462. }
  1463. .td-pb-row .td-pb-row .td-pb-span3 {
  1464. width: 25%;
  1465. }
  1466. .td-pb-row .td-pb-row .td-pb-span2 {
  1467. width: 16.66%;
  1468. }
  1469. .td-pb-row .td-pb-row .td-pb-span1 {
  1470. width: 8.333%;
  1471. }
  1472. /* ----------------------------------------------------------------------------
  1473. main grid
  1474. */
  1475. .td-pb-span1 {
  1476. width: 85px;
  1477. }
  1478. .td-pb-span2 {
  1479. width: 170px;
  1480. }
  1481. .td-pb-span3 {
  1482. width: 255px;
  1483. }
  1484. .td-pb-span4 {
  1485. width: 340px;
  1486. position: relative;
  1487. }
  1488. .td-pb-span5 {
  1489. width: 425px;
  1490. }
  1491. .td-pb-span6 {
  1492. width: 510px;
  1493. }
  1494. .td-pb-span7 {
  1495. width: 595px;
  1496. }
  1497. .td-pb-span8 {
  1498. width: 680px;
  1499. /*
  1500. one span 8 devided by 2 = td-1-col
  1501. only this span needs fixing, the rest are procentual.
  1502. */
  1503. }
  1504. .td-pb-span8 .td-pb-row {
  1505. width: 680px;
  1506. position: relative;
  1507. left: -1px;
  1508. }
  1509. .td-pb-span8 .td-pb-row div.td-pb-span6 {
  1510. width: 340px;
  1511. }
  1512. .td-pb-span9 {
  1513. width: 765px;
  1514. }
  1515. .td-pb-span10 {
  1516. width: 850px;
  1517. }
  1518. .td-pb-span11 {
  1519. width: 935px;
  1520. }
  1521. .td-pb-span12 {
  1522. width: 1020px;
  1523. }
  1524. /* ----------------------------------------------------------------------------
  1525. black edition cell
  1526. */
  1527. .td-pb-full-cell {
  1528. z-index: 1;
  1529. position: relative;
  1530. }
  1531. .td-container-border > .td-pb-row > .td-pb-span4 > * > .td-pb-full-cell {
  1532. width: 341px;
  1533. left: -1px;
  1534. }
  1535. .td-main-sidebar .td-pb-full-cell {
  1536. width: 341px;
  1537. left: -1px;
  1538. }
  1539. /* when we have a wordpress sidebar added via visual composer that has a block with background. fix for td-1-col - with background - root */
  1540. @media (min-width: 1023px) {
  1541. .td-container-border > .td-pb-row > .td-pb-span4 .wpb_widgetised_column .td-pb-full-cell {
  1542. width: 341px;
  1543. left: -1px;
  1544. }
  1545. }
  1546. .td-pb-span8 .td-pb-span6 .td-pb-full-cell {
  1547. width: 341px;
  1548. left: -1px;
  1549. }
  1550. .td-container-border > .td-pb-row > .td-pb-span8 > * > .td-pb-full-cell {
  1551. width: 681px;
  1552. left: -1px;
  1553. }
  1554. .td-container-border > .td-pb-row > .td-pb-span12 > * > .td-pb-full-cell {
  1555. width: 1021px;
  1556. left: -1px;
  1557. }
  1558. /* ----------------------------------------------------------------------------
  1559. padding cell
  1560. */
  1561. .td-pb-padding {
  1562. padding: 20px 19px 20px 20px;
  1563. /* responsive portrait tablet */
  1564. /* responsive portrait phone */
  1565. }
  1566. @media (min-width: 768px) and (max-width: 1023px) {
  1567. .td-pb-padding {
  1568. padding: 17px;
  1569. }
  1570. }
  1571. @media (max-width: 767px) {
  1572. .td-pb-padding {
  1573. padding: 10px;
  1574. }
  1575. }
  1576. /* ----------------------------------------------------------------------------
  1577. padding left-right
  1578. */
  1579. .td-pb-padding-side {
  1580. padding: 0px 19px 0px 20px;
  1581. /* responsive portrait tablet */
  1582. /* responsive portrait phone */
  1583. }
  1584. @media (min-width: 768px) and (max-width: 1023px) {
  1585. .td-pb-padding-side {
  1586. padding: 0px 17px 0px 17px;
  1587. }
  1588. }
  1589. @media (max-width: 767px) {
  1590. .td-pb-padding-side {
  1591. padding: 0px 10px 0px 10px;
  1592. }
  1593. }
  1594. /* ----------------------------------------------------------------------------
  1595. margin left-right
  1596. */
  1597. .td-pb-margin-side {
  1598. margin: 0px 19px 0px 20px;
  1599. /* responsive portrait tablet */
  1600. /* responsive portrait phone */
  1601. }
  1602. @media (min-width: 768px) and (max-width: 1023px) {
  1603. .td-pb-margin-side {
  1604. margin: 0px 17px 0px 17px;
  1605. }
  1606. }
  1607. @media (max-width: 767px) {
  1608. .td-pb-margin-side {
  1609. margin: 0px 10px 0px 10px;
  1610. }
  1611. }
  1612. /* ----------------------------------------------------------------------------
  1613. padding left-right for default page builder elements
  1614. */
  1615. .wpb_content_element {
  1616. padding: 0px 19px 20px 20px;
  1617. /* responsive portrait tablet */
  1618. /* responsive portrait phone */
  1619. }
  1620. @media (min-width: 768px) and (max-width: 1023px) {
  1621. .wpb_content_element {
  1622. padding: 0px 17px 17px 17px;
  1623. }
  1624. }
  1625. @media (max-width: 767px) {
  1626. .wpb_content_element {
  1627. padding: 0px 10px 17px 10px;
  1628. }
  1629. }
  1630. /* ----------------------------------------------------------------------------
  1631. remove border for first row in container
  1632. @todo check this Radu if is correct
  1633. */
  1634. .td-container .wpb_row:first-child .td_block_wrap {
  1635. border-top: 0;
  1636. }
  1637. /* ----------------------------------------------------------------------------
  1638. border top class for cell
  1639. */
  1640. .td-pb-border-top {
  1641. border-top: 1px solid #e6e6e6;
  1642. }
  1643. .td-top-border {
  1644. border-top: 1px solid #e6e6e6 !important;
  1645. }
  1646. .td-no-left-border {
  1647. border-left: 0px !important;
  1648. }
  1649. /* ----------------------------------------------------------------------------
  1650. hacks
  1651. */
  1652. .wpb_raw_code {
  1653. margin-bottom: 0px !important;
  1654. }
  1655. .wpb_row,
  1656. .wpb_content_element,
  1657. ul.wpb_thumbnails-fluid > li,
  1658. .last_toggle_el_margin,
  1659. .wpb_button {
  1660. margin-bottom: 0px;
  1661. }
  1662. p {
  1663. margin-top: 0px;
  1664. }
  1665. /* ----------------------------------------------------------------------------
  1666. visual editor live
  1667. */
  1668. /* body.view-mode - in live editor with guides off, body.compose-mode in live editor with guides on */
  1669. body.compose-mode [class*="vc_span"],
  1670. body.view-mode [class*="vc_span"] {
  1671. padding: 0px 0px 0px 0px !important;
  1672. }
  1673. /* row edit controlls in live edit mode */
  1674. body.compose-mode .controls-out-tl {
  1675. top: 0px !important;
  1676. }
  1677. body.compose-mode .controls-bc {
  1678. z-index: 99999;
  1679. }
  1680. body.compose-mode .control-btn-append {
  1681. top: 0px !important;
  1682. }
  1683. /* block row + global block spans */
  1684. .td-block-row {
  1685. width: 100%;
  1686. *zoom: 1;
  1687. }
  1688. .td-block-row:before,
  1689. .td-block-row:after {
  1690. display: table;
  1691. content: "";
  1692. }
  1693. .td-block-row:after {
  1694. clear: both;
  1695. }
  1696. .td-block-row [class*="td-block-span"] {
  1697. display: block;
  1698. min-height: 1px;
  1699. float: left;
  1700. }
  1701. /* full row (used when the block is on td-1-col ) */
  1702. .td-block-span12 {
  1703. padding-left: 20px;
  1704. padding-right: 19px;
  1705. }
  1706. /* half - used when the block is on td-2-col */
  1707. .td-block-span6 {
  1708. width: 339px;
  1709. padding-left: 20px;
  1710. padding-right: 19px;
  1711. }
  1712. .td-block-row .td-block-span6:first-child {
  1713. width: 340px;
  1714. padding-right: 20px;
  1715. }
  1716. /* 1/3 - used when the block is on td-3-col */
  1717. .td-block-span4 {
  1718. width: 340px;
  1719. padding-left: 20px;
  1720. padding-right: 20px;
  1721. }
  1722. .td-block-row .td-block-span4:last-child {
  1723. width: 339px;
  1724. padding-right: 19px;
  1725. }
  1726. /* responsive portrait tablet */
  1727. @media (min-width: 768px) and (max-width: 1023px) {
  1728. /* ----------------------------------------------------------------------------
  1729. container
  1730. */
  1731. .td-container {
  1732. width: 756px;
  1733. }
  1734. /* ----------------------------------------------------------------------------
  1735. main grid - the grid in grid is procentual except for grid in grid td-col-1 that is defined bellow
  1736.  
  1737. 'column_padding_left' => 17,
  1738. 'column_padding_right' => 16,
  1739. */
  1740. .td-pb-span1 {
  1741. width: 63px;
  1742. }
  1743. .td-pb-span2 {
  1744. width: 126px;
  1745. }
  1746. .td-pb-span3 {
  1747. width: 189px;
  1748. }
  1749. .td-pb-span4 {
  1750. width: 252px;
  1751. }
  1752. .td-pb-span5 {
  1753. width: 315px;
  1754. }
  1755. .td-pb-span6 {
  1756. width: 378px;
  1757. }
  1758. .td-pb-span7 {
  1759. width: 441px;
  1760. }
  1761. .td-pb-span8 {
  1762. width: 504px;
  1763. }
  1764. .td-pb-span8 .td-pb-row {
  1765. width: 504px;
  1766. }
  1767. .td-pb-span8 .td-pb-row div.td-pb-span6 {
  1768. /* grid in grid td-col-1 */
  1769. width: 252px;
  1770. }
  1771. .td-pb-span9 {
  1772. width: 567px;
  1773. }
  1774. .td-pb-span10 {
  1775. width: 630px;
  1776. }
  1777. .td-pb-span11 {
  1778. width: 693px;
  1779. }
  1780. .td-pb-span12 {
  1781. width: 756px;
  1782. }
  1783. /* ----------------------------------------------------------------------------
  1784. black edition cells
  1785. */
  1786. .td-pb-span8 .td-pb-span6 .td-pb-full-cell {
  1787. width: 253px;
  1788. }
  1789. .td-main-sidebar .td-pb-full-cell {
  1790. width: 253px;
  1791. }
  1792. .td-container-border > .td-pb-row .td-pb-span4 > * > .td-pb-full-cell {
  1793. width: 253px;
  1794. }
  1795. .td-container-border > .td-pb-row .td-pb-span8 > * > .td-pb-full-cell {
  1796. width: 505px;
  1797. }
  1798. .td-container-border > .td-pb-row .td-pb-span12 > * > .td-pb-full-cell {
  1799. width: 757px;
  1800. }
  1801. /* ----------------------------------------------------------------------------
  1802. blocks grid
  1803. */
  1804. /* full row (used when the block is on td-1-col ) */
  1805. .td-block-span12 {
  1806. padding-left: 17px;
  1807. padding-right: 16px;
  1808. }
  1809. /* half - used when the block is on td-2-col */
  1810. .td-block-span6 {
  1811. width: 251px;
  1812. padding-left: 17px;
  1813. padding-right: 16px;
  1814. }
  1815. .td-block-row .td-block-span6:first-child {
  1816. width: 252px;
  1817. padding-right: 17px;
  1818. }
  1819. /* 1/3 - used when the block is on td-3-col */
  1820. .td-block-span4 {
  1821. width: 252px;
  1822. padding-left: 17px;
  1823. padding-right: 17px;
  1824. }
  1825. .td-block-row .td-block-span4:last-child {
  1826. width: 251px;
  1827. padding-right: 16px;
  1828. }
  1829. }
  1830. /* responsive portrait phone */
  1831. @media (max-width: 767px) {
  1832. /* container */
  1833. .td-container {
  1834. width: 100%;
  1835. }
  1836. .td-pb-row {
  1837. width: 100% !important;
  1838. }
  1839. .td-pb-row .td-pb-span1,
  1840. .td-pb-row .td-pb-span2,
  1841. .td-pb-row .td-pb-span3,
  1842. .td-pb-row .td-pb-span4,
  1843. .td-pb-row .td-pb-span5,
  1844. .td-pb-row .td-pb-span6,
  1845. .td-pb-row .td-pb-span7,
  1846. .td-pb-row .td-pb-span8,
  1847. .td-pb-row .td-pb-span9,
  1848. .td-pb-row .td-pb-span10,
  1849. .td-pb-row .td-pb-span11,
  1850. .td-pb-row .td-pb-span12 {
  1851. float: none;
  1852. width: 100% !important;
  1853. margin-bottom: 0px !important;
  1854. padding-bottom: 0px;
  1855. border-left: none;
  1856. }
  1857. .td-block-span4,
  1858. .td-block-span6,
  1859. .td-block-span12 {
  1860. float: none;
  1861. width: 100% !important;
  1862. margin-bottom: 0px !important;
  1863. padding-bottom: 0px;
  1864. padding-left: 10px;
  1865. padding-right: 10px !important;
  1866. }
  1867. .td-pb-full-cell {
  1868. width: 100% !important;
  1869. left: 0px !important;
  1870. }
  1871. .td-container-border:after {
  1872. display: none;
  1873. }
  1874. }
  1875. /* ----------------------------------------------------------------------------
  1876. header grid container
  1877. @todo meniurile trebuie mutate in menu-top si menu header
  1878. */
  1879. .td-header-container {
  1880. width: 1021px;
  1881. margin-right: auto;
  1882. margin-left: auto;
  1883. position: relative;
  1884. /* responsive portrait tablet */
  1885. /* responsive portrait phone */
  1886. }
  1887. @media (min-width: 768px) and (max-width: 1023px) {
  1888. .td-header-container {
  1889. width: 756px;
  1890. }
  1891. }
  1892. @media (max-width: 767px) {
  1893. .td-header-container {
  1894. width: 100%;
  1895. }
  1896. }
  1897. .td-header-main-menu {
  1898. background-color: #222222;
  1899. position: relative;
  1900. z-index: 2;
  1901. /* responsive portrait phone */
  1902. }
  1903. @media (max-width: 767px) {
  1904. .td-header-main-menu {
  1905. height: 53px;
  1906. }
  1907. }
  1908. .td-header-menu-wrap {
  1909. min-height: 44px;
  1910. /* responsive phone */
  1911. }
  1912. @media (max-width: 767px) {
  1913. .td-header-menu-wrap {
  1914. min-height: 53px;
  1915. }
  1916. }
  1917. body .td-header-row .td-header-sp-ads {
  1918. min-height: 0px;
  1919. }
  1920. body .td-make-full {
  1921. width: 1021px;
  1922. margin-left: auto;
  1923. margin-right: auto;
  1924. position: relative;
  1925. padding: 1px 0px 2px 0px;
  1926. display: table;
  1927. /* responsive portrait tablet */
  1928. /* responsive portrait phone */
  1929. }
  1930. @media (min-width: 768px) and (max-width: 1023px) {
  1931. body .td-make-full {
  1932. width: 756px;
  1933. }
  1934. }
  1935. @media (max-width: 767px) {
  1936. body .td-make-full {
  1937. width: 100%;
  1938. }
  1939. }
  1940. body .td-make-full .sub-menu {
  1941. border-top: 0px;
  1942. /* a {
  1943. color: #222222;
  1944. } */
  1945. }
  1946. .td-make-full .td-icon-logout {
  1947. color: #ffffff;
  1948. }
  1949. /* header rows */
  1950. .td-header-row {
  1951. width: 100%;
  1952. *zoom: 1;
  1953. }
  1954. .td-header-row:before,
  1955. .td-header-row:after {
  1956. display: table;
  1957. content: "";
  1958. }
  1959. .td-header-row:after {
  1960. clear: both;
  1961. }
  1962. .td-header-row [class*="td-header-sp"] {
  1963. display: block;
  1964. min-height: 1px;
  1965. float: left;
  1966. }
  1967. /* ----------------------------------------------------------------------------
  1968. header menu affix
  1969. */
  1970. .td-header-main-menu.td-affix {
  1971. -webkit-transform: translate3d(0, 0, 0);
  1972. transform: translate3d(0, 0, 0);
  1973. width: 1021px;
  1974. margin-right: auto;
  1975. margin-left: auto;
  1976. /* responsive portrait tablet */
  1977. /* responsive portrait phone */
  1978. left: 0;
  1979. right: 0;
  1980. top: 0;
  1981. z-index: 9999;
  1982. position: fixed !important;
  1983. }
  1984. @media (min-width: 768px) and (max-width: 1023px) {
  1985. .td-header-main-menu.td-affix {
  1986. width: 756px;
  1987. }
  1988. }
  1989. @media (max-width: 767px) {
  1990. .td-header-main-menu.td-affix {
  1991. width: auto;
  1992. }
  1993. }
  1994. .admin-bar .td-header-main-menu.td-affix {
  1995. top: 32px;
  1996. }
  1997. @media (min-width: 527px) and (max-width: 782px) {
  1998. .admin-bar .td-header-main-menu.td-affix {
  1999. top: 46px;
  2000. }
  2001. }
  2002. @media (max-width: 602px) {
  2003. .admin-bar .td-header-main-menu.td-affix {
  2004. top: 0;
  2005. }
  2006. }
  2007. /* ----------------------------------------------------------------------------
  2008. top menu
  2009. */
  2010. .td-header-sp-top-menu {
  2011. position: relative;
  2012. padding-left: 0;
  2013. /* ipad landscape fix */
  2014. }
  2015. @media (max-height: 768px) {
  2016. .td-header-sp-top-menu {
  2017. padding-left: 20px;
  2018. }
  2019. }
  2020. .td-top-menu-widget {
  2021. float: right !important;
  2022. text-align: right;
  2023. right: 0;
  2024. }
  2025. /* ----------------------------------------------------------------------------
  2026. social widget
  2027. */
  2028. .td-header-sp-top-widget {
  2029. float: right !important;
  2030. text-align: right;
  2031. position: relative;
  2032. right: 0;
  2033. /* ipad landscape fix */
  2034. }
  2035. @media (max-height: 768px) {
  2036. .td-header-sp-top-widget {
  2037. right: 15px;
  2038. }
  2039. }
  2040. .td-header-sp-top-widget .td-social-icon-wrap > a {
  2041. margin: 2px 3px 4px 0;
  2042. }
  2043. .td-top-menu-full {
  2044. background-color: #222222;
  2045. z-index: 3;
  2046. position: relative;
  2047. }
  2048. .td-top-menu-full .top-header-menu a {
  2049. color: #ffffff;
  2050. }
  2051. .td-header-sp-top-menu .td_data_time {
  2052. position: relative;
  2053. display: inline-block;
  2054. font-family: 'Open Sans', arial, sans-serif;
  2055. font-size: 11px;
  2056. font-weight: 700;
  2057. margin: 0 32px 0 0;
  2058. text-transform: uppercase;
  2059. /* responsive portrait tablet */
  2060. }
  2061. @media (min-width: 768px) and (max-width: 1023px) {
  2062. .td-header-sp-top-menu .td_data_time {
  2063. font-size: 10px;
  2064. }
  2065. }
  2066. /* ----------------------------------------------------------------------------
  2067. main menu
  2068. */
  2069. .td-main-menu-logo {
  2070. display: none;
  2071. float: left;
  2072. height: 44px;
  2073. /* responsive portrait phone */
  2074. }
  2075. @media (max-width: 767px) {
  2076. .td-main-menu-logo {
  2077. display: inline;
  2078. float: none;
  2079. width: 100%;
  2080. }
  2081. }
  2082. .td-main-menu-logo a {
  2083. /* responsive portrait phone */
  2084. }
  2085. @media (max-width: 767px) {
  2086. .td-main-menu-logo a {
  2087. display: table;
  2088. margin-left: auto;
  2089. margin-right: auto;
  2090. }
  2091. }
  2092. .td-main-menu-logo img {
  2093. position: relative;
  2094. max-height: 44px;
  2095. margin: 0px 21px 0px 21px;
  2096. /* responsive portrait tablet */
  2097. /* responsive portrait phone */
  2098. }
  2099. @media (min-width: 768px) and (max-width: 1023px) {
  2100. .td-main-menu-logo img {
  2101. margin: 0px 17px 0px 17px;
  2102. }
  2103. }
  2104. @media (max-width: 767px) {
  2105. .td-main-menu-logo img {
  2106. margin: auto;
  2107. bottom: 0px;
  2108. top: 0px;
  2109. left: 0px;
  2110. right: 0px;
  2111. position: absolute;
  2112. max-height: 44px !important;
  2113. }
  2114. }
  2115. #td-header-menu .td-container-border:after {
  2116. background-color: #e6e6e6;
  2117. }
  2118. .td-main-menu-full {
  2119. background-color: #222222;
  2120. position: relative;
  2121. }
  2122. .td-main-menu-full .td-make-full {
  2123. padding: 0px;
  2124. }
  2125. .td-header-gradient:before {
  2126. content: "";
  2127. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAHCAYAAADJTCeUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphMjViOTdiYS1kZjJlLTNlNDUtYjk3Yi00N2I1NjQyOTRjODQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUQ3M0QzQTVFNzE5MTFFMzk1RTdCODk0MTJBMEZFMUIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUQ3M0QzQTRFNzE5MTFFMzk1RTdCODk0MTJBMEZFMUIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmZiZjM2Y2ExLTgzODYtMDE0Mi05NTU2LWNiZTFmMzg5YmM3NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDphMjViOTdiYS1kZjJlLTNlNDUtYjk3Yi00N2I1NjQyOTRjODQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7mNy80AAAAI0lEQVR42mJgYGBgZQISnCCCn+H///8MIJY8iMUOYv0BCDAAU6YHQs4scEAAAAAASUVORK5CYII=);
  2128. background-color: transparent;
  2129. width: 100%;
  2130. height: 7px;
  2131. position: absolute;
  2132. top: -3px;
  2133. z-index: 1;
  2134. }
  2135. .td-header-border:before {
  2136. content: "";
  2137. background-color: #4db2ec;
  2138. display: block;
  2139. height: 4px;
  2140. /* responsive portrait phone */
  2141. }
  2142. @media (max-width: 767px) {
  2143. .td-header-border:before {
  2144. display: none;
  2145. }
  2146. }
  2147. /* ----------------------------------------------------------------------------
  2148. header
  2149. */
  2150. .td-header-container {
  2151. clear: both;
  2152. }
  2153. /* ----------------------------------------------------------------------------
  2154. logo
  2155. */
  2156. .td-header-sp-logo {
  2157. width: 272px;
  2158. position: relative;
  2159. margin-bottom: 8px;
  2160. margin-top: 8px;
  2161. /* responsive portrait phone */
  2162. }
  2163. @media (max-width: 767px) {
  2164. .td-header-sp-logo {
  2165. margin-bottom: 0px;
  2166. display: none !important;
  2167. }
  2168. }
  2169. .td-header-sp-logo a {
  2170. height: 114px;
  2171. display: block;
  2172. /* responsive portrait tablet */
  2173. }
  2174. @media (min-width: 768px) and (max-width: 1023px) {
  2175. .td-header-sp-logo a {
  2176. height: 90px;
  2177. }
  2178. }
  2179. .td-header-sp-logo img {
  2180. bottom: 0;
  2181. max-height: 90px;
  2182. left: 0;
  2183. margin: auto;
  2184. position: absolute;
  2185. right: 0;
  2186. top: 0;
  2187. width: auto;
  2188. }
  2189. .menu-td-header-container {
  2190. display: block;
  2191. }
  2192. /* ----------------------------------------------------------------------------
  2193. ads
  2194. */
  2195. .td-header-sp-ads {
  2196. float: right;
  2197. margin-bottom: 8px;
  2198. margin-top: 8px;
  2199. width: 728px;
  2200. position: relative;
  2201. /* responsive portrait tablet */
  2202. /* responsive portrait phone */
  2203. /* ipad horizontal */
  2204. }
  2205. @media (min-width: 768px) and (max-width: 1023px) {
  2206. .td-header-sp-ads {
  2207. width: 468px;
  2208. }
  2209. }
  2210. @media (max-width: 767px) {
  2211. .td-header-sp-ads {
  2212. margin-bottom: 0px;
  2213. margin-top: 0px;
  2214. width: 100%;
  2215. float: none;
  2216. min-height: 0px !important;
  2217. }
  2218. }
  2219. @media (min-width: 1024px) and (max-height: 768px) {
  2220. .td-header-sp-ads {
  2221. margin-right: 7px;
  2222. }
  2223. }
  2224. .td-header-sp-ads .td-header-ad-wrap {
  2225. height: 114px;
  2226. display: block;
  2227. /* responsive portrait tablet */
  2228. /* responsive portrait phone */
  2229. }
  2230. @media (min-width: 768px) and (max-width: 1023px) {
  2231. .td-header-sp-ads .td-header-ad-wrap {
  2232. height: 90px;
  2233. }
  2234. }
  2235. @media (max-width: 767px) {
  2236. .td-header-sp-ads .td-header-ad-wrap {
  2237. height: auto;
  2238. margin-left: auto;
  2239. margin-right: auto;
  2240. display: table;
  2241. }
  2242. }
  2243. .td-header-sp-ads .adsbygoogle {
  2244. margin: auto;
  2245. position: absolute;
  2246. top: 0;
  2247. bottom: 0;
  2248. right: 0;
  2249. /* responsive portrait phone */
  2250. }
  2251. @media (max-width: 767px) {
  2252. .td-header-sp-ads .adsbygoogle {
  2253. position: relative;
  2254. margin-top: 8px;
  2255. margin-bottom: 8px;
  2256. }
  2257. }
  2258. .td-header-style-5 .td-ad-m,
  2259. .td-header-style-7 .td-ad-m,
  2260. .td-header-style-8 .td-ad-m,
  2261. .td-header-style-9 .td-ad-m,
  2262. .td-header-style-10 .td-ad-m {
  2263. /* responsive desktop */
  2264. }
  2265. @media (min-width: 1024px) {
  2266. .td-header-style-5 .td-ad-m,
  2267. .td-header-style-7 .td-ad-m,
  2268. .td-header-style-8 .td-ad-m,
  2269. .td-header-style-9 .td-ad-m,
  2270. .td-header-style-10 .td-ad-m {
  2271. border-bottom: 1px solid #e6e6e6;
  2272. }
  2273. }
  2274. .td-header-style-5 .td-ad-tp,
  2275. .td-header-style-7 .td-ad-tp,
  2276. .td-header-style-8 .td-ad-tp,
  2277. .td-header-style-9 .td-ad-tp,
  2278. .td-header-style-10 .td-ad-tp {
  2279. /* responsive portrait tablet */
  2280. }
  2281. @media (min-width: 768px) and (max-width: 1023px) {
  2282. .td-header-style-5 .td-ad-tp,
  2283. .td-header-style-7 .td-ad-tp,
  2284. .td-header-style-8 .td-ad-tp,
  2285. .td-header-style-9 .td-ad-tp,
  2286. .td-header-style-10 .td-ad-tp {
  2287. border-bottom: 1px solid #e6e6e6;
  2288. }
  2289. }
  2290. .td-header-style-5 .td-ad-p,
  2291. .td-header-style-7 .td-ad-p,
  2292. .td-header-style-8 .td-ad-p,
  2293. .td-header-style-9 .td-ad-p,
  2294. .td-header-style-10 .td-ad-p {
  2295. /* responsive portrait phone */
  2296. }
  2297. @media (max-width: 767px) {
  2298. .td-header-style-5 .td-ad-p,
  2299. .td-header-style-7 .td-ad-p,
  2300. .td-header-style-8 .td-ad-p,
  2301. .td-header-style-9 .td-ad-p,
  2302. .td-header-style-10 .td-ad-p {
  2303. border-bottom: 1px solid #e6e6e6;
  2304. }
  2305. }
  2306. /* general fix the main menu for white background color
  2307. //
  2308. //
  2309. */
  2310. .white-menu .td-mega-menu .td-mega-grid {
  2311. border-top-width: 1px;
  2312. border-style: solid;
  2313. border-color: #e6e6e6;
  2314. }
  2315. .white-menu #td-header-menu .td-normal-menu .sub-menu {
  2316. box-shadow: none;
  2317. background-color: #fcfcfc;
  2318. }
  2319. .white-menu #td-header-menu .sf-menu > .td-normal-menu > .sub-menu > li:first-child {
  2320. border-top: 1px solid #e6e6e6;
  2321. }
  2322. .white-menu #td-header-menu .sf-menu > li > a:hover {
  2323. color: #4db2ec;
  2324. }
  2325. .white-menu #td-header-menu .sf-menu > .current-menu-ancestor > a,
  2326. .white-menu #td-header-menu .sf-menu > .current-menu-item > a {
  2327. color: #4db2ec;
  2328. }
  2329. .white-menu .sf-menu {
  2330. margin-left: 5px;
  2331. }
  2332. .white-menu .td-header-main-menu.td-affix {
  2333. box-shadow: none;
  2334. }
  2335. .white-menu .td-header-main-menu {
  2336. /* responsive portrait phone */
  2337. }
  2338. @media (max-width: 767px) {
  2339. .white-menu .td-header-main-menu {
  2340. border-bottom: 1px solid #e6e6e6;
  2341. border-top: 1px solid #e6e6e6;
  2342. background-color: #fcfcfc;
  2343. }
  2344. }
  2345. .white-menu .td-header-main-menu {
  2346. /* responsive portrait phone */
  2347. }
  2348. @media (max-width: 767px) {
  2349. .white-menu .td-header-main-menu {
  2350. height: 55px;
  2351. }
  2352. }
  2353. .white-menu .header-search-wrap .td-drop-down-search {
  2354. box-shadow: none;
  2355. border-top: 1px solid #e6e6e6;
  2356. border-bottom: 1px solid #e6e6e6;
  2357. }
  2358. .white-menu .header-search-wrap .td-drop-down-search:before {
  2359. border-color: transparent transparent #e6e6e6;
  2360. }
  2361. /* -------------------------------------------------------------------
  2362.  
  2363. Header style
  2364.  
  2365. ---------------------------------------------------------------------- */
  2366. /* -------------------------------------------------------------------
  2367. Style 1
  2368. ---------------------------------------------------------------------- */
  2369. .td-header-style-1 .td-header-sp-ads {
  2370. float: right;
  2371. /* responsive portrait phone */
  2372. }
  2373. @media (max-width: 767px) {
  2374. .td-header-style-1 .td-header-sp-ads {
  2375. float: none;
  2376. }
  2377. }
  2378. .td-header-style-1 .td-header-sp-ads .adsbygoogle {
  2379. left: 0;
  2380. }
  2381. .td-header-style-1 .td-header-sp-top-widget {
  2382. top: 9px;
  2383. /* responsive portrait tablet */
  2384. }
  2385. @media (min-width: 768px) and (max-width: 1023px) {
  2386. .td-header-style-1 .td-header-sp-top-widget {
  2387. top: 12px;
  2388. margin-top: -5px;
  2389. }
  2390. }
  2391. .td-header-style-1 .td-header-sp-top-menu {
  2392. position: relative;
  2393. margin-bottom: 0px;
  2394. top: 9px;
  2395. /* responsive portrait tablet */
  2396. }
  2397. @media (min-width: 768px) and (max-width: 1023px) {
  2398. .td-header-style-1 .td-header-sp-top-menu {
  2399. width: 567px;
  2400. top: 12px;
  2401. margin-top: -5px;
  2402. }
  2403. }
  2404. .td-header-style-1 .menu-top-container {
  2405. margin-left: 0px;
  2406. }
  2407. .white-menu .td-header-style-1 .td-header-main-menu {
  2408. border-bottom: 1px solid #e6e6e6;
  2409. }
  2410. /* -------------------------------------------------------------------
  2411. Style 2
  2412. ---------------------------------------------------------------------- */
  2413. .td-header-style-2 .td-header-sp-top-menu {
  2414. padding: 4px 0px 4px 20px;
  2415. }
  2416. .td-header-style-2 .menu-top-container {
  2417. margin-left: 0px;
  2418. }
  2419. .td-header-style-2 .td-header-sp-top-widget {
  2420. right: 15px;
  2421. padding-top: 4px;
  2422. padding-bottom: 4px;
  2423. }
  2424. .td-header-style-2 .td-header-sp-logo {
  2425. background-color: #4db2ec;
  2426. position: relative;
  2427. margin-bottom: 0px;
  2428. margin-top: 0px;
  2429. min-height: 0px;
  2430. }
  2431. .td-header-style-2 .td-header-sp-logo img {
  2432. bottom: 0;
  2433. max-height: 114px;
  2434. left: 0;
  2435. margin: auto;
  2436. padding: 0 20px;
  2437. position: absolute;
  2438. right: 0;
  2439. top: 0;
  2440. width: auto;
  2441. }
  2442. .td-header-style-2 .td-header-container {
  2443. background-color: #fafafa;
  2444. }
  2445. .td-header-style-2 .td-header-sp-ads {
  2446. float: right;
  2447. margin-bottom: 0px;
  2448. margin-top: 0px;
  2449. margin-right: 0px;
  2450. width: 749px;
  2451. position: relative;
  2452. /* responsive portrait tablet */
  2453. /* responsive portrait phone */
  2454. }
  2455. @media (min-width: 768px) and (max-width: 1023px) {
  2456. .td-header-style-2 .td-header-sp-ads {
  2457. width: 484px;
  2458. }
  2459. }
  2460. @media (max-width: 767px) {
  2461. .td-header-style-2 .td-header-sp-ads {
  2462. margin-bottom: 0px;
  2463. width: 100%;
  2464. float: none;
  2465. min-height: 0px !important;
  2466. }
  2467. }
  2468. .td-header-style-2 .td-header-sp-ads .adsbygoogle {
  2469. margin: auto;
  2470. position: absolute;
  2471. top: 0;
  2472. left: 0;
  2473. bottom: 0;
  2474. right: 0;
  2475. /* responsive portrait phone */
  2476. }
  2477. @media (max-width: 767px) {
  2478. .td-header-style-2 .td-header-sp-ads .adsbygoogle {
  2479. position: relative;
  2480. margin-top: 8px;
  2481. margin-bottom: 8px;
  2482. }
  2483. }
  2484. .single_template_6 .td-header-container {
  2485. background-color: transparent;
  2486. }
  2487. .white-menu .td-header-style-2 .td-header-main-menu {
  2488. border-bottom: 1px solid #e6e6e6;
  2489. }
  2490. /* -------------------------------------------------------------------
  2491. Style 3
  2492. ---------------------------------------------------------------------- */
  2493. .td-header-style-3 .td-top-menu-full {
  2494. /* responsive portrait phone */
  2495. }
  2496. @media (max-width: 767px) {
  2497. .td-header-style-3 .td-top-menu-full {
  2498. display: none;
  2499. }
  2500. }
  2501. .td-header-style-3 .td-make-full {
  2502. padding: 0px;
  2503. }
  2504. .td-header-style-3 .td-header-sp-top-menu {
  2505. margin-bottom: 0px;
  2506. }
  2507. .td-header-style-3 .td-header-sp-top-menu .sub-menu a {
  2508. color: #222222;
  2509. }
  2510. .td-header-style-3 .td-header-sp-top-widget i {
  2511. color: #ffffff;
  2512. }
  2513. .td-header-style-3 .td_data_time {
  2514. color: #ffffff;
  2515. }
  2516. .td-header-style-3 .sf-menu {
  2517. /* responsive portrait tablet */
  2518. }
  2519. @media (min-width: 768px) and (max-width: 1023px) {
  2520. .td-header-style-3 .sf-menu {
  2521. margin-left: 17px;
  2522. }
  2523. }
  2524. .td-header-style-3 .td-header-sp-logo {
  2525. margin-top: 8px;
  2526. }
  2527. .td-header-style-3 .td-header-sp-ads {
  2528. margin-top: 8px;
  2529. float: right;
  2530. /* responsive portrait phone */
  2531. }
  2532. @media (max-width: 767px) {
  2533. .td-header-style-3 .td-header-sp-ads {
  2534. margin-bottom: 8px;
  2535. }
  2536. }
  2537. .td-header-style-3 .td-header-sp-ads .adsbygoogle {
  2538. left: 0;
  2539. }
  2540. .white-menu .td-header-style-3 .td-header-main-menu {
  2541. border-bottom: 1px solid #e6e6e6;
  2542. }
  2543. /* -------------------------------------------------------------------
  2544. Style 4
  2545. ---------------------------------------------------------------------- */
  2546. .td-header-style-4 .td-top-menu-full {
  2547. /* responsive portrait phone */
  2548. }
  2549. @media (max-width: 767px) {
  2550. .td-header-style-4 .td-top-menu-full {
  2551. display: none;
  2552. }
  2553. }
  2554. .td-header-style-4 .td-make-full {
  2555. padding: 0px;
  2556. }
  2557. .td-header-style-4 .td-header-sp-top-menu {
  2558. margin-bottom: 0px;
  2559. }
  2560. .td-header-style-4 .td-header-sp-top-menu .sub-menu a {
  2561. color: #222222;
  2562. }
  2563. .td-header-style-4 .td-header-sp-top-widget i {
  2564. color: #ffffff;
  2565. }
  2566. .td-header-style-4 .td_data_time {
  2567. color: #ffffff;
  2568. }
  2569. .td-header-style-4 .td-main-menu-logo {
  2570. display: table;
  2571. /* responsive portrait phone */
  2572. }
  2573. @media (max-width: 767px) {
  2574. .td-header-style-4 .td-main-menu-logo {
  2575. display: inline;
  2576. }
  2577. }
  2578. .td-header-style-4 .td-main-menu-logo a {
  2579. display: table-cell;
  2580. vertical-align: middle;
  2581. /* responsive portrait phone */
  2582. }
  2583. @media (max-width: 767px) {
  2584. .td-header-style-4 .td-main-menu-logo a {
  2585. display: table;
  2586. }
  2587. }
  2588. .td-header-style-4 .td-header-sp-ads {
  2589. margin-top: 8px;
  2590. width: 100%;
  2591. /* responsive portrait phone */
  2592. }
  2593. @media (max-width: 767px) {
  2594. .td-header-style-4 .td-header-sp-ads {
  2595. margin-bottom: 8px;
  2596. }
  2597. }
  2598. .td-header-style-4 .td-header-sp-ads .adsbygoogle {
  2599. left: 0;
  2600. }
  2601. .white-menu .td-header-style-4 .td-header-main-menu {
  2602. border-bottom: 1px solid #e6e6e6;
  2603. }
  2604. /* -------------------------------------------------------------------
  2605. Style 5
  2606. ---------------------------------------------------------------------- */
  2607. .td-header-style-5 .td-header-sp-top-widget {
  2608. top: -2px;
  2609. }
  2610. .td-header-style-5 .td-header-sp-top-widget i {
  2611. color: #ffffff;
  2612. }
  2613. .td-header-style-5 .td-make-full {
  2614. padding: 0px;
  2615. }
  2616. .td-header-style-5 .td-top-menu-full {
  2617. background-color: #348cbf;
  2618. }
  2619. .td-header-style-5 .td-header-sp-ads {
  2620. margin-top: 0px;
  2621. margin-bottom: 0px;
  2622. width: 100%;
  2623. }
  2624. .td-header-style-5 .td-header-sp-ads .td-header-ad-wrap {
  2625. height: auto;
  2626. width: 100%;
  2627. }
  2628. .td-header-style-5 .td-header-sp-ads .td-g-rec,
  2629. .td-header-style-5 .td-header-sp-ads .td-a-rec {
  2630. display: table;
  2631. height: auto;
  2632. margin-left: auto;
  2633. margin-right: auto;
  2634. }
  2635. .td-header-style-5 .td-header-sp-ads .adsbygoogle,
  2636. .td-header-style-5 .td-header-sp-ads img {
  2637. position: relative;
  2638. margin-top: 20px;
  2639. margin-bottom: 20px;
  2640. }
  2641. .td-header-style-5 .td-affix {
  2642. margin-left: 0px;
  2643. margin-right: 0px;
  2644. width: auto;
  2645. }
  2646. .td-header-style-5 .td-main-menu-logo {
  2647. display: table;
  2648. /* responsive portrait phone */
  2649. }
  2650. @media (max-width: 767px) {
  2651. .td-header-style-5 .td-main-menu-logo {
  2652. display: inline;
  2653. }
  2654. }
  2655. .td-header-style-5 .td-main-menu-logo a {
  2656. display: table-cell;
  2657. vertical-align: middle;
  2658. /* responsive portrait phone */
  2659. }
  2660. @media (max-width: 767px) {
  2661. .td-header-style-5 .td-main-menu-logo a {
  2662. display: table;
  2663. }
  2664. }
  2665. .white-menu .td-header-style-5 .td-header-main-menu {
  2666. border-bottom: 1px solid #e6e6e6;
  2667. }
  2668. /* -------------------------------------------------------------------
  2669. Style 6
  2670. ---------------------------------------------------------------------- */
  2671. .td-header-style-6 .td-make-full {
  2672. padding: 0px;
  2673. }
  2674. .td-header-style-6 .top-header-menu {
  2675. position: relative;
  2676. top: -2px;
  2677. }
  2678. .td-header-style-6 .top-header-menu a:hover {
  2679. color: #ffffff;
  2680. }
  2681. .td-header-style-6 .td_data_time {
  2682. color: #ffffff;
  2683. float: left;
  2684. top: 2px;
  2685. }
  2686. .td-header-style-6 .td-affix {
  2687. margin-left: 0px;
  2688. margin-right: 0px;
  2689. width: auto;
  2690. }
  2691. .td-header-style-6 .td-top-menu-full {
  2692. background-color: #4db2ec;
  2693. text-align: right;
  2694. height: 25px;
  2695. /* responsive portrait phone */
  2696. }
  2697. .td-header-style-6 .td-top-menu-full .sub-menu a {
  2698. color: #222222;
  2699. }
  2700. @media (max-width: 767px) {
  2701. .td-header-style-6 .td-top-menu-full {
  2702. display: none;
  2703. }
  2704. }
  2705. .td-header-style-6 .td-top-menu-full .td-header-sp-top-menu {
  2706. width: 100%;
  2707. margin-bottom: 0px;
  2708. line-height: 21px;
  2709. height: 25px;
  2710. padding-left: 0px;
  2711. /* ipad landscape fix */
  2712. }
  2713. @media (max-height: 768px) {
  2714. .td-header-style-6 .td-top-menu-full .td-header-sp-top-menu {
  2715. padding-left: 20px;
  2716. }
  2717. }
  2718. .td-header-style-6 .td-top-menu-full .td-header-sp-top-menu a {
  2719. margin: 0px 0px 0px 16px;
  2720. }
  2721. .td-header-style-6 .td-top-menu-full .menu-top-container {
  2722. margin-left: 0px;
  2723. margin-right: 0px;
  2724. /* ipad landscape fix */
  2725. }
  2726. @media (max-height: 768px) {
  2727. .td-header-style-6 .td-top-menu-full .menu-top-container {
  2728. padding-right: 20px;
  2729. }
  2730. }
  2731. .td-header-style-6 .td-top-menu-full .sub-menu {
  2732. text-align: left;
  2733. top: 27px !important;
  2734. left: auto !important;
  2735. right: -13px;
  2736. }
  2737. .td-header-style-6 .td-top-menu-full .sub-menu li {
  2738. padding-right: 10px;
  2739. }
  2740. .td-header-style-6 .td-top-menu-full .sub-menu a {
  2741. margin: 0px 0px 0px 10px;
  2742. }
  2743. .td-header-style-6 .td_ul_logout .menu-item img {
  2744. left: -25px;
  2745. }
  2746. .td-header-style-6 .sf-menu {
  2747. margin-left: 0px;
  2748. }
  2749. @media (max-height: 768px) {
  2750. .td-header-style-6 .sf-menu {
  2751. margin-left: 20px;
  2752. }
  2753. }
  2754. .td-header-style-6 .td-header-sp-ads {
  2755. margin-top: 8px;
  2756. float: right;
  2757. /* responsive portrait phone */
  2758. }
  2759. @media (max-width: 767px) {
  2760. .td-header-style-6 .td-header-sp-ads {
  2761. margin-bottom: 0px;
  2762. margin-top: 0px;
  2763. }
  2764. }
  2765. .td-header-style-6 .td-header-sp-ads .adsbygoogle {
  2766. left: 0;
  2767. }
  2768. .td-header-style-6 .td-header-sp-logo {
  2769. margin-top: 8px;
  2770. }
  2771. .td-header-style-6 .td-header-container {
  2772. border-bottom: 1px solid #e6e6e6;
  2773. }
  2774. .td-header-style-6 .td-header-header .td-make-full {
  2775. border-bottom: 1px solid #e6e6e6;
  2776. }
  2777. .white-menu .td-header-style-6 .td-header-main-menu {
  2778. border-bottom: 1px solid #e6e6e6;
  2779. }
  2780. /* -------------------------------------------------------------------
  2781. Style 7
  2782. ---------------------------------------------------------------------- */
  2783. .td-header-style-7 {
  2784. background-color: transparent !important;
  2785. }
  2786. .td-header-style-7 .td-header-sp-top-menu {
  2787. margin-bottom: 0px;
  2788. padding-left: 10px;
  2789. }
  2790. .td-header-style-7 .td-header-sp-top-widget {
  2791. right: 5px;
  2792. }
  2793. .td-header-style-7 .td-header-container {
  2794. background-color: transparent !important;
  2795. }
  2796. .td-header-style-7 .td-header-container .td-header-header {
  2797. background-color: transparent;
  2798. }
  2799. .td-header-style-7 .sf-menu {
  2800. /* responsive portrait tablet */
  2801. }
  2802. @media (min-width: 768px) and (max-width: 1023px) {
  2803. .td-header-style-7 .sf-menu {
  2804. margin-left: 18px;
  2805. }
  2806. }
  2807. .td-header-style-7 .td-header-sp-logo {
  2808. margin-bottom: 0px;
  2809. margin-top: 0px;
  2810. width: 100%;
  2811. }
  2812. .td-header-style-7 .td-header-sp-logo a {
  2813. height: auto;
  2814. }
  2815. .td-header-style-7 .td-header-sp-logo img {
  2816. position: relative;
  2817. max-height: 100%;
  2818. }
  2819. .td-header-style-7 .td-header-sp-ads {
  2820. margin-top: 0px;
  2821. margin-bottom: 0px;
  2822. width: 100%;
  2823. min-height: inherit;
  2824. }
  2825. .td-header-style-7 .td-header-sp-ads .td-header-ad-wrap {
  2826. height: auto;
  2827. width: 100%;
  2828. }
  2829. .td-header-style-7 .td-header-sp-ads .td-g-rec,
  2830. .td-header-style-7 .td-header-sp-ads .td-a-rec {
  2831. display: table;
  2832. height: auto;
  2833. margin-left: auto;
  2834. margin-right: auto;
  2835. }
  2836. .td-header-style-7 .td-header-sp-ads .adsbygoogle,
  2837. .td-header-style-7 .td-header-sp-ads img {
  2838. position: relative;
  2839. margin-top: 20px;
  2840. margin-bottom: 20px;
  2841. }
  2842. .white-menu .td-header-style-7 .td-header-main-menu {
  2843. border-bottom: 1px solid #e6e6e6;
  2844. }
  2845. /* -------------------------------------------------------------------
  2846. Style 8
  2847. ---------------------------------------------------------------------- */
  2848. .td-header-style-8 {
  2849. background-color: transparent !important;
  2850. }
  2851. .td-header-style-8 .td-make-full {
  2852. padding: 0px;
  2853. }
  2854. .td-header-style-8 .td-header-sp-top-menu {
  2855. margin-bottom: 0px;
  2856. padding-left: 10px;
  2857. }
  2858. .td-header-style-8 .td-header-sp-top-menu .sub-menu a {
  2859. color: #222222;
  2860. }
  2861. .td-header-style-8 .td-top-menu-full {
  2862. /* responsive portrait phone */
  2863. }
  2864. @media (max-width: 767px) {
  2865. .td-header-style-8 .td-top-menu-full {
  2866. display: none;
  2867. }
  2868. }
  2869. .td-header-style-8 .td-header-border #td-top-search {
  2870. margin-top: -22px;
  2871. }
  2872. .td-header-style-8 .td-header-container {
  2873. background-color: transparent !important;
  2874. }
  2875. .td-header-style-8 .td-header-container .td-header-header {
  2876. background-color: transparent;
  2877. }
  2878. .td-header-style-8 .td-header-sp-top-widget {
  2879. right: 5px;
  2880. }
  2881. .td-header-style-8 .td-header-sp-top-widget i {
  2882. color: #ffffff;
  2883. }
  2884. .td-header-style-8 .td_data_time {
  2885. color: #ffffff;
  2886. }
  2887. .td-header-style-8 .td-header-sp-logo {
  2888. margin-bottom: 0px;
  2889. margin-top: 0px;
  2890. width: 100%;
  2891. }
  2892. .td-header-style-8 .td-header-sp-logo a {
  2893. height: auto;
  2894. }
  2895. .td-header-style-8 .td-header-sp-logo img {
  2896. position: relative;
  2897. max-height: 100%;
  2898. }
  2899. .td-header-style-8 .sf-menu {
  2900. /* responsive portrait tablet */
  2901. }
  2902. @media (min-width: 768px) and (max-width: 1023px) {
  2903. .td-header-style-8 .sf-menu {
  2904. margin-left: 18px;
  2905. }
  2906. }
  2907. .td-header-style-8 .td-affix {
  2908. margin-left: 0px;
  2909. margin-right: 0px;
  2910. width: auto;
  2911. }
  2912. .td-header-style-8 .td-header-sp-ads {
  2913. margin-top: 0px;
  2914. margin-bottom: 0px;
  2915. width: 100%;
  2916. }
  2917. .td-header-style-8 .td-header-sp-ads .td-header-ad-wrap {
  2918. height: auto;
  2919. width: 100%;
  2920. }
  2921. .td-header-style-8 .td-header-sp-ads .td-g-rec,
  2922. .td-header-style-8 .td-header-sp-ads .td-a-rec {
  2923. display: table;
  2924. height: auto;
  2925. margin-left: auto;
  2926. margin-right: auto;
  2927. }
  2928. .td-header-style-8 .td-header-sp-ads .adsbygoogle,
  2929. .td-header-style-8 .td-header-sp-ads img {
  2930. position: relative;
  2931. margin-top: 20px;
  2932. margin-bottom: 20px;
  2933. }
  2934. .td-boxed-layout .td-header-style-8 .td-header-menu-wrap,
  2935. .td-boxed-layout .td-header-style-8 > .td-header-header {
  2936. margin-left: auto;
  2937. margin-right: auto;
  2938. width: 1021px;
  2939. /* responsive portrait tablet */
  2940. /* responsive portrait phone */
  2941. }
  2942. @media (min-width: 768px) and (max-width: 1023px) {
  2943. .td-boxed-layout .td-header-style-8 .td-header-menu-wrap,
  2944. .td-boxed-layout .td-header-style-8 > .td-header-header {
  2945. width: 756px;
  2946. }
  2947. }
  2948. @media (max-width: 767px) {
  2949. .td-boxed-layout .td-header-style-8 .td-header-menu-wrap,
  2950. .td-boxed-layout .td-header-style-8 > .td-header-header {
  2951. width: 100%;
  2952. }
  2953. }
  2954. .white-menu .td-header-style-8 .td-header-main-menu {
  2955. border-bottom: 1px solid #e6e6e6;
  2956. }
  2957. /* -------------------------------------------------------------------
  2958. Style 9
  2959. ---------------------------------------------------------------------- */
  2960. .td-header-style-9 {
  2961. background-color: transparent !important;
  2962. }
  2963. .td-header-style-9 .td-make-full {
  2964. padding: 0px;
  2965. }
  2966. .td-header-style-9 .td-header-sp-top-menu {
  2967. margin-bottom: 0px;
  2968. padding-left: 10px;
  2969. }
  2970. .td-header-style-9 .td-header-sp-top-menu .sub-menu a {
  2971. color: #222222;
  2972. }
  2973. .td-header-style-9 .td-top-menu-full {
  2974. /* responsive portrait phone */
  2975. }
  2976. @media (max-width: 767px) {
  2977. .td-header-style-9 .td-top-menu-full {
  2978. display: none;
  2979. }
  2980. }
  2981. .td-header-style-9 .td-header-border #td-top-search {
  2982. margin-top: -22px;
  2983. }
  2984. .td-header-style-9 .td-header-container {
  2985. background-color: transparent !important;
  2986. }
  2987. .td-header-style-9 .td-header-container .td-header-header {
  2988. background-color: transparent;
  2989. }
  2990. .td-header-style-9 .td_data_time {
  2991. color: #ffffff;
  2992. }
  2993. .td-header-style-9 .td-header-sp-top-widget {
  2994. right: 5px;
  2995. top: 0px;
  2996. }
  2997. .td-header-style-9 .td-header-sp-top-widget i {
  2998. color: #ffffff;
  2999. }
  3000. .td-header-style-9 .td-top-menu-full {
  3001. box-shadow: none;
  3002. }
  3003. .td-header-style-9 .td-affix {
  3004. margin-left: 0px;
  3005. margin-right: 0px;
  3006. width: auto;
  3007. }
  3008. .td-header-style-9 .td-header-sp-ads {
  3009. margin-top: 0px;
  3010. margin-bottom: 0px;
  3011. width: 100%;
  3012. }
  3013. .td-header-style-9 .td-header-sp-ads .td-header-ad-wrap {
  3014. height: auto;
  3015. width: 100%;
  3016. }
  3017. .td-header-style-9 .td-header-sp-ads .td-g-rec,
  3018. .td-header-style-9 .td-header-sp-ads .td-a-rec {
  3019. display: table;
  3020. height: auto;
  3021. margin-left: auto;
  3022. margin-right: auto;
  3023. }
  3024. .td-header-style-9 .td-header-sp-ads .adsbygoogle,
  3025. .td-header-style-9 .td-header-sp-ads img {
  3026. position: relative;
  3027. margin-top: 20px;
  3028. margin-bottom: 20px;
  3029. }
  3030. .td-header-style-9 .td-main-menu-logo {
  3031. display: table;
  3032. /* responsive portrait phone */
  3033. }
  3034. @media (max-width: 767px) {
  3035. .td-header-style-9 .td-main-menu-logo {
  3036. display: inline;
  3037. }
  3038. }
  3039. .td-header-style-9 .td-main-menu-logo a {
  3040. display: table-cell;
  3041. vertical-align: middle;
  3042. /* responsive portrait phone */
  3043. }
  3044. @media (max-width: 767px) {
  3045. .td-header-style-9 .td-main-menu-logo a {
  3046. display: table;
  3047. }
  3048. }
  3049. .white-menu .td-header-style-9 .td-header-main-menu {
  3050. border-bottom: 1px solid #e6e6e6;
  3051. }
  3052. /* -------------------------------------------------------------------
  3053. Style 10
  3054. ---------------------------------------------------------------------- */
  3055. .td-header-style-10 .td-make-full {
  3056. padding: 0px;
  3057. }
  3058. .td-header-style-10 .td-affix {
  3059. margin-left: 0px;
  3060. margin-right: 0px;
  3061. width: auto;
  3062. }
  3063. .td-header-style-10 .top-header-menu .sub-menu {
  3064. border-top: 1px solid #e6e6e6;
  3065. }
  3066. .td-header-style-10 .td-header-text-logo {
  3067. margin: 60px 10px 60px 30px;
  3068. /* responsive portrait phone */
  3069. }
  3070. @media (max-width: 767px) {
  3071. .td-header-style-10 .td-header-text-logo {
  3072. display: block;
  3073. margin: 10px 0px;
  3074. padding: 0px;
  3075. }
  3076. }
  3077. .td-header-style-10 .td-header-text-logo img {
  3078. margin-left: auto;
  3079. margin-right: auto;
  3080. /* responsive portrait phone */
  3081. }
  3082. @media (max-width: 767px) {
  3083. .td-header-style-10 .td-header-text-logo img {
  3084. display: none;
  3085. }
  3086. }
  3087. .td-header-style-10 .td-header-text-logo span {
  3088. display: block;
  3089. text-align: center;
  3090. color: #222222;
  3091. }
  3092. .td-header-style-10 .td-header-container .td-header-header {
  3093. background-color: transparent;
  3094. }
  3095. .td-header-style-10 #td-header-menu {
  3096. display: table;
  3097. margin-left: auto;
  3098. margin-right: auto;
  3099. /* responsive portrait phone */
  3100. }
  3101. @media (max-width: 767px) {
  3102. .td-header-style-10 #td-header-menu {
  3103. display: inline-block;
  3104. }
  3105. }
  3106. .td-header-style-10 .td-logo-wrap {
  3107. left: 0px;
  3108. padding: 0px;
  3109. text-transform: uppercase;
  3110. }
  3111. .td-header-style-10 .td-header-sp-ads {
  3112. margin-top: 0px;
  3113. margin-bottom: 0px;
  3114. width: 100%;
  3115. }
  3116. .td-header-style-10 .td-header-sp-ads .td-header-ad-wrap {
  3117. height: auto;
  3118. width: 100%;
  3119. }
  3120. .td-header-style-10 .td-header-sp-ads .td-g-rec,
  3121. .td-header-style-10 .td-header-sp-ads .td-a-rec {
  3122. display: table;
  3123. height: auto;
  3124. margin-left: auto;
  3125. margin-right: auto;
  3126. }
  3127. .td-header-style-10 .td-header-sp-ads .adsbygoogle,
  3128. .td-header-style-10 .td-header-sp-ads img {
  3129. position: relative;
  3130. margin-top: 20px;
  3131. margin-bottom: 20px;
  3132. }
  3133. .white-menu .td-header-style-10 .td-header-main-menu {
  3134. border-bottom: 1px solid #e6e6e6;
  3135. border-top: 1px solid #e6e6e6;
  3136. }
  3137. .white-menu .td-header-style-10 #td-top-search {
  3138. margin-top: -22px;
  3139. }
  3140. .td-logo-text {
  3141. font-size: 75px;
  3142. line-height: 60px;
  3143. margin: 0px;
  3144. font-family: serif;
  3145. /* responsive portrait phone */
  3146. }
  3147. @media (max-width: 767px) {
  3148. .td-logo-text {
  3149. font-size: 36px;
  3150. line-height: 36px;
  3151. }
  3152. }
  3153. .td-tagline-text {
  3154. letter-spacing: 1.8px;
  3155. font-size: 11px;
  3156. opacity: 0.5;
  3157. margin: 0px;
  3158. font-family: serif;
  3159. /* responsive portrait phone */
  3160. }
  3161. @media (max-width: 767px) {
  3162. .td-tagline-text {
  3163. display: none;
  3164. }
  3165. }
  3166. .white-grid.white-menu .td-header-menu-wrap .td-header-main-menu {
  3167. border-color: #e6e6e6;
  3168. }
  3169. .white-grid.white-menu .td-header-style-3 .td-header-main-menu,
  3170. .white-grid.white-menu .td-header-style-4 .td-header-main-menu {
  3171. border-top: 1px solid #e6e6e6;
  3172. }
  3173. .animated {
  3174. -webkit-animation-duration: 0.3s;
  3175. animation-duration: 0.3s;
  3176. -webkit-animation-fill-mode: both;
  3177. animation-fill-mode: both;
  3178. }
  3179. .animated_long {
  3180. -webkit-animation-duration: 0.5s;
  3181. animation-duration: 0.5s;
  3182. -webkit-animation-fill-mode: both;
  3183. animation-fill-mode: both;
  3184. }
  3185. .animated_xlong {
  3186. -webkit-animation-duration: 0.8s;
  3187. animation-duration: 0.8s;
  3188. -webkit-animation-fill-mode: both;
  3189. animation-fill-mode: both;
  3190. }
  3191. .animated_xxlong {
  3192. -webkit-animation-duration: 1.5s;
  3193. animation-duration: 1.5s;
  3194. -webkit-animation-fill-mode: both;
  3195. animation-fill-mode: both;
  3196. }
  3197. /* ----------------------------------------------------------------------------
  3198. fadeInRight
  3199. */
  3200. @-webkit-keyframes fadeInRight {
  3201. 0% {
  3202. opacity: 0.05;
  3203. -webkit-transform: translateX(20px);
  3204. transform: translateX(20px);
  3205. }
  3206. 100% {
  3207. opacity: 1;
  3208. -webkit-transform: translateX(0);
  3209. transform: translateX(0);
  3210. }
  3211. }
  3212. @keyframes fadeInRight {
  3213. 0% {
  3214. opacity: 0.05;
  3215. -webkit-transform: translateX(20px);
  3216. -ms-transform: translateX(20px);
  3217. transform: translateX(20px);
  3218. }
  3219. 100% {
  3220. opacity: 1;
  3221. -webkit-transform: translateX(0);
  3222. -ms-transform: translateX(0);
  3223. transform: translateX(0);
  3224. }
  3225. }
  3226. .fadeInRight {
  3227. -webkit-animation-name: fadeInRight;
  3228. animation-name: fadeInRight;
  3229. }
  3230. /* ----------------------------------------------------------------------------
  3231. fadeInLeft
  3232. */
  3233. @-webkit-keyframes fadeInLeft {
  3234. 0% {
  3235. opacity: 0.05;
  3236. -webkit-transform: translateX(-20px);
  3237. transform: translateX(-20px);
  3238. }
  3239. 100% {
  3240. opacity: 1;
  3241. -webkit-transform: translateX(0);
  3242. transform: translateX(0);
  3243. }
  3244. }
  3245. @keyframes fadeInLeft {
  3246. 0% {
  3247. opacity: 0.05;
  3248. -webkit-transform: translateX(-20px);
  3249. -ms-transform: translateX(-20px);
  3250. transform: translateX(-20px);
  3251. }
  3252. 100% {
  3253. opacity: 1;
  3254. -webkit-transform: translateX(0);
  3255. -ms-transform: translateX(0);
  3256. transform: translateX(0);
  3257. }
  3258. }
  3259. .fadeInLeft {
  3260. -webkit-animation-name: fadeInLeft;
  3261. animation-name: fadeInLeft;
  3262. }
  3263. /* ----------------------------------------------------------------------------
  3264. fadeInDown
  3265. */
  3266. @-webkit-keyframes fadeInDown {
  3267. 0% {
  3268. opacity: 0.05;
  3269. -webkit-transform: translateY(-15px);
  3270. transform: translateY(-15px);
  3271. }
  3272. 100% {
  3273. opacity: 1;
  3274. -webkit-transform: translateY(0);
  3275. transform: translateY(0);
  3276. }
  3277. }
  3278. @keyframes fadeInDown {
  3279. 0% {
  3280. opacity: 0.05;
  3281. -webkit-transform: translateY(-15px);
  3282. -ms-transform: translateY(-15px);
  3283. transform: translateY(-15px);
  3284. }
  3285. 100% {
  3286. opacity: 1;
  3287. -webkit-transform: translateY(0);
  3288. -ms-transform: translateY(0);
  3289. transform: translateY(0);
  3290. }
  3291. }
  3292. .fadeInDown {
  3293. -webkit-animation-name: fadeInDown;
  3294. animation-name: fadeInDown;
  3295. }
  3296. /* ----------------------------------------------------------------------------
  3297. fadeInUp
  3298. */
  3299. @-webkit-keyframes fadeInUp {
  3300. 0% {
  3301. opacity: 0.05;
  3302. -webkit-transform: translateY(20px);
  3303. transform: translateY(20px);
  3304. }
  3305. 100% {
  3306. opacity: 1;
  3307. -webkit-transform: translateY(0);
  3308. transform: translateY(0);
  3309. }
  3310. }
  3311. @keyframes fadeInUp {
  3312. 0% {
  3313. opacity: 0.05;
  3314. -webkit-transform: translateY(20px);
  3315. -ms-transform: translateY(20px);
  3316. transform: translateY(20px);
  3317. }
  3318. 100% {
  3319. opacity: 1;
  3320. -webkit-transform: translateY(0);
  3321. -ms-transform: translateY(0);
  3322. transform: translateY(0);
  3323. }
  3324. }
  3325. .fadeInUp {
  3326. -webkit-animation-name: fadeInUp;
  3327. animation-name: fadeInUp;
  3328. }
  3329. /* ----------------------------------------------------------------------------
  3330. fadein
  3331. */
  3332. @-webkit-keyframes fadeIn {
  3333. 0% {
  3334. opacity: 0;
  3335. }
  3336. 100% {
  3337. opacity: 1;
  3338. }
  3339. }
  3340. @keyframes fadeIn {
  3341. 0% {
  3342. opacity: 0;
  3343. }
  3344. 100% {
  3345. opacity: 1;
  3346. }
  3347. }
  3348. .fadeIn {
  3349. -webkit-animation-name: fadeIn;
  3350. animation-name: fadeIn;
  3351. }
  3352. /* ----------------------------------------------------------------------------
  3353. fade out
  3354. */
  3355. @-webkit-keyframes fadeOut_to_1 {
  3356. 0% {
  3357. opacity: 1;
  3358. }
  3359. 100% {
  3360. opacity: 0.1;
  3361. }
  3362. }
  3363. @keyframes fadeOut_to_1 {
  3364. 0% {
  3365. opacity: 1;
  3366. }
  3367. 100% {
  3368. opacity: 0.1;
  3369. }
  3370. }
  3371. .fadeOut_to_1 {
  3372. -webkit-animation-name: fadeOut_to_1;
  3373. animation-name: fadeOut_to_1;
  3374. }
  3375. /* ----------------------------------------------------------------------------
  3376. top-menu
  3377. */
  3378. .top-header-menu {
  3379. list-style: none;
  3380. padding: 0px;
  3381. margin: 0px;
  3382. }
  3383. .top-header-menu a:hover {
  3384. color: #4db2ec;
  3385. }
  3386. .top-header-menu .current-menu-item > a,
  3387. .top-header-menu .current-menu-ancestor > a,
  3388. .top-header-menu .current-category-ancestor > a {
  3389. color: #4db2ec;
  3390. }
  3391. .top-header-menu .td-icon-menu-down {
  3392. padding: 0 0 0 6px;
  3393. top: -1px;
  3394. }
  3395. .top-header-menu .menu-item-has-children .sub-menu {
  3396. display: none;
  3397. }
  3398. .top-header-menu .menu-item-has-children li {
  3399. list-style-image: none;
  3400. height: auto;
  3401. }
  3402. .top-header-menu .menu-item-has-children li a {
  3403. font-family: 'Open Sans', arial, sans-serif;
  3404. font-weight: 500;
  3405. font-size: 11px;
  3406. line-height: 28px;
  3407. display: block;
  3408. text-transform: none;
  3409. margin: 0 10px 0 10px ;
  3410. white-space: nowrap;
  3411. min-width: 100px;
  3412. }
  3413. .top-header-menu .menu-item-has-children li a:hover {
  3414. color: #4db2ec;
  3415. }
  3416. .top-header-menu .menu-item-has-children ul {
  3417. width: auto !important;
  3418. }
  3419. .top-header-menu li {
  3420. display: inline-block;
  3421. position: relative;
  3422. zoom: 1;
  3423. z-index: 9;
  3424. }
  3425. .top-header-menu li ul {
  3426. position: relative;
  3427. top: 30px !important;
  3428. left: -10px !important;
  3429. border-top: 3px solid #000000;
  3430. list-style: none;
  3431. box-shadow: none;
  3432. border-bottom: 1px solid #e6e6e6;
  3433. }
  3434. .top-header-menu li a {
  3435. color: #222222;
  3436. margin: 0px 16px 0px 0px;
  3437. font-family: 'Open Sans', arial, sans-serif;
  3438. font-weight: 700;
  3439. font-size: 11px;
  3440. line-height: 29px;
  3441. /* responsive portrait tablet */
  3442. }
  3443. @media (min-width: 768px) and (max-width: 1023px) {
  3444. .top-header-menu li a {
  3445. font-size: 10px;
  3446. }
  3447. }
  3448. .top-header-menu ul .td-icon-menu-down,
  3449. .top-header-menu .td-mega-menu .td-icon-menu-down {
  3450. display: none;
  3451. }
  3452. .top-header-menu .td-mega-menu ul,
  3453. .top-header-menu ul ul {
  3454. display: none !important;
  3455. }
  3456. /* ----------------------------------------------------------------------------
  3457. social icons
  3458. */
  3459. .td-social-icon-wrap {
  3460. /*
  3461. .td-icon-reddit {
  3462. position: relative;
  3463. right: 1px;
  3464. }
  3465. .td-icon-steam {
  3466. position: relative;
  3467. right: 2px;
  3468. }
  3469. .td-icon-stumbleupon {
  3470. position: relative;
  3471. right: 2px;
  3472. }
  3473. .td-icon-vk {
  3474. position: relative;
  3475. right: 2px;
  3476. }
  3477. .td-icon-vimeo {
  3478. position: relative;
  3479. right: 1px;
  3480. } */
  3481. }
  3482. .td-social-icon-wrap > a {
  3483. display: inline-block;
  3484. margin: 3px 3px 0px 0px;
  3485. }
  3486. .td-social-icon-wrap i {
  3487. text-align: center;
  3488. font-size: 14px;
  3489. width: 24px;
  3490. height: 24px;
  3491. color: #222222;
  3492. display: inline-block;
  3493. padding-top: 5px;
  3494. line-height: 0px;
  3495. }
  3496. @-moz-document url-prefix() {
  3497.  
  3498. }
  3499. /* ----------------------------------------------------------------------------
  3500. top menu
  3501. */
  3502. .td-header-sp-top-menu .top-header-menu .sub-menu {
  3503. position: absolute;
  3504. top: 25px;
  3505. left: -25px;
  3506. background-color: #ffffff;
  3507. }
  3508. .top-header-menu a {
  3509. text-transform: uppercase;
  3510. }
  3511. .td-header-top-menu {
  3512. /* responsive portrait phone */
  3513. }
  3514. @media (max-width: 767px) {
  3515. .td-header-top-menu {
  3516. display: none;
  3517. }
  3518. }
  3519. /* ----------------------------------------------------------------------------
  3520. variablez
  3521. */
  3522. /* ----------------------------------------------------------------------------
  3523. diverse
  3524. */
  3525. .td-menu-placeholder {
  3526. height: 47px;
  3527. position: relative;
  3528. }
  3529. .td-menu-background {
  3530. position: relative;
  3531. }
  3532. .td-menu-wrap {
  3533. position: relative;
  3534. height: 44px;
  3535. }
  3536. .td-menu-wrap #td-top-menu {
  3537. padding-left: 15px;
  3538. }
  3539. /*
  3540. SF menu
  3541. */
  3542. .sf-menu,
  3543. .sf-menu ul,
  3544. .sf-menu li {
  3545. margin: 0;
  3546. padding: 0;
  3547. list-style: none;
  3548. }
  3549. .sf-menu {
  3550. margin-left: 21px;
  3551. margin-right: 38px;
  3552. /* responsive portrait tablet */
  3553. /* responsive portrait phone */
  3554. }
  3555. @media (min-width: 768px) and (max-width: 1023px) {
  3556. .sf-menu {
  3557. margin-left: 17px;
  3558. }
  3559. }
  3560. @media (max-width: 767px) {
  3561. .sf-menu {
  3562. display: none;
  3563. }
  3564. }
  3565. .sf-menu ul {
  3566. position: absolute;
  3567. top: -999em;
  3568. width: 10em;
  3569. /* left offset of submenus need to match (see below) */
  3570. }
  3571. .sf-menu ul li {
  3572. width: 100%;
  3573. }
  3574. .sf-menu li:hover {
  3575. visibility: inherit;
  3576. /* fixes IE7 'sticky bug' */
  3577. }
  3578. .sf-menu li {
  3579. float: left;
  3580. position: relative;
  3581. }
  3582. .sf-menu .td-menu-item > a {
  3583. display: block;
  3584. position: relative;
  3585. }
  3586. .sf-menu li:hover ul,
  3587. .sf-menu li.sfHover ul {
  3588. left: 0;
  3589. top: auto;
  3590. z-index: 99;
  3591. }
  3592. ul.sf-menu li:hover li ul,
  3593. ul.sf-menu li.sfHover li ul {
  3594. top: -999em;
  3595. }
  3596. ul.sf-menu li li:hover ul,
  3597. ul.sf-menu li li.sfHover ul {
  3598. left: 10em;
  3599. /* match ul width */
  3600. top: 0 !important;
  3601. }
  3602. ul.sf-menu li li:hover li ul,
  3603. ul.sf-menu li li.sfHover li ul {
  3604. top: -999em;
  3605. }
  3606. /* ----------------------------------------------------------------------------
  3607. All the links
  3608. */
  3609. .sf-menu .td-menu-item > a:hover {
  3610. text-decoration: none !important;
  3611. }
  3612. /* remove the down arrow on links with (icons menus) */
  3613. .td-no-down-arrow > a .sf-sub-indicator {
  3614. display: none;
  3615. }
  3616. .sf-menu > li > a {
  3617. padding: 0px 15px 0px 15px;
  3618. line-height: 44px;
  3619. font-size: 14px;
  3620. color: #ffffff;
  3621. font-weight: 700;
  3622. font-family: 'Open Sans', arial, sans-serif;
  3623. text-transform: uppercase;
  3624. -webkit-backface-visibility: hidden;
  3625. /* responsive portrait tablet */
  3626. }
  3627. @media (min-width: 768px) and (max-width: 1023px) {
  3628. .sf-menu > li > a {
  3629. font-size: 11px;
  3630. padding: 0px 10px 0px 10px;
  3631. }
  3632. }
  3633. /* menu icons */
  3634. .sf-menu .menu_icon {
  3635. position: relative;
  3636. top: 13px;
  3637. float: left;
  3638. }
  3639. .sf-menu .sub-menu .menu_icon {
  3640. top: 0px;
  3641. }
  3642. .sf-menu .menu_hidden {
  3643. display: none !important;
  3644. }
  3645. /* hover and current menu */
  3646. .sf-menu > .current-menu-item > a,
  3647. .sf-menu > .current-menu-ancestor > a,
  3648. .sf-menu > .current-category-ancestor > a,
  3649. .sf-menu > li > a:hover,
  3650. .sf-menu > .sfHover > a {
  3651. background-color: white;
  3652. color: #000000;
  3653. z-index: 999;
  3654. }
  3655. #td-header-menu {
  3656. min-height: 44px;
  3657. display: inline;
  3658. }
  3659. /* ----------------------------------------------------------------------------
  3660. submenu
  3661. */
  3662. .td-normal-menu ul {
  3663. box-shadow: 2px 1px 6px rgba(0, 0, 0, 0.2);
  3664. }
  3665. .sf-menu ul {
  3666. font-family: 'Open Sans', arial, sans-serif;
  3667. background: #ffffff;
  3668. }
  3669. .sf-menu ul .td-menu-item > a {
  3670. padding: 7px 13px 8px 13px;
  3671. font-size: 12px;
  3672. color: #111111;
  3673. -webkit-transition: none;
  3674. -moz-transition: none;
  3675. -o-transition: none;
  3676. transition: none;
  3677. line-height: 21px;
  3678. /* responsive portrait tablet */
  3679. }
  3680. @media (min-width: 768px) and (max-width: 1023px) {
  3681. .sf-menu ul .td-menu-item > a {
  3682. padding: 7px 14px 8px 10px;
  3683. }
  3684. }
  3685. .sf-menu ul .td-icon-menu-down {
  3686. float: right;
  3687. top: 0;
  3688. font-size: 9px;
  3689. }
  3690. .sf-menu ul .td-menu-item > a:hover,
  3691. .sf-menu ul .sfHover > a,
  3692. .sf-menu ul .current-menu-ancestor > a,
  3693. .sf-menu ul .current-category-ancestor > a,
  3694. .sf-menu ul .current-menu-item > a {
  3695. color: #ffffff;
  3696. background: #4db2ec;
  3697. }
  3698. .sf-menu li:hover,
  3699. .sf-menu li.sfHover,
  3700. .sf-menu a:focus,
  3701. .sf-menu a:hover,
  3702. .sf-menu a:active {
  3703. outline: 0px;
  3704. }
  3705. /* ----------------------------------------------------------------------------
  3706. hide the submenus until js is loaded
  3707. */
  3708. /* ----------------------------------------------------------------------------
  3709. arrows
  3710. */
  3711. .sf-menu .td-icon-menu-down {
  3712. position: absolute;
  3713. top: 0;
  3714. padding-left: 9px;
  3715. font-size: 9px;
  3716. }
  3717. .sf-menu .sub-menu {
  3718. -webkit-backface-visibility: hidden;
  3719. }
  3720. .sf-menu .sub-menu .td-icon-menu-down {
  3721. position: absolute;
  3722. top: 50%;
  3723. right: 8px;
  3724. margin-top: -9px;
  3725. line-height: 19px;
  3726. }
  3727. .sf-menu a.sf-with-ul {
  3728. padding-right: 31px;
  3729. min-width: 1px;
  3730. /* trigger IE7 hasLayout so spans position accurately */
  3731. /* responsive portrait tablet */
  3732. }
  3733. @media (min-width: 768px) and (max-width: 1023px) {
  3734. .sf-menu a.sf-with-ul {
  3735. padding-right: 28px;
  3736. }
  3737. }
  3738. /* arrow for all items in the menues */
  3739. a.sf-with-ul i.td-icon-menu-down:before {
  3740. content: '\e808';
  3741. }
  3742. /* arrow for all items in the menues AT FIRST LEVEL*/
  3743. ul.sf-js-enabled > li > a > i.td-icon-menu-down:before {
  3744. content: '\e806' !important;
  3745. }
  3746. /* ----------------------------------------------------------------------------
  3747. Mobile menu
  3748. */
  3749. .td_mobile_menu_wrap {
  3750. display: none !important;
  3751. margin: 0px 0px 0px 0px !important;
  3752. vertical-align: top;
  3753. position: relative;
  3754. top: 12px;
  3755. left: -6px;
  3756. }
  3757. .td_mobile_menu_wrap {
  3758. display: inline-block;
  3759. position: relative;
  3760. overflow: hidden;
  3761. height: 28px;
  3762. width: 200px;
  3763. background: #f2f2f2;
  3764. border: 1px solid;
  3765. border-color: white #f7f7f7 whitesmoke;
  3766. border-radius: 3px;
  3767. background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  3768. background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  3769. background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  3770. background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.06));
  3771. -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  3772. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  3773. }
  3774. .td_mobile_menu_wrap:before,
  3775. .td_mobile_menu_wrap:after {
  3776. content: '';
  3777. position: absolute;
  3778. z-index: 2;
  3779. top: 9px;
  3780. right: 10px;
  3781. width: 0;
  3782. height: 0;
  3783. border: 4px dashed;
  3784. border-color: #888888 transparent;
  3785. pointer-events: none;
  3786. }
  3787. .td_mobile_menu_wrap:before {
  3788. border-bottom-style: solid;
  3789. border-top: none;
  3790. }
  3791. .td_mobile_menu_wrap:after {
  3792. margin-top: 7px;
  3793. border-top-style: solid;
  3794. border-bottom: none;
  3795. }
  3796. #mobileMenu_menu-top {
  3797. position: relative;
  3798. width: 130%;
  3799. margin: 0;
  3800. padding: 6px 8px 6px 10px;
  3801. height: 28px;
  3802. line-height: 14px;
  3803. font-size: 12px;
  3804. color: #62717a;
  3805. text-shadow: 0 1px white;
  3806. background: #f2f2f2;
  3807. /* Fallback for IE 8 */
  3808. background: rgba(0, 0, 0, 0) !important;
  3809. /* "transparent" doesn't work with Opera */
  3810. border: 0;
  3811. border-radius: 0;
  3812. -webkit-appearance: none;
  3813. }
  3814. #mobileMenu_menu-top:focus {
  3815. width: 100%;
  3816. color: #394349;
  3817. outline: 2px solid #49aff2;
  3818. outline: 2px solid -webkit-focus-ring-color;
  3819. outline-offset: -2px;
  3820. }
  3821. #mobileMenu_menu-top > option {
  3822. margin: 3px;
  3823. padding: 6px 8px;
  3824. text-shadow: none;
  3825. background: #f2f2f2;
  3826. border-radius: 3px;
  3827. cursor: pointer;
  3828. }
  3829. /* Fix for IE 8 putting the arrows behind the select element. */
  3830. .lt-ie9 #mobileMenu_menu-top {
  3831. z-index: 1;
  3832. }
  3833. .lt-ie9 #mobileMenu_menu-top {
  3834. z-index: -1;
  3835. }
  3836. .lt-ie9 #mobileMenu_menu-top:focus {
  3837. z-index: 3;
  3838. }
  3839. /* Dirty fix for Firefox adding padding where it shouldn't. */
  3840. @-moz-document url-prefix() {
  3841. #mobileMenu_menu-top {
  3842. padding-left: 6px;
  3843. }
  3844. }
  3845. /* ----------------------------------------------------------------------------
  3846. Search
  3847. */
  3848. .td-search-wrapper {
  3849. /* responsive portrait phone */
  3850. }
  3851. @media (max-width: 767px) {
  3852. .td-search-wrapper {
  3853. position: absolute;
  3854. right: 0;
  3855. top: 50%;
  3856. }
  3857. }
  3858. .header-search-wrap {
  3859. /* hack to show the link on all the module */
  3860. /* search toggle button */
  3861. /* the drop down */
  3862. }
  3863. .header-search-wrap .td_module_mx2 a:after {
  3864. position: absolute;
  3865. left: 0px;
  3866. width: 100%;
  3867. top: 0px;
  3868. bottom: 0px;
  3869. content: '';
  3870. z-index: 1;
  3871. }
  3872. .header-search-wrap .header-search {
  3873. z-index: 2;
  3874. }
  3875. .header-search-wrap #td-header-search-button {
  3876. display: block;
  3877. position: relative;
  3878. /* responsive portrait phone */
  3879. }
  3880. @media (max-width: 767px) {
  3881. .header-search-wrap #td-header-search-button {
  3882. right: 9px;
  3883. }
  3884. }
  3885. .header-search-wrap .td-icon-search {
  3886. display: inline-block;
  3887. font-size: 19px;
  3888. color: #ffffff;
  3889. padding-top: 11px;
  3890. padding-left: 14px;
  3891. height: 44px;
  3892. width: 44px;
  3893. /* responsive portrait phone */
  3894. }
  3895. @media (max-width: 767px) {
  3896. .header-search-wrap .td-icon-search {
  3897. font-size: 27px;
  3898. padding-top: 8px;
  3899. }
  3900. }
  3901. .header-search-wrap .td-drop-down-search {
  3902. position: absolute;
  3903. padding: 0;
  3904. top: 100%;
  3905. border-radius: 0;
  3906. border-width: 0 1px 1px 1px;
  3907. border-style: solid;
  3908. border-color: #e6e6e6;
  3909. z-index: 98;
  3910. display: none;
  3911. right: 0;
  3912. width: 341px;
  3913. background: #ffffff;
  3914. /* responsive portrait phone */
  3915. /* responsive portrait phone */
  3916. /* search form */
  3917. /* triangle top */
  3918. }
  3919. @media (max-width: 767px) {
  3920. .header-search-wrap .td-drop-down-search {
  3921. right: -1px;
  3922. }
  3923. }
  3924. @media (max-width: 400px) {
  3925. .header-search-wrap .td-drop-down-search {
  3926. width: 101%;
  3927. }
  3928. }
  3929. .header-search-wrap .td-drop-down-search .btn {
  3930. position: absolute;
  3931. border-radius: 0 3px 3px 0;
  3932. height: 32px;
  3933. line-height: 17px;
  3934. padding: 7px 15px 8px;
  3935. text-shadow: none;
  3936. vertical-align: top;
  3937. right: 0px;
  3938. /* responsive portrait phone */
  3939. }
  3940. @media (max-width: 767px) {
  3941. .header-search-wrap .td-drop-down-search .btn {
  3942. line-height: 17px;
  3943. }
  3944. }
  3945. .header-search-wrap .td-drop-down-search .btn:hover {
  3946. background-color: #222222;
  3947. }
  3948. .header-search-wrap .td-drop-down-search:before {
  3949. position: absolute;
  3950. top: -6px;
  3951. right: 24px;
  3952. display: block;
  3953. content: '';
  3954. width: 0px;
  3955. height: 0px;
  3956. border-style: solid;
  3957. border-width: 0 5.5px 6px 5.5px;
  3958. border-color: transparent transparent #ffffff transparent;
  3959. box-sizing: border-box;
  3960. -moz-box-sizing: border-box;
  3961. -webkit-box-sizing: border-box;
  3962. /* responsive portrait phone */
  3963. }
  3964. @media (max-width: 767px) {
  3965. .header-search-wrap .td-drop-down-search:before {
  3966. right: 23px;
  3967. }
  3968. }
  3969. .header-search-wrap .td-drop-down-search #td-header-search {
  3970. background-color: #ffffff !important;
  3971. width: 95%;
  3972. height: 32px;
  3973. margin: 0px;
  3974. border-right: 0px;
  3975. line-height: 17px;
  3976. }
  3977. .header-search-wrap .td-drop-down-search #td-header-search:active,
  3978. .header-search-wrap .td-drop-down-search #td-header-search:focus {
  3979. border-color: #cccccc;
  3980. }
  3981. .header-search-wrap .td-drop-down-search .td-aj-search-results {
  3982. background-color: #fdfdfd;
  3983. border-top: 1px solid #ededed;
  3984. border-bottom: 1px solid #ededed;
  3985. padding: 10px 0px 10px 0px;
  3986. }
  3987. .header-search-wrap .td-drop-down-search .td-aj-search-results .td-module-thumb {
  3988. top: 10px;
  3989. }
  3990. .header-search-wrap .td-drop-down-search .td-aj-search-results .td_module_wrap .item-details {
  3991. margin-top: 10px;
  3992. margin-bottom: 10px;
  3993. }
  3994. .header-search-wrap .td-drop-down-search .td-aj-search-results .td_mod_aj_search {
  3995. padding: 10px 21px 0px 21px;
  3996. margin: 1px 0px 0px 0px;
  3997. min-height: 56px;
  3998. }
  3999. .header-search-wrap .td-drop-down-search .td-search-form {
  4000. margin: 21px 20px 20px 21px;
  4001. }
  4002. .header-search-wrap .td-drop-down-search .result-msg {
  4003. text-align: center;
  4004. padding: 4px 0px 6px 0px;
  4005. font-family: Verdana, Geneva, sans-serif;
  4006. font-size: 12px;
  4007. color: #222222;
  4008. font-style: italic;
  4009. }
  4010. .header-search-wrap .td-drop-down-search .result-msg a {
  4011. color: #222222;
  4012. display: block;
  4013. }
  4014. .header-search-wrap .td-drop-down-search .result-msg a:hover {
  4015. color: #4db2ec;
  4016. }
  4017. .header-search-wrap .td-drop-down-search .no-result {
  4018. background-color: #fdfdfd;
  4019. border-top: 1px solid #ededed;
  4020. border-bottom: 1px solid #ededed;
  4021. }
  4022. .header-search-wrap .td-drop-down-search .meta-info {
  4023. line-height: 14px;
  4024. top: 2px;
  4025. }
  4026. .header-search-wrap .td-aj-cur-element {
  4027. background-color: #f0f0f0;
  4028. }
  4029. /* this class is added by the js */
  4030. .td-drop-down-search-open {
  4031. display: block !important;
  4032. z-index: 9999 !important;
  4033. }
  4034. .td-header-border #td-top-search {
  4035. margin-top: -20px;
  4036. /* responsive portrait phone */
  4037. }
  4038. @media (max-width: 767px) {
  4039. .td-header-border #td-top-search {
  4040. margin-top: -22px;
  4041. }
  4042. }
  4043. #td-top-search {
  4044. position: absolute;
  4045. right: 8px;
  4046. top: 50%;
  4047. margin-top: -22px;
  4048. /* responsive portrait phone */
  4049. }
  4050. @media (max-width: 767px) {
  4051. #td-top-search {
  4052. right: 0px;
  4053. position: relative;
  4054. }
  4055. }
  4056. /* ----------------------------------------------------------------------------
  4057. Mega Menu
  4058. */
  4059. .td-mega-menu {
  4060. position: static !important;
  4061. /*
  4062.  
  4063.  
  4064. page in mega menu
  4065.  
  4066.  
  4067. */
  4068. /*
  4069.  
  4070. end fix mega menu with page
  4071.  
  4072. */
  4073. }
  4074. .td-mega-menu .td-mega-grid {
  4075. border-width: 0px 0px 1px 0px;
  4076. border-style: solid;
  4077. border-color: #e6e6e6;
  4078. }
  4079. .td-mega-menu .td-mega-grid:before {
  4080. content: "";
  4081. width: 1px;
  4082. height: 100%;
  4083. background-color: #e6e6e6;
  4084. position: absolute;
  4085. left: 0px;
  4086. top: 0px;
  4087. }
  4088. .td-mega-menu .td-next-prev-wrap {
  4089. clear: none;
  4090. }
  4091. .td-mega-menu .td_block_mega_menu {
  4092. padding-top: 20px;
  4093. }
  4094. .td-mega-menu .td-mega-row {
  4095. height: 218px;
  4096. /* responsive portrait tablet */
  4097. }
  4098. @media (min-width: 768px) and (max-width: 1023px) {
  4099. .td-mega-menu .td-mega-row {
  4100. height: 170px;
  4101. }
  4102. }
  4103. .td-mega-menu .td-pb-row [class*="td-pb-span"] {
  4104. border-left: 0px !important;
  4105. }
  4106. .td-mega-menu .td_block_wrap {
  4107. border-left: 0px !important;
  4108. border-right: 0px !important;
  4109. }
  4110. .td-mega-menu .td_block_wrap .td-pulldown-filter-display-option {
  4111. display: none;
  4112. }
  4113. .td-mega-menu .wpb_content_element {
  4114. clear: both;
  4115. }
  4116. .td-mega-menu .wpb_content_element .widgettitle {
  4117. margin-top: 24px !important;
  4118. margin-bottom: 19px !important;
  4119. }
  4120. .td-mega-menu .wpb_content_element ul {
  4121. display: block !important;
  4122. width: auto !important;
  4123. position: relative !important;
  4124. webkit-box-shadow: none !important;
  4125. -moz-box-shadow: none !important;
  4126. box-shadow: none !important;
  4127. top: 0px !important;
  4128. padding-bottom: 0px !important;
  4129. }
  4130. .td-mega-menu .wpb_content_element li {
  4131. float: none !important;
  4132. width: auto !important;
  4133. line-height: 30px !important;
  4134. padding: 4px 0px 4px 0px !important;
  4135. border-top: 1px dashed #f1f1f1;
  4136. }
  4137. .td-mega-menu .wpb_content_element li:last-child {
  4138. border-bottom: 1px dashed #f1f1f1;
  4139. }
  4140. .td-mega-menu .wpb_content_element li ul {
  4141. opacity: 1 !important;
  4142. margin-top: 4px !important;
  4143. padding-bottom: 0px !important;
  4144. }
  4145. .td-mega-menu .wpb_content_element li ul li:last-child {
  4146. border-bottom: 0px !important;
  4147. padding-bottom: 0px !important;
  4148. }
  4149. .td-mega-menu .wpb_content_element li a {
  4150. background-color: transparent !important;
  4151. line-height: 30px !important;
  4152. padding: 0px !important;
  4153. margin: 0px !important;
  4154. color: #222222 !important;
  4155. }
  4156. .td-mega-menu .wpb_content_element li a i {
  4157. display: none;
  4158. }
  4159. .td-mega-menu .wpb_content_element li a:hover {
  4160. background-color: transparent !important;
  4161. color: #4db2ec !important;
  4162. }
  4163. .td-mega-menu ul {
  4164. position: absolute !important;
  4165. width: 1021px !important;
  4166. height: auto !important;
  4167. top: 0px;
  4168. left: 0px !important;
  4169. display: none;
  4170. /* responsive portrait tablet */
  4171. }
  4172. @media (min-width: 768px) and (max-width: 1023px) {
  4173. .td-mega-menu ul {
  4174. width: 756px !important;
  4175. }
  4176. }
  4177. .td-mega-menu ul .td-pb-border-top {
  4178. border-top: none;
  4179. border-left: 1px solid #e6e6e6;
  4180. border-right: 1px solid #e6e6e6;
  4181. }
  4182. .td-mega-menu ul .td-next-prev-wrap {
  4183. display: inline-block;
  4184. float: right;
  4185. position: relative;
  4186. top: -5px;
  4187. margin: 20px 20px 0px 0px;
  4188. }
  4189. .td-mega-menu ul .td-next-prev-wrap a {
  4190. margin-bottom: 14px;
  4191. }
  4192. .td-header-border .sf-menu li.td-mega-menu ul {
  4193. top: auto;
  4194. }
  4195. .td_mod_mega_menu .td-module-thumb {
  4196. margin-bottom: 6px;
  4197. position: relative;
  4198. }
  4199. .td_mod_mega_menu .entry-title {
  4200. font-size: 13px;
  4201. line-height: 19px;
  4202. font-weight: 600;
  4203. margin: 0px;
  4204. /* responsive portrait tablet */
  4205. }
  4206. @media (min-width: 768px) and (max-width: 1023px) {
  4207. .td_mod_mega_menu .entry-title {
  4208. font-size: 11px;
  4209. line-height: 16px;
  4210. }
  4211. }
  4212. .td_mod_mega_menu .entry-thumb {
  4213. /* responsive desktop */
  4214. /* responsive portrait tablet */
  4215. }
  4216. @media (min-width: 1024px) {
  4217. .td_mod_mega_menu .entry-thumb {
  4218. min-height: 135px;
  4219. }
  4220. }
  4221. @media (min-width: 768px) and (max-width: 1023px) {
  4222. .td_mod_mega_menu .entry-thumb {
  4223. min-height: 95px;
  4224. }
  4225. }
  4226. .td_mega_menu_sub_cats {
  4227. display: inline-block;
  4228. float: left;
  4229. }
  4230. .td_mega_menu_sub_cats .block-mega-child-cats {
  4231. margin: 11px 0px 18px 20px;
  4232. }
  4233. .td_mega_menu_sub_cats a {
  4234. border-radius: 3px;
  4235. display: inline-table;
  4236. font-size: 11px;
  4237. font-weight: bold;
  4238. color: #111111;
  4239. text-transform: uppercase;
  4240. line-height: 16px;
  4241. padding: 2px 15px;
  4242. position: relative;
  4243. vertical-align: middle;
  4244. -o-transition: none;
  4245. -moz-transition: none;
  4246. -khtml-transition: none;
  4247. -webkit-transition: none;
  4248. -ms-transition: none;
  4249. transition: none;
  4250. /* responsive portrait tablet */
  4251. }
  4252. @media (min-width: 768px) and (max-width: 1023px) {
  4253. .td_mega_menu_sub_cats a {
  4254. font-size: 10px;
  4255. font-weight: 600;
  4256. line-height: 14px;
  4257. padding: 2px 9px 2px 9px;
  4258. height: 19px;
  4259. }
  4260. }
  4261. .td_block_mega_menu .td_mega_menu_sub_cats .cur-sub-cat {
  4262. background-color: #4db2ec;
  4263. color: #ffffff;
  4264. }
  4265. .td_block_mega_menu .td_mega_menu_sub_cats .cur-sub-cat:hover {
  4266. color: #ffffff;
  4267. }
  4268. .td-affix .td-logo-sticky {
  4269. display: table;
  4270. /* responsive portrait phone */
  4271. }
  4272. @media (max-width: 767px) {
  4273. .td-affix .td-logo-sticky {
  4274. display: inline;
  4275. }
  4276. }
  4277. /* custom stuff */
  4278. #td-outer-wrap {
  4279. position: relative;
  4280. overflow: hidden;
  4281. width: 100%;
  4282. }
  4283. /* hide mobile nav */
  4284. .td-mobile-nav-wrap {
  4285. position: absolute;
  4286. top: 0px;
  4287. left: -80%;
  4288. width: 80%;
  4289. height: 100%;
  4290. background-color: #f5f5f5;
  4291. z-index: 1;
  4292. }
  4293. .td-content-wrap {
  4294. position: relative;
  4295. top: 0;
  4296. left: 0;
  4297. }
  4298. /* toggle button */
  4299. #td-top-mobile-toggle {
  4300. display: none;
  4301. top: 0;
  4302. left: 0;
  4303. z-index: 1;
  4304. /* responsive phone */
  4305. }
  4306. #td-top-mobile-toggle li:before {
  4307. display: none;
  4308. }
  4309. @media (max-width: 767px) {
  4310. #td-top-mobile-toggle {
  4311. display: inline-block;
  4312. position: relative;
  4313. }
  4314. }
  4315. #td-top-mobile-toggle a {
  4316. display: block;
  4317. height: 53px;
  4318. width: 53px;
  4319. }
  4320. #td-top-mobile-toggle i {
  4321. font-size: 26px;
  4322. line-height: 55px;
  4323. padding-left: 13px;
  4324. display: inline-table;
  4325. vertical-align: middle;
  4326. color: #ffffff;
  4327. }
  4328. /* ----------------------------------------------------------------------------
  4329. mobile menu style
  4330. */
  4331. /* close */
  4332. .td-mobile-close {
  4333. position: relative;
  4334. }
  4335. .td-mobile-close a {
  4336. display: block;
  4337. width: 100%;
  4338. padding: 15px 0px 17px 0px;
  4339. text-align: center;
  4340. background-color: #4db2ec;
  4341. color: white;
  4342. font-size: 17px;
  4343. font-family: 'Roboto Condensed', sans-serif;
  4344. z-index: -1;
  4345. -webkit-box-shadow: inset -3px 0px 17px 0px rgba(0, 0, 0, 0.15);
  4346. -moz-box-shadow: inset -3px 0px 17px 0px rgba(0, 0, 0, 0.15);
  4347. box-shadow: inset -3px 0px 17px 0px rgba(0, 0, 0, 0.15);
  4348. }
  4349. .td-mobile-close a:hover {
  4350. text-decoration: none !important;
  4351. color: white;
  4352. opacity: 0.8;
  4353. }
  4354. .td-mobile-close .td-nav-triangle {
  4355. position: absolute;
  4356. right: 0px;
  4357. top: 19px;
  4358. width: 0px;
  4359. height: 0px;
  4360. border-style: solid;
  4361. border-width: 7.5px 8px 7.5px 0;
  4362. border-color: transparent #ffffff transparent transparent;
  4363. }
  4364. /* menu content */
  4365. .td-mobile-content {
  4366. /* first submenu */
  4367. /* hide the icons */
  4368. }
  4369. .td-mobile-content ul {
  4370. list-style: none;
  4371. margin: 0px;
  4372. padding: 0px;
  4373. box-shadow: none;
  4374. }
  4375. .td-mobile-content li {
  4376. float: none;
  4377. }
  4378. .td-mobile-content li a {
  4379. display: block;
  4380. border-top: 1px solid white;
  4381. border-bottom: 1px solid #e8e8e8;
  4382. line-height: 21px;
  4383. font-size: 15px;
  4384. font-family: Verdana, Geneva, sans-serif;
  4385. text-transform: uppercase;
  4386. color: #1e1e1e;
  4387. padding: 12px 13px 14px 17px;
  4388. }
  4389. .td-mobile-content li a:hover {
  4390. text-decoration: none !important;
  4391. color: #4db2ec;
  4392. background-color: #fafafa !important;
  4393. }
  4394. .td-mobile-content .td-icon-menu-down {
  4395. position: absolute;
  4396. top: 0;
  4397. bottom: 0;
  4398. right: 5px;
  4399. width: 10px;
  4400. z-index: 1000;
  4401. font-size: 16px;
  4402. padding: 12px 28px 8px 13px;
  4403. float: right;
  4404. color: #666666;
  4405. }
  4406. .td-mobile-content .sub-menu {
  4407. /* 2nd level submenu */
  4408. }
  4409. .td-mobile-content .sub-menu .td-icon-menu-down {
  4410. font-size: 11px;
  4411. padding-top: 7px;
  4412. right: 3px;
  4413. color: #999999;
  4414. }
  4415. .td-mobile-content .sub-menu a {
  4416. padding: 7px 8px 9px 36px !important;
  4417. line-height: 19px;
  4418. font-size: 13px;
  4419. }
  4420. .td-mobile-content .sub-menu .sub-menu {
  4421. /* 3rd level submenu */
  4422. }
  4423. .td-mobile-content .sub-menu .sub-menu a {
  4424. padding-left: 55px !important;
  4425. }
  4426. .td-mobile-content .sub-menu .sub-menu .sub-menu a {
  4427. padding-left: 74px !important;
  4428. }
  4429. .td-mobile-content .menu_icon {
  4430. display: none;
  4431. }
  4432. @media screen and (max-width: 767px) {
  4433. #td-outer-wrap {
  4434. display: inline-block;
  4435. vertical-align: bottom;
  4436. }
  4437. /* reposition the main menu */
  4438. #td-mobile-nav {
  4439. position: absolute;
  4440. overflow: hidden;
  4441. display: block;
  4442. width: 100%;
  4443. }
  4444. #td-mobile-nav .menu-item-has-children a {
  4445. width: 100%;
  4446. z-index: 1;
  4447. }
  4448. #td-mobile-nav .td-link-element-after {
  4449. position: relative;
  4450. }
  4451. /*makes the trasition*/
  4452. .td-menu-mob-open-menu .td-mobile-nav-wrap {
  4453. left: 0px;
  4454. }
  4455. .td-menu-mob-open-menu .td-content-wrap {
  4456. left: 80%;
  4457. }
  4458. }
  4459. /* ----------------------------------------------------------------------------
  4460. theme base font type
  4461. */
  4462. body,
  4463. p {
  4464. font-family: Verdana, Geneva, sans-serif;
  4465. font-size: 13px;
  4466. line-height: 21px;
  4467. color: #222222;
  4468. }
  4469. p {
  4470. margin-bottom: 21px;
  4471. }
  4472. /* ----------------------------------------------------------------------------
  4473. theme specific type
  4474. */
  4475. .h5-caps-title {
  4476. font-family: 'Open Sans', arial, sans-serif;
  4477. text-transform: uppercase;
  4478. font-size: 18px;
  4479. font-weight: 600;
  4480. color: #222222;
  4481. }
  4482. a:active,
  4483. a:focus {
  4484. /* IE remove focus */
  4485. outline: none;
  4486. }
  4487. a {
  4488. color: #4db2ec;
  4489. text-decoration: none !important;
  4490. }
  4491. a:hover {
  4492. text-decoration: underline;
  4493. }
  4494. ins {
  4495. background: white;
  4496. text-decoration: none;
  4497. }
  4498. code {
  4499. position: relative;
  4500. top: -1px;
  4501. border: none;
  4502. background-color: #F1F1F1;
  4503. padding: 4px 10px;
  4504. }
  4505. pre {
  4506. background-color: #f1f1f1;
  4507. padding: 4px 10px 4px 10px;
  4508. border: none;
  4509. border-radius: 0px;
  4510. margin-top: 24px;
  4511. }
  4512. cite {
  4513. font-family: 'Open Sans', arial, sans-serif;
  4514. font-size: 13px;
  4515. /* ovveride bootstrap */
  4516. font-style: italic;
  4517. font-weight: normal;
  4518. text-transform: none;
  4519. color: #444444;
  4520. }
  4521. cite a {
  4522. color: #444444;
  4523. }
  4524. cite a:hover {
  4525. color: #444444;
  4526. }
  4527. blockquote.pull-right {
  4528. padding-left: 20px;
  4529. border-right: none;
  4530. }
  4531. blockquote.pull-right:after {
  4532. border-right: 2px solid #FB5502;
  4533. width: 40px;
  4534. right: -40px;
  4535. }
  4536. q {
  4537. font-style: italic;
  4538. }
  4539. /* ----------------------------------------------------------------------------
  4540. ul li
  4541. */
  4542. ul {
  4543. padding: 0;
  4544. list-style-position: inside;
  4545. }
  4546. ul li {
  4547. line-height: 24px;
  4548. }
  4549. ol {
  4550. list-style-position: inside;
  4551. padding: 0;
  4552. }
  4553. ol li {
  4554. list-style-type: none;
  4555. line-height: 24px;
  4556. }
  4557. .dl-horizontal a {
  4558. font-weight: 500 !important;
  4559. }
  4560. .dl-horizontal dt {
  4561. width: 70px;
  4562. font-weight: 400;
  4563. line-height: 24px;
  4564. font-size: 15px;
  4565. }
  4566. .dl-horizontal dd {
  4567. margin-left: 90px;
  4568. line-height: 24px;
  4569. font-size: 14px;
  4570. }
  4571. /* ----------------------------------------------------------------------------
  4572. ul li on post content
  4573. */
  4574. .td-post-content,
  4575. .mce-content-body,
  4576. .comment-content {
  4577. font-size: 14px;
  4578. line-height: 24px;
  4579. }
  4580. .td-post-content a:hover,
  4581. .mce-content-body a:hover,
  4582. .comment-content a:hover {
  4583. text-decoration: underline !important;
  4584. }
  4585. .td-post-content p,
  4586. .mce-content-body p,
  4587. .comment-content p {
  4588. font-size: 14px;
  4589. line-height: 24px;
  4590. margin-bottom: 24px;
  4591. }
  4592. .td-post-content ul,
  4593. .mce-content-body ul,
  4594. .comment-content ul {
  4595. list-style-position: inside;
  4596. margin-bottom: 24px;
  4597. }
  4598. .td-post-content ul li,
  4599. .mce-content-body ul li,
  4600. .comment-content ul li {
  4601. margin: 0 0 0 21px;
  4602. }
  4603. .td-post-content ul ul,
  4604. .mce-content-body ul ul,
  4605. .comment-content ul ul,
  4606. .td-post-content ul ol,
  4607. .mce-content-body ul ol,
  4608. .comment-content ul ol {
  4609. margin-bottom: 0;
  4610. padding-left: 0;
  4611. }
  4612. .td-post-content ol,
  4613. .mce-content-body ol,
  4614. .comment-content ol {
  4615. list-style-position: inside;
  4616. margin-bottom: 24px;
  4617. }
  4618. .td-post-content ol li,
  4619. .mce-content-body ol li,
  4620. .comment-content ol li {
  4621. list-style-type: decimal;
  4622. margin: 0 0 0 21px;
  4623. }
  4624. .td-post-content ol ul,
  4625. .mce-content-body ol ul,
  4626. .comment-content ol ul {
  4627. margin-bottom: 0;
  4628. padding-left: 0;
  4629. }
  4630. .td-post-content ol ul > li,
  4631. .mce-content-body ol ul > li,
  4632. .comment-content ol ul > li {
  4633. list-style-type: none;
  4634. }
  4635. .td-post-content ol ol,
  4636. .mce-content-body ol ol,
  4637. .comment-content ol ol {
  4638. padding-left: 0;
  4639. margin-bottom: 0;
  4640. }
  4641. .td-post-content .td-arrow-list li:before,
  4642. .mce-content-body .td-arrow-list li:before,
  4643. .comment-content .td-arrow-list li:before {
  4644. font-family: 'newsmag', sans-serif;
  4645. content: '\e803';
  4646. float: left;
  4647. margin-left: -19px;
  4648. line-height: 24px;
  4649. font-size: 14px;
  4650. }
  4651. .td-post-content .td-arrow-list,
  4652. .mce-content-body .td-arrow-list,
  4653. .comment-content .td-arrow-list {
  4654. margin-left: 21px;
  4655. list-style: none;
  4656. }
  4657. /* ----------------------------------------------------------------------------
  4658. quote
  4659. */
  4660. .td-page-content blockquote,
  4661. .td-post-content blockquote,
  4662. .mce-content-body blockquote,
  4663. .comment-content blockquote {
  4664. padding: 0px;
  4665. position: relative;
  4666. border-left: none;
  4667. margin: 42px 0 38px 0;
  4668. }
  4669. .td-page-content blockquote p,
  4670. .td-post-content blockquote p,
  4671. .mce-content-body blockquote p,
  4672. .comment-content blockquote p {
  4673. font-family: 'Roboto Condensed', sans-serif;
  4674. font-size: 30px;
  4675. line-height: 40px;
  4676. font-weight: normal;
  4677. font-style: italic;
  4678. text-align: center;
  4679. text-transform: uppercase;
  4680. color: #4db2ec;
  4681. }
  4682. blockquote small {
  4683. margin-top: 5px;
  4684. display: block;
  4685. font-size: 13px;
  4686. font-style: italic;
  4687. font-weight: normal;
  4688. text-transform: none;
  4689. color: #444444;
  4690. }
  4691. /* ----------------------------------------------------------------------------
  4692. h
  4693. */
  4694. h1,
  4695. h2,
  4696. h3,
  4697. h4,
  4698. h5,
  4699. h6 {
  4700. font-family: 'Open Sans', arial, sans-serif;
  4701. color: #222222;
  4702. font-weight: 400;
  4703. margin: 6px 0px 6px 0px;
  4704. }
  4705. h1 {
  4706. font-size: 32px;
  4707. line-height: 40px;
  4708. margin-top: 33px;
  4709. margin-bottom: 23px;
  4710. letter-spacing: -0.02em;
  4711. }
  4712. h2 {
  4713. font-size: 27px;
  4714. line-height: 38px;
  4715. margin-top: 30px;
  4716. margin-bottom: 20px;
  4717. letter-spacing: -0.02em;
  4718. }
  4719. h3 {
  4720. font-size: 22px;
  4721. line-height: 30px;
  4722. margin-top: 27px;
  4723. margin-bottom: 17px;
  4724. }
  4725. h4 {
  4726. font-size: 19px;
  4727. line-height: 29px;
  4728. margin-top: 24px;
  4729. margin-bottom: 14px;
  4730. }
  4731. h5 {
  4732. font-size: 17px;
  4733. line-height: 25px;
  4734. margin-top: 21px;
  4735. margin-bottom: 11px;
  4736. }
  4737. h6 {
  4738. font-size: 16px;
  4739. line-height: 24px;
  4740. margin-top: 21px;
  4741. margin-bottom: 11px;
  4742. }
  4743. .td-post-content h1:first-child,
  4744. .td-post-content h2:first-child,
  4745. .td-post-content h3:first-child,
  4746. .td-post-content h4:first-child,
  4747. .td-post-content h5:first-child,
  4748. .td-post-content h6:first-child {
  4749. margin-top: 4px;
  4750. }
  4751. /* ----------------------------------------------------------------------------
  4752. text and Images align
  4753. */
  4754. .td-post-content img,
  4755. .mce-content-body img {
  4756. margin-bottom: 21px;
  4757. }
  4758. .td-post-content figure img,
  4759. .mce-content-body figure img {
  4760. margin-bottom: 0px;
  4761. }
  4762. /* ----------------------------------------------------------------------------
  4763. text and Images align
  4764. */
  4765. .alignnone {
  4766. margin-top: 0px;
  4767. }
  4768. .aligncenter {
  4769. text-align: center;
  4770. clear: both;
  4771. display: block;
  4772. margin-left: auto;
  4773. margin-right: auto;
  4774. margin-top: 6px;
  4775. margin-bottom: 6px;
  4776. }
  4777. /* ----------------------------------------------------------------------------
  4778. align left
  4779. */
  4780. .alignleft:not(.td-post-image-left) {
  4781. float: left;
  4782. margin-right: 21px;
  4783. margin-top: 6px;
  4784. margin-bottom: 6px;
  4785. /* responsive portrait tablet */
  4786. /* responsive portrait phone - just a bit, after 500px we make it non float */
  4787. /* responsive phone CUSTOM - align the image on center */
  4788. }
  4789. @media (min-width: 768px) and (max-width: 1023px) {
  4790. .alignleft:not(.td-post-image-left) {
  4791. max-width: 220px !important;
  4792. }
  4793. }
  4794. @media (max-width: 767px) {
  4795. .alignleft:not(.td-post-image-left) {
  4796. max-width: 220px !important;
  4797. }
  4798. }
  4799. @media (max-width: 500px) {
  4800. .alignleft:not(.td-post-image-left) {
  4801. float: none;
  4802. text-align: center;
  4803. margin-left: auto;
  4804. margin-right: auto;
  4805. max-width: 100% !important;
  4806. margin-bottom: 21px;
  4807. }
  4808. .alignleft:not(.td-post-image-left) img {
  4809. text-align: center;
  4810. margin-left: auto;
  4811. margin-right: auto;
  4812. }
  4813. .alignleft:not(.td-post-image-left) figcaption {
  4814. text-align: center;
  4815. }
  4816. }
  4817. .td-pb-span12,
  4818. .mceContentBody-max-width-big {
  4819. /* responsive portrait tablet */
  4820. }
  4821. @media (min-width: 768px) and (max-width: 1023px) {
  4822. .td-pb-span12 .alignleft:not(.td-post-image-left),
  4823. .mceContentBody-max-width-big .alignleft:not(.td-post-image-left) {
  4824. max-width: 400px !important;
  4825. }
  4826. }
  4827. /* ----------------------------------------------------------------------------
  4828. align right
  4829. */
  4830. .alignright:not(.td-post-image-right) {
  4831. float: right;
  4832. margin-left: 21px;
  4833. margin-top: 6px;
  4834. margin-bottom: 6px;
  4835. /* responsive portrait tablet */
  4836. /* responsive portrait phone */
  4837. /* responsive phone CUSTOM */
  4838. }
  4839. @media (min-width: 768px) and (max-width: 1023px) {
  4840. .alignright:not(.td-post-image-right) {
  4841. max-width: 220px !important;
  4842. }
  4843. }
  4844. @media (max-width: 767px) {
  4845. .alignright:not(.td-post-image-right) {
  4846. max-width: 220px !important;
  4847. }
  4848. }
  4849. @media (max-width: 500px) {
  4850. .alignright:not(.td-post-image-right) {
  4851. float: none;
  4852. text-align: center;
  4853. margin-left: auto;
  4854. margin-right: auto;
  4855. max-width: 100% !important;
  4856. margin-bottom: 21px;
  4857. }
  4858. .alignright:not(.td-post-image-right) img {
  4859. text-align: center;
  4860. margin-left: auto;
  4861. margin-right: auto;
  4862. }
  4863. .alignright:not(.td-post-image-right) figcaption {
  4864. text-align: center;
  4865. }
  4866. }
  4867. .td-pb-span12,
  4868. .mceContentBody-max-width-big {
  4869. /* responsive portrait tablet */
  4870. }
  4871. @media (min-width: 768px) and (max-width: 1023px) {
  4872. .td-pb-span12 .alignright:not(.td-post-image-left),
  4873. .mceContentBody-max-width-big .alignright:not(.td-post-image-left) {
  4874. max-width: 400px !important;
  4875. }
  4876. }
  4877. figure.alignright,
  4878. figure.alignleft,
  4879. figure.aligncenter {
  4880. margin-bottom: 0px;
  4881. }
  4882. .alignnone img,
  4883. .aligncenter img {
  4884. width: 100%;
  4885. }
  4886. img.wp-smiley {
  4887. width: auto;
  4888. }
  4889. /* ----------------------------------------------------------------------------
  4890. caption
  4891. */
  4892. .wp-caption-text,
  4893. .wp-caption-dd {
  4894. font-family: Verdana, Geneva, sans-serif;
  4895. text-align: right;
  4896. margin: 4px 0px 17px 0px;
  4897. font-size: 11px;
  4898. font-style: italic;
  4899. font-weight: normal;
  4900. line-height: 17px;
  4901. color: #444444;
  4902. z-index: 1;
  4903. }
  4904. .wp-caption {
  4905. text-align: center;
  4906. max-width: 100% !important;
  4907. }
  4908. .wp-caption img {
  4909. max-width: 100% !important;
  4910. }
  4911. /* ----------------------------------------------------------------------------
  4912. table
  4913. */
  4914. table {
  4915. width: 100%;
  4916. }
  4917. table th {
  4918. text-align: left;
  4919. border: 1px solid #e6e6e6;
  4920. padding: 2px 8px;
  4921. }
  4922. table td {
  4923. border: 1px solid #e6e6e6;
  4924. padding: 2px 8px;
  4925. }
  4926. table .odd td {
  4927. background-color: #fcfcfc;
  4928. }
  4929. address {
  4930. font-size: inherit !important;
  4931. line-height: inherit !important;
  4932. margin-bottom: 21px;
  4933. }
  4934. big {
  4935. text-transform: uppercase;
  4936. }
  4937. /* Post content */
  4938. .post {
  4939. font-family: Verdana, Geneva, sans-serif;
  4940. font-size: 12px;
  4941. line-height: 21px;
  4942. color: #444444;
  4943. }
  4944. /* Forms, textarea */
  4945. textarea {
  4946. font-family: Verdana, Geneva, sans-serif;
  4947. font-size: 12px;
  4948. line-height: 21px;
  4949. color: #444444;
  4950. border: 1px solid #e6e6e6;
  4951. width: 100%;
  4952. max-width: 100%;
  4953. height: 168px;
  4954. min-height: 168px;
  4955. padding: 6px 9px 6px 9px;
  4956. }
  4957. textarea:active,
  4958. textarea:focus {
  4959. border-color: #cccccc;
  4960. }
  4961. textarea:focus,
  4962. input:focus,
  4963. input[type]:focus {
  4964. outline: 0 none;
  4965. }
  4966. /* Input buttons */
  4967. input[type=submit] {
  4968. font-family: 'Open Sans', arial, sans-serif;
  4969. font-size: 11px;
  4970. font-weight: bold;
  4971. line-height: 16px;
  4972. background-color: #222222;
  4973. border-radius: 3px;
  4974. color: #ffffff;
  4975. border: none;
  4976. padding: 8px 15px 8px 15px;
  4977. }
  4978. input[type=submit]:hover {
  4979. background-color: #4db2ec;
  4980. }
  4981. input[type=text] {
  4982. font-family: Verdana, Geneva, sans-serif;
  4983. font-size: 12px;
  4984. line-height: 21px;
  4985. color: #444444;
  4986. border: 1px solid #e6e6e6;
  4987. width: 100%;
  4988. max-width: 100%;
  4989. height: 34px;
  4990. padding: 3px 9px 3px 9px;
  4991. }
  4992. input[type=text]:active,
  4993. input[type=text]:focus {
  4994. border-color: #cccccc;
  4995. }
  4996. /* ----------------------------------------------------------------------------
  4997. embed
  4998. */
  4999. embed {
  5000. width: 100%;
  5001. }
  5002. .videopress-placeholder {
  5003. width: 100% !important;
  5004. }
  5005. .videopress-poster {
  5006. height: auto !important;
  5007. width: 100% !important;
  5008. }
  5009. .video-player {
  5010. width: 100% !important;
  5011. }
  5012. /* ----------------------------------------------------------------------------
  5013. custom post padding
  5014. */
  5015. .td-paragraph-padding-0 {
  5016. display: inline-block;
  5017. padding-left: 0%;
  5018. padding-right: 11%;
  5019. }
  5020. .td-paragraph-padding-1 {
  5021. display: inline-block;
  5022. padding-left: 11%;
  5023. padding-right: 11%;
  5024. }
  5025. .td-paragraph-padding-2 {
  5026. display: inline-block;
  5027. padding-left: 17.5%;
  5028. padding-right: 17.5%;
  5029. }
  5030. .td-paragraph-padding-3 {
  5031. display: inline-block;
  5032. padding-left: 11%;
  5033. padding-right: 17.5%;
  5034. }
  5035. .td-paragraph-padding-4 {
  5036. display: inline-block;
  5037. padding-left: 11%;
  5038. padding-right: 0%;
  5039. }
  5040. .td-paragraph-padding-5 {
  5041. display: inline-block;
  5042. padding-left: 22.5%;
  5043. padding-right: 22.5%;
  5044. }
  5045. .td-paragraph-padding-6 {
  5046. display: inline-block;
  5047. padding-left: 17.5%;
  5048. padding-right: 11%;
  5049. }
  5050. .td-pb-span8 .td-paragraph-padding-0,
  5051. .td-pb-span8 .td-paragraph-padding-0,
  5052. .mceContentBody-max-width-small .td-paragraph-padding-0 {
  5053. padding-right: 3%;
  5054. }
  5055. .td-pb-span8 .td-paragraph-padding-1,
  5056. .td-pb-span8 .td-paragraph-padding-1,
  5057. .mceContentBody-max-width-small .td-paragraph-padding-1 {
  5058. padding-left: 3%;
  5059. padding-right: 3%;
  5060. }
  5061. .td-pb-span8 .td-paragraph-padding-2,
  5062. .td-pb-span8 .td-paragraph-padding-2,
  5063. .mceContentBody-max-width-small .td-paragraph-padding-2 {
  5064. padding-left: 8.5%;
  5065. padding-right: 8.5%;
  5066. }
  5067. .td-pb-span8 .td-paragraph-padding-3,
  5068. .td-pb-span8 .td-paragraph-padding-3,
  5069. .mceContentBody-max-width-small .td-paragraph-padding-3 {
  5070. display: inline-block;
  5071. padding-left: 3%;
  5072. padding-right: 8.5%;
  5073. }
  5074. .td-pb-span8 .td-paragraph-padding-4,
  5075. .td-pb-span8 .td-paragraph-padding-4,
  5076. .mceContentBody-max-width-small .td-paragraph-padding-4 {
  5077. padding-left: 3%;
  5078. }
  5079. .td-pb-span8 .td-paragraph-padding-5,
  5080. .td-pb-span8 .td-paragraph-padding-5,
  5081. .mceContentBody-max-width-small .td-paragraph-padding-5 {
  5082. display: inline-block;
  5083. padding-left: 10.5%;
  5084. padding-right: 10.5%;
  5085. }
  5086. .td-pb-span8 .td-paragraph-padding-6,
  5087. .td-pb-span8 .td-paragraph-padding-6,
  5088. .mceContentBody-max-width-small .td-paragraph-padding-6 {
  5089. display: inline-block;
  5090. padding-left: 8.5%;
  5091. padding-right: 3%;
  5092. }
  5093. /* responsive phone */
  5094. @media (max-width: 500px) {
  5095. .td-paragraph-padding-0,
  5096. .td-paragraph-padding-1,
  5097. .td-paragraph-padding-2,
  5098. .td-paragraph-padding-3,
  5099. .td-paragraph-padding-4,
  5100. .td-paragraph-padding-5,
  5101. .td-paragraph-padding-6 {
  5102. padding-left: 10px !important;
  5103. padding-right: 10px !important;
  5104. display: block;
  5105. }
  5106. }
  5107. /* ----------------------------------------------------------------------------
  5108. tagDiv image styles
  5109. the .td-post-image-lef is moved:
  5110. - from image to link
  5111. or
  5112. - from image to figure
  5113.  
  5114. */
  5115. /* ----------------------------------------------------------------------------
  5116. td image left
  5117. */
  5118. .td-post-image-left {
  5119. float: left;
  5120. position: relative;
  5121. left: -21px;
  5122. /* responsive portrait tablet */
  5123. /* responsive portrait phone */
  5124. /* responsive phone CUSTOM - align the image on center */
  5125. }
  5126. .td-post-image-left figcaption {
  5127. padding-left: 20px;
  5128. }
  5129. @media (min-width: 768px) and (max-width: 1023px) {
  5130. .td-post-image-left {
  5131. left: -18px;
  5132. max-width: 220px !important;
  5133. }
  5134. .td-post-image-left figcaption {
  5135. padding-left: 17px;
  5136. }
  5137. }
  5138. @media (max-width: 767px) {
  5139. .td-post-image-left {
  5140. max-width: 220px !important;
  5141. left: 0px;
  5142. margin-right: 21px;
  5143. }
  5144. .td-post-image-left figcaption {
  5145. padding-right: 0px;
  5146. }
  5147. }
  5148. @media (max-width: 500px) {
  5149. .td-post-image-left {
  5150. float: none;
  5151. text-align: center;
  5152. margin-left: auto;
  5153. margin-right: auto;
  5154. max-width: 100% !important;
  5155. }
  5156. }
  5157. /* ----------------------------------------------------------------------------
  5158. td image right
  5159. */
  5160. .td-post-image-right {
  5161. float: right;
  5162. position: relative;
  5163. right: -20px;
  5164. z-index: 1;
  5165. }
  5166. .td-post-image-right figcaption {
  5167. padding-right: 20px;
  5168. }
  5169. /* responsive portrait tablet */
  5170. @media (min-width: 768px) and (max-width: 1023px) {
  5171. .td-post-image-right {
  5172. right: -18px;
  5173. max-width: 220px !important;
  5174. }
  5175. .td-post-image-right figcaption {
  5176. padding-right: 17px;
  5177. }
  5178. }
  5179. /* responsive portrait phone */
  5180. @media (max-width: 767px) {
  5181. .td-post-image-right {
  5182. right: 0px;
  5183. margin-left: 21px;
  5184. max-width: 220px !important;
  5185. }
  5186. .td-post-image-right figcaption {
  5187. padding-right: 0px;
  5188. }
  5189. }
  5190. /* responsive phone CUSTOM - align the image on center */
  5191. @media (max-width: 500px) {
  5192. .td-post-image-right {
  5193. float: none;
  5194. text-align: center;
  5195. margin-left: auto;
  5196. margin-right: auto;
  5197. max-width: 100% !important;
  5198. }
  5199. }
  5200. /* ----------------------------------------------------------------------------
  5201. td image full width
  5202. */
  5203. .td-post-image-full {
  5204. position: relative;
  5205. left: -21px;
  5206. max-width: none !important;
  5207. width: 681px !important;
  5208. z-index: 1;
  5209. }
  5210. .td-post-image-full figcaption {
  5211. padding-right: 20px;
  5212. padding-left: 20px;
  5213. }
  5214. /* responsive portrait tablet */
  5215. @media (min-width: 768px) and (max-width: 1023px) {
  5216. .td-post-image-full {
  5217. left: -18px;
  5218. width: 505px !important;
  5219. }
  5220. .td-post-image-full figcaption {
  5221. padding-right: 17px;
  5222. padding-left: 17px;
  5223. }
  5224. }
  5225. /* responsive portrait phone */
  5226. @media (max-width: 767px) {
  5227. .td-post-image-full {
  5228. left: 0px;
  5229. width: 100% !important;
  5230. max-width: 100% !important;
  5231. }
  5232. .td-post-image-full figcaption {
  5233. padding-right: 0px;
  5234. padding-left: 0px;
  5235. }
  5236. }
  5237. .td-pb-span12 .td-post-image-full,
  5238. .mceContentBody-max-width-big .td-post-image-full {
  5239. width: 1021px !important;
  5240. }
  5241. @media (min-width: 768px) and (max-width: 1023px) {
  5242. .td-pb-span12 .td-post-image-full,
  5243. .mceContentBody-max-width-big .td-post-image-full {
  5244. width: 756px !important;
  5245. }
  5246. }
  5247. /* ----------------------------------------------------------------------------
  5248. td image full width -and-grid
  5249. */
  5250. .td-post-image-full-and-grid {
  5251. position: relative;
  5252. left: -20px;
  5253. max-width: none !important;
  5254. width: 679px !important;
  5255. z-index: 1;
  5256. }
  5257. .td-post-image-full-and-grid figcaption {
  5258. padding-right: 20px;
  5259. padding-left: 20px;
  5260. }
  5261. /* responsive portrait tablet */
  5262. @media (min-width: 768px) and (max-width: 1023px) {
  5263. .td-post-image-full-and-grid {
  5264. left: -17px;
  5265. width: 503px !important;
  5266. }
  5267. .td-post-image-full-and-grid figcaption {
  5268. padding-right: 17px;
  5269. padding-left: 17px;
  5270. }
  5271. }
  5272. /* responsive portrait phone */
  5273. @media (max-width: 767px) {
  5274. .td-post-image-full-and-grid {
  5275. left: 0px;
  5276. width: 100% !important;
  5277. max-width: 100% !important;
  5278. }
  5279. .td-post-image-full-and-grid figcaption {
  5280. padding-right: 0px;
  5281. padding-left: 0px;
  5282. }
  5283. }
  5284. .td-pb-span12 .td-post-image-full-and-grid,
  5285. .mceContentBody-max-width-big .td-post-image-full-and-grid {
  5286. width: 1019px !important;
  5287. }
  5288. @media (min-width: 768px) and (max-width: 1023px) {
  5289. .td-pb-span12 .td-post-image-full-and-grid,
  5290. .mceContentBody-max-width-big .td-post-image-full-and-grid {
  5291. width: 754px !important;
  5292. }
  5293. }
  5294. /* ----------------------------------------------------------------------------
  5295. Post grid padding
  5296. */
  5297. .td-post-header {
  5298. padding-top: 20px;
  5299. /* responsive portrait tablet */
  5300. /* responsive portrait phone */
  5301. }
  5302. @media (min-width: 768px) and (max-width: 1023px) {
  5303. .td-post-header {
  5304. padding-top: 17px;
  5305. }
  5306. }
  5307. @media (max-width: 767px) {
  5308. .td-post-header {
  5309. padding-top: 15px;
  5310. }
  5311. }
  5312. .td-post-border-top {
  5313. border-top: 1px solid #e6e6e6;
  5314. }
  5315. /* ----------------------------------------------------------------------------
  5316. Breadcrumbs
  5317. */
  5318. .entry-crumbs {
  5319. font-family: 'Open Sans', arial, sans-serif;
  5320. font-size: 10px;
  5321. line-height: 15px;
  5322. color: #c3c3c3;
  5323. position: relative;
  5324. top: -5px;
  5325. }
  5326. .entry-crumbs a {
  5327. color: #c3c3c3;
  5328. }
  5329. .entry-crumbs a:hover {
  5330. color: #777777;
  5331. }
  5332. .entry-crumbs .td-bread-sep {
  5333. font-size: 8px;
  5334. margin: 0 5px 0 5px;
  5335. }
  5336. /* ----------------------------------------------------------------------------
  5337. Category
  5338. */
  5339. .td-category {
  5340. margin: 0px;
  5341. padding: 0px;
  5342. list-style: none;
  5343. font-family: 'Open Sans', arial, sans-serif;
  5344. font-size: 9px;
  5345. font-weight: 700;
  5346. text-transform: uppercase;
  5347. line-height: 15px;
  5348. }
  5349. .td-category li {
  5350. display: inline-block;
  5351. line-height: 15px;
  5352. margin: 0px 10px 3px 0px;
  5353. }
  5354. .td-category a {
  5355. color: #ffffff;
  5356. background-color: #4db2ec;
  5357. padding: 1px 7px 1px 7px;
  5358. border-radius: 3px;
  5359. white-space: nowrap;
  5360. }
  5361. .td-category a:hover {
  5362. opacity: 0.9;
  5363. }
  5364. /* ----------------------------------------------------------------------------
  5365. Post title
  5366. */
  5367. .post footer {
  5368. clear: both;
  5369. }
  5370. .post p {
  5371. /* responsive portrait phone */
  5372. }
  5373. @media (max-width: 767px) {
  5374. .post p {
  5375. padding-left: 0px !important;
  5376. padding-right: 0px !important;
  5377. }
  5378. }
  5379. .post header h1 {
  5380. font-family: 'Open Sans', arial, sans-serif;
  5381. font-weight: 400;
  5382. font-size: 32px;
  5383. line-height: 40px;
  5384. color: #222222;
  5385. margin: 6px 0px 7px 0px;
  5386. word-wrap: break-word;
  5387. /* responsive portrait phone */
  5388. }
  5389. @media (max-width: 767px) {
  5390. .post header h1 {
  5391. font-size: 28px;
  5392. line-height: 36px;
  5393. }
  5394. }
  5395. /* ----------------------------------------------------------------------------
  5396. Subtitle
  5397. */
  5398. .td-post-sub-title {
  5399. font-family: 'Open Sans', arial, sans-serif;
  5400. font-size: 13px;
  5401. font-style: italic;
  5402. line-height: 22px;
  5403. color: #999999;
  5404. padding: 5px 0px 8px 0px;
  5405. margin: 13px 0px 13px 0px;
  5406. border-bottom: 1px dashed #f1f1f1;
  5407. border-top: 1px dashed #f1f1f1;
  5408. /* responsive portrait tablet */
  5409. /* responsive portrait phone */
  5410. }
  5411. @media (min-width: 768px) and (max-width: 1023px) {
  5412. .td-post-sub-title {
  5413. margin: 11px 0px 11px 0px;
  5414. }
  5415. }
  5416. @media (max-width: 767px) {
  5417. .td-post-sub-title {
  5418. margin: 8px 0px 8px 0px;
  5419. }
  5420. }
  5421. /* ----------------------------------------------------------------------------
  5422. Author - Date - Comments - Count views
  5423. */
  5424. .bypostauthor {
  5425. line-height: 1;
  5426. }
  5427. .meta-info {
  5428. font-family: 'Open Sans', arial, sans-serif;
  5429. font-size: 11px;
  5430. color: #444444;
  5431. line-height: 16px;
  5432. font-style: italic;
  5433. margin-bottom: 15px;
  5434. /* responsive portrait tablet */
  5435. /* responsive portrait phone */
  5436. }
  5437. @media (min-width: 768px) and (max-width: 1023px) {
  5438. .meta-info {
  5439. margin-bottom: 12px;
  5440. }
  5441. }
  5442. @media (max-width: 767px) {
  5443. .meta-info {
  5444. margin-bottom: 10px;
  5445. }
  5446. }
  5447. .td-post-author-name {
  5448. display: inline-block;
  5449. margin-right: 3px;
  5450. }
  5451. .td-post-author-name a {
  5452. color: #222222;
  5453. font-weight: 700;
  5454. font-style: italic;
  5455. }
  5456. .td-post-author-name a:hover {
  5457. color: #222222;
  5458. text-decoration: none !important;
  5459. }
  5460. .td-post-author-name span {
  5461. margin-left: 3px;
  5462. }
  5463. .td-post-date {
  5464. display: inline-block;
  5465. margin-right: 3px;
  5466. }
  5467. .td-post-views {
  5468. display: inline-block;
  5469. margin-left: 9px;
  5470. }
  5471. .td-post-views i {
  5472. margin: 0px 5px 0px 5px;
  5473. font-size: 13px;
  5474. position: relative;
  5475. top: 1px;
  5476. }
  5477. .td-post-comments {
  5478. display: inline-block;
  5479. margin-left: 9px;
  5480. }
  5481. .td-post-comments a {
  5482. color: #444444;
  5483. }
  5484. .td-post-comments a:hover {
  5485. text-decoration: none !important;
  5486. }
  5487. .td-post-comments i {
  5488. margin: 0px 8px 0px 8px;
  5489. font-size: 9px;
  5490. }
  5491. /* ----------------------------------------------------------------------------
  5492. Sharing
  5493. */
  5494. .td-post-sharing {
  5495. font-family: 'Open Sans', arial, sans-serif;
  5496. font-size: 14px;
  5497. color: #222222;
  5498. font-weight: 700;
  5499. line-height: 10px;
  5500. border-top: 1px solid #e6e6e6;
  5501. }
  5502. .td-post-sharing a {
  5503. display: inline-block;
  5504. }
  5505. .td-default-sharing {
  5506. display: inline-block;
  5507. vertical-align: middle;
  5508. margin: 10px 0px 10px 0px;
  5509. }
  5510. .td-social-sharing-buttons {
  5511. font-size: 11px;
  5512. color: #ffffff;
  5513. height: 32px;
  5514. border-radius: 3px;
  5515. margin-right: 6px;
  5516. }
  5517. .td-social-sharing-buttons:hover {
  5518. color: #ffffff;
  5519. opacity: 0.9;
  5520. }
  5521. .td-social-sharing-buttons div {
  5522. display: inline-block;
  5523. }
  5524. .td-social-facebook {
  5525. background-color: #516eab;
  5526. }
  5527. .td-social-twitter {
  5528. background-color: #29c5f6;
  5529. }
  5530. .td-social-twitter .td-social-but-text {
  5531. border-left: 1px solid rgba(255, 255, 255, 0.25);
  5532. }
  5533. .td-social-google {
  5534. background-color: #eb4026;
  5535. }
  5536. .td-social-pinterest {
  5537. background-color: #ca212a;
  5538. }
  5539. .td-social-but-text {
  5540. position: relative;
  5541. top: -12px;
  5542. padding: 0px 9px 0px 9px;
  5543. border-left: 1px solid rgba(255, 255, 255, 0.1);
  5544. }
  5545. .td-with-like .td-social-but-text {
  5546. /* responsive portrait tablet */
  5547. }
  5548. @media (min-width: 768px) and (max-width: 1023px) {
  5549. .td-with-like .td-social-but-text {
  5550. display: none;
  5551. }
  5552. }
  5553. .td-classic-sharing {
  5554. display: inline-block;
  5555. vertical-align: middle;
  5556. margin: 16px 0px 15px 0px;
  5557. /* responsive portrait phone */
  5558. }
  5559. @media (max-width: 767px) {
  5560. .td-classic-sharing {
  5561. display: block;
  5562. margin: 0px;
  5563. }
  5564. }
  5565. .td-classic-sharing ul {
  5566. margin: 0px;
  5567. padding: 0px;
  5568. }
  5569. .td-classic-sharing li {
  5570. list-style: none;
  5571. display: inline-block;
  5572. height: 20px;
  5573. /* responsive portrait phone */
  5574. }
  5575. @media (max-width: 767px) {
  5576. .td-classic-sharing li {
  5577. margin-left: 0px;
  5578. height: auto;
  5579. }
  5580. }
  5581. .td-classic-facebook {
  5582. margin-left: 4px;
  5583. }
  5584. .td-classic-twitter {
  5585. position: relative;
  5586. top: -1px;
  5587. left: 2px;
  5588. }
  5589. .td-classic-twitter .twitter-share-button {
  5590. margin: 0px !important;
  5591. }
  5592. .td-post-share-title {
  5593. position: relative;
  5594. margin-right: 20px;
  5595. vertical-align: middle;
  5596. /* responsive portrait phone */
  5597. }
  5598. @media (max-width: 767px) {
  5599. .td-post-share-title {
  5600. display: none;
  5601. }
  5602. }
  5603. /* ----------------------------------------------------------------------------
  5604. Featured image
  5605. */
  5606. .td-post-content {
  5607. padding-top: 20px;
  5608. border-top: 1px solid #e6e6e6;
  5609. /* responsive portrait tablet */
  5610. /* responsive portrait phone */
  5611. }
  5612. @media (min-width: 768px) and (max-width: 1023px) {
  5613. .td-post-content {
  5614. padding-top: 17px;
  5615. }
  5616. }
  5617. @media (max-width: 767px) {
  5618. .td-post-content {
  5619. padding-top: 10px;
  5620. }
  5621. }
  5622. .td-post-content .td-module-thumb {
  5623. margin-bottom: 22px;
  5624. }
  5625. .td-modal-image img {
  5626. margin-bottom: 21px;
  5627. }
  5628. /* ----------------------------------------------------------------------------
  5629. Source and Via
  5630. */
  5631. .td-post-source-via {
  5632. font-family: 'Open Sans', arial, sans-serif;
  5633. line-height: 21px;
  5634. font-size: 9px;
  5635. font-weight: 700;
  5636. text-transform: uppercase;
  5637. font-style: normal;
  5638. }
  5639. .td-post-small-box {
  5640. height: 15px;
  5641. line-height: 15px;
  5642. margin-bottom: 3px;
  5643. }
  5644. .td-post-small-box span {
  5645. background-color: #444444;
  5646. padding: 1px 7px 1px 7px;
  5647. color: #ffffff;
  5648. }
  5649. .td-post-small-box a {
  5650. background-color: #a5a5a5;
  5651. margin: 0px 0px 0px 3px;
  5652. padding: 1px 7px 1px 7px;
  5653. color: #ffffff;
  5654. }
  5655. .td-post-small-box a:hover {
  5656. text-decoration: none !important;
  5657. background-color: #4db2ec;
  5658. color: #ffffff;
  5659. }
  5660. /* ----------------------------------------------------------------------------
  5661. Tags
  5662. */
  5663. .td-post-source-tags {
  5664. margin: 15px 0px 18px 0px;
  5665. /* responsive portrait tablet */
  5666. /* responsive portrait phone */
  5667. }
  5668. @media (min-width: 768px) and (max-width: 1023px) {
  5669. .td-post-source-tags {
  5670. margin: 11px 0px 14px 0px;
  5671. }
  5672. }
  5673. @media (max-width: 767px) {
  5674. .td-post-source-tags {
  5675. margin: 5px 0px 8px 0px;
  5676. }
  5677. }
  5678. .td-tags {
  5679. font-family: 'Open Sans', arial, sans-serif;
  5680. font-size: 9px;
  5681. font-weight: 700;
  5682. text-transform: uppercase;
  5683. font-style: normal;
  5684. margin: 0px;
  5685. padding: 0px;
  5686. height: 15px;
  5687. line-height: 15px;
  5688. display: table;
  5689. }
  5690. .td-tags li {
  5691. list-style: none;
  5692. display: inline-block;
  5693. height: 15px;
  5694. line-height: 15px;
  5695. margin: 0px 0px 3px 0px;
  5696. }
  5697. .td-tags a {
  5698. margin: 0px 3px 0px 0px;
  5699. }
  5700. .td-tags span {
  5701. margin-right: 3px;
  5702. }
  5703. /* ----------------------------------------------------------------------------
  5704. Next / Prev article
  5705. */
  5706. .td-post-next-prev {
  5707. border-top: 1px solid #e6e6e6;
  5708. position: relative;
  5709. }
  5710. .td-post-next-prev .td-block-span6 {
  5711. /* responsive portrait phone */
  5712. }
  5713. @media (max-width: 767px) {
  5714. .td-post-next-prev .td-block-span6 {
  5715. width: 50% !important;
  5716. padding: 0px 10px 0px 10px !important;
  5717. }
  5718. }
  5719. .td-next-prev-separator {
  5720. position: absolute;
  5721. width: 1px;
  5722. height: 100%;
  5723. background-color: #e6e6e6;
  5724. display: block;
  5725. left: 50%;
  5726. }
  5727. .td-post-prev-post,
  5728. .td-post-next-post {
  5729. position: relative;
  5730. }
  5731. .td-post-prev-post a:hover,
  5732. .td-post-next-post a:hover {
  5733. color: #4db2ec;
  5734. }
  5735. .td-post-next-post {
  5736. text-align: right;
  5737. }
  5738. .td-block-span6.td-post-prev-post {
  5739. width: 50% !important;
  5740. padding: 0px 20px 0px 20px !important;
  5741. /* responsive portrait tablet */
  5742. /* responsive portrait phone */
  5743. }
  5744. @media (min-width: 768px) and (max-width: 1023px) {
  5745. .td-block-span6.td-post-prev-post {
  5746. padding: 0px 17px 0px 17px !important;
  5747. }
  5748. }
  5749. @media (max-width: 767px) {
  5750. .td-block-span6.td-post-prev-post {
  5751. padding: 0px 10px 0px 10px !important;
  5752. }
  5753. }
  5754. .td-block-span6.td-post-next-post {
  5755. width: 50% !important;
  5756. padding: 0px 20px 0px 20px !important;
  5757. /* responsive portrait tablet */
  5758. /* responsive portrait phone */
  5759. }
  5760. @media (min-width: 768px) and (max-width: 1023px) {
  5761. .td-block-span6.td-post-next-post {
  5762. padding: 0px 17px 0px 17px !important;
  5763. }
  5764. }
  5765. @media (max-width: 767px) {
  5766. .td-block-span6.td-post-next-post {
  5767. padding: 0px 10px 0px 10px !important;
  5768. }
  5769. }
  5770. .td-post-next-prev-content {
  5771. display: inline-block;
  5772. font-family: 'Open Sans', arial, sans-serif;
  5773. }
  5774. .td-post-next-prev-content span {
  5775. display: block;
  5776. font-size: 12px;
  5777. color: #c1c1c1;
  5778. font-weight: 600;
  5779. margin: 33px 0px 6px 0px;
  5780. /* responsive portrait tablet */
  5781. /* responsive portrait phone */
  5782. }
  5783. @media (min-width: 768px) and (max-width: 1023px) {
  5784. .td-post-next-prev-content span {
  5785. margin-top: 29px;
  5786. }
  5787. }
  5788. @media (max-width: 767px) {
  5789. .td-post-next-prev-content span {
  5790. margin-top: 19px;
  5791. }
  5792. }
  5793. .td-post-next-prev-content a {
  5794. display: block;
  5795. font-size: 15px;
  5796. color: #222222;
  5797. font-weight: bold;
  5798. line-height: 21px;
  5799. margin-bottom: 38px;
  5800. /* responsive portrait tablet */
  5801. /* responsive portrait phone */
  5802. }
  5803. @media (min-width: 768px) and (max-width: 1023px) {
  5804. .td-post-next-prev-content a {
  5805. margin-bottom: 34px;
  5806. }
  5807. }
  5808. @media (max-width: 767px) {
  5809. .td-post-next-prev-content a {
  5810. margin-bottom: 24px;
  5811. }
  5812. }
  5813. /* ----------------------------------------------------------------------------
  5814. Author box
  5815. */
  5816. .author-box-wrap {
  5817. border-top: 1px solid #e6e6e6;
  5818. padding: 21px 19px 17px 20px;
  5819. /* responsive portrait tablet */
  5820. /* responsive portrait phone */
  5821. }
  5822. @media (min-width: 768px) and (max-width: 1023px) {
  5823. .author-box-wrap {
  5824. padding: 17px 17px 13px 17px;
  5825. }
  5826. }
  5827. @media (max-width: 767px) {
  5828. .author-box-wrap {
  5829. padding: 10px 10px 10px 10px;
  5830. }
  5831. }
  5832. .author-box-wrap .td-author-social a {
  5833. color: #444444;
  5834. }
  5835. .author-box-wrap .desc {
  5836. margin: 0px 0px 4px 120px;
  5837. /* responsive portrait phone */
  5838. }
  5839. @media (max-width: 767px) {
  5840. .author-box-wrap .desc {
  5841. margin: 0px;
  5842. text-align: center;
  5843. }
  5844. }
  5845. .author-box-wrap .avatar {
  5846. float: left;
  5847. height: 100px;
  5848. width: 100px;
  5849. /* responsive portrait phone */
  5850. }
  5851. @media (max-width: 767px) {
  5852. .author-box-wrap .avatar {
  5853. float: none;
  5854. margin-right: auto;
  5855. margin-left: auto;
  5856. margin-bottom: 9px;
  5857. }
  5858. }
  5859. .author-box-wrap .td-social-icon-wrap a {
  5860. margin-top: 9px;
  5861. /* responsive portrait phone */
  5862. }
  5863. @media (max-width: 767px) {
  5864. .author-box-wrap .td-social-icon-wrap a {
  5865. margin-top: 2px;
  5866. }
  5867. }
  5868. .td-author-name {
  5869. font-family: 'Open Sans', arial, sans-serif;
  5870. font-size: 15px;
  5871. line-height: 21px;
  5872. font-weight: bold;
  5873. margin: 6px 0px 8px 0px;
  5874. /* responsive portrait phone */
  5875. }
  5876. @media (max-width: 767px) {
  5877. .td-author-name {
  5878. margin: 0px 0px 4px 0px;
  5879. }
  5880. }
  5881. .td-author-name a {
  5882. color: #222222;
  5883. }
  5884. .td-author-name a:hover {
  5885. color: #4db2ec;
  5886. }
  5887. .td-author-url {
  5888. font-size: 11px;
  5889. font-style: italic;
  5890. line-height: 21px;
  5891. margin-bottom: 6px;
  5892. }
  5893. .td-author-url a {
  5894. color: #444444;
  5895. }
  5896. .td-author-url a:hover {
  5897. color: #4db2ec;
  5898. }
  5899. /* ----------------------------------------------------------------------------
  5900. Related / similar articles
  5901. */
  5902. .td_block_related_posts {
  5903. position: relative;
  5904. }
  5905. .td_block_related_posts .td-related-span4 {
  5906. padding-bottom: 17px;
  5907. }
  5908. .td_block_related_posts .entry-title {
  5909. margin: 0px;
  5910. line-height: 17px;
  5911. font-weight: 600;
  5912. /* responsive portrait phone */
  5913. }
  5914. @media (max-width: 767px) {
  5915. .td_block_related_posts .entry-title {
  5916. line-height: 12px;
  5917. margin-top: 4px;
  5918. }
  5919. }
  5920. .td_block_related_posts .entry-title a {
  5921. font-size: 13px;
  5922. /* responsive portrait phone */
  5923. }
  5924. @media (max-width: 767px) {
  5925. .td_block_related_posts .entry-title a {
  5926. font-size: 11px;
  5927. }
  5928. }
  5929. .td_block_related_posts .td-module-thumb {
  5930. margin-bottom: 6px;
  5931. position: relative;
  5932. /* responsive portrait phone */
  5933. }
  5934. @media (max-width: 767px) {
  5935. .td_block_related_posts .td-module-thumb {
  5936. margin-bottom: 0;
  5937. }
  5938. }
  5939. .td_block_related_posts .td-next-prev-wrap {
  5940. display: inline-block;
  5941. position: absolute;
  5942. top: 0;
  5943. right: 0;
  5944. margin: 20px 19px 0 0;
  5945. /* responsive portrait tablet */
  5946. /* responsive portrait phone */
  5947. }
  5948. @media (min-width: 768px) and (max-width: 1023px) {
  5949. .td_block_related_posts .td-next-prev-wrap {
  5950. margin: 17px 17px 0 0;
  5951. }
  5952. }
  5953. @media (max-width: 767px) {
  5954. .td_block_related_posts .td-next-prev-wrap {
  5955. display: none;
  5956. }
  5957. }
  5958. .td_block_related_posts .td-next-prev-wrap i {
  5959. line-height: 1;
  5960. }
  5961. .td_block_related_posts .td-loader-gif {
  5962. /* responsive phone */
  5963. }
  5964. @media (max-width: 767px) {
  5965. .td_block_related_posts .td-loader-gif {
  5966. top: 50%;
  5967. }
  5968. }
  5969. .td_block_related_posts .entry-thumb {
  5970. /* responsive desktop */
  5971. /* responsive portrait tablet */
  5972. }
  5973. @media (min-width: 1024px) {
  5974. .td_block_related_posts .entry-thumb {
  5975. min-height: 150px;
  5976. }
  5977. }
  5978. @media (min-width: 768px) and (max-width: 1023px) {
  5979. .td_block_related_posts .entry-thumb {
  5980. min-height: 108px;
  5981. }
  5982. }
  5983. .td-related-full-width .td-next-prev-wrap {
  5984. /* responsive portrait tablet */
  5985. }
  5986. @media (min-width: 768px) and (max-width: 1023px) {
  5987. .td-related-full-width .td-next-prev-wrap {
  5988. margin: 17px 19px 0px 0px;
  5989. }
  5990. }
  5991. /* responsive portrait phone - fix the related posts on full width layout on phones*/
  5992. @media (max-width: 767px) {
  5993. .td-related-full-width .td-post-category {
  5994. display: none !important;
  5995. }
  5996. }
  5997. @media (max-width: 500px) {
  5998. .td-related-full-width .td-related-span4 {
  5999. display: block;
  6000. float: none !important;
  6001. width: 100% !important;
  6002. min-height: 68px !important;
  6003. }
  6004. .td-related-full-width .td-module-thumb {
  6005. width: 75px;
  6006. position: absolute;
  6007. left: 0px;
  6008. top: 0px;
  6009. }
  6010. .td-related-full-width .td-post-category {
  6011. display: none !important;
  6012. }
  6013. .td-related-full-width .item-details {
  6014. float: left;
  6015. margin-left: 86px;
  6016. }
  6017. }
  6018. .td-related-title {
  6019. font-family: 'Open Sans', arial, sans-serif;
  6020. font-size: 11px;
  6021. font-weight: 700;
  6022. line-height: 16px;
  6023. margin: 22px 0px 22px 20px;
  6024. /* responsive portrait tablet */
  6025. /* responsive portrait phone */
  6026. }
  6027. @media (min-width: 768px) and (max-width: 1023px) {
  6028. .td-related-title {
  6029. margin: 19px 0px 19px 17px;
  6030. }
  6031. }
  6032. @media (max-width: 767px) {
  6033. .td-related-title {
  6034. display: table;
  6035. margin-left: auto;
  6036. margin-right: auto;
  6037. }
  6038. }
  6039. .td-related-title .td-related-left {
  6040. color: #222222;
  6041. border-radius: 3px 0px 0px 3px;
  6042. padding: 1px 15px 1px 15px;
  6043. border: 1px solid #222222;
  6044. white-space: nowrap;
  6045. }
  6046. .td-related-title .td-related-left:hover {
  6047. background-color: #fafafa;
  6048. }
  6049. .td-related-title .td-related-right {
  6050. border-radius: 0px 3px 3px 0px;
  6051. border-top: 1px;
  6052. border-right: 1px;
  6053. border-bottom: 1px;
  6054. border-left: 0px;
  6055. border-color: #222222;
  6056. border-style: solid;
  6057. padding: 1px 14px 1px 14px;
  6058. background-color: #ffffff;
  6059. color: #222222;
  6060. white-space: nowrap;
  6061. }
  6062. .td-related-title .td-related-right:hover {
  6063. background-color: #fafafa;
  6064. }
  6065. .td-related-title .td-cur-simple-item {
  6066. background-color: #222222;
  6067. color: #ffffff;
  6068. }
  6069. .td-related-title .td-cur-simple-item:hover {
  6070. background-color: #222222;
  6071. }
  6072. .td_mod_related_posts:hover a {
  6073. color: #4db2ec;
  6074. }
  6075. .td_mod_related_posts:hover .td-post-category {
  6076. color: #ffffff;
  6077. }
  6078. .post-password-form label {
  6079. float: left;
  6080. height: 32px;
  6081. margin-bottom: 21px;
  6082. }
  6083. .post-password-form input[type="password"] {
  6084. border: 1px solid #E6E6E6;
  6085. border-right: 0px;
  6086. display: inline-table;
  6087. height: 32px;
  6088. line-height: 21px;
  6089. vertical-align: middle;
  6090. width: 232px;
  6091. padding: 1px 5px 2px 10px;
  6092. margin-left: 5px;
  6093. }
  6094. .post-password-form input[type="submit"] {
  6095. float: left;
  6096. border-radius: 0px 3px 3px 0px;
  6097. }
  6098. .mejs-container {
  6099. margin-bottom: 20px;
  6100. }
  6101. .mejs-overlay .mejs-overlay-button {
  6102. background: url('images/icons/ico-video-large.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  6103. margin: 0 !important;
  6104. width: 40px;
  6105. height: 40px;
  6106. }
  6107. .mejs-overlay:hover .mejs-overlay-button {
  6108. background-position: 0 0 !important;
  6109. }
  6110. .mejs-overlay-loading {
  6111. display: none;
  6112. }
  6113. .wpb_video_wrapper iframe {
  6114. margin-bottom: 16px;
  6115. }
  6116. .more-link-wrap {
  6117. font-family: 'Open Sans', arial, sans-serif;
  6118. height: 30px;
  6119. line-height: 29px;
  6120. margin-left: auto;
  6121. margin-right: auto;
  6122. display: table;
  6123. margin-bottom: 21px;
  6124. }
  6125. .more-link-wrap a {
  6126. background-color: #444;
  6127. border-radius: 3px;
  6128. color: #ffffff;
  6129. font-size: 11px;
  6130. font-weight: bold;
  6131. line-height: 16px;
  6132. padding: 8px 15px;
  6133. }
  6134. .more-link-wrap a:hover {
  6135. background-color: #4db2ec;
  6136. text-decoration: none !important;
  6137. }
  6138. .wp-video {
  6139. margin-bottom: 20px;
  6140. }
  6141. /* ----------------------------------------------------------------------------
  6142. VC in post hack
  6143. */
  6144. .td-post-content .wpb_row {
  6145. overflow: hidden;
  6146. left: -21px;
  6147. /* responsive portrait tablet */
  6148. /* responsive portrait phone */
  6149. }
  6150. @media (min-width: 768px) and (max-width: 1023px) {
  6151. .td-post-content .wpb_row {
  6152. left: -18px;
  6153. }
  6154. }
  6155. @media (max-width: 767px) {
  6156. .td-post-content .wpb_row {
  6157. left: 0px;
  6158. }
  6159. }
  6160. .td-post-content .wpb_row .wpb_content_element {
  6161. /* responsive portrait tablet */
  6162. /* responsive portrait phone */
  6163. }
  6164. @media (min-width: 768px) and (max-width: 1023px) {
  6165. .td-post-content .wpb_row .wpb_content_element {
  6166. padding-left: 17px;
  6167. padding-right: 17px;
  6168. }
  6169. }
  6170. @media (max-width: 767px) {
  6171. .td-post-content .wpb_row .wpb_content_element {
  6172. padding-left: 0px;
  6173. padding-right: 0px;
  6174. }
  6175. }
  6176. .td-post-content .wpb_row .column_container {
  6177. border: 0px;
  6178. }
  6179. .td-post-content .wpb_row .vc_btn {
  6180. margin-left: 20px;
  6181. margin-right: 20px;
  6182. /* responsive portrait tablet */
  6183. /* responsive portrait phone */
  6184. }
  6185. @media (min-width: 768px) and (max-width: 1023px) {
  6186. .td-post-content .wpb_row .vc_btn {
  6187. margin-left: 17px;
  6188. margin-right: 17px;
  6189. }
  6190. }
  6191. @media (max-width: 767px) {
  6192. .td-post-content .wpb_row .vc_btn {
  6193. margin-left: 0px;
  6194. margin-right: 0px;
  6195. }
  6196. }
  6197. .td-pb-span12 .td-post-content .td-pb-span12 .wpb_content_element {
  6198. padding-left: 0px;
  6199. padding-right: 0px;
  6200. }
  6201. .td-pb-span12 .td-post-content .wpb_row .td-pb-span4 .wpb_content_element {
  6202. padding-right: 20px;
  6203. padding-left: 0px;
  6204. }
  6205. .td-pb-span12 .td-post-content .wpb_row .vc_btn {
  6206. margin-left: 0px;
  6207. margin-right: 0px;
  6208. }
  6209. /* ----------------------------------------------------------------------------
  6210. Template 1
  6211. */
  6212. .td-post-template-1 .td-post-content {
  6213. border-top: 1px solid #e6e6e6;
  6214. padding-top: 21px;
  6215. /* responsive portrait tablet */
  6216. /* responsive portrait phone */
  6217. }
  6218. @media (min-width: 768px) and (max-width: 1023px) {
  6219. .td-post-template-1 .td-post-content {
  6220. padding-top: 17px;
  6221. }
  6222. }
  6223. @media (max-width: 767px) {
  6224. .td-post-template-1 .td-post-content {
  6225. padding-top: 15px;
  6226. }
  6227. }
  6228. .td-post-template-1 .td-post-featured-image {
  6229. float: left;
  6230. width: 300px;
  6231. margin-right: 21px;
  6232. /* responsive portrait tablet */
  6233. /* responsive portrait phone */
  6234. }
  6235. @media (min-width: 768px) and (max-width: 1023px) {
  6236. .td-post-template-1 .td-post-featured-image {
  6237. width: 200px;
  6238. margin-right: 17px;
  6239. }
  6240. }
  6241. @media (max-width: 767px) {
  6242. .td-post-template-1 .td-post-featured-image {
  6243. width: 40%;
  6244. margin-right: 15px;
  6245. }
  6246. }
  6247. .td-post-template-1 .post h1 {
  6248. /* responsive portrait phone */
  6249. }
  6250. @media (max-width: 767px) {
  6251. .td-post-template-1 .post h1 {
  6252. font-size: 28px;
  6253. line-height: 36px;
  6254. }
  6255. }
  6256. .td-post-template-1 footer {
  6257. clear: both;
  6258. }
  6259. /* ----------------------------------------------------------------------------
  6260. Template 2
  6261. */
  6262. .td-post-template-2 .post h1 {
  6263. font-size: 48px;
  6264. line-height: 58px;
  6265. margin-top: 6px;
  6266. margin-bottom: 5px;
  6267. /* responsive portrait tablet */
  6268. /* responsive portrait phone */
  6269. }
  6270. @media (min-width: 768px) and (max-width: 1023px) {
  6271. .td-post-template-2 .post h1 {
  6272. font-size: 40px;
  6273. line-height: 48px;
  6274. }
  6275. }
  6276. @media (max-width: 767px) {
  6277. .td-post-template-2 .post h1 {
  6278. font-size: 28px;
  6279. line-height: 36px;
  6280. }
  6281. }
  6282. .td-post-template-2 .meta-info {
  6283. margin-bottom: 14px;
  6284. }
  6285. .td-post-template-2 .td-post-sub-title {
  6286. font-size: 16px;
  6287. line-height: 26px;
  6288. /* responsive portrait phone */
  6289. }
  6290. @media (max-width: 767px) {
  6291. .td-post-template-2 .td-post-sub-title {
  6292. margin: 14px 0px 14px 0px;
  6293. }
  6294. }
  6295. /* ----------------------------------------------------------------------------
  6296. Template 3
  6297. */
  6298. .td-post-template-3 header h1 {
  6299. font-size: 48px;
  6300. line-height: 58px;
  6301. margin-top: 6px;
  6302. margin-bottom: 5px;
  6303. /* responsive portrait tablet */
  6304. /* responsive portrait phone */
  6305. }
  6306. @media (min-width: 768px) and (max-width: 1023px) {
  6307. .td-post-template-3 header h1 {
  6308. font-size: 40px;
  6309. line-height: 48px;
  6310. }
  6311. }
  6312. @media (max-width: 767px) {
  6313. .td-post-template-3 header h1 {
  6314. font-size: 28px;
  6315. line-height: 36px;
  6316. }
  6317. }
  6318. .td-post-template-3 .td-post-featured-image figure img {
  6319. margin-bottom: 0px;
  6320. }
  6321. .td-post-template-3 .td-post-featured-image .wp-caption-text {
  6322. margin-right: 21px;
  6323. margin-bottom: 0px;
  6324. }
  6325. .td-post-template-3 .td-post-content {
  6326. padding-top: 10px;
  6327. }
  6328. .td-post-template-3 .td-post-featured-image:after {
  6329. background-color: #FFFFFF;
  6330. bottom: -2px;
  6331. content: "";
  6332. display: block;
  6333. height: 3px;
  6334. position: relative;
  6335. width: 679px;
  6336. }
  6337. .td-post-template-3 .meta-info {
  6338. margin-bottom: 14px;
  6339. }
  6340. .td-post-template-3 .td-post-sub-title {
  6341. font-size: 16px;
  6342. line-height: 26px;
  6343. }
  6344. .td-post-template-3 .td-post-featured-image {
  6345. width: 681px;
  6346. /* responsive portrait tablet */
  6347. /* responsive portrait phone */
  6348. }
  6349. .td-post-template-3 .td-post-featured-image img {
  6350. z-index: 1;
  6351. }
  6352. @media (min-width: 768px) and (max-width: 1023px) {
  6353. .td-post-template-3 .td-post-featured-image {
  6354. width: 505px;
  6355. }
  6356. }
  6357. @media (max-width: 767px) {
  6358. .td-post-template-3 .td-post-featured-image {
  6359. width: auto;
  6360. }
  6361. }
  6362. .td-post-template-3 .td-post-featured-image .entry-thumb {
  6363. left: -1px;
  6364. position: relative;
  6365. margin-bottom: 7px;
  6366. margin-left: auto;
  6367. margin-right: auto;
  6368. /* responsive portrait phone */
  6369. }
  6370. @media (max-width: 767px) {
  6371. .td-post-template-3 .td-post-featured-image .entry-thumb {
  6372. left: 0px;
  6373. }
  6374. }
  6375. .td-post-template-3 .td-pb-span12 .td-post-featured-image {
  6376. width: 1021px;
  6377. /* responsive portrait tablet */
  6378. /* responsive portrait phone */
  6379. }
  6380. @media (min-width: 768px) and (max-width: 1023px) {
  6381. .td-post-template-3 .td-pb-span12 .td-post-featured-image {
  6382. width: 756px;
  6383. }
  6384. }
  6385. @media (max-width: 767px) {
  6386. .td-post-template-3 .td-pb-span12 .td-post-featured-image {
  6387. width: 100%;
  6388. }
  6389. }
  6390. .td-post-template-3 .td-pb-span12 .td-post-featured-image:after {
  6391. width: 1021px;
  6392. /* responsive portrait tablet */
  6393. /* responsive portrait phone */
  6394. }
  6395. @media (min-width: 768px) and (max-width: 1023px) {
  6396. .td-post-template-3 .td-pb-span12 .td-post-featured-image:after {
  6397. width: 756px;
  6398. }
  6399. }
  6400. @media (max-width: 767px) {
  6401. .td-post-template-3 .td-pb-span12 .td-post-featured-image:after {
  6402. width: 100%;
  6403. }
  6404. }
  6405. .single-format-video .td-post-template-3 .wpb_video_wrapper iframe {
  6406. margin-bottom: 0px;
  6407. }
  6408. .single-format-video .td-post-template-3 .td-post-content {
  6409. border-top: 0px;
  6410. }
  6411. /* ----------------------------------------------------------------------------
  6412. Template 4
  6413. */
  6414. .td-post-template-4 header {
  6415. position: absolute;
  6416. bottom: 0;
  6417. z-index: 1;
  6418. }
  6419. .td-post-template-4 header .entry-title,
  6420. .td-post-template-4 header .td-post-sub-title,
  6421. .td-post-template-4 header .meta-info,
  6422. .td-post-template-4 header .entry-date,
  6423. .td-post-template-4 header .td-post-author-name a,
  6424. .td-post-template-4 header .td-post-comments a {
  6425. color: #ffffff;
  6426. }
  6427. .td-post-template-4 header h1 {
  6428. font-size: 48px;
  6429. line-height: 58px;
  6430. margin-top: 7px;
  6431. margin-bottom: 5px;
  6432. position: relative;
  6433. right: 2px;
  6434. /* responsive portrait tablet */
  6435. /* responsive portrait phone */
  6436. }
  6437. @media (min-width: 768px) and (max-width: 1023px) {
  6438. .td-post-template-4 header h1 {
  6439. font-size: 40px;
  6440. line-height: 48px;
  6441. }
  6442. }
  6443. @media (max-width: 767px) {
  6444. .td-post-template-4 header h1 {
  6445. font-size: 18px;
  6446. line-height: 24px;
  6447. right: 0px;
  6448. }
  6449. }
  6450. .td-post-template-4 .meta-info {
  6451. margin-bottom: 16px;
  6452. /* responsive portrait phone */
  6453. }
  6454. @media (max-width: 767px) {
  6455. .td-post-template-4 .meta-info {
  6456. margin-bottom: 10px;
  6457. }
  6458. }
  6459. .td-post-template-4 .entry-thumb {
  6460. padding-bottom: 0px;
  6461. margin-bottom: 0px;
  6462. }
  6463. .td-post-template-4 .entry-crumbs {
  6464. top: 0px;
  6465. padding: 15px 0px 15px 0px;
  6466. }
  6467. .td-post-template-4 .td-post-header {
  6468. padding-top: 0px;
  6469. border-bottom: 0px;
  6470. }
  6471. .td-post-template-4 .td-post-sharing-top {
  6472. border-top: 0px;
  6473. border-bottom: 1px solid #e6e6e6;
  6474. }
  6475. .td-post-template-4 .td-post-featured-image {
  6476. min-height: 200px;
  6477. background-color: #444444;
  6478. /* responsive portrait phone */
  6479. }
  6480. @media (max-width: 767px) {
  6481. .td-post-template-4 .td-post-featured-image {
  6482. min-height: 182px;
  6483. }
  6484. }
  6485. .td-post-template-4 .td-post-featured-image .wp-caption-text {
  6486. bottom: 0;
  6487. color: #FFFFFF;
  6488. position: absolute;
  6489. right: 0;
  6490. margin-right: 20px;
  6491. max-width: 400px;
  6492. height: 17px;
  6493. overflow: hidden;
  6494. /* responsive portrait phone */
  6495. }
  6496. @media (max-width: 767px) {
  6497. .td-post-template-4 .td-post-featured-image .wp-caption-text {
  6498. display: none;
  6499. }
  6500. }
  6501. .td-post-template-4 .td-post-content {
  6502. border-top: none;
  6503. margin-top: 0px;
  6504. padding-top: 14px;
  6505. /* responsive portrait phone */
  6506. }
  6507. @media (max-width: 767px) {
  6508. .td-post-template-4 .td-post-content {
  6509. padding-top: 10px;
  6510. }
  6511. }
  6512. .td-post-template-4 .td-post-sub-title {
  6513. font-size: 16px;
  6514. line-height: 26px;
  6515. border: 0px;
  6516. padding: 0px;
  6517. /* responsive portrait phone */
  6518. }
  6519. @media (max-width: 767px) {
  6520. .td-post-template-4 .td-post-sub-title {
  6521. display: none;
  6522. }
  6523. }
  6524. /* ----------------------------------------------------------------------------
  6525. Template 5
  6526. */
  6527. .td-post-template-5 header {
  6528. position: absolute;
  6529. bottom: 0;
  6530. left: 0;
  6531. width: 680px;
  6532. background-color: #ffffff;
  6533. padding-top: 19px;
  6534. border-left: 1px solid #e6e6e6;
  6535. z-index: 1;
  6536. /* responsive portrait tablet */
  6537. /* responsive portrait phone */
  6538. }
  6539. @media (min-width: 768px) and (max-width: 1023px) {
  6540. .td-post-template-5 header {
  6541. width: 504px;
  6542. padding-top: 17px;
  6543. }
  6544. }
  6545. @media (max-width: 767px) {
  6546. .td-post-template-5 header {
  6547. padding-top: 12px;
  6548. width: auto;
  6549. position: relative;
  6550. }
  6551. }
  6552. .td-post-template-5 header h1 {
  6553. /* responsive portrait tablet */
  6554. }
  6555. @media (min-width: 768px) and (max-width: 1023px) {
  6556. .td-post-template-5 header h1 {
  6557. font-size: 28px;
  6558. line-height: 36px;
  6559. }
  6560. }
  6561. .td-post-template-5 .td-post-featured-image {
  6562. min-height: 200px;
  6563. background-color: #444444;
  6564. /* responsive portrait phone */
  6565. }
  6566. @media (max-width: 767px) {
  6567. .td-post-template-5 .td-post-featured-image {
  6568. min-height: 100%;
  6569. }
  6570. }
  6571. .td-post-template-5 .td-post-featured-image .wp-caption-text {
  6572. bottom: 0;
  6573. color: #FFFFFF;
  6574. position: absolute;
  6575. right: 0;
  6576. margin-right: 20px;
  6577. width: 300px;
  6578. /* responsive portrait tablet */
  6579. /* responsive portrait phone */
  6580. }
  6581. @media (min-width: 768px) and (max-width: 1023px) {
  6582. .td-post-template-5 .td-post-featured-image .wp-caption-text {
  6583. width: 215px;
  6584. }
  6585. }
  6586. @media (max-width: 767px) {
  6587. .td-post-template-5 .td-post-featured-image .wp-caption-text {
  6588. display: none;
  6589. }
  6590. }
  6591. .td-post-template-5 .entry-thumb {
  6592. padding-bottom: 0px;
  6593. margin-bottom: 0px;
  6594. }
  6595. .td-post-template-5 .td-post-header .meta-info {
  6596. border-bottom: 1px dashed #f1f1f1;
  6597. margin-bottom: 0px;
  6598. padding-bottom: 15px;
  6599. }
  6600. .td-post-template-5 .entry-crumbs {
  6601. top: 0px;
  6602. padding: 15px 0px 15px 0px;
  6603. }
  6604. .td-post-template-5 .td-post-header {
  6605. padding-top: 0px;
  6606. border-bottom: 0px;
  6607. }
  6608. .td-post-template-5 .td-post-sharing-top {
  6609. border-top: none;
  6610. border-bottom: 1px dashed #f1f1f1;
  6611. padding-left: 0px;
  6612. padding-right: 0px;
  6613. margin: 0px 19px 0px 20px;
  6614. /* responsive portrait phone */
  6615. }
  6616. @media (max-width: 767px) {
  6617. .td-post-template-5 .td-post-sharing-top {
  6618. margin: 0px 10px 0px 10px;
  6619. }
  6620. }
  6621. .td-post-template-5 .td-post-content {
  6622. padding-top: 15px;
  6623. border-top: none;
  6624. }
  6625. .td-post-template-5 .td-post-sub-title {
  6626. margin: 17px 0px 17px 0px;
  6627. }
  6628. /* ----------------------------------------------------------------------------
  6629. Template 6
  6630. */
  6631. .td-post-template-6 .entry-crumbs {
  6632. color: #ffffff;
  6633. }
  6634. .td-post-template-6 .entry-crumbs a {
  6635. color: #ffffff;
  6636. }
  6637. .td-post-template-6 .td-read-down {
  6638. text-align: center;
  6639. margin-top: 33px;
  6640. /* responsive portrait tablet */
  6641. /* responsive portrait phone */
  6642. }
  6643. @media (min-width: 768px) and (max-width: 1023px) {
  6644. .td-post-template-6 .td-read-down {
  6645. margin-top: 15px;
  6646. margin-bottom: 15px;
  6647. }
  6648. }
  6649. @media (max-width: 767px) {
  6650. .td-post-template-6 .td-read-down {
  6651. margin-top: 10px;
  6652. margin-bottom: 5px;
  6653. }
  6654. }
  6655. .td-post-template-6 .td-read-down i {
  6656. font-size: 46px;
  6657. opacity: 0.8;
  6658. color: #ffffff;
  6659. /* responsive portrait tablet */
  6660. /* responsive portrait phone */
  6661. }
  6662. @media (min-width: 768px) and (max-width: 1023px) {
  6663. .td-post-template-6 .td-read-down i {
  6664. font-size: 30px;
  6665. }
  6666. }
  6667. @media (max-width: 767px) {
  6668. .td-post-template-6 .td-read-down i {
  6669. font-size: 30px;
  6670. }
  6671. }
  6672. .td-post-template-6 .td-post-header {
  6673. background-color: transparent;
  6674. position: absolute;
  6675. left: 0px;
  6676. bottom: 0px;
  6677. right: 0px;
  6678. border-bottom: none;
  6679. padding-bottom: 15px;
  6680. -webkit-backface-visibility: hidden;
  6681. -webkit-perspective: 1000;
  6682. backface-visibility: hidden;
  6683. perspective: 1000;
  6684. }
  6685. .td-post-template-6 .td-post-content {
  6686. border-top: none;
  6687. }
  6688. .td-post-template-6 .td-post-header h1 {
  6689. font-size: 42px;
  6690. font-weight: 600;
  6691. line-height: 50px;
  6692. margin-top: 9px;
  6693. margin-bottom: 6px;
  6694. /* responsive portrait tablet */
  6695. /* responsive portrait phone */
  6696. }
  6697. @media (min-width: 768px) and (max-width: 1023px) {
  6698. .td-post-template-6 .td-post-header h1 {
  6699. font-size: 38px;
  6700. line-height: 48px;
  6701. }
  6702. }
  6703. @media (max-width: 767px) {
  6704. .td-post-template-6 .td-post-header h1 {
  6705. font-size: 24px;
  6706. line-height: 32px;
  6707. }
  6708. }
  6709. .td-post-template-6 .template6-header .entry-title a,
  6710. .td-post-template-6 .template6-header .td-post-sub-title,
  6711. .td-post-template-6 .template6-header .meta-info,
  6712. .td-post-template-6 .template6-header .entry-date,
  6713. .td-post-template-6 .template6-header .td-post-author-name a,
  6714. .td-post-template-6 .template6-header .td-post-comments a {
  6715. color: #ffffff;
  6716. }
  6717. .td-post-template-6 .td-post-sharing-top {
  6718. border-top: none;
  6719. padding: 10px 0px 10px 0px;
  6720. border-bottom: 1px dashed #f1f1f1;
  6721. margin: 0px 20px 0px 20px;
  6722. /* responsive portrait phone */
  6723. }
  6724. @media (max-width: 767px) {
  6725. .td-post-template-6 .td-post-sharing-top {
  6726. margin: 0px 10px 0px 10px;
  6727. padding: 5px 0px 5px 0px;
  6728. }
  6729. }
  6730. .td-post-template-6 .td-post-sub-title {
  6731. font-size: 16px;
  6732. line-height: 26px;
  6733. border: 0px;
  6734. padding: 0px;
  6735. /* responsive portrait phone */
  6736. }
  6737. @media (max-width: 767px) {
  6738. .td-post-template-6 .td-post-sub-title {
  6739. display: none;
  6740. }
  6741. }
  6742. .td-full-screen-header-image-wrap {
  6743. position: absolute;
  6744. top: 0px;
  6745. right: 0px;
  6746. left: 0px;
  6747. height: 900px;
  6748. overflow: hidden;
  6749. z-index: -1;
  6750. /* responsive portrait tablet */
  6751. /* responsive portrait phone */
  6752. }
  6753. @media (min-width: 768px) and (max-width: 1023px) {
  6754. .td-full-screen-header-image-wrap {
  6755. height: 680px;
  6756. }
  6757. }
  6758. @media (max-width: 767px) {
  6759. .td-full-screen-header-image-wrap {
  6760. height: 400px;
  6761. }
  6762. }
  6763. #td-full-screen-header-image {
  6764. position: absolute;
  6765. top: 0px;
  6766. right: 0px;
  6767. left: 0px;
  6768. min-height: 900px;
  6769. /* responsive portrait tablet */
  6770. /* responsive portrait phone */
  6771. }
  6772. @media (min-width: 768px) and (max-width: 1023px) {
  6773. #td-full-screen-header-image {
  6774. height: 680px;
  6775. min-height: 680px !important;
  6776. }
  6777. }
  6778. @media (max-width: 767px) {
  6779. #td-full-screen-header-image {
  6780. height: 400px;
  6781. min-height: 400px !important;
  6782. }
  6783. }
  6784. #td-full-screen-header-image img {
  6785. display: block;
  6786. }
  6787. #td-full-screen-header-image .backstretch {
  6788. /* responsive portrait tablet */
  6789. /* responsive portrait phone */
  6790. }
  6791. @media (min-width: 768px) and (max-width: 1023px) {
  6792. #td-full-screen-header-image .backstretch {
  6793. height: 680px !important;
  6794. }
  6795. }
  6796. @media (max-width: 767px) {
  6797. #td-full-screen-header-image .backstretch {
  6798. height: 400px;
  6799. }
  6800. }
  6801. #td-full-screen-header-image .backstretch:after {
  6802. content: '';
  6803. position: absolute;
  6804. top: 0;
  6805. left: 0;
  6806. bottom: 0;
  6807. right: 0;
  6808. background-color: #000;
  6809. opacity: 0.12;
  6810. }
  6811. .single_template_6 .td-header-wrap {
  6812. height: 900px;
  6813. /* responsive portrait tablet */
  6814. /* responsive portrait phone */
  6815. }
  6816. @media (min-width: 768px) and (max-width: 1023px) {
  6817. .single_template_6 .td-header-wrap {
  6818. height: 680px;
  6819. }
  6820. }
  6821. @media (max-width: 767px) {
  6822. .single_template_6 .td-header-wrap {
  6823. height: 400px;
  6824. }
  6825. }
  6826. .single_template_6 .td-header-style-5 .td-ad-m,
  6827. .single_template_6 .td-header-style-7 .td-ad-m,
  6828. .single_template_6 .td-header-style-8 .td-ad-m,
  6829. .single_template_6 .td-header-style-9 .td-ad-m,
  6830. .single_template_6 .td-header-style-10 .td-ad-m {
  6831. border-bottom: 0px;
  6832. }
  6833. .single_template_6 .td-header-container,
  6834. .single_template_6 .td-header-style-6 .td-make-full {
  6835. border: none;
  6836. }
  6837. .admin-bar.single_template_6 .td-header-wrap {
  6838. height: 868px;
  6839. /* responsive portrait tablet */
  6840. /* responsive portrait phone */
  6841. }
  6842. @media (min-width: 768px) and (max-width: 1023px) {
  6843. .admin-bar.single_template_6 .td-header-wrap {
  6844. height: 648px;
  6845. }
  6846. }
  6847. @media (max-width: 767px) {
  6848. .admin-bar.single_template_6 .td-header-wrap {
  6849. height: 354px;
  6850. }
  6851. }
  6852. .template6-header {
  6853. position: absolute;
  6854. top: 840px;
  6855. right: 0px;
  6856. left: 0px;
  6857. /* responsive portrait tablet */
  6858. /* responsive portrait phone */
  6859. }
  6860. @media (min-width: 768px) and (max-width: 1023px) {
  6861. .template6-header {
  6862. top: 670px;
  6863. }
  6864. }
  6865. @media (max-width: 767px) {
  6866. .template6-header {
  6867. top: 406px;
  6868. }
  6869. }
  6870. .template6-header a,
  6871. .template6-header .entry-title {
  6872. color: #ffffff;
  6873. }
  6874. .admin-bar .template6-header {
  6875. /* responsive portrait tablet */
  6876. /* responsive portrait phone */
  6877. }
  6878. @media (min-width: 768px) and (max-width: 1023px) {
  6879. .admin-bar .template6-header {
  6880. top: 640px;
  6881. }
  6882. }
  6883. @media (max-width: 767px) {
  6884. .admin-bar .template6-header {
  6885. top: 360px;
  6886. }
  6887. }
  6888. /* ----------------------------------------------------------------------------
  6889. Template 8
  6890. */
  6891. .td-post-template-8 .entry-thumb {
  6892. padding-bottom: 0px;
  6893. margin-bottom: 0px;
  6894. }
  6895. .td-post-template-8 .entry-crumbs {
  6896. top: 0;
  6897. padding: 15px 0 15px 0;
  6898. }
  6899. .td-post-template-8 .td-post-header {
  6900. border-bottom: 0;
  6901. }
  6902. .td-post-template-8 .wpb_video_wrapper iframe {
  6903. margin-bottom: 0;
  6904. display: table;
  6905. }
  6906. .td-post-template-8 .td-post-featured-image .wp-caption-text {
  6907. display: none;
  6908. }
  6909. /* ----------------------------------------------------------------------------
  6910. Image gradient
  6911. */
  6912. .td-image-gradient:before {
  6913. bottom: 0;
  6914. content: "";
  6915. display: block;
  6916. height: 40%;
  6917. width: 100%;
  6918. position: absolute;
  6919. z-index: 1;
  6920. background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  6921. /* FF3.6+ */
  6922. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));
  6923. /* Chrome,Safari4+ */
  6924. background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  6925. /* Chrome10+,Safari5.1+ */
  6926. background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  6927. /* Opera 11.10+ */
  6928. background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  6929. /* IE10+ */
  6930. background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  6931. /* W3C */
  6932. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
  6933. /* IE6-9 */
  6934. /* responsive portrait phone */
  6935. }
  6936. @media (max-width: 767px) {
  6937. .td-image-gradient:before {
  6938. height: 60%;
  6939. }
  6940. }
  6941. #td_parallax_header_6,
  6942. #td-full-screen-header-image {
  6943. -webkit-backface-visibility: hidden;
  6944. backface-visibility: hidden;
  6945. }
  6946. .td-sp {
  6947. background-image: url('images/sprite/elements.png');
  6948. background-repeat: no-repeat;
  6949. display: block;
  6950. }
  6951. .td-sp-facebook {
  6952. width: 32px;
  6953. height: 32px;
  6954. background-position: -20px -20px;
  6955. }
  6956. .td-sp-pinterest {
  6957. width: 32px;
  6958. height: 32px;
  6959. background-position: -20px -72px;
  6960. }
  6961. .td-sp-rss {
  6962. width: 32px;
  6963. height: 32px;
  6964. background-position: -20px -124px;
  6965. }
  6966. .td-sp-soundcloud {
  6967. width: 32px;
  6968. height: 32px;
  6969. background-position: -20px -176px;
  6970. }
  6971. .td-sp-instagram {
  6972. width: 32px;
  6973. height: 32px;
  6974. background-position: -20px -228px;
  6975. }
  6976. .td-sp-googleplus {
  6977. width: 32px;
  6978. height: 32px;
  6979. background-position: -20px -280px;
  6980. }
  6981. .td-sp-vimeo {
  6982. width: 32px;
  6983. height: 32px;
  6984. background-position: -20px -332px;
  6985. }
  6986. .td-sp-youtube {
  6987. width: 32px;
  6988. height: 32px;
  6989. background-position: -20px -384px;
  6990. }
  6991. .td-sp-twitter {
  6992. width: 32px;
  6993. height: 32px;
  6994. background-position: -20px -436px;
  6995. }
  6996. .td-sp-video-play {
  6997. width: 42px;
  6998. height: 42px;
  6999. background-position: -20px -488px;
  7000. }
  7001. .td-sp-video-pause {
  7002. width: 42px;
  7003. height: 42px;
  7004. background-position: -20px -612px;
  7005. }
  7006. .td-lb-box {
  7007. position: absolute;
  7008. width: 19px;
  7009. height: 19px;
  7010. }
  7011. .td-lb-box-1 {
  7012. top: 0;
  7013. left: 0;
  7014. }
  7015. .td-lb-box-2 {
  7016. top: 0;
  7017. left: 20px;
  7018. /*background-color: #0011C3;*/
  7019. }
  7020. .td-lb-box-3 {
  7021. top: 0;
  7022. left: 40px;
  7023. /*background-color: #0022C3;*/
  7024. }
  7025. .td-lb-box-4 {
  7026. top: 20px;
  7027. right: 0px;
  7028. /*background-color: #0033C3;*/
  7029. }
  7030. .td-lb-box-5 {
  7031. bottom: 0;
  7032. right: 0;
  7033. /*background-color: #0044C3;*/
  7034. }
  7035. .td-lb-box-6 {
  7036. bottom: 0;
  7037. left: 20px;
  7038. /*background-color: #0055C3;*/
  7039. }
  7040. .td-lb-box-7 {
  7041. bottom: 0;
  7042. left: 0;
  7043. /*background-color: #0066C3;*/
  7044. }
  7045. .td-lb-box-8 {
  7046. top: 20px;
  7047. left: 0;
  7048. /*background-color: #0099C3;*/
  7049. }
  7050. /* ----------------------------------------------------------------------------
  7051. loader
  7052. */
  7053. .td-loader-gif {
  7054. position: absolute;
  7055. top: 50%;
  7056. left: 50%;
  7057. width: 59px;
  7058. height: 59px;
  7059. margin-top: -29.5px;
  7060. /* Half the height */
  7061. margin-left: -29.5px;
  7062. /* Half the width */
  7063. /* responsive phone */
  7064. -webkit-transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1);
  7065. -moz-transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1);
  7066. -o-transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1);
  7067. transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1);
  7068. /* custom */
  7069. }
  7070. @media (max-width: 767px) {
  7071. .td-loader-gif {
  7072. top: 200px;
  7073. }
  7074. }
  7075. .td-loader-gif-bottom {
  7076. top: auto;
  7077. bottom: 120px;
  7078. }
  7079. .td-loader-animation-start {
  7080. opacity: 0;
  7081. transform: perspective( 600px ) scale(0.4);
  7082. -webkit-transform: perspective( 600px ) scale(0.4);
  7083. -moz-transform: perspective( 600px ) scale(0.4);
  7084. -ms-transform: perspective( 600px ) scale(0.4);
  7085. -o-transform: perspective( 600px ) scale(0.4);
  7086. }
  7087. .td-loader-animation-mid {
  7088. opacity: 1;
  7089. transform: perspective( 600px ) scale(1);
  7090. -webkit-transform: perspective( 600px ) scale(1);
  7091. -moz-transform: perspective( 600px ) scale(1);
  7092. -ms-transform: perspective( 600px ) scale(1);
  7093. -o-transform: perspective( 600px ) scale(1);
  7094. }
  7095. .td-loader-animation-end {
  7096. opacity: 0;
  7097. }
  7098. @-webkit-keyframes rotateplane {
  7099. 0% {
  7100. -webkit-transform: perspective(120px);
  7101. }
  7102. 50% {
  7103. -webkit-transform: perspective(120px) rotateY(180deg);
  7104. }
  7105. 100% {
  7106. -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  7107. }
  7108. }
  7109. @keyframes rotateplane {
  7110. 0% {
  7111. transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  7112. }
  7113. 50% {
  7114. transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  7115. }
  7116. 100% {
  7117. transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  7118. }
  7119. }
  7120. .td_module_1 .entry-title,
  7121. .td_module_2 .entry-title,
  7122. .td_module_3 .entry-title,
  7123. .td_module_4 .entry-title,
  7124. .td_module_5 .entry-title,
  7125. .td_module_10 .entry-title,
  7126. .td_module_11 .entry-title {
  7127. font-size: 18px;
  7128. font-weight: bold;
  7129. line-height: 24px;
  7130. margin: 0px 0px 12px 0px;
  7131. /* responsive portrait tablet */
  7132. /* responsive portrait phone */
  7133. }
  7134. @media (min-width: 768px) and (max-width: 1023px) {
  7135. .td_module_1 .entry-title,
  7136. .td_module_2 .entry-title,
  7137. .td_module_3 .entry-title,
  7138. .td_module_4 .entry-title,
  7139. .td_module_5 .entry-title,
  7140. .td_module_10 .entry-title,
  7141. .td_module_11 .entry-title {
  7142. font-size: 15px;
  7143. line-height: 21px;
  7144. margin-bottom: 8px;
  7145. }
  7146. }
  7147. @media (max-width: 767px) {
  7148. .td_module_1 .entry-title,
  7149. .td_module_2 .entry-title,
  7150. .td_module_3 .entry-title,
  7151. .td_module_4 .entry-title,
  7152. .td_module_5 .entry-title,
  7153. .td_module_10 .entry-title,
  7154. .td_module_11 .entry-title {
  7155. font-size: 18px;
  7156. line-height: 26px;
  7157. font-weight: 700;
  7158. margin-bottom: 8px;
  7159. }
  7160. }
  7161. .td_module_1 .td-module-thumb,
  7162. .td_module_2 .td-module-thumb,
  7163. .td_module_3 .td-module-thumb,
  7164. .td_module_4 .td-module-thumb,
  7165. .td_module_5 .td-module-thumb,
  7166. .td_module_10 .td-module-thumb,
  7167. .td_module_11 .td-module-thumb {
  7168. margin-bottom: 12px;
  7169. /* responsive portrait tablet */
  7170. /* responsive portrait phone */
  7171. }
  7172. @media (min-width: 768px) and (max-width: 1023px) {
  7173. .td_module_1 .td-module-thumb,
  7174. .td_module_2 .td-module-thumb,
  7175. .td_module_3 .td-module-thumb,
  7176. .td_module_4 .td-module-thumb,
  7177. .td_module_5 .td-module-thumb,
  7178. .td_module_10 .td-module-thumb,
  7179. .td_module_11 .td-module-thumb {
  7180. margin-bottom: 8px;
  7181. }
  7182. }
  7183. @media (max-width: 767px) {
  7184. .td_module_1 .td-module-thumb,
  7185. .td_module_2 .td-module-thumb,
  7186. .td_module_3 .td-module-thumb,
  7187. .td_module_4 .td-module-thumb,
  7188. .td_module_5 .td-module-thumb,
  7189. .td_module_10 .td-module-thumb,
  7190. .td_module_11 .td-module-thumb {
  7191. margin-bottom: 9px;
  7192. }
  7193. }
  7194. .td_module_1 .td-post-author-name,
  7195. .td_module_2 .td-post-author-name,
  7196. .td_module_3 .td-post-author-name,
  7197. .td_module_4 .td-post-author-name,
  7198. .td_module_5 .td-post-author-name,
  7199. .td_module_10 .td-post-author-name,
  7200. .td_module_11 .td-post-author-name {
  7201. margin-bottom: 6px;
  7202. }
  7203. .td_module_1 .td-post-date,
  7204. .td_module_2 .td-post-date,
  7205. .td_module_3 .td-post-date,
  7206. .td_module_4 .td-post-date,
  7207. .td_module_5 .td-post-date,
  7208. .td_module_10 .td-post-date,
  7209. .td_module_11 .td-post-date {
  7210. margin-bottom: 6px;
  7211. }
  7212. .td_module_1 .meta-info,
  7213. .td_module_2 .meta-info,
  7214. .td_module_3 .meta-info,
  7215. .td_module_4 .meta-info,
  7216. .td_module_5 .meta-info,
  7217. .td_module_10 .meta-info,
  7218. .td_module_11 .meta-info {
  7219. margin-bottom: 5px;
  7220. line-height: 11px;
  7221. }
  7222. .td_module_6 .entry-title,
  7223. .td_module_7 .entry-title,
  7224. .td_module_8 .entry-title {
  7225. font-size: 13px;
  7226. font-weight: 600;
  7227. line-height: 19px;
  7228. margin: 0px 0px 12px 0px;
  7229. }
  7230. .td_module_6 .td-module-thumb,
  7231. .td_module_7 .td-module-thumb,
  7232. .td_module_8 .td-module-thumb {
  7233. margin-bottom: 12px;
  7234. }
  7235. .td_module_6 .td-post-author-name,
  7236. .td_module_7 .td-post-author-name,
  7237. .td_module_8 .td-post-author-name {
  7238. margin-bottom: 6px;
  7239. }
  7240. .td_module_6 .td-post-date,
  7241. .td_module_7 .td-post-date,
  7242. .td_module_8 .td-post-date {
  7243. margin-bottom: 6px;
  7244. }
  7245. .td_module_6 .meta-info,
  7246. .td_module_7 .meta-info,
  7247. .td_module_8 .meta-info {
  7248. margin-bottom: 5px;
  7249. line-height: 11px;
  7250. }
  7251. .td-excerpt,
  7252. .td-module-excerpt {
  7253. margin-bottom: 15px;
  7254. color: #444444;
  7255. font-size: 11px;
  7256. line-height: 20px;
  7257. }
  7258. .entry-review-stars {
  7259. display: inline-block;
  7260. position: relative;
  7261. top: -3px;
  7262. left: 1px;
  7263. }
  7264. /* the title */
  7265. .td-module-title a {
  7266. color: #111111;
  7267. font-family: 'Open Sans', arial, sans-serif;
  7268. }
  7269. .td-module-comments {
  7270. position: relative;
  7271. top: -3px;
  7272. background-color: #848484;
  7273. float: right;
  7274. font-family: 'Open Sans', arial, sans-serif;
  7275. font-size: 11px;
  7276. text-align: center;
  7277. -webkit-border-radius: 2px;
  7278. -webkit-border-bottom-right-radius: 0;
  7279. -moz-border-radius: 2px;
  7280. -moz-border-radius-bottomright: 0;
  7281. border-radius: 2px;
  7282. border-bottom-right-radius: 0;
  7283. }
  7284. .td-module-comments a {
  7285. color: #ffffff;
  7286. padding: 2px 6px 3px 6px;
  7287. display: inline-block;
  7288. min-width: 25px;
  7289. height: 20px;
  7290. line-height: 16px;
  7291. }
  7292. .td-module-comments a:after {
  7293. position: absolute;
  7294. bottom: -5px;
  7295. right: 0;
  7296. content: '';
  7297. width: 0px;
  7298. height: 0px;
  7299. border-style: solid;
  7300. border-width: 5px 5px 0 0;
  7301. border-color: #5b5b5b transparent transparent transparent;
  7302. }
  7303. .td-module-comments a:hover {
  7304. color: #ffffff;
  7305. }
  7306. .td-read-more {
  7307. height: 30px;
  7308. display: inline-block;
  7309. line-height: 29px;
  7310. }
  7311. .td-read-more a {
  7312. background-color: #444444;
  7313. border-radius: 3px;
  7314. color: #FFFFFF;
  7315. font-size: 11px;
  7316. font-weight: bold;
  7317. line-height: 16px;
  7318. padding: 8px 15px;
  7319. }
  7320. .td-read-more a:hover {
  7321. background-color: #4db2ec;
  7322. }
  7323. /* ----------------------------------------------------------------------------
  7324. thumbnails
  7325. */
  7326. .td_module_wrap {
  7327. position: relative;
  7328. }
  7329. .td-video-play-ico {
  7330. position: absolute;
  7331. left: 50%;
  7332. top: 50%;
  7333. z-index: 1;
  7334. }
  7335. .td-video-play-ico img {
  7336. position: relative;
  7337. left: -50%;
  7338. top: -20px !important;
  7339. }
  7340. .td-video-play-ico.td-video-small img {
  7341. top: -10px !important;
  7342. }
  7343. /* ----------------------------------------------------------------------------
  7344. admin edit
  7345. */
  7346. .td-admin-edit {
  7347. position: absolute;
  7348. left: 0px;
  7349. top: 0px;
  7350. display: none;
  7351. z-index: 9999;
  7352. background-color: rgba(0, 0, 0, 0.3);
  7353. color: white;
  7354. padding: 3px 5px;
  7355. }
  7356. .td-admin-edit:hover {
  7357. color: white;
  7358. }
  7359. /* ----------------------------------------------------------------------------
  7360. thumbnail
  7361. */
  7362. .td-module-thumb {
  7363. position: relative;
  7364. margin-bottom: 12px;
  7365. }
  7366. .td-module-thumb:hover .td-admin-edit {
  7367. display: block;
  7368. color: #ffffff;
  7369. }
  7370. .td-module-thumb .entry-thumb {
  7371. display: block;
  7372. /* responsive portrait phone */
  7373. }
  7374. @media (max-width: 767px) {
  7375. .td-module-thumb .entry-thumb {
  7376. width: 100%;
  7377. }
  7378. }
  7379. /* ----------------------------------------------------------------------------
  7380. hover title
  7381. */
  7382. .td_module_wrap .entry-title a,
  7383. .td_mod_mega_menu .entry-title a {
  7384. -o-transition: color 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
  7385. -moz-transition: color 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
  7386. -khtml-transition: color 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
  7387. -webkit-transition: color 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
  7388. -ms-transition: color 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
  7389. transition: color 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
  7390. }
  7391. .td_module_wrap:hover .entry-title a,
  7392. .td_mod_mega_menu:hover .entry-title a {
  7393. color: #4db2ec;
  7394. }
  7395. .td_module_mx1:hover .entry-title a {
  7396. color: #ffffff;
  7397. }
  7398. .td-module-image {
  7399. position: relative;
  7400. }
  7401. .td-module-image .td-post-category {
  7402. position: absolute;
  7403. line-height: 7px;
  7404. padding: 5px;
  7405. border-radius: 0px 3px 0px 0px;
  7406. bottom: 0;
  7407. display: block;
  7408. }
  7409. .wpb_widgetised_column {
  7410. padding: 0px !important;
  7411. margin-bottom: 20px !important;
  7412. }
  7413. .wpb_content_element {
  7414. border-style: solid !important;
  7415. border-width: 0px;
  7416. border-color: #e6e6e6;
  7417. padding-top: 23px;
  7418. }
  7419. .wpb_heading {
  7420. background-color: #222222;
  7421. border-radius: 3px;
  7422. color: #FFFFFF;
  7423. display: inline-table;
  7424. font-family: 'Open Sans', arial, sans-serif;
  7425. font-size: 11px;
  7426. font-weight: bold;
  7427. line-height: 16px;
  7428. padding: 2px 15px;
  7429. position: relative;
  7430. top: -3px;
  7431. vertical-align: middle;
  7432. margin: 0 0 16px;
  7433. }
  7434. .vc_wp_rss,
  7435. .vc_wp_archives,
  7436. .vc_wp_categories,
  7437. .vc_wp_posts,
  7438. .vc_wp_text,
  7439. .vc_wp_custommenu,
  7440. .vc_wp_tagcloud,
  7441. .vc_wp_pages,
  7442. .vc_wp_calendar,
  7443. .vc_wp_recentcomments,
  7444. .vc_wp_meta,
  7445. .vc_wp_search {
  7446. padding-top: 0px;
  7447. padding-left: 0px;
  7448. padding-right: 0px;
  7449. }
  7450. .vc_wp_rss .widgettitle a:first-child {
  7451. display: none;
  7452. }
  7453. .vc_wp_rss .widgettitle .rsswidget {
  7454. color: #ffffff;
  7455. line-height: 16px;
  7456. }
  7457. .vc_wp_search {
  7458. padding-bottom: 0px;
  7459. }
  7460. .vc_wp_search .wpb_button {
  7461. margin: 0px;
  7462. }
  7463. .vc_wp_search .widget_search {
  7464. margin-top: 20px;
  7465. margin-bottom: 20px;
  7466. }
  7467. .vc_wp_tagcloud .widgettitle {
  7468. margin-bottom: 20px;
  7469. }
  7470. .widgettitle {
  7471. background-color: #222222;
  7472. border-radius: 3px;
  7473. color: #FFFFFF;
  7474. display: inline-table;
  7475. font-family: 'Open Sans', arial, sans-serif;
  7476. font-size: 11px;
  7477. font-weight: bold;
  7478. line-height: 16px;
  7479. padding: 2px 15px;
  7480. position: relative;
  7481. top: -4px;
  7482. vertical-align: middle;
  7483. margin-bottom: 7px;
  7484. margin-top: 24px;
  7485. }
  7486. /*
  7487. text block
  7488. */
  7489. .wpb_text_column {
  7490. padding-top: 20px;
  7491. }
  7492. .wpb_text_column h1:first-child,
  7493. .wpb_text_column h2:first-child,
  7494. .wpb_text_column h3:first-child,
  7495. .wpb_text_column h4:first-child,
  7496. .wpb_text_column h5:first-child {
  7497. margin-top: 0px;
  7498. }
  7499. /*
  7500. separator
  7501. */
  7502. .vc_separator {
  7503. padding: 10px 0;
  7504. border-top: 0px;
  7505. }
  7506. /*
  7507. message box - alert
  7508. */
  7509. .wpb_alert {
  7510. border-top: 0px;
  7511. padding-top: 16px;
  7512. margin: 10px 20px 10px 20px;
  7513. border-color: initial;
  7514. /* responsive portrait tablet */
  7515. }
  7516. @media (min-width: 768px) and (max-width: 1023px) {
  7517. .wpb_alert {
  7518. margin: 10px 17px 10px 17px;
  7519. }
  7520. }
  7521. .wpb_alert.vc_alert_3d {
  7522. border-width: 0px;
  7523. }
  7524. /*
  7525. facebook
  7526. */
  7527. .fb_like {
  7528. border-top: 0px;
  7529. margin: 20px;
  7530. padding: 0px !important;
  7531. display: inline-block;
  7532. /* responsive portrait tablet */
  7533. }
  7534. @media (min-width: 768px) and (max-width: 1023px) {
  7535. .fb_like {
  7536. margin-left: 17px;
  7537. }
  7538. }
  7539. /*
  7540. twitter
  7541. */
  7542. .twitter-share-button {
  7543. margin: 20px 20px 0px !important;
  7544. padding: 0px !important;
  7545. display: inline-block;
  7546. /* responsive portrait tablet */
  7547. /* responsive portrait phone */
  7548. }
  7549. @media (min-width: 768px) and (max-width: 1023px) {
  7550. .twitter-share-button {
  7551. margin-left: 17px !important;
  7552. }
  7553. }
  7554. @media (max-width: 767px) {
  7555. .twitter-share-button {
  7556. margin-left: 10px !important;
  7557. }
  7558. }
  7559. .twitter-count-vertical {
  7560. padding-left: 0px;
  7561. }
  7562. /*
  7563. g+
  7564. */
  7565. .wpb_googleplus {
  7566. border-top: 0px;
  7567. margin: 20px !important;
  7568. padding: 0px;
  7569. display: inline-block;
  7570. /* responsive portrait tablet */
  7571. /* responsive portrait phone */
  7572. }
  7573. @media (min-width: 768px) and (max-width: 1023px) {
  7574. .wpb_googleplus {
  7575. padding-left: 17px;
  7576. }
  7577. }
  7578. @media (max-width: 767px) {
  7579. .wpb_googleplus {
  7580. padding-left: 10px;
  7581. }
  7582. }
  7583. /*
  7584. pinterest
  7585. */
  7586. .wpb_pinterest {
  7587. border-top: 0px;
  7588. margin: 20px !important;
  7589. padding: 0px !important;
  7590. display: inline-block;
  7591. }
  7592. .wpb_pinterest_type_vertical a {
  7593. margin-top: 40px !important;
  7594. }
  7595. /*
  7596. FAQ - toggle
  7597. */
  7598. .wpb_toggle {
  7599. margin: 20px 20px 10px 20px;
  7600. background-color: #FFFFFF;
  7601. color: #444444;
  7602. border: 1px solid #444444 !important;
  7603. border-radius: 3px;
  7604. padding: 4px 15px !important;
  7605. font-family: 'Open Sans', arial, sans-serif;
  7606. font-size: 11px;
  7607. line-height: 16px;
  7608. font-weight: 700;
  7609. text-transform: uppercase;
  7610. background-position: 99% center;
  7611. /* responsive portrait tablet */
  7612. }
  7613. @media (min-width: 768px) and (max-width: 1023px) {
  7614. .wpb_toggle {
  7615. margin: 10px 17px 10px 17px;
  7616. }
  7617. }
  7618. .wpb_toggle_title_active {
  7619. background-color: #444444 !important;
  7620. color: #FFFFFF !important;
  7621. }
  7622. .wpb_toggle_content {
  7623. padding: 0 20px 0 20px;
  7624. }
  7625. /*
  7626. Single image
  7627. */
  7628. .wpb_single_image {
  7629. padding-top: 20px;
  7630. }
  7631. .vc_align_center img {
  7632. margin: auto;
  7633. }
  7634. .vc_align_right img {
  7635. margin-left: auto;
  7636. }
  7637. /*
  7638. Image gallery
  7639. */
  7640. .wpb_gallery .flexslider {
  7641. overflow: hidden;
  7642. }
  7643. .wpb_gallery .wpb_flexslider .flex-control-nav {
  7644. bottom: 0;
  7645. z-index: 2;
  7646. }
  7647. .flex-direction-nav a {
  7648. height: 45px;
  7649. padding-top: 8px;
  7650. }
  7651. .flex-direction-nav a:before {
  7652. font-family: 'newsmag', sans-serif !important;
  7653. }
  7654. .flex-direction-nav a.flex-next:before {
  7655. content: '\e808' !important;
  7656. }
  7657. .flex-direction-nav a.flex-prev:before {
  7658. content: '\e807' !important;
  7659. }
  7660. /*
  7661. Image carousel
  7662. */
  7663. .wpb_content_element .icon-next:before {
  7664. font-family: 'newsmag', sans-serif !important;
  7665. content: '\e808' !important;
  7666. color: #ffffff;
  7667. font-size: 20px;
  7668. top: 0px !important;
  7669. }
  7670. .wpb_content_element .icon-prev:before {
  7671. font-family: 'newsmag', sans-serif !important;
  7672. content: '\e807' !important;
  7673. color: #ffffff;
  7674. font-size: 20px;
  7675. top: 0px !important;
  7676. }
  7677. body .td-pb-span12 .vc_left {
  7678. margin-left: 15px;
  7679. }
  7680. body .td-pb-span12 .vc_right {
  7681. margin-right: 15px;
  7682. }
  7683. body .td-pb-span12 .wpb_images_carousel {
  7684. padding-left: 0px;
  7685. padding-right: 0px;
  7686. }
  7687. body .td-pb-span12 .vc_images_carousel {
  7688. padding-right: 19px;
  7689. padding-left: 20px;
  7690. /* responsive portrait tablet */
  7691. /* responsive portrait phone */
  7692. }
  7693. @media (min-width: 768px) and (max-width: 1023px) {
  7694. body .td-pb-span12 .vc_images_carousel {
  7695. padding-left: 17px;
  7696. padding-right: 17px;
  7697. }
  7698. }
  7699. @media (max-width: 767px) {
  7700. body .td-pb-span12 .vc_images_carousel {
  7701. padding-left: 10px;
  7702. padding-right: 10px;
  7703. }
  7704. }
  7705. body .td-pb-span12 .wpb_gallery_heading {
  7706. margin: 20px 0px 0px 20px;
  7707. top: 0px;
  7708. /* responsive portrait tablet */
  7709. /* responsive portrait phone */
  7710. }
  7711. @media (min-width: 768px) and (max-width: 1023px) {
  7712. body .td-pb-span12 .wpb_gallery_heading {
  7713. margin-left: 17px;
  7714. }
  7715. }
  7716. @media (max-width: 767px) {
  7717. body .td-pb-span12 .wpb_gallery_heading {
  7718. margin-left: 10px;
  7719. }
  7720. }
  7721. body .td-pb-span12 .vc_per-view-more {
  7722. width: 1019px !important;
  7723. padding-right: 10px;
  7724. padding-left: 10px;
  7725. /* responsive portrait tablet */
  7726. /* responsive portrait phone */
  7727. }
  7728. @media (min-width: 768px) and (max-width: 1023px) {
  7729. body .td-pb-span12 .vc_per-view-more {
  7730. width: 758px !important;
  7731. padding-left: 7px;
  7732. }
  7733. }
  7734. @media (max-width: 767px) {
  7735. body .td-pb-span12 .vc_per-view-more {
  7736. width: auto !important;
  7737. padding-left: 0px;
  7738. padding-right: 0px;
  7739. }
  7740. }
  7741. body .vc_images_carousel {
  7742. width: auto !important;
  7743. }
  7744. .wpb_images_carousel .wpb_wrapper .wpb_gallery_heading {
  7745. margin: 0px 0px 20px 20px;
  7746. top: 0px;
  7747. /* responsive portrait tablet */
  7748. /* responsive portrait phone */
  7749. }
  7750. @media (min-width: 768px) and (max-width: 1023px) {
  7751. .wpb_images_carousel .wpb_wrapper .wpb_gallery_heading {
  7752. margin-left: 17px;
  7753. }
  7754. }
  7755. @media (max-width: 767px) {
  7756. .wpb_images_carousel .wpb_wrapper .wpb_gallery_heading {
  7757. margin-left: 10px;
  7758. }
  7759. }
  7760. /*
  7761. Tabs
  7762. */
  7763. .wpb_tabs {
  7764. margin: 0px;
  7765. padding: 0px;
  7766. }
  7767. .wpb_tabs .wpb_tabs_nav {
  7768. margin: 20px 20px 0px 19px;
  7769. /* responsive portrait phone */
  7770. }
  7771. @media (max-width: 767px) {
  7772. .wpb_tabs .wpb_tabs_nav {
  7773. margin-left: auto;
  7774. margin-right: auto;
  7775. display: table;
  7776. }
  7777. }
  7778. .wpb_tabs .wpb_tab {
  7779. background-color: #ffffff !important;
  7780. padding: 0 !important;
  7781. }
  7782. .wpb_tabs .wpb_tab .td_block_wrap {
  7783. border-top: 0;
  7784. }
  7785. .wpb_tabs .wpb_tab .td_block_13,
  7786. .wpb_tabs .wpb_tab .td_block_14,
  7787. .wpb_tabs .wpb_tab .td_block_15 {
  7788. padding-top: 20px;
  7789. left: -1px;
  7790. }
  7791. .wpb_tabs li {
  7792. line-height: 16px;
  7793. margin-right: 0 !important;
  7794. margin-bottom: 5px !important;
  7795. }
  7796. .wpb_tabs li:first-child a {
  7797. border-radius: 3px 0 0 3px;
  7798. }
  7799. .wpb_tabs li:last-child a {
  7800. border-radius: 0 3px 3px 0;
  7801. border-right: 1px solid #222222;
  7802. }
  7803. .wpb_tabs li:last-child a:before {
  7804. display: none;
  7805. }
  7806. .wpb_tabs li a {
  7807. background-color: #FFFFFF;
  7808. color: #444444;
  7809. border-top: 1px solid #222222;
  7810. border-left: 1px solid #222222;
  7811. border-bottom: 1px solid #222222 !important;
  7812. border-right: 0px;
  7813. border-radius: 0px;
  7814. padding: 1px 15px !important;
  7815. font-family: 'Open Sans', arial, sans-serif;
  7816. font-size: 11px;
  7817. line-height: 16px;
  7818. font-weight: 700;
  7819. text-transform: uppercase;
  7820. position: relative;
  7821. -o-transition: none;
  7822. -moz-transition: none;
  7823. -khtml-transition: none;
  7824. -webkit-transition: none;
  7825. -ms-transition: none;
  7826. transition: none;
  7827. }
  7828. .wpb_tabs li a:before {
  7829. background-color: #222222;
  7830. content: "";
  7831. display: block;
  7832. height: 20px;
  7833. position: absolute;
  7834. right: -1px;
  7835. top: -1px;
  7836. width: 1px;
  7837. }
  7838. .wpb_tabs li.ui-tabs-active a {
  7839. background-color: #222222;
  7840. color: #FFFFFF;
  7841. }
  7842. .wpb_tabs li:hover a {
  7843. background-color: #222222;
  7844. color: #FFFFFF;
  7845. }
  7846. .td-pb-span6 .wpb_tabs_nav,
  7847. .td-pb-span4 .wpb_tabs_nav {
  7848. margin-left: auto;
  7849. margin-right: auto;
  7850. display: table;
  7851. }
  7852. /*
  7853. Tour section
  7854. */
  7855. .wpb_tour .wpb_heading {
  7856. float: left;
  7857. }
  7858. .wpb_tour .wpb_tabs_nav {
  7859. clear: both;
  7860. }
  7861. .wpb_tour .wpb_tabs_nav li {
  7862. line-height: 16px;
  7863. margin: 0px !important;
  7864. }
  7865. .wpb_tour .wpb_tabs_nav li:first-child a {
  7866. border-radius: 3px 0px 0px 0px;
  7867. }
  7868. .wpb_tour .wpb_tabs_nav li:last-child a {
  7869. border-radius: 0px 0px 0px 3px;
  7870. border-bottom: 1px solid #444444;
  7871. }
  7872. .wpb_tour .wpb_tabs_nav li a {
  7873. background-color: #FFFFFF;
  7874. color: #444444;
  7875. border-top: 1px solid #444444;
  7876. border-left: 1px solid #444444;
  7877. border-right: 1px solid #444444 !important;
  7878. border-bottom: 0px;
  7879. border-radius: 0px;
  7880. padding: 4px 15px !important;
  7881. font-family: 'Open Sans', arial, sans-serif;
  7882. font-size: 11px;
  7883. line-height: 16px;
  7884. font-weight: 700;
  7885. text-transform: uppercase;
  7886. }
  7887. .wpb_tour .wpb_tabs_nav li.ui-tabs-active a {
  7888. background-color: #444444;
  7889. color: #FFFFFF;
  7890. }
  7891. .wpb_tour .wpb_tabs_nav li:hover a {
  7892. background-color: #444444;
  7893. color: #FFFFFF;
  7894. }
  7895. .wpb_tour .wpb_content_element {
  7896. padding: 0px !important;
  7897. }
  7898. /*
  7899. Accordion
  7900. */
  7901. .wpb_accordion {
  7902. padding-top: 20px;
  7903. }
  7904. .wpb_accordion .ui-state-active a {
  7905. background-color: #444444 !important;
  7906. color: #FFFFFF !important;
  7907. }
  7908. .wpb_accordion .wpb_content_element {
  7909. padding: 0px !important;
  7910. }
  7911. .wpb_accordion .wpb_accordion_content {
  7912. padding: 10px 0px 20px 0px !important;
  7913. }
  7914. .wpb_accordion .wpb_accordion_header {
  7915. background-color: #ffffff !important;
  7916. margin-bottom: 5px !important;
  7917. }
  7918. .wpb_accordion .wpb_accordion_header span {
  7919. top: 0px !important;
  7920. bottom: 0px !important;
  7921. margin: auto;
  7922. }
  7923. .wpb_accordion .wpb_accordion_header a {
  7924. background-color: #FFFFFF;
  7925. color: #444444;
  7926. border: 1px solid #444444;
  7927. border-radius: 3px;
  7928. padding: 4px 15px !important;
  7929. font-family: 'Open Sans', arial, sans-serif;
  7930. font-size: 11px;
  7931. line-height: 16px;
  7932. font-weight: 700;
  7933. text-transform: uppercase;
  7934. }
  7935. /*
  7936. Posts grid
  7937. */
  7938. .wpb_teaser_grid {
  7939. padding: 23px 0px 0px 0px;
  7940. }
  7941. .wpb_teaser_grid .wpb_teaser_grid_heading {
  7942. margin-left: 20px;
  7943. }
  7944. .teaser_grid_container ul {
  7945. margin: 0px;
  7946. }
  7947. .teaser_grid_container li {
  7948. padding: 0px 20px 0px 20px !important;
  7949. width: 33% !important;
  7950. /* responsive portrait tablet */
  7951. }
  7952. @media (min-width: 768px) and (max-width: 1023px) {
  7953. .teaser_grid_container li {
  7954. padding: 0px 16px 0px 16px !important;
  7955. }
  7956. }
  7957. .teaser_grid_container .post-title {
  7958. margin: 0px 0px 10px 0px;
  7959. line-height: 16px;
  7960. }
  7961. .teaser_grid_container .post-title a {
  7962. font-size: 13px;
  7963. font-weight: 600;
  7964. line-height: 16px;
  7965. margin: 0px 0px 12px 0px;
  7966. color: #222222;
  7967. }
  7968. .teaser_grid_container .post-thumb img {
  7969. margin-bottom: 35px !important;
  7970. }
  7971. /*
  7972. Carousel
  7973. */
  7974. .vc_carousel {
  7975. padding: 0px;
  7976. }
  7977. .vc_carousel .vc_carousel {
  7978. padding: 23px 0px 20px 0px;
  7979. }
  7980. .vc_carousel .vc_slide {
  7981. margin: 0px 20px 0px 20px !important;
  7982. /* responsive portrait tablet */
  7983. /* responsive portrait phone */
  7984. }
  7985. @media (min-width: 768px) and (max-width: 1023px) {
  7986. .vc_carousel .vc_slide {
  7987. margin: 0px 17px 0px 17px !important;
  7988. }
  7989. }
  7990. @media (max-width: 767px) {
  7991. .vc_carousel .vc_slide {
  7992. margin: 0px 10px 0px 10px !important;
  7993. }
  7994. }
  7995. .vc_carousel .vc_per-view-more {
  7996. margin: 0px !important;
  7997. }
  7998. .vc_carousel .icon-next:before,
  7999. .vc_carousel .icon-prev:before {
  8000. top: 0px !important;
  8001. }
  8002. .vc_carousel .wpb_gallery_heading {
  8003. margin: 20px 0px 0px 20px;
  8004. top: 0px;
  8005. /* responsive portrait tablet */
  8006. /* responsive portrait phone */
  8007. }
  8008. @media (min-width: 768px) and (max-width: 1023px) {
  8009. .vc_carousel .wpb_gallery_heading {
  8010. margin-left: 17px;
  8011. }
  8012. }
  8013. @media (max-width: 767px) {
  8014. .vc_carousel .wpb_gallery_heading {
  8015. margin-left: 10px;
  8016. }
  8017. }
  8018. .vc_carousel .post-title {
  8019. margin: 0px 0px 10px 0px;
  8020. line-height: 16px;
  8021. }
  8022. .vc_carousel .post-title a {
  8023. font-size: 13px;
  8024. font-weight: 600;
  8025. line-height: 10px;
  8026. margin: 0px 0px 12px 0px;
  8027. color: #222222;
  8028. }
  8029. /*
  8030. Buttons
  8031. */
  8032. .wpb_button {
  8033. display: inline-block;
  8034. font-family: 'Open Sans', arial, sans-serif;
  8035. font-weight: 600;
  8036. line-height: 24px;
  8037. text-shadow: none;
  8038. margin-bottom: 20px !important;
  8039. margin-left: 20px;
  8040. margin-right: 20px;
  8041. border: none;
  8042. transition: none;
  8043. }
  8044. .wpb_button:hover {
  8045. text-shadow: none;
  8046. }
  8047. .vc_btn {
  8048. margin-bottom: 20px !important;
  8049. margin-left: 20px;
  8050. margin-right: 20px;
  8051. transition: none !important;
  8052. }
  8053. .td-post-content .vc_btn {
  8054. margin-left: 0px;
  8055. margin-right: 0px;
  8056. }
  8057. .wpb_text_column .vc_btn,
  8058. .widget_text .vc_btn {
  8059. margin-left: 0px;
  8060. margin-right: 0px;
  8061. }
  8062. body .vc_btn:hover {
  8063. text-decoration: none !important;
  8064. }
  8065. .vc_btn-black:hover,
  8066. .wpb_btn-black:hover {
  8067. background-color: #4db2ec !important;
  8068. }
  8069. .wpb_default {
  8070. background-color: #4db2ec;
  8071. }
  8072. .wpb_default:hover {
  8073. text-shadow: none;
  8074. background-color: #4db2ec;
  8075. opacity: 0.8;
  8076. -webkit-transition: opacity 0.4s;
  8077. -moz-transition: opacity 0.4s;
  8078. -o-transition: opacity 0.4s;
  8079. transition: opacity 0.4s;
  8080. }
  8081. /*
  8082. Call to action
  8083. */
  8084. .wpb_call_to_action {
  8085. padding-top: 20px;
  8086. background-color: #444444;
  8087. }
  8088. .wpb_call_to_action .wpb_call_text {
  8089. color: #ffffff;
  8090. }
  8091. .vc_call_to_action {
  8092. padding-top: 20px;
  8093. }
  8094. /*
  8095. Video
  8096. */
  8097. .wpb_video_widget {
  8098. margin-bottom: 26px;
  8099. }
  8100. .wpb_video_widget .wpb_video_wrapper {
  8101. padding-top: 0px !important;
  8102. }
  8103. .wpb_video_widget .wpb_video_wrapper iframe {
  8104. position: relative;
  8105. }
  8106. /*
  8107. Flickr
  8108. */
  8109. .wpb_flickr_widget .wpb_heading {
  8110. display: table;
  8111. }
  8112. /*
  8113. VC 4.4
  8114. */
  8115. .vc_custom_heading h4 {
  8116. margin: 0;
  8117. }
  8118. .vc_grid .vc_btn {
  8119. margin: 0 !important;
  8120. }
  8121. /* ----------------------------------------------------------------------------
  8122. Module 1
  8123. */
  8124. .td_module_1 {
  8125. padding-bottom: 36px;
  8126. /* responsive portrait tablet */
  8127. }
  8128. @media (min-width: 768px) and (max-width: 1023px) {
  8129. .td_module_1 {
  8130. padding-bottom: 32px;
  8131. }
  8132. }
  8133. .td_module_1 .entry-title {
  8134. margin: 0px 0px 11px 0px;
  8135. /* responsive portrait tablet */
  8136. /* responsive portrait phone */
  8137. }
  8138. @media (min-width: 768px) and (max-width: 1023px) {
  8139. .td_module_1 .entry-title {
  8140. margin-bottom: 7px;
  8141. }
  8142. }
  8143. @media (max-width: 767px) {
  8144. .td_module_1 .entry-title {
  8145. margin-bottom: 7px;
  8146. }
  8147. }
  8148. .td_module_1 .td-module-image .td-module-thumb {
  8149. margin-bottom: 12px;
  8150. /* responsive portrait tablet */
  8151. /* responsive portrait phone */
  8152. }
  8153. @media (min-width: 768px) and (max-width: 1023px) {
  8154. .td_module_1 .td-module-image .td-module-thumb {
  8155. margin-bottom: 9px;
  8156. }
  8157. }
  8158. @media (max-width: 767px) {
  8159. .td_module_1 .td-module-image .td-module-thumb {
  8160. margin-bottom: 9px;
  8161. }
  8162. }
  8163. .td_module_1 .entry-thumb {
  8164. /* responsive desktop */
  8165. /* responsive portrait tablet */
  8166. }
  8167. @media (min-width: 1024px) {
  8168. .td_module_1 .entry-thumb {
  8169. min-height: 160px;
  8170. }
  8171. }
  8172. @media (min-width: 768px) and (max-width: 1023px) {
  8173. .td_module_1 .entry-thumb {
  8174. min-height: 116px;
  8175. }
  8176. }
  8177. .td-module-meta-info {
  8178. font-family: 'Open Sans', arial, sans-serif;
  8179. font-size: 11px;
  8180. line-height: 14px;
  8181. }
  8182. .td-module-meta-info .td-post-author-name {
  8183. color: #222222;
  8184. font-weight: bold;
  8185. margin-bottom: 3px;
  8186. }
  8187. .td-module-meta-info .td-post-date {
  8188. color: #444444;
  8189. font-style: italic;
  8190. margin-bottom: 3px;
  8191. }
  8192. .td-module-meta-info .entry-review-stars {
  8193. height: 15px;
  8194. position: relative;
  8195. top: -1px;
  8196. margin-bottom: 2px;
  8197. }
  8198. .td-module-meta-info .entry-review-stars i {
  8199. line-height: 10px;
  8200. }
  8201. /* ----------------------------------------------------------------------------
  8202. Module 2
  8203. */
  8204. .td_module_2 {
  8205. padding-bottom: 22px;
  8206. }
  8207. .td_module_2 .entry-title {
  8208. margin: 0px 0px 13px 0px;
  8209. /* responsive portrait tablet */
  8210. /* responsive portrait phone */
  8211. }
  8212. @media (min-width: 768px) and (max-width: 1023px) {
  8213. .td_module_2 .entry-title {
  8214. margin-bottom: 8px;
  8215. }
  8216. }
  8217. @media (max-width: 767px) {
  8218. .td_module_2 .entry-title {
  8219. margin-bottom: 8px;
  8220. }
  8221. }
  8222. .td_module_2 .td-module-image .td-module-thumb {
  8223. margin-bottom: 12px;
  8224. /* responsive portrait tablet */
  8225. /* responsive portrait phone */
  8226. }
  8227. @media (min-width: 768px) and (max-width: 1023px) {
  8228. .td_module_2 .td-module-image .td-module-thumb {
  8229. margin-bottom: 12px;
  8230. }
  8231. }
  8232. @media (max-width: 767px) {
  8233. .td_module_2 .td-module-image .td-module-thumb {
  8234. margin-bottom: 12px;
  8235. }
  8236. }
  8237. .td_module_2 .entry-thumb {
  8238. /* responsive desktop */
  8239. /* responsive portrait tablet */
  8240. }
  8241. @media (min-width: 1024px) {
  8242. .td_module_2 .entry-thumb {
  8243. min-height: 160px;
  8244. }
  8245. }
  8246. @media (min-width: 768px) and (max-width: 1023px) {
  8247. .td_module_2 .entry-thumb {
  8248. min-height: 116px;
  8249. }
  8250. }
  8251. .td_module_2 .meta-info {
  8252. margin-bottom: 6px;
  8253. }
  8254. .td_module_2 .td-module-comments {
  8255. top: -4px;
  8256. }
  8257. .td_module_2 .entry-review-stars {
  8258. height: 15px;
  8259. position: relative;
  8260. top: -1px;
  8261. margin-bottom: 2px;
  8262. }
  8263. .td_module_2 .entry-review-stars i {
  8264. line-height: 10px;
  8265. }
  8266. /* ----------------------------------------------------------------------------
  8267. Module 3
  8268. */
  8269. .td_module_3 {
  8270. padding-bottom: 30px;
  8271. }
  8272. .td_module_3 .td-module-comments {
  8273. top: -4px;
  8274. }
  8275. .td_module_3 .td-module-image .td-module-thumb {
  8276. margin-bottom: 12px;
  8277. }
  8278. .td_module_3 .entry-review-stars {
  8279. height: 15px;
  8280. position: relative;
  8281. top: -1px;
  8282. margin-bottom: 2px;
  8283. }
  8284. .td_module_3 .entry-review-stars i {
  8285. line-height: 10px;
  8286. }
  8287. .td_module_3 .entry-thumb {
  8288. /* responsive desktop */
  8289. /* responsive portrait tablet */
  8290. }
  8291. @media (min-width: 1024px) {
  8292. .td_module_3 .entry-thumb {
  8293. min-height: 194px;
  8294. }
  8295. }
  8296. @media (min-width: 768px) and (max-width: 1023px) {
  8297. .td_module_3 .entry-thumb {
  8298. min-height: 141px;
  8299. }
  8300. }
  8301. /* ----------------------------------------------------------------------------
  8302. Module 4
  8303. */
  8304. .td_module_4 {
  8305. margin-bottom: 37px;
  8306. }
  8307. .td_module_4 .td-module-image .td-module-thumb {
  8308. margin-bottom: 12px;
  8309. /* responsive portrait tablet */
  8310. /* responsive portrait phone */
  8311. }
  8312. @media (min-width: 768px) and (max-width: 1023px) {
  8313. .td_module_4 .td-module-image .td-module-thumb {
  8314. margin-bottom: 12px;
  8315. }
  8316. }
  8317. @media (max-width: 767px) {
  8318. .td_module_4 .td-module-image .td-module-thumb {
  8319. margin-bottom: 12px;
  8320. }
  8321. }
  8322. .td_module_4 .meta-info {
  8323. margin-bottom: 6px;
  8324. }
  8325. .td_module_4 .td-module-comments {
  8326. top: -4px;
  8327. }
  8328. .td_module_4 .entry-review-stars {
  8329. height: 15px;
  8330. position: relative;
  8331. top: -1px;
  8332. margin-bottom: 2px;
  8333. }
  8334. .td_module_4 .entry-review-stars i {
  8335. line-height: 10px;
  8336. }
  8337. .td_module_4 .entry-thumb {
  8338. /* responsive desktop */
  8339. /* responsive portrait tablet */
  8340. }
  8341. @media (min-width: 1024px) {
  8342. .td_module_4 .entry-thumb {
  8343. min-height: 194px;
  8344. }
  8345. }
  8346. @media (min-width: 768px) and (max-width: 1023px) {
  8347. .td_module_4 .entry-thumb {
  8348. min-height: 141px;
  8349. }
  8350. }
  8351. /* ----------------------------------------------------------------------------
  8352. Module 5
  8353. */
  8354. .td_module_5 {
  8355. margin-bottom: 12px !important;
  8356. border-bottom: 1px dashed #f1f1f1;
  8357. padding-bottom: 16px;
  8358. /* responsive portrait phone */
  8359. }
  8360. @media (max-width: 767px) {
  8361. .td_module_5 {
  8362. margin-bottom: 16px !important;
  8363. }
  8364. }
  8365. .td_module_5 .td-module-image .td-module-thumb {
  8366. margin-bottom: 13px;
  8367. position: relative;
  8368. /* responsive portrait tablet */
  8369. /* responsive portrait phone */
  8370. }
  8371. @media (min-width: 768px) and (max-width: 1023px) {
  8372. .td_module_5 .td-module-image .td-module-thumb {
  8373. margin-bottom: 9px;
  8374. }
  8375. }
  8376. @media (max-width: 767px) {
  8377. .td_module_5 .td-module-image .td-module-thumb {
  8378. margin-bottom: 9px;
  8379. }
  8380. }
  8381. .td_module_5 .entry-title {
  8382. margin-bottom: 10px;
  8383. /* responsive portrait tablet */
  8384. /* responsive portrait phone */
  8385. }
  8386. @media (min-width: 768px) and (max-width: 1023px) {
  8387. .td_module_5 .entry-title {
  8388. margin-bottom: 8px;
  8389. }
  8390. }
  8391. @media (max-width: 767px) {
  8392. .td_module_5 .entry-title {
  8393. margin-bottom: 8px;
  8394. }
  8395. }
  8396. .td_module_5 .td-module-comments {
  8397. top: -4px;
  8398. }
  8399. .td_module_5 .td-excerpt {
  8400. margin-bottom: 0px;
  8401. }
  8402. .td_module_5 .meta-info {
  8403. margin-bottom: 11px;
  8404. /* responsive portrait tablet */
  8405. /* responsive portrait phone */
  8406. }
  8407. @media (min-width: 768px) and (max-width: 1023px) {
  8408. .td_module_5 .meta-info {
  8409. margin-bottom: 10px;
  8410. }
  8411. }
  8412. @media (max-width: 767px) {
  8413. .td_module_5 .meta-info {
  8414. margin-bottom: 10px;
  8415. }
  8416. }
  8417. .td_module_5 .entry-review-stars {
  8418. height: 15px;
  8419. position: relative;
  8420. top: -1px;
  8421. margin-bottom: 2px;
  8422. }
  8423. .td_module_5 .entry-review-stars i {
  8424. line-height: 10px;
  8425. }
  8426. .td_module_5 .entry-thumb {
  8427. /* responsive desktop */
  8428. /* responsive portrait tablet */
  8429. }
  8430. @media (min-width: 1024px) {
  8431. .td_module_5 .entry-thumb {
  8432. min-height: 194px;
  8433. }
  8434. }
  8435. @media (min-width: 768px) and (max-width: 1023px) {
  8436. .td_module_5 .entry-thumb {
  8437. min-height: 141px;
  8438. }
  8439. }
  8440. .td-block-row:last-child .td_module_5 {
  8441. border-bottom: none;
  8442. padding-bottom: 2px;
  8443. }
  8444. /* ----------------------------------------------------------------------------
  8445. Module 6
  8446. */
  8447. .td_module_6 {
  8448. *zoom: 1;
  8449. }
  8450. .td_module_6:before,
  8451. .td_module_6:after {
  8452. display: table;
  8453. content: "";
  8454. line-height: 0;
  8455. }
  8456. .td_module_6:after {
  8457. clear: both;
  8458. }
  8459. .td_module_6 .entry-title {
  8460. margin: 0px 0px 7px 0px;
  8461. /* responsive portrait tablet */
  8462. }
  8463. @media (min-width: 768px) and (max-width: 1023px) {
  8464. .td_module_6 .entry-title {
  8465. font-size: 12px;
  8466. }
  8467. }
  8468. .td_module_6 .td-module-thumb {
  8469. position: absolute;
  8470. /* responsive portrait tablet */
  8471. }
  8472. @media (min-width: 768px) and (max-width: 1023px) {
  8473. .td_module_6 .td-module-thumb {
  8474. width: 80px;
  8475. }
  8476. }
  8477. .td_module_6 .meta-info {
  8478. margin-bottom: 0px;
  8479. }
  8480. .td_module_6 .meta-info div {
  8481. margin-bottom: 0px;
  8482. }
  8483. .td_module_6 .item-details {
  8484. margin-left: 120px;
  8485. margin-bottom: 20px;
  8486. top: 0px;
  8487. display: block;
  8488. min-height: 76px;
  8489. /* responsive portrait tablet */
  8490. /* responsive portrait phone */
  8491. }
  8492. @media (min-width: 768px) and (max-width: 1023px) {
  8493. .td_module_6 .item-details {
  8494. margin-left: 96px;
  8495. }
  8496. }
  8497. @media (max-width: 767px) {
  8498. .td_module_6 .item-details {
  8499. margin-left: 110px;
  8500. }
  8501. }
  8502. .td_module_6 .entry-date {
  8503. position: relative;
  8504. }
  8505. .td_module_6 .entry-thumb {
  8506. width: 100px;
  8507. height: auto;
  8508. /* responsive desktop */
  8509. /* responsive portrait tablet */
  8510. }
  8511. @media (min-width: 1024px) {
  8512. .td_module_6 .entry-thumb {
  8513. min-height: 75px;
  8514. }
  8515. }
  8516. @media (min-width: 768px) and (max-width: 1023px) {
  8517. .td_module_6 .entry-thumb {
  8518. min-height: 60px;
  8519. }
  8520. }
  8521. /* ----------------------------------------------------------------------------
  8522. Module 7
  8523. */
  8524. .td_module_7 {
  8525. *zoom: 1;
  8526. }
  8527. .td_module_7:before,
  8528. .td_module_7:after {
  8529. display: table;
  8530. content: "";
  8531. line-height: 0;
  8532. }
  8533. .td_module_7:after {
  8534. clear: both;
  8535. }
  8536. .td_module_7 .entry-title {
  8537. margin: 0px 0px 7px 0px;
  8538. /* responsive portrait tablet */
  8539. }
  8540. @media (min-width: 768px) and (max-width: 1023px) {
  8541. .td_module_7 .entry-title {
  8542. font-size: 12px;
  8543. }
  8544. }
  8545. .td_module_7 .td-module-thumb {
  8546. position: absolute;
  8547. right: 0;
  8548. /* responsive portrait tablet */
  8549. }
  8550. @media (min-width: 768px) and (max-width: 1023px) {
  8551. .td_module_7 .td-module-thumb {
  8552. width: 80px;
  8553. }
  8554. }
  8555. .td_module_7 .meta-info {
  8556. margin-bottom: 0px;
  8557. }
  8558. .td_module_7 .meta-info div {
  8559. margin-bottom: 0px;
  8560. }
  8561. .td_module_7 .item-details {
  8562. margin-right: 120px;
  8563. margin-bottom: 20px;
  8564. top: 0px;
  8565. display: block;
  8566. min-height: 76px;
  8567. /* responsive portrait tablet */
  8568. /* responsive portrait phone */
  8569. }
  8570. @media (min-width: 768px) and (max-width: 1023px) {
  8571. .td_module_7 .item-details {
  8572. margin-right: 96px;
  8573. }
  8574. }
  8575. @media (max-width: 767px) {
  8576. .td_module_7 .item-details {
  8577. margin-right: 110px;
  8578. }
  8579. }
  8580. .td_module_7 .entry-date {
  8581. position: relative;
  8582. }
  8583. .td_module_7 .entry-thumb {
  8584. width: 100px;
  8585. height: auto;
  8586. /* responsive desktop */
  8587. /* responsive portrait tablet */
  8588. }
  8589. @media (min-width: 1024px) {
  8590. .td_module_7 .entry-thumb {
  8591. min-height: 75px;
  8592. }
  8593. }
  8594. @media (min-width: 768px) and (max-width: 1023px) {
  8595. .td_module_7 .entry-thumb {
  8596. min-height: 60px;
  8597. }
  8598. }
  8599. /* ----------------------------------------------------------------------------
  8600. Module 8
  8601. */
  8602. .td_module_8 {
  8603. position: relative;
  8604. top: -4px;
  8605. }
  8606. .td_module_8 .td-module-comments {
  8607. top: 2px;
  8608. }
  8609. .td_module_8 .entry-review-stars {
  8610. height: 15px;
  8611. position: relative;
  8612. top: 1px;
  8613. margin-bottom: 5px;
  8614. }
  8615. .td_module_8 .entry-review-stars i {
  8616. line-height: 10px;
  8617. }
  8618. .td_module_8 .td-post-category {
  8619. padding: 2px 5px;
  8620. }
  8621. .td_module_8 .item-details {
  8622. border-bottom: 1px dashed #f1f1f1;
  8623. padding-bottom: 13px;
  8624. margin-bottom: 11px;
  8625. }
  8626. .td_module_8 .entry-title {
  8627. margin-bottom: 2px;
  8628. }
  8629. .td_module_8 .meta-info {
  8630. display: inline;
  8631. }
  8632. /* ----------------------------------------------------------------------------
  8633. Module 9
  8634. */
  8635. .td_module_9 {
  8636. text-align: center;
  8637. position: relative;
  8638. top: -6px;
  8639. margin-top: 8px;
  8640. }
  8641. .td_module_9 .entry-title {
  8642. font-size: 15px;
  8643. line-height: 21px;
  8644. font-weight: bold;
  8645. margin: 0px 0px 10px 0px;
  8646. }
  8647. .td_module_9 .item-details {
  8648. border-bottom: 1px dashed #f1f1f1;
  8649. padding-bottom: 10px;
  8650. margin-bottom: 16px;
  8651. /* responsive portrait tablet */
  8652. /* responsive portrait phone */
  8653. }
  8654. @media (min-width: 768px) and (max-width: 1023px) {
  8655. .td_module_9 .item-details {
  8656. padding-bottom: 2px;
  8657. margin-bottom: 8px;
  8658. }
  8659. }
  8660. @media (max-width: 767px) {
  8661. .td_module_9 .item-details {
  8662. padding-bottom: 2px;
  8663. margin-bottom: 8px;
  8664. }
  8665. }
  8666. .td_module_9 .td-post-category {
  8667. display: table;
  8668. line-height: 7px;
  8669. margin-left: auto;
  8670. margin-right: auto;
  8671. padding: 5px;
  8672. position: relative;
  8673. top: -4px;
  8674. }
  8675. .td_module_9 .entry-review-stars {
  8676. top: -5px;
  8677. }
  8678. .td_module_9 .meta-info {
  8679. margin-bottom: 18px;
  8680. }
  8681. .td-pb-row .td-pb-span12 .td_module_9 h3 {
  8682. font-size: 22px;
  8683. line-height: 32px;
  8684. }
  8685. /* ----------------------------------------------------------------------------
  8686. Module 10
  8687. */
  8688. .td_module_10 {
  8689. padding-left: 20px;
  8690. padding-right: 19px;
  8691. /* responsive portrait tablet */
  8692. /* responsive portrait phone */
  8693. }
  8694. @media (min-width: 768px) and (max-width: 1023px) {
  8695. .td_module_10 {
  8696. padding-left: 17px;
  8697. padding-right: 17px;
  8698. }
  8699. }
  8700. @media (max-width: 767px) {
  8701. .td_module_10 {
  8702. padding-left: 10px;
  8703. padding-right: 10px;
  8704. }
  8705. }
  8706. .td_module_10 .td-module-thumb {
  8707. position: relative;
  8708. float: left;
  8709. margin-bottom: 20px;
  8710. /* responsive portrait tablet */
  8711. /* responsive portrait phone */
  8712. }
  8713. @media (min-width: 768px) and (max-width: 1023px) {
  8714. .td_module_10 .td-module-thumb {
  8715. margin-bottom: 17px;
  8716. }
  8717. }
  8718. @media (max-width: 767px) {
  8719. .td_module_10 .td-module-thumb {
  8720. float: none;
  8721. margin-bottom: 12px;
  8722. }
  8723. }
  8724. .td_module_10 .entry-title {
  8725. margin-bottom: 11px;
  8726. }
  8727. .td_module_10 .item-details {
  8728. position: relative;
  8729. min-height: 135px;
  8730. margin-left: 200px;
  8731. margin-bottom: 40px;
  8732. /* responsive portrait tablet */
  8733. /* responsive portrait phone */
  8734. }
  8735. @media (min-width: 768px) and (max-width: 1023px) {
  8736. .td_module_10 .item-details {
  8737. margin-left: 196px;
  8738. }
  8739. }
  8740. @media (max-width: 767px) {
  8741. .td_module_10 .item-details {
  8742. margin-left: 0px;
  8743. }
  8744. }
  8745. .td_module_10 .entry-review-stars {
  8746. top: -4px;
  8747. height: 19px;
  8748. }
  8749. .td_module_10 .entry-thumb {
  8750. /* responsive desktop */
  8751. /* responsive portrait tablet */
  8752. }
  8753. @media (min-width: 1024px) {
  8754. .td_module_10 .entry-thumb {
  8755. min-height: 135px;
  8756. }
  8757. }
  8758. @media (min-width: 768px) and (max-width: 1023px) {
  8759. .td_module_10 .entry-thumb {
  8760. min-height: 135px;
  8761. }
  8762. }
  8763. /* ----------------------------------------------------------------------------
  8764. Module 11
  8765. */
  8766. .td_module_11 {
  8767. padding-left: 20px;
  8768. padding-right: 19px;
  8769. /* responsive portrait tablet */
  8770. /* responsive portrait phone */
  8771. }
  8772. @media (min-width: 768px) and (max-width: 1023px) {
  8773. .td_module_11 {
  8774. padding-left: 17px;
  8775. padding-right: 17px;
  8776. }
  8777. }
  8778. @media (max-width: 767px) {
  8779. .td_module_11 {
  8780. padding-left: 10px;
  8781. padding-right: 10px;
  8782. }
  8783. }
  8784. .td_module_11 .td-module-thumb {
  8785. position: relative;
  8786. float: left;
  8787. margin-bottom: 0px;
  8788. /* responsive portrait phone */
  8789. }
  8790. @media (max-width: 767px) {
  8791. .td_module_11 .td-module-thumb {
  8792. float: none;
  8793. margin-bottom: 12px;
  8794. }
  8795. }
  8796. .td_module_11 .td-module-thumb .entry-thumb {
  8797. /* responsive desktop */
  8798. /* responsive portrait tablet */
  8799. }
  8800. @media (min-width: 1024px) {
  8801. .td_module_11 .td-module-thumb .entry-thumb {
  8802. min-height: 178px;
  8803. }
  8804. }
  8805. @media (min-width: 768px) and (max-width: 1023px) {
  8806. .td_module_11 .td-module-thumb .entry-thumb {
  8807. width: 200px;
  8808. min-height: 150px;
  8809. }
  8810. }
  8811. .td_module_11 .entry-title {
  8812. margin-bottom: 11px;
  8813. }
  8814. .td_module_11 .item-details {
  8815. position: relative;
  8816. min-height: 178px;
  8817. margin-left: 258px;
  8818. margin-bottom: 40px;
  8819. /* responsive portrait tablet */
  8820. /* responsive portrait phone */
  8821. }
  8822. @media (min-width: 768px) and (max-width: 1023px) {
  8823. .td_module_11 .item-details {
  8824. margin-left: 218px;
  8825. }
  8826. }
  8827. @media (max-width: 767px) {
  8828. .td_module_11 .item-details {
  8829. margin-left: 0px;
  8830. }
  8831. }
  8832. .td_module_11 .entry-review-stars {
  8833. top: -4px;
  8834. }
  8835. .td_module_11 .td-read-more {
  8836. position: relative;
  8837. top: -9px;
  8838. }
  8839. .td_module_11 .td-read-more a {
  8840. font-size: 10px;
  8841. }
  8842. /* ----------------------------------------------------------------------------
  8843. Module 12
  8844. */
  8845. .td_module_12 {
  8846. padding-left: 20px;
  8847. padding-right: 19px;
  8848. /* responsive portrait tablet */
  8849. /* responsive portrait phone */
  8850. }
  8851. @media (min-width: 768px) and (max-width: 1023px) {
  8852. .td_module_12 {
  8853. padding-left: 17px;
  8854. padding-right: 17px;
  8855. }
  8856. }
  8857. @media (max-width: 767px) {
  8858. .td_module_12 {
  8859. padding-left: 10px;
  8860. padding-right: 10px;
  8861. }
  8862. }
  8863. .td_module_12 .entry-title {
  8864. font-size: 20px;
  8865. line-height: 28px;
  8866. margin: 0px 0px 7px 0px;
  8867. font-weight: 600;
  8868. /* responsive portrait tablet */
  8869. /* responsive portrait phone */
  8870. }
  8871. @media (min-width: 768px) and (max-width: 1023px) {
  8872. .td_module_12 .entry-title {
  8873. margin-bottom: 4px;
  8874. }
  8875. }
  8876. @media (max-width: 767px) {
  8877. .td_module_12 .entry-title {
  8878. margin-bottom: 4px;
  8879. }
  8880. }
  8881. .td_module_12 .item-details {
  8882. border-bottom: 1px dashed #f1f1f1;
  8883. padding-bottom: 29px;
  8884. margin-bottom: 20px;
  8885. }
  8886. .td_module_12 .meta-info {
  8887. margin-bottom: 16px;
  8888. /* responsive portrait tablet */
  8889. /* responsive portrait phone */
  8890. }
  8891. @media (min-width: 768px) and (max-width: 1023px) {
  8892. .td_module_12 .meta-info {
  8893. margin-bottom: 13px;
  8894. }
  8895. }
  8896. @media (max-width: 767px) {
  8897. .td_module_12 .meta-info {
  8898. margin-bottom: 13px;
  8899. }
  8900. }
  8901. .td_module_12 .td-module-thumb {
  8902. margin-bottom: 12px;
  8903. /* responsive portrait tablet */
  8904. }
  8905. @media (min-width: 768px) and (max-width: 1023px) {
  8906. .td_module_12 .td-module-thumb {
  8907. margin-bottom: 12px;
  8908. }
  8909. }
  8910. .td_module_12 .td-module-excerpt {
  8911. margin-bottom: 12px;
  8912. }
  8913. .td_module_12 .entry-review-stars {
  8914. top: -1px;
  8915. }
  8916. /* ----------------------------------------------------------------------------
  8917. Module 13
  8918. */
  8919. .td_module_13 {
  8920. padding-left: 20px;
  8921. padding-right: 19px;
  8922. /* responsive portrait tablet */
  8923. /* responsive portrait phone */
  8924. }
  8925. @media (min-width: 768px) and (max-width: 1023px) {
  8926. .td_module_13 {
  8927. padding-left: 17px;
  8928. padding-right: 17px;
  8929. }
  8930. }
  8931. @media (max-width: 767px) {
  8932. .td_module_13 {
  8933. padding-left: 10px;
  8934. padding-right: 10px;
  8935. }
  8936. }
  8937. .td_module_13 .entry-title {
  8938. font-size: 20px;
  8939. line-height: 28px;
  8940. margin: 0px 0px 7px 0px;
  8941. font-weight: 600;
  8942. /* responsive portrait tablet */
  8943. /* responsive portrait phone */
  8944. }
  8945. @media (min-width: 768px) and (max-width: 1023px) {
  8946. .td_module_13 .entry-title {
  8947. margin-bottom: 4px;
  8948. }
  8949. }
  8950. @media (max-width: 767px) {
  8951. .td_module_13 .entry-title {
  8952. margin-bottom: 4px;
  8953. }
  8954. }
  8955. .td_module_13 .item-details {
  8956. border-bottom: 1px dashed #f1f1f1;
  8957. padding-bottom: 29px;
  8958. margin-bottom: 20px;
  8959. }
  8960. .td_module_13 .meta-info {
  8961. margin-bottom: 16px;
  8962. /* responsive portrait tablet */
  8963. /* responsive portrait phone */
  8964. }
  8965. @media (min-width: 768px) and (max-width: 1023px) {
  8966. .td_module_13 .meta-info {
  8967. margin-bottom: 13px;
  8968. }
  8969. }
  8970. @media (max-width: 767px) {
  8971. .td_module_13 .meta-info {
  8972. margin-bottom: 13px;
  8973. }
  8974. }
  8975. .td_module_13 .td-module-thumb {
  8976. margin-bottom: 20px;
  8977. /* responsive portrait tablet */
  8978. }
  8979. @media (min-width: 768px) and (max-width: 1023px) {
  8980. .td_module_13 .td-module-thumb {
  8981. margin-bottom: 17px;
  8982. }
  8983. }
  8984. .td_module_13 .entry-review-stars {
  8985. top: -1px;
  8986. }
  8987. /* ----------------------------------------------------------------------------
  8988. Module 14
  8989. */
  8990. .td_module_14 {
  8991. z-index: 1;
  8992. }
  8993. .td_module_14 .meta-info {
  8994. position: absolute;
  8995. background-color: #ffffff;
  8996. border-bottom: 1px dashed #f1f1f1;
  8997. margin: 0px 20px 0px 20px;
  8998. padding: 13px 20px 12px 20px;
  8999. bottom: -49px;
  9000. width: 639px;
  9001. /* responsive portrait tablet */
  9002. /* responsive portrait phone */
  9003. }
  9004. @media (min-width: 768px) and (max-width: 1023px) {
  9005. .td_module_14 .meta-info {
  9006. width: 463px;
  9007. }
  9008. }
  9009. @media (max-width: 767px) {
  9010. .td_module_14 .meta-info {
  9011. width: 100%;
  9012. margin: 0px;
  9013. bottom: auto;
  9014. padding: 8px 10px 10px 10px;
  9015. position: relative;
  9016. }
  9017. }
  9018. .td_module_14 .entry-title {
  9019. position: relative;
  9020. font-family: 'Open Sans', arial, sans-serif;
  9021. font-size: 24px;
  9022. font-weight: 700;
  9023. font-style: normal;
  9024. line-height: 32px;
  9025. margin: 0px 0px 9px 0px;
  9026. /* responsive portrait tablet */
  9027. /* responsive portrait phone */
  9028. }
  9029. @media (min-width: 768px) and (max-width: 1023px) {
  9030. .td_module_14 .entry-title {
  9031. font-size: 18px;
  9032. line-height: 26px;
  9033. margin-bottom: 10px;
  9034. }
  9035. }
  9036. @media (max-width: 767px) {
  9037. .td_module_14 .entry-title {
  9038. font-size: 18px;
  9039. line-height: 26px;
  9040. margin-bottom: 5px;
  9041. }
  9042. }
  9043. .td_module_14 .td-module-thumb {
  9044. width: 681px;
  9045. max-height: 350px;
  9046. position: relative;
  9047. left: -1px;
  9048. margin-bottom: 49px;
  9049. overflow: hidden;
  9050. /* responsive portrait tablet */
  9051. /* responsive portrait phone */
  9052. }
  9053. @media (min-width: 768px) and (max-width: 1023px) {
  9054. .td_module_14 .td-module-thumb {
  9055. max-height: 260px;
  9056. width: 505px;
  9057. }
  9058. }
  9059. @media (max-width: 767px) {
  9060. .td_module_14 .td-module-thumb {
  9061. width: 100%;
  9062. margin-bottom: 0px;
  9063. max-height: none;
  9064. }
  9065. }
  9066. .td_module_14 .td-module-thumb .entry-thumb {
  9067. width: 100%;
  9068. margin-left: auto;
  9069. margin-right: auto;
  9070. /* responsive portrait phone */
  9071. }
  9072. @media (max-width: 767px) {
  9073. .td_module_14 .td-module-thumb .entry-thumb {
  9074. width: 100%;
  9075. }
  9076. }
  9077. .td_module_14 .meta-info-container {
  9078. position: relative;
  9079. }
  9080. .td_module_14 .td-excerpt {
  9081. padding: 12px 20px 37px 20px;
  9082. margin: 0px;
  9083. max-width: 681px;
  9084. /* responsive portrait phone */
  9085. }
  9086. @media (max-width: 767px) {
  9087. .td_module_14 .td-excerpt {
  9088. padding: 6px 10px 50px 10px;
  9089. }
  9090. }
  9091. .td_module_14 .entry-thumb {
  9092. /* responsive desktop */
  9093. }
  9094. @media (min-width: 1024px) {
  9095. .td_module_14 .entry-thumb {
  9096. min-height: 100px;
  9097. }
  9098. }
  9099. /* ----------------------------------------------------------------------------
  9100. Module 15
  9101. */
  9102. .td_module_15 {
  9103. border-top: 0px;
  9104. padding-top: 0px;
  9105. margin-bottom: 40px;
  9106. padding-bottom: 24px;
  9107. border-bottom: 1px dashed #f1f1f1 !important;
  9108. margin-left: 20px;
  9109. margin-right: 19px;
  9110. /* responsive portrait tablet */
  9111. /* responsive portrait phone */
  9112. }
  9113. @media (min-width: 768px) and (max-width: 1023px) {
  9114. .td_module_15 {
  9115. margin-left: 17px;
  9116. margin-right: 17px;
  9117. }
  9118. }
  9119. @media (max-width: 767px) {
  9120. .td_module_15 {
  9121. margin-left: 10px;
  9122. margin-right: 10px;
  9123. }
  9124. }
  9125. .td_module_15 .entry-title {
  9126. font-family: 'Open Sans', arial, sans-serif;
  9127. font-weight: 400;
  9128. font-size: 32px;
  9129. line-height: 40px;
  9130. color: #222222;
  9131. margin: 6px 0px 7px 0px;
  9132. word-wrap: break-word;
  9133. /* responsive portrait phone */
  9134. }
  9135. .td_module_15 .entry-title a {
  9136. color: #222222;
  9137. }
  9138. .td_module_15 .entry-title a:hover {
  9139. text-decoration: none !important;
  9140. }
  9141. @media (max-width: 767px) {
  9142. .td_module_15 .entry-title {
  9143. font-size: 28px;
  9144. line-height: 36px;
  9145. }
  9146. }
  9147. .td_module_15 .td-category {
  9148. padding: 0px;
  9149. margin: 0px;
  9150. display: inline-block;
  9151. }
  9152. .td_module_15 .td-category a {
  9153. background-color: #111111;
  9154. font-style: normal;
  9155. }
  9156. .td_module_15 .td-category li {
  9157. margin: 0px 10px 0px 0px;
  9158. }
  9159. .td_module_15 .td-category li:before {
  9160. display: none;
  9161. }
  9162. .td_module_15 .item-details .entry-review-stars {
  9163. top: 1px;
  9164. }
  9165. /* ----------------------------------------------------------------------------
  9166. Module mx1
  9167. */
  9168. .td_module_mx1 {
  9169. position: relative;
  9170. /* responsive portrait phone */
  9171. *zoom: 1;
  9172. }
  9173. @media (max-width: 767px) {
  9174. .td_module_mx1 {
  9175. border-bottom: 3px solid #ffffff;
  9176. }
  9177. }
  9178. .td_module_mx1:before,
  9179. .td_module_mx1:after {
  9180. display: table;
  9181. content: "";
  9182. line-height: 0;
  9183. }
  9184. .td_module_mx1:after {
  9185. clear: both;
  9186. }
  9187. .td_module_mx1 .meta-info .td-post-category {
  9188. background-color: #ffffff;
  9189. color: #222222;
  9190. }
  9191. .td_module_mx1 .meta-info {
  9192. position: absolute;
  9193. bottom: 0px;
  9194. color: #ffffff;
  9195. padding: 0px 20px 0px 20px;
  9196. /* responsive portrait tablet */
  9197. /* responsive portrait phone */
  9198. }
  9199. @media (min-width: 768px) and (max-width: 1023px) {
  9200. .td_module_mx1 .meta-info {
  9201. padding: 0px 17px 0px 17px;
  9202. }
  9203. }
  9204. @media (max-width: 767px) {
  9205. .td_module_mx1 .meta-info {
  9206. padding: 0px 10px 0px 10px;
  9207. }
  9208. }
  9209. .td_module_mx1 .meta-info .td-post-author-name a {
  9210. color: #ffffff;
  9211. }
  9212. .td_module_mx1 .meta-info a {
  9213. color: #ffffff;
  9214. }
  9215. .td_module_mx1 .entry-title {
  9216. position: relative;
  9217. font-size: 16px;
  9218. font-weight: 700;
  9219. font-style: normal;
  9220. line-height: 24px;
  9221. margin-bottom: 0;
  9222. bottom: 9px;
  9223. margin-top: 0px;
  9224. /* responsive portrait tablet */
  9225. /* responsive portrait phone */
  9226. }
  9227. @media (min-width: 768px) and (max-width: 1023px) {
  9228. .td_module_mx1 .entry-title {
  9229. font-size: 15px;
  9230. line-height: 21px;
  9231. bottom: 7px;
  9232. }
  9233. }
  9234. @media (max-width: 767px) {
  9235. .td_module_mx1 .entry-title {
  9236. bottom: 7px;
  9237. }
  9238. }
  9239. .td_module_mx1 .entry-title a {
  9240. color: #ffffff !important;
  9241. }
  9242. .td_module_mx1 .entry-review-stars {
  9243. height: 15px;
  9244. position: relative;
  9245. top: -1px;
  9246. margin-bottom: 2px;
  9247. }
  9248. .td_module_mx1 .entry-review-stars i {
  9249. line-height: 10px;
  9250. }
  9251. .td_module_mx1:hover .meta-info .entry-title a {
  9252. color: #ffffff;
  9253. }
  9254. .td_module_mx1 .td-module-thumb {
  9255. width: 341px;
  9256. height: 220px;
  9257. overflow: hidden;
  9258. z-index: 0;
  9259. margin-bottom: 0px;
  9260. /* responsive portrait tablet */
  9261. /* responsive portrait phone */
  9262. }
  9263. .td_module_mx1 .td-module-thumb a:last-child:before {
  9264. bottom: 0;
  9265. content: "";
  9266. display: block;
  9267. height: 80%;
  9268. width: 100%;
  9269. position: absolute;
  9270. z-index: 1;
  9271. background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  9272. /* FF3.6+ */
  9273. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));
  9274. /* Chrome,Safari4+ */
  9275. background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  9276. /* Chrome10+,Safari5.1+ */
  9277. background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  9278. /* Opera 11.10+ */
  9279. background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  9280. /* IE10+ */
  9281. background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  9282. /* W3C */
  9283. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
  9284. /* IE6-9 */
  9285. }
  9286. @media (min-width: 768px) and (max-width: 1023px) {
  9287. .td_module_mx1 .td-module-thumb {
  9288. width: 253px;
  9289. height: 163px;
  9290. }
  9291. }
  9292. @media (max-width: 767px) {
  9293. .td_module_mx1 .td-module-thumb {
  9294. width: 100%;
  9295. height: auto;
  9296. }
  9297. }
  9298. .td_module_mx1 .td-module-thumb .entry-thumb {
  9299. width: 100%;
  9300. }
  9301. .td_module_mx1 .td-block14-border {
  9302. background-color: #ffffff;
  9303. display: block;
  9304. height: 220px;
  9305. right: -2px;
  9306. position: absolute;
  9307. width: 3px;
  9308. z-index: 1;
  9309. /* responsive portrait phone */
  9310. }
  9311. @media (max-width: 767px) {
  9312. .td_module_mx1 .td-block14-border {
  9313. display: none;
  9314. }
  9315. }
  9316. .td_module_mx1 .entry-thumb {
  9317. /* responsive desktop */
  9318. /* responsive portrait tablet */
  9319. }
  9320. @media (min-width: 1024px) {
  9321. .td_module_mx1 .entry-thumb {
  9322. min-height: 220px;
  9323. }
  9324. }
  9325. @media (min-width: 768px) and (max-width: 1023px) {
  9326. .td_module_mx1 .entry-thumb {
  9327. min-height: 163px;
  9328. }
  9329. }
  9330. .td_block_14 .td-block-span12 .td_module_mx1 {
  9331. margin-bottom: 3px;
  9332. /* responsive portrait phone */
  9333. }
  9334. @media (max-width: 767px) {
  9335. .td_block_14 .td-block-span12 .td_module_mx1 {
  9336. margin-bottom: 0px;
  9337. }
  9338. }
  9339. .td_block_14 .td-block-span12 .td_module_mx1 .td-module-thumb {
  9340. margin-bottom: 0px;
  9341. }
  9342. .td_block_14 .td-block-span12 .td-block14-border {
  9343. display: none;
  9344. }
  9345. .td_block_14 .td-block-span6 .td-module-thumb {
  9346. margin-bottom: 0px;
  9347. }
  9348. .td_block_14 .td-block-row {
  9349. border-bottom: 3px solid #ffffff;
  9350. /* responsive portrait phone */
  9351. }
  9352. @media (max-width: 767px) {
  9353. .td_block_14 .td-block-row {
  9354. border-bottom: 0px;
  9355. }
  9356. }
  9357. .td_block_14 .td-block-row:last-child {
  9358. border-bottom: 0px;
  9359. }
  9360. .td_block_14 .td-block-span6:last-child .td-image-gradient:before {
  9361. width: 341px;
  9362. /* responsive portrait tablet */
  9363. /* responsive portrait phone */
  9364. }
  9365. @media (min-width: 768px) and (max-width: 1023px) {
  9366. .td_block_14 .td-block-span6:last-child .td-image-gradient:before {
  9367. width: 253px;
  9368. }
  9369. }
  9370. @media (max-width: 767px) {
  9371. .td_block_14 .td-block-span6:last-child .td-image-gradient:before {
  9372. width: 100%;
  9373. }
  9374. }
  9375. .td_block_14 .td-block-span6:last-child .td-block14-border {
  9376. display: none;
  9377. }
  9378. .td_block_14 .td-block-span4 .td-module-thumb {
  9379. margin-bottom: 0px;
  9380. }
  9381. .td_block_14 .td-block-span4:last-child .td-image-gradient:before {
  9382. width: 341px;
  9383. /* responsive portrait tablet */
  9384. /* responsive portrait phone */
  9385. }
  9386. @media (min-width: 768px) and (max-width: 1023px) {
  9387. .td_block_14 .td-block-span4:last-child .td-image-gradient:before {
  9388. width: 253px;
  9389. }
  9390. }
  9391. @media (max-width: 767px) {
  9392. .td_block_14 .td-block-span4:last-child .td-image-gradient:before {
  9393. width: 100%;
  9394. }
  9395. }
  9396. .td_block_14 .td-block-span4:last-child .td-block14-border {
  9397. display: none;
  9398. }
  9399. .td_block_14 .block-title {
  9400. margin: 20px 0px 0px 20px;
  9401. position: absolute;
  9402. top: 0px;
  9403. left: 0px;
  9404. z-index: 1;
  9405. }
  9406. /* ----------------------------------------------------------------------------
  9407. Module mx2
  9408. */
  9409. .td_module_mx2 {
  9410. *zoom: 1;
  9411. }
  9412. .td_module_mx2:before,
  9413. .td_module_mx2:after {
  9414. display: table;
  9415. content: "";
  9416. line-height: 0;
  9417. }
  9418. .td_module_mx2:after {
  9419. clear: both;
  9420. }
  9421. .td_module_mx2 .entry-title {
  9422. font-size: 12px;
  9423. font-weight: 600;
  9424. line-height: 19px;
  9425. }
  9426. .td_module_mx2 .entry-title {
  9427. margin: 0px 0px 5px 0px;
  9428. }
  9429. .td_module_mx2 .entry-thumb {
  9430. width: 80px;
  9431. height: auto;
  9432. }
  9433. .td_module_mx2 .td-module-thumb {
  9434. position: absolute;
  9435. margin: 0px 0px 0px 21px;
  9436. /* responsive portrait tablet */
  9437. /* responsive portrait phone */
  9438. }
  9439. @media (min-width: 768px) and (max-width: 1023px) {
  9440. .td_module_mx2 .td-module-thumb {
  9441. margin: 0px 0px 0px 17px;
  9442. }
  9443. }
  9444. @media (max-width: 767px) {
  9445. .td_module_mx2 .td-module-thumb {
  9446. margin: 0px 0px 0px 10px;
  9447. }
  9448. }
  9449. .td_module_mx2 .meta-info {
  9450. margin-bottom: 0px;
  9451. }
  9452. .td_module_mx2 .meta-info div {
  9453. margin-bottom: 0px;
  9454. }
  9455. .td_module_mx2 .entry-review-stars {
  9456. height: 15px;
  9457. position: relative;
  9458. top: -1px;
  9459. margin-bottom: 2px;
  9460. }
  9461. .td_module_mx2 .entry-review-stars i {
  9462. line-height: 10px;
  9463. }
  9464. .td_module_mx2 .item-details {
  9465. margin: 0px 20px 20px 120px;
  9466. display: block;
  9467. min-height: 60px;
  9468. /* responsive portrait tablet */
  9469. /* responsive portrait phone */
  9470. }
  9471. @media (min-width: 768px) and (max-width: 1023px) {
  9472. .td_module_mx2 .item-details {
  9473. margin: 0px 15px 17px 110px;
  9474. }
  9475. }
  9476. @media (max-width: 767px) {
  9477. .td_module_mx2 .item-details {
  9478. margin: 0px 10px 17px 104px;
  9479. }
  9480. }
  9481. .td_module_mx2 .entry-date {
  9482. position: relative;
  9483. }
  9484. /* ----------------------------------------------------------------------------
  9485. Module mx3
  9486. */
  9487. .td_module_mx3 {
  9488. position: relative;
  9489. width: 341px;
  9490. padding-bottom: 64px;
  9491. /* responsive portrait tablet */
  9492. /* responsive portrait phone */
  9493. *zoom: 1;
  9494. }
  9495. @media (min-width: 768px) and (max-width: 1023px) {
  9496. .td_module_mx3 {
  9497. width: 252px;
  9498. }
  9499. }
  9500. @media (max-width: 767px) {
  9501. .td_module_mx3 {
  9502. width: 100%;
  9503. left: 0px;
  9504. }
  9505. }
  9506. .td_module_mx3:before,
  9507. .td_module_mx3:after {
  9508. display: table;
  9509. content: "";
  9510. line-height: 0;
  9511. }
  9512. .td_module_mx3:after {
  9513. clear: both;
  9514. }
  9515. .td_module_mx3 .meta-info {
  9516. position: absolute;
  9517. bottom: 19px;
  9518. min-width: 300px;
  9519. background-color: #ffffff;
  9520. border-bottom: 1px dashed #f1f1f1;
  9521. margin: 0px 20px 0px 21px;
  9522. padding: 14px 20px 12px 21px;
  9523. /* responsive portrait phone */
  9524. }
  9525. @media (max-width: 767px) {
  9526. .td_module_mx3 .meta-info {
  9527. width: 100%;
  9528. margin: 0px;
  9529. bottom: auto;
  9530. padding: 8px 10px 10px 10px !important;
  9531. position: relative;
  9532. }
  9533. }
  9534. .td_module_mx3 .td-module-thumb {
  9535. margin-bottom: 4px;
  9536. width: 100%;
  9537. /* responsive portrait phone */
  9538. }
  9539. @media (max-width: 767px) {
  9540. .td_module_mx3 .td-module-thumb {
  9541. width: 100%;
  9542. margin-bottom: 0px;
  9543. }
  9544. }
  9545. .td_module_mx3 .td-module-thumb .entry-thumb {
  9546. width: 100%;
  9547. /* responsive desktop */
  9548. /* responsive portrait tablet */
  9549. }
  9550. @media (min-width: 1024px) {
  9551. .td_module_mx3 .td-module-thumb .entry-thumb {
  9552. min-height: 100px;
  9553. }
  9554. }
  9555. @media (min-width: 768px) and (max-width: 1023px) {
  9556. .td_module_mx3 .td-module-thumb .entry-thumb {
  9557. min-height: 100px;
  9558. }
  9559. }
  9560. .td_module_mx3 .entry-title {
  9561. position: relative;
  9562. font-family: 'Open Sans', arial, sans-serif;
  9563. font-size: 15px;
  9564. font-weight: 700;
  9565. line-height: 21px;
  9566. font-style: normal;
  9567. margin: 0px 0px 12px 0px;
  9568. height: auto;
  9569. bottom: 0px;
  9570. /* responsive portrait phone */
  9571. }
  9572. @media (max-width: 767px) {
  9573. .td_module_mx3 .entry-title {
  9574. font-size: 18px;
  9575. line-height: 26px;
  9576. margin-bottom: 5px;
  9577. }
  9578. }
  9579. .td_module_mx3 .td-module-comments {
  9580. position: relative;
  9581. bottom: 14px;
  9582. }
  9583. .td_module_mx3 .meta-info-container {
  9584. /* responsive portrait phone */
  9585. }
  9586. @media (max-width: 767px) {
  9587. .td_module_mx3 .meta-info-container {
  9588. position: relative;
  9589. height: auto;
  9590. }
  9591. }
  9592. .td_module_mx3 .td-excerpt {
  9593. /* responsive portrait phone */
  9594. }
  9595. @media (max-width: 767px) {
  9596. .td_module_mx3 .td-excerpt {
  9597. padding: 6px 10px 50px 10px;
  9598. }
  9599. }
  9600. /* ----------------------------------------------------------------------------
  9601. Normal Slide
  9602. */
  9603. .td_normal_slide {
  9604. position: relative;
  9605. -webkit-transform: translate3d(0px, 0px, 0px);
  9606. }
  9607. .td_normal_slide .td-module-thumb {
  9608. margin-bottom: 0px;
  9609. z-index: -1;
  9610. -webkit-touch-callout: none;
  9611. -webkit-user-select: none;
  9612. -khtml-user-select: none;
  9613. -moz-user-select: none;
  9614. -ms-user-select: none;
  9615. user-select: none;
  9616. }
  9617. @media (min-width: 768px) {
  9618. .td_normal_slide .td-module-thumb {
  9619. height: 100% !important;
  9620. }
  9621. }
  9622. .td_normal_slide .td-video-play-ico {
  9623. width: 40px !important;
  9624. -webkit-touch-callout: none;
  9625. -webkit-user-select: none;
  9626. -khtml-user-select: none;
  9627. -moz-user-select: none;
  9628. -ms-user-select: none;
  9629. user-select: none;
  9630. }
  9631. .td_normal_slide .slide-meta {
  9632. -webkit-touch-callout: none;
  9633. -webkit-user-select: none;
  9634. -khtml-user-select: none;
  9635. -moz-user-select: none;
  9636. -ms-user-select: none;
  9637. user-select: none;
  9638. }
  9639. .td_normal_slide .td-admin-edit {
  9640. height: auto !important;
  9641. }
  9642. .td_normal_slide i {
  9643. z-index: 1;
  9644. -webkit-touch-callout: none;
  9645. -webkit-user-select: none;
  9646. -khtml-user-select: none;
  9647. -moz-user-select: none;
  9648. -ms-user-select: none;
  9649. user-select: none;
  9650. }
  9651. .td_normal_slide .td_module_slide {
  9652. z-index: 1;
  9653. }
  9654. .td_normal_slide .block-title {
  9655. position: absolute;
  9656. left: 20px;
  9657. top: 0px;
  9658. z-index: 2;
  9659. margin: 20px 0px 0px 20px;
  9660. /* responsive portrait tablet */
  9661. /* responsive portrait phone */
  9662. }
  9663. @media (min-width: 768px) and (max-width: 1023px) {
  9664. .td_normal_slide .block-title {
  9665. margin: 17px 0px 0px 17px;
  9666. }
  9667. }
  9668. @media (max-width: 767px) {
  9669. .td_normal_slide .block-title {
  9670. display: none;
  9671. }
  9672. }
  9673. .td_normal_slide .td-image-gradient:before {
  9674. height: 50%;
  9675. }
  9676. .td_normal_slide .td-wrapper-pulldown-filter {
  9677. position: absolute;
  9678. float: none;
  9679. right: 20px;
  9680. top: 20px;
  9681. z-index: 2;
  9682. }
  9683. .td_normal_slide .td-wrapper-pulldown-filter {
  9684. /* responsive portrait tablet */
  9685. /* responsive portrait phone */
  9686. }
  9687. @media (min-width: 768px) and (max-width: 1023px) {
  9688. .td_normal_slide .td-wrapper-pulldown-filter {
  9689. top: 17px;
  9690. }
  9691. }
  9692. @media (max-width: 767px) {
  9693. .td_normal_slide .td-wrapper-pulldown-filter {
  9694. top: 17px;
  9695. }
  9696. }
  9697. .td_normal_slide .td-wrapper-pulldown-filter .td-pulldown-filter-display-option {
  9698. border: none;
  9699. background-color: rgba(0, 0, 0, 0.85);
  9700. color: #ffffff;
  9701. /* responsive portrait tablet */
  9702. }
  9703. @media (min-width: 768px) and (max-width: 1023px) {
  9704. .td_normal_slide .td-wrapper-pulldown-filter .td-pulldown-filter-display-option {
  9705. margin-right: 19px !important;
  9706. }
  9707. }
  9708. .td_normal_slide .td-wrapper-pulldown-filter .td-pulldown-filter-display-option i {
  9709. color: #ffffff;
  9710. }
  9711. .td_normal_slide .td-wrapper-pulldown-filter:hover {
  9712. color: #4db2ec !important;
  9713. }
  9714. .td_normal_slide .td-wrapper-pulldown-filter .td-pulldown-filter-list {
  9715. border: none;
  9716. background-color: rgba(0, 0, 0, 0.85);
  9717. top: 10px;
  9718. right: 0px;
  9719. }
  9720. .td_normal_slide .td-wrapper-pulldown-filter .td-pulldown-filter-list a {
  9721. color: #ffffff;
  9722. }
  9723. .td_normal_slide .td-wrapper-pulldown-filter .td-pulldown-filter-list a:hover {
  9724. color: #4db2ec;
  9725. }
  9726. .td-pb-span12 .td_normal_slide .block-title {
  9727. left: 0;
  9728. }
  9729. .td-pb-span12 .td_normal_slide .td-wrapper-pulldown-filter {
  9730. right: 0;
  9731. }
  9732. .td-theme-slider {
  9733. margin: 0 19px 0 20px;
  9734. /* responsive portrait phone */
  9735. }
  9736. @media (max-width: 767px) {
  9737. .td-theme-slider {
  9738. margin: 0;
  9739. }
  9740. }
  9741. .td-theme-slider.iosSlider-col-3 {
  9742. margin: 0;
  9743. }
  9744. .td-theme-slider:hover .td-icon-left {
  9745. opacity: 0.7;
  9746. }
  9747. .td-theme-slider:hover .td-icon-right {
  9748. opacity: 0.7;
  9749. }
  9750. .td-theme-slider .td-video-play-ico img {
  9751. width: auto !important;
  9752. height: auto !important;
  9753. }
  9754. .td-theme-slider .slide-meta {
  9755. position: absolute;
  9756. bottom: 16px;
  9757. width: 100%;
  9758. padding: 0 20px;
  9759. z-index: 1;
  9760. /* responsive portrait tablet */
  9761. /* responsive portrait phone */
  9762. }
  9763. @media (min-width: 768px) and (max-width: 1023px) {
  9764. .td-theme-slider .slide-meta {
  9765. padding: 0 17px;
  9766. }
  9767. }
  9768. @media (max-width: 767px) {
  9769. .td-theme-slider .slide-meta {
  9770. padding: 0 10px;
  9771. bottom: 10px;
  9772. }
  9773. }
  9774. .td-theme-slider .slide-meta a,
  9775. .td-theme-slider .slide-meta span {
  9776. color: #ffffff;
  9777. }
  9778. .td-theme-slider .slide-meta .entry-review-stars {
  9779. top: 0;
  9780. }
  9781. .td-theme-slider .slide-meta-author {
  9782. font-family: 'Open Sans', arial, sans-serif;
  9783. font-weight: normal;
  9784. font-size: 11px;
  9785. font-style: italic;
  9786. /* responsive portrait phone */
  9787. }
  9788. @media (max-width: 767px) {
  9789. .td-theme-slider .slide-meta-author {
  9790. font-size: 10px;
  9791. line-height: 15px;
  9792. }
  9793. }
  9794. .td-theme-slider .td-slide-views {
  9795. display: inline-block;
  9796. margin-left: 21px;
  9797. }
  9798. .td-theme-slider .td-slide-views i {
  9799. padding-right: 7px;
  9800. }
  9801. .td-theme-slider .td-slide-comments {
  9802. display: inline-block;
  9803. margin-left: 21px;
  9804. }
  9805. .td-theme-slider .td-slide-comments i {
  9806. margin-right: 8px;
  9807. }
  9808. .td-theme-slider .slide-meta-cat {
  9809. display: inline-block;
  9810. line-height: 1;
  9811. }
  9812. .td-theme-slider .slide-meta-cat a {
  9813. text-transform: uppercase;
  9814. font-family: 'Open Sans', arial, sans-serif;
  9815. font-weight: bold;
  9816. font-size: 11px;
  9817. line-height: 1;
  9818. position: relative;
  9819. padding: 2px 14px 2px 14px;
  9820. background-color: rgba(0, 0, 0, 0.85);
  9821. -webkit-border-radius: 3px;
  9822. -moz-border-radius: 3px;
  9823. border-radius: 3px;
  9824. /* responsive portrait phone */
  9825. }
  9826. @media (max-width: 767px) {
  9827. .td-theme-slider .slide-meta-cat a {
  9828. font-size: 9px;
  9829. padding: 1px 4px 1px 4px;
  9830. }
  9831. }
  9832. .td-theme-slider .td-icon-left,
  9833. .td-theme-slider .td-icon-right {
  9834. padding: 20px;
  9835. position: absolute;
  9836. display: block;
  9837. height: 80px;
  9838. margin-top: -39px;
  9839. top: 50%;
  9840. font-size: 38px;
  9841. color: #ffffff;
  9842. font-weight: 300;
  9843. opacity: 0;
  9844. -webkit-transition: opacity 0.4s;
  9845. -moz-transition: opacity 0.4s;
  9846. -o-transition: opacity 0.4s;
  9847. transition: opacity 0.4s;
  9848. }
  9849. .td-theme-slider .td-icon-left:hover,
  9850. .td-theme-slider .td-icon-right:hover {
  9851. opacity: 1;
  9852. }
  9853. .td-theme-slider .td-icon-left {
  9854. left: 0px;
  9855. }
  9856. .td-theme-slider .td-icon-right {
  9857. right: 0px;
  9858. }
  9859. /* ----------------------------------------------------------------------------
  9860. Overwrite the above rules
  9861. */
  9862. /* 3 column */
  9863. .td-theme-slider.iosSlider-col-3 {
  9864. height: 579px;
  9865. /* responsive portrait tablet */
  9866. /* responsive portrait phone */
  9867. }
  9868. .td-theme-slider.iosSlider-col-3 .slide-meta {
  9869. padding-bottom: 22px;
  9870. /* responsive portrait tablet */
  9871. /* responsive portrait phone */
  9872. }
  9873. @media (min-width: 768px) and (max-width: 1023px) {
  9874. .td-theme-slider.iosSlider-col-3 .slide-meta {
  9875. padding-bottom: 6px;
  9876. }
  9877. }
  9878. @media (max-width: 767px) {
  9879. .td-theme-slider.iosSlider-col-3 .slide-meta {
  9880. padding-bottom: 0px;
  9881. }
  9882. }
  9883. @media (min-width: 768px) and (max-width: 1023px) {
  9884. .td-theme-slider.iosSlider-col-3 {
  9885. height: 429px;
  9886. }
  9887. }
  9888. @media (max-width: 767px) {
  9889. .td-theme-slider.iosSlider-col-3 {
  9890. margin: 0px;
  9891. height: auto;
  9892. }
  9893. }
  9894. .td-theme-slider.iosSlider-col-3 .td_module_slide {
  9895. height: 579px;
  9896. /* responsive portrait tablet */
  9897. /* responsive portrait phone */
  9898. }
  9899. @media (min-width: 768px) and (max-width: 1023px) {
  9900. .td-theme-slider.iosSlider-col-3 .td_module_slide {
  9901. height: 429px;
  9902. }
  9903. }
  9904. @media (max-width: 767px) {
  9905. .td-theme-slider.iosSlider-col-3 .td_module_slide {
  9906. height: auto;
  9907. }
  9908. }
  9909. .td-theme-slider.iosSlider-col-3 .td-module-title {
  9910. font-family: 'Open Sans', arial, sans-serif;
  9911. font-weight: normal;
  9912. font-size: 48px;
  9913. line-height: 58px;
  9914. /* responsive portrait tablet */
  9915. /* responsive portrait phone */
  9916. }
  9917. @media (min-width: 768px) and (max-width: 1023px) {
  9918. .td-theme-slider.iosSlider-col-3 .td-module-title {
  9919. font-size: 30px;
  9920. line-height: 36px;
  9921. }
  9922. }
  9923. @media (max-width: 767px) {
  9924. .td-theme-slider.iosSlider-col-3 .td-module-title {
  9925. font-size: 15px;
  9926. line-height: 20px;
  9927. font-weight: 600;
  9928. }
  9929. }
  9930. .td-theme-slider.iosSlider-col-3 .td-icon-left,
  9931. .td-theme-slider.iosSlider-col-3 .td-icon-right {
  9932. font-size: 55px;
  9933. margin-top: -46px;
  9934. /* responsive portrait phone */
  9935. }
  9936. @media (max-width: 767px) {
  9937. .td-theme-slider.iosSlider-col-3 .td-icon-left,
  9938. .td-theme-slider.iosSlider-col-3 .td-icon-right {
  9939. font-size: 38px;
  9940. margin-top: -39px;
  9941. }
  9942. }
  9943. .td-theme-slider.iosSlider-col-3 .entry-title {
  9944. margin-bottom: 0;
  9945. margin-top: 5px;
  9946. /* responsive portrait tablet */
  9947. }
  9948. @media (min-width: 768px) and (max-width: 1023px) {
  9949. .td-theme-slider.iosSlider-col-3 .entry-title {
  9950. margin-bottom: 5px;
  9951. }
  9952. }
  9953. .td-theme-slider.iosSlider-col-3 .td-module-thumb img {
  9954. width: 1019px;
  9955. /* responsive portrait phone */
  9956. }
  9957. @media (max-width: 767px) {
  9958. .td-theme-slider.iosSlider-col-3 .td-module-thumb img {
  9959. height: auto;
  9960. }
  9961. }
  9962. /* 2 columns */
  9963. .td-theme-slider.iosSlider-col-2 {
  9964. height: 350px;
  9965. margin-top: 20px;
  9966. margin-bottom: 20px;
  9967. /* responsive portrait tablet */
  9968. /* responsive portrait phone */
  9969. }
  9970. @media (min-width: 768px) and (max-width: 1023px) {
  9971. .td-theme-slider.iosSlider-col-2 {
  9972. height: 254px;
  9973. }
  9974. }
  9975. @media (max-width: 767px) {
  9976. .td-theme-slider.iosSlider-col-2 {
  9977. max-width: 464px;
  9978. height: auto;
  9979. margin: 0px auto;
  9980. }
  9981. }
  9982. .td-theme-slider.iosSlider-col-2 .td_module_slide {
  9983. height: 350px;
  9984. /* responsive portrait tablet */
  9985. /* responsive portrait phone */
  9986. }
  9987. @media (min-width: 768px) and (max-width: 1023px) {
  9988. .td-theme-slider.iosSlider-col-2 .td_module_slide {
  9989. height: 254px;
  9990. }
  9991. }
  9992. @media (max-width: 767px) {
  9993. .td-theme-slider.iosSlider-col-2 .td_module_slide {
  9994. height: auto;
  9995. }
  9996. }
  9997. .td-theme-slider.iosSlider-col-2 .td-module-title {
  9998. font-family: 'Open Sans', arial, sans-serif;
  9999. font-weight: 600;
  10000. font-size: 24px;
  10001. line-height: 32px;
  10002. /* responsive portrait tablet */
  10003. /* responsive portrait phone */
  10004. }
  10005. @media (min-width: 768px) and (max-width: 1023px) {
  10006. .td-theme-slider.iosSlider-col-2 .td-module-title {
  10007. font-size: 20px;
  10008. line-height: 26px;
  10009. }
  10010. }
  10011. @media (max-width: 767px) {
  10012. .td-theme-slider.iosSlider-col-2 .td-module-title {
  10013. font-size: 15px;
  10014. line-height: 20px;
  10015. font-weight: 600;
  10016. }
  10017. }
  10018. .td-theme-slider.iosSlider-col-2 .entry-title {
  10019. margin-bottom: 4px;
  10020. margin-top: 5px;
  10021. /* responsive portrait tablet */
  10022. /* responsive portrait phone */
  10023. }
  10024. @media (min-width: 768px) and (max-width: 1023px) {
  10025. .td-theme-slider.iosSlider-col-2 .entry-title {
  10026. margin-bottom: 6px;
  10027. }
  10028. }
  10029. @media (max-width: 767px) {
  10030. .td-theme-slider.iosSlider-col-2 .entry-title {
  10031. margin-bottom: 0;
  10032. }
  10033. }
  10034. .td-theme-slider.iosSlider-col-2 .td-module-thumb img {
  10035. width: 640px;
  10036. /* responsive portrait phone */
  10037. }
  10038. @media (max-width: 767px) {
  10039. .td-theme-slider.iosSlider-col-2 .td-module-thumb img {
  10040. height: auto;
  10041. }
  10042. }
  10043. /* 1 column */
  10044. .td-theme-slider.iosSlider-col-1 {
  10045. height: 350px;
  10046. margin-top: 20px;
  10047. margin-bottom: 20px;
  10048. /* responsive portrait tablet */
  10049. /* responsive portrait phone */
  10050. }
  10051. @media (min-width: 768px) and (max-width: 1023px) {
  10052. .td-theme-slider.iosSlider-col-1 {
  10053. height: 247px;
  10054. }
  10055. }
  10056. @media (max-width: 767px) {
  10057. .td-theme-slider.iosSlider-col-1 {
  10058. max-width: 287px;
  10059. height: 315px !important;
  10060. margin: 0px auto;
  10061. }
  10062. }
  10063. .td-theme-slider.iosSlider-col-1 .td_module_slide {
  10064. height: 350px;
  10065. /* responsive portrait tablet */
  10066. /* responsive portrait phone */
  10067. }
  10068. @media (min-width: 768px) and (max-width: 1023px) {
  10069. .td-theme-slider.iosSlider-col-1 .td_module_slide {
  10070. height: 247px;
  10071. }
  10072. }
  10073. @media (max-width: 767px) {
  10074. .td-theme-slider.iosSlider-col-1 .td_module_slide {
  10075. height: 315px !important;
  10076. }
  10077. }
  10078. .td-theme-slider.iosSlider-col-1 .td-module-title {
  10079. font-family: 'Open Sans', arial, sans-serif;
  10080. font-weight: 600;
  10081. font-size: 18px;
  10082. line-height: 24px;
  10083. /* responsive portrait tablet */
  10084. /* responsive portrait phone */
  10085. }
  10086. @media (min-width: 768px) and (max-width: 1023px) {
  10087. .td-theme-slider.iosSlider-col-1 .td-module-title {
  10088. font-size: 13px;
  10089. line-height: 19px;
  10090. font-weight: 700;
  10091. }
  10092. }
  10093. @media (max-width: 767px) {
  10094. .td-theme-slider.iosSlider-col-1 .td-module-title {
  10095. font-size: 15px;
  10096. line-height: 20px;
  10097. font-weight: 600;
  10098. }
  10099. }
  10100. .td-theme-slider.iosSlider-col-1 .entry-title {
  10101. margin-bottom: 5px;
  10102. margin-top: 5px;
  10103. /* responsive portrait tablet */
  10104. /* responsive portrait phone */
  10105. }
  10106. @media (min-width: 768px) and (max-width: 1023px) {
  10107. .td-theme-slider.iosSlider-col-1 .entry-title {
  10108. line-height: 19px;
  10109. }
  10110. }
  10111. @media (max-width: 767px) {
  10112. .td-theme-slider.iosSlider-col-1 .entry-title {
  10113. margin-bottom: 0;
  10114. }
  10115. }
  10116. .td-theme-slider.iosSlider-col-1 .td-slide-views,
  10117. .td-theme-slider.iosSlider-col-1 .td-slide-comments {
  10118. /* responsive portrait tablet */
  10119. }
  10120. @media (min-width: 768px) and (max-width: 1023px) {
  10121. .td-theme-slider.iosSlider-col-1 .td-slide-views,
  10122. .td-theme-slider.iosSlider-col-1 .td-slide-comments {
  10123. display: none;
  10124. }
  10125. }
  10126. .td-theme-slider.iosSlider-col-1 .td-module-thumb {
  10127. /* responsive portrait phone */
  10128. }
  10129. @media (max-width: 767px) {
  10130. .td-theme-slider.iosSlider-col-1 .td-module-thumb {
  10131. height: 100% !important;
  10132. }
  10133. }
  10134. .td-theme-slider.iosSlider-col-1 .td-module-thumb img {
  10135. width: 300px;
  10136. }
  10137. .td-slider .td_module_wrap:hover .entry-title a {
  10138. color: #ffffff;
  10139. }
  10140. @media (max-width: 320px) {
  10141. .td_normal_slide .iosSlider-col-2,
  10142. .td_normal_slide .iosSlider-col-3 {
  10143. height: 150px !important;
  10144. }
  10145. }
  10146. @media (max-width: 320px) {
  10147. .td_normal_slide .iosSlider-col-2 .td-slider,
  10148. .td_normal_slide .iosSlider-col-3 .td-slider,
  10149. .td_normal_slide .iosSlider-col-2 .td_module_slide,
  10150. .td_normal_slide .iosSlider-col-3 .td_module_slide,
  10151. .td_normal_slide .iosSlider-col-2 .td-module-thumb,
  10152. .td_normal_slide .iosSlider-col-3 .td-module-thumb {
  10153. height: 150px !important;
  10154. }
  10155. }
  10156. /* control wrapper (default white) */
  10157. .td-wrapper-pulldown-filter {
  10158. display: inline-block;
  10159. float: right;
  10160. *zoom: 1;
  10161. }
  10162. .td-wrapper-pulldown-filter:before,
  10163. .td-wrapper-pulldown-filter:after {
  10164. display: table;
  10165. content: "";
  10166. line-height: 0;
  10167. }
  10168. .td-wrapper-pulldown-filter:after {
  10169. clear: both;
  10170. }
  10171. .td-wrapper-pulldown-filter .td-pulldown-filter-display-option {
  10172. color: #444444;
  10173. border: 1px solid #e6e6e6;
  10174. }
  10175. .td-wrapper-pulldown-filter .td-pulldown-filter-display-option:hover {
  10176. border-bottom-left-radius: 0;
  10177. border-bottom-right-radius: 0;
  10178. }
  10179. .td-wrapper-pulldown-filter .td-pulldown-filter-display-option:hover ul {
  10180. display: block;
  10181. }
  10182. .td-wrapper-pulldown-filter .td-pulldown-filter-list {
  10183. background-color: rgba(255, 255, 255, 0.95);
  10184. border: 1px solid #e6e6e6;
  10185. }
  10186. .td-wrapper-pulldown-filter .td-pulldown-filter-link {
  10187. color: #444444;
  10188. }
  10189. /* hide the filter category name on 1 column on portrait tablet only on blocks */
  10190. .td-pb-span4 .td_block_wrap .td-pulldown-filter-display-option {
  10191. /* responsive portrait tablet */
  10192. }
  10193. @media (min-width: 768px) and (max-width: 1023px) {
  10194. .td-pb-span4 .td_block_wrap .td-pulldown-filter-display-option {
  10195. padding: 0 6px 0 6px;
  10196. }
  10197. }
  10198. .td-pb-span4 .td_block_wrap .td-pulldown-filter-display-option span {
  10199. /* responsive portrait tablet */
  10200. }
  10201. @media (min-width: 768px) and (max-width: 1023px) {
  10202. .td-pb-span4 .td_block_wrap .td-pulldown-filter-display-option span {
  10203. display: none;
  10204. }
  10205. }
  10206. .td-pb-span4 .td_block_wrap .td-pulldown-filter-display-option i {
  10207. /* responsive portrait tablet */
  10208. }
  10209. @media (min-width: 768px) and (max-width: 1023px) {
  10210. .td-pb-span4 .td_block_wrap .td-pulldown-filter-display-option i {
  10211. padding: 0px;
  10212. }
  10213. }
  10214. /*open the list (default white)*/
  10215. .td-pulldown-filter-list-open .td-pulldown-filter-list {
  10216. display: block;
  10217. }
  10218. .td-pulldown-filter-list-open .td-pulldown-filter-display-option {
  10219. border-bottom: 1px solid rgba(255, 255, 255, 0.95);
  10220. -webkit-border-bottom-right-radius: 0px;
  10221. -webkit-border-bottom-left-radius: 0px;
  10222. -moz-border-radius-bottomright: 0px;
  10223. -moz-border-radius-bottomleft: 0px;
  10224. border-bottom-right-radius: 0px;
  10225. border-bottom-left-radius: 0px;
  10226. }
  10227. .td-js-loaded .td-category-siblings {
  10228. opacity: 1;
  10229. -webkit-transition: opacity 3s;
  10230. -moz-transition: opacity 3s;
  10231. -o-transition: opacity 3s;
  10232. transition: opacity 3s;
  10233. }
  10234. /* ----------------------------------------------------------------------------
  10235. common code
  10236. */
  10237. /*text selected to display*/
  10238. .td-pulldown-filter-display-option {
  10239. background-color: rgba(255, 255, 255, 0.95);
  10240. position: relative;
  10241. right: 0px;
  10242. cursor: pointer;
  10243. padding: 0px 10px 0px 14px;
  10244. margin: 0px 19px 21px 0px;
  10245. /* responsive portrait tablet */
  10246. /* responsive portrait phone */
  10247. height: 20px;
  10248. font-family: 'Open Sans', arial, sans-serif;
  10249. font-weight: 600;
  10250. font-size: 10px;
  10251. line-height: 18px;
  10252. -webkit-border-radius: 3px;
  10253. -moz-border-radius: 3px;
  10254. border-radius: 3px;
  10255. white-space: nowrap;
  10256. }
  10257. @media (min-width: 768px) and (max-width: 1023px) {
  10258. .td-pulldown-filter-display-option {
  10259. margin: 0px 17px 17px 0px;
  10260. }
  10261. }
  10262. @media (max-width: 767px) {
  10263. .td-pulldown-filter-display-option {
  10264. margin: 0px 10px 17px 0px;
  10265. }
  10266. }
  10267. .td-pulldown-filter-display-option:hover {
  10268. color: #4db2ec;
  10269. }
  10270. .td-pulldown-filter-display-option i {
  10271. font-size: 9px;
  10272. padding-left: 8px;
  10273. color: #444444;
  10274. }
  10275. .wpb_wrapper .td_block_wrap .td-pulldown-filter-display-option {
  10276. margin: 0px 19px 20px 0px;
  10277. /* responsive portrait tablet */
  10278. /* responsive portrait phone */
  10279. }
  10280. @media (min-width: 768px) and (max-width: 1023px) {
  10281. .wpb_wrapper .td_block_wrap .td-pulldown-filter-display-option {
  10282. margin: 0px 17px 17px 0px;
  10283. }
  10284. }
  10285. @media (max-width: 767px) {
  10286. .wpb_wrapper .td_block_wrap .td-pulldown-filter-display-option {
  10287. margin: 0px 10px 17px 0px;
  10288. }
  10289. }
  10290. /*the list with options*/
  10291. .td-pulldown-filter-list {
  10292. display: none;
  10293. position: absolute;
  10294. top: 8px;
  10295. right: -1px;
  10296. z-index: 2;
  10297. background-color: rgba(255, 255, 255, 0.95);
  10298. -webkit-border-radius: 3px;
  10299. -webkit-border-top-right-radius: 0;
  10300. -moz-border-radius: 3px;
  10301. -moz-border-radius-topright: 0;
  10302. border-radius: 3px;
  10303. border-top-right-radius: 0;
  10304. padding: 5px 0px 7px 0px;
  10305. text-align: left;
  10306. }
  10307. /*li - list item*/
  10308. .td-pulldown-filter-item {
  10309. list-style: none;
  10310. }
  10311. /*a - link*/
  10312. .td-pulldown-filter-link {
  10313. font-family: 'Open Sans', arial, sans-serif;
  10314. font-weight: 600;
  10315. font-size: 10px;
  10316. line-height: 24px;
  10317. white-space: nowrap;
  10318. display: block;
  10319. padding: 0 30px 0 16px;
  10320. }
  10321. .td-pulldown-filter-link:hover {
  10322. color: #4db2ec;
  10323. }
  10324. .td-pulldown-filter-list {
  10325. -webkit-animation-duration: 0.3s;
  10326. -moz-animation-duration: 0.3s;
  10327. -ms-animation-duration: 0.3s;
  10328. -o-animation-duration: 0.3s;
  10329. animation-duration: 0.3s;
  10330. }
  10331. .td_block_inner {
  10332. -webkit-animation-duration: 0.5s;
  10333. -moz-animation-duration: 0.5s;
  10334. -ms-animation-duration: 0.5s;
  10335. -o-animation-duration: 0.5s;
  10336. animation-duration: 0.5s;
  10337. }
  10338. /* ----------------------------------------------------------------------------
  10339. category pull-down filter
  10340. */
  10341. .td-category-pulldown-filter {
  10342. /*a - link*/
  10343. }
  10344. .td-category-pulldown-filter.td-wrapper-pulldown-filter {
  10345. position: absolute;
  10346. top: 14px;
  10347. right: 0px;
  10348. }
  10349. .td-category-pulldown-filter .td-pulldown-filter-list {
  10350. z-index: 2;
  10351. }
  10352. .td-category-pulldown-filter a.td-pulldown-category-filter-link {
  10353. color: #444444;
  10354. font-family: 'Open Sans', arial, sans-serif;
  10355. font-weight: 600;
  10356. font-size: 10px;
  10357. line-height: 24px;
  10358. white-space: nowrap;
  10359. display: block;
  10360. padding: 0px 30px 0px 16px;
  10361. }
  10362. .td-category-pulldown-filter a.td-pulldown-category-filter-link:hover {
  10363. color: #4db2ec;
  10364. }
  10365. /* ----------------------------------------------------------------------------
  10366. blocks wrap
  10367. */
  10368. .td-block-wrap {
  10369. position: relative;
  10370. padding-bottom: 34px;
  10371. }
  10372. /* title / label */
  10373. .block-title {
  10374. display: inline-block;
  10375. line-height: 20px;
  10376. margin: 0 0 20px 20px;
  10377. /* responsive portrait tablet */
  10378. /* responsive portrait phone */
  10379. }
  10380. @media (min-width: 768px) and (max-width: 1023px) {
  10381. .block-title {
  10382. margin-left: 17px;
  10383. }
  10384. }
  10385. @media (max-width: 767px) {
  10386. .block-title {
  10387. margin-left: 10px;
  10388. margin-right: 10px;
  10389. }
  10390. }
  10391. .block-title > a,
  10392. .block-title > span {
  10393. font-family: 'Open Sans', arial, sans-serif;
  10394. font-size: 11px;
  10395. font-weight: bold;
  10396. color: #ffffff;
  10397. background-color: #222222;
  10398. border-radius: 3px;
  10399. padding: 2px 15px 2px 15px;
  10400. position: relative;
  10401. display: inline-table;
  10402. vertical-align: middle;
  10403. line-height: 16px;
  10404. top: -2px;
  10405. }
  10406. /* comment by Radu A when adding the javascript loader box
  10407. .td-loader-gif {
  10408. position: absolute;
  10409. top: 50%;
  10410. left: 50%;
  10411. width: 64px;
  10412. height: 64px;
  10413. margin-top: -32px; /* Half the height * /
  10414. margin-left: -32px; /* Half the width * /
  10415. }*/
  10416. .td-post-category {
  10417. padding: 1px 5px 1px 5px;
  10418. background-color: #222222;
  10419. -webkit-border-radius: 3px;
  10420. -moz-border-radius: 3px;
  10421. border-radius: 3px;
  10422. font-size: 9px;
  10423. font-weight: bold;
  10424. font-style: normal;
  10425. color: #ffffff;
  10426. margin-right: 5px;
  10427. position: relative;
  10428. /* responsive portrait tablet */
  10429. }
  10430. @media (min-width: 768px) and (max-width: 1023px) {
  10431. .td-post-category {
  10432. display: none;
  10433. }
  10434. }
  10435. .td-post-category:hover {
  10436. color: #ffffff;
  10437. background-color: #4db2ec;
  10438. }
  10439. /* ----------------------------------------------------------------------------
  10440. pagination
  10441. @todo display inline?
  10442. @todo numa mai bune la clase
  10443. */
  10444. .ajax-page-disabled {
  10445. opacity: 0.5;
  10446. }
  10447. /* load more button*/
  10448. .td_ajax_load_more {
  10449. display: inline-block;
  10450. margin-bottom: 21px !important;
  10451. }
  10452. .td_ajax_load_more .td-icon-menu-down {
  10453. font-size: 8px;
  10454. position: relative;
  10455. top: -6px;
  10456. display: block;
  10457. }
  10458. .td-load-more-wrap {
  10459. text-align: center;
  10460. clear: both;
  10461. }
  10462. .td-load-more-wrap a {
  10463. color: #222222;
  10464. }
  10465. .td-load-more-wrap a:hover {
  10466. color: #4db2ec;
  10467. }
  10468. /* next prev */
  10469. .td-next-prev-wrap {
  10470. margin: 0px 0px 0px 20px;
  10471. line-height: 15px;
  10472. clear: both;
  10473. /* responsive portrait tablet */
  10474. /* responsive portrait phone */
  10475. }
  10476. @media (min-width: 768px) and (max-width: 1023px) {
  10477. .td-next-prev-wrap {
  10478. margin: 0px 0px 0px 17px;
  10479. }
  10480. }
  10481. @media (max-width: 767px) {
  10482. .td-next-prev-wrap {
  10483. margin: 0px 0px 0px 10px;
  10484. }
  10485. }
  10486. .td-next-prev-wrap a {
  10487. display: inline-block;
  10488. margin-bottom: 19px;
  10489. line-height: 21px;
  10490. /* responsive portrait tablet */
  10491. /* responsive portrait phone */
  10492. }
  10493. @media (min-width: 768px) and (max-width: 1023px) {
  10494. .td-next-prev-wrap a {
  10495. margin-bottom: 16px;
  10496. }
  10497. }
  10498. @media (max-width: 767px) {
  10499. .td-next-prev-wrap a {
  10500. margin-bottom: 19px;
  10501. }
  10502. }
  10503. .td-next-prev-wrap a:hover i {
  10504. background-color: #4db2ec;
  10505. color: #ffffff !important;
  10506. border-color: #4db2ec;
  10507. }
  10508. .td-next-prev-wrap .td-ajax-prev-page {
  10509. margin-right: 4px;
  10510. }
  10511. .td-next-prev-wrap i {
  10512. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=94)";
  10513. -webkit-border-radius: 3px;
  10514. -moz-border-radius: 3px;
  10515. border-radius: 3px;
  10516. border: 1px solid #e6e6e6;
  10517. font-size: 9px;
  10518. color: #444444;
  10519. line-height: 1;
  10520. padding: 3px 6px 3px 6px;
  10521. }
  10522. .td_block_inner_overflow {
  10523. overflow: hidden;
  10524. }
  10525. /* ----------------------------------------------------------------------------
  10526. infinite loader
  10527. */
  10528. .td-load-more-infinite-wrap {
  10529. display: none;
  10530. }
  10531. /* ----------------------------------------------------------------------------
  10532.  
  10533.  
  10534.  
  10535. individual blocks
  10536.  
  10537.  
  10538.  
  10539.  
  10540. */
  10541. /* ----------------------------------------------------------------------------
  10542. block title alignment
  10543. */
  10544. .td_block_1,
  10545. .td_block_2,
  10546. .td_block_3,
  10547. .td_block_4,
  10548. .td_block_5,
  10549. .td_block_6,
  10550. .td_block_7,
  10551. .td_block_8,
  10552. .td_block_9,
  10553. .td_block_10,
  10554. .td_block_11,
  10555. .td_block_12,
  10556. .td_block_16,
  10557. .td_top_authors,
  10558. .td_block_text_with_title {
  10559. position: relative;
  10560. padding-top: 20px;
  10561. /* responsive portrait tablet */
  10562. /* responsive portrait phone */
  10563. }
  10564. @media (min-width: 768px) and (max-width: 1023px) {
  10565. .td_block_1,
  10566. .td_block_2,
  10567. .td_block_3,
  10568. .td_block_4,
  10569. .td_block_5,
  10570. .td_block_6,
  10571. .td_block_7,
  10572. .td_block_8,
  10573. .td_block_9,
  10574. .td_block_10,
  10575. .td_block_11,
  10576. .td_block_12,
  10577. .td_block_16,
  10578. .td_top_authors,
  10579. .td_block_text_with_title {
  10580. padding-top: 17px;
  10581. }
  10582. }
  10583. @media (max-width: 767px) {
  10584. .td_block_1,
  10585. .td_block_2,
  10586. .td_block_3,
  10587. .td_block_4,
  10588. .td_block_5,
  10589. .td_block_6,
  10590. .td_block_7,
  10591. .td_block_8,
  10592. .td_block_9,
  10593. .td_block_10,
  10594. .td_block_11,
  10595. .td_block_12,
  10596. .td_block_16,
  10597. .td_top_authors,
  10598. .td_block_text_with_title {
  10599. padding-top: 17px;
  10600. }
  10601. }
  10602. .td_block_1 .block-title,
  10603. .td_block_2 .block-title,
  10604. .td_block_3 .block-title,
  10605. .td_block_4 .block-title,
  10606. .td_block_5 .block-title,
  10607. .td_block_6 .block-title,
  10608. .td_block_7 .block-title,
  10609. .td_block_8 .block-title,
  10610. .td_block_9 .block-title,
  10611. .td_block_10 .block-title,
  10612. .td_block_11 .block-title,
  10613. .td_block_12 .block-title,
  10614. .td_block_16 .block-title,
  10615. .td_top_authors .block-title,
  10616. .td_block_text_with_title .block-title {
  10617. margin: 0px 0px 20px 20px;
  10618. /* responsive portrait tablet */
  10619. /* responsive portrait phone */
  10620. }
  10621. @media (min-width: 768px) and (max-width: 1023px) {
  10622. .td_block_1 .block-title,
  10623. .td_block_2 .block-title,
  10624. .td_block_3 .block-title,
  10625. .td_block_4 .block-title,
  10626. .td_block_5 .block-title,
  10627. .td_block_6 .block-title,
  10628. .td_block_7 .block-title,
  10629. .td_block_8 .block-title,
  10630. .td_block_9 .block-title,
  10631. .td_block_10 .block-title,
  10632. .td_block_11 .block-title,
  10633. .td_block_12 .block-title,
  10634. .td_block_16 .block-title,
  10635. .td_top_authors .block-title,
  10636. .td_block_text_with_title .block-title {
  10637. margin: 0px 0px 17px 17px;
  10638. }
  10639. }
  10640. @media (max-width: 767px) {
  10641. .td_block_1 .block-title,
  10642. .td_block_2 .block-title,
  10643. .td_block_3 .block-title,
  10644. .td_block_4 .block-title,
  10645. .td_block_5 .block-title,
  10646. .td_block_6 .block-title,
  10647. .td_block_7 .block-title,
  10648. .td_block_8 .block-title,
  10649. .td_block_9 .block-title,
  10650. .td_block_10 .block-title,
  10651. .td_block_11 .block-title,
  10652. .td_block_12 .block-title,
  10653. .td_block_16 .block-title,
  10654. .td_top_authors .block-title,
  10655. .td_block_text_with_title .block-title {
  10656. margin: 0px 0px 17px 10px;
  10657. }
  10658. }
  10659. .td_block_1 .td_block_inner,
  10660. .td_block_2 .td_block_inner,
  10661. .td_block_3 .td_block_inner,
  10662. .td_block_4 .td_block_inner,
  10663. .td_block_5 .td_block_inner,
  10664. .td_block_6 .td_block_inner,
  10665. .td_block_7 .td_block_inner,
  10666. .td_block_8 .td_block_inner,
  10667. .td_block_9 .td_block_inner,
  10668. .td_block_10 .td_block_inner,
  10669. .td_block_11 .td_block_inner,
  10670. .td_block_12 .td_block_inner,
  10671. .td_block_16 .td_block_inner,
  10672. .td_top_authors .td_block_inner,
  10673. .td_block_text_with_title .td_block_inner {
  10674. clear: right;
  10675. }
  10676. .td_block_13,
  10677. .td_block_14 {
  10678. position: relative;
  10679. }
  10680. .td_block_13 .block-title,
  10681. .td_block_14 .block-title {
  10682. margin: 0px 0px 21px 20px;
  10683. /* responsive portrait tablet */
  10684. }
  10685. @media (min-width: 768px) and (max-width: 1023px) {
  10686. .td_block_13 .block-title,
  10687. .td_block_14 .block-title {
  10688. margin: 0px 0px 17px 17px;
  10689. }
  10690. }
  10691. .td_block_13 .td_block_inner,
  10692. .td_block_14 .td_block_inner {
  10693. clear: right;
  10694. }
  10695. /* ----------------------------------------------------------------------------
  10696. block 1
  10697. */
  10698. .td-pb-span4 .td_block_1 .td_module_4 {
  10699. padding-bottom: 6px;
  10700. }
  10701. .td_block_1 .td_module_4 {
  10702. margin-bottom: 0px;
  10703. }
  10704. .td_block_1 .td_module_4 .meta-info {
  10705. margin-bottom: 5px;
  10706. }
  10707. /* ----------------------------------------------------------------------------
  10708. block 2
  10709. */
  10710. .td_block_2 .td_module_4 {
  10711. margin-bottom: 21px !important;
  10712. }
  10713. /* ----------------------------------------------------------------------------
  10714. block 3
  10715. */
  10716. .td_block_3 .td-block-row:last-child .td_module_1 {
  10717. margin-bottom: 0px !important;
  10718. }
  10719. .td_block_3 .td-block-span12:last-child .td_module_1 {
  10720. margin-bottom: 0px !important;
  10721. }
  10722. /* ----------------------------------------------------------------------------
  10723. block 4
  10724. */
  10725. .td_block_4 .td-block-row:last-child .td_module_2 {
  10726. margin-bottom: 0px !important;
  10727. }
  10728. .td_block_4 .td-block-span12:last-child .td_module_2 {
  10729. margin-bottom: 0px !important;
  10730. }
  10731. /* ----------------------------------------------------------------------------
  10732. block 5
  10733. */
  10734. .td_block_5 .td-block-row:last-child .td_module_3 {
  10735. margin-bottom: 12px !important;
  10736. }
  10737. .td_block_5 .td-block-span12:last-child .td_module_3 {
  10738. margin-bottom: 12px !important;
  10739. }
  10740. /* ----------------------------------------------------------------------------
  10741. block 6
  10742. */
  10743. .td_block_6 .td-block-span12:last-child .td_module_5 {
  10744. border-bottom: none;
  10745. padding-bottom: 2px;
  10746. }
  10747. /* ----------------------------------------------------------------------------
  10748. block 9
  10749. */
  10750. .td_block_9 .td-block-span12:last-child .item-details {
  10751. border-bottom: none;
  10752. padding-bottom: 12px;
  10753. margin-bottom: 0px;
  10754. }
  10755. .td-pb-span4 .td_block_9 .td_module_8 .td-post-category {
  10756. /* responsive portrait tablet */
  10757. }
  10758. @media (min-width: 768px) and (max-width: 1023px) {
  10759. .td-pb-span4 .td_block_9 .td_module_8 .td-post-category {
  10760. display: none;
  10761. }
  10762. }
  10763. .td_block_9 .td_block_inner .td-block-row:last-child .item-details {
  10764. border-bottom: 0px;
  10765. }
  10766. /* ----------------------------------------------------------------------------
  10767. block 10
  10768. */
  10769. .td_block_10 {
  10770. text-align: center;
  10771. /* hide the filter category name on mobile */
  10772. }
  10773. .td_block_10 .block-title {
  10774. margin-left: 10px;
  10775. margin-right: 10px;
  10776. }
  10777. .td_block_10 .td_block_inner {
  10778. margin-left: 30px;
  10779. margin-right: 29px;
  10780. }
  10781. .td_block_10 .td_module_9:last-child .item-details {
  10782. border-bottom: none;
  10783. padding-bottom: 4px;
  10784. margin-bottom: 0px;
  10785. }
  10786. .td_block_10 .td_module_9 .item-details {
  10787. margin-bottom: 23px;
  10788. /* responsive portrait tablet */
  10789. /* responsive portrait phone */
  10790. }
  10791. @media (min-width: 768px) and (max-width: 1023px) {
  10792. .td_block_10 .td_module_9 .item-details {
  10793. margin-bottom: 15px;
  10794. }
  10795. }
  10796. @media (max-width: 767px) {
  10797. .td_block_10 .td_module_9 .item-details {
  10798. margin-bottom: 15px;
  10799. }
  10800. }
  10801. .td_block_10 .td-wrapper-pulldown-filter {
  10802. position: absolute;
  10803. right: 0;
  10804. }
  10805. .td_block_10 .td-next-prev-wrap {
  10806. margin: 0;
  10807. }
  10808. .td_block_10 .td-pulldown-filter-display-option {
  10809. /* responsive portrait phone */
  10810. }
  10811. @media (max-width: 767px) {
  10812. .td_block_10 .td-pulldown-filter-display-option {
  10813. padding: 0 4px 0 0;
  10814. }
  10815. }
  10816. .td_block_10 .td-pulldown-filter-display-option span {
  10817. /* responsive portrait phone */
  10818. }
  10819. @media (max-width: 767px) {
  10820. .td_block_10 .td-pulldown-filter-display-option span {
  10821. display: none;
  10822. }
  10823. }
  10824. .td_block_10 .td-pulldown-filter-display-option i {
  10825. /* responsive portrait phone */
  10826. }
  10827. @media (max-width: 767px) {
  10828. .td_block_10 .td-pulldown-filter-display-option i {
  10829. padding-left: 5px;
  10830. }
  10831. }
  10832. /* ----------------------------------------------------------------------------
  10833. block 11
  10834. */
  10835. .td_block_11 .td-block-span12:last-child .item-details {
  10836. margin-bottom: 20px;
  10837. }
  10838. .td_block_11 .td_module_10 {
  10839. padding-left: 0px;
  10840. padding-right: 0px;
  10841. }
  10842. .td_block_11 .td-block-span12:last-child .item-details {
  10843. margin-bottom: 7px;
  10844. }
  10845. .td-pb-row .td-pb-span4 .td_block_11 .entry-thumb {
  10846. width: 80px;
  10847. margin-bottom: 0px;
  10848. /* responsive portrait phone */
  10849. /* responsive desktop */
  10850. /* responsive portrait tablet */
  10851. }
  10852. @media (max-width: 767px) {
  10853. .td-pb-row .td-pb-span4 .td_block_11 .entry-thumb {
  10854. margin-bottom: 17px;
  10855. float: left;
  10856. }
  10857. }
  10858. @media (min-width: 1024px) {
  10859. .td-pb-row .td-pb-span4 .td_block_11 .entry-thumb {
  10860. min-height: inherit;
  10861. }
  10862. }
  10863. @media (min-width: 768px) and (max-width: 1023px) {
  10864. .td-pb-row .td-pb-span4 .td_block_11 .entry-thumb {
  10865. min-height: inherit;
  10866. }
  10867. }
  10868. .td-pb-row .td-pb-span4 .td_block_11 .td-module-title {
  10869. padding-left: 100px;
  10870. font-size: 15px;
  10871. line-height: 21px;
  10872. /* responsive portrait tablet */
  10873. }
  10874. @media (min-width: 768px) and (max-width: 1023px) {
  10875. .td-pb-row .td-pb-span4 .td_block_11 .td-module-title {
  10876. font-size: 14px;
  10877. line-height: 21px;
  10878. padding-left: 97px;
  10879. }
  10880. }
  10881. .td-pb-row .td-pb-span4 .td_block_11 .meta-info {
  10882. clear: both;
  10883. }
  10884. .td-pb-row .td-pb-span4 .td_block_11 .item-details {
  10885. margin-left: 0px;
  10886. }
  10887. .td-pb-row .td-pb-span4 .td_block_11 .td-excerpt {
  10888. clear: both;
  10889. margin-bottom: 15px;
  10890. }
  10891. /* ----------------------------------------------------------------------------
  10892. block 12
  10893. */
  10894. .td_block_12 .td-block-span12:last-child .item-details {
  10895. margin-bottom: 20px;
  10896. }
  10897. .td_block_12 .td_module_11 {
  10898. padding-left: 0px;
  10899. padding-right: 0px;
  10900. }
  10901. .td_block_12 .td-block-span12:last-child .item-details {
  10902. margin-bottom: 20px;
  10903. }
  10904. .td-pb-row .td-pb-span4 .td_block_12 .entry-thumb {
  10905. width: 80px;
  10906. margin-bottom: 17px;
  10907. /* responsive portrait phone */
  10908. /* responsive desktop */
  10909. /* responsive portrait tablet */
  10910. }
  10911. @media (max-width: 767px) {
  10912. .td-pb-row .td-pb-span4 .td_block_12 .entry-thumb {
  10913. float: left;
  10914. }
  10915. }
  10916. @media (min-width: 1024px) {
  10917. .td-pb-row .td-pb-span4 .td_block_12 .entry-thumb {
  10918. min-height: inherit;
  10919. }
  10920. }
  10921. @media (min-width: 768px) and (max-width: 1023px) {
  10922. .td-pb-row .td-pb-span4 .td_block_12 .entry-thumb {
  10923. min-height: inherit;
  10924. }
  10925. }
  10926. .td-pb-row .td-pb-span4 .td_block_12 .td-module-thumb {
  10927. /* responsive portrait phone */
  10928. }
  10929. @media (max-width: 767px) {
  10930. .td-pb-row .td-pb-span4 .td_block_12 .td-module-thumb {
  10931. float: left;
  10932. width: 80px;
  10933. margin-bottom: 0;
  10934. }
  10935. }
  10936. .td-pb-row .td-pb-span4 .td_block_12 .td-module-title {
  10937. padding-left: 100px;
  10938. font-size: 15px;
  10939. line-height: 21px;
  10940. /* responsive portrait tablet */
  10941. }
  10942. @media (min-width: 768px) and (max-width: 1023px) {
  10943. .td-pb-row .td-pb-span4 .td_block_12 .td-module-title {
  10944. padding-left: 97px;
  10945. }
  10946. }
  10947. .td-pb-row .td-pb-span4 .td_block_12 .meta-info {
  10948. clear: both;
  10949. }
  10950. .td-pb-row .td-pb-span4 .td_block_12 .td-video-play-ico img {
  10951. width: 24px;
  10952. }
  10953. .td-pb-row .td-pb-span4 .td_block_12 .item-details {
  10954. margin-left: 0px;
  10955. }
  10956. .td-pb-row .td-pb-span4 .td_block_12 .td-excerpt {
  10957. clear: both;
  10958. margin-bottom: 15px;
  10959. }
  10960. /* ----------------------------------------------------------------------------
  10961. block 13
  10962. */
  10963. .td_block_13 {
  10964. border-top: 0 !important;
  10965. }
  10966. .td_block_13 .td-module-thumb {
  10967. left: 0;
  10968. }
  10969. .td_block_13 .block-title > a,
  10970. .td_block_13 .block-title > span {
  10971. background-color: rgba(0, 0, 0, 0.85);
  10972. }
  10973. .td_block_13 .block-title {
  10974. position: absolute;
  10975. top: 0;
  10976. left: 0;
  10977. z-index: 2;
  10978. margin: 20px 0 0 20px;
  10979. /* responsive portrait tablet */
  10980. /* responsive portrait phone */
  10981. }
  10982. @media (min-width: 768px) and (max-width: 1023px) {
  10983. .td_block_13 .block-title {
  10984. margin: 17px 0 0 16px;
  10985. }
  10986. }
  10987. @media (max-width: 767px) {
  10988. .td_block_13 .block-title {
  10989. margin: 17px 0 0 10px;
  10990. }
  10991. }
  10992. .td_block_13 .td-wrapper-pulldown-filter {
  10993. position: absolute;
  10994. right: 0;
  10995. top: 20px;
  10996. z-index: 2;
  10997. /* responsive portrait tablet */
  10998. /* responsive portrait phone */
  10999. }
  11000. @media (min-width: 768px) and (max-width: 1023px) {
  11001. .td_block_13 .td-wrapper-pulldown-filter {
  11002. top: 17px;
  11003. }
  11004. }
  11005. @media (max-width: 767px) {
  11006. .td_block_13 .td-wrapper-pulldown-filter {
  11007. top: 17px;
  11008. }
  11009. }
  11010. .td_block_13 .td-pulldown-filter-display-option {
  11011. border: none;
  11012. background-color: rgba(0, 0, 0, 0.85);
  11013. color: #ffffff;
  11014. /* responsive portrait tablet */
  11015. }
  11016. .td_block_13 .td-pulldown-filter-display-option .td-icon-menu-down {
  11017. color: #ffffff;
  11018. }
  11019. @media (min-width: 768px) and (max-width: 1023px) {
  11020. .td_block_13 .td-pulldown-filter-display-option {
  11021. margin-right: 19px !important;
  11022. }
  11023. }
  11024. .td_block_13:hover {
  11025. color: #4db2ec;
  11026. }
  11027. .td_block_13 .td-pulldown-filter-list {
  11028. border: none;
  11029. background-color: rgba(0, 0, 0, 0.85);
  11030. top: 10px;
  11031. right: 0;
  11032. }
  11033. .td_block_13 .td-pulldown-filter-list a {
  11034. color: #ffffff;
  11035. }
  11036. .td_block_13 .td-pulldown-filter-list a:hover {
  11037. color: #4db2ec;
  11038. }
  11039. .td_block_13 .meta-info {
  11040. /* responsive portrait tablet */
  11041. }
  11042. @media (min-width: 768px) and (max-width: 1023px) {
  11043. .td_block_13 .meta-info {
  11044. padding: 12px 17px 10px 17px;
  11045. }
  11046. }
  11047. .td_block_13 .td-pulldown-filter-list-open .td-pulldown-filter-display-option {
  11048. border-bottom: none;
  11049. }
  11050. .td-pb-span4 .td_block_13 .meta-info {
  11051. min-width: 299px;
  11052. padding: 14px 20px 12px 21px;
  11053. /* responsive portrait tablet */
  11054. }
  11055. @media (min-width: 768px) and (max-width: 1023px) {
  11056. .td-pb-span4 .td_block_13 .meta-info {
  11057. margin: 0px 19px 0px 18px;
  11058. padding: 12px 17px 10px 17px;
  11059. min-width: 216px;
  11060. }
  11061. }
  11062. /* ----------------------------------------------------------------------------
  11063. block 14
  11064. */
  11065. .td_block_14 {
  11066. border-top: none;
  11067. background-color: #e6e6e6;
  11068. }
  11069. .td_block_14 .block-title {
  11070. position: absolute;
  11071. top: 0px;
  11072. left: 0px;
  11073. z-index: 1;
  11074. margin: 21px 0px 0px 20px;
  11075. /* responsive portrait tablet */
  11076. /* responsive portrait phone */
  11077. }
  11078. @media (min-width: 768px) and (max-width: 1023px) {
  11079. .td_block_14 .block-title {
  11080. margin: 17px 0px 0px 16px;
  11081. }
  11082. }
  11083. @media (max-width: 767px) {
  11084. .td_block_14 .block-title {
  11085. margin: 17px 0px 0px 10px;
  11086. }
  11087. }
  11088. .td_block_14 .block-title > a,
  11089. .td_block_14 .block-title > span {
  11090. background-color: rgba(0, 0, 0, 0.85);
  11091. }
  11092. .td_block_14 .td-block-span4 {
  11093. padding-left: 0px;
  11094. padding-right: 0px !important;
  11095. }
  11096. .td_block_14 .td-block-span6 {
  11097. padding-left: 0px;
  11098. padding-right: 0px !important;
  11099. }
  11100. .td_block_14 div.td-block-span12 {
  11101. padding-left: 0px;
  11102. padding-right: 0px !important;
  11103. }
  11104. .td_block_14 .td-wrapper-pulldown-filter {
  11105. position: absolute;
  11106. right: 0px;
  11107. top: 21px;
  11108. z-index: 1;
  11109. /* responsive portrait tablet */
  11110. /* responsive portrait phone */
  11111. }
  11112. @media (min-width: 768px) and (max-width: 1023px) {
  11113. .td_block_14 .td-wrapper-pulldown-filter {
  11114. top: 17px;
  11115. }
  11116. }
  11117. @media (max-width: 767px) {
  11118. .td_block_14 .td-wrapper-pulldown-filter {
  11119. top: 17px;
  11120. }
  11121. }
  11122. .td_block_14 .td-pulldown-filter-display-option {
  11123. position: absolute;
  11124. border: none;
  11125. background-color: rgba(0, 0, 0, 0.85);
  11126. color: #ffffff;
  11127. line-height: 20px;
  11128. z-index: 1;
  11129. }
  11130. .td_block_14:hover {
  11131. color: #4db2ec !important;
  11132. }
  11133. .td_block_14 .td-pulldown-filter-list {
  11134. border: none;
  11135. background-color: rgba(0, 0, 0, 0.85);
  11136. top: 10px;
  11137. right: 0;
  11138. }
  11139. .td_block_14 .td-pulldown-filter-list a {
  11140. color: #ffffff;
  11141. }
  11142. .td_block_14 .td-pulldown-filter-list:hover {
  11143. color: #4db2ec;
  11144. }
  11145. .td_block_14 .td-next-prev-wrap {
  11146. display: inline-block;
  11147. bottom: -6px;
  11148. position: absolute;
  11149. right: 19px;
  11150. /* responsive portrait tablet */
  11151. /* responsive portrait phone */
  11152. }
  11153. @media (min-width: 768px) and (max-width: 1023px) {
  11154. .td_block_14 .td-next-prev-wrap {
  11155. right: 17px;
  11156. }
  11157. }
  11158. @media (max-width: 767px) {
  11159. .td_block_14 .td-next-prev-wrap {
  11160. right: 10px;
  11161. }
  11162. }
  11163. .td_block_14 .td-next-prev-wrap i {
  11164. color: #ffffff;
  11165. }
  11166. .td_block_14 .td-next-prev-wrap i:hover {
  11167. color: #4db2ec;
  11168. }
  11169. .td_block_14 .td-icon-menu-down {
  11170. color: #ffffff;
  11171. }
  11172. .td_block_14 .td-pulldown-filter-list-open .td-pulldown-filter-display-option {
  11173. border-bottom: none;
  11174. }
  11175. .td_block_14 .td-block-span12:last-child .td_module_mx1 {
  11176. margin-bottom: -1px;
  11177. }
  11178. /* ----------------------------------------------------------------------------
  11179. block 15
  11180. */
  11181. .td_block_15 {
  11182. border-top: none;
  11183. }
  11184. .td_block_15 .block-title > a,
  11185. .td_block_15 .block-title > span {
  11186. background-color: rgba(0, 0, 0, 0.85);
  11187. }
  11188. .td_block_15 .block-title {
  11189. margin: 21px 0px 0px 20px;
  11190. position: absolute;
  11191. top: 0px;
  11192. left: 0px;
  11193. z-index: 1;
  11194. /* responsive portrait tablet */
  11195. /* responsive portrait phone */
  11196. }
  11197. @media (min-width: 768px) and (max-width: 1023px) {
  11198. .td_block_15 .block-title {
  11199. margin: 17px 0px 0px 16px;
  11200. }
  11201. }
  11202. @media (max-width: 767px) {
  11203. .td_block_15 .block-title {
  11204. margin: 17px 0px 0px 10px;
  11205. }
  11206. }
  11207. .td_block_15 .td-block-span4 {
  11208. padding-left: 0px;
  11209. padding-right: 0px !important;
  11210. }
  11211. .td_block_15 .td-block-span6 {
  11212. padding-left: 0px;
  11213. padding-right: 0px !important;
  11214. }
  11215. .td_block_15 div.td-block-span12 {
  11216. padding-left: 0px;
  11217. padding-right: 0px !important;
  11218. }
  11219. .td_block_15 .td-wrapper-pulldown-filter {
  11220. position: absolute;
  11221. right: 0px;
  11222. top: 21px;
  11223. z-index: 3;
  11224. /* responsive portrait tablet */
  11225. /* responsive portrait phone */
  11226. }
  11227. @media (min-width: 768px) and (max-width: 1023px) {
  11228. .td_block_15 .td-wrapper-pulldown-filter {
  11229. top: 17px;
  11230. }
  11231. }
  11232. @media (max-width: 767px) {
  11233. .td_block_15 .td-wrapper-pulldown-filter {
  11234. top: 17px;
  11235. }
  11236. }
  11237. .td_block_15 .td-pulldown-filter-display-option {
  11238. position: absolute;
  11239. border: none;
  11240. background-color: rgba(0, 0, 0, 0.85);
  11241. color: #ffffff;
  11242. line-height: 20px;
  11243. }
  11244. .td_block_15 .td-pulldown-filter-display-option i {
  11245. color: inherit;
  11246. }
  11247. .td_block_15:hover {
  11248. color: #4db2ec;
  11249. }
  11250. .td_block_15 .td-pulldown-filter-list {
  11251. border: none;
  11252. background-color: rgba(0, 0, 0, 0.85);
  11253. top: 10px;
  11254. right: 0;
  11255. }
  11256. .td_block_15 .td-pulldown-filter-list a {
  11257. color: #ffffff;
  11258. }
  11259. .td_block_15 .td-pulldown-filter-list:hover {
  11260. color: #4db2ec;
  11261. }
  11262. .td_block_15 .td-pulldown-filter-list-open .td-pulldown-filter-display-option {
  11263. border-bottom: none;
  11264. }
  11265. .td_block_15 .td_block_inner .td_module_mx1 {
  11266. margin-bottom: 20px;
  11267. border: 0;
  11268. /* responsive portrait tablet */
  11269. /* responsive portrait phone */
  11270. }
  11271. @media (min-width: 768px) and (max-width: 1023px) {
  11272. .td_block_15 .td_block_inner .td_module_mx1 {
  11273. margin-bottom: 17px;
  11274. }
  11275. }
  11276. @media (max-width: 767px) {
  11277. .td_block_15 .td_block_inner .td_module_mx1 {
  11278. margin-bottom: 0;
  11279. }
  11280. }
  11281. .td_block_15 .td-block-span12 .td_module_mx1 {
  11282. /* responsive portrait phone */
  11283. }
  11284. @media (max-width: 767px) {
  11285. .td_block_15 .td-block-span12 .td_module_mx1 {
  11286. margin-bottom: 15px;
  11287. }
  11288. }
  11289. .td_block_15 .td-block-span12 .td_module_mx1 .td-block14-border {
  11290. display: none;
  11291. }
  11292. .td_block_15 .td-block-span6:last-child .td_module_mx1 {
  11293. /* responsive portrait phone */
  11294. }
  11295. @media (max-width: 767px) {
  11296. .td_block_15 .td-block-span6:last-child .td_module_mx1 {
  11297. margin-bottom: 15px;
  11298. }
  11299. }
  11300. .td_block_15 .td-block-span6 .td_module_mx1 .td-module-thumb {
  11301. margin-bottom: 0;
  11302. }
  11303. .td_block_15 .td-block-span6 .td_module_mx1:last-child .td-image-gradient:before {
  11304. width: 341px;
  11305. /* responsive portrait tablet */
  11306. /* responsive portrait phone */
  11307. }
  11308. @media (min-width: 768px) and (max-width: 1023px) {
  11309. .td_block_15 .td-block-span6 .td_module_mx1:last-child .td-image-gradient:before {
  11310. width: 253px;
  11311. }
  11312. }
  11313. @media (max-width: 767px) {
  11314. .td_block_15 .td-block-span6 .td_module_mx1:last-child .td-image-gradient:before {
  11315. width: 100%;
  11316. }
  11317. }
  11318. .td_block_15 .td-block-span6:last-child .td-block14-border {
  11319. display: none;
  11320. }
  11321. .td_block_15 .td-block-span4:last-child .td_module_mx1 {
  11322. /* responsive portrait phone */
  11323. }
  11324. @media (max-width: 767px) {
  11325. .td_block_15 .td-block-span4:last-child .td_module_mx1 {
  11326. margin-bottom: 15px;
  11327. }
  11328. }
  11329. .td_block_15 .td-block-span4 .td_module_mx1 .td-module-thumb {
  11330. margin-bottom: 0px;
  11331. }
  11332. .td_block_15 .td-block-span4 .td_module_mx1:last-child .td-image-gradient:before {
  11333. width: 341px;
  11334. /* responsive portrait tablet */
  11335. /* responsive portrait phone */
  11336. }
  11337. @media (min-width: 768px) and (max-width: 1023px) {
  11338. .td_block_15 .td-block-span4 .td_module_mx1:last-child .td-image-gradient:before {
  11339. width: 253px;
  11340. }
  11341. }
  11342. @media (max-width: 767px) {
  11343. .td_block_15 .td-block-span4 .td_module_mx1:last-child .td-image-gradient:before {
  11344. width: 100%;
  11345. }
  11346. }
  11347. .td_block_15 .td-block-span4:last-child .td-block14-border {
  11348. display: none;
  11349. }
  11350. /* ----------------------------------------------------------------------------
  11351. block 16
  11352. */
  11353. .td_block_16 .td-block-row .td-block-span4 {
  11354. width: auto;
  11355. padding-right: 0px;
  11356. }
  11357. .td_block_16 .entry-title {
  11358. margin: 0px 0px 3px 0px;
  11359. font-size: 13px;
  11360. line-height: 16px;
  11361. font-weight: 600;
  11362. /* responsive portrait phone */
  11363. }
  11364. @media (max-width: 767px) {
  11365. .td_block_16 .entry-title {
  11366. font-size: 18px;
  11367. line-height: 26px;
  11368. font-weight: 700;
  11369. }
  11370. }
  11371. .td_block_16 .td-module-thumb {
  11372. margin-bottom: 5px;
  11373. }
  11374. .td_block_16 .td-column-1 .td_module_mx4 {
  11375. padding-bottom: 20px;
  11376. }
  11377. .td_block_16 .td-column-1 .td_module_mx4 .meta-info {
  11378. margin-bottom: 0px;
  11379. }
  11380. .td_block_16 .td-column-1 .td_module_mx4 .entry-thumb {
  11381. /* responsive desktop */
  11382. /* responsive portrait tablet */
  11383. }
  11384. @media (min-width: 1024px) {
  11385. .td_block_16 .td-column-1 .td_module_mx4 .entry-thumb {
  11386. min-height: 194px;
  11387. }
  11388. }
  11389. @media (min-width: 768px) and (max-width: 1023px) {
  11390. .td_block_16 .td-column-1 .td_module_mx4 .entry-thumb {
  11391. min-height: 142px;
  11392. }
  11393. }
  11394. .td_block_16 .td-column-2 .td_module_mx4 {
  11395. width: 200px;
  11396. margin-bottom: 20px;
  11397. /* responsive portrait tablet */
  11398. /* responsive portrait phone */
  11399. }
  11400. @media (min-width: 768px) and (max-width: 1023px) {
  11401. .td_block_16 .td-column-2 .td_module_mx4 {
  11402. width: 145px;
  11403. }
  11404. }
  11405. @media (max-width: 767px) {
  11406. .td_block_16 .td-column-2 .td_module_mx4 {
  11407. width: 100%;
  11408. }
  11409. }
  11410. .td_block_16 .td-column-2 .td_module_mx4 .entry-thumb {
  11411. /* responsive desktop */
  11412. /* responsive portrait tablet */
  11413. }
  11414. @media (min-width: 1024px) {
  11415. .td_block_16 .td-column-2 .td_module_mx4 .entry-thumb {
  11416. min-height: 129px;
  11417. }
  11418. }
  11419. @media (min-width: 768px) and (max-width: 1023px) {
  11420. .td_block_16 .td-column-2 .td_module_mx4 .entry-thumb {
  11421. min-height: 94px;
  11422. }
  11423. }
  11424. .td_block_16 .td-column-3 .td_module_mx4 {
  11425. width: 180px;
  11426. margin-bottom: 20px;
  11427. /* responsive portrait tablet */
  11428. /* responsive portrait phone */
  11429. }
  11430. @media (min-width: 768px) and (max-width: 1023px) {
  11431. .td_block_16 .td-column-3 .td_module_mx4 {
  11432. width: 131px;
  11433. }
  11434. }
  11435. @media (max-width: 767px) {
  11436. .td_block_16 .td-column-3 .td_module_mx4 {
  11437. width: 100%;
  11438. }
  11439. }
  11440. .td_block_16 .td-column-3 .td_module_mx4 .entry-thumb {
  11441. /* responsive desktop */
  11442. /* responsive portrait tablet */
  11443. }
  11444. @media (min-width: 1024px) {
  11445. .td_block_16 .td-column-3 .td_module_mx4 .entry-thumb {
  11446. min-height: 116px;
  11447. }
  11448. }
  11449. @media (min-width: 768px) and (max-width: 1023px) {
  11450. .td_block_16 .td-column-3 .td_module_mx4 .entry-thumb {
  11451. min-height: 85px;
  11452. }
  11453. }
  11454. /* ----------------------------------------------------------------------------
  11455. td_block_related_posts
  11456. */
  11457. /* related_posts_row */
  11458. .td-related-row {
  11459. width: 100%;
  11460. *zoom: 1;
  11461. /* responsive portrait phone */
  11462. }
  11463. .td-related-row:before,
  11464. .td-related-row:after {
  11465. display: table;
  11466. content: "";
  11467. }
  11468. .td-related-row:after {
  11469. clear: both;
  11470. }
  11471. .td-related-row [class*="td-related-span"] {
  11472. display: block;
  11473. min-height: 1px;
  11474. float: left;
  11475. }
  11476. @media (max-width: 767px) {
  11477. .td-related-row {
  11478. padding-right: 10px;
  11479. }
  11480. }
  11481. .td-related-span4 {
  11482. width: 220px;
  11483. padding-left: 20px;
  11484. /* responsive portrait tablet */
  11485. /* responsive portrait phone */
  11486. }
  11487. @media (min-width: 768px) and (max-width: 1023px) {
  11488. .td-related-span4 {
  11489. width: 162px;
  11490. padding-left: 17px;
  11491. }
  11492. }
  11493. @media (max-width: 767px) {
  11494. .td-related-span4 {
  11495. width: 33.33%;
  11496. padding-left: 10px;
  11497. }
  11498. }
  11499. .td-related-full-width .td-related-span4 {
  11500. width: 200px;
  11501. /* responsive portrait tablet */
  11502. /* responsive portrait phone */
  11503. }
  11504. @media (min-width: 768px) and (max-width: 1023px) {
  11505. .td-related-full-width .td-related-span4 {
  11506. width: 147px;
  11507. }
  11508. }
  11509. @media (max-width: 767px) {
  11510. .td-related-full-width .td-related-span4 {
  11511. width: 20%;
  11512. padding-left: 10px;
  11513. }
  11514. }
  11515. /* ----------------------------------------------------------------------------
  11516. Big grid
  11517. */
  11518. .td_block_big_grid {
  11519. position: relative;
  11520. height: 360px;
  11521. border-top: none;
  11522. /* responsive portrait tablet */
  11523. }
  11524. @media (min-width: 768px) and (max-width: 1023px) {
  11525. .td_block_big_grid {
  11526. height: 264px;
  11527. }
  11528. }
  11529. .td_block_big_grid .block-title {
  11530. position: absolute;
  11531. top: 0px;
  11532. z-index: 1;
  11533. margin: 20px 0px 0px 19px;
  11534. text-transform: uppercase;
  11535. }
  11536. .td_block_big_grid .td-post-category {
  11537. padding: 2px 5px 2px 5px;
  11538. top: -3px;
  11539. }
  11540. .td_block_big_grid .td_module_mx6 .td-video-play-ico {
  11541. /* responsive portrait phone */
  11542. }
  11543. @media (max-width: 767px) {
  11544. .td_block_big_grid .td_module_mx6 .td-video-play-ico {
  11545. width: 26px;
  11546. }
  11547. }
  11548. .td_block_big_grid .td-video-play-ico {
  11549. /* responsive portrait phone */
  11550. }
  11551. @media (max-width: 767px) {
  11552. .td_block_big_grid .td-video-play-ico {
  11553. right: 10px;
  11554. top: 10px;
  11555. left: auto;
  11556. }
  11557. }
  11558. .td_block_big_grid .td-video-play-ico img {
  11559. /* responsive portrait phone */
  11560. }
  11561. @media (max-width: 767px) {
  11562. .td_block_big_grid .td-video-play-ico img {
  11563. left: auto;
  11564. top: auto !important;
  11565. }
  11566. }
  11567. .td-big-grid-post {
  11568. float: left;
  11569. width: 238px;
  11570. position: relative;
  11571. overflow: hidden;
  11572. background-color: #cccccc;
  11573. /* responsive portrait tablet */
  11574. /* responsive portrait phone */
  11575. /* responsive portrait phone */
  11576. }
  11577. @media (min-width: 768px) and (max-width: 1023px) {
  11578. .td-big-grid-post {
  11579. width: 174px;
  11580. height: 130px !important;
  11581. }
  11582. }
  11583. @media (max-width: 767px) {
  11584. .td-big-grid-post {
  11585. width: 50%;
  11586. max-height: 170px;
  11587. }
  11588. }
  11589. @media (max-width: 467px) {
  11590. .td-big-grid-post {
  11591. width: 50%;
  11592. max-height: 107px;
  11593. }
  11594. }
  11595. .td-big-grid-post .td-image-gradient:before {
  11596. height: 60%;
  11597. /* responsive portrait phone */
  11598. }
  11599. @media (max-width: 767px) {
  11600. .td-big-grid-post .td-image-gradient:before {
  11601. height: 80%;
  11602. }
  11603. }
  11604. .td-big-grid-post .td-module-thumb {
  11605. margin-bottom: 0px;
  11606. position: static;
  11607. -webkit-transform: translate3d(0px, 0px, 0px);
  11608. /* responsive portrait phone */
  11609. }
  11610. @media (max-width: 767px) {
  11611. .td-big-grid-post .td-module-thumb {
  11612. position: static;
  11613. }
  11614. }
  11615. .td-big-grid-post .td-module-thumb .td-image-gradient:last-child {
  11616. position: absolute;
  11617. width: 100%;
  11618. /* responsive portrait phone */
  11619. }
  11620. @media (max-width: 767px) {
  11621. .td-big-grid-post .td-module-thumb .td-image-gradient:last-child {
  11622. position: static;
  11623. }
  11624. }
  11625. .td-big-grid-post .entry-thumb {
  11626. width: 100%;
  11627. }
  11628. .td-big-grid-post:hover .td-big-grid-overlay:after {
  11629. opacity: 0;
  11630. }
  11631. .td-big-grid-post .td-admin-edit:before {
  11632. background: none;
  11633. }
  11634. .td-big-grid-post .td-post-author-name a:hover {
  11635. color: #ffffff;
  11636. }
  11637. .td-big-grid-post .entry-title {
  11638. line-height: 0px;
  11639. margin: 0px;
  11640. }
  11641. .td-big-grid-post .entry-title a {
  11642. font-size: 13px;
  11643. line-height: 19px;
  11644. font-weight: 600;
  11645. margin: 0px;
  11646. position: relative;
  11647. bottom: 1px;
  11648. /* responsive portrait tablet */
  11649. }
  11650. .td-big-grid-post .entry-title a:hover {
  11651. color: #ffffff;
  11652. }
  11653. @media (min-width: 768px) and (max-width: 1023px) {
  11654. .td-big-grid-post .entry-title a {
  11655. font-size: 12px;
  11656. line-height: 15px;
  11657. bottom: -2px;
  11658. }
  11659. }
  11660. .td-big-grid-meta {
  11661. position: absolute;
  11662. bottom: 0;
  11663. padding: 0 8px 11px 8px;
  11664. width: 100%;
  11665. z-index: 1;
  11666. /* responsive portrait phone */
  11667. }
  11668. @media (max-width: 767px) {
  11669. .td-big-grid-meta {
  11670. padding: 0px 8px 4px 8px;
  11671. }
  11672. }
  11673. .td-big-grid-meta a,
  11674. .td-big-grid-meta i,
  11675. .td-big-grid-meta .entry-date {
  11676. color: #ffffff;
  11677. }
  11678. .td-big-grid-overlay:after {
  11679. bottom: 0;
  11680. content: "";
  11681. display: block;
  11682. height: 100%;
  11683. width: 100%;
  11684. position: absolute;
  11685. z-index: 1;
  11686. opacity: 1;
  11687. background: -moz-linear-gradient(45deg, rgba(205, 132, 36, 0.1) 0%, rgba(25, 166, 124, 0.1) 100%);
  11688. /* FF3.6+ */
  11689. background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(205, 132, 36, 0.1)), color-stop(100%, rgba(25, 166, 124, 0.1)));
  11690. /* Chrome,Safari4+ */
  11691. background: -webkit-linear-gradient(45deg, rgba(205, 132, 36, 0.1) 0%, rgba(25, 166, 124, 0.1) 100%);
  11692. /* Chrome10+,Safari5.1+ */
  11693. background: -o-linear-gradient(45deg, rgba(205, 132, 36, 0.1) 0%, rgba(25, 166, 124, 0.1) 100%);
  11694. /* Opera 11.10+ */
  11695. background: -ms-linear-gradient(45deg, rgba(205, 132, 36, 0.1) 0%, rgba(25, 166, 124, 0.1) 100%);
  11696. /* IE10+ */
  11697. background: linear-gradient(45deg, rgba(205, 132, 36, 0.1) 0%, rgba(25, 166, 124, 0.1) 100%);
  11698. /* W3C */
  11699. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1acd8424', endColorstr='#1a19a67c', GradientType=1);
  11700. /* IE6-9 fallback on horizontal gradient */
  11701. -webkit-transition: opacity 0.2s ease-in-out;
  11702. -moz-transition: opacity 0.2s ease-in-out;
  11703. -o-transition: opacity 0.2s ease-in-out;
  11704. -khtml-transition: opacity 0.2s ease-in-out;
  11705. -ms-transition: opacity 0.2s ease-in-out;
  11706. transition: opacity 0.2s ease-in-out;
  11707. }
  11708. /* ----------------------------------------------------------------------------
  11709. Big grid - overwrite default rules
  11710. */
  11711. .td-big-grid-post-0 {
  11712. float: left;
  11713. width: 537px;
  11714. position: relative;
  11715. left: -1px;
  11716. margin-right: 3px;
  11717. height: 360px;
  11718. /* responsive portrait tablet */
  11719. /* responsive portrait phone */
  11720. }
  11721. @media (min-width: 768px) and (max-width: 1023px) {
  11722. .td-big-grid-post-0 {
  11723. width: 400px;
  11724. height: 264px !important;
  11725. }
  11726. }
  11727. @media (max-width: 767px) {
  11728. .td-big-grid-post-0 {
  11729. width: 100%;
  11730. left: 0px;
  11731. margin-left: 0px;
  11732. margin-bottom: 4px;
  11733. float: none;
  11734. height: auto;
  11735. max-height: 300px;
  11736. min-height: 190px;
  11737. }
  11738. }
  11739. .td-big-grid-post-0 .td-module-meta-info {
  11740. /* responsive portrait tablet */
  11741. }
  11742. @media (min-width: 768px) and (max-width: 1023px) {
  11743. .td-big-grid-post-0 .td-module-meta-info {
  11744. position: relative;
  11745. top: 8px;
  11746. }
  11747. }
  11748. .td-big-grid-post-0 .td-big-grid-meta {
  11749. padding: 0px 20px 14px 20px;
  11750. /* responsive portrait tablet */
  11751. /* responsive portrait phone */
  11752. }
  11753. @media (min-width: 768px) and (max-width: 1023px) {
  11754. .td-big-grid-post-0 .td-big-grid-meta {
  11755. padding: 0px 12px 19px 17px;
  11756. }
  11757. }
  11758. @media (max-width: 767px) {
  11759. .td-big-grid-post-0 .td-big-grid-meta {
  11760. padding: 0px 9px 9px 9px;
  11761. }
  11762. }
  11763. .td-big-grid-post-0 .entry-title {
  11764. margin-bottom: 6px;
  11765. /* responsive portrait tablet */
  11766. /* responsive portrait phone */
  11767. }
  11768. @media (min-width: 768px) and (max-width: 1023px) {
  11769. .td-big-grid-post-0 .entry-title {
  11770. margin-bottom: 0px;
  11771. position: relative;
  11772. top: 2px;
  11773. }
  11774. }
  11775. @media (max-width: 767px) {
  11776. .td-big-grid-post-0 .entry-title {
  11777. margin-bottom: 3px;
  11778. }
  11779. }
  11780. .td-big-grid-post-0 .entry-title a {
  11781. font-size: 22px;
  11782. line-height: 30px;
  11783. font-weight: bold;
  11784. /* responsive portrait tablet */
  11785. /* responsive portrait phone */
  11786. }
  11787. @media (min-width: 768px) and (max-width: 1023px) {
  11788. .td-big-grid-post-0 .entry-title a {
  11789. font-size: 18px;
  11790. line-height: 26px;
  11791. }
  11792. }
  11793. @media (max-width: 767px) {
  11794. .td-big-grid-post-0 .entry-title a {
  11795. font-size: 18px;
  11796. line-height: 26px;
  11797. }
  11798. }
  11799. .td-big-grid-post-0 .td-module-comments {
  11800. position: absolute;
  11801. bottom: 320px;
  11802. right: 19px;
  11803. top: auto;
  11804. background-color: rgba(0, 0, 0, 0.7);
  11805. /* responsive portrait tablet */
  11806. /* responsive portrait phone */
  11807. }
  11808. @media (min-width: 768px) and (max-width: 1023px) {
  11809. .td-big-grid-post-0 .td-module-comments {
  11810. bottom: 220px;
  11811. right: 0px;
  11812. }
  11813. }
  11814. @media (max-width: 767px) {
  11815. .td-big-grid-post-0 .td-module-comments {
  11816. display: none;
  11817. }
  11818. }
  11819. .td-big-grid-post-0 .td-module-comments a:after {
  11820. border-color: #000000 transparent transparent transparent;
  11821. }
  11822. .td-big-grid-post-0 .td-post-author-name span {
  11823. color: #ffffff;
  11824. font-weight: normal;
  11825. }
  11826. .td-big-grid-post-1 {
  11827. margin-right: 3px;
  11828. margin-bottom: 4px;
  11829. height: 178px;
  11830. /* responsive portrait phone */
  11831. }
  11832. @media (max-width: 767px) {
  11833. .td-big-grid-post-1 {
  11834. margin-left: 0px;
  11835. margin-right: 0px;
  11836. clear: both;
  11837. }
  11838. }
  11839. .td-big-grid-post-1:after {
  11840. /* responsive portrait phone */
  11841. }
  11842. @media (max-width: 767px) {
  11843. .td-big-grid-post-1:after {
  11844. content: " ";
  11845. width: 3px;
  11846. height: 100%;
  11847. position: absolute;
  11848. top: 0;
  11849. right: 0;
  11850. display: block;
  11851. background-color: #ffffff;
  11852. z-index: 1;
  11853. }
  11854. }
  11855. .td-big-grid-post-2 {
  11856. position: relative;
  11857. left: 1px;
  11858. z-index: 1;
  11859. margin-bottom: 4px;
  11860. height: 178px;
  11861. /* responsive portrait phone */
  11862. }
  11863. @media (max-width: 767px) {
  11864. .td-big-grid-post-2 {
  11865. margin-left: 0;
  11866. margin-right: 0;
  11867. clear: right;
  11868. }
  11869. }
  11870. .td-big-grid-post-3 {
  11871. margin-right: 3px;
  11872. height: 178px;
  11873. /* responsive portrait phone */
  11874. }
  11875. @media (max-width: 767px) {
  11876. .td-big-grid-post-3 {
  11877. margin-left: 0;
  11878. margin-right: 0;
  11879. clear: both;
  11880. }
  11881. }
  11882. .td-big-grid-post-3:after {
  11883. /* responsive portrait phone */
  11884. }
  11885. @media (max-width: 767px) {
  11886. .td-big-grid-post-3:after {
  11887. content: " ";
  11888. width: 3px;
  11889. height: 100%;
  11890. position: absolute;
  11891. top: 0;
  11892. right: 0;
  11893. display: block;
  11894. background-color: #ffffff;
  11895. z-index: 1;
  11896. }
  11897. }
  11898. .td-big-grid-post-4 {
  11899. position: relative;
  11900. left: 1px;
  11901. z-index: 1;
  11902. height: 178px;
  11903. /* responsive portrait phone */
  11904. }
  11905. @media (max-width: 767px) {
  11906. .td-big-grid-post-4 {
  11907. margin-left: 0;
  11908. margin-right: 0;
  11909. clear: right;
  11910. }
  11911. }
  11912. /* ----------------------------------------------------------------------------
  11913. mega menu
  11914. */
  11915. /* related_posts_row */
  11916. .td-mega-row {
  11917. width: 100%;
  11918. *zoom: 1;
  11919. }
  11920. .td-mega-row:before,
  11921. .td-mega-row:after {
  11922. display: table;
  11923. content: "";
  11924. }
  11925. .td-mega-row:after {
  11926. clear: both;
  11927. }
  11928. .td-mega-row [class*="td-mega-sp"] {
  11929. display: block;
  11930. min-height: 1px;
  11931. float: left;
  11932. }
  11933. .td-mega-span {
  11934. width: 200px;
  11935. padding-left: 20px;
  11936. /* responsive portrait tablet */
  11937. }
  11938. @media (min-width: 768px) and (max-width: 1023px) {
  11939. .td-mega-span {
  11940. width: 147px;
  11941. }
  11942. }
  11943. /* ----------------------------------------------------------------------------
  11944.  
  11945.  
  11946.  
  11947. Trending now
  11948.  
  11949.  
  11950.  
  11951. */
  11952. .td_block_trending_now {
  11953. padding: 15px 20px 10px 20px;
  11954. /* responsive portrait tablet */
  11955. }
  11956. @media (min-width: 768px) and (max-width: 1023px) {
  11957. .td_block_trending_now {
  11958. padding: 15px 17px 10px 17px;
  11959. }
  11960. }
  11961. .td-trending-style2 {
  11962. background-color: #eaeaea;
  11963. padding: 9px 20px 5px;
  11964. position: relative;
  11965. right: 1px;
  11966. z-index: 1;
  11967. margin-bottom: 4px;
  11968. /* responsive portrait tablet */
  11969. }
  11970. @media (min-width: 768px) and (max-width: 1023px) {
  11971. .td-trending-style2 {
  11972. padding: 15px 17px 10px 17px;
  11973. }
  11974. }
  11975. .td-trending-style2 i {
  11976. background-color: #ffffff;
  11977. }
  11978. .td-trending-now-wrapper {
  11979. position: relative;
  11980. width: 100%;
  11981. display: inline-block;
  11982. }
  11983. .td-trending-now-wrapper .td-next-prev-wrap {
  11984. display: inline-block;
  11985. position: absolute;
  11986. top: 0;
  11987. right: -1px;
  11988. margin: 0;
  11989. /* responsive portrait phone */
  11990. }
  11991. @media (max-width: 767px) {
  11992. .td-trending-now-wrapper .td-next-prev-wrap {
  11993. display: none;
  11994. }
  11995. }
  11996. .td-trending-now-wrapper .td-next-prev-wrap a {
  11997. line-height: 15px;
  11998. }
  11999. .td-trending-now-wrapper .td_ajax-prev-pagex {
  12000. margin: 0 5px 0 0;
  12001. }
  12002. .td-trending-now-title {
  12003. background-color: #4db2ec;
  12004. border-radius: 3px;
  12005. color: #FFFFFF;
  12006. display: inline;
  12007. font-family: 'Open Sans', arial, sans-serif;
  12008. font-size: 10px;
  12009. font-weight: bold;
  12010. line-height: 1;
  12011. padding: 3px 15px 3px 15px;
  12012. position: relative;
  12013. top: -4px;
  12014. vertical-align: middle;
  12015. margin-right: 16px;
  12016. text-transform: uppercase;
  12017. /* responsive portrait phone */
  12018. }
  12019. @media (max-width: 767px) {
  12020. .td-trending-now-title {
  12021. display: table;
  12022. top: 0;
  12023. margin: auto;
  12024. }
  12025. }
  12026. .td-pb-span4 .td-trending-now-title {
  12027. display: table;
  12028. top: 0;
  12029. margin: auto;
  12030. }
  12031. .td-pb-span4 .td-trending-now-display-area {
  12032. display: inline-block;
  12033. position: relative;
  12034. overflow: hidden;
  12035. height: auto;
  12036. max-width: 100%;
  12037. width: 100%;
  12038. margin-top: 10px;
  12039. text-align: center;
  12040. }
  12041. .td-trending-now-display-area {
  12042. display: inline-block;
  12043. max-width: 75%;
  12044. position: relative;
  12045. height: 17px;
  12046. overflow: hidden;
  12047. /* responsive portrait phone */
  12048. }
  12049. @media (max-width: 767px) {
  12050. .td-trending-now-display-area {
  12051. max-width: 100%;
  12052. width: 100%;
  12053. margin-top: 10px;
  12054. text-align: center;
  12055. }
  12056. }
  12057. .td-trending-now-display-area .entry-title {
  12058. line-height: 14px;
  12059. margin: 0;
  12060. position: relative;
  12061. }
  12062. .td-trending-now-display-area a {
  12063. font-family: 'Open Sans', arial, sans-serif;
  12064. font-size: 12px;
  12065. font-weight: normal;
  12066. line-height: 19px;
  12067. color: #444444;
  12068. }
  12069. .td-trending-now-post {
  12070. display: none;
  12071. }
  12072. .td-trending-now-post:first-child {
  12073. display: inline-block;
  12074. }
  12075. .td-trending-now-display-area .entry-title {
  12076. top: -2px;
  12077. }
  12078. /* overwrite the above rules*/
  12079. .td-pb-span8 .td-trending-now-wrapper .td-trending-now-display-area {
  12080. max-width: 70%;
  12081. /* responsive portrait tablet */
  12082. /* responsive portrait phone */
  12083. }
  12084. @media (min-width: 768px) and (max-width: 1023px) {
  12085. .td-pb-span8 .td-trending-now-wrapper .td-trending-now-display-area {
  12086. max-width: 60%;
  12087. }
  12088. }
  12089. @media (max-width: 767px) {
  12090. .td-pb-span8 .td-trending-now-wrapper .td-trending-now-display-area {
  12091. max-width: 100%;
  12092. width: 100%;
  12093. }
  12094. }
  12095. /* ----------------------------------------------------------------------------
  12096.  
  12097.  
  12098.  
  12099. Widgets blocks fix
  12100.  
  12101.  
  12102.  
  12103. */
  12104. .td_block_1.td_block_widget .td_module_4 {
  12105. margin-bottom: 0px;
  12106. }
  12107. .td_block_13.td_block_widget .entry-thumb {
  12108. width: 100%;
  12109. }
  12110. .td_block_14.td_block_widget {
  12111. margin-top: 20px;
  12112. /* responsive portrait tablet */
  12113. /* responsive portrait phone */
  12114. }
  12115. .td_block_14.td_block_widget .td_module_mx1 .td-module-thumb {
  12116. /* responsive portrait tablet */
  12117. /* responsive portrait phone */
  12118. }
  12119. @media (min-width: 768px) and (max-width: 1023px) {
  12120. .td_block_14.td_block_widget .td_module_mx1 .td-module-thumb {
  12121. width: 252px;
  12122. }
  12123. }
  12124. @media (max-width: 767px) {
  12125. .td_block_14.td_block_widget .td_module_mx1 .td-module-thumb {
  12126. width: 100%;
  12127. left: 0px;
  12128. }
  12129. }
  12130. .td_block_14.td_block_widget .td_module_mx1 .td-image-gradient:before {
  12131. width: 341px;
  12132. /* responsive portrait tablet */
  12133. /* responsive portrait phone */
  12134. }
  12135. @media (min-width: 768px) and (max-width: 1023px) {
  12136. .td_block_14.td_block_widget .td_module_mx1 .td-image-gradient:before {
  12137. width: 252px;
  12138. }
  12139. }
  12140. @media (max-width: 767px) {
  12141. .td_block_14.td_block_widget .td_module_mx1 .td-image-gradient:before {
  12142. width: 100%;
  12143. left: 0;
  12144. }
  12145. }
  12146. @media (min-width: 768px) and (max-width: 1023px) {
  12147. .td_block_14.td_block_widget {
  12148. margin-top: 17px;
  12149. }
  12150. }
  12151. @media (max-width: 767px) {
  12152. .td_block_14.td_block_widget {
  12153. margin-top: 17px;
  12154. }
  12155. }
  12156. .td_block_14.td_block_widget .td-module-thumb {
  12157. margin-bottom: 0;
  12158. }
  12159. .td_block_15.td_block_widget {
  12160. margin-top: 20px;
  12161. /* responsive portrait tablet */
  12162. /* responsive portrait phone */
  12163. }
  12164. .td_block_15.td_block_widget .td_module_mx1 .td-module-thumb {
  12165. /* responsive portrait tablet */
  12166. /* responsive portrait phone */
  12167. }
  12168. @media (min-width: 768px) and (max-width: 1023px) {
  12169. .td_block_15.td_block_widget .td_module_mx1 .td-module-thumb {
  12170. width: 252px;
  12171. }
  12172. }
  12173. @media (max-width: 767px) {
  12174. .td_block_15.td_block_widget .td_module_mx1 .td-module-thumb {
  12175. width: 100%;
  12176. left: 0;
  12177. }
  12178. }
  12179. .td_block_15.td_block_widget .td_module_mx1 .td-image-gradient:before {
  12180. width: 341px;
  12181. /* responsive portrait tablet */
  12182. /* responsive portrait phone */
  12183. }
  12184. @media (min-width: 768px) and (max-width: 1023px) {
  12185. .td_block_15.td_block_widget .td_module_mx1 .td-image-gradient:before {
  12186. width: 252px;
  12187. }
  12188. }
  12189. @media (max-width: 767px) {
  12190. .td_block_15.td_block_widget .td_module_mx1 .td-image-gradient:before {
  12191. width: 100%;
  12192. left: 0;
  12193. }
  12194. }
  12195. @media (min-width: 768px) and (max-width: 1023px) {
  12196. .td_block_15.td_block_widget {
  12197. margin-top: 17px;
  12198. }
  12199. }
  12200. @media (max-width: 767px) {
  12201. .td_block_15.td_block_widget {
  12202. margin-top: 17px;
  12203. }
  12204. }
  12205. .td_block_15.td_block_widget .td-module-thumb {
  12206. margin-bottom: 0;
  12207. }
  12208. /* ----------------------------------------------------------------------------
  12209. Text with title
  12210. */
  12211. .td_block_text_with_title .td_mod_wrap {
  12212. margin-bottom: 20px;
  12213. }
  12214. .td_block_text_with_title img {
  12215. margin-bottom: 21px;
  12216. }
  12217. /* ----------------------------------------------------------------------------
  12218. Predefined color styles. Taken straight from the css that was generated by the theme
  12219. */
  12220. .td-block-color-style-1,
  12221. .td-block-color-style-2,
  12222. .td-block-color-style-3,
  12223. .td-block-color-style-4,
  12224. .td-block-color-style-5,
  12225. .td-block-color-style-6 {
  12226. border-top: 0;
  12227. }
  12228. .td-block-color-style-1 .td-post-category:hover,
  12229. .td-block-color-style-2 .td-post-category:hover,
  12230. .td-block-color-style-3 .td-post-category:hover,
  12231. .td-block-color-style-4 .td-post-category:hover,
  12232. .td-block-color-style-5 .td-post-category:hover,
  12233. .td-block-color-style-6 .td-post-category:hover {
  12234. background-color: #222222 !important;
  12235. opacity: 0.8;
  12236. }
  12237. .td-block-color-style-1 .td-next-prev-wrap a:hover i,
  12238. .td-block-color-style-2 .td-next-prev-wrap a:hover i,
  12239. .td-block-color-style-3 .td-next-prev-wrap a:hover i,
  12240. .td-block-color-style-4 .td-next-prev-wrap a:hover i,
  12241. .td-block-color-style-5 .td-next-prev-wrap a:hover i,
  12242. .td-block-color-style-6 .td-next-prev-wrap a:hover i {
  12243. background-color: #ffffff !important;
  12244. border-color: #ffffff !important;
  12245. color: #000000 !important;
  12246. }
  12247. .td-block-color-style-1 .td_module_wrap:hover .entry-title a,
  12248. .td-block-color-style-2 .td_module_wrap:hover .entry-title a,
  12249. .td-block-color-style-3 .td_module_wrap:hover .entry-title a,
  12250. .td-block-color-style-4 .td_module_wrap:hover .entry-title a,
  12251. .td-block-color-style-5 .td_module_wrap:hover .entry-title a,
  12252. .td-block-color-style-6 .td_module_wrap:hover .entry-title a {
  12253. color: #ffffff !important;
  12254. }
  12255. body .td-block-color-style-1 .td-pulldown-filter-display-option:hover,
  12256. body .td-block-color-style-2 .td-pulldown-filter-display-option:hover,
  12257. body .td-block-color-style-3 .td-pulldown-filter-display-option:hover,
  12258. body .td-block-color-style-4 .td-pulldown-filter-display-option:hover,
  12259. body .td-block-color-style-5 .td-pulldown-filter-display-option:hover,
  12260. body .td-block-color-style-6 .td-pulldown-filter-display-option:hover,
  12261. body .td-block-color-style-1 .td-pulldown-filter-display-option .td-pulldown-filter-link:hover,
  12262. body .td-block-color-style-2 .td-pulldown-filter-display-option .td-pulldown-filter-link:hover,
  12263. body .td-block-color-style-3 .td-pulldown-filter-display-option .td-pulldown-filter-link:hover,
  12264. body .td-block-color-style-4 .td-pulldown-filter-display-option .td-pulldown-filter-link:hover,
  12265. body .td-block-color-style-5 .td-pulldown-filter-display-option .td-pulldown-filter-link:hover,
  12266. body .td-block-color-style-6 .td-pulldown-filter-display-option .td-pulldown-filter-link:hover {
  12267. color: #ffffff !important;
  12268. }
  12269. /* style 1 red */
  12270. body .td-block-color-style-1,
  12271. .td-block-color-style-1.td_block_13 .meta-info {
  12272. background-color: #d13030;
  12273. }
  12274. body .td-block-color-style-1 .td-pulldown-filter-display-option,
  12275. body .td-block-color-style-1 .td-pulldown-filter-list {
  12276. background-color: #d23434;
  12277. background-color: rgba(210, 52, 52, 0.95);
  12278. }
  12279. body .td-block-color-style-1 .td-pulldown-filter-display-option,
  12280. body .td-block-color-style-1 .td-pulldown-filter-list {
  12281. border-color: #db5858;
  12282. }
  12283. body .td-block-color-style-1 .td-pulldown-filter-display-option,
  12284. body .td-block-color-style-1 .td-icon-menu-down,
  12285. body .td-block-color-style-1 .td-pulldown-filter-link {
  12286. color: #ffcfcf;
  12287. }
  12288. body .td-block-color-style-1 .td-module-title a,
  12289. body .td-block-color-style-1 i {
  12290. color: #ffffff;
  12291. }
  12292. body .td-block-color-style-1 .td-excerpt {
  12293. color: #ffe3e3;
  12294. }
  12295. body .td-block-color-style-1 .td-post-author-name a,
  12296. body .td-block-color-style-1 .td-post-author-name span {
  12297. color: #ffe3e3;
  12298. }
  12299. body .td-block-color-style-1 .td-module-date {
  12300. color: #ffe3e3;
  12301. }
  12302. body .td-block-color-style-1 .td-module-comments {
  12303. background-color: #c12424;
  12304. }
  12305. body .td-block-color-style-1 .td-module-comments a:after {
  12306. border-color: #862e2d transparent transparent transparent;
  12307. }
  12308. body .td-block-color-style-1 .td-module-comments a {
  12309. color: #ffffff;
  12310. }
  12311. body .td-block-color-style-1 .item-details,
  12312. body .td-block-color-style-1 .td_module_5 {
  12313. border-bottom-color: #da6767;
  12314. }
  12315. body .td-block-color-style-1 .td-icon-font,
  12316. body .td-block-color-style-1 .td_ajax_load_more {
  12317. border-color: #ffffff;
  12318. color: #ffffff !important;
  12319. }
  12320. /* style 2 black */
  12321. body .td-block-color-style-2,
  12322. .td-block-color-style-2.td_block_13 .meta-info {
  12323. background-color: #1c1c1c;
  12324. }
  12325. body .td-block-color-style-2 .td-pulldown-filter-display-option,
  12326. body .td-block-color-style-2 .td-pulldown-filter-list {
  12327. background-color: #1e1e1e;
  12328. background-color: rgba(30, 30, 30, 0.95);
  12329. }
  12330. body .td-block-color-style-2 .td-pulldown-filter-display-option,
  12331. body .td-block-color-style-2 .td-pulldown-filter-list {
  12332. border-color: #424242;
  12333. }
  12334. body .td-block-color-style-2 .td-pulldown-filter-display-option,
  12335. body .td-block-color-style-2 .td-icon-menu-down,
  12336. body .td-block-color-style-2 .td-pulldown-filter-link {
  12337. color: #c4c4c4;
  12338. }
  12339. body .td-block-color-style-2 .td-module-title a,
  12340. body .td-block-color-style-2 i {
  12341. color: #ffffff;
  12342. }
  12343. body .td-block-color-style-2 .td-excerpt {
  12344. color: #c4c4c4;
  12345. }
  12346. body .td-block-color-style-2 .td-post-author-name a,
  12347. body .td-block-color-style-2 .td-post-author-name span {
  12348. color: #e2e2e2;
  12349. }
  12350. body .td-block-color-style-2 .td-module-date {
  12351. color: #c4c4c4;
  12352. }
  12353. body .td-block-color-style-2 .td-module-comments {
  12354. background-color: #4db2ec;
  12355. }
  12356. body .td-block-color-style-2 .td-module-comments a:after {
  12357. border-color: #2d6586 transparent transparent transparent;
  12358. }
  12359. body .td-block-color-style-2 .td-module-comments a {
  12360. color: #ffffff;
  12361. }
  12362. body .td-block-color-style-2 .item-details,
  12363. body .td-block-color-style-2 .td_module_5 {
  12364. border-bottom-color: #3a3a3a;
  12365. }
  12366. body .td-block-color-style-2 .td-icon-font,
  12367. body .td-block-color-style-2 .td_ajax_load_more {
  12368. border-color: #ffffff;
  12369. color: #ffffff !important;
  12370. }
  12371. /* style 3 orange */
  12372. body .td-block-color-style-3,
  12373. .td-block-color-style-3.td_block_13 .meta-info {
  12374. background-color: #e67e22;
  12375. }
  12376. body .td-block-color-style-3 .td-pulldown-filter-display-option,
  12377. body .td-block-color-style-3 .td-pulldown-filter-list {
  12378. background-color: #e67e22;
  12379. background-color: rgba(230, 126, 34, 0.95);
  12380. }
  12381. body .td-block-color-style-3 .td-pulldown-filter-display-option,
  12382. body .td-block-color-style-3 .td-pulldown-filter-list {
  12383. border-color: #f09748;
  12384. }
  12385. body .td-block-color-style-3 .td-pulldown-filter-display-option,
  12386. body .td-block-color-style-3 .td-icon-menu-down,
  12387. body .td-block-color-style-3 .td-pulldown-filter-link {
  12388. color: #ffead7;
  12389. }
  12390. body .td-block-color-style-3 .td-module-title a,
  12391. body .td-block-color-style-3 i {
  12392. color: #ffffff;
  12393. }
  12394. body .td-block-color-style-3 .td-excerpt {
  12395. color: #ffead7;
  12396. }
  12397. body .td-block-color-style-3 .td-post-author-name a,
  12398. body .td-block-color-style-3 .td-post-author-name span {
  12399. color: #ffead7;
  12400. }
  12401. body .td-block-color-style-3 .td-module-date {
  12402. color: #ffead7;
  12403. }
  12404. body .td-block-color-style-3 .td-module-comments {
  12405. background-color: #d35400;
  12406. }
  12407. body .td-block-color-style-3 .td-module-comments a:after {
  12408. border-color: #7f3300 transparent transparent transparent;
  12409. }
  12410. body .td-block-color-style-3 .td-module-comments a {
  12411. color: #ffffff;
  12412. }
  12413. body .td-block-color-style-3 .item-details,
  12414. body .td-block-color-style-3 .td_module_5 {
  12415. border-bottom-color: #f09748;
  12416. }
  12417. body .td-block-color-style-3 .td-icon-font,
  12418. body .td-block-color-style-3 .td_ajax_load_more {
  12419. border-color: #ffffff;
  12420. color: #ffffff !important;
  12421. }
  12422. /* style 4 yellow */
  12423. body .td-block-color-style-4,
  12424. .td-block-color-style-4.td_block_13 .meta-info {
  12425. background-color: #f8c900;
  12426. }
  12427. body .td-block-color-style-4 .td-pulldown-filter-display-option,
  12428. body .td-block-color-style-4 .td-pulldown-filter-list {
  12429. background-color: #f8c900;
  12430. background-color: rgba(248, 201, 0, 0.95);
  12431. }
  12432. body .td-block-color-style-4 .td-pulldown-filter-display-option,
  12433. body .td-block-color-style-4 .td-pulldown-filter-list {
  12434. border-color: #f7de73;
  12435. }
  12436. body .td-block-color-style-4 .td-pulldown-filter-display-option,
  12437. body .td-block-color-style-4 .td-icon-menu-down,
  12438. body .td-block-color-style-4 .td-pulldown-filter-link {
  12439. color: #fff8d9;
  12440. }
  12441. body .td-block-color-style-4 .td-module-title a,
  12442. body .td-block-color-style-4 i {
  12443. color: #ffffff;
  12444. }
  12445. body .td-block-color-style-4 .td-excerpt {
  12446. color: #fff8d9;
  12447. }
  12448. body .td-block-color-style-4 .td-post-author-name a,
  12449. body .td-block-color-style-4 .td-post-author-name span {
  12450. color: #fff8d9;
  12451. }
  12452. body .td-block-color-style-4 .td-module-date {
  12453. color: #fff8d9;
  12454. }
  12455. body .td-block-color-style-4 .td-module-comments {
  12456. background-color: #ecb200;
  12457. }
  12458. body .td-block-color-style-4 .td-module-comments a:after {
  12459. border-color: #af8400 transparent transparent transparent;
  12460. }
  12461. body .td-block-color-style-4 .td-module-comments a {
  12462. color: #ffffff;
  12463. }
  12464. body .td-block-color-style-4 .item-details,
  12465. body .td-block-color-style-4 .td_module_5 {
  12466. border-bottom-color: #f7de73;
  12467. }
  12468. body .td-block-color-style-4 .td-icon-font,
  12469. body .td-block-color-style-4 .td_ajax_load_more {
  12470. border-color: #fff8d9;
  12471. color: #fff8d9 !important;
  12472. }
  12473. /* style 5 - green */
  12474. body .td-block-color-style-5,
  12475. .td-block-color-style-5.td_block_13 .meta-info {
  12476. background-color: #0a9e01;
  12477. }
  12478. body .td-block-color-style-5 .td-pulldown-filter-display-option,
  12479. body .td-block-color-style-5 .td-pulldown-filter-list {
  12480. background-color: #0a9e01;
  12481. background-color: rgba(10, 158, 1, 0.95);
  12482. }
  12483. body .td-block-color-style-5 .td-pulldown-filter-display-option,
  12484. body .td-block-color-style-5 .td-pulldown-filter-list {
  12485. border-color: #42aa3c;
  12486. }
  12487. body .td-block-color-style-5 .td-pulldown-filter-display-option,
  12488. body .td-block-color-style-5 .td-icon-menu-down,
  12489. body .td-block-color-style-5 .td-pulldown-filter-link {
  12490. color: #deffdc;
  12491. }
  12492. body .td-block-color-style-5 .td-module-title a,
  12493. body .td-block-color-style-5 i {
  12494. color: #ffffff;
  12495. }
  12496. body .td-block-color-style-5 .td-excerpt {
  12497. color: #deffdc;
  12498. }
  12499. body .td-block-color-style-5 .td-post-author-name a,
  12500. body .td-block-color-style-5 .td-post-author-name span {
  12501. color: #deffdc;
  12502. }
  12503. body .td-block-color-style-5 .td-module-date {
  12504. color: #deffdc;
  12505. }
  12506. body .td-block-color-style-5 .td-module-comments {
  12507. background-color: #208e01;
  12508. }
  12509. body .td-block-color-style-5 .td-module-comments a:after {
  12510. border-color: #135800 transparent transparent transparent;
  12511. }
  12512. body .td-block-color-style-5 .td-module-comments a {
  12513. color: #ffffff;
  12514. }
  12515. body .td-block-color-style-5 .item-details,
  12516. body .td-block-color-style-5 .td_module_5 {
  12517. border-bottom-color: #42aa3c;
  12518. }
  12519. body .td-block-color-style-5 .td-icon-font,
  12520. body .td-block-color-style-5 .td_ajax_load_more {
  12521. border-color: #deffdc;
  12522. color: #deffdc !important;
  12523. }
  12524. /* style 6 pink */
  12525. body .td-block-color-style-6,
  12526. .td-block-color-style-6.td_block_13 .meta-info {
  12527. background-color: #ff0099;
  12528. }
  12529. body .td-block-color-style-6 .td-pulldown-filter-display-option,
  12530. body .td-block-color-style-6 .td-pulldown-filter-list {
  12531. background-color: #ff0099;
  12532. background-color: rgba(255, 0, 153, 0.85);
  12533. }
  12534. body .td-block-color-style-6 .td-pulldown-filter-display-option,
  12535. body .td-block-color-style-6 .td-pulldown-filter-list {
  12536. border-color: #ff5bbd;
  12537. }
  12538. body .td-block-color-style-6 .td-pulldown-filter-display-option,
  12539. body .td-block-color-style-6 .td-icon-menu-down,
  12540. body .td-block-color-style-6 .td-pulldown-filter-link {
  12541. color: #ffe8f6;
  12542. }
  12543. body .td-block-color-style-6 .td-module-title a,
  12544. body .td-block-color-style-6 i {
  12545. color: #ffffff;
  12546. }
  12547. body .td-block-color-style-6 .td-excerpt {
  12548. color: #ffe8f6;
  12549. }
  12550. body .td-block-color-style-6 .td-post-author-name a,
  12551. body .td-block-color-style-6 .td-post-author-name span {
  12552. color: #ffe8f6;
  12553. }
  12554. body .td-block-color-style-6 .td-module-date {
  12555. color: #ffe8f6;
  12556. }
  12557. body .td-block-color-style-6 .td-module-comments {
  12558. background-color: #dd0085;
  12559. }
  12560. body .td-block-color-style-6 .td-module-comments a:after {
  12561. border-color: #a00060 transparent transparent transparent;
  12562. }
  12563. body .td-block-color-style-6 .td-module-comments a {
  12564. color: #ffffff;
  12565. }
  12566. body .td-block-color-style-6 .item-details,
  12567. body .td-block-color-style-6 .td_module_5 {
  12568. border-bottom-color: #ff49b6;
  12569. }
  12570. body .td-block-color-style-6 .td-icon-font,
  12571. body .td-block-color-style-6 .td_ajax_load_more {
  12572. border-color: #ffdef2;
  12573. color: #ffdef2 !important;
  12574. }
  12575. /*
  12576. image ads using div ----------------------------------------------------------------------
  12577.  
  12578. .td-visible-desktop - for desktop
  12579. .td-visible-tablet-portrait - for tablet portrait
  12580. .td-visible-phone - for mobile
  12581.  
  12582. */
  12583. .td-visible-desktop {
  12584. display: table;
  12585. }
  12586. .td-visible-tablet-portrait,
  12587. .td-visible-phone {
  12588. display: none;
  12589. }
  12590. /* responsive portrait tablet */
  12591. @media (min-width: 768px) and (max-width: 1023px) {
  12592. .td-visible-tablet-portrait {
  12593. display: table;
  12594. }
  12595. .td-visible-desktop {
  12596. display: none;
  12597. }
  12598. .td-visible-phone {
  12599. display: none;
  12600. }
  12601. }
  12602. /* responsive portrait phone */
  12603. @media (max-width: 767px) {
  12604. .td-visible-phone {
  12605. display: table;
  12606. }
  12607. .td-visible-desktop {
  12608. display: none;
  12609. }
  12610. .td-visible-tablet-portrait {
  12611. display: none;
  12612. }
  12613. }
  12614. .td-a-rec-id-header img {
  12615. margin: auto;
  12616. position: absolute;
  12617. top: 0;
  12618. bottom: 0;
  12619. left: 0;
  12620. right: 0;
  12621. /* responsive portrait phone */
  12622. }
  12623. @media (max-width: 767px) {
  12624. .td-a-rec-id-header img {
  12625. position: relative;
  12626. display: table;
  12627. margin-right: 0;
  12628. margin-left: 0;
  12629. margin-top: 10px;
  12630. margin-bottom: 10px;
  12631. }
  12632. }
  12633. .td-a-rec-id-sidebar img,
  12634. .td-a-rec-id-content_top img,
  12635. .td-a-rec-id-content_inline img,
  12636. .td-a-rec-id-content_bottom img,
  12637. .td-a-rec-id-custom_ad_1 img,
  12638. .td-a-rec-id-custom_ad_2 img,
  12639. .td-a-rec-id-custom_ad_3 img,
  12640. .td-a-rec-id-custom_ad_4 img,
  12641. .td-a-rec-id-custom_ad_5 img {
  12642. width: 100%;
  12643. }
  12644. /*
  12645.  
  12646. sidebar ads
  12647.  
  12648.  
  12649. */
  12650. .td-g-rec-id-sidebar {
  12651. text-align: center;
  12652. margin-top: 20px;
  12653. margin-bottom: 15px;
  12654. }
  12655. .td-visible-desktop,
  12656. .td-visible-tablet-portrait,
  12657. .td-visible-phone {
  12658. margin-left: auto;
  12659. margin-right: auto;
  12660. }
  12661. .td-a-rec-id-sidebar {
  12662. margin-top: 20px;
  12663. margin-bottom: 20px;
  12664. }
  12665. .td-g-rec-id-content_top,
  12666. .td-g-rec-id-content_bottom {
  12667. clear: both;
  12668. text-align: center;
  12669. margin-bottom: 15px;
  12670. margin-top: 21px;
  12671. }
  12672. .td-a-rec-id-content_top,
  12673. .td-a-rec-id-content_bottom {
  12674. clear: both;
  12675. text-align: center;
  12676. margin-bottom: 21px;
  12677. margin-top: 21px;
  12678. }
  12679. .td-a-rec-id-content_top img,
  12680. .td-a-rec-id-content_bottom img {
  12681. margin-bottom: 0;
  12682. }
  12683. .td-g-rec-id-content_inline {
  12684. text-align: center;
  12685. margin-top: 20px;
  12686. margin-bottom: 15px;
  12687. }
  12688. .td-g-rec-id-content_inlineleft,
  12689. .td-a-rec-id-content_inlineleft {
  12690. float: left;
  12691. margin-bottom: 15px;
  12692. margin-top: 9px;
  12693. margin-right: 21px;
  12694. }
  12695. .td-g-rec-id-content_inlineright,
  12696. .td-a-rec-id-content_inlineright {
  12697. float: right;
  12698. margin-bottom: 15px;
  12699. margin-top: 6px;
  12700. margin-left: 21px;
  12701. }
  12702. .td-a-rec-id-custom_ad_1,
  12703. .td-a-rec-id-custom_ad_2,
  12704. .td-a-rec-id-custom_ad_3,
  12705. .td-a-rec-id-custom_ad_4,
  12706. .td-a-rec-id-custom_ad_5,
  12707. .td-g-rec-id-custom_ad_1,
  12708. .td-g-rec-id-custom_ad_2,
  12709. .td-g-rec-id-custom_ad_3,
  12710. .td-g-rec-id-custom_ad_4,
  12711. .td-g-rec-id-custom_ad_5 {
  12712. display: table;
  12713. margin-bottom: 20px !important;
  12714. margin-top: 20px;
  12715. margin-left: auto;
  12716. margin-right: auto;
  12717. position: relative;
  12718. }
  12719. .td-g-rec-id-custom_ad_1,
  12720. .td-g-rec-id-custom_ad_2,
  12721. .td-g-rec-id-custom_ad_3,
  12722. .td-g-rec-id-custom_ad_4,
  12723. .td-g-rec-id-custom_ad_5 {
  12724. margin-bottom: 15px !important;
  12725. }
  12726. .td-adspot-title {
  12727. color: #bbbbbb;
  12728. font-size: 10px;
  12729. margin-bottom: -20px;
  12730. margin-top: 10px;
  12731. text-align: center;
  12732. }
  12733. /* ----------------------------------------------------------------------------
  12734. social counter plugin
  12735. */
  12736. .td_block_social_counter {
  12737. font-family: 'Open Sans', arial, sans-serif;
  12738. font-weight: bold;
  12739. font-size: 11px;
  12740. color: #ffffff;
  12741. margin-bottom: 20px !important;
  12742. padding-top: 20px;
  12743. }
  12744. .td_block_social_counter .td-sp {
  12745. position: relative;
  12746. }
  12747. .td_block_social_counter .td-sp:after {
  12748. content: '';
  12749. width: 1px;
  12750. height: 16px;
  12751. background-color: rgba(255, 255, 255, 0.1);
  12752. position: absolute;
  12753. right: -1px;
  12754. top: 8px;
  12755. }
  12756. .td_social_type {
  12757. border-radius: 3px;
  12758. height: 32px;
  12759. margin-bottom: 10px;
  12760. -o-transition: background-color 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
  12761. -moz-transition: background-color 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
  12762. -khtml-transition: background-color 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
  12763. -webkit-transition: background-color 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
  12764. -ms-transition: background-color 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
  12765. transition: background-color 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
  12766. }
  12767. .td_social_type:hover {
  12768. background-color: #222222;
  12769. }
  12770. .td_social_type div {
  12771. display: inline-block;
  12772. }
  12773. .td_social_type .td_social_info {
  12774. padding: 0 9px 0 9px;
  12775. position: relative;
  12776. top: -12px;
  12777. }
  12778. .td_social_type .td_social_info_name {
  12779. /* responsive portrait tablet */
  12780. }
  12781. @media (min-width: 768px) and (max-width: 1023px) {
  12782. .td_social_type .td_social_info_name {
  12783. display: none;
  12784. }
  12785. }
  12786. .td_social_type .td_social_number {
  12787. border-left: 1px solid rgba(255, 255, 255, 0.1);
  12788. padding: 0px 0px 0px 9px;
  12789. }
  12790. .td_social_type .td_social_button {
  12791. float: right;
  12792. border-left: 1px solid rgba(255, 255, 255, 0.1);
  12793. padding: 0 14px;
  12794. position: relative;
  12795. top: 9px;
  12796. height: 16px;
  12797. line-height: 15px;
  12798. text-transform: uppercase;
  12799. }
  12800. .td_social_type .td_social_button a:hover {
  12801. color: inherit;
  12802. }
  12803. .td_social_type a {
  12804. color: #ffffff;
  12805. }
  12806. .td_social_facebook {
  12807. background-color: #516eab;
  12808. }
  12809. .td_social_rss {
  12810. background-color: #ff6600;
  12811. }
  12812. .td_social_soundcloud {
  12813. background-color: #ff5419;
  12814. }
  12815. .td_social_twitter {
  12816. background-color: #29c5f6;
  12817. }
  12818. .td_social_vimeo {
  12819. background-color: #006599;
  12820. }
  12821. .td_social_youtube {
  12822. background-color: #e14e42;
  12823. }
  12824. .td_social_googleplus {
  12825. background-color: #eb4026;
  12826. }
  12827. .td_social_instagram {
  12828. background-color: #417096;
  12829. }
  12830. .no_border_top {
  12831. border-top: 0px;
  12832. }
  12833. dl.dl-horizontal,
  12834. dt,
  12835. dd {
  12836. -webkit-margin-before: 0px !important;
  12837. -webkit-margin-after: 0px !important;
  12838. -webkit-margin-start: 0px;
  12839. -webkit-margin-end: 0px;
  12840. }
  12841. .td_top_authors {
  12842. margin-bottom: 10px;
  12843. }
  12844. .td_top_authors img {
  12845. position: absolute;
  12846. max-width: 70px;
  12847. /* responsive portrait tablet */
  12848. }
  12849. @media (min-width: 768px) and (max-width: 1023px) {
  12850. .td_top_authors img {
  12851. max-width: 55px;
  12852. }
  12853. }
  12854. .td_top_authors .item-details {
  12855. margin-left: 85px;
  12856. position: relative;
  12857. height: 70px;
  12858. top: 3px;
  12859. /* responsive portrait tablet */
  12860. }
  12861. @media (min-width: 768px) and (max-width: 1023px) {
  12862. .td_top_authors .item-details {
  12863. height: 55px;
  12864. margin-left: 70px;
  12865. }
  12866. }
  12867. .td_top_authors .item-details span {
  12868. font-family: 'Open Sans', arial, sans-serif;
  12869. padding: 2px 5px;
  12870. border-radius: 3px;
  12871. color: #ffffff;
  12872. font-size: 9px;
  12873. font-style: normal;
  12874. font-weight: bold;
  12875. }
  12876. .td_top_authors .td-active .td-author-post-count {
  12877. background-color: #4db2ec;
  12878. }
  12879. .td_top_authors .td-active .td-author-comments-count {
  12880. background-color: #4db2ec;
  12881. opacity: 0.8;
  12882. }
  12883. .td_top_authors .td-active .td-authors-name a {
  12884. color: #4db2ec;
  12885. }
  12886. .td_top_authors .td_mod_wrap {
  12887. min-height: 70px;
  12888. padding-top: 10px;
  12889. padding-bottom: 10px;
  12890. }
  12891. .td_top_authors .td_mod_wrap:hover {
  12892. background-color: #fafafa;
  12893. cursor: pointer;
  12894. }
  12895. .td_top_authors .block-title {
  12896. margin-bottom: 10px;
  12897. }
  12898. .td_top_authors .td-authors-url {
  12899. /* responsive portrait tablet */
  12900. }
  12901. .td_top_authors .td-authors-url a {
  12902. color: #999999;
  12903. font-family: Verdana, Geneva, sans-serif;
  12904. font-size: 11px;
  12905. font-style: italic;
  12906. }
  12907. @media (min-width: 768px) and (max-width: 1023px) {
  12908. .td_top_authors .td-authors-url {
  12909. display: none;
  12910. }
  12911. }
  12912. .td_top_authors .td-authors-name a {
  12913. padding-bottom: 4px;
  12914. font-family: 'Open Sans', arial, sans-serif;
  12915. font-size: 14px;
  12916. color: #222222;
  12917. line-height: 18px;
  12918. font-weight: 600;
  12919. display: inline-block;
  12920. }
  12921. .td_top_authors .td-author-post-count {
  12922. background-color: #222222;
  12923. }
  12924. .td_top_authors .td-author-comments-count {
  12925. background-color: #444444;
  12926. }
  12927. /* ----------------------------------------------------------------------------
  12928. popular categories widget
  12929. */
  12930. .td_block_popular_categories ul {
  12931. list-style: none;
  12932. margin: 0px;
  12933. }
  12934. .td_block_popular_categories a {
  12935. font-size: 13px;
  12936. line-height: 21px;
  12937. color: #222222;
  12938. }
  12939. .td_block_popular_categories a:hover {
  12940. color: #4db2ec;
  12941. }
  12942. .td_block_popular_categories .td-cat-no {
  12943. float: right;
  12944. position: relative;
  12945. top: 1px;
  12946. }
  12947. /*
  12948. video list player
  12949. */
  12950. .MIXIN_chrome_sidebar::-webkit-scrollbar-track {
  12951. background-color: #383838;
  12952. }
  12953. .MIXIN_chrome_sidebar::-webkit-scrollbar {
  12954. width: 6px;
  12955. background-color: #F5F5F5;
  12956. }
  12957. .MIXIN_chrome_sidebar::-webkit-scrollbar-thumb {
  12958. background-color: #919191;
  12959. border-radius: 10px;
  12960. }
  12961. .td_video_playlist_title {
  12962. position: relative;
  12963. z-index: 1;
  12964. background-color: #222222;
  12965. }
  12966. .td_video_playlist_title .td_video_title_text {
  12967. font-family: 'Open Sans', arial, sans-serif;
  12968. font-weight: bold;
  12969. font-size: 15px;
  12970. color: #ffffff;
  12971. margin-left: 17px;
  12972. margin-right: 17px;
  12973. vertical-align: middle;
  12974. line-height: 24px;
  12975. padding: 10px 0px 10px 0px;
  12976. /* responsive phone */
  12977. }
  12978. @media (max-width: 767px) {
  12979. .td_video_playlist_title .td_video_title_text {
  12980. text-align: center;
  12981. }
  12982. }
  12983. .page-template-page-pagebuilder-title-php .td_video_playlist_column_2 .td_wrapper_video_playlist {
  12984. left: 0;
  12985. }
  12986. .post .td_block_video_playlist {
  12987. margin-bottom: 20px;
  12988. }
  12989. .post .td_video_playlist_column_3 .td_video_playlist_title {
  12990. left: 0px;
  12991. width: 100%;
  12992. }
  12993. .post .td_video_playlist_column_3 .td_wrapper_player {
  12994. width: 676px;
  12995. /* responsive portrait tablet */
  12996. }
  12997. @media (min-width: 768px) and (max-width: 1023px) {
  12998. .post .td_video_playlist_column_3 .td_wrapper_player {
  12999. height: 405px;
  13000. width: 100%;
  13001. }
  13002. }
  13003. .post .td_video_playlist_column_3 .td_wrapper_video_playlist {
  13004. left: 0px;
  13005. }
  13006. .post .td_video_playlist_column_3 .td_container_video_playlist {
  13007. width: 304px;
  13008. right: 0px;
  13009. /* responsive portrait tablet */
  13010. /* responsive portrait phone */
  13011. }
  13012. @media (min-width: 768px) and (max-width: 1023px) {
  13013. .post .td_video_playlist_column_3 .td_container_video_playlist {
  13014. width: 100%;
  13015. }
  13016. }
  13017. @media (max-width: 767px) {
  13018. .post .td_video_playlist_column_3 .td_container_video_playlist {
  13019. width: 100%;
  13020. }
  13021. }
  13022. .post .td_video_playlist_column_2 .td_video_playlist_title {
  13023. left: 0px;
  13024. width: 100%;
  13025. }
  13026. .post .td_video_playlist_column_2 .td_wrapper_player {
  13027. height: 388px;
  13028. width: 100%;
  13029. /* responsive portrait tablet */
  13030. }
  13031. @media (min-width: 768px) and (max-width: 1023px) {
  13032. .post .td_video_playlist_column_2 .td_wrapper_player {
  13033. height: 294px;
  13034. width: 100%;
  13035. }
  13036. }
  13037. @media (min-width: 361px) and (max-width: 767px) {
  13038. .post .td_video_playlist_column_2 .td_wrapper_player {
  13039. height: 350px;
  13040. }
  13041. }
  13042. @media (max-width: 360px) {
  13043. .post .td_video_playlist_column_2 .td_wrapper_player {
  13044. height: 192px;
  13045. }
  13046. }
  13047. .post .td_video_playlist_column_2 .td_wrapper_video_playlist {
  13048. left: 0px;
  13049. }
  13050. .post .td_video_playlist_column_2 .td_container_video_playlist {
  13051. width: 100%;
  13052. right: 0px;
  13053. }
  13054. .td_wrapper_video_playlist {
  13055. position: relative;
  13056. }
  13057. .td_wrapper_video_playlist .td_video_controls_playlist_wrapper {
  13058. height: 65px;
  13059. background-color: #4db2ec;
  13060. position: relative;
  13061. }
  13062. .td_wrapper_video_playlist .td_video_controls_playlist_wrapper:before {
  13063. content: '';
  13064. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAGBAMAAADwPukCAAAAElBMVEUAAAAAAAAAAAAAAAAAAAAAAADgKxmiAAAABnRSTlM9KRgMBADiSB2HAAAAFElEQVR4XmNgYBBgUGAwYHBgCAAAA3wA8fpXm6EAAAAASUVORK5CYII=) repeat-x;
  13065. width: 100%;
  13066. height: 6px;
  13067. position: absolute;
  13068. bottom: -6px;
  13069. z-index: 1;
  13070. }
  13071. .td_wrapper_video_playlist .td_video_controls_playlist_wrapper .td_video_stop_play_control {
  13072. position: relative;
  13073. width: 65px;
  13074. height: 65px;
  13075. outline: 0 !important;
  13076. }
  13077. .td_wrapper_video_playlist .td_video_controls_playlist_wrapper .td_video_stop_play_control:after {
  13078. content: '';
  13079. width: 1px;
  13080. height: 37px;
  13081. background-color: rgba(255, 255, 255, 0.2);
  13082. position: absolute;
  13083. top: 14px;
  13084. right: 0;
  13085. }
  13086. .td_wrapper_video_playlist .td_video_controls_playlist_wrapper .td_video_stop_play_control .td_youtube_control,
  13087. .td_wrapper_video_playlist .td_video_controls_playlist_wrapper .td_video_stop_play_control .td_vimeo_control {
  13088. position: relative;
  13089. top: 12px;
  13090. left: 11px;
  13091. cursor: pointer;
  13092. }
  13093. .td_wrapper_video_playlist .td_video_controls_playlist_wrapper .td_video_title_playing {
  13094. position: absolute;
  13095. top: 13px;
  13096. left: 80px;
  13097. font-family: Verdana, Geneva, sans-serif;
  13098. font-size: 13px;
  13099. line-height: 19px;
  13100. font-weight: bold;
  13101. color: #ffffff;
  13102. padding-right: 7px;
  13103. max-height: 37px;
  13104. overflow: hidden;
  13105. }
  13106. .td_wrapper_video_playlist .td_video_controls_playlist_wrapper .td_video_time_playing {
  13107. position: absolute;
  13108. bottom: 0px;
  13109. right: 5px;
  13110. font-family: 'Open Sans', arial, sans-serif;
  13111. font-size: 10px;
  13112. font-style: italic;
  13113. color: #ffffff;
  13114. line-height: 17px;
  13115. }
  13116. .td_wrapper_video_playlist .td_video_currently_playing {
  13117. background-color: #404040;
  13118. }
  13119. .td_wrapper_video_playlist .td_video_currently_playing:after {
  13120. content: '';
  13121. position: absolute;
  13122. top: 0;
  13123. left: 0;
  13124. border-left: 3px solid #4db2ec !important;
  13125. width: 3px;
  13126. height: inherit;
  13127. }
  13128. .td_wrapper_video_playlist a.td_click_video {
  13129. height: 60px;
  13130. display: block;
  13131. width: 100%;
  13132. position: relative;
  13133. }
  13134. .td_wrapper_video_playlist a.td_click_video:hover {
  13135. background-color: #333333;
  13136. cursor: pointer;
  13137. }
  13138. .td_wrapper_video_playlist a.td_click_video .td_video_thumb {
  13139. position: relative;
  13140. top: 10px;
  13141. width: 72px;
  13142. height: 40px;
  13143. overflow: hidden;
  13144. margin-left: 16px;
  13145. }
  13146. .td_wrapper_video_playlist a.td_click_video .td_video_thumb img {
  13147. position: relative;
  13148. top: -6px;
  13149. }
  13150. .td_wrapper_video_playlist a.td_click_video .td_video_title_and_time {
  13151. position: absolute;
  13152. top: 10px;
  13153. margin: 0 30px 0 103px;
  13154. }
  13155. .td_wrapper_video_playlist a.td_click_video .td_video_title_and_time .td_video_title {
  13156. font-family: 'Open Sans', arial, sans-serif;
  13157. font-size: 12px;
  13158. color: #ffffff;
  13159. line-height: 15px;
  13160. max-height: 30px;
  13161. overflow: hidden;
  13162. }
  13163. .td_wrapper_video_playlist a.td_click_video .td_video_time {
  13164. font-family: 'Open Sans', arial, sans-serif;
  13165. font-size: 10px;
  13166. font-style: italic;
  13167. color: #777777;
  13168. line-height: 13px;
  13169. }
  13170. .td_wrapper_video_playlist .td_wrapper_player {
  13171. background-color: #000;
  13172. height: 425px;
  13173. }
  13174. .td_wrapper_video_playlist .td_wrapper_player iframe {
  13175. width: 100%;
  13176. height: 100%;
  13177. }
  13178. .td_wrapper_video_playlist .td_container_video_playlist {
  13179. background-color: #222222;
  13180. vertical-align: top;
  13181. height: 410px;
  13182. overflow: hidden;
  13183. }
  13184. .td_wrapper_video_playlist .td_playlist_clickable {
  13185. overflow-y: auto;
  13186. overflow-x: hidden;
  13187. height: 347px;
  13188. }
  13189. .td_video_playlist_column_3 .td_wrapper_video_playlist {
  13190. left: -1px;
  13191. z-index: 1;
  13192. /* responsive portrait phone */
  13193. }
  13194. @media (max-width: 767px) {
  13195. .td_video_playlist_column_3 .td_wrapper_video_playlist {
  13196. left: 0px;
  13197. }
  13198. }
  13199. .td_video_playlist_column_3 .td_video_playlist_title {
  13200. left: -1px;
  13201. width: 1021px;
  13202. /* responsive portrait tablet */
  13203. /* responsive portrait phone */
  13204. }
  13205. @media (min-width: 768px) and (max-width: 1023px) {
  13206. .td_video_playlist_column_3 .td_video_playlist_title {
  13207. width: 756px;
  13208. }
  13209. }
  13210. @media (max-width: 767px) {
  13211. .td_video_playlist_column_3 .td_video_playlist_title {
  13212. width: 100%;
  13213. left: 0px;
  13214. }
  13215. }
  13216. .td_video_playlist_column_3 .td_wrapper_player {
  13217. display: block;
  13218. width: 681px;
  13219. height: 413px;
  13220. }
  13221. @media (min-width: 768px) and (max-width: 1023px) {
  13222. .td_video_playlist_column_3 .td_wrapper_player {
  13223. display: block;
  13224. width: 756px;
  13225. }
  13226. }
  13227. @media (min-width: 361px) and (max-width: 767px) {
  13228. .td_video_playlist_column_3 .td_wrapper_player {
  13229. display: block;
  13230. width: 100%;
  13231. height: 350px;
  13232. }
  13233. }
  13234. @media (max-width: 360px) {
  13235. .td_video_playlist_column_3 .td_wrapper_player {
  13236. display: block;
  13237. width: 100%;
  13238. height: 192px;
  13239. }
  13240. }
  13241. @media (min-width: 768px) and (max-width: 1023px) {
  13242. .td_video_playlist_column_3 .td_video_controls_playlist_wrapper .td_video_title_playing {
  13243. max-height: 20px;
  13244. top: 23px;
  13245. }
  13246. }
  13247. @media (min-width: 481px) and (max-width: 767px) {
  13248. .td_video_playlist_column_3 .td_video_controls_playlist_wrapper .td_video_title_playing {
  13249. max-height: 20px;
  13250. top: 23px;
  13251. }
  13252. }
  13253. @media (max-width: 480px) {
  13254. .td_video_playlist_column_3 .td_video_controls_playlist_wrapper .td_video_title_playing {
  13255. max-height: 37px;
  13256. top: 13px;
  13257. }
  13258. }
  13259. .td_video_playlist_column_3 .td_container_video_playlist {
  13260. display: block;
  13261. position: absolute;
  13262. top: 0px;
  13263. right: -2px;
  13264. width: 340px;
  13265. height: 413px;
  13266. }
  13267. @media (min-width: 768px) and (max-width: 1023px) {
  13268. .td_video_playlist_column_3 .td_container_video_playlist {
  13269. display: block;
  13270. position: relative;
  13271. width: 756px;
  13272. height: 305px;
  13273. right: 0px;
  13274. }
  13275. }
  13276. @media (max-width: 767px) {
  13277. .td_video_playlist_column_3 .td_container_video_playlist {
  13278. display: block;
  13279. position: relative;
  13280. width: 100%;
  13281. height: 305px;
  13282. right: 0px;
  13283. }
  13284. }
  13285. @media (max-width: 480px) {
  13286. .td_video_playlist_column_3 .td_container_video_playlist {
  13287. position: relative;
  13288. height: 245px;
  13289. right: 0px;
  13290. }
  13291. }
  13292. .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile {
  13293. height: 348px;
  13294. }
  13295. @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 768px) and (max-width: 1023px) {
  13296. .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile {
  13297. margin-right: 10px;
  13298. }
  13299. }
  13300. @media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 767px) {
  13301. .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile {
  13302. margin-right: 10px;
  13303. }
  13304. }
  13305. @media (min-width: 768px) and (max-width: 1023px) {
  13306. .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile {
  13307. height: 240px;
  13308. overflow-x: hidden;
  13309. overflow-y: auto;
  13310. }
  13311. .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-track {
  13312. background-color: #383838;
  13313. }
  13314. .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar {
  13315. width: 6px;
  13316. background-color: #F5F5F5;
  13317. }
  13318. .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-thumb {
  13319. background-color: #919191;
  13320. border-radius: 10px;
  13321. }
  13322. }
  13323. @media (max-width: 767px) {
  13324. .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile {
  13325. height: 240px;
  13326. overflow-x: hidden;
  13327. overflow-y: auto;
  13328. }
  13329. .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-track {
  13330. background-color: #383838;
  13331. }
  13332. .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar {
  13333. width: 6px;
  13334. background-color: #F5F5F5;
  13335. }
  13336. .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-thumb {
  13337. background-color: #919191;
  13338. border-radius: 10px;
  13339. }
  13340. }
  13341. @media (max-width: 480px) {
  13342. .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile {
  13343. height: 180px;
  13344. }
  13345. }
  13346. .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist {
  13347. height: 348px;
  13348. }
  13349. @media screen and (-webkit-min-device-pixel-ratio: 0) {
  13350. .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist {
  13351. margin-right: 10px;
  13352. }
  13353. }
  13354. .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar-track {
  13355. background-color: #383838;
  13356. }
  13357. .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar {
  13358. width: 6px;
  13359. background-color: #F5F5F5;
  13360. }
  13361. .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar-thumb {
  13362. background-color: #919191;
  13363. border-radius: 10px;
  13364. }
  13365. @media (min-width: 768px) and (max-width: 1023px) {
  13366. .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist {
  13367. height: 240px;
  13368. }
  13369. }
  13370. @media (max-width: 767px) {
  13371. .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist {
  13372. height: 240px;
  13373. }
  13374. }
  13375. @media (max-width: 480px) {
  13376. .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist {
  13377. height: 180px;
  13378. }
  13379. }
  13380. .td_video_playlist_column_2 .td_wrapper_video_playlist {
  13381. left: -1px;
  13382. z-index: 1;
  13383. /* responsive portrait phone */
  13384. }
  13385. @media (max-width: 767px) {
  13386. .td_video_playlist_column_2 .td_wrapper_video_playlist {
  13387. left: 0px;
  13388. }
  13389. }
  13390. .td_video_playlist_column_2 .td_video_playlist_title {
  13391. left: -1px;
  13392. width: 681px;
  13393. /* responsive portrait tablet */
  13394. /* responsive portrait phone */
  13395. }
  13396. @media (min-width: 768px) and (max-width: 1023px) {
  13397. .td_video_playlist_column_2 .td_video_playlist_title {
  13398. width: 505px;
  13399. }
  13400. }
  13401. @media (max-width: 767px) {
  13402. .td_video_playlist_column_2 .td_video_playlist_title {
  13403. width: 100%;
  13404. left: 0px;
  13405. }
  13406. }
  13407. .td_video_playlist_column_2 .td_wrapper_player {
  13408. display: block;
  13409. width: 681px;
  13410. height: 412px;
  13411. }
  13412. @media (min-width: 768px) and (max-width: 1023px) {
  13413. .td_video_playlist_column_2 .td_wrapper_player {
  13414. width: 505px;
  13415. height: 283px;
  13416. }
  13417. }
  13418. @media (min-width: 361px) and (max-width: 767px) {
  13419. .td_video_playlist_column_2 .td_wrapper_player {
  13420. display: block;
  13421. width: 100%;
  13422. height: 350px;
  13423. }
  13424. }
  13425. @media (max-width: 360px) {
  13426. .td_video_playlist_column_2 .td_wrapper_player {
  13427. display: block;
  13428. width: 100%;
  13429. height: 192px;
  13430. }
  13431. }
  13432. .td_video_playlist_column_2 .td_container_video_playlist {
  13433. display: block;
  13434. width: 681px;
  13435. height: 305px;
  13436. }
  13437. @media (min-width: 768px) and (max-width: 1023px) {
  13438. .td_video_playlist_column_2 .td_container_video_playlist {
  13439. width: 505px;
  13440. }
  13441. }
  13442. @media (max-width: 767px) {
  13443. .td_video_playlist_column_2 .td_container_video_playlist {
  13444. display: block;
  13445. width: 100%;
  13446. }
  13447. }
  13448. @media (max-width: 480px) {
  13449. .td_video_playlist_column_2 .td_container_video_playlist {
  13450. height: 245px;
  13451. }
  13452. }
  13453. .td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable {
  13454. height: 240px;
  13455. }
  13456. @media (max-width: 480px) {
  13457. .td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable {
  13458. height: 180px;
  13459. }
  13460. }
  13461. @media screen and (-webkit-min-device-pixel-ratio: 0) {
  13462. .td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile,
  13463. .td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist {
  13464. margin-right: 10px;
  13465. }
  13466. }
  13467. .td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-track,
  13468. .td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar-track {
  13469. background-color: #383838;
  13470. }
  13471. .td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar,
  13472. .td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar {
  13473. width: 6px;
  13474. background-color: #F5F5F5;
  13475. }
  13476. .td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-thumb,
  13477. .td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar-thumb {
  13478. background-color: #919191;
  13479. border-radius: 10px;
  13480. }
  13481. .td_video_playlist_column_2 .td_video_controls_playlist_wrapper .td_video_title_playing {
  13482. max-height: 20px;
  13483. top: 23px;
  13484. }
  13485. @media (min-width: 768px) and (max-width: 1023px) {
  13486. .td_video_playlist_column_2 .td_video_controls_playlist_wrapper .td_video_title_playing {
  13487. max-height: 20px;
  13488. top: 23px;
  13489. }
  13490. }
  13491. @media (min-width: 481px) and (max-width: 767px) {
  13492. .td_video_playlist_column_2 .td_video_controls_playlist_wrapper .td_video_title_playing {
  13493. max-height: 20px;
  13494. top: 23px;
  13495. }
  13496. }
  13497. @media (max-width: 480px) {
  13498. .td_video_playlist_column_2 .td_video_controls_playlist_wrapper .td_video_title_playing {
  13499. max-height: 37px;
  13500. top: 13px;
  13501. }
  13502. }
  13503. .td_video_playlist_column_1 .td_wrapper_video_playlist {
  13504. left: -1px;
  13505. z-index: 1;
  13506. /* responsive portrait phone */
  13507. }
  13508. @media (max-width: 767px) {
  13509. .td_video_playlist_column_1 .td_wrapper_video_playlist {
  13510. left: 0px;
  13511. }
  13512. }
  13513. .td_video_playlist_column_1 .td_video_playlist_title {
  13514. left: -1px;
  13515. width: 341px;
  13516. /* responsive portrait tablet */
  13517. /* responsive portrait phone */
  13518. }
  13519. @media (min-width: 768px) and (max-width: 1023px) {
  13520. .td_video_playlist_column_1 .td_video_playlist_title {
  13521. width: 252px;
  13522. }
  13523. }
  13524. @media (max-width: 767px) {
  13525. .td_video_playlist_column_1 .td_video_playlist_title {
  13526. width: 100%;
  13527. left: 0px;
  13528. }
  13529. }
  13530. .td_video_playlist_column_1 .td_wrapper_player {
  13531. display: block;
  13532. width: 341px;
  13533. height: 190px;
  13534. }
  13535. @media (min-width: 768px) and (max-width: 1023px) {
  13536. .td_video_playlist_column_1 .td_wrapper_player {
  13537. width: 252px;
  13538. height: 143px;
  13539. }
  13540. }
  13541. @media (min-width: 361px) and (max-width: 767px) {
  13542. .td_video_playlist_column_1 .td_wrapper_player {
  13543. display: block;
  13544. width: 100%;
  13545. height: 350px;
  13546. }
  13547. }
  13548. @media (max-width: 360px) {
  13549. .td_video_playlist_column_1 .td_wrapper_player {
  13550. display: block;
  13551. width: 100%;
  13552. height: 192px;
  13553. }
  13554. }
  13555. .td_video_playlist_column_1 .td_container_video_playlist {
  13556. display: block;
  13557. width: 341px;
  13558. height: 305px;
  13559. }
  13560. @media (min-width: 768px) and (max-width: 1023px) {
  13561. .td_video_playlist_column_1 .td_container_video_playlist {
  13562. width: 252px;
  13563. }
  13564. }
  13565. @media (max-width: 767px) {
  13566. .td_video_playlist_column_1 .td_container_video_playlist {
  13567. width: 100%;
  13568. }
  13569. }
  13570. @media (max-width: 480px) {
  13571. .td_video_playlist_column_1 .td_container_video_playlist {
  13572. height: 245px;
  13573. }
  13574. }
  13575. .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile,
  13576. .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist {
  13577. height: 240px;
  13578. }
  13579. @media screen and (-webkit-min-device-pixel-ratio: 0) {
  13580. .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile,
  13581. .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist {
  13582. margin-right: 10px;
  13583. }
  13584. }
  13585. @media (max-width: 480px) {
  13586. .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile,
  13587. .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist {
  13588. height: 180px;
  13589. }
  13590. }
  13591. .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-track,
  13592. .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar-track {
  13593. background-color: #383838;
  13594. }
  13595. .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar,
  13596. .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar {
  13597. width: 6px;
  13598. background-color: #F5F5F5;
  13599. }
  13600. .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-thumb,
  13601. .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar-thumb {
  13602. background-color: #919191;
  13603. border-radius: 10px;
  13604. }
  13605. .td_video_playlist_column_1 .td_video_controls_playlist_wrapper .td_video_title_playing {
  13606. max-height: 37px;
  13607. top: 13px;
  13608. }
  13609. @media (min-width: 481px) and (max-width: 767px) {
  13610. .td_video_playlist_column_1 .td_video_controls_playlist_wrapper .td_video_title_playing {
  13611. max-height: 20px;
  13612. top: 23px;
  13613. }
  13614. }
  13615. /* ----------------------------------------------------------------------------
  13616. Comments
  13617. */
  13618. .td-comments-title-wrap {
  13619. border-top: 1px solid #e6e6e6;
  13620. line-height: 16px;
  13621. }
  13622. .td-comments-title-wrap h4 {
  13623. font-family: 'Open Sans', arial, sans-serif;
  13624. font-size: 14px;
  13625. font-weight: bold;
  13626. line-height: 22px;
  13627. margin: 15px 0px 15px 0px;
  13628. color: #222222;
  13629. /* responsive portrait tablet */
  13630. /* responsive portrait phone */
  13631. }
  13632. @media (min-width: 768px) and (max-width: 1023px) {
  13633. .td-comments-title-wrap h4 {
  13634. margin: 13px 0px 13px 0px;
  13635. line-height: 16px;
  13636. }
  13637. }
  13638. @media (max-width: 767px) {
  13639. .td-comments-title-wrap h4 {
  13640. line-height: 16px;
  13641. margin: 13px 0px 13px 0px;
  13642. }
  13643. }
  13644. .comment-list {
  13645. border-top: 1px solid #e6e6e6;
  13646. padding-top: 21px;
  13647. /* responsive portrait tablet */
  13648. /* responsive portrait phone */
  13649. }
  13650. @media (min-width: 768px) and (max-width: 1023px) {
  13651. .comment-list {
  13652. padding-top: 17px;
  13653. }
  13654. }
  13655. @media (max-width: 767px) {
  13656. .comment-list {
  13657. padding-top: 15px;
  13658. }
  13659. }
  13660. .comment-list footer {
  13661. clear: left;
  13662. }
  13663. .comment-list footer:after {
  13664. clear: none;
  13665. }
  13666. .comment-list .avatar {
  13667. float: left;
  13668. width: 50px;
  13669. height: 50px;
  13670. margin-right: 19px;
  13671. border-radius: 3px;
  13672. /* responsive portrait tablet */
  13673. /* responsive portrait phone */
  13674. }
  13675. @media (min-width: 768px) and (max-width: 1023px) {
  13676. .comment-list .avatar {
  13677. margin-right: 15px;
  13678. }
  13679. }
  13680. @media (max-width: 767px) {
  13681. .comment-list .avatar {
  13682. margin-right: 10px;
  13683. }
  13684. }
  13685. .comment-list cite,
  13686. .comment-list cite a {
  13687. font-family: 'Open Sans', arial, sans-serif;
  13688. font-size: 13px;
  13689. font-style: normal;
  13690. font-weight: bold;
  13691. line-height: 16px;
  13692. color: #000000;
  13693. border-radius: 3px;
  13694. }
  13695. .comment-list cite:hover,
  13696. .comment-list cite a:hover {
  13697. color: #4db2ec;
  13698. }
  13699. .comment-list cite {
  13700. padding-right: 10px;
  13701. }
  13702. .comment-list > .comment:first-child {
  13703. border: none;
  13704. padding-top: 0px;
  13705. }
  13706. .comment-list .comment-content {
  13707. margin-left: 69px;
  13708. /* responsive portrait tablet */
  13709. /* responsive portrait phone */
  13710. }
  13711. @media (min-width: 768px) and (max-width: 1023px) {
  13712. .comment-list .comment-content {
  13713. margin-left: 65px;
  13714. }
  13715. }
  13716. @media (max-width: 767px) {
  13717. .comment-list .comment-content {
  13718. margin-left: 60px;
  13719. }
  13720. }
  13721. .comment-list .comment-content p {
  13722. margin: 0px;
  13723. word-wrap: break-word;
  13724. }
  13725. .comment-list .comment {
  13726. font-size: 12px;
  13727. line-height: 21px;
  13728. color: #444444;
  13729. padding-top: 20px;
  13730. margin: 0px;
  13731. border-top: 1px dashed #f1f1f1;
  13732. }
  13733. .comment-list .comment .comment-respond {
  13734. padding: 0px 0px 21px 0px;
  13735. }
  13736. .comment-list .comment-link {
  13737. color: #b5b5b5;
  13738. font-size: 11px;
  13739. display: inline-block;
  13740. }
  13741. .comment-list .comment-reply-link {
  13742. font-size: 11px;
  13743. color: #B5B5B5;
  13744. }
  13745. .comment-list .comment-reply-link:hover {
  13746. color: #4db2ec;
  13747. }
  13748. .comment-list .comment-meta {
  13749. margin: 0px 0px 14px 69px;
  13750. /* responsive portrait tablet */
  13751. /* responsive portrait phone */
  13752. }
  13753. @media (min-width: 768px) and (max-width: 1023px) {
  13754. .comment-list .comment-meta {
  13755. margin: 0px 0px 10px 65px;
  13756. }
  13757. }
  13758. @media (max-width: 767px) {
  13759. .comment-list .comment-meta {
  13760. margin: 0px 0px 9px 60px;
  13761. }
  13762. }
  13763. .comment-list .children {
  13764. padding-left: 69px;
  13765. /* responsive portrait tablet */
  13766. /* responsive portrait phone */
  13767. }
  13768. .comment-list .children .children {
  13769. padding-left: 53px;
  13770. }
  13771. @media (min-width: 768px) and (max-width: 1023px) {
  13772. .comment-list .children {
  13773. padding-left: 65px;
  13774. }
  13775. .comment-list .children .children {
  13776. padding-left: 30px;
  13777. }
  13778. }
  13779. @media (max-width: 767px) {
  13780. .comment-list .children {
  13781. padding-left: 60px;
  13782. }
  13783. .comment-list .children .children {
  13784. padding-left: 20px;
  13785. }
  13786. }
  13787. .comment-list .children .comment {
  13788. padding-top: 21px;
  13789. border-top: 1px dashed #f1f1f1;
  13790. /* responsive portrait tablet */
  13791. /* responsive portrait phone */
  13792. }
  13793. @media (min-width: 768px) and (max-width: 1023px) {
  13794. .comment-list .children .comment {
  13795. padding-top: 17px;
  13796. }
  13797. }
  13798. @media (max-width: 767px) {
  13799. .comment-list .children .comment {
  13800. padding-top: 15px;
  13801. }
  13802. }
  13803. .comment-list .children .avatar {
  13804. width: 36px;
  13805. height: 36px;
  13806. }
  13807. .comment-list .children .comment-content {
  13808. margin-left: 56px;
  13809. /* responsive portrait tablet */
  13810. /* responsive portrait phone */
  13811. }
  13812. @media (min-width: 768px) and (max-width: 1023px) {
  13813. .comment-list .children .comment-content {
  13814. margin-left: 51px;
  13815. }
  13816. }
  13817. @media (max-width: 767px) {
  13818. .comment-list .children .comment-content {
  13819. margin-left: 46px;
  13820. }
  13821. }
  13822. .comment-list .children .comment-meta {
  13823. margin-left: 56px;
  13824. /* responsive portrait tablet */
  13825. /* responsive portrait phone */
  13826. }
  13827. @media (min-width: 768px) and (max-width: 1023px) {
  13828. .comment-list .children .comment-meta {
  13829. margin-left: 51px;
  13830. }
  13831. }
  13832. @media (max-width: 767px) {
  13833. .comment-list .children .comment-meta {
  13834. margin-bottom: 10px;
  13835. margin-left: 46px;
  13836. }
  13837. }
  13838. .comment-respond {
  13839. border-top: 1px solid #e6e6e6;
  13840. padding: 0px 19px 21px 20px;
  13841. /* responsive portrait tablet */
  13842. /* responsive portrait phone */
  13843. }
  13844. @media (min-width: 768px) and (max-width: 1023px) {
  13845. .comment-respond {
  13846. padding: 0px 17px 17px 17px;
  13847. }
  13848. }
  13849. @media (max-width: 767px) {
  13850. .comment-respond {
  13851. padding: 0px 10px 15px 10px;
  13852. }
  13853. }
  13854. .comment-respond a {
  13855. color: #222222;
  13856. font-weight: 600;
  13857. }
  13858. .comment-respond .comment-subscription-form {
  13859. margin-bottom: 0px;
  13860. }
  13861. .comment-subscription-form .subscribe-label {
  13862. left: 4px;
  13863. position: relative;
  13864. top: -2px;
  13865. }
  13866. .comment-reply-title {
  13867. font-family: 'Open Sans', arial, sans-serif;
  13868. font-size: 14px;
  13869. font-weight: bold;
  13870. line-height: 22px;
  13871. margin: 15px 0px 15px 0px;
  13872. /* responsive portrait tablet */
  13873. /* responsive portrait phone */
  13874. }
  13875. @media (min-width: 768px) and (max-width: 1023px) {
  13876. .comment-reply-title {
  13877. margin: 11px 0px 11px 0px;
  13878. }
  13879. }
  13880. @media (max-width: 767px) {
  13881. .comment-reply-title {
  13882. margin: 11px 0px 11px 0px;
  13883. }
  13884. }
  13885. .logged-in-as {
  13886. position: relative;
  13887. top: -7px;
  13888. margin: 0px;
  13889. }
  13890. .comment-form-input-wrap {
  13891. margin-bottom: 21px;
  13892. /* responsive portrait tablet */
  13893. /* responsive portrait phone */
  13894. }
  13895. @media (min-width: 768px) and (max-width: 1023px) {
  13896. .comment-form-input-wrap {
  13897. margin-bottom: 17px;
  13898. }
  13899. }
  13900. @media (max-width: 767px) {
  13901. .comment-form-input-wrap {
  13902. margin-bottom: 15px;
  13903. }
  13904. }
  13905. #cancel-comment-reply-link {
  13906. padding-left: 10px;
  13907. }
  13908. .comment-pagination {
  13909. padding: 20px;
  13910. *zoom: 1;
  13911. }
  13912. .comment-pagination:before,
  13913. .comment-pagination:after {
  13914. display: table;
  13915. content: "";
  13916. line-height: 0;
  13917. }
  13918. .comment-pagination:after {
  13919. clear: both;
  13920. }
  13921. .comment-pagination a {
  13922. float: right;
  13923. }
  13924. .comment-pagination a:first-child {
  13925. float: left;
  13926. }
  13927. #disqus_thread {
  13928. padding: 8px 19px 8px 20px;
  13929. border-top: 1px solid #e6e6e6;
  13930. /* responsive portrait tablet */
  13931. /* responsive portrait phone */
  13932. }
  13933. @media (min-width: 768px) and (max-width: 1023px) {
  13934. #disqus_thread {
  13935. padding-right: 17px;
  13936. padding-left: 17px;
  13937. }
  13938. }
  13939. @media (max-width: 767px) {
  13940. #disqus_thread {
  13941. padding-right: 10px;
  13942. padding-left: 10px;
  13943. }
  13944. }
  13945. @font-face {
  13946. font-family: 'newsmag';
  13947. src: url('images/icons/newsmag.eot?9');
  13948. src: url('images/icons/newsmag.eot?9#iefix') format('embedded-opentype'), url('images/icons/newsmag.woff?9') format('woff'), url('images/icons/newsmag.ttf?9') format('truetype'), url('images/icons/newsmag.svg?9#newsmag') format('svg');
  13949. font-weight: normal;
  13950. font-style: normal;
  13951. }
  13952. @media screen and (-webkit-min-device-pixel-ratio: 0) {
  13953. @font-face {
  13954. font-family: 'newsmag';
  13955. src: url('images/icons/newsmag.svg?#newsmag') format('svg');
  13956. }
  13957. }
  13958. [class^="td-icon-"]:before,
  13959. [class*=" td-icon-"]:before {
  13960. font-family: "newsmag";
  13961. font-style: normal;
  13962. font-weight: normal;
  13963. speak: none;
  13964. display: inline-block;
  13965. text-decoration: inherit;
  13966. text-align: center;
  13967. /* For safety - reset parent styles, that can break glyph codes*/
  13968. font-variant: normal;
  13969. text-transform: none;
  13970. /* fix buttons height, for twitter bootstrap */
  13971. line-height: 1;
  13972. /* Better Font Rendering =========== */
  13973. -webkit-font-smoothing: antialiased;
  13974. -moz-osx-font-smoothing: grayscale;
  13975. }
  13976. .td-icon-comments:before {
  13977. content: '\e80c';
  13978. }
  13979. .td-icon-path:before {
  13980. content: '\e822';
  13981. }
  13982. .td-icon-rss:before {
  13983. content: '\e828';
  13984. }
  13985. .td-icon-logout:before {
  13986. content: '\e800';
  13987. }
  13988. .td-icon-menu-down:before {
  13989. content: '\e806';
  13990. }
  13991. .td-icon-menu-left:before {
  13992. content: '\e807';
  13993. }
  13994. .td-icon-menu-right:before {
  13995. content: '\e808';
  13996. }
  13997. .td-icon-menu-up:before {
  13998. content: '\e809';
  13999. }
  14000. .td-icon-html5:before {
  14001. content: '\e81c';
  14002. }
  14003. .td-icon-instagram:before {
  14004. content: '\e81d';
  14005. }
  14006. .td-icon-windows:before {
  14007. content: '\e833';
  14008. }
  14009. .td-icon-youtube:before {
  14010. content: '\e836';
  14011. }
  14012. .td-icon-share:before {
  14013. content: '\e829';
  14014. }
  14015. .td-icon-down:before {
  14016. content: '\e801';
  14017. }
  14018. .td-icon-left:before {
  14019. content: '\e802';
  14020. }
  14021. .td-icon-right:before {
  14022. content: '\e803';
  14023. }
  14024. .td-icon-up:before {
  14025. content: '\e804';
  14026. }
  14027. .td-icon-flickr:before {
  14028. content: '\e819';
  14029. }
  14030. .td-icon-facebook:before {
  14031. content: '\e818';
  14032. }
  14033. .td-icon-googleplus:before {
  14034. content: '\e81b';
  14035. }
  14036. .td-icon-pinterest:before {
  14037. content: '\e825';
  14038. }
  14039. .td-icon-paypal:before {
  14040. content: '\e823';
  14041. }
  14042. .td-icon-picasa:before {
  14043. content: '\e824';
  14044. }
  14045. .td-icon-behance:before {
  14046. content: '\e811';
  14047. }
  14048. .td-icon-mail-2:before {
  14049. content: '\e820';
  14050. }
  14051. .td-icon-search:before {
  14052. content: '\e80a';
  14053. }
  14054. .td-icon-user:before {
  14055. content: '\e80b';
  14056. }
  14057. .td-icon-category:before {
  14058. content: '\e80e';
  14059. }
  14060. .td-icon-mail-1:before {
  14061. content: '\e810';
  14062. }
  14063. .td-icon-delicious:before {
  14064. content: '\e813';
  14065. }
  14066. .td-icon-stumbleupon:before {
  14067. content: '\e82f';
  14068. }
  14069. .td-icon-grooveshark:before {
  14070. content: '\e838';
  14071. }
  14072. .td-icon-forrst:before {
  14073. content: '\e81a';
  14074. }
  14075. .td-icon-digg:before {
  14076. content: '\e815';
  14077. }
  14078. .td-icon-spotify:before {
  14079. content: '\e82c';
  14080. }
  14081. .td-icon-reddit:before {
  14082. content: '\e827';
  14083. }
  14084. .td-icon-dribbble:before {
  14085. content: '\e816';
  14086. }
  14087. .td-icon-evernote:before {
  14088. content: '\e817';
  14089. }
  14090. .td-icon-linkedin:before {
  14091. content: '\e81f';
  14092. }
  14093. .td-icon-vk:before {
  14094. content: '\e837';
  14095. }
  14096. .td-icon-skype:before {
  14097. content: '\e82a';
  14098. }
  14099. .td-icon-twitter:before {
  14100. content: '\e831';
  14101. }
  14102. .td-icon-vimeo:before {
  14103. content: '\e832';
  14104. }
  14105. .td-icon-yahoo:before {
  14106. content: '\e835';
  14107. }
  14108. .td-icon-myspace:before {
  14109. content: '\e821';
  14110. }
  14111. .td-icon-steam:before {
  14112. content: '\e82e';
  14113. }
  14114. .td-icon-lastfm:before {
  14115. content: '\e81e';
  14116. }
  14117. .td-icon-tumblr:before {
  14118. content: '\e830';
  14119. }
  14120. .td-icon-posterous:before {
  14121. content: '\e826';
  14122. }
  14123. .td-icon-stackoverflow:before {
  14124. content: '\e82d';
  14125. }
  14126. .td-icon-blogger:before {
  14127. content: '\e812';
  14128. }
  14129. .td-icon-deviantart:before {
  14130. content: '\e814';
  14131. }
  14132. .td-icon-wordpress:before {
  14133. content: '\e834';
  14134. }
  14135. .td-icon-mobile:before {
  14136. content: '\e80d';
  14137. }
  14138. .td-icon-views:before {
  14139. content: '\e805';
  14140. }
  14141. .td-icon-soundcloud:before {
  14142. content: '\e82b';
  14143. }
  14144. .td-icon-star:before {
  14145. content: '\e80f';
  14146. }
  14147. .td-icon-star-empty:before {
  14148. content: '\e839';
  14149. }
  14150. .td-icon-star-half:before {
  14151. content: '\e83a';
  14152. }
  14153. .td-icon-related-left:before {
  14154. content: '\e83b';
  14155. }
  14156. .td-icon-close:before {
  14157. content: '\e83c';
  14158. }
  14159. .td-icon-read-down:before {
  14160. content: '\e83d';
  14161. }
  14162. .td-icon-menu-down {
  14163. position: relative;
  14164. top: 0px;
  14165. font-size: 8px;
  14166. padding-left: 3px;
  14167. }
  14168. a .td-icon-behance:hover {
  14169. color: #000000;
  14170. }
  14171. a .td-icon-blogger:hover {
  14172. color: #ffa900;
  14173. }
  14174. a .td-icon-delicious:hover {
  14175. color: #3399ff;
  14176. }
  14177. a .td-icon-deviantart:hover {
  14178. color: #4e6252;
  14179. }
  14180. a .td-icon-digg:hover {
  14181. color: #000000;
  14182. }
  14183. a .td-icon-dribbble:hover {
  14184. color: #ea4c89;
  14185. }
  14186. a .td-icon-evernote:hover {
  14187. color: #07c257;
  14188. }
  14189. a .td-icon-facebook:hover {
  14190. color: #3B5998;
  14191. }
  14192. a .td-icon-flickr:hover {
  14193. color: #ff0084;
  14194. }
  14195. a .td-icon-forrst:hover {
  14196. color: #3b7140;
  14197. }
  14198. a .td-icon-googleplus:hover {
  14199. color: #dd4b39;
  14200. }
  14201. a .td-icon-grooveshark:hover {
  14202. color: #f77f00;
  14203. }
  14204. a .td-icon-html5:hover {
  14205. color: #f16729;
  14206. }
  14207. a .td-icon-instagram:hover {
  14208. color: #3f729b;
  14209. }
  14210. a .td-icon-lastfm:hover {
  14211. color: #ce2127;
  14212. }
  14213. a .td-icon-linkedin:hover {
  14214. color: #007bb6;
  14215. }
  14216. a .td-icon-mail:hover {
  14217. color: #000000;
  14218. }
  14219. a .td-icon-myspace:hover {
  14220. color: #000000;
  14221. }
  14222. a .td-icon-path:hover {
  14223. color: #e62f17;
  14224. }
  14225. a .td-icon-paypal:hover {
  14226. color: #009cde;
  14227. }
  14228. a .td-icon-picasa:hover {
  14229. color: #000000;
  14230. }
  14231. a .td-icon-pinterest:hover {
  14232. color: #cb2027;
  14233. }
  14234. a .td-icon-posterous:hover {
  14235. color: #ffe173;
  14236. }
  14237. a .td-icon-reddit:hover {
  14238. color: #ff4100;
  14239. }
  14240. a .td-icon-rss:hover {
  14241. color: #f36f24;
  14242. }
  14243. a .td-icon-share:hover {
  14244. color: #000000;
  14245. }
  14246. a .td-icon-skype:hover {
  14247. color: #01aef2;
  14248. }
  14249. a .td-icon-soundcloud:hover {
  14250. color: #ff5500;
  14251. }
  14252. a .td-icon-spotify:hover {
  14253. color: #81b900;
  14254. }
  14255. a .td-icon-stackoverflow:hover {
  14256. color: #000000;
  14257. }
  14258. a .td-icon-steam:hover {
  14259. color: #000000;
  14260. }
  14261. a .td-icon-stumbleupon:hover {
  14262. color: #eb4923;
  14263. }
  14264. a .td-icon-tumblr:hover {
  14265. color: #32506d;
  14266. }
  14267. a .td-icon-twitter:hover {
  14268. color: #00aced;
  14269. }
  14270. a .td-icon-vimeo:hover {
  14271. color: #5289cc;
  14272. }
  14273. a .td-icon-vk:hover {
  14274. color: #45668e;
  14275. }
  14276. a .td-icon-windows:hover {
  14277. color: #319de5;
  14278. }
  14279. a .td-icon-wordpress:hover {
  14280. color: #222222;
  14281. }
  14282. a .td-icon-yahoo:hover {
  14283. color: #720e9e;
  14284. }
  14285. a .td-icon-youtube:hover {
  14286. color: #bb0000;
  14287. }
  14288. /* ----------------------------------------------------------------------------
  14289. header
  14290. */
  14291. .td-review {
  14292. border-top: 1px solid #e6e6e6;
  14293. border-bottom: 1px solid #e6e6e6;
  14294. border-left: 0px;
  14295. background-color: #f5f5f5;
  14296. width: 100%;
  14297. margin-bottom: 20px;
  14298. }
  14299. .td-review td {
  14300. border: 0px;
  14301. }
  14302. .td-review .td-icon-star,
  14303. .td-review .td-icon-star-empty,
  14304. .td-review .td-icon-star-half {
  14305. width: 21px;
  14306. }
  14307. .td-review .block-title {
  14308. background-color: #222222;
  14309. margin-left: 0px;
  14310. color: #ffffff;
  14311. display: inline-block;
  14312. border-radius: 3px;
  14313. font-family: 'Open Sans', arial, sans-serif;
  14314. font-size: 11px;
  14315. font-weight: bold;
  14316. line-height: 16px;
  14317. padding: 2px 15px 2px 15px;
  14318. vertical-align: middle;
  14319. }
  14320. .td-review .td-review-desc:first-child {
  14321. border-top: 1px dashed #d8d8d8;
  14322. }
  14323. .td-review .td-review-stars:nth-child(2) {
  14324. border-top: 1px dashed #d8d8d8;
  14325. }
  14326. .td-review-header .block-title {
  14327. margin-bottom: 0px;
  14328. }
  14329. .td-review-header td {
  14330. padding: 18px 19px 20px 20px;
  14331. border: 0px;
  14332. /* responsive portrait tablet */
  14333. /* responsive portrait phone */
  14334. }
  14335. @media (min-width: 768px) and (max-width: 1023px) {
  14336. .td-review-header td {
  14337. padding: 18px 17px 20px 17px;
  14338. }
  14339. }
  14340. @media (max-width: 767px) {
  14341. .td-review-header td {
  14342. padding: 18px 10px 20px 10px;
  14343. }
  14344. }
  14345. .td-icon-star,
  14346. .td-icon-star-empty,
  14347. .td-icon-star-half {
  14348. font-size: 15px;
  14349. line-height: 21px;
  14350. display: inline-block;
  14351. width: 17px;
  14352. }
  14353. .td-review-summary-content {
  14354. font-size: 11px;
  14355. }
  14356. /* ----------------------------------------------------------------------------
  14357. footer
  14358. */
  14359. .td-review-summary {
  14360. padding: 20px;
  14361. border-bottom: 1px solid #e6e6e6;
  14362. /* responsive portrait tablet */
  14363. /* responsive portrait phone */
  14364. }
  14365. @media (min-width: 768px) and (max-width: 1023px) {
  14366. .td-review-summary {
  14367. padding: 20px 17px 20px 17px;
  14368. }
  14369. }
  14370. @media (max-width: 767px) {
  14371. .td-review-summary {
  14372. padding: 20px 10px 20px 10px;
  14373. }
  14374. }
  14375. .td-review-summary .block-title {
  14376. margin-bottom: 12px;
  14377. }
  14378. .td-review-score {
  14379. background-color: #f5f5f5;
  14380. font-family: 'Open Sans', arial, sans-serif;
  14381. font-size: 48px;
  14382. font-weight: bold;
  14383. text-align: center;
  14384. border-bottom: 1px solid #e6e6e6;
  14385. vertical-align: top;
  14386. padding: 0px;
  14387. }
  14388. .td-review-footer {
  14389. border-top: 1px dashed #d8d8d8;
  14390. }
  14391. .td-review-footer.rate_point,
  14392. .td-review-footer.rate_percent {
  14393. border-top: 0px;
  14394. }
  14395. .td-review-overall {
  14396. margin: 20px;
  14397. border: 1px solid #999999;
  14398. min-width: 130px;
  14399. width: 130px;
  14400. float: right;
  14401. padding: 10px 0px 10px 0px;
  14402. line-height: 14px;
  14403. /* responsive portrait tablet */
  14404. /* responsive portrait phone */
  14405. }
  14406. @media (min-width: 768px) and (max-width: 1023px) {
  14407. .td-review-overall {
  14408. margin: 20px 17px 20px 17px;
  14409. }
  14410. }
  14411. @media (max-width: 767px) {
  14412. .td-review-overall {
  14413. margin: 20px 10px 20px 10px;
  14414. }
  14415. }
  14416. .td-review-overall span {
  14417. font-size: 11px;
  14418. }
  14419. .td_review_with_bars td {
  14420. height: 28px;
  14421. }
  14422. .td-review-final-star {
  14423. height: 24px;
  14424. line-height: 18px;
  14425. }
  14426. /* ----------------------------------------------------------------------------
  14427. stars
  14428. */
  14429. .td-review-stars {
  14430. width: 120px;
  14431. text-align: center;
  14432. line-height: 11px;
  14433. }
  14434. .td-review-final-score {
  14435. line-height: 70px;
  14436. position: relative;
  14437. top: 2px;
  14438. }
  14439. .td-review-final-score span {
  14440. line-height: 0px;
  14441. }
  14442. /* ----------------------------------------------------------------------------
  14443. review bars
  14444. */
  14445. .td-rating-bar-wrap {
  14446. height: 20px;
  14447. margin: 0px 20px 11px 20px;
  14448. background-color: #ffffff;
  14449. /* responsive portrait tablet */
  14450. /* responsive portrait phone */
  14451. }
  14452. @media (min-width: 768px) and (max-width: 1023px) {
  14453. .td-rating-bar-wrap {
  14454. margin: 0px 17px 11px 17px;
  14455. }
  14456. }
  14457. @media (max-width: 767px) {
  14458. .td-rating-bar-wrap {
  14459. margin: 0px 10px 11px 10px;
  14460. }
  14461. }
  14462. .td-rating-bar-wrap div {
  14463. height: 20px;
  14464. background: #4db2ec;
  14465. }
  14466. .td-review-desc {
  14467. font-family: 'Open Sans', arial, sans-serif;
  14468. font-size: 12px;
  14469. color: #444444;
  14470. border-bottom: 1px dashed #d8d8d8;
  14471. padding: 6px 0px 6px 21px;
  14472. /* responsive portrait tablet */
  14473. /* responsive portrait phone */
  14474. }
  14475. @media (min-width: 768px) and (max-width: 1023px) {
  14476. .td-review-desc {
  14477. padding: 6px 0px 6px 17px;
  14478. }
  14479. }
  14480. @media (max-width: 767px) {
  14481. .td-review-desc {
  14482. padding: 6px 0px 6px 10px;
  14483. }
  14484. }
  14485. .td-review-details {
  14486. font-size: 12px;
  14487. }
  14488. .td-review-details .td-review-desc {
  14489. display: inline-block;
  14490. padding: 0px 0px 1px 21px;
  14491. /* responsive portrait tablet */
  14492. /* responsive portrait phone */
  14493. }
  14494. @media (min-width: 768px) and (max-width: 1023px) {
  14495. .td-review-details .td-review-desc {
  14496. padding: 0px 0px 1px 17px;
  14497. }
  14498. }
  14499. @media (max-width: 767px) {
  14500. .td-review-details .td-review-desc {
  14501. padding: 0px 0px 1px 10px;
  14502. }
  14503. }
  14504. .td-review-stars {
  14505. border-bottom: 1px dashed #d8d8d8;
  14506. }
  14507. .td-review-row-bars .td-review-desc {
  14508. border: none;
  14509. }
  14510. .td-review-row-bars .td-review-desc:first-child {
  14511. border: none;
  14512. }
  14513. .td-review-row-bars td {
  14514. padding: 0px;
  14515. border: 0px !important;
  14516. }
  14517. /* ----------------------------------------------------------------------------
  14518. percent
  14519. */
  14520. .td-review-percent-sign {
  14521. font-size: 30px;
  14522. }
  14523. .td-review-percent {
  14524. float: right;
  14525. padding: 0px 21px 1px 0px;
  14526. font-size: 11px;
  14527. /* responsive portrait tablet */
  14528. /* responsive portrait phone */
  14529. }
  14530. @media (min-width: 768px) and (max-width: 1023px) {
  14531. .td-review-percent {
  14532. padding: 0px 17px 1px 0px;
  14533. }
  14534. }
  14535. @media (max-width: 767px) {
  14536. .td-review-percent {
  14537. padding: 0px 10px 1px 0px;
  14538. }
  14539. }
  14540. /* ----------------------------------------------------------------------------
  14541. footer
  14542. */
  14543. .td-footer-container {
  14544. margin-right: auto;
  14545. margin-left: auto;
  14546. position: relative;
  14547. background-color: #222222;
  14548. padding: 42px 0 20px 0;
  14549. color: #ffffff;
  14550. }
  14551. .td-footer-container a {
  14552. color: #ffffff;
  14553. }
  14554. .td-footer-container .meta-info {
  14555. color: #888888;
  14556. }
  14557. .td-footer-container .meta-info .entry-date {
  14558. color: #ffffff;
  14559. }
  14560. .td-footer-container .block-title > a,
  14561. .td-footer-container .block-title > span {
  14562. background-color: #ffffff;
  14563. color: #222222;
  14564. }
  14565. .td-footer-container .widget_rss .block-title .rsswidget {
  14566. color: #222;
  14567. }
  14568. .td-footer-container .widget .block-title {
  14569. margin-top: 0;
  14570. }
  14571. .td-footer-container .widget_text p {
  14572. color: #fff;
  14573. }
  14574. .td-footer-container select {
  14575. color: #222;
  14576. }
  14577. .td-footer-container .td_block_wrap {
  14578. padding-top: 0;
  14579. }
  14580. .td-footer-container .td-footer-info {
  14581. margin-bottom: 36px;
  14582. /* responsive portrait phone */
  14583. }
  14584. @media (max-width: 767px) {
  14585. .td-footer-container .td-footer-info {
  14586. text-align: center;
  14587. }
  14588. }
  14589. .td-footer-container .td-post-author-name a:hover,
  14590. .td-footer-container .td-module-comments a:hover {
  14591. color: #ffffff;
  14592. }
  14593. .td-footer-container .td-pb-span4,
  14594. .td-footer-container .td-pb-span8,
  14595. .td-footer-container .td-pb-span12 {
  14596. border-left: none;
  14597. /* responsive portrait phone */
  14598. }
  14599. @media (max-width: 767px) {
  14600. .td-footer-container .td-pb-span4,
  14601. .td-footer-container .td-pb-span8,
  14602. .td-footer-container .td-pb-span12 {
  14603. padding-bottom: 20px;
  14604. }
  14605. }
  14606. .td-footer-container .td-pb-span4:last-child,
  14607. .td-footer-container .td-pb-span8:last-child,
  14608. .td-footer-container .td-pb-span12:last-child {
  14609. /* responsive portrait phone */
  14610. }
  14611. @media (max-width: 767px) {
  14612. .td-footer-container .td-pb-span4:last-child,
  14613. .td-footer-container .td-pb-span8:last-child,
  14614. .td-footer-container .td-pb-span12:last-child {
  14615. padding-bottom: 0;
  14616. }
  14617. }
  14618. .td-footer-container.td-container {
  14619. border-bottom: none;
  14620. }
  14621. .td-footer-container .widget_calendar a:hover {
  14622. color: #ffffff;
  14623. }
  14624. .td-footer-container .widget_recent_comments li,
  14625. .td-footer-container .widget_recent_entries li {
  14626. border-bottom: 1px dashed rgba(255, 255, 255, 0.15);
  14627. }
  14628. .td-footer-container .widget_recent_comments li:last-child,
  14629. .td-footer-container .widget_recent_entries li:last-child {
  14630. border-bottom: 0;
  14631. }
  14632. .td-footer-container .td_module_5,
  14633. .td-footer-container .td_module_9 .item-details,
  14634. .td-footer-container .td_module_8 .item-details,
  14635. .td-footer-container .td_module_mx3 .meta-info {
  14636. border-bottom: 1px dashed rgba(255, 255, 255, 0.15);
  14637. }
  14638. .td-footer-container .widget_search {
  14639. margin-top: 0;
  14640. }
  14641. .td-footer-container .widget_search .wpb_button {
  14642. background-color: #444444;
  14643. }
  14644. .td-footer-container .widget_search .wpb_button:hover {
  14645. background-color: #4db2ec;
  14646. }
  14647. .td-footer-container .td_block_wrap {
  14648. border-top: 0;
  14649. margin-bottom: 20px !important;
  14650. }
  14651. .td-footer-container table td,
  14652. .td-footer-container table th {
  14653. border: 1px solid rgba(255, 255, 255, 0.2);
  14654. }
  14655. .td-footer-container tfoot td {
  14656. border: 0;
  14657. }
  14658. .td-footer-container .widget_calendar #today {
  14659. background-color: #444;
  14660. }
  14661. .td-footer-container .widget_calendar #today a {
  14662. color: #4db2ec;
  14663. }
  14664. .td-footer-container .widget_calendar td {
  14665. border-radius: 0;
  14666. }
  14667. .td-footer-container .td-excerpt {
  14668. color: #b5b5b5;
  14669. }
  14670. .td-footer-container .td-module-meta-info .td-post-date {
  14671. color: #888888;
  14672. }
  14673. .td-footer-container .td_social_type:hover {
  14674. background-color: #444444;
  14675. }
  14676. .td-footer-container .td_module_mx3 .meta-info {
  14677. background-color: #222222;
  14678. }
  14679. .td-footer-container .widget {
  14680. padding-bottom: 20px;
  14681. }
  14682. .td-footer-container .td_block_13.td_block_widget .td_module_mx3 {
  14683. left: 0;
  14684. }
  14685. .td-footer-container .td_block_14 {
  14686. background-color: transparent;
  14687. }
  14688. .footer-email-wrap {
  14689. padding-top: 21px;
  14690. }
  14691. .footer-email-wrap a {
  14692. color: #4db2ec;
  14693. }
  14694. .footer-logo-wrap {
  14695. margin-bottom: 20px;
  14696. display: block;
  14697. }
  14698. .footer-logo-wrap img {
  14699. /* responsive portrait phone */
  14700. }
  14701. @media (max-width: 767px) {
  14702. .footer-logo-wrap img {
  14703. margin-right: auto;
  14704. margin-left: auto;
  14705. }
  14706. }
  14707. .td-footer-full {
  14708. text-align: center;
  14709. }
  14710. .td-footer-full .footer-social-wrap i {
  14711. margin: 10px 3px 0 7px;
  14712. }
  14713. .td-footer-full .footer-logo-wrap {
  14714. text-align: center;
  14715. display: inline-block;
  14716. width: 100%;
  14717. margin-right: auto;
  14718. margin-left: auto;
  14719. }
  14720. .td-footer-full .footer-logo-wrap img {
  14721. margin-right: auto;
  14722. margin-left: auto;
  14723. }
  14724. /* ----------------------------------------------------------------------------
  14725. social icons footer
  14726. */
  14727. .footer-social-wrap i {
  14728. border-radius: 3px;
  14729. margin: 10px 0 10px 0;
  14730. color: #ffffff;
  14731. width: 32px;
  14732. height: 32px;
  14733. font-size: 16px;
  14734. padding-top: 8px;
  14735. line-height: 16px;
  14736. }
  14737. .td-social-style2 i:hover {
  14738. color: #ffffff;
  14739. }
  14740. .td-social-style2 .td-icon-behance:hover {
  14741. background-color: #000000;
  14742. }
  14743. .td-social-style2 .td-icon-blogger:hover {
  14744. background-color: #ffa900;
  14745. }
  14746. .td-social-style2 .td-icon-delicious:hover {
  14747. background-color: #3399ff;
  14748. }
  14749. .td-social-style2 .td-icon-deviantart:hover {
  14750. background-color: #4e6252;
  14751. }
  14752. .td-social-style2 .td-icon-digg:hover {
  14753. background-color: #000000;
  14754. }
  14755. .td-social-style2 .td-icon-dribbble:hover {
  14756. background-color: #ea4c89;
  14757. }
  14758. .td-social-style2 .td-icon-evernote:hover {
  14759. background-color: #07c257;
  14760. }
  14761. .td-social-style2 .td-icon-facebook:hover {
  14762. background-color: #3B5998;
  14763. }
  14764. .td-social-style2 .td-icon-flickr:hover {
  14765. background-color: #ff0084;
  14766. }
  14767. .td-social-style2 .td-icon-forrst:hover {
  14768. background-color: #3b7140;
  14769. }
  14770. .td-social-style2 .td-icon-googleplus:hover {
  14771. background-color: #dd4b39;
  14772. }
  14773. .td-social-style2 .td-icon-grooveshark:hover {
  14774. background-color: #f77f00;
  14775. }
  14776. .td-social-style2 .td-icon-html5:hover {
  14777. background-color: #f16729;
  14778. }
  14779. .td-social-style2 .td-icon-instagram:hover {
  14780. background-color: #3f729b;
  14781. }
  14782. .td-social-style2 .td-icon-lastfm:hover {
  14783. background-color: #ce2127;
  14784. }
  14785. .td-social-style2 .td-icon-linkedin:hover {
  14786. background-color: #007bb6;
  14787. }
  14788. .td-social-style2 .td-icon-mail:hover {
  14789. background-color: #000000;
  14790. }
  14791. .td-social-style2 .td-icon-myspace:hover {
  14792. background-color: #000000;
  14793. }
  14794. .td-social-style2 .td-icon-path:hover {
  14795. background-color: #e62f17;
  14796. }
  14797. .td-social-style2 .td-icon-paypal:hover {
  14798. background-color: #009cde;
  14799. }
  14800. .td-social-style2 .td-icon-picasa:hover {
  14801. background-color: #000000;
  14802. }
  14803. .td-social-style2 .td-icon-pinterest:hover {
  14804. background-color: #cb2027;
  14805. }
  14806. .td-social-style2 .td-icon-posterous:hover {
  14807. background-color: #ffe173;
  14808. }
  14809. .td-social-style2 .td-icon-reddit:hover {
  14810. background-color: #ff4100;
  14811. }
  14812. .td-social-style2 .td-icon-rss:hover {
  14813. background-color: #f36f24;
  14814. }
  14815. .td-social-style2 .td-icon-share:hover {
  14816. background-color: #000000;
  14817. }
  14818. .td-social-style2 .td-icon-skype:hover {
  14819. background-color: #01aef2;
  14820. }
  14821. .td-social-style2 .td-icon-soundcloud:hover {
  14822. background-color: #ff5500;
  14823. }
  14824. .td-social-style2 .td-icon-spotify:hover {
  14825. background-color: #81b900;
  14826. }
  14827. .td-social-style2 .td-icon-stackoverflow:hover {
  14828. background-color: #000000;
  14829. }
  14830. .td-social-style2 .td-icon-steam:hover {
  14831. background-color: #000000;
  14832. }
  14833. .td-social-style2 .td-icon-stumbleupon:hover {
  14834. background-color: #eb4923;
  14835. }
  14836. .td-social-style2 .td-icon-tumblr:hover {
  14837. background-color: #32506d;
  14838. }
  14839. .td-social-style2 .td-icon-twitter:hover {
  14840. background-color: #00aced;
  14841. }
  14842. .td-social-style2 .td-icon-vimeo:hover {
  14843. background-color: #5289cc;
  14844. }
  14845. .td-social-style2 .td-icon-vk:hover {
  14846. background-color: #45668e;
  14847. }
  14848. .td-social-style2 .td-icon-windows:hover {
  14849. background-color: #319de5;
  14850. }
  14851. .td-social-style2 .td-icon-wordpress:hover {
  14852. background-color: #222222;
  14853. }
  14854. .td-social-style2 .td-icon-yahoo:hover {
  14855. background-color: #720e9e;
  14856. }
  14857. .td-social-style2 .td-icon-youtube:hover {
  14858. background-color: #bb0000;
  14859. }
  14860. /* ----------------------------------------------------------------------------
  14861. sub-footer
  14862. */
  14863. .td-sub-footer-container {
  14864. margin-right: auto;
  14865. margin-left: auto;
  14866. position: relative;
  14867. padding: 10px 0px 10px 0px;
  14868. font-family: 'Open Sans', arial, sans-serif;
  14869. font-size: 11px;
  14870. line-height: 18px;
  14871. color: #222222;
  14872. /* responsive portrait phone */
  14873. }
  14874. .td-sub-footer-container:before {
  14875. position: absolute;
  14876. bottom: 0px;
  14877. left: 0px;
  14878. display: block;
  14879. content: '';
  14880. height: 100%;
  14881. width: 1px;
  14882. background-color: #e6e6e6;
  14883. z-index: 0;
  14884. }
  14885. @media (max-width: 767px) {
  14886. .td-sub-footer-container {
  14887. text-align: center;
  14888. }
  14889. }
  14890. .td-sub-footer-container a {
  14891. color: #222222;
  14892. padding: 0 10px;
  14893. }
  14894. .td-sub-footer-container ul {
  14895. margin: 0px;
  14896. padding: 0px;
  14897. list-style: none;
  14898. }
  14899. .td-sub-footer-container li {
  14900. display: inline-block;
  14901. position: relative;
  14902. zoom: 1;
  14903. }
  14904. .td-sub-footer-container li:last-child a {
  14905. padding-right: 0px;
  14906. /* responsive portrait phone */
  14907. }
  14908. @media (max-width: 767px) {
  14909. .td-sub-footer-container li:last-child a {
  14910. padding-right: 10px;
  14911. }
  14912. }
  14913. .td-sub-footer-container li:first-child a:before {
  14914. display: none;
  14915. }
  14916. .td-sub-footer-container .td-pb-span4,
  14917. .td-sub-footer-container .td-pb-span8 {
  14918. border-left: none;
  14919. }
  14920. .td-sub-footer-container.td-container {
  14921. border-bottom: none;
  14922. }
  14923. .td-sub-footer-container .td-pb-row {
  14924. overflow: visible;
  14925. }
  14926. .td-sub-footer-copy {
  14927. line-height: 24px;
  14928. }
  14929. .td-sub-footer-menu {
  14930. text-align: right;
  14931. /* responsive portrait phone */
  14932. }
  14933. @media (min-width: 1023px) and (max-width: 1120px) {
  14934. .td-sub-footer-menu {
  14935. padding-right: 42px;
  14936. }
  14937. }
  14938. @media (min-width: 767px) and (max-width: 860px) {
  14939. .td-sub-footer-menu {
  14940. padding-right: 42px;
  14941. }
  14942. }
  14943. @media (max-width: 767px) {
  14944. .td-sub-footer-menu {
  14945. text-align: center;
  14946. }
  14947. }
  14948. .td-sub-footer-menu li {
  14949. text-align: left;
  14950. }
  14951. .td-sub-footer-menu li:hover .sub-menu {
  14952. display: table;
  14953. position: absolute;
  14954. bottom: 10px;
  14955. }
  14956. .td-sub-footer-menu li ul {
  14957. background-color: #ffffff;
  14958. display: none;
  14959. position: relative;
  14960. bottom: 22px !important;
  14961. left: 0px !important;
  14962. border-bottom: 3px solid #000000;
  14963. list-style: none;
  14964. box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.15);
  14965. }
  14966. .td-sub-footer-menu li ul a {
  14967. font-family: 'Open Sans', arial, sans-serif;
  14968. font-weight: 500;
  14969. font-size: 11px;
  14970. line-height: 28px;
  14971. display: block;
  14972. text-transform: none;
  14973. margin: 0px 10px 0px 0px ;
  14974. white-space: nowrap;
  14975. }
  14976. .td-sub-footer-menu li ul a:hover {
  14977. color: #4db2ec;
  14978. }
  14979. .td-sub-footer-menu li ul a:before {
  14980. display: none;
  14981. }
  14982. .td-add-border {
  14983. border-top: 1px solid #e6e6e6;
  14984. }
  14985. /* ----------------------------------------------------------------------------
  14986. wordpress default galleries
  14987. */
  14988. .gallery-item {
  14989. display: inline-block;
  14990. text-align: center;
  14991. vertical-align: top;
  14992. width: 100%;
  14993. }
  14994. .gallery-item .gallery-caption {
  14995. text-align: left;
  14996. position: relative;
  14997. bottom: 17px;
  14998. margin-bottom: 0px;
  14999. }
  15000. .gallery-item .gallery-icon img {
  15001. margin-bottom: 20px;
  15002. }
  15003. .gallery-columns-2,
  15004. .gallery-columns-3,
  15005. .gallery-columns-4,
  15006. .gallery-columns-5,
  15007. .gallery-columns-6,
  15008. .gallery-columns-7,
  15009. .gallery-columns-8,
  15010. .gallery-columns-9 {
  15011. margin-bottom: 20px;
  15012. }
  15013. .gallery-columns-2 img,
  15014. .gallery-columns-3 img,
  15015. .gallery-columns-4 img,
  15016. .gallery-columns-5 img,
  15017. .gallery-columns-6 img,
  15018. .gallery-columns-7 img,
  15019. .gallery-columns-8 img,
  15020. .gallery-columns-9 img {
  15021. border-bottom: 2px solid #ffffff;
  15022. border-right: 1px solid #ffffff;
  15023. border-left: 1px solid #ffffff;
  15024. margin-bottom: 0px !important;
  15025. }
  15026. .gallery-columns-2 .gallery-caption,
  15027. .gallery-columns-3 .gallery-caption,
  15028. .gallery-columns-4 .gallery-caption,
  15029. .gallery-columns-5 .gallery-caption,
  15030. .gallery-columns-6 .gallery-caption,
  15031. .gallery-columns-7 .gallery-caption,
  15032. .gallery-columns-8 .gallery-caption,
  15033. .gallery-columns-9 .gallery-caption {
  15034. display: none;
  15035. }
  15036. .gallery-columns-2 .gallery-item {
  15037. max-width: 50%;
  15038. }
  15039. .gallery-columns-3 .gallery-item {
  15040. max-width: 33.33%;
  15041. }
  15042. .gallery-columns-4 .gallery-item {
  15043. max-width: 25%;
  15044. }
  15045. .gallery-columns-5 .gallery-item {
  15046. max-width: 20%;
  15047. }
  15048. .gallery-columns-6 .gallery-item {
  15049. max-width: 16.66%;
  15050. }
  15051. .gallery-columns-7 .gallery-item {
  15052. max-width: 14.28%;
  15053. }
  15054. .gallery-columns-8 .gallery-item {
  15055. max-width: 12.5%;
  15056. }
  15057. .gallery-columns-9 .gallery-item {
  15058. max-width: 11.11%;
  15059. }
  15060. /* ----------------------------------------------------------------------------
  15061. custom gallery-columns-1
  15062. */
  15063. .gallery-columns-1 .gallery-item {
  15064. overflow: hidden;
  15065. margin-bottom: 30px;
  15066. }
  15067. .gallery-columns-1 img {
  15068. margin-bottom: 0px !important;
  15069. text-align: center;
  15070. margin: 0px auto 0px auto;
  15071. }
  15072. .gallery-columns-1 .gallery-caption {
  15073. background-color: #0e0e0e;
  15074. color: white;
  15075. font-size: 12px;
  15076. font-style: normal;
  15077. padding: 8px 14px 10px 14px;
  15078. line-height: 19px;
  15079. bottom: 4px;
  15080. }
  15081. .td-scroll-up {
  15082. -webkit-transform: translateZ(0);
  15083. position: fixed;
  15084. bottom: 4px;
  15085. right: 5px;
  15086. display: none;
  15087. border-radius: 3px;
  15088. width: 38px;
  15089. height: 38px;
  15090. }
  15091. .td-scroll-up .td-icon-menu-up {
  15092. position: relative;
  15093. color: #ffffff;
  15094. font-size: 20px;
  15095. display: block;
  15096. text-align: center ;
  15097. width: 38px;
  15098. top: 7px;
  15099. }
  15100. .td-scroll-up:hover {
  15101. cursor: pointer;
  15102. opacity: 1;
  15103. }
  15104. .td-scroll-up-visible {
  15105. display: block;
  15106. background-color: #4db2ec;
  15107. z-index: 9999;
  15108. /* responsive phone */
  15109. }
  15110. @media (max-width: 767px) {
  15111. .td-scroll-up-visible {
  15112. display: none;
  15113. }
  15114. }
  15115. /* theme style customizer */
  15116. #td-theme-settings {
  15117. font-family: Verdana, Geneva, sans-serif;
  15118. text-align: center;
  15119. /* responsive phone */
  15120. position: absolute;
  15121. top: 251px;
  15122. left: 0px;
  15123. width: 145px;
  15124. overflow: hidden;
  15125. background-color: white;
  15126. border: 1px solid #e8e8e8;
  15127. border-left: none;
  15128. padding: 5px 12px;
  15129. z-index: 2;
  15130. height: 338px;
  15131. /*use 335px when we do the new demo style with cookies*/
  15132. -webkit-transition: all 400ms cubic-bezier(.55,0,.1,1);
  15133. -moz-transition: all 400ms cubic-bezier(.55,0,.1,1);
  15134. -o-transition: all 400ms cubic-bezier(.55,0,.1,1);
  15135. transition: all 400ms cubic-bezier(.55,0,.1,1);
  15136. }
  15137. @media (max-width: 767px) {
  15138. #td-theme-settings {
  15139. display: none;
  15140. }
  15141. }
  15142. #td-theme-settings .td-set-hide-show {
  15143. text-align: center;
  15144. text-transform: uppercase;
  15145. font-size: 11px;
  15146. line-height: 16px;
  15147. }
  15148. #td-theme-settings .td-set-hide-show a {
  15149. color: black;
  15150. }
  15151. #td-theme-settings .td-theme-color-active {
  15152. border: 3px solid #EAEAEA;
  15153. margin: 1px;
  15154. opacity: 1;
  15155. }
  15156. .blog-stack #td-theme-settings {
  15157. top: 320px;
  15158. }
  15159. .td-skin-header {
  15160. font-family: 'Roboto Condensed', sans-serif;
  15161. font-weight: bold;
  15162. font-size: 14px;
  15163. line-height: 24px !important;
  15164. color: #5a5a5a;
  15165. border-bottom: 1px solid #ededed;
  15166. padding: 1px 0 7px;
  15167. margin-bottom: 15px;
  15168. }
  15169. .td-skin-title {
  15170. font-size: 12px;
  15171. margin-bottom: 4px;
  15172. line-height: 21px !important;
  15173. }
  15174. .td-skin-content {
  15175. display: inline-block;
  15176. width: 100%;
  15177. }
  15178. .td-set-theme-style {
  15179. text-align: center ;
  15180. }
  15181. .td-set-theme-style .td-set-active {
  15182. border: 1px solid #777777;
  15183. }
  15184. .td-set-theme-style a {
  15185. display: block;
  15186. position: relative;
  15187. font-size: 10px;
  15188. height: 30px;
  15189. line-height: 27px;
  15190. margin-bottom: 12px ;
  15191. border: 1px solid #ededed;
  15192. color: #5a5a5a !important;
  15193. }
  15194. .td-set-theme-style a span {
  15195. color: #f26367;
  15196. font-size: 9px;
  15197. position: absolute;
  15198. left: 3px;
  15199. bottom: -5px;
  15200. }
  15201. .td-set-theme-style a:hover {
  15202. text-decoration: none !important;
  15203. border: 1px solid #777777;
  15204. }
  15205. body .td-theme-settings-small {
  15206. opacity: 0.8;
  15207. left: -127px !important;
  15208. height: 42px !important;
  15209. cursor: pointer;
  15210. box-shadow: 1px 1.732px 4px 0px rgba(0, 0, 0, 0.1);
  15211. -moz-box-shadow: 1px 1.732px 4px 0px rgba(0, 0, 0, 0.1);
  15212. -webkit-box-shadow: 1px 1.732px 4px 0px rgba(0, 0, 0, 0.1);
  15213. -webkit-transition: all 400ms cubic-bezier(.55,0,.1,1);
  15214. -moz-transition: all 400ms cubic-bezier(.55,0,.1,1);
  15215. -o-transition: all 400ms cubic-bezier(.55,0,.1,1);
  15216. transition: all 400ms cubic-bezier(.55,0,.1,1);
  15217. }
  15218. body .td-theme-settings-small .td-skin-header {
  15219. border-bottom: 1px solid transparent;
  15220. }
  15221. #td-theme-settings.td-theme-settings-no-transition {
  15222. -webkit-transition: all 0s;
  15223. -moz-transition: all 0s;
  15224. -o-transition: all 0s;
  15225. transition: all 0s;
  15226. }
  15227. .td-customizer-change-layout {
  15228. cursor: pointer;
  15229. }
  15230. .td-customizer-change-layout span {
  15231. -webkit-user-select: none;
  15232. /* Chrome/Safari */
  15233. -moz-user-select: none;
  15234. /* Firefox */
  15235. -ms-user-select: none;
  15236. /* IE10+ */
  15237. /* Rules below not implemented in browsers yet */
  15238. -o-user-select: none;
  15239. user-select: none;
  15240. position: relative;
  15241. display: inline-block;
  15242. width: 77px ;
  15243. font-size: 11px;
  15244. height: 28px;
  15245. line-height: 27px;
  15246. margin-bottom: 12px ;
  15247. border: 1px solid #ededed;
  15248. color: #5a5a5a;
  15249. }
  15250. /* Magnific Popup CSS */
  15251. .mfp-bg {
  15252. top: 0;
  15253. left: 0;
  15254. width: 100%;
  15255. height: 100%;
  15256. z-index: 1042;
  15257. overflow: hidden;
  15258. position: fixed;
  15259. background: #0b0b0b;
  15260. opacity: 0.8;
  15261. filter: alpha(opacity=80);
  15262. }
  15263. .mfp-wrap {
  15264. top: 0;
  15265. left: 0;
  15266. width: 100%;
  15267. height: 100%;
  15268. z-index: 1043;
  15269. position: fixed;
  15270. outline: none !important;
  15271. -webkit-backface-visibility: hidden;
  15272. }
  15273. .mfp-container {
  15274. text-align: center;
  15275. position: absolute;
  15276. width: 100%;
  15277. height: 100%;
  15278. left: 0;
  15279. top: 0;
  15280. padding: 0 8px;
  15281. -webkit-box-sizing: border-box;
  15282. -moz-box-sizing: border-box;
  15283. box-sizing: border-box;
  15284. }
  15285. .mfp-container:before {
  15286. content: '';
  15287. display: inline-block;
  15288. height: 100%;
  15289. vertical-align: middle;
  15290. }
  15291. .mfp-align-top .mfp-container:before {
  15292. display: none;
  15293. }
  15294. .mfp-content {
  15295. position: relative;
  15296. display: inline-block;
  15297. vertical-align: middle;
  15298. margin: 0 auto;
  15299. text-align: left;
  15300. z-index: 1045;
  15301. }
  15302. .mfp-inline-holder .mfp-content,
  15303. .mfp-ajax-holder .mfp-content {
  15304. width: 100%;
  15305. cursor: auto;
  15306. }
  15307. .mfp-ajax-cur {
  15308. cursor: progress;
  15309. }
  15310. .mfp-zoom-out-cur,
  15311. .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  15312. cursor: -moz-zoom-out;
  15313. cursor: -webkit-zoom-out;
  15314. cursor: zoom-out;
  15315. }
  15316. .mfp-zoom {
  15317. cursor: pointer;
  15318. cursor: -webkit-zoom-in;
  15319. cursor: -moz-zoom-in;
  15320. cursor: zoom-in;
  15321. }
  15322. .mfp-auto-cursor .mfp-content {
  15323. cursor: auto;
  15324. }
  15325. .mfp-close,
  15326. .mfp-arrow,
  15327. .mfp-preloader,
  15328. .mfp-counter {
  15329. -webkit-user-select: none;
  15330. -moz-user-select: none;
  15331. user-select: none;
  15332. }
  15333. .mfp-loading.mfp-figure {
  15334. display: none;
  15335. }
  15336. .mfp-hide {
  15337. display: none !important;
  15338. }
  15339. .mfp-preloader {
  15340. color: #cccccc;
  15341. position: absolute;
  15342. top: 50%;
  15343. width: auto;
  15344. text-align: center;
  15345. margin-top: -0.8em;
  15346. left: 8px;
  15347. right: 8px;
  15348. z-index: 1044;
  15349. }
  15350. .mfp-preloader a {
  15351. color: #cccccc;
  15352. }
  15353. .mfp-preloader a:hover {
  15354. color: white;
  15355. }
  15356. .mfp-s-ready .mfp-preloader {
  15357. display: none;
  15358. }
  15359. .mfp-s-error .mfp-content {
  15360. display: none;
  15361. }
  15362. button.mfp-close,
  15363. button.mfp-arrow {
  15364. overflow: visible;
  15365. cursor: pointer;
  15366. background: transparent;
  15367. border: 0;
  15368. -webkit-appearance: none;
  15369. display: block;
  15370. outline: none;
  15371. padding: 0;
  15372. z-index: 1046;
  15373. -webkit-box-shadow: none;
  15374. box-shadow: none;
  15375. }
  15376. button::-moz-focus-inner {
  15377. padding: 0;
  15378. border: 0;
  15379. }
  15380. .mfp-close {
  15381. width: 44px;
  15382. height: 44px;
  15383. line-height: 44px;
  15384. position: absolute;
  15385. right: 0;
  15386. top: 0;
  15387. text-decoration: none;
  15388. text-align: center;
  15389. opacity: 0.65;
  15390. filter: alpha(opacity=65);
  15391. padding: 0 0 18px 10px;
  15392. color: white;
  15393. font-style: normal;
  15394. font-size: 28px;
  15395. font-family: Arial, Baskerville, monospace;
  15396. }
  15397. .mfp-close:hover,
  15398. .mfp-close:focus {
  15399. opacity: 1;
  15400. filter: alpha(opacity=100);
  15401. }
  15402. .mfp-close:active {
  15403. top: 1px;
  15404. }
  15405. .mfp-close-btn-in .mfp-close {
  15406. color: #333333;
  15407. }
  15408. .mfp-image-holder .mfp-close,
  15409. .mfp-iframe-holder .mfp-close {
  15410. color: white;
  15411. right: -6px;
  15412. text-align: right;
  15413. padding-right: 6px;
  15414. width: 100%;
  15415. }
  15416. .mfp-counter {
  15417. position: absolute;
  15418. bottom: 0;
  15419. right: 0;
  15420. color: #cccccc;
  15421. font-size: 12px;
  15422. padding-right: 15px;
  15423. font-size: 11px;
  15424. line-height: 18px;
  15425. }
  15426. .mfp-arrow {
  15427. font-family: 'newsmag', sans-serif;
  15428. font-size: 30px;
  15429. position: absolute;
  15430. opacity: 0.65;
  15431. filter: alpha(opacity=65);
  15432. margin: 0;
  15433. top: 50%;
  15434. margin-top: -55px;
  15435. padding: 0;
  15436. width: 90px;
  15437. height: 110px;
  15438. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  15439. }
  15440. .mfp-arrow:active {
  15441. margin-top: -54px;
  15442. }
  15443. .mfp-arrow:hover,
  15444. .mfp-arrow:focus {
  15445. opacity: 1;
  15446. filter: alpha(opacity=100);
  15447. }
  15448. .mfp-arrow .mfp-b,
  15449. .mfp-arrow .mfp-a {
  15450. display: block;
  15451. width: 0;
  15452. height: 0;
  15453. position: absolute;
  15454. left: 0;
  15455. top: 0;
  15456. margin-top: 35px;
  15457. margin-left: 35px;
  15458. }
  15459. .mfp-arrow-left {
  15460. left: 0;
  15461. }
  15462. .mfp-arrow-left:before {
  15463. content: '\e807';
  15464. color: #ffffff;
  15465. }
  15466. .mfp-arrow-right {
  15467. right: 0;
  15468. }
  15469. .mfp-arrow-right:before {
  15470. content: '\e808';
  15471. color: #ffffff;
  15472. }
  15473. .mfp-iframe-holder {
  15474. padding-top: 40px;
  15475. padding-bottom: 40px;
  15476. }
  15477. .mfp-iframe-holder .mfp-content {
  15478. line-height: 0;
  15479. width: 100%;
  15480. max-width: 900px;
  15481. }
  15482. .mfp-iframe-holder .mfp-close {
  15483. top: -40px;
  15484. }
  15485. .mfp-iframe-scaler {
  15486. width: 100%;
  15487. height: 0;
  15488. overflow: hidden;
  15489. padding-top: 56.25%;
  15490. }
  15491. .mfp-iframe-scaler iframe {
  15492. position: absolute;
  15493. display: block;
  15494. top: 0;
  15495. left: 0;
  15496. width: 100%;
  15497. height: 100%;
  15498. box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  15499. background: black;
  15500. }
  15501. /* Main image in popup */
  15502. img.mfp-img {
  15503. width: auto;
  15504. max-width: 100%;
  15505. height: auto;
  15506. display: block;
  15507. line-height: 0;
  15508. -webkit-box-sizing: border-box;
  15509. -moz-box-sizing: border-box;
  15510. box-sizing: border-box;
  15511. padding: 40px 0 40px;
  15512. margin: 0 auto;
  15513. z-index: 1;
  15514. }
  15515. /* The shadow behind the image */
  15516. .mfp-figure {
  15517. line-height: 0;
  15518. }
  15519. .mfp-figure:before {
  15520. bottom: 40px;
  15521. content: "";
  15522. display: block;
  15523. height: 20%;
  15524. width: 100%;
  15525. position: absolute;
  15526. z-index: 1;
  15527. background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  15528. /* FF3.6+ */
  15529. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));
  15530. /* Chrome,Safari4+ */
  15531. background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  15532. /* Chrome10+,Safari5.1+ */
  15533. background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  15534. /* Opera 11.10+ */
  15535. background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  15536. /* IE10+ */
  15537. background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  15538. /* W3C */
  15539. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
  15540. /* IE6-9 */
  15541. opacity: 0;
  15542. -webkit-transition: opacity 1s ease;
  15543. -moz-transition: opacity 1s ease;
  15544. -o-transition: opacity 1s ease;
  15545. transition: opacity 1s ease;
  15546. }
  15547. .mfp-ready .mfp-s-ready .mfp-figure:before {
  15548. opacity: 1;
  15549. }
  15550. .mfp-figure:after {
  15551. content: '';
  15552. position: absolute;
  15553. left: 0;
  15554. top: 40px;
  15555. bottom: 40px;
  15556. display: block;
  15557. right: 0;
  15558. width: auto;
  15559. height: auto;
  15560. z-index: -1;
  15561. box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  15562. background: #444;
  15563. }
  15564. .mfp-figure small {
  15565. color: #bdbdbd;
  15566. display: block;
  15567. font-size: 12px;
  15568. line-height: 14px;
  15569. }
  15570. .mfp-figure figure {
  15571. margin: 0;
  15572. }
  15573. .mfp-bottom-bar {
  15574. font-size: 11px;
  15575. line-height: 18px;
  15576. margin-bottom: 50px;
  15577. position: absolute;
  15578. bottom: 0;
  15579. left: 0;
  15580. width: 100%;
  15581. cursor: auto;
  15582. padding: 0px 65px 0px 15px;
  15583. z-index: 1;
  15584. }
  15585. .mfp-title {
  15586. text-align: left;
  15587. line-height: 18px;
  15588. color: #f3f3f3;
  15589. word-wrap: break-word;
  15590. }
  15591. .mfp-image-holder .mfp-content {
  15592. max-width: 100%;
  15593. }
  15594. .mfp-gallery .mfp-image-holder .mfp-figure {
  15595. cursor: pointer;
  15596. }
  15597. @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  15598. /**
  15599. * Remove all paddings around the image on small screen
  15600. */
  15601. .mfp-img-mobile .mfp-image-holder {
  15602. padding-left: 0;
  15603. padding-right: 0;
  15604. }
  15605. .mfp-img-mobile img.mfp-img {
  15606. padding: 0;
  15607. }
  15608. .mfp-img-mobile .mfp-figure:after {
  15609. top: 0;
  15610. bottom: 0;
  15611. }
  15612. .mfp-img-mobile .mfp-figure small {
  15613. display: inline;
  15614. margin-left: 5px;
  15615. }
  15616. .mfp-img-mobile .mfp-bottom-bar {
  15617. background: rgba(0, 0, 0, 0.6);
  15618. bottom: 0;
  15619. margin: 0;
  15620. top: auto;
  15621. padding: 3px 5px;
  15622. position: fixed;
  15623. -webkit-box-sizing: border-box;
  15624. -moz-box-sizing: border-box;
  15625. box-sizing: border-box;
  15626. }
  15627. .mfp-img-mobile .mfp-bottom-bar:empty {
  15628. padding: 0;
  15629. }
  15630. .mfp-img-mobile .mfp-counter {
  15631. right: 5px;
  15632. top: 3px;
  15633. }
  15634. .mfp-img-mobile .mfp-close {
  15635. top: 0;
  15636. right: 0;
  15637. width: 35px;
  15638. height: 35px;
  15639. line-height: 35px;
  15640. background: rgba(0, 0, 0, 0.6);
  15641. position: fixed;
  15642. text-align: center;
  15643. padding: 0;
  15644. }
  15645. }
  15646. @media all and (max-width: 900px) {
  15647. .mfp-arrow {
  15648. -webkit-transform: scale(0.75);
  15649. transform: scale(0.75);
  15650. }
  15651. .mfp-arrow-left {
  15652. -webkit-transform-origin: 0;
  15653. transform-origin: 0;
  15654. }
  15655. .mfp-arrow-right {
  15656. -webkit-transform-origin: 100%;
  15657. transform-origin: 100%;
  15658. }
  15659. .mfp-container {
  15660. padding-left: 6px;
  15661. padding-right: 6px;
  15662. }
  15663. }
  15664. .mfp-ie7 .mfp-img {
  15665. padding: 0;
  15666. }
  15667. .mfp-ie7 .mfp-bottom-bar {
  15668. width: 600px;
  15669. left: 50%;
  15670. margin-left: -300px;
  15671. margin-top: 5px;
  15672. padding-bottom: 5px;
  15673. }
  15674. .mfp-ie7 .mfp-container {
  15675. padding: 0;
  15676. }
  15677. .mfp-ie7 .mfp-content {
  15678. padding-top: 44px;
  15679. }
  15680. .mfp-ie7 .mfp-close {
  15681. top: 0;
  15682. right: 0;
  15683. padding-top: 0;
  15684. }
  15685. /* Zoom */
  15686. .image-source-link {
  15687. color: #98C3D1;
  15688. }
  15689. .mfp-with-zoom .mfp-container,
  15690. .mfp-with-zoom.mfp-bg {
  15691. opacity: 0.001;
  15692. -webkit-backface-visibility: hidden;
  15693. /* ideally, transition speed should match zoom duration */
  15694. -webkit-transition: all 0.3s ease-out;
  15695. -moz-transition: all 0.3s ease-out;
  15696. -o-transition: all 0.3s ease-out;
  15697. transition: all 0.3s ease-out;
  15698. }
  15699. .mfp-with-zoom.mfp-ready .mfp-container {
  15700. opacity: 1;
  15701. }
  15702. .mfp-with-zoom.mfp-ready.mfp-bg {
  15703. opacity: 0.8;
  15704. }
  15705. .mfp-with-zoom.mfp-removing .mfp-container,
  15706. .mfp-with-zoom.mfp-removing.mfp-bg {
  15707. opacity: 0;
  15708. }
  15709. .mfp-bg {
  15710. z-index: 10000;
  15711. }
  15712. .mfp-wrap {
  15713. z-index: 10000;
  15714. }
  15715. /* ----------------------------------------------------------------------------
  15716. Login window
  15717. */
  15718. .td-header-sp-top-menu .top-header-menu {
  15719. display: inline-block;
  15720. }
  15721. .td-header-sp-top-menu .menu-top-container {
  15722. display: inline-block;
  15723. }
  15724. .td_ul_login {
  15725. display: inline-block;
  15726. }
  15727. .white-popup-block {
  15728. background: none repeat scroll 0 0 white;
  15729. margin: 0px auto;
  15730. max-width: 350px;
  15731. position: relative;
  15732. text-align: left;
  15733. vertical-align: top;
  15734. }
  15735. .td_sp_login_ico_style {
  15736. position: absolute;
  15737. top: 3px;
  15738. right: -9px;
  15739. /*left: 39px;*/
  15740. }
  15741. .td_sp_logout_ico_style {
  15742. position: relative;
  15743. top: 3px;
  15744. left: 17px;
  15745. }
  15746. /* wrapper */
  15747. .td-login-wrap {
  15748. padding: 14px 21px 17px 21px;
  15749. }
  15750. .td-login-wrap .td-login-input {
  15751. background-color: #FCFCFC !important;
  15752. height: 40px;
  15753. padding: 3px 14px 3px 14px;
  15754. border: 1px solid #ededed !important;
  15755. box-shadow: none !important;
  15756. outline: medium none;
  15757. color: #555555;
  15758. width: 308px;
  15759. margin-bottom: 21px;
  15760. font-size: 12px;
  15761. }
  15762. .td-login-wrap .td-login-input:invalid {
  15763. font-style: italic;
  15764. }
  15765. .td-login-wrap .td-login-input:invalid:focus {
  15766. color: #555555;
  15767. }
  15768. .td-login-wrap .td-login-button {
  15769. float: right;
  15770. margin: 0px;
  15771. }
  15772. .td-login-wrap .td-login-info-text {
  15773. display: inline-block;
  15774. margin-top: 23px;
  15775. font-size: 12px;
  15776. font-style: italic;
  15777. position: relative;
  15778. top: -14px;
  15779. }
  15780. .td-login-wrap .td-login-info-text a {
  15781. color: #3d3d3d;
  15782. }
  15783. .td-login-wrap .btn {
  15784. padding-top: 5px;
  15785. padding-bottom: 6px;
  15786. background-color: #4db2ec;
  15787. color: #ffffff;
  15788. border: 0;
  15789. text-shadow: none;
  15790. margin-top: 4px;
  15791. border-radius: 3px;
  15792. }
  15793. #login-form .mfp-close {
  15794. top: -2px;
  15795. }
  15796. /* login tabs */
  15797. .td-login-tabs {
  15798. margin: 0px;
  15799. list-style-type: none;
  15800. background-position: bottom;
  15801. background-color: #bababa;
  15802. }
  15803. .td-login-tabs li {
  15804. position: relative;
  15805. text-align: center;
  15806. display: inline-block;
  15807. line-height: 20px;
  15808. }
  15809. .td-login-tabs li a {
  15810. display: block;
  15811. font-size: 20px;
  15812. font-family: 'Roboto Condensed', sans-serif;
  15813. color: white;
  15814. cursor: pointer;
  15815. padding: 10px 21px 10px 21px;
  15816. position: relative;
  15817. }
  15818. .td-login-tabs li a:hover {
  15819. text-decoration: none !important;
  15820. }
  15821. #register-link.td_login_tab_focus:before {
  15822. position: absolute;
  15823. left: -91px;
  15824. top: -3px;
  15825. height: 43px;
  15826. display: block;
  15827. content: '';
  15828. box-sizing: border-box;
  15829. -moz-box-sizing: border-box;
  15830. -webkit-box-sizing: border-box;
  15831. background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFsAAAArCAMAAAAgygRqAAAAkFBMVEX///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA9Qh/bAAAAMHRSTlMAAAECAwUGBwQICw4JDQwKDxgREBMXEhUWFBokHR8cGyIgIRkjHiUnKSYrLC8oLjLSemXYAAABR0lEQVR4XrXUR3aDQBBFUQQNIgkBTRA5Kzntf3cuKI4kjgce2P/N6476t/L/7ThVBdoaxGZaAG0dZwsDZ5sWzNZ0F2jbKFvVDA9mi/0BZ1sOzDYtH2e7EmVr+jGE2Yad4Gwvgtj8BDOgnaJs03JOMNv1Y5wtA4jNz3uA2XaSQ2yeTgOyBU2nhtg8nRJnpxPKpulUINu0/LiD2DzLHmbLoAXYPEs5jDA7zAuIzZM/Q2yePMymyd8wtiC7vCg7QPyd/MFWX9K2CZ2mU11/tX/eC85c0jmD23PW0Yny9r61t8zTeNzzKeVSR8qe86jDnLPkyzANpuJNeVCrsyovBgt8Pl/6vpQypJIkiaIoy7I0TU9UTAVzeV12xfVdEeZKLdDKPJGFIIDvl9thyPOmaeq6LMtpqqqq6/q+b9t2HMeCOp9vl4/r/fPrG0FLHMIvAtI9AAAAAElFTkSuQmCC') no-repeat;
  15832. pointer-events: none;
  15833. }
  15834. .td_login_tab_focus {
  15835. background-color: white;
  15836. color: #4db2ec !important;
  15837. }
  15838. .td_login_tab_focus:after {
  15839. position: absolute;
  15840. right: -91px;
  15841. top: -3px;
  15842. width: 91px;
  15843. height: 43px;
  15844. display: block;
  15845. content: '';
  15846. box-sizing: border-box;
  15847. -moz-box-sizing: border-box;
  15848. -webkit-box-sizing: border-box;
  15849. background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFsAAAArCAMAAAAgygRqAAAAkFBMVEX///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA9Qh/bAAAAMHRSTlMAAAECAwUGBwQICwkODQwKDxgREBMXEhUWFBokHR8cGyIgIRkjHiUnKSYrLC8yLihWK/CyAAABTklEQVR4XrXVaW6DMBSFUYoNYUoC2IEwz5k67X93fbZRmqqVKlW93wLO/cMzlm0/maz/jwFtTjjKdoC2y3G27+Hs0GEwOwDaO5fZKHu74TA78nF27HswW4Q4O907DGVngQuz5Q5nF+ojBNk50D5GvoeyD3EIsxOBsyf1gYPsMgtgdkfHg7JbOh4Osmt9PBh7yXF2Q8eDsodD7Hsge6TDRNl9ImD2PAk6TIxdlSnMPtHRw2x19CD7SkePss812RxlmwcFkHVp6Hgczr5mP/R3+9aXMtr7G5Nrckyejpu+7/5qP1dLkqcijnRb1Y4KVHsqpHzqPn1f/TL505z1cqmGui0T1YE6UnmeF0UhpcyyLKWEEHGs1s2wWX3YXBfXvfuY9fp2u7yfr6dTRc3z3Pf9OI7D0DTNstR13bZd15XlNOntdVdKPfo5uQ7quXXM4x+ZsxzCpsfJUgAAAABJRU5ErkJggg==') no-repeat;
  15850. pointer-events: none;
  15851. }
  15852. /* the panel title */
  15853. .td-login-panel-title {
  15854. border-bottom-style: solid;
  15855. border-width: 2px;
  15856. border-color: #4db2ec;
  15857. color: #3d3d3d;
  15858. margin-bottom: 21px;
  15859. padding-bottom: 3px;
  15860. font-size: 12px;
  15861. }
  15862. /* error message */
  15863. .td_display_err {
  15864. background-color: #4db2ec;
  15865. font-style: italic;
  15866. color: white;
  15867. padding: 9px 10px;
  15868. display: none;
  15869. margin-bottom: 13px;
  15870. margin-top: 7px;
  15871. }
  15872. .td_display_msg_ok {
  15873. display: block;
  15874. font-size: 13px;
  15875. background-color: #4db2ec;
  15876. }
  15877. #td-forgot-pass-div {
  15878. margin-bottom: 42px;
  15879. }
  15880. .td_user_logd_in {
  15881. position: relative;
  15882. font-weight: bold;
  15883. cursor: default;
  15884. left: -10px;
  15885. display: none;
  15886. }
  15887. .td_user_logd_in:hover {
  15888. text-decoration: none !important;
  15889. }
  15890. .td_ul_logout {
  15891. margin-right: 20px;
  15892. margin-left: 40px;
  15893. }
  15894. .td_ul_logout .menu-item {
  15895. position: relative;
  15896. left: 0;
  15897. }
  15898. .td_ul_logout .menu-item a {
  15899. display: inline !important;
  15900. line-height: 29px !important;
  15901. margin-right: 21px;
  15902. }
  15903. .td_ul_logout .menu-item .td_user_logd_in {
  15904. margin-right: 11px;
  15905. }
  15906. .td_ul_logout .menu-item i {
  15907. font-size: 10px;
  15908. position: relative;
  15909. top: 0;
  15910. }
  15911. .td_ul_logout .menu-item img {
  15912. position: absolute;
  15913. top: 5px;
  15914. left: -40px;
  15915. display: inline-block;
  15916. margin-right: 19px;
  15917. }
  15918. /**
  15919. tagdiv animations
  15920. -
  15921. - mfp-with-anim - has to be on the wrapper
  15922. */
  15923. .mpf-td-login-effect {
  15924. /* start state */
  15925. /* animate in */
  15926. /* animate out */
  15927. }
  15928. .mpf-td-login-effect .mfp-with-anim {
  15929. opacity: 0;
  15930. -webkit-transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1);
  15931. -moz-transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1);
  15932. -o-transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1);
  15933. transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1);
  15934. /* custom */
  15935. transform: perspective( 600px ) scale(0.4);
  15936. -webkit-transform: perspective( 600px ) scale(0.4);
  15937. -moz-transform: perspective( 600px ) scale(0.4);
  15938. -ms-transform: perspective( 600px ) scale(0.4);
  15939. -o-transform: perspective( 600px ) scale(0.4);
  15940. }
  15941. .mpf-td-login-effect.mfp-bg {
  15942. opacity: 0;
  15943. transition: all 0.3s ease-out;
  15944. }
  15945. .mpf-td-login-effect.mfp-ready .mfp-with-anim {
  15946. opacity: 1;
  15947. transform: perspective( 600px ) scale(1);
  15948. -webkit-transform: perspective( 600px ) scale(1);
  15949. -moz-transform: perspective( 600px ) scale(1);
  15950. -ms-transform: perspective( 600px ) scale(1);
  15951. -o-transform: perspective( 600px ) scale(1);
  15952. }
  15953. .mpf-td-login-effect.mfp-ready.mfp-bg {
  15954. opacity: 0.8;
  15955. }
  15956. .mpf-td-login-effect.mfp-removing .mfp-with-anim {
  15957. transform: perspective( 600px ) scale(0.4);
  15958. -webkit-transform: perspective( 600px ) scale(0.4);
  15959. -moz-transform: perspective( 600px ) scale(0.4);
  15960. -ms-transform: perspective( 600px ) scale(0.4);
  15961. -o-transform: perspective( 600px ) scale(0.4);
  15962. opacity: 0;
  15963. }
  15964. .mpf-td-login-effect.mfp-removing.mfp-bg {
  15965. opacity: 0;
  15966. }
  15967. @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  15968. /* ----------------------------------------------------------------------------
  15969. main sprite file
  15970. */
  15971. .td-sp,
  15972. .iosSlider .prevButton,
  15973. .iosSlider .nextButton,
  15974. .sf-sub-indicator {
  15975. background-image: url('images/sprite/elements@2x.png');
  15976. background-size: 90px 2100px !important;
  15977. }
  15978. }
  15979. /* quotes */
  15980. .post .td_quote_right,
  15981. .page .td_quote_right {
  15982. float: right;
  15983. width: 50%;
  15984. padding-left: 20px;
  15985. margin-bottom: 21px;
  15986. margin-top: 21px;
  15987. }
  15988. .post .td_quote_left,
  15989. .page .td_quote_left {
  15990. float: left;
  15991. width: 50%;
  15992. padding-left: 0px;
  15993. margin-bottom: 18px;
  15994. margin-top: 18px;
  15995. }
  15996. .post .td_quote_left p,
  15997. .page .td_quote_left p {
  15998. text-align: left;
  15999. }
  16000. .post .td_quote_box,
  16001. .page .td_quote_box {
  16002. margin: 0px;
  16003. background-color: #FCFCFC;
  16004. border-left-style: solid;
  16005. border-width: 2px;
  16006. border-color: #4db2ec;
  16007. padding: 15px 23px 0 23px;
  16008. position: relative;
  16009. top: 6px;
  16010. }
  16011. .post .td_quote_box p,
  16012. .page .td_quote_box p {
  16013. font-family: 'Open Sans', arial, sans-serif;
  16014. color: #777777;
  16015. font-size: 13px;
  16016. line-height: 21px;
  16017. text-align: left;
  16018. padding-bottom: 16px;
  16019. margin: 0px;
  16020. text-transform: none;
  16021. }
  16022. .post .td_box_left,
  16023. .page .td_box_left {
  16024. width: 40%;
  16025. float: left;
  16026. margin: 0px 34px 20px 0px;
  16027. }
  16028. .post .td_box_right,
  16029. .page .td_box_right {
  16030. width: 30%;
  16031. float: right;
  16032. margin: 0px 0px 20px 34px;
  16033. }
  16034. .post .td_box_center,
  16035. .page .td_box_center {
  16036. margin: 0px 0px 29px 0px;
  16037. }
  16038. .post .td_pull_quote,
  16039. .page .td_pull_quote {
  16040. margin: 0px;
  16041. position: relative;
  16042. top: 0px;
  16043. }
  16044. .post .td_pull_quote p,
  16045. .page .td_pull_quote p {
  16046. font-family: 'Open Sans', arial, sans-serif;
  16047. font-size: 14px;
  16048. line-height: 26px;
  16049. font-weight: 600;
  16050. text-transform: none;
  16051. text-align: center;
  16052. margin: 0px;
  16053. }
  16054. .post .td_pull_quote p:before,
  16055. .page .td_pull_quote p:before {
  16056. position: absolute;
  16057. background: url('images/icons/pull-quote-left.png') no-repeat;
  16058. left: 0px;
  16059. display: block;
  16060. content: '';
  16061. width: 15px;
  16062. height: 15px;
  16063. box-sizing: border-box;
  16064. -moz-box-sizing: border-box;
  16065. -webkit-box-sizing: border-box;
  16066. }
  16067. .post .td_pull_quote p:after,
  16068. .page .td_pull_quote p:after {
  16069. position: absolute;
  16070. background: url('images/icons/pull-quote-right.png') no-repeat;
  16071. bottom: 10px;
  16072. right: 0px;
  16073. display: block;
  16074. content: '';
  16075. width: 15px;
  16076. height: 15px;
  16077. box-sizing: border-box;
  16078. -moz-box-sizing: border-box;
  16079. -webkit-box-sizing: border-box;
  16080. }
  16081. .post .td_pull_left,
  16082. .page .td_pull_left {
  16083. width: 40%;
  16084. float: left;
  16085. margin: 0px 34px 5px 0px;
  16086. padding: 17px 25px 18px 25px;
  16087. }
  16088. .post .td_pull_right,
  16089. .page .td_pull_right {
  16090. width: 30%;
  16091. float: right;
  16092. margin: 0px 0px 10px 34px;
  16093. padding: 17px 25px 18px 25px;
  16094. }
  16095. .post .td_pull_center,
  16096. .page .td_pull_center {
  16097. margin: 17px 0px;
  16098. padding: 15px 50px 15px 50px;
  16099. }
  16100. /* dropcaps */
  16101. .dropcap {
  16102. float: left;
  16103. display: block;
  16104. font-size: 31px;
  16105. line-height: 34px;
  16106. background-color: #4db2ec;
  16107. color: white;
  16108. text-align: center;
  16109. margin: 9px 13px 0 0;
  16110. padding: 3px 10px;
  16111. font-family: Verdana, Geneva, sans-serif;
  16112. }
  16113. .dropcap1 {
  16114. -webkit-border-radius: 100%;
  16115. -moz-border-radius: 100%;
  16116. border-radius: 100%;
  16117. }
  16118. .dropcap2 {
  16119. background-color: transparent !important;
  16120. color: #4B4B4B;
  16121. font-size: 38px;
  16122. margin: 3px 9px 0px 4px;
  16123. }
  16124. .dropcap3 {
  16125. background-color: transparent !important;
  16126. color: #4B4B4B;
  16127. font-size: 38px;
  16128. font-weight: bold;
  16129. margin: 3px 9px 0px 4px;
  16130. }
  16131. .post .row-fluid {
  16132. padding-bottom: 21px;
  16133. }
  16134. /**
  16135. * More stories box
  16136. */
  16137. .td-more-articles-box {
  16138. -webkit-transform: translate3d(0, 0, 0);
  16139. transform: translate3d(0, 0, 0);
  16140. position: fixed;
  16141. width: 341px;
  16142. bottom: 48px;
  16143. right: -384px;
  16144. background-color: #ffffff;
  16145. padding: 16px 20px 0px 20px;
  16146. border-style: solid;
  16147. border-color: #e6e6e6;
  16148. border-width: 1px 0px 1px 1px;
  16149. z-index: 9999;
  16150. visibility: hidden;
  16151. -webkit-transition: right 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  16152. -moz-transition: right 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  16153. -o-transition: right 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  16154. transition: right 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  16155. /* custom */
  16156. -webkit-transition-timing-function: cubic-bezier(0.265, 0.365, 0.26, 0.865);
  16157. -moz-transition-timing-function: cubic-bezier(0.265, 0.365, 0.26, 0.865);
  16158. -o-transition-timing-function: cubic-bezier(0.265, 0.365, 0.26, 0.865);
  16159. transition-timing-function: cubic-bezier(0.265, 0.365, 0.26, 0.865);
  16160. /* custom */
  16161. /* responsive portrait phone */
  16162. }
  16163. @media (max-width: 368px) {
  16164. .td-more-articles-box {
  16165. width: 100%;
  16166. padding: 16px 5px 0px 5px;
  16167. }
  16168. }
  16169. .td-more-articles-box-title {
  16170. font-family: 'Open Sans', arial, sans-serif;
  16171. color: #222222;
  16172. font-size: 17px;
  16173. font-weight: 600;
  16174. line-height: 30px;
  16175. display: inline-block;
  16176. text-align: center;
  16177. min-width: 300px;
  16178. margin-bottom: 18px;
  16179. }
  16180. .td-content-more-articles-box .td_module_1,
  16181. .td-content-more-articles-box .td_module_3 {
  16182. padding-bottom: 20px;
  16183. }
  16184. .td-content-more-articles-box .td_module_4 {
  16185. margin-bottom: 20px;
  16186. }
  16187. .td-content-more-articles-box .td_module_2 {
  16188. padding-bottom: 10px;
  16189. }
  16190. .td-close-more-articles-box {
  16191. display: inline-block;
  16192. cursor: pointer;
  16193. position: absolute;
  16194. left: 14px;
  16195. top: 17px;
  16196. line-height: 26px;
  16197. padding: 2px 11px;
  16198. font-size: 17px;
  16199. }
  16200. .td-front-end-display-block {
  16201. right: 0;
  16202. visibility: visible;
  16203. }
  16204. /* ----------------------------------------------------------------------------
  16205. less for gallery slider
  16206. */
  16207. .td-gallery-slide-top {
  16208. position: relative;
  16209. width: 100%;
  16210. background-color: #2d2d2d;
  16211. min-height: 44px;
  16212. vertical-align: top;
  16213. }
  16214. .td-gallery-title {
  16215. display: inline-block;
  16216. color: #ffffff;
  16217. font-family: 'Open Sans', arial, sans-serif;
  16218. font-style: italic;
  16219. font-size: 14px;
  16220. line-height: 17px;
  16221. font-weight: 600;
  16222. padding: 13px 20px 13px 20px;
  16223. position: relative;
  16224. }
  16225. @media (max-width: 767px) {
  16226. .td-gallery-title {
  16227. font-size: 12px;
  16228. padding: 13px 0px 13px 0px;
  16229. text-align: center;
  16230. width: 95%;
  16231. margin-left: auto;
  16232. margin-right: auto;
  16233. display: table;
  16234. }
  16235. }
  16236. /* controls wrapper */
  16237. .td-gallery-controls-wrapper {
  16238. display: inline-block;
  16239. height: 33px;
  16240. margin: auto !important;
  16241. position: absolute;
  16242. right: 0;
  16243. top: 0;
  16244. bottom: 0;
  16245. }
  16246. @media (max-width: 767px) {
  16247. .td-gallery-controls-wrapper {
  16248. display: none;
  16249. }
  16250. }
  16251. .td-gallery-slide-count {
  16252. display: inline-block;
  16253. width: 73px;
  16254. margin-right: 7px;
  16255. text-align: right;
  16256. color: #ffffff;
  16257. font-family: 'Open Sans', arial, sans-serif;
  16258. font-style: italic;
  16259. font-size: 12px;
  16260. line-height: 17px;
  16261. font-weight: 600;
  16262. position: relative;
  16263. top: -8px;
  16264. }
  16265. .td-gallery-slide-prev-next-but {
  16266. display: inline-block;
  16267. margin-right: 12px;
  16268. position: relative;
  16269. }
  16270. .td-gallery-slide-prev-next-but .td-icon-left,
  16271. .td-gallery-slide-prev-next-but .td-icon-right {
  16272. font-size: 30px;
  16273. color: #ffffff;
  16274. position: relative;
  16275. display: inline-block;
  16276. padding: 1px 8px;
  16277. -webkit-touch-callout: none;
  16278. -webkit-user-select: none;
  16279. -khtml-user-select: none;
  16280. -moz-user-select: none;
  16281. -ms-user-select: none;
  16282. user-select: none;
  16283. }
  16284. .td-doubleSlider-1 {
  16285. width: auto;
  16286. background-color: #222222;
  16287. }
  16288. .td-doubleSlider-1 .td-slider {
  16289. height: 100%;
  16290. position: relative;
  16291. margin-left: auto;
  16292. margin-right: auto;
  16293. }
  16294. .td-doubleSlider-1 .td-slider .item {
  16295. max-height: 580px;
  16296. left: 0;
  16297. height: auto;
  16298. margin: 0;
  16299. }
  16300. .td-doubleSlider-1 .td-slider .td-slide-galery-figure {
  16301. margin: 0;
  16302. text-align: center;
  16303. position: relative;
  16304. width: 980px;
  16305. height: 580px;
  16306. }
  16307. .td-doubleSlider-1 .td-slide-item img {
  16308. max-width: none !important;
  16309. }
  16310. @media (max-width: 767px) {
  16311. .td-doubleSlider-1 .td-slide-item {
  16312. width: 100%;
  16313. }
  16314. }
  16315. .td-doubleSlider-1 .td-slide-item .td-slide-galery-figure img {
  16316. overflow: auto;
  16317. margin: auto;
  16318. position: absolute;
  16319. left: -50%;
  16320. right: -50%;
  16321. top: -50%;
  16322. bottom: -50%;
  16323. }
  16324. .td-doubleSlider-1 .td-slide-item .td-slide-caption {
  16325. position: absolute;
  16326. bottom: 0;
  16327. left: 0;
  16328. text-align: left;
  16329. background-color: rgba(0, 0, 0, 0.6);
  16330. /* if caption or description text is present */
  16331. }
  16332. .td-doubleSlider-1 .td-slide-item .td-slide-caption span {
  16333. font-family: Verdana, Geneva, sans-serif;
  16334. font-style: normal;
  16335. line-height: 18px;
  16336. font-size: 11px;
  16337. color: #ffffff;
  16338. position: relative;
  16339. top: 0;
  16340. left: 0;
  16341. z-index: 1;
  16342. }
  16343. @media (min-width: 768px) and (max-width: 1023px) {
  16344. .td-doubleSlider-1 .td-slide-item .td-slide-caption span {
  16345. font-size: 10px;
  16346. }
  16347. }
  16348. .td-doubleSlider-1 .td-slide-item .td-slide-caption.td-gallery-slide-content {
  16349. width: 100%;
  16350. /* responsive portrait phone */
  16351. }
  16352. @media (max-width: 767px) {
  16353. .td-doubleSlider-1 .td-slide-item .td-slide-caption.td-gallery-slide-content {
  16354. display: inline-block;
  16355. }
  16356. }
  16357. .td-doubleSlider-1 .td-slide-item .td-slide-caption.td-gallery-slide-content span {
  16358. padding: 7px 6px 7px 17px;
  16359. display: inline-block;
  16360. }
  16361. @media screen and (-webkit-min-device-pixel-ratio: 0) {
  16362. .td-doubleSlider-1 .td-slide-item .td-slide-caption.td-gallery-slide-content span {
  16363. padding: 6px 6px 8px 17px;
  16364. }
  16365. }
  16366. @media (max-width: 767px) {
  16367. .td-doubleSlider-1 .td-slide-item .td-slide-caption.td-gallery-slide-content span {
  16368. font-size: 10px;
  16369. line-height: 12px;
  16370. padding: 5px 6px 7px 10px;
  16371. }
  16372. }
  16373. .td-doubleSlider-1 .td-slide-item .td-gallery-slide-copywrite {
  16374. position: absolute;
  16375. top: -20px;
  16376. right: 0px;
  16377. padding: 1px 6px 2px 6px;
  16378. text-align: left;
  16379. color: #ffffff;
  16380. font-family: Verdana, Geneva, sans-serif;
  16381. font-style: italic;
  16382. line-height: 17px;
  16383. font-size: 10px;
  16384. background-color: rgba(0, 0, 0, 0.8);
  16385. /* responsive portrait phone */
  16386. }
  16387. @media (max-width: 767px) {
  16388. .td-doubleSlider-1 .td-slide-item .td-gallery-slide-copywrite {
  16389. display: none;
  16390. }
  16391. }
  16392. .td-slide-on-2-columns .td-gallery-title {
  16393. width: 73%;
  16394. }
  16395. @media (min-width: 768px) and (max-width: 1023px) {
  16396. .td-slide-on-2-columns .td-gallery-title {
  16397. width: 64%;
  16398. font-size: 12px;
  16399. }
  16400. }
  16401. @media (max-width: 767px) {
  16402. .td-slide-on-2-columns .td-gallery-title {
  16403. width: 100%;
  16404. font-size: 11px;
  16405. }
  16406. }
  16407. .td-slide-on-2-columns .td-doubleSlider-1 {
  16408. height: 420px;
  16409. }
  16410. @media (min-width: 768px) and (max-width: 1023px) {
  16411. .td-slide-on-2-columns .td-doubleSlider-1 {
  16412. height: 308px !important;
  16413. }
  16414. }
  16415. @media (max-width: 767px) {
  16416. .td-slide-on-2-columns .td-doubleSlider-1 {
  16417. height: 178px !important;
  16418. }
  16419. }
  16420. .td-slide-on-2-columns .td-doubleSlider-1 .td-slide-galery-figure {
  16421. width: 640px !important;
  16422. height: 420px;
  16423. }
  16424. @media (min-width: 768px) and (max-width: 1023px) {
  16425. .td-slide-on-2-columns .td-doubleSlider-1 .td-slide-galery-figure {
  16426. width: 469px !important;
  16427. height: 308px;
  16428. }
  16429. .td-slide-on-2-columns .td-doubleSlider-1 .td-slide-galery-figure img {
  16430. width: auto;
  16431. height: 308px;
  16432. }
  16433. }
  16434. @media (max-width: 767px) {
  16435. .td-slide-on-2-columns .td-doubleSlider-1 .td-slide-galery-figure {
  16436. width: 100% !important;
  16437. height: 178px !important;
  16438. line-height: 12px;
  16439. }
  16440. .td-slide-on-2-columns .td-doubleSlider-1 .td-slide-galery-figure img {
  16441. width: auto;
  16442. height: 178px;
  16443. }
  16444. }
  16445. .td-slide-on-2-columns .td-button {
  16446. margin: 0px 5px 0px 5px;
  16447. }
  16448. .td-slide-on-3-columns .td-gallery-title {
  16449. width: 80%;
  16450. }
  16451. @media (min-width: 768px) and (max-width: 1023px) {
  16452. .td-slide-on-3-columns .td-gallery-title {
  16453. width: 76%;
  16454. font-size: 12px;
  16455. }
  16456. }
  16457. @media (max-width: 767px) {
  16458. .td-slide-on-3-columns .td-gallery-title {
  16459. width: 100%;
  16460. font-size: 11px;
  16461. }
  16462. }
  16463. .td-slide-on-3-columns .td-doubleSlider-1 {
  16464. height: 580px !important;
  16465. }
  16466. @media (min-width: 768px) and (max-width: 1023px) {
  16467. .td-slide-on-3-columns .td-doubleSlider-1 {
  16468. height: 427px !important;
  16469. }
  16470. }
  16471. @media (max-width: 767px) {
  16472. .td-slide-on-3-columns .td-doubleSlider-1 {
  16473. height: 178px !important;
  16474. }
  16475. }
  16476. @media (min-width: 768px) and (max-width: 1023px) {
  16477. .td-slide-on-3-columns .td-doubleSlider-1 .td-slide-galery-figure {
  16478. width: 721px !important;
  16479. height: 427px !important;
  16480. }
  16481. .td-slide-on-3-columns .td-doubleSlider-1 .td-slide-galery-figure img {
  16482. width: auto;
  16483. height: 427px;
  16484. }
  16485. }
  16486. @media (max-width: 767px) {
  16487. .td-slide-on-3-columns .td-doubleSlider-1 .td-slide-galery-figure {
  16488. max-width: 100% !important;
  16489. height: 178px !important;
  16490. line-height: 12px;
  16491. }
  16492. .td-slide-on-3-columns .td-doubleSlider-1 .td-slide-galery-figure img {
  16493. width: auto;
  16494. height: 178px;
  16495. }
  16496. }
  16497. .td-slide-on-3-columns .td-button {
  16498. margin: 0px 4.2px 0px 4.3px;
  16499. }
  16500. .td-doubleSlider-2 {
  16501. padding: 20px 0px 10px 0px;
  16502. height: 80px !important;
  16503. background-color: #222222;
  16504. width: 100%;
  16505. /* if there are not sufficient sliders to fill the td-doubleSlider-2, then move -how many sliders do we have- in the center of td-doubleSlider-2 */
  16506. }
  16507. @media (max-width: 767px) {
  16508. .td-doubleSlider-2 {
  16509. display: none;
  16510. }
  16511. }
  16512. .td-doubleSlider-2 .td-slider {
  16513. width: 100%;
  16514. height: 100%;
  16515. overflow-wrap: normal;
  16516. }
  16517. .td-doubleSlider-2 .td-button {
  16518. position: relative;
  16519. top: -10px;
  16520. display: inline-block;
  16521. width: 80px !important;
  16522. height: 60px;
  16523. }
  16524. .td-doubleSlider-2 .td-button .td-border {
  16525. border: 3px solid #ffffff;
  16526. opacity: 0.5;
  16527. height: 60px;
  16528. width: 80px;
  16529. }
  16530. .td-doubleSlider-2.td_center_slide2 {
  16531. text-align: center;
  16532. padding: 25px 0px 10px 0px;
  16533. }
  16534. .td-doubleSlider-2.td_center_slide2 .td-slider {
  16535. display: inline-block;
  16536. }
  16537. .td-doubleSlider-2.td_center_slide2 .td-button {
  16538. position: relative;
  16539. top: -15px;
  16540. margin: 0px 2px 0px 3px;
  16541. }
  16542. @media (min-width: 768px) and (max-width: 1023px) {
  16543. .td-doubleSlider-2.td_center_slide2 .td-button {
  16544. width: 56px !important;
  16545. }
  16546. .td-doubleSlider-2.td_center_slide2 .td-button .td-border {
  16547. width: 56px;
  16548. }
  16549. }
  16550. /* ----------------------------------------------------------------------------
  16551. less for gallery slider magnificPopup
  16552. */
  16553. .td-magnific-popup-slide-gallery {
  16554. margin: 0px auto;
  16555. max-width: 1000px;
  16556. max-height: 100%;
  16557. text-align: left;
  16558. vertical-align: top;
  16559. position: relative;
  16560. }
  16561. .td-magnific-popup-slide-gallery img {
  16562. display: block;
  16563. }
  16564. .td-magnific-popup-slide-gallery .td-magnific-popup-slide-gallery-caption {
  16565. position: absolute;
  16566. bottom: 0;
  16567. left: 0;
  16568. text-align: left;
  16569. background: #000000;
  16570. opacity: 0.6;
  16571. display: block;
  16572. width: 100%;
  16573. }
  16574. .td-magnific-popup-slide-gallery span {
  16575. display: block;
  16576. font-family: Verdana, Geneva, sans-serif;
  16577. font-style: normal;
  16578. line-height: 18px;
  16579. font-size: 11px;
  16580. color: #ffffff;
  16581. width: 100%;
  16582. text-align: left;
  16583. padding: 5px 7px 6px 7px;
  16584. }
  16585. .td-magnific-popup-slide-gallery .td-magnific-popup-slide-gallery-copywrite {
  16586. position: absolute;
  16587. top: -27px;
  16588. right: 3px;
  16589. padding: 5px 7px 6px 7px;
  16590. text-align: left;
  16591. color: #ffffff;
  16592. font-family: Verdana, Geneva, sans-serif;
  16593. font-style: italic;
  16594. line-height: 17px;
  16595. font-size: 10px;
  16596. }
  16597. .td-magnific-popup-slide-gallery .mfp-close {
  16598. color: #ffffff;
  16599. }
  16600. @media (min-width: 768px) and (max-width: 1023px) {
  16601. .mfp-title {
  16602. font-size: 10px;
  16603. }
  16604. }
  16605. .post_td_gallery {
  16606. margin-bottom: 16px;
  16607. }
  16608. /* ----------------------------------------------------------------------------
  16609. Smart list 1
  16610. */
  16611. .td_smart_list_1 {
  16612. position: relative;
  16613. overflow: hidden;
  16614. z-index: 1;
  16615. }
  16616. .td_smart_list_1 .td-item {
  16617. width: 100%;
  16618. margin: 0;
  16619. }
  16620. .td_smart_list_1 .td-item img {
  16621. height: auto;
  16622. }
  16623. .td_smart_list_1 .td-sml1-current-item-nr {
  16624. display: inline-block;
  16625. font-weight: bold;
  16626. font-size: 21px;
  16627. line-height: 24px;
  16628. color: #ffffff;
  16629. padding: 6px 4px 6px 4px;
  16630. background-color: #000000;
  16631. -webkit-border-radius: 3px;
  16632. -moz-border-radius: 3px;
  16633. border-radius: 3px;
  16634. width: 37px;
  16635. height: 37px;
  16636. text-align: center;
  16637. margin-right: 15px;
  16638. margin-bottom: 20px;
  16639. vertical-align: top;
  16640. }
  16641. @media (max-width: 767px) {
  16642. .td_smart_list_1 .td-sml1-current-item-nr {
  16643. margin-bottom: 10px;
  16644. margin-right: auto;
  16645. margin-left: auto;
  16646. display: table;
  16647. }
  16648. }
  16649. .td_smart_list_1 .td-sml1-current-item-title {
  16650. display: inline-block;
  16651. font-weight: bold;
  16652. font-style: italic;
  16653. font-size: 20px;
  16654. line-height: 28px;
  16655. color: #000000;
  16656. margin-bottom: 10px;
  16657. width: 490px;
  16658. margin-top: 8px;
  16659. position: relative;
  16660. top: -3px;
  16661. /* responsive portrait tablet */
  16662. }
  16663. @media (min-width: 768px) and (max-width: 1023px) {
  16664. .td_smart_list_1 .td-sml1-current-item-title {
  16665. font-size: 16px;
  16666. max-width: 320px;
  16667. }
  16668. }
  16669. @media (max-width: 767px) {
  16670. .td_smart_list_1 .td-sml1-current-item-title {
  16671. display: block;
  16672. width: 100%;
  16673. font-size: 16px;
  16674. text-align: center;
  16675. }
  16676. }
  16677. @media (max-width: 767px) {
  16678. .td_smart_list_1 .td-number-and-title {
  16679. margin-right: auto;
  16680. margin-left: auto;
  16681. display: table;
  16682. }
  16683. }
  16684. .td_smart_list_1 .td-number-and-title h2 {
  16685. display: inline-block;
  16686. margin: 0px;
  16687. }
  16688. .td_smart_list_1 .td-controls {
  16689. position: absolute;
  16690. right: 0px;
  16691. top: 0px;
  16692. width: 88px;
  16693. z-index: 9;
  16694. background-color: #ffffff;
  16695. }
  16696. .td_smart_list_1 .td-controls .td-icon-left,
  16697. .td_smart_list_1 .td-controls .td-icon-right {
  16698. border: 1px solid #e6e6e6;
  16699. display: inline-block;
  16700. width: 37px;
  16701. height: 37px;
  16702. text-align: center;
  16703. -webkit-border-radius: 3px;
  16704. -moz-border-radius: 3px;
  16705. border-radius: 3px;
  16706. font-size: 24px;
  16707. padding: 7px 13px 7px 13px;
  16708. background-color: #ffffff;
  16709. position: relative;
  16710. right: -3px;
  16711. line-height: 1;
  16712. }
  16713. .td_smart_list_1 .td-controls .td-icon-left {
  16714. margin-right: 10px;
  16715. }
  16716. .td_smart_list_1 .td-sml1-description p {
  16717. margin-top: 13px;
  16718. }
  16719. .td_smart_list_1 .td-sml1-caption {
  16720. text-align: right;
  16721. font-family: Verdana, Geneva, sans-serif;
  16722. font-style: italic;
  16723. font-size: 11px;
  16724. line-height: 17px;
  16725. color: #000000;
  16726. }
  16727. .td_smart_list_1.td-3-columns .td-sml1-current-item-title {
  16728. max-width: 100%;
  16729. width: 820px;
  16730. /* responsive portrait tablet */
  16731. /* responsive portrait phone */
  16732. }
  16733. @media (min-width: 768px) and (max-width: 1023px) {
  16734. .td_smart_list_1.td-3-columns .td-sml1-current-item-title {
  16735. max-width: 570px;
  16736. }
  16737. }
  16738. @media (max-width: 767px) {
  16739. .td_smart_list_1.td-3-columns .td-sml1-current-item-title {
  16740. max-width: 100%;
  16741. width: 100%;
  16742. }
  16743. }
  16744. .td-slide-smart-list-1 img {
  16745. width: 100%;
  16746. }
  16747. /* ----------------------------------------------------------------------------
  16748. Smart list 2
  16749. */
  16750. .td_smart_list_2 .td-sml2-current-item-nr {
  16751. display: inline-block;
  16752. font-weight: bold;
  16753. font-size: 21px;
  16754. line-height: 24px;
  16755. color: #ffffff;
  16756. padding: 6px 4px 6px 4px;
  16757. background-color: #000000;
  16758. -webkit-border-radius: 3px;
  16759. -moz-border-radius: 3px;
  16760. border-radius: 3px;
  16761. width: 37px;
  16762. height: 37px;
  16763. text-align: center;
  16764. margin-right: 15px;
  16765. margin-bottom: 10px;
  16766. vertical-align: top;
  16767. }
  16768. @media (max-width: 767px) {
  16769. .td_smart_list_2 .td-sml2-current-item-nr {
  16770. margin-bottom: 10px;
  16771. margin-right: auto;
  16772. margin-left: auto;
  16773. display: table;
  16774. }
  16775. }
  16776. .td_smart_list_2 .td-sml2-current-item-title {
  16777. display: inline-block;
  16778. font-weight: bold;
  16779. font-style: italic;
  16780. font-size: 20px;
  16781. line-height: 28px;
  16782. color: #000000;
  16783. width: 580px;
  16784. margin-bottom: 10px;
  16785. margin-top: 8px;
  16786. position: relative;
  16787. top: -3px;
  16788. /* responsive portrait tablet */
  16789. }
  16790. @media (min-width: 768px) and (max-width: 1023px) {
  16791. .td_smart_list_2 .td-sml2-current-item-title {
  16792. max-width: 415px;
  16793. margin-bottom: 0px;
  16794. }
  16795. }
  16796. @media (max-width: 767px) {
  16797. .td_smart_list_2 .td-sml2-current-item-title {
  16798. display: block;
  16799. width: 100%;
  16800. text-align: center;
  16801. margin-bottom: 0px;
  16802. }
  16803. }
  16804. @media (max-width: 767px) {
  16805. .td_smart_list_2 .td-number-and-title {
  16806. margin-right: auto;
  16807. margin-left: auto;
  16808. display: table;
  16809. }
  16810. }
  16811. .td_smart_list_2 .td-number-and-title h2 {
  16812. display: inline-block;
  16813. }
  16814. .td_smart_list_2 .td-sml2-caption {
  16815. text-align: right;
  16816. font-family: Verdana, Geneva, sans-serif;
  16817. font-style: italic;
  16818. font-size: 11px;
  16819. line-height: 17px;
  16820. color: #000000;
  16821. }
  16822. .td_smart_list_2 .td-sml2-description p {
  16823. font-size: 12px;
  16824. margin-top: 13px;
  16825. }
  16826. .td_smart_list_2.td-3-columns .td-sml2-current-item-title {
  16827. width: 920px;
  16828. /* responsive portrait tablet */
  16829. /* responsive portrait phone */
  16830. }
  16831. @media (min-width: 768px) and (max-width: 1023px) {
  16832. .td_smart_list_2.td-3-columns .td-sml2-current-item-title {
  16833. max-width: 650px;
  16834. }
  16835. }
  16836. @media (max-width: 767px) {
  16837. .td_smart_list_2.td-3-columns .td-sml2-current-item-title {
  16838. max-width: 100%;
  16839. width: 100%;
  16840. }
  16841. }
  16842. .td-slide-smart-list-2 {
  16843. display: block !important;
  16844. }
  16845. .td-slide-smart-list-2 img {
  16846. width: 100%;
  16847. }
  16848. /* ----------------------------------------------------------------------------
  16849. Smart list 3
  16850. */
  16851. .td_smart_list_3 {
  16852. position: relative;
  16853. overflow: hidden;
  16854. padding: 10px 0px 12px 0px;
  16855. margin-bottom: 40px;
  16856. z-index: 1;
  16857. }
  16858. @media (max-width: 767px) {
  16859. .td_smart_list_3 {
  16860. margin-bottom: 0px;
  16861. }
  16862. }
  16863. .td_smart_list_3 .td-item {
  16864. width: 100%;
  16865. margin: 0;
  16866. }
  16867. .td_smart_list_3 .td-item img {
  16868. max-width: 100%;
  16869. height: auto;
  16870. }
  16871. .td_smart_list_3 .td-sml3-current-item-nr {
  16872. display: inline-block;
  16873. font-weight: bold;
  16874. font-size: 21px;
  16875. line-height: 24px;
  16876. color: #ffffff;
  16877. padding: 6px 4px 6px 4px;
  16878. background-color: #000000;
  16879. -webkit-border-radius: 3px;
  16880. -moz-border-radius: 3px;
  16881. border-radius: 3px;
  16882. width: 37px;
  16883. height: 37px;
  16884. text-align: center;
  16885. margin-right: 15px;
  16886. margin-bottom: 10px;
  16887. vertical-align: top;
  16888. }
  16889. @media (max-width: 767px) {
  16890. .td_smart_list_3 .td-sml3-current-item-nr {
  16891. display: none;
  16892. }
  16893. }
  16894. .td_smart_list_3 .td-sml3-current-item-title {
  16895. display: inline-block;
  16896. font-weight: bold;
  16897. font-style: italic;
  16898. font-size: 20px;
  16899. line-height: 28px;
  16900. color: #000000;
  16901. width: 265px;
  16902. margin-bottom: 10px;
  16903. margin-top: 4px;
  16904. }
  16905. @media (max-width: 767px) {
  16906. .td_smart_list_3 .td-sml3-current-item-title {
  16907. display: block;
  16908. width: 100%;
  16909. }
  16910. }
  16911. .td_smart_list_3 .td-vertical-align-top {
  16912. vertical-align: top;
  16913. }
  16914. .td_smart_list_3 .td-number-and-title {
  16915. float: left;
  16916. /* responsive portrait phone */
  16917. }
  16918. @media (max-width: 767px) {
  16919. .td_smart_list_3 .td-number-and-title {
  16920. float: none;
  16921. text-align: center;
  16922. }
  16923. }
  16924. .td_smart_list_3 .td-number-and-title h2 {
  16925. display: inline-block;
  16926. margin: 0px;
  16927. }
  16928. .td_smart_list_3 .td-sml3-top-title {
  16929. text-align: center;
  16930. margin-top: 4px;
  16931. margin-bottom: 30px;
  16932. margin-right: 100px;
  16933. margin-left: 100px;
  16934. overflow: hidden;
  16935. height: 22px;
  16936. font-size: 11px;
  16937. font-style: italic;
  16938. /* responsive portrait tablet */
  16939. }
  16940. @media (min-width: 768px) and (max-width: 1023px) {
  16941. .td_smart_list_3 .td-sml3-top-title {
  16942. margin-bottom: 17px;
  16943. }
  16944. }
  16945. @media (max-width: 767px) {
  16946. .td_smart_list_3 .td-sml3-top-title {
  16947. display: none;
  16948. }
  16949. }
  16950. .td_smart_list_3 .td-sml3-link-to-image img {
  16951. margin-bottom: 6px;
  16952. }
  16953. .td_smart_list_3 .td-sml3-bottom-title {
  16954. text-align: center;
  16955. margin-top: 0px;
  16956. margin-bottom: 0px;
  16957. margin-right: 100px;
  16958. margin-left: 100px;
  16959. overflow: hidden;
  16960. height: 22px;
  16961. position: relative;
  16962. top: 0px;
  16963. font-size: 11px;
  16964. font-style: italic;
  16965. }
  16966. @media (max-width: 767px) {
  16967. .td_smart_list_3 .td-sml3-bottom-title {
  16968. display: none;
  16969. }
  16970. }
  16971. .td_smart_list_3 .td-icon-left,
  16972. .td_smart_list_3 .td-icon-right {
  16973. display: inline-block;
  16974. min-width: 67px;
  16975. height: 28px;
  16976. text-align: center;
  16977. -webkit-border-radius: 3px;
  16978. -moz-border-radius: 3px;
  16979. border-radius: 3px;
  16980. font-size: 16px;
  16981. padding: 7px 14px 7px 13px;
  16982. color: #ffffff;
  16983. background-color: #000000;
  16984. line-height: 23px;
  16985. }
  16986. .td_smart_list_3 .td-icon-left:hover,
  16987. .td_smart_list_3 .td-icon-right:hover {
  16988. background-color: #4db2ec;
  16989. }
  16990. .td_smart_list_3 .td-sml3-top-controls,
  16991. .td_smart_list_3 .td-sml3-bottom-controls {
  16992. display: inline-block;
  16993. padding: 8px 0px;
  16994. width: 100%;
  16995. z-index: 9;
  16996. border-top: 1px dashed #f1f1f1;
  16997. border-bottom: 1px dashed #f1f1f1;
  16998. }
  16999. @media (max-width: 767px) {
  17000. .td_smart_list_3 .td-sml3-top-controls,
  17001. .td_smart_list_3 .td-sml3-bottom-controls {
  17002. border: 0px;
  17003. }
  17004. }
  17005. .td_smart_list_3 .td-sml3-top-controls .td-icon-left,
  17006. .td_smart_list_3 .td-sml3-bottom-controls .td-icon-left {
  17007. position: relative;
  17008. left: 0;
  17009. padding: 2px 10px 2px 10px;
  17010. }
  17011. .td_smart_list_3 .td-sml3-top-controls .td-icon-left span,
  17012. .td_smart_list_3 .td-sml3-bottom-controls .td-icon-left span {
  17013. float: right;
  17014. position: relative;
  17015. margin: 8px 2px 8px 12px;
  17016. }
  17017. .td_smart_list_3 .td-sml3-top-controls .td-icon-right,
  17018. .td_smart_list_3 .td-sml3-bottom-controls .td-icon-right {
  17019. position: absolute;
  17020. right: 0px;
  17021. padding: 2px 10px 2px 10px;
  17022. }
  17023. .td_smart_list_3 .td-sml3-top-controls .td-icon-right span,
  17024. .td_smart_list_3 .td-sml3-bottom-controls .td-icon-right span {
  17025. float: left;
  17026. position: relative;
  17027. margin: 8px 12px 8px 2px;
  17028. }
  17029. .td_smart_list_3 .td-sml3-top-controls .td-sml3-control-text,
  17030. .td_smart_list_3 .td-sml3-bottom-controls .td-sml3-control-text {
  17031. position: relative;
  17032. font-family: 'Open Sans', arial, sans-serif;
  17033. font-style: normal;
  17034. text-transform: uppercase;
  17035. font-size: 11px;
  17036. font-weight: 600;
  17037. line-height: 8px;
  17038. }
  17039. .td_smart_list_3 .td-sml3-top-controls {
  17040. position: absolute;
  17041. top: 0px;
  17042. }
  17043. @media (max-width: 767px) {
  17044. .td_smart_list_3 .td-sml3-top-controls {
  17045. position: relative;
  17046. }
  17047. }
  17048. .td_smart_list_3 .td-sml3-bottom-controls {
  17049. position: absolute;
  17050. bottom: 0px;
  17051. }
  17052. @media (max-width: 767px) {
  17053. .td_smart_list_3 .td-sml3-bottom-controls {
  17054. position: relative;
  17055. }
  17056. }
  17057. .td_smart_list_3 .td-sml3-description {
  17058. min-height: 390px;
  17059. margin-bottom: 40px;
  17060. }
  17061. @media (max-width: 767px) {
  17062. .td_smart_list_3 .td-sml3-description {
  17063. display: table;
  17064. margin-bottom: 0px;
  17065. width: 100%;
  17066. }
  17067. }
  17068. .td_smart_list_3 .td-sml3-display-image {
  17069. position: relative;
  17070. top: 0;
  17071. width: 300px;
  17072. float: right;
  17073. margin: 0px 0px 20px 20px;
  17074. /* responsive portrait tablet */
  17075. }
  17076. @media (min-width: 768px) and (max-width: 1023px) {
  17077. .td_smart_list_3 .td-sml3-display-image {
  17078. margin: 0px 0px 17px 20px;
  17079. }
  17080. }
  17081. @media (max-width: 767px) {
  17082. .td_smart_list_3 .td-sml3-display-image {
  17083. margin-left: auto;
  17084. margin-right: auto;
  17085. float: none;
  17086. display: table;
  17087. }
  17088. }
  17089. .td_smart_list_3 .td-sml3-caption {
  17090. text-align: right;
  17091. font-family: Verdana, Geneva, sans-serif;
  17092. font-style: italic;
  17093. font-size: 11px;
  17094. line-height: 17px;
  17095. color: #000000;
  17096. }
  17097. .td_smart_list_3 .td-mobile-nr {
  17098. display: none;
  17099. }
  17100. @media (max-width: 767px) {
  17101. .td_smart_list_3 .td-mobile-nr {
  17102. display: inline-block;
  17103. padding: 6px 8px;
  17104. color: #fff;
  17105. background-color: #000;
  17106. font-size: 12px;
  17107. -webkit-border-radius: 3px;
  17108. -moz-border-radius: 3px;
  17109. border-radius: 3px;
  17110. line-height: 19px;
  17111. position: relative;
  17112. top: -3px;
  17113. width: 30px;
  17114. height: 30px;
  17115. text-align: center;
  17116. margin-right: 6px;
  17117. }
  17118. }
  17119. @media (min-width: 768px) and (max-width: 1023px) {
  17120. .td_smart_list_3.td-2-columns .td-sml3-description {
  17121. display: table;
  17122. width: 100%;
  17123. /* responsive portrait tablet */
  17124. }
  17125. .td_smart_list_3.td-2-columns .td-number-and-title h2 {
  17126. /* responsive portrait tablet */
  17127. }
  17128. .td_smart_list_3.td-2-columns .td-sml3-caption {
  17129. margin-top: 6px;
  17130. }
  17131. .td_smart_list_3.td-2-columns .td-sml3-display-image {
  17132. margin-left: 0px;
  17133. margin-top: 0px;
  17134. float: right;
  17135. width: 40%;
  17136. /* responsive portrait tablet */
  17137. }
  17138. .td_smart_list_3.td-2-columns .td-sml3-display-image img {
  17139. margin: 0 auto;
  17140. }
  17141. .td_smart_list_3.td-2-columns .td-sml3-top-title,
  17142. .td_smart_list_3.td-2-columns .td-sml3-bottom-title {
  17143. font-size: 9px;
  17144. }
  17145. .td_smart_list_3.td-2-columns .td-sml3-current-item-title {
  17146. font-size: 18px;
  17147. /* responsive portrait tablet */
  17148. }
  17149. }
  17150. @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) and (max-width: 1023px) {
  17151. .td_smart_list_3.td-2-columns .td-sml3-description {
  17152. margin-top: 27px;
  17153. }
  17154. }
  17155. @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) and (max-width: 1023px) {
  17156. .td_smart_list_3.td-2-columns .td-number-and-title h2 {
  17157. display: inherit;
  17158. }
  17159. }
  17160. @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) and (max-width: 1023px) {
  17161. .td_smart_list_3.td-2-columns .td-sml3-display-image {
  17162. margin-left: 10px;
  17163. }
  17164. }
  17165. @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) and (max-width: 1023px) {
  17166. .td_smart_list_3.td-2-columns .td-sml3-current-item-title {
  17167. width: 217px;
  17168. }
  17169. }
  17170. .td_smart_list_3.td-3-columns .td-sml3-current-item-title {
  17171. width: 607px;
  17172. }
  17173. @media (min-width: 768px) and (max-width: 1023px) {
  17174. .td_smart_list_3.td-3-columns .td-sml3-current-item-title {
  17175. width: 348px;
  17176. }
  17177. }
  17178. @media (max-width: 767px) {
  17179. .td_smart_list_3.td-3-columns .td-sml3-current-item-title {
  17180. width: 100%;
  17181. }
  17182. }
  17183. .td_smart_list_3.td-3-columns .td-sml3-bottom-title {
  17184. width: 780px;
  17185. /* responsive portrait tablet */
  17186. }
  17187. @media (min-width: 768px) and (max-width: 1023px) {
  17188. .td_smart_list_3.td-3-columns .td-sml3-bottom-title {
  17189. width: 521px;
  17190. }
  17191. }
  17192. /* ----------------------------------------------------------------------------
  17193. Smart list 4
  17194. */
  17195. .td_smart_list_4 .td-item {
  17196. vertical-align: top;
  17197. border-bottom: 1px dashed #f1f1f1;
  17198. min-height: 174px;
  17199. margin-bottom: 21px;
  17200. }
  17201. @media (max-width: 767px) {
  17202. .td_smart_list_4 .td-item {
  17203. display: table;
  17204. width: 100%;
  17205. }
  17206. }
  17207. @media (max-width: 767px) {
  17208. .td_smart_list_4 .td-item div {
  17209. display: table-header-group;
  17210. text-align: center;
  17211. }
  17212. }
  17213. .td_smart_list_4 .td-number-and-title h2 {
  17214. margin-bottom: 0px;
  17215. margin-top: 2px;
  17216. }
  17217. .td_smart_list_4 .td-sml4-nr {
  17218. display: inline-block;
  17219. font-weight: bold;
  17220. font-size: 16px;
  17221. line-height: 17px;
  17222. color: #ffffff;
  17223. padding: 6px 4px 6px 4px;
  17224. background-color: #000000;
  17225. -webkit-border-radius: 3px;
  17226. -moz-border-radius: 3px;
  17227. border-radius: 3px;
  17228. width: 30px;
  17229. height: 30px;
  17230. text-align: center;
  17231. margin-right: 15px;
  17232. vertical-align: top;
  17233. /* responsive portrait phone */
  17234. }
  17235. @media (max-width: 767px) {
  17236. .td_smart_list_4 .td-sml4-nr {
  17237. margin: 0px;
  17238. }
  17239. }
  17240. .td_smart_list_4 .td-sml4-current-item-nr {
  17241. display: inline-block;
  17242. font-size: 17px;
  17243. font-family: 'Open Sans', arial, sans-serif;
  17244. font-weight: 600;
  17245. line-height: 24px;
  17246. color: #000000;
  17247. text-align: left;
  17248. width: 420px;
  17249. margin-top: 3px;
  17250. vertical-align: top;
  17251. /* responsive portrait tablet */
  17252. /* responsive portrait phone */
  17253. }
  17254. @media (min-width: 768px) and (max-width: 1023px) {
  17255. .td_smart_list_4 .td-sml4-current-item-nr {
  17256. width: 253px;
  17257. }
  17258. }
  17259. @media (max-width: 767px) {
  17260. .td_smart_list_4 .td-sml4-current-item-nr {
  17261. width: 100%;
  17262. text-align: center;
  17263. margin: 10px 0px 10px 0px;
  17264. padding-left: 10px;
  17265. padding-right: 10px;
  17266. }
  17267. }
  17268. .td_smart_list_4 .td-sml4-image-and-caption {
  17269. float: right;
  17270. margin-left: 20px;
  17271. margin-bottom: 20px;
  17272. }
  17273. @media (max-width: 767px) {
  17274. .td_smart_list_4 .td-sml4-image-and-caption {
  17275. margin-left: 0px;
  17276. margin-top: 0px;
  17277. width: 100%;
  17278. margin-bottom: 0px;
  17279. }
  17280. .td_smart_list_4 .td-sml4-image-and-caption img {
  17281. margin: 0 auto;
  17282. }
  17283. .td_smart_list_4 .td-sml4-image-and-caption .td-sml4-caption {
  17284. float: right;
  17285. /* responsive portrait phone */
  17286. }
  17287. }
  17288. @media (max-width: 767px) and (max-width: 767px) {
  17289. .td_smart_list_4 .td-sml4-image-and-caption .td-sml4-caption {
  17290. float: none;
  17291. }
  17292. }
  17293. .td_smart_list_4 .td-sml4-caption {
  17294. text-align: right;
  17295. font-family: Verdana, Geneva, sans-serif;
  17296. font-style: italic;
  17297. font-size: 11px;
  17298. line-height: 17px;
  17299. color: #000000;
  17300. margin-top: 6px;
  17301. /* responsive portrait phone */
  17302. }
  17303. @media (max-width: 767px) {
  17304. .td_smart_list_4 .td-sml4-caption {
  17305. text-align: center;
  17306. margin-right: auto;
  17307. margin-left: auto;
  17308. display: table;
  17309. float: none;
  17310. }
  17311. }
  17312. .td_smart_list_4 .td-sml4-description p {
  17313. font-size: 12px;
  17314. margin-top: 13px;
  17315. margin-bottom: 14px;
  17316. }
  17317. @media (max-width: 767px) {
  17318. .td_smart_list_4.td-2-columns .td-sml4-current-item-nr {
  17319. width: 100%;
  17320. }
  17321. }
  17322. .td_smart_list_4.td-3-columns .td-sml4-current-item-nr {
  17323. width: 760px;
  17324. /* responsive portrait tablet */
  17325. }
  17326. @media (min-width: 768px) and (max-width: 1023px) {
  17327. .td_smart_list_4.td-3-columns .td-sml4-current-item-nr {
  17328. width: 500px;
  17329. }
  17330. }
  17331. @media (max-width: 767px) {
  17332. .td_smart_list_4.td-3-columns .td-sml4-current-item-nr {
  17333. width: 100%;
  17334. }
  17335. }
  17336. .td-slide-smart-list-figure {
  17337. display: inline-block;
  17338. }
  17339. .td-slide-smart-list-figure .td-sml4-link-to-image img {
  17340. /* responsive portrait phone */
  17341. }
  17342. @media (max-width: 767px) {
  17343. .td-slide-smart-list-figure .td-sml4-link-to-image img {
  17344. width: auto;
  17345. }
  17346. }
  17347. .td-slide-smart-list-figure figcaption {
  17348. margin-top: 6px;
  17349. }
  17350. .td-number-and-title h2 {
  17351. margin-top: 0px;
  17352. }
  17353. .td_smart_list_2 .td-item {
  17354. margin-bottom: 40px;
  17355. }
  17356. /* ----------------------------------------------------------------------------
  17357. WooCommerce
  17358. */
  17359. .woocommerce .entry-crumbs {
  17360. padding-top: 20px;
  17361. }
  17362. .woocommerce .button:active {
  17363. top: auto !important;
  17364. }
  17365. .woocommerce .woocommerce-message .button:active {
  17366. top: 11px !important;
  17367. }
  17368. .woocommerce .page-title {
  17369. font-size: 24px;
  17370. font-weight: 600;
  17371. line-height: 32px;
  17372. margin: 1px 0 20px;
  17373. }
  17374. .woocommerce .td-main-content .block-title {
  17375. margin: 20px 0px 20px 0px;
  17376. }
  17377. .woocommerce .product br {
  17378. display: none;
  17379. }
  17380. .woocommerce .product p {
  17381. margin: 0px;
  17382. }
  17383. .woocommerce .product img {
  17384. box-shadow: none !important;
  17385. }
  17386. .woocommerce .product .onsale {
  17387. background: none #4db2ec;
  17388. border-radius: 0;
  17389. box-shadow: none;
  17390. text-shadow: none;
  17391. margin: 0 !important;
  17392. padding: 4px;
  17393. line-height: 32px;
  17394. font-size: 12px;
  17395. }
  17396. .woocommerce .product:hover h3 {
  17397. color: #000000;
  17398. }
  17399. .woocommerce .tagged_as {
  17400. display: block;
  17401. }
  17402. .woocommerce .page-nav {
  17403. padding: 0px;
  17404. }
  17405. .woocommerce .order_details li:before {
  17406. content: '';
  17407. }
  17408. .woocommerce .order_details {
  17409. /* responsive portrait phone */
  17410. }
  17411. @media (max-width: 767px) {
  17412. .woocommerce .order_details {
  17413. padding-left: 0px;
  17414. }
  17415. }
  17416. .woocommerce .order_details li {
  17417. margin-top: 7px;
  17418. margin-bottom: 7px;
  17419. /* responsive portrait phone */
  17420. }
  17421. @media (max-width: 767px) {
  17422. .woocommerce .order_details li {
  17423. width: 100%;
  17424. display: block;
  17425. margin-left: 0px;
  17426. margin-right: 0px;
  17427. border-right: none;
  17428. }
  17429. }
  17430. .woocommerce .payment_methods li:before {
  17431. content: '';
  17432. }
  17433. .woocommerce .product a.button,
  17434. .woocommerce .product #respond input#submit,
  17435. .woocommerce .checkout input#place_order,
  17436. .woocommerce .woocommerce.widget .button {
  17437. border: none;
  17438. box-shadow: none;
  17439. color: #ffffff;
  17440. background: none #222222;
  17441. font-size: 11px;
  17442. padding: 10px;
  17443. text-shadow: none;
  17444. border-radius: 3px;
  17445. /* responsive portrait tablet */
  17446. /* responsive portrait phone */
  17447. }
  17448. .woocommerce .product a.button:hover,
  17449. .woocommerce .product #respond input#submit:hover,
  17450. .woocommerce .checkout input#place_order:hover,
  17451. .woocommerce .woocommerce.widget .button:hover {
  17452. background-color: #4db2ec;
  17453. }
  17454. @media (min-width: 768px) and (max-width: 1023px) {
  17455. .woocommerce .product a.button,
  17456. .woocommerce .product #respond input#submit,
  17457. .woocommerce .checkout input#place_order,
  17458. .woocommerce .woocommerce.widget .button {
  17459. font-size: 10px;
  17460. padding: 8px;
  17461. }
  17462. }
  17463. @media (max-width: 767px) {
  17464. .woocommerce .product a.button,
  17465. .woocommerce .product #respond input#submit,
  17466. .woocommerce .checkout input#place_order,
  17467. .woocommerce .woocommerce.widget .button {
  17468. margin-top: 5px;
  17469. }
  17470. }
  17471. .woocommerce .star-rating {
  17472. height: 14px;
  17473. }
  17474. .woocommerce fieldset {
  17475. border: 0px !important;
  17476. margin: 30px 0px 20px 0px !important;
  17477. padding: 0px !important;
  17478. }
  17479. .woocommerce fieldset legend {
  17480. font-weight: bold;
  17481. padding-left: 3px;
  17482. }
  17483. .woocommerce ul.products li.product a img {
  17484. margin: 0 0 8px;
  17485. }
  17486. .woocommerce ul.products li.product .price del {
  17487. display: inline-block;
  17488. }
  17489. .woocommerce ul.products li.product .button {
  17490. margin-top: 0;
  17491. }
  17492. .woocommerce .price del {
  17493. display: inline-block !important;
  17494. font-size: 0.75em !important;
  17495. }
  17496. .woocommerce ul.products li.product h3 {
  17497. font-size: 13px;
  17498. font-weight: 600;
  17499. line-height: 19px;
  17500. padding-top: 0px;
  17501. /* responsive portrait phone */
  17502. }
  17503. @media (max-width: 767px) {
  17504. .woocommerce ul.products li.product h3 {
  17505. font-size: 21px;
  17506. line-height: 28px;
  17507. padding-bottom: 4px;
  17508. }
  17509. }
  17510. .woocommerce ul.products li.product .price {
  17511. font-weight: 600;
  17512. color: #111111;
  17513. font-size: 14px;
  17514. /* responsive portrait phone */
  17515. }
  17516. @media (max-width: 767px) {
  17517. .woocommerce ul.products li.product .price {
  17518. font-size: 18px;
  17519. float: right;
  17520. display: inline-block;
  17521. margin-bottom: 0px;
  17522. margin-top: 9px;
  17523. }
  17524. }
  17525. .woocommerce .form-row .input-text {
  17526. font-size: 12px;
  17527. line-height: 21px;
  17528. color: #444444;
  17529. border: 1px solid #e6e6e6;
  17530. width: 100%;
  17531. max-width: 100%;
  17532. height: 34px !important;
  17533. padding: 3px 9px 3px 9px;
  17534. }
  17535. .woocommerce #tab-description ol li,
  17536. .woocommerce .entry-summary ol li {
  17537. list-style-type: decimal;
  17538. margin: 0 0 0 21px;
  17539. }
  17540. .woocommerce #tab-description ul li,
  17541. .woocommerce .entry-summary ul li {
  17542. margin: 0 0 0 21px;
  17543. }
  17544. .woocommerce-page ul .product {
  17545. float: left !important;
  17546. margin-right: 3.125% !important;
  17547. width: 31.25% !important;
  17548. /* responsive portrait phone */
  17549. }
  17550. .woocommerce-page ul .product.last {
  17551. margin-right: 0px !important;
  17552. }
  17553. .woocommerce-page ul .product:before {
  17554. content: '';
  17555. }
  17556. @media (max-width: 767px) {
  17557. .woocommerce-page ul .product {
  17558. margin: 0px 0px 20px 0px !important;
  17559. border-bottom: 1px dashed #f1f1f1;
  17560. padding-bottom: 20px !important;
  17561. width: 100% !important;
  17562. }
  17563. }
  17564. .woocommerce-page .product table td {
  17565. border: none !important;
  17566. }
  17567. .woocommerce-page .variations_button {
  17568. position: relative;
  17569. top: 10px;
  17570. }
  17571. .woocommerce-page .related ul li.product.last {
  17572. margin-right: 0px !important;
  17573. }
  17574. .woocommerce-page .related ul li.product.first {
  17575. clear: both;
  17576. }
  17577. .single-product .product {
  17578. margin-top: 8px;
  17579. }
  17580. .single-product .product .onsale {
  17581. line-height: 32px;
  17582. font-size: 12px;
  17583. left: 0px;
  17584. top: 0px;
  17585. }
  17586. .single-product .product ul.tabs li:before,
  17587. .single-product .product ul.tabs li:after {
  17588. display: none;
  17589. }
  17590. .single-product .product ul.tabs li {
  17591. box-shadow: none !important;
  17592. border: none !important;
  17593. background: none !important;
  17594. margin: 0px !important;
  17595. padding-left: 0px !important;
  17596. }
  17597. .single-product .product ul.tabs {
  17598. padding: 0px !important;
  17599. margin: 0px !important;
  17600. }
  17601. .single-product .product .panel h2,
  17602. .single-product .product .related h2 {
  17603. margin: 20px 0px 20px 0px;
  17604. background-color: #222222;
  17605. border-radius: 3px;
  17606. color: #ffffff;
  17607. display: inline-table;
  17608. font-size: 11px;
  17609. font-weight: bold;
  17610. line-height: 16px;
  17611. padding: 2px 15px;
  17612. }
  17613. .single-product .product_title {
  17614. font-size: 28px;
  17615. line-height: 36px;
  17616. margin-bottom: 0px;
  17617. }
  17618. .single-product .product .summary .price {
  17619. font-size: 24px;
  17620. color: #111111;
  17621. font-weight: 800;
  17622. margin: 20px 0px 18px 0px;
  17623. }
  17624. .single-product .product .summary .cart {
  17625. margin-top: 20px;
  17626. margin-bottom: 20px;
  17627. }
  17628. .single-product .product .summary .cart .button {
  17629. border: none;
  17630. box-shadow: none;
  17631. color: #ffffff;
  17632. background: none #222222;
  17633. font-size: 11px;
  17634. padding: 10px;
  17635. text-shadow: none;
  17636. border-radius: 3px;
  17637. }
  17638. .single-product .product .summary .cart .button:hover {
  17639. background-color: #4db2ec;
  17640. }
  17641. .single-product .product .summary .cart input.qty {
  17642. height: 31px;
  17643. }
  17644. .single-product .comment-form {
  17645. margin-top: 10px;
  17646. }
  17647. .single-product .images {
  17648. /* responsive portrait tablet */
  17649. }
  17650. @media (min-width: 768px) and (max-width: 1023px) {
  17651. .single-product .images {
  17652. width: 38% !important;
  17653. }
  17654. }
  17655. .single-product .images a {
  17656. margin-bottom: 3.8%;
  17657. }
  17658. .single-product .summary {
  17659. /* responsive portrait tablet */
  17660. }
  17661. @media (min-width: 768px) and (max-width: 1023px) {
  17662. .single-product .summary {
  17663. width: 58% !important;
  17664. }
  17665. }
  17666. .single-product .thumbnails {
  17667. /* responsive portrait tablet */
  17668. }
  17669. @media (min-width: 768px) and (max-width: 1023px) {
  17670. .single-product .thumbnails {
  17671. padding-top: 3.8% !important;
  17672. }
  17673. }
  17674. .woocommerce-page .related ul li.product {
  17675. float: left !important;
  17676. margin-right: 3.125% !important;
  17677. width: 31.25% !important;
  17678. clear: none;
  17679. /* responsive portrait phone */
  17680. }
  17681. .woocommerce-page .related ul li.product:last-child {
  17682. margin-right: 0px !important;
  17683. }
  17684. @media (max-width: 767px) {
  17685. .woocommerce-page .related ul li.product {
  17686. margin: 0px 0px 20px 0px !important;
  17687. border-bottom: 1px dashed #f1f1f1;
  17688. padding-bottom: 20px !important;
  17689. width: 100% !important;
  17690. }
  17691. }
  17692. .woocommerce-cart .woocommerce table {
  17693. border-collapse: collapse !important;
  17694. }
  17695. .woocommerce-cart .woocommerce .cart_totals table,
  17696. .woocommerce-cart .woocommerce .cart_totals th,
  17697. .woocommerce-cart .woocommerce .cart_totals td {
  17698. border: none !important;
  17699. }
  17700. .woocommerce-cart .woocommerce .cart_totals th {
  17701. width: 60% !important;
  17702. }
  17703. .woocommerce-cart .woocommerce .cart_totals tr {
  17704. border-bottom: 1px solid #e6e6e6;
  17705. }
  17706. .woocommerce-cart .woocommerce .product-name a {
  17707. color: #222222;
  17708. font-weight: bold;
  17709. }
  17710. .woocommerce-cart .woocommerce .cart_item td {
  17711. /* responsive portrait phone */
  17712. }
  17713. @media (max-width: 767px) {
  17714. .woocommerce-cart .woocommerce .cart_item td {
  17715. padding-left: 7px;
  17716. padding-right: 7px;
  17717. font-size: 11px;
  17718. }
  17719. }
  17720. .woocommerce-cart .woocommerce .product-remove {
  17721. width: 46px;
  17722. /* responsive portrait phone */
  17723. }
  17724. @media (max-width: 767px) {
  17725. .woocommerce-cart .woocommerce .product-remove {
  17726. display: none;
  17727. }
  17728. }
  17729. .woocommerce-cart .woocommerce .product-thumbnail {
  17730. width: 46px;
  17731. }
  17732. .woocommerce-cart .woocommerce .coupon {
  17733. /* responsive portrait tablet */
  17734. /* responsive portrait phone */
  17735. }
  17736. @media (min-width: 768px) and (max-width: 1023px) {
  17737. .woocommerce-cart .woocommerce .coupon {
  17738. float: left !important;
  17739. padding-bottom: 0 !important;
  17740. }
  17741. }
  17742. @media (max-width: 767px) {
  17743. .woocommerce-cart .woocommerce .coupon {
  17744. margin-bottom: 12px;
  17745. }
  17746. }
  17747. .woocommerce-cart .woocommerce .button {
  17748. /* responsive portrait tablet */
  17749. }
  17750. @media (min-width: 768px) and (max-width: 1023px) {
  17751. .woocommerce-cart .woocommerce .button {
  17752. width: auto !important;
  17753. }
  17754. }
  17755. .woocommerce-cart .woocommerce .actions {
  17756. padding: 10px 8px 0px 8px !important;
  17757. /* responsive portrait tablet */
  17758. }
  17759. @media (min-width: 768px) and (max-width: 1023px) {
  17760. .woocommerce-cart .woocommerce .actions {
  17761. text-align: right !important;
  17762. }
  17763. }
  17764. .woocommerce-cart .woocommerce .actions .button {
  17765. margin-bottom: 9px;
  17766. /* responsive portrait phone */
  17767. }
  17768. @media (max-width: 767px) {
  17769. .woocommerce-cart .woocommerce .actions .button {
  17770. width: 100% !important;
  17771. display: block;
  17772. }
  17773. }
  17774. .woocommerce-cart .woocommerce h2 {
  17775. font-size: 15px;
  17776. line-height: 21px;
  17777. font-weight: bold;
  17778. }
  17779. .woocommerce-cart .woocommerce table.cart .button,
  17780. .woocommerce-cart .woocommerce .shipping-calculator-form .button {
  17781. border: none;
  17782. box-shadow: none;
  17783. color: #ffffff;
  17784. background: none #222222;
  17785. font-size: 11px;
  17786. padding: 10px;
  17787. text-shadow: none;
  17788. border-radius: 3px;
  17789. display: inherit;
  17790. }
  17791. .woocommerce-cart .woocommerce table.cart .button:hover,
  17792. .woocommerce-cart .woocommerce .shipping-calculator-form .button:hover {
  17793. background-color: #4db2ec;
  17794. }
  17795. .woocommerce-cart .woocommerce .product-price,
  17796. .woocommerce-cart .woocommerce .product-subtotal {
  17797. text-align: right !important;
  17798. }
  17799. .woocommerce-cart .woocommerce .calculated_shipping td {
  17800. text-align: right;
  17801. }
  17802. .woocommerce-cart .woocommerce a.remove {
  17803. line-height: 18px !important;
  17804. }
  17805. .woocommerce-cart .woocommerce #coupon_code {
  17806. width: 100px !important;
  17807. height: 31px;
  17808. /* responsive portrait phone */
  17809. }
  17810. @media (max-width: 767px) {
  17811. .woocommerce-cart .woocommerce #coupon_code {
  17812. width: 100% !important;
  17813. margin-bottom: 7px;
  17814. }
  17815. }
  17816. .woocommerce table.shop_table td,
  17817. .woocommerce-page table.shop_table td {
  17818. padding: 9px 12px;
  17819. }
  17820. .woocommerce .woocommerce-message:before,
  17821. .woocommerce .woocommerce-error:before,
  17822. .woocommerce .woocommerce-info:before {
  17823. border-radius: 3px !important;
  17824. box-shadow: none !important;
  17825. display: block !important;
  17826. height: 31px !important;
  17827. left: 0 !important;
  17828. line-height: 31px !important;
  17829. margin: 0 !important;
  17830. padding: 0 !important;
  17831. position: absolute !important;
  17832. top: 11px !important;
  17833. width: 31px !important;
  17834. font-size: 21px !important;
  17835. text-shadow: none !important;
  17836. }
  17837. .woocommerce .woocommerce-message,
  17838. .woocommerce .woocommerce-error,
  17839. .woocommerce .woocommerce-info {
  17840. font-size: 12px;
  17841. line-height: 21px;
  17842. border-bottom: 1px solid #e6e6e6 !important;
  17843. border-top: 1px solid #e6e6e6 !important;
  17844. background: none !important;
  17845. box-shadow: none !important;
  17846. border-radius: 0px !important;
  17847. margin: 10px 0px 20px 0px !important;
  17848. padding: 16px 120px 16px 40px !important;
  17849. }
  17850. .woocommerce .woocommerce-message:before,
  17851. .woocommerce .woocommerce-error:before,
  17852. .woocommerce .woocommerce-info:before {
  17853. padding-top: 0px !important;
  17854. }
  17855. .woocommerce .woocommerce-message .button,
  17856. .woocommerce .woocommerce-error .button,
  17857. .woocommerce .woocommerce-info .button {
  17858. border: none !important;
  17859. box-shadow: none !important;
  17860. color: #ffffff !important;
  17861. background: none #222222 !important;
  17862. font-size: 11px !important;
  17863. padding: 10px !important;
  17864. text-shadow: none !important;
  17865. border-radius: 3px !important;
  17866. margin-left: 20px;
  17867. position: absolute;
  17868. right: 0;
  17869. top: 11px;
  17870. }
  17871. .woocommerce .woocommerce-message .button:hover,
  17872. .woocommerce .woocommerce-error .button:hover,
  17873. .woocommerce .woocommerce-info .button:hover {
  17874. background-color: #4db2ec !important;
  17875. }
  17876. .woocommerce table.shop_table,
  17877. .woocommerce-page table.shop_table {
  17878. border-collapse: collapse;
  17879. }
  17880. .woocommerce-checkout .woocommerce input.button,
  17881. .woocommerce-page .woocommerce a.button,
  17882. .woocommerce-account div.woocommerce .button {
  17883. border: none;
  17884. box-shadow: none;
  17885. color: #ffffff;
  17886. background: none #222222;
  17887. font-size: 11px;
  17888. padding: 10px;
  17889. text-shadow: none;
  17890. border-radius: 3px;
  17891. }
  17892. .woocommerce-checkout .woocommerce input.button:hover,
  17893. .woocommerce-page .woocommerce a.button:hover,
  17894. .woocommerce-account div.woocommerce .button:hover {
  17895. background-color: #4db2ec;
  17896. }
  17897. .woocommerce-product-search {
  17898. position: relative;
  17899. }
  17900. .woocommerce.widget img {
  17901. box-shadow: none !important;
  17902. width: 70px !important;
  17903. }
  17904. .woocommerce.widget li a {
  17905. line-height: 19px;
  17906. }
  17907. .woocommerce.widget.widget_shopping_cart li,
  17908. .woocommerce.widget.widget_products li,
  17909. .woocommerce.widget.widget_recently_viewed_products li,
  17910. .woocommerce.widget.widget_top_rated_products li,
  17911. .woocommerce.widget.widget_recent_reviews li {
  17912. margin-bottom: 11px;
  17913. }
  17914. .woocommerce.widget.widget_shopping_cart ins,
  17915. .woocommerce.widget.widget_products ins,
  17916. .woocommerce.widget.widget_recently_viewed_products ins,
  17917. .woocommerce.widget.widget_top_rated_products ins,
  17918. .woocommerce.widget.widget_recent_reviews ins {
  17919. background-color: transparent;
  17920. font-weight: bold;
  17921. }
  17922. .woocommerce.widget.widget_shopping_cart del,
  17923. .woocommerce.widget.widget_products del,
  17924. .woocommerce.widget.widget_recently_viewed_products del,
  17925. .woocommerce.widget.widget_top_rated_products del,
  17926. .woocommerce.widget.widget_recent_reviews del {
  17927. font-size: 10px;
  17928. }
  17929. .woocommerce.widget.widget_product_search .screen-reader-text {
  17930. display: none;
  17931. }
  17932. .woocommerce.widget.widget_product_search form div {
  17933. position: relative;
  17934. margin-top: 11px;
  17935. }
  17936. .woocommerce.widget.widget_product_search .block-title {
  17937. margin-bottom: 20px;
  17938. }
  17939. .woocommerce.widget.widget_product_search input[type="search"] {
  17940. height: 32px;
  17941. width: 95%;
  17942. font-family: Verdana, Geneva, sans-serif;
  17943. font-size: 12px;
  17944. line-height: 21px;
  17945. color: #444444;
  17946. border: 1px solid #e6e6e6;
  17947. padding: 3px 9px 3px 9px;
  17948. box-sizing: border-box;
  17949. }
  17950. .woocommerce.widget.widget_product_search input[type="submit"] {
  17951. position: absolute;
  17952. right: 0;
  17953. bottom: 0;
  17954. border-radius: 0 3px 3px 0;
  17955. }
  17956. .woocommerce.widget .star-rating {
  17957. top: 3px;
  17958. }
  17959. .woocommerce.widget .ui-slider .ui-slider-handle {
  17960. box-shadow: none;
  17961. border-radius: 0px;
  17962. border: 1px solid #ffffff;
  17963. background: none #4db2ec;
  17964. width: 15px;
  17965. height: 15px;
  17966. }
  17967. .woocommerce.widget .ui-slider-range {
  17968. background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important;
  17969. box-shadow: none !important;
  17970. }
  17971. .woocommerce.widget .ui-slider {
  17972. background: none repeat scroll 0 0 rgba(50, 50, 50, 0.8) !important;
  17973. border-radius: 0px !important;
  17974. margin-bottom: 20px !important;
  17975. margin-top: 10px;
  17976. }
  17977. .woocommerce.widget.widget_layered_nav_filters ul li a {
  17978. background: none repeat scroll 0 0 #4db2ec !important;
  17979. border-color: transparent !important;
  17980. }
  17981. .td-footer-container .widget_product_search input[type="submit"] {
  17982. background-color: #444444;
  17983. }
  17984. .td-footer-container .woocommerce.widget .ui-slider-range {
  17985. background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5) !important;
  17986. }
  17987. .td-footer-container .woocommerce.widget .ui-slider {
  17988. background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3) !important;
  17989. }
  17990. .woocommerce ul.products li.product,
  17991. .woocommerce-page ul.products li.product {
  17992. /* responsive portrait phone */
  17993. }
  17994. @media (width: 768px) {
  17995. .woocommerce ul.products li.product,
  17996. .woocommerce-page ul.products li.product {
  17997. clear: none;
  17998. }
  17999. }
  18000. .woocommerce ul.products li.product.first {
  18001. /* responsive portrait phone */
  18002. }
  18003. @media (width: 768px) {
  18004. .woocommerce ul.products li.product.first {
  18005. clear: left !important;
  18006. }
  18007. }
  18008. .woocommerce-page div.product div.summary {
  18009. /* responsive portrait phone */
  18010. }
  18011. @media (width: 768px) {
  18012. .woocommerce-page div.product div.summary {
  18013. float: right;
  18014. }
  18015. }
  18016. .woocommerce-page div.product div.images {
  18017. /* responsive portrait phone */
  18018. }
  18019. @media (width: 768px) {
  18020. .woocommerce-page div.product div.images {
  18021. float: left;
  18022. }
  18023. }
  18024. /* ----------------------------------------------------------------------------
  18025. bbPress plugin
  18026. */
  18027. .bbpress .td-page-title {
  18028. margin-top: 20px;
  18029. margin-bottom: 1px;
  18030. }
  18031. .bbpress .td-page-title a {
  18032. color: #222222;
  18033. }
  18034. #bbpress-forums {
  18035. position: relative;
  18036. padding-top: 35px;
  18037. }
  18038. #bbpress-forums .bbp-breadcrumb {
  18039. position: absolute;
  18040. top: 4px;
  18041. }
  18042. #bbpress-forums .bbp-breadcrumb p {
  18043. font-family: 'Open Sans', arial, sans-serif;
  18044. color: #c3c3c3;
  18045. line-height: 14px;
  18046. }
  18047. #bbpress-forums .bbp-breadcrumb a,
  18048. #bbpress-forums .bbp-breadcrumb .bbp-breadcrumb-current {
  18049. font-size: 10px;
  18050. color: #c3c3c3;
  18051. }
  18052. #bbpress-forums .bbp-breadcrumb a:hover,
  18053. #bbpress-forums .bbp-breadcrumb .bbp-breadcrumb-current:hover {
  18054. color: #777777;
  18055. }
  18056. #bbpress-forums .bbp-breadcrumb .bbp-breadcrumb-sep {
  18057. font-size: 10px;
  18058. margin: 0px 5px 0px 5px;
  18059. }
  18060. #bbpress-forums .bbp-search-form {
  18061. width: 100%;
  18062. background-color: #f3f3f3;
  18063. padding: 20px;
  18064. }
  18065. #bbpress-forums #bbp-search-form {
  18066. position: relative;
  18067. float: none;
  18068. }
  18069. #bbpress-forums #bbp-search-form #bbp_search {
  18070. width: 95%;
  18071. height: 32px;
  18072. }
  18073. #bbpress-forums #bbp-search-form .button {
  18074. position: absolute;
  18075. top: 0;
  18076. right: 0;
  18077. border-radius: 0px 3px 3px 0px;
  18078. }
  18079. #bbpress-forums ul.bbp-lead-topic,
  18080. #bbpress-forums ul.bbp-topics,
  18081. #bbpress-forums ul.bbp-forums,
  18082. #bbpress-forums ul.bbp-replies,
  18083. #bbpress-forums ul.bbp-search-results {
  18084. border: none;
  18085. margin-bottom: 0px;
  18086. }
  18087. #bbpress-forums ul.bbp-replies .bbp-reply-header,
  18088. #bbpress-forums ul.bbp-search-results .bbp-reply-header,
  18089. #bbpress-forums ul.bbp-replies .bbp-topic-header,
  18090. #bbpress-forums ul.bbp-search-results .bbp-topic-header {
  18091. /* responsive portrait phone */
  18092. }
  18093. @media (max-width: 767px) {
  18094. #bbpress-forums ul.bbp-replies .bbp-reply-header,
  18095. #bbpress-forums ul.bbp-search-results .bbp-reply-header,
  18096. #bbpress-forums ul.bbp-replies .bbp-topic-header,
  18097. #bbpress-forums ul.bbp-search-results .bbp-topic-header {
  18098. border-bottom: 1px dashed #e8e8e8;
  18099. }
  18100. }
  18101. #bbpress-forums li.bbp-header {
  18102. margin-top: 20px;
  18103. padding-left: 16px;
  18104. background: none #222222;
  18105. color: #ffffff;
  18106. }
  18107. #bbpress-forums li.bbp-header li.bbp-forum-freshness,
  18108. #bbpress-forums li.bbp-header li.bbp-topic-freshness {
  18109. padding-right: 10px;
  18110. }
  18111. #bbpress-forums li.bbp-footer {
  18112. background: none transparent;
  18113. }
  18114. #bbpress-forums .bbp-forum-freshness,
  18115. #bbpress-forums .bbp-forum-topic-count,
  18116. #bbpress-forums .bbp-forum-reply-count,
  18117. #bbpress-forums .bbp-topic-freshness,
  18118. #bbpress-forums .bbp-topic-voice-count,
  18119. #bbpress-forums .bbp-topic-reply-count {
  18120. text-align: right;
  18121. }
  18122. #bbpress-forums .bbp-forum-freshness,
  18123. #bbpress-forums .bbp-topic-freshness {
  18124. width: 33%;
  18125. padding-right: 50px;
  18126. padding-left: 10px;
  18127. /* responsive portrait phone */
  18128. }
  18129. @media (max-width: 767px) {
  18130. #bbpress-forums .bbp-forum-freshness,
  18131. #bbpress-forums .bbp-topic-freshness {
  18132. padding-right: 0px;
  18133. }
  18134. }
  18135. #bbpress-forums .bbp-forum-freshness a,
  18136. #bbpress-forums .bbp-topic-freshness a {
  18137. color: #222222;
  18138. font-family: 'Open Sans', arial, sans-serif;
  18139. font-size: 12px;
  18140. font-weight: 600;
  18141. }
  18142. #bbpress-forums .bbp-forum-freshness a:hover,
  18143. #bbpress-forums .bbp-topic-freshness a:hover {
  18144. color: #4db2ec;
  18145. }
  18146. #bbpress-forums div.odd,
  18147. #bbpress-forums ul.odd {
  18148. background-color: transparent;
  18149. }
  18150. #bbpress-forums li.bbp-body {
  18151. margin-top: 20px;
  18152. }
  18153. #bbpress-forums li.bbp-body ul.forum,
  18154. #bbpress-forums li.bbp-body ul.topic {
  18155. padding-top: 10px;
  18156. padding-right: 0px;
  18157. }
  18158. #bbpress-forums li.bbp-body .bbp-forum-freshness,
  18159. #bbpress-forums li.bbp-body .bbp-forum-topic-count,
  18160. #bbpress-forums li.bbp-body .bbp-forum-reply-count,
  18161. #bbpress-forums li.bbp-body .bbp-topic-freshness,
  18162. #bbpress-forums li.bbp-body .bbp-topic-voice-count,
  18163. #bbpress-forums li.bbp-body .bbp-topic-reply-count {
  18164. font-size: 11px;
  18165. }
  18166. #bbpress-forums li.bbp-body .bbp-forum-freshness > a,
  18167. #bbpress-forums li.bbp-body .bbp-topic-freshness > a {
  18168. font-size: 10px;
  18169. color: #c3c3c3;
  18170. font-weight: normal;
  18171. line-height: 12px;
  18172. display: inline-block;
  18173. }
  18174. #bbpress-forums li.bbp-body .bbp-forum-freshness {
  18175. margin-bottom: 7px;
  18176. }
  18177. #bbpress-forums li.bbp-forum-info,
  18178. #bbpress-forums li.bbp-topic-title {
  18179. position: relative;
  18180. width: 49%;
  18181. }
  18182. #bbpress-forums .bbp-forum-content {
  18183. font-style: italic;
  18184. color: #c3c3c3;
  18185. line-height: 17px;
  18186. }
  18187. #bbpress-forums li.bbp-forum-topic-count,
  18188. #bbpress-forums li.bbp-forum-reply-count,
  18189. #bbpress-forums li.bbp-topic-voice-count,
  18190. #bbpress-forums li.bbp-topic-reply-count {
  18191. width: 9%;
  18192. }
  18193. #bbpress-forums .bbp-body .bbp-forum-freshness,
  18194. #bbpress-forums .bbp-body .bbp-topic-freshness {
  18195. position: relative;
  18196. }
  18197. #bbpress-forums .bbp-body .bbp-forum-freshness img,
  18198. #bbpress-forums .bbp-body .bbp-topic-freshness img {
  18199. position: absolute;
  18200. right: 0;
  18201. top: 3px;
  18202. margin: 0px;
  18203. /* responsive portrait phone */
  18204. }
  18205. @media (max-width: 767px) {
  18206. #bbpress-forums .bbp-body .bbp-forum-freshness img,
  18207. #bbpress-forums .bbp-body .bbp-topic-freshness img {
  18208. display: none;
  18209. }
  18210. }
  18211. #bbpress-forums .bbp-body .bbp-forum-freshness p,
  18212. #bbpress-forums .bbp-body .bbp-topic-freshness p {
  18213. margin: 0px;
  18214. line-height: 17px;
  18215. }
  18216. #bbpress-forums p.bbp-topic-meta img.avatar,
  18217. #bbpress-forums ul.bbp-reply-revision-log img.avatar,
  18218. #bbpress-forums ul.bbp-topic-revision-log img.avatar,
  18219. #bbpress-forums div.bbp-template-notice img.avatar,
  18220. #bbpress-forums .widget_display_topics img.avatar,
  18221. #bbpress-forums .widget_display_replies img.avatar {
  18222. border: none;
  18223. width: 40px;
  18224. }
  18225. #bbpress-forums .bbp-forums-list li {
  18226. color: #ffffff;
  18227. display: block;
  18228. }
  18229. #bbpress-forums .bbp-forums-list li a {
  18230. color: #444444;
  18231. }
  18232. #bbpress-forums .bbp-forums-list li a:hover {
  18233. color: #4db2ec;
  18234. }
  18235. #bbpress-forums .bbp-forum-title,
  18236. #bbpress-forums .bbp-topic-permalink {
  18237. font-family: 'Open Sans', arial, sans-serif;
  18238. font-size: 14px;
  18239. font-weight: 700;
  18240. color: #111111;
  18241. }
  18242. #bbpress-forums .bbp-forum-title:hover,
  18243. #bbpress-forums .bbp-topic-permalink:hover {
  18244. color: #4db2ec;
  18245. }
  18246. #bbpress-forums .bbp-topic-started-by,
  18247. #bbpress-forums .bbp-topic-started-in {
  18248. color: #c3c3c3;
  18249. font-size: 10px;
  18250. }
  18251. #bbpress-forums .bbp-topic-started-by a,
  18252. #bbpress-forums .bbp-topic-started-in a {
  18253. color: #666666;
  18254. }
  18255. #bbpress-forums .bbp-topic-started-by a:hover,
  18256. #bbpress-forums .bbp-topic-started-in a:hover {
  18257. color: #4db2ec;
  18258. }
  18259. #bbpress-forums .bbp-topic-started-by img,
  18260. #bbpress-forums .bbp-topic-started-in img {
  18261. position: absolute;
  18262. top: 2px;
  18263. left: 0px;
  18264. margin: 0px;
  18265. }
  18266. #bbpress-forums .bbp-topics li.bbp-header {
  18267. margin-top: 0px;
  18268. }
  18269. #bbpress-forums p.bbp-topic-meta span {
  18270. white-space: initial;
  18271. }
  18272. #bbpress-forums li.bbp-body ul.topic {
  18273. padding-left: 0px;
  18274. padding-bottom: 19px;
  18275. padding-top: 14px;
  18276. }
  18277. #bbpress-forums li.bbp-body li.bbp-topic-title {
  18278. line-height: 15px;
  18279. position: relative;
  18280. top: 1px;
  18281. }
  18282. #bbpress-forums li.bbp-body li.bbp-topic-title .bbp-topic-meta {
  18283. margin: 0px 0px 0px 50px;
  18284. display: inline-block;
  18285. line-height: 15px;
  18286. }
  18287. #bbpress-forums li.bbp-body li.bbp-topic-title .bbp-topic-permalink {
  18288. margin: 0px 0px 4px 50px;
  18289. display: block;
  18290. line-height: 20px;
  18291. }
  18292. #bbpress-forums .bbp-body .super-sticky,
  18293. #bbpress-forums .bbp-body .sticky {
  18294. background-color: #fcfcfc !important;
  18295. }
  18296. #bbpress-forums .bbp-body .super-sticky li.bbp-topic-title,
  18297. #bbpress-forums .bbp-body .sticky li.bbp-topic-title {
  18298. top: 1px;
  18299. }
  18300. #bbpress-forums .bbp-body .super-sticky .bbp-topic-started-by img,
  18301. #bbpress-forums .bbp-body .sticky .bbp-topic-started-by img {
  18302. top: 2px;
  18303. }
  18304. #bbpress-forums .bbp-body .super-sticky li.bbp-topic-title .bbp-topic-permalink,
  18305. #bbpress-forums .bbp-body .sticky li.bbp-topic-title .bbp-topic-permalink {
  18306. margin-bottom: 3px;
  18307. color: #4db2ec;
  18308. }
  18309. #bbpress-forums li.bbp-topic-freshness {
  18310. width: 27%;
  18311. }
  18312. #bbpress-forums li.bbp-topic-title {
  18313. width: 55%;
  18314. }
  18315. #bbpress-forums div.bbp-template-notice,
  18316. #bbpress-forums div.indicator-hint {
  18317. border-radius: 0px;
  18318. }
  18319. #bbpress-forums div.bbp-template-notice p {
  18320. margin: 9px 0px 9px 9px !important;
  18321. position: relative;
  18322. font-size: 11px;
  18323. line-height: 20px;
  18324. }
  18325. #bbpress-forums div.bbp-template-notice img {
  18326. width: 20px !important;
  18327. display: inline;
  18328. vertical-align: middle;
  18329. margin-bottom: 0px !important;
  18330. margin-left: 5px;
  18331. margin-right: 5px;
  18332. }
  18333. #bbpress-forums .wp-editor-area {
  18334. border: 1px solid #e6e6e6;
  18335. }
  18336. #bbpress-forums button {
  18337. border: none;
  18338. box-shadow: none;
  18339. color: #ffffff;
  18340. background: none #222222;
  18341. font-size: 11px;
  18342. padding: 10px;
  18343. text-shadow: none;
  18344. border-radius: 3px;
  18345. line-height: 1;
  18346. margin-bottom: 10px;
  18347. }
  18348. #bbpress-forums button:hover {
  18349. background-color: #4db2ec;
  18350. }
  18351. #bbpress-forums .bbp-replies .bbp-header {
  18352. margin-top: 0px;
  18353. }
  18354. #bbpress-forums .bbp-body .hentry {
  18355. padding: 0px;
  18356. }
  18357. #bbpress-forums ul.bbp-replies .bbp-body .hentry,
  18358. #bbpress-forums ul.bbp-search-results .bbp-body .hentry {
  18359. margin-bottom: 40px;
  18360. /* responsive portrait phone */
  18361. }
  18362. @media (max-width: 767px) {
  18363. #bbpress-forums ul.bbp-replies .bbp-body .hentry,
  18364. #bbpress-forums ul.bbp-search-results .bbp-body .hentry {
  18365. margin: 0;
  18366. }
  18367. }
  18368. #bbpress-forums .bbp-reply-post-date,
  18369. #bbpress-forums .bbp-topic-post-date {
  18370. font-size: 11px;
  18371. }
  18372. #bbpress-forums div.bbp-forum-header,
  18373. #bbpress-forums div.bbp-topic-header,
  18374. #bbpress-forums div.bbp-reply-header {
  18375. padding: 4px 8px 5px 8px;
  18376. background-color: #fcfcfc;
  18377. border-bottom: 1px solid #e6e6e6;
  18378. border-top: 1px solid #e6e6e6;
  18379. /* responsive portrait phone */
  18380. }
  18381. @media (max-width: 767px) {
  18382. #bbpress-forums div.bbp-forum-header,
  18383. #bbpress-forums div.bbp-topic-header,
  18384. #bbpress-forums div.bbp-reply-header {
  18385. padding: 4px 0 5px 0;
  18386. }
  18387. }
  18388. #bbpress-forums div.bbp-forum-author,
  18389. #bbpress-forums div.bbp-topic-author,
  18390. #bbpress-forums div.bbp-reply-author,
  18391. #bbpress-forums div.bbp-search-author {
  18392. width: 80px !important;
  18393. }
  18394. #bbpress-forums div.bbp-forum-author a.bbp-author-name,
  18395. #bbpress-forums div.bbp-topic-author a.bbp-author-name,
  18396. #bbpress-forums div.bbp-reply-author a.bbp-author-name,
  18397. #bbpress-forums div.bbp-search-author a.bbp-author-name {
  18398. font-family: 'Open Sans', arial, sans-serif;
  18399. font-weight: 600;
  18400. line-height: 16px;
  18401. margin: 0px;
  18402. width: 80px;
  18403. word-wrap: break-word;
  18404. }
  18405. #bbpress-forums div.bbp-forum-author br,
  18406. #bbpress-forums div.bbp-topic-author br,
  18407. #bbpress-forums div.bbp-reply-author br,
  18408. #bbpress-forums div.bbp-search-author br {
  18409. display: none;
  18410. }
  18411. #bbpress-forums div.bbp-forum-author img,
  18412. #bbpress-forums div.bbp-topic-author img,
  18413. #bbpress-forums div.bbp-reply-author img,
  18414. #bbpress-forums div.bbp-search-author img {
  18415. display: inline-block;
  18416. margin-bottom: 2px;
  18417. }
  18418. #bbpress-forums div.bbp-forum-author .bbp-author-role,
  18419. #bbpress-forums div.bbp-topic-author .bbp-author-role,
  18420. #bbpress-forums div.bbp-reply-author .bbp-author-role,
  18421. #bbpress-forums div.bbp-search-author .bbp-author-role {
  18422. color: #c3c3c3;
  18423. font-size: 10px;
  18424. font-style: normal;
  18425. line-height: 20px;
  18426. }
  18427. #bbpress-forums li.bbp-header .bbp-search-author,
  18428. #bbpress-forums li.bbp-header .bbp-forum-author,
  18429. #bbpress-forums li.bbp-header .bbp-topic-author,
  18430. #bbpress-forums li.bbp-header .bbp-reply-author {
  18431. text-align: left;
  18432. }
  18433. #bbpress-forums li.bbp-header div.bbp-forum-content,
  18434. #bbpress-forums li.bbp-header div.bbp-topic-content,
  18435. #bbpress-forums li.bbp-header div.bbp-reply-content {
  18436. margin-left: 85px;
  18437. }
  18438. #bbpress-forums li.bbp-footer div {
  18439. display: none;
  18440. }
  18441. #bbpress-forums .bbp-forum-header a.bbp-forum-permalink,
  18442. #bbpress-forums .bbp-topic-header a.bbp-topic-permalink,
  18443. #bbpress-forums .bbp-reply-header a.bbp-reply-permalink {
  18444. font-size: 10px;
  18445. color: #555555;
  18446. position: relative;
  18447. top: 1px;
  18448. margin-left: 20px;
  18449. }
  18450. #bbpress-forums .bbp-forum-header a.bbp-forum-permalink:hover,
  18451. #bbpress-forums .bbp-topic-header a.bbp-topic-permalink:hover,
  18452. #bbpress-forums .bbp-reply-header a.bbp-reply-permalink:hover {
  18453. color: #000000;
  18454. }
  18455. #bbpress-forums .bbp-body div.bbp-forum-content,
  18456. #bbpress-forums .bbp-body div.bbp-topic-content,
  18457. #bbpress-forums .bbp-body div.bbp-reply-content {
  18458. margin-left: 100px !important;
  18459. }
  18460. #bbpress-forums .bbp-forums .bbp-body div.bbp-forum-content {
  18461. margin-left: 0px !important;
  18462. }
  18463. #bbpress-forums fieldset.bbp-form {
  18464. margin-bottom: 0px;
  18465. }
  18466. #bbpress-forums .bbp-reply-form {
  18467. margin-top: 20px;
  18468. }
  18469. #bbpress-forums div.bbp-forum-title,
  18470. #bbpress-forums div.bbp-topic-title,
  18471. #bbpress-forums div.bbp-reply-title {
  18472. clear: both;
  18473. }
  18474. #bbpress-forums div.bbp-forum-title h3,
  18475. #bbpress-forums div.bbp-topic-title h3,
  18476. #bbpress-forums div.bbp-reply-title h3 {
  18477. font-size: 12px;
  18478. color: #c3c3c3;
  18479. margin: 3px 0px 3px 0px;
  18480. }
  18481. #bbpress-forums div.bbp-forum-title h3 a,
  18482. #bbpress-forums div.bbp-topic-title h3 a,
  18483. #bbpress-forums div.bbp-reply-title h3 a {
  18484. font-size: 12px;
  18485. font-weight: 600;
  18486. margin-left: 10px;
  18487. }
  18488. #bbpress-forums div.bbp-forum-title .bbp-topic-title-meta,
  18489. #bbpress-forums div.bbp-topic-title .bbp-topic-title-meta,
  18490. #bbpress-forums div.bbp-reply-title .bbp-topic-title-meta {
  18491. font-family: 'Open Sans', arial, sans-serif;
  18492. font-size: 12px;
  18493. color: #c3c3c3;
  18494. }
  18495. #bbpress-forums div.bbp-forum-title .bbp-topic-title-meta a,
  18496. #bbpress-forums div.bbp-topic-title .bbp-topic-title-meta a,
  18497. #bbpress-forums div.bbp-reply-title .bbp-topic-title-meta a {
  18498. font-size: 12px;
  18499. font-weight: 600;
  18500. margin-left: 10px;
  18501. }
  18502. #bbpress-forums .bbp-topic-header .bbp-meta .bbp-topic-permalink {
  18503. font-family: Verdana, Geneva, sans-serif;
  18504. font-weight: normal;
  18505. }
  18506. #bbpress-forums #subscription-toggle {
  18507. color: #575757;
  18508. font-weight: normal;
  18509. margin-right: 8px;
  18510. }
  18511. #bbpress-forums #subscription-toggle a,
  18512. #bbpress-forums #favorite-toggle a {
  18513. color: #ffffff;
  18514. }
  18515. #bbpress-forums #subscription-toggle a:hover,
  18516. #bbpress-forums #favorite-toggle a:hover {
  18517. color: #4db2ec;
  18518. }
  18519. #bbpress-forums .bbp-pagination .current {
  18520. background-color: #4db2ec;
  18521. border-color: #4db2ec;
  18522. color: #ffffff;
  18523. }
  18524. #bbpress-forums .bbp-pagination a,
  18525. #bbpress-forums .bbp-pagination span {
  18526. border: 1px solid #e6e6e6;
  18527. border-radius: 3px;
  18528. color: #444444;
  18529. display: inline-block;
  18530. float: left;
  18531. line-height: 21px;
  18532. margin-left: 5px;
  18533. min-width: 28px;
  18534. padding: 2px 5px 3px;
  18535. text-align: center;
  18536. }
  18537. #bbpress-forums .bbp-pagination a:hover {
  18538. background-color: #444444;
  18539. border-color: #444444;
  18540. color: #ffffff;
  18541. }
  18542. #bbpress-forums .bbp-pagination .bbp-pagination-links a:hover,
  18543. #bbpress-forums .bbp-pagination .bbp-pagination-links span.current {
  18544. opacity: 1;
  18545. }
  18546. #bbpress-forums .bbp-topic-tags p {
  18547. font-size: 10px;
  18548. color: #c3c3c3;
  18549. }
  18550. #bbpress-forums li.bbp-header li.bbp-forum-info,
  18551. #bbpress-forums li.bbp-body li.bbp-forum-info,
  18552. #bbpress-forums li.bbp-header li.bbp-topic-title,
  18553. #bbpress-forums li.bbp-body li.bbp-topic-title {
  18554. /* responsive portrait phone */
  18555. }
  18556. @media (max-width: 510px) {
  18557. #bbpress-forums li.bbp-header li.bbp-forum-info,
  18558. #bbpress-forums li.bbp-body li.bbp-forum-info,
  18559. #bbpress-forums li.bbp-header li.bbp-topic-title,
  18560. #bbpress-forums li.bbp-body li.bbp-topic-title {
  18561. width: 100%;
  18562. }
  18563. }
  18564. #bbpress-forums li.bbp-header li.bbp-forum-topic-count,
  18565. #bbpress-forums li.bbp-header li.bbp-forum-reply-count,
  18566. #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
  18567. #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
  18568. #bbpress-forums li.bbp-header li.bbp-topic-voice-count,
  18569. #bbpress-forums li.bbp-header li.bbp-topic-reply-count,
  18570. #bbpress-forums li.bbp-body li.bbp-topic-voice-count,
  18571. #bbpress-forums li.bbp-body li.bbp-topic-reply-count {
  18572. /* responsive portrait phone */
  18573. }
  18574. @media (max-width: 510px) {
  18575. #bbpress-forums li.bbp-header li.bbp-forum-topic-count,
  18576. #bbpress-forums li.bbp-header li.bbp-forum-reply-count,
  18577. #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
  18578. #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
  18579. #bbpress-forums li.bbp-header li.bbp-topic-voice-count,
  18580. #bbpress-forums li.bbp-header li.bbp-topic-reply-count,
  18581. #bbpress-forums li.bbp-body li.bbp-topic-voice-count,
  18582. #bbpress-forums li.bbp-body li.bbp-topic-reply-count {
  18583. width: 20%;
  18584. }
  18585. }
  18586. #bbpress-forums li.bbp-header li.bbp-forum-freshness,
  18587. #bbpress-forums li.bbp-body li.bbp-forum-freshness,
  18588. #bbpress-forums li.bbp-header li.bbp-topic-freshness,
  18589. #bbpress-forums li.bbp-body li.bbp-topic-freshness {
  18590. /* responsive portrait phone */
  18591. }
  18592. @media (max-width: 510px) {
  18593. #bbpress-forums li.bbp-header li.bbp-forum-freshness,
  18594. #bbpress-forums li.bbp-body li.bbp-forum-freshness,
  18595. #bbpress-forums li.bbp-header li.bbp-topic-freshness,
  18596. #bbpress-forums li.bbp-body li.bbp-topic-freshness {
  18597. width: 58%;
  18598. }
  18599. }
  18600. #bbpress-forums li.bbp-header,
  18601. #bbpress-forums li.bbp-footer {
  18602. /* responsive portrait phone */
  18603. }
  18604. @media (max-width: 510px) {
  18605. #bbpress-forums li.bbp-header,
  18606. #bbpress-forums li.bbp-footer {
  18607. font-size: 10px;
  18608. }
  18609. }
  18610. #bbpress-forums li.bbp-header li.bbp-forum-info,
  18611. #bbpress-forums li.bbp-header li.bbp-topic-title {
  18612. /* responsive portrait phone */
  18613. }
  18614. @media (max-width: 510px) {
  18615. #bbpress-forums li.bbp-header li.bbp-forum-info,
  18616. #bbpress-forums li.bbp-header li.bbp-topic-title {
  18617. text-align: center;
  18618. text-transform: uppercase;
  18619. font-size: 15px;
  18620. font-weight: 700;
  18621. }
  18622. }
  18623. div.bbp-search-form input,
  18624. div.bbp-search-form button {
  18625. /* responsive portrait phone */
  18626. }
  18627. @media (max-width: 510px) {
  18628. div.bbp-search-form input,
  18629. div.bbp-search-form button {
  18630. padding: 8px 15px;
  18631. }
  18632. }
  18633. #bbpress-forums .bbp-forum-title,
  18634. #bbpress-forums .bbp-topic-permalink {
  18635. /* responsive portrait phone */
  18636. }
  18637. @media (max-width: 510px) {
  18638. #bbpress-forums .bbp-forum-title,
  18639. #bbpress-forums .bbp-topic-permalink {
  18640. font-size: 17px;
  18641. line-height: 16px;
  18642. }
  18643. }
  18644. #bbpress-forums .bbp-body ul {
  18645. /* responsive portrait phone */
  18646. }
  18647. @media (max-width: 510px) {
  18648. #bbpress-forums .bbp-body ul {
  18649. padding-bottom: 5px !important;
  18650. }
  18651. }
  18652. #bbpress-forums .bbp-body div.bbp-reply-author {
  18653. /* responsive portrait phone */
  18654. }
  18655. @media (max-width: 510px) {
  18656. #bbpress-forums .bbp-body div.bbp-reply-author {
  18657. margin: 0;
  18658. min-height: inherit;
  18659. }
  18660. }
  18661. #bbpress-forums .bbp-topic-tags p {
  18662. /* responsive portrait phone */
  18663. }
  18664. @media (max-width: 510px) {
  18665. #bbpress-forums .bbp-topic-tags p {
  18666. margin-top: 10px;
  18667. margin-bottom: 20px !important;
  18668. }
  18669. }
  18670. #bbpress-forums div.bbp-reply-author img.avatar,
  18671. #bbpress-forums div.bbp-topic-author img.avatar {
  18672. /* responsive portrait phone */
  18673. }
  18674. @media (max-width: 767px) {
  18675. #bbpress-forums div.bbp-reply-author img.avatar,
  18676. #bbpress-forums div.bbp-topic-author img.avatar {
  18677. width: 20px;
  18678. margin: 0 10px 0 0 !important;
  18679. vertical-align: top;
  18680. position: relative;
  18681. top: 0;
  18682. }
  18683. }
  18684. #bbpress-forums .reply .bbp-reply-author,
  18685. #bbpress-forums .topic .bbp-topic-author,
  18686. #bbpress-forums .topic .bbp-reply-author {
  18687. /* responsive portrait phone */
  18688. }
  18689. @media (max-width: 767px) {
  18690. #bbpress-forums .reply .bbp-reply-author,
  18691. #bbpress-forums .topic .bbp-topic-author,
  18692. #bbpress-forums .topic .bbp-reply-author {
  18693. width: 100% !important;
  18694. text-align: left;
  18695. color: #c3c3c3;
  18696. font-size: 10px;
  18697. padding: 6px 0 2px 0 !important;
  18698. margin-bottom: 6px !important;
  18699. background-color: #fcfcfc;
  18700. border-bottom: 1px solid #e6e6e6;
  18701. }
  18702. }
  18703. @media (max-width: 767px) {
  18704. #bbpress-forums .reply .bbp-reply-author .bbp-author-name,
  18705. #bbpress-forums .topic .bbp-topic-author .bbp-author-name,
  18706. #bbpress-forums .topic .bbp-reply-author .bbp-author-name {
  18707. font-size: 12px;
  18708. }
  18709. }
  18710. #bbpress-forums .reply .bbp-reply-author .bbp-author-name,
  18711. #bbpress-forums .topic .bbp-topic-author .bbp-author-name,
  18712. #bbpress-forums .topic .bbp-reply-author .bbp-author-name,
  18713. #bbpress-forums .reply .bbp-reply-author .bbp-author-role,
  18714. #bbpress-forums .topic .bbp-topic-author .bbp-author-role,
  18715. #bbpress-forums .topic .bbp-reply-author .bbp-author-role,
  18716. #bbpress-forums .reply .bbp-reply-author .bbp-reply-ip,
  18717. #bbpress-forums .topic .bbp-topic-author .bbp-reply-ip,
  18718. #bbpress-forums .topic .bbp-reply-author .bbp-reply-ip {
  18719. /* responsive portrait phone */
  18720. }
  18721. @media (max-width: 767px) {
  18722. #bbpress-forums .reply .bbp-reply-author .bbp-author-name,
  18723. #bbpress-forums .topic .bbp-topic-author .bbp-author-name,
  18724. #bbpress-forums .topic .bbp-reply-author .bbp-author-name,
  18725. #bbpress-forums .reply .bbp-reply-author .bbp-author-role,
  18726. #bbpress-forums .topic .bbp-topic-author .bbp-author-role,
  18727. #bbpress-forums .topic .bbp-reply-author .bbp-author-role,
  18728. #bbpress-forums .reply .bbp-reply-author .bbp-reply-ip,
  18729. #bbpress-forums .topic .bbp-topic-author .bbp-reply-ip,
  18730. #bbpress-forums .topic .bbp-reply-author .bbp-reply-ip {
  18731. display: inline-block;
  18732. margin-right: 10px;
  18733. text-align: left;
  18734. width: auto;
  18735. }
  18736. }
  18737. #bbpress-forums .bbp-body .reply .bbp-reply-content,
  18738. #bbpress-forums .bbp-body .topic .bbp-reply-content,
  18739. #bbpress-forums .bbp-body .topic .bbp-topic-content {
  18740. /* responsive portrait phone */
  18741. }
  18742. @media (max-width: 767px) {
  18743. #bbpress-forums .bbp-body .reply .bbp-reply-content,
  18744. #bbpress-forums .bbp-body .topic .bbp-reply-content,
  18745. #bbpress-forums .bbp-body .topic .bbp-topic-content {
  18746. margin: 0 !important;
  18747. padding: 0 8px 12px 30px;
  18748. }
  18749. }
  18750. #bbpress-forums .bbp-body .reply .bbp-reply-content p,
  18751. #bbpress-forums .bbp-body .topic .bbp-reply-content p,
  18752. #bbpress-forums .bbp-body .topic .bbp-topic-content p {
  18753. /* responsive portrait phone */
  18754. }
  18755. @media (max-width: 767px) {
  18756. #bbpress-forums .bbp-body .reply .bbp-reply-content p,
  18757. #bbpress-forums .bbp-body .topic .bbp-reply-content p,
  18758. #bbpress-forums .bbp-body .topic .bbp-topic-content p {
  18759. margin-bottom: 21px;
  18760. }
  18761. }
  18762. /* widgets
  18763.  
  18764.  
  18765.  
  18766. */
  18767. .widget_display_search {
  18768. margin-bottom: 20px;
  18769. }
  18770. .widget_display_search form {
  18771. position: relative;
  18772. margin-top: 21px;
  18773. }
  18774. .widget_display_search .block-title {
  18775. margin-bottom: 0px;
  18776. }
  18777. .widget_display_search label {
  18778. display: none;
  18779. }
  18780. .widget_display_search #bbp_search {
  18781. height: 32px;
  18782. width: 95%;
  18783. }
  18784. .widget_display_search #bbp_search_submit {
  18785. position: absolute;
  18786. top: 0;
  18787. right: 0;
  18788. border-radius: 0 3px 3px 0;
  18789. }
  18790. .bbp_widget_login {
  18791. margin-bottom: 20px;
  18792. }
  18793. .bbp_widget_login .block-title {
  18794. margin-bottom: 0;
  18795. display: block;
  18796. }
  18797. .bbp_widget_login fieldset {
  18798. border: none;
  18799. margin: 0;
  18800. padding: 0;
  18801. }
  18802. .bbp_widget_login fieldset #user_pass {
  18803. border: 1px solid #e6e6e6;
  18804. color: #444444;
  18805. font-size: 12px;
  18806. height: 34px;
  18807. line-height: 21px;
  18808. max-width: 100%;
  18809. padding: 3px 9px;
  18810. width: 100%;
  18811. }
  18812. .bbp_widget_login fieldset #user_pass:focus {
  18813. border-color: #cccccc;
  18814. }
  18815. .bbp_widget_login .button {
  18816. border: none;
  18817. box-shadow: none;
  18818. color: #ffffff;
  18819. background: none #222222;
  18820. font-size: 11px;
  18821. padding: 8px 14px;
  18822. text-shadow: none;
  18823. border-radius: 3px;
  18824. line-height: 1;
  18825. margin-bottom: 10px;
  18826. }
  18827. .bbp_widget_login .button:hover {
  18828. background-color: #4db2ec;
  18829. color: #ffffff;
  18830. }
  18831. .bbp_widget_login h4 {
  18832. margin: 6px 10px 0 0;
  18833. font-size: 14px;
  18834. display: inline-block;
  18835. }
  18836. .bbp_widget_login .bbp-logged-in {
  18837. margin-top: 20px;
  18838. display: inline-block;
  18839. }
  18840. .widget_display_replies,
  18841. .widget_display_topics {
  18842. margin-bottom: 20px;
  18843. display: inline-block;
  18844. }
  18845. .widget_display_replies .block-title,
  18846. .widget_display_topics .block-title {
  18847. margin-bottom: 0;
  18848. display: block;
  18849. }
  18850. .widget_display_replies li,
  18851. .widget_display_topics li {
  18852. line-height: 20px;
  18853. margin-bottom: 10px;
  18854. padding-bottom: 10px;
  18855. border-bottom: 1px dashed #e6e6e6;
  18856. }
  18857. .widget_display_replies ul,
  18858. .widget_display_topics ul {
  18859. margin-top: 20px;
  18860. }
  18861. .widget_display_replies .bbp-author-name,
  18862. .widget_display_topics .bbp-author-name {
  18863. font-family: 'Open Sans', arial, sans-serif;
  18864. font-size: 12px;
  18865. font-weight: 600;
  18866. color: #4db2ec;
  18867. left: -2px;
  18868. position: relative;
  18869. }
  18870. .widget_display_replies div,
  18871. .widget_display_topics div {
  18872. display: block;
  18873. font-size: 11px;
  18874. color: #c3c3c3;
  18875. }
  18876. .widget_display_replies .bbp-reply-topic-title,
  18877. .widget_display_topics .bbp-reply-topic-title {
  18878. left: 3px;
  18879. position: relative;
  18880. }
  18881. .widget_display_replies img,
  18882. .widget_display_topics img {
  18883. float: left;
  18884. width: 40px;
  18885. margin-right: 10px;
  18886. margin-bottom: 10px;
  18887. }
  18888. .widget_display_stats .block-title {
  18889. margin-bottom: 0;
  18890. }
  18891. .widget_display_stats dl {
  18892. margin-top: 20px;
  18893. }
  18894. .widget_display_stats dd {
  18895. display: inline-block;
  18896. margin: 0 0 10px 0;
  18897. text-align: right;
  18898. width: 30%;
  18899. padding-bottom: 10px;
  18900. border-bottom: 1px dashed #e6e6e6;
  18901. }
  18902. .widget_display_stats dt {
  18903. display: inline-block;
  18904. float: left;
  18905. width: 70%;
  18906. margin-bottom: 10px;
  18907. padding-bottom: 10px;
  18908. border-bottom: 1px dashed #e6e6e6;
  18909. }
  18910. .td-footer-container .button {
  18911. background-color: #000000;
  18912. }
  18913. .td-footer-container .widget_display_stats dt,
  18914. .td-footer-container .widget_display_stats dd,
  18915. .td-footer-container .widget_display_replies li,
  18916. .td-footer-container .widget_display_topics li {
  18917. border-bottom: 1px dashed rgba(255, 255, 255, 0.15);
  18918. }
  18919. .widget_display_replies,
  18920. .widget_display_topics {
  18921. width: 100%;
  18922. }
  18923. @media (max-width: 480px) {
  18924. .bbp-search-results .bbp-topic-author {
  18925. position: relative;
  18926. padding-left: 80px;
  18927. }
  18928. .bbp-search-results .bbp-topic-author img.avatar {
  18929. position: absolute;
  18930. left: 0;
  18931. max-width: 60px !important;
  18932. margin: 0 !important;
  18933. }
  18934. .bbp-search-results .bbp-topic-author a.bbp-author-name {
  18935. display: inline-block !important;
  18936. text-align: left;
  18937. }
  18938. }
  18939. /* ----------------------------------------------------------------------------
  18940. BuddyPress plugin
  18941. */
  18942. .buddypress hr {
  18943. border: 0;
  18944. background-color: #e6e6e6;
  18945. height: 1px;
  18946. }
  18947. .buddypress fieldset {
  18948. border-color: #e6e6e6;
  18949. }
  18950. /* ----------------------------------------------------------------------------
  18951. Buttons
  18952. */
  18953. #buddypress button,
  18954. #buddypress input[type=submit],
  18955. #buddypress input[type=button],
  18956. #buddypress input[type=reset],
  18957. #buddypress div.generic-button a,
  18958. #buddypress .comment-reply-link {
  18959. border: none;
  18960. box-shadow: none;
  18961. color: #fff;
  18962. background-color: #222;
  18963. font-size: 11px;
  18964. padding: 9px 10px 11px 10px;
  18965. text-shadow: none;
  18966. border-radius: 3px;
  18967. line-height: 1;
  18968. margin-bottom: 10px;
  18969. vertical-align: top;
  18970. }
  18971. #buddypress button:hover,
  18972. #buddypress input[type=submit]:hover,
  18973. #buddypress input[type=button]:hover,
  18974. #buddypress input[type=reset]:hover,
  18975. #buddypress div.generic-button a:hover,
  18976. #buddypress .comment-reply-link:hover,
  18977. #buddypress button:active,
  18978. #buddypress input[type=submit]:active,
  18979. #buddypress input[type=button]:active,
  18980. #buddypress input[type=reset]:active,
  18981. #buddypress div.generic-button a:active,
  18982. #buddypress .comment-reply-link:active,
  18983. #buddypress button:focus,
  18984. #buddypress input[type=submit]:focus,
  18985. #buddypress input[type=button]:focus,
  18986. #buddypress input[type=reset]:focus,
  18987. #buddypress div.generic-button a:focus,
  18988. #buddypress .comment-reply-link:focus {
  18989. background-color: #4db2ec;
  18990. color: #fff;
  18991. border: none;
  18992. }
  18993. #buddypress div.generic-button.friendship-button a,
  18994. #buddypress div.generic-button a.join-group,
  18995. #buddypress div.generic-button a.leave-group,
  18996. #buddypress div.generic-button a.mention,
  18997. #buddypress div.generic-button a.send-message {
  18998. padding: 4px 10px 5px 10px;
  18999. background-color: #fff;
  19000. border: 1px solid #ccc;
  19001. color: #777;
  19002. cursor: pointer;
  19003. font-weight: 600;
  19004. outline: none;
  19005. text-align: center;
  19006. text-decoration: none;
  19007. }
  19008. #buddypress div.generic-button.friendship-button a:hover,
  19009. #buddypress div.generic-button a.join-group:hover,
  19010. #buddypress div.generic-button a.leave-group:hover,
  19011. #buddypress div.generic-button a.mention:hover,
  19012. #buddypress div.generic-button a.send-message:hover,
  19013. #buddypress div.generic-button.friendship-button a:focus,
  19014. #buddypress div.generic-button a.join-group:focus,
  19015. #buddypress div.generic-button a.leave-group:focus,
  19016. #buddypress div.generic-button a.mention:focus,
  19017. #buddypress div.generic-button a.send-message:focus,
  19018. #buddypress div.generic-button.friendship-button a:active,
  19019. #buddypress div.generic-button a.join-group:active,
  19020. #buddypress div.generic-button a.leave-group:active,
  19021. #buddypress div.generic-button a.mention:active,
  19022. #buddypress div.generic-button a.send-message:active {
  19023. background-color: #222;
  19024. color: #fff;
  19025. border-color: #222;
  19026. }
  19027. #buddypress .acomment-options a.acomment-reply,
  19028. #buddypress .acomment-options a.acomment-delete {
  19029. font-weight: normal;
  19030. font-size: 11px;
  19031. border: 1px solid #ccc;
  19032. padding: 2px 7px 3px 7px;
  19033. border-radius: 3px;
  19034. }
  19035. #buddypress .acomment-options a.acomment-reply:hover,
  19036. #buddypress .acomment-options a.acomment-delete:hover {
  19037. background-color: #222;
  19038. color: #fff;
  19039. border-color: #222;
  19040. }
  19041. #buddypress a.button,
  19042. a.bp-title-button,
  19043. #buddypress ul.button-nav li a {
  19044. border-radius: 3px;
  19045. font-size: 11px;
  19046. }
  19047. #buddypress a.button:hover,
  19048. a.bp-title-button:hover,
  19049. #buddypress ul.button-nav li a:hover,
  19050. #buddypress a.button:focus,
  19051. a.bp-title-button:focus,
  19052. #buddypress ul.button-nav li a:focus,
  19053. #buddypress a.button:active,
  19054. a.bp-title-button:active,
  19055. #buddypress ul.button-nav li a:active {
  19056. background-color: #222;
  19057. color: #fff;
  19058. border-color: #222;
  19059. }
  19060. #buddypress a.button:hover span,
  19061. a.bp-title-button:hover span,
  19062. #buddypress ul.button-nav li a:hover span,
  19063. #buddypress a.button:focus span,
  19064. a.bp-title-button:focus span,
  19065. #buddypress ul.button-nav li a:focus span,
  19066. #buddypress a.button:active span,
  19067. a.bp-title-button:active span,
  19068. #buddypress ul.button-nav li a:active span {
  19069. background-color: #4db2ec;
  19070. }
  19071. #buddypress ul.button-nav li.current a {
  19072. background-color: #222;
  19073. color: #fff;
  19074. border-color: #222;
  19075. }
  19076. #buddypress a.button {
  19077. padding: 4px 10px 5px 10px;
  19078. }
  19079. a.bp-title-button {
  19080. padding: 2px 9px 3px 9px;
  19081. position: relative;
  19082. top: -2px;
  19083. margin-left: 12px;
  19084. }
  19085. .entry-crumbs a.bp-title-button {
  19086. display: none;
  19087. }
  19088. #buddypress div.generic-button #new-topic-button {
  19089. padding: 6px 10px 7px 10px;
  19090. margin-bottom: 20px;
  19091. display: inline-block;
  19092. position: relative;
  19093. top: -2px;
  19094. }
  19095. #buddypress .standard-form #submit:focus,
  19096. #buddypress .standard-form #save:focus,
  19097. #group-settings-form input[type=submit]:focus {
  19098. background-color: #4db2ec;
  19099. color: #fff;
  19100. }
  19101. #buddypress a.loading,
  19102. #buddypress input.loading {
  19103. -webkit-animation: none;
  19104. -moz-animation: none;
  19105. border-color: #222;
  19106. }
  19107. #buddypress a.bp-primary-action span,
  19108. #buddypress #reply-title small a span {
  19109. border-radius: 3px;
  19110. font-size: 9px;
  19111. line-height: 9px;
  19112. padding: 1px 4px;
  19113. }
  19114. #buddypress #whats-new-options,
  19115. #whats-new-post-in-box {
  19116. overflow: visible;
  19117. min-height: 43px;
  19118. }
  19119. /* ----------------------------------------------------------------------------
  19120. Tabs
  19121. */
  19122. #buddypress div.item-list-tabs ul li {
  19123. border-top: 1px solid #e6e6e6;
  19124. border-left: 1px solid #e6e6e6;
  19125. border-bottom: 1px solid #e6e6e6;
  19126. position: relative;
  19127. margin-bottom: 5px;
  19128. /* responsive portrait tablet */
  19129. }
  19130. #buddypress div.item-list-tabs ul li:first-child {
  19131. border-bottom-left-radius: 3px;
  19132. border-top-left-radius: 3px;
  19133. }
  19134. #buddypress div.item-list-tabs ul li:first-child:before {
  19135. display: none;
  19136. }
  19137. #buddypress div.item-list-tabs ul li:last-child {
  19138. border-bottom-right-radius: 3px;
  19139. border-top-right-radius: 3px;
  19140. border-right: 1px solid #e6e6e6;
  19141. }
  19142. #buddypress div.item-list-tabs ul li:before {
  19143. background-color: #e6e6e6;
  19144. content: "";
  19145. display: block;
  19146. height: 22px;
  19147. position: absolute;
  19148. right: -1px;
  19149. width: 1px;
  19150. top: -1px;
  19151. }
  19152. @media (max-width: 1023px) {
  19153. #buddypress div.item-list-tabs ul li {
  19154. width: 49.8%;
  19155. margin-bottom: 10px;
  19156. }
  19157. }
  19158. /* responsive portrait tablet */
  19159. @media (max-width: 1023px) {
  19160. #buddypress div.item-list-tabs ul #activity-filter-select {
  19161. width: 45%;
  19162. margin-right: -4px;
  19163. }
  19164. }
  19165. @media (max-width: 768px) {
  19166. #buddypress div.item-list-tabs ul #activity-filter-select {
  19167. width: 100%;
  19168. margin: 15px 0 20px 0 !important;
  19169. }
  19170. }
  19171. #buddypress div.item-list-tabs ul li.selected,
  19172. #buddypress div.item-list-tabs ul li.current {
  19173. border-left: 1px solid #222;
  19174. border-top: 1px solid #222;
  19175. border-bottom: 1px solid #222;
  19176. }
  19177. #buddypress div.item-list-tabs ul li.selected a,
  19178. #buddypress div.item-list-tabs ul li.current a {
  19179. background-color: #222;
  19180. color: #FFF;
  19181. opacity: 1;
  19182. }
  19183. #buddypress div.item-list-tabs ul li.selected a:hover,
  19184. #buddypress div.item-list-tabs ul li.current a:hover {
  19185. background-color: #222;
  19186. }
  19187. #buddypress div.item-list-tabs ul li.selected a span,
  19188. #buddypress div.item-list-tabs ul li.current a span {
  19189. background: #4db2ec;
  19190. }
  19191. #buddypress ul.item-list li div.item-title,
  19192. #buddypress ul.item-list li h4 {
  19193. /* responsive portrait tablet */
  19194. }
  19195. @media (min-width: 768px) and (max-width: 1023px) {
  19196. #buddypress ul.item-list li div.item-title,
  19197. #buddypress ul.item-list li h4 {
  19198. width: 70%;
  19199. }
  19200. }
  19201. #buddypress div.item-list-tabs ul li > a {
  19202. background-color: #FFF;
  19203. color: #444;
  19204. padding: 0 15px;
  19205. font-family: 'Open Sans', arial, sans-serif;
  19206. font-size: 11px;
  19207. line-height: 20px;
  19208. font-weight: 700;
  19209. text-transform: uppercase;
  19210. position: relative;
  19211. height: 20px;
  19212. }
  19213. #buddypress div.item-list-tabs ul li > a span {
  19214. background: #4db2ec;
  19215. border-radius: 3px;
  19216. border: transparent;
  19217. color: #fff;
  19218. margin-left: 3px;
  19219. font-size: 9px;
  19220. line-height: 9px;
  19221. padding: 2px 5px;
  19222. position: relative;
  19223. display: inline-block;
  19224. top: -1px;
  19225. }
  19226. #buddypress div.item-list-tabs ul li > a:hover {
  19227. background-color: #f7f7f7;
  19228. }
  19229. #buddypress div.item-list-tabs ul li > a:hover span {
  19230. background-color: #4db2ec;
  19231. opacity: 0.8;
  19232. }
  19233. @media (max-width: 767px) {
  19234. #buddypress div.item-list-tabs ul li > a#change-avatar {
  19235. padding: 0 4px;
  19236. }
  19237. }
  19238. #buddypress li.friend-tab img.avatar {
  19239. display: inline-block;
  19240. margin-right: 5px;
  19241. }
  19242. #buddypress div.item-list-tabs ul li > span {
  19243. background-color: #FFF;
  19244. color: #444;
  19245. padding: 0 15px;
  19246. font-family: 'Open Sans', arial, sans-serif;
  19247. font-size: 11px;
  19248. line-height: 20px;
  19249. font-weight: 700;
  19250. text-transform: uppercase;
  19251. position: relative;
  19252. height: 20px;
  19253. }
  19254. #activity-filter-select,
  19255. #members-order-select,
  19256. #forums-order-select,
  19257. #group_members-order-select,
  19258. #groups-order-select {
  19259. border: none !important;
  19260. margin-top: 0 !important;
  19261. top: -1px;
  19262. }
  19263. .item-list-tabs .feed {
  19264. border-right: 1px solid #222;
  19265. border-bottom-right-radius: 3px;
  19266. border-top-right-radius: 3px;
  19267. }
  19268. .item-list-tabs .feed a {
  19269. background-color: #222 !important;
  19270. color: #fff !important;
  19271. }
  19272. .item-list-tabs .feed:hover {
  19273. border-color: #4db2ec !important;
  19274. }
  19275. .item-list-tabs .feed:hover a {
  19276. background-color: #4db2ec !important;
  19277. }
  19278. /* ----------------------------------------------------------------------------
  19279. Activity Page
  19280. */
  19281. #buddypress .activity-list .activity-content {
  19282. margin-left: 0;
  19283. padding-bottom: 31px;
  19284. }
  19285. #buddypress .activity-list .activity-content .activity-inner {
  19286. margin: 6px 0 0 60px;
  19287. }
  19288. #buddypress .activity-list .activity-content .activity-header {
  19289. font-weight: 600;
  19290. margin-left: 60px;
  19291. }
  19292. #buddypress .activity-list .activity-content .activity-header a {
  19293. display: inline-block;
  19294. vertical-align: top;
  19295. }
  19296. #buddypress .activity-list li.new_forum_topic .activity-content .activity-inner {
  19297. margin-left: 60px;
  19298. border-left: 0;
  19299. padding-left: 0;
  19300. }
  19301. #buddypress .activity-list .mini .activity-content .activity-header {
  19302. margin-left: 30px;
  19303. }
  19304. body.activity-permalink #buddypress .activity-content .activity-inner {
  19305. margin: 12px 0 0 60px;
  19306. }
  19307. body.activity-permalink #buddypress .activity-list li .activity-header > p {
  19308. padding: 0;
  19309. }
  19310. #buddypress form#whats-new-form p.activity-greeting {
  19311. line-height: 21px;
  19312. }
  19313. #buddypress form#whats-new-form textarea {
  19314. width: 100%;
  19315. }
  19316. #buddypress #whats-new:focus {
  19317. border-color: #aaa !important;
  19318. outline: 0;
  19319. }
  19320. #buddypress div.activity-meta {
  19321. margin-top: 30px;
  19322. width: 100%;
  19323. text-align: right;
  19324. }
  19325. #buddypress div.activity-meta a {
  19326. padding: 3px 8px 4px 8px;
  19327. }
  19328. #buddypress div.activity-meta a.acomment-reply {
  19329. padding-top: 2px;
  19330. }
  19331. #buddypress a.activity-time-since {
  19332. position: absolute;
  19333. bottom: 0;
  19334. right: 0;
  19335. font-weight: 400;
  19336. }
  19337. #buddypress .acomment-meta a.activity-time-since {
  19338. bottom: 13px;
  19339. }
  19340. /* Content */
  19341. #buddypress #activity-stream p {
  19342. margin: 0;
  19343. }
  19344. #buddypress .activity-list li.mini .activity-avatar img.avatar,
  19345. #buddypress .activity-list li.mini .activity-avatar img.FB_profile_pic {
  19346. margin-left: 0;
  19347. }
  19348. #buddypress .activity-list .activity-content .activity-header img.avatar {
  19349. margin: 0 10px 0 10px !important;
  19350. }
  19351. .activity-time-since {
  19352. font-size: 11px;
  19353. }
  19354. /* Create Groups Page */
  19355. #group-create-tabs li {
  19356. height: 22px;
  19357. }
  19358. #buddypress form.standard-form .main-column {
  19359. margin-left: 170px;
  19360. }
  19361. #buddypress div#invite-list {
  19362. background: transparent;
  19363. height: auto;
  19364. overflow: auto;
  19365. padding: 0 0 20px 0;
  19366. width: 160px;
  19367. margin-top: 10px;
  19368. }
  19369. #buddypress a.bp-secondary-action,
  19370. #buddypress span.highlight {
  19371. font-size: 11px;
  19372. font-weight: 700;
  19373. }
  19374. #buddypress a.bp-secondary-action.delete-activity {
  19375. margin-right: 0;
  19376. }
  19377. #buddypress span.activity {
  19378. font-size: 12px;
  19379. line-height: 30px;
  19380. word-wrap: break-word;
  19381. }
  19382. @media (max-width: 767px) {
  19383. #buddypress span.activity {
  19384. font-size: 10px;
  19385. }
  19386. }
  19387. #buddypress div#item-header div.generic-button {
  19388. margin-bottom: 10px;
  19389. }
  19390. .bp-widget h4,
  19391. #group-settings-form h4 {
  19392. font-size: 16px;
  19393. font-weight: 700;
  19394. margin-bottom: 10px;
  19395. }
  19396. legend.screen-reader-text {
  19397. padding: 0 5px;
  19398. }
  19399. #admins-list h5,
  19400. #member-list h5,
  19401. #mods-list h5,
  19402. #members-list h5 {
  19403. margin-top: 2px;
  19404. font-size: 14px;
  19405. margin-bottom: 0;
  19406. font-weight: 600;
  19407. }
  19408. #admins-list h5 a:hover,
  19409. #member-list h5 a:hover,
  19410. #mods-list h5 a:hover,
  19411. #members-list h5 a:hover {
  19412. color: #222;
  19413. }
  19414. #admins-list .item-title,
  19415. #member-list .item-title,
  19416. #mods-list .item-title,
  19417. #members-list .item-title {
  19418. font-size: 14px !important;
  19419. }
  19420. #friend-list h4 {
  19421. line-height: 24px;
  19422. }
  19423. #friend-list a {
  19424. font-weight: 700;
  19425. font-size: 12px;
  19426. }
  19427. #friend-list a:hover {
  19428. color: #222;
  19429. }
  19430. #buddypress div.pagination .pag-count {
  19431. margin-left: 0;
  19432. font-size: 11px;
  19433. }
  19434. .groups-members-search {
  19435. border: none !important;
  19436. }
  19437. #search-members-form label,
  19438. #forums-dir-search label,
  19439. #search-groups-form label,
  19440. #search-message-form label {
  19441. display: inline-block;
  19442. }
  19443. #search-members-form #members_search,
  19444. #forums-dir-search #members_search,
  19445. #search-groups-form #members_search,
  19446. #search-message-form #members_search,
  19447. #search-members-form #forums_search,
  19448. #forums-dir-search #forums_search,
  19449. #search-groups-form #forums_search,
  19450. #search-message-form #forums_search,
  19451. #search-members-form #groups_search,
  19452. #forums-dir-search #groups_search,
  19453. #search-groups-form #groups_search,
  19454. #search-message-form #groups_search {
  19455. height: 31px;
  19456. background-color: transparent;
  19457. padding-left: 5px;
  19458. }
  19459. #search-members-form #members_search_submit,
  19460. #forums-dir-search #members_search_submit,
  19461. #search-groups-form #members_search_submit,
  19462. #search-message-form #members_search_submit,
  19463. #search-members-form #forums_search_submit,
  19464. #forums-dir-search #forums_search_submit,
  19465. #search-groups-form #forums_search_submit,
  19466. #search-message-form #forums_search_submit,
  19467. #search-members-form #groups_search_submit,
  19468. #forums-dir-search #groups_search_submit,
  19469. #search-groups-form #groups_search_submit,
  19470. #search-message-form #groups_search_submit {
  19471. position: relative;
  19472. top: 0;
  19473. display: inline-block;
  19474. left: -7px;
  19475. border-top-left-radius: 0;
  19476. border-bottom-left-radius: 0;
  19477. }
  19478. #search-message-form {
  19479. position: relative;
  19480. }
  19481. #search-message-form #messages_search {
  19482. height: 31px;
  19483. }
  19484. #search-message-form #messages_search_submit {
  19485. position: absolute;
  19486. top: 0;
  19487. right: -20px;
  19488. border-top-left-radius: 0;
  19489. border-bottom-left-radius: 0;
  19490. }
  19491. #buddypress #item-nav {
  19492. margin-bottom: 45px;
  19493. }
  19494. #buddypress div#item-header ul {
  19495. display: inline-block;
  19496. }
  19497. /* Forum */
  19498. #buddypress th {
  19499. background-color: #222;
  19500. color: #fff;
  19501. border: none;
  19502. }
  19503. #buddypress .forum td {
  19504. border: none;
  19505. }
  19506. #buddypress table.forum tr td.td-title a.topic-title {
  19507. margin: 0 0 4px 35px;
  19508. display: block;
  19509. line-height: 20px;
  19510. font-weight: 700;
  19511. color: #222;
  19512. }
  19513. #buddypress table.forum tr td.td-title a.topic-title:hover {
  19514. color: #4db2ec;
  19515. }
  19516. #buddypress table.forum p.topic-meta {
  19517. font-size: 10px;
  19518. margin: 0 0 0 35px;
  19519. color: #c3c3c3;
  19520. }
  19521. #buddypress table.forum p.topic-meta a {
  19522. color: #222;
  19523. }
  19524. #buddypress table.forum p.topic-meta a:hover {
  19525. color: #4db2ec;
  19526. }
  19527. #buddypress table.forum .td-freshness p.topic-meta {
  19528. margin: 5px 0 0 0;
  19529. }
  19530. #buddypress .forum .td-title,
  19531. #buddypress .forum .td-freshness {
  19532. position: relative;
  19533. }
  19534. #buddypress table.forum td .topic-by img.avatar {
  19535. position: absolute;
  19536. margin: 0;
  19537. width: 40px;
  19538. top: 12px;
  19539. left: 0;
  19540. }
  19541. #buddypress table.forum td .topic-in a {
  19542. font-weight: 600;
  19543. }
  19544. #buddypress table.forum td .topic-in img.avatar {
  19545. display: inline-block;
  19546. margin-left: 3px;
  19547. }
  19548. #buddypress table.forum td .freshness-author img.avatar {
  19549. float: right;
  19550. margin-right: 0;
  19551. }
  19552. #buddypress table.forum tr > td:last-child {
  19553. padding-right: 0;
  19554. }
  19555. #buddypress table.forum th#th-freshness {
  19556. text-align: right;
  19557. }
  19558. #buddypress .forum tbody tr {
  19559. border-bottom: 1px solid #e6e6e6;
  19560. height: 64px;
  19561. }
  19562. #buddypress .activity-list li.load-more,
  19563. #buddypress .activity-list li.load-newest {
  19564. font-size: 12px;
  19565. line-height: 1;
  19566. text-align: center;
  19567. vertical-align: middle;
  19568. background-color: transparent;
  19569. border-bottom: none;
  19570. }
  19571. #buddypress .activity-list li.load-more a,
  19572. #buddypress .activity-list li.load-newest a {
  19573. padding: 7px 10px;
  19574. display: inline-block;
  19575. border: 1px solid #dcdcdc;
  19576. border-radius: 3px;
  19577. }
  19578. #buddypress .activity-list li.load-more a:hover,
  19579. #buddypress .activity-list li.load-newest a:hover {
  19580. background-color: #222;
  19581. color: #fff;
  19582. border-color: #222;
  19583. }
  19584. #new-topic-post h4,
  19585. #new-topic-post h5,
  19586. #profile-edit-form h4,
  19587. #post-topic-reply h4 {
  19588. font-size: 18px;
  19589. font-weight: 700;
  19590. }
  19591. #group-admins,
  19592. #group-mods {
  19593. margin-top: 0;
  19594. }
  19595. #group-admins li,
  19596. #group-mods li {
  19597. margin-left: 5px;
  19598. }
  19599. #buddypress div.pagination .pagination-links a {
  19600. font-weight: 700;
  19601. }
  19602. #buddypress ul.item-list li div.item-title {
  19603. font-weight: 700;
  19604. font-size: 16px;
  19605. }
  19606. #buddypress ul.item-list li div.item-title a {
  19607. color: #222;
  19608. }
  19609. #buddypress ul.item-list li div.item-title a:hover {
  19610. color: #4db2ec;
  19611. }
  19612. #buddypress ul.item-list li div.item-meta span {
  19613. font-size: 11px;
  19614. }
  19615. #group-settings-form .bp-widget .single-line h5 {
  19616. margin-top: 0;
  19617. }
  19618. /* Members activity */
  19619. #buddypress #activity-stream {
  19620. margin-top: 0;
  19621. }
  19622. #buddypress #activity-stream .activity-avatar img.avatar-150 {
  19623. width: 50px;
  19624. }
  19625. body.activity-permalink #buddypress .activity-list li .activity-content,
  19626. body.activity-permalink #buddypress div.activity-comments {
  19627. margin-left: 0;
  19628. }
  19629. #buddypress table.notifications {
  19630. margin-bottom: 20px;
  19631. }
  19632. #notification-bulk-manage {
  19633. padding: 6px 10px 7px 10px !important;
  19634. position: relative;
  19635. top: -1px;
  19636. }
  19637. .register-section h4 {
  19638. font-weight: 700;
  19639. }
  19640. body.activity-permalink #buddypress div.activity-comments > ul {
  19641. padding: 0 10px 0 26px;
  19642. }
  19643. #buddypress div.activity-comments {
  19644. margin-left: 15px;
  19645. }
  19646. #buddypress div.activity-comments div.acomment-content {
  19647. margin: 5px 0 0 35px;
  19648. }
  19649. #buddypress div.activity-comments ul li {
  19650. padding: 15px 0 8px 0;
  19651. }
  19652. #buddypress .acomment-options {
  19653. margin-left: 35px;
  19654. }
  19655. body.activity-permalink #buddypress div.activity-comments ul li {
  19656. padding: 15px 0 8px 0;
  19657. }
  19658. #buddypress ul.item-list.activity-list li.has-comments {
  19659. padding-bottom: 0;
  19660. }
  19661. /* ----------------------------------------------------------------------------
  19662. Notification Page
  19663. */
  19664. /* responsive portrait tablet */
  19665. @media (max-width: 1023px) {
  19666. #buddypress div.item-list-tabs#subnav ul li#members-order-select {
  19667. width: 100%;
  19668. margin-top: 10px !important;
  19669. }
  19670. }
  19671. /* ----------------------------------------------------------------------------
  19672. Messages Page
  19673. */
  19674. /* responsive portrait tablet */
  19675. @media (max-width: 1023px) {
  19676. #buddypress div.message-search {
  19677. width: 100%;
  19678. margin: 18px 0;
  19679. float: left;
  19680. }
  19681. }
  19682. @media (max-width: 1023px) {
  19683. #search-message-form #messages_search_submit {
  19684. right: 0;
  19685. }
  19686. }
  19687. @media (max-width: 1023px) {
  19688. #buddypress .standard-form input[type=text],
  19689. #buddypress .standard-form textarea {
  19690. width: 100%;
  19691. }
  19692. }
  19693. /* ----------------------------------------------------------------------------
  19694. Friends Page
  19695. */
  19696. #buddypress #pag-bottom.pagination {
  19697. float: left;
  19698. }
  19699. @media (max-width: 767px) {
  19700. #buddypress ul.item-list li div.action {
  19701. position: relative;
  19702. top: 0;
  19703. margin-top: 10px;
  19704. float: left;
  19705. }
  19706. #buddypress #friend-list span.activity {
  19707. display: block;
  19708. }
  19709. .group-invites #buddypress ul.item-list li div.action {
  19710. float: none;
  19711. text-align: left;
  19712. margin-left: 60px;
  19713. }
  19714. #buddypress form.standard-form .main-column {
  19715. margin-left: 0;
  19716. width: 100%;
  19717. float: left;
  19718. }
  19719. #buddypress form#send-invite-form {
  19720. margin-top: -30px;
  19721. }
  19722. #buddypress ul.item-list li h5 span.small {
  19723. width: 100%;
  19724. }
  19725. #buddypress ul.item-list li h5 span.small a {
  19726. margin: 7px 7px 0 0;
  19727. padding: 0 7px;
  19728. display: inline-block;
  19729. }
  19730. }
  19731. /* ----------------------------------------------------------------------------
  19732. Groups Page
  19733. */
  19734. #create-group-form .main-column #message {
  19735. padding-top: 12px;
  19736. }
  19737. /* responsive portrait tablet */
  19738. @media (max-width: 1023px) {
  19739. #buddypress div.item-list-tabs#subnav ul li#groups-order-select {
  19740. width: 100%;
  19741. margin-top: 10px !important;
  19742. }
  19743. .mygroups .item,
  19744. .mygroups div.action {
  19745. margin-left: 60px;
  19746. }
  19747. .mygroups .item-desc {
  19748. margin-left: 0 !important;
  19749. }
  19750. .mygroups .group-button {
  19751. text-align: left ;
  19752. }
  19753. .mygroups .meta {
  19754. margin-top: 10px !important;
  19755. }
  19756. #buddypress ul.item-list li div.item-desc {
  19757. width: auto;
  19758. }
  19759. #buddypress ul.item-list li div.item-desc p {
  19760. margin-bottom: 5px;
  19761. }
  19762. #create-group-form .avatar-150 {
  19763. width: 50px;
  19764. }
  19765. #create-group-form .main-column {
  19766. margin-left: 60px !important;
  19767. }
  19768. #create-group-form .main-column #message {
  19769. margin-left: 110px;
  19770. }
  19771. #create-group-form #friend-list {
  19772. border: none;
  19773. }
  19774. #create-group-form #upload {
  19775. margin-top: 10px;
  19776. }
  19777. }
  19778. @media (max-width: 767px) {
  19779. #create-group-form #upload {
  19780. margin-top: 20px;
  19781. }
  19782. }
  19783. /* ----------------------------------------------------------------------------
  19784. Forums Page
  19785. */
  19786. #buddypress div#item-header h2.user-nicename {
  19787. font-size: 18px;
  19788. font-weight: 700;
  19789. }
  19790. #item-header-avatar {
  19791. max-width: 122px;
  19792. position: absolute;
  19793. }
  19794. #buddypress div#item-header {
  19795. position: relative;
  19796. }
  19797. #buddypress div#item-header div#item-actions {
  19798. position: absolute;
  19799. top: 30px;
  19800. left: 142px;
  19801. width: auto;
  19802. margin: 0;
  19803. }
  19804. #buddypress div#item-header div#item-actions h3 {
  19805. font-size: 13px;
  19806. font-weight: 700;
  19807. display: inline-block;
  19808. margin: 0;
  19809. vertical-align: top;
  19810. }
  19811. #buddypress div#item-header div#item-meta p {
  19812. margin-top: 35px;
  19813. }
  19814. #buddypress div#item-header div#item-header-content {
  19815. width: 100%;
  19816. padding-left: 142px;
  19817. min-height: 142px;
  19818. }
  19819. .group-forum #buddypress div#item-header ul {
  19820. display: inline-block;
  19821. margin: 0;
  19822. }
  19823. /* Pagination */
  19824. #buddypress div.pagination,
  19825. #buddypress div.pagination .pag-count,
  19826. #buddypress div.pagination .pagination-links {
  19827. float: none;
  19828. }
  19829. #buddypress div#topic-meta {
  19830. padding: 5px 0;
  19831. }
  19832. #buddypress div#topic-meta h3 {
  19833. font-size: 18px;
  19834. font-weight: 700;
  19835. }
  19836. #buddypress div#topic-meta div.admin-links {
  19837. position: relative;
  19838. top: auto;
  19839. right: auto;
  19840. }
  19841. #buddypress div.admin-links {
  19842. right: 0;
  19843. }
  19844. #buddypress div.topic-tags {
  19845. font-size: 11px;
  19846. color: #777;
  19847. }
  19848. #buddypress ul#topic-post-list li {
  19849. padding: 15px 0;
  19850. }
  19851. .group-forum #item-header-avatar {
  19852. position: absolute;
  19853. top: 0;
  19854. left: 0;
  19855. }
  19856. /* responsive portrait tablet */
  19857. @media (max-width: 1023px) {
  19858. #item-header-avatar {
  19859. width: 90px;
  19860. }
  19861. #buddypress div#item-header div#item-actions {
  19862. left: 106px;
  19863. }
  19864. #buddypress div#item-header div#item-header-content {
  19865. padding-left: 106px;
  19866. min-height: 100px;
  19867. }
  19868. #buddypress div.item-list-tabs ul li#forums-order-select {
  19869. width: 100%;
  19870. margin-top: 10px !important;
  19871. }
  19872. }
  19873. /* responsive portrait phone */
  19874. @media (max-width: 767px) {
  19875. #item-header-avatar {
  19876. width: 35px;
  19877. }
  19878. #buddypress div#item-header div#item-actions {
  19879. left: 45px;
  19880. }
  19881. #buddypress div#item-header div#item-header-content {
  19882. padding-left: 45px;
  19883. }
  19884. }
  19885. /* ----------------------------------------------------------------------------
  19886. Members Page
  19887. */
  19888. #buddypress div.dir-search {
  19889. margin-top: -45px;
  19890. }
  19891. /* responsive portrait phone */
  19892. @media (max-width: 767px) {
  19893. #search-members-form,
  19894. #search-groups-form {
  19895. position: relative;
  19896. margin-bottom: 30px;
  19897. }
  19898. #buddypress div.dir-search {
  19899. width: 100%;
  19900. margin: 0;
  19901. }
  19902. #buddypress div.dir-search input[type="text"],
  19903. #buddypress div.item-list-tabs ul li.groups-members-search,
  19904. #buddypress div.item-list-tabs ul li#group_members-order-select {
  19905. width: 100%;
  19906. }
  19907. #search-members-form #members_search_submit,
  19908. #search-groups-form #groups_search_submit {
  19909. position: absolute;
  19910. top: 0;
  19911. right: 0;
  19912. left: auto;
  19913. }
  19914. #members_search,
  19915. #groups_search {
  19916. position: absolute;
  19917. left: 0;
  19918. top: 0;
  19919. width: 100%;
  19920. }
  19921. #buddypress #member-list.item-list li div.action {
  19922. float: none;
  19923. margin-left: 60px;
  19924. }
  19925. }
  19926. .td_quote_on_blocks {
  19927. font-family: 'Roboto Condensed', sans-serif;
  19928. font-size: 30px;
  19929. line-height: 35px;
  19930. font-weight: normal;
  19931. font-style: italic;
  19932. text-align: left;
  19933. text-transform: uppercase;
  19934. color: #4db2ec;
  19935. margin: 5px 0;
  19936. }
  19937. /*
  19938.  
  19939. Classic blog
  19940.  
  19941. */
  19942. .td-stack-classic-blog .td-post-text-content .more-link-wrap {
  19943. padding: 0px !important;
  19944. margin-bottom: 0px;
  19945. background-color: transparent !important;
  19946. display: table;
  19947. margin-left: auto;
  19948. margin-right: auto;
  19949. }
  19950. .td-stack-classic-blog .td-post-text-content .more-link-wrap a {
  19951. background-color: transparent;
  19952. padding: 8px 20px 8px 20px !important;
  19953. outline: 2px solid #212121;
  19954. color: #212121;
  19955. display: inline-block;
  19956. }
  19957. .td-stack-classic-blog .td-post-text-content .more-link-wrap a:hover {
  19958. background-color: transparent;
  19959. text-decoration: none !important;
  19960. }
  19961. .td-stack-classic-blog .td-post-text-content .more-link-wrap a:focus {
  19962. outline-offset: 0px;
  19963. }
  19964. .td-stack-classic-blog .td-header-ad-wrap {
  19965. border-bottom: 0;
  19966. }
  19967. .td-stack-classic-blog .block-title > a,
  19968. .td-stack-classic-blog .block-title > span {
  19969. padding: 3px 15px 1px 15px;
  19970. }
  19971. .td-stack-classic-blog .sf-menu > .td-menu-item > a {
  19972. /* responsive portrait tablet */
  19973. }
  19974. @media (min-width: 768px) and (max-width: 1023px) {
  19975. .td-stack-classic-blog .sf-menu > .td-menu-item > a {
  19976. font-size: 15px;
  19977. }
  19978. }
  19979. .td-stack-classic-blog .td_mega_menu_sub_cats a {
  19980. padding-top: 4px;
  19981. }
  19982. .td-stack-classic-blog .dropcap {
  19983. margin: 15px 13px 0 -10px;
  19984. }
  19985. .td-stack-classic-blog .td-blog-index .td-page-header {
  19986. margin-bottom: 0px;
  19987. }
  19988. .td-stack-classic-blog .td-blog-index {
  19989. margin-top: 30px;
  19990. }
  19991. .td_detect_is_android {
  19992. /* make the font bigger on search so that it will not zoom in on mobiles */
  19993. }
  19994. .td_detect_is_android #td-top-mobile-toggle i {
  19995. line-height: 58px;
  19996. padding-left: 11px;
  19997. }
  19998. .td_detect_is_android .td-mobile-close a {
  19999. padding: 16px 0 16px;
  20000. }
  20001. .td_detect_is_android .block-title > a,
  20002. .td_detect_is_android .block-title > span {
  20003. padding: 3px 15px 1px;
  20004. }
  20005. .td_detect_is_android .td-module-image .td-post-category {
  20006. padding: 7px 6px 3px;
  20007. }
  20008. .td_detect_is_android .td-module-comments a {
  20009. padding: 3px 6px;
  20010. }
  20011. .td_detect_is_android .td-next-prev-wrap i {
  20012. padding: 6px 6px 2px;
  20013. /* responsive portrait phone */
  20014. }
  20015. @media (max-width: 767px) {
  20016. .td_detect_is_android .td-next-prev-wrap i {
  20017. padding: 5px 6px 2px;
  20018. }
  20019. }
  20020. .td_detect_is_android .page-nav a,
  20021. .td_detect_is_android .page-nav span {
  20022. padding: 4px 10px 2px;
  20023. }
  20024. .td_detect_is_android .page-nav .pages {
  20025. padding-right: 0;
  20026. }
  20027. .td_detect_is_android .widget_calendar tfoot a {
  20028. padding: 3px 15px 1px;
  20029. }
  20030. .td_detect_is_android .td_block_mega_menu .td-next-prev-wrap i {
  20031. padding: 3px 6px 2px;
  20032. }
  20033. .td_detect_is_android .td_block_mega_menu .td_mega_menu_sub_cats a {
  20034. padding: 3px 15px 2px;
  20035. /* responsive portrait tablet */
  20036. }
  20037. @media (min-width: 768px) and (max-width: 1023px) {
  20038. .td_detect_is_android .td_block_mega_menu .td_mega_menu_sub_cats a {
  20039. padding: 2px 12px;
  20040. }
  20041. }
  20042. .td_detect_is_android .td_block_mega_menu .td-post-category {
  20043. padding: 5px 6px;
  20044. }
  20045. .td_detect_is_android .header-search-wrap .td-icon-search {
  20046. font-size: 23px;
  20047. /* responsive portrait phone */
  20048. }
  20049. @media (max-width: 767px) {
  20050. .td_detect_is_android .header-search-wrap .td-icon-search {
  20051. font-size: 26px;
  20052. }
  20053. }
  20054. .td_detect_is_android.category .entry-title span {
  20055. padding: 3px 15px 2px;
  20056. }
  20057. .td_detect_is_android .dropcap {
  20058. padding: 3px 10px 1px;
  20059. }
  20060. .td_detect_is_android .wpb_tabs li a {
  20061. padding: 2px 15px 0 !important;
  20062. }
  20063. .td_detect_is_android .td-page-content .td-arrow-list li::before {
  20064. line-height: 20px;
  20065. }
  20066. .td_detect_is_android .td-author-counters span {
  20067. padding: 4px 15px 2px;
  20068. }
  20069. .td_detect_is_android .td-close-more-articles-box {
  20070. top: 19px;
  20071. }
  20072. .td_detect_is_android .td-related-title a {
  20073. padding: 2px 14px 1px;
  20074. }
  20075. .td_detect_is_android .td_block_related_posts .td-next-prev-wrap i {
  20076. padding-top: 6px;
  20077. }
  20078. .td_detect_is_android .td-trending-now-title {
  20079. /* responsive portrait tablet */
  20080. }
  20081. @media (min-width: 768px) and (max-width: 1023px) {
  20082. .td_detect_is_android .td-trending-now-title {
  20083. padding: 2px 15px 3px;
  20084. }
  20085. }
  20086. .td_detect_is_android .td-trending-now-wrapper .td-next-prev-wrap {
  20087. top: 2px;
  20088. }
  20089. .td_detect_is_android .td-trending-now-title {
  20090. top: -5px;
  20091. }
  20092. .td_detect_is_android input[type="text"],
  20093. .td_detect_is_android .td-login-wrap .td-login-input {
  20094. font-size: 16px !important;
  20095. }
  20096. .td_detect_is_ios {
  20097. /* make the font bigger on search so that it will not zoom in on mobiles */
  20098. }
  20099. .td_detect_is_ios input[type="text"],
  20100. .td_detect_is_ios .td-login-wrap .td-login-input {
  20101. font-size: 16px !important;
  20102. }
  20103. /* ATTENTION - this should be last */
  20104. /* smart list type 1 */
  20105. .ie8 .td_smart_list_1 .td-iosSlider {
  20106. width: 100% !important;
  20107. height: 100% !important;
  20108. }
  20109. /* smart list type 3 */
  20110. .ie8 .td_smart_list_3 .td-iosSlider {
  20111. width: 100% ;
  20112. height: 100%;
  20113. }
  20114. .ie8 .td_smart_list_3 .td-sml3-description {
  20115. position: relative;
  20116. top: 0px;
  20117. }
  20118. .ie8 .td_smart_list_3 .td-sml3-display-image {
  20119. top: 25px;
  20120. }
  20121. .ie8 .td_smart_list_3 .td-sml3-bottom-controls {
  20122. position: absolute;
  20123. bottom: 0px;
  20124. }
  20125. .ie8 .td_smart_list_3 .td-sml3-bottom-title {
  20126. display: none;
  20127. }
  20128. /* top menu */
  20129. .ie8 .top-header-menu .td-icon-menu-down,
  20130. .ie9 .top-header-menu .td-icon-menu-down,
  20131. .ie10 .top-header-menu .td-icon-menu-down,
  20132. .ie11 .top-header-menu .td-icon-menu-down {
  20133. padding: 0px 0px 0px 8px;
  20134. }
  20135. .ie8 .top-header-menu .menu-item-has-children li a,
  20136. .ie9 .top-header-menu .menu-item-has-children li a,
  20137. .ie10 .top-header-menu .menu-item-has-children li a,
  20138. .ie11 .top-header-menu .menu-item-has-children li a {
  20139. top: -1px;
  20140. }
  20141. @media screen and (max-width: 767px) {
  20142. .ie9 .td-menu-mob-open-menu .td-mobile-nav-wrap {
  20143. left: 0px;
  20144. }
  20145. .ie9 .td-menu-mob-open-menu .td-content-wrap {
  20146. left: 80%;
  20147. }
  20148. }
  20149. /* blocks title */
  20150. .ie8 .block-title,
  20151. .ie9 .block-title,
  20152. .ie10 .block-title,
  20153. .ie11 .block-title {
  20154. line-height: 19px;
  20155. }
  20156. .ie8 .td-module-comments a,
  20157. .ie9 .td-module-comments a,
  20158. .ie10 .td-module-comments a,
  20159. .ie11 .td-module-comments a {
  20160. padding: 2px 8px 3px 6px;
  20161. }
  20162. .ie8 .td-footer-container .td-search-form-widget .wpb_button,
  20163. .ie9 .td-footer-container .td-search-form-widget .wpb_button,
  20164. .ie10 .td-footer-container .td-search-form-widget .wpb_button,
  20165. .ie11 .td-footer-container .td-search-form-widget .wpb_button {
  20166. border-radius: 0px;
  20167. }
  20168. /* fix the blocks on 3 columns to fit */
  20169. .ie8 .td-pb-span12 {
  20170. width: 1021px;
  20171. }
  20172. .ie8 .td-pulldown-filter-list {
  20173. background-color: #ffffff;
  20174. }
  20175. .ie8 .td_block_13 .td-pulldown-filter-display-option,
  20176. .ie8 .td_block_14 .td-pulldown-filter-display-option,
  20177. .ie8 .td_block_15 .td-pulldown-filter-display-option,
  20178. .ie8 .td_block_13 .td-pulldown-filter-list,
  20179. .ie8 .td_block_14 .td-pulldown-filter-list,
  20180. .ie8 .td_block_15 .td-pulldown-filter-list {
  20181. background-color: #222222;
  20182. }
  20183. .ie8 .wpb_tabs_nav a {
  20184. border-right: 1px solid #222222;
  20185. }
  20186. .ie8 .alignleft {
  20187. float: left;
  20188. margin-right: 21px;
  20189. margin-top: 6px;
  20190. margin-bottom: 6px;
  20191. }
  20192. .ie8 .alignright {
  20193. float: right;
  20194. margin-left: 21px;
  20195. margin-top: 6px;
  20196. margin-bottom: 6px;
  20197. }
  20198. /* ATTENTION - this should be last */
  20199. .td-animation-stack .entry-thumb,
  20200. .post img {
  20201. opacity: 0;
  20202. transition: opacity 0.3s;
  20203. transition-timing-function: cubic-bezier(0.39, 0.76, 0.51, 0.56);
  20204. /* linear */
  20205. }
Add Comment
Please, Sign In to add comment