@charset "UTF-8";

/* CSS Document */

.panel_menu {
    width: 100%;
    list-style: none;
    text-align: right;
    padding: 0;
}

.panel_menu i {
    font-size: 16px;
}

.panel_menu li {
    width: 100%;
    font-size: 13px;
    margin-bottom: 3px;
}

.panel_menu li a,
.panel_menu li i {
    color: #777;
}

.panel_menu li:hover a,
.panel_menu li:hover i {
    color: #333;
}

.circle-tile {
    margin-bottom: 15px;
    text-align: center;
}

.circle-tile-heading {
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-radius: 100%;
    color: #FFFFFF;
    height: 80px;
    margin: 0 auto -40px;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
    width: 80px;
    font-size: 2.2rem;
    line-height: 5rem;
}

.circle-tile-heading .fa {
    line-height: 80px;
}

.circle-tile-content {
    padding-top: 50px;
    border-radius: 15px;
    overflow: hidden;
}

.circle-tile-number {
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    padding: 5px 0 15px;
}

.circle-tile-description {
    text-transform: uppercase;
}

.circle-tile-footer {
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.5);
    display: block;
    padding: 5px;
    transition: all 0.3s ease-in-out 0s;
}

.circle-tile-footer:hover {
    background-color: rgba(0, 0, 0, 0.2);
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
}

.circle-tile-heading.dark-blue:hover {
    background-color: #2E4154;
}

.circle-tile-heading.green:hover {
    background-color: #138F77;
}

.circle-tile-heading.orange:hover {
    background-color: #DA8C10;
}

.circle-tile-heading.blue:hover {
    background-color: #2473A6;
}

.circle-tile-heading.red:hover {
    background-color: #CF4435;
}

.circle-tile-heading.purple:hover {
    background-color: #7F3D9B;
}

.tile-img {
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.9);
}

.dark-blue {
    background-color: #34495E;
}

.green {
    background-color: #16A085;
}

.blue {
    background-color: #2980B9;
}

.orange {
    background-color: #F39C12;
}

.red {
    background-color: #E74C3C;
}

.purple {
    background-color: #8E44AD;
}

.dark-gray {
    background-color: #7F8C8D;
}

.gray {
    background-color: #95A5A6;
}

.light-gray {
    background-color: #BDC3C7;
}

.yellow {
    background-color: #F1C40F;
}

.text-dark-blue {
    color: #34495E;
}

.text-green {
    color: #16A085;
}

.text-blue {
    color: #2980B9;
}

.text-orange {
    color: #F39C12;
}

.text-red {
    color: #E74C3C;
}

.text-purple {
    color: #8E44AD;
}

.text-faded {
    color: rgba(255, 255, 255, 0.7);
}

.padding5 {
    padding: 10px;
    margin-bottom: 15px;
}

.profile_data {
    width: 100%;
    border-collapse: collapse;
}

.profile_data tr td {
    border: 1px solid #CCC;
    padding: 5px 10px;
}

.credit tr td {
    border: 1px solid #CCC;
    padding: 5px 10px;
    direction: ltr;
}

.red_txt {
    color: red;
}

.tc {
    text-align: center;
}

th.tc {
    text-align: center !important;
}

.strip_all_tour_list h6 {
    font-size: 14px;
    margin: 5px;
    padding-right: 5px;
    text-align: center;
}

.notification {
    width: calc(100% - 2px);
    padding: 5px;
    border: 1px solid #F1F1F1;
    border-radius: 4px;
    margin-bottom: 10px;
    display: table;
}

.notification .title {
    width: calc(50%);
    float: right;
    color: #333;
    margin-bottom: 5px;
}

.notification .regDate {
    width: calc(50%);
    float: right;
    text-align: left;
    direction: ltr;
    color: #999;
    font-size: 12px;
    margin-bottom: 5px;
}

.notification .body {
    width: calc(100%);
    float: right;
    color: #555;
    margin-bottom: 5px;
}

.notification.success {
    background-color: rgb(196, 240, 215);
    border: 1px solid rgb(139, 194, 163);
}

.notification.success .title {
    color: seagreen;
}

.notification.success .body {
    color: seagreen;
}

.notification.success .regDate {
    color: rgb(38, 117, 73);
}

.notification.error {
    background-color: rgb(240, 196, 198);
    border: 1px solid rgb(206, 112, 117);
}

.notification.error .title {
    color: tomato;
}

.notification.error .body {
    color: tomato;
}

.notification.error .regDate {
    color: rgb(248, 126, 105);
}

.ticket {
    width: calc(100% - 2px);
    padding: 5px;
    border: 1px solid #F1F1F1;
    border-radius: 4px;
    margin-bottom: 10px;
    display: table;
}

.ticket .title {
    width: calc(50%);
    float: right;
    color: #333;
    margin-bottom: 5px;
}

.ticket .regDate {
    width: calc(50%);
    float: right;
    text-align: left;
    direction: ltr;
    color: #999;
    font-size: 12px;
    margin-bottom: 5px;
}

.ticket .body {
    width: calc(100%);
    float: right;
    color: #555;
    margin-bottom: 5px;
}

.alert {
    border-radius: 5px;
}

.alert a {
    color: #444;
}

.rounded-circle {
    border-radius: 50%!important;
    width: 60px !important;
    height: 60px !important;
}


/*Sun Team*/

img.logo {
    width: 100%;
    height: auto;
    max-width: 200px;
}

.bs-wizard>.bs-wizard-step .bs-wizard-stepnum {
    font-size: 12px;
}

.bs-wizard>.bs-wizard-step>.bs-wizard-dot {
    background: #ffd400;
}

.bs-wizard>.bs-wizard-step>.bs-wizard-dot:after {
    background: #808285;
}

.bs-wizard>.bs-wizard-step>.progress>.progress-bar {
    background: #ffd400;
}

.border_radius {
    border-radius: 15px;
}

.box_shadow {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}

.signup_body {
    width: 100%;
    max-width: 800px;
    padding: 20px;
    background: #FFF;
    margin: 100px auto;
}

.signup_body .logo {
    margin: 10px auto;
}

.bs-wizard {
    width: 100%;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 20px;
}

.signup_body .level {
    width: 100%;
    display: none;
}

.signup_body .next_level {
    display: none;
}

.signup_body .next_level.active {
    display: block;
}

label {
    font-weight: bold;
}

.notic {
    color: #999;
}

.show_check_result {
    color: #138F77;
    display: none;
}

.show_check_result.error {
    color: #E74C3C;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #808285;
    border-color: #ffd400;
    background-color: #ffd400;
}

.signup_body .txt_lable {
    font-weight: bold;
    display: inline;
}

.signup_body .txt_value {
    font-weight: normal;
    display: inline;
}

.row_mb_15 {
    margin-bottom: 15px;
}

#go_step_4 {
    margin: 20px 0;
}

.datepicker-persian {
    font-family: "IRANSans" !important;
}

.validation_error {
    border: 1px solid #CF4435 !important;
}

.show_alert {
    display: none;
    list-style: none;
}

.tour_container .tour_title h3 a {
    color: #444;
    font-size: 13px;
}

.tour_container .tour_title h3 a:hover {
    color: #777;
}

button.product_add_to_cart {
    width: 100%;
    border: none;
    font-family: inherit;
    font-size: inherit;
    background: none;
    border: 2px solid #333;
    cursor: pointer;
    padding: 10px 20px;
    display: inline-block;
    outline: none;
    font-size: 12px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    text-align: center;
    color: #333;
}

button.product_add_to_cart:hover {
    border: 2px solid #333;
    background-color: #333;
    color: #FFF;
}

.sun_mag {
    position: relative;
}

.sun_mag .img_container {}

.sun_mag .admin_pic {
    width: 40px;
    height: 40px;
    background: #FFF;
    position: absolute;
    border-radius: 50%;
    right: calc(50% - 20px);
    bottom: 50px;
    z-index: 1000;
    overflow: hidden;
}

.sun_mag .admin_pic img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.sun_mag .date_time {
    float: left;
}

.sun_mag h3 {
    margin: 10px 0 10px 0 !important;
}

.sun_mag .date_time {
    font-size: 11px;
}

.list_gift img {
    width: 100px !important;
    margin: auto;
    cursor: pointer;
}

.list_gift img {
    /* filter: grayscale(100%); */
    transition: ease-in-out 0.2s;
}

.list_gift img:hover {
    filter: grayscale(0%);
}

.ellipsify {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    display: inline-block;
}

.free_delivery {
    width: calc(100% - 2px);
    border: 1px solid #f0f0f0;
    min-height: 50px;
    border-radius: 5px;
    margin: 30px 0;
    position: relative;
}

.free_delivery .icon {
    width: 100px;
    height: 65px;
    position: absolute;
    background: url(../img/free_delivery.svg) no-repeat center;
    background-size: contain;
    left: 0;
    top: 0;
}

.free_delivery span {
    display: block;
    font-weight: bolder;
    color: #222;
    font-size: 14px;
    padding: 10px 10px 5px 10px;
}

.free_delivery .txt {
    display: block;
    color: #777;
    font-size: 12px;
    padding: 0 10px 10px 10px;
}

.user_recoment {
    font-size: 11px;
    color: #777;
    margin: 10px auto;
}

.product_row {
    margin: 5px auto;
}

.product_category {
    font-size: 11px;
    color: #777;
}

.product-details h2 {
    margin: 5px auto;
}

.rating_holder {
    left: 20px;
    top: 10px;
    position: absolute;
}

.property {
    margin: 20px auto;
}

.stock i {
    color: #FFF;
}

.stock .unavailable {
    color: red;
}

.stock .unavailable span {
    background-color: red;
    padding: 1px 5px;
    border-radius: 4px;
    color: #FFF;
    font-size: 11px;
}

.stock .available {
    color: green;
}

.stock .available span {
    background-color: green;
    padding: 1px 5px;
    border-radius: 4px;
    color: #FFF;
    font-size: 11px;
}

.static_footer {
    width: 100% !important;
    height: 30px;
    text-align: center;
    background-color: #FFF;
    position: fixed;
    left: 0;
    bottom: 0;
    line-height: 30px;
}

.br10 {
    border-radius: 10px !important;
}

#profile_image {
    display: none;
}

.profile_image {
    font-size: 10px;
    color: #777;
    cursor: pointer;
}

.profile_image i {
    font-size: 10px;
    color: #777;
}

.payment_success {
    background-color: green !important;
}

.payment_error {
    background-color: red !important;
}

.txt_green {
    color: green !important;
}

.txt_red {
    color: red !important;
}

.order_title {
    margin-top: 15px !important;
    font-size: 15px !important;
}

.order_title h3 {
    font-size: 16px !important;
}

.delivery_status,
.delivery_status i {
    font-size: 15px !important;
}

.txt_blue1 {
    color: #2980B9;
}

.txt_green1 {
    color: #16A085;
}

.tax {
    font-size: 10px;
    color: red;
}

.toman {
    font-size: 16px;
    width: 20px;
    height: 20px;
    fill: #777;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.add_addreess {
    text-align: center;
    padding: 8px 10px;
    border-radius: 4px;
    background: #2473A6;
    color: #FFF;
    transition: all .3s ease-in-out;
}

.add_addreess a#access_link {
    width: 100%;
    color: #FFF !important;
}

.add_addreess:hover {
    background: #555;
}

.notif {
    width: calc(100% - 20px);
    height: auto;
    margin: 4px 10px;
    padding: 10px;
    border-radius: 5px;
    text-align: right !important;
}

.notif .publish_date {
    font-size: 12px;
    color: #777;
    padding: 0 10px;
}

.notif .body {
    clear: both;
    width: calc(100% - 20px);
    text-align: justify;
    direction: rtl;
    padding: 5px 10px;
}

.notif .number {
    padding: 3px 5px;
    border-radius: 5px;
    background: #16A085;
    color: #FFF;
    font-size: 11px;
    margin-left: 10px;
}

.panel_menu_item {
    display: block;
    padding: 8px 10px;
    border-radius: 5px;
    margin-bottom: 20px;
    background: #333;
    color: #FFF;
}

.panel_menu_item:hover {
    background: #F1C40F;
    color: #333;
}

.mobile_menu {
    width: 100%;
    height: 30px;
    background: #ffd400;
    color: #333;
    text-align: center;
    border: 5px;
    border-radius: 5px;
    line-height: 10px;
    display: none;
    margin-bottom: 20px;
}

.mobile_menu i {
    font-size: 5px;
}

@media only screen and (max-width: 991px) {
    .panel_menu {
        display: none;
    }
    .mobile_menu {
        display: block;
    }
    .show_delivery_itm {
        display: none;
    }
}

.old_price {
    color: #777;
    text-decoration: line-through;
}

.new_price {
    color: #333;
    font-weight: bold;
}

.discount_price {
    color: red;
}

.product_code {
    font-size: 11px;
    color: #999;
}

.discount_count {
    color: #999;
    direction: rtl;
    font-size: 11px;
}

.discount_total {
    color: #333;
    direction: rtl;
    font-weight: bold;
}

.final_count_price {
    font-size: 16px;
    font-weight: bold;
    color: #111;
}

.item_cart {
    margin-top: 0px;
}

.lbl {
    font-size: 10px;
    color: #999;
}

.btn_st {
    background: #ffd400;
    color: #333;
    border-radius: 4px;
    border: 0;
    padding: 5px 10px;
}

.btn_st:hover {
    background: #3333;
    color: #FFF;
}

.row_info {
    margin-bottom: 30px;
}

.kyc_row {
    background: #F1F1F1;
    border-radius: 4px;
    margin: 10px 20px;
    padding: 5px 5px;
}

.hiden_input {
    display: none;
}

.fl {
    float: left;
}

.user_child_item {
    width: calc(100% - 20px);
    height: 150px;
    background: #FFF;
    border-radius: 5px;
    margin: 10px;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%);
    padding-top: 10px;
}

.user_child_item .pic {
    display: block;
    width: 80px;
    height: 80px;
    background: #BDC3C7;
    border-radius: 50%;
    margin: 0 auto 5px auto;
}

.user_child_item .pic img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.user_child_item .name {
    width: 100%;
    height: 20px;
    text-align: center;
    margin-top: 10px;
    font-weight: bold;
    font-size: 12px;
    color: #444;
}

.user_child_item .userId {
    width: 100%;
    height: 20px;
    text-align: center;
    font-size: 11px;
    color: #777;
}

.p_n_1 {
    position: absolute;
    padding: 3px 10px;
    background: crimson;
    color: #FFF;
    font-size: 13px;
    z-index: 500;
    right: 0;
    top: 20px;
    border-radius: 4px 0 0 4px;
}

.cart_count {
    width: 90px;
    height: 40px;
    background: #FFF;
    border-radius: 4px;
    margin: 10px auto;
    box-shadow: 0px 2px 10px -2px rgb(0 0 0 / 10%);
}

.cart_count input {
    width: 40px;
    height: 30px;
    border: 0;
    margin: 5px;
    text-align: center;
    float: right;
    outline: none;
}

.cart_count input::-webkit-outer-spin-button,
.cart_count input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.cart_count button {
    width: 40px;
    height: 40px;
    text-align: center;
    float: right;
    background: #28a745;
    border: 0;
    color: #FFF;
    border-radius: 4px 0 0 4px;
}

.pop-container .pop-fixer .pop-outer .pop-content {
    font-size: 13px;
    color: #444;
    padding: 5px !important;
}

.prod-tabs img {
    width: 100%;
    height: auto;
}

.wallet_number {
    font-size: 11px;
    margin-bottom: 4px;
}

.home_banner img {
    width: 100%;
    margin: auto;
    border-radius: 10px;
}

.home_banner .col-md-4 {
    padding-right: 5px;
    padding-left: 5px;
}

.sr {
    margin-bottom: 10px;
}

.mb {
    margin-bottom: 10px;
}

.show_more_member {
    width: 100%;
    padding: 20px 30px;
    background: rgb(233, 233, 233);
    border: 1px dashed rgb(137, 133, 133);
    text-align: center;
    border-radius: 4px;
}

.sub_menu_side li a {
    font-size: 12px !important;
    padding-right: 30px;
    padding: 5px 0 !important;
}

.sub_menu_side {}

.company_phone span {
    font-size: 18px;
}

.map_location {
    width: 100%;
    border-radius: 5px;
    filter: grayscale(1);
}

.social_icon {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.social_icon .item {
    width: 25px;
    height: 25px;
    background-color: #000;
    display: inline-block;
    margin: 0 5px;
}

.social_icon .item.telegram {
    background: url('images/Telegram_logo.svg') no-repeat center;
    background-size: cover;
}

.social_icon .item.whatsapp {
    background: url('images/WhatsApp.svg') no-repeat center;
    background-size: cover;
}

.social_icon .item.rubika {
    background: url('images/rubika.png') no-repeat center;
    background-size: cover;
}

.social_icon .item.instagram {
    background: url('images/Instagram.svg') no-repeat center;
    background-size: cover;
}

.club_point {
    font-size: 13px;
    text-align: right;
}

.club_point i {
    font-size: 13px;
}

.user_name {
    font-size: 13px;
    text-align: right;
}

.profile_update {
    cursor: pointer;
}

.profile_image {
    display: none;
}

.ltr {
    direction: ltr !important;
}

.survey_item {
    margin-bottom: 20px;
}

.survey_descr {
    margin: 10px;
}

.survey_rate {
    list-style: none;
    padding: 0;
    margin: 0;
}

.survey_rate li {
    width: 30px;
    height: 30px;
    display: inline-block;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    text-align: center;
    line-height: 2rem;
    margin: auto 5px;
    cursor: pointer;
}

.survey_rate li:hover {
    background: #0387a82f;
    border: 1px solid #0386a8;
}

.survey_rate li.active {
    background: #036d88;
    border: 1px solid #0386a8;
    color: #FFF;
}

#r_7 {
    display: none;
}

.p_b {
    display: none;
}

.table-responsive {
    display: table;
    font-size: 11px;
}

.form_style label {
    font-size: 12px;
}

.form_style .row {
    margin-bottom: 20px;
}

.fixedh {
    height: 300px;
    overflow-y: auto;
    direction: rtl;
}


/* width */

::-webkit-scrollbar {
    width: 10px;
}


/* Track */

 ::-webkit-scrollbar-track {
    background: #f1f1f1;
}


/* Handle */

 ::-webkit-scrollbar-thumb {
    background: #888;
}


/* Handle on hover */

 ::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.order_row {
    cursor: pointer;
}

.order_row:hover {
    background-color: #fffce1;
}

.sp {
    position: relative;
    direction: ltr;
}

.show_pass {
    position: absolute;
    margin: 40px 0 0 90%;
    cursor: pointer;
}


/* width */

::-webkit-scrollbar {
    width: 3px;
}


/* Track */

 ::-webkit-scrollbar-track {
    background: #f1f1f1;
}


/* Handle */

 ::-webkit-scrollbar-thumb {
    background: #888;
}


/* Handle on hover */

 ::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.active_row {
    background-color: #0286ae !important;
    color: #FFF;
}

.active_row tr {
    background-color: #0286ae !important;
    color: #FFF;
}

.btn_mini {
    padding: 5px;
}

.input_mini {
    height: auto;
}

.form_mini {
    margin: 10px auto;
}

.product_description {
    text-align: right;
}

.tab_content {
    text-align: center;
    margin-bottom: 10px;
    height: 30px;
    border-bottom: 3px solid #dbdbdb;
}

.tab_content .active {
    border-bottom: 3px solid #026584;
    height: 30px;
    color: #026584;
}

.tab_content .item {
    cursor: pointer;
}

.order_row_item {
    width: 100%;
    box-shadow: 0px 0px 15px 0px rgba(51, 51, 51, 0.1);
    border-radius: 10px;
    padding: 5px 10px;
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.order_row_item .label {
    color: #979797;
    font-weight: 600;
}

.order_row_item .txt {
    color: #026584;
    font-weight: 400;
}

.order_status {
    height: 200px;
    margin: 15px 20px;
    border-bottom: 3px solid #dedede;
    margin-bottom: 40px;
}

.order_status .item {
    height: 200px;
    position: relative;
}

.order_status .active {
    border-bottom: 3px solid #026584;
    color: #026584;
}

.order_status .active .checked {
    width: 24px;
    height: 24px;
    position: absolute;
    background: url(../img/checked.webp) center;
    background-size: contain;
    left: -12px;
    bottom: -12px;
    z-index: 1000;
}

.order_status .active .checked_2 {
    width: 24px;
    height: 114px;
    position: absolute;
    background: url(../img/final.webp) no-repeat center;
    background-size: contain;
    left: -12px;
    bottom: -12px;
    z-index: 1000;
}

.order_status .active .txt {
    color: #026585 !important;
}

.order_status .item .icon {
    width: 100%;
    height: 149px;
    background-position: center center;
}

.order_status .item .icon_1 {
    background: url(../img/ico_1.webp) no-repeat center center;
    background-size: 60%;
}

.order_status .item .icon_2 {
    background: url(../img/ico_2.webp) no-repeat center center;
    background-size: 60%;
}

.order_status .item .icon_3 {
    background: url(../img/ico_3.webp) no-repeat center center;
    background-size: 60%;
}

.order_status .item .icon_4 {
    background: url(../img/ico_4.webp) no-repeat center center;
    background-size: 60%;
}

.order_status .item .txt {
    width: 100%;
    height: 30px;
    text-align: center;
    font-weight: 600;
    color: #969696;
}

.order_btn {
    width: 100%;
    height: 30px;
    box-shadow: 0px 0px 15px 0px rgba(51, 51, 51, 0.1);
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
    color: #969696;
    display: block;
}

.order_btn_2 {
    width: 100%;
    height: 30px;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
    color: #FFF;
    display: block;
    background: #ffa800;
}

.survey_hide {
    display: none;
}

.show_survery {
    cursor: pointer;
}

ul.lang {
    width: 120px;
    height: 30px;
    list-style: none;
    float: right;
    margin: 0 0 0 0;
}

ul.lang li {
    width: 53px;
    height: 30px;
    display: inline-block;
}

ul.lang li a.fa {
    display: block;
    width: 53px;
    height: 30px;
    background: url(../img/fa.svg) no-repeat center;
    background-size: contain;
}

ul.lang li a.en {
    display: block;
    width: 53px;
    height: 30px;
    background: url(../img/en.svg) no-repeat center;
    background-size: contain;
}

ul#top_tools li a.fa {
    display: block;
    width: 40px;
    height: 23px;
    background: url(../img/fa.svg) no-repeat center;
    background-size: contain;
}

ul#top_tools li a.en {
    display: block;
    width: 40px;
    height: 23px;
    background: url(../img/en.svg) no-repeat center;
    background-size: contain;
}

.categoreis {
    padding: 30px 0;
}

.categoreis .category {
    width: calc(100% - 7px);
    border-right: 7px solid #26237A;
    height: auto;
    position: relative;
    margin-bottom: 30px;
}

.categoreis .category a img {
    width: 100%;
    height: auto;
}

.categoreis .category a .label {
    width: 100%;
    height: 54px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #00000080;
    color: #FFF;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    line-height: 2.5em;
}

.banners {
    padding: 30px 0;
}

.banners img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.articales {
    padding: 30px 0;
}

.articales .line {
    width: 100%;
    height: 5px;
    text-align: center;
    position: relative;
    background: #6E6DA2;
    margin-bottom: 40px;
}

.articales .line .head {
    width: 100%;
    height: 20px;
    position: absolute;
    top: -5px;
    left: 0;
}

.articales .line .txt {
    height: 20px;
    display: inline;
    font-size: 25px;
    color: #26247B;
    background: #e1e1e1;
    padding: 0 20px;
}

.articales .articale {
    display: block;
    width: 100%;
    height: auto;
    color: #000;
    font-size: 20px;
    margin-bottom: 30px !important;
}

.articales .articale img {
    width: 100%;
    height: auto;
    margin-bottom: 0;
}

.articales .articale h2 {
    width: 100%;
    height: 60px;
    background: #F9F9F9;
    text-align: center;
    color: #000;
    font-size: 18px;
    margin: 0;
    line-height: 2.9em;
    border-bottom: 10px solid #26247B;
}

.page_header {
    width: 100%;
    height: 350px;
    background: url(../img/page_header.jpg) no-repeat center;
    background-size: cover;
    margin-bottom: 50px;
    padding: 120px 0;
    text-align: center;
    color: #FFF;
}

.page_header h2 {
    font-weight: 700;
    color: #FFF;
}

.show_more {
    padding: 10px 20px;
    background: #26247B;
    border-radius: 5px;
    margin: auto;
    color: #FFF;
}

.readmore {
    text-align: center;
    padding: 30px 0;
}

.readmore a:hover {
    color: #FFF;
}

.show_blog {
    padding: 30px 0;
}

.show_blog .page_content {
    width: 100%;
    min-height: 300px;
    padding: 30px;
    background: #FFF;
    border-radius: 10px;
    border-top: 7px solid #26247B;
}
.show_blog .page_content img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;

}

.show_blog .page_content .info {
    width: 100%;
    max-width: 700px;
    margin: 30px auto 30px auto;
    border-radius: 10px;
    background: #EFEFEF;
    list-style: none;
    font-size: 16px;
}

.show_blog .page_content .info li {
    color: #26247B;
    padding: 10px 10px;
    display: inline-block;
}

.show_blog .page_content .txt_content {
    width: 100%;
    line-height: 2em;
    color: #000;
    font-size: 18px;
    text-align: justify;
    padding: 20px;
}

.comments {
    padding: 30px 0;
}

.comments h2 {
    color: #26247B;
    font-family: 18px;
    font-weight: 700;
    margin-bottom: 30px;
}

.comments input {
    padding: 10px;
    height: 50px;
    border: 1px solid #26247B;
}

.comments textarea {
    padding: 10px;
    border: 1px solid #26247B;
}

.comments button {
    min-width: 100px;
    padding: 10px 20px;
    background: #26247B;
    border-radius: 5px;
    margin: auto;
    color: #FFF;
    border: 0;
}

.show_product {
    padding: 30px 0;
}

.show_product .page_content {
    width: 100%;
    min-height: 300px;
    padding: 30px;
    background: #FFF;
    border-radius: 10px;
    border-top: 7px solid #26247B;
}

.show_product .page_content img {
    width: 100%;
    height: auto;
}

.show_product .page_content h2 {
    color: #26247B;
    font-size: 20px;
    font-weight: 600;
}

.show_product .page_content ul {
    list-style: none;
    font-size: 18px;
    line-height: 2em;
    padding-right: 0;
}

.show_product_descr {
    padding: 30px 0;
}

.show_product_descr .page_content {
    width: 100%;
    min-height: 300px;
    padding: 0;
    background: #FFF;
    border-radius: 10px;
}

.show_product_descr .page_content .header {
    width: 100%;
    height: 80px;
    border-bottom: 5px solid #26247B;
}

.show_product_descr .page_content .header h2 {
    color: #26247B;
    font-size: 20px;
    font-weight: 600;
    padding: 10px 20px;
}

.show_product_descr .page_content .header .dl_catalog {
    min-width: 100px;
    padding: 10px 20px;
    background: #26247B;
    border-radius: 5px;
    margin: auto;
    color: #FFF;
    float: left;
    margin: 20px 0 0 20px;
}

.show_product_descr .page_content .page_content_txt {
    padding: 30px;
    font-size: 18px;
    text-align: justify;
    line-height: 2em;
    color: #000;
}

.products {
    padding: 30px 0;
    margin-bottom: 50px;
}

.products .line {
    width: 100%;
    height: 5px;
    text-align: center;
    position: relative;
    background: #6E6DA2;
    margin-bottom: 40px;
}

.products .line .head {
    width: 100%;
    height: 20px;
    position: absolute;
    top: -5px;
    left: 0;
}

.products .line .txt {
    height: 20px;
    display: inline;
    font-size: 25px;
    color: #26247B;
    background: #e1e1e1;
    padding: 0 0 0 20px;
    float: right;
}

.products .line .readmore {
    height: 20px;
    display: inline;
    font-size: 16px;
    color: #26247B;
    background: #e1e1e1;
    padding: 0 20px 0 0;
    float: left;
}

.products .line .readmore a {
    color: #26247B;
}

.products .product {
    display: block;
    width: 100%;
    height: auto;
    color: #000;
    font-size: 20px;
    margin-bottom: 30px;
}

.products .product img {
    width: 100%;
    height: auto;
    margin-bottom: 0;
    border-radius: 10px 10px 0 0;
}

.products .product h2 {
    width: 100%;
    height: 60px;
    background: #FFF;
    text-align: center;
    color: #000;
    font-size: 13px;
    margin: 0;
    line-height: 2.9em;
    border-bottom: 10px solid #26247B;
    border-radius: 0 0 10px 10px;
}

.forms {
    padding: 30px 0;
}

.forms .content {
    width: 100%;
    min-height: 300px;
    padding: 20px 30px;
    background: #FFF;
    border-radius: 10px;
    border-top: 7px solid #26247B;
}

.forms h2 {
    color: #26247B;
    font-family: 18px;
    font-weight: 700;
    margin-bottom: 30px;
}

.forms input {
    padding: 10px;
    height: 50px;
    border: 1px solid #26247B;
}

.forms textarea {
    padding: 10px;
    border: 1px solid #26247B;
}

.forms button {
    min-width: 100px;
    padding: 10px 20px;
    background: #26247B;
    border-radius: 5px;
    margin: auto;
    color: #FFF;
    border: 0;
}

.forms .form_items {
    direction: rtl;
    line-height: 2em;
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    margin: 30px auto;
}

.forms .form_items label {
    font-size: 14px;
    font-weight: 400;
}

.forms .form_items input[type=radio] {
    width: 14px;
    height: 14px;
    display: inline-block;
    margin: 0 5px 0 0;
}

.container {
    width: calc(100% - 30px);
}
.slishow{
    width: 100%;
    height: 800px;
    background-size: cover;
}
@media only screen and (max-width: 991px) {
    .main-menu ul>li.pline {
        display: none !important;
    }
    .main-menu ul,
    .main-menu ul li,
    .main-menu ul li a {
        position: relative;
        margin-bottom: 0;
        margin: 5px0 0;
        padding: 0;
    }
    .main-menu li,
    .main-menu a {
        display: inline;
        padding: 10px;
    }
    .products .line .txt {
        font-size: 16px;
    }
    .show_product_descr .page_content .header h2 {
        font-size: 16px;
    }
    .show_product_descr .page_content .header .dl_catalog {
        min-width: 79px;
        padding: 10px 3px;
        background: #26247B;
        border-radius: 5px;
        margin: auto;
        color: #FFF;
        float: left;
        margin: 10px 0 0 20px;
    }

    ul#top_tools li a.fa {
        width: 30px;
    }
    
    ul#top_tools li a.en {
        width: 30px;

    }

    ul.lang li a.fa {
        width: 30px;
        height: 20px;

    }
    
    ul.lang li a.en {
        width: 30px;
        height: 20px;
    }
    ul.lang {
        width: 100%;
    }
    .categoreis .category a .label {
        width: 100%;
        height: 34px;
        position: absolute;
        left: 0;
        bottom: 0;
        background: #00000080;
        color: #FFF;
        text-align: center;
        font-size: 13px;
        font-weight: 700;
        line-height: 3em;
    }
    .procat{
        padding-left: 0 !important;
    }
    .page_header {
        width: 100%;
        height: 143px;
        background: url(../img/page_header.jpg) no-repeat center;
        background-size: cover;
        margin-bottom: 50px;
        padding: 20px 0;
        text-align: center;
        color: #FFF;
    }
    .products .line .txt {
        font-size: 13px;
    }
    .products .line .readmore {

        font-size: 12px;

}
.page_header h2 {
    font-size: 18px;

}
.slishow{
    width: 100%;
    height: 300px;
    background-size: 100% !important;
}
.copyright {
    font-size: 11px;
}
.categoreis {
    padding: 20px 0 0 0;
}
.banners {
    padding: 20px 0 0 0;
}
}