@import url("/css/fonts/css/fontiran.css"); /* لینک فایلی که وظیفه بارگذاری فونت ها را برعهده دارد */
body{
	font-family: IRANSans !important;
	font-weight: 400;
	font-size:14px;
}
h1, h2, h3, h4, h5, h6,input, textarea , pre , p , a , select{
	font-family: IRANSans !important;
}
button{
	font-family: IRANSans !important;
}
h1 {
	font-weight: bold;
}
*{
border-style:none;box-sizing:border-box;text-decoration:none;list-style:none;outline:none;
margin:0;padding:0;direction:rtl;transition:all 0.4s ease-in-out;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-user-drag:none;-webkit-app-region:no-drag;
}
body{background:#21252d;}
.ltr{direction:ltr;}
.lineBreak{display:block;width:94%;height:1px;margin-right:3%;}
/* position */
.fixBlock{position:fixed;}
.absoluteBlock{position:absolute;}
.relativeBlock{position:relative;}
/* display */
.blockElement{display:block !important;}
.hideElement{display:none !important;}
.flexBox{display:flex;}
.flexBoxWithWrap{display:flex;flex-wrap:wrap;}
.blockBox{display:block;}
.gridBox{display:grid;}
.hide{display:none;}
/* overflow */
.autoOverflowY{overflow-y:auto;}
.hideOverflow{overflow:hidden;}
/* state */
.containObject{object-fit:contain;object-position:center;}
.coverObject{object-fit:cover;object-position:center;}
.centerBox{top:50%;left:50%;transform:translate(-50%,-50%);}
.containBG{background-size:contain;background-repeat:no-repeat;background-position:center;}
/* show */
.fullScreen{width:100%;height:100%;}
/* font styles */
.centerText{text-align:center;}
.leftText{text-align:left;}
.justifyText{text-align:justify;}
/* colors */
.whiteColor{color:#fff;}
.lightColor{color:#e0e0e0;}
.orangeColor{color:#FFC107;}
/* backgrounds */
.darkBG{background-color:#151b23;}
.midNightBG{background-color:#21252d;}
.nightBG{background-color:#282f3a;}
.shadowBG{background-color:#30343a;}
.grayBG{background-color:#525760;}
.greenBg{background:#00c46b;}
.blueBG{background:#0098ff;}
.transparentBG{background:none;background:transparent;}
/* inputs */
.inputContainer{position:relative;height:52px;}
.inputContainer input[type="text"]{background:none;}
.button{height:50px;line-height:50px;cursor:pointer;}
input{padding: 0 10px;}
input::placeholder,textarea::placeholder{color: #d2d2d2;}
/*  cursor */
.pointer{cursor:pointer;}
.noneUserSelect{user-select:none;-webkit-user-select:none;}
/* icons */
.iconAfter::after,.iconBefore:before{content:"";position:absolute;background-repeat:no-repeat;background-position:center;background-size:contain;}

.main_box_header{padding:0 10px;border-bottom:1px solid #858585;}
.main_box_header h1{line-height:40px;font-size:16px;}

/* styles for mobile */
@media screen and (max-width: 650px) {
    .col-m-1{width:100%;flex:0 0 100%;}
    .col-m-2{width:50%;flex:0 0 50%;}
    .col-m-3{width:33.3333%;flex:0 0 33.3333%;}
    .col-m-4{width:25%;flex:0 0 25%;}
}
@media screen and (max-width: 360px){
    .col-sm-1{width:100%;flex:0 0 100%;}
    .col-sm-2{width:50%;flex:0 0 50%;}
    .col-sm-3_3{width:66.6666%;flex:0 0 66.6666%;}
    .col-sm-3{width:33.3333%;flex:0 0 33.3333%;}
    .col-sm-4{width:25%;flex:0 0 25%;}
}
@media screen and (min-width: 650px){
    .col-m-1, .col-sl-1{width:100%;flex:0 0 100%;}
    .col-m-2, .col-sl-2{width:50%;flex:0 0 50%;}
    .col-m-3_3, .col-sl-3_3{width:66.6666%;flex:0 0 66.6666%;}
    .col-m-3, .col-sl-3{width:33.3333%;flex:0 0 33.3333%;}
    .col-m-4, .col-sl-4{width:25%;flex:0 0 25%;}
    .col-sl-5{width:20%;flex:0 0 20%;}
    .col-sl-6{width:16.6666%;flex:0 0 16.6666%;}
}
@media screen and (min-width: 960px){
    .col-l-1{width:100%;flex:0 0 100%;}
    .col-l-2{width:50%;flex:0 0 50%;}
    .col-l-3_3{width:66.6666%;flex:0 0 66.6666%;}
    .col-l-3{width:33.3333%;flex:0 0 33.3333%;}
    .col-l-4{width:25%;flex:0 0 25%;}
    .col-l-5{width:20%;flex:0 0 20%;}
    .col-l-6{width:16.6666%;flex:0 0 16.6666%;}
}
@media screen and (min-width: 1500px){
    .col-xl-1{width:100%;flex:0 0 100%;}
    .col-xl-2{width:50%;flex:0 0 50%;}
    .col-xl-3_3{width:66.6666%;flex:0 0 66.6666%;}
    .col-xl-3{width:33.3333%;flex:0 0 33.3333%;}
    .col-xl-4{width:25%;flex:0 0 25%;}
    .col-xl-5{width:20%;flex:0 0 20%;}
    .col-xl-6{width:16.6666%;flex:0 0 16.6666%;}
}
#curtain{z-index:500;top:0;right:0;opacity:0.3;}#main_header{height:210px;}
/* Top Header Section */
#top_header{height:70px;padding:10px;}
.header_shadow{box-shadow:0 0 25px -5px #000;}
.logoItem{width:150px;flex:0 0 150px;height:50px;}
.logoItem a{margin:auto;}
.logoItem .logoImage{background-image:url("/includes/logo-with-letter.svg");background-position:right !important;}
.searchItem{width:calc(100% - 300px);flex:0 0 calc(100% - 300px);}
.searchItem *{font-size:15px;}
#searchbar{width:500px;height:50px;margin:auto;padding:0 5px;border-radius:15px;}
.searchbar_submit{top:7px;left:7px;height:36px;line-height:36px;width:100px;border-radius:10px;}
.searchbar_submit.active{background:#0098ff;}

/* Bottom Header Section */
#bottom_header{height:50px;padding:10px;}
.headerListItem{height:30px;line-height:30px;padding:0 10px;margin:0 10px;font-size:16px;border-radius:10px;}
.headerListItem:hover{background:#0098ff;}
/* Special Musics Section */
#special_musics{margin-top:-70px;}
.special_musics_container{width:96%;margin:auto;padding:10px;border-radius:25px;}
.special_music{width:calc(100% / 6);flex:0 0 calc(100% / 6);padding:5px;}
.special_music_inner{padding:5px;border-radius:15px;}
.special_music_thumbnail{height:150px;border:1px solid #fff;border-radius:10px;}
.special_music_title{height:70px;line-height:35px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:pre-wrap;font-size:15px;font-weight:400;}
/* Under Header Payam */
#under_header_payam{width:96%;margin:30px auto;border-radius:15px;}
/* mini desktop */
@media screen and (max-width: 1024px) {
    .special_musics_container{width:98%;padding:5px;}
    .special_music_thumbnail{height:135px;}
}
/* tablet Styles */
@media screen and (max-width: 960px) {
    #searchbar{width:80%;}
    .special_musics_container{width:86%;padding:5px;border-radius:20px;}
    .special_music{width:33.333%;flex:0 0 33.333%;padding:5px;}
    .special_music_inner{position:relative;padding:0;border-radius:15px;overflow:hidden;}
    .special_music_thumbnail{height:150px;border:none;border-radius:0;}
    .special_music_title{position:absolute;width:100%;height:auto;bottom:0;right:0;background-color:rgba(0,0,0,0.6);line-height:25px;-webkit-line-clamp:4;font-size:14px;}
}
/* mini tablet Styles */
@media screen and (max-width: 800px) {
    #searchbar{width:98%;}
    .special_musics_container{width:96%;border-radius:15px;}
    .special_music_inner{border-radius:10px;}
}
/* mobile Styles */
@media screen and (max-width:640px) {
    #main_header{height:50px;}
    #float_header{margin-top:70px;}
    #top_header{position:fixed;z-index:900;width:100%;top:0;right:0;padding:10px 5px;}
    .logoItem{width:120px;flex:0 0 120px;}
    .searchItem{width:calc(100% - 120px);flex:0 0 calc(100% - 120px);}
    .searchbar_submit{width:60px;font-size:13px;}
    #search-input{font-size:14px;padding:0 5px;padding-left:65px;}
    .headerListItem{font-size:15px;margin:0;}
    #special_musics{margin-top:0;}
    .special_musics_container{width:100%;padding:0;border-radius:0;}
    .special_music{width:33.333%;flex:0 0 33.333%;padding:0;}
    .special_music_inner{position:relative;padding:0;border-radius:0;}
    .special_music_thumbnail{border:none;border-radius:0;}
    .special_music_title{position:absolute;width:100%;height:auto;bottom:0;right:0;background-color:rgba(0,0,0,0.6);line-height:25px;-webkit-line-clamp:4;font-size:14px;}
    #under_header_payam{width:96%;border-radius:10px;}
    #copyRight{font-size:13px;}
}

/* mini mobile */
@media screen and (max-width:370px) {
    #main_header{height:auto;}
    #bottom_header{height:auto;}
    .headerList{flex-wrap:wrap;}
    .headerListItem:nth-of-type(3){display:none;}
    .logoItem{width:100px;flex:0 0 100px;}
    .searchItem{width:calc(100% - 100px);flex:0 0 calc(100% - 100px);padding-right:10px;}
}
/* Footer Styles */
footer{margin-top:20px;}
#mainFooter{padding:15px;}
.footerSection{margin:20px 0;}
.footer_hashtag_item{margin:5px;padding:0 15px;border-right:2px solid #ff9900;border-radius:5px;line-height:30px;}
#our_business_container{margin:10px 0;}
.our_business_item{display:inline-block;width:100px;height:100px;margin:10px;padding:5px;border-radius:10px;background-color:#31394f;}
.our_business_icon{width:100%;height:60px;}
.our_business_icon img{width:100%;height:100%;object-fit:contain;object-position:center;}
.our_business_link{display:block;text-align:center;color:#fff;height:40px;line-height:40px;}
#copyRight{padding:10px;}
.errorTitle{font-size:20px;font-weight:600;}
.errorText{font-size:16px;}
@media screen and (max-width: 650px){
    .errorTitle{font-size:18px;}
    .errorText{font-size:15px;}
}