API tools faq
paste
Advertisement
raylinanthony

css bc

raylinanthony
Feb 12th, 2016
82
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 34.06 KB | None | 0 0
raw download clone embed print report
  1. @charset "UTF-8";
  2. /**
  3. * Eric Meyer's Reset CSS v2.0
  4. */
  5. html, body, div, span, applet, object, iframe,
  6. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  7. a, abbr, acronym, address, big, cite, code,
  8. del, dfn, em, img, ins, kbd, q, s, samp,
  9. small, strike, strong, sub, sup, tt, var,
  10. b, u, i, center,
  11. dl, dt, dd, ol, ul, li,
  12. fieldset, form, label, legend,
  13. table, caption, tbody, tfoot, thead, tr, th, td,
  14. article, aside, canvas, details, embed,
  15. figure, figcaption, footer, header,
  16. menu, nav, output, ruby, section, summary,
  17. time, mark, audio, video, input, textarea {
  18.     margin: 0;
  19.     padding: 0;
  20.     border: 0;
  21.     font: inherit;
  22.     font-size: 100%;
  23.     vertical-align: baseline;
  24. }
  25.  
  26. /* HTML5 display-role reset for older browsers */
  27. article, aside, details, figcaption, figure,
  28. footer, header, menu, nav, section, time {
  29.     display: block;
  30. }
  31.  
  32. body {
  33.     line-height: 1;
  34.     color: black;
  35.     background: white;
  36. }
  37.  
  38. a {
  39.     color: inherit;
  40.     text-decoration: none;
  41. }
  42.  
  43. ol, ul {
  44.     list-style: none;
  45. }
  46.  
  47. blockquote, q {
  48.     quotes: none;
  49. }
  50.  
  51. blockquote:before, blockquote:after,
  52. q:before, q:after {
  53.     content: '';
  54.     content: none;
  55. }
  56.  
  57. table {
  58.     border-collapse: collapse;
  59.     border-spacing: 0;
  60. }
  61.  
  62. /* meyerweb css reset end */
  63.  
  64. textarea:focus, input:focus {
  65.     outline: 0;
  66. }
  67.  
  68. input {
  69.     border-width: 0;
  70. }
  71.  
  72. em {
  73.     font-style: italic;
  74. }
  75.  
  76. h1, h2, h3, h4, h5, h6 {
  77.     font-weight: bold;
  78. }
  79.  
  80. sup {
  81.     vertical-align: text-top;
  82.     font-size: 58.3%; /*Corresponds to Photoshop's font size glyph transformation*/
  83. }
  84.  
  85. sub {
  86.     vertical-align: text-bottom;
  87.     font-size: 58.3%; /*Corresponds to Photoshop's font size glyph transformation*/
  88. }
  89.  
  90. img,
  91. embed,
  92. object,
  93. video {
  94.     max-width: 100%;
  95. }
  96.  
  97. .group:before,
  98. .group:after {
  99.     content: " ";
  100.     display: table;
  101. }
  102.  
  103. .group:after {
  104.     clear: both;
  105. }
  106.  
  107. .group {
  108.     zoom: 1; /* ie 6/7 */
  109. }
  110.  
  111. .no-space-between-inline-blocks {
  112.     letter-spacing: -0.31em; /* webkit */
  113.     *letter-spacing: normal; /* reset IE < 8 */
  114.     word-spacing: -0.43em; /* IE < 8 && gecko */
  115. }
  116.  
  117. /* restore spacing on inner elements */
  118. .no-space-between-inline-blocks > * {
  119.     letter-spacing: normal;
  120.     word-spacing: normal;
  121. }
  122.  
  123. .displace {
  124.     position: absolute;
  125.     left: -5000px;
  126. }
  127.  
  128. body {
  129.     min-width: 1292px;
  130.     color: #2b4c3a;
  131.     font-family: GothamRounded-Book, serif;
  132.     font-size: 18px;
  133.     font-style: normal;
  134.     font-weight: normal;
  135.     letter-spacing: -0.05em;
  136.     text-decoration: none;
  137. }
  138. .global_container_ {
  139.     float: none;
  140.     height: auto;
  141.     margin: 0 auto;
  142.     padding: 51px 0 0;
  143.     position: relative;
  144.     width: 100%; /* 2086px / 2086px = 100% */
  145.     background: url(images/background.jpg) no-repeat center 0;
  146.     background-position: center top;
  147.     -webkit-background-size: cover;
  148.     -moz-background-size: cover;
  149.     -o-background-size: cover;
  150.     background-size: cover;
  151. }
  152. .header {
  153.     margin: 0 auto;
  154.     position: relative;
  155.     width: 57.574306%; /* 1201px / 2086px = 57.574306% */
  156. }
  157. .vector-smart-object {
  158.     float: left;
  159.     margin: 1px 0 0;
  160.     width: 218px;/* 309px / 1201px = 25.72856% */
  161. }
  162. .col-5 {
  163.     float: right;
  164.     position: relative;/* 642px / 1201px = 53.455452% */
  165. }
  166. .row-3 {
  167.     left: 69.152649%;
  168.     /* margin: 0 auto; */
  169.     position: relative;
  170.     /* float: left; */
  171. }
  172. .row-3 > * {
  173.     float: left;
  174.     margin: 0 4% 0 0;/* 24.46px / 236px = 10.364407% */
  175. }
  176. .row-3 > *:last-child {
  177.     margin-right: 0 !important;
  178. }
  179. .vector-smart-object-2 {
  180.     width: 9.322034%; /* 22px / 236px = 9.322034% */
  181.     margin-top: 1px !important;
  182. }
  183. .vector-smart-object-3 {
  184.     width: 21.186441%; /* 50px / 236px = 21.186441% */
  185. }
  186. .vector-smart-object-4 {
  187.     width: 16.949152%; /* 40px / 236px = 16.949152% */
  188.     margin-top: 1px !important;
  189. }
  190. .vector-smart-object-5 {
  191.     width: 21.186441%; /* 50px / 236px = 21.186441% */
  192. }
  193.  
  194. /*Main Menu*/
  195. .main-menu{
  196.     max-width:100%;
  197.     width: inherit;
  198. }
  199. .main-menu a{
  200.     float:none !important;
  201.     display:inline-block;
  202.     font-family: Gotham, sans-serif;
  203.     font-weight: bold;
  204.     margin-left:10px;
  205. }
  206.  
  207. .row-4 {
  208.     /* padding: 43px 171px 0 0px; */
  209.     position: relative;
  210.     /* display: flex; */
  211.     /* text-align: right; */
  212.     top: 31px;
  213.     float: right;
  214.     width: inherit;
  215. }
  216. .row-4 > * {
  217.     float: left;/* 38px / 642px = 5.919003% */
  218. }
  219. .row-4 > *:last-child {
  220.     margin-right: 0 !important;
  221. }
  222. .videos {
  223.     margin: -4px 5.919003% -5px 0; /* 38px / 642px = 5.919003% */
  224.     color: #2c4d3a;
  225.     font-size: 20.999989px;
  226.     margin-top: -4px !important;
  227.         font-family: Gotham, sans-serif;
  228. }
  229. .text {
  230.     margin: -4px 5.919003% -5px 0; /* 38px / 642px = 5.919003% */
  231.     color: #2c4d3a;
  232.     font-size: 20.999989px;
  233.     margin-top: -4px !important;
  234.         font-family: Gotham, sans-serif;
  235. }
  236. .premios {
  237.     margin: -6px 5.919003% -5px 0; /* 38px / 642px = 5.919003% */
  238.     color: #2c4d3a;
  239.     font-size: 20.999989px;
  240.     margin-top: -5px !important;
  241.         font-family: Gotham, sans-serif;
  242. }
  243. .text-2 {
  244.     margin: -4px 0px -5px -9px; /* 38px / 642px = 5.919003% */
  245.     color: #2c4d3a;
  246.     font-size: 20.999989px;
  247.     margin-top: -4px !important;
  248.         font-family: Gotham, sans-serif;
  249. }
  250. .col-4 {
  251.     float: right;
  252.     margin: 54px 1.831807% 0 0; /* 22px / 1201px = 1.831807% */
  253.     position: relative;
  254.     width: 9.242298%; /* 111px / 1201px = 9.242298% */
  255. }
  256. .rectangle-7 {
  257.     height: 5px;
  258.     margin: 0 auto;
  259.     width: 100%; /* 111px / 111px = 100% */
  260.     background: #ffde00;
  261. }
  262. .inicio {
  263.         margin: 0;
  264.         color: #2c4d3a;
  265.         font-size: 20.999989px;
  266.         text-align: center;
  267.         font-family: Gotham, sans-serif;
  268. }
  269. .main-content-wrapper {
  270.     margin: 42px 0 0;
  271.     position: relative;
  272. }
  273. .slider {
  274.     height: 255px;
  275.     padding: 221px 0 124px;
  276.     position: relative;
  277.     background: url(images/rectangle_1_copy.jpg) no-repeat center 0;
  278.     -webkit-background-size: cover;
  279.     -moz-background-size: cover;
  280.     -o-background-size: cover;
  281.     background-size: cover;
  282. }
  283. .text-3 {
  284.     margin: -9px 10.428572% -5px 43.027805%;
  285.     overflow: hidden;
  286.     color: #ffffff;
  287.     text-transform: uppercase;
  288.     font-size: 65px;
  289.     font-family: Gotham, sans-serif;
  290.     font-weight: 900;
  291.     letter-spacing: -2px;
  292.     text-align: center;
  293.     margin-top: 25px;
  294. }
  295. .text-4 {
  296.     margin: -10px 10.620325% 3px;
  297.     /* overflow: hidden; */
  298.     color: #ffffff;
  299.     font-size: 83.01405px;
  300.     text-align: right;
  301.     font-size: 74px;
  302.     font-family: Gotham, sans-serif;
  303.     /* font-weight: 900; */
  304.     letter-spacing: -2px;
  305. }
  306. .talento {
  307.     margin: -9px 21.284756% -10px 44.17162%;
  308.     color: #ffde00;
  309.     font-family: GothamUltra, serif;
  310.     font-size: 139.13339px;
  311.     text-align: left;
  312.     text-transform: uppercase;
  313.     font-size: 127px;
  314.     font-family: Gotham, sans-serif;
  315.     font-weight: 900;
  316.     letter-spacing: -2px;
  317.     text-align: center;
  318. }
  319. .videos-2 {
  320.     min-height: 538px;
  321.     padding: 35px 0 27px;
  322.     position: relative;
  323.     background: #ffde00;
  324. }
  325. .text-5 {
  326.     margin: 0 21.14094% -3px;
  327.     color: #2d4f3c;
  328.     /* font-family: GothamUltra, serif; */
  329.     font-size: 40.000004px;
  330.     letter-spacing: 0;
  331.     text-align: left;
  332.     text-transform: uppercase;
  333.     /* color: #2d4f3c; */
  334.     font-size: 36px;
  335.     /* text-transform: uppercase; */
  336.     font-weight: 900;
  337.     letter-spacing: -3px;
  338.     font-family: Gotham, sans-serif;
  339. }
  340. .videos-3 {
  341.     margin: 25px auto 0;
  342.     position: relative;
  343.     width: 58.005753%; /* 1210px / 2086px = 58.005753% */
  344. }
  345. .videos-3 > * {
  346.     float: left;
  347.     margin: 0 2.479339% 0 0; /* 30px / 1210px = 2.479339% */
  348. }
  349. .videos-3 > *:last-child {
  350.     margin-right: 0 !important;
  351. }
  352. .rectangle-5-copy-5-holder {
  353.     padding: 5px 0;
  354.     position: relative;
  355.     width: 23.140495%; /* 280px / 1210px = 23.140495% */
  356.     background: rgba(2, 206, 126, 0.3);
  357. }
  358. .rectangle-5-copy-4-holder {
  359.     margin: 0 auto;
  360.     padding: 6px 0;
  361.     position: relative;
  362.     width: 96.42857%; /* 270px / 280px = 96.42857% */
  363.     background: #02ce7e;
  364. }
  365. .rectangle-5-copy-9 {
  366.     height: 180px;
  367.     margin: 0 auto;
  368.     width: 95.92593%; /* 259px / 270px = 95.92593% */
  369.     background: #3a6554;
  370. }
  371. .rectangle-5-copy-6-holder {
  372.     padding: 5px 0;
  373.     position: relative;
  374.     width: 23.140495%; /* 280px / 1210px = 23.140495% */
  375.     background: rgba(2, 206, 126, 0.3);
  376. }
  377. .rectangle-5-copy-holder {
  378.     margin: 0 auto;
  379.     padding: 6px 0;
  380.     position: relative;
  381.     width: 96.42857%; /* 270px / 280px = 96.42857% */
  382.     background: #02d080;
  383. }
  384. .rectangle-5-copy-10 {
  385.     height: 180px;
  386.     margin: 0 auto;
  387.     width: 95.92593%; /* 259px / 270px = 95.92593% */
  388.     background: #3a6554;
  389. }
  390. .rectangle-5-copy-7-holder {
  391.     padding: 5px 0;
  392.     position: relative;
  393.     width: 23.140495%; /* 280px / 1210px = 23.140495% */
  394.     background: rgba(2, 206, 126, 0.3);
  395. }
  396. .rectangle-5-copy-2-holder {
  397.     margin: 0 auto;
  398.     padding: 6px 0;
  399.     position: relative;
  400.     width: 96.42857%; /* 270px / 280px = 96.42857% */
  401.     background: #02d482;
  402. }
  403. .rectangle-5-copy-11 {
  404.     height: 180px;
  405.     margin: 0 auto;
  406.     width: 95.92593%; /* 259px / 270px = 95.92593% */
  407.     background: #3a6554;
  408. }
  409. .rectangle-5-copy-8-holder {
  410.     padding: 5px 0;
  411.     position: relative;
  412.     width: 23.140495%; /* 280px / 1210px = 23.140495% */
  413.     background: rgba(2, 206, 126, 0.3);
  414. }
  415. .rectangle-5-copy-3-holder {
  416.     margin: 0 auto;
  417.     padding: 6px 0;
  418.     position: relative;
  419.     width: 96.42857%; /* 270px / 280px = 96.42857% */
  420.     background: #02d482;
  421. }
  422. .rectangle-5-copy-12 {
  423.     height: 180px;
  424.     margin: 0 auto;
  425.     width: 95.92593%; /* 259px / 270px = 95.92593% */
  426.     background: #3a6554;
  427. }
  428. .row-11 {
  429.     margin: 7px auto 0;
  430.     position: relative;
  431.     width: 57.814%; /* 1206px / 2086px = 57.814% */
  432. }
  433. .text-6 {
  434.     float: left;
  435.     margin: -1px 0 -2px;
  436.     color: #3a6554;
  437.     font-family: GothamRounded, serif;
  438.     font-size: 20px;
  439.     font-weight: 500;
  440.     letter-spacing: 0;
  441.     text-align: center;
  442. }
  443. .text-7 {
  444.     float: left;
  445.     margin: -2px 0 -1px 4.228856%; /* 51px / 1206px = 4.228856% */
  446.     color: #3a6554;
  447.     font-family: GothamRounded, serif;
  448.     font-size: 20px;
  449.     font-weight: 500;
  450.     letter-spacing: 0;
  451.     text-align: center;
  452. }
  453. .heart13 {
  454.     float: left;
  455.     margin: 0 0 0 0.331675%; /* 4px / 1206px = 0.331675% */
  456.     width: 2.072968%; /* 25px / 1206px = 2.072968% */
  457. }
  458. .text-8 {
  459.     float: left;
  460.     margin: -1px 0 -2px 2.902156%; /* 35px / 1206px = 2.902156% */
  461.     color: #3a6554;
  462.     font-family: GothamRounded, serif;
  463.     font-size: 20px;
  464.     font-weight: 500;
  465.     letter-spacing: 0;
  466.     text-align: center;
  467. }
  468. .text-9 {
  469.     float: left;
  470.     margin: -2px 0 -1px 4.228856%; /* 51px / 1206px = 4.228856% */
  471.     color: #3a6554;
  472.     font-family: GothamRounded, serif;
  473.     font-size: 20px;
  474.     font-weight: 500;
  475.     letter-spacing: 0;
  476.     text-align: center;
  477. }
  478. .heart13-copy {
  479.     float: left;
  480.     margin: 0 0 0 0.331675%; /* 4px / 1206px = 0.331675% */
  481.     width: 2.072968%; /* 25px / 1206px = 2.072968% */
  482. }
  483. .text-10 {
  484.     float: left;
  485.     margin: -1px 0 -2px 2.819237%; /* 34px / 1206px = 2.819237% */
  486.     color: #3a6554;
  487.     font-family: GothamRounded, serif;
  488.     font-size: 20px;
  489.     font-weight: 500;
  490.     letter-spacing: 0;
  491.     text-align: center;
  492. }
  493. .text-11 {
  494.     float: left;
  495.     margin: -2px 0 -1px 4.228856%; /* 51px / 1206px = 4.228856% */
  496.     color: #3a6554;
  497.     font-family: GothamRounded, serif;
  498.     font-size: 20px;
  499.     font-weight: 500;
  500.     letter-spacing: 0;
  501.     text-align: center;
  502. }
  503. .heart13-copy-2 {
  504.     float: left;
  505.     margin: 0 0 0 0.331675%; /* 4px / 1206px = 0.331675% */
  506.     width: 2.072968%; /* 25px / 1206px = 2.072968% */
  507. }
  508. .text-12 {
  509.     float: left;
  510.     margin: -1px 0 -2px 3.067993%; /* 37px / 1206px = 3.067993% */
  511.     color: #3a6554;
  512.     font-family: GothamRounded, serif;
  513.     font-size: 20px;
  514.     font-weight: 500;
  515.     letter-spacing: 0;
  516.     text-align: center;
  517. }
  518. .text-13 {
  519.     float: left;
  520.     margin: -2px 0 -1px 4.228856%; /* 51px / 1206px = 4.228856% */
  521.     color: #3a6554;
  522.     font-family: GothamRounded, serif;
  523.     font-size: 20px;
  524.     font-weight: 500;
  525.     letter-spacing: 0;
  526.     text-align: center;
  527. }
  528. .heart13-copy-3 {
  529.     float: left;
  530.     margin: 0 0 0 0.331675%; /* 4px / 1206px = 0.331675% */
  531.     width: 2.072968%; /* 25px / 1206px = 2.072968% */
  532. }
  533. .videos-copy {
  534.     margin: 11px auto 0;
  535.     position: relative;
  536.     width: 58.005753%; /* 1210px / 2086px = 58.005753% */
  537. }
  538. .videos-copy > * {
  539.     float: left;
  540.     margin: 0 2.479339% 0 0; /* 30px / 1210px = 2.479339% */
  541. }
  542. .videos-copy > *:last-child {
  543.     margin-right: 0 !important;
  544. }
  545. .rectangle-5-copy-5-holder-2 {
  546.     padding: 5px 0;
  547.     position: relative;
  548.     width: 23.140495%; /* 280px / 1210px = 23.140495% */
  549.     background: rgba(2, 206, 126, 0.3);
  550. }
  551. .rectangle-5-copy-4-holder-2 {
  552.     margin: 0 auto;
  553.     padding: 6px 0;
  554.     position: relative;
  555.     width: 96.42857%; /* 270px / 280px = 96.42857% */
  556.     background: #02ce7e;
  557. }
  558. .rectangle-5-copy-9-2 {
  559.     height: 180px;
  560.     margin: 0 auto;
  561.     width: 95.92593%; /* 259px / 270px = 95.92593% */
  562.     background: #3a6554;
  563. }
  564. .rectangle-5-copy-6-holder-2 {
  565.     padding: 5px 0;
  566.     position: relative;
  567.     width: 23.140495%; /* 280px / 1210px = 23.140495% */
  568.     background: rgba(2, 206, 126, 0.3);
  569. }
  570. .rectangle-5-copy-holder-2 {
  571.     margin: 0 auto;
  572.     padding: 6px 0;
  573.     position: relative;
  574.     width: 96.42857%; /* 270px / 280px = 96.42857% */
  575.     background: #02d080;
  576. }
  577. .rectangle-5-copy-10-2 {
  578.     height: 180px;
  579.     margin: 0 auto;
  580.     width: 95.92593%; /* 259px / 270px = 95.92593% */
  581.     background: #3a6554;
  582. }
  583. .rectangle-5-copy-7-holder-2 {
  584.     padding: 5px 0;
  585.     position: relative;
  586.     width: 23.140495%; /* 280px / 1210px = 23.140495% */
  587.     background: rgba(2, 206, 126, 0.3);
  588. }
  589. .rectangle-5-copy-2-holder-2 {
  590.     margin: 0 auto;
  591.     padding: 6px 0;
  592.     position: relative;
  593.     width: 96.42857%; /* 270px / 280px = 96.42857% */
  594.     background: #02d482;
  595. }
  596. .rectangle-5-copy-11-2 {
  597.     height: 180px;
  598.     margin: 0 auto;
  599.     width: 95.92593%; /* 259px / 270px = 95.92593% */
  600.     background: #3a6554;
  601. }
  602. .rectangle-5-copy-8-holder-2 {
  603.     padding: 5px 0;
  604.     position: relative;
  605.     width: 23.140495%; /* 280px / 1210px = 23.140495% */
  606.     background: rgba(2, 206, 126, 0.3);
  607. }
  608. .rectangle-5-copy-3-holder-2 {
  609.     margin: 0 auto;
  610.     padding: 6px 0;
  611.     position: relative;
  612.     width: 96.42857%; /* 270px / 280px = 96.42857% */
  613.     background: #02d482;
  614. }
  615. .rectangle-5-copy-12-2 {
  616.     height: 180px;
  617.     margin: 0 auto;
  618.     width: 95.92593%; /* 259px / 270px = 95.92593% */
  619.     background: #3a6554;
  620. }
  621. .row-16 {
  622.     margin: 10px auto 0;
  623.     position: relative;
  624.     width: 57.86194%; /* 1207px / 2086px = 57.86194% */
  625. }
  626. .text-14 {
  627.     float: left;
  628.     margin: -1px 0 -2px;
  629.     color: #3a6554;
  630.     font-family: GothamRounded, serif;
  631.     font-size: 20px;
  632.     font-weight: 500;
  633.     letter-spacing: 0;
  634.     text-align: center;
  635. }
  636. .text-15 {
  637.     float: left;
  638.     margin: -2px 0 -1px 4.308202%; /* 52px / 1207px = 4.308202% */
  639.     color: #3a6554;
  640.     font-family: GothamRounded, serif;
  641.     font-size: 20px;
  642.     font-weight: 500;
  643.     letter-spacing: 0;
  644.     text-align: center;
  645. }
  646. .heart13-copy-4 {
  647.     float: left;
  648.     margin: 0 0 0 0.3314%; /* 4px / 1207px = 0.3314% */
  649.     width: 2.071251%; /* 25px / 1207px = 2.071251% */
  650. }
  651. .text-16 {
  652.     float: left;
  653.     margin: -1px 0 -2px 2.899751%; /* 35px / 1207px = 2.899751% */
  654.     color: #3a6554;
  655.     font-family: GothamRounded, serif;
  656.     font-size: 20px;
  657.     font-weight: 500;
  658.     letter-spacing: 0;
  659.     text-align: center;
  660. }
  661. .text-17 {
  662.     float: left;
  663.     margin: -2px 0 -1px 4.225352%; /* 51px / 1207px = 4.225352% */
  664.     color: #3a6554;
  665.     font-family: GothamRounded, serif;
  666.     font-size: 20px;
  667.     font-weight: 500;
  668.     letter-spacing: 0;
  669.     text-align: center;
  670. }
  671. .heart13-copy-5 {
  672.     float: left;
  673.     margin: 0 0 0 0.3314%; /* 4px / 1207px = 0.3314% */
  674.     width: 2.071251%; /* 25px / 1207px = 2.071251% */
  675. }
  676. .text-18 {
  677.     float: left;
  678.     margin: -1px 0 -2px 2.816901%; /* 34px / 1207px = 2.816901% */
  679.     color: #3a6554;
  680.     font-family: GothamRounded, serif;
  681.     font-size: 20px;
  682.     font-weight: 500;
  683.     letter-spacing: 0;
  684.     text-align: center;
  685. }
  686. .text-19 {
  687.     float: left;
  688.     margin: -2px 0 -1px 4.225352%; /* 51px / 1207px = 4.225352% */
  689.     color: #3a6554;
  690.     font-family: GothamRounded, serif;
  691.     font-size: 20px;
  692.     font-weight: 500;
  693.     letter-spacing: 0;
  694.     text-align: center;
  695. }
  696. .heart13-copy-6 {
  697.     float: left;
  698.     margin: 0 0 0 0.3314%; /* 4px / 1207px = 0.3314% */
  699.     width: 2.071251%; /* 25px / 1207px = 2.071251% */
  700. }
  701. .text-20 {
  702.     float: left;
  703.     margin: -1px 0 -2px 3.065452%; /* 37px / 1207px = 3.065452% */
  704.     color: #3a6554;
  705.     font-family: GothamRounded, serif;
  706.     font-size: 20px;
  707.     font-weight: 500;
  708.     letter-spacing: 0;
  709.     text-align: center;
  710. }
  711. .text-21 {
  712.     float: left;
  713.     margin: -2px 0 -1px 4.225352%; /* 51px / 1207px = 4.225352% */
  714.     color: #3a6554;
  715.     font-family: GothamRounded, serif;
  716.     font-size: 20px;
  717.     font-weight: 500;
  718.     letter-spacing: 0;
  719.     text-align: center;
  720. }
  721. .heart13-copy-7 {
  722.     float: left;
  723.     margin: 0 0 0 0.3314%; /* 4px / 1207px = 0.3314% */
  724.     width: 2.071251%; /* 25px / 1207px = 2.071251% */
  725. }
  726. .mecanica {
  727.     height: 520px;
  728.     padding: 40px 0;
  729.     position: relative;
  730.     background: url(images/rectangle_1.jpg) no-repeat center 0;
  731.     -webkit-background-size: cover;
  732.     -moz-background-size: cover;
  733.     -o-background-size: cover;
  734.     background-size: cover;
  735. }
  736. .text-22 {
  737.         margin: 0 21.284756% 1px;
  738.     color: #ffffff;
  739.     /* font-family: GothamUltra, serif; */
  740.     /* font-size: 39.99998px; */
  741.     /* text-transform: uppercase; */
  742.     font-size: 36px;
  743.     text-transform: uppercase;
  744.     font-weight: 900;
  745.     letter-spacing: -3px;
  746.     font-family: Gotham, sans-serif;
  747. }
  748. .row-5 {
  749.     margin: 58px auto 0;
  750.     position: relative;
  751.     width: 57.574306%; /* 1201px / 2086px = 57.574306% */
  752. }
  753. .col-8 {
  754.     float: left;
  755.     margin: 6px 0 0;
  756.     position: relative;
  757.     width: 32.47294%; /* 390px / 1201px = 32.47294% */
  758.     z-index: 0;
  759. }
  760. .ellipse-1-holder {
  761.     left: 2.051282%;
  762.     margin: 0 auto;
  763.     overflow: hidden;
  764.     padding: 10px 0 9px;
  765.     position: relative;
  766.     width: 35.897434%; /* 140px / 390px = 35.897434% */
  767.     z-index: 96;
  768.     -webkit-border-radius: 70.08px/70.06px;
  769.     -moz-border-radius: 70.08px/70.06px;
  770.     border-radius: 70.08px/70.06px;
  771.     background: rgba(255, 222, 0, 0.3);
  772. }
  773. .ellipse-1-copy-holder {
  774.     margin: 0 auto;
  775.     padding: 11px 0 12px;
  776.     position: relative;
  777.     width: 86.42857%; /* 121px / 140px = 86.42857% */
  778.     -webkit-border-radius: 60.35px/60.33px;
  779.     -moz-border-radius: 60.35px/60.33px;
  780.     border-radius: 60.35px/60.33px;
  781.     background: #ffde00;
  782. }
  783. .vector-smart-object-6 {
  784.     display: block;
  785.     margin: 0 auto;
  786.     width: 47.933884%; /* 58px / 121px = 47.933884% */
  787. }
  788. .rectangle-4-copy-4-holder {
  789.     margin: -102px 0 0;
  790.     min-height: 101px;
  791.     overflow: hidden;
  792.     padding: 124px 0 103px;
  793.     position: relative;
  794.     width: 100%; /* 390px / 390px = 100% */
  795.     z-index: 91;
  796.     background: url(images/rectangle_4_copy_4.png) no-repeat center 0;
  797.     -webkit-background-size: 100% 328px;
  798.     -moz-background-size: 100% 328px;
  799.     -o-background-size: 100% 328px;
  800.     background-size: 100% 328px;
  801. }
  802. .text-23 {
  803.         /* margin: 0 75px 0 88px; */
  804.     color: #ffffff;
  805.     font-size: 16.176882px;
  806.     line-height: 1.2;
  807.     text-align: center;
  808.     font-family: Gotham, sans-serif;
  809. }
  810. .text-23 > * {
  811.     color: #ffffff;
  812.     font-size: 19.17686px;
  813.     line-height: 1.2;
  814.     text-align: center;
  815.     font-family: Gotham, sans-serif;
  816.     width: 183px;
  817.     /* float: left; */
  818.     /* margin-left: -46px; */
  819.     margin-bottom: -6px;
  820.     margin-top: -6px;
  821.     text-align: center;
  822.     }
  823. .shape-2 {
  824.         display: block;
  825.     margin: -63px 0 0 2px;
  826.     position: relative;
  827.     width: 95.128204%;
  828.     /* z-index: 92; */
  829. }
  830. .col-9 {
  831.     float: left;
  832.     margin: 0 0 0 1.332223%; /* 16px / 1201px = 1.332223% */
  833.     position: relative;
  834.     width: 32.556202%; /* 391px / 1201px = 32.556202% */
  835.     z-index: 0;
  836. }
  837. .ellipse-1-copy-2-holder {
  838.     margin: 0 auto;
  839.     overflow: hidden;
  840.     padding: 10px 0 11px;
  841.     position: relative;
  842.     right: 1.150895%;
  843.     width: 36.317135%; /* 142px / 391px = 36.317135% */
  844.     z-index: 98;
  845.     -webkit-border-radius: 70.92px/70.89px;
  846.     -moz-border-radius: 70.92px/70.89px;
  847.     border-radius: 70.92px/70.89px;
  848.     background: rgba(255, 222, 0, 0.3);
  849. }
  850. .ellipse-1-copy-4-holder {
  851.     margin: 0 auto;
  852.     padding: 26px 0 24px;
  853.     position: relative;
  854.     width: 85.211266%; /* 121px / 142px = 85.211266% */
  855.     -webkit-border-radius: 60.34px;
  856.     -moz-border-radius: 60.34px;
  857.     border-radius: 60.34px;
  858.     background: #ffde00;
  859. }
  860. .vector-smart-object-7 {
  861.     display: block;
  862.     margin: 0 auto;
  863.     width: 52.066116%; /* 63px / 121px = 52.066116% */
  864. }
  865. .rectangle-4-copy-5-holder {
  866.     margin: -97px 0 0;
  867.     min-height: 113px;
  868.     overflow: hidden;
  869.     padding: 115px 0 97px;
  870.     position: relative;
  871.     width: 99.74425%; /* 390px / 391px = 99.74425% */
  872.     z-index: 95;
  873.     background: url(images/rectangle_4_copy_5.png) no-repeat center 0;
  874.     -webkit-background-size: 100% 325px;
  875.     -moz-background-size: 100% 325px;
  876.     -o-background-size: 100% 325px;
  877.     background-size: 100% 325px;
  878.     color: #ffffff;
  879.         font-size: 16.176882px;
  880.     line-height: 1.2;
  881.     text-align: center;
  882.     font-family: Gotham, sans-serif;
  883. }
  884. .shape-2-copy-2 {
  885.     display: block;
  886.     margin: -64px 0 0;
  887.     /* position: relative; */
  888.     width: 95.14066%;
  889.     z-index: 93;
  890.     overflow: hidden;
  891. }
  892. .col-10 {
  893.     float: left;
  894.     margin: 1px 0 0 1.082431%; /* 13px / 1201px = 1.082431% */
  895.     position: relative;
  896.     width: 32.556202%; /* 391px / 1201px = 32.556202% */
  897.     z-index: 0;
  898. }
  899. .ellipse-1-copy-3-holder {
  900.     left: 1.534527%;
  901.     margin: 0 auto;
  902.     overflow: hidden;
  903.     padding: 12px 0;
  904.     position: relative;
  905.     width: 37.0844%; /* 145px / 391px = 37.0844% */
  906.     z-index: 101;
  907.     -webkit-border-radius: 72.31px/72.28px;
  908.     -moz-border-radius: 72.31px/72.28px;
  909.     border-radius: 72.31px/72.28px;
  910.     background: rgba(255, 222, 0, 0.3);
  911. }
  912. .ellipse-1-copy-5-holder {
  913.     margin: 0 auto;
  914.     padding: 20px 0;
  915.     position: relative;
  916.     width: 83.44827%; /* 121px / 145px = 83.44827% */
  917.     -webkit-border-radius: 60.35px/60.33px;
  918.     -moz-border-radius: 60.35px/60.33px;
  919.     border-radius: 60.35px/60.33px;
  920.     background: #ffde00;
  921. }
  922. .vector-smart-object-8 {
  923.     display: block;
  924.     margin: 0 auto;
  925.     width: 66.94215%; /* 81px / 121px = 66.94215% */
  926. }
  927. .rectangle-4-copy-2-holder {
  928.     margin: -100px auto 0;
  929.     min-height: 113px;
  930.     overflow: hidden;
  931.     padding: 113px 0 97px 3.836317%; /* 15px / 391px = 3.836317% */
  932.     position: relative;
  933.     width: 95.652176%; /* 374px / 391px = 95.652176% */
  934.     z-index: 90;
  935.     background: url(images/rectangle_4_copy_2.png) no-repeat center 0;
  936.     -webkit-background-size: 100% 323px;
  937.     -moz-background-size: 100% 323px;
  938.     -o-background-size: 100% 323px;
  939.     background-size: 100% 323px;
  940.     color: #ffffff;
  941.         font-size: 17.17686px;
  942.     line-height: 1.2;
  943.     text-align: center;
  944.     font-family: Gotham, sans-serif;
  945. }
  946. .shape-2-copy {
  947.     display: block;
  948.     margin: -64px 0 0;
  949.     position: relative;
  950.     width: 95.14066%; /* 372px / 391px = 95.14066% */
  951.     z-index: 93;
  952. }
  953. .premios-2 {
  954.     /*min-height: 310px;*/
  955.     padding: 40px 0 0;
  956.     position: relative;
  957.     background: #02d583;
  958. }
  959. .row {
  960.     margin: 0 auto;
  961.     position: relative;
  962.     width: 57.574306%; /* 1201px / 2086px = 57.574306% */
  963. }
  964. .text-26 {
  965.     float: left;
  966.     margin: 0 0 1px;
  967.     /* width: 23.896753%; */
  968.     color: #ffde00;
  969.     /* font-family: GothamUltra, serif; */
  970.     /* font-size: 40.17357px; */
  971.     text-transform: uppercase;
  972.     font-size: 28px;
  973.     font-family: Gotham, sans-serif;
  974.     font-weight: 900;
  975.     letter-spacing: -2px;
  976.     text-align: center;
  977.     /* margin-top: 25px; */
  978. }
  979. .text-27 {
  980.         float: right;
  981.     margin: 7px 9px -2px;
  982.     /* width: 83.5204%; */
  983.     color: #ffffff;
  984.     /* font-family: GothamRounded, serif; */
  985.     /* font-size: 32.37615px; */
  986.     font-weight: bold;
  987.     /* text-transform: uppercase; */
  988.     font-size: 20px;
  989.     text-transform: uppercase;
  990.     font-family: Gotham, sans-serif;
  991. }
  992. .row-6 {
  993.     margin: 32px auto 0;
  994.     position: relative;
  995.     width: 57.574306%; /* 1201px / 2086px = 57.574306% */
  996. }
  997. .row-6 > * {
  998.     float: left;
  999.     margin: 0 0.915903% 0 0; /* 11px / 1201px = 0.915903% */
  1000. }
  1001. .row-6 > *:last-child {
  1002.     margin-right: 0 !important;
  1003. }
  1004. .col-13 {
  1005.     position: relative;
  1006.     width: 32.639465%; /* 392px / 1201px = 32.639465% */
  1007. }
  1008. .row-19 {
  1009.     position: relative;
  1010. }
  1011. .text-28 {
  1012.     float: left;
  1013.     margin: -12px 0 -3px;
  1014.     color: #ffde00;
  1015.     font-family: GothamUltra, serif;
  1016.     font-size: 83.48849px;
  1017.     text-transform: uppercase;
  1018. }
  1019. .vector-smart-object-9 {
  1020.     float: left;
  1021.     margin: 5px 0 0 0.511509%; /* 2px / 391px = 0.511509% */
  1022.     width: 15.856777%; /* 62px / 391px = 15.856777% */
  1023. }
  1024. .text-29 {
  1025.     float: left;
  1026.     margin: 7px 0 -3px;
  1027.     color: #ffde00;
  1028.     font-family: GothamUltra, serif;
  1029.     font-size: 83.48849px;
  1030.     text-transform: uppercase;
  1031. }
  1032. .vector-smart-object-copy-2 {
  1033.     float: left;
  1034.     margin: 5px 0 0 0.767263%; /* 3px / 391px = 0.767263% */
  1035.     width: 15.856777%; /* 62px / 391px = 15.856777% */
  1036. }
  1037. .vector-smart-object-copy-3 {
  1038.     float: left;
  1039.     margin: 5px 0 0 0.767263%; /* 3px / 391px = 0.767263% */
  1040.     width: 15.856777%; /* 62px / 391px = 15.856777% */
  1041. }
  1042. .vector-smart-object-copy-4 {
  1043.     float: left;
  1044.     margin: 5px 0 0 1.023018%; /* 4px / 391px = 1.023018% */
  1045.     width: 15.856777%; /* 62px / 391px = 15.856777% */
  1046. }
  1047. .rectangle-5-holder {
  1048.     margin: 14px 0 0;
  1049.     min-height: 29px;
  1050.     padding: 22px 7.908163% 100px; /* 31px / 392px = 7.908163% */
  1051.     background: #00a363;
  1052.     color: #ffffff;
  1053.     font-family: GothamRounded, serif;
  1054.     font-size: 27.211613px;
  1055.     font-weight: bold;
  1056.     text-transform: uppercase;
  1057. }
  1058. .col-14 {
  1059.     position: relative;
  1060.     width: 32.805996%; /* 394px / 1201px = 32.805996% */
  1061. }
  1062. .row-22 {
  1063.     margin: 0 auto;
  1064.     position: relative;
  1065.     width: 99.23858%; /* 391px / 394px = 99.23858% */
  1066. }
  1067. .text-31 {
  1068.     float: left;
  1069.     margin: -12px 0 -3px;
  1070.     color: #ffde00;
  1071.     font-family: GothamUltra, serif;
  1072.     font-size: 83.44996px;
  1073.     text-transform: uppercase;
  1074. }
  1075. .vector-smart-object-copy-5 {
  1076.     float: left;
  1077.     margin: 5px 0 0 0.511509%; /* 2px / 391px = 0.511509% */
  1078.     width: 15.856777%; /* 62px / 391px = 15.856777% */
  1079. }
  1080. .text-32 {
  1081.     float: left;
  1082.     margin: 7px 0 -3px;
  1083.     color: #ffde00;
  1084.     font-family: GothamUltra, serif;
  1085.     font-size: 83.44996px;
  1086.     text-transform: uppercase;
  1087. }
  1088. .vector-smart-object-copy-5-2 {
  1089.     float: left;
  1090.     margin: 5px 0 0 0.511509%; /* 2px / 391px = 0.511509% */
  1091.     width: 15.856777%; /* 62px / 391px = 15.856777% */
  1092. }
  1093. .vector-smart-object-copy-5-3 {
  1094.     float: left;
  1095.     margin: 5px 0 0 1.023018%; /* 4px / 391px = 1.023018% */
  1096.     width: 15.856777%; /* 62px / 391px = 15.856777% */
  1097. }
  1098. .vector-smart-object-copy-5-4 {
  1099.     float: left;
  1100.     margin: 5px 0 0 1.023018%; /* 4px / 391px = 1.023018% */
  1101.     width: 15.856777%; /* 62px / 391px = 15.856777% */
  1102. }
  1103. .rectangle-5-copy-holder-3 {
  1104.     margin: 14px auto 0;
  1105.     min-height: 30px;
  1106.     padding: 23px 1.77665% 98px 5.583756%; /* 7px / 394px = 1.77665%, 22px / 394px = 5.583756% */
  1107.     width: 91.878174%; /* 362px / 394px = 91.878174% */
  1108.     background: #00a363;
  1109.     color: #ffffff;
  1110.     font-family: GothamRounded, serif;
  1111.     font-size: 27.211613px;
  1112.     font-weight: bold;
  1113.     text-transform: uppercase;
  1114. }
  1115. .col-15 {
  1116.     position: relative;
  1117.     width: 32.722733%; /* 393px / 1201px = 32.722733% */
  1118. }
  1119. .row-25 {
  1120.     position: relative;
  1121. }
  1122. .text-34 {
  1123.     float: left;
  1124.     margin: -12px 0 -3px;
  1125.     color: #ffde00;
  1126.     font-family: GothamUltra, serif;
  1127.     font-size: 83.79303px;
  1128.     text-transform: uppercase;
  1129. }
  1130. .vector-smart-object-copy-6 {
  1131.     float: left;
  1132.     margin: 5px 0 0 0.765306%; /* 3px / 392px = 0.765306% */
  1133.     width: 15.816326%; /* 62px / 392px = 15.816326% */
  1134. }
  1135. .text-35 {
  1136.     float: left;
  1137.     margin: 7px 0 -3px 0.765306%; /* 3px / 392px = 0.765306% */
  1138.     color: #ffde00;
  1139.     font-family: GothamUltra, serif;
  1140.     font-size: 83.79303px;
  1141.     text-transform: uppercase;
  1142. }
  1143. .vector-smart-object-copy-6-2 {
  1144.     float: left;
  1145.     margin: 5px 0 0 0.510204%; /* 2px / 392px = 0.510204% */
  1146.     width: 15.816326%; /* 62px / 392px = 15.816326% */
  1147. }
  1148. .vector-smart-object-copy-6-3 {
  1149.     float: left;
  1150.     margin: 5px 0 0 0.765306%; /* 3px / 392px = 0.765306% */
  1151.     width: 15.816326%; /* 62px / 392px = 15.816326% */
  1152. }
  1153. .vector-smart-object-copy-6-4 {
  1154.     float: right;
  1155.     margin: 5px 0 0;
  1156.     width: 15.816326%; /* 62px / 392px = 15.816326% */
  1157. }
  1158. .rectangle-5-copy-2-holder-3 {
  1159.     margin: 13px auto 0;
  1160.     min-height: 29px;
  1161.     padding: 24px 7.379135% 98px; /* 29px / 393px = 7.379135% */
  1162.     width: 84.73283%; /* 333px / 393px = 84.73283% */
  1163.     background: #00a363;
  1164.     color: #ffffff;
  1165.     font-family: GothamRounded, serif;
  1166.     font-size: 27.211613px;
  1167.     font-weight: bold;
  1168.     text-transform: uppercase;
  1169. }
  1170. .cancion {
  1171.     height: 302px;
  1172.         padding: 98px 14.236816% 91px; /* 443px / 2086px = 21.236816% */
  1173.     position: relative;
  1174.     background: url(images/rectangle_9.jpg) no-repeat center 0;
  1175.     -webkit-background-size: cover;
  1176.     -moz-background-size: cover;
  1177.     -o-background-size: cover;
  1178.     background-size: cover;
  1179. }
  1180. .rectangle-8-holder {
  1181.     float: left;
  1182.     margin: 6px 6.666667% 0 0; /* 80px / 1200px = 6.666667% */
  1183.     padding: 14px 0 18px;
  1184.     position: relative;
  1185.     width: 48.25%; /* 579px / 1200px = 48.25% */
  1186.     background: rgba(2, 220, 135, 0.3);
  1187. }
  1188. .rectangle-8-copy-holder {
  1189.     margin: 0 auto;
  1190.     padding: 17px 0 16px;
  1191.     position: relative;
  1192.     width: 95.5095%; /* 553px / 579px = 95.5095% */
  1193.     background: #02d583;
  1194. }
  1195. .rectangle-8-copy-2 {
  1196.     height: 236px;
  1197.     margin: 0 auto;
  1198.     width: 360px; /* 525px / 553px = 94.93671% */
  1199.     background: #30303c;
  1200. }
  1201. .col-3 {
  1202.     float: left;
  1203.     position: relative;
  1204.     width: 39.916668%; /* 479px / 1200px = 39.916668% */
  1205. }
  1206. .text-37 {
  1207.         margin: -7px 0 0;
  1208.     overflow: hidden;
  1209.     color: #2c4d3a;
  1210.     font-size: 47.576084px;
  1211.     text-align: center;
  1212.     font-size: 34px;
  1213.     font-family: Gotham, sans-serif;
  1214.     font-weight: 500;
  1215.     text-align: center;
  1216.     letter-spacing: -1px;
  1217. }
  1218. .text-38 {
  1219.         margin: -3px 0 -10px;
  1220.     color: #02d583;
  1221.     /* font-family: GothamUltra, serif; */
  1222.     /* font-size: 58.30956px; */
  1223.     text-align: center;
  1224.     font-size: 42px;
  1225.     font-family: Gotham, sans-serif;
  1226.     font-weight: 900;
  1227.     text-align: center;
  1228.     letter-spacing: -2px;
  1229. }
  1230. .text-39 {
  1231.         margin: 27px 0 -7px;
  1232.     /* color: #2d4f3c; */
  1233.     /* font-family: GothamRounded, serif; */
  1234.     /* font-size: 22.58138px; */
  1235.     /* font-weight: 500; */
  1236.     line-height: 29.18841px;
  1237.     text-align: center;
  1238.     font-family: Gotham, sans-serif;
  1239.     color: #ffde00;
  1240.     font-weight: 600;
  1241.     font-size: 17.4px;
  1242. }
  1243. .pamel {
  1244.     min-height: 549px;
  1245.     padding: 39px 19.03164% 62px 21.188879%; /* 397px / 2086px = 19.03164%, 442px / 2086px = 21.188879% */
  1246.     position: relative;
  1247.     background: #ffde00;
  1248. }
  1249. .col-11 {
  1250.     float: left;
  1251.     position: relative;
  1252.     width: 61.026463%; /* 761px / 1247px = 61.026463% */
  1253. }
  1254. .text-40 {
  1255.         margin: -7px 0 -3px 0.262812%;
  1256.     color: #2d4f3c;
  1257.     font-family: GothamUltra, serif;
  1258.     font-size: 39.99996px;
  1259.     text-transform: uppercase;
  1260.     font-size: 37px;
  1261.     text-transform: uppercase;
  1262.     font-weight: 900;
  1263.     letter-spacing: -3px;
  1264.     font-family: Gotham, sans-serif;
  1265. }
  1266. .text-41 {
  1267.         margin: 22px 0 1px;
  1268.     line-height: 16.999998px;
  1269.     text-align: justify;
  1270.     font-family: Gotham,SANS-SERIF;
  1271.     font-size: 15px;
  1272. }
  1273. .text-42 {
  1274.     margin: 22px 0 -4px;
  1275.     color: #2c4d3a;
  1276.         font-family: Gotham, sans-serif;
  1277.     font-size: 21.160305px;
  1278.     font-weight: bold;
  1279.     text-align: left;
  1280.     text-transform: uppercase;
  1281. }
  1282. .row-26 {
  1283.         margin: 21px 0 0;
  1284.     position: relative;
  1285. }
  1286. .col-17 {
  1287.         float: left;
  1288.     position: relative;
  1289. }
  1290. .row-27 {
  1291.     margin: 0 auto;
  1292.     /* overflow: hidden; */
  1293.     position: relative;
  1294.     /* width: 98.25784%; */
  1295. }
  1296. .vector-smart-object-10 {
  1297.     float: left;
  1298.     margin: 2px 0 0;
  1299.     width: 3.546099%; /* 10px / 282px = 3.546099% */
  1300. }
  1301. .pamel-2 {
  1302.         float: left;
  1303.     margin: -2px 0 -2px 1.77305%;
  1304.     color: #2b4b39;
  1305.     font-size: 17.511452px;
  1306.     font-family: Gotham, sans-serif;
  1307.     font-weight: 600;
  1308. }
  1309. .vector-smart-object-13 {
  1310.     float: left;
  1311.     margin: 1px -20px 0;
  1312.     width: 2.301418%;
  1313. }
  1314. .text-43 {
  1315.             float: right;
  1316.     margin: -3px 12.77305% 0 0;
  1317.     color: #2b4b39;
  1318.     font-size: 23.511452px;
  1319.     font-size: 17.511452px;
  1320.     font-family: Gotham, sans-serif;
  1321.     font-weight: 600;
  1322. }
  1323. .vector-smart-object-12 {
  1324.     float: right;
  1325.     margin: 1px 0 0;
  1326.     width: 7.801418%; /* 22px / 282px = 7.801418% */
  1327. }
  1328. .vector-smart-object-11 {
  1329.     float: right;
  1330.     margin: 2px 1.41844% 0 0; /* 4px / 282px = 1.41844% */
  1331.     width: 6.028369%; /* 17px / 282px = 6.028369% */
  1332. }
  1333. .text-44 {
  1334.         margin: 4px 0 -2px;
  1335.     color: #2b4b39;
  1336.     font-size: 19.011864px;
  1337.     letter-spacing: 0.05em;
  1338.     text-align: justify;
  1339.     font-family: Gotham,sans-serif;
  1340.     font-weight: 600;
  1341. }
  1342. .text-45 {
  1343.                float: left;
  1344.     margin: -1px -1px;
  1345.     /* width: 21.681997%; */
  1346.     color: #2b4b39;
  1347.     font-size: 16.511452px;
  1348.     font-family: Gotham, sans-serif;
  1349.     font-weight: 600;
  1350. }
  1351. .col-2 {
  1352.     float: right;
  1353.     margin: 1px 0 0;
  1354.     position: relative;
  1355.     width: 36.72815%; /* 458px / 1247px = 36.72815% */
  1356. }
  1357. .rectangle-4-copy-3-holder {
  1358.     overflow: hidden;
  1359.     padding: 18px 0 13px;
  1360.     position: relative;
  1361.     width: 89.95633%; /* 412px / 458px = 89.95633% */
  1362.     background: url(images/rectangle_4_copy_3.png) no-repeat center 0;
  1363.     -webkit-background-size: 100% 534px;
  1364.     -moz-background-size: 100% 534px;
  1365.     -o-background-size: 100% 534px;
  1366.     background-size: 100% 534px;
  1367. }
  1368. .rectangle-4-copy-7-holder {
  1369.     margin: 0 auto;
  1370.     padding: 24px 0 20px;
  1371.     position: relative;
  1372.     width: 94.17476%; /* 388px / 412px = 94.17476% */
  1373.     background: url(images/rectangle_4_copy_7.png) no-repeat center 0;
  1374.     -webkit-background-size: 100% 503px;
  1375.     -moz-background-size: 100% 503px;
  1376.     -o-background-size: 100% 503px;
  1377.     background-size: 100% 503px;
  1378. }
  1379. .rectangle-4-copy-6 {
  1380.     display: block;
  1381.     margin: 0 auto;
  1382.     width: 88.65979%; /* 344px / 388px = 88.65979% */
  1383. }
  1384. .vector-smart-object-14 {
  1385.     display: block;
  1386.     left: 34.061134%;
  1387.     margin: -158px auto 0;
  1388.     position: relative;
  1389.     width: 31.87773%; /* 146px / 458px = 31.87773% */
  1390. }
  1391. .footer {
  1392.     position: relative;
  1393. }
  1394. .footer-2 {
  1395.         min-height: 34px;
  1396.     padding: 20px 10.093% 30px 11.188879%;
  1397.     position: relative;
  1398.     background: #2d4f3c;
  1399. }
  1400. .text-46 {
  1401.         float: left;
  1402.     margin: 18px 0 0;
  1403.     /* width: 21.594685%; */
  1404.     color: #ffffff;
  1405.     font-size: 13.971392px;
  1406.     font-family: Gotham,sans-serif;
  1407. }
  1408. .vector-smart-object-15 {
  1409.     float: left;
  1410.     margin: 0 0 0 0.166113%; /* 2px / 1204px = 0.166113% */
  1411.     width: 17.524918%; /* 211px / 1204px = 17.524918% */
  1412. }
  1413. .text-47 {
  1414.     float: right;
  1415.     margin: 18px 0 0;
  1416.     /* width: 49.08638%; */
  1417.     color: #ffffff;
  1418.     font-size: 13.971392px;
  1419.     text-align: right;
  1420.     font-family: Gotham, sans-serif;
  1421. }
  1422. .text-style-2 {
  1423.     margin-bottom: -6px;
  1424.     margin-top: -6px;
  1425. }
  1426. .text-style-3 {
  1427.     color: #2c4d3a;
  1428.         font-family: Gotham, sans-serif;
  1429.     font-weight: bold;
  1430.     text-transform: uppercase;
  1431. }
  1432. .text-style {
  1433.         font-family: Gotham, sans-serif;
  1434.     font-weight: bold;
  1435. }
  1436. .color2c4d3a {
  1437.     color: #2c4d3a;
  1438. }
  1439. .text-style-4 {
  1440.     line-height: 16px;
  1441. }
  1442. nav {
  1443.     width:300px;
  1444.     background-color:rgb(240,240,240);
  1445.     border:solid 1px rgb(220,220,220);
  1446.     padding:0 12px;
  1447. }
  1448.  
  1449. nav.stick {
  1450.     position: fixed;
  1451.     top: 0;
  1452.     z-index: 10000;
  1453.     margin-top:12px;
  1454. }
  1455.  
  1456. nav ul {
  1457.     list-style-type:none;
  1458.     margin:0;
  1459.     padding:0;
  1460. }
  1461.  
  1462. nav li {
  1463.  
  1464. }
  1465.  
  1466. nav li a {
  1467.     color:rgb(50,50,50);
  1468.     font-weight:700;
  1469. }
  1470.  
  1471. a.nav-active {
  1472.     border-top: 3px #000000;
  1473. }
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!