*{
box-sizing: border-box;
outline: transparent;
text-align:center;
}
 
@font-face {
font-family: font1;
src: url('https://faraloghat.ir/zaban/f/i.woff') format('woff') ,
url('https://faraloghat.ir/zaban/f/i.woff') format('woff') ,
url('https://faraloghat.ir/zaban/f/del.ttf') format('truetype') ,
url('//www.faraloghat.ir/zaban/f/del.ttf') format('truetype');
}

@font-face {
font-family: font2;
src: url('https://faraloghat.ir/zaban/f/i.woff') format('woff') ,
url('https://faraloghat.ir/zaban/f/yr.woff') format('woff') ,
url('https://faraloghat.ir/zaban/f/del.ttf') format('truetype') ,
url('//www.faraloghat.ir/zaban/f/del.ttf') format('truetype');
}

*{
font-family:font1;
font-size:18px;
line-height: 1.6;
} 

.mostaghim{
position:fixed; 
top:0;
bottom:0;
left:0;
right:0;
width:100%;
height:100%;
padding-top:100px;
background:hsl(0,0%,100%,0.96);
z-index:2000;
}
.mostaghim button{
background:#ffffff;
font-weight:bold;
padding:20px;
border-radius:20px;
border:1px solid green;
}

.texttop{
background:hsl(345, 100%, 95%);
border:2px solid green;
border-radius:20px;
padding:20px;    
margin:20px;    
}

.texttop div{
font-family:font2;    
background:hsl(240, 50%, 52%); 
color:hsl(240, 50%, 100%);
border-radius:20px;
padding:15px;    
margin-top:10px;
line-height: 1.6;
text-align:center;
}

.texttop .div{
font-family:font2;    
background:hsl(240, 50%, 52%); 
color:hsl(240, 50%, 100%);
border-radius:20px;
padding:10px;    
margin-top:10px;
text-align:justify;
}

.serv{
background:hsl(345, 100%, 95%);
border:2px solid red;
border-radius:20px;
padding:20px;    
margin:20px;
}
.downapp{
position:relative;    
font-family:font2;     
background:hsl(125, 100%, 35%); 
color:#ffffff;
border:none;
border-radius:20px;
padding:20px; 
padding-bottom:25px;
margin:20px;
left:20px;
width:100%;
min-height:30px;
text-align:center;
}
.android1{
position:relative;    
border:none;
background:none;
color:#ffffff;
margin-right:-45px;
}
.android2{
position:absolute;    
width:30px;
height:30px;
border:none;
-webkit-mask-image: url("https://faraloghat.ir/zaban/f/android.png");
mask-image: url("https://faraloghat.ir/zaban/f/android.png");
-webkit-mask-size: 30px;
mask-size: 30px;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat; 
-webkit-mask-position: center;
mask-position: center;
}

.androidneed{
font-size:70%;
opacity:0.5;
}

.downiphone{
position:relative;    
font-family:font2;     
background:hsl(210, 100%, 35%); 
color:#ffffff;
border:none;
border-radius:20px;
padding:20px;
padding-bottom:25px;
margin:20px;
left:20px;
width:100%;    
}
.ios1{
position:relative;    
border:none;
background:none;
color:#ffffff;
margin-right:-45px;
}
.ios2{
position:absolute;    
width:30px;
height:30px;
border:none;
-webkit-mask-image: url("https://faraloghat.ir/zaban/f/ios.png");
mask-image: url("https://faraloghat.ir/zaban/f/ios.png");
-webkit-mask-size: 25px;
mask-size: 25px;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat; 
-webkit-mask-position: center;
mask-position: center;
}

.firstbackground{
position:fixed; 
top:0px;
left:0px;
right:0px;
bottom:0px;
overflow-y: scroll;
overflow-x: hidden;
width:100%;
background:hsl(100, 10%, 94%);
background:#ffffff;
scroll-behavior: smooth;
}

.txtbi{
border:0px groove hsl(0,0%,0%,0.0);
border-radius:30px;
margin:0px;    
padding:0px;
padding-top:0px;
padding-bottom:40px;
color:hsl(240,100%,5%);
font-size:109%;
text-align:right;
}

.txtbititr{
font-weight:bold;   
font-size:140%;
padding-bottom:7px;
text-align:right;
}

.txtbi2{
background:#5acccc;   
padding:10px;
text-align:center;
}

.txtbi2 div{
background:#ffffff;    
padding:14px;
border-radius:20px;
text-align:center;
}

.txtbi a{
color:blue;    
font-size:100%;    
}

.txtbilink{
text-align:left;    
}

.txtbidiv{
padding-left:15px;    
padding-right:15px;
text-align:right;
}

h1{
font-family:font2; 
font-weight:normal;
line-height: 1.9;
}

.titrpic{
position:relative;
width:100%;
border-radius:0px 0px 0px 0px;
top:0;
left:0;
right:0;
background:hsl(100, 10%, 100%);
text-align:center;
background:url("https://faraloghat.ir/zaban/f/toppic20.webp");  
background-position:bottom left;
background-repeat: no-repeat;
background-size: cover;  
}

.titrrelative{
position:relative;   
box-shadow: 0px 4px 4px 0px hsl(0, 0%, 0% ,0.0);
border-radius:0px 0px 0px 0px;
}

.backtitr{
position:relative;
width:100%;
top:0px;
left:0px;
right:0px;
padding-top:0px;
padding-bottom:220px;
border-radius:0px 0px 0px 0px;
text-align:center;
background:linear-gradient(0deg, hsl(250, 100%, 40%) 0%, hsl(240, 100%, 25% , 0.6) 60%) ;
background:linear-gradient(0deg, hsl(250, 60%, 100%) 0%, hsl(240, 60%, 100% , 0.7) 60%) ;
background:none;
box-shadow:inset 0px 3px 3px 0px hsl(0, 0%, 0% ,0.0);
z-index:100;
}

.titrtext{
color:hsl(140, 100%, 100%); 
font-size:30px;
padding-left:14px;
padding-top:9px;
line-height: 1.5;
font-weight:bold;
text-align:left;
}

.menupart{
position:absolute;
top:17px;
right:15px;
width:25px;
height:25px;
border-radius:50%;
background-color:hsl(0, 0%, 100%);  
-webkit-mask-image: url("https://faraloghat.ir/zaban/f/menupart.png");
mask-image: url("https://faraloghat.ir/zaban/f/menupart.png");
-webkit-mask-size: 25px;
mask-size: 25px;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat; 
-webkit-mask-position: center;
mask-position: center; 
z-index:101;
}

.icontitr{
display:none;
position:relative;
top:-6px;
margin:6px;
padding:50px;
border-radius:50%;    
background:url("https://faraloghat.ir/zaban/f/round192.png");  
background-repeat: no-repeat;
background-position:center;
background-size: cover; 
text-align:center; 
border:none;
}

.icontitr2{
position:relative;
top:-6px;
margin:6px;
padding:35px;
border-radius:50%;    
background:url("https://faraloghat.ir/zaban/f/round192.png");  
background-repeat: no-repeat;
background-position:center;
background-size: cover; 
text-align:center; 
border:none;  
}

.manb2{
text-align:center;    
font-size:44%; 
margin-top:3px;
color:hsl(270, 100%, 0%);
}

.icontitrtext{
position:relative;    
background:hsl(150, 100%, 100% , 0.8);   
padding:20px;
border-radius:30px;
width:70%;
right:15%;
left:15%;
font-size:17px;
}

.toppic{
position:relative;
width:90%;
height:50px;
right:5%;
left:5%;
margin-top:25px;
border-radius:20px;
opacity:0.3;
background:url("https://faraloghat.ir/zaban/f/toppic.webp");  
background-position:bottom left;
background-repeat: no-repeat;
background-size: cover;    
}

.jalebetitr{
position:relative;
border:1px solid hsl(0, 0%, 30%);
width:90%;
right:5%;
left:5%;
color:hsl(240, 50%, 15%);
border-radius:40px;
font-weight:bold;
margin-top:0px;
padding:20px;
font-family:font2; 
}

.jalebe1{
position:relative;
border:1px solid hsl(0, 0%, 30%);
width:90%;
right:5%;
left:5%;
color:hsl(240, 50%, 5%);
border-radius:20px;
text-align:center;
margin-top:4px;   
padding:15px;
}

.jalebe1 img{
width:100%;
border-radius:20px;
}

.jalebe1 div{
position:relative;
width:90%;
right:5%;
left:5%;
text-align:center;
}

.para{ 
padding:0px;   
margin:35px;
margin-left:20px;
margin-right:20px;
border-radius:20px;    
background:#fff;
background:hsl(0, 0%, 100%);
color:hsl(240, 10%, 5%);
text-align:center;
box-shadow:0px 2px 1px 0px hsl(0, 0%,0%,0.1);
line-height: 1.7;
}
h2,h3{
background:none;    
text-align:center; 
font-family:font2; 
font-size:17px;
}

.toptitr{
background:hsl(120, 50%, 50%);  
background:hsl(130, 67%, 44%); 
color:hsl(0, 0%, 100%);
width:100%;
border-radius:20px 20px 0px 0px;
padding:2px;
font-size:17px;
}

.toptitr2{
background:hsl(180, 50%, 50%);  
color:hsl(0, 0%, 100%);
width:100%;
border-radius:20px 20px 0px 0px;
padding:5px;
font-size:17px;
}

.textpara{
padding:20px;    
text-align:center;
color:hsl(240, 20%, 2%);
}

.para1{
color:hsl(240, 20%, 25%);  
margin-top:30px;
}

.para5{
background:hsl(210, 89%, 99%);
color:hsl(120, 89%, 20%);    
}

.textpara5{
font-size:95%; 
color:hsl(120, 89%, 20%);
}

.para6{
margin-bottom:30px;      
background:hsl(348, 89%, 55%);
color:#fff;  
}


a{
text-decoration: none; 
color:#fff;
}

.telegram{
position:relative;    
border:2px #fff solid;
background:linear-gradient(hsl(220, 100%, 70%),hsl(220, 100%, 55%));
padding: 15px;
text-align: center;
color:#fff;
width:80%;
left:10%;
right:10%;
border-radius: 40px;
box-shadow:-1px 15px 7px -15px hsl(0, 0%,50%);
font-family:font2; 
}

.insta{
position:relative;       
border:2px #fff solid;
background:linear-gradient(hsl(240, 50%, 60%),hsl(340, 100%, 60%));
padding: 15px;
text-align: center;
color:#fff;
width:80%;
left:10%;
right:10%;
border-radius: 40px;  
box-shadow:-1px 15px 7px -15px hsl(0, 0%,50%);
font-family:font2; 
}

.takhfif{
text-align: center;    
font-size:120%; 
border-radius:20px;
padding:20px;
padding-top:7px;
padding-bottom:10px;
border:1px solid hsl(0, 0%,50%,0.1);
box-shadow:0px 0px 10px 0px hsl(140, 100%,50%,0.5);
-webkit-animation:takhfif 0.6s infinite linear;
animation: takhfif 0.6s infinite linear;
}
@keyframes takhfif {0%{box-shadow:0px 0px 10px 0px hsl(140, 100%,50%,1)} 50%{box-shadow:0px 0px 10px 0px hsl(140, 100%,40%,0.0)} 100%{box-shadow:0px 0px 10px 0px hsl(140, 100%,40%,1)}} 

.takhfif2{
font-size:55%;     
} 


.c_background{
position:relative;    
border-top:1px solid hsl(140, 50%, 80%);
border-bottom:1px solid hsl(140, 50%, 80%);
padding:2px;
padding-top:5px;
padding-bottom:5px;
border-radius:15px;
margin-top:30px;
margin-bottom:40px;
}


.commenttitle{
margin-top:20px;    
font-size:130%;
font-weight:bold;
color:hsl(216, 100%, 50%);
color:hsl(150, 100%, 36%);
text-align:center;
font-family:font2; 
}

.commentback{
position:relative;    
padding:10px;
margin:20px;
margin-top:20px;
margin-bottom:20px;
border-radius:15px;
background:hsl(220, 20%, 25%); 
background:hsl(140, 20%, 98%);  
}
.commentname{
position:absolute; 
top:8px;
right:15px;
color:hsl(140, 30%, 40%);
font-size:80%;
font-family:font2; 
}
.commentdate{
position:absolute; 
top:8px;
left:15px; 
color:hsl(0, 0%, 50%);
font-size:80%;
font-family:font2;
opacity:0.15;
}
.commenttext{
padding:5px;    
color:hsl(140, 30%, 40%);
font-size:95%;
text-align:justify;
}
.commentlike{
position:absolute; 
padding-left:20px;
padding-right:20px;
padding-top:11px;
padding-bottom:10px;
bottom:8px;
left:15px; 
color:hsl(240, 50%, 15%);
font-size:80%;
background:url("https://faraloghat.ir/zaban/f/like.png");  
background-repeat: no-repeat;
background-position:left;
background-size: 20px; 
border:none;
}
 
.commentbutton{
position:relative;
text-align:center;
padding:10px;
margin:20px;
margin-top:10px;
margin-bottom:20px;
border-radius:15px;
background:hsl(140, 100%, 40%);
background:hsl(200, 100%, 40%,0.3); 
color:hsl(0, 0%, 100%);
font-family:font2; 
}

.formback{
position:relative;    
width:100%;   
margin-top:15px;
margin-bottom:50px;
box-sizing: border-box;
outline: transparent;
text-align:center;
}

.form{
width:86%;
margin-top:15px;
padding:5px;
border:none;    
border-radius:15px;      
box-sizing: border-box;
outline: transparent;
text-align:right;
}
.formname{
   
}

.formcode{
  
}
 
.formtext{
height:100px;    
}

.formerror{
color:red;     
}
 
.commentmore{
position:relative;    
font-size:120%;
font-weight:bold;
color:hsl(150, 100%, 36%);
text-align:center;  
margin-top:20px;
margin-bottom:30px;
}

.commentmore span{
border-bottom:2px solid hsl(150, 100%, 36%);
font-family:font2; 
}

.loadb{
position:relative;    
text-align:center;     
}

.load{
position:relative;     
background:none;  
width: 60px;
height:60px;
border-radius: 50%;
border-left: 0px dashed hsl(0,0%,100%,0.0);
border-top: 1px solid    hsl(150, 100%, 36%);
border-right: 3px solid  hsl(150, 100%, 36%);
border-bottom: 3px dashed hsl(0,0%,100%,0.0);
-webkit-animation:s3 1s infinite linear;
animation: s3 1s infinite linear;
}
@keyframes s3 {from{ transform: rotate(0deg)} to{transform: rotate(360deg)}} 

.formsubmit{
position:relative;
text-align:center;
padding:10px;
margin:20px;
margin-top:0px;
margin-bottom:0px;
border-radius:15px;
background:hsl(140, 100%, 40%); 
color:hsl(0, 0%, 100%);    
}

.icon{
width:15px;
height:15px;
margin-bottom:-3px;
filter: contrast(140%);
}


.hrfooter{
margin:40px;    
width:80%;
opacity:0.2;
}

.footerpic{
position:relative;
width:90%;
left:5%;
right:5%;
padding-top:100px;
padding-bottom:100px;
border-radius:40px;
z-index:1;    
box-shadow:0px 1px 2px 0px hsl(0, 0%,50%);
}

.footerpictext{
position:absolute;    
background:hsl(0, 0%, 100% , 0.7); 
color:hsl(60, 20%, 30%);
padding:20px;
border-radius:30px;
width:80%;
right:10%;
left:10%;
font-size:18px;
bottom:20px; 
font-weight:bold;
text-align:center;
}

.footerpic1{
background:url("https://faraloghat.ir/zaban/f/48nice.webp");  
background-position:center;
background-repeat: no-repeat;
background-size: cover; 
}

.footerpictext1{
background:hsl(150, 50%, 50% , 0.9);     
color:hsl(0, 0%, 100%);
font-family:font2; 
}


.footerpic2{
background:url("https://faraloghat.ir/zaban/f/pic003.webp");  
background-position:center;
background-repeat: no-repeat;
background-size: cover; 
}

.footerpictext2{
background:hsl(300, 50%, 50% , 0.9);  
color:hsl(0, 0%, 100%);
font-family:font2; 
}

.footerpic3{
background:url("https://faraloghat.ir/zaban/f/good8.webp");  
background-position:bottom;
background-repeat: no-repeat;
background-size: 150%; 
}

.footerpictext3{
background:hsl(240, 50%, 50% , 0.9);       
color:hsl(0, 0%, 100%);
font-family:font2; 
}


.copyright{
position:relative;    
text-align:center;
background:hsl(110, 72%, 40%);
color:hsl(240, 100%, 100%);
width:100%;
padding:30px;
padding-top:15px;
padding-bottom:95px;
margin-top:20px;
}

.textfooter{
opacity:1;
text-align:justify;
}
.textfooter p{
opacity:1;
text-align:justify;    
}

.hrfooter1{
opacity:0.7;
}

.hrfooter2{
width:60%;
opacity:0.3;
}

.textfooter2{
margin-top:19px;    
color:hsl(240, 100%, 100%);
opacity:0.9;
}

.manb{
margin-top:5px;
font-size:100%;      
}

.dis{
display:none
}

.downpara{
padding-top:40px; 
padding-bottom:40px;
text-align:center;    
}