:root {
    --black:            #000;
    --white:            #fff;
    --nav-cts:          10px;
    --nav-bh:           25px;
    --ctn-max-full:     1176px;  
    --spacer-0:         0px;
    --spacer-01q:       3px; 
    --spacer-1:         4px;
    --spacer-n12q:      -6px;
    --spacer-12q:       6px;
    --spacer-2:         8px;
    --spacer-23q:       12px;
    --spacer-n23q:      -12px;
    --spacer-3:         16px;
    --spacer-34q:       20px;
    --spacer-4:         24px;
    --spacer-45q:       42px;
    --spacer-5:         48px;
    --spacer-56q:       56px;
    --spacer-6:         72px;

    --border-rad:       15px;
    --border-rad-mini:  7px;
    --border-rad-nano:  3px;
}

body,
html {
    margin: 0;
    padding: 0;
}

html {
    position: relative;
    min-height: 100%;

    scroll-behavior: smooth;
}

body {
    color: #444;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-top: 40px;
    width: 100%;
}

a {
    color: #286fd7;
}

a:hover,
a:focus {
    color: #2059ac;
    text-decoration: none;
}

a code {
    color: #286fd7;
}

a.feature-link {
    color: #262362;
}

a.feature-link:hover,
a.feature-link:focus {
    color: #2059ac;
    text-decoration: none;
}

span {
    color: #262362;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #444;
    font-weight: 400;
}

h1 code,
h2 code,
h3 code,
h4 code,
h5 code,
h6 code {
    color: #444;
    background: transparent;
}

h1 {
    font-size: 30px;
    margin-top: 40px;
    margin-bottom: 40px;
}

h2 {
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 30px;
}

h2 code {
    font-size: 24px;
}

h3 {
    font-size: 20px;
    margin-top: 24px;
    margin-bottom: 24px;
}

h3 code {
    font-size: 20px;
}

h4 {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 20px;
}

h4 code {
    font-size: 18px;
}

p,
li {
    font-size: 14px;
    line-height: 22px;
}

.info-text {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.info-users-text {
    margin: 0 0 0 0;
    color: #666;
    font-size: 16px;
    line-height: 24px;
}

code {
    font-family: "Source Code Pro", monospace;
    font-size: 13px;
}

.btn {
    color: #444;
    background-color: #fff;
}

.btn-inverse {
    color: #444;
    background-color: #fff;
}

.well {
    box-shadow: none;
}

table {
    width: 100%;
}

table td,
table th {
    border: 1px solid #ddd;
    padding: 8px;
}

table tr:nth-child(even) {
    background-color: #eee;
}

table th {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #262362;
    color: #fff;
}

.blog-meta {
    margin-top: 10px;
    margin-bottom: 20px;
}

.docs-content * img {
    display: block;
    margin: 20px auto;
}

.blog-content * img {
    display: block;
    margin: 20px auto;
}

.blog-content.attribution,
.blog-content figcaption {

    display: block;
    margin-top: 6px;
    padding-top: 0px;

    text-align: center;
    font-style: italic;
    color: #666;
}

.blog-content * img:has(+ .attribution),
.blog-content * img:has(+ figcaption) {

    margin-bottom: 0px;
}

.blog-content .attribution,
.blog-content figcaption {

    margin-top: 0px;

    margin-bottom: 1em;
}

.blog-content details {
    margin-left: 2em;
    margin-right: 2em;
    border: 1px solid #ccc;
    border-radius: 0.33em;
    padding: 1em;
    margin-bottom: 1em;
}

.blog-content details > summary:first-child,
.blog-content details > summary:first-child > :first-child {
    margin-top: 0px;
}

.blog-content details > :not(summary):last-child {
    margin-bottom: 0px;
}

.blog-content details:not([open]) > summary > * :last-child {
    margin-bottom: 0px;
}

.blog-content details > summary:first-child {
    cursor: pointer;

    border-bottom: 0px;
    margin-bottom: 0em;
}

.blog-content details[open] > summary:first-child {
    border-bottom: 1px dashed #ccc;
    margin-bottom: 1em;
}

.blog-content details > summary:first-child {
    padding-left: 1em;
    position: relative;
}

.blog-content details > summary:first-child:before {
    content: '';
    border-width: .4rem;
    border-style: solid;
    border-color: transparent transparent transparent #333;
    position: absolute;
    top: 0.5em;
    left: 0px;
    transform-origin: .2rem 50%;
    transition: .25s transform ease;
}

.blog-content details:not([open])>summary:before {
    transform: rotate(0);
}

.blog-content details[open]>summary:before {
    transform: rotate(90deg);
}

.blog-content .footnotes:has(li) {
    margin-top: 2em;
    border-top: 1px dotted #ccc;
    padding-top: 2em;
}

.users-content {

    padding-left: 15%;
    padding-right: 15%;
}

.row.display-flex {

    display: flex;
    flex-wrap: wrap;
}

.row.display-flex>[class *='col-'] {
    flex-grow: 1;
}

.no-space {

    margin: 0px auto;
    padding: 0px;
}

.img-vert-center {

    margin: 0px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.panel-solution h2 {

    margin-top: 1em;
    margin-bottom: 1em;
}

.panel-default h2 {

    margin-top: 0em;
    margin-bottom: 1em;
}

@media(min-width: 480px) {

    .panel-solution {
        height: 300px;
    }
}

@media(min-width: 600px) {

    .panel-solution {
        height: 260px;
    }
}

@media(min-width: 768px) {

    .panel-solution {
        height: 240px;
    }
}

@media(min-width: 992px) {

    .panel-solution {
        height: 330px;
    }

    .img-vert-center {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

@media(min-width: 1200px) {

    .panel-solution {
        height: 300px;
    }
}

.navbar {
    min-height: 35px !important;
}

.navbar-inverse {

    background-color:   #1e1e1e;
    border-bottom:      1px solid #1e1e1e;
}

.navbar-inverse .navbar-brand > a {
    color: #fff;
}

.navbar-inverse .navbar-brand > a:focus,
.navbar-inverse .navbar-brand > a:hover {
    color: #fff;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
    color: #e6e6e6;
}

.navbar-inverse .navbar-nav .nav-icon {
    font-size: 18px;
}

.sidebar {
    margin-top: 40px;
}

.sidebar ul.sidebar-nav {
    list-style-type: none;
    padding: 0;
    transition: height 0.01s;
}

.sidebar ul.sidebar-nav li.sidebar-nav-heading {
    padding: 10px 0;
    margin: 0;
    display: block;
    font-size: 16px;
    font-weight: 300;
}

.sidebar ul.sidebar-nav li a {
    padding: 4px 0;
    display: block;
    border-right: 2px solid #fff;
}

.sidebar ul.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar ul.sidebar-nav li a.caret {
    float: right;
    margin-top: 8px;
    margin-right: 10px;
}

.sidebar ul.sidebar-nav li.active a {
    border-left: 2px solid #66bb6a;
    padding-left: 6px;
}

.sidebar ul.sidebar-nav ul.sidebar-nav {
    padding-left: 10px;
}

@media (min-width: 992px) {
    .sidebar-toggle {
        display: none;
    }

    .sidebar.collapse {
        display: block;
    }
}

.footer {
    margin-top: var(--spacer-3);
    background-color: #222;
    color: #fff;
    padding: 20px;
    position: relative;
}

.footer .onlywide {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.footer a {
    display: inline-block !important;
    text-transform: capitalize;
    color: var(--white); 

    margin-top:     var(--spacer-0)     !important;
    margin-bottom:  var(--spacer-2)   !important;
    margin-right:   var(--spacer-23q)   !important;
    margin-left:    var(--spacer-0)     !important;
}

.footer a:hover,
.footer a:focus {
    color: #e6e6e6;
}

.highlight table td {
    padding: 5px;
}

.highlight table pre {
    margin: 0;
}

.highlight.cm {
    color: #999988;
    font-style: italic;
}

.highlight .cp {
    color: #999999;
    font-weight: bold;
}

.highlight.c1 {
    color: #999988;
    font-style: italic;
}

.highlight .cs {
    color: #999999;
    font-weight: bold;
    font-style: italic;
}

.highlight.c,
.highlight.ch,
.highlight.cd,
.highlight.cpf {
    color: #999988;
    font-style: italic;
}

.highlight .err {
    color: #a61717;
    background-color: #e3d2d2;
}

.highlight.gd {
    color: #000000;
    background-color: #ffdddd;
}

.highlight.ge {
    color: #000000;
    font-style: italic;
}

.highlight .gr {
    color: #aa0000;
}

.highlight.gh {
    color: #999999;
}

.highlight .gi {
    color: #000000;
    background-color: #ddffdd;
}

.highlight.go {
    color: #888888;
}

.highlight .gp {
    color: #555555;
}

.highlight.gs {
    font-weight: bold;
}

.highlight.gu {
    color: #aaaaaa;
}

.highlight.gt {
    color: #aa0000;
}

.highlight.kc {
    color: #000000;
    font-weight: bold;
}

.highlight .kd {
    color: #000000;
    font-weight: bold;
}

.highlight.kn {
    color: #000000;
    font-weight: bold;
}

.highlight .kp {
    color: #000000;
    font-weight: bold;
}

.highlight.kr {
    color: #000000;
    font-weight: bold;
}

.highlight .kt {
    color: #445588;
    font-weight: bold;
}

.highlight.k,
.highlight.kv {
    color: #000000;
    font-weight: bold;
}

.highlight .mf {
    color: #009999;
}

.highlight.mh {
    color: #009999;
}

.highlight .il {
    color: #009999;
}

.highlight.mi {
    color: #009999;
}

.highlight .mo {
    color: #009999;
}

.highlight.m,
.highlight.mb,
.highlight.mx {
    color: #009999;
}

.highlight .sb {
    color: #d14;
}

.highlight.sc {
    color: #d14;
}

.highlight.sd {
    color: #d14;
}

.highlight.s2 {
    color: #d14;
}

.highlight.se {
    color: #d14;
}

.highlight.sh {
    color: #d14;
}

.highlight.si {
    color: #d14;
}

.highlight.sx {
    color: #d14;
}

.highlight.sr {
    color: #009926;
}

.highlight .s1 {
    color: #d14;
}

.highlight.ss {
    color: #990073;
}

.highlight .s,
.highlight .sa,
.highlight .dl {
    color: #d14;
}

.highlight.na {
    color: #008080;
}

.highlight .bp {
    color: #999999;
}

.highlight.nb {
    color: #0086B3;
}

.highlight .nc {
    color: #445588;
    font-weight: bold;
}

.highlight.no {
    color: #008080;
}

.highlight .nd {
    color: #3c5d5d;
    font-weight: bold;
}

.highlight.ni {
    color: #800080;
}

.highlight .ne {
    color: #990000;
    font-weight: bold;
}

.highlight.nf,
.highlight.fm {
    color: #990000;
    font-weight: bold;
}

.highlight .nl {
    color: #990000;
    font-weight: bold;
}

.highlight.nn {
    color: #555555;
}

.highlight .nt {
    color: #000080;
}

.highlight.vc {
    color: #008080;
}

.highlight .vg {
    color: #008080;
}

.highlight.vi {
    color: #008080;
}

.highlight .nv,
.highlight .vm {
    color: #008080;
}

.highlight.ow {
    color:      #000000;
    font-weight:  bold;
}

.highlight .o {
    color:      #000000;
    font-weight:  bold;
}

.highlight.w {
    color: #bbbbbb;
}

.highlight {
    background-color: #f8f8f8;
}

.navbar-brand .pinh {
    width: 100% !important;

    max-height: var(--nav-bh);

    display: flex;
    overflow-y: hidden;
    flex-direction: row;
}

.top-nav-text {
    margin-left: var(--spacer-n12q) !important;
    padding-top: var(--spacer-01q) !important; 

    max-height: inherit;
    box-sizing: border-box;
}

#mbmaxa {

    max-height: inherit;
    margin-right: var(--spacer-2) !important;

    box-sizing: border-box;
}

.nokofa {
    color: var(--black);
    margin-top: var(--spacer-01q);
}

.tctl {
    text-transform: capitalize !important;
}

.mtsec {
    min-height: 100vh;

    zoom: normal;

    display: grid;

    max-width: var(--ctn-max-full);
    margin: auto;

    display: flex;
    flex-direction: column;

    overflow: visible !important;

    height: auto;
}

@media (min-width: 1768px) {

    .mtsec {
        zoom: 130% !important;
    }
}

@media (min-width: 1078px) {
    .milkomen {

        grid-template-columns: 1fr              ;
        grid-template-rows: auto auto auto auto ;
        grid-template-areas:        "cl" 
                                    "l"
                                    "ml"
                                    "nr"        ;

    }

    .beljikhirik {
        grid-template-columns:  1fr 1fr 1fr 1fr ;
        grid-template-rows:     auto            ;
        grid-template-areas:    "mv mg md mx"   ;
    }
}

@media (max-width: 1078px) {

    .milkomen {
        grid-template-columns:  1fr 1fr         ;
        grid-template-rows:     auto auto auto  ;
        grid-template-areas:    "l  ml"
                                "cl nr"
                                "xl e"          ;
    }

    .onlyfwide {
        display: none;
    }

    .beljikhirik {
        grid-template-columns:  1fr 1fr 1fr         ;
        grid-template-rows:     auto auto           ;
        grid-template-areas:    "mv mg md"
                                "mx mx mx"          ; 
    }

    .takeout .mlbox {
        border-top-left-radius: var(--border-rad-nano) ;
        border-top-right-radius: var(--border-rad-mini) ;
        border-bottom-left-radius: var(--border-rad-nano) ;
        border-bottom-right-radius: var(--border-rad-mini) ;
    }

    .takeout.inverted .mlbox {
        border-top-left-radius: var(--border-rad-mini) ;
        border-top-right-radius: var(--border-rad-nano) ;
        border-bottom-left-radius: var(--border-rad-mini) ;
        border-bottom-right-radius: var(--border-rad-nano) ;
    }

}

@media (min-width: 768px)
{
    .jumbosa.respar {
        aspect-ratio:   48 / 17 !important;
    } 

    .jumbop.respar {
        grid-template-columns:  1fr 62%;
        grid-template-rows:     1fr;
        grid-template-areas:    "g v";
    }

    .aspect-tb {
        padding-left: var(--spacer-34q) !important;
    }

    .aspect-tb .hcon {
        text-transform: capitalize;
        font-size: 30px                 !important;
        line-height: 1.2;
        word-wrap: break-word           !important;
        margin-bottom: var(--spacer-0)  !important;
        color: var(--black)             !important;
        padding-left: var(--spacer-12q);
        font-weight: bold;
    }

    .aspect-tb .deftext {

        margin-top:     var(--spacer-23q)   !important;   

        margin-bottom:  var(--spacer-0)     !important;
    }

    .onlyshort {
        display: none !important; 
    }

    .milkomen {
        grid-row-gap: var(--spacer-4) !important;
    }

    .takeout {
        display: flex !important;
        flex-direction: row;
        aspect-ratio: 13 / 4;
        align-content: center;

    }

    .takeout.inverted {
        flex-direction: row-reverse !important;

        margin-left: -2% !important;

    }

    .mlbox {

        border-radius: 0;

    }

    .upcon {
        margin-left:    var(--spacer-n23q)  !important;
        margin-top:     var(--spacer-12q)   !important;

        margin-bottom:  var(--spacer-23q)   !important;
    }
}

.cdis {
    height: 100%;
    aspect-ratio: 41 / 17 !important;
}

@media (max-width: 768px) {
    .jumbosa.respar {

        aspect-ratio: 90 / 110.39       !important;
    }

    .jumbop.respar {
        grid-template-columns:  1fr     !important;
        grid-template-rows:     57% 1fr ;
        grid-template-areas:    "v"
                                "g"     !important;
    }

    .aspect-tb {
        max-width: 67%                  !important;
    }

    .aspect-tb .hcon {

        font-size: 20px;
        line-height: 1;
        word-wrap: break-word           !important;
        margin-top: var(--spacer-23q)   !important;
        color: var(--black)             !important;
    }

    .onlyfwide {
        display: none;
    }

    .onlywide {
        display: none           !important;
    }

    .aspect-tb .deftext {
        margin-top: var(--spacer-23q)       !important;

    }

    .takeout {
        width: 72%           ;
        margin-left:    auto !important;
        margin-right:   auto !important;

    }

    .mlbox {
        aspect-ratio: 6 / 2; 

        border-top-left-radius:     15px;
        border-top-right-radius:    3px;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius:  3px;

        box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.35);

    }

    .mlbox:hover {

        background-color:   #eef0f0 !important;
        color:              var(--black);
    }

    .upcon {
       margin-top: var(--spacer-0) !important;
    }

    .milkomen {

        grid-template-columns:  1fr;
        grid-template-rows:     auto auto auto auto auto auto;
        grid-template-areas:    "cl"
                                "l"
                                "ml"
                                "xl"
                                "nr"
                                "e";
    }

    .beljikhirik { 
        grid-template-columns:  1fr;
        grid-template-rows:     auto auto auto auto !important;
        grid-template-areas:    "mv"
                                "mg" 
                                "md" 
                                "mx"                !important;

    }

    .beljikhirik .takeout {
        width: 72%              !important;
        margin-left:    auto    !important;
        margin-right:   auto    !important;

        padding-bottom: var(--spacer-01q);

    }

    .beljikhirik .takeout .mlbox {  
        aspect-ratio: 1 / 1 !important;
    }

}

@media (max-width: 516px) {
    .onlyfwide {
        display: none;
    }

    .onlywide {
        display: none           !important;
    }

    .jumbosa {
        grid-template-columns:  var(--spacer-3) 1fr var(--spacer-43q)   !important;
        grid-template-rows:     1fr var(--spacer-4)                     !important;
        grid-template-areas:    "b p c"
                                "d d d"                                 !important;
    }

    .jumbosa.respar {
        margin-bottom:          var(--spacer-3)     !important;
    }

    .jumbop.respar {
        grid-template-rows:     52% 1fr             !important;
    }

    .mlbox  {
        aspect-ratio:           9 / 4               !important; 
        padding-bottom:         var(--spacer-1)     !important;
    }

    .inh {
        margin-top:             var(--spacer-12q)   !important;
        margin-bottom:          var(--spacer-12q)   !important;
    }

    .ebt {

        margin-bottom:          var(--spacer-0)     !important;
    }

    .rlflex.upcon {
        margin-top:             var(--spacer-0)     !important;
        margin-bottom:          var(--spacer-0)     !important;
    }
}

@media (max-width: 450px) {
    .onlyfwide {
        display: none;
    }

    .onlywide {
        display: none           !important;
    }

    .aspect-tb {
        max-width: 76% !important;
    }

    .mlbox  {
        aspect-ratio:           11 / 6              !important; 
        padding-bottom:         var(--spacer-1)     !important;
    }

    .inh {
        margin-top:             var(--spacer-12q)   !important;
        margin-bottom:          var(--spacer-01q)   !important;
    }

    .rlflex.upcon {
        padding-top:            var(--spacer-12q)   !important;
        padding-bottom:         var(--spacer-12q)   !important;
    }
}

@media (max-width: 360px) {
    .onlyfwide {
        display: none;
    }

    .onlywide {
        display: none           !important;
    }

    .mlbox  {
        aspect-ratio:           11 / 8             ; 
    }

    .opx {
        display: none           !important;
    }
}

@media (max-width: 240px) {
    .onlyfwide {
        display: none;
    }

    .onlywide {
        display: none           !important;
    }

    .jumbop.respar {
        grid-template-rows:     40% 1fr             !important;
    }

    .aspect-tb {
        max-width: 76% !important;
    }

    .takeout {
        width: 82% !important;
    }

    .mlbox  {
        aspect-ratio:           5 / 6              !important; 
    }

    .rlflex.inverted {
        padding-left:           var(--spacer-2)     !important;
        padding-right:          var(--spacer-23q)   !important;
        padding-top:            var(--spacer-12q)   !important;
        padding-bottom:         var(--spacer-23q)   !important;
    }

    .ltext {
        margin-right:           var(--spacer-01q)   !important;
        font-size:              1em                 !important;
    }

    .rlflex.mrob {
        margin-right:           var(--spacer-0)     !important;
    }

    .inh {
        margin-bottom:          var(--spacer-12q)   !important;
    }

    .beljikhirik .takeout .mlbox {
        aspect-ratio:           2 / 3               !important;
        padding-left:           var(--spacer-12q)   !important;
        padding-right:          var(--spacer-01q)   !important;
    }

    .beljikhirik .takeout .mlbox .inhk {
        font-size:              0.95em                 !important;
    }
}

@media (max-width: 230px)
{
    .navbar {
        display:    none    !important;
    }

    .mtsec {
        display:    none    !important;
    }

    .footer {
        display:    none    !important;
    }

    .toosmall {
        display:    block   !important;
    }
}

.jumbosa {
    margin-top:     var(--nav-cts);
    width: 100%;

    margin-bottom:  var(--spacer-45q);

    box-sizing: border-box;

    /*background-image:       url('/ast/osera.png')*/
    /*background-color: #e4e6e6;*/

    background-size: 100% 100%;
    background-repeat: no-repeat;

    /*
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 3px;
    */

    /*
    display: grid;
    grid-template-columns:  var(--spacer-3) 1fr var(--spacer-43q);
    grid-template-rows:     var(--spacer-4) 1fr var(--spacer-4);
    grid-template-areas:    "a a a"
                            "b p c"
                            "d d d";
                            */
}

.jaxa {
    aspect-ratio: 1 / 1;
    grid-area: d;
    background-image: url(/assets/img/wxm.png);
}

.jumbop {
    grid-area: p;

    width: 100%;
    height: 100%;

    box-sizing: border-box;
    align-items: center !important;

    display: grid;

}

.d-flex {
    box-sizing: border-box !important;

    padding-left: 12px;
    padding-right: 12px;
    position: relative;
}

.aspect-tb {
    grid-area: g;

    display: flex;
    flex-direction: column;

    margin-right:   var(--spacer-2) !important;
    margin-left:    var(--spacer-1) !important;
}

.aspect-tb .deftext {
    color: var(--black) !important;

    font-size: 15px !important;
    line-height: 1.7;
    word-wrap: break-word !important;

    font-weight:    500 !important;
    font-stretch:   normal !important;
    font-style:     normal !important;
    line-height:    normal !important;
    letter-spacing: normal !important;
    text-indent:    7% !important;
}

.rlflex {
    padding-left:   var(--spacer-23q);
    padding-right:  var(--spacer-12q);
    padding-top:    var(--spacer-2);
    padding-bottom: var(--spacer-23q);

    box-sizing: border-box !important;

    display: flex;
    flex-direction: row;
}

.rlflex.inverted {
    padding-left:   var(--spacer-34q)   ;
    padding-right:  var(--spacer-23q)   ;

    padding-bottom: var(--spacer-2);
    padding-top:    var(--spacer-2)     ;

    margin-bottom:  var(--spacer-23q);

    margin-left:    auto !important;
    flex-direction: row-reverse;
}

.rlflex.inverted.db {
    margin-bottom:  var(--spacer-45q) !important;
}

.rlflex.inverted.nb {
    margin-bottom:  var(--spacer-0)     !important;
}

.mrob {
    margin-right: var(--spacer-34q);
}

.ltext {
    text-transform: capitalize;
    color: var(--black) !important;

    font-weight: 700;
    margin-right: var(--spacer-1);
}

.aspec-ib {

    margin-left: -28px !important;
    overflow-x: hidden;
    grid-area: v;
}

.aspect-rule {
    margin-left:    var(--spacer-n12q);
    margin-right:   var(--spacer-n23q);
    width: 100%;
    border-color:   var(--black);

    margin-top:     var(--spacer-0);
    margin-bottom:  var(--spacer-0);
}

.ebt {
    margin-bottom:  var(--spacer-4);  
}

.aspect-ib #ovIMG {
    box-shadow: rgb(0 0 0 / 20%) 1px 20px 20px 4px;

    border-radius: var(--border-rad);
    border-collapse: separate;  
    box-sizing: border-box !important;

    aspect-ratio: 7 / 3.9;

    width: 100% !important;
}

.sec-head {
    text-transform: capitalize;
    color: var(--black);
    font-weight: 430;
    font-size: 28px !important;
    line-height: 1.2;

    margin-top:     var(--spacer-0);
    margin-bottom:  var(--spacer-4);

    margin-right:   auto;
    margin-left:    auto;
}

.milkomen {
    margin-top:     var(--spacer-0) !important;

    margin-bottom:  var(--spacer-4) !important;
    width: 100%;

    display: grid;
    transition: all ease-in-out 0.5s;
}

.milkomen .takeout {    
    width: 100%;

    padding-top:    var(--spacer-12q)   !important;
    padding-left:   var(--spacer-01q)   !important;
    padding-right:  var(--spacer-23q)   !important;
    padding-bottom: var(--spacer-2)     !important;    

    transition: all ease-in-out 0.5s;
}

.mlbox {
    width: 100%;

    background-color:   #f7f7f7;
    color:              var(--black);

    transition: all ease-in-out 0.5s;

    margin-right:   var(--spacer-0)     !important;
    margin-left:    var(--spacer-1)     !important;

    padding-left:   var(--spacer-34q)   ;
    padding-right:  10px;
    padding-bottom: 10px;
    padding-top:    10px;

    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.inh {
    font-size: 1.17em;

    text-transform: capitalize;

    font-weight: 650;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;

    margin-top:     var(--spacer-23q)   ;
    margin-bottom:  var(--spacer-23q)   ;

    margin-left:    var(--spacer-0)     ;
    margin-right:   var(--spacer-0)     ;
}

.inb {
    font-size: 12px;
    line-height: 14px;
    padding-right:  var(--spacer-2)     !important;

    margin-top:     var(--spacer-12q)   !important;
    margin-bottom:  var(--spacer-0);

    color: var(--black) !important;
    font-size: 12px !important;
    line-height: 1.3;
    word-wrap: break-word !important;
    font-weight: 500 !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: normal !important;
    letter-spacing: normal !important;
}

.beljikhirik {

    width: 100%;
    display: grid;

    margin-bottom:  var(--spacer-12q);
    padding-right:  var(--spacer-2);

    transition: all ease-in-out 0.5s;
}

.beljikhirik .takeout {
    width:          100%;
    padding:        var(--spacer-12q);

    transition: all ease-in-out 0.5s;
}

.beljikhirik .takeout .mlbox {  

    aspect-ratio: 4 / 5;

    background-color: #f9fafa;

    border-color: #eff1f1;
    border-width: 0px !important;

    transition: all ease-in-out 0.5s;
}

.beljikhirik .takeout .mlbox:hover {
    background-color:   #eff1f1 !important;
    border-color:       var(--black) !important;
}

.inhk {
    font-size: 1.15em;
    text-transform: capitalize;

    font-weight: 550;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;

    margin-top:     var(--spacer-3)     !important;
    margin-bottom:  var(--spacer-34q)   !important;

    margin-left:    var(--spacer-23q)   !important;
    margin-right:   var(--spacer-0)     !important;
}

.newsrule {
    width: 92%;
    border-color: inherit;

    transition: all ease-in-out 0.5s;

    margin-left:    auto;
    margin-right:   auto;
    margin-top:     var(--spacer-0);
    margin-bottom:  var(--spacer-0);   
}

.newsbody {
    margin-top:     var(--spacer-23q)   !important;
    margin-bottom:  var(--spacer-12q)   !important;

    margin-left:    var(--spacer-23q)   !important;
    margin-right:   var(--spacer-2)     !important;

    color: var(--black) !important;
    font-size: 12px !important;
    line-height: 1.3;
    word-wrap: break-word !important;
    font-weight: 500 !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: normal !important;
    letter-spacing: normal !important;

    white-space: pre-line;
    overflow: hidden;    

    mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 60%, rgba(0,0,0,0));
}

.tail {

    flex-grow: 1
}

.imopa {
    max-width: 73.5%;
    aspect-ratio:  7 / 3.9;

    margin-top: auto;
    margin-bottom: auto;

    border-radius: var(--border-rad-mini);

}

.takeout.inverted .cdis .imopa {
    margin-left: 8%;
}

.takeout .cdis .imopa {

    margin-left: 19%;
}