Advertisement
Guest User

Untitled

a guest
Sep 14th, 2018
99
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 239.40 KB | None | 0 0
  1. @font-face {
  2. font-family: 'vxihead';
  3. src: url('assets/fonts/mont/montserrat-light-webfont.woff2') format('woff2'),
  4. url('assets/fonts/mont/montserrat-light-webfont.woff') format('woff');
  5. font-weight: 300;
  6. font-style: normal;
  7. }
  8.  
  9. @font-face {
  10. font-family: 'vxihead';
  11. src: url('assets/fonts/mont/montserrat-medium-webfont.woff2') format('woff2'),
  12. url('assets/fonts/mont/montserrat-medium-webfont.woff') format('woff');
  13. font-weight: 500;
  14. font-style: normal;
  15. }
  16.  
  17. @font-face {
  18. font-family: 'vxihead';
  19. src: url('assets/fonts/mont/montserrat-regular-webfont.woff2') format('woff2'),
  20. url('assets/fonts/mont/montserrat-regular-webfont.woff') format('woff');
  21. font-weight: normal;
  22. font-style: normal;
  23. }
  24.  
  25. @font-face {
  26. font-family: 'vxihead';
  27. src: url('assets/fonts/mont/montserrat-semibold-webfont.woff2') format('woff2'),
  28. url('assets/fonts/mont/montserrat-semibold-webfont.woff') format('woff');
  29. font-weight: 600;
  30. font-style: normal;
  31. }
  32.  
  33. @font-face {
  34. font-family: 'vxihead';
  35. src: url('assets/fonts/mont/montserrat-bold-webfont.woff2') format('woff2'),
  36. url('assets/fonts/mont/montserrat-bold-webfont.woff') format('woff');
  37. font-weight: bold;
  38. font-style: normal;
  39. }
  40.  
  41. @font-face {
  42. font-family: 'vxisocial';
  43. src: url('assets/fonts/vxisocial/vxisocial.eot?uo5yaj');
  44. src: url('assets/fonts/vxisocial/fonts/vxisocial.eot?uo5yaj#iefix') format('embedded-opentype'),
  45. url('assets/fonts/vxisocial/vxisocial.ttf?uo5yaj') format('truetype'),
  46. url('assets/fonts/vxisocial/vxisocial.woff?uo5yaj') format('woff'),
  47. url('assets/fonts/vxisocial/vxisocial.svg?uo5yaj#vxisocial') format('svg');
  48. font-weight: normal;
  49. font-style: normal;
  50. }
  51.  
  52. [class^="vxicon-"],
  53. [class*=" vxicon-"] {
  54. font-family: 'vxisocial' !important;
  55. speak: none;
  56. font-style: normal;
  57. font-weight: normal;
  58. font-variant: normal;
  59. text-transform: none;
  60. line-height: 1;
  61. -webkit-font-smoothing: antialiased;
  62. -moz-osx-font-smoothing: grayscale;
  63. }
  64.  
  65. .vxicon-mail-forward:before {
  66. content: "\e903";
  67. }
  68.  
  69. .vxicon-search:before {
  70. content: "\e902";
  71. }
  72.  
  73. .vxicon-share:before {
  74. content: "\ea7d";
  75. }
  76.  
  77. .vxicon-share2:before {
  78. content: "\ea82";
  79. }
  80.  
  81. .vxicon-facebook:before {
  82. content: "\ea90";
  83. }
  84.  
  85. .vxicon-facebook2:before {
  86. content: "\ea91";
  87. }
  88.  
  89. .vxicon-instagram:before {
  90. content: "\ea92";
  91. }
  92.  
  93. .vxicon-twitter:before {
  94. content: "\ea96";
  95. }
  96.  
  97. .vxicon-youtube:before {
  98. content: "\e900";
  99. }
  100.  
  101. .vxicon-email:before {
  102. content: "\e901";
  103. }
  104.  
  105.  
  106. body {
  107. background: #efeeea;
  108. color: #000000;
  109. font-family: 'vxihead', sans-serif;
  110. }
  111.  
  112. #main-header {
  113. background: transparent;
  114. }
  115.  
  116. h1,
  117. h2,
  118. h3,
  119. h4,
  120. h5,
  121. h6 {
  122. letter-spacing: 0 !important;
  123. font-family: 'vxihead', sans-serif;
  124. }
  125.  
  126. header.header {
  127. background: #ef1112;
  128. /* Old browsers */
  129. background: -moz-linear-gradient(-45deg, #ef1112 0%, #6601dc 100%);
  130. /* FF3.6-15 */
  131. background: -webkit-linear-gradient(-45deg, #ef1112 0%, #6601dc 100%);
  132. /* Chrome10-25,Safari5.1-6 */
  133. background: linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  134. /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  135. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef1112', endColorstr='#6601dc', GradientType=1);
  136. /* IE6-9 fallback on horizontal gradient */
  137. }
  138.  
  139. header.header:before {
  140. content: '';
  141. background: url(assets/vxi_pattern.png);
  142. position: ;
  143. width: 100%;
  144. position: absolute;
  145. height: 100%;
  146. opacity: 0.5;
  147. }
  148.  
  149. .needMoneyHeading {
  150. margin-bottom: 0;
  151. line-height: 1;
  152. }
  153.  
  154. .needMoneyHeading p {
  155. display: inline-block;
  156. line-height: 1 !important;
  157. width: 100%;
  158. text-align: left !important;
  159. }
  160.  
  161. .firstNeedMoney {
  162.  
  163. margin-top: -12px;
  164. }
  165.  
  166. #main-header .logo {
  167. width: 150px;
  168. height: 33px;
  169. margin: 26px 0;
  170. float: left;
  171. display: inline-block;
  172. }
  173.  
  174. #main-header .container {
  175. display: block;
  176. width: 1080px;
  177. max-width: 90%;
  178. }
  179.  
  180. #main-header .et-searchwrap {
  181. float: left;
  182. -webkit-box-ordinal-group: 5;
  183. -ms-flex-order: 4;
  184. order: 4;
  185. }
  186.  
  187. #main-header .et-searchwrap {
  188. float: left;
  189. line-height: 82px;
  190. }
  191.  
  192. #main-header .et-searchwrap .menuSearch a {
  193. padding: 0;
  194. font-size: 17px;
  195. letter-spacing: 0;
  196. color: #f2f1ee;
  197. font-weight: 600;
  198. text-transform: uppercase;
  199. }
  200.  
  201. #et-navigation {
  202. -webkit-box-align: center;
  203. -ms-flex-align: center;
  204. align-items: center;
  205. display: inline-block;
  206. }
  207.  
  208. .left-right #et-navigation ul {
  209. display: inline-block;
  210. }
  211.  
  212. #et-navigation li a {
  213. color: #f2f1ee;
  214. letter-spacing: 0;
  215. }
  216.  
  217. #et-navigation>ul>li>a:before {
  218. display: none;
  219. }
  220.  
  221. #et-navigation>ul>li>a {
  222. padding: 0;
  223. font-size: 17px;
  224. letter-spacing: 0;
  225. }
  226.  
  227. #page-container {}
  228.  
  229. .page-template-purple-page #page-container {
  230. /* background: #6601dc; */
  231. }
  232.  
  233. .page-template-purple-page .et_pb_section {
  234. /* background: transparent; */
  235. /* border: 2px solid #ffffff; */
  236. /* color: #ffffff; */
  237. margin-bottom: 40px;
  238. }
  239.  
  240. .page-template-purple-page .et_pb_section p,
  241. .page-template-purple-page h1,
  242. .page-template-purple-page h2,
  243. .page-template-purple-page h3,
  244. .page-template-purple-page h4 {
  245. color: #000;
  246. text-transform: none;
  247. }
  248.  
  249. .page-template-purple-page .subText h2 {
  250. font-size: 26px;
  251. /* margin-bottom: 20px; */
  252. }
  253.  
  254. .page-template-purple-page .subText {
  255. margin-bottom: 10px !important;
  256. }
  257.  
  258. .page-template-purple-page .subText h3 {
  259. padding-bottom: 0;
  260. margin-top: 20px;
  261. }
  262.  
  263. .page-template-purple-page .contentPrivacy {
  264. padding-left: 20px;
  265. font-size: 16px;
  266. }
  267.  
  268. .page-template-purple-page h1 {
  269. font-size: 62px;
  270. text-transform: none;
  271. letter-spacing: 0;
  272. background: -moz-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  273. background: -webkit-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  274. background: linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  275. -webkit-background-clip: text;
  276. -webkit-text-fill-color: transparent;
  277. }
  278.  
  279.  
  280. .gradient-text {
  281. background: -moz-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  282. background: -webkit-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  283. background: linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  284. -webkit-background-clip: text;
  285. -webkit-text-fill-color: transparent;
  286. display: inline-block;
  287. }
  288.  
  289. .hidden {
  290. display: none !important;
  291. }
  292.  
  293. #page-container .txturevxi {
  294. position: fixed;
  295. width: 100%;
  296. /* background: url('assets/vxi_pattern.png'); */
  297. z-index: 0;
  298. opacity: 0.75;
  299. background-size: 31px;
  300. }
  301.  
  302. .rainbowText h1 {
  303. background: -moz-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  304. background: -webkit-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  305. background: linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  306. -webkit-background-clip: text;
  307. -webkit-text-fill-color: transparent;
  308. display: inline-block;
  309. padding-bottom: 0;
  310. }
  311.  
  312. .rainbowText {
  313. margin-bottom: 45px !important;
  314. }
  315.  
  316.  
  317. @media all and (-webkit-min-device-pixel-ratio: 1.5),
  318. all and (-o-min-device-pixel-ratio: 3/2),
  319. all and (min--moz-device-pixel-ratio: 1.5),
  320. all and (min-device-pixel-ratio: 1.5) {
  321. #page-container .txturevxi {
  322. position: absolute;
  323. width: 100%;
  324. background: url('assets/vxi_pattern@2x.png');
  325. z-index: 0;
  326. opacity: 0.75;
  327. background-size: 31px;
  328. }
  329. }
  330.  
  331. .et_pb_section {
  332. background: #efeeea;
  333. padding-top: 0;
  334. padding-bottom: 0;
  335. /* margin-left: 41px; */
  336. /* margin-right: 41px; */
  337. }
  338.  
  339. .category.et_extra_layout .et_pb_section {
  340. margin-left: 0;
  341. margin-right: 0;
  342. }
  343.  
  344. .page .et_pb_row {
  345. max-width: 980px;
  346. }
  347.  
  348. #et-navigation>ul>li {
  349. margin: 0 34px;
  350. }
  351.  
  352. #et-navigation>ul>li {
  353. line-height: 83px;
  354. padding-left: 50px;
  355. padding-right: 50px;
  356. }
  357.  
  358. #et-navigation>ul>li.current-menu-item {
  359. /* background: #efeeea; */
  360. /* border: 2px solid #6601dc; */
  361. border-bottom: 0;
  362. }
  363.  
  364. #et-navigation>ul>li.current-menu-item:after {
  365. content: '';
  366. transform: skew(-36.75deg, 0deg);
  367. -webkit-transform: skew(-36.75deg, 0deg);
  368. -moz-transform: skew(-36.75deg, 0deg);
  369. -o-transform: skew(-36.75deg, 0deg);
  370. -ms-transform: skew(-36.75deg, 0deg);
  371. background: #efeeea;
  372. position: absolute;
  373. left: 0;
  374. width: 100%;
  375. top: 0;
  376. height: 100%;
  377. }
  378.  
  379. .search-results #et-navigation>ul>li.current-menu-item:after {
  380. display: none;
  381. }
  382.  
  383. .search #et-navigation>ul>li.current-menu-item {
  384. background: transparent;
  385. }
  386.  
  387. .search #et-navigation>ul>li.current-menu-item a {
  388. color: #FFFFFF;
  389. }
  390.  
  391. #et-navigation>ul>li.current-menu-item a {
  392. color: #ef1112;
  393. position: relative;
  394. z-index: 9;
  395. }
  396.  
  397. .homeReadNow.et_pb_row {
  398. padding-bottom: 0;
  399. }
  400.  
  401. #et-navigation>ul>li:first-child {
  402. /* margin-left: 0; */
  403. }
  404.  
  405. #et-navigation>ul>li:last-child {
  406. /* margin-right: 0; */
  407. }
  408.  
  409. #footer {
  410. background: transparent;
  411. z-index: 9;
  412. position: relative;
  413. background: #ef1112;
  414. background: -moz-linear-gradient(-45deg, #ef1112 0%, #6601dc 100%);
  415. background: -webkit-linear-gradient(-45deg, #ef1112 0%, #6601dc 100%);
  416. background: linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  417. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef1112', endColorstr='#6601dc', GradientType=1);
  418. margin-top: 0;
  419. }
  420.  
  421. #footer:before {
  422. content: '';
  423. background: url(assets/vxi_pattern.png);
  424. */ position: ;
  425. width: 100%;
  426. position: absolute;
  427. height: 100%;
  428. opacity: 0.5;
  429. }
  430.  
  431. #footer #footer-bottom {
  432. background: transparent;
  433. }
  434.  
  435. .vxiFooter {
  436. text-align: center;
  437. color: #ffffff;
  438. padding-top: 16px;
  439. }
  440.  
  441. #content-area h1, #content-area h2, #content-area h3, #content-area h4, #content-area h5, #content-area h6 {
  442. text-transform: none;
  443. }
  444. .et_pb_text ol, .et_pb_text ul {
  445. font-family: 'Open Sans', sans-serif;
  446. font-size: 16px;
  447. }
  448. .vxiFooter .footerHXC {
  449. z-index: 3;
  450. position: relative;
  451. }
  452.  
  453. .vxiFooter .footerLower {
  454. padding-bottom: 50px;
  455. z-index: 1;
  456. position: relative;
  457. }
  458.  
  459. .vxiFooter .footerLower>div {
  460. display: inline-block;
  461. }
  462.  
  463. .vxiFooter .footerLower .leftSide,
  464. .vxiFooter .footerLower .rightSide {
  465. width: 115px;
  466. }
  467.  
  468. .vxiFooter .footerLower .footerMenu {
  469. width: 516px;
  470. max-width: 90%;
  471. }
  472.  
  473. #footer .leftSide p,
  474. #footer .rightSide p {
  475. font-size: 11px;
  476. font-weight: 300;
  477. font-style: italic;
  478. }
  479.  
  480. .vxiFooter .footerLower ul {
  481. list-style: none;
  482. padding: 0;
  483. }
  484.  
  485. .vxiFooter .footerLower ul li {
  486. display: inline-block;
  487. list-style: none;
  488. line-height: 1;
  489. margin: 0;
  490. margin-left: 38px;
  491. margin-right: 38px;
  492. }
  493.  
  494. .vxiFooter .footerLower ul li:first-child {
  495. margin-left: 0;
  496. }
  497.  
  498. .vxiFooter .footerLower ul li:last-child {
  499. margin-right: 0;
  500. }
  501.  
  502. .vxiFooter .footerLower ul li a {
  503. color: #ffffff;
  504. font-weight: 500;
  505. }
  506.  
  507. .vxiFooter .footerHXC .wraphxc {
  508. font-family: 'vxihead', sans-serif;
  509. font-size: 32px;
  510. font-weight: 500;
  511. letter-spacing: 0;
  512. display: inline-block;
  513. background-image: linear-gradient(to left, #ef1111, #6400de);
  514. background: -moz-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  515. background: -webkit-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  516. background: linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  517. padding: 5px;
  518. line-height: 1;
  519. margin-bottom: 30px;
  520. margin-top: 15px;
  521. max-width: 516px;
  522. padding-left: 80px;
  523. padding-right: 80px;
  524. z-index: 9;
  525. position: relative;
  526. }
  527.  
  528. .vxiFooter {}
  529.  
  530. #ReadNow {
  531. max-width: 980px;
  532. color: #6601DC;
  533. text-transform: uppercase;
  534. margin-top: 65px;
  535. z-index: 3;
  536. position: relative;
  537. }
  538.  
  539. .txReadMore p {
  540. font-size: 58px;
  541. font-weight: bold;
  542. line-height: 1;
  543. color: #6601DC;
  544. position: absolute;
  545. z-index: 9;
  546. font-family: 'vxihead', sans-serif;
  547. letter-spacing: 0;
  548. background: -moz-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  549. background: -webkit-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  550. background: linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  551. -webkit-background-clip: text;
  552. -webkit-text-fill-color: transparent;
  553. top: -3px;
  554. display: inline-block;
  555. }
  556.  
  557. .txReadAgain p {
  558. font-size: 64px;
  559. font-weight: bold;
  560. line-height: 80px;
  561. color: #6601DC;
  562. z-index: 9;
  563. font-family: 'vxihead', sans-serif;
  564. letter-spacing: 0px;
  565. background: -moz-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  566. background: -webkit-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  567. background: linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  568. -webkit-background-clip: text;
  569. -webkit-text-fill-color: transparent;
  570. z-index: 9;
  571. position: relative;
  572. display: inline-block;
  573. overflow: visible;
  574. }
  575.  
  576. body.mac .latestPostHome {
  577. margin-top: -53px;
  578. }
  579.  
  580. .txNeedMoneyTitle p {
  581. font-size: 29px;
  582. font-weight: bold;
  583. /* line-height: 26px; */
  584. color: #ef1112;
  585. z-index: 2;
  586. font-family: 'vxihead', sans-serif;
  587. letter-spacing: 0px;
  588. margin-top: 5px;
  589. background: -moz-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  590. background: -webkit-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  591. background: linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  592. -webkit-background-clip: text;
  593. -webkit-text-fill-color: transparent;
  594. display: inline-block;
  595. height: 55px;
  596. }
  597.  
  598. .txNeedMoneyTitle {
  599. position: relative;
  600. z-index: 9;
  601. margin-bottom: 0 !important;
  602. margin-top: 15px;
  603. }
  604.  
  605. body.mac .txNeedMoneyTitle {
  606. margin-top: 13px;
  607. }
  608.  
  609. #ReadNow article {
  610. border: 0;
  611. }
  612.  
  613. #ReadNow article {
  614. width: 100%;
  615. background: transparent;
  616. box-shadow: none;
  617. max-width: 100%;
  618. position: relative;
  619. margin: 0px 0 20px;
  620. }
  621.  
  622. #ReadNow article:last-child {
  623. margin-bottom: 0;
  624. }
  625.  
  626. #ReadNow article>a {
  627. float: right;
  628. }
  629.  
  630. #ReadNow article a.entry-featured-image-url {
  631. max-width: 816px;
  632. border: 1px solid #ef1112;
  633. }
  634.  
  635. #ReadNow article a.entry-featured-image-url img {
  636. float: left;
  637. }
  638.  
  639. #ReadNow article .subContentWrap {
  640. position: absolute;
  641. top: 0;
  642. }
  643.  
  644. .featuredNewsAfter2 .et_pb_post .entry-featured-image-url {
  645. border: 1px solid #6601dc;
  646. }
  647.  
  648. .txReadMore {
  649. display: inline-block;
  650. width: 100%;
  651. }
  652.  
  653. .et_pb_text.txReadMore {
  654. display: block;
  655. height: 50px;
  656. position: absolute;
  657. margin-left: -1px;
  658. margin-top: 32px;
  659. z-index: 99;
  660. }
  661.  
  662. .txReadAgain {
  663. display: inline-block;
  664. width: 100%;
  665. margin-left: -61px;
  666. margin-bottom: 19px !important;
  667. overflow: visible;
  668. }
  669.  
  670. /*body.mac .txReadAgain {
  671. margin-bottom: 25px !important;
  672. }*/
  673.  
  674. #ReadNow article .subContentWrap .elmadd {
  675. display: block;
  676. width: 165px;
  677. height: 194px;
  678. z-index: 12;
  679. position: relative;
  680. }
  681.  
  682. #ReadNow article+article .subContentWrap .elmadd {
  683. float: right;
  684. }
  685.  
  686. #ReadNow article .subContentWrap .postMetaContentWrapper {
  687. border: 1px solid #ef1112;
  688. padding: 20px;
  689. background: #eeedea;
  690. max-width: 460px;
  691. clear: both;
  692. min-height: 145px;
  693. }
  694.  
  695. #ReadNow article+article .subContentWrap .postMetaContentWrapper {
  696. border: 1px solid #6601dc;
  697. }
  698.  
  699. #ReadNow article .subContentWrap .elmadd:before {
  700. width: 164px;
  701. height: 194px;
  702. content: '';
  703. background: url(assets/svg/vxi-triangle.svg);
  704. display: block;
  705. }
  706.  
  707. #ReadNow article+article .subContentWrap .elmadd:before {
  708. background: url(assets/svg/vxi-triangle_purple.svg);
  709. }
  710.  
  711. #ReadNow article h2.entry-title a {
  712. font-family: 'vxihead', sans-serif;
  713. font-size: 32px;
  714. font-weight: 600;
  715. line-height: 1;
  716. letter-spacing: 0;
  717. color: #230052;
  718. margin-top: 0;
  719. padding-bottom: 0;
  720. text-transform: initial;
  721. transition: all 0.2s ease-in-out;
  722. -moz-transition: all 0.2s ease-in-out;
  723. -webkit-transition: all 0.2s ease-in-out;
  724. -o-transition: all 0.2s ease-in-out;
  725. }
  726.  
  727. #ReadNow article h2.entry-title a:hover {
  728. color: #6601dc;
  729. }
  730.  
  731. #ReadNow article h2.entry-title.largeTitle a {
  732. font-size: 25px;
  733. line-height: 1;
  734. }
  735.  
  736. #ReadNow article h2.entry-title {
  737. margin-top: 0;
  738. padding-bottom: 0;
  739. text-align: left;
  740. font-size: 19px;
  741. }
  742.  
  743. #ReadNow article+article h2.entry-title a {
  744. color: #230052;
  745. transition: all 0.2s ease-in-out;
  746. -moz-transition: all 0.2s ease-in-out;
  747. -webkit-transition: all 0.2s ease-in-out;
  748. -o-transition: all 0.2s ease-in-out;
  749. }
  750.  
  751. #ReadNow article+article .subContentWrap {
  752. right: 0;
  753. }
  754.  
  755. #ReadNow article+article a.entry-featured-image-url {
  756. border: 1px solid #6601dc;
  757. }
  758.  
  759. #ReadNow article .post-meta,
  760. #ReadNow article .post-meta a {
  761. font-size: 14px;
  762. font-weight: 600;
  763. color: #ef1112;
  764. margin-bottom: 0;
  765. line-height: 1;
  766. text-align: left;
  767. text-transform: none;
  768. }
  769.  
  770. #ReadNow article .post-meta .author a {
  771. text-transform: capitalize;
  772. }
  773.  
  774. #ReadNow article .post-meta .entry-title {}
  775.  
  776. #ReadNow article+article .post-meta,
  777. #ReadNow article+article .post-meta a {
  778. color: #6601DC;
  779. }
  780.  
  781. #ReadNow article .post-meta {
  782. margin-bottom: 8px;
  783. }
  784.  
  785. #ReadNow article .entry-featured-image-url {
  786. height: 459px;
  787. overflow: hidden;
  788. }
  789.  
  790. #ReadNow article .post-content {
  791. text-transform: none;
  792. display: block;
  793. font-size: 14px;
  794. color: #000000;
  795. margin-top: 5px;
  796. line-height: 17px;
  797. font-family: 'Open Sans', sans-serif;
  798. margin-bottom: 15px;
  799. }
  800.  
  801. .et_pb_post h2 {
  802. margin-top: 0;
  803. }
  804.  
  805. #ReadNow article+article>a {
  806. float: left;
  807. }
  808.  
  809. .page article {
  810. border-top: 0;
  811. background: transparent;
  812. box-shadow: none;
  813. }
  814.  
  815. .featuredNewsAfter2 .post-content {
  816. text-transform: none;
  817. display: block;
  818. font-size: 14px;
  819. color: #000000;
  820. margin-top: 5px;
  821. line-height: 17px;
  822. font-family: 'Open Sans', sans-serif;
  823. margin-bottom: 15px;
  824. }
  825.  
  826. .featuredNewsAfter2 article {
  827. width: 50%;
  828. float: left;
  829. padding-right: 10px;
  830. }
  831.  
  832. .featuredNewsAfter2 article:nth-child(2) {
  833. padding-right: 0;
  834. padding-left: 10px;
  835. }
  836.  
  837. .featuredNewsAfter2 .post-meta,
  838. .featuredNewsAfter2 .post-meta a {
  839. font-size: 14px;
  840. font-weight: 600;
  841. color: #6601dc !important;
  842. line-height: 1;
  843. }
  844.  
  845. .featuredNewsAfter2 .post-meta {
  846. margin-top: 3px;
  847. }
  848.  
  849. .featuredNewsAfter2 .postMetaContentWrapper {
  850. border: 1px solid #6601dc;
  851. padding: 15px 34px;
  852. width: 500px;
  853. background: #efeeea;
  854. height: 140px;
  855. }
  856.  
  857. .featuredNewsAfter2 article .postMetaContentWrapper {
  858. margin-left: -60px;
  859. margin-top: -63px;
  860. z-index: 9;
  861. position: relative;
  862. }
  863.  
  864. .featuredNewsAfter2 article+article .postMetaContentWrapper {
  865. margin-left: 20px;
  866. }
  867.  
  868.  
  869.  
  870.  
  871. .post-meta a {
  872. text-transform: capitalize;
  873. }
  874.  
  875. .featuredNewsAfter2 h2.entry-title {
  876. font-size: 22px;
  877. font-weight: bold;
  878. text-transform: none;
  879. color: #6601dc;
  880. line-height: 25px;
  881. padding-bottom: 0;
  882. }
  883.  
  884. .featuredNewsAfter2 h2.entry-title a {
  885. color: #230052;
  886. letter-spacing: 0;
  887. font-weight: 600;
  888. transition: all 0.2s ease-in-out;
  889. -moz-transition: all 0.2s ease-in-out;
  890. -webkit-transition: all 0.2s ease-in-out;
  891. -o-transition: all 0.2s ease-in-out;
  892. }
  893.  
  894. .featuredNewsAfter2 h2.entry-title a:hover {
  895. color: #6601dc;
  896. }
  897.  
  898. .sidebarIkl {
  899. /* background: url(assets/svg/ikl-sidebar.svg); */
  900. width: 300px;
  901. min-height: 250px;
  902. margin-top: -30px;
  903. z-index: 1;
  904. position: relative;
  905. /* background-color: #d8d8d8; */
  906. }
  907.  
  908. .sidebarIklWrap {
  909. text-align: center;
  910. position: relative;
  911. z-index: 9;
  912. margin-bottom: 27px !important;
  913. margin-top: -31px;
  914. }
  915.  
  916. body.mac .sidebarIklWrap {
  917. margin-top: -29px;
  918. }
  919.  
  920. .sidebarIklWrap p {
  921. text-align: center !important;
  922. }
  923.  
  924. .sidebarIklWrap .et_pb_widget {
  925. margin-bottom: 0 !important;
  926. text-align: left;
  927. border-radius: 0 !important;
  928. -webkit-border-radius: 0 !important;
  929. -moz-border-radius: 0 !important;
  930. }
  931.  
  932. .sidebarIklWrap h4.widgettitle {
  933. display: none;
  934. }
  935.  
  936. .latestPostHome {
  937. width: 640px;
  938. border: 1px solid #230052;
  939. padding: 25px 23px;
  940. margin-top: -62px;
  941. position: relative;
  942. background: #efeeea;
  943. display: inline-block;
  944. padding-bottom: 20px;
  945. z-index: 9;
  946. }
  947.  
  948. .bg123 {
  949. background: #ef1112;
  950. /* Old browsers */
  951. background: -moz-linear-gradient(45deg, #ef1112 0%, #6601dc 100%);
  952. /* FF3.6-15 */
  953. background: -webkit-linear-gradient(45deg, #ef1112 0%, #6601dc 100%);
  954. /* Chrome10-25,Safari5.1-6 */
  955. background: linear-gradient(45deg, #ef1112 0%, #6601dc 100%);
  956. /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  957. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef1112', endColorstr='#6601dc', GradientType=1);
  958. }
  959.  
  960. .alm-btn-wrap {
  961. padding-bottom: 0 !important;
  962. }
  963.  
  964. .alm-btn-wrap .alm-load-more-btn.akal_load_more {
  965. width: 100%;
  966. background: #ef1112;
  967. position: absolute;
  968. left: 0;
  969. border-radius: 0;
  970. -webkit-border-radius: 0;
  971. -moz-border-radius: 0;
  972. transition: all 0.2s ease-in-out;
  973. -moz-transition: all 0.2s ease-in-out;
  974. -webkit-transition: all 0.2s ease-in-out;
  975. -o-transition: all 0.2s ease-in-out;
  976. }
  977.  
  978. .alm-btn-wrap .alm-load-more-btn.akal_load_more.loading {
  979. padding-left: 20px;
  980. }
  981.  
  982. .alm-btn-wrap .alm-load-more-btn.loading:before {
  983. display: none;
  984. }
  985.  
  986. .alm-btn-wrap .alm-load-more-btn.akal_load_more:hover {
  987. background: #fb292a;
  988. }
  989.  
  990. .alm-btn-wrap .alm-load-more-btn.akal_load_more.done {
  991. display: none;
  992. }
  993.  
  994. .latestPostHome .excerpt {
  995. display: none;
  996. }
  997.  
  998. .home23 .et_pb_row {
  999. padding-top: 14px;
  1000. }
  1001.  
  1002. .home23 .et_pb_row .et_pb_column_2_3 {
  1003. width: 640px;
  1004. margin-right: 40px;
  1005. z-index: 3;
  1006. }
  1007.  
  1008. .home23 .et_pb_row .et_pb_column_1_3 {
  1009. width: 300px;
  1010. z-index: 99;
  1011. position: relative;
  1012. }
  1013.  
  1014. .home22 .et_pb_row {
  1015. padding-bottom: 0;
  1016. padding-top: 20px;
  1017. z-index: 9;
  1018. }
  1019.  
  1020. .latestPostHome .itemPost {
  1021. clear: both;
  1022. margin-top: 7px;
  1023. display: inline-block;
  1024. width: 100%;
  1025. }
  1026.  
  1027. .latestPostHome .itemPost:first-child {
  1028. margin-top: 0;
  1029. }
  1030.  
  1031. .latestPostHome .alm-reveal+.alm-reveal {
  1032. margin-top: 7px;
  1033. }
  1034.  
  1035. .latestPostHome .featImage,
  1036. .searchContent .searchItem .featuredImage {
  1037. float: left;
  1038. width: 245px;
  1039. margin-right: 23px;
  1040. margin-bottom: 18px;
  1041. height: 169px;
  1042. overflow: hidden;
  1043. }
  1044.  
  1045. .latestPostHome .itemPost:last-child .featImage {
  1046. margin-bottom: 18px;
  1047. }
  1048.  
  1049. .latestPostHome .featImage img,
  1050. .searchContent .searchItem .featuredImage img {
  1051. width: 245px;
  1052. border: 1px solid #ef1112;
  1053. }
  1054.  
  1055. .latestPostHome .subContent {}
  1056.  
  1057. .latestPostHome .subContent .entry-cat,
  1058. .searchItem .metaCatDate .entry-cat {
  1059. float: left;
  1060. font-size: 16px;
  1061. font-weight: bold;
  1062. color: #ef1112;
  1063. text-transform: uppercase;
  1064. margin-right: 5px;
  1065. margin-bottom: 2px;
  1066. }
  1067.  
  1068. .latestPostHome .subContent .entry-date,
  1069. .searchItem .metaCatDate .entry-date {
  1070. font-size: 16px;
  1071. font-weight: normal;
  1072. color: #ef1112;
  1073. text-transform: capitalize;
  1074. clear: right;
  1075. margin-bottom: 2px;
  1076. display: block;
  1077. }
  1078.  
  1079. .latestPostHome .subContent .entry-title {
  1080. display: block;
  1081. clear: right;
  1082. }
  1083.  
  1084. .latestPostHome .subContent .excerpt-before {
  1085. display: block;
  1086. font-size: 13px;
  1087. color: #000000;
  1088. margin-top: 7px;
  1089. line-height: 17px;
  1090. font-family: 'Open Sans', sans-serif;
  1091. }
  1092.  
  1093. .latestPostHome .subContent .excerpt-before p {
  1094. font-size: 12px;
  1095. color: #000000;
  1096. line-height: 1;
  1097. }
  1098.  
  1099. .latestPostHome .subContent h3 {
  1100. padding-bottom: 0;
  1101. text-transform: none;
  1102. font-size: 22px;
  1103. font-weight: bold;
  1104. line-height: 25px;
  1105. }
  1106.  
  1107. .latestPostHome .subContent h3 a {
  1108. color: #230052;
  1109. letter-spacing: 0;
  1110. font-weight: 600;
  1111. transition: all 0.2s ease-in-out;
  1112. -moz-transition: all 0.2s ease-in-out;
  1113. -webkit-transition: all 0.2s ease-in-out;
  1114. -o-transition: all 0.2s ease-in-out;
  1115. }
  1116.  
  1117.  
  1118. .latestPostHome .subContent h3 a:hover {
  1119. color: #6601DC;
  1120. }
  1121.  
  1122. .latestPostHome .subContent .largeTitle h3 {
  1123. overflow: hidden;
  1124. text-overflow: ellipsis;
  1125. display: -webkit-box;
  1126. line-height: 27px;
  1127. /* fallback */
  1128. /* fallback */
  1129. -webkit-line-clamp: 2;
  1130. /* number of lines to show */
  1131. -webkit-box-orient: vertical;
  1132. }
  1133.  
  1134. /*body.mac .latestPostHome .subContent .largeTitle h3 {
  1135. line-height: 25px;
  1136. }
  1137.  
  1138. body.mac .latestPostHome .subContent h3 {
  1139. line-height: 25px;
  1140. }*/
  1141.  
  1142. .latestPostHome .subContent .btnReadMore {
  1143. display: inline-block;
  1144. transition: all 0.2s ease-in-out;
  1145. -moz-transition: all 0.2s ease-in-out;
  1146. -webkit-transition: all 0.2s ease-in-out;
  1147. -o-transition: all 0.2s ease-in-out;
  1148. }
  1149.  
  1150. .latestPostHome .subContent .btnReadMore:hover {
  1151. padding-bottom: 6px;
  1152. }
  1153.  
  1154. .latestPostHome .subContent .btnReadMore span {
  1155. font-size: 13px;
  1156. font-weight: 600;
  1157. text-transform: uppercase;
  1158. color: #ef1112;
  1159. border: 1px solid #ef1112;
  1160. padding: 1px 11px;
  1161. display: inline-block;
  1162. margin-top: 22px;
  1163. margin-right: 4px;
  1164. overflow: hidden;
  1165. position: relative;
  1166. transition: all 0.2s ease-in-out;
  1167. -moz-transition: all 0.2s ease-in-out;
  1168. -webkit-transition: all 0.2s ease-in-out;
  1169. -o-transition: all 0.2s ease-in-out;
  1170. }
  1171.  
  1172. .latestPostHome .subContent .btnReadMore:hover span {
  1173. box-shadow: 6px 6px 0px #ef1112;
  1174. background: transparent;
  1175. color: #ef1112;
  1176. margin-top: 15px;
  1177. margin-right: 10px;
  1178. }
  1179.  
  1180. .latestPostHome .subContent .btnReadMore:active span {
  1181. box-shadow: 0 0 0px #ef1112;
  1182. margin-top: 16px;
  1183. margin-right: 4px;
  1184. background: transparent;
  1185. color: #ef1112;
  1186. }
  1187.  
  1188. .latestPostHome .subContent .bReadMore {
  1189. float: right;
  1190. margin-right: 0;
  1191. margin-top: -45px;
  1192. }
  1193.  
  1194. .latestPostHome .subContent .entry-author {
  1195. font-size: 11px;
  1196. font-weight: 600;
  1197. color: #6601dc;
  1198. margin-top: 5px;
  1199. }
  1200.  
  1201. .latestPostHome .subContent .entry-author .author {
  1202. text-transform: uppercase;
  1203. }
  1204.  
  1205. .latestPostHome .subContent .entry-authorFirst {
  1206. display: none;
  1207. }
  1208.  
  1209. .sideDoIT-title p {
  1210. font-size: 40px;
  1211. font-weight: bold;
  1212. line-height: 1;
  1213. color: #ef1112;
  1214. z-index: 9;
  1215. font-family: 'vxihead', sans-serif;
  1216. margin-top: 10px;
  1217. margin-left: 0px;
  1218. background: -moz-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  1219. background: -webkit-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  1220. background: linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  1221. -webkit-background-clip: text;
  1222. -webkit-text-fill-color: transparent;
  1223. z-index: 9;
  1224. position: relative;
  1225. display: inline-block;
  1226. }
  1227.  
  1228. .dontLeave-title p {
  1229. font-size: 40px;
  1230. font-weight: bold;
  1231. line-height: 35px;
  1232. color: #ef1112;
  1233. font-family: 'vxihead', sans-serif;
  1234. letter-spacing: 0px !important;
  1235. margin-top: 5px;
  1236. margin-left: 0px;
  1237. display: block;
  1238. background: -moz-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  1239. background: -webkit-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  1240. background: linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  1241. -webkit-background-clip: text;
  1242. -webkit-text-fill-color: transparent;
  1243. z-index: 9;
  1244. position: relative;
  1245. }
  1246.  
  1247. .dontLeave-title {
  1248. margin-bottom: 0 !important;
  1249. margin-top: 10px;
  1250. display: inline-block;
  1251. }
  1252.  
  1253. .dontLeave-title {
  1254. overflow: visible;
  1255. width: 300px;
  1256. }
  1257.  
  1258. .homeSocmedLnk {
  1259. width: 300px;
  1260. height: 268px;
  1261. background: url(assets/svg/vxi_socialcloudfull1.svg) no-repeat right bottom;
  1262. bottom: 0;
  1263. /* padding: 20px 20px 20px 70px; */
  1264. margin-top: -14px;
  1265. position: relative;
  1266. z-index: 999;
  1267. border-top: 1px solid #230052;
  1268. }
  1269.  
  1270. .homeSocmedLnk a {
  1271. font-size: 20px;
  1272. font-weight: bold;
  1273. color: #6601dc;
  1274. transition: all 0.2s ease-in-out;
  1275. -moz-transition: all 0.2s ease-in-out;
  1276. -webkit-transition: all 0.2s ease-in-out;
  1277. -o-transition: all 0.2s ease-in-out;
  1278. }
  1279.  
  1280. .homeSocmedLnk a:hover {
  1281. color: #ef1112;
  1282. }
  1283.  
  1284. .homeSocmedLnk p {
  1285. margin-bottom: 0;
  1286. width: 50%;
  1287. float: left;
  1288. height: 103px;
  1289. text-align: center;
  1290. }
  1291.  
  1292. .homeSocmedLnk .et_pb_text_inner {}
  1293.  
  1294. .homeSocmedLnk .et_pb_text_inner p {
  1295. overflow: hidden;
  1296. }
  1297.  
  1298. .homeSocmedLnk .et_pb_text_inner p:first-child {
  1299. border-bottom: 1px solid #230052;
  1300. }
  1301.  
  1302. .homeSocmedLnk .et_pb_text_inner p:nth-child(2n) {
  1303. border-left: 1px solid #230052;
  1304. border-bottom: 1px solid #230052;
  1305. }
  1306.  
  1307. .homeSocmedLnk .et_pb_text_inner p:nth-child(4n) {
  1308. border-bottom: 0;
  1309. }
  1310.  
  1311. .homeSocmedLnk .et_pb_text_inner p a {
  1312. vertical-align: middle;
  1313. line-height: 100px;
  1314. -webkit-transform: rotate(-37deg);
  1315. -moz-transform: rotate(-37deg);
  1316. -ms-transform: rotate(-37deg);
  1317. -o-transform: rotate(-37deg);
  1318. display: block;
  1319. transform: rotate(-37deg);
  1320. margin-top: 25px;
  1321. margin-left: -90px;
  1322. transition: 0.5s;
  1323. transition-property: initial;
  1324. transition-duration: 0.5s;
  1325. transition-timing-function: initial;
  1326. transition-delay: initial;
  1327. }
  1328.  
  1329. .homeSocmedLnk .et_pb_text_inner p a:hover {
  1330. -webkit-transform: rotate(0deg);
  1331. -moz-transform: rotate(0deg);
  1332. -ms-transform: rotate(0deg);
  1333. -o-transform: rotate(0deg);
  1334. transform: rotate(0deg);
  1335. margin-top: 2px;
  1336. margin-left: 0;
  1337. }
  1338.  
  1339. .sideDoIT-title {
  1340. margin-bottom: 0 !important;
  1341. }
  1342.  
  1343. .doit_form {
  1344. width: 300px;
  1345. border: 1px solid #230052;
  1346. margin-top: -16px;
  1347. padding: 20px;
  1348. background: #efeeea;
  1349. position: relative;
  1350. z-index: 99;
  1351. margin-bottom: 27px !important;
  1352. }
  1353.  
  1354. .doit_form p {
  1355. font-size: 13px;
  1356. font-weight: 600;
  1357. line-height: 17px;
  1358. color: #230052;
  1359. margin-bottom: 10px;
  1360. }
  1361.  
  1362. .doit_form .form-item input {
  1363. border: 1px solid #230052;
  1364. border-radius: 0;
  1365. -webkit-border-radius: 0;
  1366. -moz-border-radius: 0;
  1367. background: transparent;
  1368. padding: 5px 7px;
  1369. font-size: 13px;
  1370. width: 100%;
  1371. color: #230052;
  1372. line-height: 1;
  1373. }
  1374.  
  1375. .doit_form .form-item input::-webkit-input-placeholder {
  1376. text-transform: lowercase;
  1377. letter-spacing: 0;
  1378. font-weight: 300;
  1379. }
  1380.  
  1381. .doit_form .form-item input::-moz-placeholder {
  1382. text-transform: lowercase;
  1383. letter-spacing: 0;
  1384. font-weight: 300;
  1385. }
  1386.  
  1387. .doit_form .form-item input:-ms-input-placeholder {
  1388. text-transform: lowercase;
  1389. letter-spacing: 0;
  1390. font-weight: 300;
  1391. }
  1392.  
  1393. .doit_form .form-item input:-moz-placeholder {
  1394. text-transform: lowercase;
  1395. letter-spacing: 0;
  1396. font-weight: 300;
  1397. }
  1398.  
  1399. .introSupport p {
  1400. font-size: 18px;
  1401. line-height: 28px;
  1402. font-weight: 500;
  1403. }
  1404.  
  1405.  
  1406. .mobileSearch .et-top-search input::-webkit-input-placeholder {
  1407. letter-spacing: 0;
  1408. text-transform: capitalize;
  1409. }
  1410.  
  1411. .mobileSearch .et-top-search input::-moz-placeholder {
  1412. letter-spacing: 0;
  1413. text-transform: capitalize;
  1414. }
  1415.  
  1416. .mobileSearch .et-top-search input:-ms-input-placeholder {
  1417. letter-spacing: 0;
  1418. text-transform: capitalize;
  1419. }
  1420.  
  1421. .mobileSearch .et-top-search input:-moz-placeholder {
  1422. letter-spacing: 0;
  1423. text-transform: capitalize;
  1424. }
  1425.  
  1426. .doit_form .btnAct input {
  1427. font-size: 11px;
  1428. font-weight: 600;
  1429. width: 100%;
  1430. margin-top: 10px;
  1431. background: #ef1112;
  1432. color: #ffffff;
  1433. letter-spacing: 1px;
  1434. border-radius: 0;
  1435. -webkit-border-radius: 0;
  1436. -moz-border-radius: 0;
  1437. transition: all 0.2s ease-in-out;
  1438. -moz-transition: all 0.2s ease-in-out;
  1439. -webkit-transition: all 0.2s ease-in-out;
  1440. -o-transition: all 0.2s ease-in-out;
  1441. -webkit-appearance: none;
  1442. }
  1443.  
  1444. .doit_form .btnAct input:hover {
  1445. background-color: #fb292a;
  1446. }
  1447.  
  1448. .articleFeaturedImage {
  1449. display: inline-block;
  1450. width: 100%;
  1451. margin-bottom: 55px;
  1452. position: relative;
  1453. }
  1454.  
  1455. .articleFeaturedImage .categoryName {
  1456. display: inline-block;
  1457. font-weight: 500;
  1458. text-transform: uppercase;
  1459. position: absolute;
  1460. top: 70px;
  1461. z-index: 9;
  1462. left: -52px;
  1463. }
  1464.  
  1465. .articleFeaturedImage .categoryName .mainCat {
  1466. font-size: 17px;
  1467. float: left;
  1468. color: #ffffff;
  1469. background: #6601dc;
  1470. border: 1px solid #6601dc;
  1471. padding: 6px 30px 6px 17px;
  1472. letter-spacing: 1px;
  1473. -webkit-clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);
  1474. clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);
  1475. z-index: 9999;
  1476. position: relative;
  1477. }
  1478.  
  1479. .articleFeaturedImage .categoryName .subCat {
  1480. font-size: 17px;
  1481. float: left;
  1482. color: #6601dc;
  1483. border: 1px solid #6601dc;
  1484. padding: 6px 17px;
  1485. background: #efeeea;
  1486. letter-spacing: 1px;
  1487. position: relative;
  1488. margin-left: -40px;
  1489. padding-left: 50px;
  1490. }
  1491.  
  1492. .articleFeaturedImage .imageFull {
  1493. width: 910px;
  1494. margin-top: 84px;
  1495. /* -webkit-box-shadow: 68px 48px 0px 0px rgba(239, 17, 18, 1); */
  1496. -moz-box-shadow: 68px 48px 0px 0px rgba(239, 17, 18, 1);
  1497. /* box-shadow: 68px 48px 0px 0px rgba(239, 17, 18, 1); */
  1498. /* position: relative; */
  1499. /* height: 512px; */
  1500. overflow: hidden;
  1501. }
  1502.  
  1503. .articleFeaturedImage .imageFull:before {
  1504. content: '';
  1505. background: url('assets/article_box_bg.svg');
  1506. position: absolute;
  1507. left: 0;
  1508. width: 99%;
  1509. top: 0;
  1510. height: 87%;
  1511. z-index: 0;
  1512. margin-top: 132px;
  1513. background-size: contain;
  1514. background-position: right;
  1515. }
  1516.  
  1517. .articleFeaturedImage .imageFull .post-thumbnail {
  1518. /* height: 512px; */
  1519. margin-bottom: 0 !important;
  1520. }
  1521.  
  1522. .articleFeaturedImage .titleWrap {
  1523. /* border: 2px solid #6601dc; */
  1524. padding: 25px 20px;
  1525. background: #eeedea;
  1526. max-width: 652px;
  1527. }
  1528.  
  1529. .articleFeaturedImage .titleWrap {
  1530. font-family: 'vxihead', sans-serif;
  1531. font-size: 32px;
  1532. font-weight: 600;
  1533. line-height: 34px;
  1534. letter-spacing: 0;
  1535. color: #230052;
  1536. margin-top: 0;
  1537. text-transform: capitalize;
  1538. position: absolute;
  1539. left: 0;
  1540. bottom: -55px;
  1541. padding: 27px 24px;
  1542. /* padding-left: 0; */
  1543. }
  1544.  
  1545.  
  1546. /* .articleFeaturedImage .titleWrap.sizeTitle2 {
  1547. font-size: 38px;
  1548. }
  1549.  
  1550. .articleFeaturedImage .titleWrap.sizeTitle3 {
  1551. font-size: 38px;
  1552. }
  1553.  
  1554. .articleFeaturedImage .titleWrap.sizeTitle4 {
  1555. font-size: 34px;
  1556. padding: 22px 35px;
  1557. z-index: 9;
  1558. } */
  1559.  
  1560. .single-post #main-content {
  1561. padding-top: 0;
  1562. }
  1563.  
  1564. .single-post #main-content>.et_pb_section>.et_pb_row {
  1565. padding-top: 0;
  1566. width: 980px;
  1567. }
  1568.  
  1569. .single article,
  1570. .page article {
  1571. background: transparent;
  1572. box-shadow: none;
  1573. }
  1574.  
  1575. .single .comment .comment-body {
  1576. padding-left: 0 !important;
  1577. margin-bottom: 15px;
  1578. padding-right: 0;
  1579. border-bottom: 1px solid #cccccc;
  1580. padding-bottom: 10px;
  1581. }
  1582.  
  1583. #comment-wrap .commentlist {
  1584. margin-bottom: 30px;
  1585. }
  1586.  
  1587. .single .comment:last-child .comment-body {
  1588. padding-bottom: 5px;
  1589. margin-bottom: 0;
  1590. border-bottom: 0;
  1591. display: inline-block;
  1592. width: 100%;
  1593. }
  1594. .single .comment .comment_area {}
  1595. .single .comment .comment_area .moderation {
  1596. font-size: 11px;
  1597. margin-bottom: 10px;
  1598. background: #cccccc;
  1599. padding: 2px 6px;
  1600. font-style: non;
  1601. }
  1602.  
  1603. .single .comment .comment-content {
  1604. margin-top: 10px;
  1605. }
  1606.  
  1607. .comment-body .comment_area .comment-content .reply-container {
  1608. font-size: 12px;
  1609. font-weight: 500;
  1610. line-height: 1;
  1611. float: left;
  1612. }
  1613.  
  1614. #comment-wrap .comment-body .comment-content p {
  1615. margin-bottom: 10px;
  1616. line-height: 20px;
  1617. font-size: 14px;
  1618. }
  1619.  
  1620. #comment-wrap .comment-body .comment-content .reply-container a {
  1621. padding: 0;
  1622. background: transparent;
  1623. text-transform: none;
  1624. }
  1625.  
  1626. #comment-wrap .comment-body a:hover {
  1627. color: #ef1112;
  1628. }
  1629. .single .comment .comment_avatar {
  1630. display: none;
  1631. }
  1632. .single .comment .comment-avatar {}
  1633. .single .comment .comment_postinfo {
  1634. margin-bottom: 3px;
  1635. line-height: 1;
  1636. }
  1637.  
  1638. .single .comment .comment_postinfo .fn, .single .comment .comment_postinfo .fn a {
  1639. font-size: 14px;
  1640. font-weight: 500;
  1641. color: #333333;
  1642. }
  1643.  
  1644. .single .comment .comment_postinfo .comment_date {
  1645. font-size: 10px;
  1646. }
  1647.  
  1648. .single-post #main-content p {
  1649. font-size: 16px;
  1650. color: #000000;
  1651. font-weight: normal;
  1652. line-height: 29px;
  1653. font-family: 'Open Sans', Arial, sans-serif;
  1654. /* text-align: justify; */
  1655. }
  1656.  
  1657. .single-post #main-content .wp-caption p.wp-caption-text {
  1658. font-size: 13px;
  1659. font-family: 'vxihead', sans-serif;
  1660. line-height: 1;
  1661. margin-bottom: 20px;
  1662. }
  1663.  
  1664. .single-post #main-content .wp-caption {
  1665. margin-bottom: 20px;
  1666. /* display: inline-block; */
  1667. /* width: 100%; */
  1668. }
  1669.  
  1670. .single-post #main-content .comment-form-comment {
  1671. /* background: #ffffff; */
  1672. z-index: 99;
  1673. }
  1674.  
  1675. .single-post #main-content .comment-form-comment textarea {
  1676. background: #ffffff;
  1677. }
  1678.  
  1679. .commentWrapper h3#reply-title span {
  1680. font-size: 48px;
  1681. font-weight: bold;
  1682. /* text-transform: uppercase; */
  1683. color: #6601dc;
  1684. letter-spacing: 0;
  1685. background: -moz-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  1686. background: -webkit-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  1687. background: linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  1688. -webkit-background-clip: text;
  1689. -webkit-text-fill-color: transparent;
  1690. line-height: 1;
  1691. position: relative;
  1692. /* z-index: 28; */
  1693. display: inline-block;
  1694. text-transform: none;
  1695. }
  1696.  
  1697. .commentWrapper h3#reply-title {
  1698. display: inline-block;
  1699. width: 100%;
  1700. padding-bottom: 5px;
  1701. padding-left: 2px;
  1702. }
  1703.  
  1704. .comment-respond .comment-form {
  1705. position: relative;
  1706. margin-top: -18px;
  1707. }
  1708.  
  1709. .commentWrapper h3#reply-title small {
  1710. /* float: left; */
  1711. /* vertical-align: bottom; */
  1712. position: relative;
  1713. line-height: 18px;
  1714. text-transform: none;
  1715. font-size: 13px;
  1716. font-weight: 600;
  1717. /* display: none; */
  1718. padding-left: 3px;
  1719. }
  1720.  
  1721. .commentlist>li #respond.comment-respond h3#reply-title span {
  1722. line-height: 1.2em !important;
  1723. /* float: left; */
  1724. display: none;
  1725. }
  1726.  
  1727. .commentlist>li #respond.comment-respond form {
  1728. margin-top: 0;
  1729. }
  1730.  
  1731. .commentlist>li #respond.comment-respond .logged-in-as {
  1732. margin-bottom: 0 !important;
  1733. top: -20px !important;
  1734. }
  1735. .single .post-wrap .post-content {
  1736. margin-top: 0;
  1737. font-family: 'Open Sans', sans-serif;
  1738. font-size: 16px;
  1739. line-height: 29px;
  1740. }
  1741. .single-post .logged-in-as, .single-post .logged-in-as a {
  1742. font-size: 13px;
  1743. line-height: 1;
  1744. }
  1745. .single-post #main-content .logged-in-as, .single-post #main-content .commentWrapper .must-log-in {
  1746. font-size: 13px;
  1747. line-height: 1;
  1748. margin-bottom: 10px;
  1749. }
  1750.  
  1751. .single-post #main-content .commentWrapper .must-log-in {
  1752. height: 200px;
  1753. display: block;
  1754. margin-bottom: 0;
  1755. text-align: center;
  1756. border: 2px solid #DFDFDF !important;
  1757. background: #ffffff;
  1758. margin-top: -18px;
  1759. z-index: 9;
  1760. position: relative;
  1761. line-height: 200px;
  1762. }
  1763.  
  1764. .single-post #main-content .logged-in-as {
  1765. text-align: right;
  1766. position: absolute;
  1767. z-index: 9;
  1768. /* width: 100%; */
  1769. top: -20px;
  1770. float: right;
  1771. right: 0;
  1772. margin-bottom: 0 !important;
  1773. }
  1774. .single-post #main-content .logged-in-as a, .single-post #main-content .commentWrapper .must-log-in a {
  1775. font-weight: 600;
  1776. }
  1777.  
  1778. .single-post .logged-in-as a:first-child {}
  1779.  
  1780. .single-post .logged-in-as a:last-child {
  1781. color: #ef1112;
  1782. }
  1783.  
  1784. .single-post #main-content .commentWrapper .must-log-in a {
  1785. color: #ef1112;
  1786. }
  1787.  
  1788. .single-post #main-content .logged-in-as a:hover,
  1789. .single-post #main-content .commentWrapper .must-log-in a:hover {
  1790. text-decoration: underline;
  1791. }
  1792. .single-post #main-content .post-content img {
  1793. /* width: 100%; */
  1794. }
  1795. .post-footer .rating-stars .rating-star {
  1796. width: auto !important;
  1797. }
  1798. .single-post #main-content figure {
  1799. margin-bottom: 25px;
  1800. }
  1801. .et_pb_widget {
  1802. background: transparent;
  1803. box-shadow: none;
  1804. }
  1805. .metaArticle {
  1806. font-size: 16px;
  1807. font-weight: 500;
  1808. color: #ef1112;
  1809. margin-bottom: 50px;
  1810. float: left;
  1811. width: 100%;
  1812. margin-top: 15px;
  1813. padding-left: 25px;
  1814. }
  1815. .subtitleArticle .subtitle {
  1816. font-size: 20px;
  1817. margin-bottom: 30px;
  1818. color: #adadad;
  1819. font-weight: 600;
  1820. line-height: 29px;
  1821. font-family: 'Open Sans', Arial, sans-serif;
  1822. font-style: italic;
  1823. }
  1824. .metaArticle .authorDate {
  1825. display: inline-block;
  1826. border: 1px solid #ef1112;
  1827. float: left;
  1828. font-size: 14px;
  1829. }
  1830. .metaArticle .socmed {
  1831. display: inline-block;
  1832. float: left;
  1833. clear: both;
  1834. border: 1px solid #ef1112;
  1835. border-top: 0;
  1836. }
  1837. .metaArticle .socmed a span {
  1838. background: transparent !important;
  1839. border-right: 1px solid #ef1112;
  1840. border-radius: 0;
  1841. -webkit-border-radius: 0;
  1842. width: 35px;
  1843. float: left;
  1844. height: 26px;
  1845. font-size: 14px;
  1846. line-height: 26px;
  1847. }
  1848. .metaArticle .socmed a:last-child span {
  1849. border-right: 0;
  1850. width: 34px;
  1851. }
  1852. .metaArticle .socmed {}
  1853. .metaArticle .socmed a span:before {
  1854. color: #ef1112;
  1855. }
  1856. .metaArticle .socmed a .et-extra-icon-background-hover:hover {
  1857. /* background: transparent !important; */
  1858. background: #ef1112 !important;
  1859. color: #ffffff !important;
  1860. }
  1861. .metaArticle .socmed a:hover .et-extra-icon-background-hover:before {
  1862. color: #ffffff !important;
  1863. }
  1864. .metaArticle .theAuthor {
  1865. display: inline-block;
  1866. padding: 2px 48px 2px 10px;
  1867. text-transform: capitalize;
  1868. line-height: 23px;
  1869. }
  1870. .metaArticle .date {
  1871. display: inline-block;
  1872. text-transform: uppercase;
  1873. padding-right: 10px;
  1874. border-left: 1px solid #ef1112;
  1875. padding: 2px 17px;
  1876. line-height: 23px;
  1877. }
  1878. .post-wrap .post-content .et_pb_section {
  1879. margin-left: 0;
  1880. margin-right: 0;
  1881. }
  1882. .post-wrap .post-content .et_pb_section .et_pb_row {
  1883. padding-left: 25px;
  1884. padding-right: 25px;
  1885. width: 100%;
  1886. }
  1887.  
  1888. .single-post .post-wrap .post-content .et_pb_section .et_pb_row {
  1889. padding-top: 0;
  1890. padding-right: 0;
  1891. }
  1892.  
  1893. #main-content #content-area {
  1894. /* display: block; */
  1895. }
  1896.  
  1897. .error404 #main-content .container {
  1898. width: 100%;
  1899. max-width: 100%;
  1900. }
  1901.  
  1902. body.category #main-content #content-area {}
  1903.  
  1904. body.category #main-content {
  1905. /* background: #efeeea; */
  1906. padding-top: 0;
  1907. padding-bottom: 0;
  1908. z-index: 999;
  1909. position: relative;
  1910. clear: both;
  1911. }
  1912.  
  1913. body.category #main-content>.container {
  1914. margin-left: 0;
  1915. margin-right: 0;
  1916. width: 100%;
  1917. /* border: 2px solid #6601dc; */
  1918. margin-top: -2px;
  1919. max-width: 100%;
  1920. border-left: 0;
  1921. border-right: 0;
  1922. }
  1923.  
  1924. body.category.search #main-content>.container {
  1925. width: 90%;
  1926. max-width: 1280px;
  1927. margin: 0 auto;
  1928. }
  1929.  
  1930. body.category #main-content #content-area {
  1931. padding-top: 0;
  1932. max-width: 944px;
  1933. margin-left: auto;
  1934. margin-right: auto;
  1935. padding-top: 70px;
  1936. position: relative;
  1937. }
  1938.  
  1939. body.category.search #main-content #content-area {
  1940. max-width: 100%;
  1941. padding-top: 0;
  1942. }
  1943.  
  1944. body.category #main-content #content-area h1 {
  1945. display: none;
  1946. }
  1947.  
  1948. .single-post #content-area .et_pb_extra_column_main {
  1949. width: 69%;
  1950. max-width: 69%;
  1951. min-width: 69%;
  1952. -ms-flex-preferred-size: 69%;
  1953. flex-basis: 69%;
  1954. padding: 0 40px 0 0;
  1955. }
  1956.  
  1957. .single-post #content-area .et_pb_extra_column_main.fullPost {
  1958. width: 100%;
  1959. max-width: 100%;
  1960. min-width: 100%;
  1961. -ms-flex-preferred-size: 100%;
  1962. display: block;
  1963. padding-right: 0;
  1964. }
  1965.  
  1966. .single-post #content-area .sidebarFull .et_pb_extra_column_sidebar {}
  1967.  
  1968. .single-post #content-area .sidebarFull {
  1969. display: inline-block;
  1970. width: 100%;
  1971. text-align: center;
  1972. }
  1973.  
  1974. .single-post #content-area .sidebarFull .widgettitle,
  1975. .single-post #content-area .sidebarFull .widgettitle p {
  1976. text-align: center;
  1977. }
  1978.  
  1979. .single-post #content-area.fullPost {
  1980. display: block;
  1981. }
  1982.  
  1983. .single-post #content-area .sidebarFull .et_pb_extra_column_sidebar {
  1984. display: block;
  1985. width: 100%;
  1986. max-width: 100%;
  1987. }
  1988.  
  1989. .single-post #content-area .et_pb_extra_column_sidebar {
  1990. width: 31%;
  1991. max-width: 31%;
  1992. min-width: 31%;
  1993. -ms-flex-preferred-size: 31%;
  1994. flex-basis: 31%;
  1995. padding-left: 0;
  1996. }
  1997.  
  1998. #content-area .et_pb_extra_column_sidebar .widgettitle {
  1999. display: none;
  2000. }
  2001.  
  2002. #content-area .et_pb_extra_column_sidebar .et_pb_widget img {}
  2003.  
  2004. #content-area .et_pb_extra_column_sidebar .et_pb_widget {
  2005. text-align: center;
  2006. border-radius: 0;
  2007. -webkit-border-radius: 0;
  2008. -moz-border-radius: 0;
  2009. }
  2010.  
  2011. #content-area .single-post-module .post-wrap {
  2012. padding-left: 0;
  2013. padding-right: 0;
  2014. }
  2015.  
  2016. #content-area .fullPost .single-post-module .post-wrap {
  2017. padding-right: 0;
  2018. }
  2019.  
  2020. #content-area .fullPost .single-post-module .post-content {
  2021. display: inline-block;
  2022. width: 100%;
  2023. }
  2024.  
  2025. #content-area .single-post-module .post-wrap h1,
  2026. #content-area .single-post-module .post-wrap h2,
  2027. #content-area .single-post-module .post-wrap h3 {
  2028. color: #6601dc;
  2029. }
  2030.  
  2031. #content-area .relatedArticle {
  2032. width: 100%;
  2033. display: inline-block;
  2034. }
  2035.  
  2036. .relatedPostWrapper .headerRelated, .voteHead {
  2037. font-size: 51px;
  2038. font-weight: bold;
  2039. /* text-transform: uppercase; */
  2040. color: #6601dc;
  2041. margin-left: -3px;
  2042. letter-spacing: 0;
  2043. background: -moz-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  2044. background: -webkit-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  2045. background: linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  2046. -webkit-background-clip: text;
  2047. -webkit-text-fill-color: transparent;
  2048. line-height: 1;
  2049. position: relative;
  2050. /* z-index: 28; */
  2051. display: inline-block;
  2052. }
  2053.  
  2054. .voteHead {
  2055. margin-left: 0;
  2056. float: left;
  2057. }
  2058.  
  2059. .postFooter .ratingSystem {
  2060. clear: both;
  2061. margin-top: -15px;
  2062. }
  2063.  
  2064. .relatedPostWrapper .relatedItem {
  2065. width: 321px;
  2066. float: left;
  2067. margin-right: 8px;
  2068. margin-bottom: 20px;
  2069. }
  2070.  
  2071. .relatedPostWrapper .relatedItem:hover .relTitle a {
  2072. color: #6601dc;
  2073. }
  2074.  
  2075. .relatedPostWrapper .relatedContent {
  2076. margin-top: -16px;
  2077. position: relative;
  2078. z-index: 21;
  2079. }
  2080.  
  2081. .relatedArticle .relatedPostWrapper {
  2082. margin-bottom: 50px;
  2083. }
  2084.  
  2085. .relatedPostWrapper .featImage a,
  2086. .relatedPostWrapper .featImage a img {
  2087. width: 100%;
  2088. float: left;
  2089. }
  2090.  
  2091. .relatedPostWrapper .featImage a {
  2092. padding: 1px;
  2093. background: -moz-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  2094. background: -webkit-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  2095. background: linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  2096. filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ef1111', endColorstr='#6601dc', GradientType=1);
  2097. border-bottom: 1px solid #ef1112;
  2098. }
  2099.  
  2100. .relatedPostWrapper .featImage {
  2101. /* float: left; */
  2102. /* display: inline-block; */
  2103. background: #ef1112;
  2104. background: -moz-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  2105. background: -webkit-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  2106. background: linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  2107. filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ef1111', endColorstr='#6601dc', GradientType=1);
  2108. }
  2109.  
  2110. .relatedPostWrapper .relatedItem .relContent {
  2111. border: 1px solid #ef1112;
  2112. padding: 7px 10px 7px 10px;
  2113. clear: left;
  2114. float: left;
  2115. width: 100%;
  2116. margin-top: -1px;
  2117. height: 117px;
  2118. }
  2119.  
  2120. .relatedPostWrapper .relContent .authorData {
  2121. font-weight: bold;
  2122. font-size: 12px;
  2123. color: #6601dc;
  2124. }
  2125.  
  2126. .relatedPostWrapper .relContent .relTitle {}
  2127.  
  2128. .relatedPostWrapper .relContent .relTitle a {
  2129. font-weight: 600;
  2130. font-size: 15px;
  2131. line-height: 18px;
  2132. color: #230052;
  2133. display: block;
  2134. }
  2135.  
  2136. .relatedPostWrapper .relContent .relTitle a:hover {
  2137. color: #6601dc;
  2138. }
  2139.  
  2140. .relatedPostWrapper .relatedItem:last-child {
  2141. margin-right: 0;
  2142. }
  2143.  
  2144. body.category .categoryImage {
  2145. background: #ef1112;
  2146. background: -moz-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  2147. background: -webkit-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  2148. background: linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  2149. filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ef1111', endColorstr='#6601dc', GradientType=1);
  2150. padding: 1px;
  2151. margin-bottom: 0 !important;
  2152. }
  2153.  
  2154. .categoryPostList .subContent {
  2155. border: 1px solid #ef1112;
  2156. padding: 13px 16px 16px 16px;
  2157. float: left;
  2158. width: 100%;
  2159. margin-top: -3px;
  2160. min-height: 125px;
  2161. background: #efeeea;
  2162. */
  2163. }
  2164.  
  2165. .categoryPostList .subContent .entry-title h3 {
  2166. text-transform: none;
  2167. padding-bottom: 0;
  2168. font-size: 20px;
  2169. letter-spacing: 0;
  2170. line-height: 23px;
  2171. color: #ef1112;
  2172. font-weight: 600;
  2173. }
  2174.  
  2175. .categoryPostList .subContent .entry-title h3 a {
  2176. opacity: 1;
  2177. color: #230052;
  2178. transition: all 0.2s ease-in-out;
  2179. -moz-transition: all 0.2s ease-in-out;
  2180. -webkit-transition: all 0.2s ease-in-out;
  2181. -o-transition: all 0.2s ease-in-out;
  2182. }
  2183.  
  2184. .categoryPostList .subContent .entry-title h3 a:hover {
  2185. color: #6601DC;
  2186. }
  2187.  
  2188. .categoryPostList .subContent .entry-authorFirst {
  2189. display: inline-block;
  2190. font-weight: 600;
  2191. font-size: 14px;
  2192. color: #6601dc;
  2193. }
  2194.  
  2195. .categoryPostList .subContent .excerpt,
  2196. .categoryPostList .subContent .bReadMore,
  2197. .categoryPostList .meta .entry-cat,
  2198. .categoryPostList .meta .entry-date,
  2199. .categoryPostList .meta .entry-author {
  2200. display: none;
  2201. }
  2202.  
  2203. .categoryPostList .itemPost {
  2204. float: left;
  2205. width: 460px;
  2206. box-sizing: border-box;
  2207. margin-right: 20px;
  2208. margin-bottom: 20px;
  2209. }
  2210.  
  2211. .categoryPostList .itemPost.nalki {
  2212. margin-right: 0;
  2213. width: 100%;
  2214. }
  2215.  
  2216. .categoryPostList .itemPost .ik_item {
  2217. width: 728px;
  2218. height: 90px;
  2219. max-width: 100%;
  2220. background: #cccccc;
  2221. margin-left: auto;
  2222. margin-right: auto;
  2223. width: 100%;
  2224. }
  2225.  
  2226. .categoryPostList .itemPost:last-child {
  2227. margin-right: 0;
  2228. }
  2229.  
  2230. .categoryPostList .itemPost .featImage {
  2231. width: 100%;
  2232. float: left;
  2233. box-sizing: border-box;
  2234. padding: 1px;
  2235. background: -moz-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  2236. background: -webkit-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  2237. background: linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  2238. filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ef1111', endColorstr='#6601dc', GradientType=1);
  2239. border-bottom: 1px solid #ef1112;
  2240. /* height: 315px; */
  2241. overflow: hidden;
  2242. }
  2243.  
  2244. .categoryPostList .itemPost .featImage img {
  2245. width: 100%;
  2246. float: left;
  2247. }
  2248.  
  2249. .categoryPostList .alm-btn-wrap {
  2250. display: inline-block;
  2251. width: 100%;
  2252. margin-bottom: 50px;
  2253. }
  2254.  
  2255. .categoryPostList {
  2256. margin-bottom: 30px !important;
  2257. display: inline-block;
  2258. width: 100%;
  2259. margin-top: 20px;
  2260. }
  2261.  
  2262. .qatext {
  2263. padding-left: 25px;
  2264. }
  2265.  
  2266. .qatext h3 {
  2267. font-size: 24px;
  2268. font-weight: 600;
  2269. letter-spacing: 0.4px;
  2270. line-height: 27px;
  2271. display: list-item;
  2272. list-style-type: decimal;
  2273. margin-top: 60px;
  2274. padding-bottom: 0px;
  2275. margin-bottom: 10px;
  2276. }
  2277.  
  2278. .qatext h4 {
  2279. font-size: 24px;
  2280. font-weight: 600;
  2281. letter-spacing: 0.4px;
  2282. line-height: 27px;
  2283. margin-top: 60px;
  2284. padding-bottom: 0px;
  2285. margin-bottom: 40px;
  2286. }
  2287.  
  2288. .qatext p {
  2289. font-size: 18px;
  2290. /* font-style: italic; */
  2291. font-weight: 400;
  2292. line-height: 25px;
  2293. /* padding-left: 30px; */
  2294. }
  2295.  
  2296. .qatext blockquote {
  2297. border-left: 0;
  2298. padding-left: 90px;
  2299. }
  2300.  
  2301. .post-wrap blockquote {
  2302. border-left: 0;
  2303. padding-left: 0;
  2304. font-weight: bold;
  2305. font-family: 'vxihead', sans-serif;
  2306. }
  2307.  
  2308. blockquote {}
  2309.  
  2310. .post-wrap blockquote:before,
  2311. .post-wrap blockquote:after {
  2312. content: '"';
  2313. display: inline;
  2314. font-weight: 900;
  2315. font-style: italic;
  2316. color: #6601dc;
  2317. font-size: 20px;
  2318. text-transform: uppercase;
  2319. line-height: 27px;
  2320. display: inline;
  2321. }
  2322.  
  2323. #main-content .post-wrap blockquote p {
  2324. font-weight: normal;
  2325. font-style: italic;
  2326. color: #6601dc;
  2327. font-size: 20px;
  2328. text-transform: uppercase;
  2329. line-height: 28px;
  2330. display: inline;
  2331. letter-spacing: 0;
  2332. font-family: 'vxihead', sans-serif;
  2333. }
  2334.  
  2335. .vxiImageWrap {
  2336. position: relative;
  2337. background: #000000;
  2338. }
  2339.  
  2340. .vxiImageWrap img {
  2341. display: block;
  2342. width: 100%;
  2343. }
  2344.  
  2345. .vxiImageWrap .mycenter {
  2346. width: 100%;
  2347. float: left;
  2348. }
  2349.  
  2350. .vxiImageWrap .image-share-wrap {
  2351. width: 100%;
  2352. float: left;
  2353. }
  2354.  
  2355. .vxiImageWrap .image-share-wrap .hidden-share {
  2356. z-index: 999;
  2357. display: none;
  2358. }
  2359.  
  2360. .vxiImageWrap .overlVXI {
  2361. position: absolute;
  2362. top: 0;
  2363. left: 0;
  2364. width: 100%;
  2365. height: 100%;
  2366. padding: 20px;
  2367. }
  2368.  
  2369. .vxiImageWrap .overlVXI .headQuote {
  2370. margin-bottom: 4px;
  2371. }
  2372.  
  2373. .vxiImageWrap .headQuote .title {
  2374. float: left;
  2375. margin-right: 5px;
  2376. }
  2377.  
  2378. .vxiImageWrap .headQuote .subTitle {
  2379. line-height: 18px;
  2380. vertical-align: bottom;
  2381. }
  2382.  
  2383. .overlVXI .title {
  2384. z-index: 4;
  2385. position: relative;
  2386. }
  2387.  
  2388. .overlVXI .title>* {
  2389. padding-bottom: 0;
  2390. line-height: 1;
  2391. color: #ffffff !important;
  2392. font-size: 16px;
  2393. font-weight: 600;
  2394. }
  2395.  
  2396. .overlVXI .subTitle {
  2397. z-index: 4;
  2398. position: relative;
  2399. color: #ffffff;
  2400. font-size: 16px;
  2401. font-weight: normal;
  2402. line-height: 1;
  2403. }
  2404.  
  2405. .overlVXI .mainContent {
  2406. z-index: 4;
  2407. position: relative;
  2408. color: #ffffff;
  2409. margin-bottom: 5px;
  2410. display: inline-block;
  2411. background: #ffffff;
  2412. width: 50%;
  2413. padding: 11px 15px 13px 15px;
  2414. }
  2415.  
  2416. .fullPost .overlVXI .mainContent {
  2417. width: 50%;
  2418. }
  2419.  
  2420. .cta_btn {
  2421. z-index: 91;
  2422. position: relative;
  2423. width: 50%;
  2424. text-align: right;
  2425. }
  2426.  
  2427. .overlVXI .cta_btn {}
  2428.  
  2429. .hidden-share .cta_btn {
  2430. width: 100%;
  2431. }
  2432.  
  2433. .hidden-share .cta_btn .btnArea {
  2434. margin-right: 10px;
  2435. margin-top: 7px;
  2436. }
  2437.  
  2438. .cta_btn .btnArea {
  2439. display: inline-block;
  2440. }
  2441.  
  2442. .cta_btn .btnArea.shareActive .sharebtn {
  2443. display: none;
  2444. }
  2445.  
  2446. .cta_btn .btnArea>a span {
  2447. display: inline-block;
  2448. color: #ffffff;
  2449. border: 1px solid #ffffff;
  2450. padding: 6px 15px;
  2451. box-shadow: 0px 0px 0px #ffffff;
  2452. line-height: 1;
  2453. position: relative;
  2454. /* right: 0; */
  2455. margin-top: 4px;
  2456. margin-right: 0px;
  2457. float: left;
  2458. transition: all 0.2s ease-in-out;
  2459. -moz-transition: all 0.2s ease-in-out;
  2460. -webkit-transition: all 0.2s ease-in-out;
  2461. -o-transition: all 0.2s ease-in-out;
  2462. }
  2463.  
  2464. .light-image .cta_btn .btnArea>a span {
  2465. color: #000000;
  2466. border: 1px solid #000000;
  2467. box-shadow: 0px 0px 0px #000000;
  2468. }
  2469.  
  2470. .cta_btn .btnArea>a {
  2471. display: inline-block;
  2472. transition: all 0.2s ease-in-out;
  2473. -moz-transition: all 0.2s ease-in-out;
  2474. -webkit-transition: all 0.2s ease-in-out;
  2475. -o-transition: all 0.2s ease-in-out;
  2476. }
  2477.  
  2478. .cta_btn .btnArea>a:hover span,
  2479. .cta_btn.hover .btnArea>a span {
  2480. box-shadow: 6px 6px 0px #ffffff;
  2481. margin-top: -2px;
  2482. margin-right: 6px;
  2483. }
  2484.  
  2485. .light-image .cta_btn .btnArea>a:hover span, .light-image .cta_btn.hover .btnArea>a span {
  2486. box-shadow: 6px 6px 0px #000000;
  2487. }
  2488. .post-content .dark-image .image-share-wrap a {
  2489. color: #ffffff !important;
  2490. }
  2491.  
  2492. .post-content .cta_btn .socialShare a {
  2493. color: #ffffff !important;
  2494. }
  2495.  
  2496. .post-content .light-image .image-share-wrap .cta_btn .socialShare a {
  2497. color: #000000 !important;
  2498. }
  2499.  
  2500. .cta_btn .btnArea>a:hover,
  2501. .cta_btn.hover .btnArea>a {
  2502. padding-bottom: 6px;
  2503. }
  2504.  
  2505. .cta_btn .socialShare {
  2506. display: inline-block;
  2507. /* margin-top: 12px; */
  2508. /* margin-right: 7px; */
  2509. }
  2510.  
  2511. .cta_btn.hover .socialShare {
  2512. /* box-shadow: 6px 6px 0px #ffffff; */
  2513. /* margin-top: 6px; */
  2514. /* margin-bottom: 6px; */
  2515. }
  2516.  
  2517.  
  2518.  
  2519. .cta_btn .socialShare a {
  2520. color: #ffffff;
  2521. display: inline-block;
  2522. width: 30px;
  2523. text-align: center;
  2524. border: 1px solid #ffffff;
  2525. font-size: 14px;
  2526. line-height: 1;
  2527. padding: 6px 0 5px 0;
  2528. float: left;
  2529. position: relative;
  2530. margin-top: 4px;
  2531. margin-right: 0;
  2532. margin-left: 13px;
  2533. transition: all 0.2s ease-in-out;
  2534. -moz-transition: all 0.2s ease-in-out;
  2535. -webkit-transition: all 0.2s ease-in-out;
  2536. -o-transition: all 0.2s ease-in-out;
  2537. }
  2538.  
  2539. .light-image .cta_btn .socialShare a {
  2540. color: #000000;
  2541. border: 1px solid #000000;
  2542. }
  2543.  
  2544. .cta_btn .socialShare a.el1 {
  2545. -webkit-animation: fadeRight2 2s 1 cubic-bezier(0.77, 0, 0.175, 1);
  2546. animation: fadeRight2 2s 1 cubic-bezier(0.77, 0, 0.175, 1);
  2547. }
  2548.  
  2549. .cta_btn .socialShare a.el2 {
  2550. -webkit-animation: fadeRight2 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
  2551. animation: fadeRight2 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
  2552. }
  2553.  
  2554. .cta_btn .socialShare a.el3 {
  2555. -webkit-animation: fadeRight2 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
  2556. animation: fadeRight2 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
  2557. }
  2558.  
  2559. @keyframes fadeRight2 {
  2560. 0% {
  2561. opacity: 0;
  2562. -webkit-transform: translateX(90%);
  2563. transform: translateX(90%);
  2564. }
  2565. 100% {
  2566. opacity: 1;
  2567. -webkit-transform: translateX(0);
  2568. transform: translateX(0);
  2569. }
  2570. }
  2571.  
  2572. .cta_btn .socialShare a:hover {
  2573. box-shadow: 6px 6px 0px #ffffff;
  2574. margin-top: 0;
  2575. margin-bottom: 4px;
  2576. margin-right: 6px;
  2577. margin-left: 7px;
  2578. }
  2579.  
  2580. .light-image .cta_btn .socialShare a:hover {
  2581. box-shadow: 6px 6px 0px #000000;
  2582. }
  2583. .cta_btn .btnArea.shareActive .socialShare a:last-child {
  2584. margin-right: 0;
  2585. margin-left: 13px;
  2586. }
  2587.  
  2588. .cta_btn .socialShare a:hover:last-child {
  2589. margin-right: 6px;
  2590. margin-left: 7px;
  2591. }
  2592.  
  2593. .cta_btn .socialShare a:hover:before {
  2594. content: '';
  2595. position: absolute;
  2596. left: 0;
  2597. top: 0;
  2598. width: 100%;
  2599. height: 100%;
  2600. }
  2601.  
  2602. .cta_btn .socialShare a:hover span {
  2603. /* background: #ef1112; */
  2604. */ background: -moz-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  2605. /* background: -webkit-linear-gradient(135deg, #ef1112 0%, #6601dc 100%); */
  2606. /* background: linear-gradient(135deg, #ef1112 0%, #6601dc 100%); */
  2607. filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ef1111', endColorstr='#6601dc', GradientType=1);
  2608. /* -webkit-background-clip: text; */
  2609. /* -webkit-text-fill-color: transparent; */
  2610. }
  2611.  
  2612. .cta_btn .socialShare a .vxicon-email {
  2613. font-size: 16px;
  2614. padding: 5px 0 5px 0;
  2615. line-height: 13px;
  2616. }
  2617.  
  2618. .overlVXI .contextImgQuote {
  2619. position: absolute;
  2620. bottom: 3%;
  2621. left: 5%;
  2622. width: 100%;
  2623. }
  2624.  
  2625. .overlVXI .mainContent p {
  2626. line-height: 19px !important;
  2627. color: #000000 !important;
  2628. font-size: 14px !important;
  2629. font-weight: 400 !important;
  2630. font-family: 'vxihead', sans-serif !important;
  2631. }
  2632.  
  2633. .overlVXI .bg {
  2634. position: absolute;
  2635. top: 0;
  2636. left: 0;
  2637. width: 100%;
  2638. height: 100%;
  2639. /* background: #ef1112; */
  2640. background: -moz-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  2641. /* background: -webkit-linear-gradient(135deg, #ef1112 0%,#6601dc 100%); */
  2642. /* background: linear-gradient(135deg, #ef1112 0%,#6601dc 100%); */
  2643. filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ef1111', endColorstr='#6601dc', GradientType=1);
  2644. z-index: 3;
  2645. opacity: 0.8;
  2646. background-blend-mode: multiply !important;
  2647. background-repeat: no-repeat;
  2648. background-size: cover !important;
  2649. }
  2650.  
  2651. #et-navigation .searchData {
  2652. position: static;
  2653. display: flex;
  2654. }
  2655.  
  2656. #et-navigation .menuSearch {}
  2657.  
  2658. #et-navigation .menuSearch a {
  2659. font-size: 17px;
  2660. font-weight: 600;
  2661. color: #ffffff;
  2662. text-transform: uppercase;
  2663. font-style: italic;
  2664. padding-left: 50px;
  2665. /* padding-right: 20px; */
  2666. line-height: 83px;
  2667. display: block;
  2668. /* margin: 0 34px; */
  2669. }
  2670.  
  2671. .excerpt-before {
  2672. display: none;
  2673. }
  2674.  
  2675. #et-navigation .et-top-search {
  2676. position: absolute;
  2677. right: 0;
  2678. width: 100%;
  2679. top: 83px;
  2680. }
  2681.  
  2682. #et-navigation .et-top-search input {
  2683. background: #ffffff;
  2684. border-radius: 0;
  2685. -webkit-border-radius: 0;
  2686. -moz-border-radius: 0;
  2687. display: inline-block;
  2688. }
  2689.  
  2690. #et-navigation .et-top-search form {}
  2691.  
  2692. #et-navigation .et-top-search button {
  2693. display: inline-block;
  2694. height: 38px;
  2695. }
  2696.  
  2697. .et_pb_extra_column_sidebar .et_pb_widget.widget_black_studio_tinymce {
  2698. min-width: 300px;
  2699. }
  2700.  
  2701.  
  2702.  
  2703.  
  2704. /***** FLOATING ELEMENT ******/
  2705.  
  2706. .floatingEl {
  2707. position: absolute;
  2708. width: 100%;
  2709. overflow-x: hidden;
  2710. overflow-y: hidden;
  2711. }
  2712.  
  2713. .floatingEl .conte {
  2714. max-width: 100%;
  2715. width: 1320px;
  2716. position: absolute;
  2717. left: 50%;
  2718. margin-left: -655px;
  2719. height: 100%;
  2720. }
  2721.  
  2722. .floatingEl .leftElement,
  2723. .floatingEl .rightElement {
  2724. position: absolute;
  2725. overflow: visible;
  2726. top: 150px;
  2727. width: 50%;
  2728. min-height: 500px;
  2729. float: left;
  2730. transform: none !important;
  2731. transform-style: unset !important;
  2732. top: 150px;
  2733. }
  2734.  
  2735. .floatingEl .rightElement .layer {
  2736. right: 0 !important;
  2737. left: auto !important;
  2738. top: 0;
  2739. }
  2740.  
  2741. .floatingEl .leftElement>div,
  2742. .floatingEl .rightElement>div {
  2743. position: absolute;
  2744. display: block;
  2745. height: 100%;
  2746. width: 100%;
  2747. padding: 0;
  2748. margin: 0;
  2749. z-index: 1;
  2750. top: 150px;
  2751. }
  2752.  
  2753. .floatingEl .rightElement {
  2754. right: 0;
  2755. }
  2756.  
  2757. .leftElement>div>div,
  2758. .rightElement>div>div {
  2759. position: absolute;
  2760. z-index: 1;
  2761. }
  2762.  
  2763. .rightElement>div>div {
  2764. right: 0;
  2765. overflow: visible;
  2766. }
  2767.  
  2768. .floatingEl .el1 {
  2769. width: 308px;
  2770. height: 308px;
  2771. -webkit-filter: blur(4px);
  2772. filter: blur(4px);
  2773. border-style: solid;
  2774. border-width: 2px;
  2775. border-image-source: linear-gradient(157deg, #ef1111, #6400de);
  2776. border-image-slice: 1;
  2777. top: 200px;
  2778. z-index: 9;
  2779. margin-left: -176px;
  2780. }
  2781.  
  2782. .floatingEl .el2 {
  2783. width: 89px;
  2784. height: 14px;
  2785. -webkit-filter: blur(6.4px);
  2786. filter: blur(6.4px);
  2787. background-image: linear-gradient(99deg, #ef1111, #6400de);
  2788. left: 80px;
  2789. position: absolute;
  2790. z-index: 1;
  2791. top: 100px;
  2792. }
  2793.  
  2794. .floatingEl .el3 {
  2795. width: 209px;
  2796. height: 580px;
  2797. -webkit-filter: blur(4px);
  2798. filter: blur(4px);
  2799. border: solid 1px #ef1112;
  2800. top: 410px;
  2801. left: 0;
  2802. }
  2803.  
  2804. .floatingEl .el4 {
  2805. width: 35px;
  2806. height: 72px;
  2807. -webkit-filter: blur(6.4px);
  2808. filter: blur(6.4px);
  2809. background-image: linear-gradient(131deg, #ef1111, #6400de);
  2810. transform: skew(-38deg, 1deg);
  2811. -webkit-transform: skew(-38deg, 1deg);
  2812. -moz-transform: skew(-38deg, 1deg);
  2813. -o-transform: skew(-38deg, 1deg);
  2814. -ms-transform: skew(-38deg, 1deg);
  2815. top: 437px;
  2816. left: 260px;
  2817. }
  2818.  
  2819. .floatingEl .el5 {
  2820. width: 504px;
  2821. height: 503px;
  2822. -webkit-filter: blur(4px);
  2823. filter: blur(4px);
  2824. border: solid 1px #ef1112;
  2825. top: 1300px;
  2826. }
  2827.  
  2828. .floatingEl .el6 {
  2829. width: 123px;
  2830. height: 37px;
  2831. -webkit-filter: blur(7px);
  2832. filter: blur(7px);
  2833. background-image: linear-gradient(107deg, #ef1111, #6400de), linear-gradient(#ef1112, #ef1112);
  2834. top: 2200px;
  2835. left: 120px;
  2836. }
  2837.  
  2838. .floatingEl .el7 {
  2839. width: 92.8px;
  2840. height: 46.4px;
  2841. transform: rotate(52deg);
  2842. -webkit-filter: blur(11px);
  2843. filter: blur(11px);
  2844. background-image: linear-gradient(117deg, #ef1111, #6400de);
  2845. border-bottom-left-radius: 90px;
  2846. border-bottom-right-radius: 90px;
  2847. left: 80px;
  2848. top: 1770px;
  2849. }
  2850.  
  2851. .floatingEl .el8 {
  2852. width: 332px;
  2853. height: 578.3px;
  2854. -webkit-filter: blur(5px);
  2855. filter: blur(5px);
  2856. border-style: solid;
  2857. border-width: 2px;
  2858. border-image-source: linear-gradient(150deg, #ef1111, #6400de);
  2859. border-image-slice: 1;
  2860. top: 130px;
  2861. }
  2862.  
  2863. .floatingEl .el9 {
  2864. width: 25px;
  2865. height: 55px;
  2866. -webkit-filter: blur(6.4px);
  2867. filter: blur(6.4px);
  2868. background-image: linear-gradient(150deg, #ef1111, #6400de);
  2869. top: 1740px;
  2870. transform: skew(-38deg, 1deg);
  2871. -webkit-transform: skew(-38deg, 1deg);
  2872. -moz-transform: skew(-38deg, 1deg);
  2873. -o-transform: skew(-38deg, 1deg);
  2874. -ms-transform: skew(-38deg, 1deg);
  2875. }
  2876.  
  2877. .floatingEl .el10 {
  2878. width: 102.4px;
  2879. height: 95.9px;
  2880. -webkit-filter: blur(7px);
  2881. filter: blur(7px);
  2882. background-image: linear-gradient(133deg, #ef1111, #6400de), linear-gradient(#ef1112, #ef1112);
  2883. top: 650px;
  2884. right: 75px;
  2885. }
  2886.  
  2887. .floatingEl .el11 {
  2888. width: 580px;
  2889. height: 578px;
  2890. -webkit-filter: blur(4px);
  2891. filter: blur(4px);
  2892. border-style: solid;
  2893. border-width: 1px;
  2894. border-image-source: linear-gradient(135deg, #ef1111, #6400de);
  2895. border-image-slice: 1;
  2896. top: 1700px;
  2897. right: 80px;
  2898. overflow: visible;
  2899. }
  2900.  
  2901. .floatingEl .el12 {
  2902. width: 136px;
  2903. height: 68px;
  2904. transform: rotate(310deg);
  2905. -webkit-filter: blur(7px);
  2906. filter: blur(7px);
  2907. background-image: linear-gradient(117deg, #ef1111, #6400de);
  2908. border-bottom-left-radius: 90px;
  2909. border-bottom-right-radius: 90px;
  2910. top: 2300px;
  2911. right: 225px;
  2912. }
  2913.  
  2914. .floatingEl .el13 {
  2915. width: 666px;
  2916. height: 218px;
  2917. -webkit-filter: blur(4px);
  2918. filter: blur(4px);
  2919. border: solid 1px #ef1112;
  2920. top: 1300px;
  2921. }
  2922.  
  2923. .floatingEl .el14 {
  2924. width: 89px;
  2925. height: 14px;
  2926. -webkit-filter: blur(9px);
  2927. filter: blur(9px);
  2928. background-image: linear-gradient(99deg, #ef1111, #6400de);
  2929. top: 1100px;
  2930. right: 100px;
  2931. }
  2932.  
  2933.  
  2934. .doit_form .form-item input:focus::-webkit-input-placeholder {
  2935. color: #d8d8d8;
  2936. }
  2937.  
  2938. .doit_form .form-item input:focus:-moz-placeholder {
  2939. color: #d8d8d8;
  2940. }
  2941.  
  2942. .doit_form .form-item input:focus::-moz-placeholder {
  2943. color: #d8d8d8;
  2944. }
  2945.  
  2946. .doit_form .form-item input:focus:-ms-input-placeholder {
  2947. color: #d8d8d8;
  2948. }
  2949.  
  2950.  
  2951.  
  2952.  
  2953. /* custom now */
  2954.  
  2955. .formObject {}
  2956.  
  2957. .formObject .form-item {
  2958. clear: both;
  2959. display: inline-block;
  2960. width: 100%;
  2961. }
  2962.  
  2963. .formObject .form-item .lblText {
  2964. float: left;
  2965. width: 150px;
  2966. font-weight: 600;
  2967. color: #000000;
  2968. border: 1px solid #000;
  2969. padding: 11px 25px 11px 25px;
  2970. font-size: 19px;
  2971. border-right: 0;
  2972. min-height: 50px;
  2973. }
  2974.  
  2975. .formObject .form-item.btnAction .lblText {
  2976. border: 0;
  2977. }
  2978.  
  2979. .formObject .form-item.btnAction .button {
  2980. background: transparent;
  2981. padding: 0;
  2982. margin-top: 18px;
  2983. margin-bottom: 0px;
  2984. left: 0;
  2985. }
  2986.  
  2987. .formObject .form-item.btnAction .button:hover,
  2988. #commentform .form-submit:hover,
  2989. .wrapperSocialLogin input.button:hover,
  2990. .updateUser .form-submit #updateuser:hover {
  2991. /* margin-top: 20px; */
  2992. margin-bottom: 0px;
  2993. margin-top: 12px;
  2994. margin-bottom: 6px;
  2995. box-shadow: 6px 6px 0px #ef1112;
  2996. margin-right: 6px;
  2997. }
  2998.  
  2999. .formObject .form-item.btnAction .button:hover {
  3000. left: -6px;
  3001. }
  3002.  
  3003. .wrapperSocialLogin input.button:hover {
  3004. margin-right: 0px;
  3005. left: -6px;
  3006. }
  3007.  
  3008. .wrapperSocialLogin input.button {
  3009. left: 0;
  3010. }
  3011.  
  3012. .wrapperSocialLogin input.button {
  3013. left: 0;
  3014. }
  3015.  
  3016. .btnAction .btnStd, #commentform .form-submit, .wrapperSocialLogin input.button,
  3017. .updateUser .form-submit #updateuser {
  3018. font-size: 16px;
  3019. font-weight: 600;
  3020. text-transform: uppercase;
  3021. color: #ef1112;
  3022. border: 1px solid #ef1112;
  3023. padding: 8px 25px;
  3024. display: inline-block;
  3025. overflow: hidden;
  3026. position: relative;
  3027. background: transparent;
  3028. border-radius: 0;
  3029. -webkit-border-radius: 0;
  3030. -moz-border-radius: 0;
  3031. transition: all 0.2s ease-in-out;
  3032. -moz-transition: all 0.2s ease-in-out;
  3033. -webkit-transition: all 0.2s ease-in-out;
  3034. -o-transition: all 0.2s ease-in-out;
  3035. }
  3036.  
  3037. #commentform .form-submit, .wrapperSocialLogin input.button,
  3038. .updateUser .form-submit #updateuser {
  3039. background: transparent;
  3040. padding: 0;
  3041. margin-top: 18px;
  3042. margin-bottom: 0px;
  3043. }
  3044.  
  3045. .btnAction .btnStd:active:after {
  3046. left: 120%;
  3047. -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  3048. transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  3049. }
  3050.  
  3051. .formObject .form-item.btnAction .wpcf7-submit, #commentform .form-submit input.submit, .wrapperSocialLogin #tab-login input.button, .updateUser .form-submit #updateuser {
  3052. background: transparent;
  3053. font-size: 16px;
  3054. font-weight: 600;
  3055. text-transform: uppercase;
  3056. color: #ef1112;
  3057. padding-left: 40px;
  3058. padding-right: 20px;
  3059. }
  3060.  
  3061. #commentform .form-submit input.submit {
  3062. padding-left: 20px;
  3063. }
  3064.  
  3065. .formObject .form-item .inputItem {
  3066. float: left;
  3067. border: 1px solid #000;
  3068. font-size: 18px;
  3069. min-height: 50px;
  3070. min-width: 455px;
  3071. max-width: 100%;
  3072. }
  3073.  
  3074. .formObject .form-item .inputItem .wpcf7-not-valid-tip {
  3075. font-size: 12px;
  3076. padding-left: 5px;
  3077. }
  3078.  
  3079. .formObject .form-item .inputItem textarea {
  3080. min-width: 451px;
  3081. }
  3082.  
  3083. .formObject .form-item .inputItem input,
  3084. .formObject .form-item .inputItem textarea {
  3085. background: transparent;
  3086. padding: 12px 12px;
  3087. color: #000000;
  3088. }
  3089.  
  3090.  
  3091.  
  3092. .searchData {
  3093. display: block;
  3094. float: right;
  3095. margin-top: 0px;
  3096. display: inline-block;
  3097. }
  3098.  
  3099. .searchDesktop.et-top-search {
  3100. display: block;
  3101. position: fixed;
  3102. width: 100%;
  3103. top: 0;
  3104. left: 0;
  3105. padding: 0;
  3106. height: 100%;
  3107. z-index: 999999;
  3108. }
  3109.  
  3110. .searchDesktop.et-top-search {
  3111. padding: 10px 0;
  3112. background: rgba(255, 255, 255, 0.9);
  3113. /* padding-bottom: 70px; */
  3114. /* padding-top: 70px; */
  3115. }
  3116.  
  3117. .searchDesktop.et-top-search .wrapSearch {
  3118. margin-right: auto;
  3119. margin-left: auto;
  3120. width: 95%;
  3121. max-width: 975px;
  3122. position: relative;
  3123. height: 100%;
  3124. display: table;
  3125. }
  3126.  
  3127. .searchDesktop.et-top-search .wrapSearch form {
  3128. display: table-cell;
  3129. vertical-align: middle;
  3130. }
  3131.  
  3132.  
  3133. .closeSearch, .closeLogin {
  3134. position: fixed;
  3135. right: 10px;
  3136. width: 30px;
  3137. height: 30px;
  3138. border-radius: 120px;
  3139. -webkit-border-radius: 120px;
  3140. -moz-border-radius: 120px;
  3141. text-align: center;
  3142. cursor: pointer;
  3143. top: 12px;
  3144. z-index: 1;
  3145. }
  3146.  
  3147. .searchDesktop .closeSearch, .closeLogin {
  3148. top: 25px;
  3149. right: 25px;
  3150. }
  3151.  
  3152. .closeLogin span:first-child,
  3153. .closeSearch span:first-child {
  3154. width: 31px;
  3155. height: 2px;
  3156. background: #666;
  3157. -webkit-transform: translateY(15px) rotate(45deg);
  3158. transform: translateY(15px) rotate(45deg);
  3159. display: block;
  3160. transition: 0.3s ease;
  3161. -webkit-transform-origin: center;
  3162. transform-origin: center;
  3163. position: absolute;
  3164. /* top: 5px; */
  3165. right: -1px;
  3166. }
  3167.  
  3168. .closeLogin span:last-child,
  3169. .closeSearch span:last-child {
  3170. width: 30px;
  3171. height: 2px;
  3172. background: #666;
  3173. display: block;
  3174. transition: 0.3s ease;
  3175. -webkit-transform: translateY(15px) rotate(-45deg);
  3176. transform: translateY(15px) rotate(-45deg);
  3177. -webkit-transform-origin: center;
  3178. transform-origin: center;
  3179. position: absolute;
  3180. top: 0;
  3181. right: 0;
  3182. }
  3183.  
  3184. .closeLogin:hover span,
  3185. .closeSearch:hover span {
  3186. background-color: #333333 !important;
  3187. }
  3188.  
  3189.  
  3190. .searchDesktop.et-top-search input {
  3191. width: 100%;
  3192. background: transparent;
  3193. padding: 0px 12px;
  3194. font-size: 36px;
  3195. font-weight: 500;
  3196. line-height: 37px;
  3197. padding-left: 0;
  3198. /* padding-right: 120px; */
  3199. letter-spacing: 0;
  3200. padding-right: 35px;
  3201. font-family: 'vxihead', sans-serif;
  3202. min-height: 38px;
  3203. outline: none;
  3204. border-radius: 0 !important;
  3205. -webkit-border-radius: 0 !important;
  3206. -webkit-appearance: none;
  3207. -webkit-border-radius: 0;
  3208. border: 0;
  3209. border-bottom: 1px solid #cccccc;
  3210. padding-bottom: 10px;
  3211. margin-top: 20px;
  3212. margin-bottom: 20px;
  3213. }
  3214.  
  3215. .searchDesktop.et-top-search input::-webkit-input-placeholder,
  3216. .mobileSearch .et-top-search input::-webkit-input-placeholder {
  3217. text-transform: capitalize;
  3218. letter-spacing: 0;
  3219. font-weight: 500;
  3220. }
  3221.  
  3222. .searchDesktop.et-top-search input::-moz-placeholder,
  3223. .mobileSearch .et-top-search input::-moz-placeholder {
  3224. text-transform: capitalize;
  3225. letter-spacing: 0;
  3226. font-weight: 500;
  3227. }
  3228.  
  3229. .searchDesktop.et-top-search input:-ms-input-placeholder,
  3230. .mobileSearch .et-top-search input:-ms-input-placeholder {
  3231. text-transform: capitalize;
  3232. letter-spacing: 0;
  3233. font-weight: 500;
  3234. }
  3235.  
  3236. .searchDesktop.et-top-search input:-moz-placeholder,
  3237. .mobileSearch .et-top-search input:-moz-placeholder {
  3238. text-transform: capitalize;
  3239. letter-spacing: 0;
  3240. font-weight: 500;
  3241. }
  3242.  
  3243. .searchDesktop.et-top-search .et-search-submit {
  3244. position: absolute;
  3245. top: 0px;
  3246. right: 40px;
  3247. border-radius: 0;
  3248. -webkit-border-radius: 0;
  3249. -moz-border-radius: 0;
  3250. background: transparent;
  3251. border: 2px solid #ef1112;
  3252. padding: 7px 20px;
  3253. color: #ef1112;
  3254. display: none;
  3255. }
  3256.  
  3257. .searchDesktop.et-top-search .et-search-submit:before {
  3258. content: 'Search';
  3259. }
  3260.  
  3261.  
  3262. #et-mobile-navigation .footerMobileMenu {
  3263. display: none;
  3264. }
  3265.  
  3266. #main-content.searchSection {
  3267. padding-top: 0;
  3268. }
  3269.  
  3270. #main-content.searchSection .mainHeaderSearch {}
  3271.  
  3272. #main-content.searchSection .mainHeaderSearch .page-header {
  3273. padding: 40px 0 20px 0;
  3274. /* border-bottom: 1px solid #cccccc; */
  3275. margin-bottom: 10px;
  3276. text-align: center;
  3277. }
  3278.  
  3279. .searchSection .searchFormWrapper {
  3280. margin-bottom: 20px;
  3281. }
  3282.  
  3283. .searchSection .searchFormWrapper input[type="text"] {
  3284. border-radius: 0;
  3285. -moz-border-radius: 0;
  3286. -webkit-border-radius: 0;
  3287. font-weight: 500;
  3288. font-size: 16px;
  3289. border: 1px solid #cccccc;
  3290. display: inline-block;
  3291. width: 100%;
  3292. padding-right: 110px;
  3293. }
  3294.  
  3295. .searchSection .searchFormWrapper form {
  3296. text-align: center;
  3297. position: relative;
  3298. }
  3299.  
  3300. .searchSection .searchFormWrapper .submit {
  3301. border-radius: 0;
  3302. -webkit-border-radius: 0;
  3303. -moz-border-radius: 0;
  3304. background: #efeeea;
  3305. border: 2px solid #ef1112;
  3306. padding: 9px 20px;
  3307. color: #ef1112;
  3308. position: absolute;
  3309. top: 0;
  3310. right: 0;
  3311. width: 105px;
  3312. }
  3313.  
  3314. .searchSection .searchFormWrapper .submit:hover {
  3315. background: #ef1112;
  3316. color: #ffffff !important;
  3317. }
  3318.  
  3319. #main-content.searchSection .mainHeaderSearch .page-header h1 {
  3320. padding-bottom: 0;
  3321. font-weight: normal;
  3322. font-size: 28px;
  3323. color: #230052;
  3324. }
  3325.  
  3326. #main-content.searchSection .mainHeaderSearch .page-header h1 span {
  3327. font-weight: 600;
  3328. }
  3329.  
  3330. #content-area .fullSearch {
  3331. width: 100%;
  3332. margin-top: 30px;
  3333. margin-bottom: 120px;
  3334. }
  3335.  
  3336. .rightSideTitle {
  3337. font-size: 23px;
  3338. font-weight: 600;
  3339. line-height: 1;
  3340. z-index: 9;
  3341. font-family: 'vxihead', sans-serif;
  3342. position: relative;
  3343. display: inline-block;
  3344. margin-bottom: 15px;
  3345. margin-top: 10px;
  3346. color: #230052;
  3347. }
  3348.  
  3349. .sidebarSearch .head {
  3350. font-size: 16px;
  3351. font-family: 'vxihead', sans-serif;
  3352. margin-bottom: 10px;
  3353. background-image: linear-gradient(to left, #ef1111, #6400de);
  3354. background: -moz-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  3355. background: -webkit-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  3356. background: linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  3357. color: #ffffff;
  3358. font-weight: 500;
  3359. text-transform: uppercase;
  3360. padding: 5px 10px;
  3361. }
  3362.  
  3363. .sidebarSearch .et_pb_extra_column_sidebar {
  3364. padding-bottom: 50px;
  3365. }
  3366.  
  3367. .searchContent .searchItem .featuredImage {}
  3368.  
  3369. .searchItem .metaCatDate {}
  3370.  
  3371. .searchItem .metaCatDate .entry-cat {}
  3372.  
  3373. .searchItem .metaCatDate .entry-date {}
  3374.  
  3375. .searchItem .titlePost {
  3376. padding-bottom: 0;
  3377. text-transform: none;
  3378. font-size: 25px;
  3379. line-height: 25px;
  3380. letter-spacing: 0;
  3381. font-weight: 600;
  3382. }
  3383.  
  3384. .searchItem .titlePost a {
  3385. color: #230052;
  3386. }
  3387.  
  3388. .searchItem .titlePost a:hover {
  3389. color: #6601DC;
  3390. }
  3391.  
  3392. .searchItem .entry-author {
  3393. font-size: 13px;
  3394. font-weight: 600;
  3395. color: #6601dc;
  3396. margin-top: 5px;
  3397. }
  3398.  
  3399.  
  3400. .searchContent .searchItem {
  3401. display: inline-block;
  3402. width: 100%;
  3403. padding-bottom: 10px;
  3404. }
  3405.  
  3406. .searchSection .searchContent {
  3407. margin-bottom: 50px;
  3408. margin-top: 48px;
  3409. }
  3410.  
  3411. #page-container {
  3412. transition: all 0.2s ease-in-out;
  3413. -moz-transition: all 0.2s ease-in-out;
  3414. -webkit-transition: all 0.2s ease-in-out;
  3415. -o-transition: all 0.2s ease-in-out;
  3416. }
  3417.  
  3418. .blurContainer,
  3419. .desktopSearchOpen #page-container,
  3420. .mobileSearchOpen #page-container {
  3421. -webkit-filter: blur(3px);
  3422. -moz-filter: blur(3px);
  3423. -ms-filter: blur(3px);
  3424. -o-filter: blur(3px);
  3425. filter: blur(3px);
  3426. }
  3427.  
  3428.  
  3429. .mobileSearch .et-top-search,
  3430. .searchDesktop.et-top-search {
  3431. opacity: 0;
  3432. transition: all 0.5s ease-in-out;
  3433. -moz-transition: all 0.5s ease-in-out;
  3434. -webkit-transition: all 0.5s ease-in-out;
  3435. -o-transition: all 0.5s ease-in-out;
  3436. display: none;
  3437. }
  3438.  
  3439. .mobileSearchOpen .mobileSearch .et-top-search,
  3440. .desktopSearchOpen .searchDesktop.et-top-search {
  3441. opacity: 1;
  3442. display: block;
  3443. cursor: pointer;
  3444. }
  3445.  
  3446. .mobileSearch .et-search-submit {
  3447. display: none;
  3448. }
  3449.  
  3450.  
  3451. #onesignal-modal-container #onesignal-modal-dialog .modal-body-title {
  3452. background: -moz-linear-gradient(135deg, #ef1112 0%, #6601dc 100%) !important;
  3453. background: -webkit-linear-gradient(135deg, #ef1112 0%, #6601dc 100%) !important;
  3454. background: linear-gradient(135deg, #ef1112 0%, #6601dc 100%) !important;
  3455. font-family: 'vxihead', sans-serif;
  3456. font-weight: 500 !important;
  3457. text-transform: uppercase;
  3458. padding: 0.9em !important;
  3459. }
  3460.  
  3461. #onesignal-modal-container #onesignal-modal-dialog .modal-body-message {
  3462. font-size: 1.2em !important;
  3463. font-weight: normal !important;
  3464. }
  3465.  
  3466. #onesignal-modal-container #onesignal-modal-dialog .modal-body {
  3467. padding-bottom: 1em !important;
  3468. }
  3469.  
  3470. #onesignal-modal-container #onesignal-modal-dialog .modal-footer {
  3471. margin-bottom: 2.2em !important;
  3472. }
  3473.  
  3474. #onesignal-modal-container #onesignal-modal-dialog .modal-footer .modal-button.primary {
  3475. background: #ef1112 !important;
  3476. font-family: 'vxihead', sans-serif;
  3477. box-shadow: none !important;
  3478. font-weight: 600 !important;
  3479. padding: .6em 2em;
  3480. }
  3481.  
  3482. #onesignal-modal-container #onesignal-modal-dialog {
  3483. position: relative;
  3484. }
  3485.  
  3486. #onesignal-modal-container #onesignal-modal-dialog .modal-exit {
  3487. font-size: 2em !important;
  3488. right: 15px !important;
  3489. top: 10px !important;
  3490. }
  3491.  
  3492.  
  3493. #onesignal-modal-container.onesignal-reset {
  3494. background: rgba(255, 255, 255, .5) !important;
  3495. }
  3496.  
  3497. #onesignal-popover-container #onesignal-popover-dialog #normal-popover .popover-footer .popover-button.primary {
  3498. box-shadow: none !important;
  3499. background: #ef1112!important;
  3500. color: #fff!important;
  3501. font-family: 'vxihead', sans-serif;
  3502. font-weight: 600 !important;
  3503. padding: .6em 2em;
  3504. }
  3505.  
  3506. #onesignal-popover-container #onesignal-popover-dialog #normal-popover .popover-footer .popover-button.secondary {
  3507. color: #6601dc !important;
  3508. font-family: 'vxihead', sans-serif;
  3509. font-weight: 600 !important;
  3510. letter-spacing: 0;
  3511. }
  3512.  
  3513. #onesignal-popover-container #onesignal-popover-dialog #normal-popover .popover-body-message {
  3514. font-size: 1.2em !important;
  3515. font-weight: normal !important;
  3516. }
  3517.  
  3518. .latestPostHome .ik_item {
  3519. max-width: 100%;
  3520. width: 592px;
  3521. height: 60px;
  3522. margin-left: auto;
  3523. margin-right: auto;
  3524. background: #cccccc;
  3525. margin-bottom: 10px;
  3526. text-align: center;
  3527. background: url('assets/akan_soon_horizontal.png');
  3528. }
  3529.  
  3530. .needMoneyFooter, .needMoneyFooter .textwidget {
  3531. text-align:center;
  3532. line-height: 1;
  3533. }
  3534.  
  3535. .soon728, .textwidget {
  3536. text-align:center;
  3537. }
  3538.  
  3539. .sidebarIklWrap .soon728 {
  3540. margin-top: -11px;
  3541. }
  3542.  
  3543. .posts-blog-feed-module.et_pb_extra_module {
  3544. border: 0;
  3545. border-radius: 0;
  3546. -webkit-border-radius: 0;
  3547. -moz-border-radius: 0;
  3548. box-shadow: none;
  3549. }
  3550.  
  3551. .NotFound404 {
  3552. width: 100%;
  3553. text-align: center;
  3554. margin-bottom: 50px;
  3555. margin-top: 20px;
  3556. }
  3557.  
  3558. .NotFound404 .title {
  3559. color: #fff;
  3560. font-weight: bold;
  3561. font-size: 60px;
  3562. display: inline-block;
  3563. width: 100%;
  3564. margin-bottom: 10px;
  3565. line-height: 1;
  3566. }
  3567.  
  3568. .NotFound404 .subTitle {
  3569. color: #ffffff;
  3570. ld;
  3571. */font-size: 54px;
  3572. display: inline-block;
  3573. width: 100%;
  3574. margin-bottom: 10px;
  3575. line-height: 1;
  3576. font-size: 32px;
  3577. }
  3578.  
  3579.  
  3580. .vxi-waypoint {
  3581. opacity: 0;
  3582. }
  3583.  
  3584. .image-share-wrap {
  3585. overflow: hidden;
  3586. position: relative;
  3587. display: inline-block;
  3588. /* margin-top: 30px; */
  3589. }
  3590.  
  3591. .mycenter {
  3592. text-align: center;
  3593. }
  3594.  
  3595. .image-share-wrap .hidden-share {
  3596. position: absolute;
  3597. right: 0;
  3598. width: 300px;
  3599. }
  3600.  
  3601. .vxiVerdictResult {
  3602. display: inline-block;
  3603. width: 100%;
  3604. display: table;
  3605. border: 1px solid #ef1112;
  3606. overflow: hidden;
  3607. }
  3608.  
  3609. .vxiVerdictResult .verdictDesc {
  3610. width: 75%;
  3611. display: table-cell;
  3612. padding-right: 30px;
  3613. padding: 20px;
  3614. }
  3615.  
  3616. .vxiVerdictResult .verdictDesc .title {
  3617. font-size: 21px;
  3618. font-weight: bold;
  3619. text-transform: uppercase;
  3620. margin-bottom: 10px;
  3621. }
  3622.  
  3623. .vxiVerdictResult .verdictDesc .desc {
  3624. font-size: 14px;
  3625. line-height: 1.5em;
  3626. font-family: 'Open Sans', sans-serif;
  3627. }
  3628.  
  3629. .vxiVerdictResult .verdictSummary {
  3630. width: 25%;
  3631. text-align: right;
  3632. display: table-cell;
  3633. vertical-align: middle;
  3634. color: #ffffff;
  3635. position: relative;
  3636. padding-top: 2%;
  3637. padding-right: 40px;
  3638. }
  3639.  
  3640. .vxiVerdictResult .verdictSummary:before {
  3641. background: -moz-linear-gradient(120deg, #ef1112 30%, #6601dc 100%);
  3642. background: -webkit-linear-gradient(120deg, #ef1112 30%, #6601dc 100%);
  3643. background: linear-gradient(120deg, #ef1112 30%, #6601dc 100%);
  3644. content: '';
  3645. position: absolute;
  3646. left: -9%;
  3647. width: 110%;
  3648. height: 100%;
  3649. top: 0;
  3650. -webkit-clip-path: polygon(60% 0, 100% 0%, 100% 100%, 0% 100%);
  3651. clip-path: polygon(60% 0, 100% 0%, 100% 100%, 0% 100%);
  3652. }
  3653.  
  3654. .vxiVerdictResult .verdictSummary .verdictAvg {
  3655. font-size: 50px;
  3656. font-weight: bold;
  3657. line-height: 1;
  3658. z-index: 9;
  3659. position: relative;
  3660. }
  3661.  
  3662. .vxiVerdictResult .verdictSummary .verdictLbl {
  3663. font-size: 12px;
  3664. text-transform: uppercase;
  3665. z-index: 9;
  3666. position: relative;
  3667. letter-spacing: 1px;
  3668. line-height: 1;
  3669. }
  3670.  
  3671. .catFilter .form {}
  3672.  
  3673.  
  3674. .catFilter .categorySelect {}
  3675.  
  3676. .catFilter .categorySelect .catego {
  3677. display: block;
  3678. margin-bottom: 5px;
  3679. padding: 3px 10px;
  3680. }
  3681.  
  3682. .catFilter .categorySelect .catego,
  3683. .catFilter .categorySelect .catego a {
  3684. color: #000000;
  3685. font-weight: normal;
  3686. }
  3687.  
  3688. .catFilter .categorySelect .catego a {
  3689. font-weight: 600;
  3690. }
  3691.  
  3692. .catFilter .categorySelect .catego a {
  3693. display: block;
  3694. }
  3695.  
  3696. .catFilter .categorySelect .catego a:hover,
  3697. .catFilter .categorySelect .catego.active a {
  3698. color: #ef1112;
  3699. }
  3700.  
  3701. .sectionHeader .stageCategory {
  3702. background: #230052;
  3703. }
  3704.  
  3705. .sectionHeader {
  3706. position: relative;
  3707. }
  3708.  
  3709. .sectionHeader .categoryImage {
  3710. position: relative;
  3711. }
  3712.  
  3713. .sectionHeader .stageCategory>div {
  3714. position: absolute;
  3715. top: 0;
  3716. left: 0;
  3717. width: 100%;
  3718. height: 100%;
  3719. }
  3720.  
  3721. .stageCategory .cta_actionbox {
  3722. width: 100%;
  3723. height: 100%;
  3724. position: absolute;
  3725. cursor: pointer;
  3726. outline:none;
  3727. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  3728. -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  3729. }
  3730.  
  3731. .maskFromleft {
  3732. -webkit-clip-path: circle(0% at 0% 50%);
  3733. clip-path: circle(0% at 0% 50%);
  3734. }
  3735.  
  3736. .maskFromleft.active {
  3737. -webkit-clip-path: circle(100% at 0% 50%);
  3738. clip-path: circle(100% at 0% 50%);
  3739. -webkit-animation: scale 2s ease;
  3740. animation: scale 2s ease;
  3741. }
  3742.  
  3743. .stageCategory .power_on {
  3744. opacity: 1;
  3745. }
  3746.  
  3747.  
  3748. .stageCategory .power_on.active {
  3749. -webkit-animation-name: flicker;
  3750. -webkit-animation-duration: 3s;
  3751. -webkit-animation-timing-function: linear;
  3752. }
  3753. .post-content .et_pb_text_inner>a, .post-content .et_pb_text_inner>p a,
  3754. .post-content div:not(.image-share-wrap) a {
  3755. color:#6400de !important;
  3756. position: relative;
  3757. padding-bottom: 2px;
  3758. }
  3759. .post-content .image-share-wrap a {
  3760. padding-bottom:0;
  3761. }
  3762. .post-content .et_pb_text_inner>a:before, .post-content .et_pb_text_inner>p a:before,
  3763. .post-content div:not(.image-share-wrap) a:before {
  3764. width: 0%; content: "";
  3765. position: absolute;
  3766. -webkit-transition: all ease-in-out 0.3s;
  3767. -moz-transition: all ease-in-out 0.3s;
  3768. -o-transition: all ease-in-out 0.3s;
  3769. transition: all ease-in-out 0.3s;
  3770. }
  3771. .post-content .et_pb_text_inner>a:hover:before,
  3772. .post-content .et_pb_text_inner>p a:hover:before,
  3773. .post-content div:not(.image-share-wrap) a:hover:before {
  3774. content: "";
  3775. position: absolute;
  3776. bottom: 2px;
  3777. left: 0;
  3778. height: 2px;
  3779. width: 100%;
  3780. background-image: linear-gradient(to left, #ef1111, #6400de);
  3781. background: -moz-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  3782. background: -webkit-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  3783. background: linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  3784. }
  3785. .post-content .image-share-wrap a:hover:before {
  3786. display:none;
  3787. }
  3788.  
  3789.  
  3790.  
  3791. @-webkit-keyframes scale {
  3792. 0% {
  3793. -webkit-clip-path: circle(0% at 0% 50%);
  3794. clip-path: circle(0% at 0% 50%);
  3795. }
  3796. 100% {
  3797. -webkit-clip-path: circle(100% at 0% 50%);
  3798. clip-path: circle(100% at 0% 50%);
  3799. }
  3800. }
  3801.  
  3802. @keyframes scale {
  3803. 0% {
  3804. -webkit-clip-path: circle(0% at 0% 50%);
  3805. clip-path: circle(0% at 0% 50%);
  3806. }
  3807. 100% {
  3808. -webkit-clip-path: circle(100% at 0% 50%);
  3809. clip-path: circle(100% at 0% 50%);
  3810. }
  3811. }
  3812.  
  3813. @-webkit-keyframes flicker {
  3814. from {
  3815. opacity: 0.5;
  3816. }
  3817. 4% {
  3818. opacity: 0.5;
  3819. }
  3820. 6% {
  3821. opacity: 0.2;
  3822. }
  3823. 8% {
  3824. opacity: 0.55;
  3825. }
  3826. 10% {
  3827. opacity: 0.2;
  3828. }
  3829. 11% {
  3830. opacity: 0.5;
  3831. }
  3832. 12% {
  3833. opacity: 0.9;
  3834. }
  3835. 14% {
  3836. opacity: 0.55;
  3837. }
  3838. 16% {
  3839. opacity: 1;
  3840. }
  3841. 17% {
  3842. opacity: 0.55;
  3843. }
  3844. 19% {
  3845. opacity: 0.5;
  3846. }
  3847. 20% {
  3848. opacity: 0.5;
  3849. }
  3850. 24% {
  3851. opacity: 0.5;
  3852. }
  3853. 26% {
  3854. opacity: 0.9;
  3855. }
  3856. 28% {
  3857. opacity: 0.5;
  3858. }
  3859. 38% {
  3860. opacity: 0.2;
  3861. }
  3862. 40% {
  3863. opacity: 0.5;
  3864. }
  3865. 42% {
  3866. opacity: 0.9;
  3867. }
  3868. 44% {
  3869. opacity: 0.5;
  3870. }
  3871. 46% {
  3872. opacity: 0.5;
  3873. }
  3874. 56% {
  3875. opacity: 0.5;
  3876. }
  3877. 58% {
  3878. opacity: 1;
  3879. }
  3880. 60% {
  3881. opacity: 0.5;
  3882. }
  3883. 68% {
  3884. opacity: 0.5;
  3885. }
  3886. 70% {
  3887. opacity: 0.9;
  3888. }
  3889. 72% {
  3890. opacity: 0.5;
  3891. }
  3892. 93% {
  3893. opacity: 0.5;
  3894. }
  3895. 95% {
  3896. opacity: 0.9;
  3897. }
  3898. 97% {
  3899. opacity: 0.5;
  3900. }
  3901. to {
  3902. opacity: 0.5;
  3903. }
  3904. }
  3905.  
  3906.  
  3907. @-webkit-keyframes rotating {
  3908. from {
  3909. -webkit-transform: rotate(0deg);
  3910. -o-transform: rotate(0deg);
  3911. transform: rotate(0deg);
  3912. }
  3913. to {
  3914. -webkit-transform: rotate(360deg);
  3915. -o-transform: rotate(360deg);
  3916. transform: rotate(360deg);
  3917. }
  3918. }
  3919.  
  3920. @keyframes rotating {
  3921. from {
  3922. -ms-transform: rotate(0deg);
  3923. -moz-transform: rotate(0deg);
  3924. -webkit-transform: rotate(0deg);
  3925. -o-transform: rotate(0deg);
  3926. transform: rotate(0deg);
  3927. }
  3928. to {
  3929. -ms-transform: rotate(360deg);
  3930. -moz-transform: rotate(360deg);
  3931. -webkit-transform: rotate(360deg);
  3932. -o-transform: rotate(360deg);
  3933. transform: rotate(360deg);
  3934. }
  3935. }
  3936.  
  3937. .rotating {
  3938. -webkit-animation: rotating 2s linear infinite;
  3939. -moz-animation: rotating 2s linear infinite;
  3940. -ms-animation: rotating 2s linear infinite;
  3941. -o-animation: rotating 2s linear infinite;
  3942. animation: rotating 2s linear infinite;
  3943. }
  3944.  
  3945. .sidebarSearch .noResultSearch {
  3946. display: inline-block;
  3947. width: 100%;
  3948. margin-top: 30px;
  3949. margin-bottom: 50px;
  3950. text-align: center;
  3951. font-size: 16px;
  3952. }
  3953.  
  3954. .error404 #page-container {
  3955. background: #230052;
  3956. }
  3957.  
  3958. .section404.et_pb_section {
  3959. background: transparent;
  3960. max-width: 944px;
  3961. margin-left: auto;
  3962. margin-right: auto;
  3963. }
  3964.  
  3965. .section404.et_pb_section .et_pb_row {
  3966. padding: 0;
  3967. width: 100%;
  3968. }
  3969.  
  3970. .notfoundMain .et_pb_extra_column_main {
  3971. padding: 0;
  3972. width: 100%;
  3973. max-width: none;
  3974. }
  3975.  
  3976. .notfoundMain {}
  3977.  
  3978. .stage404 .layer3 {
  3979. bottom: 100px;
  3980. right: 140px;
  3981. position: absolute;
  3982. }
  3983.  
  3984. .stage404 .screen {
  3985. z-index: 99999;
  3986. height: 300px;
  3987. overflow: visible;
  3988. }
  3989.  
  3990. .stage404 .txGettingLost {
  3991. text-align: right;
  3992. }
  3993.  
  3994. .blink404 {
  3995. text-align: right;
  3996. }
  3997.  
  3998. .stage404 .comeBackBtn {
  3999. margin-bottom: 100px;
  4000. text-align: right;
  4001. margin-top: 10px;
  4002. }
  4003.  
  4004. .comeBackBtn .wrapbtn {
  4005. margin-right: 75px;
  4006. }
  4007.  
  4008. .comeBackBtn a {
  4009. color: #230052;
  4010. text-transform: uppercase;
  4011. font-family: 'vxihead', sans-serif;
  4012. font-weight: 600;
  4013. padding: 11px 22px;
  4014. display: inline-block;
  4015. line-height: 1;
  4016. position: relative;
  4017. transition: all 0.2s ease-in-out;
  4018. -moz-transition: all 0.2s ease-in-out;
  4019. -webkit-transition: all 0.2s ease-in-out;
  4020. -o-transition: all 0.2s ease-in-out;
  4021. }
  4022.  
  4023. .comeBackBtn a:hover {
  4024. margin-right: 6px;
  4025. margin-top: -6px;
  4026. margin-bottom: 6px;
  4027. }
  4028.  
  4029.  
  4030. .comeBackBtn a:before {
  4031. content: '';
  4032. background: #ff0809;
  4033. background: -moz-linear-gradient(45deg, #ff0809 0%, #7500e2 100%);
  4034. background: -webkit-linear-gradient(45deg, #ff0809 0%, #7500e2 100%);
  4035. background: linear-gradient(45deg, #ff0809 0%, #7500e2 100%);
  4036. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0809', endColorstr='#7500e2', GradientType=1);
  4037. width: 100%;
  4038. height: 100%;
  4039. position: absolute;
  4040. left: 0;
  4041. top: 0;
  4042. z-index: 9;
  4043. }
  4044.  
  4045. .comeBackBtn a:hover:before {
  4046. /* left: -6px; */
  4047. /* top: -6px; */
  4048. }
  4049.  
  4050. .comeBackBtn a .border {
  4051. width: 100%;
  4052. height: 100%;
  4053. position: absolute;
  4054. top: 0;
  4055. left: 0;
  4056. background: #ff0809;
  4057. background: -moz-linear-gradient(45deg, #ff0809 0%, #7500e2 100%);
  4058. background: -webkit-linear-gradient(45deg, #ff0809 0%, #7500e2 100%);
  4059. background: linear-gradient(45deg, #ff0809 0%, #7500e2 100%);
  4060. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0809', endColorstr='#7500e2', GradientType=1);
  4061. padding: 1px;
  4062. transition: all 0.2s ease-in-out;
  4063. -moz-transition: all 0.2s ease-in-out;
  4064. -webkit-transition: all 0.2s ease-in-out;
  4065. -o-transition: all 0.2s ease-in-out;
  4066. }
  4067.  
  4068. .comeBackBtn a:hover .border {
  4069. top: 6px;
  4070. left: 6px;
  4071. }
  4072.  
  4073. .comeBackBtn a .border:before {
  4074. content: '';
  4075. width: 100%;
  4076. height: 100%;
  4077. position: absolute;
  4078. }
  4079.  
  4080. .comeBackBtn a .tx {
  4081. position: relative;
  4082. z-index: 9;
  4083. transition: all 0.2s ease-in-out;
  4084. -moz-transition: all 0.2s ease-in-out;
  4085. -webkit-transition: all 0.2s ease-in-out;
  4086. -o-transition: all 0.2s ease-in-out;
  4087. }
  4088.  
  4089. .comeBackBtn a:hover .tx {}
  4090.  
  4091. .comeBackBtn a .border:before {
  4092. content: '';
  4093. display: block;
  4094. position: relative;
  4095. width: 100%;
  4096. height: 100%;
  4097. background: #230052;
  4098. }
  4099.  
  4100. .blink404 span {
  4101. width: 8px;
  4102. height: 8px;
  4103. display: inline-block;
  4104. background: #fff;
  4105. margin-top: 20px;
  4106. margin-bottom: 15px;
  4107. -webkit-animation: blink 500ms linear infinite alternate;
  4108. animation: blink 500ms linear infinite alternate;
  4109. margin-right: 75px;
  4110. }
  4111.  
  4112. .stage404 .txGettingLost img {
  4113. height: 38px;
  4114. margin-right: 70px;
  4115. }
  4116.  
  4117. .stage404 .layer2 {
  4118. position: absolute;
  4119. top: 0;
  4120. }
  4121.  
  4122. .stage404 {
  4123. width: 640px;
  4124. margin-left: auto;
  4125. margin-right: auto;
  4126. margin-top: 0;
  4127. margin-bottom: 0;
  4128. }
  4129.  
  4130. .stage404 .time img {
  4131. height: 200px;
  4132. }
  4133.  
  4134. a.switcher {
  4135. display: block;
  4136. position: fixed;
  4137. text-decoration: none;
  4138. z-index: 999999999999;
  4139. right: 20px;
  4140. bottom: 20px;
  4141. width: 16px;
  4142. height: 16px;
  4143. background: transparent;
  4144. border: 2px solid #fff;
  4145. border-radius: 50%;
  4146. opacity: 0.15;
  4147. -webkit-transition: opacity 0.15s;
  4148. transition: opacity 0.15s;
  4149. }
  4150.  
  4151. a.switcher:hover {
  4152. opacity: 1;
  4153. }
  4154.  
  4155. a.switcher:before {
  4156. display: block;
  4157. content: '';
  4158. position: absolute;
  4159. border-radius: 4px;
  4160. width: 2px;
  4161. height: 5px;
  4162. background: #fff;
  4163. top: 0;
  4164. left: 5px;
  4165. }
  4166.  
  4167. .screen {
  4168. position: relative;
  4169. z-index: 1;
  4170. width: 100%;
  4171. height: 100%;
  4172. overflow: hidden;
  4173. }
  4174.  
  4175. .figure {
  4176. display: block;
  4177. position: absolute;
  4178. z-index: 1;
  4179. width: 0;
  4180. height: 0;
  4181. top: 0;
  4182. right: 0;
  4183. bottom: 0;
  4184. left: 0;
  4185. margin: auto;
  4186. border-top: 200px solid #fff;
  4187. border-right: 100px solid transparent;
  4188. border-left: 100px solid transparent;
  4189. border-bottom: 0 solid transparent;
  4190. }
  4191.  
  4192. .figure:before {
  4193. display: block;
  4194. content: '';
  4195. position: absolute;
  4196. z-index: 99;
  4197. width: 0;
  4198. height: 0;
  4199. top: -194px;
  4200. left: -90px;
  4201. margin: auto;
  4202. border-top: 180px solid #230052;
  4203. border-right: 90px solid transparent;
  4204. border-left: 90px solid transparent;
  4205. border-bottom: 0 solid transparent;
  4206. }
  4207.  
  4208. .figure-mask {
  4209. display: block;
  4210. position: absolute;
  4211. z-index: 99;
  4212. width: 0;
  4213. height: 0;
  4214. top: 0;
  4215. right: 0;
  4216. bottom: 0;
  4217. left: 0;
  4218. margin: auto;
  4219. border-top: 200px solid transparent;
  4220. border-right: 100px solid #230052;
  4221. border-left: 100px solid #230052;
  4222. border-bottom: 0 solid transparent;
  4223. }
  4224.  
  4225. .clock {
  4226. display: block;
  4227. position: absolute;
  4228. z-index: 9;
  4229. width: 720px;
  4230. height: 200px;
  4231. text-align: center;
  4232. top: 0;
  4233. right: 0;
  4234. bottom: 0;
  4235. left: 0;
  4236. margin: auto;
  4237. cursor: default;
  4238. margin-top: 60px;
  4239. margin-left: -70px;
  4240. margin-right: 0;
  4241. }
  4242.  
  4243. .clock span {
  4244. display: block;
  4245. position: relative;
  4246. }
  4247.  
  4248. .clock.is-off {
  4249. -webkit-animation: is-off 2s linear infinite !important;
  4250. animation: is-off 2s linear infinite !important;
  4251. }
  4252.  
  4253. .glitch:before {
  4254. position: absolute;
  4255. z-index: 999999;
  4256. content: '';
  4257. top: 0;
  4258. right: 0;
  4259. bottom: 0;
  4260. left: 0;
  4261. -webkit-animation: bg-move 2s linear infinite;
  4262. animation: bg-move 2s linear infinite;
  4263. background-size: 100% 8px;
  4264. }
  4265.  
  4266. .glitch .figure,
  4267. .glitch .figure-mask {
  4268. -webkit-transform: skewX(0deg) scaleY(1);
  4269. transform: skewX(0deg) scaleY(1);
  4270. -webkit-animation: tr-bag 4s linear infinite;
  4271. animation: tr-bag 4s linear infinite;
  4272. }
  4273.  
  4274. .glitch .clock {
  4275. -webkit-transform: skewX(0deg) scaleY(1);
  4276. transform: skewX(0deg) scaleY(1);
  4277. -webkit-animation: clock-bag 4s linear infinite;
  4278. animation: clock-bag 4s linear infinite;
  4279. }
  4280.  
  4281. .glitch .clock span:before,
  4282. .glitch .clock span:after {
  4283. display: block;
  4284. content: url('assets/404/error404.svg');
  4285. position: absolute;
  4286. top: 0;
  4287. color: #fff;
  4288. background: #230052;
  4289. overflow: hidden;
  4290. width: 720px;
  4291. height: 200px;
  4292. clip: rect(0, 720px, 0, 0);
  4293. }
  4294.  
  4295. .glitch .clock span:before {
  4296. left: -2px;
  4297. text-shadow: 2px 0 #00f;
  4298. -webkit-animation: c2 1s infinite linear alternate-reverse;
  4299. animation: c2 1s infinite linear alternate-reverse;
  4300. }
  4301.  
  4302. .glitch .clock span:after {
  4303. left: 3px;
  4304. text-shadow: -2px 0 #f00;
  4305. -webkit-animation: c1 2s infinite linear alternate-reverse;
  4306. animation: c1 2s infinite linear alternate-reverse;
  4307. }
  4308.  
  4309. @-webkit-keyframes c1 {
  4310. 0% {
  4311. clip: rect(72px, 9999px, 116px, 0);
  4312. }
  4313. 5% {
  4314. clip: rect(134px, 9999px, 96px, 0);
  4315. }
  4316. 10% {
  4317. clip: rect(57px, 9999px, 66px, 0);
  4318. }
  4319. 15.000000000000002% {
  4320. clip: rect(79px, 9999px, 76px, 0);
  4321. }
  4322. 20% {
  4323. clip: rect(79px, 9999px, 41px, 0);
  4324. }
  4325. 25% {
  4326. clip: rect(153px, 9999px, 47px, 0);
  4327. }
  4328. 30.000000000000004% {
  4329. clip: rect(74px, 9999px, 84px, 0);
  4330. }
  4331. 35.00000000000001% {
  4332. clip: rect(91px, 9999px, 74px, 0);
  4333. }
  4334. 40% {
  4335. clip: rect(125px, 9999px, 70px, 0);
  4336. }
  4337. 45% {
  4338. clip: rect(72px, 9999px, 37px, 0);
  4339. }
  4340. 50% {
  4341. clip: rect(134px, 9999px, 48px, 0);
  4342. }
  4343. 55% {
  4344. clip: rect(160px, 9999px, 111px, 0);
  4345. }
  4346. 60.00000000000001% {
  4347. clip: rect(70px, 9999px, 73px, 0);
  4348. }
  4349. 65% {
  4350. clip: rect(80px, 9999px, 63px, 0);
  4351. }
  4352. 70.00000000000001% {
  4353. clip: rect(91px, 9999px, 48px, 0);
  4354. }
  4355. 75% {
  4356. clip: rect(73px, 9999px, 73px, 0);
  4357. }
  4358. 80% {
  4359. clip: rect(129px, 9999px, 94px, 0);
  4360. }
  4361. 85% {
  4362. clip: rect(153px, 9999px, 115px, 0);
  4363. }
  4364. 90% {
  4365. clip: rect(139px, 9999px, 67px, 0);
  4366. }
  4367. 95% {
  4368. clip: rect(83px, 9999px, 114px, 0);
  4369. }
  4370. 100% {
  4371. clip: rect(81px, 9999px, 82px, 0);
  4372. }
  4373. }
  4374.  
  4375. @keyframes c1 {
  4376. 0% {
  4377. clip: rect(72px, 9999px, 116px, 0);
  4378. }
  4379. 5% {
  4380. clip: rect(134px, 9999px, 96px, 0);
  4381. }
  4382. 10% {
  4383. clip: rect(57px, 9999px, 66px, 0);
  4384. }
  4385. 15.000000000000002% {
  4386. clip: rect(79px, 9999px, 76px, 0);
  4387. }
  4388. 20% {
  4389. clip: rect(79px, 9999px, 41px, 0);
  4390. }
  4391. 25% {
  4392. clip: rect(153px, 9999px, 47px, 0);
  4393. }
  4394. 30.000000000000004% {
  4395. clip: rect(74px, 9999px, 84px, 0);
  4396. }
  4397. 35.00000000000001% {
  4398. clip: rect(91px, 9999px, 74px, 0);
  4399. }
  4400. 40% {
  4401. clip: rect(125px, 9999px, 70px, 0);
  4402. }
  4403. 45% {
  4404. clip: rect(72px, 9999px, 37px, 0);
  4405. }
  4406. 50% {
  4407. clip: rect(134px, 9999px, 48px, 0);
  4408. }
  4409. 55% {
  4410. clip: rect(160px, 9999px, 111px, 0);
  4411. }
  4412. 60.00000000000001% {
  4413. clip: rect(70px, 9999px, 73px, 0);
  4414. }
  4415. 65% {
  4416. clip: rect(80px, 9999px, 63px, 0);
  4417. }
  4418. 70.00000000000001% {
  4419. clip: rect(91px, 9999px, 48px, 0);
  4420. }
  4421. 75% {
  4422. clip: rect(73px, 9999px, 73px, 0);
  4423. }
  4424. 80% {
  4425. clip: rect(129px, 9999px, 94px, 0);
  4426. }
  4427. 85% {
  4428. clip: rect(153px, 9999px, 115px, 0);
  4429. }
  4430. 90% {
  4431. clip: rect(139px, 9999px, 67px, 0);
  4432. }
  4433. 95% {
  4434. clip: rect(83px, 9999px, 114px, 0);
  4435. }
  4436. 100% {
  4437. clip: rect(81px, 9999px, 82px, 0);
  4438. }
  4439. }
  4440.  
  4441. @-webkit-keyframes c2 {
  4442. 0% {
  4443. clip: rect(70px, 9999px, 138px, 0);
  4444. }
  4445. 5% {
  4446. clip: rect(109px, 9999px, 128px, 0);
  4447. }
  4448. 10% {
  4449. clip: rect(109px, 9999px, 43px, 0);
  4450. }
  4451. 15.000000000000002% {
  4452. clip: rect(68px, 9999px, 63px, 0);
  4453. }
  4454. 20% {
  4455. clip: rect(79px, 9999px, 36px, 0);
  4456. }
  4457. 25% {
  4458. clip: rect(75px, 9999px, 138px, 0);
  4459. }
  4460. 30.000000000000004% {
  4461. clip: rect(122px, 9999px, 65px, 0);
  4462. }
  4463. 35.00000000000001% {
  4464. clip: rect(118px, 9999px, 144px, 0);
  4465. }
  4466. 40% {
  4467. clip: rect(117px, 9999px, 114px, 0);
  4468. }
  4469. 45% {
  4470. clip: rect(65px, 9999px, 82px, 0);
  4471. }
  4472. 50% {
  4473. clip: rect(85px, 9999px, 43px, 0);
  4474. }
  4475. 55% {
  4476. clip: rect(70px, 9999px, 150px, 0);
  4477. }
  4478. 60.00000000000001% {
  4479. clip: rect(130px, 9999px, 53px, 0);
  4480. }
  4481. 65% {
  4482. clip: rect(158px, 9999px, 55px, 0);
  4483. }
  4484. 70.00000000000001% {
  4485. clip: rect(62px, 9999px, 82px, 0);
  4486. }
  4487. 75% {
  4488. clip: rect(153px, 9999px, 114px, 0);
  4489. }
  4490. 80% {
  4491. clip: rect(99px, 9999px, 45px, 0);
  4492. }
  4493. 85% {
  4494. clip: rect(108px, 9999px, 96px, 0);
  4495. }
  4496. 90% {
  4497. clip: rect(120px, 9999px, 48px, 0);
  4498. }
  4499. 95% {
  4500. clip: rect(147px, 9999px, 124px, 0);
  4501. }
  4502. 100% {
  4503. clip: rect(125px, 9999px, 97px, 0);
  4504. }
  4505. 23% {
  4506. -webkit-transform: scaleX(0.8);
  4507. transform: scaleX(0.8);
  4508. }
  4509. }
  4510.  
  4511. @keyframes c2 {
  4512. 0% {
  4513. clip: rect(70px, 9999px, 138px, 0);
  4514. }
  4515. 5% {
  4516. clip: rect(109px, 9999px, 128px, 0);
  4517. }
  4518. 10% {
  4519. clip: rect(109px, 9999px, 43px, 0);
  4520. }
  4521. 15.000000000000002% {
  4522. clip: rect(68px, 9999px, 63px, 0);
  4523. }
  4524. 20% {
  4525. clip: rect(79px, 9999px, 36px, 0);
  4526. }
  4527. 25% {
  4528. clip: rect(75px, 9999px, 138px, 0);
  4529. }
  4530. 30.000000000000004% {
  4531. clip: rect(122px, 9999px, 65px, 0);
  4532. }
  4533. 35.00000000000001% {
  4534. clip: rect(118px, 9999px, 144px, 0);
  4535. }
  4536. 40% {
  4537. clip: rect(117px, 9999px, 114px, 0);
  4538. }
  4539. 45% {
  4540. clip: rect(65px, 9999px, 82px, 0);
  4541. }
  4542. 50% {
  4543. clip: rect(85px, 9999px, 43px, 0);
  4544. }
  4545. 55% {
  4546. clip: rect(70px, 9999px, 150px, 0);
  4547. }
  4548. 60.00000000000001% {
  4549. clip: rect(130px, 9999px, 53px, 0);
  4550. }
  4551. 65% {
  4552. clip: rect(158px, 9999px, 55px, 0);
  4553. }
  4554. 70.00000000000001% {
  4555. clip: rect(62px, 9999px, 82px, 0);
  4556. }
  4557. 75% {
  4558. clip: rect(153px, 9999px, 114px, 0);
  4559. }
  4560. 80% {
  4561. clip: rect(99px, 9999px, 45px, 0);
  4562. }
  4563. 85% {
  4564. clip: rect(108px, 9999px, 96px, 0);
  4565. }
  4566. 90% {
  4567. clip: rect(120px, 9999px, 48px, 0);
  4568. }
  4569. 95% {
  4570. clip: rect(147px, 9999px, 124px, 0);
  4571. }
  4572. 100% {
  4573. clip: rect(125px, 9999px, 97px, 0);
  4574. }
  4575. 23% {
  4576. -webkit-transform: scaleX(0.8);
  4577. transform: scaleX(0.8);
  4578. }
  4579. }
  4580.  
  4581. @-webkit-keyframes clock-bag {
  4582. 0% {
  4583. -webkit-transform: translate(3px, 1px);
  4584. transform: translate(3px, 1px);
  4585. }
  4586. 2% {
  4587. -webkit-transform: translate(3px, 4px);
  4588. transform: translate(3px, 4px);
  4589. }
  4590. 4% {
  4591. -webkit-transform: translate(2px, 5px);
  4592. transform: translate(2px, 5px);
  4593. }
  4594. 6% {
  4595. -webkit-transform: translate(3px, 1px);
  4596. transform: translate(3px, 1px);
  4597. }
  4598. 8% {
  4599. -webkit-transform: translate(3px, 4px);
  4600. transform: translate(3px, 4px);
  4601. }
  4602. 10% {
  4603. -webkit-transform: translate(5px, 5px);
  4604. transform: translate(5px, 5px);
  4605. }
  4606. 12% {
  4607. -webkit-transform: translate(5px, 2px);
  4608. transform: translate(5px, 2px);
  4609. }
  4610. 14.000000000000002% {
  4611. -webkit-transform: translate(1px, 3px);
  4612. transform: translate(1px, 3px);
  4613. }
  4614. 16% {
  4615. -webkit-transform: translate(2px, 3px);
  4616. transform: translate(2px, 3px);
  4617. }
  4618. 18% {
  4619. -webkit-transform: translate(3px, 3px);
  4620. transform: translate(3px, 3px);
  4621. }
  4622. 20% {
  4623. -webkit-transform: translate(2px, 5px);
  4624. transform: translate(2px, 5px);
  4625. }
  4626. 22% {
  4627. -webkit-transform: translate(1px, 2px);
  4628. transform: translate(1px, 2px);
  4629. }
  4630. 24% {
  4631. -webkit-transform: translate(3px, 5px);
  4632. transform: translate(3px, 5px);
  4633. }
  4634. 26% {
  4635. -webkit-transform: translate(2px, 3px);
  4636. transform: translate(2px, 3px);
  4637. }
  4638. 28.000000000000004% {
  4639. -webkit-transform: translate(3px, 1px);
  4640. transform: translate(3px, 1px);
  4641. }
  4642. 30% {
  4643. -webkit-transform: translate(2px, 5px);
  4644. transform: translate(2px, 5px);
  4645. }
  4646. 32% {
  4647. -webkit-transform: translate(5px, 4px);
  4648. transform: translate(5px, 4px);
  4649. }
  4650. 34% {
  4651. -webkit-transform: translate(4px, 1px);
  4652. transform: translate(4px, 1px);
  4653. }
  4654. 36% {
  4655. -webkit-transform: translate(4px, 1px);
  4656. transform: translate(4px, 1px);
  4657. }
  4658. 38% {
  4659. -webkit-transform: translate(3px, 4px);
  4660. transform: translate(3px, 4px);
  4661. }
  4662. 40% {
  4663. -webkit-transform: translate(4px, 1px);
  4664. transform: translate(4px, 1px);
  4665. }
  4666. 42% {
  4667. -webkit-transform: translate(5px, 1px);
  4668. transform: translate(5px, 1px);
  4669. }
  4670. 44% {
  4671. -webkit-transform: translate(4px, 4px);
  4672. transform: translate(4px, 4px);
  4673. }
  4674. 46.00000000000001% {
  4675. -webkit-transform: translate(3px, 2px);
  4676. transform: translate(3px, 2px);
  4677. }
  4678. 48% {
  4679. -webkit-transform: translate(2px, 2px);
  4680. transform: translate(2px, 2px);
  4681. }
  4682. 50% {
  4683. -webkit-transform: translate(2px, 1px);
  4684. transform: translate(2px, 1px);
  4685. }
  4686. 52% {
  4687. -webkit-transform: translate(5px, 2px);
  4688. transform: translate(5px, 2px);
  4689. }
  4690. 54% {
  4691. -webkit-transform: translate(4px, 3px);
  4692. transform: translate(4px, 3px);
  4693. }
  4694. 56.00000000000001% {
  4695. -webkit-transform: translate(5px, 4px);
  4696. transform: translate(5px, 4px);
  4697. }
  4698. 58% {
  4699. -webkit-transform: translate(2px, 3px);
  4700. transform: translate(2px, 3px);
  4701. }
  4702. 60% {
  4703. -webkit-transform: translate(1px, 4px);
  4704. transform: translate(1px, 4px);
  4705. }
  4706. 62% {
  4707. -webkit-transform: translate(2px, 4px);
  4708. transform: translate(2px, 4px);
  4709. }
  4710. 64% {
  4711. -webkit-transform: translate(2px, 1px);
  4712. transform: translate(2px, 1px);
  4713. }
  4714. 66% {
  4715. -webkit-transform: translate(1px, 1px);
  4716. transform: translate(1px, 1px);
  4717. }
  4718. 68% {
  4719. -webkit-transform: translate(3px, 4px);
  4720. transform: translate(3px, 4px);
  4721. }
  4722. 70.00000000000001% {
  4723. -webkit-transform: translate(2px, 5px);
  4724. transform: translate(2px, 5px);
  4725. }
  4726. 72% {
  4727. -webkit-transform: translate(3px, 5px);
  4728. transform: translate(3px, 5px);
  4729. }
  4730. 74% {
  4731. -webkit-transform: translate(5px, 1px);
  4732. transform: translate(5px, 1px);
  4733. }
  4734. 76% {
  4735. -webkit-transform: translate(3px, 2px);
  4736. transform: translate(3px, 2px);
  4737. }
  4738. 78% {
  4739. -webkit-transform: translate(4px, 1px);
  4740. transform: translate(4px, 1px);
  4741. }
  4742. 80% {
  4743. -webkit-transform: translate(5px, 4px);
  4744. transform: translate(5px, 4px);
  4745. }
  4746. 82.00000000000001% {
  4747. -webkit-transform: translate(1px, 2px);
  4748. transform: translate(1px, 2px);
  4749. }
  4750. 84% {
  4751. -webkit-transform: translate(4px, 4px);
  4752. transform: translate(4px, 4px);
  4753. }
  4754. 86% {
  4755. -webkit-transform: translate(3px, 4px);
  4756. transform: translate(3px, 4px);
  4757. }
  4758. 88% {
  4759. -webkit-transform: translate(5px, 3px);
  4760. transform: translate(5px, 3px);
  4761. }
  4762. 90% {
  4763. -webkit-transform: translate(3px, 1px);
  4764. transform: translate(3px, 1px);
  4765. }
  4766. 92.00000000000001% {
  4767. -webkit-transform: translate(5px, 4px);
  4768. transform: translate(5px, 4px);
  4769. }
  4770. 94% {
  4771. -webkit-transform: translate(3px, 3px);
  4772. transform: translate(3px, 3px);
  4773. }
  4774. 96% {
  4775. -webkit-transform: translate(5px, 5px);
  4776. transform: translate(5px, 5px);
  4777. }
  4778. 98% {
  4779. -webkit-transform: translate(2px, 5px);
  4780. transform: translate(2px, 5px);
  4781. }
  4782. 100% {
  4783. -webkit-transform: translate(4px, 5px);
  4784. transform: translate(4px, 5px);
  4785. }
  4786. 1% {
  4787. -webkit-transform: scaleY(1) skewX(0deg);
  4788. transform: scaleY(1) skewX(0deg);
  4789. }
  4790. 1.5% {
  4791. -webkit-transform: scaleY(3) skewX(-60deg);
  4792. transform: scaleY(3) skewX(-60deg);
  4793. }
  4794. 2% {
  4795. -webkit-transform: scaleY(1) skewX(0deg);
  4796. transform: scaleY(1) skewX(0deg);
  4797. }
  4798. 51% {
  4799. -webkit-transform: scaleX(1) scaleY(1) skewX(0deg);
  4800. transform: scaleX(1) scaleY(1) skewX(0deg);
  4801. }
  4802. 52% {
  4803. -webkit-transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
  4804. transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
  4805. }
  4806. 53% {
  4807. -webkit-transform: scaleX(1) scaleY(1) skewX(0deg);
  4808. transform: scaleX(1) scaleY(1) skewX(0deg);
  4809. }
  4810. }
  4811.  
  4812. @keyframes clock-bag {
  4813. 0% {
  4814. -webkit-transform: translate(3px, 1px);
  4815. transform: translate(3px, 1px);
  4816. }
  4817. 2% {
  4818. -webkit-transform: translate(3px, 4px);
  4819. transform: translate(3px, 4px);
  4820. }
  4821. 4% {
  4822. -webkit-transform: translate(2px, 5px);
  4823. transform: translate(2px, 5px);
  4824. }
  4825. 6% {
  4826. -webkit-transform: translate(3px, 1px);
  4827. transform: translate(3px, 1px);
  4828. }
  4829. 8% {
  4830. -webkit-transform: translate(3px, 4px);
  4831. transform: translate(3px, 4px);
  4832. }
  4833. 10% {
  4834. -webkit-transform: translate(5px, 5px);
  4835. transform: translate(5px, 5px);
  4836. }
  4837. 12% {
  4838. -webkit-transform: translate(5px, 2px);
  4839. transform: translate(5px, 2px);
  4840. }
  4841. 14.000000000000002% {
  4842. -webkit-transform: translate(1px, 3px);
  4843. transform: translate(1px, 3px);
  4844. }
  4845. 16% {
  4846. -webkit-transform: translate(2px, 3px);
  4847. transform: translate(2px, 3px);
  4848. }
  4849. 18% {
  4850. -webkit-transform: translate(3px, 3px);
  4851. transform: translate(3px, 3px);
  4852. }
  4853. 20% {
  4854. -webkit-transform: translate(2px, 5px);
  4855. transform: translate(2px, 5px);
  4856. }
  4857. 22% {
  4858. -webkit-transform: translate(1px, 2px);
  4859. transform: translate(1px, 2px);
  4860. }
  4861. 24% {
  4862. -webkit-transform: translate(3px, 5px);
  4863. transform: translate(3px, 5px);
  4864. }
  4865. 26% {
  4866. -webkit-transform: translate(2px, 3px);
  4867. transform: translate(2px, 3px);
  4868. }
  4869. 28.000000000000004% {
  4870. -webkit-transform: translate(3px, 1px);
  4871. transform: translate(3px, 1px);
  4872. }
  4873. 30% {
  4874. -webkit-transform: translate(2px, 5px);
  4875. transform: translate(2px, 5px);
  4876. }
  4877. 32% {
  4878. -webkit-transform: translate(5px, 4px);
  4879. transform: translate(5px, 4px);
  4880. }
  4881. 34% {
  4882. -webkit-transform: translate(4px, 1px);
  4883. transform: translate(4px, 1px);
  4884. }
  4885. 36% {
  4886. -webkit-transform: translate(4px, 1px);
  4887. transform: translate(4px, 1px);
  4888. }
  4889. 38% {
  4890. -webkit-transform: translate(3px, 4px);
  4891. transform: translate(3px, 4px);
  4892. }
  4893. 40% {
  4894. -webkit-transform: translate(4px, 1px);
  4895. transform: translate(4px, 1px);
  4896. }
  4897. 42% {
  4898. -webkit-transform: translate(5px, 1px);
  4899. transform: translate(5px, 1px);
  4900. }
  4901. 44% {
  4902. -webkit-transform: translate(4px, 4px);
  4903. transform: translate(4px, 4px);
  4904. }
  4905. 46.00000000000001% {
  4906. -webkit-transform: translate(3px, 2px);
  4907. transform: translate(3px, 2px);
  4908. }
  4909. 48% {
  4910. -webkit-transform: translate(2px, 2px);
  4911. transform: translate(2px, 2px);
  4912. }
  4913. 50% {
  4914. -webkit-transform: translate(2px, 1px);
  4915. transform: translate(2px, 1px);
  4916. }
  4917. 52% {
  4918. -webkit-transform: translate(5px, 2px);
  4919. transform: translate(5px, 2px);
  4920. }
  4921. 54% {
  4922. -webkit-transform: translate(4px, 3px);
  4923. transform: translate(4px, 3px);
  4924. }
  4925. 56.00000000000001% {
  4926. -webkit-transform: translate(5px, 4px);
  4927. transform: translate(5px, 4px);
  4928. }
  4929. 58% {
  4930. -webkit-transform: translate(2px, 3px);
  4931. transform: translate(2px, 3px);
  4932. }
  4933. 60% {
  4934. -webkit-transform: translate(1px, 4px);
  4935. transform: translate(1px, 4px);
  4936. }
  4937. 62% {
  4938. -webkit-transform: translate(2px, 4px);
  4939. transform: translate(2px, 4px);
  4940. }
  4941. 64% {
  4942. -webkit-transform: translate(2px, 1px);
  4943. transform: translate(2px, 1px);
  4944. }
  4945. 66% {
  4946. -webkit-transform: translate(1px, 1px);
  4947. transform: translate(1px, 1px);
  4948. }
  4949. 68% {
  4950. -webkit-transform: translate(3px, 4px);
  4951. transform: translate(3px, 4px);
  4952. }
  4953. 70.00000000000001% {
  4954. -webkit-transform: translate(2px, 5px);
  4955. transform: translate(2px, 5px);
  4956. }
  4957. 72% {
  4958. -webkit-transform: translate(3px, 5px);
  4959. transform: translate(3px, 5px);
  4960. }
  4961. 74% {
  4962. -webkit-transform: translate(5px, 1px);
  4963. transform: translate(5px, 1px);
  4964. }
  4965. 76% {
  4966. -webkit-transform: translate(3px, 2px);
  4967. transform: translate(3px, 2px);
  4968. }
  4969. 78% {
  4970. -webkit-transform: translate(4px, 1px);
  4971. transform: translate(4px, 1px);
  4972. }
  4973. 80% {
  4974. -webkit-transform: translate(5px, 4px);
  4975. transform: translate(5px, 4px);
  4976. }
  4977. 82.00000000000001% {
  4978. -webkit-transform: translate(1px, 2px);
  4979. transform: translate(1px, 2px);
  4980. }
  4981. 84% {
  4982. -webkit-transform: translate(4px, 4px);
  4983. transform: translate(4px, 4px);
  4984. }
  4985. 86% {
  4986. -webkit-transform: translate(3px, 4px);
  4987. transform: translate(3px, 4px);
  4988. }
  4989. 88% {
  4990. -webkit-transform: translate(5px, 3px);
  4991. transform: translate(5px, 3px);
  4992. }
  4993. 90% {
  4994. -webkit-transform: translate(3px, 1px);
  4995. transform: translate(3px, 1px);
  4996. }
  4997. 92.00000000000001% {
  4998. -webkit-transform: translate(5px, 4px);
  4999. transform: translate(5px, 4px);
  5000. }
  5001. 94% {
  5002. -webkit-transform: translate(3px, 3px);
  5003. transform: translate(3px, 3px);
  5004. }
  5005. 96% {
  5006. -webkit-transform: translate(5px, 5px);
  5007. transform: translate(5px, 5px);
  5008. }
  5009. 98% {
  5010. -webkit-transform: translate(2px, 5px);
  5011. transform: translate(2px, 5px);
  5012. }
  5013. 100% {
  5014. -webkit-transform: translate(4px, 5px);
  5015. transform: translate(4px, 5px);
  5016. }
  5017. 1% {
  5018. -webkit-transform: scaleY(1) skewX(0deg);
  5019. transform: scaleY(1) skewX(0deg);
  5020. }
  5021. 1.5% {
  5022. -webkit-transform: scaleY(3) skewX(-60deg);
  5023. transform: scaleY(3) skewX(-60deg);
  5024. }
  5025. 2% {
  5026. -webkit-transform: scaleY(1) skewX(0deg);
  5027. transform: scaleY(1) skewX(0deg);
  5028. }
  5029. 51% {
  5030. -webkit-transform: scaleX(1) scaleY(1) skewX(0deg);
  5031. transform: scaleX(1) scaleY(1) skewX(0deg);
  5032. }
  5033. 52% {
  5034. -webkit-transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
  5035. transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
  5036. }
  5037. 53% {
  5038. -webkit-transform: scaleX(1) scaleY(1) skewX(0deg);
  5039. transform: scaleX(1) scaleY(1) skewX(0deg);
  5040. }
  5041. }
  5042.  
  5043. @-webkit-keyframes tr-bag {
  5044. 0% {
  5045. -webkit-transform: translate(3px, 1px);
  5046. transform: translate(3px, 1px);
  5047. }
  5048. 2% {
  5049. -webkit-transform: translate(1px, 3px);
  5050. transform: translate(1px, 3px);
  5051. }
  5052. 4% {
  5053. -webkit-transform: translate(3px, 1px);
  5054. transform: translate(3px, 1px);
  5055. }
  5056. 6% {
  5057. -webkit-transform: translate(4px, 1px);
  5058. transform: translate(4px, 1px);
  5059. }
  5060. 8% {
  5061. -webkit-transform: translate(3px, 4px);
  5062. transform: translate(3px, 4px);
  5063. }
  5064. 10% {
  5065. -webkit-transform: translate(2px, 5px);
  5066. transform: translate(2px, 5px);
  5067. }
  5068. 12% {
  5069. -webkit-transform: translate(5px, 5px);
  5070. transform: translate(5px, 5px);
  5071. }
  5072. 14.000000000000002% {
  5073. -webkit-transform: translate(2px, 5px);
  5074. transform: translate(2px, 5px);
  5075. }
  5076. 16% {
  5077. -webkit-transform: translate(5px, 4px);
  5078. transform: translate(5px, 4px);
  5079. }
  5080. 18% {
  5081. -webkit-transform: translate(3px, 4px);
  5082. transform: translate(3px, 4px);
  5083. }
  5084. 20% {
  5085. -webkit-transform: translate(3px, 5px);
  5086. transform: translate(3px, 5px);
  5087. }
  5088. 22% {
  5089. -webkit-transform: translate(5px, 5px);
  5090. transform: translate(5px, 5px);
  5091. }
  5092. 24% {
  5093. -webkit-transform: translate(1px, 1px);
  5094. transform: translate(1px, 1px);
  5095. }
  5096. 26% {
  5097. -webkit-transform: translate(3px, 4px);
  5098. transform: translate(3px, 4px);
  5099. }
  5100. 28.000000000000004% {
  5101. -webkit-transform: translate(3px, 1px);
  5102. transform: translate(3px, 1px);
  5103. }
  5104. 30% {
  5105. -webkit-transform: translate(3px, 5px);
  5106. transform: translate(3px, 5px);
  5107. }
  5108. 32% {
  5109. -webkit-transform: translate(4px, 3px);
  5110. transform: translate(4px, 3px);
  5111. }
  5112. 34% {
  5113. -webkit-transform: translate(2px, 4px);
  5114. transform: translate(2px, 4px);
  5115. }
  5116. 36% {
  5117. -webkit-transform: translate(4px, 4px);
  5118. transform: translate(4px, 4px);
  5119. }
  5120. 38% {
  5121. -webkit-transform: translate(2px, 3px);
  5122. transform: translate(2px, 3px);
  5123. }
  5124. 40% {
  5125. -webkit-transform: translate(2px, 2px);
  5126. transform: translate(2px, 2px);
  5127. }
  5128. 42% {
  5129. -webkit-transform: translate(3px, 3px);
  5130. transform: translate(3px, 3px);
  5131. }
  5132. 44% {
  5133. -webkit-transform: translate(4px, 4px);
  5134. transform: translate(4px, 4px);
  5135. }
  5136. 46.00000000000001% {
  5137. -webkit-transform: translate(1px, 2px);
  5138. transform: translate(1px, 2px);
  5139. }
  5140. 48% {
  5141. -webkit-transform: translate(5px, 5px);
  5142. transform: translate(5px, 5px);
  5143. }
  5144. 50% {
  5145. -webkit-transform: translate(5px, 1px);
  5146. transform: translate(5px, 1px);
  5147. }
  5148. 52% {
  5149. -webkit-transform: translate(3px, 4px);
  5150. transform: translate(3px, 4px);
  5151. }
  5152. 54% {
  5153. -webkit-transform: translate(2px, 2px);
  5154. transform: translate(2px, 2px);
  5155. }
  5156. 56.00000000000001% {
  5157. -webkit-transform: translate(5px, 4px);
  5158. transform: translate(5px, 4px);
  5159. }
  5160. 58% {
  5161. -webkit-transform: translate(1px, 4px);
  5162. transform: translate(1px, 4px);
  5163. }
  5164. 60% {
  5165. -webkit-transform: translate(4px, 5px);
  5166. transform: translate(4px, 5px);
  5167. }
  5168. 62% {
  5169. -webkit-transform: translate(2px, 2px);
  5170. transform: translate(2px, 2px);
  5171. }
  5172. 64% {
  5173. -webkit-transform: translate(2px, 5px);
  5174. transform: translate(2px, 5px);
  5175. }
  5176. 66% {
  5177. -webkit-transform: translate(3px, 5px);
  5178. transform: translate(3px, 5px);
  5179. }
  5180. 68% {
  5181. -webkit-transform: translate(2px, 2px);
  5182. transform: translate(2px, 2px);
  5183. }
  5184. 70.00000000000001% {
  5185. -webkit-transform: translate(3px, 1px);
  5186. transform: translate(3px, 1px);
  5187. }
  5188. 72% {
  5189. -webkit-transform: translate(2px, 2px);
  5190. transform: translate(2px, 2px);
  5191. }
  5192. 74% {
  5193. -webkit-transform: translate(1px, 1px);
  5194. transform: translate(1px, 1px);
  5195. }
  5196. 76% {
  5197. -webkit-transform: translate(5px, 1px);
  5198. transform: translate(5px, 1px);
  5199. }
  5200. 78% {
  5201. -webkit-transform: translate(4px, 4px);
  5202. transform: translate(4px, 4px);
  5203. }
  5204. 80% {
  5205. -webkit-transform: translate(1px, 3px);
  5206. transform: translate(1px, 3px);
  5207. }
  5208. 82.00000000000001% {
  5209. -webkit-transform: translate(2px, 5px);
  5210. transform: translate(2px, 5px);
  5211. }
  5212. 84% {
  5213. -webkit-transform: translate(2px, 3px);
  5214. transform: translate(2px, 3px);
  5215. }
  5216. 86% {
  5217. -webkit-transform: translate(1px, 1px);
  5218. transform: translate(1px, 1px);
  5219. }
  5220. 88% {
  5221. -webkit-transform: translate(4px, 2px);
  5222. transform: translate(4px, 2px);
  5223. }
  5224. 90% {
  5225. -webkit-transform: translate(2px, 3px);
  5226. transform: translate(2px, 3px);
  5227. }
  5228. 92.00000000000001% {
  5229. -webkit-transform: translate(1px, 5px);
  5230. transform: translate(1px, 5px);
  5231. }
  5232. 94% {
  5233. -webkit-transform: translate(1px, 4px);
  5234. transform: translate(1px, 4px);
  5235. }
  5236. 96% {
  5237. -webkit-transform: translate(3px, 3px);
  5238. transform: translate(3px, 3px);
  5239. }
  5240. 98% {
  5241. -webkit-transform: translate(5px, 5px);
  5242. transform: translate(5px, 5px);
  5243. }
  5244. 100% {
  5245. -webkit-transform: translate(1px, 5px);
  5246. transform: translate(1px, 5px);
  5247. }
  5248. 1% {
  5249. -webkit-transform: scaleY(1) skewX(0deg);
  5250. transform: scaleY(1) skewX(0deg);
  5251. }
  5252. 1.5% {
  5253. -webkit-transform: scaleY(3) skewX(-60deg);
  5254. transform: scaleY(3) skewX(-60deg);
  5255. }
  5256. 2% {
  5257. -webkit-transform: scaleY(1) skewX(0deg);
  5258. transform: scaleY(1) skewX(0deg);
  5259. }
  5260. 51% {
  5261. -webkit-transform: scaleX(1) scaleY(1) skewX(0deg);
  5262. transform: scaleX(1) scaleY(1) skewX(0deg);
  5263. }
  5264. 52% {
  5265. -webkit-transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
  5266. transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
  5267. }
  5268. 53% {
  5269. -webkit-transform: scaleX(1) scaleY(1) skewX(0deg);
  5270. transform: scaleX(1) scaleY(1) skewX(0deg);
  5271. }
  5272. }
  5273.  
  5274. @keyframes tr-bag {
  5275. 0% {
  5276. -webkit-transform: translate(3px, 1px);
  5277. transform: translate(3px, 1px);
  5278. }
  5279. 2% {
  5280. -webkit-transform: translate(1px, 3px);
  5281. transform: translate(1px, 3px);
  5282. }
  5283. 4% {
  5284. -webkit-transform: translate(3px, 1px);
  5285. transform: translate(3px, 1px);
  5286. }
  5287. 6% {
  5288. -webkit-transform: translate(4px, 1px);
  5289. transform: translate(4px, 1px);
  5290. }
  5291. 8% {
  5292. -webkit-transform: translate(3px, 4px);
  5293. transform: translate(3px, 4px);
  5294. }
  5295. 10% {
  5296. -webkit-transform: translate(2px, 5px);
  5297. transform: translate(2px, 5px);
  5298. }
  5299. 12% {
  5300. -webkit-transform: translate(5px, 5px);
  5301. transform: translate(5px, 5px);
  5302. }
  5303. 14.000000000000002% {
  5304. -webkit-transform: translate(2px, 5px);
  5305. transform: translate(2px, 5px);
  5306. }
  5307. 16% {
  5308. -webkit-transform: translate(5px, 4px);
  5309. transform: translate(5px, 4px);
  5310. }
  5311. 18% {
  5312. -webkit-transform: translate(3px, 4px);
  5313. transform: translate(3px, 4px);
  5314. }
  5315. 20% {
  5316. -webkit-transform: translate(3px, 5px);
  5317. transform: translate(3px, 5px);
  5318. }
  5319. 22% {
  5320. -webkit-transform: translate(5px, 5px);
  5321. transform: translate(5px, 5px);
  5322. }
  5323. 24% {
  5324. -webkit-transform: translate(1px, 1px);
  5325. transform: translate(1px, 1px);
  5326. }
  5327. 26% {
  5328. -webkit-transform: translate(3px, 4px);
  5329. transform: translate(3px, 4px);
  5330. }
  5331. 28.000000000000004% {
  5332. -webkit-transform: translate(3px, 1px);
  5333. transform: translate(3px, 1px);
  5334. }
  5335. 30% {
  5336. -webkit-transform: translate(3px, 5px);
  5337. transform: translate(3px, 5px);
  5338. }
  5339. 32% {
  5340. -webkit-transform: translate(4px, 3px);
  5341. transform: translate(4px, 3px);
  5342. }
  5343. 34% {
  5344. -webkit-transform: translate(2px, 4px);
  5345. transform: translate(2px, 4px);
  5346. }
  5347. 36% {
  5348. -webkit-transform: translate(4px, 4px);
  5349. transform: translate(4px, 4px);
  5350. }
  5351. 38% {
  5352. -webkit-transform: translate(2px, 3px);
  5353. transform: translate(2px, 3px);
  5354. }
  5355. 40% {
  5356. -webkit-transform: translate(2px, 2px);
  5357. transform: translate(2px, 2px);
  5358. }
  5359. 42% {
  5360. -webkit-transform: translate(3px, 3px);
  5361. transform: translate(3px, 3px);
  5362. }
  5363. 44% {
  5364. -webkit-transform: translate(4px, 4px);
  5365. transform: translate(4px, 4px);
  5366. }
  5367. 46.00000000000001% {
  5368. -webkit-transform: translate(1px, 2px);
  5369. transform: translate(1px, 2px);
  5370. }
  5371. 48% {
  5372. -webkit-transform: translate(5px, 5px);
  5373. transform: translate(5px, 5px);
  5374. }
  5375. 50% {
  5376. -webkit-transform: translate(5px, 1px);
  5377. transform: translate(5px, 1px);
  5378. }
  5379. 52% {
  5380. -webkit-transform: translate(3px, 4px);
  5381. transform: translate(3px, 4px);
  5382. }
  5383. 54% {
  5384. -webkit-transform: translate(2px, 2px);
  5385. transform: translate(2px, 2px);
  5386. }
  5387. 56.00000000000001% {
  5388. -webkit-transform: translate(5px, 4px);
  5389. transform: translate(5px, 4px);
  5390. }
  5391. 58% {
  5392. -webkit-transform: translate(1px, 4px);
  5393. transform: translate(1px, 4px);
  5394. }
  5395. 60% {
  5396. -webkit-transform: translate(4px, 5px);
  5397. transform: translate(4px, 5px);
  5398. }
  5399. 62% {
  5400. -webkit-transform: translate(2px, 2px);
  5401. transform: translate(2px, 2px);
  5402. }
  5403. 64% {
  5404. -webkit-transform: translate(2px, 5px);
  5405. transform: translate(2px, 5px);
  5406. }
  5407. 66% {
  5408. -webkit-transform: translate(3px, 5px);
  5409. transform: translate(3px, 5px);
  5410. }
  5411. 68% {
  5412. -webkit-transform: translate(2px, 2px);
  5413. transform: translate(2px, 2px);
  5414. }
  5415. 70.00000000000001% {
  5416. -webkit-transform: translate(3px, 1px);
  5417. transform: translate(3px, 1px);
  5418. }
  5419. 72% {
  5420. -webkit-transform: translate(2px, 2px);
  5421. transform: translate(2px, 2px);
  5422. }
  5423. 74% {
  5424. -webkit-transform: translate(1px, 1px);
  5425. transform: translate(1px, 1px);
  5426. }
  5427. 76% {
  5428. -webkit-transform: translate(5px, 1px);
  5429. transform: translate(5px, 1px);
  5430. }
  5431. 78% {
  5432. -webkit-transform: translate(4px, 4px);
  5433. transform: translate(4px, 4px);
  5434. }
  5435. 80% {
  5436. -webkit-transform: translate(1px, 3px);
  5437. transform: translate(1px, 3px);
  5438. }
  5439. 82.00000000000001% {
  5440. -webkit-transform: translate(2px, 5px);
  5441. transform: translate(2px, 5px);
  5442. }
  5443. 84% {
  5444. -webkit-transform: translate(2px, 3px);
  5445. transform: translate(2px, 3px);
  5446. }
  5447. 86% {
  5448. -webkit-transform: translate(1px, 1px);
  5449. transform: translate(1px, 1px);
  5450. }
  5451. 88% {
  5452. -webkit-transform: translate(4px, 2px);
  5453. transform: translate(4px, 2px);
  5454. }
  5455. 90% {
  5456. -webkit-transform: translate(2px, 3px);
  5457. transform: translate(2px, 3px);
  5458. }
  5459. 92.00000000000001% {
  5460. -webkit-transform: translate(1px, 5px);
  5461. transform: translate(1px, 5px);
  5462. }
  5463. 94% {
  5464. -webkit-transform: translate(1px, 4px);
  5465. transform: translate(1px, 4px);
  5466. }
  5467. 96% {
  5468. -webkit-transform: translate(3px, 3px);
  5469. transform: translate(3px, 3px);
  5470. }
  5471. 98% {
  5472. -webkit-transform: translate(5px, 5px);
  5473. transform: translate(5px, 5px);
  5474. }
  5475. 100% {
  5476. -webkit-transform: translate(1px, 5px);
  5477. transform: translate(1px, 5px);
  5478. }
  5479. 1% {
  5480. -webkit-transform: scaleY(1) skewX(0deg);
  5481. transform: scaleY(1) skewX(0deg);
  5482. }
  5483. 1.5% {
  5484. -webkit-transform: scaleY(3) skewX(-60deg);
  5485. transform: scaleY(3) skewX(-60deg);
  5486. }
  5487. 2% {
  5488. -webkit-transform: scaleY(1) skewX(0deg);
  5489. transform: scaleY(1) skewX(0deg);
  5490. }
  5491. 51% {
  5492. -webkit-transform: scaleX(1) scaleY(1) skewX(0deg);
  5493. transform: scaleX(1) scaleY(1) skewX(0deg);
  5494. }
  5495. 52% {
  5496. -webkit-transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
  5497. transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
  5498. }
  5499. 53% {
  5500. -webkit-transform: scaleX(1) scaleY(1) skewX(0deg);
  5501. transform: scaleX(1) scaleY(1) skewX(0deg);
  5502. }
  5503. }
  5504.  
  5505. @-webkit-keyframes bg-move {
  5506. 0% {
  5507. background-position: 0 0;
  5508. }
  5509. 100% {
  5510. background-position: 0 -32px;
  5511. }
  5512. }
  5513.  
  5514. @keyframes bg-move {
  5515. 0% {
  5516. background-position: 0 0;
  5517. }
  5518. 100% {
  5519. background-position: 0 -32px;
  5520. }
  5521. }
  5522.  
  5523.  
  5524.  
  5525. @-webkit-keyframes blink {
  5526. 0% {
  5527. opacity: 0;
  5528. }
  5529. 100% {
  5530. opacity: 1;
  5531. }
  5532. }
  5533.  
  5534. @keyframes blink {
  5535. 0% {
  5536. opacity: 0;
  5537. }
  5538. 100% {
  5539. opacity: 1;
  5540. }
  5541. }
  5542.  
  5543. .adb_vxi {
  5544. position: fixed;
  5545. top: 0;
  5546. left: 0;
  5547. width: 100%;
  5548. height: 100%;
  5549. background: #230052;
  5550. z-index: 9999999;
  5551. background: rgba(35, 0, 82, 0.95);
  5552. overflow: hidden;
  5553. }
  5554.  
  5555. .adb_vxi .boxAreaWNM,
  5556. .adb_vxi .boxAreaWhitelist,
  5557. .adb_vxi .boxAreaThx {
  5558. width: 80%;
  5559. position: absolute;
  5560. left: 50%;
  5561. max-width: 1075px;
  5562. }
  5563.  
  5564. .adb_vxi .boxAreaWhitelist {
  5565. max-width: 950px;
  5566. }
  5567.  
  5568. .adb_vxi .contentArea {
  5569. text-align: center;
  5570. background: -moz-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  5571. background: -webkit-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  5572. background: linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  5573. filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ef1111', endColorstr='#6601dc', GradientType=1);
  5574. padding: 1px;
  5575. }
  5576.  
  5577. .adb_vxi .btnablck {
  5578. margin-top: 20px;
  5579. text-align: center;
  5580. }
  5581.  
  5582. .adb_vxi .outlinebtn {
  5583. display: inline-block;
  5584. position: relative;
  5585. color: #370499;
  5586. font-weight: 600;
  5587. overflow: hidden;
  5588. }
  5589.  
  5590. .btnablck a {
  5591. margin-left: 5px;
  5592. margin-right: 5px;
  5593. }
  5594.  
  5595. .adb_vxi .fullbtn {
  5596. display: inline-block;
  5597. font-weight: 600;
  5598. padding: 11px 22px;
  5599. display: inline-block;
  5600. line-height: 1;
  5601. position: relative;
  5602. transition: all 0.2s ease-in-out;
  5603. -moz-transition: all 0.2s ease-in-out;
  5604. -webkit-transition: all 0.2s ease-in-out;
  5605. -o-transition: all 0.2s ease-in-out;
  5606. position: relative;
  5607. overflow: hidden;
  5608. }
  5609.  
  5610. .adb_vxi .fullbtn.noshine .border {
  5611. -webkit-animation: unset;
  5612. animation: unset;
  5613. -moz-animation: unset;
  5614. }
  5615.  
  5616. .adb_vxi .fullbtn .border {
  5617. content: "";
  5618. height: 300px;
  5619. left: -120%;
  5620. position: absolute;
  5621. top: -150px;
  5622. -webkit-transform: rotate(45deg);
  5623. transform: rotate(45deg);
  5624. -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  5625. transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  5626. width: 250px;
  5627. -webkit-animation: glint 2.5s infinite;
  5628. animation: glint 2.5s infinite;
  5629. -moz-animation: glint 2.5s infinite;
  5630. background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) -1%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
  5631. background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) -1%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
  5632. background: linear-gradient(to right, rgba(255, 255, 255, 0) -1%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
  5633. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
  5634. opacity: 0.6;
  5635. }
  5636.  
  5637. .adb_vxi .fullbtn .tx {
  5638. position: relative;
  5639. z-index: 99;
  5640. }
  5641.  
  5642.  
  5643.  
  5644. @-webkit-keyframes glint {
  5645. 0% {
  5646. left: -120%
  5647. }
  5648. 100% {
  5649. left: 120%;
  5650. }
  5651. }
  5652.  
  5653. .moneyWrap {
  5654. width: 100%;
  5655. height: 100%;
  5656. }
  5657.  
  5658. .adb_vxi .gradEx {
  5659. background: #230052;
  5660. padding: 3% 5%;
  5661. }
  5662.  
  5663. .adb_vxi .boxAreaThx .gradEx {
  5664. padding: 7% 5%;
  5665. }
  5666.  
  5667. .adb_vxi .boxAreaWhitelist .gradEx {
  5668. padding: 3% 5%;
  5669. }
  5670.  
  5671. .adb_vxi .gradEx .head {
  5672. font-size: 35px;
  5673. font-weight: bold;
  5674. line-height: 33px;
  5675. color: #ef1112;
  5676. font-family: 'vxihead', sans-serif;
  5677. letter-spacing: 0px;
  5678. background: -moz-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  5679. background: -webkit-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  5680. background: linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  5681. -webkit-background-clip: text;
  5682. -webkit-text-fill-color: transparent;
  5683. display: inline-block;
  5684. margin-bottom: 35px;
  5685. }
  5686.  
  5687. .adb_vxi .boxAreaThx .gradEx .head {
  5688. font-size: 52px;
  5689. line-height: 1;
  5690. margin-bottom: 20px;
  5691. }
  5692.  
  5693. .boxAreaThx .thxmesg {
  5694. color: #ffffff;
  5695. font-size: 24px;
  5696. }
  5697.  
  5698. .boxAreaThx .thxmesg .strike {
  5699. /* text-decoration: line-through; */
  5700. position: relative;
  5701. }
  5702.  
  5703. .boxAreaThx .thxmesg .strike:before {
  5704. border-bottom: 1px solid #ffffff;
  5705. content: '';
  5706. top: 50%;
  5707. position: absolute;
  5708. width: 100%;
  5709. margin-top: 2px;
  5710. }
  5711.  
  5712. .boxAreaThx .thxmesg .grad {
  5713. color: #ef1112;
  5714. font-family: 'vxihead', sans-serif;
  5715. letter-spacing: 0px;
  5716. background: -moz-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  5717. background: -webkit-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  5718. background: linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  5719. -webkit-background-clip: text;
  5720. -webkit-text-fill-color: transparent;
  5721. }
  5722.  
  5723. .boxAreaWhitelist .gradEx .head {
  5724. margin-bottom: 10px;
  5725. }
  5726.  
  5727. .adb_vxi .gradEx .mesg {
  5728. color: #ffffff;
  5729. font-family: 'vxihead', sans-serif;
  5730. font-size: 18px;
  5731. font-weight: normal;
  5732. max-width: 740px;
  5733. margin-left: auto;
  5734. margin-right: auto;
  5735. }
  5736.  
  5737. .error404 header.header {
  5738. display: none;
  5739. }
  5740.  
  5741. .error404 #footer {
  5742. display: none;
  5743. }
  5744.  
  5745. .btnablck .outlinebtn {
  5746. background: #ff0809;
  5747. background: -moz-linear-gradient(45deg, #ff0809 0%, #7500e2 100%);
  5748. background: -webkit-linear-gradient(45deg, #ff0809 0%, #7500e2 100%);
  5749. background: linear-gradient(45deg, #ff0809 0%, #7500e2 100%);
  5750. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0809', endColorstr='#7500e2', GradientType=1);
  5751. padding: 1px;
  5752. }
  5753.  
  5754. .adb_vxi .outlinebtn .tx {
  5755. background: #230052;
  5756. display: block;
  5757. padding: 6px 22px;
  5758. }
  5759.  
  5760. .adb_vxi .fullbtn {
  5761. background: #ff0809;
  5762. background: -moz-linear-gradient(45deg, #ff0809 0%, #7500e2 100%);
  5763. background: -webkit-linear-gradient(45deg, #ff0809 0%, #7500e2 100%);
  5764. background: linear-gradient(45deg, #ff0809 0%, #7500e2 100%);
  5765. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0809', endColorstr='#7500e2', GradientType=1);
  5766. }
  5767.  
  5768. .moneyWrap span {
  5769. display: inline-block;
  5770. width: 40px;
  5771. height: 76px;
  5772. /*margin: -310px 80px 310px 20px;*/
  5773. margin: -30% 80px 30% 20px;
  5774. background: url('assets/svg/vxi_money.svg');
  5775. -webkit-animation: fallingLeaves 12s infinite linear;
  5776. -moz-animation: fallingLeaves 12s infinite linear;
  5777. background-size: cover;
  5778. /* -webkit-animation: unset;
  5779. -moz-animation: unset; */
  5780. }
  5781.  
  5782. .moneyWrap span:nth-child(5n+5) {
  5783. -webkit-animation-delay: 3s;
  5784. -moz-animation-delay: 3s;
  5785. /*margin: -280px 80px 280px 20px;*/
  5786. margin: -25% 80px 25% 20px;
  5787. }
  5788.  
  5789. .moneyWrap span:nth-child(3n+2) {
  5790. -webkit-animation-delay: 5s;
  5791. -moz-animation-delay: 5s;
  5792. }
  5793.  
  5794. .moneyWrap span:nth-child(2n+5) {
  5795. -webkit-animation-delay: 8s;
  5796. -moz-animation-delay: 8s;
  5797. }
  5798.  
  5799. .moneyWrap span:nth-child(3n+3) {
  5800. /*margin: -370px 80px 370px 20px;*/
  5801. margin: -35% 80px 35% 20px;
  5802. }
  5803.  
  5804. .moneyWrap span:nth-child(4n+8) {
  5805. /*margin: -300px 80px 300px 20px;*/
  5806. margin: -28% 80px 28% 20px;
  5807. }
  5808.  
  5809. .moneyWrap span:nth-child(2n+3) {
  5810. /*margin: -295px 80px 295px 20px;*/
  5811. margin: -29% 80px 29% 20px;
  5812. }
  5813.  
  5814. .moneyWrap span:nth-child(4n+5) {
  5815. -webkit-animation-delay: 3s;
  5816. -moz-animation-delay: 3s;
  5817. /*margin: -318px 80px 318px 20px;*/
  5818. margin: -29.5% 80px 29.5% 20px;
  5819. }
  5820.  
  5821. .moneyWrap span:nth-child(3n+6) {
  5822. /*margin: -325px 80px 325px 20px;*/
  5823. margin: -32% 80px 32% 20px;
  5824. }
  5825.  
  5826.  
  5827.  
  5828. /*.moneyWrap span:nth-child(5n+5) {
  5829. -webkit-animation-delay: 3s;
  5830. -moz-animation-delay: 3s;
  5831. margin: -280px 80px 280px 20px;
  5832. }
  5833. .moneyWrap span:nth-child(3n+2) {
  5834. -webkit-animation-delay: 5s;
  5835. -moz-animation-delay: 5s;
  5836. }
  5837. .moneyWrap span:nth-child(2n+5) {
  5838. -webkit-animation-delay: 8s;
  5839. -moz-animation-delay: 8s;
  5840. }
  5841. .moneyWrap span:nth-child(3n+3) {
  5842. margin: -370px 80px 370px 20px;
  5843. }
  5844. .moneyWrap span:nth-child(4n+8) {
  5845. margin: -300px 80px 300px 20px;
  5846. }
  5847. .moneyWrap span:nth-child(2n+3) {
  5848. margin: -295px 80px 295px 20px;
  5849. }
  5850. .moneyWrap span:nth-child(4n+5) {
  5851. -webkit-animation-delay: 3s;
  5852. -moz-animation-delay: 3s;
  5853. margin: -318px 80px 318px 20px;
  5854. }
  5855. .moneyWrap span:nth-child(3n+6) {
  5856. margin: -325px 80px 325px 20px;
  5857. }*/
  5858.  
  5859.  
  5860. /*
  5861. .moneyWrap span:nth-child(5n+5) {
  5862. -webkit-animation-delay: 3s;
  5863. -moz-animation-delay: 3s;
  5864. margin: -280px 80px 280px 20px;
  5865. }
  5866. .moneyWrap span:nth-child(3n+2) {
  5867. -webkit-animation-delay: 5s;
  5868. -moz-animation-delay: 5s;
  5869. }
  5870. .moneyWrap span:nth-child(2n+5) {
  5871. -webkit-animation-delay: 8s;
  5872. -moz-animation-delay: 8s;
  5873. }
  5874. .moneyWrap span:nth-child(3n+3) {
  5875. margin: -370px 80px 370px 20px;
  5876. }
  5877. .moneyWrap span:nth-child(4n+8) {
  5878. margin: -300px 80px 300px 20px;
  5879. }
  5880. .moneyWrap span:nth-child(2n+3) {
  5881. margin: -295px 80px 295px 20px;
  5882. }
  5883. .moneyWrap span:nth-child(4n+5) {
  5884. -webkit-animation-delay: 3s;
  5885. -moz-animation-delay: 3s;
  5886. margin: -318px 80px 318px 20px;
  5887. }
  5888. .moneyWrap span:nth-child(3n+6) {
  5889. margin: -325px 80px 325px 20px;
  5890. }*/
  5891.  
  5892. @-webkit-keyframes fallingLeaves {
  5893. 0% {
  5894. opacity: 1;
  5895. -webkit-transform: translate(0, 0px) rotateZ(0deg);
  5896. }
  5897. 75% {
  5898. opacity: 1;
  5899. -webkit-transform: translate(100px, 800px) rotateZ(270deg);
  5900. }
  5901. 100% {
  5902. opacity: 0;
  5903. -webkit-transform: translate(150px, 1000px) rotateZ(360deg);
  5904. }
  5905. }
  5906.  
  5907. .mobileVer {
  5908. display: none !important;
  5909. }
  5910.  
  5911. .whtlst1 img {
  5912. height: 400px;
  5913. }
  5914.  
  5915. .whtlst2 img {
  5916. max-width: 600px;
  5917. }
  5918.  
  5919. .wrapperSlide .et_pb_slider .et_pb_container {
  5920. width: 100%;
  5921. }
  5922.  
  5923. .wrapperSlide .vxiAblckSlide .et_pb_slide {
  5924. padding-left: 0;
  5925. padding-right: 0;
  5926. display: none;
  5927. }
  5928.  
  5929. .wrapperSlide .vxiAblckSlide .et_pb_slide .et_pb_container {
  5930. display: table;
  5931. height: 100%;
  5932. }
  5933.  
  5934. .wrapperSlide .vxiAblckSlide .et_pb_slide .et_pb_container et_pb_slider_container_inner {}
  5935.  
  5936. .wrapperSlide .et_pb_slide.et-pb-active-slide {
  5937. display: block;
  5938. }
  5939.  
  5940.  
  5941. .postFooter {
  5942. display: inline-block;
  5943. width: 100%;
  5944. text-align: center;
  5945. margin-top: 20px;
  5946. margin-bottom: 0px;
  5947. }
  5948.  
  5949. .postFooter .userFeedback {
  5950. display: inline-block;
  5951. width: 100%;
  5952. margin-bottom: 15px;
  5953. }
  5954.  
  5955.  
  5956. article .post-footer {
  5957. border-top:0;
  5958. padding-top: 0;
  5959. margin-top: 15px;
  5960. margin-bottom: 40px;
  5961. display: inline-block;
  5962. }
  5963.  
  5964. article .post-footer {
  5965. padding: 0 35px 0 60px;
  5966. padding-left: 20px !important;
  5967. padding-right: 0 !important;
  5968. }
  5969.  
  5970. .fullPost article .post-footer {
  5971. padding: 0 60px 0;
  5972. padding: 0 !important;
  5973. }
  5974. .userFeedback .love .icon {
  5975. width: 21px;
  5976. height: 21px;
  5977. background: url(assets/svg/lovehate/iconlovehate-02.svg);
  5978. background-size: cover;
  5979. display: inline-block;
  5980. vertical-align: middle;
  5981. }
  5982. .userFeedback .respond {
  5983. background: -moz-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  5984. background: -webkit-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  5985. background: linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  5986. -webkit-background-clip: text;
  5987. -webkit-text-fill-color: transparent;
  5988. font-weight: 500;
  5989. margin-right: 5px;
  5990. }
  5991. .userFeedback .icon {
  5992. margin-left: 3px;
  5993. }
  5994. .userFeedback .hate .icon {
  5995. width: 21px;
  5996. height: 21px;
  5997. background: url(assets/svg/lovehate/iconlovehate-01.svg);
  5998. background-size: cover;
  5999. display: inline-block;
  6000. vertical-align: middle;
  6001. }
  6002. .ratingSystem {
  6003. display: inline-block;
  6004. width: 100%;
  6005. background: rgb(239,17,17); /* Old browsers */
  6006. background: -moz-linear-gradient(left, rgba(239,17,17,1) 0%, rgba(100,0,222,1) 50%, rgba(239,17,17,1) 100%); /* FF3.6-15 */
  6007. background: -webkit-linear-gradient(left, rgba(239,17,17,1) 0%,rgba(100,0,222,1) 50%,rgba(239,17,17,1) 100%); /* Chrome10-25,Safari5.1-6 */
  6008. background: linear-gradient(to right, rgba(239,17,17,1) 0%,rgba(100,0,222,1) 50%,rgba(239,17,17,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  6009. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef1111', endColorstr='#ef1111',GradientType=1 );
  6010. padding: 2px;
  6011. position: relative;
  6012. overflow: hidden;
  6013. max-width: 500px;
  6014. height: 54px;
  6015. /* float: left; */
  6016. }
  6017.  
  6018. .ratingSystem.rateResult {
  6019. background: #B3B3B3;
  6020. }
  6021.  
  6022. .ratingSystem:before {
  6023. content: '';
  6024. position: absolute;
  6025. height: 114%;
  6026. width: 2px;
  6027. transform: rotate(0deg) scale(1) skew(-40deg) translate(0px);
  6028. -webkit-transform: rotate(0deg) scale(1) skew(-40deg) translate(0px);
  6029. -moz-transform: rotate(0deg) scale(1) skew(-40deg) translate(0px);
  6030. -o-transform: rotate(0deg) scale(1) skew(-40deg) translate(0px);
  6031. -ms-transform: rotate(0deg) scale(1) skew(-40deg) translate(0px);
  6032. top: -7%;
  6033. background: #6400de;
  6034. }
  6035.  
  6036. .ratingSystem.rateResult:before {
  6037. display: none;
  6038. }
  6039.  
  6040. .ratingSystem a {
  6041. color: #ffffff;
  6042. font-weight: 600;
  6043. text-transform: uppercase;
  6044. font-size: 21px;
  6045. line-height: 50px;
  6046. display: block;
  6047. }
  6048.  
  6049. .ratingSystem:not(.rateResult) .loveRate {overflow: visible;}
  6050. .ratingSystem:not(.rateResult) .loveRate a:hover {
  6051. overflow: visible;
  6052. }
  6053. .ratingSystem:not(.rateResult) .loveRate a:hover .border {
  6054. left: 2px;
  6055. width: 53.9%;
  6056. height: 50px;
  6057. -webkit-clip-path: polygon(0 0, 100% 0%, 84.5% 100%, 0% 100%);
  6058. clip-path: polygon(0 0, 100% 0%, 84.5% 100%, 0% 100%);
  6059. }
  6060.  
  6061. .ratingSystem:not(.rateResult) .hateRate {overflow: visible;}
  6062. .ratingSystem:not(.rateResult) .hateRate a:hover {
  6063. overflow: visible;
  6064. }
  6065. .ratingSystem:not(.rateResult) .hateRate a:hover .border {
  6066. right: 1px;
  6067. width: 53.75%;
  6068. height: 50px;
  6069. -webkit-clip-path: polygon(16% 0, 100% 0%, 100% 100%, 0.25% 100%);
  6070. clip-path: polygon(16% 0, 100% 0%, 100% 100%, 0.25% 100%);
  6071. }
  6072.  
  6073. .ratingSystem .loveRate {
  6074. }
  6075. .ratingSystem>div {
  6076. width:50%;
  6077. float:left;
  6078. }
  6079.  
  6080. .ratingSystem .loveRate {
  6081. background: #efeeea;
  6082. }
  6083.  
  6084. .ratingSystem .loveRate a:hover .border,
  6085. .ratingSystem.rateResult .loveRate.userSelected .border,
  6086. .ratingSystem.rateResult .loveRate.userSelected a:hover .border {
  6087. position: absolute;
  6088. left: -45%;
  6089. top: 2px;
  6090. width: 100%;
  6091. height: 100%;
  6092. background: #ff0809;
  6093. background: -moz-linear-gradient(45deg, #7500e2 50%, #ff0809 100%);
  6094. background: -webkit-linear-gradient(45deg, #ff0809 0%, #7500e2 100%);
  6095. background: linear-gradient(45deg, #7500e2 50%, #ff0809 100%);
  6096. -webkit-clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%);
  6097. clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%);
  6098. transition: all 0.2s ease-in-out;
  6099. -moz-transition: all 0.2s ease-in-out;
  6100. -webkit-transition: all 0.2s ease-in-out;
  6101. -o-transition: all 0.2s ease-in-out;
  6102. }
  6103.  
  6104. .ratingSystem.rateResult .loveRate.userSelected a:hover .border,
  6105. .ratingSystem.rateResult .loveRate.userSelected .border {
  6106. /* top: -2px; */
  6107. height: 110%;
  6108. }
  6109.  
  6110. .ratingSystem.rateResult .loveRate.userSelected .border {
  6111. top: 0;
  6112. }
  6113.  
  6114.  
  6115. .ratingSystem.rateResult .loveRate .label {
  6116. color: #ffffff;
  6117. z-index: 9;
  6118. position: relative;
  6119. -webkit-text-fill-color: unset;
  6120. }
  6121. .ratingSystem.rateResult .loveRate .icon:before, .ratingSystem.rateResult .loveRate.userSelected .text .icon:before {
  6122. background: url(assets/svg/lovehate/iconlovehate_ed-08.svg);
  6123. background-size: cover;
  6124. }
  6125.  
  6126. .ratingSystem.rateResult .loveRate .text .icon:before {
  6127. background: url(assets/svg/lovehate/iconlovehate_ed-10.svg);
  6128. background-size: cover;
  6129. }
  6130.  
  6131. .ratingSystem .hateRate a:hover .border,
  6132. .ratingSystem.rateResult .hateRate.userSelected .border {
  6133. position: absolute;
  6134. right: -44.5%;
  6135. top: 2px;
  6136. width: 100%;
  6137. height: 100%;
  6138. background: #ff0809;
  6139. background: -moz-linear-gradient(-45deg, #7500e2 50%, #ff0809 100%);
  6140. background: -webkit-linear-gradient(-45deg, #ff0809 0%, #7500e2 100%);
  6141. background: linear-gradient(-45deg, #7500e2 50%, #ff0809 100%);
  6142. -webkit-clip-path: polygon(10% 0, 100% 0%, 100% 100%, 1% 100%);
  6143. clip-path: polygon(10% 0, 100% 0%, 100% 100%, 1% 100%);
  6144. transition: all 0.2s ease-in-out;
  6145. -moz-transition: all 0.2s ease-in-out;
  6146. -webkit-transition: all 0.2s ease-in-out;
  6147. -o-transition: all 0.2s ease-in-out;
  6148. }
  6149.  
  6150. .ratingSystem.rateResult .hateRate.userSelected .border {
  6151. top: 0px;
  6152. }
  6153. .ratingSystem.rateResult .loveRate .border, .ratingSystem.rateResult .loveRate a:hover .border {
  6154. position: absolute;
  6155. top: 0px;
  6156. width: 100%;
  6157. height: 100%;
  6158. -webkit-clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%);
  6159. clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%);
  6160. transition: all 0.2s ease-in-out;
  6161. -moz-transition: all 0.2s ease-in-out;
  6162. -webkit-transition: all 0.2s ease-in-out;
  6163. -o-transition: all 0.2s ease-in-out;
  6164. background: #efeeea;
  6165. }
  6166.  
  6167. .ratingSystem.rateResult .hateRate .border {
  6168. position: absolute;
  6169. top: 0px;
  6170. width: 100%;
  6171. height: 100%;
  6172. -webkit-clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%);
  6173. clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%);
  6174. transition: all 0.2s ease-in-out;
  6175. -moz-transition: all 0.2s ease-in-out;
  6176. -webkit-transition: all 0.2s ease-in-out;
  6177. -o-transition: all 0.2s ease-in-out;
  6178. background: #efeeea;
  6179. }
  6180.  
  6181. .ratingSystem .loveRate a .text {}
  6182.  
  6183. .ratingSystem.rateResult .loveRate a .text {}
  6184. .ratingSystem .loveRate a .icon {}
  6185. .ratingSystem .hateRate a .icon:before {
  6186. content: "";
  6187. width: 35px;
  6188. height: 35px;
  6189. position: absolute;
  6190. right: 15px;
  6191. top: 10px;
  6192. background: url(assets/svg/lovehate/iconlovehate_ed-01.svg);
  6193. background-size:cover;
  6194. }
  6195.  
  6196. .ratingSystem.rateResult .hateRate .text .icon:before {
  6197. background: url(assets/svg/lovehate/iconlovehate_ed-09.svg);
  6198. content: "";
  6199. width: 35px;
  6200. height: 35px;
  6201. position: absolute;
  6202. right: 15px;
  6203. top: 8px;
  6204. background-size: cover;
  6205. }
  6206.  
  6207. .ratingSystem.rateResult .hateRate.userSelected .text .icon:before {
  6208. background: url(assets/svg/lovehate/iconlovehate_ed-07.svg);
  6209. background-size: cover;
  6210. }
  6211. .ratingSystem .hateRate a:hover .icon:before {
  6212. background: url(assets/svg/lovehate/iconlovehate_ed-05.svg);
  6213. content: "";
  6214. width: 35px;
  6215. height: 35px;
  6216. position: absolute;
  6217. right: 15px;
  6218. top: 10px;
  6219. background-size: cover;
  6220. }
  6221.  
  6222. .ratingSystem .loveRate a .icon:before {
  6223. content: "";
  6224. width: 35px;
  6225. height: 35px;
  6226. position: absolute;
  6227. left: 15px;
  6228. top: 10px;
  6229. background: url(assets/svg/lovehate/iconlovehate_ed-02.svg);
  6230. background-size:cover;
  6231. }
  6232. .ratingSystem .loveRate a:hover .icon:before {
  6233. background: url(assets/svg/lovehate/iconlovehate_ed-06.svg);
  6234. content: "";
  6235. width: 35px;
  6236. height: 35px;
  6237. position: absolute;
  6238. left: 15px;
  6239. top: 10px;
  6240. background-size: cover;
  6241. }
  6242.  
  6243. .ratingSystem a .text .label, .ratingSystem.rateResult .hateRate .text .label {
  6244. background: linear-gradient(135deg, rgb(239, 17, 18) 0%, rgb(102, 1, 220) 100%);
  6245. -webkit-text-fill-color: transparent;
  6246. -webkit-background-clip: text;
  6247. }
  6248.  
  6249. .ratingSystem.rateResult .hateRate .text .label {
  6250. color: #B3B3B3;
  6251. -webkit-text-fill-color: initial;
  6252. position: absolute;
  6253. width: 100%;
  6254. text-align: left;
  6255. padding-left: 50px;
  6256. }
  6257.  
  6258. .ratingSystem.rateResult .hateRate.userSelected .text .label {
  6259. padding-left: 47px;
  6260. }
  6261.  
  6262. .ratingSystem.rateResult .loveRate .text .label {
  6263. color: #B3B3B3;
  6264. -webkit-text-fill-color: initial;
  6265. position: absolute;
  6266. width: 100%;
  6267. text-align: right;
  6268. padding-right: 47px;
  6269. }
  6270.  
  6271. .ratingSystem.rateResult .loveRate.userSelected .text .label {
  6272. padding-right: 43px;
  6273. }
  6274.  
  6275. .ratingSystem.rateResult .loveRate.largeText .text .label, .ratingSystem.rateResult .hateRate.largeText .text .label {
  6276. font-size: 1.4em;
  6277. }
  6278.  
  6279. .ratingSystem.rateResult .loveRate.userSelected .text .label,
  6280. .ratingSystem.rateResult .hateRate.userSelected .text .label {
  6281. color: #ffffff;
  6282. }
  6283.  
  6284. .ratingSystem.rateResult .hateRate .text {
  6285. z-index: 1;
  6286. }
  6287.  
  6288. .ratingSystem a:hover .text .label {
  6289. -webkit-text-fill-color: initial;
  6290. color: #ffffff;
  6291. position: relative;
  6292. }
  6293.  
  6294. .ratingSystem .hateRate {
  6295. background: #efeeea;
  6296. }
  6297.  
  6298. .ratingSystem.rateResult .hateRate {
  6299. position: absolute;
  6300. z-index: 0;
  6301. height: 50px;
  6302. }
  6303.  
  6304. .ratingSystem.rateResult .loveRate {
  6305. position: absolute;
  6306. z-index: 1;
  6307. background: transparent;
  6308. overflow: hidden;
  6309. height: 50px;
  6310. width: 100%;
  6311. }
  6312.  
  6313. .ratingSystem.rateResult .loveRate.userSelected {
  6314. overflow: hidden;
  6315. width: 100%;
  6316. }
  6317.  
  6318. .ratingSystem.rateResult .loveRate {}
  6319.  
  6320. .ratingSystem.rateResult .hateRate {
  6321. right: 2px;
  6322. background: transparent;
  6323. overflow: hidden;
  6324. width: 100%;
  6325. }
  6326.  
  6327. .ratingSystem.rateResult .hateRate.userSelected {
  6328. z-index: 2;
  6329. }
  6330.  
  6331. .ratingSystem.rateResult.userSelected .loveRate {
  6332. z-index: 234;
  6333. }
  6334.  
  6335. #comment-wrap {
  6336. padding-top: 10px;
  6337. }
  6338.  
  6339. #commentform .form-submit input.submit {padding-left: 20px;}
  6340. #wp-comment-editor-container {
  6341. /* border: 2px solid #DFDFDF !important; */
  6342. /* background: #ffffff; */
  6343. }
  6344.  
  6345. #wp-comment-editor-container textarea#comment {
  6346. z-index: 99;
  6347. position: relative;
  6348. }
  6349. #comment-wrap .page_title {
  6350. margin-bottom: 20px;
  6351. border-bottom: 1px solid #cccccc;
  6352. text-transform: capitalize;
  6353. padding-bottom: 5px;
  6354. }
  6355.  
  6356.  
  6357.  
  6358. #respond.comment-respond {
  6359. padding-top: 20px;
  6360. }
  6361.  
  6362. #wp-comment-wrap iframe {
  6363. max-height: 220px;
  6364. }
  6365. .mce-container div.wp-link-input input {
  6366. letter-spacing: 0;
  6367. font-weight: normal;
  6368. text-transform: none;
  6369. font-family: 'Open Sans', sans-serif;
  6370. }
  6371.  
  6372. .mce-container div.wp-link-input input::-webkit-input-placeholder {
  6373. text-transform: none;
  6374. letter-spacing: 0; font-weight: normal;
  6375. }
  6376.  
  6377. .mce-container div.wp-link-input input::-moz-placeholder {
  6378. text-transform: none;
  6379. letter-spacing: 0; font-weight: normal;
  6380. }
  6381.  
  6382. .mce-container div.wp-link-input input:-ms-input-placeholder {
  6383. text-transform: none;
  6384. letter-spacing: 0; font-weight: normal;
  6385. }
  6386.  
  6387. .mce-container div.wp-link-input input:-moz-placeholder {
  6388. text-transform: lowercase;
  6389. letter-spacing: 0; font-weight: normal;
  6390. }
  6391.  
  6392. .auth0-lock-social-button[data-provider^="google"] {
  6393. background-color:#ef1112 !important;
  6394. }
  6395. .auth0-lock.auth0-lock .auth-lock-social-buttons-pane + div,
  6396. .auth0-lock-header,
  6397. .auth0-lock-pane-separator + div,
  6398. .auth0-lock.auth0-lock .auth0-lock-cred-pane>button,
  6399. .auth0-lock.auth0-lock .auth0-lock-tabs-container {
  6400. display: none !important;
  6401. }
  6402. .socialLoginPopup {
  6403. position: fixed;
  6404. z-index: 99999999;
  6405. width: 100%;
  6406. height: 100%;
  6407. top: 0;
  6408. left: 0;
  6409. background: #ffffff;
  6410. background: rgba(255, 255, 255, 0.9);
  6411. }
  6412. .socialLoginPopup .headSocLogin {
  6413. text-align: center;
  6414. font-size: 23px;
  6415. margin-bottom: 20px;
  6416. line-height: 1.4em;
  6417. }
  6418.  
  6419. .socialLoginPopup .formLogin {
  6420. max-width: 350px;
  6421. margin-left: auto;
  6422. margin-right: auto;
  6423. }
  6424.  
  6425. .socialLoginPopup .formLogin .divideOr {
  6426. margin-top: 18px;
  6427. text-align: center;
  6428. margin-bottom: 0;
  6429. }
  6430.  
  6431. .socialLoginPopup .headSocLogin span {
  6432. background: -moz-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  6433. background: -webkit-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  6434. background: linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  6435. -webkit-background-clip: text;
  6436. -webkit-text-fill-color: transparent;
  6437. font-weight: 600;
  6438. font-size: 23px;
  6439. }
  6440. .socialLoginPopup .auth0-login {
  6441. }
  6442. .socialLoginPopup.active {
  6443. }
  6444. .socialLoginPopup .wrapperSocialLogin {
  6445. position: absolute;
  6446. top: 50%;
  6447. width: 100%;
  6448. }
  6449. .auth0-lock.auth0-lock .auth0-lock-cred-pane {
  6450. background: transparent !important;
  6451. }
  6452. .comment .children {
  6453. padding-left: 70px !important;
  6454. display: inline-block;
  6455. width: 100%;
  6456. margin-left: 0;
  6457. }
  6458.  
  6459. .comment .children>li {
  6460. display: inline-block;
  6461. width: 100%;
  6462. }
  6463.  
  6464. .single .comment .children>li article.comment-body {
  6465. margin-bottom: 8px;
  6466. padding-right: 0;
  6467. border-bottom: 1px solid #cccccc;
  6468. padding-bottom: 10px;
  6469. float: left;
  6470. width: 100%;
  6471. min-height: unset;
  6472. }
  6473.  
  6474. .single .comment .children>li article.comment-body .reply-container {
  6475. /* display: none; */
  6476. }
  6477.  
  6478. .commentlist>li {
  6479. display: inline-block;
  6480. width: 100%;
  6481. }
  6482. .wp-caption {
  6483. padding: 0;
  6484. /* margin: 0; */
  6485. /* width: 100%; */
  6486. max-width: 100%;
  6487. display: inline;
  6488. background: transparent;
  6489. box-shadow: none; -webkit-box-shadow: none;
  6490. -moz-box-shadow: none;
  6491. border: 0;
  6492. }
  6493.  
  6494. .wp-caption>p:first-child {
  6495. display: none;
  6496. }
  6497.  
  6498. .wp-caption .mycenter + p {
  6499. display: none;
  6500. }
  6501.  
  6502. .auth0-lock.auth0-lock .auth0-lock-social-button.auth0-lock-social-big-button {
  6503. border-radius: 0;
  6504. -webkit-border-radius: 0;
  6505. }
  6506.  
  6507. ul.tabs{
  6508. margin: 0px;
  6509. padding: 0px;
  6510. list-style: none;
  6511. /* text-align: center; */
  6512. }
  6513. ul.tabs li{
  6514. background: none;
  6515. color: #222;
  6516. display: inline-block;
  6517. padding: 7px 15px;
  6518. cursor: pointer;
  6519. margin-bottom: 0;
  6520. padding-bottom: 3px;
  6521. }
  6522.  
  6523. ul.tabs li.current{
  6524. /* background: #ededed; */
  6525. color: #222;
  6526. border-left: 1px solid #cccccc;
  6527. border-top: 1px solid #cccccc;
  6528. border-right: 1px solid #cccccc;
  6529. }
  6530.  
  6531. ul.tabs {
  6532. /* border-bottom: 1px solid #cccccc; */
  6533. }
  6534.  
  6535. #tabs-container .tab {
  6536. padding-top: 15px;
  6537. }
  6538.  
  6539. #tabs-container #tab-login {}
  6540.  
  6541. .wrapperSocialLogin .regSuccess {
  6542. font-size: 11px;
  6543. line-height: 1;
  6544. margin-bottom: 10px;
  6545. text-align: center;
  6546. margin-top: 0px;
  6547. }
  6548.  
  6549. #tabs-container #tab-login p {
  6550. margin-bottom: 0;
  6551. }
  6552.  
  6553. #tabs-container #tab-login p.login-username {
  6554. margin-bottom: 10px;
  6555. }
  6556.  
  6557. #tab-login .login-remember {
  6558. display: none;
  6559. }
  6560.  
  6561. #tab-login .login-submit {
  6562. margin-top: 0;
  6563. display: inline-block;
  6564. width: 100%;
  6565. }
  6566.  
  6567. #tab-login .login-remember input {
  6568. display: inline-block;
  6569. width: auto !important;
  6570. }
  6571.  
  6572. #tabs-container #tab-login label {
  6573. display: block;
  6574. display: none;
  6575. }
  6576.  
  6577. .wrapperSocialLogin input {
  6578. width: 100%;
  6579. }
  6580.  
  6581. .wrapperSocialLogin input[type="text"], .wrapperSocialLogin input[type="password"], .wrapperSocialLogin input[type="email"],
  6582. .updateUser .form-item input {
  6583. border-radius: 0;
  6584. -webkit-border-radius: 0;
  6585. -moz-border-radius: 0;
  6586. border: 1px solid #230052;
  6587. padding: 10px 9px;
  6588. background: transparent;
  6589. }
  6590.  
  6591. .tab-content{
  6592. display: none;
  6593. /* padding-left: 17px; */
  6594. /* padding-right: 17px; */
  6595. }
  6596.  
  6597. .tab-content.current{
  6598. display: inherit;
  6599. }
  6600.  
  6601. #tab-register {
  6602. min-height: 210px;
  6603. }
  6604.  
  6605. #tab-login {
  6606. min-height: 150px;
  6607. }
  6608.  
  6609. .wrapperSocialLogin input.button {
  6610. border-radius: 0;
  6611. -webkit-border-radius: 0;
  6612. padding: 10px 20px;
  6613. }
  6614.  
  6615. .wrapperSocialLogin input::-webkit-input-placeholder,
  6616. .updateUser .form-item input::-webkit-input-placeholder {
  6617. text-transform: lowercase;
  6618. letter-spacing: 0;
  6619. font-weight: 300;
  6620. }
  6621.  
  6622. .wrapperSocialLogin input::-moz-placeholder,
  6623. .updateUser .form-item input::-moz-placeholder {
  6624. text-transform: lowercase;
  6625. letter-spacing: 0;
  6626. font-weight: 300;
  6627. }
  6628.  
  6629. .wrapperSocialLogin input:-ms-input-placeholder,
  6630. .updateUser .form-item input:-ms-input-placeholder {
  6631. text-transform: lowercase;
  6632. letter-spacing: 0;
  6633. font-weight: 300;
  6634. }
  6635.  
  6636. .wrapperSocialLogin input:-moz-placeholder,
  6637. .updateUser .form-item input:-moz-placeholder {
  6638. text-transform: lowercase;
  6639. letter-spacing: 0;
  6640. font-weight: 300;
  6641. }
  6642.  
  6643. .registerForm .form-item {
  6644. margin-bottom: 10px;
  6645. display: inline-block;
  6646. width: 100%;
  6647. position: relative;
  6648. }
  6649.  
  6650. .registerForm .form-item.pass {
  6651. margin-bottom: 0px;
  6652. }
  6653.  
  6654. .registerForm .form-item.formError input {
  6655. border: 1px solid #ef1112;
  6656. }
  6657.  
  6658. .registerForm .form-item.formError:before {
  6659. content: 'please fix input';
  6660. position: absolute;
  6661. z-index: 1;
  6662. font-size: 10px;
  6663. right: 8px;
  6664. color: #bbbbbb;
  6665. }
  6666.  
  6667. .registerForm .form-item.formErrorUserMailExist:before {
  6668. content: 'email already used';
  6669. }
  6670.  
  6671. .registerForm .form-item.formErrorUserNameExist:before {
  6672. content: 'error, username already used';
  6673. }
  6674. .registerForm .form-item.formErrorUserMailExist:before {
  6675. content: 'email already used';
  6676. }
  6677.  
  6678. .registerForm .form-item.formErrorUserMailNotValid:before {
  6679. content: 'invalid email';
  6680. }
  6681.  
  6682. .forgotWrapper a {
  6683. font-size: 12px;
  6684. margin-top:5px;
  6685. display:inline-block;
  6686. font-weight:500;
  6687. }
  6688.  
  6689. /*** EDIT PROFILE ***/
  6690. .page-id-689 .post-wrap {
  6691. padding-top: 0;
  6692. }
  6693.  
  6694. .page-id-689 .post-wrap .error {
  6695. margin-bottom: 7px;
  6696. font-size: 13px;
  6697. color: #ef1112;
  6698. }
  6699.  
  6700. .page.page-id-689 .post-wrap h1 {
  6701. font-size: 40px;
  6702. text-transform: none;
  6703. letter-spacing: 0;
  6704. background: -moz-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  6705. background: -webkit-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  6706. background: linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  6707. -webkit-background-clip: text;
  6708. -webkit-text-fill-color: transparent;
  6709. display: inline-block;
  6710. padding-bottom: 20px;
  6711. }
  6712. .page.page-id-689 .post-wrap h3 {text-transform: none;font-weight: normal;}
  6713.  
  6714. .updateUser .form-item label {
  6715. display:inline-block;
  6716. width:100%;
  6717. font-size:13px;
  6718. font-weight:500;
  6719. }
  6720.  
  6721. .updateUser .form-item {
  6722. margin-bottom: 16px;
  6723. }
  6724. .updateUser .form-item input, .updateUser .form-item select,
  6725. .updateUser .form-item textarea {
  6726. border-radius: 0;
  6727. -webkit-border-radius: 0;
  6728. -moz-border-radius: 0;
  6729. border: 1px solid #230052;
  6730. padding: 7px 9px;
  6731. background: transparent;
  6732. width:100%;
  6733. max-width:350px;
  6734. font-size: 13px;
  6735. }
  6736. .updateUser .form-submit {
  6737. text-align:left;
  6738. }
  6739.  
  6740. .updateUser .form-submit #updateuser {
  6741. padding: 10px 30px;
  6742. }
  6743.  
  6744.  
  6745.  
  6746. /*** END EDIT PROFILE ***/
  6747.  
  6748.  
  6749. /* MEDIA QUERY LARGE SCREEN */
  6750. @media (min-width: 1400px) {
  6751. .floatingEl .el1 {
  6752. top: 150px;
  6753. left: -65px;
  6754. }
  6755. .floatingEl .el2 {
  6756. top: 70px;
  6757. left: 15px;
  6758. }
  6759. .floatingEl .el3 {
  6760. top: 360px;
  6761. left: -400px;
  6762. width: 525px;
  6763. }
  6764. .floatingEl .el4 {
  6765. top: 400px;
  6766. left: 220px;
  6767. }
  6768. .floatingEl .el5 {
  6769. top: 1200px;
  6770. left: -145px;
  6771. }
  6772. .floatingEl .el6 {
  6773. top: 2200px;
  6774. left: -70px;
  6775. }
  6776. .floatingEl .el7 {
  6777. top: 1680px;
  6778. left: 10px;
  6779. }
  6780. .floatingEl .el8 {
  6781. width: 600px;
  6782. top: 230px;
  6783. right: -300px;
  6784. }
  6785. .floatingEl .el9 {
  6786. right: -100px;
  6787. top: 1900px;
  6788. }
  6789. .floatingEl .el10 {
  6790. top: 740px;
  6791. }
  6792. .floatingEl .el11 {
  6793. top: 1900px;
  6794. right: 40px;
  6795. }
  6796. .floatingEl .el12 {}
  6797. .floatingEl .el13 {
  6798. top: 1530px;
  6799. right: -310px;
  6800. width: 875px;
  6801. }
  6802. .floatingEl .el14 {}
  6803. .floatingEl .el15 {}
  6804. .floatingEl .el16 {}
  6805. }
  6806.  
  6807.  
  6808. @media (max-width: 1320px) {
  6809. #et-navigation>ul>li {
  6810. padding-left: 45px;
  6811. padding-right: 45px;
  6812. margin: 0 25px;
  6813. }
  6814. }
  6815.  
  6816. @media (max-width: 1233px) {
  6817. #et-navigation>ul>li {
  6818. line-height: 83px;
  6819. padding-left: 35px;
  6820. padding-right: 35px;
  6821. }
  6822. }
  6823.  
  6824. @media (max-width: 1200px) {
  6825.  
  6826. .articleFeaturedImage .categoryName {
  6827. left: -12px;
  6828. }
  6829.  
  6830. .searchItem .titlePost {
  6831. font-size: 21px;
  6832. line-height: 23px;
  6833. }
  6834. .featuredNewsAfter2 article {
  6835. width: 50%;
  6836. }
  6837. .featuredNewsAfter2 article:nth-child(2) {
  6838. padding-left: 2%;
  6839. }
  6840. .latestPostHome {
  6841. width: 96%;
  6842. margin-top: -62px;
  6843. /* margin-left: 2%; */
  6844. margin-right: 2%;
  6845. }
  6846. .featuredNewsAfter2 article {
  6847. padding-right: 2%;
  6848. }
  6849. .featuredNewsAfter2 .postMetaContentWrapper {
  6850. width: 100%;
  6851. }
  6852. .featuredNewsAfter2 article .postMetaContentWrapper {
  6853. margin-left: 0;
  6854. }
  6855. .featuredNewsAfter2 h2.entry-title {
  6856. font-size: 19px;
  6857. line-height: 23px;
  6858. }
  6859.  
  6860. .featuredNewsAfter2 article+article .postMetaContentWrapper {
  6861. margin-left: 0;
  6862. }
  6863. .txReadAgain {
  6864. margin-left: 0;
  6865. padding-left: 0;
  6866. }
  6867. .home23 .et_pb_row .et_pb_column_2_3 {
  6868. margin-right: 0;
  6869. width: 66%;
  6870. }
  6871.  
  6872. .home23 .et_pb_row .et_pb_column_1_3 {
  6873. margin-left: 30px;
  6874. }
  6875. #ReadNow article .subContentWrap .elmadd {
  6876. width: 40%;
  6877. margin-left: 1px;
  6878. }
  6879. #ReadNow article .subContentWrap {
  6880. width: 50%;
  6881. }
  6882. #ReadNow article .subContentWrap .elmadd:before {
  6883. width: 100%;
  6884. /* width: 0; */
  6885. /* height: 0; */
  6886. /* border-style: solid; */
  6887. /* border-width: 0 0 194px 178px; */
  6888. /* border-color: transparent transparent #ef1112 transparent; */
  6889. /* background: transparent; */
  6890. background-size: cover;
  6891. background-position: left bottom;
  6892. height: 100%;
  6893. }
  6894. #ReadNow article+article .subContentWrap .elmadd:before {
  6895. width: 100%;
  6896. background-size: cover;
  6897. background-position: left bottom;
  6898. height: 100%;
  6899. margin-left: -1px;
  6900. }
  6901. #ReadNow article .subContentWrap .postMetaContentWrapper {
  6902. margin-top: -1px;
  6903. display: inline-block;
  6904. margin-left: 1px;
  6905. }
  6906. #ReadNow article+article .subContentWrap .postMetaContentWrapper {
  6907. margin-right: 1px;
  6908. margin-left: 0;
  6909. float: right;
  6910. }
  6911. #ReadNow article a.entry-featured-image-url {
  6912. max-width: 80%;
  6913. height: 441px;
  6914. }
  6915. }
  6916.  
  6917. @media (max-width: 1100px) {
  6918. .home23 .et_pb_row .et_pb_column_2_3 {
  6919. margin-right: 0;
  6920. width: 64%;
  6921. }
  6922.  
  6923. .home23 .latestPostHome {
  6924. margin-right: 0;
  6925. width: 100%;
  6926. }
  6927.  
  6928. .home23 .et_pb_row .et_pb_column_1_3 {
  6929. /* margin-left: 25px; */
  6930. }
  6931. }
  6932.  
  6933. @media (max-width: 1130px) {
  6934. #et-navigation>ul>li {
  6935. padding-left: 30px;
  6936. padding-right: 30px;
  6937. }
  6938. }
  6939.  
  6940. @media (max-width: 1100px) {
  6941. #et-navigation>ul>li {
  6942. padding-left: 20px;
  6943. padding-right: 20px;
  6944. }
  6945. }
  6946.  
  6947.  
  6948.  
  6949.  
  6950. /************* RESPONSIVE *************/
  6951.  
  6952. @media (max-width: 1320px) {
  6953. .floatingEl .conte {
  6954. max-width: 100%;
  6955. width: 100%;
  6956. position: absolute;
  6957. left: 0;
  6958. margin-left: 0;
  6959. }
  6960. }
  6961.  
  6962.  
  6963. @media (max-width: 1033px) {
  6964. .home23 .et_pb_row .et_pb_column_1_3 {
  6965. margin-left: 25px;
  6966. }
  6967. }
  6968.  
  6969.  
  6970.  
  6971.  
  6972. /*res1024*/
  6973.  
  6974. @media (max-width: 1024px) {
  6975. .mobileVer {
  6976. display: block !important;
  6977. }
  6978. .left-right #logo {
  6979. margin-right: auto;
  6980. margin-left: auto;
  6981. }
  6982. .left-right #et-navigation ul {
  6983.  
  6984. display: none;
  6985. }
  6986. .page.page-id-689 #main-content {
  6987. padding-top: 140px;
  6988. }
  6989.  
  6990. .page.page-id-689 .post-wrap h3 {
  6991. font-size: 16px;
  6992. }
  6993. .metaArticle {
  6994. padding-right: 25px;
  6995. }
  6996. .desktopVer {
  6997. display: none !important;
  6998. }
  6999. article .post-footer, .fullPost article .post-footer {
  7000. padding: 0 35px 0 35px !important;
  7001. }
  7002. .stage404 {
  7003. margin-top: 0;
  7004. padding-top: 110px;
  7005. }
  7006. .relatedPostWrapper .relatedItem .relContent {
  7007. height:100px;
  7008. }
  7009. .latestPostHome {
  7010. margin-right: 0;
  7011. width: 100%;
  7012. margin-top: 45px;
  7013. }
  7014. /*body.mac .latestPostHome {
  7015. margin-top: 58px;
  7016. }*/
  7017. .txReadAgain {
  7018. padding-left: 0;
  7019. position: absolute;
  7020. left: 0;
  7021. width: 100%;
  7022. padding-left: 28px;
  7023. padding-right: 28px;
  7024. }
  7025. /*body.mac .txReadAgain p {
  7026. line-height: 80px;
  7027. }*/
  7028. .moneyWrap span {
  7029. width: 30px;
  7030. height: 57px;
  7031. }
  7032.  
  7033. #ReadNowMobile {
  7034. display: block;
  7035. }
  7036.  
  7037.  
  7038. .mce-btn[aria-label="Bold"],
  7039. .mce-btn[aria-label="Italic"],
  7040. .mce-btn[aria-label="Underline"],
  7041. .mce-btn[aria-label="Strikethrough"],
  7042. .mce-btn[aria-label="Bulleted list"],
  7043. .mce-btn[aria-label="Bulleted list"],
  7044. .mce-btn[aria-label="Decrease indent"],
  7045. .mce-btn[aria-label="Increase indent"],
  7046. .mce-btn[aria-label="Blockquote"],
  7047. .mce-btn[aria-label="Cut"],
  7048. .mce-btn[aria-label="Copy"],
  7049. .mce-btn[aria-label="Paste"],
  7050. .mce-btn[aria-label="Undo"],
  7051. .mce-btn[aria-label="Redo"],
  7052. .mce-btn[aria-label="Insert/edit link"],
  7053. .mce-btn[aria-label="Remove link"],
  7054. .mce-btn[aria-label="Clear formatting"],
  7055. .mce-btn[aria-label="Numbered list"] {
  7056. display: none !important;
  7057. }
  7058.  
  7059. /*.moneyWrap span:nth-child(5n+5) {
  7060. -webkit-animation-delay: 3s;
  7061. -moz-animation-delay: 3s;
  7062. margin: -50% 80px 50% 20px;
  7063. }
  7064. .moneyWrap span:nth-child(3n+2) {
  7065. -webkit-animation-delay: 5s;
  7066. -moz-animation-delay: 5s;
  7067. }
  7068. .moneyWrap span:nth-child(2n+5) {
  7069. -webkit-animation-delay: 8s;
  7070. -moz-animation-delay: 8s;
  7071. }
  7072. .moneyWrap span:nth-child(3n+3) {
  7073. margin: -370px 80px 370px 20px;
  7074. }
  7075. .moneyWrap span:nth-child(4n+8) {
  7076. margin: -300px 80px 300px 20px;
  7077. }
  7078. .moneyWrap span:nth-child(2n+3) {
  7079. margin: -295px 80px 295px 20px;
  7080. }
  7081. .moneyWrap span:nth-child(4n+5) {
  7082. -webkit-animation-delay: 3s;
  7083. -moz-animation-delay: 3s;
  7084. margin: -318px 80px 318px 20px;
  7085. }
  7086. .moneyWrap span:nth-child(3n+6) {
  7087. margin: -325px 80px 325px 20px;
  7088. }*/
  7089. .floatingEl .rightElementBlur,
  7090. .floatingEl .rightElement,
  7091. .floatingEl .leftElementBlur,
  7092. .floatingEl .leftElement {
  7093. transition: all .15s ease-out;
  7094. -moz-transition: all .15s ease-out;
  7095. -webkit-transition: all .15s ease-out;
  7096. -o-transition: all .15s ease-out;
  7097. }
  7098. .txNeedMoneyTitle p {
  7099. margin-left: 0;
  7100. font-size: 26px;
  7101. }
  7102. .sideDoIT-title p {
  7103. margin-left: 0;
  7104. }
  7105. #main-content.searchSection .mainHeaderSearch {
  7106. padding-top: 50px;
  7107. }
  7108. .articleFeaturedImage .categoryName .subCat {
  7109. }
  7110. .articleFeaturedImage .categoryName .mainCat {}
  7111.  
  7112.  
  7113.  
  7114. .txReadAgain .et_pb_text_inner {
  7115. display: block;
  7116. width: 100%;
  7117. margin-left: auto;
  7118. margin-right: auto;
  7119. }
  7120. .home23.et_pb_section {
  7121. margin-left: 30px;
  7122. margin-right: 30px;
  7123. position: static;
  7124. }
  7125.  
  7126. .home23.et_pb_section .et_pb_row,
  7127. .home23.et_pb_section .et_pb_column {
  7128. position: static;
  7129. }
  7130.  
  7131. .home23 .et_pb_row {
  7132. padding-top: 20px;
  7133. }
  7134.  
  7135. .home23 .et_pb_row .et_pb_column_2_3 {
  7136. width: 100%;
  7137. }
  7138. .single-post #main-content>.et_pb_section>.et_pb_row {
  7139. width: 100%;
  7140. max-width: 100% !important;
  7141. }
  7142. .single-post .post-wrap .post-content .et_pb_section .et_pb_row {
  7143. padding-left: 0;
  7144. padding-right: 0;
  7145. }
  7146. .articleFeaturedImage {
  7147. margin-bottom: 0;
  7148. }
  7149. #ReadNow article h2.entry-title a,
  7150. #ReadNow article+article h2.entry-title a {
  7151. color: #230052;
  7152. }
  7153.  
  7154. #ReadNow article h2.entry-title.largeTitle a, .featuredNewsAfter2 h2.entry-title a {
  7155. font-size: 25px;
  7156. line-height: 1;
  7157. }
  7158. .mobileSearch {
  7159. float: right;
  7160. }
  7161.  
  7162. .mobileSearch.navigation {
  7163. display: inline-block;
  7164. margin-top: 17px;
  7165. }
  7166.  
  7167. .mobileSearch .et-top-search {
  7168. display: none;
  7169. position: fixed;
  7170. width: 100%;
  7171. top: 0;
  7172. padding: 5px 0;
  7173. left: 0;
  7174. height: 100%;
  7175. background: rgba(255, 255, 255, 0.9);
  7176. z-index: 9999999;
  7177. }
  7178.  
  7179. .mobileSearch .et-top-search .wrapSearch {
  7180. margin-right: auto;
  7181. margin-left: auto;
  7182. width: 95%;
  7183. max-width: 975px;
  7184. position: relative;
  7185. height: 100%;
  7186. display: table;
  7187. }
  7188.  
  7189. #et-mobile-navigation .footerMobileMenu {
  7190. display: block;
  7191. position: absolute;
  7192. bottom: 10px;
  7193. left: 0;
  7194. width: 100%;
  7195. }
  7196.  
  7197. #et-mobile-navigation .footerMobileMenu .vxiFooter {}
  7198.  
  7199. #et-mobile-navigation .footerMobileMenu .vxiFooter .socmedFooter a {
  7200. display: inline-block;
  7201. padding: 6px 0 !important;
  7202. }
  7203.  
  7204. #et-mobile-navigation .footerMobileMenu .vxiFooter .socmedFooter {
  7205. margin-bottom: 20px;
  7206. display: none;
  7207. }
  7208.  
  7209. #et-mobile-navigation .footerLower .leftSide,
  7210. #et-mobile-navigation .footerLower .rightSide {
  7211. width: auto;
  7212. font-size: 11px;
  7213. }
  7214.  
  7215. #et-mobile-navigation .vxiFooter .footerLower .footerMenu {}
  7216.  
  7217. #et-mobile-navigation .vxiFooter .footerLower .footerMenu li {
  7218. margin: 0 17px !important;
  7219. }
  7220.  
  7221. #et-mobile-navigation .vxiFooter .footerLower .footerMenu li a {
  7222. padding: 5px 0;
  7223. border-bottom: 0 !important;
  7224. text-transform: none;
  7225. }
  7226.  
  7227. #et-mobile-navigation .footerLower {
  7228. padding-bottom: 10px;
  7229. width: 100%;
  7230. display: block;
  7231. display: none;
  7232. }
  7233.  
  7234. #et-mobile-navigation .footerHXC {
  7235. display: block;
  7236. }
  7237.  
  7238. #et-mobile-navigation .footerHXC .wraphxc {
  7239. margin-bottom: 15px;
  7240. margin-top: 0;
  7241. }
  7242.  
  7243. #et-mobile-navigation .vxiFooter .footerHXC .wraphxc {
  7244. font-size: 18px;
  7245. background-image: linear-gradient(to left, #6400de, #ef1111);
  7246. background: -moz-linear-gradient(135deg, #6601dc 0%, #ef1112 100%);
  7247. background: -webkit-linear-gradient(135deg, #6601dc 0%, #ef1112 100%);
  7248. background: linear-gradient(135deg, #6601dc 0%, #ef1112 100%);
  7249. }
  7250.  
  7251. .mobileSearch .et-top-search form {
  7252. margin-right: auto;
  7253. margin-left: auto;
  7254. display: table-cell;
  7255. vertical-align: middle;
  7256. width: 100%;
  7257. text-align: center;
  7258. }
  7259.  
  7260.  
  7261. .mobileSearch .et-top-search input {
  7262. width: 450px;
  7263. background: transparent;
  7264. font-size: 25px;
  7265. padding-left: 0;
  7266. padding-right: 0;
  7267. border-bottom: 1px solid #cccccc;
  7268. padding-bottom: 6px;
  7269. font-weight: 500;
  7270. max-width: 90%;
  7271. display: block;
  7272. margin-left: auto;
  7273. margin-right: auto;
  7274. }
  7275.  
  7276. .mobileSearch .et-top-search .et-search-submit {
  7277. position: absolute;
  7278. top: 18px;
  7279. right: 20px;
  7280. display: none;
  7281. }
  7282.  
  7283. .mobileSearch .navSearch {
  7284. float: left;
  7285. margin-top: 4px;
  7286. }
  7287.  
  7288. .mobileSearch .navSearch .searchIcon {
  7289. float: left;
  7290. }
  7291. .mobileSearch .et-search-submit:before {
  7292. content: '\e63a';
  7293. font-size: 22px;
  7294. font-weight: 600;
  7295. color: #FFFFFF;
  7296. position: relative;
  7297. transition: .3s ease;
  7298. font-family: 'ET-Extra' !important;
  7299. speak: none;
  7300. font-style: normal;
  7301. font-weight: normal;
  7302. font-variant: normal;
  7303. text-transform: none;
  7304. line-height: inherit !important;
  7305. }
  7306.  
  7307. .mobileSearch .et-search-submit {
  7308. background: transparent;
  7309. padding: 0;
  7310. display: block;
  7311. }
  7312. #main-content .afterPost {
  7313. margin-top: 20px;
  7314. padding-left: 25px;
  7315. padding-right: 25px;
  7316. }
  7317.  
  7318. .sidebarIklWrap .soon728 {
  7319. padding-left: 25px;
  7320. padding-right: 25px;
  7321. }
  7322. #main-header .container {
  7323. display: block;
  7324. text-align: center;
  7325. margin-right: auto;
  7326. margin-left: auto;
  7327. position: static;
  7328. }
  7329. #content-area .single-post-module .post-wrap {
  7330. margin-left: 25px;
  7331. margin-right: 25px;
  7332. padding-right: 0;
  7333. }
  7334. .single-post #content-area .et_pb_extra_column_main {
  7335. width: 100%;
  7336. max-width: 100%;
  7337. }
  7338. .single-post #content-area .et_pb_extra_column_sidebar {
  7339. width: 100%;
  7340. max-width: 100%;
  7341. min-width: auto;
  7342. display: block;
  7343. padding-left: 25px !important;
  7344. padding-right: 25px !important;
  7345. }
  7346. body.category #main-content>.container {
  7347. border: 0;
  7348. }
  7349. .et_pb_section .et_pb_column .et_pb_module .twitter-tweet {
  7350. margin-left: auto;
  7351. margin-right: auto;
  7352. }
  7353. .articleFeaturedImage .categoryName {
  7354. left: 20px;
  7355. top: 80px;
  7356. z-index: 99;
  7357. }
  7358. .articleFeaturedImage .imageFull {
  7359. width: 100%;
  7360. box-shadow: none;
  7361. -webkit-box-shadow: none;
  7362. -moz-box-shadow: none;
  7363. margin-top: 64px;
  7364. max-width: 100%;
  7365. position: relative;
  7366. }
  7367.  
  7368.  
  7369. body.category .categoryImage {
  7370. margin-top: 15px;
  7371. }
  7372. .categoryPostList .itemPost {
  7373. width: 49%;
  7374. margin-right: 2%;
  7375. }
  7376. .single.et_pb_pagebuilder_layout .post-thumbnail {
  7377. overflow: hidden;
  7378. z-index: 9;
  7379. margin: 0 0 40px;
  7380. margin-bottom: 10px;
  7381. }
  7382. .articleFeaturedImage .titleWrap {
  7383. right: auto;
  7384. bottom: 0;
  7385. left: 0;
  7386. z-index: 9;
  7387. width: 100%;
  7388. max-width: none;
  7389. position: relative;
  7390. margin-top: 0;
  7391. }
  7392. .post-thumbnail {
  7393. margin-bottom: 10px;
  7394. }
  7395. .metaArticle {
  7396. padding-left: 25px;
  7397. width: auto;
  7398. }
  7399. .single-post #main-content .et_pb_section {
  7400. margin-left: 0;
  7401. margin-right: 0;
  7402. }
  7403. #main-header .container .logo {
  7404. margin-top: 17px;
  7405. display: inline-block;
  7406. margin-bottom: 10px;
  7407. z-index: 991999;
  7408. position: relative;
  7409. float: none;
  7410. }
  7411. #main-header .container #et-navigation {
  7412. float: left;
  7413. margin-top: 17px;
  7414. display: inline-block;
  7415. z-index: 99999;
  7416. position: relative;
  7417. }
  7418. #et-mobile-navigation nav {
  7419. position: fixed;
  7420. top: 0;
  7421. right: 100%;
  7422. z-index: 6;
  7423. height: 100% !important;
  7424. width: 100% !important;
  7425. display: -webkit-box;
  7426. display: -webkit-flex;
  7427. display: -ms-flexbox;
  7428. display: flex;
  7429. -webkit-box-orient: vertical;
  7430. -webkit-box-direction: normal;
  7431. -webkit-flex-direction: column;
  7432. -ms-flex-direction: column;
  7433. flex-direction: column;
  7434. pointer-events: auto;
  7435. text-align: center;
  7436. -webkit-transform: translateX(0);
  7437. transform: translateX(0);
  7438. -webkit-transition: -webkit-transform .1s cubic-bezier(.4, 0, 1, 1);
  7439. transition: -webkit-transform .1s cubic-bezier(.4, 0, 1, 1);
  7440. transition: transform .1s cubic-bezier(.4, 0, 1, 1);
  7441. transition: transform .1s cubic-bezier(.4, 0, 1, 1), -webkit-transform .1s cubic-bezier(.4, 0, 1, 1);
  7442. opacity: 1 !important;
  7443. background: #ef1112;
  7444. background: -moz-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  7445. background: -webkit-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  7446. background: linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  7447. filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ef1111', endColorstr='#6601dc', GradientType=1);
  7448. left: auto;
  7449. }
  7450. #et-mobile-navigation nav {
  7451. padding: 120px 40px 20px;
  7452. }
  7453. #et-mobile-navigation #et-extra-mobile-menu {
  7454. position: static;
  7455. width: 360px;
  7456. margin-left: auto;
  7457. margin-right: auto;
  7458. max-width: 98%;
  7459. margin-top: 20px;
  7460. }
  7461. #et-mobile-navigation #et-extra-mobile-menu li {
  7462. /* margin-bottom: 20px; */
  7463. }
  7464. #et-mobile-navigation #et-extra-mobile-menu li a {
  7465. font-size: 28px;
  7466. font-weight: 600;
  7467. border: 0;
  7468. border: 2px solid transparent;
  7469. color: #ffffff;
  7470. transition: all 0.2s ease-in-out;
  7471. -moz-transition: all 0.2s ease-in-out;
  7472. -webkit-transition: all 0.2s ease-in-out;
  7473. -o-transition: all 0.2s ease-in-out;
  7474. margin-bottom: 20px;
  7475. padding: 10px 0;
  7476. }
  7477.  
  7478. #et-mobile-navigation #et-extra-mobile-menu li:hover a,
  7479. #et-mobile-navigation #et-extra-mobile-menu li a.hoverMode {
  7480. box-shadow: 6px 6px 0px #fff;
  7481. color: #ffffff;
  7482. background: transparent;
  7483. margin-bottom: 30px;
  7484. margin-top: -10px;
  7485. }
  7486.  
  7487. #et-mobile-navigation #et-extra-mobile-menu li:hover:before {
  7488. content: '';
  7489. /* background: #ffffff; */
  7490. display: none;
  7491. width: 100%;
  7492. height: 100%;
  7493. position: absolute;
  7494. top: 0;
  7495. left: 0;
  7496. z-index: 0;
  7497. }
  7498. #et-mobile-navigation #et-extra-mobile-menu li a:hover,
  7499. #et-mobile-navigation #et-extra-mobile-menu li a.hoverMode {
  7500. /* background: #ef1112; */
  7501. background: -moz-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  7502. /* background: -webkit-linear-gradient(135deg, #ef1112 0%, #6601dc 100%); */
  7503. /* background: linear-gradient(135deg, #ef1112 0%, #6601dc 100%); */
  7504. filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ef1111', endColorstr='#6601dc', GradientType=1);
  7505. /* -webkit-background-clip: text; */
  7506. /* -webkit-text-fill-color: transparent; */
  7507. z-index: 9;
  7508. position: relative;
  7509. }
  7510.  
  7511. #et-mobile-navigation #et-extra-mobile-menu>li:last-child a {
  7512. /* border: 2px solid #ffffff; */
  7513. }
  7514. #et-mobile-navigation nav.navOpened {
  7515. -webkit-transform: translateX(100%);
  7516. transform: translateX(100%);
  7517. -webkit-transition-timing-function: cubic-bezier(0, 0, .2, 1);
  7518. transition-timing-function: cubic-bezier(0, 0, .2, 1);
  7519. display: flex !important;
  7520. }
  7521. #et-mobile-navigation .show-menu .toggled {
  7522. z-index: 999;
  7523. position: relative;
  7524. }
  7525. .et_pb_section.home22 {
  7526. margin-left: 0;
  7527. margin-right: 0;
  7528. }
  7529. #ReadNow article .subContentWrap .postMetaContentWrapper {
  7530. margin-left: auto;
  7531. margin-right: auto;
  7532. }
  7533. #ReadNow article+article .subContentWrap .postMetaContentWrapper {
  7534. margin-left: -230px;
  7535. margin-right: 0;
  7536. }
  7537. #footer {
  7538. background: -moz-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  7539. background: -webkit-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  7540. background: linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  7541. filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ef1111', endColorstr='#6601dc', GradientType=1);
  7542. padding-top: 0;
  7543. }
  7544.  
  7545. .vxiFooter {
  7546. padding-top: 10px;
  7547. }
  7548. .doit_form p br {
  7549. display: none;
  7550. }
  7551. .featuredNewsAfter2 .et_pb_post .entry-featured-image-url {
  7552. border: 0;
  7553. height: 430px;
  7554. border-bottom: 1px solid #6601dc;
  7555. overflow: hidden;
  7556. border-radius: 0;
  7557. -moz-border-radius: 0;
  7558. -webkit-border-radius: 0;
  7559. margin-bottom: 0;
  7560. }
  7561. .page .et_pb_row {
  7562. width: 100%;
  7563. max-width: 100%;
  7564. }
  7565. .home22 .et_pb_row {
  7566. padding-top: 0;
  7567. }
  7568. .homeReadNow.et_pb_row {
  7569. padding-top: 0;
  7570. }
  7571. #ReadNow {
  7572. max-width: 100%;
  7573. margin-top: 0;
  7574. }
  7575. .et_pb_text.txReadMore {
  7576. z-index: 99;
  7577. margin-top: 0;
  7578. }
  7579.  
  7580. .et_pb_text.txReadMore.mobileVer {
  7581. margin-bottom: 0;
  7582. /* height: 900px; */
  7583. }
  7584. #et-navigation a.searchOpt {
  7585. padding-top: 0;
  7586. padding-bottom: 0;
  7587. display: none;
  7588. }
  7589. .floatingEl {
  7590. display: none;
  7591. }
  7592. #ReadNow article .subContentWrap .elmadd {
  7593. display: none;
  7594. }
  7595. #ReadNow article a.entry-featured-image-url {
  7596. width: 100%;
  7597. max-width: 100%;
  7598. border: 0;
  7599. height: 430px;
  7600. margin-bottom: 0 !important;
  7601. }
  7602.  
  7603. #ReadNow article a.entry-featured-image-url img {}
  7604. #ReadNow article+article a.entry-featured-image-url {
  7605. border: 0;
  7606. }
  7607. #main-header {
  7608. background: #ef1112;
  7609. background: -moz-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  7610. background: -webkit-linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  7611. background: linear-gradient(135deg, #ef1112 0%, #6601dc 100%);
  7612. filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ef1111', endColorstr='#6601dc', GradientType=1);
  7613. }
  7614. header.header {
  7615. position: fixed;
  7616. width: 100%;
  7617. z-index: 9999999;
  7618. }
  7619. #page-container .txturevxi {
  7620. display: none;
  7621. }
  7622. header.header+.et_pb_section {
  7623. padding-top: 64px;
  7624. margin-left: 0;
  7625. margin-right: 0;
  7626. }
  7627.  
  7628. .page-template-purple-page .et_pb_section {
  7629. width: 90%;
  7630. max-width: 1280px;
  7631. margin-left: auto !important;
  7632. margin-right: auto !important;
  7633. }
  7634. #main-header .logo {
  7635. height: 30px;
  7636. margin: 26px 0;
  7637. }
  7638. #page-container {
  7639. background: transparent;
  7640. }
  7641. .show-menu-button {
  7642. background: transparent;
  7643. padding-top: 6px;
  7644. }
  7645. .show-menu-button span {
  7646. background: #ffffff;
  7647. width: 30px;
  7648. height: 2px;
  7649. }
  7650. .show-menu-button span:nth-child(2) {
  7651. margin: 6px 0;
  7652. }
  7653. .show-menu-button.toggled span:first-child {
  7654. -webkit-transform: translateY(8px) rotate(45deg);
  7655. transform: translateY(8px) rotate(45deg);
  7656. }
  7657. .show-menu-button.toggled span:last-child {
  7658. -webkit-transform: translateY(-8px) rotate(-45deg);
  7659. transform: translateY(-8px) rotate(-45deg);
  7660. }
  7661. #ReadNow article a.entry-featured-image-url img {
  7662. width: 100%;
  7663. }
  7664. #ReadNow article {
  7665. margin-bottom: 0;
  7666. position: relative;
  7667. border-bottom: 1px solid #ef1112;
  7668. border-radius: 0;
  7669. -webkit-border-radius: 0;
  7670. -moz-border-radius: 0;
  7671. }
  7672. #ReadNow article:first-child {
  7673. border-top: 1px solid #ef1112;
  7674. }
  7675. #ReadNow article+article {
  7676. border-bottom: 2px solid #6601dc;
  7677. }
  7678. #ReadNow article .subContentWrap .postMetaContentWrapper {
  7679. margin: 0;
  7680. position: absolute;
  7681. margin-left: -230px;
  7682. width: 460px;
  7683. left: 50%;
  7684. top: 50%;
  7685. margin-top: -70px;
  7686. background: rgba(238, 237, 234, 0.85);
  7687. min-height: unset;
  7688. }
  7689.  
  7690. .featuredNewsAfter2 .postMetaContentWrapper {
  7691. background: rgba(238, 237, 234, 0.85);
  7692. }
  7693. .featuredNewsAfter2 article .postMetaContentWrapper {
  7694. margin: 0;
  7695. position: absolute;
  7696. margin-left: -230px;
  7697. width: 460px;
  7698. left: 50%;
  7699. top: 50%;
  7700. margin-top: -70px;
  7701. height: 145px;
  7702. padding: 20px;
  7703. }
  7704. .featuredNewsAfter2 article+article .postMetaContentWrapper {
  7705. margin-left: -230px;
  7706. }
  7707. #ReadNow article .subContentWrap {
  7708. width: 100%;
  7709. height: 100%;
  7710. }
  7711. .txReadMore p {
  7712. color: #ffffff;
  7713. font-size: 64px;
  7714. margin-top: 0;
  7715. position: absolute;
  7716. display: block;
  7717. z-index: 999;
  7718. top: 0;
  7719. left: 0;
  7720. width: 100%;
  7721. /* height: 100%; */
  7722. }
  7723.  
  7724. .admin-bar .txReadMore p {
  7725. top: 122px;
  7726. }
  7727.  
  7728. .txReadMore p.fixe {
  7729. position: absolute;
  7730. }
  7731.  
  7732. .txReadMore p.fixe.reinit {
  7733. position: static;
  7734. }
  7735.  
  7736. .txReadAgain p {
  7737. margin-left: 1px;
  7738. line-height: 1;
  7739. }
  7740.  
  7741. .txReadMore .et_pb_text_inner {
  7742. display: block;
  7743. padding-top: 30px;
  7744. width: 90%;
  7745. margin-left: auto;
  7746. margin-right: auto;
  7747. height: 120px;
  7748. }
  7749. .featuredNewsAfter2 article {
  7750. width: 100%;
  7751. padding: 0;
  7752. position: relative;
  7753. margin-bottom: 0;
  7754. border-radius: 0;
  7755. }
  7756. .featuredNewsAfter2 article:nth-child(2) {
  7757. padding-left: 0;
  7758. padding-right: 0;
  7759. }
  7760. .doit_form {
  7761. width: 100% !important;
  7762. margin-bottom: 0px !important;
  7763. margin-top: 55px;
  7764. }
  7765.  
  7766. /* body.mac .doit_form {
  7767. margin-top: 58px;
  7768. }*/
  7769.  
  7770. .doit_form .et_pb_text_inner {
  7771. text-align: center;
  7772. }
  7773.  
  7774. .doit_form .et_pb_text_inner form {
  7775. max-width: 230px;
  7776. margin-left: auto;
  7777. margin-right: auto;
  7778. }
  7779. .home23 .et_pb_row .et_pb_column_1_3 {
  7780. width: 100%;
  7781. margin-bottom: 0;
  7782. padding-left: 0;
  7783. padding-right: 0;
  7784. margin-left: 0;
  7785. margin-top: 45px;
  7786. }
  7787. .dontLeave-title,
  7788. .homeSocmedLnk {
  7789. display: none;
  7790. }
  7791. .sidebarIkl {
  7792. width: 100%;
  7793. background-position: 50%;
  7794. background-repeat: no-repeat;
  7795. background-image: none;
  7796. height: 150px;
  7797. }
  7798. .txNeedMoneyTitle {
  7799. margin-bottom: 20px !important;
  7800. margin-top: 10px !important;
  7801. position: absolute;
  7802. left: 0;
  7803. width: 100%;
  7804. padding-left: 30px;
  7805. padding-right: 30px;
  7806. }
  7807.  
  7808. .txNeedMoneyTitle .et_pb_text_inner {
  7809. display: block;
  7810. width: 100%;
  7811. margin-left: auto;
  7812. margin-right: auto;
  7813. }
  7814. .sidebarIklWrap {
  7815. margin-bottom: 20px !important;
  7816. margin-top: 40px;
  7817. }
  7818.  
  7819. body .sidebarIklWrap {
  7820. margin-top: 35px;
  7821. }
  7822.  
  7823. /*body.pc .sidebarIklWrap {
  7824. margin-top: 35px;
  7825. }
  7826.  
  7827. body.mac .sidebarIklWrap {
  7828. margin-top: 44px;
  7829. }*/
  7830. .sidebarIklWrap+.et_pb_space {
  7831. display: none;
  7832. }
  7833.  
  7834. .sideDoIT-title {
  7835. position: absolute;
  7836. width: 100%;
  7837. left: 0;
  7838. }
  7839.  
  7840. .sideDoIT-title .et_pb_text_inner {
  7841. display: block;
  7842. width: 100%;
  7843. margin-left: auto;
  7844. margin-right: auto;
  7845. padding-left: 30px;
  7846. padding-right: 30px;
  7847. }
  7848. #ReadNow article h2.entry-title {
  7849. text-align: left;
  7850. }
  7851. #ReadNow article .post-meta {
  7852. text-align: left;
  7853. margin-bottom: 5px;
  7854. }
  7855. .relatedPostWrapper .relatedItem {
  7856. width: 32%;
  7857. }
  7858. #et-mobile-navigation {
  7859. display: block;
  7860. }
  7861.  
  7862. .socmedFooter {
  7863. display: inline-block;
  7864. margin-top: 7px;
  7865. }
  7866.  
  7867. .socmedFooter a {
  7868. font-size: 14px;
  7869. color: #ffffff;
  7870. border: 1px solid #ffffff;
  7871. float: left;
  7872. text-decoration: none;
  7873. padding: 6px 0 !important;
  7874. line-height: 1;
  7875. font-weight: normal;
  7876. width: 89px;
  7877. overflow: hidden;
  7878. text-indent: -9999px;
  7879. background-position: center;
  7880. background-size: cover !important;
  7881. }
  7882.  
  7883. .socmedFooter a:hover {}
  7884.  
  7885. .socmedFooter a.youtube {
  7886. background: url('assets/socmed/vxisocmed_youtube01.svg');
  7887. }
  7888. .socmedFooter a.youtube:hover {
  7889. background: url(assets/socmed/vxisocmed_youtube02.svg);
  7890. }
  7891. .socmedFooter a.instagram {
  7892. background: url('assets/socmed/vxisocmed_instagram01.svg');
  7893. }
  7894. .socmedFooter a.instagram:hover {
  7895. background: url('assets/socmed/vxisocmed_instagram02.svg');
  7896. }
  7897. .socmedFooter a.facebook {
  7898. background: url('assets/socmed/vxisocmed_facebook01.svg');
  7899. }
  7900. .socmedFooter a.facebook:hover {
  7901. background: url('assets/socmed/vxisocmed_facebook02.svg');
  7902. }
  7903. .socmedFooter a.twitter {
  7904. background: url('assets/socmed/vxisocmed_twitter01.svg');
  7905. }
  7906. .socmedFooter a.twitter:hover {
  7907. background: url('assets/socmed/vxisocmed_twitter02.svg');
  7908. }
  7909. .socmedCloudFooter .socmedLnk p {
  7910. line-height: 1;
  7911. margin-bottom: 0;
  7912. width: 50%;
  7913. float: left;
  7914. text-align: center;
  7915. height: 60px;
  7916. overflow: hidden;
  7917. }
  7918. .socmedCloudFooter .socmedLnk p:first-child {
  7919. border-right: 1px solid #ffffff;
  7920. border-top: 1px solid #ffffff;
  7921. }
  7922. .socmedCloudFooter .socmedLnk p:nth-child(2) {
  7923. border-top: 1px solid #ffffff;
  7924. }
  7925. .socmedCloudFooter .socmedLnk p:nth-child(3) {
  7926. border-top: 1px solid #ffffff;
  7927. border-right: 1px solid #ffffff;
  7928. }
  7929. .socmedCloudFooter .socmedLnk p:last-child {
  7930. border-top: 1px solid #ffffff;
  7931. }
  7932. .socmedCloudFooter {
  7933. max-width: 200px;
  7934. margin-left: auto;
  7935. margin-right: auto;
  7936. margin-bottom: 10px;
  7937. height: 160px;
  7938. bottom: 0;
  7939. margin-top: -13px;
  7940. position: relative;
  7941. z-index: 999;
  7942. background: url(assets/svg/vxi_mbsocialmedia1.svg) no-repeat right bottom;
  7943. }
  7944. #et-navigation .socmedCloudFooter .socmedLnk a {
  7945. padding-bottom: 5px;
  7946. padding-top: 5px;
  7947. font-family: 'vxihead', sans-serif;
  7948. font-weight: 500;
  7949. color: #ffffff;
  7950. /* letter-spacing: 1px; */
  7951. -webkit-transform: rotate(-37deg);
  7952. -moz-transform: rotate(-37deg);
  7953. -ms-transform: rotate(-37deg);
  7954. -o-transform: rotate(-37deg);
  7955. display: block;
  7956. transform: rotate(-28deg);
  7957. margin-top: 32px;
  7958. margin-left: -54px;
  7959. }
  7960.  
  7961. #et-navigation .socmedCloudFooter .socmedLnk a:hover {
  7962. -webkit-transform: rotate(0deg);
  7963. -moz-transform: rotate(0deg);
  7964. -ms-transform: rotate(0deg);
  7965. -o-transform: rotate(0deg);
  7966. transform: rotate(0);
  7967. margin-top: 19px;
  7968. margin-left: 0px;
  7969. }
  7970. }
  7971.  
  7972.  
  7973.  
  7974.  
  7975. /*res980*/
  7976.  
  7977. @media (max-width: 980px) {
  7978. body.category #main-content #content-area {
  7979. padding-left: 20px;
  7980. padding-right: 20px;
  7981. }
  7982. /* body.mac .latestPostHome {
  7983. margin-top: 60px;
  7984. }*/
  7985. .et_pb_column .sidebarIklWrap .et_pb_widget {
  7986. margin-bottom: 0 !important;
  7987. }
  7988. .home23 .et_pb_row .et_pb_column_1_3 {
  7989. margin-top: 20px;
  7990. }
  7991.  
  7992. /*body.mac .home23 .et_pb_row .et_pb_column_1_3 {
  7993. margin-top: 13px;
  7994. }*/
  7995. .page-template-purple-page h1 {
  7996. margin-top: 80px;
  7997. padding-bottom: 0;
  7998. }
  7999. .headingAbout>.et_pb_column {
  8000. margin-bottom: 0px;
  8001. }
  8002. .headingAbout.et_pb_row {
  8003. padding-bottom: 0;
  8004. }
  8005. .headingWrapPrivacy .et_pb_column {
  8006. margin-bottom: 0;
  8007. }
  8008. }
  8009.  
  8010.  
  8011.  
  8012.  
  8013. /*res940*/
  8014.  
  8015. @media (max-width: 940px) {
  8016. .moneyWrap span {
  8017. margin: -40% 40px 40% 20px;
  8018. }
  8019.  
  8020. .moneyWrap span:nth-child(5n+5) {
  8021. -webkit-animation-delay: 3s;
  8022. -moz-animation-delay: 3s;
  8023. margin: -35% 40px 35% 20px;
  8024. }
  8025. .moneyWrap span:nth-child(3n+2) {
  8026. -webkit-animation-delay: 5s;
  8027. -moz-animation-delay: 5s;
  8028. }
  8029. .moneyWrap span:nth-child(2n+5) {
  8030. -webkit-animation-delay: 8s;
  8031. -moz-animation-delay: 8s;
  8032. }
  8033. .moneyWrap span:nth-child(3n+3) {
  8034. margin: -45% 40px 45% 20px;
  8035. }
  8036. .moneyWrap span:nth-child(4n+8) {
  8037. margin: -38% 40px 38% 20px;
  8038. }
  8039. .moneyWrap span:nth-child(2n+3) {
  8040. margin: -39% 40px 39% 20px;
  8041. }
  8042. .moneyWrap span:nth-child(4n+5) {
  8043. -webkit-animation-delay: 3s;
  8044. -moz-animation-delay: 3s;
  8045. margin: -39.5% 40px 39.5% 20px;
  8046. }
  8047. .moneyWrap span:nth-child(3n+6) {
  8048. margin: -42% 40px 42% 20px;
  8049. }
  8050. }
  8051.  
  8052.  
  8053.  
  8054. /*res890*/
  8055.  
  8056. @media (max-width: 890px) {
  8057. .page-template-purple-page h1 {
  8058. font-size: 55px;
  8059. }
  8060. }
  8061.  
  8062.  
  8063. /*res822*/
  8064.  
  8065. @media (max-width: 822px) {
  8066. /*body.mac .sidebarIklWrap {
  8067. margin-top: 42px;
  8068. }*/
  8069. }
  8070.  
  8071.  
  8072. /*res820*/
  8073.  
  8074. @media (max-width: 820px) {
  8075. .headAbout .et_pb_text_inner h1 {
  8076. font-size: 48px;
  8077. }
  8078. .headingAbout>.et_pb_column {
  8079. margin-bottom: 0;
  8080. }
  8081.  
  8082. .headingAbout {
  8083. padding-bottom: 0;
  8084. }
  8085.  
  8086. .adb_vxi .boxAreaWNM .mesg {
  8087. font-size: 15px;
  8088. line-height: 20px;
  8089. }
  8090.  
  8091. .adb_vxi .boxAreaWNM .head {
  8092. margin-bottom: 20px;
  8093. }
  8094. }
  8095.  
  8096.  
  8097. /*res800*/
  8098.  
  8099. @media (max-width: 820px) {
  8100. /*body.mac .sidebarIklWrap {
  8101. margin-top: 44px;
  8102. }*/
  8103. .whtlst2 img {
  8104. max-width: 100%;
  8105. }
  8106. }
  8107.  
  8108.  
  8109.  
  8110.  
  8111. /*res780*/
  8112.  
  8113. @media (max-width: 780px) {
  8114. #main-header .logo {
  8115. margin: 15px 0;
  8116. height: 30px;
  8117. }
  8118. .relatedPostWrapper .relatedContent {
  8119. margin-top: -15px;
  8120. }
  8121. header.header+.et_pb_section {
  8122. padding-top: 64px;
  8123. }
  8124. .postFooter .ratingSystem {
  8125. margin-top: -12px;
  8126. }
  8127. .show-menu-button {
  8128. padding: 7px 6px;
  8129. }
  8130. .txReadMore p {
  8131. font-size: 58px;
  8132. margin-left: 4px;
  8133. }
  8134. #et-mobile-navigation .footerHXC .wraphxc {
  8135. margin-bottom: 10px;
  8136. }
  8137. .vxiFooter .footerLower ul li {
  8138. margin-left: 15px;
  8139. margin-right: 15px;
  8140. width: 100px;
  8141. }
  8142.  
  8143. #et-mobile-navigation .vxiFooter .footerLower .footerMenu li {}
  8144.  
  8145. .overlVXI .mainContent {
  8146. width: 70%;
  8147. }
  8148.  
  8149. .overlVXI .cta_btn {
  8150. width: 70%;
  8151. }
  8152.  
  8153. .vxiFooter .footerLower {
  8154. height: 60px;
  8155. }
  8156. .vxiFooter .footerLower .leftSide {
  8157. order: 2;
  8158. padding-left: 20px;
  8159. width: 150px;
  8160. position: absolute;
  8161. top: 30px;
  8162. /* text-align: right; */
  8163. padding-right: 20px;
  8164. display: inline-block;
  8165. left: 50%;
  8166. margin-left: -145px;
  8167. }
  8168. .vxiFooter .footerLower .rightSide {
  8169. order: 3;
  8170. top: 30px;
  8171. padding-left: 20px;
  8172. width: 150px;
  8173. position: absolute;
  8174. /* text-align: right; */
  8175. padding-right: 20px;
  8176. left: 50%;
  8177. margin-left: -15px;
  8178. }
  8179. .vxiFooter .footerLower .footerMenu {
  8180. order: 1;
  8181. width: 100%;
  8182. max-width: 100%;
  8183. }
  8184.  
  8185. .txReadAgain p {
  8186. font-size: 58px;
  8187. }
  8188.  
  8189. .latestPostHome {
  8190. margin-top: 43px;
  8191. }
  8192. .relatedPostWrapper .headerRelated, .commentWrapper h3#reply-title span, .voteHead {
  8193. font-size: 40px;
  8194. }
  8195. .single .imageShadow {
  8196. width: 90%;
  8197. /* height: 100%; */
  8198. /* position: absolute; */
  8199. /* top: 40px; */
  8200. /* left: 5%; */
  8201. /* background: #ef1112; */
  8202. }
  8203. .relatedPostWrapper .relatedItem {
  8204. width: 48%;
  8205. position: relative;
  8206. margin-bottom: 20px;
  8207. margin-right: 20px;
  8208. }
  8209.  
  8210. .relatedPostWrapper .relatedItem:nth-child(2n) {
  8211. margin-right: 0;
  8212. }
  8213. .relatedPostWrapper .relatedItem .relContent {
  8214. /* width: 50%; */
  8215. /* position: absolute; */
  8216. /* bottom: 0; */
  8217. z-index: 999;
  8218. background: #efeeea;
  8219. }
  8220. .articleFeaturedImage .titleWrap {
  8221. font-size: 32px;
  8222. padding: 20px !important;
  8223. /* bottom: -65px; */
  8224. /* width: 66%; */
  8225. /* left: 17%; */
  8226. z-index: 91;
  8227. }
  8228. .subtitleArticle .subtitle {
  8229. font-size: 18px;
  8230. }
  8231. .articleFeaturedImage {
  8232. /* margin-bottom: 35px; */
  8233. }
  8234. .metaArticle {
  8235. margin-top: 0;
  8236. margin-bottom: 40px;
  8237. margin-left: 0;
  8238. display: inline-block;
  8239. width: 100%;
  8240. }
  8241. /* .articleFeaturedImage .titleWrap.sizeTitle2 {
  8242. font-size: 24px;
  8243. }
  8244. .articleFeaturedImage .titleWrap.sizeTitle3 {
  8245. font-size: 24px;
  8246. }
  8247. .articleFeaturedImage .titleWrap.sizeTitle4 {
  8248. font-size: 24px;
  8249. line-height: 25px;
  8250. } */
  8251. .vxiVerdictResult .verdictDesc {
  8252. width: 70%;
  8253. }
  8254.  
  8255. .vxiVerdictResult .verdictSummary {
  8256. width: 30%;
  8257. }
  8258. }
  8259.  
  8260.  
  8261. /*res748*/
  8262.  
  8263. @media (max-width: 748px) {
  8264. /*body.mac .sidebarIklWrap {
  8265. margin-top: 44px;
  8266. }*/
  8267. }
  8268.  
  8269.  
  8270.  
  8271.  
  8272.  
  8273. /*res740*/
  8274.  
  8275. @media (max-width: 740px) {}
  8276.  
  8277.  
  8278.  
  8279.  
  8280. /*res728*/
  8281.  
  8282. @media (max-width: 728px) {
  8283. #ReadNow article a.entry-featured-image-url img {
  8284. max-width: none;
  8285. width: auto;
  8286. min-height: 100%;
  8287. position: absolute;
  8288. min-height: unset;
  8289. }
  8290. A .clock span {}
  8291.  
  8292. .stage404 .time img {
  8293. height: 130px;
  8294. }
  8295. .articleFeaturedImage .imageFull .post-thumbnail {
  8296. z-index: 9;
  8297. height: 450px;
  8298. overflow: hidden;
  8299. }
  8300. .articleFeaturedImage .imageFull .post-thumbnail img {
  8301. max-width: unset;
  8302. width: auto;
  8303. position: absolute;
  8304. height: 450px;
  8305. }
  8306.  
  8307. .glitch .clock span:before,
  8308. .glitch .clock span:after {
  8309. height: 90px;
  8310. content: url(assets/404/error404_med.svg);
  8311. }
  8312.  
  8313. body.category #main-content #content-area {}
  8314.  
  8315. #ReadNow article a.entry-featured-image-url {
  8316. position: relative;
  8317. }
  8318. #ReadNow article .entry-featured-image-url {
  8319. height: auto;
  8320. }
  8321. .articleFeaturedImage .categoryName .mainCat {
  8322. font-size: 15px;
  8323. padding: 2px 20px 2px 12px;
  8324. }
  8325.  
  8326.  
  8327. .stage404 .screen {
  8328. height: 220px;
  8329. }
  8330.  
  8331. .stage404 .txGettingLost,
  8332. .blink404,
  8333. .stage404 .comeBackBtn {
  8334. width: 370px;
  8335. margin-left: auto;
  8336. margin-right: auto;
  8337. }
  8338.  
  8339. .comeBackBtn .wrapbtn {
  8340. margin-right: 5px;
  8341. }
  8342.  
  8343. .blink404 span {
  8344. margin-right: 5px;
  8345. }
  8346.  
  8347. .stage404 .txGettingLost img {
  8348. margin: 0;
  8349. }
  8350.  
  8351. .stage404 {
  8352. overflow: hidden;
  8353. padding-top: 70px;
  8354. }
  8355.  
  8356. .error404 #page-container {
  8357. overflow: hidden;
  8358. }
  8359.  
  8360. .glitch .clock {
  8361. width: 100%;
  8362. height: auto;
  8363. margin-left: 0;
  8364. }
  8365.  
  8366.  
  8367. .articleFeaturedImage .categoryName .subCat {
  8368. font-size: 15px;
  8369. padding: 2px 12px;
  8370. padding-left: 40px;
  8371. }
  8372. body.category .categoryImage {
  8373. margin-top: 15px;
  8374. margin-bottom: 15px !important;
  8375. }
  8376.  
  8377. body.category #main-content {
  8378. margin-left: 20px;
  8379. margin-right: 20px;
  8380. }
  8381.  
  8382. .categoryPostList .subContent .entry-title h3 a {
  8383. font-size: 15px;
  8384. line-height: 1;
  8385. display: block;
  8386. }
  8387.  
  8388. .categoryPostList .subContent .entry-authorFirst {
  8389. font-size: 12px;
  8390. line-height: 1;
  8391. }
  8392. .categoryPostList .subContent {
  8393. min-height: 100px;
  8394. padding: 7px 10px 7px 10px;
  8395. }
  8396. @-webkit-keyframes c1 {
  8397. 0% {
  8398. clip: rect(12px, 9999px, 96px, 0);
  8399. }
  8400. 5% {
  8401. clip: rect(74px, 9999px, 86px, 0);
  8402. }
  8403. 10% {
  8404. clip: rect(7px, 9999px, 16px, 0);
  8405. }
  8406. 15.000000000000002% {
  8407. clip: rect(19px, 9999px, 66px, 0);
  8408. }
  8409. 20% {
  8410. clip: rect(19px, 9999px, 91px, 0);
  8411. }
  8412. 25% {
  8413. clip: rect(93px, 9999px, 17px, 0);
  8414. }
  8415. 30.000000000000004% {
  8416. clip: rect(14px, 9999px, 54px, 0);
  8417. }
  8418. 35.00000000000001% {
  8419. clip: rect(41px, 9999px, 34px, 0);
  8420. }
  8421. 40% {
  8422. clip: rect(65px, 9999px, 40px, 0);
  8423. }
  8424. 45% {
  8425. clip: rect(12px, 9999px, 27px, 0);
  8426. }
  8427. 50% {
  8428. clip: rect(74px, 9999px, 8px, 0);
  8429. }
  8430. 55% {
  8431. clip: rect(100px, 9999px, 71px, 0);
  8432. }
  8433. 60.00000000000001% {
  8434. clip: rect(10px, 9999px, 63px, 0);
  8435. }
  8436. 65% {
  8437. clip: rect(20px, 9999px, 33px, 0);
  8438. }
  8439. 70.00000000000001% {
  8440. clip: rect(41px, 9999px, 18px, 0);
  8441. }
  8442. 75% {
  8443. clip: rect(13px, 9999px, 43px, 0);
  8444. }
  8445. 80% {
  8446. clip: rect(69px, 9999px, 84px, 0);
  8447. }
  8448. 85% {
  8449. clip: rect(93px, 9999px, 85px, 0);
  8450. }
  8451. 90% {
  8452. clip: rect(89px, 9999px, 37px, 0);
  8453. }
  8454. 95% {
  8455. clip: rect(53px, 9999px, 84px, 0);
  8456. }
  8457. 100% {
  8458. clip: rect(21px, 9999px, 42px, 0);
  8459. }
  8460. }
  8461. @keyframes c1 {
  8462. 0% {
  8463. clip: rect(12px, 9999px, 96px, 0);
  8464. }
  8465. 5% {
  8466. clip: rect(74px, 9999px, 86px, 0);
  8467. }
  8468. 10% {
  8469. clip: rect(7px, 9999px, 16px, 0);
  8470. }
  8471. 15.000000000000002% {
  8472. clip: rect(19px, 9999px, 66px, 0);
  8473. }
  8474. 20% {
  8475. clip: rect(19px, 9999px, 91px, 0);
  8476. }
  8477. 25% {
  8478. clip: rect(93px, 9999px, 17px, 0);
  8479. }
  8480. 30.000000000000004% {
  8481. clip: rect(14px, 9999px, 54px, 0);
  8482. }
  8483. 35.00000000000001% {
  8484. clip: rect(41px, 9999px, 34px, 0);
  8485. }
  8486. 40% {
  8487. clip: rect(65px, 9999px, 40px, 0);
  8488. }
  8489. 45% {
  8490. clip: rect(12px, 9999px, 27px, 0);
  8491. }
  8492. 50% {
  8493. clip: rect(74px, 9999px, 8px, 0);
  8494. }
  8495. 55% {
  8496. clip: rect(100px, 9999px, 71px, 0);
  8497. }
  8498. 60.00000000000001% {
  8499. clip: rect(10px, 9999px, 63px, 0);
  8500. }
  8501. 65% {
  8502. clip: rect(20px, 9999px, 33px, 0);
  8503. }
  8504. 70.00000000000001% {
  8505. clip: rect(41px, 9999px, 18px, 0);
  8506. }
  8507. 75% {
  8508. clip: rect(13px, 9999px, 43px, 0);
  8509. }
  8510. 80% {
  8511. clip: rect(69px, 9999px, 84px, 0);
  8512. }
  8513. 85% {
  8514. clip: rect(93px, 9999px, 85px, 0);
  8515. }
  8516. 90% {
  8517. clip: rect(89px, 9999px, 37px, 0);
  8518. }
  8519. 95% {
  8520. clip: rect(53px, 9999px, 84px, 0);
  8521. }
  8522. 100% {
  8523. clip: rect(21px, 9999px, 42px, 0);
  8524. }
  8525. }
  8526. @-webkit-keyframes c2 {
  8527. 0% {
  8528. clip: rect(10px, 9999px, 98px, 0);
  8529. }
  8530. 5% {
  8531. clip: rect(49px, 9999px, 98px, 0);
  8532. }
  8533. 10% {
  8534. clip: rect(49px, 9999px, 13px, 0);
  8535. }
  8536. 15.000000000000002% {
  8537. clip: rect(8px, 9999px, 23px, 0);
  8538. }
  8539. 20% {
  8540. clip: rect(19px, 9999px, 6px, 0);
  8541. }
  8542. 25% {
  8543. clip: rect(15px, 9999px, 98px, 0);
  8544. }
  8545. 30.000000000000004% {
  8546. clip: rect(62px, 9999px, 25px, 0);
  8547. }
  8548. 35.00000000000001% {
  8549. clip: rect(58px, 9999px, 94px, 0);
  8550. }
  8551. 40% {
  8552. clip: rect(57px, 9999px, 64px, 0);
  8553. }
  8554. 45% {
  8555. clip: rect(5px, 9999px, 52px, 0);
  8556. }
  8557. 50% {
  8558. clip: rect(25px, 9999px, 3px, 0);
  8559. }
  8560. 55% {
  8561. clip: rect(10px, 9999px, 90px, 0);
  8562. }
  8563. 60.00000000000001% {
  8564. clip: rect(70px, 9999px, 23px, 0);
  8565. }
  8566. 65% {
  8567. clip: rect(98px, 9999px, 15px, 0);
  8568. }
  8569. 70.00000000000001% {
  8570. clip: rect(2px, 9999px, 82px, 0);
  8571. }
  8572. 75% {
  8573. clip: rect(93px, 9999px, 94px, 0);
  8574. }
  8575. 80% {
  8576. clip: rect(49px, 9999px, 5px, 0);
  8577. }
  8578. 85% {
  8579. clip: rect(48px, 9999px, 66px, 0);
  8580. }
  8581. 90% {
  8582. clip: rect(60px, 9999px, 8px, 0);
  8583. }
  8584. 95% {
  8585. clip: rect(87px, 9999px, 94px, 0);
  8586. }
  8587. 100% {
  8588. clip: rect(75px, 9999px, 57px, 0);
  8589. }
  8590. 23% {
  8591. -webkit-transform: scaleX(0.8);
  8592. transform: scaleX(0.8);
  8593. }
  8594. }
  8595. @keyframes c2 {
  8596. 0% {
  8597. clip: rect(10px, 9999px, 98px, 0);
  8598. }
  8599. 5% {
  8600. clip: rect(49px, 9999px, 98px, 0);
  8601. }
  8602. 10% {
  8603. clip: rect(49px, 9999px, 13px, 0);
  8604. }
  8605. 15.000000000000002% {
  8606. clip: rect(8px, 9999px, 23px, 0);
  8607. }
  8608. 20% {
  8609. clip: rect(19px, 9999px, 6px, 0);
  8610. }
  8611. 25% {
  8612. clip: rect(15px, 9999px, 98px, 0);
  8613. }
  8614. 30.000000000000004% {
  8615. clip: rect(62px, 9999px, 25px, 0);
  8616. }
  8617. 35.00000000000001% {
  8618. clip: rect(58px, 9999px, 94px, 0);
  8619. }
  8620. 40% {
  8621. clip: rect(57px, 9999px, 64px, 0);
  8622. }
  8623. 45% {
  8624. clip: rect(5px, 9999px, 52px, 0);
  8625. }
  8626. 50% {
  8627. clip: rect(25px, 9999px, 3px, 0);
  8628. }
  8629. 55% {
  8630. clip: rect(10px, 9999px, 90px, 0);
  8631. }
  8632. 60.00000000000001% {
  8633. clip: rect(70px, 9999px, 23px, 0);
  8634. }
  8635. 65% {
  8636. clip: rect(98px, 9999px, 15px, 0);
  8637. }
  8638. 70.00000000000001% {
  8639. clip: rect(2px, 9999px, 82px, 0);
  8640. }
  8641. 75% {
  8642. clip: rect(93px, 9999px, 94px, 0);
  8643. }
  8644. 80% {
  8645. clip: rect(49px, 9999px, 5px, 0);
  8646. }
  8647. 85% {
  8648. clip: rect(48px, 9999px, 66px, 0);
  8649. }
  8650. 90% {
  8651. clip: rect(60px, 9999px, 8px, 0);
  8652. }
  8653. 95% {
  8654. clip: rect(87px, 9999px, 94px, 0);
  8655. }
  8656. 100% {
  8657. clip: rect(75px, 9999px, 57px, 0);
  8658. }
  8659. 23% {
  8660. -webkit-transform: scaleX(0.8);
  8661. transform: scaleX(0.8);
  8662. }
  8663. }
  8664. }
  8665.  
  8666.  
  8667.  
  8668.  
  8669.  
  8670.  
  8671. /*res690*/
  8672.  
  8673. @media (max-width: 690px) {
  8674.  
  8675. .formObject .form-item {
  8676. margin-bottom: 20px;
  8677. }
  8678.  
  8679. .formObject .form-item .lblText {
  8680. float: none;
  8681. width: 100%;
  8682. border-bottom: 0;
  8683. border-right: 2px solid #000;
  8684. padding: 7px 13px 7px 13px;
  8685. min-height: auto;
  8686. }
  8687.  
  8688. .formObject .form-item .inputItem {
  8689. float: none;
  8690. min-width: auto;
  8691. width: 100%;
  8692. }
  8693.  
  8694. .formObject .form-item .inputItem textarea {
  8695. width: 100%;
  8696. min-width: auto;
  8697. max-width: 100%;
  8698. }
  8699.  
  8700. .formObject .form-item .inputItem input {
  8701. width: 100%;
  8702. }
  8703.  
  8704. .lblText {}
  8705.  
  8706. .formObject .form-item.btnAction .lblText {}
  8707. }
  8708.  
  8709.  
  8710.  
  8711. /*res685*/
  8712.  
  8713. @media (max-width: 685px) {
  8714. .headAbout .et_pb_text_inner h1 {
  8715. font-size: 42px;
  8716. line-height: 1.2em;
  8717. }
  8718. .qatext h3, .qatext h4 {
  8719. margin-top: 20px;
  8720. font-size: 19px;
  8721. line-height: 23px;
  8722. margin-bottom: 6px;
  8723. }
  8724. .qatext p {
  8725. font-size: 15px;
  8726. line-height: 21px;
  8727. }
  8728. }
  8729.  
  8730.  
  8731.  
  8732. /*res680*/
  8733.  
  8734. @media (max-width: 680px) {
  8735. .txReadAgain p {
  8736. font-size: 58px;
  8737. }
  8738. .txReadAgain {
  8739.  
  8740. padding-left: 10px;
  8741.  
  8742. padding-right: 10px;
  8743. }
  8744. .sidebarIklWrap {
  8745. margin-top: 38px;
  8746. }
  8747.  
  8748. body.pc .sidebarIklWrap {
  8749. margin-top: 33px;
  8750. }
  8751. .vxiVerdictResult .verdictDesc {
  8752. display: block;
  8753. float: left;
  8754. width: 100%;
  8755. }
  8756. /*body.mac .sidebarIklWrap {
  8757. margin-top: 41px;
  8758. margin-bottom: 30px !important;
  8759. }
  8760.  
  8761. body.mac .doit_form {
  8762. margin-top: 70px;
  8763. }*/
  8764. .category.et_extra_layout .et_pb_section.sectionHeader {}
  8765. .sectionHeader .stageCategory {
  8766. width: 115%;
  8767. margin-left: -5%;
  8768. }
  8769.  
  8770. .sectionHeader .stageCategory .layer.topLeft {
  8771. width: 110%;
  8772. }
  8773.  
  8774. .sectionHeader .stageCategory .layer.bottomRight {
  8775. width: 110%;
  8776. }
  8777.  
  8778. .sectionHeader .stageCategory .layer.bottomRight img {
  8779. margin-left: 20px;
  8780. margin-top: 20px;
  8781. }
  8782.  
  8783. .sectionHeader .stageCategory .layer.topLeft img {
  8784. margin-top: -30px;
  8785. }
  8786. .category.et_extra_layout .catMainCol {
  8787. overflow: hidden;
  8788. }
  8789. .vxiVerdictResult .verdictDesc .title {}
  8790. .vxiVerdictResult .verdictDesc .desc {
  8791. /* text-align: justify; */
  8792. padding-right: 95px;
  8793. }
  8794. .vxiVerdictResult {
  8795. width: 100%;
  8796. display: block;
  8797. }
  8798. .vxiVerdictResult .verdictSummary {
  8799. overflow: hidden;
  8800. float: right;
  8801. display: block;
  8802. vertical-align: initial;
  8803. position: absolute;
  8804. bottom: 0;
  8805. right: 0;
  8806. width: 140px;
  8807. padding: 15px;
  8808. }
  8809. .vxiVerdictResult .verdictSummary .verdictLbl {
  8810. letter-spacing: 0;
  8811. }
  8812. .vxiVerdictResult .verdictSummary:before {
  8813. left: 0%;
  8814. width: 100%;
  8815. height: 100%;
  8816. -webkit-clip-path: polygon(45% 0, 100% 0%, 100% 100%, 0% 100%);
  8817. clip-path: polygon(45% 0, 100% 0%, 100% 100%, 0% 100%);
  8818. }
  8819. .overlVXI .bg {
  8820. /* display: none; */
  8821. }
  8822. .latestPostHome .subContent .bReadMore {
  8823. display: none;
  8824. }
  8825. .single .post-wrap .post-content {
  8826. margin-top: 0;
  8827. }
  8828. .categoryPostList .itemPost {
  8829. /* width: 100%; */
  8830. /* margin: 0; */
  8831. margin-bottom: 25px;
  8832. }
  8833. .home23.et_pb_section {
  8834. margin-left: 20px;
  8835. margin-right: 20px;
  8836. margin-top: 15px;
  8837. }
  8838. .featuredNewsAfter2 .et_pb_post .entry-featured-image-url {
  8839. height: auto;
  8840. height: 430px;
  8841. }
  8842.  
  8843. .featuredNewsAfter2 .et_pb_post .entry-featured-image-url img {
  8844. width: auto;
  8845. height: 100%;
  8846. max-width: none;
  8847. }
  8848. .latestPostHome .featImage,
  8849. .searchContent .searchItem .featuredImage {
  8850. width: 180px;
  8851. height: 120px;
  8852. margin-right: 20px;
  8853. margin-bottom: 10px;
  8854. }
  8855. .articleFeaturedImage .titleWrap {
  8856. /* width: 76%; */
  8857. /* left: 12%; */
  8858. /* bottom: -68px; */
  8859. }
  8860.  
  8861. .articleFeaturedImage .titleWrap.sizeTitle4 {
  8862. font-size: 28px;
  8863. }
  8864. .metaArticle .theAuthor {
  8865. padding: 2px 48px 2px 10px;
  8866. line-height: 20px;
  8867. font-size: 13px;
  8868. float: left;
  8869. }
  8870. .metaArticle .authorDate {}
  8871. .metaArticle .date {
  8872. line-height: 20px;
  8873. font-size: 13px;
  8874. padding: 2px 15px;
  8875. float: left;
  8876. }
  8877. .metaArticle .socmed a span {
  8878. width: 36px;
  8879. height: 22px;
  8880. font-size: 12px;
  8881. line-height: 28px;
  8882. }
  8883. .single-post #main-content p, .single-post #main-content {
  8884. font-size: 15px !important;
  8885. line-height: 24px !important;
  8886. }
  8887.  
  8888. .single-post #main-content .logged-in-as, .single-post #main-content .commentWrapper .must-log-in {
  8889. font-size: 13px !important;
  8890. line-height: 1;
  8891. }
  8892.  
  8893. .single-post #main-content .commentWrapper .must-log-in {
  8894. line-height: 200px !important;
  8895. }
  8896.  
  8897. #comment-wrap .comment-body .comment-content p {
  8898. font-size: 13px !important;
  8899. line-height: 18px !important;
  8900. }
  8901.  
  8902. .comment .children {
  8903. padding-left: 50px !important;
  8904. }
  8905.  
  8906. .single-post #main-content .logged-in-as a:first-child {
  8907. display: none;
  8908. }
  8909.  
  8910. .single-post #main-content .logged-in-as {
  8911. top: -25px;
  8912. }
  8913.  
  8914. .comment-body .comment_area .comment-content .reply-container {
  8915. display: inline-block;
  8916. float: left;
  8917. vertical-align: top;
  8918. }
  8919.  
  8920. #comment-wrap .comment-body .comment-content .reply-container a {
  8921. float:left;
  8922. display:inline-block;
  8923. top: 0 !important;
  8924. }
  8925.  
  8926. .single .comment .comment_postinfo .fn, .single .comment .comment_postinfo .fn a {
  8927. font-size: 13px !important;
  8928. }
  8929.  
  8930. .single-post #main-content .overlVXI .mainContent p {
  8931. line-height: 17px !important;
  8932. color: #ffffff !important;
  8933. font-size: 13px !important;
  8934. }
  8935.  
  8936. .single-post #main-content h2 {
  8937. font-size: 17px;
  8938. line-height: 1;
  8939. }
  8940.  
  8941. .vxiImageWrap .headQuote .subTitle {
  8942. float: left;
  8943. }
  8944.  
  8945. .vxiImageWrap .headQuote .subTitle span {
  8946. vertical-align: bottom;
  8947. }
  8948.  
  8949. .vxiImageWrap .headQuote .title {
  8950. font-size: 18px !important;
  8951. line-height: 19px;
  8952. }
  8953.  
  8954. .vxiImageWrap .overlVXI .headQuote {
  8955. display: inline-block;
  8956. width: 100%;
  8957. }
  8958.  
  8959. .overlVXI .title>* {
  8960. font-size: 18px !important;
  8961. }
  8962.  
  8963. .single-post #main-content h1 {
  8964. font-size: 21px;
  8965. line-height: 1;
  8966. }
  8967.  
  8968. .single-post #main-content h3 {}
  8969. .post-wrap blockquote:before,
  8970. .post-wrap blockquote:after {
  8971. font-size: 17px;
  8972. line-height: 21px;
  8973. }
  8974. .single-post #main-content .post-wrap blockquote p {
  8975. font-size: 18px !important;
  8976. line-height: 28px !important;
  8977. }
  8978. .metaArticle .socmed a span:before {
  8979. top: -2px;
  8980. }
  8981. .latestPostHome .subContent .entry-cat {
  8982. font-size: 12px;
  8983. margin-bottom: 5px;
  8984. line-height: 1;
  8985. }
  8986. .latestPostHome .subContent .entry-date {
  8987. font-size: 12px;
  8988. line-height: 1;
  8989. margin-bottom: 5px;
  8990. }
  8991. .latestPostHome .subContent h3,
  8992. .searchItem .titlePost a {
  8993. font-size: 18px;
  8994. line-height: 19px !important;
  8995. }
  8996. .latestPostHome .subContent .excerpt-before {
  8997. text-overflow: ellipsis;
  8998. display: -webkit-box;
  8999. -webkit-line-clamp: 2;
  9000. -webkit-box-orient: vertical;
  9001. overflow: hidden;
  9002. }
  9003. .latestPostHome .subContent .entry-author {
  9004. line-height: 1;
  9005. }
  9006. .latestPostHome {
  9007. margin-top: 40px;
  9008. }
  9009. .latestPostHome {
  9010. padding: 30px 23px;
  9011. }
  9012. .txNeedMoneyTitle {
  9013. margin-top: 12px !important;
  9014. padding-left: 10px;
  9015. padding-right: 10px;
  9016. }
  9017. .txNeedMoneyTitle p {
  9018. margin-top: 0;
  9019. }
  9020.  
  9021. .sideDoIT-title .et_pb_text_inner {
  9022. padding-left: 10px;
  9023. padding-right: 10px;
  9024. }
  9025.  
  9026. body.category .categoryImage {
  9027. margin-top: 0 !important;
  9028. padding: 0px;
  9029. background: #230052 !important;
  9030. margin-bottom: 20px !important;
  9031. height: 450px;
  9032. overflow: hidden;
  9033. }
  9034.  
  9035.  
  9036. #et-mobile-navigation .footerLower .leftSide,
  9037. #et-mobile-navigation .footerLower .rightSide {}
  9038.  
  9039. body.category .categoryImage img {
  9040. /* height: 100%; */
  9041. /* width: auto !important; */
  9042. /* max-width: none; */
  9043. }
  9044.  
  9045. body.category .categoryPostList {
  9046. padding-left: 20px;
  9047. padding-right: 20px;
  9048. box-sizing: border-box;
  9049. }
  9050.  
  9051. body.category #main-content {
  9052. margin-left: 0;
  9053. margin-right: 0;
  9054. }
  9055.  
  9056. body.category #main-content #content-area {
  9057. padding-top: 62px;
  9058. }
  9059.  
  9060. body.category #main-content #content-area {
  9061. padding-left: 0;
  9062. padding-right: 0;
  9063. }
  9064. .overlVXI .contextImgQuote {
  9065. position: static;
  9066. margin-top: -47px;
  9067. }
  9068. .vxiImageWrap .overlVXI {
  9069. position: relative;
  9070. float: none;
  9071. clear: both;
  9072. padding: 20px 15px 10px 20px;
  9073. }
  9074.  
  9075. .overlVXI .mainContent,
  9076. .fullPost .overlVXI .mainContent {
  9077. width: 100%;
  9078. background: transparent;
  9079. padding-left: 0;
  9080. padding-right: 0;
  9081. padding-top: 0;
  9082. padding-bottom: 0;
  9083. margin-bottom: 0;
  9084. margin-top: 6px;
  9085. }
  9086.  
  9087. .overlVXI .cta_btn {
  9088. width: 100%;
  9089. z-index: 999;
  9090. position: relative;
  9091. padding-right: 0;
  9092. }
  9093.  
  9094. .overlVXI .cta_btn .btnArea {}
  9095. .vxiImageWrap .imgWrap {
  9096. display: block;
  9097. width: 100%;
  9098. float: left;
  9099. position: relative;
  9100. overflow: hidden;
  9101. }
  9102.  
  9103. .vxiImageWrap:before {
  9104. content: '';
  9105. background-image: linear-gradient(45deg, #ef1112 0%, #6601dc 100%);
  9106. background-image: linear-gradient(45deg, #ef1112 0%, #6601dc 100%);
  9107. background-image: linear-gradient(45deg, #ef1112 0%, #6601dc 100%);
  9108. background-size: 100%;
  9109. position: absolute;
  9110. height: 100%;
  9111. width: 100%;
  9112. z-index: 1;
  9113. opacity: 0.76;
  9114. }
  9115. .overlVXI .bg {
  9116. position: relative;
  9117. }
  9118.  
  9119. .overlVXI .bg {
  9120. top: 0;
  9121. position: absolute;
  9122. }
  9123. }
  9124.  
  9125.  
  9126.  
  9127.  
  9128. /*res660*/
  9129.  
  9130. @media (max-width:660px) {
  9131. .moneyWrap span {
  9132. margin: -40% 20px 40% 10px;
  9133. }
  9134. .moneyWrap span:nth-child(5n+5) {
  9135. -webkit-animation-delay: 3s;
  9136. -moz-animation-delay: 3s;
  9137. margin: -35% 20px 35% 10px;
  9138. }
  9139. .moneyWrap span:nth-child(3n+2) {
  9140. -webkit-animation-delay: 5s;
  9141. -moz-animation-delay: 5s;
  9142. }
  9143. .moneyWrap span:nth-child(2n+5) {
  9144. -webkit-animation-delay: 8s;
  9145. -moz-animation-delay: 8s;
  9146. }
  9147. .moneyWrap span:nth-child(3n+3) {
  9148. margin: -45% 20px 45% 10px;
  9149. display: none;
  9150. }
  9151. .moneyWrap span:nth-child(4n+8) {
  9152. margin: -38% 20px 38% 10px;
  9153. }
  9154. .moneyWrap span:nth-child(2n+3) {
  9155. margin: -42% 20px 42% 10px;
  9156. }
  9157. .moneyWrap span:nth-child(4n+5) {
  9158. -webkit-animation-delay: 3s;
  9159. -moz-animation-delay: 3s;
  9160. margin: -39.5% 20px 39.5% 10px;
  9161. }
  9162. .moneyWrap span:nth-child(3n+6) {
  9163. margin: -42% 20px 42% 10px;
  9164. }
  9165. }
  9166.  
  9167.  
  9168.  
  9169.  
  9170. /*res640*/
  9171.  
  9172. @media (max-width: 640px) {
  9173. .stage404 {
  9174. width: 95%;
  9175. }
  9176. }
  9177.  
  9178.  
  9179.  
  9180.  
  9181.  
  9182. /*res620*/
  9183.  
  9184. @media (max-width: 620px) {
  9185. .relatedPostWrapper .relatedItem .relContent {}
  9186. .headAbout .et_pb_text_inner h1 {
  9187. font-size: 32px;
  9188. }
  9189. .categoryPostList .itemPost {
  9190. width: 100%;
  9191. margin: 0;
  9192. margin-bottom: 25px;
  9193. }
  9194. .categoryPostList .alm-reveal,
  9195. .categoryPostList .alm-btn-wrap {
  9196. max-width: 420px;
  9197. margin-left: auto;
  9198. margin-right: auto;
  9199. }
  9200. .categoryPostList .subContent .entry-title h3 a {
  9201. font-size: 15px;
  9202. line-height: 18px;
  9203. }
  9204.  
  9205. .categoryPostList .subContent .entry-authorFirst {
  9206. font-size: 12px;
  9207. /* margin-bottom: 9px; */
  9208. }
  9209. .categoryPostList .alm-btn-wrap {
  9210. overflow: hidden;
  9211. position: relative;
  9212. margin-bottom: 0;
  9213. float: none;
  9214. display: block;
  9215. }
  9216.  
  9217. .categoryPostList .alm-btn-wrap .akal_load_more {
  9218. position: initial;
  9219. }
  9220.  
  9221. .categoryPostList .alm-reveal .itemPost {}
  9222. }
  9223.  
  9224.  
  9225.  
  9226. /*res600*/
  9227.  
  9228. @media (max-width: 600px) {
  9229. .vxiFooter .footerHXC .wraphxc {
  9230. max-width: 400px;
  9231. font-size: 22px;
  9232. padding-left: 40px;
  9233. padding-right: 40px;
  9234. margin-bottom: 20px;
  9235. }
  9236. .glitch .clock span:before,
  9237. .glitch .clock span:after {
  9238. height: 90px;
  9239. content: url(assets/404/error404_small.svg);
  9240. width: 95%;
  9241. }
  9242. .stage404 .screen {
  9243. height: 220px;
  9244. }
  9245. .relatedPostWrapper .relatedItem {
  9246. width: 100%;
  9247. margin-right: 0;
  9248. }
  9249. .stage404 .time img {
  9250. height: 100px;
  9251. }
  9252. .adb_vxi .boxAreaThx .gradEx .head {
  9253. font-size: 36px;
  9254. }
  9255. .boxAreaThx .thxmesg {
  9256. font-size: 20px;
  9257. }
  9258. .stage404 .txGettingLost,
  9259. .blink404,
  9260. .stage404 .comeBackBtn {
  9261. width: 280px;
  9262. }
  9263. .adb_vxi .boxAreaWNM .gradEx {
  9264. padding: 10% 5%;
  9265. }
  9266. .adb_vxi .boxAreaWNM .mesg {
  9267. font-size: 13px;
  9268. }
  9269. .adb_vxi .boxAreaWNM .head {
  9270. font-size: 29px;
  9271. line-height: 1;
  9272. }
  9273. .adb_vxi .boxAreaWNM .mesg {}
  9274. .moneyWrap span {
  9275. width: 28px;
  9276. height: 53px;
  9277. }
  9278. .ratingSystem {
  9279. padding: 1px;
  9280. max-width: 400px;
  9281. height: 43px;
  9282. }
  9283. .ratingSystem:before {
  9284. width: 1px;
  9285. }
  9286. .ratingSystem a {
  9287. line-height: 41px;
  9288. font-size: 16px;
  9289. }
  9290. .ratingSystem .hateRate a .icon:before,
  9291. .ratingSystem .hateRate a:hover .icon:before,
  9292. .ratingSystem.rateResult .hateRate .text .icon:before {
  9293. width: 30px;
  9294. height: 30px;
  9295. top: 6px;
  9296. right: 7px;
  9297. }
  9298. .ratingSystem .loveRate a .icon:before,
  9299. .ratingSystem .loveRate a:hover .icon:before,
  9300. .ratingSystem.rateResult .loveRate .text .icon:before {
  9301. width: 28px;
  9302. height: 28px;
  9303. top: 7px;
  9304. left: 7px;
  9305. }
  9306. .ratingSystem .hateRate a:hover .border, .ratingSystem.rateResult .hateRate.userSelected .border {
  9307. right: -44.5%;
  9308. top: 1px;
  9309. }
  9310.  
  9311. .ratingSystem:not(.rateResult) .hateRate a:hover .border {
  9312. width: 54%;
  9313. -webkit-clip-path: polygon(16% 0, 100% 0%, 100% 100%, 0.25% 100%);
  9314. clip-path: polygon(16% 0, 100% 0%, 100% 100%, 0.25% 100%);
  9315. height: 41px;
  9316. }
  9317. .ratingSystem:not(.rateResult) .loveRate a:hover .border {
  9318. width: 54%;
  9319. height: 41px;
  9320. left: 1px;
  9321. top: 1px;
  9322. -webkit-clip-path: polygon(0 0, 100% 0%, 84% 100%, 0% 100%);
  9323. clip-path: polygon(0 0, 100% 0%, 84% 100%, 0% 100%);
  9324. }
  9325.  
  9326.  
  9327. .ratingSystem.rateResult .loveRate,
  9328. .ratingSystem.rateResult .hateRate {
  9329. height: 41px;
  9330. }
  9331.  
  9332. .ratingSystem.rateResult .hateRate .text .label {
  9333. padding-left: 38px;
  9334. }
  9335.  
  9336. .ratingSystem.rateResult .hateRate.userSelected .text .label {
  9337. padding-left: 43px;
  9338. }
  9339.  
  9340. .ratingSystem.rateResult .loveRate .text .label {
  9341. padding-right: 44px;
  9342. }
  9343.  
  9344. .ratingSystem.rateResult .loveRate.userSelected .text .label {
  9345. padding-right: 40px;
  9346. }
  9347. .formObject .form-item.btnAction .wpcf7-submit, #commentform .form-submit input.submit {
  9348. font-size: 13px;
  9349. padding: 10px 15px !important;
  9350. }
  9351. }
  9352.  
  9353.  
  9354. /*res580*/
  9355. @media (max-width: 580px) {
  9356. .articleFeaturedImage .titleWrap.sizeTitle4 {
  9357. font-size: 23px;
  9358. line-height: 30px;
  9359. }
  9360. }
  9361.  
  9362. /*res550*/
  9363. @media (max-width: 550px) {
  9364. #ReadNow article .subContentWrap .postMetaContentWrapper {
  9365. max-width: 80%;
  9366. height: 110px;
  9367. margin-left: -40%;
  9368. margin-top: -50px;
  9369. }
  9370. .latestPostHome .subContent h3,
  9371. .searchItem .titlePost a {
  9372. font-size: 16px;
  9373. line-height: 1 !important;
  9374. }
  9375.  
  9376. .latestPostHome .subContent .entry-cat,
  9377. .searchItem .metaCatDate .entry-cat {
  9378. font-size: 14px;
  9379. line-height: 1 !important;
  9380. }
  9381.  
  9382. .latestPostHome .subContent .entry-date,
  9383. .searchItem .metaCatDate .entry-date {
  9384. font-size: 14px;
  9385. line-height: 1 !important;
  9386. }
  9387. #ReadNow article+article .subContentWrap .postMetaContentWrapper {
  9388. max-width: 80%;
  9389. height: 110px;
  9390. margin-left: -40%;
  9391. margin-top: -50px;
  9392. }
  9393. .featuredNewsAfter2 article .postMetaContentWrapper {
  9394. width: 80%;
  9395. left: 50%;
  9396. padding: 20px;
  9397. max-width: 80%;
  9398. height: 110px;
  9399. margin-left: -40%;
  9400. margin-top: -50px;
  9401. }
  9402. .featuredNewsAfter2 .postMetaContentWrapper {
  9403. height: auto;
  9404. }
  9405. .featuredNewsAfter2 article+article .postMetaContentWrapper {
  9406. width: 80%;
  9407. left: 50%;
  9408. padding: 20px;
  9409. max-width: 80%;
  9410. height: 110px;
  9411. margin-left: -40%;
  9412. margin-top: -50px;
  9413. }
  9414. #ReadNow article .post-meta {
  9415. font-size: 12px;
  9416. margin-bottom: 3px;
  9417. }
  9418. #ReadNow article h2.entry-title a {
  9419. font-size: 22px;
  9420. }
  9421. #ReadNow article h2.entry-title.largeTitle a,
  9422. .featuredNewsAfter2 h2.entry-title a {
  9423. font-size: 18px;
  9424. line-height: 21px !important;
  9425. display: block;
  9426. }
  9427.  
  9428. .featuredNewsAfter2 h2.entry-title.largeTitle a {
  9429. font-size: 16px;
  9430. line-height: 18px !important;
  9431. }
  9432. .featuredNewsAfter2 .post-meta {
  9433. font-size: 12px;
  9434. }
  9435.  
  9436. .category #page-container #main-content {
  9437. /* margin-left: 10px !important; */
  9438. /* margin-right: 10px !important; */
  9439. }
  9440.  
  9441. body.category .categoryImage {
  9442. margin-top: 5px;
  9443. }
  9444.  
  9445. body.category #main-content #content-area {
  9446. overflow: hidden;
  9447. }
  9448. }
  9449.  
  9450.  
  9451.  
  9452. /*res528*/
  9453.  
  9454. @media (max-width: 528px) {
  9455. /*body.mac .latestPostHome {
  9456. margin-top: 59px;
  9457. }*/
  9458. .boxAreaWhitelist .gradEx .head {
  9459. font-size: 28px;
  9460. }
  9461. .adb_vxi .boxAreaWhitelist .gradEx {
  9462. padding: 5%;
  9463. }
  9464.  
  9465. .whtlst1 img {
  9466. height: auto;
  9467. width: 100%;
  9468. }
  9469. }
  9470.  
  9471.  
  9472.  
  9473. /*res480*/
  9474.  
  9475. @media (max-width: 480px) {
  9476. .txReadMore p {
  9477. margin-left: 5px;
  9478. font-size: 42px;
  9479. }
  9480. article .post-footer, .fullPost article .post-footer {
  9481. padding: 0 25px 0 25px;
  9482. }
  9483. .articleFeaturedImage .imageFull .post-thumbnail {
  9484. height: 380px;
  9485. }
  9486. .txReadMore .et_pb_text_inner {
  9487. height: 115px;
  9488. padding-top: 20px;
  9489. }
  9490. .articleFeaturedImage .imageFull .post-thumbnail img {
  9491. height: 380px;
  9492. }
  9493. /*body.mac .home23 .et_pb_row .et_pb_column_1_3 {
  9494. margin-top: 23px;
  9495. }*/
  9496. .ratingSystem:not(.rateResult) .loveRate a:hover .border {
  9497.  
  9498. width: 54.25%;
  9499.  
  9500. }
  9501. .ratingSystem:not(.rateResult) .hateRate a:hover .border {
  9502.  
  9503. width: 54%;
  9504.  
  9505. -webkit-clip-path: polygon(17% 0, 100% 0%, 100% 100%, 0.25% 100%);
  9506.  
  9507. clip-path: polygon(17% 0, 100% 0%, 100% 100%, 0.25% 100%);
  9508. }
  9509. .metaArticle {
  9510. margin-top: 5px;
  9511. }
  9512. .headAbout .et_pb_text_inner h1 {
  9513. font-size: 29px;
  9514. }
  9515. .introSupport p {
  9516. font-size: 14px;
  9517. line-height: 24px;
  9518. }
  9519. .page-id-689 .post-wrap {
  9520. padding-left: 0;
  9521. padding-right: 0;
  9522. }
  9523. .latestPostHome .featImage,
  9524. .searchContent .searchItem .featuredImage {
  9525. width: 120px;
  9526. height: 80px;
  9527. }
  9528. body.category .categoryImage {
  9529. height: 380px;
  9530. }
  9531. .et_pb_section .introSupport {
  9532. margin-bottom: 35px !important;
  9533. }
  9534. .et_pb_section .et_pb_column .rainbowText {
  9535. margin-bottom: 10px !important;
  9536. }
  9537. .rainbowText h1 {
  9538. font-size: 50px;
  9539. }
  9540. .adb_vxi .boxAreaThx .gradEx .head {
  9541. font-size: 33px;
  9542. margin-bottom: 16px;
  9543. }
  9544.  
  9545. .adb_vxi .boxAreaThx .gradEx {
  9546. padding: 15% 5%;
  9547. }
  9548. .boxAreaThx .thxmesg {
  9549. font-size: 16px;
  9550. }
  9551. .txReadAgain p {
  9552. font-size: 42px;
  9553. margin-left: 0;
  9554. }
  9555.  
  9556. .txReadAgain p img {
  9557. width: 250px;
  9558. }
  9559. .latestPostHome .itemPost {
  9560. margin-bottom: 0px;
  9561. }
  9562. .single .imageShadow {
  9563. display: none;
  9564. }
  9565. .et_pb_section .et_pb_column .et_pb_module {
  9566. margin-bottom: 10px;
  9567. }
  9568.  
  9569. /* body.mac .latestPostHome {
  9570. margin-top: 53px;
  9571. }*/
  9572.  
  9573. .sidebarIklWrap {
  9574. margin-top: 20px;
  9575. }
  9576.  
  9577. .home .sidebarIklWrap {
  9578. margin-top: 41px;
  9579. }
  9580.  
  9581. .sidebarSearch .noResultSearch {
  9582. font-size: 14px;
  9583. }
  9584.  
  9585. .metaArticle .theAuthor {
  9586. padding-left: 7px;
  9587. padding-right: 10px;
  9588. }
  9589.  
  9590. .metaArticle .date {
  9591. padding: 2px 10px;
  9592. }
  9593.  
  9594. .metaArticle .socmed a span {
  9595. width: 32px;
  9596. }
  9597.  
  9598. .home23 .latestPostHome {}
  9599. .latestPostHome {
  9600. margin-top: 32px;
  9601. }
  9602. .articleFeaturedImage .categoryName .mainCat {
  9603. font-size: 12px;
  9604. padding: 1px 15px 1px 10px;
  9605. }
  9606.  
  9607. .articleFeaturedImage .categoryName .subCat {
  9608. font-size: 12px;
  9609. padding: 1px 10px;
  9610. padding-left: 40px;
  9611. }
  9612. .latestPostHome .featImage {
  9613. width: 150px;
  9614. height: 100px;
  9615. margin-right: 10px;
  9616. margin-bottom: 15px;
  9617. }
  9618. .latestPostHome .itemPost:last-child .featImage {
  9619. margin-bottom: 15px;
  9620. }
  9621. .latestPostHome .featImage img {
  9622. width: 100%;
  9623. }
  9624.  
  9625. .latestPostHome .subContent h3,
  9626. .searchItem .titlePost a {
  9627. font-size: 16px;
  9628. line-height: 17px !important;
  9629. }
  9630.  
  9631. .searchSection .searchItem .titlePost a {
  9632. line-height: 16px !important;
  9633. display: block;
  9634. font-size: 15px;
  9635. }
  9636.  
  9637. .latestPostHome .subContent .entry-cat,
  9638. .searchItem .metaCatDate .entry-cat {
  9639. font-size: 13px;
  9640. }
  9641.  
  9642. .latestPostHome .subContent .entry-date,
  9643. .searchItem .metaCatDate .entry-date {
  9644. font-size: 13px;
  9645. }
  9646.  
  9647. .searchItem .entry-author {
  9648. font-size: 12px;
  9649. line-height: 1;
  9650. margin-top: 5px;
  9651. }
  9652. .articleFeaturedImage .titleWrap {
  9653. /* width: 85%; */
  9654. /* bottom: -80px; */
  9655. }
  9656. .latestPostHome {
  9657. padding: 18px 18px;
  9658. }
  9659. .latestPostHome .subContent .excerpt-before {
  9660. font-size: 11px;
  9661. line-height: 12px;
  9662. margin-top: 3px;
  9663. text-overflow: ellipsis;
  9664. display: -webkit-box;
  9665. -webkit-line-clamp: 2;
  9666. -webkit-box-orient: vertical;
  9667. overflow: hidden;
  9668. }
  9669. .home23.et_pb_section {
  9670. margin-left: 10px;
  9671. margin-right: 10px;
  9672. }
  9673. .home23 .et_pb_row {
  9674. padding-top: 8px;
  9675. }
  9676. #ReadNow article .subContentWrap .postMetaContentWrapper,
  9677. .featuredNewsAfter2 article .postMetaContentWrapper {
  9678. padding: 15px;
  9679. height: 90px;
  9680. margin-top: -45px;
  9681. }
  9682. .featuredNewsAfter2 article .postMetaContentWrapper,
  9683. #ReadNow article .subContentWrap .postMetaContentWrapper {
  9684. width: 67% !important;
  9685. max-width: 67% !important;
  9686. margin-left: -33.5%;
  9687. left: 50%;
  9688. padding: 10px 12px;
  9689. display: table;
  9690. }
  9691.  
  9692. .featuredNewsAfter2 article .postMetaContentWrapper h2,
  9693. #ReadNow article .subContentWrap .postMetaContentWrapper h2 {
  9694. /* vertical-align: middle; */
  9695. /* display: table-cell; */
  9696. }
  9697.  
  9698. .featuredNewsAfter2 article .postMetaContentWrapper h2.largeTitle a {
  9699. font-size: 14px;
  9700. line-height: 16px !important;
  9701. }
  9702. #ReadNow article+article .subContentWrap .postMetaContentWrapper {
  9703. width: 67% !important;
  9704. max-width: 67% !important;
  9705. margin-left: -33.5%;
  9706. height: 90px;
  9707. }
  9708. .featuredNewsAfter2 article+article .postMetaContentWrapper {
  9709. width: 65% !important;
  9710. max-width: 65% !important;
  9711. margin-left: -32.5%;
  9712. left: 50%;
  9713. padding: 10px 12px;
  9714. height: 90px;
  9715. }
  9716. .vxiFooter .footerLower ul li {
  9717. font-size: 12px;
  9718. width: 95px;
  9719. margin-left: 5px;
  9720. margin-right: 5px;
  9721. }
  9722.  
  9723. #et-mobile-navigation .vxiFooter .footerLower .footerMenu li {
  9724. margin: 0 10px !important;
  9725. }
  9726. .vxiFooter .footerLower ul {
  9727. margin-left: -12px;
  9728. }
  9729. #ReadNow article h2.entry-title a,
  9730. #ReadNow article h2.entry-title.largeTitle a,
  9731. .featuredNewsAfter2 h2.entry-title a {
  9732. font-size: 19px;
  9733. }
  9734.  
  9735. .featuredNewsAfter2 h2.largeTitle a {
  9736. font-size: 16px;
  9737. line-height: 16px !important;
  9738. }
  9739.  
  9740. .featuredNewsAfter2 .post-meta {
  9741. /* display: none; */
  9742. font-size: 11px;
  9743. margin-bottom: 3px;
  9744. margin-top: 0;
  9745. }
  9746.  
  9747. #ReadNow article h2.entry-title.largeTitle a {
  9748. font-size: 16px;
  9749. line-height: 17px !important;
  9750. }
  9751. #ReadNow article .post-meta {
  9752. font-size: 11px;
  9753. /* display: table-cell; */
  9754. width: 100%;
  9755. }
  9756. .sidebarIkl {
  9757. height: 120px;
  9758. }
  9759. .articleFeaturedImage .titleWrap {
  9760. left: 0;
  9761. padding: 15px !important;
  9762. font-size: 26px;
  9763. /* bottom: -60px; */
  9764. width: 100%;
  9765. padding-left: 25px !important;
  9766. line-height: 30px;
  9767. }
  9768.  
  9769. .articleFeaturedImage .titleWrap.sizeTitle4 {
  9770. font-size: 21px;
  9771. padding-top: 25px !important;
  9772. }
  9773. .subtitleArticle .subtitle {
  9774. /* margin-top: 20px; */
  9775. font-size: 17px;
  9776. line-height: 25px;
  9777. }
  9778. .single.et_pb_pagebuilder_layout .imageShadow {
  9779. display: none;
  9780. }
  9781.  
  9782. #ReadNow article a.entry-featured-image-url,
  9783. .featuredNewsAfter2 .et_pb_post .entry-featured-image-url {
  9784. height: 356px;
  9785. }
  9786.  
  9787. .vxiVerdictResult .verdictSummary {}
  9788.  
  9789. .vxiVerdictResult .verdictDesc {
  9790. margin-bottom: 80px;
  9791. }
  9792.  
  9793. .vxiVerdictResult .verdictDesc .desc {
  9794. width: 100%;
  9795. padding-right: 0;
  9796. }
  9797.  
  9798.  
  9799. .moneyWrap span {
  9800. margin: -45% 10px 45% 10px;
  9801. }
  9802. .moneyWrap span:nth-child(5n+5) {
  9803. -webkit-animation-delay: 3s;
  9804. -moz-animation-delay: 3s;
  9805. margin: -40% 10px 40% 10px;
  9806. }
  9807. .moneyWrap span:nth-child(3n+2) {
  9808. -webkit-animation-delay: 5s;
  9809. -moz-animation-delay: 5s;
  9810. }
  9811. .moneyWrap span:nth-child(2n+5) {
  9812. -webkit-animation-delay: 8s;
  9813. -moz-animation-delay: 8s;
  9814. }
  9815. .moneyWrap span:nth-child(3n+3) {
  9816. margin: -50% 10px 50% 10px;
  9817. display: none;
  9818. }
  9819. .moneyWrap span:nth-child(4n+8) {
  9820. margin: -43% 10px 38% 10px;
  9821. }
  9822. .moneyWrap span:nth-child(2n+3) {
  9823. margin: -47% 10px 47% 10px;
  9824. }
  9825. .moneyWrap span:nth-child(4n+5) {
  9826. -webkit-animation-delay: 3s;
  9827. -moz-animation-delay: 3s;
  9828. margin: -44.5% 10px 44.5% 10px;
  9829. }
  9830. .moneyWrap span:nth-child(3n+6) {
  9831. margin: -47% 10px 47% 10px;
  9832. }
  9833.  
  9834. .moneyWrap span {
  9835. width: 18px;
  9836. height: 33px;
  9837. }
  9838.  
  9839. #et-mobile-navigation #et-extra-mobile-menu li:hover a,
  9840. #et-mobile-navigation #et-extra-mobile-menu li a.hoverMode {
  9841. margin-bottom: 20px;
  9842. }
  9843. #et-mobile-navigation #et-extra-mobile-menu li a {
  9844. margin-bottom: 10px;
  9845. }
  9846. #et-mobile-navigation nav {
  9847. padding: 110px 40px 20px;
  9848. }
  9849. }
  9850.  
  9851.  
  9852.  
  9853. /*res460*/
  9854.  
  9855. @media (max-width: 460px) {
  9856. .latestPostHome .subContent .excerpt-before {}
  9857.  
  9858. .qatext h3, .qatext h4 {
  9859. font-size: 17px;
  9860. line-height: 20px;
  9861. }
  9862. .ratingSystem:not(.rateResult) .hateRate a:hover .border {
  9863. -webkit-clip-path: polygon(18% 0, 100% 0%, 100% 100%, 0.25% 100%);
  9864. clip-path: polygon(18% 0, 100% 0%, 100% 100%, 0.25% 100%);
  9865. width: 55%;
  9866. }
  9867. .ratingSystem:not(.rateResult) .loveRate a:hover .border {
  9868. width: 55%;
  9869. }
  9870. .qatext p {
  9871. font-size: 14px;
  9872. line-height: 21px;
  9873. }
  9874. .qatext p {}
  9875. .adb_vxi .fullbtn {
  9876. width: 100%;
  9877. }
  9878. .adb_vxi .outlinebtn {
  9879. width: 100%;
  9880. }
  9881. .adb_vxi .boxAreaWNM .head {
  9882. font-size: 25px;
  9883. }
  9884.  
  9885. .adb_vxi .boxAreaWNM .mesg {
  9886. font-size: 12px;
  9887. line-height: 18px;
  9888. }
  9889.  
  9890.  
  9891. .ratingSystem a {
  9892. line-height: 41px;
  9893. font-size: 14px;
  9894. }
  9895.  
  9896.  
  9897.  
  9898. }
  9899.  
  9900. /*res438*/
  9901. @media (max-width: 438px) {
  9902. .articleFeaturedImage .titleWrap.sizeTitle4 {font-size: 18px;padding-top: 25px !important;line-height: 26px;}
  9903. }
  9904.  
  9905. /*res420*/
  9906.  
  9907. @media (max-width: 420px) {
  9908. .relatedPostWrapper .headerRelated, .commentWrapper h3#reply-title span, .voteHead {
  9909. font-size: 32px;
  9910. }
  9911. .latestPostHome .subContent .entry-author {
  9912. font-size: 10px;
  9913. }
  9914. .qatext h3, .qatext h4 {
  9915. font-size: 15px;
  9916. line-height: 18px;
  9917. margin-bottom: 5px;
  9918. }
  9919. .home .sidebarIklWrap {
  9920. margin-top: 38px;
  9921. }
  9922. .latestPostHome .featImage {
  9923. width: 120px;
  9924. height: 87px;
  9925. }
  9926. .boxAreaWhitelist .gradEx .head {}
  9927. .qatext p {
  9928. font-size: 13px;
  9929. line-height: 18px;
  9930. }
  9931. .relatedPostWrapper .relatedContent {
  9932. /* margin-top: -4px; */
  9933. }
  9934. .socmedFooter a {
  9935. font-size: 13px;
  9936. width: 75px;
  9937. height: 26px;
  9938. }
  9939. .headAbout .et_pb_text_inner h1 {
  9940. font-size: 26px;
  9941. margin-top: 30px;
  9942. }
  9943. #et-mobile-navigation #et-extra-mobile-menu li {
  9944. /* margin-bottom: 10px; */
  9945. }
  9946.  
  9947. #et-mobile-navigation #et-extra-mobile-menu li a {
  9948. font-size: 20px;
  9949. }
  9950.  
  9951. .vxiFooter .footerLower .leftSide {
  9952. padding-left: 0;
  9953. padding-right: 0;
  9954. width: 120px;
  9955. margin-left: -130px;
  9956. }
  9957.  
  9958. .vxiFooter .footerLower .rightSide {
  9959. padding-right: 0;
  9960. margin-left: 0px;
  9961. padding-left: 0px;
  9962. width: 120px;
  9963. }
  9964. #et-mobile-navigation .vxiFooter .footerLower .footerMenu li a {
  9965. font-size: 13px;
  9966. }
  9967. #et-mobile-navigation .footerLower .leftSide,
  9968. #et-mobile-navigation .footerLower .rightSide {
  9969. /* display: none; */
  9970. }
  9971.  
  9972. #et-mobile-navigation nav {
  9973. padding: 100px 40px 20px;
  9974. }
  9975.  
  9976. #et-mobile-navigation .footerMobileMenu .vxiFooter .socmedFooter {
  9977. margin-bottom: 15px;
  9978. }
  9979. #et-mobile-navigation .vxiFooter .footerHXC .wraphxc {
  9980. margin-bottom: 10px;
  9981. }
  9982. .ratingSystem:not(.rateResult) .loveRate a:hover .border {
  9983. -webkit-clip-path: polygon(0 0, 100% 0%, 82% 100%, 0% 100%);
  9984. clip-path: polygon(0 0, 100% 0%, 82% 100%, 0% 100%);
  9985. }
  9986. .ratingSystem:not(.rateResult) .hateRate a:hover .border {
  9987. -webkit-clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0.25% 100%);
  9988. clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0.25% 100%);
  9989. width: 55%;
  9990. }
  9991. }
  9992.  
  9993.  
  9994.  
  9995.  
  9996. /*res400*/
  9997.  
  9998. @media (max-width: 400px) {
  9999. #ReadNow article a.entry-featured-image-url,
  10000. #ReadNow article a.entry-featured-image-url img,
  10001. .featuredNewsAfter2 .et_pb_post .entry-featured-image-url,
  10002. .featuredNewsAfter2 .et_pb_post .entry-featured-image-url img {
  10003. height: 250px;
  10004. width: auto;
  10005. max-width: none;
  10006. min-width: 100%;
  10007. }
  10008. #ReadNow article a.entry-featured-image-url,
  10009. .featuredNewsAfter2 .et_pb_post .entry-featured-image-url {
  10010. max-width: 100%;
  10011. }
  10012.  
  10013. .ratingSystem.rateResult .hateRate .border,
  10014. .ratingSystem.rateResult .loveRate .border {
  10015. width: 105%;
  10016. }
  10017.  
  10018.  
  10019. .ratingSystem {
  10020. padding: 1px;
  10021. max-width: 400px;
  10022. height: 43px;
  10023. }
  10024. .ratingSystem:before {
  10025. width: 1px;
  10026. }
  10027. .ratingSystem a {
  10028. line-height: 41px;
  10029. font-size: 15px;
  10030. }
  10031. .ratingSystem .hateRate a .icon:before,
  10032. .ratingSystem .hateRate a:hover .icon:before,
  10033. .ratingSystem.rateResult .hateRate .text .icon:before {
  10034. width: 27px;
  10035. height: 27px;
  10036. top: 6px;
  10037. right: 5px;
  10038. }
  10039. .ratingSystem .loveRate a .icon:before,
  10040. .ratingSystem .loveRate a:hover .icon:before,
  10041. .ratingSystem.rateResult .loveRate .text .icon:before {
  10042. width: 26px;
  10043. height: 26px;
  10044. top: 7px;
  10045. left: 6px;
  10046. }
  10047. .ratingSystem .hateRate a:hover .border, .ratingSystem.rateResult .hateRate.userSelected .border,
  10048. .ratingSystem.rateResult .hateRate.userSelected a:hover .border {
  10049. right: -43.5%;
  10050. -webkit-clip-path: polygon(12% 0, 100% 0%, 100% 100%, 1% 100%);
  10051. clip-path: polygon(12% 0, 100% 0%, 100% 100%, 1% 100%);
  10052. }
  10053.  
  10054. .ratingSystem .loveRate a:hover .border, .ratingSystem.rateResult .loveRate.userSelected .border,
  10055. .ratingSystem.rateResult .loveRate.userSelected a:hover .border {
  10056. -webkit-clip-path: polygon(0 0, 100% 0%, 89% 100%, 0% 100%);
  10057. clip-path: polygon(0 0, 100% 0%, 89% 100%, 0% 100%);
  10058. left: -44%;
  10059. }
  10060. .ratingSystem.rateResult .loveRate,
  10061. .ratingSystem.rateResult .hateRate {
  10062. height: 41px;
  10063. }
  10064.  
  10065. .ratingSystem.rateResult .hateRate .text .label {padding-left: 30px;}
  10066. .ratingSystem.rateResult .hateRate.userSelected .text .label {
  10067. padding-left: 35px;
  10068. }
  10069. .ratingSystem.rateResult .loveRate .text .label {
  10070. padding-right: 31px;
  10071. }
  10072.  
  10073. .ratingSystem.rateResult .loveRate.userSelected .text .label {
  10074. padding-right: 35px;
  10075. }
  10076.  
  10077. }
  10078.  
  10079.  
  10080.  
  10081. /*res380*/
  10082.  
  10083. @media (max-width: 380px) {
  10084. .featuredNewsAfter2 article {
  10085. margin-top: -1px;
  10086. }
  10087. .relatedPostWrapper .relContent .relTitle a,
  10088. .categoryPostList .subContent .entry-title h3 a {
  10089. font-size: 14px;
  10090. }
  10091. .boxAreaWhitelist .gradEx .head {
  10092. font-size: 24px;
  10093. }
  10094.  
  10095. .vxiFooter .footerHXC .wraphxc {
  10096. font-size: 18px;
  10097. }
  10098.  
  10099. .adb_vxi .boxAreaWNM .head {
  10100. font-size: 21px;
  10101. margin-bottom: 10px;
  10102. }
  10103. .ratingSystem.rateResult .hateRate.userSelected .text .label {
  10104. padding-left: 40px;
  10105. }
  10106.  
  10107. .ratingSystem.rateResult .loveRate .text .label {
  10108. padding-right: 29px;
  10109. }
  10110. .headAbout .et_pb_text_inner h1 {
  10111. font-size: 21px;
  10112. }
  10113. #et-mobile-navigation .vxiFooter .footerLower .footerMenu li {
  10114. margin: 0 0px !important;
  10115. }
  10116. .featuredNewsAfter2 article {
  10117. margin-top: -1px;
  10118. }
  10119. .stage404 .time img {
  10120. height: 72px;
  10121. }
  10122. .glitch .clock span:before,
  10123. .glitch .clock span:after {
  10124. content: url(assets/404/error404_vsmall.svg);
  10125. }
  10126. .stage404 .screen {
  10127. height: 180px;
  10128. }
  10129. .stage404 .txGettingLost,
  10130. .blink404,
  10131. .stage404 .comeBackBtn {
  10132. width: 210px;
  10133. }
  10134. .glitch .clock {
  10135. margin-top: 80px;
  10136. }
  10137. .stage404 .txGettingLost {
  10138. margin-top: 20px;
  10139. }
  10140. .blink404 {
  10141. margin-top: 10px;
  10142. }
  10143. article .post-footer {
  10144. margin-bottom: 15px;
  10145. }
  10146.  
  10147. article .post-footer {
  10148. padding: 15px 25px 0;
  10149. }
  10150. .articleFeaturedImage .titleWrap.sizeTitle4 {
  10151. font-size: 17px;
  10152. padding-top: 20px !important;
  10153. line-height: 24px;
  10154. }
  10155. }
  10156.  
  10157.  
  10158.  
  10159. /*res360*/
  10160. @media (max-width: 360px) {
  10161. .latestPostHome .subContent .excerpt-before {
  10162. display:none;
  10163. }
  10164. .single-post #main-content .commentWrapper .must-log-in {
  10165. line-height: 1.5em !important;
  10166. padding-top: 80px;
  10167. }
  10168. .latestPostHome .subContent .entry-title {
  10169. margin-bottom: 7px;
  10170. }
  10171. .ratingSystem .hateRate a:hover .border, .ratingSystem.rateResult .hateRate.userSelected .border,
  10172. .ratingSystem.rateResult .hateRate.userSelected a:hover .border {
  10173. right: -42.5%;
  10174. -webkit-clip-path: polygon(15% 0, 100% 0%, 100% 100%, 1% 100%);
  10175. clip-path: polygon(15% 0, 100% 0%, 100% 100%, 1% 100%);
  10176. }
  10177.  
  10178. .ratingSystem .loveRate a:hover .border, .ratingSystem.rateResult .loveRate.userSelected .border,
  10179. .ratingSystem.rateResult .loveRate.userSelected a:hover .border {
  10180. -webkit-clip-path: polygon(0 0, 100% 0%, 86% 100%, 0% 100%);
  10181. clip-path: polygon(0 0, 100% 0%, 86% 100%, 0% 100%);
  10182. left: -42%;
  10183. }
  10184. .ratingSystem.rateResult .hateRate .text .label {
  10185. padding-left: 23px;
  10186. }
  10187. .et_pb_extra_column_sidebar .et_pb_widget.widget_black_studio_tinymce {
  10188. min-width: unset;
  10189. }
  10190. .ratingSystem:not(.rateResult) .loveRate a:hover .border {
  10191. -webkit-clip-path: polygon(0 0, 100% 0%, 76% 100%, 0% 100%);
  10192. clip-path: polygon(0 0, 100% 0%, 76% 100%, 0% 100%);
  10193. width: 57%;
  10194. }
  10195. .ratingSystem:not(.rateResult) .hateRate a:hover .border {
  10196. -webkit-clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0.25% 100%);
  10197. clip-path: polygon(23% 0, 100% 0%, 100% 100%, 0.75% 100%);
  10198. width: 56%;
  10199. }
  10200. }
  10201.  
  10202.  
  10203. @media (max-height: 580px) {
  10204. .socmedCloudFooter {
  10205. height: 128px;
  10206. max-width: 160px;
  10207. background-size: cover;
  10208. }
  10209.  
  10210. .socmedCloudFooter .socmedLnk p {
  10211. height: 48px;
  10212. }
  10213.  
  10214. #et-navigation .socmedCloudFooter .socmedLnk a {
  10215. margin-top: 25px;
  10216. margin-left: -40px;
  10217. font-size: 11px;
  10218. }
  10219.  
  10220. #et-navigation .socmedCloudFooter .socmedLnk a:hover {
  10221. margin-top: 14px;
  10222. }
  10223. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement