/*          .country_title {color: #000 !important;}*/
#delivery_box #country_tag .lista_krajow {
    display: flex !important;
    justify-content: center !important;
}

#delivery_box img {
    margin: 0px !important;
}

#head_control .myUL li img {
    margin: auto;
}

.table_przesyki>div {white-space:    white-space: nowrap;}

#delivery_box #country_tag .lista_krajow li {
    border-bottom: none !important;
    background: var(--twocolor);
    padding: 5px 10px;
    border-radius: 10px !important;
    color: var(--maincolor);
    font-weight: bold;
    font-size: 12px;

}
#delivery_box #country_tag .lista_krajow li:hover {

    background: var(--green);
    color: #fff;
}


#delivery_box .ups {
    padding: 10px;
}

#delivery_box {
    max-width: 1200px;
    margin: auto;
}



#contry_more_btn {
    border: none;
    background: #03a84e;
    color: #fff;
    color: #fff;
}

.lista_krajow {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin: 30px 0px;

}

#delivery_box .lista_krajow li {
    list-style: none !important;
    cursor: pointer;
    border: solid 1px #ddd;
    padding: 3px 14px;
    border-radius: 10px;
    font-size: 16px;
    align-items: center;
}


.lista_krajow li:hover {

    border: solid 1px #000;

}

#head_control {
    padding: 20px 0px 20px 0px;
    background: var(--twocolor);
    border-radius: 10px;

    padding: 10px;
    margin: 30px 0px;
}

div.return_txt {
    font-size: 11px !important;
}

.country_title {
    display: inline-block;
}

.sendcountry_day .country_title {
    display: none;
}

.sendcountry_day img {
    display: none !important;
}

.sendcountry_day .contry_title {
    display: none;
}

#contry_head_chose .contry_title {
    display: inline-block;
}

#contry_head_chose {
    position: sticky !important;
    background: #fff;
    ;
}

.head_przesyki span {
    font-size: 14px;
}

.dec_table {
    grid-gap: 0px;
    border-right: solid 1px #989898;
}

/* ważen _________________________*/

.content_box {
    display: none;
}


.dec_table img {
    width: 40px;
    padding-right: 10px;
}

.niemcy_main,
.slowacja_main,
.czech_main,
.austria_main {
    display: none !important;
}

.tab-content .contetn_main_tab,
.contetn_main_tab_dhl,
.contetn_main_tab_fed {
    display: none;

    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;


}

.tabs_strefa {
    display: none;
}


.table_przesyki {
    background: #f5f6fa;
}


/* .tab-content,
            .contetn_main_tab_fed,
            .contetn_main_tab_dhl {
                background: #f5f6fa;
            } */

.ups {
    padding: 70px 0px;
}



.return_txt_main {
    font-size: 11px;

}

.return_txt_main {
    font-size: 13px !important;
}

.return_txt_main span {
    font-size: 10px !important;
}

.info_przesylka.return_txt {
    font-size: 12px;
    color: #262626;
}

.table_przesyki .return_txt_main>div {
    color: #444444;
}

.table_przesyki:hover .return_txt_main>div {
    color: #fff;
}

.info_przesylka {
    font-size: 18px;
    text-transform: uppercase;

}

h6 {
    font-size: 28px !important;
    margin-top: 20px !important;
}

.ups_contnet,
.dhl_contnet,
.fed_contnet {
    display: grid;
    grid-template-columns: 2fr 10fr;
}

.ups_contnet .curency_change {
    position: absolute;
    width: 300px;
    display: none;
    z-index: 99;
    border-radius: 10px;
}

.curency_change.active {
    display: block;
    position: absolute;
    z-index: 999;
    text-align: center;
    right: 30px;
    width: 180px;


}

.curency_change div {
    display: block;
    background-color: #fff;
}

.allcurency_content {
    position: relative;
}

.waluta_btn {
    display: inline-block;

    width: 100%;
    cursor: pointer;
    border-radius: 10px;
    border: solid 2px #ccc;
    padding: 17px 20px;
    height: 60px;

    text-align: center;
    font-size: 15px;
    background: #fff;
}

.waluta_btn:hover {
    border: solid 2px var(--maincolor);
}



.head_wysylka {
    display: grid;
    grid-gap: 6px;
    justify-content: space-around;
    grid-template-columns: 10fr 29fr 12fr 19fr;
    justify-content: baseline;
    text-align: right;

    align-items: baseline;
}



#delivery_box .country_content.active {
    background: #03a84e !important;
    color: #fff !important;
}

#delivery_box .country_content.active .country_title { color: #fff !important;}

.lista_krajow span {
    display: none
}

#content .targetDiv li {

    font-size: 14px;
}

.acordion_box img {
    position: absolute;
    width: 100px;
    mix-blend-mode: unset !important;
    -webkit-filter: none;
    filter: none !important;
    top: 0px;
    right: 30px;
}

#delivery_box .logotypy_kurierskie {
    display: flex;
    grid-gap: 50px;
    align-content: center;
    justify-content: space-around;
    gap: 10px;

}

.curency_symbol {
    font-size: 11px;
}

.curency_change {
    display: flex;
    grid-gap: 50px;
}


.btnusd,
.btneuro,
.btnfunt,
.btnczk,
.btnpln {
    padding: 10px;
    margin: 0px;
    border: solid 1px #ccc;

    cursor: pointer;
}


.bnt_curency:hover {
    border: solid 1px #414c5c;
}


.active_btn {
    background: #449533;
    color: #fff;
    pointer-events: none;
}



#layout,
.text_menu__txt_sub {
    overflow: visible;
}

#delivery_box #contry_head_chose {
    font-size: 28px;
    position: sticky;
    display: flex;
    top: 60px;
    background: #fff;
    z-index: 99;
    margin-bottom: 30px;
    gap:20px


}

.flag_main_chose {
    width: 50px;
    ;
}



#azja,
#ameryka,
#europa,
#afryka,
#blicki_wschod,
#australia {
    width: 90% !important;
    background: #000 !important;
    border: none !important;
}


#azja:hover,
#ameryka:hover,
#europa:hover,
#afryka:hover,
#blicki_wschod:hover,
#australia:hover {

    color: #000 !important;
}




#delivery_box #myUL.active li {
    width: auto !important;
    display: flex;

    color: #000 !important;
    font-size: 11px;
    align-items: center;
}

#delivery_box #myUL.active li img {
    margin: 0px;
}


#delivery_box #myUL.active li.head_contynet {
    width: 100%;
    display: block;
}





.niemcy_main,
.slowacja_main,
.czech_main,
.austria_main {
    display: none !important;
}

.slowacja_main.active {
    display: grid !important;
}

.niemcy_main.active {
    display: grid !important;
}

.contyr_li li img {
    width: 30px !important;
}


.austria_main.active {
    display: grid !important;
}

.czech_main.active {
    display: grid !important;
    display: grid !important;
}





.contry_main img {
    width: 19px;
}

.contry_main {
    display: inline-block;
    position: relative;
}


.contry_main:hover .tip_country {
    display: block;
    position: absolute;


    z-index: 999;

}

.tip_country img {
    width: 25px;
}

.tip_country {
    display: none;
    background: #f5f6fa;
    color: #424242;

    top: 50px;
    z-index: 999;
    font-size: 14px;
    padding: 30px;
    width: 450px;
    left: -100%;

    border: solid 1px #ffb500;
    border-radius: 10px;
    text-align: left;
}

.tip_country strong {
    padding-bottom: 5px;
}


.contyr_li {
    padding: 0px;
    margin: 0px;
    grid-template-columns: 6fr 6fr;
    display: grid
}



.contyr_li.fed_li {
    grid-template-columns: 12fr;
}

.contyr_li.fed_li li {
    padding: 0px;
    margin: 0px;
    grid-template-columns: 2fr 6fr 6fr 6fr;
    display: grid
}




.contyr_li li {
    padding: 0px;
    margin: 0px;
    list-style: none;
    padding: 5px 0px;
}


.contyr_li img {
    width: 40px;
}



#myInput {

    background-position: 10px 12px;
    background-repeat: no-repeat;
    width: 100%;
    font-size: 16px;
    padding: 12px 20px 12px 60px;
    border: 2px solid #ddd;

    background: url('https://www.metalelokacyjne.pl/data/include/cms/przesylki/search.svg?v=1689069874667') 10px 5px no-repeat;

    background-size: 6% !important;

    margin-bottom: 20px;
    height: 60px;
    margin-bottom: 0px;
}

#delivery_box #myInput:hover {


    border: 2px solid var(--maincolor);


}




#delivery_box #myUL {
    list-style-type: none;
    padding: 0;
    margin: 0;

    margin-bottom: 20px;
    border-radius: 10px;
    margin-top: 10px;
}

#myUL li {
    border: 1px solid #ddd;
    margin-top: -1px;

    background-color: #f5f6fa;
    padding: 6px;
    text-decoration: none;
    font-size: 18px;
    color: black;
    display: block;
    cursor: pointer;
}

#delivery_box #myUL li:hover {
    background: var(--twocolor);
    color: var(--maincolor) !important;

}

#myUL li a:hover:not(.header) {
    background-color: #eee;
}

#myUL {
    display: none;
}



#myUL li.active {
    background: #03a84e;
    color: #fff;
}


.tabs,
.tabs_dhl {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}




.tab-content .contetn_main_tab,
.contetn_main_tab_dhl {
    display: none;
}

.tab-content .contetn_main_tab.active,
.contetn_main_tab_dhl.active {
    display: block;


}

.tabs .active,
.tabs_dhl .active {
    background-color: #ffffff;
    color: #4d5bf9;

    background: #f5f6fa;
    border-radius: 10px 10px 0px 0px;
    border: solid 2px #ffb500;
    border-bottom: 0px;
    padding-top: 9px;
}


.dhl_contnet .tabs .active,
.tabs_dhl .active {
    border: solid 2px #d80613 !important;
    border-bottom: none !important
}

.fed_contnet .tabs .active,
.tabs_dhl .active {
    border: solid 2px #4d148c;
    border-bottom: none
}



.content_box.ups {
    display: block;
}

.content_box.fed {
    display: block;
}

.content_box.dhl {
    display: block;
}


.undefined,
.brak {
    display: none !important;
}

.upc_contnet small {
    color: #ccc;
    padding-top: 10px;
}

.tabs_strefa a {
    color: #03a84e;
    text-decoration: none;
}

.tabs_strefa {
    position: relative;
    z-index: 9;
    top: 2px;
    height: 50px;
    cursor: pointer;
}



.head_przesyki {
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
}


.cm ul li,
.cm ol li {
    list-style: none !important;
}

.benefits li {
    font-size: 14px;
    color: #ffff;
    list-style: none !important;
    padding-bottom: 9px;

    padding-left: 20px;
}

.poczta_polska_contnet .benefits li {
    background: url(' https://www.metalelokacyjne.pl/data/include/cms/przesylki/poczta_li.svg?v=1688725432756') left 5px no-repeat;
    background-size: 2%
}



.inpost_contnet .benefits li {
    background: url(' https://www.metalelokacyjne.pl/data/include/cms/przesylki/inpost_li.svg?v=1688725432756') left 5px no-repeat;
    background-size: 2%
}


.upc_contnet .benefits li {
    background: url('https://www.metalelokacyjne.pl/data/include/cms/przesylki/ups_li.svg?v=1688725432755') left 5px no-repeat;
    background-size: 2%
}


.upc_contnet .benefits li {
    background: url('https://www.metalelokacyjne.pl/data/include/cms/przesylki/ups_li.svg?v=1688735081566') left 5px no-repeat;
    background-size: 2%
}








.poczta_polska_contnet {
    padding-top: 30px;
}

.dhl_contnet_main {
    padding-top: 10px;
}


.dhl_contnet_main .benefits li {
    color: #414c5c;

}

.logotypy_head {
    max-width: 800px;
    margin: auto;
    margin-bottom: 50px;
}


.logotypy_head .logo_contetn {
    display: block;
}

.logotypy_head img {
    width: 100px !important;
    border-radius: 5px;
}

.map {
    vertical-align: middle;
}

.inpost_contnet {
    padding: 20px 0px;
}

#delivery_box .logo_contetn img {
    width: 100px;
    display: block;
    margin: auto;

}

.tabs_strefa {
    padding-top: 5px;
    padding-bottom: 3px;
}

.ikonka_info {
    width: 17px;
    opacity: 0.5
}

.ikonka_info:hover {
    opacity: 1
}

h1.text_menu__label.headline {
    display: none;
}

.logo_contetn h5 {
    color: #535353;
    font-size: 14px !important;
    padding-top: 10px;
    padding: 0px;
    margin: 0px;
}


.table_przesyki h4 {
    padding: 10px 0px;
    font-size: 24px;
}

.table_przesyki {
    display: grid;
    grid-template-columns: 3fr 2fr 2fr;

    text-align: left;



    font-size: 15px;

    transition: all 0.4s;




}

.dec_table {
    padding-left: 20px !important;
}

.dec_table img {
    width: 40px !important;
}

.table_przesyki_head h4 {
    font-size: 28px;
    text-align: left;
}

.table_przesyki_head {
    display: grid;
    grid-template-columns: 3fr 2fr 2fr;

    text-align: left;



    font-size: 15px;
    /*     background: #414c5c;*/
    color: #414c5c;
    padding: 0px 0px;



}

.table_przesyki>div {
    border-top: solid 1px #f5f6fa;
    margin: 0px 0px;
    padding: 10px 0px;

    /*     font-weight: bold;*/
    align-items: center;
    display: flex;
    padding-right: 10px;

    grid-template-columns: 1fr 5fr;

    display: grid;
}

.dec_table {
    font-weight: normal !important;
}

.table_przesyki:hover {
    background: #e21319;
    transition: all 0.4s;
    color: #fff
}



.inpost_contetn .table_przesyki:hover {
    background: #dfad14;
    transition: all 0.4s;
    color: #fff
}



.upc_contetn .table_przesyki:hover {
    background: #351c15 !important;
    transition: all 0.4s;
    color: #fff
}


.fed_contetn .table_przesyki:hover {
    background: #ffb500 !important;
    transition: all 0.4s;
    color: #fff
}



.dhl_contetn .table_przesyki:hover {
    background: #d80613 !important;
    transition: all 0.4s;
    color: #fff
}


.fedex_contnet_main .table_przesyki:hover {
    background: #4d148c !important;
    transition: all 0.4s;
    color: #fff
}


.fed_contnet .table_przesyki:hover {
    background: #4d148c !important;
    transition: all 0.4s;
    color: #fff
}



.grey {
    background: #f5f6fa
}





.table_przesyki:hover span {
    color: #fff
}


.table_przesyki span {
    font-size: 7px;
    color: #787878;
    padding-left: 5px;
}


img.images_poczta {
    width: 40px;
    justify-content: center;
    vertical-align: middle
}



.table_przesylki_contetrn {
    margin: auto;

}

.logo_contetn {
    text-align: center;
    display: block;
    align-items: center;


}


.logo_contetn h5 {
    font-size: 24px;
}


.inpost_contetn .table_przesyki {
    grid-template-columns: 6fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr;
}



.upc_contetn .table_przesyki {
    grid-template-columns: 6fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr;
}




.inpost_contetn .table_przesyki_head {
    grid-template-columns: 6fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr;
}



.upc_contetn .table_przesyki_head {
    grid-template-columns: 6fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr;
}



.poczta_bg {
    background: #e21319;
    padding: 20px 0px;
    border-radius: 10px;
    min-height: 200px;
}

.inpost_bg {
    background: #fdc829;
    padding: 20px 0px;
    border-radius: 10px;
    min-height: 200px;
}

.ups_bg {
    background: #351c15;
    padding: 20px 0px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    min-height: 200px;
}

.dhl_bg {
    background: #ffcb01;
    padding: 20px 0px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    min-height: 200px;

    padding: 0px;
    padding-left: 20px;
}

.fedex_bg {
    background: #4d148c;
    padding: 20px 0px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    min-height: 200px;
}


.fexde_contetn {
    background: #4d148c;
    padding: 20px 0px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    min-height: 200px;
    padding-left: 20px;
}


.poczta_bg,
.inpost_bg,
.ups_bg,
.dhl_bg,

.fed_bg {
    width: 100%;
    margin: auto;
    min-height: 100px;
    height: 100%;
}

.inpost_bg .benefits li {
    color: #35383d
}

@media (max-width:728px) {


    #delivery_box  .logo_contetn {display: flex;}

    .country_title {
        display: inline-block;
        white-space: nowrap;
        font-weight: bold;

    }

    .table_przesylki_contetrn {
        width: 100%;
    }
}

.tabs_strefa_dhl {

    grid-template-columns: repeat(3, 1fr);
}

h3 {

    text-align: center;
    padding: 15px 0;
    cursor: pointer;
    font-weight: 600;
}

.tabContents_dhl {
    background-color: #ffffff;
    padding: 50px 40px;
}

.tabContents_dhl {
    font-size: 28px;
    margin-bottom: 20px;
    color: #000224;
    font-weight: 600;
}

.tab-content p {
    text-align: justify;
    line-height: 1.9;
    letter-spacing: 0.4px;
    color: #202238;
}

.tabContents_dhl {
    display: none;
}

.tabContents_dhl .active {
    display: block;

}

.tabContents_dhl .active {
    background-color: #ffffff;
    color: #4d5bf9;
}

.tabs_strefa_fed {

    grid-template-columns: repeat(3, 1fr);
}

h3 {

    text-align: center;
    padding: 15px 0;
    cursor: pointer;
    font-weight: 600;
}

.tabContents_fed {
    background-color: #ffffff;
    padding: 50px 40px;
}

.tabContents_fed {
    font-size: 28px;
    margin-bottom: 20px;
    color: #000224;
    font-weight: 600;
}

.tab-content p {
    text-align: justify;
    line-height: 1.9;
    letter-spacing: 0.4px;
    color: #202238;
}


.contetn_main_tab_fed {
    display: none;
}

.contetn_main_tab_fed.active {
    display: block;
}

.tabContents_fed .active {
    background-color: #ffffff;
    color: #4d5bf9;
}



@media only screen and (max-width: 728px) {



    #myUL.active li {
        width: 48%;
        display: inline-block;
        font-size: 12px;
        text-align: center;
        border-radius: 5px !important;
        border-bottom: 0px;
    }



    .country_title {
        display: inline-block;
        font-size: 12px;
    }

    .ups_bg,
    .dhl_bg,
    .fexde_contetn {
        border-radius: 0px;
    }

    .poczta_bg,
    .inpost_bg,
    .ups_bg,
    .dhl_bg,
    .fed_bg {
        width: 100%;
    }

    .curency_change {
        display: flex;
        grid-gap: 3px;
    }

    #myUL {
        margin-top: 0px;
    }

    .table_przesyki_head,
    .table_przesyki {
        font-size: 12px;
    }


    #contry_head_chose {
        font-size: 16px;
        top: 40px
    }


    .benefits li {
        font-size: 12px;
    }

    .ups_bg {
        padding: 10px 0px;
    }


    .logo_contetn img {
        width: 190px;
        margin: auto;
    }

    .tip_country {
        width: 100%;
        left: 0%;
        z-index: 9999;
        position: fixed;
        top: 20%;
        border-radius: 0px;
    }

    .contry_main {
        position: static;
        width: 100%
    }

    .tabs_strefa {
        position: static;
    }

    .contry_main img {
        width: 13px;
    }

    .table_przesyki_head h4 {
        font-size: 18px;
    }

    .tabs .active,
    .tabs_dhl .active {}

    .table_przesylki_contetrn {
        position: relative;
    }

    .contyr_li li img {
        width: 51px !important;
    }

    .logotypy_head {
        max-width: 100%;
        margin: auto;
        margin-bottom: 0px;
    }

    .logotypy_kurierskie {
        display: grid;
        grid-template-columns: 2fr 2fr;
        grid-gap: 10px;
    }



}

#myUL li img {
    vertical-align: middle;
}



.logotypy_head {
    max-width: 530px !important;
}

#head_control {
    margin-bottom: 20px !important;
    text-align: center;
}



#myUL.active li span,
.ups_contnet .sendcountry_day .DHL_day,
.ups_contnet .sendcountry_day .fedex_day,
.dhl_contnet .sendcountry_day .fedex_day,
.dhl_contnet .sendcountry_day .ups_day,
.fed_contnet .sendcountry_day .ups_day,
.fed_contnet .sendcountry_day .DHL_day,
#contry_head_chose span {
    display: none;
}

.sendcountry_day {
    font-size: 16px;
    /* padding-top: 20px; */
    text-align: center;
    /* padding-bottom: 20px; */
    color: #fff;
    bottom: -10px;
    position: relative;

    text-align: center;
    width: 100%;
    top: auto;

    text-align: left;

}

.sendcountry_day {
    text-align: center;
}

.dhl_bg .sendcountry_day {
    position: relative;
    bottom: 0px;
}

.sendcountry_day span {
    display: block;
    font-weight: bold;

}

.sendcountry_day span span {
    font-size: 22px;

    font-weight: bold;

    display: block;
    padding-bottom: 20px;
    padding-left: 0px;
    text-align: center;

}

.sendcountry_day img {
    vertical-align: bottom;
    width: 50px;
    display: block;
}

h6 {
    font-size: 36px;
}

#delivery_box .logotypy_kurierskie {
    display: flex;
    grid-gap: 10px;
    align-content: center;
    justify-content: center;

    margin-top: 0px;
    margin-bottom: 70px;
}

.curency_symbol {
    font-size: 11px;
}

.curency_change {
    display: none;
    grid-gap: 50px;
}

.btnusd,
.btneuro,
.btnfunt,
.btnczk,
.btnpln {
    padding: 10px;
    margin: 0px;
    border: solid 1px #ccc;

    cursor: pointer;
}

.bnt_curency:hover {
    border: solid 1px #414c5c;
}

.active_btn {
    background: #449533;
    color: #fff;
    pointer-events: none;
}

#layout,
.text_menu__txt_sub {
    overflow: visible;
}

#contry_head_chose {
    font-size: 28px;
    position: sticky;
    display: flex;


    z-index: 99;
    margin-bottom: 30px;
    text-align: center;
}

.flag_main_chose {
    width: 50px !important;

    vertical-align: middle;
}

#azja,
#ameryka,
#europa,
#afryka,
#blicki_wschod,
#australia {
    width: 100% !important;
    background: #fff !important;
    border: none !important;
    font-size: 21px !important;
    color: #414c5c !important;
    margin-top: 10px !important;
    font-weight: bold;
    grid-column-start: 1;
    grid-column-end: 4;




}

#azja:hover,
#ameryka:hover,
#europa:hover,
#afryka:hover,
#blicki_wschod:hover,
#australia:hover {
    color: #000 !important;
}



#myUL.active li {
    width: 24%;
    display: inline-block;
    text-align: left;

    border-radius: 2px;
    background: #fff;
    margin-bottom: 3px;
}

#myUL.active li.head_contynet {
    width: 100%;
    display: block;
}




.slowacja_main.active {
    display: grid !important;
}

.niemcy_main.active {
    display: grid !important;
}

.contyr_li li img {
    width: 50px !important;
}

.austria_main.active {
    display: grid !important;
}

.czech_main.active {
    display: grid !important;
    display: grid !important;
}

.contry_main img {
    width: 19px;
}

.contry_main {
    display: inline-block;
    position: relative;
}

.contry_main:hover .tip_country {
    display: block;
    position: absolute;

    z-index: 999;
}

.tip_country img {
    width: 25px;
    vertical-align: middle;
}

.tip_country {
    display: none;
    background: #fff;
    color: #424242;

    top: 50px;
    z-index: 999;
    font-size: 14px;
    padding: 30px;
    width: 450px;
    left: -100%;

    border: solid 1px #351c15;
    border-radius: 10px;
    text-align: left;
}

.tip_country strong {
    padding-bottom: 5px;
}

.contyr_li {
    padding: 0px;
    margin: 0px;
    grid-template-columns: 6fr 6fr;
    display: grid;
}

.contyr_li.fed_li {
    grid-template-columns: 12fr;
}

.contyr_li.fed_li li {
    padding: 0px;
    margin: 0px;
    grid-template-columns: 2fr 6fr 6fr 6fr;
    display: grid;
}

.contyr_li li {
    padding: 0px;
    margin: 0px;
    list-style: none;
    padding: 5px 0px;
}

.contyr_li img {
    width: 40px;
}

#myInput {
    background-position: 10px 12px;
    background-repeat: no-repeat;


    font-size: 16px;
    padding: 12px 20px 12px 60px;
    border: 2px solid #ddd;

    background: url("https://www.metalelokacyjne.pl/data/include/cms/przesylki/car.svg?v=1689249990788") 10px 12px no-repeat;

    background-size: 6%;

    height: 60px;
    background-color: #fff;
}

#myInput:hover {
    border: 2px solid #351c15;
}

#myInput:focus,
#myInput:active {
    border: 2px solid #03a84e;
}

#myUL {
    list-style-type: none;
    padding: 0;
    margin: 0;

    margin-bottom: 20px;
    border-radius: 10px;
    margin-top: 10px;
}

#myUL li {
    /* border: 1px solid #ddd; */
    margin-top: -1px;
    /* Prevent double borders */
    background-color: #f5f6fa;
    padding: 6px;
    text-decoration: none;
    font-size: 12px;
    color: black;
    display: block;
    cursor: pointer;
}


#myUL li a:hover:not(.header) {
    background-color: #eee;
}


@keyframes anmation_contyr {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

#myUL {
    display: none;
    opacity: 0;

    animation-name: anmation_contyr;
    animation-duration: 1s;
}

#myUL.active {
    display: grid;
    text-align: left;
    opacity: 1;
    animation-name: anmation_contyr;
    animation-duration: 1s;
    grid-template-rows: repeat(1, 1fr)
}

#myUL li.active {
    background: #03a84e;
    color: #fff;
}

.tabs,
.tabs_dhl {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.tab-content .contetn_main_tab.active,
.contetn_main_tab_dhl.active {
    display: block;
}

.tabs .active,
.tabs_dhl .active {
    background-color: #ffffff;
    color: #4d5bf9;


    border-radius: 10px 10px 0px 0px;
    border: solid 2px #351c15;
    border-bottom: 0px;
    padding-top: 9px;
}

.dhl_contnet .tabs .active,
.tabs_dhl .active {
    border: solid 2px #ffcb01 !important;
    border-bottom: none !important;
}

.fed_contnet .tabs .active,
.tabs_dhl .active {
    border: solid 2px #4d148c;
    border-bottom: none;
}



.content_box.ups {
    display: block;
}

.content_box.fed {
    display: block;
}

.content_box.dhl {
    display: block;
}

.undefined,
.brak {
    display: none !important;
}

.info_przesylka small {


    display: block;
    font-size: 12px;
}

.tabs_strefa a {
    color: #03a84e;
    text-decoration: none;
}

.tabs_strefa {
    position: relative;
    z-index: 9;
    top: 2px;
    height: 50px;
    cursor: pointer;
}



.head_przesyki {
    text-align: left;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 13px;
    padding-left: 20px;
}

.cm ul li,
.cm ol li {
    list-style: none !important;
}

.benefits li {
    font-size: 14px;
    color: #ffff;
    list-style: none !important;
    padding-bottom: 9px;

    padding-left: 20px;
}

.poczta_polska_contnet .benefits li {
    background: url(" https://www.metalelokacyjne.pl/data/include/cms/przesylki/poczta_li.svg?v=1688725432756") left 5px no-repeat;
    background-size: 2%;
}

.inpost_contnet .benefits li {
    background: url(" https://www.metalelokacyjne.pl/data/include/cms/przesylki/inpost_li.svg?v=1688725432756") left 5px no-repeat;
    background-size: 2%;
}

.upc_contnet .benefits li {
    background: url("https://www.metalelokacyjne.pl/data/include/cms/przesylki/ups_li.svg?v=1688725432755") left 5px no-repeat;
    background-size: 2%;
}

.upc_contnet .benefits li {
    background: url("https://www.metalelokacyjne.pl/data/include/cms/przesylki/ups_li.svg?v=1688735081566") left 5px no-repeat;
    background-size: 2%;
}

.dhl_contnet_main .benefits li {
    background: url(" https://www.metalelokacyjne.pl/data/include/cms/przesylki/inpost_li.svg?v=1688725432756") left 5px no-repeat;
    background-size: 2%;
}

.poczta_polska_contnet {
    padding-top: 30px;
}



.dhl_contnet_main .benefits li {
    color: #414c5c;
}

.logotypy_head {
    max-width: 800px;
    margin: auto;
    margin-bottom: 50px;
}

.logotypy_head img {
    width: 150px !important;
    border-radius: 5px;
}

.map {
    vertical-align: middle;
}

.inpost_contnet {
    padding: 20px 0px;
}

.logo_contetn img {
    width: 140px;
    display: block;

    /* padding-top: 10px; */
}

.tabs_strefa {
    padding-top: 5px;
    padding-bottom: 3px;
}

.ikonka_info {
    width: 17px;
    opacity: 0.5;
}

.ikonka_info:hover {
    opacity: 1;
}

h1.text_menu__label.headline {
    display: none;
}

.logo_contetn h5 {
    color: #535353;
    font-size: 14px !important;
    padding-top: 10px;
    padding: 0px;
    margin: 0px;
}

.table_przesyki h4 {
    padding: 10px 0px;
    font-size: 24px;
}

.table_przesyki {
    display: grid;
    grid-template-columns: 3fr 2fr 2fr;

    text-align: left;

    font-size: 15px;

    transition: all 0.4s;


}


.table_przesyki_head h4 {
    font-size: 28px;
    text-align: center;
}

.dhl_contnet h4 {

    margin: 0px;
    padding: 10px 0px;
}

.table_przesyki_head {
    display: grid;

    text-align: left;

    font-size: 21px;

    color: #262626;
    padding: 0px 0px;


}

.table_przesyki>div {
    border-top: solid 1px #f5f6fa;
    margin: 0px 0px;
    padding: 14px 0px;
    text-transform: uppercase;

    /*     font-weight: bold;*/
    align-items: center;

    padding-right: 10px;
    font-size: 16px;
    padding-left: 20px;
    border-left: solid 1px #ccc;

}



.table_przesyki:hover {
    background: #e21319;
    transition: all 0.4s;
    color: #fff;
}

.inpost_contetn .table_przesyki:hover {
    background: #dfad14;
    transition: all 0.4s;
    color: #fff;
}

.upc_contetn .table_przesyki:hover {
    background: #351c15 !important;
    transition: all 0.4s;
    color: #fff;
}

.fed_contetn .table_przesyki:hover {
    background: #351c15 !important;
    transition: all 0.4s;
    color: #fff;
}

.dhl_contetn .table_przesyki:hover {
    background: #e9a500 !important;
    transition: all 0.4s;
    color: #fff;
}

.fedex_contnet_main .table_przesyki:hover {
    background: #4d148c !important;
    transition: all 0.4s;
    color: #fff;
}

.fed_contnet .table_przesyki:hover {
    background: #4d148c !important;
    transition: all 0.4s;
    color: #fff;
}



.table_przesyki:hover span {
    color: #fff;
}

.table_przesyki span {
    font-size: 11px;
    color: #212121;
    padding-left: 3px;
    margin-top: 4px;
}

img.images_poczta {
    width: 40px;
    justify-content: center;
    vertical-align: middle;
}

.table_przesylki_contetrn {
    width: 100%;
    margin: auto;

}

.logo_contetn {
    text-align: center;
}

.logo_contetn h5 {
    font-size: 24px;
}

.inpost_contetn .table_przesyki {
    grid-template-columns: 6fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr;
}

.upc_contetn .table_przesyki {
    grid-template-columns: 6fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr;
}

.inpost_contetn .table_przesyki_head {
    grid-template-columns: 6fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr;
}

.upc_contetn .table_przesyki_head {
    grid-template-columns: 6fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr;
}

.poczta_bg {
    background: #e21319;
    padding: 20px 0px;
    border-radius: 10px;
    min-height: 200px;
}

.inpost_bg {
    background: #fdc829;
    padding: 20px 0px;
    border-radius: 10px;
    min-height: 200px;
}

.ups_bg {

    background: #351c15;


    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.dhl_bg {
    background: #ffcb01;


    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-top: 10px;


}

.fedex_bg {
    background: #4d148c;

    border-radius: 10px;
    min-height: 200px;
}

.fexde_contetn {
    background: #4d148c;

    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;

}

.poczta_bg,
.inpost_bg,
.ups_bg,
.dhl_bg,
.fed_bg,
#head_control,
#contry_head_chose {
    /* width: 70%; */

    position: relative;
}

.inpost_bg .benefits li {
    color: #35383d;
}


.mobile_head {
    display: none;
}

.table_przesyki_head.destop_head {
    display: grid;
}

.legenda_mobile {
    display: none;
}

@media (max-width: 728px) {


    #delivery_box #myUL.active li {
        border: none ;
        border-bottom: solid 1px #ccc;}

    .legenda_mobile {
        display: block;
        font-size: 12px;
        padding-top: 10px;
    }

    h6 {
        font-size: 18px !important;
    }

    .table_przesylki_contetrn {
        width: 100%;
    }


    .tabs_strefa_dhl {
        grid-template-columns: repeat(3, 1fr);
    }

    h3 {

        text-align: center;
        padding: 15px 0;
        cursor: pointer;
        font-weight: 600;
    }

    .tabContents_dhl {
        background-color: #ffffff;
        padding: 50px 40px;
    }

    .tabContents_dhl {
        font-size: 28px;
        margin-bottom: 20px;
        color: #000224;
        font-weight: 600;
    }

    .tab-content p {
        text-align: justify;
        line-height: 1.9;
        letter-spacing: 0.4px;
        color: #202238;
    }

    .tabContents_dhl {
        display: none;
    }

    .tabContents_dhl .active {
        display: block;
    }

    .tabContents_dhl .active {
        background-color: #ffffff;
        color: #4d5bf9;
    }

    .tabs_strefa_fed {
        grid-template-columns: repeat(3, 1fr);
    }

    h3 {

        text-align: center;
        padding: 15px 0;
        cursor: pointer;
        font-weight: 600;
    }

    .tabContents_fed {
        background-color: #ffffff;
        padding: 50px 40px;
    }

    .tabContents_fed {
        font-size: 28px;
        margin-bottom: 20px;
        color: #000224;
        font-weight: 600;
    }

    .tab-content p {
        text-align: justify;
        line-height: 1.9;
        letter-spacing: 0.4px;
        color: #202238;
    }

    .contetn_main_tab_fed.active {
        display: block;
    }

    .tabContents_fed .active {
        background-color: #ffffff;
        color: #4d5bf9;
    }
}

@media only screen and (max-width: 728px) {

    .table_przesyki.mobile_grid {
        grid-template-columns: 9.5fr 4fr 4fr 4fr 4fr !important;
    }

    .mobile_head {
        display: grid;
    }

    .destop_head {
        display: none;
    }

    .head_przesyki {
        text-align: center;
        padding-bottom: 10px;
        padding-top: 10px;
        font-size: 12px;
        padding-left: 0px;
    }

    .ceny_info {
        display: none;
    }


    #delivery_box .dec_table  {width: 200px !important;}
    #delivery_box   #myUL.active {
        display: grid;

       
    
        background: #fff;

        grid-template-columns: 6fr 6fr 6fr;

    }


    #delivery_box   .table_przesyki {display: flex  !important}

    .head_wysylka h4 {
        text-align: center;

    }

    .sendcountry_day span {
        display: inline-block;
        font-weight: bold;


    }


    .curency_change.active {
        display: block;
        position: absolute;

        z-index: 999;
        text-align: center;
        right: 0px;
        width: 80%;
        left: 30px;
    }


    .lista_krajow {
        display: grid;
        gap: 10px;
        justify-content: center;
        margin: 30px 0px;
        grid-template-columns: 6fr 6fr;
    }

    .sendcountry_day span span {
        font-size: 18px;
        display: block;
        font-weight: bold;
        padding-left: 5px;
        text-align: center;
    }

    .info_przesylka small {
        display: none;
    }

    #delivery_box   #head_control {
        display: block !important;
        grid-gap: 10px;
        justify-content: center;
        text-align: center;
        align-items: center;
        padding: 10px !important;

    }

    #delivery_box .head_wysylka {display: block !important;}


    .sendcountry_day {
        position: static;
        text-align: left;
    }


    #delivery_box  .table_przesyki>div {
        padding: 5px;
        font-size: 18px;


    }

    .sendcountry_day span {
        display: inline-block;
    }


    .info_przesylka {
        font-size: 13px;
        text-transform: uppercase;
    }

    .ups_contnet,
    .dhl_contnet,
    .fed_contnet {
        display: grid;
        grid-template-columns: 12fr;
    }

    #delivery_box .logo_contetn {gap:20px}
    #delivery_box .destop_head  {display: none;}

    #myUL.active li {
        width: 48%;
        display: inline-block;
        font-size: 12px;
    }

    .ups_bg,
    .dhl_bg,
    .fexde_contetn {
        border-radius: 10px;
    }

    .poczta_bg,
    .inpost_bg,
    .ups_bg,
    .dhl_bg,
    .fed_bg {
        width: 100%;
    }

    .curency_change {
        display: none;
        grid-gap: 3px;
    }

    #myUL {
        margin-top: 0px;
    }

    .table_przesyki_head,
    .table_przesyki {
        font-size: 12px;
    }

    #myInput,
    .waluta_btn {
        background-size: 9%;
        width: 90%;

    }

    #myInput {
        margin-bottom: 20px;
        background-color: #fff;
        margin-top: 20px;

    }

    #contry_head_chose {
        font-size: 16px;
        top: 40px;
    }

    .benefits li {
        font-size: 12px;
    }

    .ups_bg {
        padding: 10px 0px;
    }

    .logo_contetn img {
        width: 100px;

    }

    .tip_country {
        width: 100%;
        left: 0%;
        z-index: 9999;
        position: fixed;
        top: 20%;
        border-radius: 0px;
    }

    .contry_main {
        position: static;
        width: 100%;
    }

    .tabs_strefa {
        position: static;
    }

    .contry_main img {
        width: 13px;
    }

    .table_przesyki_head h4 {
        font-size: 18px;
    }


    #delivery_box  .table_przesylki_contetrn {
        position: relative;
        /* width: 800px; */
        overflow-x: scroll;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-items: stretch;
        align-items: center;
        gap: 0px !important;
        background: #fdfcf7;
        display: grid;
        padding: 10px 0px;
        display: flex;
        /* justify-items: center; */
        /* justify-content: center; */
        margin-top: 10px;
        flex-wrap: wrap;
        flex-direction: row;
        align-content: stretch;
        justify-items: stretch;
        align-items: center;
        gap: 20px;
        background: #fdfcf7;
        display: grid;
        align-content: stretch;
        padding: 10px 0px;
        display: flex;
        justify-items: center;
        justify-content: flex-start;
        margin-top: 10px;
        flex-wrap: wrap;
        flex-direction: row;
    }
    #delivery_box #contry_head_chose .country_title {font-size: 24px;color: var(--maincolor);}
    #delivery_box #contry_head_chose img {width: 60px !important;margin: auto;}


    #delivery_box #contry_head_chose {padding: 10px;text-align: center !important;      
        

        justify-content: center;}
    #delivery_box   .table_przesyki .return_txt_main>div {
        color: #444444;
        white-space: normal;
    }
    #delivery_box  .table_przesyki>div {display: flex;flex: none;        white-space: normal;} 

    .table_przesylki_contetrn {
        position: relative;
    }

    .contyr_li li img {
        width: 51px !important;
    }

    .logotypy_head {
        max-width: 100%;
        margin: auto;
        margin-bottom: 0px;
    }

    .logotypy_kurierskie {
        display: grid;
        grid-gap: 10px;

        grid-template-columns: 2fr 2fr;

    }



    .poczta_bg,
    .inpost_bg,
    .ups_bg,
    .dhl_bg,
    .fed_bg,
    #head_control,
    #contry_head_chose {
        width: 100%;
        margin: auto;
        padding: 0px !important;
    }

    .sendcountry_day {
        padding: 20px 0px;
        font-size: 11px;
        font-weight: bold;
    }

    #delivery_box   h6 {
        font-size: 18px !important;
        white-space: break-spaces;
    }

    #main_menu_bottom {
        display: none;
    }
    #delivery_box .table_przesyki_head, .table_przesyki {        font-size: 12px;
        display: flex !important;
        justify-content: space-between;
        max-width: 130%;
}

    #delivery_box #country_tag .lista_krajow li {    flex: none !important;}

    #delivery_box #country_tag .lista_krajow {overflow: scroll;}

    #delivery_box #myUL.active {display: block !important;}

    #delivery_box .table_przesyki_head.mobile_head {
        display: flex;
        gap: 10px;
        justify-content: flex-end;
    }

    #delivery_box   #myInput, #delivery_box  .waluta_btn  {width: 100% !important;}
    #delivery_box #contry_head_chose {
        position: sticky;
        display: flex;
        top: 60px;
        background: #fff;
        z-index: 99;
        margin-bottom: 30px;
        flex-direction: row;
        align-content: flex-start;
        text-align: left;
        align-items: center;
        font-size: 12px;
        overflow: scroll;
        padding: 10px !important;
        justify-content: flex-start;
        position: fixed !important;
    
    }
    

}