API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 16th, 2018
62
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 56.36 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. Theme Name: Avada Child
  3. Description: Child theme for Avada theme
  4. Author: ThemeFusion
  5. Author URI: https://theme-fusion.com
  6. Template: Avada
  7. Version: 1.0.0
  8. Text Domain:  Avada
  9. */
  10.  
  11. .logged-in .hide-when-logged-in {
  12.   display: none;
  13. }
  14. .fusion-header {
  15.     background: linear-gradient(180deg, #120046 0%, #3B398B 100%);
  16. }
  17. .nsb-accordion {
  18.     width: 100%;
  19.     float: left;
  20.     /*margin-right: 2.5%;*/
  21.     /*background-color: #fff;*/
  22.     /*padding: 20px 20px 0px 20px;*/
  23. }
  24. .right-panel{
  25.     background-color: #fff;
  26.     /*width: 65.8333333333%;*/
  27.     margin-right: 0;
  28.     min-width: 0;
  29.     max-width: none;
  30.  
  31.     float: right;
  32. }
  33. .padding20{
  34.     padding: 20px;
  35. }
  36. .right-warpper{
  37.  
  38. }
  39. .catename, .subcatename, .challengename{
  40.     display: inline-block;
  41. }
  42. .cl-txt{
  43.     padding-top: 10px;
  44. }
  45. .catediv{
  46.     display: block;
  47.     background-color: #fff;
  48.     padding: 20px 20px 20px 25px;
  49.     margin-bottom: 3px;
  50. }
  51.  
  52. .subcatediv{
  53.     display: block;
  54.     background-color: #fff;
  55.     padding: 20px 20px 20px 25px;
  56.     margin-bottom: 10px;
  57. }
  58.  
  59. .catename{
  60.     margin: 0px !important;
  61.     font-weight: bold;
  62. }
  63. .subcatename{
  64.     margin: 0px !important;
  65.     font-weight: bold;
  66. }
  67. .change_action{
  68.     display: inline-block;
  69.     float: right;
  70.     color: #1896d4;
  71.     font-weight: bold;
  72. }
  73.  
  74. .change_action:hover{
  75.     font-weight: bold;
  76. }
  77.  
  78. .subcate-content label{
  79.     display: block;
  80. }
  81.  
  82. .change_action_subcate{
  83.     display: inline-block;
  84.     float: right;
  85.     color: #1896d4;
  86.     font-weight: bold;
  87. }
  88.  
  89. .change_action_subcate:hover{
  90.     font-weight: bold;
  91. }
  92.  
  93. .change_action_type{
  94.   display: inline-block;
  95.   float: right;
  96.   color: #1896d4;
  97.   font-weight: bold;
  98. }
  99.  
  100. .change_action_type:hover{
  101.   font-weight: bold;
  102. }
  103.  
  104. .change_action_subcate .img-ar.en {
  105.   display: inline;
  106. }
  107. .change_action_subcate.dis .img-ar.en {
  108.   display: none;
  109. }
  110. .change_action_subcate .img-ar.di {
  111.   display: none;
  112. }
  113. .change_action_subcate.dis .img-ar.di {
  114.   display: inline;
  115. }
  116. .home #main{
  117.     padding-top: 0px !important;
  118. }
  119. #homesearch{
  120.     font-size: 18px;
  121.     color: #323076;
  122.     height: 54px;
  123.     padding-right: 40px;
  124. }
  125.  
  126. #input_img {
  127.     position: absolute;
  128.     bottom: 14px;
  129.     right: 14px;
  130.     width: 24px;
  131.     height: 24px;
  132.     cursor: pointer;
  133. }
  134.  
  135. #input_img_sb{
  136.     position: absolute;
  137.     bottom: 14px;
  138.     right: 14px;
  139.     width: 24px;
  140.     height: 24px;
  141.     top: 20px;
  142. }
  143.  
  144. .img-ar{
  145.     position: relative;
  146.     top: 0px;
  147.     left: 6px;
  148.     width: 20px;
  149.     height: 20px;
  150. }
  151.  
  152. .container-search{
  153.     position: relative;
  154.     margin-bottom: 15px;
  155. }
  156.  
  157. .search_cate_container{
  158.     position: relative;
  159. }
  160.  
  161. #full-width-image{
  162.   /*min-height: 100vh;*/
  163. }
  164. .search-wrapper{
  165.     max-width: 1070px;
  166.     margin: 0 auto !important;
  167.     box-sizing: content-box;
  168.     padding: 25px;
  169. }
  170. #seachchallenges{
  171.    /* background-color: #e7f4f3;
  172.     border: solid 2px #444295;*/
  173. }
  174.  
  175. #your_challenge{
  176.     padding: 20px;
  177.     padding-left: 30px;
  178.     padding-top: 30px;
  179.     background-color: #e7f4f3;
  180.     border: solid 2px #444295;
  181.     width: 90%;
  182.     padding-right: 25px;
  183. }
  184. #your_challenge p{
  185.     color: #323076;
  186. }
  187. #your_challenge p:hover{
  188.     font-weight: bold;
  189.     cursor: pointer;
  190. }
  191.  
  192. .cl-title{
  193.     font-size: 18px;
  194. }
  195.  
  196. .pagination {
  197.     display: inline-block;
  198. }
  199.  
  200. .pagination a {
  201.     color: black;
  202.     float: left;
  203.     padding: 8px 16px;
  204.     text-decoration: none;
  205. }
  206.  
  207. .pagination a.active {
  208.     background-color: #8bc8bd;
  209.     color: white;
  210. }
  211.  
  212. .pagination a:hover:not(.active) {background-color: #ddd;}
  213.  
  214. .center {
  215.     text-align: center;
  216. }
  217. .hide{
  218.     display: none !important;
  219. }
  220.  
  221. #main h3.contribution-title{
  222.     font-weight: bold;
  223.     display: inline-block;
  224.     color: #323076;
  225. }
  226. #main .contribution-company{
  227.     display: inline-block;
  228. }
  229.  
  230. .home #main .contribution-company{
  231.     display: block !important;
  232.     margin-bottom: 0px;
  233. }
  234. .home #submission-model .pre-icon, .home #submission-model .next-icon{
  235.     display: none;
  236. }
  237. #main .title-bold{
  238.     color: rgb(53, 52, 142) !important;
  239.     font-weight: bold;
  240. }
  241. #main .cate{
  242.     color: #1896d4;
  243. }
  244. .com_internal_link{
  245.     color: #1896d4;
  246. }
  247. .com_internal_link:hover{
  248.     color: #1896d4 !important;
  249. }
  250. #main .lbl-bold{
  251.     font-weight: bold;
  252.     color: rgb(53, 52, 142) !important;
  253. }
  254. .bold{
  255.     font-weight: bold;
  256. }
  257.  
  258. #main p.contribution-title{
  259.     font-weight: bold;
  260.     display: inline-block;
  261.     color: rgb(53, 52, 142) !important;
  262. }
  263. #main #exportpdf .contribution-title{
  264.     color: rgb(53, 52, 142) !important;
  265.     font-weight: bold !important;
  266. }
  267. .contribution-desc{
  268.     color: rgb(53, 52, 142) !important;
  269. }
  270. .category-lbl{
  271.     font-weight: bold !important;
  272.     color: #1896d4 !important;
  273. }
  274. .onlyone .pre_sub , .onlyone .next_sub{
  275.     display: none;
  276. }
  277. .testonly{color : blue !important}
  278.  
  279. .right-side{
  280.     float: left;
  281. }
  282. .modal-backdrop{
  283.   z-index: 1 !important;
  284. }
  285. .left-side{
  286.    /* float: left;*/
  287. }
  288. .search-company .left-side .company-img{
  289.   /*display: none;*/
  290. }
  291. .company-img img{
  292.     max-height: 50px !important;
  293.     max-width: 185px;
  294. }
  295. .company-img-company img{
  296.     max-height: 63px !important;
  297.     max-width: 218px;
  298. }
  299. .title-block{
  300.     min-height: 100px;
  301.     padding-bottom: 30px;
  302.     vertical-align: top;
  303. }
  304.  
  305. .export_pdf_company{
  306.     display: block;
  307.     width: 220px;
  308.     border: solid #39368F 2px;
  309.     text-align: center;
  310.     vertical-align: middle;
  311.     margin: 0px;
  312.     padding: 7px 0px;
  313.     cursor: pointer;
  314. }
  315. .export_pdf_company.challenge{
  316.     width: 200px !important;
  317.     padding-right: 15px;
  318. }
  319. .company-title{
  320.     padding: 0px;
  321.     margin: 0px;
  322. }
  323. .page-title{
  324.     margin: 0px !important;
  325.  
  326. }
  327. .search-company .pre-headline {
  328.   font-size: 30px;
  329. }
  330. .search-company .table-submission .panel {
  331.   padding-left: 0;
  332.   padding-right: 0;
  333. }
  334.  
  335. .download-link{
  336.     position: relative;
  337.     top: 2px;
  338.     left: 10px;
  339.     text-align: center;
  340.     color: #39368F;
  341.     font-weight: bold;
  342. }
  343. .export_pdf_company.challenge{
  344.    width: 100px;
  345. }
  346. .co-link{
  347.     display: block;
  348.     padding: 15px;
  349.     width: 100%;
  350.     background-color: #8bc8bd;
  351.     color: #fff;
  352.     text-align: center;
  353.     font-size: 20px;
  354. }
  355. #newsletter-div .co-link{
  356.     border: none;
  357.     cursor: pointer;
  358. }
  359. .searchbtn{
  360.     display: block;
  361.     padding: 15px;
  362.     width: 100%;
  363.     background-color: #8bc8bd;
  364.     color: #fff;
  365.     text-align: center;
  366.     font-size: 20px;
  367.     border: none;
  368.     cursor: pointer;
  369. }
  370.  
  371. .searchbtn:hover{
  372.     color: #fff;
  373.     background-color: #77BDB7;
  374. }
  375. .youcansearch{
  376.     color: #fff;
  377.     font-size: 20px;
  378.     font-style: italic;
  379. }
  380. .co-link:hover{
  381.     color: #fff;
  382.     background-color: #77BDB7;
  383. }
  384. .download-icon{
  385.     vertical-align: middle;
  386. }
  387. #main .contact-title{
  388.     font-size: 30px;
  389.     margin-bottom: 10px;
  390. }
  391. .nopadding{
  392.     padding: 0px !important;
  393. }
  394. .nomargin{
  395.     margin: 0px !important;
  396. }
  397. .nomarginbottom{
  398.     margin-bottom: 3px !important;
  399. }
  400. .contact-name{
  401.     margin-bottom: 0px !important;
  402. }
  403.  
  404. /**/
  405. .panel-default > .panel-heading {
  406.   border: 2px solid #4553aa;
  407.   border-radius: 0;
  408.   background-color: white;
  409.   color: #4553aa;
  410.   padding: 20px 20px;
  411.   cursor: pointer;
  412.   margin-bottom: -2px;
  413. }
  414.  
  415. .panel-default > .panel-heading:hover{
  416.   background-color: #22123F !important;
  417.   cursor: pointer;
  418. }
  419.  
  420. .panel-default > .panel-heading{
  421.  
  422. }
  423.  
  424. .panel-default > .panel-heading:hover a{
  425.   color: #fff;
  426. }
  427.  
  428. .panel-default > .panel-heading a {
  429.   font-weight: bold;
  430. }
  431.  
  432. .panel-default > .panel-heading a:hover {
  433.   color: #fff;
  434. }
  435.  
  436.  
  437. .submission-list .panel {
  438.   border: 0;
  439. }
  440.  
  441. .panel-group .panel + .panel {
  442.   margin-top: 0; }
  443.  
  444. .collapse {
  445.   border: 2px solid #4553aa; }
  446.  
  447. .list-group-item {
  448.   border-bottom: 1px solid #4553aa;
  449.   border-color: #4553aa;
  450.   list-style: none;
  451. }
  452.  
  453. .subcategory-name {
  454.     color: #312d80;
  455.     font-weight: bold;
  456.     background-color: #d3e3f4;
  457.     padding-left: 20px;
  458.     padding-top: 20px;
  459.     padding-bottom: 20px;
  460.     font-size: 16px;
  461. }
  462. .content-sub-title .data-title{
  463.     cursor: inherit !important;
  464.     padding: 20px 20px 20px 40px;
  465.     font-size: 15px;
  466.     border-top: solid 1px;
  467. }
  468.  
  469. .content-sub-title .data-title:hover{
  470.     background-color: #E1EAF4;
  471.     cursor: pointer;
  472. }
  473. .panel-title a{
  474.     font-size: 20px;
  475.     color: #312d80;
  476.     font-weight: bold;
  477.     cursor: pointer;
  478. }
  479. #livesearch{
  480.     background-color: #fff;
  481.     width: 82.5%;
  482.     position: absolute;
  483.     max-height: 300px;
  484.     overflow: auto;
  485. }
  486. #livesearch p{
  487.     padding-left: 20px;
  488.     margin-bottom: 0px;
  489.     padding-top: 10px;
  490.     padding-bottom: 10px;
  491. }
  492. #livesearch p:hover{
  493.     background-color: #E1EAF4;
  494.     cursor: pointer;
  495. }
  496. #cn{
  497.     height: 60px;
  498.     width: 100%;
  499.     font-size: 18px;
  500.     margin-bottom: 10px;
  501.     color: #323076;
  502.     padding-right: 40px;
  503. }
  504.  
  505. ::-webkit-input-placeholder {
  506.   color: #323076;
  507. }
  508.  
  509. :-moz-placeholder { /* Firefox 18- */
  510.   color: #323076;
  511. }
  512.  
  513. ::-moz-placeholder { /* Firefox 19+ */
  514.   color: #323076;
  515. }
  516.  
  517. :-ms-input-placeholder { /* IE 10+ */
  518.   color: #323076;
  519. }
  520.  
  521. ::-ms-input-placeholder { /* Edge */
  522.   color: #323076;
  523. }
  524.  
  525. :placeholder-shown { /* Standard one last! */
  526.   color: #323076;
  527. }
  528.  
  529. .chl-warper{
  530.     margin: 0 auto;
  531.     padding-top: 20px;
  532.     float: none !important;
  533.     margin-top: 15px;
  534. }
  535. .filter-challenge{
  536.     padding-top: 30px;
  537.     padding-bottom: 30px;
  538. }
  539.  
  540. .filter-challenge a{
  541.     color: #312d80;
  542. }
  543.  
  544. .filter-challenge a.active{
  545.     font-weight: bold;
  546. }
  547.  
  548. .linebreak{
  549.     height: 2px;
  550.     color: #4553aa;
  551.     background-color: #4553aa;
  552.     border: none;
  553. }
  554. .cirle-number{
  555.     display: inline-block;
  556.     background-color: #8BCEC7;
  557.     width: 25px;
  558.     height: 25px;
  559.     line-height: 25px;
  560.     color: #fff;
  561.     border-radius: 25px;
  562.     text-align: center;
  563.     float: right;
  564.     top: 2px;
  565.     position: relative;
  566.     left: -8px;
  567. }
  568. .inn{
  569.     float: right;
  570.     position: relative;
  571.     top: 3px;
  572. }
  573. .outt{
  574.     float: right;
  575. }
  576. .active .outt{
  577.     display: none !important;
  578. }
  579. .active .inn{
  580.     display: block !important;
  581. }
  582. .outt.white {
  583.   display: none;
  584. }
  585. .panel-heading:hover .outt {
  586.   display: none;
  587. }
  588. .panel-heading:hover .outt.white {
  589.   display: block;
  590. }
  591. .panel-heading .activate .white {
  592.   display: none !important;
  593. }
  594. .fusion-main-menu > ul > li > a{
  595.     border: none !important;
  596. }
  597. .logo_showcase .slick-slide img {
  598.     max-height: 100px;
  599.     width: auto;
  600. }
  601. .fusion-image-hovers .hover-type-zoomin.person-image-container {
  602.   overflow: visible;
  603. }
  604. img.person-img.img-responsive {
  605.     max-height: 80px;
  606.     width: auto;
  607. }
  608. .person-shortcode-image-wrapper {
  609.   min-height: 80px;
  610.   text-align: left!important;
  611. }
  612. .fusion-person .person-desc .person-author .person-name {
  613.     display: block;
  614.     font-size: 14px;
  615.     color: #323076;
  616.     font-weight: bold;
  617. }
  618. .fusion-header-wrapper .fusion-main-menu > ul > li > a {
  619.     font-size: 14px;
  620.     height: 75px;
  621.     color: #FFFFFF;
  622.     line-height: 75px;
  623.     font-weight: 500;
  624. }
  625. .fusion-is-sticky .fusion-main-menu > ul > li > a {
  626.     font-size: 14px !important;
  627. }
  628. .fusion-header-wrapper .fusion-header .fusion-logo {
  629.   margin: 10px 0;
  630. }
  631. .fusion-header-wrapper .fusion-header .fusion-logo a {
  632.   /*max-width: 80%;*/
  633.   padding-left: 20px;
  634. }
  635. .fusion-main-menu > ul > li > a:hover {
  636.     color: #77BDB7 !important;
  637. }
  638.  
  639. .login-btn .menu-text.fusion-button{
  640.     border-radius: 0;
  641.     padding: 10px 37px;
  642.     line-height: 21px;
  643.     font-size: 14px;
  644.     background: #fff;
  645.     color: #323076;
  646.     font-weight: bold;
  647.     text-transform: capitalize;
  648. }
  649. .footer-register-btn {
  650.   display: block;
  651.   margin-top: 20px;
  652. }
  653. .footer-register-btn span {
  654.     border-radius: 0;
  655.     padding: 10px 37px;
  656.     line-height: 21px;
  657.     font-size: 14px;
  658.     background: #fff;
  659.     color: #323076;
  660.     font-weight: bold;
  661.     text-transform: capitalize;
  662. }
  663. .fusion-footer-copyright-area{
  664.     background-color: #39368f !important;
  665.     border-color: #fff !important;
  666.     border-top-width: 2px !important;
  667.     border-bottom-width: 2px !important;
  668.     font-size: 22px;
  669. }
  670. .fusion-footer-widget-area{
  671.     background-color: #221240 !important;
  672.     color: #fff !important;
  673.     border-top: none !important;
  674. }
  675. .home-search-textblock{
  676.     max-width: 1070px;
  677.     margin: 0 auto !important;
  678.     box-sizing: content-box;
  679.     padding: 25px;
  680. }
  681. .home-search-textblock .fusion-column-wrapper{
  682.     padding: 71px 20px 0;
  683.     color: #fff;
  684. }
  685. .home-search-textblock .fusion-column-wrapper h1{
  686.     color: #A38F64;
  687.     text-align: center;
  688.     font-weight: bold;
  689.     font-size: 63px;
  690.     line-height: 66px;
  691. }
  692. .home-search-textblock .fusion-column-wrapper p{
  693.     font-style: italic;
  694.     color: #FFFFFF;
  695.     font-size: 26px;
  696.     text-align: center;
  697.     line-height: 28px;
  698. }
  699. #main .fusion-modal h1,
  700. #main .fusion-page-title-bar h1,
  701. #main .fusion-widget-area h1,
  702. #main .post-content h1 {
  703.        line-height: 1.1;
  704. }
  705. #full-width-image {
  706.     min-height: 500px;
  707. }
  708.  
  709. .logo_showcase .slick-slide img{
  710.     border: none !important;
  711. }
  712. .slick-arrow{
  713.     display: none !important;
  714. }
  715. .logo_showcase .slick-dots li button{
  716.     background-color: #d4d5e6 !important;
  717.     border: 1px solid #d4d5e6 !important;
  718.     height: 15px !important;
  719.     width: 15px !important;
  720.     cursor: pointer;
  721. }
  722. .home .logo_showcase .slick-dots li{
  723.     height: 15px !important;
  724.     width: 15px !important;
  725.     margin: 0 3px !important;
  726.     cursor: pointer;
  727. }
  728. .sponsor-block{
  729.     max-width: 1600px;
  730.     text-align: center;
  731.     margin: 0 auto !important;
  732. }
  733. .logo_showcase.center .slick-slide{
  734.     opacity: 1 !important
  735. }
  736.  
  737. .sponsor-block h2{
  738.     font-weight: bold !important;
  739. }
  740. .home .last-publish-block h2{
  741.     font-weight: bold !important;
  742.     margin-bottom: 8px;
  743. }
  744. .home .post-title{
  745.     font-size: 22px;
  746.     font-weight: bold;
  747.     margin-bottom: 5px;
  748.     margin-top: 5px;
  749. }
  750. .pub-date{
  751.     color: #1896d4;
  752.     font-weight: bold !important;
  753.     border-bottom: solid 1px;
  754. }
  755. .last-published-post{
  756.     padding-right: 20px;
  757.     padding-bottom: 20px;
  758. }
  759. #newsletter-div{
  760.     background-color: #39368f;
  761.     padding: 40px;
  762. }
  763. #newsletter-div h2{
  764.     color: #fff;
  765.     font-weight: bold !important;
  766.     text-align: center;
  767.     text-transform: uppercase;
  768.     margin-bottom: 5px;
  769. }
  770. .intro-newsletter{
  771.     color: #fff;
  772.     text-align: center;
  773. }
  774. .home .newsletter-input{
  775.   font-size: 20px;
  776.   margin-bottom: 20px;
  777.   color: #323076;
  778.   line-height: 62px;
  779.   height: 62px;
  780. }
  781. .resource-title{
  782.     color: #323076;
  783.     text-align: center;
  784.     font-weight: bold !important;
  785. }
  786. .export-btn .download-link{
  787.     top: -6px;
  788.     width: 75% !important;
  789.     display: inline-block;
  790. }
  791. .download-link2{
  792.     left: 45px;
  793.     top: -18px !important;
  794. }
  795. .export-btn{
  796.     border: solid #39368F 2px;
  797.     cursor: pointer;
  798.   padding: 18px 20px 0px 20px;
  799.     width: 250px;
  800.     float: none;
  801.     margin: 0 auto;
  802. }
  803.  
  804. /* Popup */
  805. #cate_popups{
  806.     position: absolute;
  807.     background-color: #fff;
  808.     color: #323076;
  809.     width: 570px;
  810.     height: 500px;
  811.     overflow: auto;
  812.     left: 365px;
  813.     top: 100px;
  814.     z-index: 1009;
  815.     padding: 30px;
  816. }
  817.  
  818. #subcate_popups{
  819.     position: absolute;
  820.     background-color: #fff;
  821.     color: #323076;
  822.     width: 570px;
  823.     height: 400px;
  824.     overflow: auto;
  825.     left: 365px;
  826.     top: 100px;
  827.     z-index: 1009;
  828.     padding: 30px;
  829. }
  830.  
  831. #type_popups{
  832.   position: absolute;
  833.     background-color: #fff;
  834.     color: #323076;
  835.     width: 380px;
  836.     height: 200px;
  837.     overflow: auto;
  838.     left: 365px;
  839.     top: 225px;
  840.     z-index: 1009;
  841.     padding: 20px 30px 20px 30px;
  842. }
  843.  
  844. .clear_text{
  845.   position: relative;
  846.   top: -4px;
  847.   width: 10px;
  848.   left: 5px;
  849.   cursor: pointer;
  850. }
  851. .clear_text_cates{
  852.   position: relative;
  853.   top: -4px;
  854.   width: 10px;
  855.   cursor: pointer;
  856.   left: 5px;
  857. }
  858. .clear_text_subcates{
  859.   position: relative;
  860.   top: -4px;
  861.   width: 10px;
  862.   cursor: pointer;
  863.   left: 5px;
  864. }
  865. .qualification-block p{
  866.   margin-bottom: 10px;
  867. }
  868. .subcate-search-text{
  869.   display: inline;
  870. }
  871. .grey{
  872.   color: grey;
  873. }
  874. .page-search .page-header, .page-search .page-footer{
  875.   display: none;
  876. }
  877. .img-desc{
  878.   font-size: 14px;
  879.   font-weight: lighter;
  880.   font-style: italic;
  881. }
  882. .nsb-drawer-arrow {
  883.     position: absolute;
  884.     z-index: 1002;
  885.     right: -10px;
  886.     top: 185px;
  887.     width: 0;
  888.     height: 0;
  889.     border-right: 16px solid #f2f2f2;
  890.     border-top: 15.5px solid transparent;
  891.     border-bottom: 15.5px solid transparent;
  892. }
  893. #subcate_arr{
  894.     position: absolute;
  895.     z-index: 1002;
  896.     right: -10px;
  897.     top: 247px;
  898.     width: 0;
  899.     height: 0;
  900.     border-right: 16px solid #f2f2f2;
  901.     border-top: 15.5px solid transparent;
  902.     border-bottom: 15.5px solid transparent;
  903. }
  904.  
  905. #type_arr{
  906.   position: absolute;
  907.     z-index: 1002;
  908.     right: -10px;
  909.     top: 317px;
  910.     width: 0;
  911.     height: 0;
  912.     border-right: 16px solid #f2f2f2;
  913.     border-top: 15.5px solid transparent;
  914.     border-bottom: 15.5px solid transparent;
  915. }
  916. .block-heading h2{
  917.     font-weight: bold;
  918.     margin-bottom: 10px;
  919. }
  920. .cate-choose{
  921.   padding-bottom: 20px;
  922. }
  923. .cate-lbl{
  924.     position: relative;
  925.     left: 5px;
  926.     /* text-align: left; */
  927.     /* display: inline-block; */
  928.     width: 188px;
  929.     float: left;
  930. }
  931. .type-popup-title h2{
  932.   font-size: 20px !important;
  933. }
  934. .type-lbl{
  935.     position: relative;
  936.     left: 5px;
  937.     /* text-align: left; */
  938.     /* display: inline-block; */
  939.     width: 194px;
  940.     float: left;
  941.     font-size: 19px;
  942. }
  943. .type-choose{
  944.   padding-top: 5px;
  945.   padding-bottom: 0px;
  946. }
  947. .parent-cate{
  948.     float: left;
  949. }
  950. .type-cate{
  951.   float: left;
  952. }
  953. .dis{
  954.     color: #C3C3C3 !important;
  955. }
  956. .type-lbls{
  957.  
  958. }
  959. .searhfor-text{
  960.   margin-bottom: 10px;
  961. }
  962. .type-div {
  963.   margin-bottom: 10px;
  964. }
  965. .types-cate{
  966.   position: relative;
  967.   top: -3px;
  968. }
  969.  
  970. /*END POPUP*/
  971.  
  972. /*LOGIN*/
  973. /****** LOGIN MODAL ******/
  974. .loginmodal-container {
  975.   padding: 20px 40px 30px 40px;
  976.   max-width: 450px;
  977.   width: 100% !important;
  978.   background-color: #fff;
  979.   margin: 0 auto;
  980.   border-radius: 2px;
  981.   box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  982.   overflow: hidden;
  983.   font-family: roboto;
  984. }
  985. .login-title{
  986.   text-align: center;
  987.   font-size: 30px;
  988.   margin: 10px 15px 20px 15px;
  989.   padding-top: 20px;
  990. }
  991. .loginmodal-container h1 {
  992.   text-align: center;
  993.   font-size: 1.8em;
  994.   font-family: roboto;
  995. }
  996.  
  997. .loginmodal-container input[type=submit] {
  998.   width: 100%;
  999.   display: block;
  1000.   margin-bottom: 10px;
  1001.   position: relative;
  1002.   margin-top: 20px;
  1003. }
  1004.  
  1005. .loginmodal-container input[type=text], input[type=password] {
  1006.   height: 55px;
  1007.   font-size: 20px;
  1008.   width: 100%;
  1009.   margin-bottom: 10px;
  1010.   -webkit-appearance: none;
  1011.   background: #fff;
  1012.   border: 2px solid #323076;
  1013.   border-top: 2px solid #323076;
  1014.   /* border-radius: 2px; */
  1015.   padding: 0 8px;
  1016.   box-sizing: border-box;
  1017.   -moz-box-sizing: border-box;
  1018.   color: #35348e;
  1019. }
  1020.  
  1021. .loginmodal-container input[type=text]:hover, input[type=password]:hover {
  1022.   border: 2px solid #323076;
  1023.   border-top: 2px solid #323076;
  1024.   -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  1025.   -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  1026.   box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  1027. }
  1028. #user_login{
  1029.     height: 55px;
  1030.     font-size: 20px;
  1031.     width: 100%;
  1032.     margin-bottom: 10px;
  1033.     -webkit-appearance: none;
  1034.     background: #fff;
  1035.     border: 2px solid #323076;
  1036.     border-top: 2px solid #323076;
  1037.     /* border-radius: 2px; */
  1038.     padding: 0 8px;
  1039.     box-sizing: border-box;
  1040.     -moz-box-sizing: border-box;
  1041.     color: #35348e;
  1042. }
  1043. .tml-login .tml-rememberme-wrap{
  1044.     display: block !important;
  1045. }
  1046. #wp-submit{
  1047.     border: 0px;
  1048.   color: #fff;
  1049.   text-shadow: 0 1px rgba(0,0,0,0.1);
  1050.   background-color: #8bc8bd;
  1051.   padding: 17px 0px;
  1052.   font-family: roboto;
  1053.   font-size: 20px;
  1054.   cursor: pointer;
  1055. }
  1056. .loginmodal {
  1057.   text-align: center;
  1058.   font-size: 14px;
  1059.   font-family: 'Arial', sans-serif;
  1060.   font-weight: 700;
  1061.   height: 36px;
  1062.   padding: 0 8px;
  1063. /* border-radius: 3px; */
  1064. /* -webkit-user-select: none;
  1065.   user-select: none; */
  1066. }
  1067.  
  1068. .loginmodal-submit {
  1069.   /* border: 1px solid #3079ed; */
  1070.   border: 0px;
  1071.   color: #fff;
  1072.   text-shadow: 0 1px rgba(0,0,0,0.1);
  1073.   background-color: #8bc8bd;
  1074.   padding: 17px 0px;
  1075.   font-family: roboto;
  1076.   font-size: 20px;
  1077.   cursor: pointer;
  1078.   /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#4787ed)); */
  1079. }
  1080.  
  1081. .loginmodal-submit:hover {
  1082.   /* border: 1px solid #2f5bb7; */
  1083.   border: 0px;
  1084.   text-shadow: 0 1px rgba(0,0,0,0.3);
  1085.   background-color: #77BDB7;
  1086.   /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#357ae8)); */
  1087. }
  1088.  
  1089. .loginmodal-container a {
  1090.   text-decoration: none;
  1091.   color: #666;
  1092.   font-weight: 400;
  1093.   text-align: center;
  1094.   display: inline-block;
  1095.   opacity: 0.6;
  1096.   transition: opacity ease 0.5s;
  1097. }
  1098.  
  1099. .login-help{
  1100.   font-size: 12px;
  1101. }
  1102.  
  1103. .modal {
  1104.   text-align: center;
  1105.   padding: 0!important;
  1106. }
  1107.  
  1108. .modal:before {
  1109.   content: '';
  1110.   display: inline-block;
  1111.   height: 100%;
  1112.   vertical-align: middle;
  1113.   margin-right: -4px;
  1114. }
  1115.  
  1116. .modal-dialog {
  1117.   display: inline-block;
  1118.   text-align: left;
  1119.   vertical-align: middle;
  1120. }
  1121. .rs-count{
  1122.     padding-bottom: 20px;
  1123.   }
  1124. .modal-backdrop.in
  1125. {
  1126.     /*opacity: 0.1 !important;
  1127.     z-index: 1 !important;*/
  1128. }
  1129.  
  1130. .loginpagediv{
  1131.     margin: 0 auto;
  1132. }
  1133. .tml .tml-submit-wrap .submit-btn{
  1134.     padding: 20px;
  1135.     width: 100% !important;
  1136. }
  1137. #pass1-text{
  1138.   width: 100% !important;
  1139.   height: 55px;
  1140.   margin-bottom: 10px;
  1141.   -webkit-appearance: none;
  1142.   background: #fff;
  1143.   border: 2px solid #323076;
  1144.   border-top: 2px solid #323076;
  1145.   /* border-radius: 2px; */
  1146.   padding: 0 8px;
  1147.   box-sizing: border-box;
  1148.   color: #35348e;
  1149. }
  1150. .tml-submit-wrap .submit-btn{
  1151.   padding: 20px;
  1152.   width: 100% !important;
  1153. }
  1154. .tml-resetpas #wp-submit{
  1155.   width: 100% !important;
  1156. }
  1157.  
  1158. /*END LOGIN*/
  1159.  
  1160.  
  1161.  
  1162.  
  1163.  
  1164. /* SEARCH */
  1165. .title-block.submission-title{
  1166.     min-height: auto !important;
  1167.     padding-bottom: 0px;
  1168. }
  1169. .pub_date{
  1170.     border-bottom: solid 1px;
  1171. }
  1172. .contribution-desc{
  1173.     padding-top: 5px;
  1174. }
  1175. .search-left-side{
  1176.     padding-bottom: 15px;
  1177. }
  1178. .re-search{
  1179.     border: solid 2px #1896d4 !important;
  1180.     /*padding: 33px !important;*/
  1181.     font-size: 22px;
  1182.     height: 70px !important;
  1183.     padding-right: 40px !important;
  1184.     width: 330px !important;
  1185. }
  1186. .export_pdf_searchrs{
  1187.     border: solid #39368F 2px;
  1188.     cursor: pointer;
  1189.     padding: 10px 20px 0px 20px;
  1190.     width: 200px;
  1191.     margin: 0 auto;
  1192.     height: 70px;
  1193. }
  1194. .export_pdf_searchrs .download-link{
  1195.     top: -6px;
  1196.     width: 75% !important;
  1197.     display: inline-block;
  1198.     text-align: left;
  1199. }
  1200. .export_pdf_searchrs .download-link2 {
  1201.     left: 49px;
  1202.     top: -18px !important;
  1203. }
  1204. .searchrs-input #input_img{
  1205.     top: 25px;
  1206.     right: 25px;
  1207.     cursor: initial;
  1208. }
  1209. .re-search-head{
  1210.     padding-bottom: 20px;
  1211. }
  1212. .searhfor{
  1213.     margin-bottom: 10px !important;
  1214. }
  1215. .sr .catename, .sr .subcatename{
  1216.     margin-bottom: 10px !important;
  1217. }
  1218. .sr #cate_popups{
  1219.     left: -100px !important;
  1220.     top: 52px !important;
  1221. }
  1222.  
  1223. .sr #subcate_popups{
  1224.     left: -21px;
  1225.     top: 52px;
  1226.     height: 450px;
  1227. }
  1228. .sr #subcate_arr{
  1229.     right: 280px;
  1230.     top: 22px;
  1231.     border-top: 15px solid transparent;
  1232.     border-right: 25px solid transparent;
  1233.     border-left: 25px solid transparent;
  1234.     border-bottom: 50px solid #fff;
  1235. }
  1236. .sr .nsb-drawer-arrow{
  1237.     right: 280px;
  1238.     top: 22px;
  1239.     border-top: 15px solid transparent;
  1240.     border-right: 25px solid transparent;
  1241.     border-left: 25px solid transparent;
  1242.     border-bottom: 50px solid #fff;
  1243. }
  1244.  
  1245. .nsb-drawer-opacity-bgs {
  1246.     background-color: #333;
  1247.     opacity: .25;
  1248.     filter: alpha(opacity=25);
  1249.     position: fixed;
  1250.     top: 0;
  1251.     left: 0;
  1252.     right: 0;
  1253.     bottom: 0;
  1254.     z-index: 8;
  1255. }
  1256. .fusion-fullwidth .fusion-row{
  1257.     z-index: initial !important;
  1258. }
  1259. .search-wrappers-rs-page .linebreak{
  1260.     margin-bottom: 20px;
  1261. }
  1262. .mgt25{
  1263.     margin-top: 25px;
  1264. }
  1265. .control-searchbtn{
  1266.     position: relative;
  1267.     padding-bottom: 30px;
  1268. }
  1269. .orderby{
  1270.     border: solid 1px #2a2e80;
  1271.     outline: none;
  1272.     color: #2a2e80;
  1273.     width: auto;
  1274.     padding-left: 10px;
  1275.     /*float: right;*/
  1276.     font-weight: bold;
  1277. }
  1278. .sortbydiv{
  1279.     text-align: right;
  1280.     z-index: 15;
  1281.     padding-bottom: 15px;
  1282. }
  1283. .pre-headline{
  1284.     font-size: 27px;
  1285. }
  1286. .toogle-search-filter {
  1287.   display: none;
  1288. }
  1289. .img-ar.close-popup {
  1290.   float:right;
  1291.   cursor: pointer;
  1292. }
  1293. .title-sep-container{
  1294.   display: none !important;
  1295. }
  1296. .margin50{
  1297.   margin-top: 50px !important;
  1298. }
  1299. .pdf-text{
  1300.   text-align: center;
  1301.   padding-top: 10px;
  1302. }
  1303. /*Submission popup*/
  1304. #submission-model.modal{
  1305.   overflow: auto !important;
  1306. }
  1307. #submission-model .modal-title{
  1308.     display: none;
  1309. }
  1310. #submission-model .modal-header{
  1311.     padding: 20px;
  1312.     border: none;
  1313. }
  1314. #submission-model .modal-footer{
  1315.     display: none;
  1316. }
  1317. .page-search .modal-backdrop.in, .page-challenge .modal-backdrop.in, .page-company .modal-backdrop.in{
  1318.     opacity: 0.05;
  1319. }
  1320. #main .search-rs .category-block,
  1321. #main .search-rs .subcategory-block,
  1322. #main .search-rs .contribution-company {
  1323.   font-size: 14px;
  1324. }
  1325. #submission-model  .modal-body{
  1326.     padding-left: 80px;
  1327.     padding-right: 80px;
  1328.   padding-bottom: 80px;
  1329. }
  1330. #submission-model .close-icon{
  1331.     position: relative;
  1332.     top: 15px;
  1333.     width: 35px;
  1334. }
  1335. #submission-model .cate {
  1336.   font-size: 14px;
  1337. }
  1338. .page-search .modal-content{
  1339.     border: none;
  1340.     box-shadow: none;
  1341.     border-radius: 0px;
  1342. }
  1343. .hr-break-pop{
  1344.     margin-top: 20px;
  1345.     margin-bottom: 20px;
  1346.     color: #2a2e80;
  1347.     border-top: solid 1px #2a2e80;
  1348. }
  1349. .trl-desc{
  1350.     font-style: italic;
  1351. }
  1352. .pre_sub{
  1353.     position: absolute;
  1354.     top: 50%;
  1355.     padding-left: 10px;
  1356. }
  1357.  
  1358. .next_sub{
  1359.     position: absolute;
  1360.     top: 50%;
  1361.     right : 0%;
  1362.     padding-right: 10px;
  1363. }
  1364. .pre-icon, .next-icon{
  1365.     width: 30px;
  1366. }
  1367. #submission-model .modal-header .close{
  1368.     opacity: 1;
  1369. }
  1370. #submission-model .modal-header{
  1371.     height: 77px;
  1372. }
  1373.  
  1374.  
  1375. /*Challeng page*/
  1376.  
  1377. .table-submission h3.contribution-title{
  1378.     font-weight: bold;
  1379.     display: inline-block;
  1380.     color: #323076;
  1381. }
  1382. .table-submission .contribution-desc{
  1383.     margin-bottom: 0px;
  1384. }
  1385. .table-submission{
  1386.     display: block;
  1387.     max-width: 960px;
  1388.     margin: 0 auto;
  1389. }
  1390. #toggle-challenge {
  1391.   display: none;
  1392.   color: #323076;
  1393.   font-size: 14px;
  1394.   font-weight: bold;
  1395. }
  1396. .custom-toogle img.down {
  1397.   display: none;
  1398. }
  1399. .custom-toogle img {
  1400.   float: right;
  1401.   width: 20px;
  1402. }
  1403. .custom-toogle img.up {
  1404.   display: inline;
  1405. }
  1406. .custom-toogle.down img.down{
  1407.   display: inline;
  1408. }
  1409. .custom-toogle.down img.up{
  1410.   display: none;
  1411. }
  1412. .toggle-challenge-wrapper {
  1413.   padding: 0 35px;
  1414.   margin-top: 10px;
  1415. }
  1416. .visible-sm {
  1417.   display: none;
  1418. }
  1419. .visible-xs {
  1420.   display: none;
  1421. }
  1422. .mc4wp-response{
  1423.     color: #fff;
  1424. }
  1425. .chl-warper{
  1426.     display: inline-block;
  1427. }
  1428. .no-rs{
  1429.     padding-left: 40px;
  1430. }
  1431.  
  1432. .choosen_cate_text{
  1433.   width: 70%;
  1434.   position: relative;
  1435.   top: -8px;
  1436. }
  1437. .choosen_cate_text .changetext{
  1438.   font-size: 13px;
  1439.   padding-right: 7px;
  1440. }
  1441. .choosen_subcate_text .changetext_subcate{
  1442.     font-size: 13px;
  1443.     /*position: relative;
  1444.     display: block;
  1445.     top: -16px;
  1446.     padding-left: 16px;*/
  1447. }
  1448.  
  1449. .choosen_subcate_text {
  1450.     width: 65%;
  1451.     position: relative;
  1452.     top: -8px;
  1453. }
  1454. .choosen_subcate_text img{
  1455.   position: relative;
  1456.   top: -10px;
  1457. }
  1458. .choosen_cate_text .img-ar{
  1459.   top: -10px;
  1460. }
  1461. .img-ar{
  1462.   float: right;
  1463. }
  1464. .selected{
  1465.     background-color: #E1EAF4;
  1466.     cursor: pointer;
  1467. }
  1468. .title-ref{
  1469.   font-weight: 300;
  1470.   font-size: 16px;
  1471.   color: #35348e;
  1472.   font-style: italic;
  1473. }
  1474. .ref-link{
  1475.   color: #35348e;
  1476.   font-size: 14px;
  1477. }
  1478. .typediv{
  1479.   margin-bottom: 10px;
  1480. }
  1481.  
  1482. /* Footer */
  1483. .footer-title{
  1484.   margin-bottom: 10px;
  1485.   color: #fff !important;
  1486.   font-size: 22px !important;
  1487. }
  1488. .fusion-footer p{
  1489.   padding-bottom: 0px;
  1490.   margin-bottom: 0px;
  1491.   margin-top: 0px;
  1492. }
  1493. .link-footer{
  1494.     display: block;
  1495.     padding: 15px 10px 15px 10px;
  1496.     border: solid 1px #fff !important;
  1497.     width: 125px;
  1498.     text-align: center;
  1499.     font-weight: bold;
  1500.     margin-top: 45px;
  1501.     color: #fff !important;
  1502. }
  1503. .submission-detail-a{
  1504.   cursor: inherit;
  1505. }
  1506.  
  1507. .catalog-wrapper {
  1508.     text-align: center;
  1509.     margin-top: 73px;
  1510. }
  1511. .not-banner {
  1512.     margin-top: 26px;
  1513. }
  1514. .catalog-group-inner-wrapper {
  1515.     display: inline-block;
  1516. }
  1517. .catalog-group-container {
  1518.     float: left;
  1519.     margin-left: 7px;
  1520. }
  1521. .catalog-group-container:first-child {
  1522.     margin-left: 0;
  1523. }
  1524. .catalog-item-wrapprer {
  1525.     position: relative;
  1526.     box-sizing: border-box;
  1527.     float: left;
  1528.     height: 140px;
  1529.     width: 150px;
  1530.     border-radius: 4px;
  1531.     background: linear-gradient(180deg, #120046 0%, #3B398B 100%);
  1532.     color: #FFFFFF;
  1533.     margin-left: 6px;
  1534. }
  1535. .catalog-item-wrapprer:first-child {
  1536.     margin-left: 0;
  1537. }
  1538. .catalog-info {
  1539.     width: 500px;
  1540.     position: absolute;
  1541.     bottom: -100px;
  1542.     display: none;
  1543. }
  1544. .catalog-info p {
  1545.     text-align: left;
  1546.     color: #fff;
  1547. }
  1548. /*a.catalog-item-wrapprer:hover .catalog-info {*/
  1549.         /*display: block;*/
  1550. /*}*/
  1551. .catalog-group-title {
  1552.     text-align: center;
  1553.     position: absolute;
  1554.     top: -15px;
  1555.     display: inline-block;
  1556.     padding:0 22px;
  1557.     left: 0;
  1558.     right: 0;
  1559.     margin: 0 auto;
  1560.     line-height: 1;
  1561.     width: 135px;
  1562.     background-color: #120046;
  1563. }
  1564. .not-banner .catalog-group-title {
  1565.     background-color: #fff;
  1566. }
  1567. .catalog-group-title h4 {
  1568.     margin: 0 auto !important;
  1569.     text-align: center !important;
  1570. }
  1571. .catalog-group-title h4 span {
  1572.     text-align: center;
  1573.     margin: 0 auto !important;
  1574.     font-size: 18px;
  1575.     font-weight: 500;
  1576.     color: #A38F64;
  1577. }
  1578. .catalogs-group-item {
  1579.     display: inline-block;
  1580.     width: auto;
  1581.     height: 170px;
  1582.     border-top: 2px solid #A38F64;
  1583.     position: relative;
  1584. }
  1585. .catalog-icon {
  1586.     height: 84px;
  1587.     line-height:84px;
  1588.     text-align: center;
  1589.     vertical-align: middle;
  1590. }
  1591. .catalog-icon img {
  1592.     max-height: 100%;
  1593.     vertical-align: middle;
  1594. }
  1595.  
  1596. .catalog-icon::before,
  1597. .catalog-icon::after {
  1598.     content: 'a';
  1599.     visibility: hidden;
  1600. }
  1601. .catalog-title {
  1602.     height: 40%;
  1603. }
  1604. .catalog-title p {
  1605.     font-size: 18px;
  1606.     text-align: center;
  1607.     color: #FFFFFF;
  1608.     font-weight: 500;
  1609. }
  1610. .catalog-main-content {
  1611.     margin-top: 15px;
  1612. }
  1613. .catalog-inner {
  1614.     height: inherit;
  1615. }
  1616. .renewable a.catalog-item-wrapprer {
  1617.     background: #009AD9 !important;
  1618. }
  1619. .renewable .catalogs-group-item {
  1620.     border-top: 2px solid #009AD9;
  1621. }
  1622. .renewable .catalog-group-title h4 span{
  1623.     color: #009AD9;
  1624. }
  1625. .not-banner .catalog-item-wrapprer {
  1626.     background: #fff;
  1627.     border: 2px solid #221741;
  1628. }
  1629. .not-banner .catalog-item-wrapprer .catalog-title p {
  1630.     color: #232323;
  1631. }
  1632.  
  1633. .not-banner .renewable a.catalog-item-wrapprer {
  1634.     background: #fff !important;
  1635.     border: 2px solid #009AD9;
  1636. }
  1637. .not-banner .renewable .catalog-item-wrapprer .catalog-title p {
  1638.     color: #232323;
  1639. }
  1640.  
  1641. @media (min-width: 768px) and (max-width: 1024px) {
  1642.     .catalog-group-inner-wrapper {
  1643.         display: inline-block;
  1644.         text-align: center;
  1645.     }
  1646.     .catalog-group-container:first-child {
  1647.         margin-left: 0;
  1648.         margin-bottom: 40px;
  1649.     }
  1650.     .catalog-group-container {
  1651.         float: none;
  1652.     }
  1653. }
  1654.  
  1655. .hp-search-wrapper {
  1656.     margin-top: 10px;
  1657. }
  1658.  
  1659. .hp-search-container {
  1660. }
  1661.  
  1662. .input-group {
  1663.     position: relative;
  1664.     display: inline-block;
  1665.     width: 477px;
  1666.     left: 50%;
  1667.     margin-left: -239px;
  1668. }
  1669.  
  1670. input[type=search] {
  1671.     appearance: none;
  1672.     -moz-appearance:none;
  1673.     -webkit-appearance:none;
  1674. }
  1675.  
  1676. /* clears the 'X' from Internet Explorer */
  1677. input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
  1678. input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }
  1679.  
  1680. /* clears the 'X' from Chrome */
  1681. input[type=search]::-webkit-search-decoration,
  1682. input[type=search]::-webkit-search-cancel-button,
  1683. input[type=search]::-webkit-search-results-button,
  1684. input[type=search]::-webkit-search-results-decoration { display: none; }
  1685.  
  1686.  
  1687. .input-group input[type=search] {
  1688.     border: 1px solid #4A90E2;
  1689.     background-color: #FFFFFF;
  1690.     box-shadow: 0 0 2px 0 rgba(74,144,226,0.7);
  1691.     padding: 17px;
  1692.     width: 100%;
  1693.     color: #4A4A4A;
  1694.     font-size: 14px;
  1695.     line-height: 19px;
  1696.     font-family: Roboto;
  1697. }
  1698.  
  1699. ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  1700.     color: #4A4A4A !important;
  1701. }
  1702. ::-moz-placeholder { /* Firefox 19+ */
  1703.     color: #4A4A4A !important;
  1704. }
  1705. :-ms-input-placeholder { /* IE 10+ */
  1706.     color: #4A4A4A !important;
  1707. }
  1708. :-moz-placeholder { /* Firefox 18- */
  1709.     color: #4A4A4A !important;
  1710. }
  1711.  
  1712. .input-group span {
  1713.     position: absolute;
  1714.     top: 15px;
  1715.     right: 20px;
  1716.     display: inline-block;
  1717.     vertical-align: middle;
  1718. }
  1719.  
  1720. .input-group span i {
  1721.     color: #979797;
  1722.     font-size: 25px;
  1723. }
  1724.  
  1725. .hp-search-option {
  1726.     position: relative;
  1727.     display: inline-block;
  1728.     left: 50%;
  1729.     margin-left: 40px;
  1730. }
  1731.  
  1732. a.option-item {
  1733.     margin-left: 17px;
  1734.     font-family: Roboto;
  1735.     font-size: 18px;
  1736.     font-style: italic;
  1737.     line-height: 28px;
  1738.     color: #FFFFFF;
  1739.     opacity: 0.6;
  1740.     text-decoration: none;
  1741. }
  1742.  
  1743. a.option-item:first-child {
  1744.     margin-left: 0;
  1745. }
  1746.  
  1747. a.option-item:hover {
  1748.     opacity: 1.0;
  1749.     color: #FFFFFF;
  1750.     text-decoration: underline;
  1751. }
  1752.  
  1753. @media (min-width: 768px) and (max-width: 1024px) {
  1754.     .input-group {
  1755.         display: block;
  1756.     }
  1757.     .hp-search-option {
  1758.         display: block;
  1759.         text-align: center;
  1760.         margin: auto;
  1761.         left: auto;
  1762.     }
  1763. }
  1764.  
  1765. #last-publish-div .first {
  1766.     padding-left: 0;
  1767. }
  1768.  
  1769. #last-publish-div .last {
  1770.     padding-right: 0;
  1771. }
  1772.  
  1773. #last-publish-div .company-logo {
  1774.     height: 70px;
  1775. }
  1776.  
  1777. #last-publish-div p.company-name {
  1778.     margin: 5px 0;
  1779.     color: #303030;
  1780.     font-size: 16px;
  1781.     font-family: Roboto;
  1782.     font-style: italic;
  1783.     line-height: 21px;
  1784. }
  1785.  
  1786. #last-publish-div h3.contribution-title {
  1787.     color: #303030;
  1788.     font-family: Roboto;
  1789.     font-size: 22px;
  1790.     font-weight: bold;
  1791.     line-height: 29px;
  1792. }
  1793.  
  1794. #last-publish-div h4.short-contribution-title {
  1795.     color: #303030;
  1796.     font-family: Roboto;
  1797.     font-size: 16px;
  1798.     font-weight: bold;
  1799.     line-height: 21px;
  1800.     margin: 0;
  1801. }
  1802.  
  1803. #last-publish-div .submission-title {
  1804.     margin-bottom: 12px;
  1805. }
  1806. #last-publish-div .desc-wrapper {
  1807. }
  1808. #last-publish-div p.desc-content {
  1809.     max-height: 120px;
  1810.     position: relative;
  1811.     color: #000000 !important;
  1812.     font-size: 15px;
  1813.     line-height: 20px;
  1814.     margin-right: -10px;
  1815.     padding-right: 15px;
  1816.     overflow: hidden;
  1817.     text-overflow: ellipsis;
  1818.     text-align: justify;
  1819. }
  1820. #last-publish-div p.desc-content:before {
  1821.     content: '...';
  1822.     position: absolute;
  1823.     right: 0;
  1824.     bottom: -5px;
  1825. }
  1826. #last-publish-div p.desc-content:after {
  1827.     content: '';
  1828.     position: absolute;
  1829.     right: 0;
  1830.     width: 10px;
  1831.     height: 10px;
  1832.     margin-top: 2px;
  1833.     background: white;
  1834. }
  1835. #last-publish-div .listed-in {
  1836.     margin-top: 10px;
  1837. }
  1838.  
  1839. #last-publish-div .listed-in .listed-in-header {
  1840.     width: 50%;
  1841.     margin-bottom: 8px;
  1842.     border-bottom: 2px solid #009AD9;;
  1843. }
  1844.  
  1845. #last-publish-div .listed-in .listed-in-header h4.listed-in-title {
  1846.     margin: 0;
  1847.     color: #009AD9;
  1848.     font-family: Roboto;
  1849.     font-size: 13px;
  1850.     font-weight: 500;
  1851.     line-height: 18px;
  1852. }
  1853.  
  1854. #last-publish-div .listed-in .listed-in-content {
  1855.     padding-bottom: 20px;
  1856. }
  1857.  
  1858. #last-publish-div .listed-in .listed-in-content p.category-listed {
  1859.     color: #5A5A5A;
  1860.     font-family: Roboto;
  1861.     font-size: 13px;
  1862.     font-style: italic;
  1863.     line-height: 18px;
  1864. }
  1865. .download-document {
  1866.     text-align: center;
  1867.     padding-top: 63px !important;
  1868.     padding-bottom: 93px !important;
  1869. }
  1870.  
  1871. .download-document p {
  1872.     display: inline;
  1873. }
  1874.  
  1875. .download-document .download-icon {
  1876.     margin-right: 17px;
  1877. }
  1878.  
  1879. .download-document h2.download-title {
  1880.     color: #221741;
  1881.     display: inline;
  1882.     font-weight: 500 !important;
  1883.     line-height: 39px !important;
  1884.     font-size: 30px !important;
  1885.     vertical-align: middle;
  1886. }
  1887.  
  1888. .sponsor-container {
  1889.     padding-top: 110px !important;
  1890.     padding-bottom: 154px !important;
  1891. }
  1892.  
  1893. .sponsor-container .fusion-row {
  1894.     max-width: 1425px !important;
  1895. }
  1896.  
  1897. .sponsor-container h2.sponsor-title {
  1898.     text-align: center;
  1899.     font-size: 41px !important;
  1900.     font-weight: bold !important;
  1901.     line-height: 54px !important;
  1902.     margin-bottom: 53px !important;
  1903. }
  1904.  
  1905. .sponsor-container h2.sponsor-title a {
  1906.     color: #221741 !important;
  1907. }
  1908.  
  1909. @media (min-width: 1024px) {
  1910.   .fusion-main-menu>ul>li{
  1911.     padding-right: 30px !important;
  1912.   }
  1913.   .fusion-header-wrapper{
  1914.     position: absolute !important;
  1915.     width: 100% !important;
  1916.   }
  1917.   .home #main{
  1918.     position: relative !important;
  1919.     top: 45px !important;
  1920.   }
  1921.  
  1922.   .page-template-default  #main{
  1923.     padding-top: 95px !important;
  1924.   }
  1925.  
  1926.   .fusion-header {
  1927.       height: inherit !important;
  1928.   }
  1929.   .home-search-textblock{
  1930.     padding: 0px !important;
  1931.   }
  1932.   .hr-break-pop{
  1933.     width: 20%;
  1934.   }
  1935.   .current-data .company-img{
  1936.     float: right;
  1937.   }
  1938.   .search-wrappers-rs-page .search-btn-div .searchbtn{
  1939.     position: absolute;
  1940.       top: -47px;
  1941.       left: 370px;
  1942.   }
  1943.   .export_pdf_searchrs{
  1944.     float: right;
  1945.   }
  1946.   .change-text{
  1947.     font-size: 35px !important;
  1948.     margin: 13px 0px 0px 0px !important;
  1949.   }
  1950.     .search-wrapper {
  1951.         display: table;
  1952.     }
  1953.     .home #searchform{
  1954.         display: table-cell;
  1955.         float: none;
  1956.         vertical-align: bottom;
  1957.     }
  1958.  
  1959.     #searchcpnform{
  1960.         display: table-cell;
  1961.         float: none;
  1962.         vertical-align: bottom;
  1963.     }
  1964.  
  1965.     #seachchallenges{
  1966.         display: table-cell;
  1967.         float: none;
  1968.         vertical-align: bottom;
  1969.     }
  1970.     .search-wrapper{
  1971.       padding-top: 0px;
  1972.       top: -75px;
  1973.       position: relative;
  1974.       z-index: 9999;
  1975.     }
  1976.     .home .last-publish-block h2{
  1977.         font-size: 41px !important;
  1978.         color: #303030;
  1979.         font-family: Roboto;
  1980.         font-weight: bold;
  1981.         line-height: 54px;
  1982.     }
  1983.     .sponsor-block h2{
  1984.         margin-top: 30px;
  1985.         font-size: 40px !important;
  1986.     }
  1987.     .last-published-container{
  1988.         padding-top: 0 !important;
  1989.         margin-top: 20px;
  1990.         padding-bottom: 41px !important;
  1991.     }
  1992.     .last-published-post{
  1993.         width: 70%;
  1994.     }
  1995.     .last-publish-block{
  1996.         padding-top: 20px;
  1997.     }
  1998.     .newsletter-block{
  1999.         padding-top: 20px;
  2000.     }
  2001.     #newsletter-div h2{
  2002.         font-size: 40px !important;
  2003.     }
  2004.     .resource-title{
  2005.         font-family: Roboto !important;
  2006.         font-weight: 500 !important;
  2007.         line-height: 39px !important;
  2008.         font-size: 30px !important;
  2009.     }
  2010.     .resources-container{
  2011.         padding-top: 40px !important;
  2012.     }
  2013.   #main {
  2014.       min-height: 650px;
  2015.   }
  2016. }
  2017. @media (min-width: 1200px) {
  2018.   #full-width-image{
  2019.     height: 740px;
  2020.   }
  2021.    .right-side{
  2022.         margin-left: 30px;
  2023.    }
  2024.    .search-company .export_pdf_company{
  2025.         margin-top: 55px;
  2026.     }
  2027.    .export_pdf_company.challenge{
  2028.         float: right;
  2029.         margin-right: 15px;
  2030.     }
  2031.     .home-search-textblock .fusion-column-wrapper h1{
  2032.         font-size: 60px;
  2033.         margin-bottom: 16px;
  2034.     }
  2035.     .home-search-textblock{
  2036.         padding-top: 50px;
  2037.     }
  2038.     .home-search-textblock .fusion-column-wrapper p{
  2039.         font-size: 26px;
  2040.         margin: 0px;
  2041.     }
  2042.     .page-search .searchbtn{
  2043.         width: 92%;
  2044.     }
  2045. }
  2046.  
  2047. @media (min-width: 769px) {
  2048.     .export_pdf_searchrs{
  2049.         float: right;
  2050.     }
  2051. }
  2052.  
  2053. @media only screen and (max-width: 800px) {
  2054.     .export_pdf_searchrs{
  2055.         margin-top: 10px;
  2056.         width: 200px !important;
  2057.     }
  2058.     #your_challenge{
  2059.         width: 100%;
  2060.         margin-top: 20px;
  2061.     }
  2062.     .fusion-logo img{
  2063.         width: 140px;
  2064.     }
  2065.     #livesearch{
  2066.         width: 88.5%;
  2067.     }
  2068.     .fusion-logo{
  2069.         margin: 0 auto !important;
  2070.         width: 95.5%;
  2071.         /* float: none; */
  2072.         text-align: center;
  2073.         display: inline-block;
  2074.     }
  2075.     .fusion-mobile-menu-icons a{
  2076.         margin-left: 0px !important;
  2077.         font-size: 31px;
  2078.         color: #fff;
  2079.     }
  2080. }
  2081. @media only screen and (min-width: 768px) and (max-width: 991px) {
  2082.   .chl-warper {
  2083.     display: block;
  2084.   }
  2085.   .chl-warper .panel-group .panel {
  2086.     padding: 0;
  2087.   }
  2088.   .search-company .title-block {
  2089.     min-height: inherit;
  2090.   }
  2091.   .search-company .right-side .company-img{
  2092.     margin-top: 30px;
  2093.   }
  2094.   #main .search-company .contact-title {
  2095.     margin-bottom: 10px;
  2096.   }
  2097.   .chl-warper .panel-title a {
  2098.     width: calc(100% - 45px);
  2099.     display: block;
  2100.   }
  2101.   .export_pdf_company.challenge {
  2102.     margin-top: 20px;
  2103.   }
  2104.   #toggle-challenge {
  2105.     width: 100%;
  2106.     display: block;
  2107.   }
  2108.   .panel-default > .panel-heading {
  2109.       position: relative;
  2110.       padding: 10px 10px;
  2111.   }
  2112.   span.cirle-number {
  2113.       position: absolute;
  2114.       top: calc(50% - 8px);
  2115.       right: 27px;
  2116.       left: inherit;
  2117.   }
  2118.   .outt,
  2119.   .inn {
  2120.       position: absolute;
  2121.       top: calc(50% - 10px);
  2122.       right: 0;
  2123.       left: inherit;
  2124.   }
  2125.   .inn {
  2126.       top: calc(50% - 5px);
  2127.   }
  2128.   .hidden-sm {
  2129.     display: none !important;
  2130.   }
  2131.   .hidden-sm-xs {
  2132.     display: none !important;
  2133.   }
  2134.   .visible-sm {
  2135.     display: block;
  2136.   }
  2137.   #main .searchrs-input {
  2138.     width: 70%;
  2139.     float: left;
  2140.   }
  2141.   #main .searchrs-input #homesearch {
  2142.     width: 100% !important;
  2143.   }
  2144.   #main .export_pdf_searchrs {
  2145.     float: left;
  2146.     margin-top: 0;
  2147.     margin-left: 0;
  2148.   }
  2149.   .sr #cate_popups {
  2150.     left: inherit !important;
  2151.     right: 0 !important;
  2152.   }
  2153.   #subcate_popups {
  2154.     left: inherit !important;
  2155.     right: 0 !important;
  2156.   }
  2157.   .sr .nsb-drawer-arrow {
  2158.     right: 22px;
  2159.   }
  2160.   #subcate_arr {
  2161.     right: 22px !important;
  2162.   }
  2163.   .cate-choose {
  2164.     overflow: hidden;
  2165.   }
  2166.   .search-company .left-side .company-img-company {
  2167.     display: block !important;
  2168.     width: 30%;
  2169.     float: right;
  2170.   }
  2171.   .search-company .company-img-company img {
  2172.       margin-top: 15px;
  2173.   }
  2174.   .search-company .pre-headline {
  2175.     width: 100%;
  2176.     overflow: hidden;
  2177.   }
  2178.   .search-company .export_pdf_company {
  2179.     margin-top: 10px;
  2180.   }
  2181. }
  2182.  
  2183. @media only screen and (max-width: 767px) {
  2184.   .chl-warper {
  2185.     display: block;
  2186.   }
  2187.   .chl-warper .panel-group .panel {
  2188.     padding: 0;
  2189.   }
  2190.     .fusion-logo{
  2191.         width: 93% !important;
  2192.     }
  2193.   .hidden-sm-xs {
  2194.     display: none !important;
  2195.   }
  2196.   .hidden-xs {
  2197.     display: none !important;
  2198.   }
  2199.   .visible-xs {
  2200.     display: block;
  2201.   }
  2202.   .search-company .title-block {
  2203.     min-height: inherit;
  2204.   }
  2205.   .search-company h1.company-title {
  2206.     font-size: 22px;
  2207.     font-weight: bold;
  2208.   }
  2209.   .search-company .pre-headline {
  2210.     font-size: 22px;
  2211.   }
  2212.   .search-company .panel-title a {
  2213.       font-size: 14px;
  2214.       width: calc(100% - 45px);
  2215.       display: block;
  2216.   }
  2217.   .search-company .left-side .company-img{
  2218.     display: block;
  2219.     width: 100%;
  2220.     text-align: center;
  2221.     padding-bottom: 20px;
  2222.   }
  2223.   .search-company .left-side .company-img-company {
  2224.     display: block !important;
  2225.     width: 100%;
  2226.     text-align: center;
  2227.     padding-bottom: 20px;
  2228.   }
  2229.   .panel-default > .panel-heading {
  2230.       position: relative;
  2231.       padding: 10px 10px;
  2232.   }
  2233.   span.cirle-number {
  2234.       position: absolute;
  2235.       top: calc(50% - 8px);
  2236.       right: 27px;
  2237.       left: inherit;
  2238.   }
  2239.   .outt,
  2240.   .inn {
  2241.       position: absolute;
  2242.       top: calc(50% - 10px);
  2243.       right: 0;
  2244.       left: inherit;
  2245.   }
  2246.   .inn {
  2247.       top: calc(50% - 5px);
  2248.   }
  2249.   .export_pdf_company.cosearch {
  2250.     width: 100%;
  2251.     margin-top: 20px;
  2252.   }
  2253.   .content-sub-title .data-title {
  2254.       padding: 10px 10px 10px 30px;
  2255.   }
  2256.   #main .search-company .contact-title {
  2257.       font-size: 22px;
  2258.       margin-bottom: 10px;
  2259.   }
  2260.   .modal-dialog {
  2261.     padding: 20px 0;
  2262.     position: fixed;
  2263.     display: block;
  2264.     top: 0;
  2265.     margin-top: 0px;
  2266.     margin-bottom: inherit !important;
  2267.     transform: inherit !important;
  2268.     vertical-align: top !important;
  2269.     height: 100%;
  2270.     overflow-y: scroll;
  2271.   }
  2272.   #submission-model .modal-dialog {
  2273.     width: calc(100% - 20px);
  2274.   }
  2275.   #submission-model .modal-body {
  2276.       padding-left: 30px;
  2277.       padding-right: 30px;
  2278.   }
  2279.   .pre-icon{
  2280.     width: 20px;
  2281.   }
  2282.   .next-icon{
  2283.     width: 20px;
  2284.   }
  2285.   .pre_sub{
  2286.     padding-left: 5px;
  2287.   }
  2288.   .next_sub{
  2289.     padding-right: 5px;
  2290.   }
  2291.   .search-company span.trl-vl {
  2292.     word-break: break-all;
  2293.   }
  2294.  
  2295.   .challenge-title h1.page-title{
  2296.     font-size: 22px;
  2297.   }
  2298.   #toggle-challenge {
  2299.     width: 100%;
  2300.     display: block;
  2301.   }
  2302.   .filter-challenge p {
  2303.     font-size: 14px;
  2304.     margin-bottom: 0;
  2305.   }
  2306.  
  2307.   .chl-warper .panel-title a {
  2308.     font-size: 14px;
  2309.     width: calc(100% - 45px);
  2310.     display: block;
  2311.   }
  2312.   #main .chl-warper h3.contribution-title {
  2313.     font-size: 14px;
  2314.   }
  2315.   #main .chl-warper .contribution-company {
  2316.     font-size: 14px;
  2317.   }
  2318.   .chl-warper .subcategory-name {
  2319.     font-size: 14px;
  2320.   }
  2321.   .export_pdf_company.challenge {
  2322.     width: 100% !important;
  2323.     margin-top: 20px;
  2324.   }
  2325.   .chl-warper {
  2326.     margin-top: 0;
  2327.   }
  2328.  
  2329.   #homesearch {
  2330.     width: 100% !important;
  2331.     height: 54px !important;
  2332.     font-size: 14px;
  2333.   }
  2334.   .searchrs-input #input_img {
  2335.     width: 20px;
  2336.     height: 20px;
  2337.   }
  2338.   #main {
  2339.     padding: 5px !important;
  2340.   }
  2341.   .home #main {
  2342.     padding-left: 30px !important;
  2343.     padding-right: 30px !important;
  2344.   }
  2345.   .page-about-the-database #main {
  2346.     padding-left: 30px !important;
  2347.     padding-right: 30px !important;
  2348.   }
  2349.   .re-search-head {
  2350.       padding-bottom: 0;
  2351.   }
  2352.   p.searhfor {
  2353.     text-align: center;
  2354.   }
  2355.   .rs-count {
  2356.     text-align: center;
  2357.   }
  2358.   .rs-count span {
  2359.     font-size: 14px;
  2360.   }
  2361.   .toogle-search-filter{
  2362.     padding: 0 20px;
  2363.     margin-bottom: 20px;
  2364.   }
  2365.   .toogle-search-filter a {
  2366.     color: #35348e;
  2367.     font-weight: bold;
  2368.   }
  2369.   #cate_popups {
  2370.     width: 100%;
  2371.     top: 0 !important;
  2372.     left: 0 !important;
  2373.   }
  2374.   #subcate_popups {
  2375.     width: 100%;
  2376.     top: 0 !important;
  2377.     left: 0 !important;
  2378.   }
  2379.   .sr #cate_popups{
  2380.     left: 0px !important;
  2381.   }
  2382.   .sr .nsb-drawer-arrow {
  2383.     display: none;
  2384.   }
  2385.   .sr #subcate_arr {
  2386.     display: none;
  2387.   }
  2388.   .sr.catediv {
  2389.     border: 2px solid #3b3cad;
  2390.     margin: 0;
  2391.     width: calc(100% - 30px);
  2392.     margin: auto;
  2393.   }
  2394.   .sr.subcatediv {
  2395.     border: 2px solid #3b3cad;
  2396.     margin-top: -1px;
  2397.     width: calc(100% - 30px);
  2398.     margin: auto;
  2399.   }
  2400.   h3.contribution-title.cate {
  2401.     display: block !important;
  2402.     margin: 0;
  2403.   }
  2404.   #homesearch {
  2405.     border-color: #3b3cad !important;
  2406.   }
  2407.   .searchrs-input #input_img {
  2408.     top: 18px;
  2409.   }
  2410.   .searchrs-input #homesearch::-webkit-input-placeholder {
  2411.     color: #3b3cad;
  2412.   }
  2413.   .searchrs-input #homesearch::-moz-placeholder {
  2414.     color: #3b3cad;
  2415.   }
  2416.   .searchrs-input #homesearch:-ms-input-placeholder {
  2417.     color: #3b3cad;
  2418.   }
  2419.   .searchrs-input #homesearch:-moz-placeholder {
  2420.     color: #3b3cad;
  2421.   }
  2422.   .control-searchbtn {
  2423.     margin-top: 20px;
  2424.   }
  2425.   .more-rs-div {
  2426.     overflow: hidden;
  2427.   }
  2428.   .export_pdf_searchrs {
  2429.     width: 100% !important;
  2430.   }
  2431.   .toogle-search-filter {
  2432.     display: block;
  2433.   }
  2434.   #cate_popups {
  2435.     position: fixed;
  2436.     top: 75px !important;
  2437.     padding: 10px;
  2438.     background-color: transparent;
  2439.     height: calc(100% - 80px);
  2440.     z-index: 10101;
  2441.   }
  2442.   .admin-bar #cate_popups {
  2443.     top: 115px !important;
  2444.     height: calc(100% - 120px);
  2445.   }
  2446.  
  2447.   #cate_popups .category-section {
  2448.     background-color: white;
  2449.     padding: 20px;
  2450.     position: relative;
  2451.   }
  2452.  
  2453.   #cate_popups .category-section .cate-choose {
  2454.     overflow: hidden;
  2455.   }
  2456.   #cate_popups .category-section .block-heading h2 {
  2457.     font-size: 22px;
  2458.   }
  2459.   .img-ar.close-popup {
  2460.     display: block;
  2461.     position: absolute;
  2462.     top: 10px;
  2463.     left: inherit;
  2464.     right: 10px;
  2465.     cursor: pointer;
  2466.   }
  2467.   #subcate_popups {
  2468.     position: fixed;
  2469.     top: 75px !important;
  2470.     padding: 10px;
  2471.     background-color: transparent;
  2472.     height: calc(100% - 80px);
  2473.   }
  2474.   .admin-bar #subcate_popups {
  2475.     top: 115px !important;
  2476.     height: calc(100% - 120px);
  2477.   }
  2478.   #subcate_popups .subcate-section {
  2479.     background-color: white;
  2480.     padding: 20px;
  2481.     position: relative;
  2482.   }
  2483.   #subcate_popups .subcate-section .cate-choose {
  2484.     overflow: hidden;
  2485.   }
  2486.   #subcate_popups .subcate-section .block-heading h2 {
  2487.     font-size: 22px;
  2488.   }
  2489.  
  2490.   #type_popups {
  2491.     position: fixed;
  2492.     top: 75px !important;
  2493.     padding: 10px;
  2494.     background-color: transparent;
  2495.    height: calc(100% - 80px);
  2496.     left: 0;
  2497.     width: 100%;
  2498.   }
  2499.   .admin-bar #type_popups {
  2500.     top: 115px !important;
  2501.   }
  2502.   #type_arr{
  2503.     display: none;
  2504.   }
  2505.   .rs-count{
  2506.     padding-bottom: 20px;
  2507.   }
  2508.   #type_popups .subcate-section {
  2509.     background-color: white;
  2510.     padding: 20px;
  2511.     position: relative;
  2512.    height: 195px;
  2513.   }
  2514.   .choosen_subcate_text{
  2515.     width: 60%;
  2516.   }
  2517.   .sr #cate_popups {
  2518.     position: fixed;
  2519.     top: 75px !important;
  2520.     padding: 10px;
  2521.     background-color: transparent;
  2522.     height: calc(100% - 80px);
  2523.   }
  2524.   .admin-bar .sr #cate_popups {
  2525.     top: 115px !important;
  2526.     height: calc(100% - 120px);
  2527.   }
  2528.   .sr #cate_popups .category-section {
  2529.     background-color: white;
  2530.     padding: 20px;
  2531.     position: relative;
  2532.   }
  2533.   .sr #cate_popups .category-section .cate-choose {
  2534.     overflow: hidden;
  2535.   }
  2536.   .sr #cate_popups .category-section .block-heading h2 {
  2537.     font-size: 22px;
  2538.   }
  2539.   .img-ar.close-popup {
  2540.     display: block;
  2541.     position: absolute;
  2542.     top: 10px;
  2543.     left: inherit;
  2544.     right: 10px;
  2545.     cursor: pointer;
  2546.   }
  2547.   .sr #subcate_popups {
  2548.     position: fixed;
  2549.     top: 75px !important;
  2550.     padding: 10px;
  2551.     background-color: transparent;
  2552.     height: calc(100% - 80px);
  2553.   }
  2554.   .admin-bar .sr #subcate_popups {
  2555.     top: 115px !important;
  2556.     height: calc(100% - 120px);
  2557.   }
  2558.   .sr #subcate_popups .subcate-section {
  2559.     background-color: white;
  2560.     padding: 20px;
  2561.     position: relative;
  2562.   }
  2563.   .sr #subcate_popups .subcate-section .cate-choose {
  2564.     overflow: hidden;
  2565.   }
  2566.   .sr #subcate_popups .subcate-section .block-heading h2 {
  2567.     font-size: 22px;
  2568.   }
  2569.   #subcate_arr{
  2570.     display: none;
  2571.   }
  2572.   #cate_arr{
  2573.     display: none;
  2574.   }
  2575. }
  2576.  
  2577. @media only screen and (max-width: 1023px) {
  2578.   .types-lbl{
  2579.     font-size: 12px;
  2580.   }
  2581.   .home-search-textblock{
  2582.     padding: 0px !important;
  2583.   }
  2584.   .home-search-textblock .fusion-column-wrapper{
  2585.     padding-left: 40px !important;
  2586.   }
  2587.   #full-width-image{
  2588.   background-position: center top !important;
  2589.   }
  2590.   .page-search #main{
  2591.     padding-top: 0px;
  2592.   }
  2593.   .page-search .cate-lbl{
  2594.     width: 90%;
  2595.   }
  2596.   .cate-lbl{
  2597.     width: 90%;
  2598.   }
  2599.   #full-width-image{
  2600.    padding-left: 0px !important;
  2601.    padding-right: 0px !important;
  2602.    }
  2603.    .fusion-mobile-nav-item a{
  2604.     border: none !important;
  2605.     color: #323076 !important;
  2606.     background-color: #fff !important;
  2607.     font-size: 15px !important;
  2608.    }
  2609.    .fusion-mobile-nav-item span{
  2610.     border: none !important;
  2611.     color: #323076 !important;
  2612.  
  2613.    }
  2614.    #menu-main{
  2615.     border: none !important;
  2616.     background-color: #fff;
  2617.    }
  2618.    .fusion-mobile-nav-item{
  2619.     border: none !important;
  2620.     background-color: #fff;
  2621.     padding-top: 8px;
  2622.    }
  2623.    .login-btn .menu-text{
  2624.         padding: 15px 30px !important;
  2625.         background: #8bc8bd;
  2626.         color: #fff !important;
  2627.     }
  2628.     .login-btn{
  2629.         padding-bottom: 30px;
  2630.         padding-top: 17px;
  2631.  
  2632.     }
  2633.     .container-search{
  2634.         margin-bottom: 3px !important;
  2635.     }
  2636.     .subcatediv{
  2637.         margin-bottom: 3px !important;
  2638.     }
  2639.     .bigcatediv{
  2640.         padding-bottom: 15px;
  2641.     }
  2642.     .nsb-accordion{
  2643.         float: none !important;
  2644.     }
  2645. }
  2646. @media only screen and (min-width: 1024px) and (max-width: 1200px) {
  2647.   .types-lbl{
  2648.     font-size: 12px;
  2649.   }
  2650.   #cate_popups {
  2651.     top: 110px !important;
  2652.     left: 313px !important;
  2653.    }
  2654.    .nsb-drawer-arrow{
  2655.         top: 308px;
  2656.    }
  2657.    .home .nsb-drawer-arrow{
  2658.       top: 255px;
  2659.    }
  2660.    .home #subcate_arr{
  2661.       top: 307px;
  2662.    }
  2663.     #subcate_popups{
  2664.         left: 313px !important;
  2665.         top: 190px;
  2666.     }
  2667.     #subcate_arr{
  2668.         top: 370px;
  2669.  
  2670.     }
  2671.     .sr .nsb-drawer-arrow{
  2672.         right: 40px !important;
  2673.     }
  2674.     .sr #subcate_popups{
  2675.  
  2676.     }
  2677.  
  2678.     #type_popups{
  2679.       top: 285px !important;
  2680.       left: 313px !important;
  2681.     }
  2682.     #type_arr{
  2683.       top: 375px !important;
  2684.     }
  2685.     .choosen_subcate_text{
  2686.       width: 57%;
  2687.     }
  2688.  
  2689. }
  2690. @media only screen and (min-width: 768px) and (max-width: 1023px) {
  2691.     #cate_popups {
  2692.         top: 115px !important;
  2693.         left: 134px !important;
  2694.         z-index: 10101;
  2695.     }
  2696.     /*.admin-bar #cate_popups {
  2697.         top: 115px !important;
  2698.         height: calc(100% - 120px);
  2699.     }*/
  2700.     .choosen_cate_text{
  2701.       top: 0px;
  2702.       text-align: right;
  2703.     }
  2704.     .choosen_cate_text .img-ar{
  2705.       top: 0px;
  2706.     }
  2707.     .choosen_subcate_text{
  2708.       top: 0px;
  2709.       text-align: right;
  2710.     }
  2711.     .choosen_subcate_text .img-ar{
  2712.       top: 0px;
  2713.     }
  2714.     .nsb-drawer-arrow{
  2715.         border-top: 15px solid transparent;
  2716.         border-right: 25px solid transparent;
  2717.         border-left: 25px solid transparent;
  2718.         border-bottom: 50px solid #fff;
  2719.         top: 80px;
  2720.         right: 50px;
  2721.     }
  2722.     .home .cate-lbl{
  2723.         width: 90%;
  2724.     }
  2725.     #subcate_popups{
  2726.         right: 15px;
  2727.         top: 175px;
  2728.     }
  2729.     #subcate_arr{
  2730.         top: 145px;
  2731.         right: 50px;
  2732.         border-top: 15px solid transparent;
  2733.         border-right: 25px solid transparent;
  2734.         border-left: 25px solid transparent;
  2735.         border-bottom: 50px solid #fff;
  2736.     }
  2737.  
  2738.     #type_popups{
  2739.       left: 325px !important;
  2740.       top: 235px;
  2741.     }
  2742.  
  2743.     #type_arr{
  2744.       border-top: 15px solid transparent;
  2745.       border-right: 25px solid transparent;
  2746.       border-left: 25px solid transparent;
  2747.       border-bottom: 50px solid #fff;
  2748.       top: 210px;
  2749.       right: 50px;
  2750.     }
  2751. }
  2752.  
  2753. @media only screen and (max-width: 480px) {
  2754.     .fusion-logo {
  2755.         width: 88% !important;
  2756.     }
  2757.   .logo_showcase {
  2758.     padding: 0 !important;
  2759.   }
  2760. }
  2761.  
  2762. @media only screen and (max-width: 1200px) and (min-width: 769px)  {
  2763.   .fusion-main-menu > ul > li {
  2764.     padding-right: 15px !important;
  2765.   }
  2766.   .fusion-mobile-menu-icons a{
  2767.     position: relative;
  2768.     top: 20px;
  2769.   }
  2770. }
  2771.  
  2772. /*Mobile homepage - banner*/
  2773. @media (min-width: 320px) and (max-width: 480px) {
  2774.     .home-search-textblock .fusion-column-wrapper {
  2775.         padding: 20px 20px 8px 20px !important;
  2776.     }
  2777.     .home-search-textblock .fusion-column-wrapper h1 {
  2778.         font-size: 27px !important;
  2779.         font-weight: bold;
  2780.         line-height: 24px !important;
  2781.         text-align: left;
  2782.         margin: 0;
  2783.         padding-bottom: 8px !important;
  2784.     }
  2785.     .home-search-textblock .fusion-column-wrapper p {
  2786.         font-size: 17px !important;
  2787.         line-height: 17px !important;
  2788.         text-align: left;
  2789.         margin-bottom: 0 !important;
  2790.     }
  2791.     .catalog-wrapper {
  2792.         padding: 7px;
  2793.         text-align: center;
  2794.         margin-top: 5px;
  2795.     }
  2796.     .not-banner {
  2797.         margin-top: 14px;
  2798.     }
  2799.     .catalog-group-inner-wrapper {
  2800.         display: inline-block;
  2801.     }
  2802.     .catalog-group-container {
  2803.         float: none;
  2804.         margin: 0;
  2805.         margin-bottom: 15px;
  2806.     }
  2807.     .catalog-item-wrapprer {
  2808.         float: none;
  2809.         height: inherit;
  2810.         display: flex;
  2811.         align-items: center;
  2812.         padding-left: 15px;
  2813.         width: 49%;
  2814.         padding-top: 6px;
  2815.         padding-bottom: 6px;
  2816.     }
  2817.     .catalog-inner {
  2818.         float: none;
  2819.         height: inherit;
  2820.         display: flex;
  2821.     }
  2822.     .catalog-info {
  2823.         width: 500px;
  2824.         position: absolute;
  2825.         bottom: -100px;
  2826.         display: none;
  2827.     }
  2828.     .catalog-info p {
  2829.         line-height: 0;
  2830.         display: inline-block;
  2831.         text-align: left;
  2832.         color: #fff;
  2833.         margin: 0 !important;
  2834.     }
  2835.     /*a.catalog-item-wrapprer:hover .catalog-info {*/
  2836.     /*display: block;*/
  2837.     /*}*/
  2838.     .catalog-group-title {
  2839.         padding:0 1%;
  2840.         top: -13px;
  2841.     }
  2842.     .not-banner .catalog-group-title {
  2843.         background-color: #fff;
  2844.     }
  2845.     .catalog-group-title h4 {
  2846.         margin: 0 auto !important;
  2847.         text-align: center !important;
  2848.     }
  2849.     .catalog-group-title h4 span {
  2850.         font-size: 14px;
  2851.     }
  2852.     .catalogs-group-item {
  2853.         display: inline-block;
  2854.         width: 100%;
  2855.         height: auto;
  2856.         border-top: 2px solid #A38F64;
  2857.         position: relative;
  2858.     }
  2859.     .catalog-main-content {
  2860.         margin-top: 6px;
  2861.         display: flex;
  2862.         flex-wrap: wrap;
  2863.     }
  2864.     .catalog-item-1 {
  2865.         order: 0;
  2866.         margin-left: 0;
  2867.     }
  2868.     .catalog-item-2 {
  2869.         order: 2;
  2870.         margin-left: 0;
  2871.     }
  2872.     .renewable .catalog-item-2 {
  2873.         margin-left: 1%;
  2874.     }
  2875.     .catalog-item-3 {
  2876.         order: 1;
  2877.         margin-left: 1%;
  2878.     }
  2879.     .catalog-item-4 {
  2880.         order: 3;
  2881.         margin-left: 1%;
  2882.     }
  2883.     .catalog-icon {
  2884.         line-height: 1;
  2885.         vertical-align: middle;
  2886.         display: inline-block;
  2887.         width: 30px;
  2888.         height: auto;
  2889.     }
  2890.     .catalog-icon img {
  2891.         display: block;
  2892.         max-height: 30px;
  2893.     }
  2894.  
  2895.     .catalog-icon::before,
  2896.     .catalog-icon::after {
  2897.         content: none;
  2898.     }
  2899.     .catalog-title {
  2900.         height: auto;
  2901.         display: flex;
  2902.         text-align: left;
  2903.         vertical-align: middle;
  2904.         align-items: center;
  2905.         padding-left: 10px;
  2906.         max-width: calc(100% - 30px);
  2907.     }
  2908.     .catalog-title p {
  2909.         font-size: 14px;
  2910.         text-align: left;
  2911.         vertical-align: middle;
  2912.         margin: 0 !important;
  2913.     }
  2914. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!