﻿*{box-sizing: border-box;padding:0px;margin:0px;}
body{padding:0px;margin:0px;font-family:Yekan;}
:root{
--topcolor:#3D9AEB;
--darktext:#11589B;
--btnfinder:#032B44;
--btnBRDfinder:#72C8F1;
--btn_amir:rgb(5, 158, 120);
--base:rgb(2, 107, 168);


--head1:rgba(50,130,255,0.2);
--head:rgba(7,60,82,0.6);
--navbar:rgb(2, 107, 168);
--withe:#fff;
--newnav:rgb(242,242,242);
--shadow1:#212788;
--amirMatn:#eee;
--amirMatn2:#333;
--olivergba:rgba(176,203,31,0.2);
--olive:#b0cb1f;
--yellow:rgb(177, 196, 6);
--darkgreen:#096430;
--darkgreen:#096430;
--newgreen1:rgb(106,209,213);
--newgreen:rgb(56,159,163);
--newgreenlight:rgb(112,175,190);
--newblue:rgb(92,154,191);
--newbludark:rgb(152,165,174);
--newolive:rgb(135,159,80);


}

.trans0_25{transition:0.25s;-webkit-transition:0.25s;-moz-transition:0.25s;-ms-transition:0.25s;-o-transition:0.25s;}
.trans0_5{transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.trans1{transition:1s;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;}
/*-------------------------------------------------------------------------------------------------------------------------*/

.scrollHide {
    scrollbar-visibility: hidden; /* <--- I wish we had this one !! */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
}

.scrollHide::-webkit-scrollbar { 
    display: none; /* Chrome Safari */
}

.scrollHide::-webkit-scrollbar { 
    width: 0;
    height: 0;
}

.Hslid-Em1990{/*background-color:#a4d8c3;*/padding:0px 0px;}
.Hslid-Em1990-SlideBox{text-align: left;display:block;position:relative;float:left;direction:ltr;width:100%;overflow:auto;}
.Hslid-Em1990 .Buttons{text-align:center;width:120px;display:block;position:relative;right:0%;bottom:440px;}
.Hslid-Em1990 .Buttons button{text-align:center;border:0px;color:#fff;font-size:20px;height:50px;width:50px;cursor:pointer;position:relative;color:#212121;background:var(--orange-v3);border-radius: 50%;;}
.Hslid-Em1990 .Buttons button *{cursor: pointer;}
.Hslid-Em1990 .Buttons button.next{float: right;}
.Hslid-Em1990 .Buttons button.prev{float: left;}
.Hslid-Em1990 .Buttons button.next:hover{padding-left:10px;}
.Hslid-Em1990 .Buttons button.prev:hover{padding-right:10px;}

.Hslid-Em1990-SlideBox table{
    width: 100%;
    height:330px;
    direction:ltr;
    float:left;
    
}

.HslT1 .Hslid-Em1990-SlideBox table{
    width: 100%;
    height:280px;
    direction:ltr;
    float:left;
    
}

.HslT1 .Hslid-Em1990-SlideBox td{
     /* border: 1px solid #ccc; */
     position:relative;
     min-width:180px;max-width:180px;
     width:180px;
     height:100%;
     /* background:red; */
     padding:10px 20px;
     overflow:hidden;
}


.HslT2 .Hslid-Em1990-SlideBox table{
    width: 100%;
    height:280px;
    direction:ltr;
    float:left;
    
}

.HslT2 .Hslid-Em1990-SlideBox td{
     /* border: 1px solid #ccc; */
     position:relative;
     min-width:230px;max-width:230px;
     width:230px;
     height:100%;
     /* background:red; */
     padding:10px 20px;
     overflow:hidden;
}


.HslT3 .Hslid-Em1990-SlideBox table{
    width: 100%;
    height:380px;
    direction:ltr;
    float:left;
    
}

.HslT4 .Hslid-Em1990-SlideBox table{
    width: 100%;
    height:200px;
    direction:ltr;
    float:left;
    
}

.HslT3 .Hslid-Em1990-SlideBox td{
     /* border: 1px solid #ccc; */
     position:relative;
     min-width:400px;max-width:400px;
     width:400px;
     height:100%;
     /* background:red; */
     padding:10px;
     overflow:hidden;
}

.HslT4 .Hslid-Em1990-SlideBox td{
    position:relative;
    min-width:280px;max-width:280px;
    width:280px;
    height:100%;
    padding:10px;
    overflow:hidden;
    background:transparent;
}


.Hslid-Em1990-SlideBox td{
    /* border: 1px solid #ccc; */
    position:relative;
    min-width:220px;max-width:220px;
    width:220px;
    height:100%;
    /* background:red; */
    padding:10px 20px;
    overflow:hidden;
}
.Hslid-Em1990-SlideBox td .Element-det{
    position:relative;
    display:inline-block;
    
    width:100%;
    height:100%;
    background-color:#333;
    overflow:hidden;border-radius:10px;
    box-shadow:0px 0px 5px -1px #555;
}


.HslT3 .Hslid-Em1990-SlideBox td .Element-det{
    position:relative;
    display:inline-block;
    padding-top:15px;
    padding:15px 20px 15px 20px;
    width:100%;
    height:100%;
    background-color:#fff;
    overflow:hidden;border-radius:7px;
    box-shadow:0px 0px 7px #ddd;
}

.HslT4 .Hslid-Em1990-SlideBox td .Element-det{
    position:relative;
    display:inline-block;
    width:100%;
    height:100%;
    overflow:hidden;
    background: transparent;
    box-shadow: 0px 0px 0px transparent;
}

.HslT4 .Hslid-Em1990-SlideBox td .Element-det .dbr a{
    overflow: auto;
    display:block;border-radius:5px;background:white;box-shadow: 0px 0px 5px #f3f3f3;
    text-align: right;margin-top: 10px;
}

.HslT4 .Hslid-Em1990-SlideBox td .Element-det .dbr a span{margin-left:10px;width:105px;height:75px;position: relative;float: right;display: inline-block;background-position:center;background-size: contain;background-repeat: no-repeat;background-color:#eee;}

.HslT4 .Hslid-Em1990-SlideBox td .Element-det .dbr a small,.HslT4 .Hslid-Em1990-SlideBox td .Element-det .dbr a h2{text-align:right;direction:rtl;display: block;overflow: hidden;text-overflow: ellipsis;}

.HslT4 .Hslid-Em1990-SlideBox td .Element-det .dbr a *{cursor: pointer;}
.HslT4 .Hslid-Em1990-SlideBox td .Element-det .dbr a:hover{box-shadow: 0px 0px 5px #ddd !important;}


.HslT3 .Hslid-Em1990-SlideBox td .Element-det .poster-box{
    position: relative;
    margin-top: 80px;;
}

.HslT3 .Hslid-Em1990-SlideBox td .Element-det .poster{
    position:relative;
    display:inline-block;
    float: left;
    width:70px;height:70px;border-radius: 50%; 
    margin:auto; 
    box-shadow: 0px 0px 5px #ddd;
}
.HslT3 .Hslid-Em1990-SlideBox td .Element-det .info{
    position:relative;
    display:inline-block;
    margin:auto; 
    padding-left:15px;
}
.HslT3 .Hslid-Em1990-SlideBox td .Element-det .name{
    position:relative;
    display:block;
    line-height: 40px;
}
.HslT3 .Hslid-Em1990-SlideBox td .Element-det .date{
    position:relative;
    display:block;
    font-family:  VazirmatnDigit;
}
.Hslid-Em1990-SlideBox td .Element-det .poster{
    
    position:absolute;
    width:100%;
    height:100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    

}

.Hslid-Em1990-SlideBox td .Element-det .detail{
    
    overflow:hidden;
    height:100%;
    width:100%;
    position:absolute;
    text-align:right;
    direction:rtl;
    padding:0px;
    top:0px;
    right:0px;
    color:#eee;
    font-size:14px;
    background:linear-gradient(to bottom,transparent,#000000ad);
}

.HslT3 .Hslid-Em1990-SlideBox td .Element-det .detail{
    
    overflow:hidden !important;
    height:100%;
    width:100%;
    position:relative !important;
    text-align:center;
    direction:rtl;
    padding:0px;
    
    color:#333;
    font-size:14px;
    background:transparent !important;
}

.Hslid-Em1990-SlideBox td .Element-det .detail .header{font-size:15px;padding:0px 10px;margin:10px;border-radius:4px;background:#184a7f;display:inline-block;}
.Hslid-Em1990-SlideBox td .Element-det .detail .titr-title{
    bottom:0px;text-align:justify;position: absolute;width:100%;text-align: center;
    padding:10px;line-height: 25px;text-shadow: 0px 0px 1px #000;
}
.Hslid-Em1990-SlideBox td .Element-det .detail *{cursor: pointer;}
.Hslid-Em1990-SlideBox td .Element-det .detail a:hover{color:#c9004d;}

.HslT2 .Hslid-Em1990-SlideBox td .Element-det .detail .titr-title{
    bottom:0px;text-align:justify;position: absolute;width:100%;text-align: left;
    padding:10px;line-height: 25px;text-shadow: 0px 0px 1px #000;
}



.HslT3 .Hslid-Em1990-SlideBox td .Element-det  .titr-title{
    bottom:0px;text-align:center;position: relative;width:100%;
    padding:0px;line-height: 25px;text-shadow: none; font-family:Inter-Medium;
}

.HslT3 .Hslid-Em1990-SlideBox td .Element-det  .titr-title p{
    max-height:120px;font-size:14px;
    line-height:29px;-webkit-line-clamp: 3;
    font-family: Vazirmatn-Regular;
    text-align: justify;
}



.Hstar-rate{direction:ltr;color:#ffad01;}
.titr-elips{display:block;text-overflow: ellipsis;overflow: hidden;direction:ltr;}
.Hslid-Em1990 .Buttons_2{text-align:center;width:80px;display:block;position:relative;right:50%;transform: translateX(50%);bottom:-10px;}


/* xss 320*/
@media only screen and (max-width : 320px) {

}
/* xs */
@media only screen and (min-width : 321px) and (max-width : 481px) {

}
/* sm */
@media only screen and (min-width : 481px) and (max-wisdth : 623px) {

}
/* xsm */
@media only screen and (min-width : 624px) and (max-width : 767px) {

}
/* md */
@media only screen and (min-width : 768px) and (max-width : 879px) {

}


/* md to dpwn for menu*/
@media only screen and (max-width : 879px) {

}
/* xmd */
@media only screen and (min-width : 880px) and (max-width : 991px) {

}
/* lg */
@media only screen and (min-width : 992px) and (max-width : 1200px) {

}
/* xlg */
@media only screen and (min-width : 1201px) {

  
}

/*----------- md TO down --------------*/
@media only screen and (max-width : 879px){

}
/*----------- xsm TO down --------------*/
@media only screen and (max-width : 767px) {


}
/*----------- sm TO down --------------*/
@media only screen and (max-width : 623px) {
    .Hslid-Em1990{padding:0px;}
    .Hslid-Em1990 .Buttons{text-align:center;width:100px;display:block;position:relative;right:0%;bottom:415px;}
.Hslid-Em1990 .Buttons button{text-align:center;border:0px;font-size:16px;height:40px;width:40px;}

    .HslT3 .Hslid-Em1990-SlideBox table{
        width: 100%;
        height:300px;
        direction:ltr;
        float:left;
        
    }
    
    .HslT3 .Hslid-Em1990-SlideBox td{
        /* border: 1px solid #ccc; */
        position:relative;
        min-width:270px;max-width:270px;
        width:270px;
        height:100%;
        /* background:red; */
        padding:5px 5px;
        overflow:hidden;
   }
   
   .HslT3 .Hslid-Em1990-SlideBox td .Element-det{
    position:relative;
    display:inline-block;
    padding-top:10px;
    width:100%;
    height:100%;
    background-color:#fff;
    overflow:hidden;border-radius:10px;
    box-shadow:0px 0px 5px -1px #ddd;
}

.HslT3 .Hslid-Em1990-SlideBox td .Element-det .poster{
    position:relative;
    display:block;
    width:50px;height:50px;border-radius: 50%; 
    margin:auto; 
}

.HslT3 .Hslid-Em1990-SlideBox td .Element-det  .titr-title{
    bottom:0px;text-align:center;position: relative;width:100%;
    padding:5px;line-height: 25px;text-shadow: none; font-family:Yekan;
}

.HslT3 .Hslid-Em1990-SlideBox td .Element-det  .titr-title p{
    text-align: justify;
    max-height:125px;font-size:12px;
    line-height:25px;-webkit-line-clamp: 4;
}
.HslT3 .Hslid-Em1990-SlideBox td .Element-det  .poster-box .name{
    font-size:12px;
    line-height: 30px;
}
.HslT3 .Hslid-Em1990-SlideBox td .Element-det  .poster-box .date{
    font-size:10px;
}

.titleSlider-HslT3{font-size: 16px;;}

}
@media only screen and (max-width : 623px){


}
@media only screen and (max-width : 623px) {

}

@media only screen and (min-width : 481px) and (max-width : 991px) {

}