.trans-tta          {background: var(--ttatr); font: 400 16px/20px "Roboto"; color: var(--ttatrfont); border-bottom: 1px solid var(--asibarbot); padding: 15px; text-transform: uppercase; letter-spacing: 0.8px}
.trans-tta:before   {content: "\f101"; font-family: FontAwesome; margin-right:10px}
.trans-ttline       {border-bottom: var(--ttlinetr) dotted 1px; width: 100%; color: var(--ttlinetrfont); font: 400 20px / 23px 'Lato', sans-serif; text-align: left; padding: 0; margin-bottom: 10px; height: 30px; display: display:flex; align-items: center; text-transform: uppercase; letter-spacing: 0.8px}

.block-trans        {background:var(--block-trans); padding:10px; margin: 1px var(--btransbor); box-shadow: 1px 1px 0px var(--btransshadow); border-radius:8px; margin-bottom:0px; transition: 0.5s}
.block-trans:hover  {background:var(--block-trans); transform: translateY(-3px); cursor:pointer; box-shadow: 0 15px 15px rgba(0, 0, 0, 0.15); transition: 0.5s}
.block-trans .title {background:var(--btranstit); min-height:35px; border-radius:0px; display: flex; align-items: center; justify-content: center; width:100%}
.block-trans h1     {font: 700 15px/17px Roboto; color:var(--btransttfont); padding: 0px 10px 0 10px}
.block-trans h5     {font: 700 13px/20px Roboto; color:var(--btranstexfont)}
.block-trans .space {height:120px}
.block-trans .spacemin {height:100px}
.block-trans .col-5 {width:19%; float:left; margin-left:0.5%; margin-right:0.5%; margin-bottom:0.5%; margin-top:0.5%}trans.block-trans .space {height: 90px}
.block-trans .space-button{height: 50px}
.block-trans .space {height: 120px}
@media screen and (max-width:600px){.block-trans .space, .block-trans .spacemin {height:50px}}

.linebox            {display: grid; grid-template-columns: 1fr 1fr; gap: 20px}
.linebox .bloco     {display: flex; flex-direction: column; padding: 20px; border: 1px #777 solid; border-radius: 20px; box-sizing: border-box}
.linebox .row:nth-child(even) {background:var(--lineboxtab)}
.linebox .row:nth-child(odd) {background:var(--lineboxpar)}
.linebox .row       {display: flex; align-items: center; min-height: 60px; background: #999; justify-content: space-between}
.linebox .max       {width: 65%; padding: 10px; box-sizing: border-box}
.linebox .min       {width: 35%; padding: 10px; box-sizing: border-box; display: flex; justify-content: flex-end}
.linebox h1         {font: 400 18px/24px 'Roboto'; color:var(--lineboxfont); text-transform: uppercase; letter-spacing:1px}
.linebox h5         {font: 400 13px/16px 'Roboto'; color:var(--lineboxfont); letter-spacing:1px}
.linebox-button a   {background-color:var(--linebut); color:var(--linebutfont); font-size: 15px; padding: 10px 20px; border-radius: 20px; cursor: pointer; transition: background-color 0.3s ease}
.linebox-button a:hover{background-color:var(--linebuthov)}
@media (max-width: 900px) {
  .linebox          { grid-template-columns: 1fr; }
  .linebox .max, .linebox .min { width: 100%; }  
  .linebox .bloco:first-child { margin-bottom: 20px; }}

.grid2-row          {display: flex; gap: 20px; justify-content: space-between;}
.grid2              {flex: 1; display: flex; flex-direction: column;}
.grid2-border       {display: flex; flex-direction: column; flex-grow: 1;}
@media (max-width: 779px) {.grid2-row {flex-direction: column;}.grid2 {flex: unset;}}

.block-links        {display: flex; flex-wrap: wrap; gap: 5px; justify-content: space-between;}
.block-links a      {background: var(--blocklink); color: var(--blocklinkfont); font: 14px 'Roboto'; min-width: 50px; height: 80px; padding: 0 25px; border-radius: 3px; display: flex; align-items: center; justify-content: center; text-transform: uppercase; flex: 1 1 auto; letter-spacing: 1px; text-decoration: none;}
.block-links a:hover {background: var(--blocklinkhov); cursor: pointer;}
.block-links a.active {background: var(--blocklinkhov); color: var(--blocklinkfont);}