a {
    color: rgb(118, 188, 229);
}

a:hover {
    color: rgb(86, 166, 212);
}

button {
    border-style: none;
    background-color: rgba(255, 255, 255, 0);
}

@media (max-width: 500px) {
    body {
        font-size: 70%;
    }
}

@media (min-width: 501px) {
    body {
        font-size: 95%;
    }
}

.site-wrap {
    /* background-color: rgb(51, 141, 193); */
}

.header_grid,
.header_grid_img {
    display: grid;
    position: absolute;
    top: 0;
    /* z-index: 8; */
    width: 100%;
}

.header_grid {
    z-index: 10;
}

.header_grid_img {
    z-index: 8;
}

#overlayer {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 7100;
    background: #ffffff92;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.loader {
    z-index: 7700;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* background-color: rgba(255, 255, 255, 0.5); */
}

.drower_show,
.drower_hide {
    position: fixed;
    z-index: 100;
    top: 103px;
    display: block;
    width: 100%;
    left: 0;
}

.drower_show {
    opacity: 1;
    -webkit-animation: animation12 1s;
}

.drower_off {
    display: none;
}

.drower_hide {
    display: none;
    /* opacity: 0; */
    -webkit-animation: animation13 1s;
}

.inputtip1,
.inputtip1s,
.inputtip10,
.textareatip1 {
    padding: 5px;
    font-size: 120%;
    border-radius: 5px;
    border-width: 1px;
    border-color: rgb(155, 154, 154);
    border-style: solid;
}

.inputtip11 {
    padding: 5px;
    font-size: 120%;
}

.inputtip10 {
    display: block;
}

.inputtip1s {
    display: inline-block;
}

.inputtip1,
.textareatip1 {
    display: block;
    width: 100%;
}

.button1,
.button1_green,
.button10 {
    text-align: center;
    padding: 12px;
    border: 0;
    border-radius: 15px;
    color: white;
    cursor: pointer;
}

.button10 {
    background-color: blueviolet;
}

.button10:hover {
    background-color: rgb(188, 136, 236);
}

.button1,
.button1_green {
    width: 150px;
    display: inline-block;
}

.grid_2 .button1 {
    display: block;
    width: 100%;
}

.button1 {
    background-color: blueviolet;
}

.button1:hover {
    background-color: rgb(188, 136, 236);
}

@-webkit-keyframes animation12 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes animation12 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes animation13 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes animation13 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.drower_top_list {
    background-color: rgb(249, 250, 251);
    border-radius: 15px;
    filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.34));
    padding: 10px 20px 20px 20px;
    display: block;
    width: 100%;
}

.drower_top_list .body_ {
    padding: 10px 0;
}

.drower_top_list .body_ .sub_{
    font-size: 120%;
    color: red;
    font-weight: bolder;
}
.drower_top_list .body_ h4{
    padding: 5px 0;
}

.drower_top_list .body_ #user_pin{
    font-size: 120%;
    color: red;
    padding: 20px;
    margin: 20px auto;
    border-style: solid;
    border-width: 1px;
    border-color: grey;
    text-align: center;
    border-radius: 10px;
    max-width: 400px;
}

.products_grid {
    display: grid;

    grid-gap: 20px;
}

@media (max-width: 500px) {
    .products_grid {
        grid-template-columns: auto;
    }

    .drow_body {
        padding: 0 5px;
    }
}

@media (min-width: 501px) and (max-width:1400px) {
    .products_grid {
        grid-template-columns: auto auto;
    }

    .drow_body {
        padding: 0 10px;
    }

}

@media (min-width: 1401px) and (max-width:1700px) {
    .products_grid {
        grid-template-columns: auto auto auto;
    }

    .drow_body {
        padding: 0 20px;
    }
}

@media (min-width: 1701px) {
    .products_grid {
        grid-template-columns: auto auto auto auto;
    }

    .drow_body {
        padding: 0 20px;
    }
}

.input_form {
    display: grid;
}

.input_form div .img_ {
    background-image: url(../pic/33968.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: auto;
}


@media(min-width: 1301px) {
    .input_form {
        grid-template-columns: auto 600px;
        grid-gap: 70px;
        padding: 20px 50px 50px 20px;
    }

    .input_form div .img_ {
        display: block;
        height: 500px;
    }

}

@media (min-width: 901px) and (max-width: 1300px) {
    .input_form {
        grid-template-columns: auto 400px;
        grid-gap: 50px;
        padding: 20px 30px 50px 30px;
    }

    .input_form div .img_ {
        display: block;
        height: 500px;
    }
}

@media (min-width: 501px) and (max-width: 900px) {
    .input_form {
        grid-template-columns: auto;
        padding: 20px;
    }

    .input_form div .img_ {
        display: none;
    }
}

@media (max-width: 500px) {
    .input_form {
        grid-template-columns: auto;
        padding: 20px 0;
    }

    .input_form div .img_ {
        display: none;
    }
}

.input_form div .img_ {
    /* display: block;
    width: 100%;
    height: auto; */
    border-radius: 15px;
    background-color: #6cbef8;
}

.input_form .form_ {
    padding: 30px 30px 10px 30px;
    border-radius: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: grey;
}

.input_form .form_ .input_i_ {
    padding: 15px 0;
}

.input_a_ {
    padding: 5px 0;
}

.error_box {
    padding: 10px;
    border-radius: 10px;
    background-color: rgb(247, 225, 225);
    margin: 5px 0;
}

.error_box p {
    padding: 5px 0;
}

.input_form .form_ .input_i_ .lable_ {
    display: block;
    width: 100%;
    color: grey;
    padding: 0 0 10px 0;
}

.input_form .form_ .input_i_ .input_ {
    display: block;
    width: 100%;
}

.input_form .form_ .input_i_ .strong_btn {
    display: block;
    width: 100%;
}

.cover_win {
    display: inline-block;
    width: 100vw;
    height: 100vh;
    background-color: #ffffffb8;
    position: absolute;
    top: -20px;
    left: 0;
}

.products_item a {
    display: grid;
    grid-template-columns: 80px auto;
    grid-template-rows: 25px 45px;
    grid-template-areas: 'img title' 'img subt';
    grid-gap: 10px;
    color: black;
    transition: all 0.2s;
    border-radius: 10px;
    padding: 10px 10px 10px 30px;
}

.products_item a:hover {
    color: grey;
    opacity: 0.7;
    background-color: rgb(228, 231, 233);
}

.products_item a .img_ {
    grid-area: img;
    /* background-image: url(); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(173, 172, 172);
}

.products_item a .title_ {
    grid-area: title;
    font-weight: bold;
    padding: 0 0 10px 0;
}

.products_item a .subt_ {
    grid-area: subt;
    font-size: 90%;
    color: grey;
}

.topcontrol_ {
    padding: 0 0 10px 0;
    text-align: left;
}

.topcontrol_ #close_ {
    padding: 5px;
    cursor: pointer;
}

.report_table_cont {
    margin: 20px 0;
    padding: 20px 0;
}

.report_table_cont .form_ {
    padding: 10px 0;
}

.bold_ {
    font-weight: bold;
    font-size: 110%;
    color: black;
}

.time_master_grid {
    display: grid;
    grid-gap: 50px;
    padding: 40px 0;

}

@media(max-width: 1000px) {
    .time_master_grid {
        grid-template-columns: auto;
    }

    .time_master_grid .time_ui_0 {
        /* margin: 0 auto; */
    }

    .time_master_grid .time_ui_0 .group_1 {
        border-style: solid;
        border-color: grey;
        border-width: 1px 0 0 0;
    }
}

@media(min-width: 1001px) {
    .time_master_grid {
        grid-template-columns: 400px auto;
    }

    .time_master_grid .time_ui_0 .time_ui {
        /* padding: 0 0 0 40px; */
        padding: 30px;
        border-radius: 20px;
        filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.215));
        background-color: white;
    }

}

.time_master_grid .time_ui {
    text-align: center;
}

.time_master_grid .list_act {
    /* padding: 0 40px 0 0;
    border-style: solid;
    border-width: 0 1px 0 0;
    border-color: grey; */
}

.time_master_grid .list_act .sub_ {
    font-size: 110%;
    font-weight: bold;
    padding: 30px 0 10px 0;
}

/* .time_ui{
    display: inline-block;
    width: 400px;
    margin: 0 auto;
} */

.grid_2 {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 20px;
    padding: 10px 0;
}

.grid_3 {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 10px;
    padding: 10px 0;
}


/* .strong_btn{
    border-style: none;
    background-color: rgb(73, 110, 151);
    color: white;
    padding: 10px 20px;
    display: block;
    border-radius: 10px;
} */

.time_grid {
    display: grid;
    grid-template-columns: auto auto;
    padding: 10px;
    margin: 10px 0;
}

.time_grid .time_ {
    direction: ltr;
    margin: 0 20px 0 0;
}

.time_grid .date_ {
    padding: 0 0 0 20px;
    border-style: solid;
    border-color: grey;
    border-width: 0 0 0 1px;
}

.time_grid_3 {
    font-size: 140%;
    padding: 10px 0;
    direction: ltr;
}

.time_ctrl_c {
    padding: 20px 0;
    text-align: center;
}

.time_ctrl_c .time_ctrl_btn_s,
.time_ctrl_c .time_ctrl_btn_e {
    display: inline-block;
    cursor: pointer;
    color: white;
    font-size: 130%;
    border-width: 0;
}

@media(max-width: 300px) {

    .time_ctrl_c .time_ctrl_btn_s,
    .time_ctrl_c .time_ctrl_btn_e {
        width: 130px;
        height: 130px;
        border-radius: 130px;
    }
}

@media(min-width: 301px) {

    .time_ctrl_c .time_ctrl_btn_s,
    .time_ctrl_c .time_ctrl_btn_e {
        width: 200px;
        height: 200px;
        border-radius: 200px;
    }
}

.time_ctrl_c .time_ctrl_btn_s {
    background-color: #8cccfa;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.352));
    -webkit-animation: animation14 1s;
}

.time_ctrl_c .time_ctrl_btn_e {
    background-color: red;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.352));
    -webkit-animation: animation14 1s;
}

.time_ctrl_btn-hide {
    display: none;
    /* -webkit-animation: animation15 3s; */
}

@-webkit-keyframes animation14 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes animation14 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes animation15 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes animation15 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.drower_top_list div #sub_ {
    padding: 10px 0;
    font-size: 120%;
    font-weight: bold;
}

.drower_top_list div div .search_ .query_list {
    height: 300px;
    overflow-y: auto;
}

.drower_top_list div div .search_ {
    padding: 10px 0;
}

@media (max-width: 500px) {
    .drower_top_list div div .search_ {
        display: block;
    }
}

@media (min-width: 501px) {
    .drower_top_list div div .search_ {
        display: grid;
        grid-template-columns: 100px auto auto 170px;
    }
}

.drower_top_list div div .search_ .search_inp {
    background-color: white;
    padding: 15px 30px;
    border-radius: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: grey;
    font-size: 120%;
    color: black;
}

.drower_top_list div div .search_ .lable_ {
    margin: 10px 0;
    padding: 10px 0;
}

.drower_top_list div div .search_ .small_btn {
    padding: 10px 20px;
    background-color: #6cbef8;
    color: white;
    margin: 10px 0;
}

.time_s_t .sec_ {
    display: inline-block;
    width: auto;
    padding: 3px 10px;
    direction: ltr;
}

.small_btn {
    display: inline-block;
    width: auto;
    padding: 3px 20px;
    background-color: white;
    border-radius: 50px;
    border-style: solid;
    border-width: 1px;
    border-color: grey;
    color: grey;
    transition: all 0.2s;
}

.small_btn:hover {
    background-color: #e5e9eb;
    border-color: black;
    color: black;
}

.group_1 {
    padding: 20px 0;
}

.input_item {
    padding: 10px 0;
}

.input_item .item_ {
    text-align: right;
    padding: 5px 0;
}

.input_item .item_ span {
    display: inline-block;
    width: auto;
}

.input_item .item_ .small_btn {}

.input_item .lable_ {
    text-align: right;
    padding: 10px 0 5px 0;
}

.input_,
.input_red {
    padding: 10px;
    border-style: solid;
    border-width: 1px;
    border-radius: 10px;
}

.input_ {
    border-color: grey;
}

.input_red {
    border-color: red;
    display: block;
    width: 100%;
}

.input_item .input_ {
    display: block;
    margin: 5px 0 10px 0;
    width: 100%;
    font-weight: bold;
    font-size: 110%;
}


.shadow_i {
    display: block;
    background-color: white;
    border-radius: 10px;
    padding: 20px;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.146));
}

.report_table_cont .form_ .shadow_i,
.list_act .shadow_i {
    margin: 7px 0;
}

.shadow_i .sec_ {
    display: inline-block;
    width: auto;
    color: grey;
}

.wing_l_ .wing_l_c1_,
.wing_r_ .wing_r_c1_ {
    position: relative;
    top: 30px;
    /* display: grid; */
}

.query_list {
    padding: 20px 0;
    height: 300px;
    overflow-y: auto;
}

.query_list .item_ {
    display: block;
    cursor: pointer;
    margin: 3px 8px;
    padding: 20px;
    background-color: white;
    border-radius: 15px;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.192));
    transition: all 0.2s;
}

.query_list .item_:hover {
    /* opacity: 0.8; */
    border-radius: 10px;
    background-color: #f1f1f2;
}

.formgrcont .sub_ {
    font-size: 120%;
    font-weight: bold;
    padding: 10px 0;
}

.outline_ {
    display: block;
    border-radius: 15px;
    border-style: solid;
    border-color: grey;
    border-width: 1px;
}

@media (max-width: 500px) {
    .formgrcont .outline_ {
        padding: 10px;
    }
}

@media (min-width: 501px) {
    .formgrcont .outline_ {
        padding: 20px;
    }
}

.bottom_btn_cont {
    padding: 20px 0;
}

.menu_item_,
.menu_item_s {
    display: inline-block;
    width: auto;
    margin: 0 10px;
    padding: 5px 0;
}

.menu_item_s {
    border-style: solid;
    border-width: 0 0 4px 0;
    border-color: white;
    padding: 5px 0;
}

.menu_item_grid_ {
    display: grid;
    grid-template-columns: auto 35px;
    grid-template-rows: 35px;
    direction: rtl;
}

.menu_item_simp_ {
    display: inline-block;
    width: auto;
    direction: rtl;
    /* padding: 5px 0 0 0; */
}

.banner_sta,
.banner_sta_c {
    padding: 150px 0 0 0;
    background-color: rgb(218, 216, 216);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-blend-mode: multiply;
}


.banner_sta {
    height: 500px;
}

.b_container .b_container_grid_ {
    display: grid;

    grid-gap: 30px;
    direction: rtl;
}

.b_container .b_container_grid_ .item2 {

    border-style: solid;
    border-color: grey;

}

.b_container .b_container_grid_ .item2 .subject_ {
    font-size: 110%;
    font-weight: bold;
    padding: 10px;
    background-color: rgb(238, 237, 237);
    border-radius: 10px;
    margin: 0 10px;
}

.b_container .b_container_grid_ .item2 .cont_ {
    padding: 5px 0;
}

.b_container {
    background-color: white;
    position: relative;
    top: -80px;
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.235));
}

@media(max-width:1000px) {
    .b_container {
        padding: 20px;
        border-radius: 30px;
    }

    .b_container .b_container_grid_ {
        grid-template-columns: auto;
    }

    .b_container .b_container_grid_ .item2 {
        border-width: 0;
        padding: 0;
    }
}

@media(min-width:1001px) {
    .b_container {
        padding: 30px;
        border-radius: 65px;
    }

    .b_container .b_container_grid_ {
        grid-template-columns: auto 380px;
    }

    .b_container .b_container_grid_ .item2 {
        border-width: 0 1px 0 0;
        padding: 0 20px 0 0;
    }
}

.titleM1 {
    width: auto;
    font-size: 140%;
    color: rgb(122, 5, 158);
    direction: rtl;
    text-align: right;
    padding: 15px 0;
    font-weight: bolder;
}

.table_top_grid {
    display: grid;
    grid-template-columns: auto 300px;
    grid-template-rows: 60px;
    padding: 10px 0 0 0;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: grey;
}

.table_top_grid .title_ {
    font-size: 110%;
    font-weight: bold;
    text-align: right;
    padding: 15px 0 0 0;
    color: rgb(122, 5, 158);
}

.table_top_grid .control_ {
    text-align: center;
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    direction: ltr;
}

.table_ctr {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #6cbef8;
    border-radius: 8px;
    padding: 17px 15px 0 15px;
    color: white;
    text-align: center;
    transition: all 0.2s;
    /* background-color: #12ca74;
    background-color: #fa4002;
    background-color: #8dab12; */
}

.table_ctr_1 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #6cbef8;
    border-radius: 15px;
    color: white;
    text-align: center;
    transition: all 0.2s;
    padding: 5px 0 0 0;
}

.color_btn_admin .top_grid_ .table_ctr_1 {
    border-width: 0;
}

.table_ctr:hover {
    background-color: #8cccfa;
    border-radius: 10px;
    opacity: 0.7;
}

.table_ctr .icon_ {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.setting_cont {
    display: block;
    padding: 20px;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.235));
    border-radius: 15px;
    background-color: white;
    margin: 20px 0 0 0;
}

.setting_cont .top_ctr_,
.form_ .top_ctr_ {
    display: grid;
    grid-template-columns: auto 40px;
    grid-template-rows: 40px;
}

.form_ .top_ctr_ {
    padding: 20px 0;
}

.pop_up .shadow_box .b_control2,
.pop_up .shadow_box .b_control1 {
    display: grid;
    margin: 20px 0;
    grid-gap: 10px;
}

.pop_up .shadow_box .b_control2 {
    grid-template-columns: auto 100px 100px;
}

.pop_up .shadow_box .b_control1 {
    grid-template-columns: auto 100px;
}

.pop_up .shadow_box .b_control2 a,
.pop_up .shadow_box .b_control1 a {
    padding: 10px;
}


.shadow_box,
.shadow_box-showAnim {
    position: fixed;
    top: 50%;
    left: 50%;
    /* -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); */
    transform: translate(-50%, -50%);
    width: 90%;
    padding: 20px;
    border-radius: 15px;
    background-color: white;
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.3));
    display: inline-block;
}

@media (max-width: 500px) {

    .shadow_box,
    .shadow_box-showAnim {
        padding: 10px;
        border-radius: 10px;
    }
}

@media (min-width: 501px) {

    .shadow_box,
    .shadow_box-showAnim {
        padding: 20px;
        border-radius: 15px;
    }
}

.pop_up .shadow_box-showAnim {
    -webkit-animation: animation1 1s;
}

@-webkit-keyframes animation1 {
    0% {
        top: 45%;
    }

    100% {
        top: 50%;
    }
}

@keyframes animation1 {
    0% {
        top: 45%;
    }

    100% {
        top: 50%;
    }
}

.shadow_box .control_btn_,
.shadow_box-showAnim .control_btn_ {
    padding: 0 0 20px 0;
    text-align: left;
    height: auto;
}

.shadow_box .body_,
.shadow_box-showAnim .body_ {
    padding: 30px 20px;
    text-align: center;
}

.shadow_box .control_btn_ .glass_btn1,
.shadow_box-showAnim .control_btn_ .glass_btn {
    padding: 8px 5px;
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
}

.shadow_box .body_ .text_,
.shadow_box-showAnim .body_ .text_ {
    padding: 10px 0;
}

.shadow_box .body_ .text_ .p_ {
    text-align: center;
}

.shadow_box .body_ .under_control_,
.shadow_box-showAnim .body_ .under_control_ {
    padding: 30px 0 0 0;
}

.shadow_box .body_ .under_control_ .cristal_btn1,
.shadow_box-showAnim .body_ .under_control_ .cristal_btn1 {
    display: inline-block;
    width: 140px;
}

.formgrcont-hide {
    display: none;
}

.setting_cont .butt_ctr_,
.three_grid_ctrl {
    display: grid;
    grid-template-columns: auto 170px 170px;
    grid-template-rows: 60px;
    grid-gap: 20px;
}

@media (max-width: 500px) {

    .setting_cont .butt_ctr_,
    .three_grid_ctrl {
        grid-template-columns: auto;
        grid-gap: 20px;
    }
}

@media (min-width: 501px) {

    .setting_cont .butt_ctr_,
    .three_grid_ctrl {
        grid-template-columns: auto 170px 170px;
        grid-gap: 20px;
    }
}

.setting_cont .top_ctr_ .simple_btn,
.form_ .top_ctr_ .simple_btn {
    padding: 10px 0 0 0;
    text-align: center;
}

.setting_cont .top_ctr_ .sub_,
.form_ .top_ctr_ .sub_ {
    text-align: right;
    font-size: 110%;
    font-weight: bold;
    color: grey;
    padding-top: 5px;
}

.setting_cont .inputs_ {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto;
    grid-gap: 10px 40px;
    padding: 20px 0;
}

.setting_cont .inputs_ .field_grid_,
.field_grid_ {
    display: grid;
    grid-template-columns: 200px auto;
    grid-template-areas: 'lable inp'
        'msg msg';
    padding: 10px 0;
}

.setting_cont .inputs_ .field_grid_ {
    grid-template-rows: 50px 30px;
}

.field_grid_block,
.field_grid_block_1,
.field_grid_block_2 {
    display: grid;
    grid-template-rows: auto auto auto;
    border-radius: 10px;
    border-style: solid;
    border-width: 0;
    border-color: rgb(179, 178, 178);
    margin: 10px 0;
}

.media_list .color_btn_admin {
    position: relative;
    top: -10px;
}

.media_list .color_btn_admin_add {
    position: relative;
    top: 15px;
}

.color_btn_admin .top_grid_ .table_ctr_1 {
    border-width: 0;
}

.color_btn_admin .top_grid_ .table_ctr_1 .icon_ {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.color_btn_admin .top_grid_ .table_ctr_1 form .uploder_btn_ {
    background-color: #6cbef8;
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
    top: -23px;
    left: -5px;
    cursor: pointer;
    opacity: 0;
}

.color_btn_admin,
.color_btn_admin_add {
    display: inline-block;
    width: 200px;
    height: 140px;
    background-repeat: no-repeat;
    background-size: 95% auto;
    background-position: center;
    margin: 5px;
    border-radius: 15px;
    border-style: solid;
    border-color: grey;
    border-width: 1px;
}

.color_btn_admin {}

.color_btn_admin_add {
    background-color: #f2f4f7;
}

.media_list .color_btn_admin {
    position: relative;
    top: -10px;
}

.media_list .color_btn_admin_add {
    position: relative;
    top: 15px;
}

.color_btn_admin_add {
    background-repeat: no-repeat;
    background-size: 40px auto;
    background-position: center;
}

.color_btn_admin .title_,
.color_btn_admin_add .title_ {
    padding: 5px 0;
    text-align: center;
    font-size: 80%;
}

.color_btn_admin .title_ {
    margin: 75px 0 0 0;
}

.color_btn_admin_add .title_ {
    /* margin: 80px 0 0 0; */
    color: grey;
    position: relative;
    top: 90px;
    height: 1px;
}

.color_btn_admin_add form .uploder_btn_ {
    background-color: #6cbef8;
    display: block;
    width: 100%;
    height: 120px;
    position: relative;
    cursor: pointer;
    opacity: 0;
}

.color_btn_admin_add .progress_cont_ {
    position: relative;
    top: 60px;
    height: 5px;
    display: block;
    width: 100%;
    background-color: white;
}

.color_btn_admin_add .progress_cont_ .progress_ {
    position: relative;
    top: 0;
    height: 5px;
    display: inline-block;
    width: 1%;
    background-color: rgb(163, 218, 250);

}

.color_btn_admin .top_grid_ {
    display: grid;
    grid-template-columns: auto 30px 30px;
    height: 30px;
    grid-gap: 5px;
    padding: 5px 10px;
}

.color_btn_admin .top_grid_ .table_ctr_1 {}


.href_block {
    padding: 10px 0;
    color: grey;
    display: block;
}

.href_block:hover {
    color: #6cbef8;
    display: block;
}


.n4_grid_ctrl {
    display: grid;
    grid-template-rows: 60px;
    grid-gap: 10px;
}

@media (max-width: 500px) {
    .n4_grid_ctrl {
        grid-template-columns: auto auto;
    }
}

@media (min-width: 500px) {
    .n4_grid_ctrl {
        grid-template-columns: auto 150px 150px 150px;
    }
}

.inputboxB,
.inputboxB1,
.inputboxB2,
.inputboxB-notselectable {
    width: 100%;
    display: inline-block;
    padding: 7px 20px;
    border-style: solid;
    border-width: 1px;
    border-radius: 12px;
    font-size: 120%;
}

.inputboxB,
.inputboxB1,
.inputboxB2 {
    background-color: rgb(234, 244, 251);
    border-color: #6cbef8a4;
}


.inputboxB-notselectable {
    background-color: rgb(243, 246, 248);
    border-color: #93cef8a4;
    opacity: 0.8;
}


.field_grid_block {
    grid-template-columns: 250px auto;
    grid-template-areas: 'lable inp'
        'msg msg';
}

@media (max-width:500px) {

    .field_grid_block_1,
    .field_grid_block_2 {
        grid-template-columns: auto 20px;
        grid-template-areas: 'lable star'
            'inp inp'
            'msg msg'
            'empty empty';
        padding: 10px 0;
    }

}

@media (min-width: 501px) and (max-width:1000px) {

    .field_grid_block_1,
    .field_grid_block_2 {
        grid-template-columns: 20px 250px auto;
        grid-template-areas: 'star lable inp'
            'empty empty msg';
        padding: 20px 0;
    }
}

@media (min-width:1001px) {
    .field_grid_block_1 {
        grid-template-columns: 20px 250px 500px 5px auto;
        grid-template-areas: 'star lable inp empty msg';
        padding: 20px 0;
    }

    .field_grid_block_2 {
        grid-template-columns: 20px 250px auto;
        grid-template-areas: 'star lable inp'
            'empty empty msg';
    }
}

.field_grid_block_1 .star_,
.field_grid_block_2 .star_ {
    grid-area: star;
    font-size: 130%;
    padding-top: 10px;
    color: red;
}

.field_grid_block .lable_,
.field_grid_block_1 .lable_,
.field_grid_block_2 .lable_ {
    grid-area: lable;
    padding: 10px 0;
    text-align: right;
}

.field_grid_block .cont_,
.field_grid_block_1 .cont_,
.field_grid_block_2 .cont_ {
    grid-area: inp;
}

.field_grid_block .inputboxB,
.field_grid_block_1 .inputboxB,
.field_grid_block_1 .inputboxB-notselectable,
.field_grid_block_2 .inputboxB-notselectable {
    display: block;
    width: 100%
}

.field_grid_block_1 .empty_,
.field_grid_block_2 .empty_ {
    grid-area: empty;
}

.field_grid_ .cont_ .check_,
.field_grid_block .cont_ .check_ {
    display: inline-block;
    width: 260px;
    direction: ltr;
    text-align: right;
}

.field_grid_ .cont_ .check_ .lable_,
.field_grid_block .cont_ .check_ .lable_ {
    display: inline;
    width: auto;
    padding: 0;
}

.field_grid_ .cont_ .check_ .input_,
.field_grid_block .cont_ .check_ .input_ {
    display: inline;
    width: auto;
}

.inputs_ .field_grid_ .lable_,
.field_grid_ .lable_ {
    grid-area: lable;
    padding: 10px 0;
    text-align: right;
}

.inputs_ .field_grid_ .inputboxB {
    grid-area: inp;
    display: block;
    width: 100%;
}

.inputs_ .field_grid_ .msg_,
.field_grid_ .msg_,
.field_grid_block .msg_,
.field_grid_block_1 .msg_,
.field_grid_block_2 .msg_ {
    grid-area: msg;
    padding: 5px 0;
    text-align: right;
    color: grey;
    font-size: 90%;
}

.field_grid_ .cont_ {
    grid-area: inp;
}

.field_grid_ .cont_ .check_,
.field_grid_block .cont_ .check_ {
    display: inline-block;
    width: 260px;
    direction: ltr;
    text-align: right;
}

.field_grid_ .cont_ .check_ .lable_,
.field_grid_block .cont_ .check_ .lable_ {
    display: inline;
    width: auto;
    padding: 0;
}

.field_grid_ .cont_ .check_ .input_,
.field_grid_block .cont_ .check_ .input_ {
    display: inline;
    width: auto;
}

.recbutt,
.recbutt_1 {
    background-color: cornflowerblue;
    border-color: white;
    border-width: 1px;
    border-style: solid;
    border-radius: 30px;
    margin: auto 0 0 0;
    cursor: pointer;
    text-align: center;
    color: white;
}

.recbutt {
    display: inline-block;
    width: 160px;
    height: 50px;
}

.recbutt_1 {
    display: block;
    padding: 15px 20px;
}

.recbutt:hover,
.recbutt_1:hover {
    background-color: darkcyan;
}

.table_container {
    overflow-x: auto;
    width: 100%;
}

.table_tip1 {
    border-style: solid;
    border-color: #6cbef8;
    border-width: 2px 0 2px 0;
}

.table_tip1 .header_ {
    background-color: #6cbef8;
    color: white;
}

.table_tip1 .rows_ {
    background-color: #d7ecfc;
}

.table_tip1 .rows_:nth-of-type(odd) {
    background-color: #eef5facd;
}

.table_tip1 .end_ {
    background-color: #6cbef8;
}

.table_tip1 tr .field_ {
    padding: 20px;
}

.content_ctr {
    padding: 20px 0;
}

.content_ctr .med_ {
    padding: 10px;
}

.content_ctr .med_ .medt_ {
    padding: 10px;
    border-color: rgba(0, 0, 0, 0.105);
    display: block;
    width: 100%;
    height: auto;
}

.content_ctr .med_ .img_1_ {
    max-width: 300px;
}

.subject_page {
    position: relative;
    top: 150px;
}

.subject_page .title_ {
    font-size: 180%;
    font-weight: bold;
    padding: 10px 0;
}

.subject_page .sub_t_ {}

.content_t_style {
    padding: 5px 0;
}

.video_boxC {
    margin: 20px auto 20px auto;
}

.video_box {
    display: block;
    max-width: 400px;
    padding: 20px;
    background-color: white;
    filter: drop-shadow(0 0 10px rgba(5, 0, 0, 0.183));
    border-radius: 15px;
}

.video_box .img_ {
    background-image: url(../upload/item/001.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: block;
    height: 300px;
    border-radius: 10px;
}

.video_box .img_ .btn_ {
    position: absolute;
    display: inline-block;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.content_img_con_0 {
    text-align: center;
    padding: 20px 0;
}

.content_img_con {
    display: inline-block;
    width: auto;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.089));
    background-color: white;
    max-width: 500px;
}

.content_img_con .img_ {
    width: 100%;
    border-radius: 5px;
}

.content_img_con .lable_ {
    padding: 5px;
    font-size: 90%;
    text-align: right;
}



.call_list {
    padding: 10px 0;
}

.call_list .item_ {
    display: grid;
    grid-template-columns: auto 40px;
    grid-template-rows: 40px;
    padding: 5px 0;
}

.call_list .item_ p span {
    padding: 5px 0;
}

.call_list .item_ p .sep_ {
    color: #8FC045;
}

.call_list .item_ p .bold_ {
    font-weight: bold;
    font-size: 110%;
}

.call_list .comment_ {
    font-size: 70%;
}

.more_menu {
    display: grid;
    grid-gap: 20px;
}

.more_menu .item_ ul li {
    padding: 7px 0;
}

.more_menu .item_ ul li a {
    color: 21252;
    transition: all 0.2s;
}

.more_menu .item_ ul li a:hover {
    color: cadetblue;
    opacity: 0.7;
}

@media (max-width: 300px) {
    .more_menu {
        grid-template-columns: auto;
    }
}

@media (min-width: 301px) and (max-width: 900px) {
    .more_menu {
        grid-template-columns: auto auto;
    }
}

@media (min-width: 901px) and (max-width: 1300px) {
    .more_menu {
        grid-template-columns: auto auto auto;
    }
}

@media (min-width: 1301px) {
    .more_menu {
        grid-template-columns: auto auto auto;
    }
}

.icon_grid {
    display: grid;
    grid-template-columns: 20px auto;
    grid-template-rows: 20px;
    grid-gap: 10px;
    padding: 5px 0;
}

.to_butt_btn,
.exclamtion_btn,
.call_btn {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.to_butt_btn {
    width: 20px;
    height: 20px;
    background-image: url(../pic/icon-tobutt.svg);
    background-size: cover;
}

.exclamtion_btn {
    width: 20px;
    height: 20px;
    background-image: url(../pic/icon-exclamation.svg);
    background-size: 85% auto;
}

.call_btn {
    width: 40px;
    height: 40px;
    background-image: url(../pic/icon-call.svg);
    background-color: #8FC045;
    border-radius: 20px;
    background-size: 70% auto;
}

.icon {
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
}

.menu_item_grid_ .b_,
.menu_item_simp_ .b_ {
    direction: rtl;
    text-align: right;
    display: inline-block;
    width: auto;
}

.menu_item_grid_ .b_ .icon,
.menu_item_simp_ .b_ .icon {
    width: 30px;
    height: 30px;
    background-size: 60% auto;
    opacity: 0.7;
}

.menu_item_grid_ .b_ .lable_,
.menu_item_simp_ .b_ .lable_ {
    position: relative;
    top: -10px;
    color: white;
}

.open_drow,
.close_drow {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50% auto;
    display: inline-block;
    width: 25px;
    height: 25px;
}

.open_drow {
    background-image: url(../pic/to_buttom_1.svg);
}

.close_drow {
    background-image: url(../pic/to_top_1.svg);
}

.displaynone {
    display: none;
}

.drow_body {
    display: block;
}

.wing_l_ .wing_l_c1_,
.wing_r_ .wing_r_c1_ {
    color: white;
}

.wing_l_ .wing_l_c1_ {
    text-align: left;
}

.wing_r_ .wing_r_c1_ {
    text-align: right;
}

.lable_ .lable_0 {
    position: relative;
    top: -8px;
}

.header_grid .logo_ {
    grid-area: logo;
}

.header_grid .logo_,
.header_grid_img .logo_ {
    background-image: url(../pic/footer_logo_1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.header_grid_img .wing_img_ {
    background-image: url(../pic/wing_t-1.png);
    background-position: center;
    background-repeat: no-repeat;
    /* background-size: 100% 100%; */
}

.header_grid .wing_l_,
.header_grid .wing_r_ {
    border-style: solid;
    border-color: white;
    position: relative;
    border-width: 0;
}

.header_grid .wing_l_ {
    grid-area: wing_l;
}

.header_grid .wing_r_ {
    grid-area: wing_r;
}


.wing_l_ .wgrid_,
.wing_r_ .wgrid_ {
    display: grid;
    grid-gap: 10px;
    position: relative;
    top: 32px;
}

.wing_l_ .wgrid_ {
    grid-template-columns: 140px 120px 120px auto;
}

.wing_r_ .wgrid_ {
    grid-template-columns: 100px 150px 170px auto;
}

.wgrid_ .ctrl_,
.wgrid_ .ctrl_s {
    display: grid;
    grid-template-columns: 25px auto;
    grid-template-rows: 25px;
    text-align: right;
    direction: rtl;
    color: white;
    padding: 10px 0;
}

.wgrid_ .ctrl_s {
    border-style: solid;
    border-width: 0 0 4px 0;
    border-color: white;
}

.wgrid_ .ctrl_:hover,
.wgrid_ .ctrl_s:hover {
    color: rgb(183, 177, 177);
    opacity: 0.6;
}

.wgrid_ .ctrl_ .icon,
.wgrid_ .ctrl_s .icon {
    background-size: 70% auto;
}

.wgrid_ .ctrl_ .lable_,
.wgrid_ .ctrl_s .lable_ {
    padding: 2px 5px;
}

.wing_l_ .wgrid_ {
    direction: ltr;
}

.wing_r_ .wgrid_ {
    direction: rtl;
}

.footer_t {
    background-color: rgb(1, 10, 49);
    color: white;
}

.certific {
    display: grid;
    grid-gap: 20px;
    padding: 20px 0;
}

.certific .item1 p {
    padding: 10px 0;
}

.certific .item1 p a {
    color: rgb(221, 248, 253);
}

/* .footer div .grid_2_ {
    display: grid;
    margin: auto;
    grid-gap: 20px;
    text-align: center;
} */

.visite_n {
    display: grid;
    margin: auto;
    grid-gap: 20px;
    text-align: center;
}

@media (max-width:400px) {
    .visite_n {
        width: auto;
        grid-template-columns: auto;
    }
}

@media (min-width:401px) {
    .visite_n {
        width: 300px;
        grid-template-columns: 140px 140px;
    }
}

.visite_n div {
    padding: 10px 20px;
}


.visite_n div p {
    text-align: center;
}

.visite_n div .bold_ {
    font-size: 100%;
    font-weight: bold;
    border-style: solid;
    border-color: white;
    border-width: 1px 0 0 0;
    margin: 5px 0 0 0;
    padding: 10px 0 0 0;
    color: white;
}

.content_part {
    border-radius: 15px;
    margin: 20px 0;
}

.content_part .sub_ {
    font-weight: bold;
}

.content_part .cont_l,
.content_part .cont_r {
    padding: 20px 0;
    display: grid;
}

@media (max-width: 600px) {
    .content_part{
        padding: 10px;
    }

    .content_part .cont_l,
    .content_part .cont_r {
        padding: 10px 0 20px 0;
        grid-template-columns: auto;
    }
    .content_part .sub_{
        text-align: center;
        padding: 10px 0 30px 0;
    }
}

@media (min-width: 601px) and (max-width: 1000px) {
    .content_part{
        padding: 10px 30px 30px 30px;
    }

    .content_part .cont_l,
    .content_part .cont_r {
        padding: 20px 0 50px 0;
        grid-template-columns: auto;
    }
    .content_part .sub_{
        text-align: center;
        padding: 10px 0 30px 0;
    }
}

@media (min-width: 1001px) {
    .content_part{
        padding: 40px 70px 70px 70px;
    }

    .content_part .cont_l,
    .content_part .cont_r {
        padding: 20px 0 50px 0;
        grid-template-columns: 500px auto;
    }
    .content_part .cont_r .cont_ {
        padding: 0 0 0 30px;
    }
    
    .content_part .cont_l .cont_ {
        padding: 0 30px 0 0;
    }

    .content_part .sub_{
        text-align: right;
        padding: 10px 0 30px 0;
    }
}

.content_part .cont_l .img_,
.content_part .cont_r .img_ {
    width: 100%;
    height: auto;
}

.content_part .cont_l .cont_,
.content_part .cont_r .cont_ {
    color: black;
    direction: rtl;
}

.text_b_ {
    font-weight: bold;
}

.content_part .cont_l .cont_ .text_,
.content_part .cont_r .cont_ .text_ {
    text-align: justify;
    padding: 7px 0;
}

.content_part .cont_r {
    direction: ltr;
}

.content_part .cont_l {
    direction: rtl;
}

.contact_us_ {
    display: grid;
    grid-template-columns: 25px auto;
    padding: 10px 0;
}

.about_me_f {
    display: grid;
    grid-gap: 5%;
    padding: 20px 0;
}

.about_me_f .about_me_ .sub_ {
    font-weight: bold;
    font-size: 110%;
    padding: 10px 0;
}

@media (max-width: 600px) {
    .about_me_f {
        grid-template-columns: auto;
    }
}

@media (min-width: 601px) {
    .about_me_f {
        grid-template-columns: 45% 50%;
    }
}

.contact_f {}

.contact_f .address {
    grid-area: add;
    text-align: right;
    padding: 10px 0 10px 10px;
}

.contact_f .tel1 {
    grid-area: tel1;
}

.contact_f .tel2 {
    grid-area: tel2;
}

.contact_f .tel3 {
    grid-area: tel3;
}


@media (min-width: 501px) and (max-width: 800px) {
    .contact_f {
        grid-template-columns: auto auto auto;
        grid-template-areas: 'add add add' 'tel1 tel2 tel3';
    }

    .certific {
        grid-template-columns: auto 130px;
    }

}

@media (min-width: 801px) {
    .contact_f {
        grid-template-areas: 'add tel1 tel2 tel3';
        grid-template-columns: auto 130px 130px 130px;
    }

    .certific {
        grid-template-columns: auto 130px;
    }

}

.footer_grid {
    display: grid;
    grid-template-columns: auto 250px auto;
    grid-template-rows: 160px;
    width: 100%;
    /* background-color: rgb(44, 68, 82); */
    background-image: linear-gradient(to top, rgb(1, 10, 49), rgba(1, 12, 125, 0.416), rgba(15, 153, 232, 0));
}

.footer_grid .logo_ {
    background-image: url(../pic/footer_logo_1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.footer_grid .wing_l_,
.footer_grid .wing_r_ {
    border-style: solid;
    border-width: 0 0 2px 0;
    border-color: white;
    height: 63px;
    position: relative;
    top: 20.5px;
}


.slider_item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: blue;
    color: white;
    padding: 0;
    margin: 0;
}

#baner_master .owl-nav .owl-prev,
#baner_master .owl-nav .owl-next {
    position: absolute;
    top: 45%;
    display: inline-block;
    width: auto;
}

#baner_master .owl-stage-outer {
    /* border-radius: 20px; */
}

#baner_master .owl-nav .owl-prev {
    left: 25px;
    color: antiquewhite;
    top: 55%;
}

#baner_master .owl-nav .owl-next {
    right: 25px;
    color: antiquewhite;
    top: 55%;
}

#baner_master .slider_item_1_ {
    text-align: center;
}

#baner_master .slider_item_1_ .img {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}


#body_lan .div_grid_ {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    grid-gap: 20px;
}

#body_lan .div_grid_ div .icon {
    width: auto;
}

#body_lan .div_grid_ div .lable_ {
    padding: 20px 0 0 0;
}

.item_tip_1,
.item_tip_1_sel {
    display: grid;
    grid-template-columns: 80px auto;
    height: 80px;
    padding: 10px;
    border-radius: 15px;
    grid-gap: 10px;
}

.item_tip_1 .lable_,
.item_tip_1_sel .lable_ {
    padding: 15px 0 0 0;
    text-align: right;
}

.item_tip_1 {
    cursor: pointer;
    transition: all 0.2s;
}

.item_tip_1:hover {
    background-color: rgb(236, 238, 240);
}

.item_tip_1_sel {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(176, 176, 176);
}

.item_cust_2 {
    display: inline-block;
    width: auto;
    margin: auto;
}

.item_cust_2 img {
    height: auto;
}

.menu_btn,
.basket_btn {
    transition: all 0.3s;
    border-radius: 10px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}

.menu_btn:hover,
.basket_btn:hover {
    border-radius: 15px;
    opacity: 0.6;
}

.menu_btn {
    background-size: 80% auto;
    background-image: url(../pic/icon-inf.svg);
}

.basket_btn {
    background-size: 80% auto;
    background-image: url(../pic/basket_1-active.svg);
}

.item_cust {
    display: grid;
    grid-template-columns: 100px auto;
    height: 100px;
    padding: 10px;
    margin: 0 20px;
    direction: rtl;
}

.item_cust .text_ {
    padding: 0 10px;
}

.item_cust .text_ .title_ {
    font-weight: bold;
    padding: 10px 0;
    font-size: 120%;
}

.item_cust .text_ .sub_t_ {
    font-size: 85%;
    color: grey;
}

.control_grid {
    display: grid;
    grid-template-columns: auto 40px 40px;
    grid-gap: 10px;
    /* height: 40px; */
    margin: 10px 0;
    padding: 10px 0;
}

.control_grid .ctrl_btn {
    display: block;
    padding: 10px;
    text-align: center;
}

.control_grid .title_ {
    padding: 5px 0;
    font-size: 150%;
    color: black;
}

.products_in_land_1 {
    margin: 0 auto;
    display: grid;
    grid-gap: 50px;
}

.products_in_land_2 {
    text-align: center;
}

.products_in_land_1 .item_,
.products_in_land_2 .item_,
.products_in_land_2 .item_0_ {
    background-image: linear-gradient(to top, rgb(108, 203, 241), rgb(65, 187, 192), rgb(83, 171, 117), rgb(225, 131, 131));
    border-radius: 50px;
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.119));
    text-align: center;
    color: white;
}

.products_in_land_1 .item_,
.products_in_land_2 .item_ {
    margin: 130px 0 0 0;
    padding: 50px 20px;
}


.products_in_land_2 .item_,
.products_in_land_2 .item_0_ {
    display: inline-block;
}

.products_in_land_2 .item_0_ {
    width: 100%;
}

.products_in_land_1 .item_ .top_,
.products_in_land_2 .item_ .top_,
.products_in_land_2 .item_0_ .top_ {
    display: block;
    text-align: center;
    /* height: 100px; */
}

.products_in_land_1 .item_ .top_ .circle_,
.products_in_land_2 .item_ .top_ .circle_,
.products_in_land_2 .item_0_ .top_ .circle_ {
    display: inline-block;
    background-color: white;
    border-radius: 250px;
    position: relative;

    border-style: solid;
    border-color: white;
    border-width: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url();
}

@media (max-width: 400px) {
    .products_in_land_1 {
        width: 250px;
        grid-template-columns: 250px;
    }

    .products_in_land_2 .item_ {
        width: 250px;
    }

    .products_in_land_1 .item_,
    .products_in_land_2 .item_ {
        height: 350px;
    }

    .products_in_land_2 .item_0_ {
        margin: 130px 0 0 0;
        padding: 50px 20px;
        height: 400px;
    }

    .products_in_land_1 .item_ .top_,
    .products_in_land_2 .item_ .top_,
    .products_in_land_2 .item_0_ .top_ {
        height: 70px;
    }

    .products_in_land_1 .item_ .top_ .circle_,
    .products_in_land_2 .item_ .top_ .circle_,
    .products_in_land_2 .item_0_ .top_ .circle_ {
        width: 150px;
        height: 150px;
        top: -120px;
    }
}

@media (min-width: 401px) and (max-width: 850px) {
    .products_in_land_1 {
        width: 350px;
        grid-template-columns: 350px;
    }

    .products_in_land_1 .item_,
    .products_in_land_2 .item_ {
        height: 400px;
    }

    .products_in_land_2 .item_0_ {
        margin: 140px 0 0 0;
        padding: 120px 20px;
        height: 520px;
    }

    .products_in_land_2 .item_ {
        width: 350px;
    }

    .products_in_land_1 .item_ .top_,
    .products_in_land_2 .item_ .top_,
    .products_in_land_2 .item_0_ .top_ {
        height: 120px;
    }

    .products_in_land_1 .item_ .top_ .circle_,
    .products_in_land_2 .item_ .top_ .circle_ {
        width: 250px;
        height: 250px;
        top: -170px;
    }

    .products_in_land_2 .item_0_ .top_ .circle_ {
        width: 300px;
        height: 300px;
        top: -250px;
    }
}

@media (min-width: 851px) and (max-width: 1300px) {
    .products_in_land_1 {
        width: 750px;
        grid-template-columns: 350px 350px;
    }

    .products_in_land_2 .item_ {
        width: 350px;
    }

    .products_in_land_1 .item_,
    .products_in_land_2 .item_ {
        height: 420px;
    }

    .products_in_land_2 .item_0_ {
        margin: 300px 0 0 0;
        padding: 150px 20px;
        height: 580px;
    }

    .products_in_land_1 .item_ .top_,
    .products_in_land_2 .item_ .top_,
    .products_in_land_2 .item_0_ .top_ {
        height: 120px;
    }

    .products_in_land_1 .item_ .top_ .circle_,
    .products_in_land_2 .item_ .top_ .circle_ {
        width: 250px;
        height: 250px;
        top: -170px;
    }

    .products_in_land_2 .item_0_ .top_ .circle_ {
        width: 400px;
        height: 400px;
        top: -340px;
    }
}

@media (min-width: 1301px) {
    .products_in_land_1 {
        width: 1150px;
        grid-template-columns: 350px 350px 350px;
    }

    .products_in_land_2 .item_ {
        width: 350px;
    }

    .products_in_land_1 .item_,
    .products_in_land_2 .item_ {
        height: 420px;
    }

    .products_in_land_2 .item_0_ {
        margin: 300px 0 0 0;
        padding: 150px 20px;
        height: 580px;
    }

    .products_in_land_1 .item_ .top_,
    .products_in_land_2 .item_ .top_,
    .products_in_land_2 .item_0_ .top_ {
        height: 120px;
    }

    .products_in_land_1 .item_ .top_ .circle_,
    .products_in_land_2 .item_ .top_ .circle_ {
        width: 250px;
        height: 250px;
        top: -170px;
    }

    .products_in_land_2 .item_0_ .top_ .circle_ {
        width: 400px;
        height: 400px;
        top: -340px;
    }

}

.products_in_land li {
    text-align: center;
}

.products_m_a {
    text-align: center;
    max-width: 1000px;
    display: block;
    margin: 0 auto;

}

.products_m {
    display: grid;
    grid-template-columns: auto 200px 300px;
    grid-template-rows: 200px;
    margin: 20px 0;
    padding: 20px 0;
    /* max-width: 1000px; */
}

a .products_m {
    color: black;
    transition: all 0.2s;
}

a:hover .products_m {
    color: grey;
}

a .products_m .img_div_ .img_ {
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.226));
    transition: all 0.2s;
}

a:hover .products_m .img_div_ .img_ {
    filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.324));
}

.products_m .img_div_ .img_ {
    border-radius: 300px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 200px;
    height: 200px;
}

.products_m .img_div_ .back_ {
    position: relative;
    width: 220px;
    height: 220px;
    background-color: rgb(51, 141, 193);
    border-radius: 220px;
    top: -220px;
    left: 5px;
    z-index: -1;
}

.products_m .sub_ {
    margin: 40px 0;
    padding: 10px 40px 10px 20px;
    border-radius: 0 200px 200px 0;
    border-style: solid;
    border-width: 2px 4px 6px 0;
    text-align: right;
}

.white_btn {
    background-color: white;
    color: grey;
    padding: 10px 20px;
    border-radius: 20px;
    transition: all 0.2s;
}

.products_table_grid {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-areas: 'item1 item2' 'item3 item5' ' item6 item6' 'item4 item4' 'item7 item7';
    grid-gap: 5px;
}

.products_table_grid {
    direction: rtl;
}

.products_table_grid p,
.products_table_grid div {
    text-align: right;
}

.products_table_grid p .lable_ {
    font-weight: normal;
    font-size: 95%;
    opacity: 0.7;
    direction: rtl;
}

.products_table_grid div .lable_ {
    font-weight: normal;
    font-size: 95%;
    opacity: 0.7;
    direction: rtl;
    display: inline-block;
    width: auto;
}


.products_table_grid p .bold_ {}

.products_table_grid .item_1_ {
    grid-area: item1;
}

.products_table_grid .item_2_ {
    grid-area: item2;
}

.products_table_grid .item_3_ {
    grid-area: item3;
}

.products_table_grid .item_4_ {
    grid-area: item4;
}

.products_table_grid .item_5_ {
    grid-area: item5;
}

.products_table_grid .item_6_ {
    grid-area: item6;
}

.products_table_grid .item_7_ {
    grid-area: item7;
}

.products_table_grid .item_8_ {
    grid-area: item8;
}

.white_btn:hover {
    opacity: 0.7;
    color: rgb(155, 153, 153);
}

.products_in_land_1 .item_ .ctrl_ .white_btn,
.products_in_land_2 .item_ .ctrl_ .white_btn {
    display: inline-block;
    width: 150px;
    margin: auto;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.162));
}

.products_in_land_1 .item_ .ctrl_,
.products_in_land_2 .item_ .ctrl_ {
    padding: 20px 0;
    text-align: center;
    position: relative;
    font-size: 90%;
}

.products_m .sub_ .title_ {
    font-weight: bold;
    font-size: 105%;
    padding: 10px 0;
}

.products_in_land_1 .item_ .sub_ .title_,
.products_in_land_2 .item_ .sub_ .title_ {
    font-weight: bold;
    font-size: 105%;
    padding: 5px 0;
    text-align: center;
}

.products_in_land_1 .item_ .sub_ .subt_,
.products_in_land_2 .item_ .sub_ .subt_ {
    font-size: 80%;
    padding: 10px 0;
    text-align: center;
}

.products_in_land_2 .item_ .table_ {
    font-size: 85%;
    padding: 10px 0;
}

.products_in_land_2 .item_0_ .table_ {
    font-size: 110%;
    padding: 10px 0;
}

.b_container_grid_ div .products_table_grid {
    padding: 20px 0;
    border-style: solid;
    border-color: grey;
    border-width: 0;
}

.b_container_grid_ div .products_table_grid p {
    padding: 10px 0;
}

.products_m .sub_ .subt_ {
    font-size: 80%;
    color: grey;
    padding: 10px 0;
}

a .products_m .sub_,
a .products_m .det_ {
    border-color: rgb(234, 232, 232);
    transition: all 0.2s;
}

a:hover .products_m .sub_,
a:hover .products_m .det_ {
    border-color: rgb(237, 181, 135);
}

a .products_m .img_div_ .back_ {
    background-color: rgb(51, 141, 193);
    transition: all 0.2s;
}

a:hover .products_m .img_div_ .back_ {
    background-color: rgb(237, 181, 135);
}

.products_m .det_ {
    margin: 20px 0;
    padding: 30px 30px 30px 40px;
    border-radius: 200px 0 0 200px;
    border-style: solid;
    border-width: 8px 0 3px 5px;
    border-color: rgb(210, 208, 208);
}

.products_m .det_ li {
    text-align: right;
}

.img_style_1 {
    border-radius: 15px;
    margin: 20px 0;
}

.sub_pic {
    text-align: center;
    display: block;
}

@media (max-width: 500px) {
    .img_style_1 {
        display: block;
        width: 100%;
    }
}

@media (min-width: 501px) {
    .img_style_1 {
        display: inline-block;
        width: 500px;
    }
}

.top_adver {
    display: grid;
    grid-gap: 10px;
}

.top_adver div {
    text-align: center;
}

.top_adver_f {
    background-color: #6cbef8;
    color: white;
    /* display: inline-block; */
    text-align: center;
    border-style: solid;
    border-color: #b0dbfa;
    border-width: 10px;
    vertical-align: middle;
    display: grid;
    grid-template-rows: auto auto auto;
    margin: auto;
}

.top_adver_f .text_ {
    text-align: center;
    height: auto;
    font-size: 140%;
}

@media (max-width: 600px) {
    .top_adver {
        grid-template-columns: auto;
        margin: 20px 0;
        padding: 10px 0;
    }

    .top_adver_f {
        width: 200px;
        height: 150px;
        padding: 30px 20px;
        border-radius: 50px;
    }
}

@media (min-width: 601px) and (max-width: 900px) {
    .top_adver {
        grid-template-columns: auto auto;
        margin: 30px 0;
        padding: 20px 0;
    }

    .top_adver_f {
        width: 250px;
        height: 180px;
        padding: 20px 30px;
        border-radius: 100px;
    }
}

@media (min-width: 901px) {
    .top_adver {
        grid-template-columns: auto auto auto;
        margin: 30px 0;
        padding: 20px 0;
    }

    .top_adver_f {
        width: 300px;
        height: 200px;
        padding: 20px 50px;
        border-radius: 100px;
    }
}

.usemethod {
    background-color: #f1f5f8;
    border-radius: 60px;
    /* border-style: solid;
    border-color: #e1effa;
    border-width: 10px; */
    margin: 0 0 40px 0;
    padding: 10px 30px 30px 30px;
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.123));
}

.usemethod .grid_ {
    display: grid;
    text-align: center;
}

.usemethod .grid_ div {
    display: inline-block;
    width: 150px;
    text-align: center;
    padding: 20px 10px;
    margin: auto;
}

.usemethod .grid_ div p {
    text-align: center;
    font-weight: bold;
}

.usemethod .grid_ div img {
    display: inline-block;
    width: 70%;
    margin: 10px;
}

@media (max-width: 400px) {
    .usemethod .grid_ {
        grid-template-columns: auto;
    }
}

@media (min-width: 401px) and (max-width: 1000px) {
    .usemethod .grid_ {
        grid-template-columns: auto auto;
        grid-gap: 20px;
    }
}

@media (min-width: 1001px) {
    .usemethod .grid_ {
        grid-template-columns: auto auto auto auto auto auto;
        grid-gap: 20px;
    }
}

.icon_more {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90% auto;
}

.customer_in_land {
    padding: 0 0 60px 0;
    border-style: solid;
    border-width: 1px 0 1px 0;
    border-color: rgb(190, 189, 189);
}

.customer_in_land_2 {
    background-color: #f2f4f7;
    border-radius: 30px;
    padding: 30px;
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.116));
}

.customer_in_land_2 .header_ {
    padding: 10px 0 40px 0;
}

.customer_in_land_2 .items_ {
    display: grid;
    text-align: center;
    grid-gap: 20px;
    grid-template-columns: auto auto auto;
}

@media (max-width: 400px) {
    .customer_in_land_2 .items_ {
        grid-template-columns: auto auto;
    }
}

@media (min-width: 401px) and (max-width: 900px) {
    .customer_in_land_2 .items_ {
        grid-template-columns: auto auto auto;
    }
}

@media (min-width: 901px) and (max-width: 1200px) {
    .customer_in_land_2 .items_ {
        grid-template-columns: auto auto auto auto auto auto auto;
    }
}

@media (min-width: 1201px) {
    .customer_in_land_2 .items_ {
        grid-template-columns: auto auto auto auto auto auto auto auto auto;
    }
}

.item_cust_2 img {
    width: 80px;
}

.subject_cont {
    padding: 20px 0;
}

.master_2_row {
    padding: 20px 0;
}

@media (max-width: 1000px) {
    .master_2_row {
        display: block;
    }

    .master_2_row .bet_line {
        display: none;
    }
}

@media (min-width: 1001px) {
    .master_2_row {
        display: grid;
        grid-template-columns: auto 80px auto;
    }

    .master_2_row .bet_line {
        display: block;
        margin: 39px;
        border-style: solid;
        border-color: grey;
        border-width: 0 1px 0 0;
    }

}

.input_box_1 {
    margin: 10px 0;
    padding: 5px 0;
}

.input_box_1 .input_box_2 {
    padding: 5px 0;
    display: grid;
    grid-template-columns: 160px auto 20px;
    grid-gap: 5px;
}

.input_box_1 .input_box_2 .lable_ {
    padding: 5px 0;
}

.input_box_1 .input_box_2 .inp_ {
    display: block;
    width: 100%;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: grey;
    padding: 5px 10px;
    font-size: 110%;
}

.input_box_1 .input_box_2 .star_ {
    color: red;
    font-size: 140%;
}

.input_box_1 .msg_ {
    color: red;
    padding: 5px 0;
    font-size: 80%;
}

.btn_grid_1 {
    padding: 15px 0;
    display: grid;
    grid-template-columns: auto 150px;
}

.black_btn {
    display: block;
    background-color: rgb(57, 57, 57);
    padding: 10px;
    border-radius: 10px;
    transition: all 0.2s;
    text-align: center;
    color: white;
}

.black_btn:hover {
    background-color: rgb(89, 88, 88);
    border-radius: 15px;
    color: white;
}

@media (max-width: 1400px) {
    .wing_l_c1_ {
        display: none;
    }

    .wing_l_c2_ {
        display: block;
    }

    .banner_sta_c {
        height: 150px;
    }

    .wing_l_c2_ .menu_item_ {
        position: absolute;
        top: 15px;
    }

    .icon_more {
        display: block;
    }

    .wing_r_c1_ {
        display: none;
    }
}

@media (min-width: 1401px) {
    .wing_l_c1_ {
        display: block;
    }

    .wing_l_c2_ {
        display: none;
    }

    .banner_sta_c {
        height: 220px;
    }


    .icon_more {
        display: none;
    }

    .wing_r_c1_ {
        display: block;
    }
}

@media (max-width: 300px) {
    .header_grid {
        grid-template-columns: auto 150px auto;
        grid-template-areas: 'wing_l logo wing_r';
        grid-template-rows: 100px;
    }

    .header_grid_img {
        grid-template-columns: auto 150px auto;
        grid-template-rows: 100px;
    }

    .header_grid_img .logo_ {
        width: 150px;
    }

    .header_grid .wing_l_,
    .header_grid .wing_r_ {
        top: 0px;
        height: 55px;
        /* border-width: 0 0 1.3px 0; */
    }

    .header_grid_img .wing_img_ {
        background-size: 100% 80%;
    }
}

@media (min-width: 301px) and (max-width:1400px) {
    .header_grid {
        grid-template-columns: auto 200px auto;
        grid-template-areas: 'wing_l logo wing_r';
        grid-template-rows: 120px;
    }

    .header_grid_img {
        grid-template-columns: auto 200px auto;
        grid-template-rows: 125px;
    }

    .header_grid_img .logo_ {
        width: 200px;
    }

    .header_grid .wing_l_,
    .header_grid .wing_r_ {
        top: 0px;
        height: 67px;
        /* border-width: 0 0 1.3px 0; */
    }

    .header_grid_img .wing_img_ {
        background-size: 100% 80%;
        /* background-position: 0 13px; */
        background-position: 0 14.1px;
    }
}

@media (min-width: 1401px) {
    .header_grid {
        grid-template-columns: auto 500px 300px 500px auto;
        grid-template-areas: 'wing_l wing_l logo wing_r wing_r';
        grid-template-rows: 190px;
    }

    .header_grid_img {
        grid-template-columns: auto 300px auto;
        grid-template-rows: 190px;
    }

    .header_grid_img .logo_ {
        width: 300px;
    }

    .header_grid .wing_l_,
    .header_grid .wing_r_ {
        top: 26px;
        height: 80px;
        /* border-width: 0 0 0.3mm 0; */
    }

    .header_grid_img .wing_img_ {
        background-size: 100% 100%;
    }

}

@media (max-width: 300px) {
    #baner_master .slider_item_1_ .img {
        height: 500px;
        width: 300px;
    }
}

@media (min-width: 301px) and (max-width:800px) {
    #baner_master .slider_item_1_ .img {
        height: 600px;
        width: 400px;
    }
}

@media (min-width: 801px) {
    #baner_master .slider_item_1_ .img {
        height: 850px;
        width: 700px;
    }
}