/* Ваши стили */
         @import url('https://fonts.googleapis.com/css2?family=Cuprum:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
        @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css");
        
        
        
         @media screen and (max-width: 1200px) {
             
             
              .rightblocksheader {
                padding: 10px 30px!important;
                text-align: right!important;
            }
            
            .kurs {
                display: inline-block!important;
                text-align: right!important;
            }
            
            .kurs-numb {
                display: inline-block!important;
            }
            
            .logistictariff {
                margin: 0!important;
                margin-top: 10px!important;
                text-align: right!important;
            }
            .tariffavto {
            margin: 0!important;
            }
            
            table.tariffavto {
                text-align: center;
                float: right;
            }
            table.tariffavto thead tr {
            background-color: var(--bs-info-bg-subtle)!important;
            }
            table.tariffavto thead tr th:first-child {
                border-radius: 5px 0px 0px 5px;
            }
            table.tariffavto thead tr th:last-child {
                border-radius: 0px 5px 5px 0px;
            }
             .widgets {
               overflow: auto;
           }
           .widgetpricesport {
               min-width: 190px!important;
               padding: 10px!important;
           }
           
           .widgetpricesport+.widgetpricesport {
               margin-left: 20px;
               
           }
             
             
             
             
             
         }
        
        @media screen and (max-width: 980px) {
            html {

            }
            .card-prices {

                
            }
            
            .rightblocksheader {
                padding: 10px!important;
                text-align: right!important;
            }
            
            .kurs {
                display: inline-block!important;
                text-align: right!important;
            }
            
            .kurs-numb {
                display: inline-block!important;
            }
            
            .logistictariff {
                margin: 0!important;
                margin-top: 10px!important;
                text-align: right!important;
            }
            .tariffavto {
            margin: 0!important;
            }
            
            table.tariffavto {
                text-align: center;
                float: right;
            }
            table.tariffavto thead tr {
            background-color: var(--bs-info-bg-subtle)!important;
            }
            table.tariffavto thead tr th:first-child {
                border-radius: 5px 0px 0px 5px;
            }
            table.tariffavto thead tr th:last-child {
                border-radius: 0px 5px 5px 0px;
            }
             .widgets {
               overflow: auto;
           }
           .widgetpricesport {
               min-width: 190px!important;
               padding: 10px!important;
           }
           
           .widgetpricesport+.widgetpricesport {
               margin-left: 20px;
               
           }

        }
        @media screen and (max-width: 650px) {
            html {}
           .heading-region h4 {

            display: contents;
           }
           .card-prices {
            padding: 20px 0px!important;
            
            }
            table.pricestable thead tr th {
                font-size: 9px!important;
                font-weight: bolder!important;
                line-height: 13px!important;
            }
            table.pricestable th {
            text-transform: uppercase!important;
            -webkit-font-smoothing: subpixel-antialiased;
            font-size: 8px;
           }
           table tr {

           }
            table.pricestable td {
                font-size: smaller!important;
                font-weight: 500!important;
                padding: 4px!important;
                vertical-align: middle;
            }
            table.pricestable tr td:first-child {
                font-size: 12px!important;
                font-weight: bolder!important;
                line-height: normal;
                max-width: 105px;
                min-width: 105px!important;
                text-transform: uppercase;
              }


              .kurs {
                display: inline!important;
                position: relative!important;
                vertical-align: middle!important;
                float: right!important;
                padding: 0 20px!important;
                text-align: right!important;
              }
              .kurs-numb {
                font-size: 16px;
                display: inline-block;

              }
              .header-hero {

                display: inline!important;
                position: relative!important;
                font-size: 16px!important;
                vertical-align: middle;
                top: 120%!important;
                line-height: normal;
                float: left;
                padding: 0 20px;
                transform: none!important;
              }
              .header-hero-text {
                font-size: medium;
              }
              .current-date {
                font-size: 14px!important;
                display: flex;
                justify-content: center;
                font-weight: bolder;
              }

                     .widgets {
                        overflow: auto;
                    }

                    .widgetpricesport + .widgetpricesport{
                        margin-left: 10px;
                    }

                    .widgetpricesport {

                        min-width: 190px!important;
                        padding: 10px 10px!important;
                    
                    }

                    .widgetpricetitle {
                        margin-bottom: 20px!important;
                        margin-top: 5px;
                    }


                    
                    #agrportcorn,
                    #agrportwheat4,
                    #agrportwheat3,
                    #agrportsoy,
                    #agrportrape {
                      
                        font-size: x-small;
                        margin-bottom: 10px;
                        margin: auto auto;
                    }

                    #agrportcorn,
                    #agrportwheat4,
                    #agrportwheat3,
                    #agrportsoy,
                    #agrportrape, table, td:first-child {

                        min-width: 0!important;
                    }
                    .widgetpricename {
                        font-size: xx-small;
                        font-weight: 100;
                        text-transform: none;
                        width: max-content;

                    }
                    .widgetprice {
                       font-weight: bold!important;
                        font-size: larger;

                    }
                    .widgetpriceplace {
                        line-height: normal;
                        font-weight: 100;
                        text-align: left;
                    }



                    .logistictariff {
                        margin-top: 10px!important;
                        float: right!important;
                        font-size: 12px!important;
                        line-height: 17px!important;
                        font-weight: bold!important;
                        text-transform: uppercase!important;
                        padding: 0px 20px!important;
                        text-align: -webkit-right!important;
                        }

        .tonagavto {
           border: 0.1px solid #000!important;
        }

        .tariffavto {
          margin: 4px!important;
          display: contents!important;
          font-size: small!important;
        }

        
        table.tariffavto  {

        }
        
        table.tariffavto thead {
            text-align: center!important;
        }
        table.tariffavto thead tr th {
              padding: 0px 5px;
        }
        table.tariffavto thead tr th:first-child {
          border-radius: 10px 0px 0px 10px;
          
        }
        table.tariffavto thead tr th:last-child {
          border-radius: 0px 10px 10px 0px;

        }
        table.tariffavto thead th+th {

        }
        table.tariffavto thead tr {
            background-color: var(--bs-info-bg-subtle)!important;
        }

        table.tariffavto tr td {
           text-align: center;
            font-size: x-small!important;
            font-weight: 300!important;
            padding: 0px!important;
        }
        
        table.tariffavto tr td+td {
           
        }

        .rightblocksheader {
            width: max-content!important;
            display: inline-grid!important;
            float: right!important;
            padding: 0px!important;
        }

           
        }

        @media screen and (max-width: 480px) {
           html {
              -webkit-text-size-adjust: none;
           }
           .heading-region h4 {

            display: contents;
           }
           .card-prices {
            padding: 20px 0px!important;
            
            }
            table.pricestable thead tr th {
                font-size: 9px!important;
                font-weight: 400!important;
                line-height: 1!important;
                text-align: left!important;
                padding: 3px 0px;
            }
            table.pricestable th {
            text-transform: uppercase!important;
            -webkit-font-smoothing: subpixel-antialiased;
            font-size: 8px;
           }
           table tr {

           }
            table.pricestable td {
                font-weight: 400!important;
                padding: 3px 0px!important;
                vertical-align: middle;
                font-size: 14px!important;
            }
            table.pricestable tr td:first-child {
                font-size: 13px!important;
                line-height: normal;
                max-width: 105px;
                min-width: 105px!important;
                text-transform: uppercase;
                letter-spacing: -.02em;
                font-weight: 700!important;
                padding-left: 4px!important;
              }


              .kurs {
                display: inline!important;
                position: relative!important;
                vertical-align: middle!important;
                float: right!important;
                padding: 0 20px!important;
                text-align: right!important;
              }
              .kurs-numb {
                font-size: 16px;
                display: inline-block;

              }
              .header-hero {

                display: inline!important;
                position: relative!important;
                font-size: 16px!important;
                vertical-align: middle;
                top: 120%!important;
                line-height: normal;
                float: left;
                padding: 0 20px;
                transform: none!important;
              }
              .header-hero-text {
                font-size: medium;
              }
              .current-date {
                font-size: 14px!important;
                display: flex;
                justify-content: center;
                font-weight: bolder;
              }

                     .widgets {
                        overflow: auto;
                    }

                    .widgetpricesport + .widgetpricesport{
                        margin-left: 10px;
                    }

                    .widgetpricesport {

                        min-width: 190px!important;
                        padding: 10px 10px!important;
                    
                    }

                    .widgetpricetitle {
                        margin-bottom: 20px!important;
                        margin-top: 5px;
                    }


                    
                    #agrportcorn,
                    #agrportwheat4,
                    #agrportwheat3,
                    #agrportsoy,
                    #agrportrape {
                      
                        font-size: x-small;
                        margin-bottom: 10px;
                        margin: auto auto;
                    }

                    #agrportcorn,
                    #agrportwheat4,
                    #agrportwheat3,
                    #agrportsoy,
                    #agrportrape, table, td:first-child {

                        min-width: 0!important;
                    }
                    .widgetpricename {
                        font-size: xx-small;
                        font-weight: 100;
                        text-transform: none;
                        width: max-content;

                    }
                    .widgetprice {
                       font-weight: bold!important;
                        font-size: larger;

                    }
                    .widgetpriceplace {
                        line-height: normal;
                        font-weight: 100;
                        text-align: left;
                    }



                    .logistictariff {
                        margin-top: 10px!important;
                        float: right!important;
                        font-size: 12px!important;
                        line-height: 17px!important;
                        font-weight: bold!important;
                        text-transform: uppercase!important;
                        padding: 0px 20px!important;
                        text-align: -webkit-right!important;
                        }

        .tonagavto {
           border: 0.1px solid #000!important;
        }

        .tariffavto {
          margin: 4px!important;
          display: contents!important;
          font-size: small!important;
        }

        
        table.tariffavto  {

        }
        
        table.tariffavto thead {
            text-align: center!important;
        }
        table.tariffavto thead tr th {
              padding: 0px 5px;
        }
        table.tariffavto thead tr th:first-child {
          border-radius: 10px 0px 0px 10px;
          
        }
        table.tariffavto thead tr th:last-child {
          border-radius: 0px 10px 10px 0px;

        }
        table.tariffavto thead th+th {

        }
        table.tariffavto thead tr {
            background-color: var(--bs-info-bg-subtle)!important;
        }

        table.tariffavto tr td {
           text-align: center;
            font-size: x-small!important;
            font-weight: 300!important;
            padding: 0px!important;
        }
        
        table.tariffavto tr td+td {
           
        }

        .rightblocksheader {
            width: max-content!important;
            display: inline-grid!important;
            float: right!important;
            padding: 0px!important;
        }

        .footer {
              
        }

        .footermenu {


        }
        .footermenu ul {
            display: block!important;
            height: 100%!important;
        }

        .footermenu ul li {
           font-size: smaller!important;
        }
        .footermenu ul li a {
              
        }
        .footermenu ul li i {
       
       
       
        }
        .footermenu ul li:hover, 
        .footermenu ul li a:hover  {
          
          
        }

        .footerqrcode {

        }
        .footerbutton {
               
        }


               a.buttonbluefooter {
            

            }
            a.buttonbluefooter:hover {
               
               
               
            }
            span.minitextbutton {
                
                
            }

            
            .buttonbluefooter+.buttonbluefooter {
         
         
            }
            .footerqrcode {
              
            }
            .qrcodebg {
           


            }
            .qrcodebg img {
            

            }
    



 }


        body {
            font-family: 'Cuprum', sans-serif!important;
            background-color: #eee!important;
        }

        .header {
            background: #fff;
            padding: 15px 0px;
            font-family: 'Cuprum', sans-serif;
        }

        .header-hero {
            display: block;
            position: relative;
            font-size: 28px;
            margin-top: auto;
            margin-bottom: auto;
            top: 50%;
            transform: translate(0, -50%);
        }
        .header-hero-text {
            padding: 0px 20px;
             border-radius: 15px
        }
       
        .heading-region {
            display: block;
            position: relative;
            float: left;
            margin-bottom: 20px;
        }

         .heading-region h4 {

            display: contents;
           }

        .menutab {
            background-color: #fff;
            border-radius: 10px;
            margin-top: 30px;
            padding: 10px 25px;
        }

        .current-date {
           font-size: large;
        }

        .main {
            margin-top: 30px;
        }

        .kurs-data {
            font-size: 8px;
        }

        .kurs-numb {
            font-size: 18px;
        }
        .kurs {
            display: block;
            float: right;
        }

        .pricestable {

        }
        
        
        
        table#price-table thead tr th {
            line-height: normal;
            font-size: 14px;
            font-weight: 400;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            border: solid transparent;
            text-transform: none;
        }
        table#price-table thead tr th:first-child {
            border-radius: 5px 0px 0px 5px;
            
        }
        table#price-table thead tr th:last-child {
            border-radius: 0px 5px 5px 0px;
            
        }
        
        table thead tr {
            vertical-align: baseline;
            
        }
                table#price-table tbody tr td:not(:first-child),
                table#price-table thead tr th:not(:first-child) {
            text-align: left;
        }
        table#price-table tbody tr td:not(:first-child) {
            font-size: 16px;
            -webkit-font-smoothing: auto;
            font-weight: 300;
        }
        
        
        
        table.pricestable thead tr th {
            line-height: normal;
            font-size: 14px;
            font-weight: 400;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            border: solid transparent;
            text-transform: none;
        }
        table.pricestable thead tr th:first-child {
            border-radius: 5px 0px 0px 5px;
            
        }
        table.pricestable thead tr th:last-child {
            border-radius: 0px 5px 5px 0px;
            
        }
        
        table thead tr {
            vertical-align: baseline;
            
        }
                table.pricestable tbody tr td:not(:first-child),
                table.pricestable thead tr th:not(:first-child) {
            text-align: left;
        }
        table.pricestable tbody tr td:not(:first-child) {
            font-size: 16px;
            -webkit-font-smoothing: auto;
            font-weight: 300;
            letter-spacing: 1px;
        }
        
        .headertable {
            background-color: #eee!important;
            margin-bottom:10px;
        }

        .card-prices {
            background: #fff;
            padding: 25px;
            overflow: auto;
            box-shadow: 0 0 16px rgba(0,0,0,.05);
            border-radius: 15px;
  
        }

        .card-prices + .card-prices {
            margin-top: 25px;
        }

        .spisok {
            display: flex;
        }
      
        table.pricestable tbody tr td {
        font-weight: 700;
        text-transform: uppercase;
        -webkit-font-smoothing: antialiased;
        font-size: 15px;
        letter-spacing: 1px;
        }
        
        table#price-table tbody tr td {
        font-weight: 700;
        text-transform: uppercase;
        -webkit-font-smoothing: antialiased;
        font-size: 15px;
        }
        
        table thead  {
        
        color: #000;
        padding: 5px 0px;
        text-transform: uppercase!important;
        border-radius: 12px;
        
        }
        table tbody tr {
         padding: 4px 10px!important;
        }
        table thead tr th {
        background: none!important;
    
        }
        .widgets {
            margin-top: 30px;
            display: flex;
            justify-content: space-between;
        }
        .widgetpricesport {
        display: block;
        background: #fff;
        width: max-content;
        padding: 20px;
        border-radius: 12px;
        min-width: 230px;
        }

        .widgetpricetitle {
            display: block;
            font-size: small;
            font-weight: bold;
            text-align: center;
            margin-bottom: 10px;
            line-height: normal;
        }

        #agrportcorn,
        #agrportwheat4,
        #agrportwheat3,
        #agrportsoy,
        #agrportrape {
            font-size: x-small;
            margin: auto auto;
        }
        .widgetpricename {
            font-size: x-small;
        }
        .widgetprice {
            background: #eee;
            font-weight: bold;
            padding: 2px 5px;
            border-radius: 5px;
            font-size: small;

        }
        .widgetpriceplace {
            font-size: x-small;
            text-align: left;
            font-weight: 100;
        }
        .logistictariff {
            display: block;
            float: left;
            font-size: 15px;
            margin: auto auto;
            text-align: center;
            line-height: 21px;
            font-weight: 600;

        }

        .tonagavto {
                border: 1px solid #000;
                border-radius: 100px;
                padding: 3px;
                font-size: smaller;

        }

        .tariffavto {
            font-size: smaller;
            position: relative;
            margin: auto auto;
        }
        .tariffavto::before {
          content: "25т"!important;
            position: absolute;
            display: block;
            left: -30px;
            border-radius: 100px;
            border: 1px solid #000;
            width: 22px;
            height: 22px;
            place-content: center;
            text-align: center;
            top: 14px;
        }
        
        table.tariffavto  {


        }
        
        table.tariffavto thead {
            background-color: var(--bs-info-bg-subtle)!important;
        }
        table.tariffavto thead tr th {
            
            padding: 2px 4px;
            text-transform: none!important;
        }
        table.tariffavto thead tr th:first-child {
            border-radius: 10px 0px 0px 10px;
            
        }
        table.tariffavto thead tr th:last-child {
            border-radius: 0px 10px 10px 0px;
            
        }
        table.tariffavto thead th+th {

        }
        table.tariffavto tr {

        }

        table.tariffavto tr td {

        }
        table.tariffavto tr td+td {
            border-left: 1px solid #ccc;
        }

        .rightblocksheader {
               display: inline-block;
                alignment-baseline: middle;
                width: 100%;
                -webkit-mask-origin: content-box;
                margin: auto auto;
                height: 100%;
                padding: 10px 0px;
                padding-right: 80px;
                line-height: 20px;
        }
      
        .pdv {
           background: #ffec8a;
            padding: 1px 5px;
            border-radius: 8px;
        }
        
        .footer {
                padding: 40px 20px;
                background: #000;
                min-height: 200px;
                margin-top: 80px;
                color: #fff;
        }

        .footermenu {


        }
        .footermenu ul {
            margin-top: 30px;
            list-style: none;
            color: #fff;
            text-decoration: none;
            height: 150px;
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
        }

        .footermenu ul li {
            margin-left: -30px;
        }
        .footermenu ul li a {
                text-decoration: none!important;
                color: #fff;
                font-size: smaller;
                font-weight: lighter;
                line-height: 30px;
        }
        .footermenu ul li i {
            margin-right: 10px;
            font-size: smaller;
        }
        .footermenu ul li:hover, 
        .footermenu ul li a:hover  {
            color: #808080;
            transition: color 0.5s ease;
        }

        .footerqrcode {

        }
        .footerbutton {
                display: flex;
                float: right;
                flex-direction: column;
        }


               a.buttonbluefooter {
                text-decoration: none;
                background-color: #9eeaf9;
                border-radius: 100px;
                text-align: -webkit-center;
                padding: 15px 100px;
                color: #000;
                font-size: larger;
                font-weight: bolder;

            }
            a.buttonbluefooter:hover {
                background: #B2D2D9;
                transition: background 1s ease;
            }
            span.minitextbutton {
                display: block;
                font-size: x-small;
                margin-top: -8px;
            }

            
            .buttonbluefooter+.buttonbluefooter {
                margin-top: 15px;
            }
            .footerqrcode {
                display: block;
                margin-bottom: 30px;
                float: right;
                flex-direction: column;
                width: 100%;
                padding: 0px 10px;
            }
            .qrcodebg {
                   display: block;
                    padding: 7px;
                    background: #fff;
                    border-radius: 5px;
                    width: max-content; 
                    float: right;


            }
            .qrcodebg img {
                width: 55px;
                display: block;

            }
        
        
#preloader {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 9999;
        }

        #preloader .spinner {
            border: 4px solid rgba(255, 255, 255, 0.3);
            border-radius: 50%;
            border-top: 4px solid #333;
            width: 40px;
            height: 40px;
            animation: spin 1s linear infinite;
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }