.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(--asidetab)}
.linebox .row:nth-child(odd) {background:var(--asitabpar)}
.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(--ttlinefont); text-transform: uppercase; letter-spacing:1px}
.linebox h5 		    {font: 400 15px/18px 'Roboto'; color:var(--ttlinefont); letter-spacing:1px}
.linebox-button a   {background-color:var(--button); color:var(--buttonfont); font-size: 15px; padding: 10px 20px; border-radius: 30px; cursor: pointer; transition: background-color 0.3s ease}
.linebox-button a:hover{background-color:var(--buthover)}
@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.fleft.upper {background: var(--blocklink); color: var(--blocklinkfont); font: 14px 'Roboto'; min-width: 40px; 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}
.block-links.fleft:hover {background: var(--blocklinkhov); cursor:pointer;}
.block-links.active {background: var(--blocklinkhov)}
.block-links.active a{color: var(--blocklinkfont); cursor: pointer; text-transform: uppercase}
.block-hr           {margin: 2px 0 10px 0; border: 1px dotted var(--hrdefault)}

.ttline 			     {border-bottom:var(--ttline) dotted 1px; width:100%; color:var(--ttlinefont); font: 400 20px/23px 'Roboto',sans-serif; text-align: left; padding:0; margin-bottom:10px; height: 30px; display: flex; align-items: center; text-transform:uppercase}
.ttline a 			   {padding: 0 10px;  height:56px; font: 400 13px/56px 'Roboto', sans-serif; color:var(--ttlinefont); font-weight: 400; float:right; text-align:right; display: flex; align-items: center}
.ttline a:hover 	 {cursor:pointer; font-weight:700}