SHARE
TWEET

Untitled

a guest May 21st, 2019 81 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2. html, body {
  3.     width: auto;
  4.     height: 100%;
  5.     margin: 0;
  6.  
  7. }
  8. body{
  9.     background-color: #0e0e0e;
  10. }
  11. h1{
  12.     font-family: Lusitana;
  13.     color: #BF902B;
  14.     font-size: 350%;
  15. }
  16. h2{
  17.     font-family: Lusitana;
  18.     color: #BF902B;
  19.     font-size: 250%;
  20. }
  21. h3{
  22.     font-family: "Crimson Text";
  23.     color: #FFFFFF;
  24.     margin: 0;
  25.     font-size: 150%;
  26. }
  27. a{
  28.     color: #BF902B;
  29.     text-decoration: none;
  30.     font-size: 100%;
  31. }
  32. /* =Navigation */
  33. span{
  34.     color: #BF902B;
  35. }
  36. nav {
  37.     display: none;
  38.     position: fixed;
  39.     right: 30px;
  40.     top: 50%;
  41.     -webkit-transform: translateY(-50%);
  42.     transform: translateY(-50%);
  43.     text-align: right;
  44.     z-index: 100;
  45. }
  46.  
  47. nav a {
  48.     display: block;
  49.     line-height: 25px;
  50.     position: relative;
  51.     padding-right: 20px;
  52.     color: #BF902B;
  53.     text-decoration: none;
  54. }
  55.  
  56. nav a:hover .nav-label {
  57.     -webkit-transform: translateX(0);
  58.     transform: translateX(0);
  59.     opacity: 1;
  60.     visibility: visible;
  61. }
  62.  
  63. nav .nav-dot {
  64.     display: block;
  65.     width: 10px;
  66.     height: 10px;
  67.     position: absolute;
  68.     right: 0;
  69.     top: 50%;
  70.     background-color: #BF902B;
  71.     border-radius: 100%;
  72.     -webkit-transform: translateY(-50%);
  73.     transform: translateY(-50%);
  74.     -webkit-transition: all 0.3s linear;
  75.     transition: all 0.3s linear;
  76. }
  77.  
  78. nav .nav-label {
  79.     font-family: "Crimson Text";
  80.     display: block;
  81.     opacity: 0.5;
  82.     visibility: hidden;
  83.     -webkit-transform: translateX(-10px);
  84.     transform: translateX(-10px);
  85.     color: #BF902B;
  86.     -webkit-transition: all 0.2s cubic-bezier(0.17, 0.68, 0.83, 0.68);
  87.     transition: all 0.2s cubic-bezier(0.17, 0.68, 0.83, 0.68);
  88. }
  89.  
  90. nav.is-dark a {
  91.     color: #212121;
  92. }
  93.  
  94. nav.is-dark .nav-dot {
  95.     background-color: rgba(0, 0, 0, 0.5);
  96. }
  97.  
  98. nav ul {
  99.     margin: 0;
  100.     padding: 0;
  101. }
  102.  
  103. nav li {
  104.     width: auto;
  105.     list-style: none;
  106. }
  107.  
  108. /*SLIDES --------------------------------------------------SLIDES*/
  109.  
  110. .video{
  111.     position: relative;
  112.     z-index: -1;
  113. }
  114.  
  115. .slide {
  116.  
  117.     width: 100%;
  118.     height: 100%;
  119. }
  120.  
  121. .slide#intro {
  122.     width: auto;
  123. }
  124.  
  125. .slide#slide01 {
  126.  
  127.     width: 100%;
  128.     height: 100%;
  129.     background-color: #000000;
  130. }
  131.  
  132. .slide#slide02 {
  133.     background: #000000;
  134.  
  135.     width: 100%;
  136.     height: 100%;
  137. }
  138.  
  139. .slide#slide03 {
  140.     background: #000000;
  141. }
  142.  
  143. .slide#slide04 {
  144.     width: 100%;
  145.     height: 100%;
  146.     background-color: #000000;
  147. }
  148.  
  149.  
  150.  
  151. /* ===== Media Queries ====0========================================0000=*/
  152. @media only screen and (min-width: 200px) {
  153.     nav {
  154.         display: block;
  155.     }
  156.  
  157.     /*NAVBAR LATERAL----------------------------------------*/
  158.     .sidenav {
  159.  
  160.         text-align: center;
  161.         height: 100%;
  162.         width: 0;
  163.         position: fixed;
  164.         z-index: 1;
  165.         top: 0;
  166.         left: 0;
  167.         background-color: #111;
  168.         overflow-x: hidden;
  169.         transition: 0.5s;
  170.     }
  171.  
  172.     /*conteudo, indidividualmentwe*/
  173.     .sidenav a {
  174.         position: relative;
  175.         padding: 5% 0 5% 0;
  176.         text-decoration: none;
  177.         font-size: 25px;
  178.         color: #BF902B;
  179.         display: block;
  180.         transition: 0.3s;
  181.         font-family: "Lusitana";
  182.  
  183.  
  184.     }
  185.  
  186.     .sidenav a:hover {
  187.         color: #BF902B;
  188.     }
  189.  
  190.     .sidenav .closebtn {
  191.         position: absolute;
  192.         top: 0;
  193.         right: 25px;
  194.         font-size: 36px;
  195.         margin-left: 50px;
  196.     }
  197.  
  198.     #main {
  199.         margin-top: 1.5%;
  200.         color: white;
  201.         margin-left: 2%;
  202.         transition: margin-left .5s;
  203.         position: absolute;
  204.     }
  205.  
  206.     @media screen and (width: 450px) {
  207.         .sidenav {
  208.             padding-top: 15px;
  209.         }
  210.  
  211.         .sidenav a {
  212.             font-size: 30px;
  213.         }
  214.     }
  215. }
  216.  
  217. /*--------FORM-------------*/
  218. form{
  219.     font-size: 200%;
  220.     color: #BF902B;
  221.     text-align: center;
  222.     font-family: "Lusitana";
  223. }
  224. input{
  225.     width: 50%;
  226.     margin: 5% 10% 5% 10%;
  227.     border: none;
  228.     border-bottom: 3px solid #BF902B;
  229.     background-color: #0e0e0e;
  230.     box-sizing: border-box;
  231.     font-size: 125%;
  232.     color: #BF902B;
  233.     font-family: "Crimson Text";
  234. }
  235. ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  236.     color: #BF902B;
  237.     opacity: 1; /* Firefox */
  238. }
  239. :-ms-input-placeholder { /* Internet Explorer 10-11 */
  240.     color: #BF902B;
  241. }
  242.  
  243. input:focus {
  244.     outline: none;
  245. }
  246.  
  247. input[type=button], input[type=submit], input[type=reset] {
  248.     background-color: #0e0e0e;
  249.     border: solid #BF902B;
  250.     color: #BF902B;
  251.     padding: 2% 2% 2% 2%;
  252.     text-decoration: none;
  253.     cursor: pointer;
  254. }
  255.  
  256.  
  257. .msg h2{
  258.     font-family: Lusitana;
  259.     color: #BF902B;
  260.     padding: 20% 10% 5% 10%;
  261.     font-size: 200%;
  262. }
  263.  
  264. input[type=radio]{
  265.     margin: 0;
  266.  
  267. }
  268. label{
  269.     font-size: 75%;
  270. }
  271.  
  272. /*-------------------------------------------------pagina-INTRO*/
  273. .imagemshort{
  274.     width:40%;
  275.     height: auto;
  276.     padding: 10% 0 10% 0;
  277. }
  278. .imagemnavbar {
  279.     width: 100%;
  280.     height: auto;
  281.     alignment: center;
  282. }
  283. .imagemlocal {
  284.     width: 100%;
  285.     height: auto;
  286.     alignment: center;
  287.     border: solid;
  288.     border-color: #BF902B;
  289.  
  290. }
  291.  
  292. .imagemlocali {
  293.     width: 100%;
  294.     height: auto;
  295.     alignment: center;
  296.     border: solid;
  297.     border-color: #BF902B;
  298.  
  299. }
  300.  
  301. .logoprincipal {
  302.     position: absolute;
  303.     width: 20%;
  304.     height: 30%;
  305. }
  306. .shadowimg{
  307.     width: 110px;
  308.     hegiht: 110px;
  309. }
  310.  
  311. .imagemparc{
  312.     display: inline-block;
  313.     width: 30%;
  314. }
  315.  
  316. /*-------------------------------------------------pagina-1*/
  317. .imagemslide1{
  318.     right:50%;
  319.     width: 50%;
  320.     height: 100%;
  321. }
  322. /*texto verdee--------------*/
  323. .textcontainerhp{
  324.     display:inline-block;
  325.     width: 90%;
  326.     margin: 0;
  327.     text-align: center;
  328.     color: #BF902B;
  329. }
  330. .textcontainerhp h2{
  331.     padding: 10% 0 5% 0;
  332.  
  333.     font-size: 350%;
  334.     font-family: Lusitana;
  335.     margin:0;
  336. }
  337.  
  338. .textcontainerhp h1{
  339.     padding: 10% 0 0 0;
  340.  
  341.     font-size: 200%;
  342.     font-family: Lusitana;
  343.     margin:0;
  344. }
  345. .textcontainerhp p{
  346.     color: #fff1be;
  347.     font-size: 200%;
  348.     display: inline-block;
  349.     width: 100%;
  350.     padding: 10% 5% 50% 5%;
  351.     text-align: center;
  352.     font-family: "Crimson Text";
  353. }
  354. .textcontainerhp a{
  355.     color: #BF902B;
  356.     font-size: 200%;
  357.     display: inline-block;
  358.     width: 100%;
  359.     padding: 5% 0 5% 0;
  360.     text-align: center;
  361.     font-family: Lusitana;
  362.     text-decoration: none;
  363. }
  364.  
  365.  
  366.  
  367. /*texto branco -------------*/
  368. .textcontainerhpw{
  369.     display:inline-block;
  370.     width: 90%;
  371.     margin: 0;
  372.     text-align: center;
  373.     color: #BF902B;
  374. }
  375. .textcontainerhpw h2{
  376.     padding: 10% 0 0 0;
  377.  
  378.     font-size: 350%;
  379.     font-family: Lusitana;
  380.     margin:0;
  381. }
  382.  
  383. .textcontainerhpw h1{
  384.     padding: 10% 0 0 0;
  385.  
  386.     font-size: 250%;
  387.     font-family: Lusitana;
  388.     margin:0;
  389. }
  390. .textcontainerhpw p{
  391.     color: #fff1be;
  392.     font-size: 200%;
  393.     display: inline-block;
  394.     width: 100%;
  395.     padding: 10% 5% 10% 5%;
  396.     text-align: center;
  397.     font-family: "Crimson Text";
  398. }
  399. .textcontainerhpw a{
  400.     color: #BF902B;
  401.     font-size: 200%;
  402.     display: inline-block;
  403.     width: 100%;
  404.     padding: 0 0 5% 0;
  405.     text-align: center;
  406.     font-family: "Crimson Text";
  407.     text-decoration: none;
  408. }
  409. .parcontainer{
  410.     display: inline-block;
  411.     width:100%;
  412.     padding-top: 10%;
  413. }
  414.  
  415. .parcontainer p{
  416.     color: #fff1be;
  417.     font-size: 180%;
  418.     font-family: "Crimson Text";
  419.     padding: 0 15% 0 10%;
  420.     text-align: left;
  421.     margin-top: 0;
  422. }
  423. .imagemparceiros{
  424.     display: inline-block;
  425.     width:50%;
  426. }
  427. .imagemquemsomos {
  428.     display: inline-block;
  429.     width:100%;
  430. }
  431.  
  432. .imagemporquebio {
  433.     display: inline-block;
  434.     width:100%;
  435. }
  436. .imgnomead {
  437.     width:100%;
  438.     border: solid;
  439.     border-color: #BF902B;
  440.     border-width: 5px;
  441. }
  442.  
  443. .grid-container {
  444.     width : 100%;
  445. }
  446.  
  447. .row {
  448.     content: '';
  449.     clear: both;
  450. }
  451.  
  452. .row.empty {
  453.     height: 10px;
  454. }
  455.  
  456. .row.bigempty {
  457.     height: 30px;
  458. }
  459.  
  460. .row.megaempty{
  461.     height: 60px;
  462. }
  463.  
  464. .grid-container *{
  465.     box-sizing: border-box;
  466.     text-align: center;
  467.     vertical-align: middle;
  468. }
  469.  
  470. [class*='col-'] {
  471.     float: left;
  472.     min-height: 20px;
  473.     width: 16.66%;
  474. }
  475. .col-100100{
  476.     width:100%;
  477. }
  478. .col-5050{
  479.     width: 50%;
  480. }
  481. .col-25100{
  482.     width: 25%;
  483. }
  484. .col-50100{
  485.     width: 50%
  486. }
  487.  
  488. .col-45100{
  489.     width: 45%
  490. }
  491. .col-1000{
  492.     width: 10%;
  493. }
  494. .col-0500{
  495.     width: 5%;
  496. }
  497. .col-30100{
  498.     width: 30%;
  499. }
  500. .col-125{
  501.     width: 12.5%;
  502. }
  503. .col-1575{
  504.     width:15%;
  505. }
  506. .col-0550{
  507.     width:5%;
  508. }
  509. .col-12500{
  510.     width:12.5%;
  511. }
  512. .col-15100 {
  513.     width: 15%
  514. }
  515.  
  516.  
  517. @media only screen and (max-width: 1365px) {
  518.  
  519.     .row.megaempty{
  520.         height: 30px;
  521.     }
  522.     h2{
  523.         font-family: Lusitana;
  524.         color: #BF902B;
  525.         font-size: 150%;
  526.     }
  527.     h3{
  528.         padding-bottom:5%;
  529.     }
  530.  
  531.     .parcontainer p{
  532.         padding: 10%;
  533.     }
  534.     .col-1000{
  535.         width: 0;
  536.     }
  537.     .col-0500{
  538.         width: 0;
  539.     }
  540.     .col-50100{
  541.         width: 100%
  542.     }
  543.     .col-25100 {
  544.         width: 100%;
  545.     }
  546.     .col-45100{
  547.         width: 100%
  548.     }
  549.     .col-30100{
  550.         width: 100%;
  551.     }
  552.     .col-12500{
  553.         width:0;
  554.     }
  555.     .col-15100{
  556.         width:100%
  557.     }
  558.  
  559.     .textcontainerhp h1{
  560.         padding: 5% 0 0 0;
  561.  
  562.         font-size: 150%;
  563.         font-family: Lusitana;
  564.         margin:0;
  565.     }
  566.  
  567.     .imagemlocali {
  568.         width: 70%;
  569.         margin: 5% 0 5% 0;
  570.     }
  571.     .imagemlocal {
  572.  
  573.         margin: 5% 0 5% 0;
  574.     }
  575.  
  576.  
  577.  
  578.     .textcontainerhp p{
  579.         color: #fff1be;
  580.         font-size: 150%;
  581.         display: inline-block;
  582.         width: 100%;
  583.         padding: 5% 5% 10% 5%;
  584.         text-align: center;
  585.         font-family: "Crimson Text";
  586.     }
  587.  
  588.     .textcontainerhp a{
  589.         padding: 5% 0 5% 0;
  590.     }
  591.  
  592.     .textcontainerhp h2{
  593.         font-size: 200%;
  594.  
  595.     }
  596.  
  597.     .textcontainerhpw h1{
  598.         font-size: 100%;
  599.     }
  600.  
  601.     .textcontainerhpw p{
  602.         font-size: 150%;
  603.         padding: 10% 10% 15% 10%;
  604.     }
  605.  
  606.     .textcontainerhpw a{
  607.  
  608.     }
  609.  
  610.     .textcontainerhpw h2{
  611.         font-size: 200%;
  612.         padding: 12% 0 0 0;
  613.     }
  614.  
  615.     .shadowimg {
  616.         width: 90px;
  617.         height: 90px;
  618.     }
  619.     .textcontainerhp h2 {
  620.         font-size: 200%;
  621.         padding: 10% 0 5% 0;
  622.     }
  623. }
  624. @media only screen and (max-width: 800px) {
  625.  
  626.     .parcontainer p{
  627.  
  628.         font-size: 150%;
  629.  
  630.     }
  631.     form{
  632.         font-size: 200%;
  633.     }
  634.     input{
  635.         width: 70%;
  636.         margin: 10% 10% 10% 10%;
  637.         font-size: 75%;
  638.     }
  639.  
  640.  
  641.     input[type=button], input[type=submit], input[type=reset] {
  642.         padding: 2% 2% 2% 2%;
  643.     }
  644.  
  645.     .shadowimg {
  646.         width: 70px;
  647.         height: 70px;
  648.     }
  649.     .col-50100{
  650.         width: 100%
  651.     }
  652.  
  653.     .col-25100 {
  654.         width: 100%;
  655.     }
  656.  
  657.     .textcontainerhp h1{
  658.         padding: 5% 0 0 0;
  659.  
  660.         font-size: 150%;
  661.         font-family: Lusitana;
  662.         margin:0;
  663.     }
  664.  
  665.     .textcontainerhp p{
  666.         color: #fff1be;
  667.         font-size: 150%;
  668.         display: inline-block;
  669.         width: 100%;
  670.         padding: 5% 5% 10% 5%;
  671.         text-align: center;
  672.         font-family: "Crimson Text";
  673.     }
  674.  
  675.     .textcontainerhp a{
  676.  
  677.     }
  678.  
  679.     .textcontainerhp h2{
  680.         font-size: 200%;
  681.  
  682.     }
  683.  
  684.     .textcontainerhpw h1{
  685.  
  686.     }
  687.  
  688.     .textcontainerhpw p{
  689.         font-size: 150%;
  690.         padding: 10% 10% 15% 10%;
  691.     }
  692.  
  693.     .textcontainerhpw a{
  694.  
  695.     }
  696.  
  697.     .textcontainerhpw h2{
  698.         font-size: 200%;
  699.         padding: 15% 0 5% 0;
  700.     }
  701.  
  702.     .textcontainerhp h2 {
  703.         font-size: 200%;
  704.         padding: 10% 0 5% 0;
  705.     }
  706.  
  707. }
  708. @media only screen and (max-width: 650px) {
  709.  
  710.  
  711.     .parcontainer p{
  712.  
  713.         font-size: 125%;
  714.     }
  715.  
  716.     .msg h2{
  717.  
  718.         font-size: 175%;
  719.     }
  720.  
  721.     form{
  722.         font-size: 150%;
  723.     }
  724.     input{
  725.         width: 70%;
  726.         margin: 10% 10% 10% 10%;
  727.         font-size: 80%;
  728.     }
  729.  
  730.     input[type=button], input[type=submit], input[type=reset] {
  731.         padding: 2% 2% 2% 2%;
  732.     }
  733.  
  734.     .col-50100{
  735.         width: 100%
  736.     }
  737.  
  738.     .col-25100 {
  739.         width: 100%;
  740.     }
  741.  
  742.     .textcontainerhp h1{
  743.         padding: 5% 0 0 0;
  744.  
  745.         font-size: 100%;
  746.         font-family: Lusitana;
  747.         margin:0;
  748.     }
  749.  
  750.     .textcontainerhp p{
  751.         color: #fff1be;
  752.         font-size: 75%;
  753.         display: inline-block;
  754.         width: 100%;
  755.         padding: 5% 5% 10% 5%;
  756.         text-align: center;
  757.         font-family: "Crimson Text";
  758.     }
  759.  
  760.     .textcontainerhp a{
  761.  
  762.     }
  763.  
  764.     .textcontainerhp h2{
  765.         font-size: 160%;
  766.  
  767.     }
  768.  
  769.     .textcontainerhpw h1{
  770.  
  771.     }
  772.  
  773.     .textcontainerhpw p{
  774.         font-size: 120%;
  775.         padding: 10% 10% 20% 10%;
  776.     }
  777.  
  778.     .textcontainerhpw a{
  779.  
  780.     }
  781.  
  782.     .textcontainerhpw h2{
  783.         font-size: 200%;
  784.         padding: 20% 0 10% 0;
  785.     }
  786.  
  787.     .shadowimg {
  788.         width: 90px;
  789.         height: 90px;
  790.     }
  791.     .textcontainerhp h2 {
  792.         font-size: 160%;
  793.         padding: 10% 0 5% 0;
  794.     }
  795. }
  796. @media only screen and (max-width: 450px) {
  797.  
  798.     .parcontainer p{
  799.  
  800.         font-size: 100%;
  801.     }
  802.  
  803.     .msg h2{
  804.  
  805.         font-size: 100%;
  806.     }
  807.  
  808.     form{
  809.         font-size: 120%;
  810.     }
  811.     input{
  812.         width: 80%;
  813.         margin: 10% 10% 10% 10%;
  814.         font-size: 90%;
  815.     }
  816.  
  817.     input[type=button], input[type=submit], input[type=reset] {
  818.         padding: 2% 2% 2% 2%;
  819.     }
  820.  
  821.     .col-50100{
  822.         width: 100%
  823.     }
  824.     .col-25100 {
  825.         width: 100%;
  826.     }
  827.  
  828.     .textcontainerhp h1{
  829.         padding: 5% 0 0 0;
  830.  
  831.         font-size: 100%;
  832.         font-family: Lusitana;
  833.         margin:0;
  834.     }
  835.  
  836.     .textcontainerhp p{
  837.         color: #fff1be;
  838.         font-size: 75%;
  839.         display: inline-block;
  840.         width: 100%;
  841.         padding: 5% 5% 10% 5%;
  842.         text-align: center;
  843.         font-family: "Crimson Text";
  844.     }
  845.  
  846.     .textcontainerhp a{
  847.  
  848.     }
  849.  
  850.     .textcontainerhp h2{
  851.         font-size: 160%;
  852.  
  853.     }
  854.  
  855.     .textcontainerhpw h1{
  856.  
  857.     }
  858.  
  859.     .textcontainerhpw p{
  860.         font-size: 75%;
  861.         padding: 10% 10% 35% 10%;
  862.     }
  863.  
  864.     .textcontainerhpw a{
  865.  
  866.     }
  867.  
  868.     .textcontainerhpw h2{
  869.         font-size: 150%;
  870.         padding: 35% 0 10% 0;
  871.     }
  872.  
  873.     .shadowimg {
  874.         width: 50px;
  875.         height: 50px;
  876.     }
  877.     .textcontainerhp h2 {
  878.         font-size: 160%;
  879.         padding: 10% 0 5% 0;
  880.     }
  881. }
  882.  
  883. /* footer*/
  884. .textfooter{
  885.     width: 100%;
  886.     height: auto;
  887.     padding: 5%;
  888.     margin: 0;
  889.     text-align: center;
  890.     text-justify: auto;
  891.     display: inline-block;
  892.  
  893.     vertical-align: middle;
  894.     background: #000000;
  895. }
  896.  
  897. .textfooter h2{
  898.     width: 100%;
  899.     height: auto;
  900.     margin: 0;
  901.     padding: 5%;
  902.     text-align: center;
  903.     text-justify: auto;
  904.     display: inline-block;
  905.     vertical-align: middle;
  906.     color: white;
  907.     font-family: "Josefin Sans SemiBold";
  908.     font-size: 125%
  909. }
  910.  
  911.  
  912.  
  913. .imagembox{
  914.     display: inline-block;
  915.     width:100%;
  916. }
  917.  
  918. .imgfooter{
  919.     width: 50%;
  920.     height: auto;
  921.     display: inline-block;
  922.     vertical-align: middle;
  923. }
  924. .footercontainer{
  925.     width: 100%;
  926.     background-color: #111111;
  927.     height: 350px;
  928.     padding: 10%;
  929.     margin: 0;
  930.     text-align: center;
  931.     text-justify: auto;
  932.     display: inline-block;
  933.     vertical-align: middle;
  934. }
RAW Paste Data
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
 
Top