API tools faq
paste
son86000

style.css

son86000
Aug 9th, 2017
50
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 46.41 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. Theme Name: Usaflex Data Miner
  3. Theme URI: http://www.usaflex.com.br
  4. Description: Novo site da Usaflex
  5. Author: Emerson Garcia
  6. Author URI: http://www.usaflex.com.br
  7. Version: 1.0
  8. */
  9.  
  10. @import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700');
  11.  
  12. body {
  13.   background-color: #f5f5f5;
  14.   font-family: 'Montserrat', sans-serif;
  15.   color: #000;
  16.   font-size: 12px;
  17.   line-height: 13px;
  18. }
  19.  
  20. h2 {
  21.   display: inline-block;
  22.   margin-top: 10px;
  23.   margin-bottom: 10px;
  24.   padding-bottom: 5px;
  25.   border-bottom: 2px solid #000;
  26.   font-size: 20px;
  27.   line-height: 21px;
  28.   font-weight: 400;
  29. }
  30.  
  31. .section-nav {
  32.   display: -webkit-box;
  33.   display: -webkit-flex;
  34.   display: -ms-flexbox;
  35.   display: flex;
  36.   -webkit-box-orient: horizontal;
  37.   -webkit-box-direction: normal;
  38.   -webkit-flex-direction: row;
  39.   -ms-flex-direction: row;
  40.   flex-direction: row;
  41.   -webkit-box-pack: center;
  42.   -webkit-justify-content: center;
  43.   -ms-flex-pack: center;
  44.   justify-content: center;
  45.   -webkit-box-align: center;
  46.   -webkit-align-items: center;
  47.   -ms-flex-align: center;
  48.   align-items: center;
  49.   background-color: #fff;
  50. }
  51.  
  52. .container-nav-home {
  53.   padding-top: 20px;
  54.   padding-bottom: 20px;
  55.   -webkit-box-flex: 1;
  56.   -webkit-flex: 1;
  57.   -ms-flex: 1;
  58.   flex: 1;
  59. }
  60.  
  61. .logo-nav {
  62.   width: 120px;
  63. }
  64.  
  65. .busca-nav {
  66.   width: 350px;
  67.   height: 35px;
  68.   margin-bottom: 0px;
  69.   float: right;
  70.   background-image: url('../images/lupa.png');
  71.   background-position: 100% 50%;
  72.   background-size: 25px;
  73.   background-repeat: no-repeat;
  74. }
  75.  
  76. .input-busca {
  77.   width: 300px;
  78.   height: 35px;
  79.   margin-bottom: 0px;
  80.   padding-top: 0px;
  81.   padding-bottom: 0px;
  82.   border-style: none;
  83.   background-color: #eee;
  84. }
  85.  
  86. .section-main-banner {
  87.   height: 600px;
  88.   background-image: url('../images/header.png');
  89.   background-position: 50% 50%;
  90.   background-size: cover;
  91.   background-repeat: no-repeat;
  92. }
  93.  
  94. .content-main-banner {
  95.   padding-top: 205px;
  96.   padding-right: 5%;
  97. }
  98.  
  99. .iinfo-main-banner {
  100.   float: right;
  101. }
  102.  
  103. .titu-main-banner {
  104.   margin-bottom: 20px;
  105.   font-size: 72px;
  106.   line-height: 60px;
  107.   text-transform: uppercase;
  108. }
  109.  
  110. .txt-main-banner {
  111.   font-size: 20px;
  112.   line-height: 23px;
  113.   text-transform: uppercase;
  114. }
  115.  
  116. .btn-main-banner {
  117.   margin-top: 40px;
  118.   padding: 15px 25px;
  119.   border: 2px solid #000;
  120.   background-color: transparent;
  121.   color: #000;
  122.   font-size: 20px;
  123.   text-transform: uppercase;
  124. }
  125.  
  126. .btn-main-banner:hover {
  127.   background-color: #000;
  128.   color: #fff;
  129. }
  130.  
  131. .section-menu-home {
  132.   background-color: #fff;
  133. }
  134.  
  135. div.menu-menu-home-container{
  136.   width: 100%;
  137.   height:113px;
  138.   background-color:#fff;
  139. }
  140.  
  141. ul#menu-menu-home.menu{
  142.   margin-left:20px;
  143.   background-color: #fff;
  144. }
  145.  
  146. ul#menu-menu-home.menu li{
  147.   padding: 50px 0;
  148.   width: 13.565%;
  149.   border-left: 1px solid #b3b3b3;
  150.   text-align: center;
  151.   float: left;
  152.   list-style: none;
  153.   font-size:12px;
  154.   text-transform: uppercase;
  155.   font-weight: 600;
  156. }
  157.  
  158. li#menu-item-19.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-19{
  159.   border-right: 1px solid #b3b3b3;
  160. }
  161.  
  162. ul#menu-menu-home.menu li a{
  163.   text-decoration: none;
  164.   color:#000;
  165. }
  166.  
  167. ul#menu-menu-home.menu li:hover{
  168.   background-color: #eee;
  169.   transition: all 0.4s linear;
  170. }
  171.  
  172. a.logo-link-header-2{
  173.   position: absolute;
  174.   margin-top:25px;
  175. }
  176.  
  177. a.logo-link-header-3{
  178.   position: absolute;
  179.   margin-top: 16px;
  180. }
  181.  
  182. div#crumbs{
  183.   margin-top:-5px;
  184. }
  185.  
  186. div#crumbs a{
  187.   font-size: 14px;
  188.   text-decoration: none;
  189.   color:#000;
  190.   font-weight: 300;
  191.   text-transform: uppercase;
  192. }
  193.  
  194. div#crumbs a:hover{
  195.   color:#b3b3b3;
  196.   transition: all 0.3s linear;
  197. }
  198.  
  199. div#crumbs span.current{
  200.   font-size: 14px;
  201.   text-decoration: none;
  202.   color:#000;
  203.   font-weight: 300;
  204.   text-transform: uppercase;
  205. }
  206.  
  207. h2.h2-nossa-empresa{
  208.   margin-top:-40px;
  209. }
  210.  
  211.  
  212.  
  213. /*.ul-menu {
  214.   display: -webkit-box;
  215.   display: -webkit-flex;
  216.   display: -ms-flexbox;
  217.   display: flex;
  218.   margin-bottom: 0px;
  219.   border-right: 1px solid #c9c9c9;
  220.   border-left: 1px solid #c9c9c9;
  221. }
  222.  
  223. .li-menu {
  224.   display: -webkit-box;
  225.   display: -webkit-flex;
  226.   display: -ms-flexbox;
  227.   display: flex;
  228.   width: 14.28571429%;
  229.   padding-right: 5px;
  230.   padding-left: 5px;
  231.   float: left;
  232.   -webkit-box-pack: center;
  233.   -webkit-justify-content: center;
  234.   -ms-flex-pack: center;
  235.   justify-content: center;
  236.   -webkit-box-align: center;
  237.   -webkit-align-items: center;
  238.   -ms-flex-align: center;
  239.   align-items: center;
  240.   border-right: 1px solid #c9c9c9;
  241. }*/
  242.  
  243. .li-menu:hover {
  244.   background-color: #eee;
  245. }
  246.  
  247. .li-menu.last {
  248.   border-right-style: none;
  249. }
  250.  
  251. .link-menu {
  252.   width: 100%;
  253.   padding-top: 30px;
  254.   padding-bottom: 30px;
  255.   color: #000;
  256.   font-size: 15px;
  257.   text-align: center;
  258.   text-decoration: none;
  259. }
  260.  
  261. .nome-menu {
  262.   margin-bottom: 20px;
  263.   text-transform: uppercase;
  264. }
  265.  
  266. .desc-menu {
  267.   color: #666;
  268.   font-size: 10px;
  269. }
  270.  
  271. .slider-home {
  272.   height: auto;
  273.   margin-top: 40px;
  274.   background-color: transparent;
  275. }
  276.  
  277. .arrow {
  278.   width: 4%;
  279.   color: #000;
  280.   font-size: 35px;
  281. }
  282.  
  283. .item-slide {
  284.   width: 25%;
  285. }
  286.  
  287. .mask-slide {
  288.   display: block;
  289.   width: 92%;
  290.   height: auto;
  291.   margin-right: auto;
  292.   margin-left: auto;
  293. }
  294.  
  295. .box-prod {
  296.   display: block;
  297.   width: 95%;
  298.   height: 460px;
  299.   margin-right: auto;
  300.   margin-left: auto;
  301.   border: 1px solid #a3a3a3;
  302. }
  303.  
  304. .box-img-prod-slider {
  305.   display: -webkit-box;
  306.   display: -webkit-flex;
  307.   display: -ms-flexbox;
  308.   display: flex;
  309.   padding-top: 40px;
  310.   -webkit-box-pack: center;
  311.   -webkit-justify-content: center;
  312.   -ms-flex-pack: center;
  313.   justify-content: center;
  314.   -webkit-box-align: end;
  315.   -webkit-align-items: flex-end;
  316.   -ms-flex-align: end;
  317.   align-items: flex-end;
  318. }
  319.  
  320. .box-img-prod-slider.tenis {
  321.   background-image: -webkit-linear-gradient(270deg, #5b5b5a 70%, transparent 0);
  322.   background-image: linear-gradient(180deg, #5b5b5a 70%, transparent 0);
  323. }
  324.  
  325. .box-img-prod-slider.sandalias {
  326.   background-image: -webkit-linear-gradient(270deg, #d3a780 70%, transparent 0);
  327.   background-image: linear-gradient(180deg, #d3a780 70%, transparent 0);
  328. }
  329.  
  330. .h4-ref {
  331.   color: #a3a3a3;
  332.   font-size: 12px;
  333.   font-style: italic;
  334.   font-weight: 400;
  335. }
  336.  
  337. .infos-prod-slide {
  338.   margin-top: -20px;
  339.   padding-right: 20px;
  340.   padding-bottom: 30px;
  341.   padding-left: 20px;
  342. }
  343.  
  344. .h3-slide {
  345.   margin-top: 10px;
  346.   margin-bottom: 20px;
  347.   font-weight: 400;
  348. }
  349.  
  350. .txt-info-prod-slide {
  351.   max-height: 45px;
  352.   min-height: 45px;
  353.   margin-bottom: 20px;
  354.   color: #a3a3a3;
  355.   font-size: 11px;
  356.   line-height: 11px;
  357. }
  358.  
  359. .btn {
  360.   padding-right: 20px;
  361.   padding-left: 20px;
  362.   border: 1px solid #000;
  363.   background-color: transparent;
  364.   color: #000;
  365.   font-size: 14px;
  366.   line-height: 14px;
  367.   text-transform: uppercase;
  368. }
  369.  
  370. .btn:hover {
  371.   background-color: #000;
  372.   color: #fff;
  373. }
  374.  
  375. .btn.branco {
  376.   border-color: #fff;
  377.   color: #fff;
  378. }
  379.  
  380. .btn.branco:hover {
  381.   background-color: #fff;
  382.   color: #000;
  383. }
  384.  
  385. .btn.branco.creme:hover {
  386.   color: #d3a780;
  387. }
  388.  
  389. .btn.branco.footer {
  390.   width: 300px;
  391.   margin-left: 50px;
  392.   text-align: center;
  393. }
  394.  
  395. .btn.branco.btn-relatorio {
  396.   padding-right: 13px;
  397.   padding-left: 13px;
  398.   font-size: 11px;
  399.   line-height: 12px;
  400. }
  401.  
  402. .btn.footer {
  403.   width: 300px;
  404.   text-align: center;
  405. }
  406.  
  407. .section {
  408.   padding-right: 50px;
  409.   padding-left: 50px;
  410.   -webkit-box-orient: vertical;
  411.   -webkit-box-direction: normal;
  412.   -webkit-flex-direction: column;
  413.   -ms-flex-direction: column;
  414.   flex-direction: column;
  415.   -webkit-box-pack: start;
  416.   -webkit-justify-content: flex-start;
  417.   -ms-flex-pack: start;
  418.   justify-content: flex-start;
  419.   -webkit-box-align: center;
  420.   -webkit-align-items: center;
  421.   -ms-flex-align: center;
  422.   align-items: center;
  423. }
  424.  
  425. .section.section-nav {
  426.   display: block;
  427.   padding-top: 12px;
  428.   padding-bottom: 12px;
  429. }
  430.  
  431. .section.section-menu-home {
  432.   margin-bottom: 40px;
  433. }
  434.  
  435. .section.section-carrosel {
  436.   padding-bottom: 50px;
  437.   margin-top: 100px;
  438. }
  439.  
  440. .section.section-footer {
  441.   padding-top: 25px;
  442.   padding-bottom: 25px;
  443. }
  444.  
  445. .section.section-banner-interna {
  446.   padding-top: 100px;
  447.   padding-bottom: 100px;
  448.   -webkit-box-pack: end;
  449.   -webkit-justify-content: flex-end;
  450.   -ms-flex-pack: end;
  451.   justify-content: flex-end;
  452.   -webkit-box-align: center;
  453.   -webkit-align-items: center;
  454.   -ms-flex-align: center;
  455.   align-items: center;
  456.   background-image: url('../images/bg_internaflex.png');
  457.   background-position: 50% 50%;
  458.   background-size: cover;
  459.   background-repeat: no-repeat;
  460.   margin-top:-15px;
  461. }
  462.  
  463. .section.section-main-destq-tecnologia {
  464.   min-height: 402px;
  465.   background-image: url('../images/tecnologia-bg.jpg');
  466.   background-position: 50% 0px;
  467.   background-size: auto;
  468.   background-repeat: no-repeat;
  469. }
  470.  
  471. .section.section-header-empresa {
  472.   position: relative;
  473.   padding-top: 350px;
  474.   background-image: url('../images/nossaempresa.png');
  475.   background-position: 50% 0px;
  476.   background-repeat: no-repeat;
  477. }
  478.  
  479. .section.section-fundacao {
  480.   margin-top: -21px;
  481.   padding-bottom: 40px;
  482. }
  483.  
  484. .section.section-desempenho {
  485.   background-color: #3f393a;
  486. }
  487.  
  488. .section.section-premios {
  489.   padding-top: 190px;
  490.   background-image: url('../images/premios.jpg');
  491.   background-position: 50% 0px;
  492.   background-repeat: no-repeat;
  493. }
  494.  
  495. .section.section-bread-empresa {
  496.   border-top: 1px solid #979797;
  497. }
  498.  
  499. .section.section-relatorios {
  500.   background-color: #3f393a;
  501. }
  502.  
  503. .section.section-main-destq-lojas {
  504.   min-height: 402px;
  505.   background-image: url('../images/bg-onde-encontrar.jpg');
  506.   background-position: 50% 50%;
  507.   background-size: auto;
  508.   background-repeat: no-repeat;
  509.   color: #fff;
  510. }
  511.  
  512. .h2-banner-center {
  513.   display: block;
  514.   width: 100%;
  515.   margin-right: auto;
  516.   margin-bottom: 50px;
  517.   margin-left: auto;
  518.   text-align: center;
  519. }
  520.  
  521. .banner-franq {
  522.   padding: 40px 20px 40px 40px;
  523.   background-color: #3e393a;
  524.   background-image: url('../images/bg1.jpg');
  525.   background-position: 100% 50%;
  526.   background-size: contain;
  527.   background-repeat: no-repeat;
  528. }
  529.  
  530. .container-banner {
  531.   margin-top: 40px;
  532. }
  533.  
  534. .box-info-banner-franq {
  535.   width: 40%;
  536.   color: #fff;
  537. }
  538.  
  539. .titu-banner {
  540.   font-size: 18px;
  541.   line-height: 18px;
  542.   text-transform: uppercase;
  543. }
  544.  
  545. .dest-banner {
  546.   font-size: 35px;
  547.   line-height: 35px;
  548. }
  549.  
  550. .div-banner {
  551.   width: 75px;
  552.   height: 3px;
  553.   margin-top: 5px;
  554.   margin-bottom: 25px;
  555.   background-color: #fff;
  556. }
  557.  
  558. .div-banner._3 {
  559.   width: 105px;
  560. }
  561.  
  562. .div-banner.verde {
  563.   background-color: #73cccc;
  564. }
  565.  
  566. .div-banner.preto {
  567.   background-color: #000;
  568. }
  569.  
  570. .div-banner.preto.fino {
  571.   height: 2px;
  572. }
  573.  
  574. .txt-banner {
  575.   margin-top: 15px;
  576.   margin-bottom: 30px;
  577.   font-size: 15px;
  578.   line-height: 16px;
  579.   font-weight: 200;
  580.   text-shadow: 1px 1px 0 #000;
  581. }
  582.  
  583. .banner-blog {
  584.   width: 48%;
  585.   height: 345px;
  586.   padding-top: 25px;
  587.   padding-bottom: 25px;
  588.   padding-left: 25px;
  589.   float: left;
  590.   background-color: #d3a780;
  591.   background-image: url('../images/bg2.png');
  592.   background-position: 125% 50%;
  593.   background-repeat: no-repeat;
  594.   color: #fff;
  595. }
  596.  
  597. .box-info-banner-blog {
  598.   width: 43%;
  599. }
  600.  
  601. .banner-lojas {
  602.   width: 48%;
  603.   height: 345px;
  604.   padding-top: 30px;
  605.   padding-right: 30px;
  606.   padding-left: 30px;
  607.   float: right;
  608.   background-image: url('../images/bg3.png');
  609.   background-position: 0px 0px;
  610.   background-size: cover;
  611.   background-repeat: no-repeat;
  612. }
  613.  
  614. .data-post-banner {
  615.   margin-bottom: 40px;
  616.   font-size: 15px;
  617.   line-height: 15px;
  618. }
  619.  
  620. .h2-slider {
  621.   margin-left: 5%;
  622. }
  623.  
  624. .container {
  625.   display: block;
  626.   max-width: 1270px;
  627.   margin-top:-10px;
  628.   margin-right: auto;
  629.   margin-left: auto;
  630.   -webkit-box-flex: 1;
  631.   -webkit-flex: 1;
  632.   -ms-flex: 1;
  633.   flex: 1;
  634. }
  635.  
  636. div#tenis-wrap{
  637.   margin-top:50px;
  638. }
  639.  
  640. .container.container-nav-home {
  641.   padding-right: 20px;
  642.   padding-left: 20px;
  643.   background-color: #fff;
  644. }
  645.  
  646. .container.container-banner {
  647.   margin-top: 0px;
  648.   padding-bottom: 50px;
  649. }
  650.  
  651. .container.container-footer {
  652.   padding-right: 10px;
  653.   padding-left: 10px;
  654. }
  655.  
  656. .container.container-banner-interna {
  657.   text-align: right;
  658. }
  659.  
  660. .container.container-bread-crumbs {
  661.   display: -webkit-box;
  662.   display: -webkit-flex;
  663.   display: -ms-flexbox;
  664.   display: flex;
  665.   padding-top:40px;
  666.   padding-bottom: 30px;
  667.   -webkit-box-align: center;
  668.   -webkit-align-items: center;
  669.   -ms-flex-align: center;
  670.   align-items: center;
  671. }
  672.  
  673. .container.container-modal {
  674.   text-align: center;
  675. }
  676.  
  677. .container.container-fundacao {
  678.   margin-bottom: 30px;
  679. }
  680.  
  681. .container.container-sustentabilidade-e-pesquisa {
  682.   padding-left: 90px;
  683.   line-height: 14px;
  684.   font-weight: 300;
  685. }
  686.  
  687. .container.container-desempenho {
  688.   padding-top: 60px;
  689.   padding-bottom: 60px;
  690.   color: #fff;
  691. }
  692.  
  693. .container.container-destaque-premios {
  694.   padding-left: 135px;
  695. }
  696.  
  697. .container.container-premios {
  698.   padding-top: 70px;
  699. }
  700.  
  701. .container.container-relatorios {
  702.   padding-top: 60px;
  703.   padding-bottom: 60px;
  704.   color: #fff;
  705.   font-size: 16px;
  706.   line-height: 16px;
  707. }
  708.  
  709. .container.container-lojas {
  710.   padding-bottom: 60px;
  711. }
  712.  
  713. .container.container-detalhe-prod {
  714.   padding-top: 50px;
  715.   padding-bottom: 50px;
  716.   border-top: 1px solid #d7d7d7;
  717. }
  718.  
  719. .titu-post-banner {
  720.   margin-bottom: 20px;
  721.   font-size: 20px;
  722.   line-height: 25px;
  723.   text-transform: uppercase;
  724. }
  725.  
  726. .desc-post-banner {
  727.   height: 50px;
  728.   max-height: 50px;
  729.   margin-bottom: 30px;
  730.   font-size: 13px;
  731.   line-height: 15px;
  732. }
  733.  
  734. .desc-banner-lojas {
  735.   margin-top: 30px;
  736. }
  737.  
  738. .select {
  739.   border: 1px solid #000;
  740.   border-radius: 0px;
  741.   background-color: transparent;
  742. }
  743.  
  744. .select.select-banner {
  745.   width: 43%;
  746.   margin-right: 20px;
  747.   margin-bottom: 30px;
  748.   float: left;
  749.   background-image: url('../images/dot.png');
  750.   background-position: 50% 50%;
  751.   background-size: 0px;
  752.   background-repeat: no-repeat;
  753.   text-transform: uppercase;
  754. }
  755.  
  756. .select.select-lojas {
  757.   margin-bottom: 25px;
  758.   border-width: 2px;
  759. }
  760.  
  761. .form-banner-lojas {
  762.   margin-top: 25px;
  763. }
  764.  
  765. .banner-noticias-esq {
  766.   width: 63%;
  767.   height: 345px;
  768.   padding-top: 30px;
  769.   padding-bottom: 30px;
  770.   padding-left: 30px;
  771.   float: left;
  772.   background-color: #d3a780;
  773.   background-image: url('../images/cover-shoeholics-large.jpg');
  774.   background-position: 100% 7%;
  775.   background-size: 425px;
  776.   background-repeat: no-repeat;
  777.   color: #fff;
  778. }
  779.  
  780. .banner-noticias-dir {
  781.   position: relative;
  782.   width: 34%;
  783.   height: 345px;
  784.   padding: 30px;
  785.   float: right;
  786.   background-image: url('../images/bg5.png');
  787.   background-position: 50% 50%;
  788.   background-size: cover;
  789.   background-repeat: no-repeat;
  790.   color: #fff;
  791. }
  792.  
  793. .box-info-banner-noticias {
  794.   position: relative;
  795.   width: 45%;
  796.   height: 100%;
  797. }
  798.  
  799. .box-info-banner-noticias.peq {
  800.   width: 100%;
  801. }
  802.  
  803. .titu-noticia-banner {
  804.   margin-top: 40px;
  805.   margin-bottom: 40px;
  806.   font-size: 20px;
  807.   line-height: 20px;
  808. }
  809.  
  810. .desc-noticia-banner {
  811.   position: absolute;
  812.   left: 0px;
  813.   right: 0px;
  814.   bottom: 0px;
  815. }
  816.  
  817. .desc-noticia-banner.peq {
  818.   margin-top: -15px;
  819.   margin-left: 110px;
  820. }
  821.  
  822. .txt-noticia-banner {
  823.   margin-bottom: 25px;
  824.   font-size: 14px;
  825.   line-height: 15px;
  826.   font-weight: 300;
  827. }
  828.  
  829. .txt-footer {
  830.   font-size: 12px;
  831.   line-height: 15px;
  832. }
  833.  
  834. .logo-footer {
  835.   width: 120px;
  836. }
  837.  
  838. .form-newsletter {
  839.   padding-top: 30px;
  840. }
  841.  
  842. .input {
  843.   border: 1px solid #000;
  844.   background-color: transparent;
  845. }
  846.  
  847. .input.input-newletter {
  848.   width: 60%;
  849.   height: 30px;
  850.   margin-right: 15px;
  851.   padding-top: 0px;
  852.   padding-bottom: 0px;
  853.   float: left;
  854.   font-size: 11px;
  855.   line-height: 11px;
  856. }
  857.  
  858. .input.input-busca-interna {
  859.   width: 100%;
  860.   margin-bottom: 35px;
  861.   padding-top: 40px;
  862.   padding-bottom: 40px;
  863.   background-color: #fff;
  864.   font-size: 20px;
  865.   line-height: 25px;
  866. }
  867.  
  868. .submit {
  869.   border: 1px solid #000;
  870.   background-color: transparent;
  871.   color: #000;
  872.   text-transform: uppercase;
  873. }
  874.  
  875. .submit.submit-newletter {
  876.   height: 30px;
  877.   padding-top: 0px;
  878.   padding-bottom: 0px;
  879. }
  880.  
  881. .submit.submit-newletter:hover {
  882.   background-color: #000;
  883.   color: #fff;
  884. }
  885.  
  886. .ul-footer {
  887.   width: 84%;
  888.   float: right;
  889.   clear: both;
  890. }
  891.  
  892. .li-footer {
  893.   width: 33.33333%;
  894.   margin-bottom: 5px;
  895.   float: left;
  896. }
  897.  
  898. .link-nav-footer {
  899.   font-size: 13px;
  900.   line-height: 15px;
  901.   font-weight: 600;
  902.   text-decoration: none;
  903.   text-transform: uppercase;
  904. }
  905.  
  906. .box-redes {
  907.   float: right;
  908.   clear: both;
  909. }
  910.  
  911. .link-redes {
  912.   margin-right: 15px;
  913.   float: left;
  914. }
  915.  
  916. .nav-bar {
  917.   display: block;
  918.   max-width: 1270px;
  919.   margin-right: auto;
  920.   margin-left: auto;
  921.   padding-right: 20px;
  922.   padding-left: 20px;
  923.   background-color: transparent;
  924. }
  925.  
  926. .brand {
  927.   padding-top: 15px;
  928. }
  929.  
  930. .icon-menu {
  931.   font-size: 35px;
  932.   line-height: 35px;
  933. }
  934.  
  935. .nav-menu {
  936.   background-color: hsla(0, 0%, 100%, .75);
  937. }
  938.  
  939. .menu-btn.w--open {
  940.   background-color: #000;
  941. }
  942.  
  943. .li-nav-link {
  944.   padding-top: 20px;
  945.   padding-bottom: 20px;
  946.   border-bottom: 1px solid #000;
  947. }
  948.  
  949. .link-nav {
  950.   color: #000;
  951.   text-decoration: none;
  952. }
  953.  
  954. .nome-link-nav {
  955.   font-size: 24px;
  956.   line-height: 30px;
  957.   font-weight: 600;
  958.   text-transform: uppercase;
  959. }
  960.  
  961. .desc-link-nav {
  962.   font-size: 14px;
  963.   line-height: 15px;
  964. }
  965.  
  966. .ul-nav-link {
  967.   margin-bottom: 0px;
  968. }
  969.  
  970. .h2-banner-interna {
  971.   border-bottom-style: none;
  972.   font-size: 35px;
  973.   line-height: 30px;
  974.   font-weight: 300;
  975.   text-transform: uppercase;
  976. }
  977.  
  978. .link-breadcrumbs {
  979.   color: #000;
  980.   font-size: 15px;
  981.   line-height: 15px;
  982.   font-weight: 300;
  983.   text-decoration: none;
  984.   text-transform: uppercase;
  985.   cursor: pointer;
  986. }
  987.  
  988. .link-breadcrumbs:hover {
  989.   color: #979796;
  990. }
  991.  
  992. .li-breadcrumbs {
  993.   margin-right: 6px;
  994.   padding-right: 12px;
  995.   float: left;
  996.   background-image: url('../images/biv-bread.png');
  997.   background-position: 100% 50%;
  998.   background-repeat: no-repeat;
  999. }
  1000.  
  1001. .li-breadcrumbs.last {
  1002.   background-image: none;
  1003.   background-position: 0px 0px;
  1004.   background-repeat: repeat;
  1005. }
  1006.  
  1007. .ul-breadcrumbs {
  1008.   margin-bottom: 0px;
  1009. }
  1010.  
  1011. .intro-main-destaque {
  1012.   margin-top: 120px;
  1013.   margin-bottom: 20px;
  1014.   color: #fff;
  1015.   font-size: 24px;
  1016.   line-height: 24px;
  1017.   font-weight: 600;
  1018. }
  1019.  
  1020. .box-main-destaque-tec {
  1021.   width: 76%;
  1022.   min-height: 300px;
  1023.   margin-top: -25px;
  1024.   margin-right: auto;
  1025.   margin-left: auto;
  1026.   -webkit-box-pack: end;
  1027.   -webkit-justify-content: flex-end;
  1028.   -ms-flex-pack: end;
  1029.   justify-content: flex-end;
  1030.   -webkit-box-align: center;
  1031.   -webkit-align-items: center;
  1032.   -ms-flex-align: center;
  1033.   align-items: center;
  1034.   background-image: url('../images/tecnologia-sapato.png');
  1035.   background-position: 0px 0px;
  1036.   background-size: 400px;
  1037.   background-repeat: no-repeat;
  1038. }
  1039.  
  1040. .info-main-destaque-tec {
  1041.   margin-top: 55px;
  1042.   padding: 18px;
  1043.   float: right;
  1044.   border: 1px solid #000;
  1045.   background-color: #fff;
  1046.   box-shadow: 0 0 0 10px #fff;
  1047.   font-size: 16px;
  1048.   line-height: 18px;
  1049.   font-weight: 500;
  1050. }
  1051.  
  1052. .li-tecnologia {
  1053.   width: 33.33333%;
  1054.   margin-bottom: 40px;
  1055.   padding-right: 75px;
  1056.   float: left;
  1057. }
  1058.  
  1059. .h3-infos {
  1060.   color: #296263;
  1061.   font-size: 15px;
  1062.   line-height: 14px;
  1063.   text-transform: uppercase;
  1064. }
  1065.  
  1066. .p-infos {
  1067.   height: 160px;
  1068.   margin-bottom: 30px;
  1069.   font-size: 14px;
  1070.   line-height: 15px;
  1071.   font-weight: 300;
  1072. }
  1073.  
  1074. .box-contato-footer {
  1075.   width: 50%;
  1076.   padding-bottom: 30px;
  1077.   float: left;
  1078.   border-bottom: 1px solid #fff;
  1079.   color: #fff;
  1080.   font-size: 18px;
  1081.   line-height: 20px;
  1082. }
  1083.  
  1084. .tel-footer {
  1085.   width: 50%;
  1086.   padding-left: 35px;
  1087.   float: left;
  1088.   background-image: url('../images/phone2.png');
  1089.   background-position: 0px 50%;
  1090.   background-size: 30px;
  1091.   background-repeat: no-repeat;
  1092.   font-size: 10px;
  1093.   text-transform: uppercase;
  1094. }
  1095.  
  1096. .end-footer {
  1097.   width: 50%;
  1098.   padding-left: 35px;
  1099.   float: left;
  1100.   background-image: url('../images/pin2.png');
  1101.   background-position: 0px 50%;
  1102.   background-size: 30px;
  1103.   background-repeat: no-repeat;
  1104. }
  1105.  
  1106. .link-tel-footer {
  1107.   color: #000;
  1108.   font-size: 18px;
  1109.   line-height: 20px;
  1110.   text-decoration: none;
  1111. }
  1112.  
  1113. .link-tel-footer.tel {
  1114.   font-size: 36px;
  1115.   line-height: 41px;
  1116. }
  1117.  
  1118. .box-acessoria-footer {
  1119.   width: 50%;
  1120.   padding-top: 40px;
  1121.   padding-bottom: 40px;
  1122.   float: left;
  1123.   border-bottom: 1px solid #fff;
  1124.   color: #fff;
  1125. }
  1126.  
  1127. .box-copyright-footer {
  1128.   padding-top: 30px;
  1129.   border-top: 1px solid #000;
  1130.   color: #000;
  1131.   font-size: 16px;
  1132.   line-height: 16px;
  1133.   text-align: center;
  1134. }
  1135.  
  1136. .titu-acessoria {
  1137.   font-size: 15px;
  1138.   line-height: 16px;
  1139.   font-weight: 600;
  1140. }
  1141.  
  1142. .nome-acessoria {
  1143.   font-size: 13px;
  1144.   line-height: 14px;
  1145.   font-weight: 600;
  1146. }
  1147.  
  1148. .email-acessoria {
  1149.   display: inline-block;
  1150.   color: #000;
  1151.   font-size: 13px;
  1152.   line-height: 14px;
  1153. }
  1154.  
  1155. .ico-search {
  1156.   width: 30px;
  1157.   margin-top: 15px;
  1158.   float: right;
  1159.   cursor: pointer;
  1160. }
  1161.  
  1162. .section-modal-busca {
  1163.   position: fixed;
  1164.   left: 0px;
  1165.   top: 0px;
  1166.   right: 0px;
  1167.   bottom: 0px;
  1168.   z-index: 9999999;
  1169.   display: none;
  1170.   -webkit-box-orient: horizontal;
  1171.   -webkit-box-direction: normal;
  1172.   -webkit-flex-direction: row;
  1173.   -ms-flex-direction: row;
  1174.   flex-direction: row;
  1175.   -webkit-box-pack: center;
  1176.   -webkit-justify-content: center;
  1177.   -ms-flex-pack: center;
  1178.   justify-content: center;
  1179.   -webkit-box-align: center;
  1180.   -webkit-align-items: center;
  1181.   -ms-flex-align: center;
  1182.   align-items: center;
  1183.   background-color: hsla(0, 0%, 100%, .75);
  1184. }
  1185.  
  1186. .btn-fechar-modal {
  1187.   padding: 5px 25px;
  1188.   background-color: #000;
  1189.   color: #fff;
  1190.   font-size: 18px;
  1191.   line-height: 20px;
  1192.   font-weight: 600;
  1193.   text-decoration: none;
  1194.   text-transform: uppercase;
  1195. }
  1196.  
  1197. .h2-nossa-empresa {
  1198.   margin-top: -47px;
  1199.   float: right;
  1200.   border-style: none;
  1201.   font-weight: 300;
  1202.   text-transform: uppercase;
  1203. }
  1204.  
  1205. .destaque-fundacao {
  1206.   width: 60%;
  1207.   padding: 35px 205px 35px 90px;
  1208.   float: left;
  1209.   background-color: #fbf4ed;
  1210.   font-size: 13px;
  1211.   font-weight: 300;
  1212. }
  1213.  
  1214. .span--destq-fundacao {
  1215.   display: block;
  1216.   margin-bottom: 10px;
  1217.   font-size: 18px;
  1218.   line-height: 18px;
  1219.   font-weight: 600;
  1220.   text-transform: uppercase;
  1221. }
  1222.  
  1223. .span2-destq-fundacao {
  1224.   display: block;
  1225. }
  1226.  
  1227. .desc-empresa {
  1228.   width: 60%;
  1229.   padding-top: 20px;
  1230.   padding-left: 90px;
  1231.   float: left;
  1232. }
  1233.  
  1234. .box-anos {
  1235.   width: 40%;
  1236.   height: 420px;
  1237.   margin-top: 55px;
  1238.   float: right;
  1239.   background-image: url('../images/18.png');
  1240.   background-position: 50% 0px;
  1241.   background-size: 300px;
  1242.   background-repeat: no-repeat;
  1243. }
  1244.  
  1245. .info-anos {
  1246.   width: 50%;
  1247.   margin-top: 95px;
  1248.   padding: 25px 11px;
  1249.   float: right;
  1250.   border: 2px solid #000;
  1251. }
  1252.  
  1253. .txt-anos {
  1254.   position: relative;
  1255.   left: 85px;
  1256.   top: 245px;
  1257.   right: 0px;
  1258.   bottom: 0px;
  1259.   float: right;
  1260.   font-size: 30px;
  1261.   line-height: 30px;
  1262.   font-weight: 600;
  1263. }
  1264.  
  1265. .box-titu-empresas {
  1266.   margin-bottom: 20px;
  1267.   font-size: 18px;
  1268.   line-height: 20px;
  1269.   font-weight: 600;
  1270. }
  1271.  
  1272. .titu-empresas {
  1273.   width: 100%;
  1274.   margin-top: 10px;
  1275.   margin-bottom: 10px;
  1276.   clear: both;
  1277.   border-style: none;
  1278.   font-size: 18px;
  1279.   line-height: 20px;
  1280.   font-weight: 600;
  1281. }
  1282.  
  1283. .span-titu-empresas {
  1284.   font-size: 30px;
  1285.   line-height: 30px;
  1286. }
  1287.  
  1288. .destaque-premios {
  1289.   display: block;
  1290.   width: 440px;
  1291. }
  1292.  
  1293. .h2-destq-premios {
  1294.   padding-left: 60px;
  1295.   border-style: none;
  1296.   font-size: 18px;
  1297.   line-height: 19px;
  1298.   font-weight: 600;
  1299. }
  1300.  
  1301. .txt-destq-premios {
  1302.   padding: 25px 30px;
  1303.   border: 2px solid #000;
  1304.   font-size: 14px;
  1305.   line-height: 15px;
  1306. }
  1307.  
  1308. .ul-premios {
  1309.   margin-bottom: 0px;
  1310. }
  1311.  
  1312. .li-premios {
  1313.   width: 50%;
  1314.   height: 225px;
  1315.   margin-bottom: 50px;
  1316.   padding-right: 90px;
  1317.   float: left;
  1318.   font-size: 13px;
  1319.   line-height: 16px;
  1320. }
  1321.  
  1322. .h3-premios {
  1323.   margin-top: 0px;
  1324.   font-size: 14px;
  1325.   line-height: 15px;
  1326.   font-weight: 400;
  1327. }
  1328.  
  1329. .col1-download-conduta {
  1330.   text-align: left;
  1331. }
  1332.  
  1333. .img-relatorio {
  1334.   margin-bottom: 15px;
  1335. }
  1336.  
  1337. .ul-relatorios {
  1338.   width: 80%;
  1339.   margin-bottom: 0px;
  1340. }
  1341.  
  1342. .li-relatorios {
  1343.   width: 25%;
  1344.   margin-bottom: 20px;
  1345.   float: left;
  1346.   text-align: center;
  1347. }
  1348.  
  1349. .col2-download-conduta {
  1350.   font-size: 13px;
  1351.   line-height: 14px;
  1352.   font-weight: 300;
  1353.   text-align: left;
  1354. }
  1355.  
  1356. .row-cod-contuda {
  1357.   padding-right: 140px;
  1358. }
  1359.  
  1360. .body-bg-branco {
  1361.   background-color: #fff;
  1362. }
  1363.  
  1364. .p-sobre-empresa {
  1365.   padding-right: 180px;
  1366. }
  1367.  
  1368. .txt-lojas {
  1369.   padding-top: 45px;
  1370.   padding-bottom: 45px;
  1371.   font-size: 14px;
  1372.   line-height: 15px;
  1373.   font-weight: 600;
  1374.   text-align: center;
  1375.   text-transform: uppercase;
  1376. }
  1377.  
  1378. .form-title {
  1379.   margin-bottom: 20px;
  1380.   padding-top: 10px;
  1381.   padding-bottom: 10px;
  1382.   padding-left: 15px;
  1383.   border: 2px solid #000;
  1384.   font-size: 14px;
  1385.   line-height: 15px;
  1386.   font-weight: 600;
  1387.   text-transform: uppercase;
  1388. }
  1389.  
  1390. .col-form-lojas {
  1391.   padding-right: 50px;
  1392.   padding-left: 50px;
  1393. }
  1394.  
  1395. .row-select-lojas {
  1396.   margin-bottom: 40px;
  1397. }
  1398.  
  1399. .ul-lojas {
  1400.   display: none;
  1401. }
  1402.  
  1403. .li-lojas {
  1404.   width: 33.333333%;
  1405.   margin-bottom: 40px;
  1406.   padding-left: 15px;
  1407.   float: left;
  1408.   color: #898989;
  1409.   font-size: 14px;
  1410.   line-height: 16px;
  1411. }
  1412.  
  1413. .nome-loja {
  1414.   margin-bottom: 5px;
  1415.   margin-left: -15px;
  1416.   color: #000;
  1417.   text-transform: uppercase;
  1418. }
  1419.  
  1420. .h3-lojas {
  1421.   font-size: 18px;
  1422.   line-height: 18px;
  1423.   text-transform: uppercase;
  1424. }
  1425.  
  1426. .li-lojas-on {
  1427.   width: 14.28571429%;
  1428.   padding-top: 35px;
  1429.   padding-bottom: 35px;
  1430.   float: left;
  1431.   text-align: center;
  1432. }
  1433.  
  1434. .li-lojas-on:hover {
  1435.   opacity: 0.5;
  1436. }
  1437.  
  1438. .ul-lojas-on {
  1439.   padding-bottom: 60px;
  1440. }
  1441.  
  1442. .row-contatos {
  1443.   margin-bottom: 30px;
  1444.   padding-top: 20px;
  1445.   padding-bottom: 20px;
  1446.   border-top: 1px solid #000;
  1447.   border-bottom: 1px solid #000;
  1448. }
  1449.  
  1450. .btn-banner-franquia {
  1451.   padding-right: 20px;
  1452.   padding-left: 20px;
  1453.   border: 1px solid #fff;
  1454.   background-color: transparent;
  1455.   color: #fff;
  1456.   font-size: 14px;
  1457.   line-height: 14px;
  1458.   text-transform: uppercase;
  1459. }
  1460.  
  1461. .btn-banner-franquia:hover {
  1462.   background-color: #fff;
  1463.   color: #000;
  1464. }
  1465.  
  1466. .btn-banner-blog {
  1467.   padding-right: 20px;
  1468.   padding-left: 20px;
  1469.   border: 1px solid #fff;
  1470.   background-color: transparent;
  1471.   color: #fff;
  1472.   font-size: 14px;
  1473.   line-height: 14px;
  1474.   text-transform: uppercase;
  1475. }
  1476.  
  1477. .btn-banner-blog:hover {
  1478.   background-color: #fff;
  1479.   color: #d3a780;
  1480. }
  1481.  
  1482. html.w-mod-js *[data-ix="hover-busca"] {
  1483.   opacity: 0;
  1484. }
  1485.  
  1486. @media (max-width: 991px) {
  1487.   .item-slide {
  1488.     width: 33.33333%;
  1489.   }
  1490.   .box-prod {
  1491.     height: 345px;
  1492.   }
  1493.   .box-img-prod-slider {
  1494.     padding-top: 0px;
  1495.   }
  1496.   .h3-slide {
  1497.     margin-bottom: 10px;
  1498.     font-size: 20px;
  1499.     line-height: 22px;
  1500.   }
  1501.   .txt-info-prod-slide {
  1502.     max-height: 60px;
  1503.     min-height: 60px;
  1504.     margin-bottom: 10px;
  1505.   }
  1506.   .btn.footer {
  1507.     display: block;
  1508.     margin-top: 30px;
  1509.     margin-bottom: 30px;
  1510.     margin-left: 50px;
  1511.     float: left;
  1512.     border-color: #fff;
  1513.     color: #fff;
  1514.   }
  1515.   .btn.footer:hover {
  1516.     background-color: #fff;
  1517.     color: #000;
  1518.   }
  1519.   .section {
  1520.     padding-right: 0px;
  1521.     padding-left: 0px;
  1522.   }
  1523.   .section.section-nav {
  1524.     display: block;
  1525.   }
  1526.   .section.section-carrosel {
  1527.     padding-top: 35px;
  1528.   }
  1529.   .section.section-footer {
  1530.     margin-top: 50px;
  1531.     background-color: #231f20;
  1532.   }
  1533.   .section.section-banner-interna {
  1534.     padding-top: 30px;
  1535.     padding-bottom: 30px;
  1536.     background-color: #d3a780;
  1537.     background-image: none;
  1538.     background-position: 0px 0px;
  1539.     background-size: auto;
  1540.     background-repeat: repeat;
  1541.   }
  1542.   .section.section-main-destq-tecnologia {
  1543.     display: block;
  1544.     width: 90%;
  1545.     min-height: 392px;
  1546.     margin-right: auto;
  1547.     margin-bottom: 80px;
  1548.     margin-left: auto;
  1549.     padding-top: 402px;
  1550.     background-position: 61% 0px;
  1551.     background-size: auto;
  1552.     box-shadow: 0 60px 0 -50px #000;
  1553.   }
  1554.   .section.section-header-empresa {
  1555.     position: relative;
  1556.     padding-top: 460px;
  1557.     background-size: cover;
  1558.   }
  1559.   .section.section-desempenho {
  1560.     background-color: transparent;
  1561.   }
  1562.   .section.section-premios {
  1563.     padding-top: 197px;
  1564.   }
  1565.   .section.section-main-destq-lojas {
  1566.     display: block;
  1567.     width: 90%;
  1568.     min-height: 392px;
  1569.     margin-right: auto;
  1570.     margin-left: auto;
  1571.     padding-top: 402px;
  1572.     background-position: 50% 0px;
  1573.     box-shadow: 0 60px 0 -50px #000;
  1574.   }
  1575.   .h2-banner-center {
  1576.     margin-top: 25px;
  1577.     margin-bottom: 25px;
  1578.     border-bottom-style: none;
  1579.     font-size: 30px;
  1580.   }
  1581.   .banner-franq {
  1582.     background-position: 335px 0px;
  1583.   }
  1584.   .div-banner.div-banner-desempenho {
  1585.     background-color: #000;
  1586.   }
  1587.   .banner-blog {
  1588.     background-position: 170px 0px;
  1589.   }
  1590.   .box-info-banner-blog {
  1591.     width: 55%;
  1592.   }
  1593.   .container.container-banner {
  1594.     padding-top: 0px;
  1595.   }
  1596.   .container.container-footer {
  1597.     padding-right: 0px;
  1598.     padding-left: 0px;
  1599.   }
  1600.   .container.container-banner-interna {
  1601.     padding-right: 30px;
  1602.     padding-left: 30px;
  1603.   }
  1604.   .container.container-bread-crumbs {
  1605.     padding-right: 20px;
  1606.     padding-left: 20px;
  1607.   }
  1608.   .container.container-fundacao {
  1609.     background-image: -webkit-linear-gradient(270deg, #f7e9dc 34%, #fff 0);
  1610.     background-image: linear-gradient(180deg, #f7e9dc 34%, #fff 0);
  1611.     font-size: 15px;
  1612.     line-height: 16px;
  1613.   }
  1614.   .container.container-sustentabilidade-e-pesquisa {
  1615.     padding-right: 185px;
  1616.     font-size: 16px;
  1617.     line-height: 16px;
  1618.   }
  1619.   .container.container-desempenho {
  1620.     padding-right: 120px;
  1621.     padding-left: 90px;
  1622.     color: #000;
  1623.     font-size: 16px;
  1624.     line-height: 16px;
  1625.   }
  1626.   .container.container-destaque-premios {
  1627.     padding-left: 0px;
  1628.   }
  1629.   .container.container-relatorios {
  1630.     padding-right: 120px;
  1631.     padding-left: 90px;
  1632.   }
  1633.   .container.container-lojas-on {
  1634.     padding-right: 95px;
  1635.     padding-left: 95px;
  1636.   }
  1637.   .banner-noticias-esq {
  1638.     width: 48%;
  1639.     background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url('../images/cover-shoeholics-large.jpg');
  1640.     background-image: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url('../images/cover-shoeholics-large.jpg');
  1641.     background-position: 0px 0px, 1px 0px;
  1642.     background-size: auto, cover;
  1643.     background-repeat: repeat, no-repeat;
  1644.   }
  1645.   .banner-noticias-dir {
  1646.     width: 48%;
  1647.   }
  1648.   .box-info-banner-noticias {
  1649.     width: 57%;
  1650.   }
  1651.   .desc-noticia-banner.peq {
  1652.     margin-left: 40px;
  1653.   }
  1654.   .brand {
  1655.     padding-top: 20px;
  1656.   }
  1657.   .nav-menu {
  1658.     width: 100%;
  1659.   }
  1660.   .li-nav-link {
  1661.     width: 100%;
  1662.     padding-top: 20px;
  1663.     padding-bottom: 20px;
  1664.     border-bottom: 1px solid #000;
  1665.   }
  1666.   .link-nav {
  1667.     color: #000;
  1668.     text-decoration: none;
  1669.   }
  1670.   .intro-main-destaque {
  1671.     display: block;
  1672.     width: 100%;
  1673.     margin: 0px auto;
  1674.     padding-top: 25px;
  1675.     padding-bottom: 25px;
  1676.     background-color: #3c3c3b;
  1677.     text-align: center;
  1678.   }
  1679.   .ul-tecnologia {
  1680.     padding-right: 75px;
  1681.     padding-left: 100px;
  1682.   }
  1683.   .li-tecnologia {
  1684.     width: 50%;
  1685.     padding-right: 30px;
  1686.   }
  1687.   .p-infos {
  1688.     height: 215px;
  1689.   }
  1690.   .box-contato-footer {
  1691.     padding-right: 90px;
  1692.     padding-left: 90px;
  1693.   }
  1694.   .tel-footer {
  1695.     width: 100%;
  1696.     margin-bottom: 40px;
  1697.     padding-left: 50px;
  1698.     background-image: url('../images/phone.png');
  1699.     background-position: 0px 50%;
  1700.     background-size: auto;
  1701.     background-repeat: no-repeat;
  1702.     font-size: 15px;
  1703.     line-height: 15px;
  1704.   }
  1705.   .end-footer {
  1706.     width: 100%;
  1707.     padding-left: 50px;
  1708.     background-image: url('../images/pin.png');
  1709.     background-position: 0px 50%;
  1710.     background-size: auto;
  1711.     background-repeat: no-repeat;
  1712.     font-size: 18px;
  1713.     line-height: 18px;
  1714.   }
  1715.   .link-tel-footer {
  1716.     color: #fff;
  1717.     font-size: 36px;
  1718.     line-height: 41px;
  1719.   }
  1720.   .box-acessoria-footer {
  1721.     padding-right: 90px;
  1722.     padding-left: 90px;
  1723.   }
  1724.   .box-copyright-footer {
  1725.     padding-top: 25px;
  1726.     padding-right: 90px;
  1727.     padding-left: 90px;
  1728.     border-style: none;
  1729.     color: #fff;
  1730.     font-size: 20px;
  1731.     line-height: 20px;
  1732.   }
  1733.   .titu-acessoria {
  1734.     margin-bottom: 20px;
  1735.     padding-top: 25px;
  1736.     font-size: 20px;
  1737.     line-height: 20px;
  1738.   }
  1739.   .nome-acessoria {
  1740.     font-size: 18px;
  1741.     line-height: 18px;
  1742.   }
  1743.   .email-acessoria {
  1744.     margin-bottom: 30px;
  1745.     color: #fff;
  1746.     font-size: 18px;
  1747.     line-height: 18px;
  1748.   }
  1749.   .destaque-fundacao {
  1750.     width: 68%;
  1751.     margin-top: -80px;
  1752.     padding-right: 0px;
  1753.     background-color: transparent;
  1754.   }
  1755.   .span--destq-fundacao {
  1756.     display: inline-block;
  1757.     margin-bottom: 0px;
  1758.     text-transform: none;
  1759.   }
  1760.   .span2-destq-fundacao {
  1761.     display: inline-block;
  1762.   }
  1763.   .desc-empresa {
  1764.     width: 80%;
  1765.   }
  1766.   .box-anos {
  1767.     position: relative;
  1768.     top: -256px;
  1769.     width: 100%;
  1770.     height: 535px;
  1771.     float: left;
  1772.     background-image: url('../images/18-responsive.png');
  1773.     background-position: 50% 0px;
  1774.     background-size: 600px;
  1775.     background-repeat: no-repeat;
  1776.   }
  1777.   .info-anos {
  1778.     width: 45%;
  1779.     margin-top: 560px;
  1780.     margin-right: 60px;
  1781.   }
  1782.   .txt-anos {
  1783.     left: 175px;
  1784.     top: 330px;
  1785.   }
  1786.   .destaque-premios {
  1787.     display: block;
  1788.     width: 80%;
  1789.     margin-right: auto;
  1790.     margin-left: auto;
  1791.   }
  1792.   .h2-destq-premios {
  1793.     padding-left: 0px;
  1794.   }
  1795.   .txt-destq-premios {
  1796.     margin-top: 70px;
  1797.     padding-top: 45px;
  1798.     padding-bottom: 45px;
  1799.     font-size: 18px;
  1800.     line-height: 20px;
  1801.     text-align: center;
  1802.   }
  1803.   .li-premios {
  1804.     width: 100%;
  1805.     height: auto;
  1806.     padding-right: 100px;
  1807.     padding-left: 100px;
  1808.     font-size: 16px;
  1809.     line-height: 17px;
  1810.   }
  1811.   .h3-premios {
  1812.     margin-top: 20px;
  1813.     font-size: 20px;
  1814.     line-height: 20px;
  1815.     font-weight: 500;
  1816.   }
  1817.   .text-block-4 {
  1818.     font-size: 18px;
  1819.     line-height: 18px;
  1820.     font-weight: 600;
  1821.   }
  1822.   .p-sobre-empresa {
  1823.     padding-right: 0px;
  1824.     font-size: 16px;
  1825.     line-height: 17px;
  1826.   }
  1827.   .col-relatorios {
  1828.     margin-bottom: 50px;
  1829.   }
  1830.   .txt-lojas {
  1831.     display: block;
  1832.     width: 50%;
  1833.     margin-right: auto;
  1834.     margin-left: auto;
  1835.     padding-top: 59px;
  1836.     padding-bottom: 59px;
  1837.   }
  1838.   .col-form-lojas {
  1839.     margin-bottom: 60px;
  1840.     padding-right: 95px;
  1841.     padding-left: 95px;
  1842.   }
  1843.   .ul-lojas {
  1844.     padding-right: 95px;
  1845.     padding-left: 95px;
  1846.   }
  1847.   .li-lojas {
  1848.     width: 50%;
  1849.   }
  1850.   .li-lojas-on {
  1851.     width: 25%;
  1852.   }
  1853.   .img-carrosel-home {
  1854.     width: 190px;
  1855.   }
  1856.   .destaque-h2-home {
  1857.     font-weight: 600;
  1858.   }
  1859.   .row-contatos {
  1860.     height: auto;
  1861.     margin-bottom: 0px;
  1862.     padding-bottom: 0px;
  1863.     border-top-style: none;
  1864.     border-bottom-style: none;
  1865.     color: #fff;
  1866.   }
  1867.   .col-footer {
  1868.     margin-bottom: 0px;
  1869.     padding-right: 40px;
  1870.     padding-left: 40px;
  1871.     border-bottom: 1px solid #fff;
  1872.   }
  1873. }
  1874.  
  1875. @media (max-width: 767px) {
  1876.   .iinfo-main-banner {
  1877.     position: relative;
  1878.     left: 0px;
  1879.     right: 0px;
  1880.     bottom: -60px;
  1881.     width: 100%;
  1882.     padding: 45px 15px;
  1883.     background-color: #231f20;
  1884.     box-shadow: 0 110px 0 -100px #d3a780;
  1885.     color: #fff;
  1886.     text-align: center;
  1887.   }
  1888.   .titu-main-banner {
  1889.     font-size: 65px;
  1890.   }
  1891.   .txt-main-banner {
  1892.     display: inline-block;
  1893.     margin-left: 5px;
  1894.     font-size: 18px;
  1895.     line-height: 22px;
  1896.   }
  1897.   .btn-main-banner {
  1898.     margin-top: 15px;
  1899.     border-color: #fff;
  1900.     color: #fff;
  1901.   }
  1902.   .btn-main-banner:hover {
  1903.     background-color: #fff;
  1904.     color: #000;
  1905.   }
  1906.   .arrow {
  1907.     width: 5%;
  1908.   }
  1909.   .item-slide {
  1910.     width: 50%;
  1911.   }
  1912.   .mask-slide {
  1913.     display: block;
  1914.     width: 90%;
  1915.   }
  1916.   .section.section-main-banner {
  1917.     position: relative;
  1918.     height: auto;
  1919.     clear: both;
  1920.     background-position: 30% 0%;
  1921.     background-size: cover;
  1922.   }
  1923.   .section.section-main-destq-tecnologia {
  1924.     background-position: -690px 0px;
  1925.   }
  1926.   .banner-franq {
  1927.     padding: 330px 25px 0px;
  1928.     background-color: transparent;
  1929.     background-image: url('../images/bg1.jpg');
  1930.     background-position: -45px -100px;
  1931.     background-size: 960px;
  1932.     background-repeat: no-repeat;
  1933.     box-shadow: 0 -60px 0 -50px #000;
  1934.   }
  1935.   .box-info-banner-franq {
  1936.     width: 100%;
  1937.     padding: 60px 30px 30px;
  1938.     border: 2px solid #000;
  1939.     color: #000;
  1940.   }
  1941.   .txt-banner {
  1942.     font-weight: 400;
  1943.     text-shadow: none;
  1944.   }
  1945.   .banner-blog {
  1946.     display: block;
  1947.     width: 100%;
  1948.     height: auto;
  1949.     margin-right: auto;
  1950.     margin-bottom: 30px;
  1951.     margin-left: auto;
  1952.     padding-top: 250px;
  1953.     padding-right: 25px;
  1954.     padding-bottom: 0px;
  1955.     float: none;
  1956.     background-color: transparent;
  1957.     background-image: url('../images/foto08.jpg');
  1958.     background-position: 50% 0px;
  1959.     background-size: contain;
  1960.     background-repeat: no-repeat;
  1961.     box-shadow: 0 -60px 0 -50px #000;
  1962.   }
  1963.   .box-info-banner-blog {
  1964.     width: 100%;
  1965.     padding: 70px 25px 30px;
  1966.     border: 2px solid #000;
  1967.     color: #000;
  1968.   }
  1969.   .banner-lojas {
  1970.     display: block;
  1971.     width: 100%;
  1972.     height: auto;
  1973.     margin-top: 66px;
  1974.     margin-right: auto;
  1975.     margin-left: auto;
  1976.     padding-top: 260px;
  1977.     float: none;
  1978.     background-image: url('../images/loja02.jpg');
  1979.     background-position: 0px 0px;
  1980.     background-size: contain;
  1981.     background-repeat: no-repeat;
  1982.     box-shadow: 0 -60px 0 -50px #000;
  1983.   }
  1984.   .data-post-banner {
  1985.     margin-top: 20px;
  1986.     margin-bottom: 20px;
  1987.   }
  1988.   .container.content-main-banner {
  1989.     height: auto;
  1990.     max-width: 100%;
  1991.     margin-bottom: 75px;
  1992.     padding-top: 250px;
  1993.     padding-right: 0%;
  1994.   }
  1995.   .container.container-banner {
  1996.     padding-bottom: 0px;
  1997.   }
  1998.   .container.container-fundacao {
  1999.     background-image: -webkit-linear-gradient(270deg, #f7e9dc 20%, #fff 0);
  2000.     background-image: linear-gradient(180deg, #f7e9dc 20%, #fff 0);
  2001.   }
  2002.   .container.container-sustentabilidade-e-pesquisa {
  2003.     padding-right: 60px;
  2004.   }
  2005.   .container.container-desempenho {
  2006.     padding-right: 60px;
  2007.   }
  2008.   .container.container-lojas-on {
  2009.     padding-right: 50px;
  2010.     padding-left: 50px;
  2011.   }
  2012.   .desc-post-banner {
  2013.     margin-bottom: 10px;
  2014.   }
  2015.   .banner-noticias-esq {
  2016.     width: 100%;
  2017.     margin-bottom: 30px;
  2018.     padding-right: 30px;
  2019.     float: none;
  2020.   }
  2021.   .banner-noticias-dir {
  2022.     width: 100%;
  2023.     background-position: 0px -22px;
  2024.     background-size: cover;
  2025.   }
  2026.   .box-info-banner-noticias {
  2027.     width: 100%;
  2028.   }
  2029.   .titu-noticia-banner {
  2030.     line-height: 22px;
  2031.   }
  2032.   .ul-tecnologia {
  2033.     padding-right: 12px;
  2034.     padding-left: 30px;
  2035.   }
  2036.   .box-copyright-footer {
  2037.     font-size: 18px;
  2038.     line-height: 20px;
  2039.   }
  2040.   .destaque-fundacao {
  2041.     width: 100%;
  2042.     margin-top: 0px;
  2043.     padding-right: 60px;
  2044.   }
  2045.   .desc-empresa {
  2046.     width: 100%;
  2047.     padding-right: 60px;
  2048.   }
  2049.   .box-anos {
  2050.     top: -178px;
  2051.     height: 390px;
  2052.     background-position: 100% 100%;
  2053.     background-size: 415px;
  2054.   }
  2055.   .info-anos {
  2056.     width: 79%;
  2057.     margin-top: 425px;
  2058.     margin-right: auto;
  2059.     margin-left: auto;
  2060.     padding-right: 65px;
  2061.     padding-left: 65px;
  2062.     float: none;
  2063.     clear: both;
  2064.   }
  2065.   .txt-anos {
  2066.     left: -103px;
  2067.     top: -311px;
  2068.     font-size: 20px;
  2069.     line-height: 20px;
  2070.   }
  2071.   .txt-destq-premios {
  2072.     font-size: 15px;
  2073.     line-height: 20px;
  2074.   }
  2075.   .ul-relatorios {
  2076.     width: 100%;
  2077.   }
  2078.   .li-relatorios {
  2079.     width: 50%;
  2080.   }
  2081.   .row-cod-contuda {
  2082.     padding-right: 0px;
  2083.   }
  2084.   .col-form-lojas {
  2085.     padding-right: 50px;
  2086.     padding-left: 50px;
  2087.   }
  2088.   .ul-lojas {
  2089.     padding-right: 50px;
  2090.     padding-left: 50px;
  2091.   }
  2092.   .li-lojas-on {
  2093.     width: 33.333333%;
  2094.   }
  2095.   .box-banner-lojas {
  2096.     padding: 80px 30px 30px;
  2097.     border: 2px solid #000;
  2098.   }
  2099.   .btn-banner-franquia {
  2100.     border-color: #000;
  2101.     color: #000;
  2102.   }
  2103.   .btn-banner-franquia:hover {
  2104.     background-color: #000;
  2105.     color: #fff;
  2106.   }
  2107.   .btn-banner-blog {
  2108.     border-color: #000;
  2109.     color: #000;
  2110.   }
  2111.   .btn-banner-blog:hover {
  2112.     background-color: #000;
  2113.     color: #fff;
  2114.   }
  2115. }
  2116.  
  2117. @media (max-width: 479px) {
  2118.   .iinfo-main-banner {
  2119.     padding: 15px 5px;
  2120.     box-shadow: 0 74px 0 -60px #d3a780;
  2121.   }
  2122.   .titu-main-banner {
  2123.     margin-bottom: 0px;
  2124.     font-size: 40px;
  2125.   }
  2126.   .txt-main-banner {
  2127.     margin-right: 5px;
  2128.     font-size: 12px;
  2129.     font-weight: 600;
  2130.   }
  2131.   .txt-info-prod-slide {
  2132.     margin-bottom: 15px;
  2133.   }
  2134.   .btn {
  2135.     padding-right: 10px;
  2136.     padding-left: 10px;
  2137.   }
  2138.   .btn.branco.footer {
  2139.     width: 100%;
  2140.     margin-left: 0px;
  2141.   }
  2142.   .btn.branco.btn-relatorio {
  2143.     margin-left: 15px;
  2144.   }
  2145.   .btn.footer {
  2146.     width: 100%;
  2147.     margin-left: 0px;
  2148.   }
  2149.   .section.section-main-destq-tecnologia {
  2150.     background-position: -761px 0px;
  2151.   }
  2152.   .section.section-premios {
  2153.     padding-top: 160px;
  2154.   }
  2155.   .banner-franq {
  2156.     background-position: -121px -95px;
  2157.   }
  2158.   .banner-blog {
  2159.     background-position: 25% -95px;
  2160.     background-size: auto;
  2161.   }
  2162.   .banner-lojas {
  2163.     background-position: 86% -3px;
  2164.     background-size: auto 330px;
  2165.   }
  2166.   .container.container-banner-interna {
  2167.     text-align: center;
  2168.   }
  2169.   .container.container-fundacao {
  2170.     background-image: -webkit-linear-gradient(270deg, #f7e9dc 18%, #fff 0);
  2171.     background-image: linear-gradient(180deg, #f7e9dc 18%, #fff 0);
  2172.   }
  2173.   .container.container-sustentabilidade-e-pesquisa {
  2174.     padding-right: 15px;
  2175.     padding-left: 15px;
  2176.     font-size: 14px;
  2177.   }
  2178.   .container.container-desempenho {
  2179.     padding-right: 15px;
  2180.     padding-left: 15px;
  2181.     font-size: 14px;
  2182.     font-weight: 300;
  2183.   }
  2184.   .container.container-relatorios {
  2185.     padding-right: 15px;
  2186.     padding-bottom: 0px;
  2187.     padding-left: 15px;
  2188.   }
  2189.   .container.container-lojas-on {
  2190.     padding-right: 20px;
  2191.     padding-left: 20px;
  2192.   }
  2193.   .banner-noticias-esq {
  2194.     margin-bottom: 80px;
  2195.   }
  2196.   .banner-noticias-dir {
  2197.     background-size: auto;
  2198.   }
  2199.   .ul-tecnologia {
  2200.     padding-right: 20px;
  2201.     padding-left: 20px;
  2202.   }
  2203.   .li-tecnologia {
  2204.     width: 100%;
  2205.   }
  2206.   .p-infos {
  2207.     height: auto;
  2208.   }
  2209.   .box-contato-footer {
  2210.     padding-right: 20px;
  2211.     padding-left: 20px;
  2212.   }
  2213.   .tel-footer {
  2214.     padding-left: 45px;
  2215.     background-image: url('../images/phone.png');
  2216.     background-position: 0px 50%;
  2217.     background-size: 35px;
  2218.     background-repeat: no-repeat;
  2219.   }
  2220.   .end-footer {
  2221.     padding-left: 45px;
  2222.     background-image: url('../images/pin.png');
  2223.     background-position: 0px 50%;
  2224.     background-size: 35px;
  2225.     background-repeat: no-repeat;
  2226.     font-size: 12px;
  2227.     line-height: 15px;
  2228.   }
  2229.   .link-tel-footer {
  2230.     font-size: 27px;
  2231.     line-height: 30px;
  2232.   }
  2233.   .link-tel-footer.tel {
  2234.     font-size: 25px;
  2235.     line-height: 30px;
  2236.   }
  2237.   .box-acessoria-footer {
  2238.     padding-right: 20px;
  2239.     padding-left: 20px;
  2240.   }
  2241.   .box-copyright-footer {
  2242.     padding-right: 20px;
  2243.     padding-left: 20px;
  2244.   }
  2245.   .titu-acessoria {
  2246.     margin-bottom: 15px;
  2247.     font-size: 15px;
  2248.     line-height: 20px;
  2249.   }
  2250.   .nome-acessoria {
  2251.     font-size: 15px;
  2252.     line-height: 15px;
  2253.   }
  2254.   .email-acessoria {
  2255.     font-size: 15px;
  2256.     line-height: 25px;
  2257.   }
  2258.   .text-block-2 {
  2259.     font-size: 12px;
  2260.   }
  2261.   .text-block-3 {
  2262.     font-size: 20px;
  2263.     line-height: 22px;
  2264.   }
  2265.   .destaque-fundacao {
  2266.     padding-right: 15px;
  2267.     padding-left: 15px;
  2268.   }
  2269.   .span--destq-fundacao {
  2270.     font-size: 15px;
  2271.     line-height: 16px;
  2272.   }
  2273.   .desc-empresa {
  2274.     padding-right: 15px;
  2275.     padding-left: 15px;
  2276.   }
  2277.   .box-anos {
  2278.     top: -220px;
  2279.     margin-top: 69px;
  2280.     background-size: 294px;
  2281.   }
  2282.   .info-anos {
  2283.     margin-top: 455px;
  2284.     padding-right: 15px;
  2285.     padding-left: 15px;
  2286.     font-size: 11px;
  2287.   }
  2288.   .txt-anos {
  2289.     left: -77px;
  2290.     top: -315px;
  2291.     font-size: 17px;
  2292.     line-height: 18px;
  2293.   }
  2294.   .titu-empresas {
  2295.     font-size: 16px;
  2296.     line-height: 18px;
  2297.   }
  2298.   .span-titu-empresas {
  2299.     font-size: 25px;
  2300.     line-height: 25px;
  2301.   }
  2302.   .destaque-premios {
  2303.     width: 90%;
  2304.   }
  2305.   .h2-destq-premios {
  2306.     margin-top: -53px;
  2307.     margin-bottom: 80px;
  2308.   }
  2309.   .txt-destq-premios {
  2310.     font-size: 12px;
  2311.     line-height: 12px;
  2312.   }
  2313.   .li-premios {
  2314.     padding-right: 15px;
  2315.     padding-left: 15px;
  2316.   }
  2317.   .text-block-4 {
  2318.     font-size: 15px;
  2319.     line-height: 16px;
  2320.   }
  2321.   .p-sobre-empresa {
  2322.     font-size: 14px;
  2323.     line-height: 16px;
  2324.     font-weight: 300;
  2325.   }
  2326.   .txt-lojas {
  2327.     width: 90%;
  2328.   }
  2329.   .col-form-lojas {
  2330.     padding-right: 20px;
  2331.     padding-left: 20px;
  2332.   }
  2333.   .ul-lojas {
  2334.     padding-right: 20px;
  2335.     padding-left: 20px;
  2336.   }
  2337.   .li-lojas {
  2338.     width: 100%;
  2339.   }
  2340.   .li-lojas-on {
  2341.     width: 50%;
  2342.   }
  2343.   .col-footer {
  2344.     padding-right: 20px;
  2345.     padding-left: 20px;
  2346.   }
  2347.   .text-block-7 {
  2348.     font-size: 13px;
  2349.   }
  2350.   .btn-banner-franquia {
  2351.     padding-right: 10px;
  2352.     padding-left: 10px;
  2353.   }
  2354.   .btn-banner-blog {
  2355.     padding-right: 10px;
  2356.     padding-left: 10px;
  2357.   }
  2358. }
  2359.  
  2360. @font-face {
  2361.   font-family: 'Montserrat';
  2362.   src: url('../fonts/Montserrat-Black.ttf') format('truetype');
  2363.   font-weight: 900;
  2364.   font-style: normal;
  2365. }
  2366. @font-face {
  2367.   font-family: 'Montserrat';
  2368.   src: url('../fonts/Montserrat-BlackItalic.ttf') format('truetype');
  2369.   font-weight: 900;
  2370.   font-style: italic;
  2371. }
  2372. @font-face {
  2373.   font-family: 'Montserrat';
  2374.   src: url('../fonts/Montserrat-BoldItalic.ttf') format('truetype'), url('../fonts/Montserrat-ExtraBoldItalic.ttf') format('truetype');
  2375.   font-weight: 700;
  2376.   font-style: italic;
  2377. }
  2378. @font-face {
  2379.   font-family: 'Montserrat';
  2380.   src: url('../fonts/Montserrat-Bold.ttf') format('truetype'), url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
  2381.   font-weight: 700;
  2382.   font-style: normal;
  2383. }
  2384. @font-face {
  2385.   font-family: 'Montserrat';
  2386.   src: url('../fonts/Montserrat-ExtraLight.ttf') format('truetype');
  2387.   font-weight: 200;
  2388.   font-style: normal;
  2389. }
  2390. @font-face {
  2391.   font-family: 'Montserrat';
  2392.   src: url('../fonts/Montserrat-ExtraLightItalic.ttf') format('truetype');
  2393.   font-weight: 200;
  2394.   font-style: italic;
  2395. }
  2396. @font-face {
  2397.   font-family: 'Montserrat';
  2398.   src: url('../fonts/Montserrat-Light.ttf') format('truetype');
  2399.   font-weight: 300;
  2400.   font-style: normal;
  2401. }
  2402. @font-face {
  2403.   font-family: 'Montserrat';
  2404.   src: url('/fonts/Montserrat-Regular.ttf') format('truetype');
  2405.   font-weight: 400;
  2406.   font-style: normal;
  2407. }
  2408. @font-face {
  2409.   font-family: 'Montserrat';
  2410.   src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
  2411.   font-weight: 500;
  2412.   font-style: normal;
  2413. }
  2414. @font-face {
  2415.   font-family: 'Montserrat';
  2416.   src: url('../fonts/Montserrat-MediumItalic.ttf') format('truetype');
  2417.   font-weight: 500;
  2418.   font-style: italic;
  2419. }
  2420. @font-face {
  2421.   font-family: 'Montserrat';
  2422.   src: url('../fonts/Montserrat-LightItalic.ttf') format('truetype');
  2423.   font-weight: 300;
  2424.   font-style: italic;
  2425. }
  2426. @font-face {
  2427.   font-family: 'Montserrat';
  2428.   src: url('../fonts/Montserrat-SemiBoldItalic.ttf') format('truetype');
  2429.   font-weight: 600;
  2430.   font-style: italic;
  2431. }
  2432. @font-face {
  2433.   font-family: 'Montserrat';
  2434.   src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
  2435.   font-weight: 600;
  2436.   font-style: normal;
  2437. }
  2438. @font-face {
  2439.   font-family: 'Montserrat';
  2440.   src: url('../fonts/Montserrat-Thin.ttf') format('truetype');
  2441.   font-weight: 100;
  2442.   font-style: normal;
  2443. }
  2444. @font-face {
  2445.   font-family: 'Montserrat';
  2446.   src: url('../fonts/Montserrat-ThinItalic.ttf') format('truetype');
  2447.   font-weight: 100;
  2448.   font-style: italic;
  2449. }
  2450. @font-face {
  2451.   font-family: 'Montserrat';
  2452.   src: url('../fonts/Montserrat-Italic.ttf') format('truetype');
  2453.   font-weight: 400;
  2454.   font-style: italic;
  2455. }
Add Comment
Please, Sign In to add comment
Public Pastes
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!