* {
  box-sizing: border-box;
}

.item {
  width: 50%;
  height: 50%;
  margin: auto;
  padding-top: 75px;
  margin-left: 35%;
  margin-right: 35%;
}

.item2 {
  width: 640px;
  height: 350px;
  margin: 30px auto;
  padding-top:50px;
  padding-left:3%;
  

}
.center {
text-align:center;
width:100%
}
svg {
  margin: 0 auto;
  text-align: center;
  width: 50%;
    padding-top: 20px;
    background-blend-mode: multiply;

}
.name {
  display: flex;
  margin: auto;
  padding: 10 1rem 1rem;
  position: relative;
}
.name:before {
  content: "";
  width: 100%;
  background: #e6d40e;
  opacity: 0.5;
  bottom: 0;
  height: 1px;
  left: 0;
  position: absolute;
}
.name .letter {
  display: inline-block;
  opacity: .1;
  transform: scale(0.9);
}
.name2 .letter2 {
  display: inline-block;
  opacity: .1;
  transform: scale(0.9);
}
.name a:link{
    color:red;
}
.name2 {
  display: flex;
  margin: auto;
  padding: 10 1rem 1rem;
  position: relative;
}
.name2:before {
  content: "";
  width: 100%;
  background:white;
  opacity: 0.5;
  bottom: 0;
  height: 1px;
  left: 0;
  position: absolute;
}
.name2 .letter2 {
  display: inline-block;
  opacity: .1;
  transform: scale(0.9);
}
.name2 a:link{
    color:#eee611;
}

.name3 {
  display: flex;
  margin: auto;
  padding: 10 1rem 1rem;
  position: relative;
  font-size:12px;
}
.name3:before {
  content: "";
  width: 100%;
  background:#e9531f;
  opacity: 0.5;
  bottom: 0;
  height: 1px;
  left: 0;
  position: absolute;
}
.name3 .letter3 {
  display: inline-block;
  opacity: .1;
  transform: scale(0.9);
}
.name3 a:link{
    color:#e9531f;
}
.name4 {
  display: flex;
  margin: auto;
  padding: 10 1rem 1rem;
  position: relative;
}
.name4:before {
  content: "";
  width: 0%;
  background: red;
  opacity: 0.5;
  bottom: 0;
  height: 1px;
  left: 0;
  position: absolute;
}
.name4 .letter {
  display: inline-block;
  opacity: .1;
  transform: scale(0.9);
}
.name4 a:link{
    color:white;
}



path {
  
  stroke: #f9f60b;
  stroke-width: .5;

}
.set-left {
  
   

}
.set1-left {
  position: absolute;
    top: 180px;
    left:200px;
   
    text-align: center;
    color: black;
    font-weight: bold;
  margin-left: auto;
  margin-right: auto;
}
.set2-left {
  position: absolute;
    top: 265px;
    left: 140px;
   
    text-align: center;
    color: black;
    font-weight: bold;
  margin-left: auto;
  margin-right: auto;
	font-size:40px;
	font-family:"A Iranian Sans";
}
.set3-left {
  position: absolute;
    top: 355px;
    left: 140px;
   
    text-align: center;
    color: black;
    font-weight: bold;
  margin-left: auto;
  margin-right: auto;
	font-size:40px;
	font-family:"A Iranian Sans";
}
.set4-left {
  position: absolute;
    top: 445px;
    left: 140px;
   
    text-align: center;
    color: black;
    font-weight: bold;
  margin-left: auto;
  margin-right: auto;
	font-size:40px;
	font-family:"A Iranian Sans";
}
.set5-left {
  position: absolute;
    top: 525px;
    left: 140px;
   
    text-align: center;
    color: black;
    font-weight: bold;
  margin-left: auto;
  margin-right: auto;
	font-size:40px;
	font-family:"A Iranian Sans";
}
.set6-left {
  position: absolute;
    top: 615px;
    left: 140px;
   
    text-align: center;
    color: black;
    font-weight: bold;
  margin-left: auto;
  margin-right: auto;
	font-size:40px;
	font-family:"A Iranian Sans";
}
.list1-left {
  position: absolute;
    top: 260px;
    left: 200px;

   
    text-align: center;
    color: black;
    font-weight: bold;
  margin-left: auto;
  margin-right: auto;
	font-size:12px;
	font-family:"IRANSans";
}
.list2-left {
  position: absolute;
    top: 274px;
    left: 200px;

   
    text-align: center;
    color: black;
   
  margin-left: auto;
  margin-right: auto;
	font-size:10px;
	font-family:"A Iranian Sans";
}
.list3-left {
  position: absolute;
    top: 290px;
    left: 200px;
line-height: 8px;
   width:140px;
    text-align: left;
    color: black;
   
  margin-left: auto;
  margin-right: auto;
	font-size:10px;
	font-family:"A Iranian Sans";
}
.list4-left {
  position: absolute;
    top: 305px;
    left: 200px;

   font-size:12px;
    text-align: center;
    color: black;
font-weight: bold;
  margin-left: auto;
  margin-right: auto;

	font-family:"IRANSans";
}
.list5-left {
  position: absolute;
    top: 368px;
    left: 200px;

   
    text-align: center;
    color: black;
font-weight: bold;
  margin-left: auto;
  margin-right: auto;
	font-size:12px;

	font-family:"IRANSans";
}
.list6-left {
  position: absolute;
    top: 387px;
    left: 200px;
   line-height: 8px;
   width:140px;
    text-align: left;
    color: black;

  margin-left: auto;
  margin-right: auto;
	font-size:10px;

	font-family:"A Iranian Sans";
}

.list7-left {
  position: absolute;
    top: 458px;
    left: 200px;
line-height: 8px;
   width:140px;
    text-align: left;
    color: black;
font-weight: bold;
  margin-left: auto;
  margin-right: auto;
	font-size:12px;

	font-family:"IRANSans";
}.list8-left {
  position: absolute;
    top: 486px;
    left: 200px;

   
    text-align: center;
    color: black;
font-weight: bold;
  margin-left: auto;
  margin-right: auto;
	font-size:12px;

	font-family:"IRANSans";
}

.list9-left {
  position: absolute;
    top: 535px;
    left: 200px;

   
    text-align: center;
    color: black;
font-weight: bold;
  margin-left: auto;
  margin-right: auto;
	font-size:12px;

	font-family:"IRANSans";
}
.list10-left {
  position: absolute;
    top: 555px;
    left: 200px;

   
    text-align: center;
    color: black;
font-weight: bold;
  margin-left: auto;
  margin-right: auto;
	font-size:12px;

	font-family:"IRANSans";
}
.list11-left {
  position: absolute;
    top: 608px;
    left: 200px;

   
    text-align: center;
    color: black;
font-weight: bold;
  margin-left: auto;
  margin-right: auto;
	font-size:12px;

	font-family:"IRANSans";
}
.list12-left {
  position: absolute;
    top: 623px;
    left: 200px;
line-height: 8px;
   width:140px;
       text-align: left;
   
    color: black;

  margin-left: auto;
  margin-right: auto;
	font-size:10px;

	font-family:"A Iranian Sans";
}
.list13-left {
  position: absolute;
    top: 642px;
    left: 200px;

   
    text-align: center;
    color: black;

  margin-left: auto;
  margin-right: auto;
	font-size:10px;

	font-family:"A Iranian Sans";
}
.list14-left {
  position: absolute;
    top: 652px;
    left: 200px;

   
    text-align: center;
    color: black;

  margin-left: auto;
  margin-right: auto;
	font-size:10px;

	font-family:"A Iranian Sans";
}
.list15-left {
  position: absolute;
    top: 663px;
    left: 200px;

   
    text-align: center;
    color: black;

  margin-left: auto;
  margin-right: auto;
	font-size:10px;

	font-family:"A Iranian Sans";
}
.list16-left {
  position: absolute;
    top: 672px;
    left: 200px;

   
    text-align: center;
    color: black;

  margin-left: auto;
  margin-right: auto;
	font-size:10px;

	font-family:"A Iranian Sans";
}
.list17-left {
  position: absolute;
    top:630px;
    left: 10px;
width: 85px;
   
    text-align: center;
    color: white;

  margin-left: auto;
  margin-right: auto;
	font-size:10px;

	font-family:"A Iranian Sans";
}
.list18-left {
  position: absolute;
    top:458px;
    left: 85px;

   
    text-align: center;
    color: #52534e;
 line-height: 16px;
  margin-left: auto;
  margin-right: auto;
	font-size:20px;

	font-family:"Mj_Casablanca Light";
}
.list19-left {
  position: absolute;
    top:630px;
    left: 99px;

  
    text-align: center;
    color: #52534e;

  margin-left: auto;
  margin-right: auto;
	font-size:12px;

	font-family:"Mj_Casablanca Light";
}
.list20-left {

  position:absolute; 
  top:390px; 
  left:32px;
   width: 325px;
  height: 250px;

}
.list21-left {

  position:absolute; 
  top:330px; 
  left:10px;
   width: 22px;
  height: 22px;
}
.pici{
	  width: 360px;
  height: 640px;
 
}
.list22-left {

  position:absolute; 
  top:330px; 
  left:30px;
   width: 22px;
  height: 22px;
}
.list23-left {

  position:absolute; 
  top:330px; 
  left:50px;
   width: 22px;
  height: 22px;
}
.list24-left {

  position:absolute; 
  top:330px; 
  left:70px;
   width: 22px;
  height: 22px;
}
.list25-left {

  position:absolute; 
  top:320px; 
  left:18px;
   width: 294px;
  height: 200px;
}
.list26-left {

  position:absolute; 
  top:560px; 
  left:140px;
   width: 195px;
  height: 130px;
}
.list27-left {

  position:absolute; 
  top:85px; 
  left:210px;
   width: 124px;
  height: 115px;
}
.list28-left {

  position:absolute; 
  top:85px; 
  left:10px;
   width: 195px;
  height: 115px;
}

.list29-left {

  position:absolute; 
  top:205px; 
  left:10px;
   width: 130px;
  height: 220px;
}
.list30-left {

  position:absolute; 
  top:205px; 
  left:145px;
   width: 195px;
  height: 125px;
}
.list31-left {

  position:absolute; 
  top:335px; 
  left:145px;
   width: 80px;
  height: 90px;
}
.list32-left {

  position:absolute; 
  top:335px; 
  left:230px;
   width: 115px;
  height: 90px;
}
.list33-left {

  position:absolute; 
  top:440px; 
  left:30px;
   width: 300px;
  height: 200px;
}

.list34-left {

 position: absolute;
    top: 597px;
    left: 24px;

   text-align: left;
  
    color: white;
     width:335px;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
	font-size:10px;
	font-family:"A Iranian Sans";
}
.list35-left {

  position:absolute; 
  top:130px; 
  left:25px;
   width: 330px;
  height: 350px;

}
.list36-left {

  position:absolute; 
  top:260px; 
  left:25px;
   width: 83px;
  height: 22px;
}
.list37-left {

  position:absolute; 
  top:400px; 
  left:32px;
   width: 103px;
  height: 24px;
}
.list38-left {

  position:absolute; 
  top:135px; 
  left:32px;
   width: 150px;
  height: 24px;
}
.list39-left {

  position:absolute; 
  top:293px; 
  left:32px;
   width: 110px;
  height: 24px;
}
.list40-left {

  position:absolute; 
  top:422px; 
  left:32px;
   width: 129px;
  height: 18px;
}
.list41-left {

  position:absolute; 
  top:100px; 
  left:160px;
   width: 170px;
  height: 40px;
}
.list42-left {

  position:absolute; 
  top:180px; 
  left:20px;
     width: 88px;
  height: 88px;
  
}
.list43-left {

  position:absolute; 
  top:186px; 
  left:140px;
     width: 88px;
  height: 88px;
  
}
.list44-left {

  position:absolute; 
  top:177px; 
  left:250px;
     width: 88px;
  height: 88px;
  
}
.list45-left {

  position:absolute; 
  top:345px; 
  left:250px;
   width: 84px;
  height: 80px;
}
.list46-left {

   position:absolute; 
  top:363px; 
  left:140px;
   width: 84px;
  height: 60px;
}
.list47-left {

  position:absolute; 
  top:335px; 
  left:20px;
   width: 88px;
  height: 88px;
  
}
.list48-left {

  position:absolute; 
  top:455px; 
  left:0px;
   width: 360px;
  height: 260px;
  
}
.list49-left {

  position:absolute; 
  top:335px; 
  left:30px;
   width: 148px;
  height: 82px;
  
}
.list50-left {

  position:absolute; 
  top:435px; 
  left:180px;
   width: 160px;
  height: 80px;
  
}
.list51-left {
 position: absolute;
    top: 120px;
    left: 40px;

   text-align: right;
  
    color: black;
     width:270px;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
	font-size:10px;
	font-family:"A Iranian Sans";
  
}.list52-left {

  position:absolute; 
  top:106px; 
  left:35px;
   width: 300px;
  height: 120px;
  
}.list53-left {

  position:absolute; 
  top:309px; 
  left:29px;
   width: 60px;
  height: 100px;
  
}
.list54-left {

  position:absolute; 
  top:305px; 
  left:144px;
   width: 60px;
  height: 100px;
  
}
.list55-left {

  position:absolute; 
  top:305px; 
  left:259px;
   width: 60px;
  height: 100px;
  
}

.list56-left {

  position:absolute; 
  top:445px; 
  left:29px;
   width: 60px;
  height: 100px;
  
}

.list57-left {

  position:absolute; 
  top:441px; 
  left:144px;
   width: 60px;
  height: 100px;
  
}

.list58-left {

  position:absolute; 
  top:442px; 
  left:259px;
   width: 60px;
  height: 100px;
  
}

.list59-left {

  position:absolute; 
  top:570px; 
  left:29px;
   width: 60px;
  height: 100px;
  
}

.list60-left {

  position:absolute; 
  top:568px; 
  left:144px;
   width: 60px;
  height: 100px;
  
}



.list61-left {

  position:absolute; 
  top:568px; 
  left:268px;
   width: 40px;
  height: 80px;
  
}
.list62-left {

  position:absolute; 
  top:260px; 
  left:65px;
   width: 150px;
  height: 37px;
}
.list63-left {

  position:absolute; 
  top:400px; 
  left:65px;
   width: 150px;
  height: 37px;
}
.list64-left {

  position:absolute; 
  top:545px; 
  left:65px;
   width: 78px;
  height: 37px;
}
.list65-left {
position: absolute;
    top: 468px;
    left: 135px;


  
    color: red;
     width:30px;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
	font-size:14px;
	font-family:"A Iranian Sans";
}
.list66-left {

  position:absolute; 
  top:257px; 
  left:65px;
   width: 90px;
  height: 37px;
}
.list67-left {

  position:absolute; 
  top:405px; 
  left:65px;
   width: 150px;
  height: 37px;
}
.list68-left {

  position:absolute; 
  top:510px; 
  left:65px;
   width: 150px;
  height: 37px;
}
.list69-left {

  position:absolute; 
  top:545px; 
  left:25px;
   width: 50px;
  height: 37px;
}
.list70-left {

  position:absolute; 
  top:540px; 
  left:0px;
   width: 360px;
  height: 160px;
}
.list71-left {

  position:absolute; 
  top:652px; 
  left:40px;
   width: 50px;
  height: 70px;
  z-index:1;
  display: block;
}
.list72-left {
  position: absolute;
    top:348px;
    left: 10px;

   
    text-align: center;
    color: #52534e;

  margin-left: auto;
  margin-right: auto;
	font-size:19px;

	font-family:"Mj_Casablanca Light";
}
.list73-left {
position: absolute;
    top: 410px;
    left: 120px;


  
    color: white;
     width:30px;

  margin-left: auto;
  margin-right: auto;
	font-size:16px;
	font-family:"A Iranian Sans";
}
.list74-left {
position: absolute;
    top: 455px;
    left: 120px;


  
    color: white;
     width:30px;
 
  margin-left: auto;
  margin-right: auto;
	font-size:16px;
	font-family:"A Iranian Sans";
}

.list75-left {
position: absolute;
    top: 500px;
    left: 120px;


  
    color: white;
     width:50px;
 
  margin-left: auto;
  margin-right: auto;
	font-size:16px;
	font-family:"A Iranian Sans";
}

.list76-left {
 color: yellow;
}
.list77-left {
position: absolute;
    top: 550px;
    left: 120px;


  
    color: white;
     width:90px;
 
  margin-left: auto;
  margin-right: auto;
	font-size:14px;
	font-family:"A Iranian Sans";
}
.list78-left {
position: absolute;
    top: 560px;
    left: 215px;


  
    color: red;
     width:90px;
 
  margin-left: auto;
  margin-right: auto;
	font-size:14px;
	font-family:"A Iranian Sans";
}
.list79-left {
position: absolute;
    top: 595px;
    left: 120px;


  
    color: red;
     width:90px;
 
  margin-left: auto;
  margin-right: auto;
	font-size:14px;
	font-family:"A Iranian Sans";
}
.list80-left {
position: absolute;
    top: 608px;
    left: 202px;


  
    color: red;
     width:90px;
  
  margin-left: auto;
  margin-right: auto;
	font-size:12px;
	font-family:"A Iranian Sans";
}
.list81-left {
position: absolute;
    top: 640px;
    left: 120px;


  
    color: red;
     width:90px;
 
  margin-left: auto;
  margin-right: auto;
	font-size:16px;
	font-family:"A Iranian Sans";
}

.centert {
  margin: auto;
}



#news-slider{
    margin-top: 80px;
}
.post-slide{
    background: #0e0e0e;
    margin: 20px 15px 20px;
    border-radius: 15px;
    padding-top: 1px;
    box-shadow: 0px 14px 22px -9px #fcff00;
}
.post-slide .post-img{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin: -12px 15px 8px 15px;
    margin-left: -10px;
	left:12px;
}
.post-slide .post-img img{
    width: 100%;
    height: auto;
	
    transform: scale(1,1);
    transition:transform 0.2s linear;
}
.post-slide:hover .post-img img{
    transform: scale(1.1,1.1);
}
.post-slide .over-layer{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    opacity:0;
    background: linear-gradient(-45deg, rgba(6,190,244,0.75) 0%, rgba(45,112,253,0.6) 100%);
    transition:all 0.50s linear;
}
.post-slide:hover .over-layer{
    opacity:1;
    text-decoration:none;
}
.post-slide .over-layer i{
    position: relative;
    top:45%;
    text-align:center;
    display: block;
    color:#0e0e0e;
    font-size:25px;
}
.post-slide .post-content{
    background:#0e0e0e;
    padding: 2px 20px 40px;
    border-radius: 15px;
}
.post-slide .post-title a{
    font-size:15px;
    font-weight:bold;
    color:#eda00a;
    display: inline-block;
    text-transform:uppercase;
    transition: all 0.3s ease 0s;
}
.post-slide .post-title a:hover{
    text-decoration: none;
    color:#db9c06;
}
.post-slide .post-description{
    line-height:24px;
    color:#808080;
    margin-bottom:25px;
	text-align:left;
}
.post-description1{
	
	  line-height:24px;
    color:#efe7d5;
    margin-bottom:25px;
	text-align:left;
	line-height: 6px;
}
.post-slide .post-date{
    color:#db9c06;
    font-size: 14px;
}
.post-slide .post-date i{
    font-size:20px;
    margin-right:8px;
    color: #CFDACE;
}
.post-slide .read-more{
    padding: 7px 20px;
    float: right;
    font-size: 12px;
    background: #fff000;
    color: black;
    box-shadow: 0px 10px 20px -10px #fff000;
    border-radius: 25px;
    text-transform: uppercase;
}
.post-slide .read-more:hover{
    background: #3498db;
    text-decoration:none;
    color:#fff;
}
.owl-controls .owl-buttons{
    text-align:center;
    margin-top:20px;
}
.owl-controls .owl-buttons .owl-prev{
    background: #353535;
    position: absolute;
    top:-13%;
    left:15px;
    padding: 0 18px 0 15px;
    border-radius: 50px;
    box-shadow: 3px 14px 25px -10px #fcff00;
    transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next{
    background: #353535;
    position: absolute;
    top:-13%;
    right: 15px;
    padding: 0 15px 0 18px;
    border-radius: 50px;
    box-shadow: -3px 14px 25px -10px #fcff00;
    transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-prev:after,
.owl-controls .owl-buttons .owl-next:after{
    content:"\f104";
    font-family: FontAwesome;
    color: #fff;
    font-size:30px;
}
.owl-controls .owl-buttons .owl-next:after{
    content:"\f105";
}
@media only screen and (max-width:1280px) {
    .post-slide .post-content{
        padding: 0px 15px 25px 15px;
    }
	.item {
  width: 50%;
  height: 50%;
  margin: auto;
  padding-top: 75px;
  margin-left:35%;
  margin-right: 35%;
}
@media only screen and (max-width:600px) {
	.item {
  width: 100%;
  height: 100%;
  margin: auto;
  padding-top: 75px;
  margin-left:2%;
  margin-right: 2%;
	
}