.trans-tta          {background: var(--ttatr); font: 400 16px/20px "Roboto"; color: var(--ttatrfont); border-bottom: 1px solid var(--asibarbot); margin: 25px 0 15px 0; 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}}

.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; 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);}

.block              {background:var(--block); padding:15px; border-radius:15px; border: solid 1px var(--blborder); box-shadow: 0 15px 15px rgba(0, 0, 0, 0.15); margin-bottom:15px; transition: 0.5s}
.block .min         {background:var(--block); padding:5px; border-radius:5px; margin-bottom:5px; border: solid 1px var(--blborder); margin-bottom:15px; transition: 0.5s}
.block:hover        {background:var(--blhover); cursor:pointer; transform: translateY(-3px); /*transition: 0.5s*/}
.block .text        {background:var(--bltext); padding:10px}

.block-icon         {display:grid;gap:20px;align-items:stretch}
.block-icon a       {background:var(--blocklink);color:var(--blocklinkfont);font:14px 'Roboto';border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-transform:uppercase;letter-spacing:1px;text-decoration:none;text-align:center;padding:12px;position:relative; box-shadow: 0 15px 15px rgba(0, 0, 0, 0.15); transition: 0.5s}
.block-icon a .icon-circle{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--blockcircle); color:var(--blocklinkfont);font-size:28px;margin-bottom:12px;line-height:1}
.block-icon a:hover {cursor:pointer; transform: translateY(-3px)}

.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: 60%; padding: 10px; box-sizing: border-box}
.linebox .min       {width: 40%; 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: 940px) {
  .linebox          {grid-template-columns: 1fr}
  .linebox .max, .linebox .min {width: 100%}  
  .linebox .bloco:first-child {margin-bottom: 20px}}