body {
    margin: 0 auto;
    font-size: 11pt;
    text-align: center;
    font-family: Arial;
}

.tappa {
    float: left;
    width: 100%;
    z-index: 1;
    padding: 10px 0 10px 0;
}

.logoora {
    width: 17%;
    float: left;
    color: #004990;
    font-size: 16pt;
    font-weight: 700;
    margin: 0 0 0 0;
}

    .logoora a {
        color: #004990;
        text-decoration: none;
    }

        .logoora a:hover {
            color: #000;
            text-decoration: none;
            -webkit-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
        }

.talla {
    float: right;
    color: #fff;
    font-size: 17pt;
    text-align: center;
    margin: 15px 0 15px 0;
}

    .talla a {
        color: #fff;
        background-color: #333;
        padding: 10px 25px;
        border-radius: 10px;
    }

        .talla a:hover {
            color: #fff;
            background-color: #000;
            text-decoration: none;
            -webkit-transition: all .6s ease-in-out;
            -o-transition: all .6s ease-in-out;
            transition: all .6s ease-in-out;
        }

.manuba {
    width: 57%;
    float: left;
    margin: 5px 0 0 30px;
}

.hadrola_area {
    width: 100%;
    float: left;
}

.hadrola_grupaa {
    width: 100%;
    float: left;
    border-radius: 20px;
    background-image: url(../images5/hdr_bg.webp);
    background-position: 50% 50%;
    background-size: cover;
}

.hadrola_rijota {
    width: 70%;
    float: left;
}

.hadrola_lefota {
    width: 40%;
    float: left;
    border-radius: 20px;
    background-color: #004990;
    padding: 100px 20px 100px 30px;
}

.hadrola_ttloy {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 30pt;
    text-align: left;
    padding: 0 0 20px 0;
}

.hadrola_txtoy {
    width: 100%;
    float: left;
    color: #fff;
    line-height: 1.5;
    text-align: left;
    padding: 0 0 0 0;
}

.hadrola_moreey {
    width: 50%;
    float: left;
    margin: 40px 0 10px 0;
}

    .hadrola_moreey a {
        color: #000;
        font-size: 13pt;
        font-weight: bold;
        padding: 10px 30px;
        border-radius: 20px;
        letter-spacing: 1px;
        text-decoration: none;
        background-color: #fff;
    }

        .hadrola_moreey a:hover {
            color: #fff;
            text-decoration: none;
            background-color: #000;
        }

.wel_area {
    width: 100%;
    float: left;
    padding: 30px 0 0 0;
}

    .wel_area h1 {
        color: #222;
        font-size: 22pt;
        line-height: 1.3;
        font-weight: bold;
        margin: 0 0 10px 0;
        text-align: center;
    }

    .wel_area p {
        color: #666;
        margin: 0 0 20px;
        text-align: center;
    }

.bst {
    width: 100%;
    float: left;
    padding: 30px 0 40px 0;
}

.bst_lft {
    width: 50%;
    float: left;
    padding: 0 30px 0 10px;
}

.bst_rgt {
    width: 50%;
    float: left;
    padding: 30px 0 0 25px;
}

.bst_imbor {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.bst_lft h1 {
    color: #222;
    font-size: 22pt;
    text-align: left;
    line-height: 1.3;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.bst_grp {
    width: 50%;
    float: left;
    height: 160px;
    padding: 10px 50px 20px 0;
}

.bst_ico {
    width: 100%;
    float: left;
    text-align: left;
    padding: 0 0 20px 0;
}

.bst_matt {
    width: 100%;
    float: left;
    text-align: left;
}

.bst_ttl {
    width: 100%;
    float: left;
    font-size: 13pt;
    padding: 0 0 10px 0;
    color: #000;
    font-weight: bold;
}

.bst_txx {
    width: 100%;
    float: left;
    color: #666;
    line-height: 1.3;
    text-align: justify;
}

.all-contents {
    width: 100%;
    float: left;
    padding: 30px 0 30px 0;
}

.img_Left {
    margin: 0 10px 10px 0;
}

.img_Right {
    margin: 0 0 10px 10px;
}

.srve_panel {
    width: 100%;
    float: left;
    padding: 30px 0 30px 0;
    background-color: #fff;
}

    .srve_panel h1 {
        font-size: 25pt;
        text-align: left;
        color: #171717;
        font-weight: 700;
        margin: 0 0 10px 0;
        text-align: center;
    }

    .srve_panel p {
        color: #666;
        font-weight: 600;
        margin: 0 0 20px 0;
    }

.srve_item {
    width: 96.5%;
    float: left;
    margin: 0 5px;
    padding: 0 20px 20px 20px;
}

.srve_item_1 {
    width: 96.5%;
    float: left;
    padding: 20px;
    margin: 0 5px;
    border-right: 0;
}

.srve_item_a {
    width: 100%;
    float: left;
    margin: 0;
    text-align: center;
    padding: 15px 0 20px 0;
}

.srve_item_b {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0 0 20px 0;
    text-align: center;
}

.srve_item h3 {
    margin: 0;
    color: #171717;
    font-size: 15pt;
    font-weight: 700;
    text-align: center;
}

.srve_item_1 h3 {
    margin: 0;
    color: #171717;
    font-size: 15pt;
    font-weight: 700;
    text-align: center;
}

.srve_item_c {
    width: 100%;
    float: left;
    padding: 0;
    color: #333;
    line-height: 1.7;
    margin: 0 0 10px 0;
    text-align: justify;
}

.sevora {
    width: 100%;
    float: left;
    padding: 0 0 30px 0;
}

.sevora_ap {
    width: 50%;
    float: left;
    color: #666;
    padding: 10px 60px 20px 60px;
}

    .sevora_ap h1 {
        color: #004990;
        font-size: 22pt;
        text-align: left;
        line-height: 1.3;
        font-weight: bold;
        margin: 0 0 10px 0;
    }

    .sevora_ap p {
        font-size: 13pt;
    }

.sevora_bp {
    width: 50%;
    float: left;
    padding: 0 50px 0 50px;
}

.sevora_imbora {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.sevora_imbori {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.sevora_mor {
    color: #ffffff;
    margin: 0 auto;
    margin-top: 40px;
    font-size: 11pt;
}

    .sevora_mor a {
        color: #fff;
        font-weight: 400;
        border-radius: 8px;
        padding: 13px 50px;
        text-decoration: none;
        background-color: #222;
    }

        .sevora_mor a:hover {
            color: #fff;
            background-color: #004990;
            text-decoration: none;
            padding: 13px 50px;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
        }

.ptxt {
    color: #444;
}

.cit_area {
    width: 100%;
    float: left;
    margin: 0 0 40px 0;
}

.cit_ttl {
    width: 100%;
    float: left;
    color: #004990;
    font-size: 22pt;
    margin: 0 0 5px 0;
    font-weight: 700;
    text-align: center;
}

.tbl_area {
    width: 100%;
    float: left;
    margin: 0 0 0 0;
}

    .tbl_area a {
        color: #000;
    }

        .tbl_area a:hover {
            color: #004990;
        }

.trgry {
    background-color: #f3f3f3;
}

.ftura-links {
    width: 100%;
    float: left;
    font-size: 10pt;
    text-align: center;
}

.ftura {
    width: 100%;
    float: left;
    color: #666;
    padding: 30px 0 30px 0;
    background-color: #eee;
}

    .ftura a {
        color: #666;
        text-decoration: none;
    }

        .ftura a:hover {
            color: #000;
            text-decoration: none;
        }

    .ftura ul {
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: center;
    }

    .ftura li {
        display: inline;
        padding: 0 10px 0 0;
    }

.ftura-lft {
    width: 60%;
    float: left;
    text-align: left;
}

.ftura-rgt {
    width: 40%;
    float: left;
    text-align: right;
    margin: 0 0 0 0;
}





@media (max-width:480px) {

    .tappa {
        float: left;
        width: 100%;
        z-index: 1;
        padding: 10px 0 0 0;
    }

    .logoora {
        width: 60%;
        float: left;
        color: #004990;
        font-size: 14pt;
        font-weight: 700;
        text-align: center;
        margin: 0 20% 0 20%;
    }

    .manuba {
        width: 100%;
        float: left;
        margin: 5px 0 0 0;
    }

    .talla {
        width: 80%;
        float: left;
        color: #fff;
        font-size: 17pt;
        text-align: center;
        margin: 15px 10% 5px 10%;
    }

    .hadrola_lefota {
        width: 100%;
        float: left;
        padding: 50px 20px 50px 30px;
    }

    .hadrola_ttloy {
        width: 100%;
        float: left;
        color: #fff;
        font-size: 20pt;
        text-align: center;
        padding: 0 0 20px 0;
    }

    .hadrola_txtoy {
        width: 100%;
        float: left;
        color: #fff;
        line-height: 1.5;
        padding: 0 0 0 0;
        text-align: center;
    }

    .hadrola_moreey {
        width: 60%;
        float: left;
        margin: 40px 20% 10px 20%;
    }

    .hadrola_grupaa {
        width: 100%;
        float: left;
        border-radius: 20px;
        background-image: url(../images5/hdr_bg.webp);
        background-position: 80% 50%;
        background-size: cover;
        padding: 0 0 400px 0;
    }

    .bst {
        width: 100%;
        float: left;
        padding: 30px 0 30px 0;
        border-bottom: 1px dashed #aaa;
    }

    .bst_lft {
        width: 100%;
        float: left;
        padding: 0 10px 0 10px;
    }

    .bst_rgt {
        width: 100%;
        float: left;
        padding: 10px 10px 0 10px;
    }

    .bst_lft h1 {
        font-size: 17pt;
        margin: 0 0 10px 0;
        text-align: center;
        line-height: 1.1;
    }

    .bst_grp {
        width: 50%;
        float: left;
        height: 210px;
        padding: 10px 10px 20px 10px;
    }

    .bst_ico {
        padding: 0 0 10px 0;
    }

    .bst_ttl {
        font-size: 11pt;
    }

    .sevora_bp {
        width: 100%;
        float: left;
        padding: 30px 10px 0 10px;
    }

    .sevora_ap {
        width: 100%;
        float: left;
        padding: 10px 10px 20px 10px;
    }

        .sevora_ap h1 {
            font-size: 16pt;
            margin: 0 0 5px 0;
            text-align: center;
        }

    .sevora {
        width: 100%;
        float: left;
        padding: 0 0 0 0;
    }

    .ftura {
        width: 100%;
        float: left;
        color: #666;
        margin: 20px 0 0 0;
        padding: 30px 0 30px 0;
        background-color: #eee;
    }

        .ftura ul {
            padding: 0;
            margin: 0;
            line-height: 1.5;
            list-style: none;
            text-align: center;
        }

    .ftura-lft {
        width: 100%;
        float: left;
        line-height: 1.5;
        text-align: center;
    }

    .ftura-rgt {
        width: 100%;
        float: left;
        text-align: center;
        margin: 2px 0 0 0;
    }

    .bst_imbor {
        border-radius: 20px;
    }

    .sevora_imbora {
        border-radius: 20px;
    }

    .sevora_imbori {
        border-radius: 20px;
    }

    .sevora_mor {
        color: #ffffff;
        margin: 0 auto;
        margin-top: 15px;
    }

        .sevora_mor a {
            color: #fff;
            text-decoration: none;
            padding: 7px 25px;
        }

            .sevora_mor a:hover {
                color: #fff;
                background-color: #004990;
                text-decoration: none;
                padding: 7px 25px;
            }

    .cit_area {
        width: 100%;
        float: left;
        margin: 20px 0 20px 0;
    }

    .cit_ttl {
        width: 100%;
        float: left;
        color: #004990;
        font-size: 17pt;
        font-weight: 700;
        margin: 0 0 5px 0;
        text-align: center;
    }

    .tbl_area {
        width: 100%;
        float: left;
        font-size: 8pt;
        margin: 0 0 0 0;
    }

    .wel_area h1 {
        font-size: 17pt;
        line-height: 1.2;
        margin: 0 0 5px 0;
        text-align: center;
    }

    .srve_item {
        width: 100%;
        float: left;
        margin: 0;
        padding: 0 5px 20px 5px;
    }

    .srve_item_c {
        width: 100%;
        float: left;
        padding: 0;
        color: #333;
        margin: 0 0 0 0;
        text-align: justify;
    }
}