::selection {
 background: #fb365400;
 color: #fb3654;
 text-shadow: 0px 0px 8px #fb36547d, 0px 0px 1px #fb3654ba;
}





.article-content ul.contbox li::before {
    content: "";
    vertical-align: middle;
    position: absolute;
    top: 20px;
    font-weight: 700;
    left: 0px;
    width: 6px;
    height: calc(100% - 40px);
  
    background-color: var(--ok-col-acent-red);
   
    border-radius: 0px 5px 5px 0px;
}


 .article-content ul.contbox li[cont01after]::before {
     background-color: var(--ok-col-base-blue);
}


 .article-content ul.contbox li[cont03after]::before {
    background-color: var(--ok-acid);
    width: 10px;
    border-radius: 0 8px 8px 0;
 }

  .article-content ul.contbox li[cont03after] {
     background-color: var(--ok-col-base-blue);
     color: #ffffff;
     color: var(--ok-col-bg-light);
     font-weight: 468;
     box-shadow: 0px 0px 20px -10px rgb(0 0 0 / 60%);
  }

.article-content ul.contbox li[cont05after] {
     background-color: var(--ok-col-acent-red);
     color: #ffffff;
     color: var(--ok-col-bg-light);
     font-weight: 468;
     box-shadow: 0px 0px 20px -10px rgb(0 0 0 / 60%);
  }

.article-content ul.contbox li[cont05after] a {
   color: var(--ok-col-bg-light);
   text-decoration-color: #f1f1f180;
}

.article-content ul.contbox li[cont05after]::before {
    background-color: var(--ok-col-bg-light);
    width: 10px;
    border-radius: 0 8px 8px 0;
 }

.article-content ul.contbox li[cont03after] a {
   color: var(--ok-acid);
    font-weight: 490;
   text-decoration-color: rgb(232 252 78 / 40%);
}

 .article-content ul.contbox li[cont04after]::before {
    background-color: var(--ok-col-base-blue);
     width: 10px;
    border-radius: 0 8px 8px 0;
 }

  .article-content ul.contbox li[cont04after] {
     background-color: var(--ok-acid);
     color: var(--ok-col-base-blue);
     box-shadow: 0px 0px 20px -10px rgb(0 0 0 / 40%);
}
     
  

.article-content ul.contbox li[cont04after] a {
   color: var(--ok-col-base-blue);
   text-decoration-color: rgb(37 47 65 / 40%);
    
   
}

.article-content ul.contbox li {
    padding-inline-start: 30px
}

ul.contbox[contbox01] > li {
   background-color: #ffffff;
   margin-block: 0;
}
ul.contbox[data-contbox01] > li {
   background-color: #ffffff;
   margin-block: 0;
}

[contbox02] li::before {
    display: none;
}

ul[contbox02].contbox {
    gap: 2px;
     border: 0px solid #ffffff;
    background: var(--ok-col-acent-red);
    padding: 0px;
    border-radius: 32px;
    overflow: hidden;
    box-shadow: inset 0px 0px 0px 20px rgb(255 255 255), 0px 0px 20px -10px rgb(0 0 0 / 30%);
}

ul[contbox02].contbox li {
    background: #ffffff;
    border-radius: 0px;
    padding-block: 40px;
    padding-inline: 50px;
    box-shadow: none;
    border-radius: 3px;
    margin-block: 0;
}

[contbox01][cont02after]::after {
   display: flex;
   content: "";
     background-color: var(--ok-col-bg-light);
   grid-area: k / k / h / c;
   border-radius: 16px;
  box-shadow: 0 0 0 18px var(--ok-col-bg-light);
}
[data-contbox01][data-cont02after]::after {
   display: flex;
   content: "";
     background-color: var(--ok-col-bg-light);
   grid-area: k / k / h / c;
   border-radius: 16px;
  box-shadow: 0 0 0 18px var(--ok-col-bg-light);
}


@media screen and (min-width: 701px) and (max-width: 2400px) {
    .i {
        grid-area: i;
    }
   .j {
        grid-area: j;
    }
   .l {
        grid-area: l;
    }
}


 .no-h-name {
     display: grid;
     position: relative;
     place-content: center;
     text-align: center;
     padding-inline: clamp(0px, -6300.0000px + 900.0000vw, 45px);
     margin-block: clamp(40px, 15.3430px + 1.8051vw, 50px);
     font-size: clamp(1.6rem, -0.7343rem + 3.0171vw, 2.66rem);
     font-family: 'Literata', verdana;
     font-weight: 760;
     font-optical-sizing: none;
     line-height: 1em;
     letter-spacing: -.022em;
     word-spacing: 0.033em;
     hyphens: auto;
     hyphenate-limit-chars: 16 8 8;
     color: var(--ok-col-base-blue);
 }

 .p-link-name {
  text-align: left;
  font-size: clamp(1.1rem, -0.3500rem + 1.6000vw, 1.45rem);
  font-weight: 696;
  text-transform: none;
  font-family: 'Literata', verdana;
  line-height: 1.47em;
  letter-spacing: -.0211em;
  word-spacing: 0.155em;
  font-optical-sizing: none;
  color: var(--ok-col-base-blue);
 }

.p-link-name a:-webkit-any-link {
 color: var(--ok-col-base-blue);
 background-color: transparent;
 text-decoration-color: var(--ok-col-base-blue);
 text-decoration-thickness: 0.11em;
 text-decoration-line: underline;
 text-underline-position: under;
 text-underline-offset: -2px;
 text-decoration-skip-ink: auto;
}


div[class="wrapper"].wrapper article span[class="p-link-name"].p-link-name a[href]:-webkit-any-link::after {
    content: "";
    -webkit-clip-path: polygon(25% 0, 25% 25%, 75% 25%, 75% 75%, 50% 75%, 50% 50%, 25% 50%, 25% 75%, 100% 75%, 100% 0%);
    clip-path: polygon(25% 0, 25% 25%, 75% 25%, 75% 75%, 50% 75%, 50% 50%, 25% 50%, 25% 75%, 100% 75%, 100% 0%);
    background-color: currentcolor;
    color: #252f41;
    opacity: inherit;
    display: inline-block;
    position: relative;
    width: var(--link-side-lent);
    height: var(--link-side-lent);
    --link-side-lent: calc(1em / 1.9);
    margin: 0 0 0.65ch -0.0ch;
}


ul.type-b[basic02column] {
  display: block;
  column-count: 2;
  column-rule: 1px solid hsl(218deg 26% 20% / 10%);
  column-gap: 4vw;
  column-fill: balance;
  padding-inline-end: 3vw;
 }

:is(ul, ol).type-b[basic02column] > li {
    width: 92%;
  
} 

ul.type-b[basic03column] {
  display: block;
  column-count: 3;
  column-rule: 1px solid hsl(218deg 26% 20% / 10%);
  column-gap: 3vw;
  column-fill: balance;
 }

:is(ul, ol).type-b[basic03column] > li {
    width: 85%;
    margin-left: 9%;
} 

[contbox01][cont02before]::before {
   display: flex;
   content: "";
   background: var(--ok-acid);
  
   grid-area: j / j / j / j;
   border-radius: 16px;
  
   box-shadow: 0 0 0 18px var(--ok-acid);
}
[data-contbox01][data-cont02before]::before {
   display: flex;
   content: "";
   background: var(--ok-acid);
  
   grid-area: j / j / j / j;
   border-radius: 16px;
  
   box-shadow: 0 0 0 18px var(--ok-acid);
}




ul:is([golink-dir], [golink-list], [data-golink-dir], [data-golink-list]).buttons-list-sublnk {
 display: flex; 
}

.article-content ul:is([golink-dir], [golink-list], [data-golink-dir], [data-golink-list]).buttons-list-sublnk li:has(div) {
 width: 49%;
 max-width: 50%;
 display: flex;
 justify-content: space-between;
}

ul:is([golink-dir], [golink-list], [data-golink-dir], [data-golink-list]).buttons-list-sublnk li > div {
 display: flex;
 position: relative;
 flex-direction: row;
 align-items: center;
 justify-content: space-between;
 width: 100%;
 padding-inline: 3em;
 cursor: pointer;
 gap: 2vw;
}

.article-content ul:is([golink-dir], [golink-list], [data-golink-dir], [data-golink-list]).buttons-list-sublnk li a {
 padding-inline: 0;
 text-decoration: none;
 display: flex;
 text-transform: uppercase;
 text-align: start;
 line-height: 1.36em;
}


ul[golink-dir].buttons-list-sublnk li > div::after {
    content: "";
    -webkit-clip-path: polygon(0 45%, 0 55%, 81% 55%, 69% 67%, 76% 74%, 100% 50%, 76% 26%, 69% 33%, 81% 45%);
    clip-path: polygon(0 45%, 0 55%, 81% 55%, 69% 67%, 76% 74%, 100% 50%, 76% 26%, 69% 33%, 81% 45%);
    background-color: var(--ok-col-acent-red);
    display: inline-block;
    position: relative;
    width: var(--link-side-lent);
    height: var(--link-side-lent);
    min-width: var(--link-side-lent);
    --link-side-lent: 2em;
    transition: all 0.3s linear;
    transition-delay: 0.1s;
}

ul[golink-dir].buttons-list-sublnk li > div:hover::after {
    transform: translateX(1.5vw);
    transition: all 0.4s cubic-bezier(0.53, 0.01, 0.24, 0.99);
}

ul[golink-dir].buttons-list-sublnk:has(li:last-child:not(:nth-child(even)))::after {
  content: "";
  display: flex;
  background: #ffffff;
  flex: auto;
  width: 49%;
  max-width: 50%;
}



ul[data-golink-dir].buttons-list-sublnk li > div::after {
    content: "";
    -webkit-clip-path: polygon(0 45%, 0 55%, 81% 55%, 69% 67%, 76% 74%, 100% 50%, 76% 26%, 69% 33%, 81% 45%);
    clip-path: polygon(0 45%, 0 55%, 81% 55%, 69% 67%, 76% 74%, 100% 50%, 76% 26%, 69% 33%, 81% 45%);
    background-color: var(--ok-col-acent-red);
    display: inline-block;
    position: relative;
    width: var(--link-side-lent);
    height: var(--link-side-lent);
    min-width: var(--link-side-lent);
    --link-side-lent: 2em;
    transition: all 0.3s linear;
    transition-delay: 0.1s;
}

ul[data-golink-dir].buttons-list-sublnk li > div:hover::after {
    transform: translateX(1.5vw);
    transition: all 0.4s cubic-bezier(0.53, 0.01, 0.24, 0.99);
}

ul[data-golink-dir].buttons-list-sublnk:has(li:last-child:not(:nth-child(even)))::after {
  content: "";
  display: flex;
  background: #ffffff;
  flex: auto;
  width: 49%;
  max-width: 50%;
}


.article-content ul[golink-list].buttons-list-sublnk li div a {
    padding-inline: 0;
    text-decoration: underline;
    text-underline-position: auto;
    text-underline-offset: 0.0888em;
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-decoration-skip-ink: inherit;
    text-decoration-style: solid;
    text-decoration-color: rgb(37 47 65 / 20%);
    background-color: transparent;
    text-transform: none;
    text-align: center;
}

ul[golink-list].buttons-list-sublnk li > div {
 justify-content: center;
}

.article-content ul[golink-list].buttons-list-sublnk li:has(div) {
 width: auto;
 max-width: unset;
 display: flex;
 justify-content: space-between;
}

.article-content ul[data-golink-list].buttons-list-sublnk li div a {
    padding-inline: 0;
    text-decoration: underline;
    text-underline-position: auto;
    text-underline-offset: 0.0888em;
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-decoration-skip-ink: inherit;
    text-decoration-style: solid;
    text-decoration-color: rgb(37 47 65 / 20%);
    background-color: transparent;
    text-transform: none;
    text-align: center;
}

ul[data-golink-list].buttons-list-sublnk li > div {
 justify-content: center;
}

.article-content ul[data-golink-list].buttons-list-sublnk li:has(div) {
 width: auto;
 max-width: unset;
 display: flex;
 justify-content: space-between;
}

.article-content ul[golink-list].buttons-list-sublnk li div a::after {
    content: "";
    -webkit-clip-path: polygon(25% 0, 25% 25%, 75% 25%, 75% 75%, 50% 75%, 50% 50%, 25% 50%, 25% 75%, 100% 75%, 100% 0%);
    clip-path: polygon(25% 0, 25% 25%, 75% 25%, 75% 75%, 50% 75%, 50% 50%, 25% 50%, 25% 75%, 100% 75%, 100% 0%);
    background-color: currentcolor;
    color: inherit;
    opacity: inherit;
    display: inline-block;
    position: relative;
    width: var(--link-side-lent);
    height: var(--link-side-lent);
    --link-side-lent: calc(1em / 1.555);
    margin: 0 0 0.75ch 0.25ch;
    opacity: 0.4;
}

.article-content ul[golink-list].buttons-list-sublnk li div:hover a::after {
   opacity: 1;
}

.article-content ul[data-golink-list].buttons-list-sublnk li div a::after {
    content: "";
    -webkit-clip-path: polygon(25% 0, 25% 25%, 75% 25%, 75% 75%, 50% 75%, 50% 50%, 25% 50%, 25% 75%, 100% 75%, 100% 0%);
    clip-path: polygon(25% 0, 25% 25%, 75% 25%, 75% 75%, 50% 75%, 50% 50%, 25% 50%, 25% 75%, 100% 75%, 100% 0%);
    background-color: currentcolor;
    color: inherit;
    opacity: inherit;
    display: inline-block;
    position: relative;
    width: var(--link-side-lent);
    height: var(--link-side-lent);
    --link-side-lent: calc(1em / 1.555);
    margin: 0 0 0.75ch 0.25ch;
    opacity: 0.4;
}

.article-content ul[data-golink-list].buttons-list-sublnk li div:hover a::after {
   opacity: 1;
}




[contbox03] li::before {
    display: none;
}

ul[contbox03].contbox {
    gap: 2px;
    grid-template-columns: repeat(auto-fill, minmax(6%, 1fr));
        border: 0px solid #ffffff;
    background: var(--ok-col-base-blue);
    background: var(--ok-col-base-blue);
    padding: 0px;
    border-radius: 32px;
    overflow: hidden;
    box-shadow: inset 0px 0px 0px 20px rgb(255 255 255), 0px 0px 20px -10px rgb(0 0 0 / 30%);
}

ul[contbox03].contbox li {
    background: #ffffff;
    border-radius: 0px;
    padding-block: 40px;
    padding-inline: 50px;
    box-shadow: none;
    border-radius: 3px;
    width: 100%;
    margin-block: 0;
}

[contbox03] [cont07img] img {
 display: flex;
 padding: 0;
 margin: 0;
 width: 100%;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}

ul[contbox03] li[cont07img]:has( > div) {
 background-position: center;
 background-size: cover;
 padding: 0;
 margin: 0;
 overflow: hidden;
}

ul[contbox03] li[cont08img] {
    background: var(--ok-col-base-blue);
   
    background: var(--ok-col-base-blue);
    color: #f1f1f1;
    font-weight: 570;
    letter-spacing: -.00666em;
   
}

ul[contbox02] li[cont09img] {
   
    background: transparent;
   
    color: #f1f1f1;
    font-weight: 570;
    letter-spacing: -.00666em;
    
}

ul:is([contbox02], [contbox03]) li:is([cont08img], [cont09img]) a:-webkit-any-link {
 color: #f1f1f1;
 text-decoration-color: #f1f1f180;
}

ul[contbox03] li[cont08img][dwn-br]::after {
 content: "";
 position: absolute;
 
 width: 100%;
 height: 6px;
 background: var(--ok-col-base-blue);

 bottom: -4px;
 left: 0px;
 
 border-left: 0;
 
}


ul[et-blue].type-e:has(li:only-child) {
 padding-block: 1vw;
 padding-inline: 1vw;
 border-radius: 1.4vw;
}

ul[et-blue].type-e:has(li:only-child) > li {
  border: 5px solid var(--ok-col-base-blue);
  border-radius: 1.1vw;
  padding-inline: 1.2vw;
  padding-block: 1.2vw;
  width: 100%;
  justify-content: center;
}

ul[et-blue].type-e:has(li:only-child) > li::after, ul[et-blue].type-e:has(li:only-child) > li::before {
 content: none;
}

ul[et-obvod].type-e:has(li:only-child) {
 padding-block: 1.4vw;
 padding-inline: 1.4vw;
 border-radius: 1.4vw;
  box-shadow: 0px 0px 20px -10px rgb(0 0 0 / 30%), 0px 0px 0px 18px  var(--ok-col-bg-light), inset 0 0 0 0 var(--ok-col-bg-light);
}

ul[et-obvod].type-e:has(li:only-child) > li {
    border-radius: 1.3vw;
  padding-inline: 0vw;
  padding-block: 0vw;
}

ul[et-obvod].type-e:has(li:only-child) > li::after, ul[et-obvod].type-e:has(li:only-child) > li::before {
 content: none;
}

ul[data-et-obvod].type-e:has(li:only-child) {
 padding-block: 1.4vw;
 padding-inline: 1.4vw;
 border-radius: 1.4vw;
  box-shadow: 0px 0px 20px -10px rgb(0 0 0 / 30%), 0px 0px 0px 18px  var(--ok-col-bg-light), inset 0 0 0 0 var(--ok-col-bg-light);
}

ul[data-et-obvod].type-e:has(li:only-child) > li {
    border-radius: 1.3vw;
  padding-inline: 0vw;
  padding-block: 0vw;
}

ul[data-et-obvod].type-e:has(li:only-child) > li::after, ul[data-et-obvod].type-e:has(li:only-child) > li::before {
 content: none;
}

ul[et-obvod-aic].type-e:has(li:only-child) {
 padding-block: 1.4vw;
 padding-inline: 1.4vw;
 border-radius: 1.4vw;
 box-shadow: 0px 0px 0px rgb(0 0 0 / 30%), 0px 0px 0px 18px  var(--ok-col-bg-light), inset 0 0 0 0 var(--ok-col-bg-light);
}

ul[et-obvod-aic].type-e:has(li:only-child) > li {
   border-radius: 1.3vw;
  padding-inline: 0vw;
  padding-block: 0vw;
}

ul[et-obvod-aic].type-e:has(li:only-child) > li::after, ul[et-obvod-aic].type-e:has(li:only-child) > li::before {
 content: none;
}


ul[et-filled].type-e:has(li:only-child) {
 padding-block: 0vw;
 padding-inline: 0vw;
 border-radius: 1.4vw;
  box-shadow: 0px 0px 20px -10px rgb(0 0 0 / 30%), 0 0 0 18px var(--ok-acid);
 overflow: hidden;
}

ul[et-filled].type-e:has(li:only-child) > li {
    border-radius: 0vw;
  padding-inline: 1.4vw;
  padding-block: 1.4vw;
   background-color: var(--ok-acid);
}

ul[et-filled].type-e:has(li:only-child) > li::after, ul[et-filled].type-e:has(li:only-child) > li::before {
 content: none;
}

ul[data-et-filled].type-e:has(li:only-child) {
 padding-block: 0vw;
 padding-inline: 0vw;
 border-radius: 1.4vw;
  box-shadow: 0px 0px 20px -10px rgb(0 0 0 / 30%), 0 0 0 18px var(--ok-acid);
 overflow: hidden;
}

ul[data-et-filled].type-e:has(li:only-child) > li {
    border-radius: 0vw;
  padding-inline: 1.4vw;
  padding-block: 1.4vw;
   background-color: var(--ok-acid);
}

ul[data-et-filled].type-e:has(li:only-child) > li::after, ul[data-et-filled].type-e:has(li:only-child) > li::before {
 content: none;
}

 ul.contbox[contbox01][desk] {
  display: grid;
 }
 ul.contbox[data-contbox01][data-desk] {
  display: grid;
 }
      ul.contbox[contbox01][mob] {
       display: none;
      }
      ul.contbox[data-contbox01][data-mob] {
       display: none;
      }

     ul.contbox[contbox02][desk] {
     display: grid;
     }
      ul.contbox[contbox02][mob] {
       display: none;
      }

     ul.contbox[contbox03][desk] {
     display: grid;
     }
      ul.contbox[contbox03][mob] {
       display: none;
      }

@media screen and (max-width: 700px) {
    .article-content ul.type-e li::before, .article-content ul.type-e li:nth-last-child(2)::after, .article-content ul.type-e li:last-child::after {
     width: calc(100% - 80px);
     min-width: calc(100% - 80px);
    }

    ul[et-blue].type-e:has(li:only-child) {
     border-radius: 22px;
     padding: 15px;
    }
    
    ul[et-blue].type-e:has(li:only-child) > li {
     border-radius: 16px;
     padding: 15px;
    }

    ul[et-obvod].type-e:has(li:only-child) {
     border-radius: 22px;
    }

    ul[et-obvod].type-e:has(li:only-child) > li {
     padding: 20px;
    }

    ul[data-et-obvod].type-e:has(li:only-child) {
     border-radius: 22px;
    }

    ul[data-et-obvod].type-e:has(li:only-child) > li {
     padding: 20px;
    }

    ul[et-filled].type-e:has(li:only-child) {
     border-radius: 22px;
    }

    ul[et-filled].type-e:has(li:only-child) > li {
     padding: 20px;
    }

    ul[data-et-filled].type-e:has(li:only-child) {
     border-radius: 22px;
    }

    ul[data-et-filled].type-e:has(li:only-child) > li {
     padding: 20px;
    }

    ul.type-b:is([basic02column], [basic03column]) {
     column-count: 1;
    }
    
     :is(ul, ol).type-b:is([basic02column], [basic03column]) > li {
      width: 90%;
      margin-left: 3%;
    }

     .article-content ul:is([golink-dir], [golink-list], [data-golink-dir], [data-golink-list]).buttons-list-sublnk li:has(div) {
      width: 100%;
      max-width: 100%;
     }

      ul:is([golink-dir], [golink-list], [data-golink-dir], [data-golink-list]).buttons-list-sublnk li > div {
       padding-inline: 7vw;
       gap: 5vw;
      }
 
      ul[golink-dir].buttons-list-sublnk li > div:hover::after {
       transform: none;
      }

      ul[golink-dir].buttons-list-sublnk li > div:active::after {
       transform: translateX(4vw);
      }

      ul[data-golink-dir].buttons-list-sublnk li > div:hover::after {
       transform: none;
      }

      ul[data-golink-dir].buttons-list-sublnk li > div:active::after {
       transform: translateX(4vw);
      }

     ul.contbox[contbox01][desk] {
      display: none;
     }
      ul.contbox[contbox01][mob] {
       display: grid;
       gap: 20px;
      }
      ul.contbox[data-contbox01][data-desk] {
      display: none;
     }
      ul.contbox[data-contbox01][data-mob] {
       display: grid;
       gap: 20px;
      }


    .a {
        grid-area: a;
    }

    .b {
        grid-area: b;
    }

    .c {
        grid-area: c;
    }

    .d {
        grid-area: d;
    }

    .e {
        grid-area: e;
    }

    .f {
        grid-area: f;
    }

    .g {
        grid-area: g;
    }

    .h {
        grid-area: h;
    }

    .k {
        grid-area: k;
    }

    .i {
        grid-area: i;
    }
 
   .j {
        grid-area: j;
    }
 
   .l {
        grid-area: l;
    }

       [contbox01][mob][cont02before]::before {
       grid-area: j;
       box-shadow: 0 0 0 10px var(--ok-acid);
       border-radius: 15px;
       }

       [contbox01][mob][cont02before]::after {
       grid-area: b / b / c / b;
       box-shadow: 0 0 0 10px var(--ok-col-bg-light);
       border-radius: 15px;
       }
       [data-contbox01][data-mob][data-cont02before]::before {
       grid-area: j;
       box-shadow: 0 0 0 10px var(--ok-acid);
       border-radius: 15px;
       }

       [data-contbox01][data-mob][data-cont02before]::after {
       grid-area: b / b / c / b;
       box-shadow: 0 0 0 10px var(--ok-col-bg-light);
       border-radius: 15px;
       }

      ul.contbox[contbox02][desk] {
      display: none;
      }
      ul.contbox[contbox02][mob] {
       display: grid;
       border-radius: 22px;
      }
      ul[contbox02] li[cont09img] {
      background: transparent;
      background: var(--ok-col-acent-red);
      }
      ul[contbox02].contbox li {
       padding-block: 25px;
       padding-inline: 35px;
      }

      ul.contbox[contbox03][desk] {
      display: none;
      }
      ul.contbox[contbox03][mob] {
       display: grid;
       border-radius: 22px;
       grid-template-columns: auto;
      }

      ul[contbox03] li[cont07img]:has( > div) {
      }

       [contbox03] [cont07img] img {
        width: 100%;
        height: auto;
        position: unset;
        top: unset;
        left: unset;
        transform: unset;
       }

      ul[contbox03].contbox li {
       padding-block: 25px;
       padding-inline: 35px;
      }
}

.article-content ul:is([golink-dir], [golink-list], [data-golink-dir], [data-golink-list]).buttons-list-sublnk li:has(a) {
width: 49%;
max-width: 50%;
display: flex;
justify-content: space-between;
padding-inline: 0;
}
.article-content ul:is([golink-dir], [golink-list], [data-golink-dir], [data-golink-list]).buttons-list-sublnk li:has(a)::after {
content: none;
}
.article-content ul:is([golink-dir], [golink-list], [data-golink-dir], [data-golink-list]).buttons-list-sublnk li > a {
display: flex;
position: relative;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
padding-inline: 3em;
padding-block: 0;
cursor: pointer;
gap: 2vw;
}
.article-content ul[golink-dir].buttons-list-sublnk li > a::after {
content: "";
-webkit-clip-path: polygon(0 45%, 0 55%, 81% 55%, 69% 67%, 76% 74%, 100% 50%, 76% 26%, 69% 33%, 81% 45%);
clip-path: polygon(0 45%, 0 55%, 81% 55%, 69% 67%, 76% 74%, 100% 50%, 76% 26%, 69% 33%, 81% 45%);
background-color: var(--ok-col-acent-red);
display: inline-block;
position: relative;
width: var(--link-side-lent);
height: var(--link-side-lent);
min-width: var(--link-side-lent);
--link-side-lent: 2em;
transition: all 0.3s linear;
transition-delay: 0.1s;
}
.article-content ul[data-golink-dir].buttons-list-sublnk li > a::after {
content: "";
-webkit-clip-path: polygon(0 45%, 0 55%, 81% 55%, 69% 67%, 76% 74%, 100% 50%, 76% 26%, 69% 33%, 81% 45%);
clip-path: polygon(0 45%, 0 55%, 81% 55%, 69% 67%, 76% 74%, 100% 50%, 76% 26%, 69% 33%, 81% 45%);
background-color: var(--ok-col-acent-red);
display: inline-block;
position: relative;
width: var(--link-side-lent);
height: var(--link-side-lent);
min-width: var(--link-side-lent);
--link-side-lent: 2em;
transition: all 0.3s linear;
transition-delay: 0.1s;
}
.article-content ul[golink-dir].buttons-list-sublnk li > a:hover::after {
transform: translateX(1.5vw);
transition: all 0.4s cubic-bezier(0.53, 0.01, 0.24, 0.99);
}
.article-content ul[data-golink-dir].buttons-list-sublnk li > a:hover::after {
transform: translateX(1.5vw);
transition: all 0.4s cubic-bezier(0.53, 0.01, 0.24, 0.99);
}
.article-content ul[golink-dir].buttons-list-sublnk li span {
display: flex;
position: relative;
margin: 0;
padding-block: 23px;
padding-inline: 0;
background: none;
color: var(--ok-col-base-blue);
font-family: 'Nunito Sans', arial;
font-size: clamp(0.999999rem, 0.5443rem + 0.5029vw, 1.11rem);
font-weight: 695;
font-style: normal;
font-stretch: 90%;
font-variation-settings: "YTLC" 515;
font-optical-sizing: auto;
line-height: 1.36em;
letter-spacing: -.01666em;
word-spacing: 0.1333em;
text-decoration: none;
text-transform: uppercase;
text-align: start;
text-wrap: balance;
}
.article-content ul[data-golink-dir].buttons-list-sublnk li span {
display: flex;
position: relative;
margin: 0;
padding-block: 23px;
padding-inline: 0;
background: none;
color: var(--ok-col-base-blue);
font-family: 'Nunito Sans', arial;
font-size: clamp(0.999999rem, 0.5443rem + 0.5029vw, 1.11rem);
font-weight: 695;
font-style: normal;
font-stretch: 90%;
font-variation-settings: "YTLC" 515;
font-optical-sizing: auto;
line-height: 1.36em;
letter-spacing: -.01666em;
word-spacing: 0.1333em;
text-decoration: none;
text-transform: uppercase;
text-align: start;
text-wrap: balance;
}
@media screen and (max-width: 700px) {
    .article-content ul:is([golink-dir], [golink-list], [data-golink-dir], [data-golink-list]).buttons-list-sublnk li > a {
    padding-inline: 7vw;
    gap: 5vw;
    }
    .article-content ul[golink-dir].buttons-list-sublnk li > a:hover::after {
        transform: none;
    }
    .article-content ul[golink-dir].buttons-list-sublnk li > a:active::after {
        transform: translateX(4vw);
    }
    .article-content ul[data-golink-dir].buttons-list-sublnk li > a:hover::after {
        transform: none;
    }
    .article-content ul[data-golink-dir].buttons-list-sublnk li > a:active::after {
        transform: translateX(4vw);
    }
    .article-content ul:is([golink-dir], [golink-list], [data-golink-dir], [data-golink-list]).buttons-list-sublnk li:has(a) {
    width: 100%;
    max-width: 100%;
    }
}

#doc_desc [golink-dir].buttons-list-sublnk li > div:not(:has(a)) {
    letter-spacing: -.01666em;
    word-spacing: 0.1333em;
    font-weight: 695;
    font-style: normal;
    font-stretch: 90%;
    font-variation-settings: "YTLC" 515;
    font-optical-sizing: auto;
    margin: 0px 0px 0px 0px;
    background: none;
    font-family: 'Nunito Sans', arial;
    color: var(--ok-col-base-blue);
    font-size: clamp(0.999999rem, 0.5443rem + 0.5029vw, 1.11rem);
    padding-block: 23px;
    margin-block: 2px;
    position: relative;
    text-decoration-skip-ink: none;
    text-underline-position: auto;
    text-underline-offset: .9em;
    padding-inline: 3em;
    text-decoration: none;
    display: flex;
    text-transform: uppercase;
    text-align: start;
    line-height: 1.36em;
    text-wrap: balance;
    cursor: default;
}

#doc_desc [golink-dir].buttons-list-sublnk li > div:not(:has(a))::after {
    content: none;
}

@media screen and (max-width: 700px) {
    #doc_desc [golink-dir].buttons-list-sublnk li > div:not(:has(a)) {
    padding-inline: 7vw;
    }
}


/*************************************************************************/

.online-pads {
 display: flex;
 flex-direction: column;
 align-items: center;
 flex-wrap: nowrap;
 margin-inline: 20%;
 margin-block: 40px;
}

.pad-frame {
 display: flex;
 flex-direction: row;
 align-items: center;
 flex-wrap: nowrap;
 box-shadow: 0px 0px 20px -10px rgb(0 0 0 / 30%), 0px 0px 0px 3px rgb(238 40 85 / 0%), 0px 0px 0px 10px rgb(232 252 78 / 0%);
 width: 100%;
 height: clamp(240px, 92.058px + 10.83vw, 300px);
 border-radius: clamp(28px, 3.343px + 1.805vw, 38px);
 overflow: hidden;
 margin-block: clamp(20px, 7.671px + 0.903vw, 25px);
 background: var(--ok-grad-bg-foto);
}

.pad-foto {
 height: 100%;
}

.pad-foto img {
 height: 100%;
}

.pad-name {
    text-align: left;
    font-size: clamp(26px, 1.343px + 1.805vw, 36px);
    font-weight: 720;
    text-transform: none;
    font-family: 'Literata', verdana;
    line-height: 1.1em;
    letter-spacing: -.0211em;
    word-spacing: 0.155em;
    font-optical-sizing: none;
    color: #ffffff;
}

.pad-text {
 display: flex;
 flex-direction: column;
 flex-wrap: nowrap;
 width: 100%;
 height: 100%;
}

.pad-info {
 display: flex;
 flex-direction: column;
 height: 65%;
 justify-content: flex-end;
 padding-inline-start: 20px;
}

.pad-spec {
    text-align: left;
    font-size: clamp(20px, 5.206px + 1.083vw, 26px);
    font-weight: 760;
    text-transform: none;
    font-family: 'Literata', verdana;
    line-height: 1.47em;
    letter-spacing: -.0211em;
    word-spacing: 0.155em;
    font-optical-sizing: none;
    color: var(--ok-col-base-blue);
    margin-block-start: 10px;
}

.pad-sign {
    display: flex;
    flex-direction: row;
    height: 35%;
    align-items: flex-end;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 4%;
}

.pad-but {
 background: var(--ok-col-base-blue);
 padding-block: 2%;
 border-radius: 1.6vw 1.6vw 0 0;
 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
 align-items: center;
 width: 90%;
 justify-content: center;
 transition: 0.3s cubic-bezier(0.82, 0, 1, 1);
 cursor: pointer;
 height: 75%;
}

.pad-but:hover {
 background: var(--ok-col-acent-red);
 transition: 0.1s cubic-bezier(0.82, 0, 1, 1);
}

.pad-but span {
    text-align: left;
    font-size: clamp(1.1rem, -0.3500rem + 1.6000vw, 1.45rem);
    font-weight: 696;
    text-transform: none;
    font-family: 'Literata', verdana;
    line-height: 1.47em;
    letter-spacing: -.0211em;
    word-spacing: 0.155em;
    font-optical-sizing: none;
    color: var(--ok-col-base-blue);
    color: #ffffff;
}

.pad-but span:nth-child(2) {
    font-size: clamp(1.85rem, 0.1929rem + 1.8286vw, 2.25rem);
    padding-inline-end: 5px;
    padding-inline-start: 20px;
}

.pad-prof {
  display: flex;
  position: absolute;
  margin-inline-start: 1%;
  margin-block-start: 1%;
  transform: rotate(130deg);
  transition: 0.3s cubic-bezier(0.59, 1.01, 1, 1);
  opacity: 0;
}

.pad-foto a {
 cursor: pointer;
}

.pad-foto:hover .pad-prof {
 transform: rotate(0deg);
 opacity: 1;
}

.online-pads {
 display: flex;
 flex-direction: column;
 align-items: center;
 flex-wrap: nowrap;
 margin-inline: 20%;
 margin-block: 40px;
}

.pad-frame {
 display: flex;
 flex-direction: row;
 align-items: center;
 flex-wrap: nowrap;
 box-shadow: 0px 0px 20px -10px rgb(0 0 0 / 30%), 0px 0px 0px 3px rgb(238 40 85 / 0%), 0px 0px 0px 10px rgb(232 252 78 / 0%);
 width: 100%;
 height: clamp(240px, 92.058px + 10.83vw, 300px);
 border-radius: clamp(28px, 3.343px + 1.805vw, 38px);
 overflow: hidden;
 margin-block: clamp(20px, 7.671px + 0.903vw, 25px);
 background: var(--ok-grad-bg-foto);
}

.pad-foto {
 height: 100%;
}

.pad-foto img {
 height: 100%;
}

.pad-name {
    text-align: left;
    font-size: clamp(26px, 1.343px + 1.805vw, 36px);
    font-weight: 720;
    text-transform: none;
    font-family: 'Literata', verdana;
    line-height: 1.1em;
    letter-spacing: -.0211em;
    word-spacing: 0.155em;
    font-optical-sizing: none;
    color: #ffffff;
}

.pad-text {
 display: flex;
 flex-direction: column;
 flex-wrap: nowrap;
 width: 100%;
 height: 100%;
}

.pad-info {
 display: flex;
 flex-direction: column;
 height: 65%;
 justify-content: flex-end;
 padding-inline-start: 20px;
}

.pad-spec {
    text-align: left;
    font-size: clamp(20px, 5.206px + 1.083vw, 26px);
    font-weight: 760;
    text-transform: none;
    font-family: 'Literata', verdana;
    line-height: 1.47em;
    letter-spacing: -.0211em;
    word-spacing: 0.155em;
    font-optical-sizing: none;
    color: var(--ok-col-base-blue);
    margin-block-start: 10px;
}

.pad-sign {
    display: flex;
    flex-direction: row;
    height: 35%;
    align-items: flex-end;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 4%;
}

.pad-but {
 background: var(--ok-col-base-blue);
 padding-block: 2%;
 border-radius: 1.6vw 1.6vw 0 0;
 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
 align-items: center;
 width: 90%;
 justify-content: center;
 transition: 0.3s cubic-bezier(0.82, 0, 1, 1);
 cursor: pointer;
 height: 75%;
 text-decoration: none;
}

.pad-but:hover {
 background: var(--ok-col-acent-red);
 transition: 0.1s cubic-bezier(0.82, 0, 1, 1);
 text-decoration: none;
}

.pad-but a {
    text-align: left;
    font-size: clamp(1.1rem, -0.3500rem + 1.6000vw, 1.45rem);
    font-weight: 696;
    text-transform: none;
    font-family: 'Literata', verdana;
    line-height: 1.47em;
    letter-spacing: -.0211em;
    word-spacing: 0.155em;
    font-optical-sizing: none;
    color: var(--ok-col-base-blue);
    color: #ffffff;
    text-decoration: none;
}

.pad-but span {
    text-align: left;
    font-size: clamp(1.1rem, -0.3500rem + 1.6000vw, 1.45rem);
    font-weight: 696;
    text-transform: none;
    font-family: 'Literata', verdana;
    line-height: 1.47em;
    letter-spacing: -.0211em;
    word-spacing: 0.155em;
    font-optical-sizing: none;
    color: var(--ok-col-base-blue);
    color: #ffffff;
}

.pad-but span:nth-child(2) {
    font-size: clamp(1.85rem, 0.1929rem + 1.8286vw, 2.25rem);
    padding-inline-end: 5px;
    padding-inline-start: 20px;
}

.pad-prof {
  display: flex;
  position: absolute;
  margin-inline-start: 1%;
  margin-block-start: 1%;
  transform: rotate(130deg);
  transition: 0.3s cubic-bezier(0.59, 1.01, 1, 1);
  opacity: 0;
}

.pad-foto a {
 cursor: pointer;
}

.pad-foto:hover .pad-prof {
 transform: rotate(0deg);
 opacity: 1;
}

@media screen and (max-width: 700px) {
       .online-pads {
          margin-inline: 12%;
          margin-block: 0;
        }

    .pad-frame {
     display: flex;
     flex-direction: column;
     align-items: center;
     flex-wrap: nowrap;
     width: 100%;
     max-width: 300px;
     height: 131vw;
     max-height: 516px;
     border-radius: clamp(28px, 3.343px + 1.805vw, 38px);
     overflow: auto;
     background: #ffffff;
     }

        .pad-foto {
        width: 100%;
        overflow: hidden;
        height: 55%;
        display: flex;
        flex-direction: row-reverse;
        }
      .pad-foto img {
       height: auto;
       width: 100%;
      }

     .pad-text {
      height: 45%;
     }

     .pad-info {
      padding-inline: 20px;
      height: 70%;
      padding-block-end: 0;
      padding-block-start: 0px;
      overflow: hidden;
     }

     .pad-name {
      color: var(--ok-col-base-blue);
      font-size: 24px;
      text-align: center;
     }

     .pad-spec {
      text-align: center;
      border-block-start: 1px solid #252f4121;
      margin-block-start: 12px;
      padding-block-start: 12px;
      font-size: 18px;
     }

     .pad-but {
      width: 100%;
      padding-block: 20px;
      height: 85%;
     }

    .pad-prof {
     transition: none;
     transform: none;
     opacity: 1;
     margin-inline-end: 3%;
     margin-block-start: 3%;
    }
 
}