﻿.lbl-product-off{
    background: #e11d48;
    color: #fff;
    border-radius: 11px;
    padding: 2px 4px;
    width: 57px;
    text-align: center;
    position: absolute;
    right: 10px;
    z-index: 9;
    top: 10px;
    font-size: 13px;
}
.lbl_off{
        color: #bb0000;
    font-weight: normal;
    text-decoration: line-through;
    margin-left: 10px;
    font-size: 13px;
}
.sd-bg-special
{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    align-content: center;
    color: #000;
}
.sd-bg-special .lnr{
    margin-right: 4px;
}
.phone_b {
    position: fixed;
    left: 13px;
    z-index: 999;
    bottom: 14px;
    color: #000;
}
.ms_title{
     background-color: #fff;
    box-shadow: 0 12px 12px 0 hsl(0deg 0% 71% / 11%);
    border-radius: 18px;
    margin: 5px auto;
    width: 100%;
    padding: 15px 10px;
    font-size: 23px;
    font-weight: bold;
}
.innerMain {
    margin: 10px auto;
  
    background-color: #fff;
    box-shadow: 0 12px 12px 0 hsl(0deg 0% 71% / 11%);
    border: 3px solid #f3f3f3;
    border-radius: 18px;
    margin-top: 30px;
}.ms_bw {
    padding: 0px 25px 25px;
}

 .ms_box_title {
    background: url(/websiteView/images/bg-1-1.jpg);
    background-size: 100% 100%;
    height: 200px;
    position: relative;
    width: 100%;
}
.ms-bxtitle {
    position: absolute;
    bottom: 0;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    color: #1c262f;
    max-width: 1240px;
    width: 100%;
    background: #f5f5f5;
    border-radius: 18px 18px 0px 0px;
    padding: 15px 40px;
}
.H1title {
    font-size: 18px;
    font-weight: bold;
    padding: 15px;
    direction: rtl;
}
.ms-icon_title {
    width: 41px;
    margin-left: 10px;
    margin-top: -10px;
}




#products{
    position: relative;
    float: left;
    width: 100%;
    background: #fff;
    display: flex;
    -ms-flex-pack: justify;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    align-content: space-around;
    align-items: stretch;
    justify-content: flex-start;
}
.InternalPageHeader img{
    object-fit: fill;
    width: 100%;
}
.breadcrumb-tp {
        background-color: #fff;
    box-shadow: 0 1px 12px 0 hsl(0deg 0% 71% / 20%);
    border-radius: 18px;
    margin: 5px auto;
}
.breadcrumb-tp li a {
    padding: 10px 0;
    font-weight: 300;
    font-size: 11px;
    line-height: 180%;
    text-align: right;
    text-transform: capitalize;
    color: #4B4B4D;
    display: inline-block;
    position: relative;
}

.breadcrumb-tp li:last-child a {
    color: #e71235;
}
#main {
    position: relative;
    float: left;
    width: 77%;
}
.dropdown-list {
    float: right;
    width: 100%;
    border-top: none;
    box-sizing: border-box;
    padding: 8px 12px 0 12px;
    border: 1px solid #ffffff;
    margin: 10px auto;
    border-radius: 0;
    padding-bottom: 0;
}
.detail-mtn-seo {
    background-color: #fff;
    border-radius: 30px;
    padding: 30px 26px 40px 26px;
    margin: 0 0px 12px 0px;
    font-size: 17px !important;
    line-height: 41px !important;
    direction: rtl !important;
    text-align: justify !important;
}
.detail-mtn-seo h2{
    font-size: 28px;
    font-weight: 700;
    color: #18395e;
    margin-bottom: 20px;
}
.detail-mtn-seo h3{
    font-size: 24px;
    font-weight: 700;
    color: #18395e;
    margin-bottom: 20px;
}
.detail-mtn-seo table{
        width: 100% !important;
}
.detail-mtn-seo table td{
         padding: 3px;font-size: 12px;
    text-align: right;
    line-height: 26px;
    border: 2px solid #18395e;

}
.detail-mtn-seo table th{
           background: #18395e;
    text-align: center;  padding: 3px;
    font-weight: bold;    border: 1px solid #18395e;
}
.detail-mtn-seo table tr:nth-child(2n+1) td{
     background: #d9d9d9;
}
/*******************image Ratio Start*****************/
.Aspect_Ratio_16_9
 { 
  background-color: #fff;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
 }
.Aspect_Ratio_1_1
 { 
     background-color: #fff;
  position: relative;
  width: 100%;
  padding-top: 100%;
 }
.Aspect_Ratio_4_3
 { 
     background-color: #fff;
  position: relative;
  width: 100%;
  padding-top: 75%;
 }
 .Aspect_Ratio_3_2
 { 
     background-color: #fff;
  position: relative;
  width: 100%;
  padding-top: 66.66%;
 }
  .Aspect_Ratio_8_2
 { 
     background-color: #fff;
  position: relative;
  width: 100%;
  padding-top: 81%;
 }

 .Aspect_Ratio_16_9 img,.Aspect_Ratio_1_1 img, .Aspect_Ratio_4_3 img,.Aspect_Ratio_3_2 img,.Aspect_Ratio_8_2 img {
margin: 0px auto;
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute !important;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.no_background{
    background-color:none !important;
}
 .object-fit-cover{
     object-fit:cover !important;
 }
 .border-radius11{
     border-radius: 11px !important;
 }
/*******************image Ratio End*****************/
/*******************content_table Start*************/
#ms-content_table > div {
     width: 100%;
    margin-bottom: 25px;
    border-right: 3px solid #f44632;
    padding: 14px 35px;
    background-color: #fff0ee;
    direction: rtl;
    position: relative;
    line-height: 34px;
    margin-top: 11px;
}
#ms-content_table > div:before {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px dashed #ccc;
    position: absolute;
    z-index: -1;
    content: "";
    top: -19px;
    border-radius: 30px;
    border-top-left-radius: 55px;
    left: 18px;
}
#ms-content_table ol, #ms-content_table ul {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0px;
}#ms-content_table li {
    font-size: 16px;
    list-style: none;
    color: #000;
    text-align: justify;
    font-weight: bold;
}#ms-content_table li a{
       color: #000;
 }
/*******************content_table End***************/
/*******************Editor Style Start**************/
.justify-content-center {
            justify-content: center;
        }
        .justify-content-flex-start {
            justify-content: flex-start;flex-direction: row-reverse;
        }
        .justify-content-flex-end {
            justify-content: flex-end;flex-direction: row;
        }
        .ms_flex {
            display: flex;
            
            flex-wrap: nowrap;align-items: stretch;
        }
 .columnthreeDiv {    width: 32%;       float: right;
    margin: 1% 0.5%;
    padding: 40px 20px 35px;
    direction: rtl;
    line-height: 30px;}
 .columntwoDiv {    width: 49%;
   
    float: right;
    margin: 1% 0.5%;
    padding: 40px 20px 35px;
    direction: rtl;
    line-height: 30px;}
 .columnoneDiv {     width: 99%;
   
    float: right;
    margin: 1% 0.5%;
    padding: 40px 20px 35px;
    direction: rtl;
    line-height: 30px;}
 .ms_shadow {
            box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.13);
        }
 .text-center{
     text-align:center;
 }
@media only screen and (max-width: 790px) {
    .columnthreeDiv, .columntwoDiv, .columnoneDiv{
        width:99%;
    }
    .ms_flex {
   
    flex-direction: column;
   
}
}
 @media only screen and (max-width: 790px) {
    .columnthreeDiv, .columntwoDiv, .columnoneDiv{
        width:99%;
    }
    .ms_flex {
   
    flex-direction: column;
   
}
}
/**************Editor Style End******************/
/**************iframe Start**********************/
  .sub-video {
    width: 100%;
    margin-top: 1rem;
    margin: 1rem auto;
    min-height: 20rem !important;
}
 .h_iframe-aparat_embed_frame {
    position: relative;
    display: block;
    padding-top: 57%;
}.h_iframe-aparat_embed_frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}.sub-video div iframe {
    width: 100%;
    margin-bottom: 1rem;
}  
 .ms_audio {
    width: 100%;
    height: 60px;
    border: 1px solid #e4e4e4;
    border-radius: 32px;
    position: relative;
}
audio {
    width: 94%;
    height: 57px;
    float: left;
} audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {
                background-color: #fff;
                border: 1px solid #8a2ce0;
                border-radius: 11px;
            }

            audio::-webkit-media-controls-play-button, audio::-webkit-media-controls-mute-button, video:-webkit-media-controls-play-button, video::-webkit-media-controls-mute-button {
                background-color: #8a2ce0;
                color: #8a2ce0;
                border-radius: 50%;
            }
/**************iframe End**********************/
.line1{
        display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: unset;
    padding-bottom: 0px !important;
 
}
.line2{
        display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: unset;
    padding-bottom: 0px !important;

}
.line3{
        display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: unset;
    padding-bottom: 0px !important;

}
.line4{
        display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: unset;
    padding-bottom: 0px !important;

}
.line5{
        display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: unset;
    padding-bottom: 0px !important;
  
}
.p-t25{
    padding-top:25px;
}
.p-t15{
    padding-top:15px;
}
.m-b15{
    margin-bottom:15px;
}
.m-b10{
    margin-bottom:10px;
}
.m-b5{
    margin-bottom:5px;
}
.m-t15{
    margin-top:15px;
}
.m-t25{
    margin-top:25px;
}
@media screen and (max-width: 990px) {
    #main {
        width: 100%;
    }
        #side {
        width: 100%;
    }
        .p-tmobile0{
            padding-top:0px;
        }
}