body{background:#ffffff;direction:rtl;font:medium sahel;text-align:justify;margin:0;}
@font-face {
  font-family: Sahel;
  src: url('https://cdn.rawgit.com/rastikerdar/sahel-font/v3.2.1/dist/Sahel.eot');
  src: url('https://cdn.rawgit.com/rastikerdar/sahel-font/v3.2.1/dist/Sahel.eot?#iefix') format('embedded-opentype'),
       url('https://cdn.rawgit.com/rastikerdar/sahel-font/v3.2.1/dist/Sahel.woff2') format('woff2'),
       url('https://cdn.rawgit.com/rastikerdar/sahel-font/v3.2.1/dist/Sahel.woff') format('woff'),
       url('https://cdn.rawgit.com/rastikerdar/sahel-font/v3.2.1/dist/Sahel.ttf') format('truetype');
  font-weight: normal;
}
a{text-decoration:none;color:#000;}h1,h2,h3,h4,h5,h6{font-family:sahel;}
header{background:#1726de;width:100%;text-align:center;color:#fff;box-shadow:0 0 15px #444;border-radius:0 0 50px 50px;}
header h1{margin:20px 0 0 0;font-size:50px;}
header #nav{background:#ffffff;height:40px;width:90%;margin:auto;border-radius:20px 20px 0 0;}
header a{padding:0.6% 1% 0.6% 1%;color:#0e0f11;line-height:80x;}header a:hover{background:#fa2;transition: all 500ms ease-in;}
header,.ic,.bg,.bt,.br,.bl,.br #br,.br #m,.br #like,.br #date,.br #com,.br #aut,.br #t,.r,.l,.bb,.bn,.bm,footer,.r #p,.bt #vc,.bt #vv,.br #jx img{float:right;}
.b{margin:auto;width:1200px;}
.bg,.bt,.bt h1,.br,.bl,.br h1,.br #br,.br #m,.br #br img,.bl h1,.bb,.bb h1,.br #vc,.br #vp{border-radius:10px;}
.ic{width:95%;margin-top:15px;}.ic img{margin-right:47px;border:5px solid #e77650;border-radius:50%;transition: all 200ms ease-in;}.ic img:hover{transform: rotate(360deg);transition: all 200ms ease-in;border:5px solid #fa2;}
.bg{width:100%;background:#fff;box-shadow:0 0 15px #999;margin-top:15px;padding-bottom:2%;}
.bt{background:#ffffff;width:30%;height:330px;margin:1.6%;}
.bt #bt{width:100%;height:270px;text-align:center;overflow:auto;}
.bt h1:nth-child(odd) {margin:0;background:#e03e29;color:#fff;text-align:center;font-size:16px;font-weight:normal;padding:5px 0 5px 0;}
.bt h1:nth-child(even) {margin:0;background:#f00;color:#000;text-align:center;font-size:16px;font-weight:normal;padding:5px 0 5px 0;}
.bt h2{width:0;height:0;border-bottom:6px solid transparent;border-top:6px solid #f11e2c;border-right:6px solid #f11e2c;border-left:6px solid transparent;margin:0 3% 10px 0;transition: all 200ms ease-in;}
.bt:hover h2{margin:0 93% 10px 0;transition: all 800ms ease-in;}
.bt h3{font:14px sahel;margin:0;padding-bottom:3px;border-bottom:1px dashed #999;}
.bt h3:last-child{font:14px sahel;margin:0;padding-bottom:3px;border-bottom:0 dashed #999;}
.bt h3:hover{background:#FFB5FF;transition: all 200ms ease-in;}
.r{width:60%;margin:0 2% 0 2%;}.l{width:34%;}
.br{background:#ffffff;width:100%;margin:0 0 2% 2%;}
.br #h h1{margin:0;background:#f11e2c;color:#fff;text-align:center;font-size:16px;font-weight:normal;padding:5px 0 5px 0;}.br #h a{color:#fff;}.br #mm a{color:#fff;}
.br #h h2{width:0;height:0;border-bottom:6px solid transparent;border-top:6px solid #f11e2c;border-right:6px solid #e14137;border-left:6px solid transparent;margin:0 3% 0 0;transition: all 200ms ease-in;}
.br #h:hover h2{margin:0 93% 0 0;transition: all 800ms ease-in;}
.br #br{width:92%;margin:2%;background:#FFF9FF;padding:2%;border:1px solid #ddd;overflow:hidden;}
.br #br img{max-width:100%;}
.br #m{background:#de1726;width:99%;padding:0 1% 1% 0;height:27px;}
.br #like{background:url(http://bayanbox.ir/view/7897631314565946531/like.png); width:20px;height:20px;margin:1% 2% 0 0;}
.br #date{background:url(http://bayanbox.ir/view/3960245328142031611/date.png); width:20px;height:20px;margin:1% 2% 0 0;}
.br #com{background:url(http://bayanbox.ir/view/6486485777409720153/comment.png); width:20px;height:20px;margin:1% 2% 0 0;}
.br #aut{background:url(http://bayanbox.ir/view/5601873651095190177/autor.png); width:20px;height:20px;margin:1% 2% 0 0;}.br #mm:hover{background:#fa0;}.br #t:hover{background:#fa0;}
.br #t{background:#fff;height:20px;margin-right:1%;border-radius:5px;font-size:11px;padding:0 5px 0 5px;line-height:22px;font-weight:bold;margin:1% 2% 0 0;}
.r #p{width:100%;text-align:center;}.r #p a{background:#e0f1f5;border-radius:50%;color:#fff;padding:2px 7px 2px 7px;}
.br #mm{background:#1cbd00;float:left;height:20px;padding:1%;border-radius:10px 0 0 10px;line-height:23px;}
.br #ta h1{font:14px sahel;background:#f11e2c;float:right;padding:0.5% 1% 0.5% 1%;margin:1% 0 0 1%;color:#fff;}.br #ta a{color:#fff;}
.br #vc{background:#F8E7EF;width:90%;border:1px solid #EBBAD1;padding:1%;}
.br #vp{background:#FFF9BB;width:90%;border:1px solid #FFCD79;float:left;padding:1%;}
.br #vv{width:0;height:0;border-bottom:6px solid transparent;border-top:6px solid #EBBAD1;border-right:6px solid #EBBAD1;border-left:6px solid transparent;margin:0 8% 10px 0;}
.br #v{width:0;height:0;border-bottom:6px solid transparent;border-top:6px solid #FFCD79;border-right:6px solid transparent;border-left:6px solid #FFCD79;margin:0 0 10px 8%;float:left;}
.br #jx{width:100%;border-bottom:1px solid #EBBAD1;padding-bottom:1%;}.br #jx img{width:25px;border-radius:50%;margin-left:1%;}
.bl{background:#ffffff;width:100%;margin:0 0 2% 2%;padding-bottom:1%;}
.bl h1{margin:0;background:#f11e2c;color:#fff;text-align:center;font-size:16px;font-weight:normal;padding:5px 0 5px 0;}
.bl h2{width:0;height:0;border-bottom:6px solid transparent;border-top:6px solid #f11e2c;border-right:6px solid #f11e2c;border-left:6px solid transparent;margin:0 3% 10px 0;transition: all 200ms ease-in;}
.bl:hover h2{margin:0 93% 10px 0;transition: all 800ms ease-in;}
.bl h3{font:14px sahel;margin:0;padding-bottom:3px;border-bottom:1px dashed #999;text-align:center;}
.bl h3:last-child{font:14px sahel;margin:0;padding-bottom:3px;border-bottom:0 dashed #999;}
.bl h3:hover{background:#FFB5FF;transition: all 200ms ease-in;}
.bl h4{font:14px sahel;margin:0;padding-bottom:3px;border-bottom:1px dashed #999;width:96%;float:right;padding:2%;line-height:40px;}
.bl h4:last-child{font:14px sahel;margin:0;padding-bottom:3px;border-bottom:0 dashed #999;line-height:40px;}
.bl h4:hover{background:#FFB5FF;transition: all 200ms ease-in;}
.bl h4 img{width:40px;float:right;border-radius:50%;margin-left:2%;}
.bn{width:49%;}.bm{width:2%;height:2%;}
.bb{width:100%;background:#ffffff;font-size:13px;padding-bottom:5px;margin-bottom:5%;}
.bb h1{margin:0;background:#f11e2c;color:#fff;text-align:center;font-size:16px;font-weight:normal;padding:5px 0 5px 0;}
.bb h2{width:0;height:0;border-bottom:6px solid transparent;border-top:6px solid #f11e2c;border-right:6px solid #f11e2c;border-left:6px solid transparent;margin:0 4% 10px 0;transition: all 200ms ease-in;}
.bb:hover h2{margin:0 90% 10px 0;transition: all 800ms ease-in;}
.bb li{background: url("http://s11.picofile.com/file/8394935842/li.png") no-repeat right 6px top 4px;list-style-type: none;padding-right:25px;margin:5px 0 5px 0;}.bb li:hover{background:#FFB5FF;}.bb ul:hover{background:#FFB5FF;}
.bb ul{background: url("http://s10.picofile.com/file/8394935992/ul.png") no-repeat right 6px top 4px;list-style-type: none;padding-right:25px;margin:5px 15px 5px 0;}
.bb h3{font:13px sahel;margin:0;padding-bottom:3px;border-bottom:1px dashed #999;text-align:center;}
.bb h3:last-child{font:20px sahel;margin:0;padding-bottom:3px;border-bottom:0 dashed #999;}
.bb h3:hover{background:#FFB5FF;transition: all 200ms ease-in;}
footer{background:#86b9e4;width:100%;height:auto;margin-top:2%;border-radius:50px 50px 0 0;padding-top:1%;}
footer div{margin:auto;}footer a{color:#ddd;}
footer #a{width:80%;height:auto;background:#;border-radius:15px 15px 0 0;color:#fff;text-align:center;line-height:38px;margin-top:1%;}
footer #b{width:80%;height:auto;text-align:center;}footer #b a{background:linear-gradient(to left, #122c56,#3C003C);padding:2px 10px 2px 30px;margin-right:3px;line-height:35px;border-radius:0 10px 10px 0;color:#fff;}
footer #l{text-align:right;float:right;padding-right:2%;font-size:12px;}
.t a{background:#f1f1f1;padding:3px 5px 5px 3px;margin:2px 0 5px 2px;line-height:27px;border:0.2px solid #ccc;}
.t a:hover{background:#ddd;}.t h6{margin:0 2% 2% 2%;font:12px sahel;float:right;}
@media screen and (max-width:768px){body{margin:0 2% 0 0;}
.b,.r,footer #l,.bg{width:100%;}.bt,.br,.bt{width:97%;}.l{width:96%;margin:2%;}
header{border-radius:0;} header #nav,.bt,.bt #bt,.br #m{height:auto;}footer #l,.br #mm{text-align:center;}
.ic img{width:20%;margin:0.5% 1% 0.5% 0;border:2px solid #f11e2c;}.br #mm{border-radius:10px;margin:2% 0 0 0;width:99%;}
footer #a{width:94%;}.ic img:hover{border:2px solid #fa2;}	
}

.slider {
    max-width: 100%;
    height: 150px;
    margin: 0;
    position: relative;
}
.slide1,.slide2,.slide3,.slide4,.slide5,.slide6,.slide7,.slide8{
  position: absolute;
  width: 100%;
  height: 100%;
}
.slide1 {
  background:lightgray url(https://bayanbox.ir/view/5639488136913481571/Screenshot-%DB%B2%DB%B0%DB%B2%DB%B5-%DB%B0%DB%B4-%DB%B1%DB%B5-%DB%B1%DB%B9-%DB%B5%DB%B3-%DB%B0%DB%B2-%DB%B0%DB%B6%DB%B2-edit-com.example.farasabt.jpg)no-repeat center;
      background-size: cover;
    animation:fade 30s infinite;
-webkit-animation:fade 30s infinite;

} 
.slide2 {
    background:white url(https://bayanbox.ir/view/3656636524347929484/Screenshot-%DB%B2%DB%B0%DB%B2%DB%B5-%DB%B0%DB%B4-%DB%B1%DB%B5-%DB%B1%DB%B9-%DB%B5%DB%B3-%DB%B1%DB%B7-%DB%B8%DB%B8%DB%B2-edit-com.example.farasabt.jpg)no-repeat center;
      background-size: cover;
    animation:fade2 30s infinite;
-webkit-animation:fade2 30s infinite;
}
.slide3 {
    background:lightgray url(https://bayanbox.ir/view/921721737639772074/Screenshot-%DB%B2%DB%B0%DB%B2%DB%B5-%DB%B0%DB%B4-%DB%B1%DB%B5-%DB%B1%DB%B9-%DB%B5%DB%B2-%DB%B2%DB%B8-%DB%B1%DB%B7%DB%B8-edit-com.example.farasabt.jpg)no-repeat center;
      background-size: cover;
    animation:fade3 30s infinite;
-webkit-animation:fade3 30s infinite;
}
.slide4 {
    background:white url(https://bayanbox.ir/view/6941498983297379118/Screenshot-%DB%B2%DB%B0%DB%B2%DB%B5-%DB%B0%DB%B4-%DB%B1%DB%B5-%DB%B1%DB%B9-%DB%B5%DB%B2-%DB%B4%DB%B6-%DB%B5%DB%B8%DB%B0-edit-com.example.farasabt.jpg)no-repeat center;
      background-size: cover;
    animation:fade4 30s infinite;
-webkit-animation:fade4 30s infinite;
}
.slide5 {
    background:white url(https://bayanbox.ir/view/6941498983297379118/Screenshot-%DB%B2%DB%B0%DB%B2%DB%B5-%DB%B0%DB%B4-%DB%B1%DB%B5-%DB%B1%DB%B9-%DB%B5%DB%B2-%DB%B4%DB%B6-%DB%B5%DB%B8%DB%B0-edit-com.example.farasabt.jpg)no-repeat center;
      background-size: cover;
    animation:fade4 30s infinite;
-webkit-animation:fade4 30s infinite;
}
.slide6 {
    background:white url(https://bayanbox.ir/view/5813188383097612051/26.jpg)no-repeat center;
      background-size: cover;
    animation:fade4 30s infinite;
-webkit-animation:fade4 30s infinite;
}

.slide7 {
    background:white url(https://bayanbox.ir/view/5813188383097612051/26.jpg)no-repeat center;
      background-size: cover;
    animation:fade4 30s infinite;
-webkit-animation:fade4 30s infinite;
}


@keyframes fade
{
  0%   {opacity:1}
  20% { opacity: 1}
  25% { opacity: 0}
 90% { opacity: 0}	
 95% { opacity: 1}	
 100% { opacity: 1}
}
@keyframes fade2
{
  0%   {opacity:0}
 15% { opacity: 0}
  205% { opacity: 1}
 50% { opacity: 1}
55% { opacity: 0}
100% { opacity: 0}
}
@keyframes fade3
{
  0%   {opacity:0}
 45% { opacity: 0}
50% { opacity: 1}
75% { opacity: 1}
80% { opacity: 0}	
100% { opacity: 0}
}
@keyframes fade4
{
0%   {opacity:0}
 50% { opacity: 0}
70% { opacity: 0}
75% { opacity:1}
95% { opacity: 1}	
100% { opacity: 0}
}
@keyframes fade5
{
0%   {opacity:0}
 50% { opacity: 0}
70% { opacity: 0}
75% { opacity:1}
95% { opacity: 1}	
100% { opacity: 0}
}
@keyframes fade6
{
0%   {opacity:0}
 50% { opacity: 0}
70% { opacity: 0}
75% { opacity:1}
95% { opacity: 1}	
100% { opacity: 0}
}
@keyframes fade7
{
0%   {opacity:0}
 50% { opacity: 0}
70% { opacity: 0}
75% { opacity:1}
95% { opacity: 1}	
100% { opacity: 0}
}
@keyframes fade8
{
0%   {opacity:0}
 50% { opacity: 0}
70% { opacity: 0}
75% { opacity:1}
95% { opacity: 1}	
100% { opacity: 0}
}