/* ++++++++++++++++++++ Patern ++++++++++++++++++++ */

body {
    height: 100%;
    font-family: Shabnam;
    font-size: 13px;
    background-color: #F5F5F5;
}

a {
    color: #337ab7;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

tspan {
    font-family: Shabnam;
}

.btn-xs,
.btn-group-xs > .btn {
    padding: 2px 6px;
    font-size: 12px;
}

.color-red {
    color: #BC1818;
}

.bg-red {
    background-color: #BC1818;
}

.circle-icon {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    line-height: 26px;
}


/***** scroll ****/

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

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

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 25px;
    overflow: hidden;
}

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

::-webkit-scrollbar-track {
    border-radius: 25px;
    overflow: hidden;
}


/*----- scroll ----*/

.rad-5 {
    border-radius: 5px;
}

.hidden {
    display: none;
}

.rad-15 {
    border-radius: 15px;
}

.ov-h {
    overflow: hidden;
}

.remove-icon {
    left: 5px;
    top: 10px;
    cursor: pointer;
    border-radius: 50%;
    position: absolute;
    font-size: 20px;
    box-shadow: -1px 1px 2px 0px rgba(255, 255, 255, 1) !important;
    border: 0;
}

.image_bordered {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    border: 7px solid #FFF;
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, .05);
}

.owl-nav > button {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    background-color: rgba(255, 255, 255, .7) !important;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    font-size: 33px !important;
    box-shadow: 1.5px 0 4px 0 rgba(0, 0, 0, .3);
}

.owl-nav > button span {
    line-height: 33px;
}

.owl-prev {
    right: -20px;
}

.owl-next {
    left: -20px;
}

.owl-dots {
    display: none;
}

@media only screen and (max-width: 991px) {
    .owl-nav > button {
        width: 30px;
        height: 30px;
    }

    .owl-nav > button span {
        line-height: 24px;
        font-size: 28px;
    }
}

.label {
    color: #515760;
    font-size: 16px;
    flex-shrink: 0;
    margin-left: 5px;
    /*display    : flex;*/
    align-items: center;
    margin-bottom: 5px;
    line-height: 25px;
    display: inline-block;
}

.bg-image {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}





.download-link {
    border: 1px dotted #cccc;
    border-radius: 10px;
    /* height    : 28px; */
    display: flex;
    align-items: center;
    padding: 5px;
    display: flex;
    margin-bottom: 5px;
}

.download-link_link {
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    color: #000;
    width: 100%;
}

.download-link_link span {
    max-width: calc(100% - 15px);
    white-space: nowrap;
    background: white;
    overflow: hidden;
    text-overflow: ellipsis;
}

.download-link_icon {
    display: inline-block;
    width: 30px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}


.profile-banner {
    position: relative;
}

.profile-banner img {
    height: auto;
    width: 100%;
    position: relative;
}


/**** profile files *****/


/*--- enf of profile files ---*/


/**** profile Honor *****/

.bg-tiles {
    padding: 20px;
    background-color: #b3b3b3 !important;
}

.bg-tiles:before {
    background-position: 50%;
    -webkit-background-size: 600px 600px;
    -moz-background-size: 600px;
    background-size: 600px;
    background-image: url("./../images/oriental-tiles.png");
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 10px;
    width: 100%;
    display: block;
    z-index: 0;
    content: "";
    opacity: .06;
    pointer-events: none;
}

.profile-honors .item {
    overflow: hidden;
    position: relative;
    height: 300px;
    /* box-shadow   : 0px 0px 8px 1px rgba(0, 0, 0, .05); */
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
    align-items: center;
    background-color: #f1f1f1;
}

.profile-honors .item::after {
    content: '';
    display: inline-block;
    height: 40px;
    width: 100%;
    background: linear-gradient(to top, #f1f1f1, transparent);
    position: absolute;
    bottom: 0;
}

.profile-honors .item img {
    height: 100%;
    width: auto !important;
}

.profile-honor_img {
    height: 170px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    position: relative;
    flex-shrink: 0;
}

.profile-honors .item p {
    font-size: 13px;
    padding: 12px;
    line-height: 19px;
    text-align: justify;
}


/**** Enf of profile Honor *****/


/**** profile Service *****/

.profile .profile-service {
    border-bottom: 1px solid #f1f1f1;
    padding: 10px 20px;
}

.profile .profile-service:first-child {
    /* padding-top: 0; */
}

.profile .profile-service:last-child {
    border-bottom: 0;
    /* padding-bottom: 0; */
}

.profile-service .owl-prev {
    right: 0px;
}

.profile-service .owl-next {
    left: 0px;
}


/**** Enf of profile Service *****/


/* -------------------- Edit Profile -------------------- */


/* ++++++++++++++++++++ Edit Profile ++++++++++++++++++++ */

.image-bordered {
    box-shadow: 1px 6px 6px 0 rgba(0, 0, 0, .11);
    border: 8px solid #fff;
}

.add-more-field {
    border-radius: 5px;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 100px;
    /* font-size   : 12px; */
    padding: 0 0;
    /* display     : inline-block; */
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    margin-top: 10px;
}

.additive-field {
    position: relative;
}

.additive-field i {
    position: absolute;
    left: 7px;
    font-size: 18px;
    cursor: pointer;
}

.border-dash {
    border: 1px dashed #ccc;
    border-radius: 7px;
    padding: 10px;
    margin-bottom: 0;
}

.form-group-image {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.form-group-image .form-image img {
    width: 100%;
    height: auto;
}

.form-group-image .form-image {
    width: 90px;
    margin-right: 20px;
    position: relative;
}

.form-group-image .form-field {
    flex-grow: 1;
}

.form-image {
    position: relative;
}

.form-image i {
    position: absolute;
    top: 4px;
    left: 4px;
    cursor: pointer;
    font-size: 22px;
    background-color: #fff;
    border-radius: 50%;
}

.form-image img {
    border-radius: 5px;
    overflow: hidden;
}


/**** profile files *****/


/**** enf of profile files ****/


/**** profile honor *****/

.form-group-honor {
    border: 1px dashed #bbb;
    border-radius: 7px;
    padding: 10px;
}

.form-group-honor img {
    border-radius: 5px;
}


/**** enf of profile honor ****/

.profile-service .item {
    height: 160px;
    border-radius: 5px;
    overflow: hidden;
}


/* -------------------- End  Edit Profile -------------------- */

.sidebar-filter_header {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    justify-content: space-between;
}

.page-link {
    line-height: 12px;
    padding: 8px 10px;
    color: #117a8b;
}

.page-item.active .page-link {
    border: 1px solid #117a8b;
    background-color: #117a8b;
}

.pagination {
    display: flex;
    justify-content: center;
}

.section-title {
    font-weight: 700;
    margin-bottom: 10px;
    padding: 0px 10px;
    margin: 30px 0;
    font-size: 25px;
    text-shadow: 2px 2px 0 #e8e8e8, 3px 3px 0 #d4d4d4;
    border-right: 5px solid #bb1919;
}


/* ++++++ Base Code ++++++ */

a:hover {
    text-decoration: none;
}

.rad-15 {
    border-radius: 15px;
}

.rad-20 {
    border-radius: 20px;
}

.text-red {
    color: #bb1818;
}

.cursor-pointer {
    cursor: pointer !important;
}

.badge-smoke {
    color: #000;
    background-color: #e6e6e6;
}



.badge-outline-light {
    color: #6e767d;
    background-color: transparent;
    background-image: none;
    border: 1px solid #b1b8bd;
}

.sticky-menu {
    position: sticky;
    top: 0;
    z-index: 10;
}


/* ------ end Base Code ------ */


/* ++++++ Common Code ++++++ */

.audio {
    width: 100%;
    /* box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .11); */
    border: 1px solid #dedede;
    border-radius: 25px;
}

.icon-article {
    background-image: url(./../images/icon/article.svg);
}

.icon-video {
    background-image: url(./../images/icon/video.svg);
}

.icon-podcast {
    background-image: url(./../images/icon/podcast.svg);
}

.icon-comment {
    background-image: url(./../images/icon/comment.svg);
}

.border-dash {
    border: 1px dashed #ccc;
}


/* ------ end Common Code ------*/


/* ++++++ Post ++++++ */


/* ------ Post ------ */


/* ++++++ end of  Videos ++++++ */


/*------ Podcast ------*/

.podcasts .posts-item_content {
    justify-content: space-between;
}

.podcasts .audio {
    height: 30px;
}


/*------ end of Podcast ------*/



/* +++++++++++ user Info +++++++++ */

.user-info {
    display: flex;
    align-items: center;
}

.user-info h3,
.user-info .title {
    font-size: 14px;
    margin-bottom: 3px;
}

.user-info p {
    margin: 0;
}

.user-info .content {
    width: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.user-info .content label {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-info .content h3,
.user-info .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.user-info .content a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.user-info .img {
    flex-shrink: 0;
    height: 40px;
    border-radius: 50%;
    width: 40px;
    overflow: hidden;
    border: 1px solid #eee;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: inline-block;
}

.user-contact {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 50px;
}


/* sharing */

.sharing {
    list-style: none;
    display: flex;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
}

.sharing li:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.sharing__telegram {
    background-color: #0088CC;
}

.sharing__whatsapp {
    background-color: #0BBAA2;
}

.sharing__linkedin {
    background-color: #007BB6;
}

.sharing__facebook {
    background-color: #3B5998;
}

.sharing__twitter {
    background-color: #00ACED;
}

.sharing__help {
    background-color: #909090;
}

.sharing__info {
    background-color: #909090;
}


/* end of Sharing */


/* bredcrump */

.breadcrumb {
    border-bottom: 1px solid #eaeaea;
    /*box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);*/
}


/* end of breadcrump */


/* ---------- Common ---------- */


/* ++++++++++ Profile  ++++++++ */


/* profile box */


/* enf of profile box */


/* files */


/* end of Gallery */


/* ---------- Profile Edit ---------- */


/* +++++++ attachment +++++++ */


/*------- end of attachment -------*/


/* ++++++++++ Multimedia ++++++++++ */


/* ++++++++++ end of Multimedia ++++++++++ */


/* ++++++++++ Video ++++++++++ */


/* ---------- end of Video ---------- */


/* ++++++++++ Common Code ++++++++++ */


/*.table-1 {*/


/*    border-radius: 10px;*/


/*    !* overflow: hidden; *!*/


/*    margin-bottom: 0;*/


/*    !* background-color: #fff; *!*/


/*    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);*/


/*}*/


/*.table-1 th,*/


/*.table-1 td {*/


/*    padding: 10px 5px;*/


/*    vertical-align: middle;*/


/*    font-size: 12px;*/


/*    !* text-align: center; *!*/


/*    border-right: 1px dashed #ccc;*/


/*}*/


/*.table-1 td:first-child, .table-1 th:first-child {*/


/*    border-right: unset;*/


/*}*/


/*.table-1 tbody tr:nth-of-type(odd) {*/


/*    background-color: rgba(0, 0, 0, 0.05);*/


/*}*/


/*.table-1 th {*/


/*    color: #fff;*/


/*    background-color: #343a40;*/


/*    border-color: #454d55;*/


/*}*/


/*table {*/


/*    border: 1px solid #ccc;*/


/*    border-collapse: collapse;*/


/*    margin: 0;*/


/*    padding: 0;*/


/*    width: 100%;*/


/*    table-layout: fixed;*/


/*}*/


/*table caption {*/


/*    font-size: 1.5em;*/


/*    margin: .5em 0 .75em;*/


/*}*/


/*table tr {*/


/*    background-color: #f8f8f8;*/


/*    border: 1px solid #ddd;*/


/*    padding: .35em;*/


/*}*/


/*table th,*/


/*table td {*/


/*    padding: .625em;*/


/*    !* text-align: center; *!*/


/*}*/


/*table th {*/


/*    font-size: 12px;*/


/*    color: #000;*/


/*    !*background-color: #343a40;*!*/


/*    border-color: #454d55;*/


/*}*/

@media screen and (max-width: 600px) {
    /*table {*/
    /*    border: 0;*/
    /*}*/
    /*table caption {*/
    /*    font-size: 1.3em;*/
    /*}*/
    /*table thead {*/
    /*    border: none;*/
    /*    clip: rect(0 0 0 0);*/
    /*    height: 1px;*/
    /*    margin: -1px;*/
    /*    overflow: hidden;*/
    /*    padding: 0;*/
    /*    position: absolute;*/
    /*    width: 1px;*/
    /*}*/
    /*table tr {*/
    /*    border-bottom: 3px solid #ddd;*/
    /*    display: block;*/
    /*    margin-bottom: .625em;*/
    /*}*/
    /*table tr td:first-child {*/
    /*    color: #fff;*/
    /*    background-color: #343a40;*/
    /*    font-size: 14px;*/
    /*    text-align: center;*/
    /*}*/
    /*table td {*/
    /*    border-bottom: 1px solid #ddd;*/
    /*    display: block;*/
    /*    font-size: .8em;*/
    /*    text-align: right;*/
    /*}*/
    /*table td::before {*/
    /*    !**/
    /*    * aria-label has no advantage, it won't be read inside a table*/
    /*    content: attr(aria-label);*/
    /*    *!*/
    /*    content: attr(data-label);*/
    /*    float: left;*/
    /*    font-weight: bold;*/
    /*    text-transform: uppercase;*/
    /*}*/
    /*table td:last-child {*/
    /*    border-bottom: 0;*/
    /*}*/
}

@media (max-width: 767px) {
    .h-responsive {
        font-size: 30px;
    }
}

.aniimated-thumbnials a {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.aniimated-thumbnials img {
    visibility: hidden;
}

.owl-stage-outer {
    /*padding: 10px;*/
}

.v-line {
    display: block;
    height: 3px;
    background-image: linear-gradient(to right, #fff, #c4abab, #ffffff);
    background-color: #9d5858;
    flex-grow: 1;
}

#dashboard-icon {
    display: inline-block;
    position: fixed;
    background-image: url(/images/icon/control-panel.svg);
    cursor: pointer;
    background-size: contain;
    width: 60px;
    height: 60px;
    bottom: 110px;
    right: 25px;
    z-index: 500;
    border-radius: 50%;
}

.bg-blue {
    background-color: #117a8b;
}

.bg-green {
    background-color: #28a745;
}

.bg-yellow {
    background-color: #d39e00;
}

.bg-red {
    background-color: #dc3545;
}

.mt-6 {
    margin-top: 4rem;
}

.box-shadow {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.custom-select {
    appearance: auto;
    -webkit-appearance: auto;
}

.value {
    font-size: 16px;
    display: inline-block;
    margin-bottom: 5px;
    line-height: 30px;
}

.img-background {
    display: flex;
    height: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 10px;
    overflow: hidden;
}

.img-icons {
    opacity: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .8);
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s;
}

.img-background:hover .img-icons {
    opacity: 1;
    transition: all .5s;
}

.img-icons i {
    cursor: pointer;
}


/* Modal loading */


/* end of Modal Loading */


/* hedline */


/* end of headline */


/* breadcrump */


/* end of breadcrump */


/* nav */

.fl-nav .nav-item {
    flex-grow: 1;
    text-align: center;
}

.fl-nav .nav-link {
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
    border: 1px solid #e5e5e5;
}


/* end of nav */


/* ---------- end of Common Code ---------- */




/* ++++++++++ Metalpedia ++++++++++ */


/* Video */

.video-card {
    margin-bottom: 20px;
    overflow: hidden;
}

.video-card_img {
    height: 210px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
}

.video-card_img::before {
    content: '';
    display: inline-block;
    width: 55px;
    height: 55px;
    background-image: url(./../images/icon/play-button3.svg);
    background-size: contain;
    transition: all 0.3s;
    bottom: -13px;
    left: 13px;
    position: absolute;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border-radius: 50%;
}

.video-card_content {
    height: 100px;
    padding: 7px 10px;
}

.video-card_title {
    font-size: 15px;
    height: 45px;
    overflow: hidden;
    line-height: 22px;
    margin: 0;
    color: #000;
    margin-top: 10px;
}

.video-card a:hover .video-card_img::before {
    width: 65px;
    height: 65px;
}

.video-card a:hover .video-card_img::after {
    background-color: rgba(0, 0, 0, .5);
}

#video-page iframe {
    border: 0;
    border-radius: 10px;
}

.video-time {
    color: #fff;
    background-color: #bb1818;
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 13px;
    font-weight: 300;
    padding: 1px 10px;
    border-radius: 5px;
}

@media only screen and (max-width: 991px) {
    .post_meta li {
        margin-left: 4px;
        font-size: 9px;
    }

    .video-card_title {
        font-size: 12px;
        /*height : 37px;*/
    }

    .video-card_content {
        height: 60px;
    }

    .video-card_img {
        height: 130px;
    }
}


/* end of Video */


/* ---------- end of Metalpedia ---------- */


/* ++++++++++ Front ++++++++++ */


/* moment news */


/* end of moment news */


/* currency-box */

.currency-carousel {
    padding: 15px 0;
}

.currency-carousel .owl-stage {
    margin: auto;
}

.currency-box {
    display: flex;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #e6e6e6;
    /*box-shadow: 0 10px 20px 0 rgba(0,0,0,.09);*/
    height: 40px;
    border-radius: 10px;
    justify-content: space-between;
    align-items: center;
}

.currency-right {
    font-size: 13px;
}

.currency-left {
    display: flex;
    flex-direction: column;
    text-align: left;
    margin-right: 10px;
}

.currency-left .price {
    color: #bb1919;
    font-weight: bold;
    font-size: 17px;
}


/* end of currency-box */


/* metal currency footer */

#metal-currency {
    background-color: #ECEFF1;
    /*height: 200px;*/
    border-top: 1px solid #d4d4d4;
    position: relative;
}

.my-currency-box {
    display: flex;
    flex-direction: column;
    padding: 5px;
    border-radius: 10px;
    margin: 0 6px;
    /*background-color: #fff;*/
    /*border: 1px solid #e6e6e6;*/
}

.my-currency-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #e1e1e1;
    font-size: 17px;
    padding: 0 5px 5px;
}

.my-currency-top .date {
    color: #666;
    font-size: 11px;
}

.my-currency-bottom {
    display: flex;
    margin-top: 5px;
    flex-direction: column;
    justify-content: center;
}

.my-currency-bottom {
    display: flex;
    margin-top: 5px;
    flex-direction: column;
    justify-content: center;
}

.my-currency-row {
    display: flex;
    justify-content: space-between;
    padding: 3px;
}

.my-currency .price {
    color: #bb1919;
    font-size: 14px;
}

.my-currency-row-left .cur {
    font-size: 10px;
    margin-right: 4px;
}


/* end of metal currency footer */

.front-users .item {
    position: relative;
}

.front-users h3 a {
    font-size: 18px;
    font-weight: 500;
    padding: 0 10px;
    color: #212529;
}

.front-users .item .content {
    background-color: #fff;
    margin: 50px 0 0 0;
    display: flex;
    padding: 50px 0 10px 0;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    border-radius: 10px;
    height: 250px;
    border: 1px solid #e6e6e6;
}

.front-users .item .logo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 100px;
    border-radius: 50%;
    width: 100px;
    overflow: hidden;
    border: 3px solid #ddd;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.front-users .item .btn {
    border-color: #eea236;
    background-image: linear-gradient(270deg, #fff, #fec56c, #ffc05f, #fff);
    font-size: 15px;
    border-radius: 25px;
    /* padding: 4px 6px; */
    color: #000;
    -webkit-transition: all .2s;
    transition: all .2s;
    width: 100%;
    text-shadow: hsla(0, 0%, 100%, .2) 0 3px 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
}

.app-info {
    /* background: #bb1919 linear-gradient(to left, #bb1919, #500303); */
    /* background-color: #3c4b6d; */
    background: #159957;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #155799, #159957);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #155799, #159957); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    border-radius: 15px;
}

.app-info img {
    width: 60%;
}

.app-info-right {
    padding: 20px;
    color: #fff;
}

.app-info-btn {
    background-color: #fff;
    color: #000;
    border-radius: 11px;
    width: 180px;
    padding: 4px;
    display: flex;
    align-items: center;
}

.icon_bazar{
    width: 50px;
    height: 50px;
    display: inline-block;
    background-image: url(./../images/icon/icon-bazar.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.icon_google-play {
    background-image: url(./../images/icon/google-play.png);
}

.icon_foolad {

    background-image: url(./../images/icon/foolad.png);

}

.icon_pwa {
    background-image: url(./../images/icon/pwa-icon.png);
}

.icon_ios {
    background-image: url(./../images/icon/ios.png);
}

@media (max-width: 991px) {
    .app-info-right {
        padding: 10px !important;
    }
    
}



.app-icon{
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.date-badge {
    width: 50px;
    position: absolute;
    font-size: 16px;
    color: rgb(255, 255, 255);
    text-align: center;
    top: 5px;
    left: 5px;
    font-weight: 300;
    z-index: 10;
    border-radius: 10px;
    background: rgb(54, 66, 77);
    padding: 0px 0px;
}

.lp-meta li {
    float: left;
}

.lp-meta li i {
    margin-right: 8px;
}

.lp-meta li i {
    color: rgb(102, 102, 102);
}


.front-guide_item-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.front-guide h3 {
    font-size: 25px;
}

.front-guide p {
    font-size: 14px;
    line-height: 22px;
}

.front-guide_item {
    border-radius: 10px;
    background-color: #fff;
    height: 230px;
    display: flex;
}

.front-guide_item-right .front-guide_item-img {
    padding: 10px 10px 10px 0;
}

.front-guide_item-left .front-guide_item-img {
    padding: 10px 0 10px 10px;
}

.front-guide_item-text {
    padding: 10px;
}

@media (max-width: 1400px) {
}

@media (max-width: 991px) {
}


/* ---------- Front ---------- */


/* ++++++++++ Metalpedia ++++++++++ */


/* widget-last */


/* end of widget-last */


/* ---------- Metalpedia ---------- */


/* ++++++++++ rfq ++++++++++ */


/* ---------- end of rfq ---------- */


/* ++++++++++ user guide +++++++++++*/

.user-guides {
    margin: 0;
    padding: 20px;
    list-style: none;
}

.user-guides li {
    display: flex;
    margin-bottom: -80px;
}

.user-guides li:last-child {
    margin-bottom: unset;
}

.user-guides li.even {
    justify-content: flex-end;
}

.guide-card {
    position: relative;
    width: 500px;
    /* background-color: #ececec; */
}

.guide-card-content {
    padding: 10px;
    line-height: 20px;
    height: 165px;
    overflow: hidden;
}

.guide-card h2 {
    margin-bottom: 10px;
    line-height: 25px;
}

.guide-card h2 a {
    font-size: 17px;
    font-weight: 700;
}

.guide-card-image img {
    border-radius: 8px 8px 0 0;
    width: 100%;
}

.guide-card::before {
    position: absolute;
    top: 26px;
    z-index: 2;
    display: inline-block;
    border-bottom: 19px solid transparent !important;
    border-top: 19px solid transparent !important;
    content: " ";
}

.guide-card.odd::before {
    border-right: 19px solid #535355 !important;
    border-left: 0 solid #535355 !important;
    left: -19px !important;
}

.guide-card.even::before {
    border-left: 19px solid #535355 !important;
    border-right: 0 solid #535355 !important;
    right: -19px !important;
}

.guide-number {
    position: absolute;
    top: 32.4px;
    z-index: 3;
    display: block;
    width: 26px;
    height: 26px;
    background: #be1919;
    color: #fff;
    text-align: center;
    transform: rotate(-45deg);
    border: 1px solid #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.guide-card.odd .guide-number {
    left: -8.5px;
}

.guide-card.even .guide-number {
    right: -8.5px;
}

.guide-number span {
    transform: rotate(45deg);
    display: block;
    font-size: 16px !important;
    font-weight: bold !important;
    padding-top: 2px;
}

.guide-readmore {
    position: absolute;
    bottom: 5px;
    left: 10px;
    color: #bb1919;
}

@media (max-width: 1200px) {
    .user-guides li {
        margin-bottom: 30px;
    }
}


/* ---------- end of user guide --------- */


/* ++++++++++ contact us ++++++++++ */

#form_contact_us {
    border: 2px solid #E2E2E2;
    direction: rtl !important;
}

#form_contact_us > h1 {
    background-color: #E2E2E2;
    font-size: 1.4em;
    color: #be1919;
    padding: 17px 40px;
}

#form_contact_us #left_contact_us {
    padding: 30px 20px;
}

#form_contact_us #right_contact_us {
    padding: 30px 40px;
}

#form_contact_us .form-required {
    display: none !important;
}

#form_contact_us .control-label {
    color: #757575;
    font-size: .9em;
    margin-right: 20px;
}

#form_contact_us #edit-submit {
    background-color: #be1919;
    color: #ffffff;
    margin: auto;
    float: left;
}

#form_contact_us #right_contact_us h4 {
    color: #be1919;
    font-size: 1.0em;
    margin-bottom: 20px;
}

#form_contact_us .title_contact_us {
    color: #222222;
    font-size: 1.1em;
}

#form_contact_us .value_contact_us {
    color: #be1919;
}

#form_contact_us .elem_contact_us {
    margin-bottom: 20px;
    position: relative;
}

#iframe_contact_us {
    width: 100%;
    height: 200px;
    text-align: center;
}

#form_contact_us #iframe_contact_us iframe {
    width: 80%;
    height: 100%;
    border: 2px solid #E2E2E2;
}

#form_contact_us .form-control {
    border-radius: 10px;
    border: 2px solid #E2E2E2;
}

#form_contact_us .form-item span {
    position: absolute;
    right: 25px;
    color: red;
}

#form_contact_us #right_contact_us .arrow_left {
    width: 10px;
    height: 10px;
    /* background-image: url("../images/arrow_left.svg"); */
    display: inline-block;
    position: absolute;
    right: -15px;
    top: 5px;
}

#form_contact_us .map_icon {
    width: 20px;
    height: 20px;
    /* background-image: url("../images/address.svg"); */
    display: inline-block;
    position: absolute;
    right: -20px;
    top: 0px;
}

#form_contact_us h1 .arrow_left {
    width: 14px;
    height: 14px;
    /* background-image: url("../images/arrow_left.svg"); */
    display: inline-block;
    position: absolute;
    right: 28px;
    top: 23px;
}

.page-contact-us #footer_contact_us {
    height: 523px;
    /* background-image: url("../images/contact-us.png"); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.page-contact-us .region-page-bottom {
    display: none;
}

#form_contact_us #social_link {
    height: 30px;
    position: absolute;
    bottom: 30px;
    right: 20px;
}

#form_contact_us .link_icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
    transition: all .3s;
}

#form_contact_us .link_icon:hover {
    transform: scale(1.15);
}

#form_contact_us #goole_link {
    /* background-image: url("../images/google_plus_round.svg"); */
}

#form_contact_us #instagrm_link {
    /* background-image: url("../images/instagram_round.svg"); */
}

#form_contact_us #linkdin_link {
    /* background-image: url("../images/linkdin_round.svg"); */
}

#form_contact_us #twitter_link {
    /* background-image: url("../images/twiter_round.svg"); */
}


/* ---------- contact us ---------- */


/* ++++++++++ iron weight ++++++++++ */

.iron-weight-box .card {
    height: 75px;
    padding-left: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}

.iron-weight-box .card img {
    width: 95px;
}

.iron-weight-box .card a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    color: #bb1919;
    font-size: 14px;
    font-weight: 500;
}

.iron-weight-title {
    height: 75px;
    margin-bottom: 10px;
    align-items: center;
    display: flex;
}

.iron-weight-title h3 {
    font-size: 18px;
    font-weight: 700;
}

.iron-weight-download {
    width: 100%;
    height: 50px;
    display: -webkit-flex;
    display: flex;
    margin: 30px 0;
}

.iron-weight-download_text {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 50px;
    padding-top: 12px;
}

.iron-weight-download_text > a {
    color: #bb1919;
    font-weight: bold;
    font-size: 16px;
}

.iron-weight-download_text span:nth-child(2) {
    height: 1px;
    background-color: #e6e6e6;
    margin: 5px 0px;
}

.iron-weight-download_text span:nth-child(3) {
    color: #c7c7c7;
    font-weight: normal;
    font-size: 12px;
    display: block;
    width: 100%;
}


/* ---------- iron weight ---------- */


/* ++++++++++ fix-menu ++++++++++ */

#fix-menu {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 100;
}

.fix-menu_items {
    display: flex;
    height: 50px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.12);
}

#fix-menu .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    position: relative;
    padding: 3px;
    z-index: 99;
}

.fix-menu_items .item {
    background-color: #f5f5f5;
}

#fix-menu .item_title {
    font-size: 9px;
    color: #484848;
}

#fix-menu .item-icon {
    font-size: 20px;
    margin-bottom: 5px;
    color: #484848;
}

#fix-menu .item-icon.fa-plus,
#fix-menu .item-icon.fa-home {
    font-size: 27px;
    margin-top: -10px;
    margin-bottom: 7px;
}

#fix-menu .circle {
    position: absolute;
    display: inline-block;
    width: 64px;
    height: 53px;
    background-color: #f5f5f5;
    border-radius: 50%;
    z-index: 98;
    top: -15px;
    left: 0;
    right: 0;
    margin: auto;
    box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.12);
}

.fix-menu_add {
    position: absolute;
    width: 100%;
    height: 50px;
    background-color: #ffffff;
    right: 0;
    bottom: -5px;
    display: flex;
    z-index: 5;
    box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.12);
    transition: all .5s;
}

.fix-menu_add.active {
    bottom: 50px;
}

.fix-menu_add .item_title {
    display: flex;
    align-items: center;
}


/* ---------- end of fix-menu ---------- */

.post-edit-icon {
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(./../images/pencil.svg);
    top: 2px;
    left: 2px;
    z-index: 10;
    cursor: pointer;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border-radius: 50%;
}


/* ++++++++++ static Page ++++++++++ */

.static-page {
    overflow: hidden;
}

.static-page h1 {
    font-size: 26px;
}

.static-page_title {
    background-color: #4C4C4C;
    color: #fff;
    margin: 0;
    padding: 15px;
    text-align: center;
}

.static-page_img {
    width: 100%;
    height: auto;
}

.static-page_content {
    padding: 20px;
    line-height: 25px;
}

.static-page img {
    /* margin: auto; */
}

@media (max-width: 767px) {
    .static-page_title {
        font-size: 20px;
    }
}


/* ---------- end of static page ----------- */

#about-us-page {
    /* background-image: url(./../images/about_us_background-min.jpg); */
    background-size: cover;
    background-position: center 120px;
}

@media (max-width: 767px) {
    #about-us-page {
        background-image: unset;
    }
}

.iron-weight-boxes {
    background-color: #c1c1c1;
    padding: 20px;
}


/* ++++++++++ Common ++++++++++ */

html {
    scroll-behavior: smooth;
}

p {
    font-size: 15px;
    line-height: 27px;
}

.bg-indigo {
    background-color: #052856;
}


.br-r10 {
    border-radius: 10px !important;
    overflow: hidden;
}

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

.br-14 {
    border-radius: 14px;
}

.title-center {
    display: flex;
    align-items: center;
    margin: 40px 0 20px;
}

.title-center .title {
    font-size: 22px;
    margin: 0 10px;
    font-weight: 500;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
}

.title-center .line {
    display: inline-block;
    height: 5px;
    flex-grow: 1;
    border-radius: 20px;
}

.title-center .line:first-child {
    /*background: linear-gradient(to right, #e3e1e2, transparent);*/
    border-top: 2px dashed rgb(204, 204, 204);
}

.title-center .line:last-child {
    /*background: linear-gradient(to left, #e3e1e2, transparent);*/
    border-top: 2px dashed rgb(204, 204, 204);
}


/* ++ Button ++ */

.button-orange {
    border: 1px solid #eea236;
    background-image: linear-gradient(270deg, #fff, #fec56c, #ffc05f, #fff);
    font-size: 15px;
    border-radius: 10px;
    color: #000;
    transition: all .2s;
    width: 100%;
    text-shadow: hsla(0, 0%, 100%, .2) 0 3px 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
}


/* -- Button -- */


/* ++ Premium Card ++ */

.premium-card {
    border: 1px solid #c3c3c3;
    box-shadow: 0 0 14px 4px #c5c5c5;
    background-image: url('/images/17580.jpg');
    background-size: cover;
    border-radius: 10px;
    padding: 15px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.premium-card ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.premium-card ul li {
    display: flex;
    margin-top: 20px;
}

.premium-card ul li i {
    font-size: 15px;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 2px;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 5px;
    margin-left: 5px;
}

.premium-card_title {
    border: solid 1px #ccc;
    border-radius: 10px;
    padding: 6px;
    text-align: center;
    color: white !important;
    margin-bottom: 40px;
    font-size: 26px;
    text-shadow: 0px 3px 3px black;
}

.premium-bronze .premium-card_title {
    background: -webkit-linear-gradient(#a48340, #fdd798, #d0aa6b, #b08a4b, #8f6c28);
}

.premium-silver .premium-card_title {
    background: -webkit-linear-gradient(#f3f2f1, #a3a6a7, #f3f2f1, #bdbfbf, #a6a9aa, #a6a9aa);
}

.premium-gold .premium-card_title {
    background: -webkit-linear-gradient(#ae8625, #f7ef8a, #d2ac47, #edc967);
}

.premium-card_footer .price {
    display: block;
    text-align: center;
    color: #000;
    margin-top: 19px;
    font-size: 26px;
    text-shadow: 0px 3px 3px #b5b5b5;
    font-weight: 500;
}

.premium-card_footer .time {
    display: block;
    text-align: center;
    color: #ab0000;
    font-size: 24px;
    text-shadow: 0 3px 3px #ffb6b6;
}

.premium-card_footer .btn {
    margin-top: 20px;
    text-align: center;
}

.premium-card_title-min {
    text-align: center;
    color: #bb1919;
    font-weight: bold;
    font-size: 19px;
}


/* -- Premium Card -- */


/* ++ service-type ++ */

.service-type_box {
    cursor: pointer;
    transition: all 0.3s;
}

.service-type_box.active {
    background-color: #F6F6F6;
}

.service-type_box.active p {
    transition: all .3s;
}

.service-type_box.active p {
    color: #bb1919;
    font-size: 17px;
}

.service-type_box.active .bg-primary {
}


/* -- service-type -- */


/* ++ image Hover ++ */


/* Zoom In #1 */

.hover01 img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

.hover01:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.hover14 figure {
    position: relative;
    overflow: hidden;
    margin: 0;
}

.hover14 figure::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.hover14 figure:hover::before {
    -webkit-animation: shine 0.75s;
    animation: shine 0.75s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}


/* -- Shine Hover -- */


/* ++ form ++ */

.form-control {
    border-radius: 8px;
    border: 1px solid #d5dae0;
}


/* -- form -- */


/* ---------- Common ---------- */


/* ++++++++++ widget ++++++++++ */


/* ---------- widget ---------- */


/* ++++++++++ Advertisement ++++++++++ */

.advertisements video {
    width: 100%;
    height: auto;
}

.advertisements .adv_item {
    margin-bottom: 20px;
    /*border-radius: 7px;*/
    /*overflow: hidden;*/
    /*border: 1px solid #ccc;*/
    /*padding: 5px;*/
}

.advertisements .adv_item img {
    width: 100%;
    height: auto;
}

.advertisements .link {
    padding: 5px;
}

.advertisements .link video {
    border-radius: 10px;
    overflow: hidden;
}

.advertisements .adv_button,
.advertisements-push .adv_button {
    text-align: center;
    margin-top: 5px;
}

.advertisements .adv_title,
.advertisements-push .adv_title {
    text-align: center;
    margin-bottom: 5px;
    color: #000;
}

.advertisements .adv_title a,
.advertisements-push .adv_title a {
    color: #000;
}

.advertisements a,
.advertisements-push a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.advertisements .adv_button .btn,
.advertisements-push .adv_button .btn {
    border-color: #eea236;
    background-image: linear-gradient(to left, #ffffff, #fec56c, #ffc05f, #ffffff);
    font-size: 11px;
    border-radius: 6px;
    padding: 4px 6px;
    color: #000;
    transition: all .2s;
    width: 100%;
    text-shadow: rgba(255, 255, 255, 0.2) 0px 3px 3px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px;
}

.advertisements-push {
    width: 250px;
    height: auto;
    padding: 1px 2px 2px 2px;
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 99;
}

.advertisements-push video {
    width: 100%;
    height: auto;
    border-radius: 10px;
    outline: none;
}

.advertisements-push img {
    width: 100%;
    height: auto;
}

.advertisements-push {
    border-radius: 10px;
    background-color: #fff;
    border: 3px solid #fff;
}

.advertisements-push a {
    display: flex;
}

.advertisements-push .close-btn {
    position: absolute;
    top: -22px;
    left: 0;
    z-index: 10;
    font-size: 20px;
}

@media (max-width: 767px) {
    .advertisements-push {
        width: 40%;
        bottom: 53px;
        left: 3px;
        font-size: 10px;
    }

    .advertisements .adv_title,
    .advertisements-push .adv_title {
        font-size: 10px;
        margin-bottom: 3px;
    }

    .advertisements-push {
        border-radius: 6px;
    }

    .advertisements-push video {
        border-radius: 6px;
    }

    .advertisements .adv_button .btn,
    .advertisements-push .adv_button .btn {
        border-radius: 4px;
        padding: 1px 4px;
    }

    .advertisements-push .close-btn {
        top: -18px;
        font-size: 17px;
    }
}


/* ---------- Advertisement ---------- */


/* ++++++++++ Supplier Page ++++++++++ */

.supplier-card {
    margin-bottom: 20px;
    padding: 0 10px;
}

.supplier-card_info {
    padding: 15px;
}

.supplier-card_contact {
    display: flex;
    justify-content: center;
    background-color: #fcfcfc;
    border-left: 1px solid #f1f1f1;
    background-image: url("./../images/pt-back.jpg");
    background-size: cover;
    background-position: center bottom;
}

.service-list .supplier-card_info {
    background-image: url("./../images/service.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom;
}

.supplier-logo {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.supplier-card .logo {
    height: 100px;
    border-radius: 50%;
    width: 100px;
    overflow: hidden;
    border: 3px solid #ddd;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-color: #ccc;
}

.supplier-card h3 {
    margin-bottom: 3px;
}

.supplier-card h3 a {
    font-size: 20px;
    color: #000;
}

.supplier_add_name {
    font-size: 13px;
    color: #888;
    font-weight: 300;
}

.premium_profile {
    position: absolute;
    display: inline-block;
    width: 50px;
    height: 70px;
    background-image: url(./../images/premium-badge.png);
    top: 0;
    background-size: contain;
    background-repeat: no-repeat;
    left: 10px;
    z-index: 10
}

@media only screen and (max-width: 767px) {
    .supplier-card_contact {
        padding: 10px 10px;
        border-left: unset;
        border-bottom: 1px solid #f1f1f1;
        justify-content: space-between;
    }

    .premium_profile {
        width: 37px;
        height: 52px;
        left: 0px
    }

    .supplier-card .logo {
        height: 77px;
        width: 77px;
    }
}


/* ---------- Supplier Page ---------- */


/* ++++++++++ Filters ++++++++++ */

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

}


/* ---------- Filters ---------- */


/* ++++++++++ Header ++++++++++ */


/* navbar */


/* end of user box */


/* profile-button */

.profile-button {
    background-color: #f2f2f2;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    height: 45px;
}

.profile-button .btn-profile {
    color: #000;
    overflow: hidden;
    font-size: 14px;
    border-radius: 0 8px 8px 0 !important;
    background-color: #f2f2f2 !important;
    padding: 3px 5px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.profile-button .img {
    margin-left: 5px;
    flex-shrink: 0;
    height: 40px;
    border-radius: 50%;
    width: 40px;
    overflow: hidden;
    border: 1px solid #e1e1e1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: inline-block;
}

.profile-button .dropdown-menu {
    min-width: 100%;
    border-radius: 8px;
    padding: 0;
    overflow: hidden;
}

.profile-button .dropdown-menu .dropdown-item {
    font-size: 13px;
    padding: 0 9px;
    height: 40px !important;
    border-bottom: 1px solid #e6e6e6;
    display: flex;
    align-items: center;
}

.profile-button .dropdown-menu .dropdown-item:last-child {
    border-bottom: 0;
}

.profile-button .dropdown-toggle {
    background-color: unset;
    border: 0;
}

.profile-button .btn-down {
    padding: 10px;
    line-height: 30px;
}


/* end of profile-button */


/* main search */


/* end of main search */


/* header mobile */

.header-mobile-top {
    background-color: #fff;
    /*padding: 5px 10px;*/
    height: 55px;
}


/* end of nav icon */


/* humber menu */

#menu-mobile {
    display: flex;
    align-items: stretch;
    position: fixed;
    z-index: 101;
    top: 0;
    height: 100%;
    right: -100%;
    width: 100%;
    overflow-y: auto;
    direction: rtl;
    background-color: rgba(0, 0, 0, .5);
}

.menu-mobile-right {
    min-height: 100%;
    height: fit-content;
    width: 80%;
    background-color: #fff;
}

.menu-mobile-left {
    width: 20%;
    min-height: 100%;
    height: fit-content;
}

.menu-mobile-body ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.menu-mobile-body > ul > li {
    border-bottom: 1px solid #e2e2e2;
    padding: 11px;
    transition: all 0.5s ease;
}

.menu-mobile-body > ul > li > span {
    width: 35px;
    height: 30px;
    display: inline-block;
    position: relative;
    top: 10px;
    margin-left: 10px;
}

.menu-mobile-body > ul > li > a {
    color: #59595B;
    font-weight: bold;
    font-size: 15px;
}

.menu-mobile-body > ul > li > i.mob-down {
    transform: rotate(-90deg);
    background: url(https://foolad24.com/sites/all/themes/foolad_24/images/left-arrow.svg) no-repeat 16px 0px;
    left: -16px;
}

.menu-mobile-body > ul > li > ul {
    margin-top: 10px;
    display: none;
    margin-right: 20px;
}

.menu-mobile-body > ul > li > ul li {
    margin: 10px 0;
}

ul.submenu-mobile i {
    position: relative;
    top: 2px;
    width: 25px;
    height: 20px;
}

ul.submenu-mobile > li > a {
    color: #59595B;
    font-size: 14px;
}

.menu-mobile-body > ul > li > i {
    color: #59595B;
    float: left;
}

.menu-mobile-top {
    float: none !important;
    display: flex;
}

.menu-mobile-close {
    height: 50px;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 0 15px;
    text-align: left;
}

.menu-mobile-close span {
    width: 30px;
    display: inline-block;
    background: url(https://foolad24.com/sites/all/themes/foolad_24/images/nav-close.svg) no-repeat 0px 0px;
    margin: 10px 0;
    height: 30px;
}


/* end of humber menu */


/* ---------- Header ---------- */


/* ---------- end of Front ---------- */


/* ++++++++++ forbidden ++++++++++ */

.forbidden-box {
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.forbidden-box_content {
    font-size: 15px;
    line-height: 29px;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.forbidden-box_content ul {
    line-height: 23px;
    margin-top: 15px;
    padding-right: 15px;
    text-align: justify;
}

.forbidden-box_title {
    font-weight: 600;
    text-align: center;
    font-size: 23px;
    line-height: 37px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 25px;
}

.forbidden-box_btn {
    background-color: #005183;
    color: #fff;
    padding: 10px 15px;
    border-radius: 25px;
}

.forbidden-box_btn:hover {
    color: #fff;
}

.forbidden-box_image {
    margin: 40px 0;
    width: 100%;
}


/* ---------- end of forbidden ---------- */


/* ++++++++++ Premium Page ++++++++++ */

.m-video-card {
    padding: 20px !important;
    border-radius: 20px;
    background-color: whitesmoke;
    border: 1px solid #ccc;
}

.m-video-card_video iframe {
    border-radius: 20px;
    overflow: hidden;
    height: 250px;
}


/* ---------- end of Premium Page  ---------- */


/* ++++++++++ Profile ++++++++++ */

#tab-services .show-modal {
    width: 180px;
}


/* user plans */

.user-plan_title {
    font-size: 18px;
}

.user-plan_cards {
    justify-content: center;
}

.user-plan_card {
    border: 1px solid #d8d8d8;
    /*box-shadow: 0 0 14px 4px #c5c5c5;*/
    background-image: url('/images/17580.jpg');
    background-size: cover;
    border-radius: 10px;
    padding: 15px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.user-plan_card ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 13px;
}

.user-plan_card ul li {
    display: flex;
    margin-top: 20px;
}

.user-plan_card ul li i {
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 2px;
    width: 18px;
    height: 18px;
    text-align: center;
    border-radius: 5px;
    margin-left: 5px;
}

.user-plan_card_title {
    display: block;
    text-align: center;
    color: #2d2d2d;
    font-size: 23px;
    font-weight: 500;
}

.user-plan_card_footer .price {
    display: block;
    text-align: center;
    /*color: #2d2d2d;*/
    margin-top: 15px;
    font-size: 23px;
    /*text-shadow: 0px 2px 2px #b5b5b5;*/
    font-weight: 500;
}

.user-plan_card_footer .time {
    display: block;
    text-align: center;
    color: #ab0000;
    font-size: 21px;
    text-shadow: 0 2px 2px #ffb6b6;
}

.user-plan_card_footer .btn {
    margin-top: 20px;
    text-align: center;
    border-radius: 10px;
    position: relative;
}

.user-plan_card_footer .btn input {
    position: absolute;
    left: 2px;
    top: 2px;
    padding: 15px;
    border: 0;
}

.user-plan_card_footer .btn input:checked {
    border: 1px solid #fff;
}

.user-plan_card-btn {
}

.user-plan_card-btn input {
    visibility: hidden;
}

.user-plan_card.premium {
    /*background-color: bisque;*/
}

.user-plan_card.advertisement {
    /*background-color: #d0f1ec;*/
}

.plan-card {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    overflow: hidden;
    background-color: #F6F6F6;
    /*background-image: url('/images/17580.jpg');*/
    border-radius: 10px;
    border: 1px solid #dedede;
    height: 100%;
}

.plan-card-main {
    width: calc(100% - 40px);
    padding: 15px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.plan-card-footer {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    border-top: 1px solid #dedede;
    padding: 7px 0 0;
    height: 50px;
}

.plan-card-right {
    width: 40px;
    height: auto;
    background-size: cover;
    justify-content: center;
    padding: 10px 0;
    flex-shrink: 0;
    border-left: 1px solid #dedede;
    align-items: center;
    display: flex;
    background-color: #e6e6e6;
}

.plan-card-price {
    margin: 0;
    font-size: 23px;
    color: green;
    font-weight: bold;
}

.plan-card-right input[type="radio"] {
    padding: 13px;
    background-color: #fff;
}

.plan-card-title {
    font-size: 21px;
    display: flex;
    align-items: center;
}


/* end of user plans */


/* ---------- end Of Profile ---------- */





/* ++++++++++ Counter ++++++++++ */


/* ---------- end of Counter ----------*/



/* ++++++++++ tab cart Module ++++++++++ */

.tab-cart {
    padding: 30px;
}

.tab-cart .list-group-item {
    display: flex;
    padding: 9px 15px 9px 24px;
    height: 56px;
    margin-bottom: 20px;
    border-radius: 10px;
    background: #fafafa;
    cursor: pointer !important;
    z-index: 9;
    border: 0;
}

.tab-cart .list-group-item.active {
    box-shadow: 0 10px 20px 0 rgb(0 0 0 / 9%);
    background: #E5F9F4;
}

.tab-cart .list-group-item.active span {
    background-image: linear-gradient(to right, #065482, #00c395);
    color: #fff;
}

.tab-cart .list-group-item span {
    width: 35px;
    height: 35px;
    border-radius: 12px;
    font-size: 14px;
    text-align: right;
    color: #00c395;
    display: flex;
    justify-content: center;
    background-color: #ECEFF1;
    align-items: center;
    argin-top: 0;
    width: 40px;
    height: 40px;
    font-size: 16px;
}

.tab-cart .list-group-item label {
    text-align: right;
    color: #000;
    display: flex;
    align-items: center;
    position: relative;
    text-align: center;
    padding: 0 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    background-color: transparent;
    display: flex;
    right: 0;
    left: 0;
    cursor: pointer;
    margin: 0;
}

.tab-cart .rtl .list-group,
[dir="rtl"] .list-group {
    padding: 0 !important;
}

.tab-cart .tab-cart-content {
    background-image: linear-gradient(131deg, #065482 3%, #00c395 97%);
    border-radius: 20px;
    padding: 30px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    line-height: 31px;
}


/* ---------- end of tab cart Module ----------*/

.switch {
    position: relative;
    display: block;
    height: 31px;
    width: 50px;
    margin: 0;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #caa622;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 25px;
    width: 25px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: .4s;
}

input:checked + .slider {
    background-color: #4c4c4c;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    transform: translateX(20px);
}


/*------ ADDED CSS ---------*/

.on {
    display: none;
}

.on,
.off {
    color: white;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    font-size: 12px;
}

.slider.round .text {
    left: 40px;
}

input:checked + .slider .on {
    display: block;
    left: 20px;
}

input:checked + .slider .off {
    display: none;
}


/*--------- END --------*/


/* Rounded sliders */

.slider.round {
    border-radius: 25px;
    height: 31px;
    width: 50px;
}

.slider.round:before {
    border-radius: 50%;
}


/***********/


/**************************************** new Css ********************************************/

.repeating-radial:before {
    content: "";
    display: inline-block;
    background: repeating-radial-gradient(hsla(0, 0%, 80.8%, .09), hsla(0, 0%, 77.3%, .2) 13%);
    width: 600px;
    height: 600px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
    left: -280px;
    top: -280px;
}

.v-select > div {
    /*padding: 0.375rem 0.75rem 0.375rem 1.75rem;*/
    background-color: #fff;
    background-size: 8px 10px;
}

.vs__dropdown-menu {
    text-align: right !important;
}

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

.vs__selected {
    max-width: 80%;
}

.vs__open-indicator {
    fill: #3EA745 !important;
    transform: scale(1.2) !important;
}

.vs__clear {
    margin-right: 0 !important;
    margin-left: 5px;
}

.v-select ul {
    z-index: 1500;
}

.vs__dropdown-menu {
    min-width: 100% !important;
    width: auto !important;
    left: auto !important;
    right: 0;
}

.vs__search,
.vs__search:focus {
    text-align: right;
}

table.dataTable tbody tr.selected {
    color: white;
    background-color: #eeeeee;
}


/* ++++ Common ++++ */

label {
    margin-bottom: .3rem;
}


/* + typography + */

@media (max-width: 767px) {
    h5 {
        font-size: 1rem;
    }
}


/* - typography - */


/* + btn + */

@media (max-width: 767px) {
    .btn-fix {
        position: fixed;
        cursor: pointer;
        background-size: contain;
        width: 60px;
        height: 60px;
        bottom: 86px;
        left: 28px;
        z-index: 1002;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #17a2b8;
    }
}


/* - btn - */


/* + widget + */

.widget .item-button {
    max-width: 100%;
    flex-shrink: 0;
    min-width: 45px;
    color: #374957;
    font-size: 14px;
    padding: 3px;
}

.widget .item-button > a {
    padding: 5px;
    border-radius: 8px;
    border: 1px solid #cfd9e0;
    background-color: #f7f7f7;
    color: #000;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}


/* - widget - */


/* + round-icon + */


/* - round-icon - */


/* + tab-menu + */

.tab-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    /*border: 1px solid #cfd9e0;*/
    border-radius: 10px;
    /*overflow: hidden;*/
}

.tab-menu li {
    position: relative;
    flex-grow: 1;
    background-color: #082047;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
}

.tab-menu li:last-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.tab-menu li:first-child {
    margin-left: 5px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.tab-menu li.active::before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    border-top: 15px solid #ffc107;
    border-bottom: 15px solid transparent;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}

.tab-menu li.active {
    background-color: #ffc107;
}

.tab-menu li.active a {
    color: #000;
    font-weight: bold;
    font-size: 1rem;
}

.tab-menu li a {
    color: #fff;
    font-size: 1rem;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.tab-menu li a label {
    margin: 0;
}


/* - tab-menu - */

.text-indigo {
    color: #002047 !important;
}

.bd-indigo {
    background-color: #002047 !important;
}

.switch-field {
    display: flex;
    overflow: hidden;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field label {
    margin: 0;
    font-size: 13px;
    line-height: 1;
    text-align: center;
    padding: 3px 7px;
    border: 1px solid #6c757d;
    transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
    cursor: pointer;
}

.switch-field input:checked + label {
    background-color: #28A745;
    box-shadow: none;
    color: #fff;
}

.switch-field label:first-of-type {
    border-radius: 0 4px 4px 0;
    border-left: 0;
}

.switch-field label:last-of-type {
    border-radius: 4px 0 0 4px;
}

.ct-select {
    position: relative;
    display: block;
}

select {
    appearance: none;
}


/* Select arrow styling */

.ct-select .myarrow {
    position: absolute;
    display: inline-block;
    bottom: 5px;
    left: 3px;
    pointer-events: none;
    font-size: 23px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 50%;
}


/*main_title_2*/


/* end main_title_2 */

.rtl .form-check-input,
[dir="rtl"] .form-check-input {
    margin-right: 0 !important;
}


/*scroll box */

.rtl .form-check-input,
[dir="rtl"] .form-check-input {
    margin-right: -0.25rem;
}

.scroll-y {
    max-width: 100%;
    display: -webkit-box;
    display: flex;
    overflow-x: auto;
    flex-wrap: nowrap;
}

.scroll-y > span {
    flex-shrink: 0;
}

.scroll-y::-webkit-scrollbar {
    display: none;
}


/*end of scroll box */


/* inputs */

.form-check {
    padding-left: 0;
}

.search-input {
    position: relative;
}

.search-input input {
    padding-left: 35px;
}

.search-input::before {
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 25px;
    display: inline-block;
    width: 40px;
    height: 40px;
    color: #8c8c8c;
    position: absolute;
    top: 5px;
    left: -5px;
}

.custom-select {
    font-size: 14px;
    padding: 4px !important;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 12px;
}

::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 12px;
}

:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 12px;
}

:-moz-placeholder {
    /* Firefox 18- */
    font-size: 12px;
}


/* end of inputs */

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

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

.listing-options li {
    display: inline-block;
    margin-bottom: 4px;
}

.listing-option {
    border-radius: 6px;
    color: #5a5a5a;
    letter-spacing: .3px;
    font-size: 12px;
    line-height: 30px;
    padding: 0 10px 0 31px;
    position: relative;
    border-color: #eee;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    max-width: 100%;
    background-color: #fff;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
}

.listing-option_remove {
    width: 20px;
    line-height: inherit;
    position: absolute;
    left: 0;
    top: 0;
    border: none;
    padding: 0;
    background: none;
    cursor: pointer;
    color: #bb1919;
}

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


/* inputs */


/*  end of Input */


/* main title */

.custom-title {
    display: flex;
    align-items: center;
}

.custom-title span {
    width: 8px;
    height: 22px;
    background-color: #e1e1e1;
    display: block;
}

.custom-title span em {
    width: 8px;
    height: 11px;
    background-color: #bb1919;
    display: block;
}

.custom-title .title {
    margin: 0 5px;
    font-size: 17px;
    font-weight: 500;
}

@media (max-width: 767px) {
    .custom-title .title {
        margin: 0 5px;
        font-size: 17px;
        font-weight: 500;
    }
}


/* end of main title */


/* alert */

.c-alert {
    background: linear-gradient(to bottom right, #e0c75f 40%, #d9db99 100%);
    border-radius: 10px;
    box-shadow: 5px 5px 20px rgba(203, 205, 211, 0.1);
    padding: 10px;
    border: 1px solid #c3bc9d;
}


/* end of c-alert */


/* ---- Common ---- */





/* currency-chart-carousel */

.highcharts-credits {
    display: none;
}

#currency-chart {
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
    overflow: hidden;
    border-radius: 10px;
    border: 0;
    display: flex;
    background-color: #fff;
}

#currency-chart h3 {
    font-size: 20px;
}

#currency-chart h4 {
    font-size: 15px;
}

.currency-chart_right,
.currency-chart_left {
    width: 180px;
    flex-shrink: 0;
}

.currency-chart_right {
    border-left: 1px solid #eeeeee;
}

.currency-chart_left {
    position: relative;
    overflow: hidden;
    border-right: 1px solid #eeeeee;
    padding: 10px;
}

.currency-chart_mid {
    flex-grow: 1;
    padding: 10px;
}

.currency-chart_menu,
.currency-chart_analysis {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.currency-chart_menu li {
    flex-grow: 1;
    padding: 10px 10px;
    color: #000;
    display: flex;
    align-items: center;
    font-size: 15px;
    cursor: pointer;
    position: relative;
    font-weight: 300;
    border-bottom: 1px solid #f3f3f3;
    transition: all .3s;
    justify-content: space-between;
}

.currency-chart_menu li i {
    display: none;
}

.currency-chart_menu li.active {
    background-color: #f5f5f5;
    color: #bb1919;
    font-weight: bold;
    /* font-size: 18px; */
}

.currency-chart_menu li.active i {
    display: inline-block;
}

.currency-chart_analysis {
    margin-top: 20px;
}

.currency-chart_analysis li {
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.currency-chart_analysis .icon-maxPrice:before {
    content: "\f139";
    color: #dc3545;
}

.currency-chart_analysis .icon-minPrice:before {
    content: "\f13a";
    color: #28a745;
}

.currency-chart_analysis .icon-endPrice:before {
    content: "\f137";
    color: #007bff;
}

.currency-chart_analysis li:last-child {
    border-bottom: 0;
}

.currency-chart_analysis .label {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    margin-bottom: 0;
}

.currency-chart_analysis .value {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#currency-chart .main_title_2 span em {
    height: 2px;
}

#currency-chart .main_title_2 span {
    height: 2px;
}

.highcharts-container {
    background-image: url("/images/foolad2.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

#currency-chart.dark {
    background: linear-gradient(to top, #23221D, #575549);
    color: #fff;
    /*border-radius: 0;*/
    /*border-top: 1px solid #ccc;*/
}

#currency-chart.dark .currency-chart_menu li {
    border-bottom: 1px solid #585858;
    color: #fff;
}

#currency-chart.dark .currency-chart_menu li.active {
    color: #fff;
    background-color: #7a7a7a;
}

#currency-chart.dark .currency-chart_right {
    border-left: 1px solid #585858;
}

#currency-chart.dark .currency-chart_left {
    border-right: 1px solid #585858;
}

#currency-chart.dark .currency-chart_analysis .label {
    color: #fff;
}

#currency-chart.dark .currency-chart_analysis li {
    border-bottom: 1px solid #585858;
}

@media (max-width: 767px) {

    .currency-chart_mid {
        padding: 0px;
    }

    .currency-chart_analysis {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .currency-chart_analysis i {
        font-size: 11px;
    }

    .currency-chart_analysis .label {
        font-size: 12px;
    }

    .currency-chart_menu li {
        border-right: 1px solid #f3f3f3;
        flex-shrink: 0;
    }

    .currency-chart_menu li i {
        display: none !important;
    }

    #currency-chart {
        flex-direction: column;
    }

    .currency-chart_right,
    .currency-chart_left {
        width: auto;
    }

    .currency-chart_menu {
        display: flex;
        flex-direction: row;
    }

    .currency-chart_menu li span {
        display: none;
    }

    .currency-chart_menu {
        overflow-y: auto;
    }

    .currency-chart_menu::-webkit-scrollbar {
        display: none;
    }

    .currency-chart_mid > div {
        display: flex;
        overflow-y: scroll;
    }

    .currency-chart_mid > div::-webkit-scrollbar {
        display: none;
    }

    .currency-chart_analysis li {
        margin-bottom: 5px;
        border-bottom: 0;
    }

    .currency-chart_left {
        border-top: 1px solid #f3f3f3;
        display: none;
    }

    .currency-chart_analysis {
        margin-top: 8px;
    }
}


/* end of currency-chart-carousel */

table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
    bottom: .5em;
}


/* callout */

.bd-callout {
    padding: 5px;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-right-width: 7px;
    border-radius: 10px;
    font-size: 14px;
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.10);
    /*display: flex;*/
    /*flex-wrap: wrap;*/
}

.bd-callout img {
    border-radius: 8px;
    border: 1px solid #eaeaea;
}

.bd-callout .content {
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bd-callout img {
    margin: 0;
    /*max-width: 40%;*/
}

.bd-callout-info {
    border-right-color: #5bc0de;
    background-color: aliceblue;
}

.bd-callout-warning {
    border-right-color: #e0a800;
    background-color: #f5f3e5;
}

.bd-callout-danger {
    border-right-color: #dc3545;
    background-color: #fff4f8;
}

.jumbotron {
    border-radius: 10px;
    background-color: #e9ecef;
    border: 1px solid #dedede;
}

@media (max-width: 767px) {
    #about-us-page {
        background-image: unset;
    }

    .bd-callout img {
        width: 50%;
        margin: 10px auto !IMPORTANT;
    }
}


/* end of callout */

.larticle {
    width: 50%;
    float: left;
    margin: 0 22px 0 0;
    text-align: right;
}

.larticle h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 2;
    padding-right: 23px;
    color: #626262;
}

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

.larticle li a {
    color: red;
}

.larticle li {
    margin-right: 30px;
    color: red;
    border-bottom: 1px solid #a5a5a5;
    line-height: 2;
    font-weight: 600;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 16px;
}

@media (max-width: 767px) {
    .larticle {
        width: 100%;
        margin: 20px 0;
    }
}

.h_iframe-aparat_embed_frame {
    position: relative;
}

.h_iframe-aparat_embed_frame .ratio {
    display: block;
    width: 100%;
    height: auto;
}

.h_iframe-aparat_embed_frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* common code */

body {
    --control-border-color: rgb(16, 17, 19);
    --control-background-color: #fff;
    --control-caret-color: #000;
    --control-transition-duration: 0.3s;
    --control-transition-easing: ease;
    --control-dropdown-background-color: #eff2f5;
    --theme-color: #3861fb;
    --theme-light-color: #cfd6e4;
    --theme-light-blue-color: #e6f0ff;
    --theme-light-blue: #f0f6ff;
    --theme-light-blue-font: #3861fb;
    --text-color: black;
    --info-icon-color: #a6b0c3;
    --text-color-sub: #58667e;
    --text-color-error: #ea3943;
    --bt-light-blue: #f0f6ff;
    --var-text-small: 14px;
    --up-color: #16c784;
    --down-color: #ea3943;
    --border-color: #eff2f5;
    --bg-color: #fff;
    --color-primary-black: #000;
    --color-primary-white: #fff;
    --color-primary-blue: #3861fb;
    --color-light-neutral-1: #f8fafd;
    --color-light-neutral-2: #eff2f5;
    --color-light-neutral-3: #cfd6e4;
    --color-light-neutral-4: #a6b0c3;
    --color-light-neutral-5: #808a9d;
    --color-light-neutral-6: #58667e;
    --color-light-neutral-7: #eff2f5;
    --color-gradient-end: rgba(248, 250, 253, 0);
    --button-border-color: #cfd6e4;
    --button-bg-color: #222531;
    --breakpoint-md: 768px;
    --dark-bg: #000;
    --card-bg: #fff;
    --box-shadow: 0px 0px 2px rgba(128, 138, 157, 0.12), 0px 0px 24px rgba(128, 138, 157, 0.14);
    --gray-1: #343A40;
    --gray-2: #4C4C4C;
    --gray-3: #585858;
    --gray-5: #e5e5e5;
    --gray-6: #f7f7f7;
}

.alert-green {
    color: #000;
    background-color: #44A69A;
    border-color: #44A69A;
}


/* ++++++++++ Footer ++++++++++ */


/* ---------- Footer ---------- */


/* my-accordion */

.my-accordion {
    background-color: #fff;
    color: #444;
    cursor: pointer;
    padding: 20px 15px;
    width: 100%;
    border: none;
    text-align: right;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    outline: none;
    display: flex;
    justify-content: space-between;
}

.my-accordion-panel {
    padding: 0 18px;
    display: none;
    background-color: #F9F9F9;
    overflow: hidden;
}


/* end of accordion */


/* rfq card */


/* ++++++++++ Profile ++++++++++ */


/* profile score */

.percent-badge {
    color: #fff;
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 33px;
    font-weight: 500;
}


/* end of profile Score */


/* Profile Box */


/* end of Profile Box */


/* Honor */


/* end of Honor */


/* Gallery */

.profile-gallery_add {
    height: 200px;
    /*background-color : #bb1919;*/
    border-radius: 10px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #dedede;
    background-image: url(/images/default-gallery.jpg);
}

.profile-gallery_add i {
    font-size: 70px;
}


/* end of Gallery */


/* ----------- end of Profile ---------- */


/* ++ report ++ */

.report-button.icon {
    background-color: var(--color-light-neutral-3);
}

.report-button.icon.text-success {
    background-color: #ddffdd;
    border-color: green;
}


/* -- report -- */


/*rfq card */


/* end of common code */


/********************************************************************************************************/


/***** commom code ****/

body {
    --text-color-sub: #58667e;
    --text-color-error: #d73948;
    --hover-bg: #f8f7fa;
    --bg-shadow: 0 3px 6px 0 rgb(0 0 0 / 10%);
    /*--border-radius: 15px;*/
    --border-color-gray: #ececec;
    --text-muted: #515760;
    --bg-image-1: url('/images/17580.jpg');
    --color-black: #000000;
    --color-gray: #ececec;
    --color-lightGray: #f9f9f9;
    --color-silver: #C0C0C0;
    --color-chocolate: #D2691E;
    --color-blue: #0000FF;
    --color-steelBlue: #4682B4;
    --color-deepSkyBlue: #00BFFF;
    --color-turquoise: #40E0D0;
    --color-lightSeaGreen: #20B2AA;
    --color-green: #008000;
    --color-limeGreen: #32CD32;
    --color-gold: #FFD700;
    --color-orange: #FFA500;
    --color-tomato: #FF6347;
    --color-crimson: #DC143C;
    --color-salmon: #FA8072;
    --color-mistyRose: #FFE4E1;
    --color-platinum: #E5E4E2;
}


.breadcrumb {
    margin-bottom: 0 !important;
}


/* icons */

.icon-xlsx {
    background-image: url("./../images/icon/extension/xls.svg");
}

.icon-doc {
    background-image: url("./../images/icon/extension/doc.svg");
}

.icon-pdf {
    background-image: url("./../images/icon/extension/pdf.svg");
}

.icon-xls {
    background-image: url("./../images/icon/extension/xls.svg");
}

.icon-docx {
    background-image: url("./../images/icon/extension/docx.svg");
}

.icon-txt {
    background-image: url("./../images/icon/extension/txt.svg");
}

.icon-text {
    background-image: url("./../images/icon/extension/txt.svg");
}


/* end of icons */


/* div table */

div.table {
    margin-bottom: 0;
}

div.table .tr {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--border-color-gray);
}

div.table .tbody .tr:nth-child(2n+1) {
    background-color: #F4F7FC;
}

div.table .tr:last-child {
    border-bottom: unset;
}

div.table .tbody .tr .td {
    padding: 10px;
    flex-grow: 1;
}

div.table .tbody .td-more {
    width: 100%;
    border-top: 1px dashed var(--border-color-gray);
}



/* end of filters */


/* Profile Menu */

.profile-menu_items {
    list-style: none;
    font-size: 16px;
    padding: 0;
    margin: 0;
    background-color: #ffffff;
    box-shadow: var(--bg-shadow);
    border-radius: var(--border-radius);
    border: 0;
    overflow: hidden;
    font-weight: 500;
}

.profile-menu_items li {
    border-bottom: 1px solid var(--border-color-gray);
    cursor: pointer;
    padding: 15px 10px 15px 0;
    display: flex;
    align-items: center;
}

.profile-menu_items li.active {
    color: #bb1818;
}

.profile-menu_items li:hover {
    text-decoration: none;
    color: #bb1919;
    font-weight: 500;
}

.profile-menu_items li:last-child {
    border-bottom: 0;
}

.profile-menu_items li i {
    margin-left: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    /*border-radius: 50%;*/
    font-size: 20px;
    color: #fff;
    border-radius: 5px;
}

@media (max-width: 767px) {
    .profile-menu_items {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .profile-menu_items li {
        width: calc(100% / 4);
        display: flex;
        flex-direction: column;
        height: 75px;
        align-items: center;
        justify-content: space-between;
        text-align: center;
        font-size: 10px;
        padding: 7px 3px;
        line-height: 10px;
        border-left: 1px solid var(--border-color-gray);
    }

    .profile-menu_items li:nth-child(4),
    .profile-menu_items li:nth-child(8) {
        border-left: unset;
    }

    .profile-menu_items li:nth-child(5),
    .profile-menu_items li:nth-child(6),
    .profile-menu_items li:nth-child(7),
    .profile-menu_items li:nth-child(8) {
        border-bottom: unset;
    }

    .profile-menu_items li i {
        margin: 0;
        line-height: 40px;
        font-size: 25px;
    }
}


/* end of Profile Menu */


/* Honors */


/* end of Honors */


/* ++++ Card ++++ */

.card-shareLink {
    width: 40px;
    padding: 10px 0;
    flex-shrink: 0;
    border-left: 1px solid #dedede;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.card-shareLink .sharing {
    flex-direction: column;
    align-items: center;
}

.card-shareLink.vertical li {
    margin-bottom: 5px;
}





.widget-h1 .item {
    width: 100%;
}

.widget-h1 .item a {
    justify-content: flex-start;
}

.widget-h1 .item img {
    height: 50px;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #ddd;
    margin-left: 10px;
}

.widget-h1 .item label {
    /* margin-right: 10px; */
}

.widget-h1 .item.active > a {
    background: linear-gradient(135deg, #1F4F98, #082047);
    color: #fff;
    font-weight: 500;
}

@media (max-width: 767px) {
    .widget-h1 .item {
        width: auto;
    }
}


/****************************************************************new1 ***************************************************/


/* ++++++++++ Common Code ++++++++++ */

.table-1 {
    border-radius: 8px;
    /* overflow: hidden; */
    margin-bottom: 0;
    /* background-color: #fff; */
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.table-1 th,
.table-1 td {
    padding: 10px 5px;
    vertical-align: middle;
    font-size: 12px;
    /* text-align: center; */
    border-right: 1px dashed #ccc;
}

.table-1 td:first-child,
.table-1 th:first-child {
    border-right: unset;
}

.table-1 tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.table-1 th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55;
}



table caption {
    font-size: 1.5em;
    margin: .5em 0 .75em;
}


@media screen and (max-width: 600px) {
   
}

@media (max-width: 767px) {
    .h-responsive {
        font-size: 30px;
    }
}

.aniimated-thumbnials a {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.aniimated-thumbnials img {
    visibility: hidden;
}

.owl-stage-outer {
    /*padding: 10px;*/
}

.v-line {
    display: block;
    height: 3px;
    background-image: linear-gradient(to right, #fff, #c4abab, #ffffff);
    background-color: #9d5858;
    flex-grow: 1;
}

#dashboard-icon {
    display: inline-block;
    position: fixed;
    background-image: url(/images/icon/control-panel.svg);
    cursor: pointer;
    background-size: contain;
    width: 60px;
    height: 60px;
    bottom: 120px;
    right: 25px;
    z-index: 500;
    border-radius: 50%;
}

#chat-icon{
    display: inline-block;
    position: fixed;
    background-image: url(/images/chat.png);
    cursor: pointer;
    background-size: contain;
    width: 60px;
    height: 60px;
    bottom: 120px;
    right: 25px;
    z-index: 500;
    border-radius: 50%;
}

.bg-blue {
    background-color: #117a8b;
}

.bg-green {
    background-color: #28a745;
}

.bg-yellow {
    background-color: #d39e00;
}

.bg-red {
    background-color: #dc3545;
}

.mt-6 {
    margin-top: 4rem;
}

.box-shadow {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.custom-select {
    appearance: auto;
    -webkit-appearance: auto;
}

.value {
    font-size: 16px;
    display: inline-block;
    margin-bottom: 5px;
    line-height: 30px;
}

.img-background {
    display: flex;
    height: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 8px;
    overflow: hidden;
}

.img-icons {
    opacity: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .8);
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s;
}

.img-background:hover .img-icons {
    opacity: 1;
    transition: all .5s;
}

.img-icons i {
    cursor: pointer;
}


/* Modal loading */


/* end of Modal Loading */


/* attachment */

.attachment-card {
    box-shadow: 0 1px 14px 0 rgba(103, 111, 117, 0.08), 0 1px 1px 1px rgba(135, 141, 146, 0.16);
    height: 95px;
    border-radius: 8px;
    background-color: #fff;
    padding: 5px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s;
    cursor: pointer;
}

.attachment-card.larg {
    height: 195px;
    cursor: unset;
}

.attachment-card:hover {
    /* box-shadow: 0 1px 1px 1px rgba(60, 64, 67, .08), 0 1px 3px 2px rgba(60, 64, 67, .16); */
    transform: scale(1.03);
}

.attachment-card_content {
    background-color: #f0f0f0;
    border-radius: 8px;
    height: 70px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 7px;
    justify-content: space-between;
}

.attachment-card.larg .attachment-card_content {
    height: 170px;
    padding: 0;
}

.attachment-card_footer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 7px;
    justify-content: flex-end;
    height: 23px;
}

.attachment-card_remove {
    position: absolute;
    top: 4px;
    right: 2px;
    display: none;
}

.attachment-card:hover .attachment-card_remove {
    display: block;
}

.attachment-card_footer span {
    font-size: 12px;
    color: #666;
}

.attachment-card_down-icon {
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #7B868A;
    flex-shrink: 0;
}

.attachment-card_down-icon i {
    font-size: 22px;
    margin: 0 !important;
    padding: 0;
    color: #7B868A;
    transition: all .3s;
}

.attachment-card:hover .attachment-card_down-icon i {
    font-size: 27px;
}

.attachment-card_image {
    width: 60px;
    height: 60px;
    border-radius: 6px;
    background-size: cover;
    background-repeat: no-repeat;
    flex-shrink: 0;
    background-position: center;
}

.attachment-card.larg .attachment-card_image {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.attachment-card.larg .attachment-card_image a {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.attachment-card.larg .attachment-card_image img {
    visibility: hidden;
}

.attachment-card.larg .attachment-card_image img {
    width: 100%;
    height: 100%;
}

.attachment-card_document {
    height: 60px;
    width: 60px;
    border-radius: 8px;
    background-size: cover;
    background-repeat: no-repeat;
}

.attachment-card.larg .attachment-card_document {
    height: 80px;
    width: 80px;
    margin: auto;
}

.icon-xlsx {
    background-image: url("./../images/icon/extension/xls.svg");
}

.icon-doc {
    background-image: url("./../images/icon/extension/doc.svg");
}

.icon-pdf {
    background-image: url("./../images/icon/extension/pdf.svg");
}

.icon-xls {
    background-image: url("./../images/icon/extension/xls.svg");
}

.icon-docx {
    background-image: url("./../images/icon/extension/docx.svg");
}

.icon-txt {
    background-image: url("./../images/icon/extension/txt.svg");
}

.icon-text {
    background-image: url("./../images/icon/extension/txt.svg");
}

.attachment-card_title {
    width: calc(100% - 115px);
}

.attachment-card.larg .attachment-card_title {
    width: calc(100% - 10px);
}

.attachment-card_title p {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
}

.attachment-card_title a {
    /* margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000; */
}

.attachment-card_icon {
    opacity: 0;
}

.attachment-card:hover .attachment-card_icon {
    opacity: 1;
}

.attachment-card .attachment-card_icon {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .8);
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s;
}

.attachment-card .attachment-card_icon i {
    cursor: pointer;
}


/* end of Attachment */


/* hedline */


/* end of headline */


/* breadcrump */


/* end of breadcrump */


/* nav */

.fl-nav .nav-item {
    flex-grow: 1;
    text-align: center;
}

.fl-nav .nav-link {
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
    border: 1px solid #e5e5e5;
}


/* end of nav */


/* header */

#header-box {
    height: 330px;
    /*background-image: linear-gradient(131deg, #eee, #ddd);*/
    display: flex;
    flex-direction: column;
    justify-content: space-around;

}

#header-box h1 {
    font-size: 35px;
    text-shadow: 1px 1px 0 #6d6d6d, 0px 2px 0 #777777;
}

#header-box {
    height: 330px;
    /*background-image: linear-gradient(131deg, #eee, #ddd);*/
    display: flex;
    flex-direction: column;
    justify-content: space-around;

}

#header-box-min {
    height: 60px;
    /*background-image: linear-gradient(131deg, #eee, #ddd);*/
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}


/* end of header */


/* ---------- end of Common Code ---------- */




/* profile score */

.percent-badge {
    color: #fff;
    width: 33px;
    height: 33px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 33px;
    font-weight: 500;
}


/* end of profile Score */


/* Profile Menu */

.profile-menu_items {
    list-style: none;
    font-size: 14px;
    padding: 0;
    margin: 0;
}

.profile-menu_items li.active a {
    color: #bb1919;
    font-weight: 500;
}

.profile-menu_items li:hover .profile-menu_item {
    text-decoration: none;
    color: #bb1919;
    font-weight: 500;
}

.profile-menu_items .profile-menu_item:hover {
    text-decoration: none;
}

.profile-menu_item {
    padding: 15px 10px 15px 0;
    color: #424750;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.profile-menu_items li:last-child .profile-menu_item {
    border-bottom: 0;
}

.profile-menu_item i {
    margin-left: 10px;
}


/* end of Profile Menu */


/* Profile Box */


/* end of Profile Box */


/* Honor */


/* end of Honor */


/* Gallery */

.profile-gallery_add {
    height: 200px;
    /*background-color : #bb1919;*/
    border-radius: 8px;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #dedede;
    background-image: url(/images/default-gallery.jpg);
}

.profile-gallery_add i {
    font-size: 70px;
}


/* end of Gallery */


/* ----------- end of Profile ---------- */




/* RFQ form */


/* end of RFQ form */


/* ---------- end of RFQ ---------- */


/* ++++++++++ Metalpedia ++++++++++ */


/* Video */

.video-card {
    margin-bottom: 20px;
    overflow: hidden;
}

.video-card_img {
    height: 210px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
}

.video-card_img::before {
    content: '';
    display: inline-block;
    width: 55px;
    height: 55px;
    background-image: url(./../images/icon/play-button3.svg);
    background-size: contain;
    transition: all 0.3s;
    bottom: -13px;
    left: 13px;
    position: absolute;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border-radius: 50%;
}

.video-card_content {
    height: 100px;
    padding: 7px 10px;
}

.video-card_title {
    font-size: 15px;
    height: 45px;
    overflow: hidden;
    line-height: 22px;
    margin: 0;
    color: #000;
    margin-top: 10px;
}

.video-card a:hover .video-card_img::before {
    width: 65px;
    height: 65px;
}

.video-card a:hover .video-card_img::after {
    background-color: rgba(0, 0, 0, .5);
}

#video-page iframe {
    border: 0;
    border-radius: 8px;
}

.video-time {
    color: #fff;
    background-color: #bb1818;
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 13px;
    font-weight: 300;
    padding: 1px 10px;
    border-radius: 5px;
}

@media only screen and (max-width: 991px) {
    .post_meta li {
        margin-left: 4px;
        font-size: 9px;
    }

    .video-card_title {
        font-size: 12px;
        /*height : 37px;*/
    }

    .video-card_content {
        height: 60px;
    }

    .video-card_img {
        height: 130px;
    }
}


/* end of Video */


/* ---------- end of Metalpedia ---------- */


/* ++++++++++ Front ++++++++++ */


/* moment news */


/* end of moment news */


/* currency-box */

.currency-carousel {
    padding: 15px 0;
}

.currency-carousel .owl-stage {
    margin: auto;
}

.currency-box {
    display: flex;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #e6e6e6;
    /*box-shadow: 0 10px 20px 0 rgba(0,0,0,.09);*/
    height: 40px;
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
}

.currency-right {
    font-size: 13px;
}

.currency-left {
    display: flex;
    flex-direction: column;
    text-align: left;
    margin-right: 10px;
}

.currency-left .price {
    color: #bb1919;
    font-weight: bold;
    font-size: 17px;
}


/* end of currency-box */


/* metal currency footer */

#metal-currency {
    background-color: #E3E4E6;
    /*height: 200px;*/
    border-top: 1px solid #d4d4d4;
    position: relative;
}

.my-currency-box {
    display: flex;
    flex-direction: column;
    padding: 5px;
    border-radius: 8px;
    margin: 0 6px;
}

.my-currency-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #eee;
    font-size: 17px;
    padding: 0 5px 5px;
}

.my-currency-top .date {
    color: #666;
    font-size: 11px;
}

.my-currency-bottom {
    display: flex;
    margin-top: 5px;
    flex-direction: column;
    justify-content: center;
}

.my-currency-bottom {
    display: flex;
    margin-top: 5px;
    flex-direction: column;
    justify-content: center;
}

.my-currency-row {
    display: flex;
    justify-content: space-between;
    padding: 3px;
}

.my-currency .price {
    color: #bb1919;
    font-size: 14px;
}

.my-currency-row-left .cur {
    font-size: 10px;
    margin-right: 4px;
}


/* end of metal currency footer */

.front-users .item {
    position: relative;
}

.front-users h3 a {
    font-size: 18px;
    font-weight: 500;
    padding: 0 10px;
    color: #212529;
}

.front-users .item .content {
    background-color: #fff;
    margin: 50px 0 0 0;
    display: flex;
    padding: 50px 0 10px 0;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    border-radius: 8px;
    height: 250px;
    border: 1px solid #e6e6e6;
}

.front-users .item .logo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 100px;
    border-radius: 50%;
    width: 100px;
    overflow: hidden;
    border: 3px solid #ddd;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.front-users .item .btn {
    border: 1px solid #17A2B8;
    color: #17A2B8;
    border-radius: 20px;
    width: 90%;
    font-size: 13px;
}


.app-info-right {
    padding: 20px;
    color: #fff;
}

.app-info-btn {
    background-color: #fff;
    color: #000;
    border-radius: 11px;
    width: 180px;
    padding: 4px;
    display: flex;
    align-items: center;
}
.date-badge {
    width: 50px;
    position: absolute;
    font-size: 16px;
    color: rgb(255, 255, 255);
    text-align: center;
    top: 5px;
    left: 5px;
    font-weight: 300;
    z-index: 10;
    border-radius: 8px;
    background: rgb(54, 66, 77);
    padding: 0px 0px;
}

.front-guide {
    padding: 150px 0px;
}

.front-guide_item {
    border-radius: 8px;
    background-color: #d0f1ec;
    position: relative;
}

.front-guide_item-right {
    padding: 40px 145px 40px 20px;
    text-align: left;
}

.front-guide_item-left {
    padding: 40px 20px 40px 145px;
    text-align: right;
}

.front-guide_item-img {
    position: absolute;
    top: -50%;
}

.front-guide_item-right .front-guide_item-img {
    right: 10px;
}

.front-guide_item-left .front-guide_item-img {
    left: 10px;
}

.front-guide_btn {
    padding: 6px;
    border-radius: 7px;
    font-size: 12px;
    color: #fff !important;
}

@media (max-width: 1200px) {
    .front-guide_item-img {
        width: 120px;
        top: 0;
    }

    .front-guide_item-right {
        padding: 40px 120px 40px 20px;
        text-align: left;
    }

    .front-guide_item-left {
        padding: 40px 20px 40px 110px;
        text-align: right;
    }

    .front-guide_btn {
        padding: 4px;
        border-radius: 4px;
        font-size: 9px;
        color: #fff !important;
    }
}

@media (max-width: 991px) {
    .front-guide_item-img {
        width: auto;
        height: 105%;
        top: -10px;
    }

    .front-guide {
        padding: 0;
    }

    .front-guide h3 {
        font-size: 24px;
    }

    .front-guide_item-right {
        padding: 40px 120px 40px 20px;
        text-align: left;
    }

    .front-guide_item-left {
        padding: 40px 20px 40px 120px;
        text-align: right;
    }

    .front-guide > div:last-child {
        margin-top: 20px;
    }
}


/* ---------- Front ---------- */


/* ++++++++++ Metalpedia ++++++++++ */


/* widget-last */


/* end of widget-last */


/* ---------- header ---------- */

#container-header {
    background-image: url("../images/header.jpg");
    /*border-bottom-left-radius: 40px;*/
    /*border-bottom-right-radius: 40px;*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}


.container-header-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    box-shadow: 0 7px 8px 0 rgba(0, 0, 0, .04);
    padding: 10px 40px;
}

.header2-top {
    display: flex;
    justify-content: space-between;
}

.header2-search {
    width: 600px;
}

.header2-menu li > a {
    font-size: 13px;
    font-weight: 500;
    padding: 2px 1px;
}


/*  user box */


/* 
#user-box ul {
    list-style: none;
    margin: 0;
    border: 1px solid #ececec;
    width: fit-content;
    height: 45px;
    padding: 0 10px;
    line-height: 45px;
    border-radius: 8px;
}

#user-box ul li {
    display: inline-block;
    margin: 0 2px;
}

#user-box ul li a {
    display: flex;
    align-items: center;
    margin: 0 2px;
    color: #333;
}

#user-box ul li i {
    color: #bb1919;
    font-size: 15px;
    margin-left: 4px;
} */


/* end of user box */


/* main menu */


/* end of main menu */


/* main search */


/* end of main search */


/* header mobile */

.header-mobile-top {
    background-color: #fff;
    padding: 10px 0;
}

.header-mobile-bottom {
    background-color: #fff;
    padding: 10px 0;
}


/*.header-mobile #main-search{*/


/*    position: unset;*/


/*}*/


/* end of nav icon */


/* humber menu */

#menu-mobile {
    display: flex;
    align-items: stretch;
    position: fixed;
    z-index: 101;
    top: 0;
    height: 100%;
    right: -100%;
    width: 100%;
    overflow-y: auto;
    direction: rtl;
    background-color: rgba(0, 0, 0, .5);
}

.menu-mobile-right {
    min-height: 100%;
    height: fit-content;
    width: 80%;
    background-color: #fff;
}

.menu-mobile-left {
    width: 20%;
    min-height: 100%;
    height: fit-content;
}

.menu-mobile-body ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.menu-mobile-body > ul > li {
    border-bottom: 1px solid #e2e2e2;
    padding: 11px;
    transition: all 0.5s ease;
}

.menu-mobile-body > ul > li > span {
    width: 35px;
    height: 30px;
    display: inline-block;
    position: relative;
    top: 10px;
    margin-left: 10px;
}

.menu-mobile-body > ul > li > a {
    color: #59595B;
    font-weight: bold;
    font-size: 15px;
}

.menu-mobile-body > ul > li > i.mob-down {
    transform: rotate(-90deg);
    background: url(https://foolad24.com/sites/all/themes/foolad_24/images/left-arrow.svg) no-repeat 16px 0px;
    left: -16px;
}

.menu-mobile-body > ul > li > ul {
    margin-top: 10px;
    display: none;
    margin-right: 20px;
}

.menu-mobile-body > ul > li > ul li {
    margin: 10px 0;
}

ul.submenu-mobile i {
    position: relative;
    top: 2px;
    width: 25px;
    height: 20px;
}

ul.submenu-mobile > li > a {
    color: #59595B;
    font-size: 14px;
}

.menu-mobile-body > ul > li > i {
    color: #59595B;
    float: left;
}

.menu-mobile-top {
    float: none !important;
    display: flex;
}

.menu-mobile-close {
    height: 50px;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 0 15px;
    text-align: left;
}

.menu-mobile-close span {
    width: 30px;
    display: inline-block;
    background: url(https://foolad24.com/sites/all/themes/foolad_24/images/nav-close.svg) no-repeat 0px 0px;
    margin: 10px 0;
    height: 30px;
}


/* end of humber menu */


/* ---------- end of  ---------- */


/* ++++++++++ user guide +++++++++++*/

.user-guides {
    margin: 0;
    padding: 20px;
    list-style: none;
}

.user-guides li {
    display: flex;
    margin-bottom: -80px;
}

.user-guides li:last-child {
    margin-bottom: unset;
}

.user-guides li.even {
    justify-content: flex-end;
}

.guide-card {
    position: relative;
    width: 500px;
    /* background-color: #ececec; */
}

.guide-card-content {
    padding: 10px;
    line-height: 20px;
    height: 165px;
    overflow: hidden;
}

.guide-card h2 {
    margin-bottom: 10px;
    line-height: 25px;
}

.guide-card h2 a {
    font-size: 17px;
    font-weight: 700;
}

.guide-card-image img {
    border-radius: 8px 8px 0 0;
    width: 100%;
}

.guide-card::before {
    position: absolute;
    top: 26px;
    z-index: 2;
    display: inline-block;
    border-bottom: 19px solid transparent !important;
    border-top: 19px solid transparent !important;
    content: " ";
}

.guide-card.odd::before {
    border-right: 19px solid #535355 !important;
    border-left: 0 solid #535355 !important;
    left: -19px !important;
}

.guide-card.even::before {
    border-left: 19px solid #535355 !important;
    border-right: 0 solid #535355 !important;
    right: -19px !important;
}

.guide-number {
    position: absolute;
    top: 32.4px;
    z-index: 3;
    display: block;
    width: 26px;
    height: 26px;
    background: #be1919;
    color: #fff;
    text-align: center;
    transform: rotate(-45deg);
    border: 1px solid #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.guide-card.odd .guide-number {
    left: -8.5px;
}

.guide-card.even .guide-number {
    right: -8.5px;
}

.guide-number span {
    transform: rotate(45deg);
    display: block;
    font-size: 16px !important;
    font-weight: bold !important;
    padding-top: 2px;
}

.guide-readmore {
    position: absolute;
    bottom: 5px;
    left: 10px;
    color: #bb1919;
}

@media (max-width: 1200px) {
    .user-guides li {
        margin-bottom: 30px;
    }
}


/* ---------- end of user guide --------- */


/* ++++++++++ contact us ++++++++++ */

#form_contact_us {
    border: 2px solid #E2E2E2;
    direction: rtl !important;
}

#form_contact_us > h1 {
    background-color: #E2E2E2;
    font-size: 1.4em;
    color: #be1919;
    padding: 17px 40px;
}

#form_contact_us #left_contact_us {
    padding: 30px 20px;
}

#form_contact_us #right_contact_us {
    padding: 30px 40px;
}

#form_contact_us .form-required {
    display: none !important;
}

#form_contact_us .control-label {
    color: #757575;
    font-size: .9em;
    margin-right: 20px;
}

#form_contact_us #edit-submit {
    background-color: #be1919;
    color: #ffffff;
    margin: auto;
    float: left;
}

#form_contact_us #right_contact_us h4 {
    color: #be1919;
    font-size: 1.0em;
    margin-bottom: 20px;
}

#form_contact_us .title_contact_us {
    color: #222222;
    font-size: 1.1em;
}

#form_contact_us .value_contact_us {
    color: #be1919;
}

#form_contact_us .elem_contact_us {
    margin-bottom: 20px;
    position: relative;
}

#iframe_contact_us {
    width: 100%;
    height: 200px;
    text-align: center;
}

#form_contact_us #iframe_contact_us iframe {
    width: 80%;
    height: 100%;
    border: 2px solid #E2E2E2;
}

#form_contact_us .form-control {
    border-radius: 8px;
    border: 2px solid #E2E2E2;
}

#form_contact_us .form-item span {
    position: absolute;
    right: 25px;
    color: red;
}

#form_contact_us #right_contact_us .arrow_left {
    width: 10px;
    height: 10px;
    background-image: url("../images/arrow_left.svg");
    display: inline-block;
    position: absolute;
    right: -15px;
    top: 5px;
}

#form_contact_us .map_icon {
    width: 20px;
    height: 20px;
    background-image: url("../images/address.svg");
    display: inline-block;
    position: absolute;
    right: -20px;
    top: 0px;
}

#form_contact_us h1 .arrow_left {
    width: 14px;
    height: 14px;
    background-image: url("../images/arrow_left.svg");
    display: inline-block;
    position: absolute;
    right: 28px;
    top: 23px;
}

.page-contact-us #footer_contact_us {
    height: 523px;
    background-image: url("../images/contact-us.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.page-contact-us .region-page-bottom {
    display: none;
}

#form_contact_us #social_link {
    height: 30px;
    position: absolute;
    bottom: 30px;
    right: 20px;
}

#form_contact_us .link_icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
    transition: all .3s;
}

#form_contact_us .link_icon:hover {
    transform: scale(1.15);
}

#form_contact_us #goole_link {
    background-image: url("../images/google_plus_round.svg");
}

#form_contact_us #instagrm_link {
    background-image: url("../images/instagram_round.svg");
}

#form_contact_us #linkdin_link {
    background-image: url("../images/linkdin_round.svg");
}

#form_contact_us #twitter_link {
    background-image: url("../images/twiter_round.svg");
}


/* ---------- contact us ---------- */


/* ++++++++++ iron weight ++++++++++ */

.iron-weight-box .card {
    height: 75px;
    padding-left: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}

.iron-weight-box .card img {
    width: 95px;
}

.iron-weight-box .card a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    color: #bb1919;
    font-size: 14px;
    font-weight: 500;
}

.iron-weight-title {
    height: 75px;
    margin-bottom: 10px;
    align-items: center;
    display: flex;
}

.iron-weight-title h3 {
    font-size: 18px;
    font-weight: 700;
}

.iron-weight-download {
    width: 100%;
    height: 50px;
    display: -webkit-flex;
    display: flex;
    margin: 30px 0;
}

.iron-weight-download_text {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 50px;
    padding-top: 12px;
}

.iron-weight-download_text > a {
    color: #bb1919;
    font-weight: bold;
    font-size: 16px;
}

.iron-weight-download_text span:nth-child(2) {
    height: 1px;
    background-color: #e6e6e6;
    margin: 5px 0px;
}

.iron-weight-download_text span:nth-child(3) {
    color: #c7c7c7;
    font-weight: normal;
    font-size: 12px;
    display: block;
    width: 100%;
}


/* ---------- iron weight ---------- */


/* ++++++++++ fix-menu ++++++++++ */

#fix-menu {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 100;
}

.fix-menu_items {
    display: flex;
    height: 55px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.12);
}

#fix-menu .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    position: relative;
    padding: 3px;
    z-index: 99;
}

.fix-menu_items .item {
    background-color: #f5f5f5;
}

#fix-menu .item_title {
    font-size: 9px;
    color: #484848;
}

#fix-menu .item-icon {
    font-size: 20px;
    margin-bottom: 5px;
    color: #484848;
}

#fix-menu .item-icon.fa-plus,
#fix-menu .item-icon.fa-home {
    font-size: 27px;
    margin-top: -10px;
    margin-bottom: 7px;
}

#fix-menu .circle {
    position: absolute;
    display: inline-block;
    width: 64px;
    height: 53px;
    background-color: #f5f5f5;
    border-radius: 50%;
    z-index: 98;
    top: -15px;
    left: 0;
    right: 0;
    margin: auto;
    box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.12);
}

.fix-menu_add {
    position: absolute;
    width: 100%;
    height: 50px;
    background-color: #ffffff;
    right: 0;
    bottom: -5px;
    display: flex;
    z-index: 5;
    box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.12);
    transition: all .5s;
}

.fix-menu_add.active {
    bottom: 55px;
}

.fix-menu_add .item_title {
    display: flex;
    align-items: center;
}


/* ---------- end of fix-menu ---------- */

.post-edit-icon {
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(./../images/pencil.svg);
    top: 2px;
    left: 2px;
    cursor: pointer;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border-radius: 50%;
}


/* ++++++++++ Advertisement ++++++++++ */


/* ---------- end of Advertisement ---------- */


/* ++++++++++ static Page ++++++++++ */

.static-page {
    overflow: hidden;
}

.static-page_title {
    background-color: #4C4C4C;
    color: #fff;
    margin: 0;
    font-size: 26px;
    padding: 15px;
    text-align: center;
}

.static-page_img {
    width: 100%;
    height: auto;
}

.static-page_content {
    padding: 20px;
    line-height: 25px;
}

.static-page img {
    /* margin: auto; */
}

@media (max-width: 767px) {
    .static-page_title {
        font-size: 20px;
    }
}


/* ---------- end of static page ----------- */

#about-us-page {
    /* background-image: url(./../images/about_us_background-min.jpg); */
    background-size: cover;
    background-position: center 120px;
}

@media (max-width: 767px) {
    #about-us-page {
        background-image: unset;
    }
}

.iron-weight-boxes {
    background-color: #c1c1c1;
    padding: 20px;
}




body {
    font-family: Shabnam, serif;
    background-color: #f0f2f5;
    font-size: var(--text-medium);
    height: 100%;
}

.flex-center {
    justify-content: center;
    align-items: center;
}

.text-small {
    font-size: var(--text-small);
}

.text-medium {
    font-size: var(--text-medium);
}

.text-size {
    font-size: var(--text-size);
}

.text-large {
    font-size: var(--text-large);
}

.text-m-large {
    font-size: var(--text-m-large);
}

.text-mx-large {
    font-size: var(--text-mx-large);
}

.text-x-large {
    font-size: var(--text-x-large);
}

.text-xx-large {
    font-size: var(--text-xx-large);
}

.bg-black {
    background-color: var(--color-black);
}

.bg-gray {
    background-color: var(--color-gray);
}

.bg-silver {
    background-color: var(--color-silver);
}

.bg-chocolate {
    background-color: var(--color-chocolate);
}

.bg-blue {
    background-color: var(--color-blue);
}

.bg-steelBlue {
    background-color: var(--color-steelBlue);
}

.bg-deepSkyBlue {
    background-color: var(--color-deepSkyBlue);
}

.bg-turquoise {
    background-color: var(--color-turquoise);
}

.bg-lightSeaGreen {
    background-color: var(--color-lightSeaGreen);
}

.bg-green {
    background-color: var(--color-green);
}

.bg-limeGreen {
    background-color: var(--color-limeGreen);
}

.bg-gold {
    background-color: var(--color-gold);
}

.bg-orange {
    background-color: var(--color-orange);
}

.bg-tomato {
    background-color: var(--color-tomato);
}

.bg-crimson {
    background-color: var(--color-crimson);
}

.bg-salmon {
    background-color: var(--color-salmon);
}



[v-cloak] {
    display: none;
}

.h-line {
    height: 1px;
    width: 100%;
    margin: auto;
    background: #dedede;
    display: inline-block;
}

.odd-row {
    background-color: #f9f9f9;
    /* box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.16); */
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}

.circle-number {
    color: #000;
    width: 20px;
    display: inline-block;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #b9b9b9;
    line-height: 20px;
    background-color: var(--color-gray-100);
    flex-shrink: 0;
}
.odd-row:last-child {
    border-bottom: unset;
}

.title-rl {
    position: relative;
    padding-right: 10px;
}

.title-rl::after {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 5px;
    margin-left: 10px;
    border-radius: 17px;
    background: linear-gradient(0, #fa5252, #bb1919);
    right: 0;
    top: 0;
}






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

    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12,
    .col,
    .col-auto,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm,
    .col-sm-auto,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md,
    .col-md-auto,
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg,
    .col-lg-auto,
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl,
    .col-xl-auto {
        padding-right: 10px;
        padding-left: 10px;
    }

    .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
        padding-right: 10px;
        padding-left: 10px;
    }

    .row {
        margin-right: -10px;
        margin-left: -10px;
    }

    .owl-nav {
        display: none;
    }

    .table th, .table td{
        padding:10px 5px;
    }

    .form-control{
        font-size: 14PX;
    }
}


/*++ icons ++*/

.item-img {
    width: 100%;
    height: 400px;
    border-radius: 15px;
    overflow: hidden;
    flex-shrink: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}


@media (max-width: 767px) {

    .item-img {

        height: 200px;

    }
}

.item-img img {
    width: auto;
    height: 100%;
    transition: all 0.3s;
    z-index: 1;
}

/* rounded icon */

.round-icon {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s;
    cursor: pointer;
    font-size: 16px;
}

.round-icon i {
    display: grid;
    color: #fff;
}


/* end of rounded icon */

/* -- icons --*

/*++ Loading ++*/

#page-loading {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 700;
    width: 100vw;
    height: 100vh;
    display: flex;
    background-color: #fff;
    align-items: center;
    justify-content: center;
}

.loader {
    width: 48px;
    height: 48px;
    border: 10px solid #000;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}



@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


#row-content {
    /*display: none;*/
}

/*-- Loading --*/

/*++ overlay ++*/

.overlay {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 100%;
    width: 100%;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.5s ease 0s;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
}

.overlay:hover {
    opacity: 1;
}

.overlay i {
    color: var(--color-gray-100);
    font-size: 40px;
}




/*-- overlay --*/

/*++ Contact ++*/

#contacts {
    font-size: var(--text-large);
}

#contacts ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#contacts ul li a {
    margin-bottom: 8px;
    background-color: var(--color-gray-100);
    border-radius: 15px;
    padding: 10px;
    transition: all 0.5s;
}

#contacts ul li a:hover {
    background-color: var(--color-gray-200);
}

#contacts ul li i {
    background: linear-gradient(45deg, #38ef7d, #11998e);
    width: 35px;
    height: 35px;
    color: #fff;
    border-radius: 50%;
}


/*-- Contact --*/

/*++ profile-box ++*/


/*++ alert ++*/

.alert {
    border-radius: var(--border-radius);
}

.alert ul {
    margin: 0;
    padding-right: 10px;
}


/*-- alert --*/


/*++ card ++*/

.card,
.widget {
    background-color: #fff;
    border-radius: var(--border-radius);
    /* border: 0; */
    border: var(--card-border);
}

.card-header {
    background-color: #f8f8f8;
    border-top-left-radius: 9px !important;
    border-top-right-radius: 9px !important;
}

.card-badge {
    position: absolute;
    left: -6px;
    top: -6px;
    width: 80px;
    z-index: 1;
}

.card-badge-right{
    right: -6px !important;
}


/*-- card --*/


/*++ headline ++*/

.headline {
    font-size: var(--text-x-large);
    font-weight: var(--font-bolder);
    color: #000;
    margin: 0 0 10px 0;
    padding: 0 4px;
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.headline h1, .headline h2 {
    font-size: var(--text-x-large);
    display: flex;
    align-items: center;
    margin: 0;
}

.headline h1 {
    font-size: var(--text-xxx-large);
}

.headline small {
    color: #6b6b6b;
    font-size: 60%;
}

.headline_icon {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-size: contain;
    margin-left: 7px;
}

.headline_more {
    font-size: var(--text-small);
    font-weight: 300;
    display: flex;
    align-items: center;
    background-color: var(--dark-red);
    color: #fff;
    border-radius: 25px;
    padding: 2px 5px;
    transition: all .3s;
    flex-shrink: 0;
    align-items: baseline;
}

.headline_more:hover {
    color: #fff;
}

.headline_more i {
    margin-right: 3px;
}



@media only screen and (max-width: 991px) {
    .headline h2 {
        font-size: var(--text-size);
    }
}



/*-- headline --*/





/*++ breadcrumb ++*/

.breadcrumb {
    border-bottom: 1px solid var(--seperator-color);
}


/*-- breadcrumb --*/


/*++ sharing ++*/

.sharing {
    list-style: none;
    display: flex;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
    flex-direction: column;
}

.shareLink-v li {
    margin-bottom: 3px;
}

.sharing li:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.sharing__telegram {
    background-color: #0088CC;
}

.sharing__whatsapp {
    background-color: #0BBAA2;
}

.sharing__linkedin {
    background-color: #007BB6;
}

.sharing__facebook {
    background-color: #3B5998;
}

.sharing__twitter {
    background-color: #00ACED;
}

.sharing__help {
    background-color: #909090;
}

.sharing__info {
    background-color: #909090;
}

.sharing__rebort {
    background-color: #cfd6e4;
}


/*-- sharing --*/


/*++ btn and badge ++*/

/*-- btn --*/


/*++ main_title ++*/

.main_title_2 {
    text-align: center;
    margin-bottom: 25px;
    position: relative;
}

.main_title_2 h1 {
    font-size: var(--text-xxxx-large);
}

.main_title_2 h2 {
    margin: 0 0 12px;
    font-size: var(--text-xxx-large);
}

.main_title_2 h3 {
    font-size: var(--text-xx-large);
}

.main_title_2 span {
    width: 140px;
    height: 5px;
    background-color: #e1e1e1;
    display: block;
    margin: auto;
}

.main_title_2 span em {
    width: 60px;
    height: 4px;
    background-color: var(--dark-red);
    display: block;
    margin: auto;
}


/*-- main_title --*/


/*++ custom-tabs ++*/

.custom-tabs {
    display: flex;
    list-style: none;
    margin: 0;
    background-color: #fff;
    border-radius: 25px;
    justify-content: center;
    padding: 5px;
    border: var(--card-border);
}

.custom-tabs .tab-item {
    height: 30px;
    flex-grow: 1;
    width: calc(100% / 3);
}

.custom-tabs .tab-item a {
    color: #000;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-tabs .tab-item.active {
    background-color: #2193b0;
    border-radius: var(--border-radius);
    /*background: linear-gradient(to right, #6dd5ed, #2193b0);*/
    border: 0;

}

.custom-tabs .tab-item.active a {
    color: #fff;
    font-weight: 700;
}

/*-- custom-tabs --*/


/*++++++++++  header ++++++++++*/

header {
    background-image: url("../images/header.jpg");
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    padding: 30px 0;
    border-bottom: 1px solid var(--seperator-color);
}

header .title {
    font-size: var(--text-xxx-large);
}

.main-search {
    height: 45px;
    position: relative;
    display: flex;
    align-items: center;
}

.main-search input {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 10px;
    border: var(--card-border);
    outline: 0;
    padding: 0 20px;
    font-size: var(--text-m-large);
    color: var(--color-gray-600);
    background-color: var(--color-gray-100);
}

.main-search button {
    position: absolute;
    left: 3px;
    background-color: var(--dark-red);
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    text-align: center;
    line-height: 45px;
    font-size: var(--text-xx-large);
    border: 0;
    padding: 0;
    margin: 0;
}

@media (max-width: 767px) {
    header {
        background-image: none;
        padding: 10px 0;
    }

    header .title {
        display: none;
    }

    .main-search {
        height: 35px;
    }

    .main-search button {
        width: 30px;
        height: 30px;
        line-height: 36px;
    }
}


/*---------- header  ----------*/


/*++++++++++  categories ++++++++++*/


/*---------- categories  ----------*/




/*++++++++++ Footer ++++++++++*/

.site-footer {
    background-color: var(--color-gray-100);
    font-size: 14px;
    line-height: 29px;
    color: var(--text-gray);
    position: relative;
    overflow: hidden;
}


.footer-links {
    padding-right: 0;
    list-style: none
}

.footer-links li {
    display: block;
    margin-bottom: 15px;
}

.footer-links li i {
    margin-left: 7px;
}

.footer-links.inline li {
    display: inline-block
}

.site-footer .social-icons {
    text-align: right
}

.site-footer .social-icons a {
    width: 35px;
    height: 35px;
    line-height: 40px;
    margin-left: 6px;
    margin-right: 0;
    border-radius: 100%;
}

.social-icons li {
    display: inline-block;
    margin-bottom: 4px
}

.social-icons a {
    color: var(--text-gray);
    font-size: 16px;
    display: inline-block;
    line-height: 44px;
    width: 44px;
    height: 44px;
    text-align: center;
    margin-right: 8px;
    border-radius: 100%;
    transition: all .2s linear
}

.social-icons .telegram {
    background-image: url("./../images/icon/telegram.png");
}

.social-icons .twitter {
    background-image: url("./../images/icon/twitter.png");
}

.social-icons .linkedin {
    background-image: url("./../images/icon/linkdin.png");
}

.social-icons .aparat {
    background-image: url("./../images/icon/aparat.png");
}

.social-icons .google {
    background-image: url("./../images/icon/google.png");
}

.social-icons .instagram {
    background-image: url("./../images/icon/instagram.png");
}

.site-footer_content {
    position: relative;
    padding-top: 100px;
}

.site-footer_nemad {
    margin: 50px 0;
    justify-content: center;
}

.site-footer_nemad img {
    width: 80%;
    border-radius: 10px;
}

.site-footer_jump {
    font-size: 22px;
    padding: 15px 0;
    background-color: #f5f5f5;
    border-top: 1px solid var(--seperator-color);
    border-bottom: 1px solid var(--seperator-color);
    text-align: center;
    z-index: 1;
    position: absolute;
}

.site-footer_jump span {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-links a:active,
.footer-links a:focus,
.footer-links a:hover .site-footer_jump i,
.footer-links a {
    color: var(--text-gray);
    text-decoration: none;
}

#site-footer_jump-top {
    cursor: pointer;
}

@media (max-width: 767px) {
    .footer-links li {
        margin-bottom: 0;
    }

    .site-footer_content {
        padding-top: 70px;
    }

    .social-icons li.title {
        display: block;
        margin-right: 0;
        font-weight: 600
    }

    .site-footer_jump {
        padding: 5px 0;
    }

    .site-footer {
        padding-bottom: 0
    }

    .site-footer .copyright-text,
    .site-footer .social-icons {
        text-align: center
    }
}


/*---------- Post  ----------*/


/*++++++++++ Post ++++++++++*/

.card.post.unpublish {
    background-color: #ffd2d2;
}

.post_img {
    width: 100%;
}

.post_title {
    line-height: 2.8rem;
    font-weight: var(--font-bold);
    font-size: var(--text-xxx-large);
    margin: 0;
    padding: 20px;
}

.post_content {
    font-size: var(--text-size);
    line-height: 30px;
    padding: 20px;
}

.post_content img {
    border-radius: 8px;
    max-width: 100%;
    height: auto;
    display: flex;
    margin: 20px auto;
}

.post_header {
    border-bottom: 1px solid var(--seperator-color);
}

.post-readmore {
    font-weight: 700;
    text-align: left;
}

.post_image {
    padding: 10px;
}

.post_image img {
    height: auto;
    width: 100%;
    border-radius: var(--border-radius);
}

.post_footer {
    padding: 10px 20px;
}

.post_meta {
    padding: 0;
    margin: 0;
    display: flex;
    list-style: none;
    flex-wrap: wrap;
}

.post .post_meta {
    padding: 20px;
}

.post_meta li {
    margin-left: 15px;
    font-size: 12px;
    color: var(--color-gray-600);
    margin-bottom: 8px;
}

.post_meta li i {
    margin-left: 5px;
}

.posts-item {
    padding: 15px 15px;
    display: flex;
}

.posts-item_content {
    display: flex;
    flex-direction: column;
    margin-right: 10px;
    flex-grow: 1;
    justify-content: space-between;
}

.posts-item_title {
    line-height: 1.4;
    font-size: var(--text-m-large);
}

.special-post .posts-item_title{
    width: 95%;
}
.posts-item_title a {
    color: #000;
}

.posts-item_img {
    width: 160px;
    height: 110px;
    border-radius: 10px;
    overflow: hidden;
    flex-shrink: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.posts-item_img img {
    width: auto;
    height: 100%;
    transition: all 0.3s;
    z-index: 1;
}

.posts-item_description p {
    line-height: 1.8;
    margin-bottom: 0;
    font-size: var(--text-medium);
    text-align: justify;
}


.tag-list {
    padding: 10px 0;
    border-top: var(--seperator-color);
}

.tag-list ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.tag-list ul li {
    margin-left: 5px;
    margin-bottom: 5px;
}

.news-table {
    overflow: hidden;
    background-color: var(--color-gray-700);
    margin: 0;
    padding: 0;
    border-radius: var(--border-radius);
}

.news-table li.odd {
    background-color: var(--color-gray-600);
}

.news-table li {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 10px;
    color: #fff;
    -webkit-box-align: center;
    align-items: center;
}

.news-table .title {
    color: var(--text-white);
    color: #fff;
    font-size: var(--text-small);
}

.news-table .image {
    width: 40px;
    height: 40px;
    background-size: cover;
    border-radius: 50%;
    flex-shrink: 0;
    background-position: center center;
}

button[aria-expanded="true"] {
    /*display: none;*/
}

@media only screen and (max-width: 991px) {
    .posts-item_title {
        font-size: var(--text-medium);
    }

    .posts-item {
        padding: 10px 10px;
    }

    .post_title {
        font-size: var(--text-size);
        line-height: 1.6;
    }

    .posts-item_img {
        width: 100px;
        height: 80px;
    }
}


/*---------- Post  ----------*/

/*++++++++++ Filters ++++++++++*/




/*---------- Filters  ----------*/


/*++++++++++  ++++++++++*/

#footer-menu {
    display: flex;
    flex-direction: column;
    position: fixed;
    z-index: 9;
    background-color: #fff;
    border-top: var(--seperator);
    bottom: 0;
    width: 100%;
    left: 0;
}

#footer-menu .footer-cover {
    position: absolute;
    bottom: -15px;
}

#footer-menu .circle {
    display: inline-block;
    width: 72px;
    height: 72px;
    background-color: #ffffff;
    border-radius: 50%;
    z-index: 98;
    top: -26px;
    left: 0;
    right: 0;
    margin: auto;
    /* box-shadow: 0 -3px 6px 0 rgb(0 0 0 / 12%); */
    justify-content: center;
    align-items: center;
    display: flex;
    border: 1px solid #cacaca;
    position: absolute;
}

#footer-menu .circle img {
    width: 60px;
}

#footer-menu ul {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
    z-index: 500;
}

#footer-menu ul li {
    width: calc(100% / 4);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

#footer-menu ul li > a {
    height: 55px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5px 1px;
    justify-content: space-around;
    color: #000;
}

#footer-menu ul li .title {
    font-size: 10px;
    text-align: center;
}

#footer-menu ul li.active .title {
    color: #b8172f;
    font-weight: var(--font-bold);
}

.footer-menu-icon {
    width: 22px;
    height: 22px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}




.footer-menu-icon.icon-chat {
    background-image: url('/images/icon/product.png');
}


.footer-menu-icon.icon-product {
    background-image: url('/images/icon/product.png');
}

.footer-menu-icon.icon-analysis {
    background-image: url('/images/icon/analysis.png');
}

.footer-menu-icon.icon-user {
    background-image: url('/images/icon/user.png');
}

.footer-menu-icon.icon-rfq {
    background-image: url('/images/icon/rfq.png');
}


.footer-menu-icon.icon-inventory {
    background-image: url('/images/icon/inventory.png');
}
.footer-menu-icon.icon-chat {
    background-image: url('/images/icon/chat.png');
}


.footer-menu-icon.icon-home {
    background-image: url('/images/icon/home.png');
}

#footer-menu ul li.active .icon-product {
    background-image: url('/images/icon/product-active.png');
}

#footer-menu ul li.active .icon-analysis {
    background-image: url('/images/icon/analysis-active.png');
}

#footer-menu ul li.active .icon-user {
    background-image: url('/images/icon/user-active.png');
}

#footer-menu ul li.active .icon-inventory {
    background-image: url('/images/icon/inventory-active.png');
}

#footer-menu ul li.active .icon-rfq {
    background-image: url('/images/icon/rfq-active.png');
}

#footer-menu ul li.active .icon-home {
    background-image: url('/images/icon/home-active.png');
}




/*----------  ----------*/

/*++++++++++ search-dropdown ++++++++++*/
.dropdown-search .dropdown-menu {
    width: 100%;
    left: 0;
    right: 0;
    /* min-width: 100%; */
    position: fixed;
    top: 54px;
    padding: 4px;
}

/*---------- search-dropdown  ----------*/
/*++++++++++ user-dropdown ++++++++++*/

#user-dropdown {
    border: var(--card-border);
    border-radius: 10px;
    padding: 5px;
    cursor: pointer;
}

#user-dropdown #dropdownMenuButton {
    display: flex;
    align-items: center;
}

#user-dropdown .dropdown-menu {
    left: 0 !important;
    right: unset !important;
}

@media only screen and (max-width: 991px) {
    .dropdown-menu {
        border: 0;
    }

    #user-dropdown {
        border: unset;
        padding: 0;
        cursor: pointer;
    }

    #user-dropdown #dropdownMenuButton label {
        display: none;
    }

    #user-dropdown .dropdown-toggle::after {
        display: none !important;
    }
}


/*---------- user-dropdown ----------*/


/*++++++++++  navbar ++++++++++*/

.navbar {
    background-color: #fff;
    font-family: Shabnam, serif;
    border-bottom: 1px solid var(--seperator-color);
    height: 60px;
}

.navbar-icon {
    margin: 0 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    border: 0;
    line-height: 18px;
}

.navbar-icon > i {
    display: inline-block;
    width: 30px;
    height: 30px;
}

.navbar-icon-text {
    color: #000;
    margin: 0;
    font-size: var(--text-small);
}

.icon-menu {
    background: url("/images/icon/nav-open.svg") no-repeat 0px 0px;
}

.icon-login {
    background: url("/images/icon/nav-login.svg") no-repeat 0px 0px;
}

.icon-register {
    background: url("/images/icon/nav-register.svg") no-repeat 0px 0px;
}



.icon-logout {
    background: url("/images/icon/nav-exitt.svg") no-repeat 0px 0px;
}

.icon-profile {
    background: url("/images/icon/nav-register.svg") no-repeat 0px 0px;
}

.icon-search {
    background: url("/images/icon/icons-search.svg") no-repeat 0px 0px;
}

.navbar-main .nav-item {
    margin-left: 25px;
}

.navbar-main .nav-item .nav-link {
    font-size: var(--text-medium);
    font-weight: var(--font-light-correct);
    text-align: center;
    color: var(--color-gray-800);
    display: block;
    padding: 10px 1px;
}

.navbar-main .nav-item.active .nav-link {
    color: var(--dark-red);
    font-weight: var(--font-bolder);
}

.dropdown-menu {
    background-color: #fff;
    border-radius: var(--border-radius);
    border: var(--card-border);
    font-size: var(--text-medium);
    font-weight: var(--font-light-correct);
    color: var(--color-gray-800);
    padding: 0;
    /* overflow: hidden; */

}

.dropdown-item {
    padding: 0;
    position: relative;
}

.dropdown-item {
    padding: 10px 15px;
    display: block;
}

.dropdown-divider {
    margin: 0;
}

.navbar-mobile-top {
    width: 100%;
    height: 120px;
    background-color: var(--color-gray-100);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
}

.navbar-child{
    position: absolute;
    right: 100%;
    top: 0;

    background-color: #fff;
    border-radius: var(--border-radius);
    border: var(--card-border);
    font-size: var(--text-medium);
    font-weight: var(--font-light-correct);
    color: var(--color-gray-800);
    padding: 0;
    width: 230px;
}
.navbar-child .nav-item{
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    padding: 10px 15px;
    position: relative;
}

.navbar-child .nav-item .nav-link{
    text-align: start;
}

.navbar-children{
    position: absolute;
    right: 100%;
    top: 0;
    background-color: #fff;
    border-radius: var(--border-radius);
    border: var(--card-border);
    font-size: var(--text-medium);
    font-weight: var(--font-light-correct);
    color: var(--color-gray-800);
    padding: 0;
    list-style: none;
    display: none;
    width: 250px;
}

.dropdown-item:hover .navbar-children{
    display: block;
}

@media only screen and (max-width: 991px) {
    .navbar-collapse {
        position: fixed;
        top: 0;
        left: -100%;
        background-color: #fff;
        height: 100%;
        width: 50%;
        z-index: 10000000;
    }

    body.inactive::after {
        content: ' ';
        position: fixed;
        width: 100%;
        right: 0;
        top: 0;
        bottom: 0;
        background: #000;
        opacity: 0.7;
        z-index: 99;
    }

    .navbar-nav {
        padding: 0;
    }

    .navbar {
        padding: 5px;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
    }

    .navbar-main .nav-item .nav-link {
        text-align: right;
        color: #000;
        padding: 15px 20px;
    }

    .navbar-main .nav-item {
        margin-left: 0 !important;
        border-bottom: 1px solid var(--seperator-color);
    }

    #navbarContent .dropdown-menu {
        border: 0;
        background-color: var(--color-gray-100);
        border-radius: 0;
    }
}


/*----------  navbar ----------*/


/*++++++++++ banner  ++++++++++*/

.banner-items .banner-item:first-child {
    background: #11998e;
    background: -webkit-linear-gradient(to right, #38ef7d, #11998e);
    background: linear-gradient(45deg, #38ef7d, #11998e);
}


.banner-items .banner-item:last-child {
    background: #2193b0; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #6dd5ed, #2193b0); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #6dd5ed, #2193b0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.banner-items .banner-item img {
    width: 70%;
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    margin: auto;
}

.banner-item {
    position: relative;
    height: 168px;
    flex-grow: 1;
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
    /* padding: 10px; */
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow-1);
}


.banner-title {
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    bottom: 10px;
    width: 80%;
    text-align: center;
    padding: 10px;
    border-radius: var(--border-radius);
    font-weight: var(--font-bolder);
    box-shadow: var(--card-shadow-1);
    font-size: var(--text-size);
    left: 0;
    right: 0;
    margin: auto;
    color: #000;
}

.banner img {
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow-3);
}


/*---------- banner  ----------*/


/*++++++++++  card-user ++++++++++*/

.card-user {
    display: flex;
    flex-direction: column;
    border-radius: var(--border-radius);
    border: var(--card-border);
    background-color: #fff;
}

.card-user .content {
    padding: 8px;
    direction: rtl;
}

.card-user .image {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
}

.card-user .logo {
    height: 75px;
    width: 75px;
    border-radius: 50%;
    overflow: hidden;
    border: var(--card-border);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-color: #ccc;
}

.card-user .card_item {
    margin-bottom: 3px;
    justify-content: center;
}

.card-user .title {
    font-size: var(--text-medium);
    height: 30px;
    text-align: center;
    margin: auto;
}

.card-user .card_item .value {
    font-size: var(--text-small);
    margin-bottom: 2px;
}

.card-user .card_item .label {
    margin-bottom: 2px;
    line-height: 15px;
    color: var(--gray-lighter-color);
}


/*----------  card-user ----------*/


/*++++++++++  ++++++++++*/

.counts .count-box {
    padding: 15px 10px 15px;
    border: var(--card-border);
    background-size: cover;
    background-position: center bottom;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

.counts .count-box i {
    font-size: var(--text-xxx-large);
    border: var(--card-border);
    color: var(--dark-red);
    border-radius: 50%;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
}

.counts .count-box label {
    font-size: var(--text-xxx-large);
    font-weight: var(--font-bold);
    margin: 0;
}

.counts .count-box p {
    padding: 0;
    margin: 0;
    font-size: var(--text-medium);
}

@media (max-width: 767px) {
    .counts .count-box {
        flex-direction: column;
        padding: 10px 5px 10px;
    }
}


/*----------  ----------*/


/*++++++++++ latest-post  ++++++++++*/

.latest-posts .item {
    border-radius: var(--border-radius);
}

.latest-posts .content {
    padding: 10px 18px;
    height: 165px;
    position: relative;
    overflow: hidden;
}

.latest-posts .content::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 30px;
    background-image: linear-gradient(0deg, rgb(255, 255, 255), transparent);
    bottom: 0px;
    right: 0px;
}

.latest-posts .item h2 {
    text-align: center;
    font-size: 16px;
    overflow: hidden;
}

.latest-posts .content p {
    height: auto;
    line-height: 21px;
    font-size: var(--text-small);
    text-align: center;
    overflow: hidden;
}

.latest-posts .item .image {
    padding: 8px
}

.latest-posts .item .image > a {
    display: block;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    height: 170px;
    background-size: cover;
}

.latest-posts .item .image img {
    transition: all .3s;
}

.latest-post_image:hover img {
    transform: scale(1.1);
}

.latest-post .lp-meta {
    font-family: IRANSans;
    display: table;
    width: 100%;
    line-height: 25px;
    font-size: 10px;
    background-color: rgb(252, 252, 252);
    margin: 0px;
    border-top: 1px solid rgb(238, 238, 238);
    padding: 5px;
}

@media (max-width: 767px) {
    .latest-posts .item h2 {
        font-size: var(--text-medium);
        margin: 0;
    }

    .latest-posts .item .image > a {
        height: 110px;
    }

    .latest-posts .content {
        height: 140px;
        padding: 10px;
    }

    .latest-posts .content p {
        line-height: 16px;
        font-size: var(--text-x-small);
    }
}


/*----------  latest-post ----------*/


/*++++ Card Image ++++*/

.card-image .item::after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    transition: all 0.3s;
    background-color: rgba(0, 0, 0, .3);
    border-radius: var(--border-radius);
}

.card-image .item-title {
    color: #fff;
    position: absolute;
    bottom: 6px;
    z-index: 10;
    width: 100%;
    padding: 0 10px;
}

.card-image .item-title h4 {
    font-size: var(--text-x-large);
    font-weight: bold;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
}

.card-image .item-title h4 a {
    color: #fff;
    font-size: var(--text-x-large);
    font-weight: bold;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
}

.card-image .owl-item {
    border-radius: var(--border-radius);
    overflow: hidden;
}


/*---- Card Image ----*/


/*++++++++++ front-services ++++++++++*/

#front-services .item {
    width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

#front-services .item img {
    width: 100%;
}

.front-services_footer {
    position: absolute;
    display: flex;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 40px;
    padding: 0 10px;
    font-weight: bold;
    color: #000;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    transition: all .3s;
}

.front-services_footer .title,
.front-services_footer .title-2 {
    font-size: 15px;
    text-align: center;
}

.front-services_footer .title-2 {
    display: none;
    text-shadow: 1px 1px 0 #6d6d6d, 0 1px 0 #777777;
}

.item-1 .front-services_footer {
    background-color: rgba(78, 137, 174, 0.9);
}

.item-2 .front-services_footer {
    background-color: rgba(183, 181, 184, 0.9);
}

.item-3 .front-services_footer {
    background-color: rgba(237, 102, 99, 0.9);
}

.item-4 .front-services_footer {
    background-color: rgba(255, 163, 114, 0.9);
}

.front-services_footer .button {
    display: none;
    height: 38px;
    justify-content: center;
    align-items: center;
    width: 109px;
    flex-shrink: 0;
}

.front-services_footer .button i {
    font-size: 20px;
    margin-right: 2px;
    color: #0DBFD0;
}

#front-services .item:hover .front-services_footer .button {
    display: flex;
}

#front-services .item:hover .front-services_footer {
    height: 100%;
    color: #fff;
}

#front-services .item:hover .front-services_footer .title {
    display: none;
}

#front-services .item:hover .front-services_footer .title-2 {
    display: block;
    font-size: 20px;
    margin-bottom: 20px;
}

@media (max-width: 1400px) {
    .front-services_footer .title {
        font-size: 12px;
    }

    .front-services_footer .title-2 {
        font-size: 17px !important;
    }
}

@media (max-width: 767px) {
    .front-services_footer {
        height: 25px;
    }

    .front-services_footer .title {
        font-size: 11px;
    }
}


/*---------- front-services ----------*/

/* ++++++++++ Profile ++++++++++*/


/*++ profile-honors ++*/

.profile-honors .container-fluid {
    background-color: #8e8a84;
}

.card-honor {
    justify-content: space-between;
    border-radius: var(--border-radius);
}

.card-honor .profile-card_main {
    /*padding: 3px;*/
}

.card-honor .description {
    height: 130px;
    overflow: hidden;
    padding: 10px;
    text-align: center;
}

.card-honor .description p {
    line-height: 20px;
    font-size: 14px;
}

.card-honor .profile-card_icons .icon li {
    margin-bottom: 0;
    margin-right: 5px;
}

.card-honor .image {
    height: 180px;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
}

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

/*-- profile-honors --*/

/*++ profile gallery ++*/


.profile-gallery .item {
    height: 200px;
    overflow: hidden;
    border-radius: var(--border-radius);
    padding: 4px;
    background-color: #fff;
}

.profile-gallery .owl-item img {
    display: block;
    width: auto !important;
    height: 100% !important;
}

.profile-gallery .item a {
    border-radius: var(--border-radius);
}


/*-- profile Gallery --*/

/*---------- Profile ----------*/

/* ++++++++++ LightboxModal ++++++++++ */

#LightboxModal{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1500;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.9);
    align-items: center;
    justify-content: center;
    display: none;
    overflow-y: auto;
}

#LightboxModal .close {
    color: white;
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 35px;
    font-weight: bold;
    z-index: 10;
}

#LightboxModal .close:hover,
#LightboxModal .close:focus {
    color: #999;
    text-decoration: none;
    cursor: pointer;
}
#LightboxModal .modal-content{
    width: 90% !important;
    margin: auto;
    margin-top: 50px;
    width: auto;
    height: auto;
    background-color: transparent;
    display: block;
    margin: auto;
    text-align: center;
}
#LightboxModal .modal-content img{
    max-width: 100%;
    width: auto;
}
/* ---------- LightboxModal ---------- */
.message-card {
}

.message-card-main {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.message-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--seperator-color);
    padding: 10px;
}

.message-card-content {
    padding: 10px;
}

.message-card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid var(--seperator-color);
    padding: 10px;
}


/* ++++++++++ Products ++++++++++ */




.prices.notValid .price{
    background-color: var(--color-gray-200);
}
.prices.notValid .price.price-max , .prices.notValid .price.price-min{
    border: 1px solid var(--color-gray-500);
    color:  var(--color-gray-700);
}
.product-table .prices .price:first-child {
    margin-bottom: 5px;
}

.product-table .table td .img {
    flex-shrink: 0;
    height: 65px;
    border-radius: 8px;
    width: 65px;
    overflow: hidden;
    border: 1px solid #eee;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    display: inline-block;
    margin-left: 5px;
}



@media (max-width: 767px) {


    .product-table .table td .img {
        height: 50px;
        width: 50px;
    }

    .product-table .table td .title{
        font-size: 14px;
    }

    .product-table .price{
        font-size: 13px;
    }
}

/* end of Product table */





#my-product-page .form-group label {
    font-weight: bold;
}





/* ---------- Products ----------*/

/*++++++++++ slide-Swiper ++++++++++*/

.slide-swiper {
    max-width: 100%;
    justify-content: right;
    display: flex;
    flex-wrap: wrap;
}

.slide-swiper .item {
    width: auto;
    max-width: 100%;
    flex-shrink: 0;
    margin-left: 4px;
    flex-grow: 1;
}


@media (max-width: 767px) {
    .slide-swiper {
        max-width: 100%;
        display: flex;
        overflow: auto;
        flex-wrap: nowrap;
        justify-content: right;
    }

    .slide-swiper .item:first-child{
        margin-right: 1rem !important;
    }



}
/*---------- slide-Swiper ----------*/
/* admin bar */

#adminbar{
    direction: ltr;
    color: #c3c4c7;
    font-size: 13px;
    font-weight: 400;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    line-height: 2.46153846;
    height: 32px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    background: #1d2327;
}

#adminbar ul{
    list-style: none;

}
#adminbar ul li{
    font-size: 14px;
    display: inline;
    padding: 5px 10px;
}

#adminbar ul li a{
    color: #fff;
}


/* end admin bar */


/*++++++++++ pwa-header ++++++++++*/

#pwa-header {
    position: fixed;
    display: flex;
    flex-direction: row;
    height: 40px;
    width: 100%;
    z-index: 1000;
    border-bottom: 1px solid var(--seperator-color);
    background-color: #fff;

}

#pwa-header .icon,
#pwa-header .title,
#pwa-header .button {
    display: flex;
    justify-content: center;
    align-items: center;
}

#pwa-header .icon {
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#pwa-header .title {
    width: calc(100% - 60px);
    font-size: 16px;
    font-weight: 700;
}

#pwa-header .button {
    width: 40px;
}

/*---------- pwa-header ----------*/


/* */

#intro {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    color: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100vh;
    text-align: center;
    position: relative;
}

.parallax-section{
    padding-top: 7rem;
    padding-bottom: 7rem;
    /* background-attachment: fixed; */
    background-size: cover;
}

/*.overview-section {*/
/*    padding-top: 7rem;*/
/*    padding-bottom: 7rem;*/
/*}*/

.overview-section img {
    position: relative;
    /* padding-bottom: 32px; */
    /* width: 100%; */
    max-width: 100%;
    /* box-shadow: var(--box-shadow); */
}

#showBrand-page header{
    display: none !important;
}

.content-section{
    padding-top: 7rem;
    padding-bottom: 7rem;
}
.price-section{
    /*padding: 7rem;*/
    background-color: #fff;
}

.price-section .card{

    height: 180px;
    border-radius: var(--border-radius);
    border: unset;
    box-shadow: var(--box-shadow);
    margin-bottom: 10px;
    transition: all 0.3s;
}

.price-section .card:hover{
    transform: scale(1.05);
}
.price-section .icon{
    width: 70px;
}

.price-section-content{
    height: 150px;
}


#brand-nav>ul{
    list-style: none;
    display: flex;
    color: #fff;
    overflow-y: auto;
    margin: 0;
    padding: 0;
}
#brand-nav{
    overflow: hidden;
    background: #053B50;
    transition: all 0.5s;
    padding: 5px;
}


#brand-nav.fixed{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 90;
}
#brand-nav .brand-nav-item{
    position: relative;
    white-space: nowrap;
    margin: 0 12px;
}
#brand-nav .brand-nav-item.active{
    border-bottom: 5px solid #fff;
}


#brand-nav .brand-nav-item a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 3px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    transition: 0.3s;
    position: relative;
}

/*.card-brand{*/
/*    width: 300px;*/
/*    height: 300px;*/
/*    background-color: #ccc;*/
/*}*/


.card-brand .item {
    width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

.card-brand .item img {
    width: 100%;
}
#brands figure{
    background-position: center;
    background-repeat: no-repeat;
}
@media (max-width: 767px) {

    #brand-nav{
        /*display: none;*/
    }

    #intro {
        height: 600px;
    }

    #showBrand-page h2 {
        font-size: 24px
    }

    .overview-section,.price-section{
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}
/* */




#chat-btn {
    display: inline-block;
    position: fixed;
    cursor: pointer;
    width: 60px;
    height: 60px;
    bottom: 70px;
    right: 25px;
    z-index: 500;
    border-radius: 50%;
}

#chat-btn i{
    position: relative;
}


#chat-btn.chat-btn-web{
    background-image: linear-gradient(to right, #25aae1, #4481eb);
    /* box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); */
    color: #fff;
    border: 3px solid #80bdfb;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#chat-btn.chat-btn-web i{
    font-size: 30px;
}

#chat-btn.chat-btn-web .title{
    display: none;
}


/********* Brands ***************/

.brand-section{
    padding-top: 7rem;
    padding-bottom: 7rem;
    background-size: cover;
}
.section-text-image .section-image{
    max-width: 100%;
}

.section-full-image{
    padding: 0;
}


.card-items .card{
    border-radius: 15px;
    overflow: hidden;
}

.card-items .card img{
    height: 190px;
}


.gallery-items{
    display: flex;
    flex-wrap: wrap;
}

.gallery-item{
    width: calc(100% / 3);
    flex-grow: 1;
    padding: 5px;

}

.gallery-item .img{
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}



:root {
    --text-icon-color: #f2f2f2;
    --text-muted: #666;
    --text-gray: #4b4b4b;
    --seperator-color: #e6e6e6;
    --color-lightGray: #f9f9f9;
    --color-gray: #ececec;
    --bg-linear-1: linear-gradient(to right, #ffffff, #abbaab);
    --bg-linear-2: linear-gradient(to top, #ffe5ea, #ffffff);
    --color-gray-100: #f0f0f1;
    --color-gray-200: #e0e0e2;
    --color-gray-300: #c0c2c5;
    --color-gray-400: #a1a3a8;
    --color-gray-500: #81858b;
    --color-gray-600: #62666d;
    --color-gray-700: #424750;
    --color-gray-800: #232933;
    --color-gray-900: #0c0c0c;
    --color-black: #000000;
    --color-gray: #ececec;
    --color-lightGray: #f9f9f9;
    --color-silver: #C0C0C0;
    --color-chocolate: #D2691E;
    --color-blue: #0000FF;
    --color-steelBlue: #4682B4;
    --color-deepSkyBlue: #00BFFF;
    --color-turquoise: #40E0D0;
    --color-lightSeaGreen: #20B2AA;
    --color-green: #008000;
    --color-limeGreen: #32CD32;
    --color-gold: #FFD700;
    --color-orange: #FFA500;
    --color-tomato: #FF6347;
    --color-crimson: #DC143C;
    --color-salmon: #FA8072;
    --color-mistyRose: #FFE4E1;
    --color-platinum: #E5E4E2;
    --active-menu-color: #3b82f610;
    --heart-red: #ff4232;
    --light-red: #ffb9b9;
    --dark-red: #D20824;
    --card-shadow-1: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    --card-shadow-2: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    --card-shadow-3: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
    --ribbon-shadow: 0 2px 15px 0 rgba(39, 43, 51, 0.1);
    --text-x-small: 10px;
    --text-small: 12px;
    --text-medium: 14px;
    --text-size: 16px;
    --text-large: 17px;
    --text-m-large: 18px;
    --text-mx-large: 19px;
    --text-x-large: 20px;
    --text-xx-large: 22px;
    --text-xxx-large: 24px;
    --text-xxxx-large: 26px;
    --nav-size: 40px;
    --shell-margin-bottom: 68px;
    --font-ultraLight: 200;
    --font-light: 300;
    --font-lighter: 300;
    --font-light-correct: 400;
    --font-regular: 500;
    --font-medium: 500;
    --font-bold: 600;
    --font-bolder: 700;
    --font-extra-bolder: 800;
    --border-radius: 12px;
    --card-border: 1px solid #e8e8e8;
}

/* START Common */

body.is_admin{
    margin-top: 32px;
}
body.is_admin .navbar{
    margin-top: 32px;
}

::-webkit-scrollbar {
    /*display: none;*/
}
/*input[type="radio"] {*/
/*    -webkit-appearance: none;*/
/*    padding: 10px;*/
/*    border-radius: 50%;*/
/*    border: 1px solid var(--color-gray-200);*/
/*    display: inline-block;*/
/*    outline: unset;*/
/*}*/



.form-check {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.form-check label {
    margin: 0 5px 0 0;
}

@media only screen and (max-width: 991px) {
    body{
        margin-top: 60px !important;
    }

    body.is_admin{
        margin-top: 90px !important;
    }

}

/* END Common */

/* START Breadcrumb */

.breadcrumb {
    border-bottom: 1px solid #eaeaea;
}

.breadcrumb::-webkit-scrollbar {
    display: none;
}

@media (max-width: 767px) {
    .breadcrumb {
        max-width: 100%;
        display: flex;
        overflow: auto;
        flex-wrap: nowrap;
    }

    .breadcrumb-item{
        font-size: 12px;
        flex-shrink: 0;
        /*flex-grow: 1;*/
    }
}
/* END Breadcrumb */
/* START Buttons */

.btn {
    box-shadow: none !important;
}

.btn-xs {
    font-size: 0.7rem;
    line-height: 1;
}

.btn-rounded {
    border-radius: 20px;
}


.btn-red {
    color: #fff;
    background-color:  var(--dark-red);
    /*border-color: #3596ff;*/
}

.btn-red:hover{
    color: #fff;
    font-weight: bold;
}



.btn-light-primary {
    color: #000a43;
    background-color: #77b9ff;
    border-color: #3596ff;
}

.btn-light-success {
    color: #0b5124;
    background-color: #bbdfb4;
    border: 1px solid #99bb92;
}

.btn-info-light {
    color: #000;
    background-color: #ade7f1;
    border-color: #93c3cb;
}

.btn-warning-light {
    background-color: #ffe494;
    border-color: #e5ba39;
}


.btn-gray-light {
    background-color: #f2f2f2;
    border: 1px solid #c5c5c5;
}
.badge{
    font-weight: normal;
}

.badge-rounded {
    border-radius: 20px;
}

.badge-light{
    background-color: #efefef;
    border: 1px solid #dbdbdb;
}

.badge-danger-light{
    background-color: #ebced1;
    border: 1px solid #e99fa6;
}

.badge-md{
    font-size: 13px;
    padding: 6px;
}

.badge-outline-dark{
    color: #343a40;
    border: 1px solid var(--color-gray-300);
}

.badge-outline-danger{
    /*background-color: #ebced1;*/
    color: var( --dark-red);
    border: 1px solid #e99fa6;
}

@media (max-width: 767px) {
    .float-btn {
        position: fixed;
        bottom: 65px;
        left: 10px;
        z-index: 2;
        border-radius: 50% !important;
        width: 50px;
        height: 50px;
        background-color: unset;
        border: 0;
        box-shadow: unset;
    }

    .float-btn span {
        display: none;
    }

    .float-btn i {
        font-size: 47px;
        position: absolute;
        left: 0;
        top: 7px;
        color: #0b5124;
    }
}



.btn-danger-light {
    color: #cb0000;
    background-color: #ab070714;
    border: 1px solid #c10303d1;
}


/* END Buttons */




.btn {
    border-radius: 8px;
}

.btn-sm, .btn-group-sm > .btn {
    line-height: 15px;
}

.table .thead-dark th .form-control {
    border: 0;
}


/* END Category Card */


#product-form .table .th-top {
    height: 25px;
}

#product-form .table .th-bottom {
    height: 30px;
}

#product-form .alert {
    margin: 0;
    border-radius: 0;
}

/* END Product From */

/* START Box Icons */

.box-icons{

}
.box-icons ul{
    list-style: none;
    display: flex ;
    flex-wrap: wrap;
    flex-direction: row ;
    margin: 0;
    padding: 0;
}

.box-icons .item{
    width: calc(100% / 3);
    padding: 5px;
}
.box-icons .item a{
    height: 90px;
    padding: 8px;
    width: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--color-gray-200);
    border-radius: var(--border-radius);
    justify-content: center;
    align-items: center;
}

.box-icons .item a.active .title{
    color: var(--dark-red);
    font-weight: bold;
}
.box-icons .item img{
    width: 50px;
    margin-bottom: 5px;
    left: 0;
    right: 0;
}

.box-icons .item .title{
    font-size: 12px;
    color: #000;
    text-align: center;
    line-height: 12px;
}




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


    .box-icons  .item{
        width: auto;
        flex-shrink: 0;
    }

    .box-icons  .item a{
        height: 40px;
        border: 1px solid var(--color-gray-200);
        /*border-radius: 15px;*/
        padding: 0 10px;
        align-items: center;
        display: flex;
        flex-direction: row;
    }
    .box-icons  ul {
        max-width: 100%;
        display: flex;
        overflow: auto;
        flex-wrap: nowrap;
        justify-content: right;
    }

    .box-icons  .item img{
        width: 30px;
        margin-bottom: 0;
    }

    .box-icons .item .title{
        margin-right: 5px;
    }

    .box-icons  .item a.active{
        border: 1px solid var(--dark-red);
    }
}


/* END Box Icons */


/* START Products */


/* END Products */

/* START Seller Page */
.product-table .table thead th {
    border: 0;
    font-size: 13px;
    font-weight: 500;
    padding: 10px;
}

.product-table .table thead th:last-child{
    min-width: 150px;
}
.product-table td {
    font-size: 13px;
}

.product-table tr{
    position: relative;
}

.product-table .table td .title {
    color: #000;
    font-size: 16px;
}

.product-more{
    position: absolute;
    bottom: 0;
    left: 0;
}
.product-card{
    background-color: #fff;
    border: 1px solid var(--seperator-color);
    padding: 15px 0;
    display: flex;
    border-radius: var(--border-radius);
}

.product-card .img{
    flex-shrink: 0;
    height: 70px;
    border-radius: 8px;
    width: 70px;
    overflow: hidden;
    border: 1px solid #eee;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    display: inline-block;
}

.product-card  .prices {
    display: flex;
    justify-content : end;
}

.product-card .price {
    /*border-radius: 5px;*/
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 18px;
    min-width: 70px;
    height: 20px;
    justify-content: end;
}

.product-card  .price.price-min {
    color: #288053;

}

.product-card  .price.price-max {
    color: #921b26;
}

.product-prices {
    flex-direction: row;
    display: flex;
    justify-content: center;
}


.product-prices .price {
    font-weight: 700;
    font-size: 14px;
    border-radius: 20px;
    padding: 0 5px;
    min-width: 50px;
    color: #28a745;
    display: flex;
    align-items: center;
}

.product-prices .price.price-min {
    color: #288053;
}

.product-prices .price.price-max {
    color: #921b26;
}






.product-section {
    background-color: #fff;
}

.product-section .logo {
    width: auto;
    height: 110px;
    margin: auto;
    text-align: center;
}

.product-section .logo img {
    height: 100%;
}

.product-section .price {
    text-align: center;
    font-size: 20px;
}

.product-section .title {
    font-size: 22px;
    text-align: center;
    padding: 10px;
    margin: 0;
}

.seller-element {
    background-color: #fff;
    padding: 15px 0;
    display: flex;
    flex-direction: row;

}

.seller-element .purchase-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.seller-info{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-left: 1px solid var(--seperator-color);
    padding: 0 10px;
    width: 120px;
    flex-shrink: 0;

}

.seller-content{
    padding: 0 10px;
    flex-grow: 1;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

.seller-logo {
    height: 65px;
    border-radius: 50%;
    width: 65px;
    border: 1px solid #ddd;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    flex-shrink: 0;
    flex-grow: 0;
}

.seller-name .name {
    font-size: 14px;
    margin: 0;
    margin-bottom: 3px;
    text-align:center;
    color: #000;
}

.seller-name .additional_name {
    font-size: 14px;
    color: var(--text-muted);
    text-align:center;
}

.purchase-price {
    font-size: 20px;
    color: #d73948;
    font-weight: 700;
    line-height: 15px;
}

.purchase-price-date {
    color: #28a745;
    font-size: 11px;
}

.purchase-price.notValid{
    color: var(--color-gray-400);
}



@media (max-width: 767px) {
    .product-section{
        margin-top: 10px;
    }
}

/* END Seller Page */


/* START Filters */


.filters{
    background-color: #fff;
    border-radius: var(--border-radius);
    border: var(--card-border);
}

.filter{
    padding: 25px 20px;
    border-top: 1px solid #d5d5d5;
}

.filter:first-child{
    border-top: unset;
}
.filter-title{

}

.filter-title{
    margin-bottom: 15px;
    font-size: 16px;
}
.filter-items  {
    display: flex;
    flex-wrap: wrap;

}
.filters-fix .filter-items::-webkit-scrollbar {
    display: none;
}
.filter-radio .filter-items , .filter-checkbox .filter-items{
    flex-wrap: nowrap;
    flex-direction: column;
    max-height: 175px;
    overflow-y: scroll;
}

.filter-items .filter-item {
    padding: 10px 20px;
    margin-bottom: 5px;
    flex-shrink: 0;
    border: 1px solid var(--color-gray-200);
    flex-grow: 1;
}

.filter-items .filter-ite.filter_fixm:last-child, .filter_float .filter-row:last-child {
    margin-left: 1rem !important;
}


.filter-item.active {
    background-color: var(--light-red);
    border: 1px solid var(--heart-red);
    font-weight: bold;
}

.filters-footer{
    padding: 10px;
}

.filter-header{
    display: none;
}
@media only screen and (max-width: 991px) {


    #filters-float.filters{
        border-radius: unset;
        border: unset;
        padding: 20px;
        background-color: var(--color-gray-100);
    }

    #filters-float .filter{
        border: 1px solid var(--color-gray-200) !important;
        border-radius: var(--border-radius);
        margin-bottom: 15px;
        background-color: #fff;
    }


    .filters-fix .filter {
        padding: 5px 0;
        border-top: transparent;
    }

    .filters-fix{
        border-radius: unset;
        border: unset;
        padding: 10px 0;
        margin-right: -10px;
        margin-left: -10px;
    }

    .filters-fix .filter .filter-title{
        display: none;
    }

    .filters-fix .filter-items .filter-item {
        padding: 5px 10px;
        font-size: 12px;
    }

    .filters-fix .filter-items {
        max-width: 100%;
        display: flex;
        overflow: auto;
        flex-wrap: nowrap;
        justify-content: right;
        padding: 0 10px;
    }


    #filters-float {
        padding: 0 !important;
        position: fixed;
        z-index: 999;
        top: 0;
        height: 100%;
        background-color: whitesmoke;
        right: -100%;
        width: 100%;
        overflow-y: auto;
        direction: rtl;
    }

    .sidebar-filter_header {
        padding: 10px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #filters-float > form {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 0;
        border: 0;
        height: 100%;
    }


    #filters-float .filter-header {
        background-color: #fff;
        display: flex;
        z-index: 1500;
        padding: 10px 20px;
        border-bottom: 1px solid var(--seperator-color);
        height: 65px;
        justify-content: space-between;
        align-items: center;
    }

    #filters-float .filter-content {
        padding: 20px;
        overflow-y: auto;
        height: calc(100vh - 130px);
        flex-grow: 1;
    }

    #filters-float .filters-footer {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        background-color: #fff;
        padding: 10px 20px;
        border-top: var(--seperator-color);
        height: 65px;
    }

}

/* END Filters */


/* START Widget */

.widget {
    margin-bottom: 10px;
}

.widget-title {
    padding: 10px 10px;
    color: #36424d;
    font-size: 14px;
    -webkit-box-flex: 1;
    flex-grow: 1;
    margin: 0;
}

.widget-body {
    border-top: 1px solid #eee;
    padding: 10px 15px;
}

.widget-filter .widget-body {
    max-height: 150px;
    overflow-y: auto;
}

.widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.widget-last_item a {
    display: flex;
    color: #000;
}

.widget-last_img {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    border-radius: 10px;
    overflow: hidden;
    border: var(--card-border);
}

.widget-last_item {
    border-bottom: 1px solid #eee;
    padding: 7px 0;
    position: relative;
}

.widget-last_item:last-child {
    border-bottom: 0;
}

.widget-last_img img {
    width: 100%;
    height: 100%;
}

.widget-last_title {
    padding: 0 10px;
    display: flex;
    align-items: center;
    flex-grow: 1;
}

.widget-last_title h3 {
    font-size: var(--text-small);
    font-weight: var(--font-light-correct);
    line-height: 18px;
    color: var(--color-gray-900);
}

.widget-last_item .item-number {
    background-color: var(--color-gray-300);
    color: var(--color-gray-800);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    flex-shrink: 0;
    text-align: center;
    font-weight: var(--font-bolder);
    font-size: 18px;
}

.widget-last_data {
    position: absolute;
    bottom: 6px;
    left: 0;
    font-size: 10px;
    color: #777;
}

@media only screen and (max-width: 991px) {
    .widget-float-mobile {
        margin-right: -10px;
        margin-left: -10px;
        padding: 0;
        border: 0;
        border-radius: 0;
    }

    .widget {
        margin-bottom: 0;
        /*border-bottom: 1px solid var(--seperator-color);*/
        border: unset !important;
        border-radius: 0 !important;
        margin-bottom: 5px;
    }

}

/* END Widget */

.card-description p{
    margin-bottom: 5px;
}


.card-description p{
    line-height: 24px;
}

.card-description img{
    border-radius: var(--border-radius);
    overflow: hidden;
}
.card-description ol , .card-description ul{
    padding-right: 30px;
}
/* START Card */



/* END Card */

#user-guide-single-page img{
    max-width: 100% !important;
}

@media only screen and (max-width: 991px) {
    #user-guide-single-page img{
        height: auto !important;
    }
}