.container1 {
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr 600px;
gap: 0 15px;
justify-content: center;
align-content: center;
align-items: start;
flex-direction: row;
flex-wrap: nowrap;
justify-items: center;
}
.container2 {
height: calc(100% - 250px);
}
.container1 .table-item-options {
height: calc(100vh - 150px);
}
.hero-section .item-container-desc {
height: calc(100vh - 310px);
}
.container1 .table-item-options {
flex-direction: column;
}
.container2 {
grid-template-columns: calc(22% - 30px) calc(37% - 30px) calc(41% - 30px);
}
@media (max-width:1025px) {
.container1 {
display: flex;
gap: 10px;
flex-direction: column;
flex-wrap: nowrap;
height: max-content;
align-items: center;
margin: 20px auto 0px auto;        
}
}
.text-block__p_max {
text-align: justify;
padding: 0;
font-size: 17px;
width: calc(100% - 12px);
margin: 0px;
display: inline-block;
border-radius: 5px;
position: relative;
color: #0c348c;
border: 1px solid #0c348c;
box-shadow: 5px 4px 0px 0px #0c348c36;
background: #ffffff;  
}
.text-block__p_max p {
padding:10px 10px 10px 25px;
}
.gallery__item_div.text-block__p_max ul {
padding: 0px 30px;
}
.scroll::-webkit-scrollbar {
width: 2px;
}
.scroll::-webkit-scrollbar-track {
margin:auto;
margin:100px;
}
.scroll::-webkit-scrollbar-thumb {
background-color: #0c348c;
outline: 2px solid #0c348c;
cursor:pointer;
border-radius:3px
}
@media (max-width:1025px) {
.text-block__p_max {
height: auto;
overflow: auto;
max-height: 100%;   
min-height: auto; 
} 
}
.wrapper {
width: 100%;
height: 100%;
top: 0px;
position: absolute;
}
body {
width: 100vw;
height: 100vh;
top: 0px;
position: relative;
}
.gallery__item {
min-width: 100%;
max-width: 100vh;
height: 100vh;
min-height: 100%;
max-height: 100vh;
scroll-snap-align: center;
background-size: cover !important;
background-position: center !important;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow:hidden;
border-radius:0px;
}
.gallery__item:last-child {
min-height: calc(var(--index)* 15); 
margin-bottom: 0px;
}
.gallery__item {
margin:0px !important;
margin-top:0px;
margin-bottom:0px;s
}
.gallery__item:first-child {
min-height: 100vh;
margin:0px;
}
.gallery__item:last-child {
min-height: 100vh;
}
.item-container-desc {
height: calc(100% - 0px);
overflow-y: auto;
width: 100%;
}
.text-block__p {
height: 100%;
text-align: justify;
padding: 10px;
font-size: 15px;
margin: 0;
margin-bottom: 5px;
display: inline-block;
border-radius: 3px;
position: relative;
color: #0c348c;
border: 1px solid #0c348c;
box-shadow: 5px 4px 0px 0px #0c348c36;
background: #ffffff;
}
.soderjanie a {
height: fit-content !important;
}
.gallery__item_div {
margin-top: 0px;
height:100vh;
}
@media (max-width:1025px) {
.gallery__item:first-child {
min-height: max-content;
margin:0px;
}
.gallery__item_div {
height: 100%;
}
.gallery__item {
display: flex;
justify-content: center;
align-items: center;
overflow: auto;
flex-wrap: nowrap;
flex-direction: column;
min-width: 100%;
height: max-content !important;
min-height: max-content !important;
max-height: max-content !important;     
}
.text-block__p {
width: 100%;
height:auto;
}
.item-container-desc {
height:auto !important;
max-height:max-content;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;        
}
.hero-section .item-container-desc {
height:auto !important;
border:0px;
}
.gallery__item:first-child {
padding: calc(var(--index)* 0);   
}
.content {
display: flex;
overflow-y: auto;
scroll-snap-type: none;
height: auto;
max-height: 100%;
flex-flow: column nowrap;
overflow-x: hidden;
}    
}
.content {
display: flex;
overflow-y: auto;
scroll-snap-type: y mandatory;
height: 100vh;
max-height: 100%;
flex-flow: column nowrap;
overflow-x: hidden;
}
section {
min-width: calc(100vw - 20px);
max-width: calc(100vw - 20px);
width: calc(100vw - 20px);
height: calc(100vh - 20px);
min-height: calc(100vh - 20px);
max-height: calc(100vh - 20px);
margin:10px;
scroll-snap-align: center;
background-size: cover !important;
background-position: center !important;
}
[class*="container-1"] 
{
width:calc(100% - 10px);
height:calc(100% - 10px);
display:grid;
justify-items: center;
}
[class*="container-1-3*"], [class*="container-1-3"] 
{
grid-template-columns:1fr 1fr 1fr;
gap:10px;
}
[class*="container-1-3"] > div {
background: white;
box-shadow: 0px 0px 10px 4px #ededed;
text-align: center;
width:100%;
}
[class*="container-1-3"] > div:hover {
box-shadow: 0px 0px 10px 4px #c6c6c6;
cursor:pointer;
}
[class*="container-2"]  {
width:calc(100% - 10px);
height:calc(100% - 10px);
display:grid;
gap:10px;
}
[class*="container-2-1-3"] > div, [class*="container-2-1-1-2-3"] > div, [class*="container-2-1-2-2-3"] > div, [class*="container-2-1-3-2-3"] > div {
display:grid;
grid-template-columns: 1fr 1fr 1fr;
gap:10px;
}
[class*="container-2-1-1-2-2"] > div, [class*="container-2-1-2-2-2"] > div, [class*="container-2-1-3-2-2"] > div  {
display:grid;
grid-template-columns: 1fr 1fr;
gap:10px;
}
[class*="container-2"] > div > div {
border: 1px solid #0c348c;
box-shadow: 5px 4px 0px 0px #0c348c36;
background: #fff;
}
.section-block {
display: flex;
justify-content: center;
flex-wrap: wrap;
align-content: center;
padding: 25px 50px;
box-sizing: border-box;
width: 100%;
border-radius: 3px;
color: #0c348c;
}
h2 {
color: white;
background: #0c348c;
font-size: 40px;
border-radius: 5px;
padding: 5px;
}
.nohover {
box-shadow:none !important;
cursor:auto !important;  
background: #f2f4f700 !important;
border:0px solid !important;
}
@media (max-width:768px) {
[class*="container-m-1-3"] {
scroll-snap-type: x mandatory;
overflow-y: hidden;
}
[class*="container-m-1-3"] > div {
min-width: calc(100vw - 20px);
max-width: calc(100vw - 20px);
width: calc(100vw - 20px);
height: calc(100vh - 20px);
min-height: calc(100vh - 20px);
max-height: calc(100vh - 20px);
scroll-snap-align: center;
background-size: cover !important;
background-position: center !important;
} [class*="container-2-1-3"] > div {
scroll-snap-type: x mandatory;
overflow-y: hidden;
width: 100%;
height: 100%;
display: flex;
}
[class*="container-2-1-3"] > div > div {
min-width: calc(100vw - 40px);
max-width: calc(100vw - 40px);
width: calc(100vw - 20px);
height: calc(50vh - 20px);
min-height: calc(50vh - 20px);
max-height: calc(50vh - 20px);
scroll-snap-align: center;
background-size: cover !important;
background-position: center !important;
} [class*="container-2-1-3"] > div {
scroll-snap-type: x mandatory;
overflow-y: hidden;
width: calc(100vw - 25px);
height: calc(100vh - 15px);
display: flex;
scroll-snap-align: center;
background-size: cover !important;
background-position: center !important;
}
[class*="container-2-1-3"] > div > div {
min-width: calc(100% - 0px);
max-width: calc(100% - 0px);
width: calc(100% - 0px);
height: calc(100% - 20px);
min-height: calc(100vh - 20px);
max-height: calc(100vh - 20px);
scroll-snap-align: center;
background-size: cover !important;
background-position: center !important;
}
[class*="container-2"] {
width: calc(100% - 0px);
height: calc(100% - 0px);
display: grid;
gap: 0px;
scroll-snap-type: y mandatory;
overflow-x: hidden;
}
.section-block {
padding: 10px 10px;
order: 2;
}
.nohover {
order:1;
}
}div#menu-menu1 {
height: auto;
border-radius: 0;
width: 240px;
left: 0;
padding-right: 40px;
top: 50px;
transition: .5s all;
overflow-y: scroll;
overflow-x: hidden;
padding-left: 5px;
direction: rtl;
}
.soderjanie {
display: block;
position: fixed;
left: 0;
bottom: -30px !important;
top: unset;
height: auto;
}
.soderjanie .menu1-a-div:before {
counter-increment: section;
content: counter(section);
font-size: 18px;
position: absolute;
font-weight: 600;
margin-left: auto;
margin-right: auto;
left: 0px;
top: 6px;
right: 0;
text-align: center;
color: white;
}
.soderjanie .menu1-a-div {
padding: 8px;
font-size: 13px;
display: inline-block;
width: calc(34px - 20px);
text-align: center;
text-decoration: none;
position: absolute;
overflow: hidden;
height: 14px;
top: 0px;
border-radius: 30px;
left: 0px;
background: #ffffff40;
border: none;
border-color: rgb(197 197 197 / 0%);
box-shadow: 0px 0px 2px 2px #ffffff00;  
}   
.soderjanie .menu1-a {
background: #ffffff40;
transition: 0.5s all;
left: 0px;
margin: 10px 0px;
border: none;
background-color: #3c394400;
width: max-content;
padding: 0px 10px;
margin: 10px;
text-decoration: none;
}
.soderjanie span {
text-transform: none;
}
.menu2-a {
color: rgb(199, 198, 204);
}
.menu2-a p {
font-size:14px;
text-align:right;
border-radius: 0px;
}
.menu2-a p:after {
position:absolute;
counter-increment: section;
content: counter(section);
width: 14px;
height:14px;
bottom: 7px;
right: -20px;
padding:1px;
border-radius:50%;
text-align: center;
box-shadow: 1px 1px 3px 0px;
border: 1px solid;
}
.menu2-a p:before {
width: 100%;
right:0px;
content:"";
bottom: -5px;
border-bottom:1px dashed;
position: absolute;
}
.soderjanie .menu1-a:hover .menu1-a-div {
border-color:rgb(197 197 197 / 0%);
box-shadow:0px 0px 2px 2px #ffffff00;
}
.soderjanie .menu1-a:hover .menu1-a-div:before {
color: rgb(12, 52, 140);
}
.soderjanie .menu1-a:before {
display:none;
}
.soderjanie .menu1-a:hover {
background-color: #0c348c8a;
}
.soderjanie .menu2-a:hover {
background-color: #0c348c00 !important;
color:#0c348c !important;
}   
.soderjanie .menu1-a:hover .menu1-a-div {
border-color:rgb(197 197 197 / 0%);
box-shadow:0px 0px 2px 2px #ffffff00;
}
.soderjanie .menu1-a:hover .menu1-a-div:before {
color: rgb(12, 52, 140);
}
.soderjanie .menu1-a:before {
display:none;
}
body {
counter-reset: section;
}   
.soderjanie a {
height: fit-content !important;
}
.soderjanie a p {
text-align:left;
width:100%;
margin:0px;
}
.menu {
width: 320px;
position: fixed;
border-radius: 5px;
top: 53px;
padding: 3px;
z-index: 10;
height: 100%;
}
.content {
display: flex;
overflow-y: auto;
scroll-snap-type: y mandatory;
height: 100vh;
max-height: 100%;
flex-flow: column nowrap;
overflow-x: hidden;
}
.content::-webkit-scrollbar {
width: 8px;
}
.content::-webkit-scrollbar-track {
margin:auto;
margin:100px;
}
.content::-webkit-scrollbar-thumb {
background-color: #0c348c;
outline: 2px solid #0c348c;
cursor:pointer;
border-radius:3px
} 
@media (max-width:1025px) {
.content {
display: flex;
overflow-y: auto;
scroll-snap-type: none;
height: auto;
max-height: 100%;
flex-flow: column nowrap;
overflow-x: hidden;
}  
}
@font-face {
font-family: "MySpaceFont";
src: url(//par-all-ax.ru/wp-content/themes/twentytwentyone/fonts/spaceagecyrillic_regular.ttf)
}
@font-face {
font-family: "MySpaceFont2";
src: url(//par-all-ax.ru/wp-content/themes/twentytwentyone/fonts/FLUSE.otf)
}
@font-face {
font-family: "MySpaceFont3";
src: url(//par-all-ax.ru/wp-content/themes/twentytwentyone/fonts/TH3 MACHINE.ttf)
}
* {
font-family: Serif;
}
:root {
--index: calc(1vw + 1vh);
--indexh: calc(0px + 1vh);
--indexw: calc(0px + 1vw);
--mouse-x: 0;
--mouse-y: 0;
}   
html {
scroll-behavior: smooth;
}
h1, h2, h3, h4, h5, p, li, td, span {
border-radius: 3px;
padding: 3px;   
text-align: justify;
}
h1, h2 {
line-height: 2.4rem;
color: white;
margin-bottom: 1.5rem;
text-align: center;
}
h3, h4, h5 {
line-height: 2.4rem;
color: var(--color-header);
text-align: center; 
}
h1 span, h2 span, h3 span, h4 span, h5 span {
background: var(--color-header);    
border-radius: 5px;
}
h2 {
font-size:2rem;
}
.header {
background: #3c394400;
display: flex;
align-items: center;
padding: 3px;
position: fixed;
height: 95px;
margin-bottom: 3px;
width: max-content;
border-radius: 0 0 20px;
z-index: 12;
justify-content: center;
flex-direction: row;
gap:3px;
}
body::-webkit-scrollbar {
width: 8px;
}
body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px #000000;
height:80%;
margin:auto;
border-radius:0px;
background-color: #293241;
}
body::-webkit-scrollbar-thumb {
background-color: #0c348c;
outline: 2px solid #0c348c;
cursor:pointer;
border-radius:5px
}   
:root {
--color-header: #0c348c;
--color-text: black;
--gallery-gap: calc(var(--index) * 7.5)
} .content, .hero, .main-header, .gallery > * {
will-change: transform;
}
body {
background-size: 70px;
overflow-x: hidden;
background-image:url(//par-all-ax.ru/wp-content/themes/twentytwentyone/img/bg2.png);
}
.main-header {
height: 100vh;
}
.wrapper {
z-index:11;
}
.gallery {
display: flex;
}
.gallery > * {
flex: 1;
display: flex;
align-items: center;
flex-direction: column;
}
.gallery__item {
border-radius: 8px;
}
.gallery__item:first-child {
display:block;
text-align: center;
}
.gallery__item_text {
margin-left:10px;
margin-right:10px;
text-align: justify;
font-size: 12px;
letter-spacing: 1;
}
.gallery__item img {
box-shadow: 0px 0px 12px 2px #3c394440;
border-radius: 8px;
border: 2px solid #fafafa; 
}
.text-block__h {
font-size: 3rem;
line-height: 2.4rem;
color: #fff;
margin-bottom: 1.5rem;
}
@media (min-width: 1021px) {
.gallery__item:nth-child(odd) {
flex-direction: row-reverse;
}
.soderjanie .menu1-a-div {
display:none;
}
}
@media (max-width: 1020px) {
.gallery {
margin: 0px;
}
.text-block__h {
font-size: 36px;
line-height: 1;     
}
.menu2-a p {
display:none;
}
.soderjanie {
bottom: -8px !important;
left:0% !important;
}
.text-block__p {
line-height: 1;
}
.container {
padding: 0px 0px 0px 0vw;
background: #ffffff00;
}
.gallery__item {
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
}
.gallery__item:first-child {
margin-top:50px !important;
}
.gallery__item_text {
margin-left:0px;
margin-right:0px;
text-align: center;
}
.gallery__item_text_block1 {
justify-content: center;
}
}
input#wp-block-search__input-1 {
border-radius: 15px;
border: 1px solid #768cbe;
text-transform: uppercase;
padding: 8px 32px 8px 8px;
position: relative;
}
.wp-block-search__button {
position: absolute;
right: 2px;
top: 2px;
height: calc(100% - 4px);
width: calc(32px - 4px);
background-image: url(//par-all-ax.ru/wp-content/themes/twentytwentyone/img/search1.png);
background-size: contain;
border: 0px;
border-radius: 15px;
}
.animation:after {
position:absolute;
content: "параллакс";
top: 0px;
left: 0px;
animation: animate 5s linear;
overflow:hidden;
border-right: 2px solid #f0f1fa;
color: #293241;
width: 10px;
height: 100%;
}
@keyframes animate {
0%, 10%, 100% {
width:0px;
}
70%, 90% {
width:100%;
}  
}
.wp-block-search__inside-wrapper {
position:relative;
}.table-head, .table-sell, .table-name {
display: flex;
align-items: center;
flex-wrap: nowrap;
overflow:hidden;
border: 1px solid #ffffff;
box-shadow: 0px 0px 10px 1px #80808029;
background: #ffffff80;
justify-content: space-between;
align-content: space-between;
margin-bottom: 1px;
border-radius: 3px;
}
.opinion:hover:before {
content: attr(data-opinion);
width: 80%;
min-width: 280px;
height: auto;
position: absolute;
z-index: 1;
padding: 5px;
top: 20px;
text-align: justify;
font-size: 16px;
color: black;
left: -5%;
background: #fff;
transition: .2s all;
margin: 10px 0;
border: 7px solid white;
box-shadow: 0px 0px 10px 2px #0c348c59;
}
.opinion:hover:after {
content: "";
position: absolute;
top: 24px;
left: 20%;
width: 0;
height: 0;
border-left: 12.5px solid transparent;
border-right: 12.5px solid transparent;
border-bottom: 6.25px solid #0c348c;
-webkit-transition
}
.opinion {
position:relative;
}
.active-slide {
background-color: #0c348c00 !important;
color:#0c348c !important;
}   
.table-head div:first-child, .table-sell div:first-child {
text-align:left;
} 
.table-head span {
width:33%;
text-align: center;
}
.table-head div, .table-sell div {
width:calc(100% / 6);
text-align:center;
font-size: 13px;
}
.table-sell {
cursor: pointer;
padding: 3px 10px;
transition: .5s all;
position: relative;
overflow: hidden;
width: max-content;
min-width: calc(100%);
}
.table-head {
margin-bottom: 4px;
box-shadow: none;
padding: 10px;
box-shadow: 0px 0px 10px 0px #c9c9c9;
background: #0c348c;
color: white;
border: 1px solid #0c348c;
}
.table .table-head {
width: calc(50% - 30px);
}
.table-obj {
display: grid;
grid-template-columns: calc(50% - 30px) calc(50% - 30px);
flex-direction: row;
gap: 30px;
flex-wrap: nowrap;
align-items: flex-start;
align-content: center;
justify-content: space-between;
}
.table {
width: calc(100% - 20px);
margin: auto;
margin-top:20px;
position: relative;
height: calc(100vh - var(--gallery-gap)* 0.30);
}
.table-name {
padding: 3px;
width: calc(50% - 16px);
font-size: 16px;
margin-bottom: 2px;
box-shadow: 0px 0px 10px 0px #c9c9c9;
background: #0c348c;
color: white;
border: 1px solid #0c348c;
}
.table-item {
height: 0;
transition: .5s all;
overflow: hidden;
display: flex;
align-items: center;
position: relative;
justify-content: space-between;
min-width: 50%;
width:50%;
position: absolute;
top: 0px;
right: 0px;
align-items: flex-start;    
}
.active {
height: 650px;
margin-bottom: 15px;
border-radius: 3px;
min-width: 50%;
position: absolute;
top: 68px;
right: 0px;
}
.open {
padding: 6px 10px;
background: #0c348c8a;
color: white;
border: 1px solid #0c348c;
}
.open div {
display:none;
}
.open div:first-child {
display:block;
}
.open:hover {
background: #0c348c !important;   
}
.table-sell:hover {
border:1px solid #0c348c7d;
box-shadow:0px 3px 12px 0px white;   
background: #0041ff17; 
}
.name-option {
border-left: 1px solid #bcbcbc;
}
.name-option:hover:after {
position:absolute;
width: calc(100% - 6px);
text-align: center;
height:30px;
left: 0px;
color:#0c348c;    
padding:3px;
bottom: 30px;
background: #ffffff00;
border-bottom:1px solid #0c348c;
box-shadow:0px 0px 2px 0px #0c348c;
border-radius:5px;
}
.table-item-options::-webkit-scrollbar {
width: 0px;
direction: ltr;
}
.table-item-options > div{
width: calc(100% - 30px);
}
.table-item-option span:nth-child(even) {
font-weight:600;
}
.table-item-options > div > div:first-child {
font-size:14px;
text-decoration:underline;  
}
.table-item-options {
font-size: 12px;
display: grid;
grid-template-columns: calc(50% - 30px) calc(50% - 30px);
justify-content: flex-start;
align-items: stretch;
overflow: scroll;
min-width: 300px;
flex-wrap: wrap;
align-content: space-around;
gap: 5px;
flex-direction: column;
justify-items: center;
align-content: stretch;
}
.table-item-options > div {
max-width: 290px;
height: auto;
}
.table-item-options > div {
min-height: auto;
}
.table-item-options > div > div p {
text-align: center;
}
.table-item-option {
display: flex;
justify-content: space-around;
align-items: center;
margin-bottom: 10px;
height: auto;
position: relative;
border-radius: 3px;
}
.table-item-option span {
width: 30%;
min-width: 110px;
text-align: center;
}
.alpha:before {
position:absolute;
content:"";
background:url(//par-all-ax.ru/wp-content/themes/twentytwentyone/img/alpha.png);
width: 15px;
height: 15px;
left: -25px;
background-size: 15px;
border-radius: 20px;
}
.alpha {
overflow:initial;
}
.table_text_zvezda h3 {
color: var(--color-header);
padding-top: 0px;
opacity: 1;
transition: opacity 1s;
position: absolute;
width: calc(100% - 20px);
left: 0px;
height: calc(100% - 4px);
top: 0px;
}
.table-sell:hover:after {
content:attr(data-text);
position:absolute;
width:320px;
height:20px;
background: #0c348c00;
top:3px;
font-size:13px;
}
.table-sell.open:hover:after {
content:attr(data-text);
position:absolute;
width:320px;
height:20px;
background: #0c348c00;
top:6px;
font-size:13px;
}
.table_text_zvezda a {
position: relative;
width: 100%;
display: inline-block;
height: 100%;
color: var(--color-header);
}
.colnce:before {
position:absolute;
content:"";
background:url(//par-all-ax.ru/wp-content/themes/twentytwentyone/img/sun.png);
width: 13px;
height: 13px;
left: -10px;
top: 6px;
background-size: 13px;
border-radius: 20px;
}
.colnce:before:hover {
}
.width1 span:first-child {
background:#00800054;
}
.width1 span:last-child {
background:#ff00004a;
}
.width2 span:first-child {
background:#ff00004a;
}
.width2 span:last-child {
background:#00800054;
}
.colnce:after {
content:attr(data-change);
width: 70%;
height: calc(100% - 10px);
opacity: 0;
padding: 5px 0px;
left:5px;
top:0px;
background: #ffffff;
color: black;
border: 1px solid #80808029;
position:absolute;
transition: 0.5s all;
overflow: hidden;
border-radius:3px;
text-align: center;
}
.colnce:hover:after {
content:attr(data-change);
width:calc(100% - 6px);
border:1px solid #0041ff17;
position:absolute;
opacity: 1;   
}
.table-name a {
text-decoration:none;
padding: 5px 40px;
font-size: 10px;
}
.table-name > :not(:last-child) {
border-right: 1px solid #ffffff;
}
.table-name span {
text-decoration:none;
padding: 2px 40px;
font-size: 14px;
font-weight: 600;
border-radius:0px;
}
.table-item .table-item-option:after {
position: absolute;
content: "";
width: calc(100% - 12px);
left: 6px;
bottom: 0;
height: calc(0% + 1px);
border-bottom: 1px dotted #4944aa4d;
}
.table-item .table-item-option:last-child:after {
position:absolute;
content:"";
width:80%;
left:10%;
height:100%;
border-bottom: 0px dotted #4944aa4d;
}
.cardcard:after {
content: "";
width: calc(100% - 2px);
height: calc(100% - 2px);
left: 0px;
top: 0px;
box-shadow: 0px 0px 10px 10px #8a8a8a69;
border: 1px solid #26348342;
background: #00000063;
border-radius: 180px;
position: absolute;
z-index: 15;
}
.cardcard {
background-size: 175px;
width: 175px;
height: 175px;
min-width: 175px;
border-radius: 180px;
position: relative;
margin: 20px;
z-index: 61;
animation: animation-name;
animation: pulse 1000ms cubic-bezier(0.9, 0.7, 0.5, 0.9) infinite;
animation-duration: 4s;
}
span.center {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.name-obj {
margin-top: 70px;
width:100%;
text-align: center;
z-index: 18;
position: absolute;    
}
@media (max-width: 1025px) {
.table-item {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
position: relative;
width: 100%;
flex-wrap: wrap;
}
.table-item-options {
display:flex;
width: 100%;  
max-width:310px;    
}
.table-name {
width:calc(100% - 11px);
}
.table-obj {
display:flex;
gap: 0px;
flex-direction: column;
}
.table-sell, .table-head {
width: auto;
}
.table-head div:first-child, .table-sell div:first-child {
width: 50%;
}
.table .table-head {
width: calc(100% - 25px);
}
.table-head div, .table-sell div {
width: 50%;
min-width: 50%;
}
.active {
height: auto;
min-height: 650px;
top: 10px;
}
.table {
height: auto;
}    
.content {
scroll-snap-type:none !important;
height: max-content !important;
max-height: max-content !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
}   
.table-item-option span {
min-width: 90px;
}   
.colnce:before {
left: -12px;
top: 6px;
}
.alpha {
overflow:hidden;
}
.table-name {
overflow-x: scroll;
}
.table-sell {
min-width: calc(100% - 25px);
}
.container1 {
gap:10px !important;
align-items: center !important;
}
}