* {
  box-sizing: border-box;
}
@font-face {
  font-family: Sahel;
  src: url('Sahel-FD.eot');
  src: url('Sahel-FD.eot?#iefix') format('embedded-opentype'),
       url('Sahel-FD.woff2') format('woff2'),
       url('Sahel-FD.woff') format('woff'),
       url('Sahel-FD.ttf') format('truetype');
  font-weight: normal;
}

@font-face {
  font-family: Sahel;
  src: url('Sahel-Bold-FD.eot');
  src: url('Sahel-Bold-FD.eot?#iefix') format('embedded-opentype'),
       url('Sahel-Bold-FD.woff2') format('woff2'),
       url('Sahel-Bold-FD.woff') format('woff'),
       url('Sahel-Bold-FD.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: Sahel;
  src: url('Sahel-Light-FD.eot');
  src: url('Sahel-Light-FD.eot?#iefix') format('embedded-opentype'),
       url('Sahel-Light-FD.woff2') format('woff2'),
       url('Sahel-Light-FD.woff') format('woff'),
       url('Sahel-Light-FD.ttf') format('truetype');
  font-weight: 300;
}

@font-face {
  font-family: Sahel;
  src: url('Sahel-SemiBold-FD.eot');
  src: url('Sahel-SemiBold-FD.eot?#iefix') format('embedded-opentype'),
       url('Sahel-SemiBold-FD.woff2') format('woff2'),
       url('Sahel-SemiBold-FD.woff') format('woff'),
       url('Sahel-SemiBold-FD.ttf') format('truetype');
  font-weight: 600;
}

@font-face {
  font-family: Sahel;
  src: url('Sahel-Black-FD.eot');
  src: url('Sahel-Black-FD.eot?#iefix') format('embedded-opentype'),
       url('Sahel-Black-FD.woff2') format('woff2'),
       url('Sahel-Black-FD.woff') format('woff'),
       url('Sahel-Black-FD.ttf') format('truetype');
  font-weight: 900;
}


@font-face {
  font-family: "Flaticon";
  src: url("Flaticon.eot");
  src: url("Flaticond41d.eot?#iefix") format("embedded-opentype"),
       url("Flaticon.woff2") format("woff2"),
       url("Flaticon.woff") format("woff"),
       url("Flaticon.ttf") format("truetype"),
       url("Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
font-style: normal;
}

.flaticon-leader:before { content: "\f100"; }
.flaticon-checkmark:before { content: "\f101"; }
.flaticon-law:before { content: "\f102"; }
.flaticon-family:before { content: "\f103"; }
.flaticon-inheritance:before { content: "\f104"; }
.flaticon-mortarboard:before { content: "\f105"; }
.flaticon-auction:before { content: "\f106"; }
.flaticon-vulnerability:before { content: "\f107"; }
.flaticon-experience:before { content: "\f108"; }
.flaticon-lawyer:before { content: "\f109"; }
.flaticon-balance:before { content: "\f10a"; }
.flaticon-pin:before { content: "\f10b"; }
.flaticon-email:before { content: "\f10c"; }
.flaticon-call:before { content: "\f10d"; }
.flaticon-judge:before { content: "\f10e"; }
.flaticon-medal:before { content: "\f10f"; }
.flaticon-team:before { content: "\f110"; }
.flaticon-download:before { content: "\f111"; }
.flaticon-money-bag:before { content: "\f112"; }
.flaticon-time:before { content: "\f113"; }
.flaticon-conversation:before { content: "\f114"; }
.flaticon-support:before { content: "\f115"; }


@font-face {
  font-family: Vazir;
  src: url('Vazir-Regular-FD.eot');
  src: url('Vazir-Regular-FD.eot?#iefix') format('embedded-opentype'),
       url('Vazir-Regular-FD.woff2') format('woff2'),
       url('Vazir-Regular-FD.woff') format('woff'),
       url('Vazir-Regular-FD.ttf') format('truetype');
  font-weight: normal;
  font-display:swap;
}

@font-face {
  font-family: Vazir;
  src: url('Vazir-Bold-FD.eot');
  src: url('Vazir-Bold-FD.eot?#iefix') format('embedded-opentype'),
       url('Vazir-Bold-FD.woff2') format('woff2'),
       url('Vazir-Bold-FD.woff') format('woff'),
       url('Vazir-Bold-FD.ttf') format('truetype');
  font-weight: bold;
  font-display:swap;
}

@font-face {
  font-family: Vazir;
  src: url('Vazir-Thin-FD.eot');
  src: url('Vazir-Thin-FD.eot?#iefix') format('embedded-opentype'),
       url('Vazir-Thin-FD.woff2') format('woff2'),
       url('Vazir-Thin-FD.woff') format('woff'),
       url('Vazir-Thin-FD.ttf') format('truetype');
  font-weight: 100;
  font-display:swap;
}

@font-face {
  font-family: Vazir;
  src: url('Vazir-Light-FD.eot');
  src: url('Vazir-Light-FD.eot?#iefix') format('embedded-opentype'),
       url('Vazir-Light-FD.woff2') format('woff2'),
       url('Vazir-Light-FD.woff') format('woff'),
       url('Vazir-Light-FD.ttf') format('truetype');
  font-weight: 300;
  font-display:swap;
}

@font-face {
  font-family: Vazir;
  src: url('Vazir-Medium-FD.eot');
  src: url('Vazir-Medium-FD.eot?#iefix') format('embedded-opentype'),
       url('Vazir-Medium-FD.woff2') format('woff2'),
       url('Vazir-Medium-FD.woff') format('woff'),
       url('Vazir-Medium-FD.ttf') format('truetype');
  font-weight: 500;
  font-display:swap;
}

@font-face {
  font-family: Vazir;
  src: url('Vazir-Black-FD.eot');
  src: url('Vazir-Black-FD.eot?#iefix') format('embedded-opentype'),
       url('Vazir-Black-FD.woff2') format('woff2'),
       url('Vazir-Black-FD.woff') format('woff'),
       url('Vazir-Black-FD.ttf') format('truetype');
  font-weight: 900;
  font-display:swap;
}























#fuser1
{
    font-size:14px; padding:9px; width:400px; text-align:right; cursor:pointer; position:absolute; left:0px;background-color:transparent;color:White;font-family: iliya;
    font-weight:bold;border: 2px solid #4CAF50;border-radius: 8px;  text-align:center;top:52px
}

h6:hover
{ background-color:Red;
}
#Paris
{
     margin-top:50px; width:100%; position:absolute; width:66%; right:0px
}

#tedad{
  padding:7px; background-color:#F37021;float:right;cursor:pointer;color:white;font-size:15px; font-weight:bold;font-family:ragam;margin-top:-4px;width:45%; border-style:none; text-align:right; padding-right:10px;direction:rtl
}
     .scrollmenu::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #f1f1f1; /* or add it to the track */
}
.scrollmenu::-webkit-scrollbar-thumb {
  background: #C1C1C1;
}
#Button1
{ font-size:14px; margin-top:10px;  font-weight:bold; position:absolute; top:190px;right:30px;
color:black; width:130px; text-align:right; padding-right:10px;background-color:black;color:white;border-radius: 4px;border:1px solid white;cursor:pointer
}

  html
    {scroll-behavior: smooth;
    }
    
    .column22222
    { background-color:#ffffff; border:1px solid white;margin-top:-42px;width:66%;float:right
    }
     
     #iliyakala
     {
          background-color:#ffffff; padding:0px; margin:0px; margin-top:-42px; width:100%;
     }
   
   .columnn {
  float: right;
  width: 24.2%;
  padding: 10px;
}

/* Clear floats after the columnns */
.roww:after {
  content: "";
  display: table;
  clear: both;
}
/* Style the buttons */
.btn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: #f1f1f1;
  cursor: pointer;
}

.btn:hover {
  background-color: #ddd;
}

.btn.active {
  background-color: #666;
  color: white;
}
    
      #myBtn {
  display: none;
  position: fixed;
   top: 0px;
  right:61%;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: transparent;
  color: red;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px; z-index:1000000000000000000000000000px;
}

#myBtn:hover {
  background-color: #555;
}
#H1
{
    font-size:12px; margin-top:10px;  font-weight:lighter; position:absolute; top:150px;right:40px;color:black; text-align:right; padding-right:10px; color:White;

}
#Button2
{ font-size:25px; margin-top:10px;  font-weight:bold; position:absolute; top:150px;right:30px;color:black; width:130px; text-align:right; padding-right:10px; height:12px; width:12px; background-color:red;border-radius: 6px; 
 box-shadow: 0px 1px 1px 1px lightblue; 
}


#logo1
{
     border-color: inherit;
    border-width: 0;
    right:125px; 
    height:100px; width:80px; padding:0px; vertical-align:top; background-color:transparent;color:White; border-style:none;margin-right:0px;font-family: iliya;
    top: 38px; position:absolute;
}
#logo1 img
{
     width:100%;
}
  .pc
{ display:block;
}
.mob
{ display:none;
}
#nameshop
{ display:block;
}
.saeed
{width:100%; background-color:#FFFFFF; text-align:center ; height:auto;margin:0px;
}
    .column3
{ display:none; width:7%; background-color:Red;  z-index:100000000000000000000000000000000;
}
.column4
{ display:none; width:7%; background-color:Red;  z-index:10000000000000000000000000000000000;
}
     div.scrollmenu 
{

    direction:rtl;
  
  background-color: transparent;

  white-space: nowrap; color:Black;  overflow-y:hidden;
  overflow-x:auto; width:100%;  text-align:center;  scroll-behavior: smooth;

}

div.scrollmenu span 
{
    
   
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px;
  text-decoration: none;color:Black
}
.column
{ display:block
}

div.scrollmenu span:hover {
  background-color: transparent;color:red;
}
a
{ text-decoration:none;
}

    .mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;

  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next { 
  border-radius: 3px 0 0 3px; color:red;
}
.prev 
{
   
  border-radius: 3px 0 0 3px;color:red;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
 
}



/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s; width:100%;
}

@keyframes fade {
 50%{ width:90%;}
}

.column {
  float: left;
  width: 25%;
  padding: 0 7px;
}

/* Remove extra left and right margins, due to padding */
.row {margin: 0 0px;}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive columns */


/* Style the counter cards */
.card {
  
  padding: 10px;
  padding-right:0px;
  text-align: center;
  background-color: #FFFFFF;
}

/* On smaller screens, decrease text size */

  .prev, .next,.text {font-size: 20px}



div.scrollmenu span 
{
    
   
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px;
  text-decoration: none;color:Black
}

div.scrollmenu span:hover {
  background-color: transparent;color:red;
}
a
{ text-decoration:none;
}
.tell
{font-size:13px;float:right;width:auto; background-color:white; border-style:none;  background-color:White;color:Black; font-family:iliya; cursor:pointer; text-align:center; font-size:18px; direction:rtl;padding-right:10px;
}

.modal {
  /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 100; /* Sit on top */
  padding-top: 70px; /* Location of the box */
  left: 0;
  top: -100px;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4);
  font-family: iliya; /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  font-family: iliya;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s; height:250px;
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;font-family: iliya;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;font-family: iliya;
}

.modal-header {
  padding: 2px 16px;
  background-color: #FFFFFF;
  color: white;font-family: iliya; border-bottom-style:solid; border-bottom-color:#F8F8F8;
}

.modal-body {padding-top:10px;font-family: iliya;}

.modal-footer {
  padding: 0px 16px;
  background-color: #5cb85c;
  color: white;font-family: iliya;
}

a
{
    font-family: iliya;
}

  .column1 {
  float: left;
  width: 33%;
  margin-left:1%;
  padding: 5px;
  height: 203px;
  display:block; /* Should be removed. Only for demonstration */
  background-color:#ffffff;
}

.column2 {
  float: left;
  width: 60%;
  padding: 0px;
  height: 300px; 
  
   text-align:right;background-color:#ffffff;
}
.p
{ background:white; border:1px solid #E4E4E4;padding-right:10px;margin-top:-17px; text-align:center
}

.row
{ text-align:right; background-color:#ffffff;width:100%
}
.hh2
{ background:white; border:1px solid #E4E4E4;padding-right:10px;font-size:20px;padding-top:10px;margin-top:-4px;
}

.down
{color:white;width:15px
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
  
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */

.tab {
  overflow: hidden;
  border: 1px solid #FFFFFF;
  background-color: #ffffff;
 
    width:100%; 
     direction:rtl; 
}

/* Style the buttons inside the tab */
.tab button {
  background-color: #ffffff; direction:rtl;
  float: right;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 12px;
  
    
   
  
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ffffff;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #FFFFFF;
    border:1px solid #E4E4E4;
   border-bottom-style:none;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #E4E4E4;
 
  color:White; width:100%;
  background-color:#FFFFFF;
   
}

.c1
{ height:100%; width:100%;  background-color:#ffffff; margin:0px;
}

html {
    font-size: 14px;-webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */                                        
  user-select: none; /* Standard syntax */
}

.aks
{  width:240px; height:auto; float:left; margin-left:-20px; margin-top:-20px;
}


 @font-face {
    font-family: iliya;
    src: url('IRANSans.ttf');}
body {
  font-family: iliya;
  font-size: 17px;
  margin:0px;
 
}

.container { margin:0px;
  position: relative;
  max-width: 100%;
  margin: 0 auto;font-family: iliya;background-color:#000000;
}


.container img {vertical-align: middle; border-style:none}
.container .content {
  position:absolute;
  top: 135px;
  left:0%;
  background-color:tranparent;
  color: #f1f1f1;
  width: 100%;
  padding: 20px;  text-align:center;
  font-family: iliya;
   height:100px
}
.header {
  position: absolute;
  top: -10;

  color: #f1f1f1;
  width: 100%;
  padding: 20px;
  height:150px;
  font-family: iliya;
   background-color:Black; 
 

}
.header11 {
  position: absolute;
  top: 0;

  color: #f1f1f1;
  width: 100%;
  padding: 20px;
  height:130px;
  font-family: iliya;
  
    left: 0px;
}
.hr
{ margin-top:140px; z-index:10000000000000000000000000; height:2px; background-color:black;border-style:none; border-top-style:solid; border-top-color:#111111; width:100%; display:none;
}
#divb
{
 width:50%; height:1200px; border:1px; border-style:none; border-top-style:solid; border-top-color:White; text-align:center   ; background-color:#000000;
}
#mc1
{float:right; padding:50px;color:white; text-decoration:none;font-weight:bold;

}

.b4
{color:#4CAF50; text-decoration:none; font-size:14px;margin:10px
}
.iliy
{width:25px;
}

.d2
{padding-right:50px; float:left
}
.b3
{padding-right:30px;font-weight:bold; font-family: iliya;
}
.b2
{background-color:#000000; padding:20px; text-align:center; width:100%; color:White; direction:rtl;font-family: iliya;
}
.majazi
{width:30px;display:block;
}
.fonr
{font-weight:bold;color:#4CAF50;font-family: iliya;
}
button
{ font-weight:bold;color:#4CAF50;font-family: iliya;
}
.map
{width:50px;padding:10px;font-weight:bold
}
#mc2
{ float:left; padding:50px;color:white; text-decoration:none;font-weight:bold
}
h1
{font-family: iliya; 
}
.h1
{ float:right; margin-right:10px; font-size:29px; margin-top:40px;  font-weight:bold; 
  }
.h2
{   font-size:14px; margin-top:10px;  font-weight:bold; position:absolute; top:100px;right:30px;
}



#fuser1
{
    font-size:14px; padding:9px; width:160px; text-align:right; cursor:pointer; position:absolute; left:6px;background-color:transparent;color:White;font-family: iliya;
    font-weight:bold;border: 2px solid #4CAF50;border-radius: 8px; top:52px;
}




#fuser
{
    font-size:14px; padding:9px; width:130px; text-align:right; cursor:pointer; position:fixed; left:20px;background-color:transparent;color:White;font-family: iliya;
    font-weight:bold;border: 2px solid #4CAF50;border-radius: 8px; 
}


#fnazdik
{
    font-size:14px; padding:9px; width:230px; text-align:center; cursor:pointer; background-color:#4CAF50;color:White;
    font-weight:bold;border: 2px solid #4CAF50;border-radius: 8px; font-family: iliya; font-size:16px;
}
#nameshop
{
     border-left: 1 solid White;
    position:absolute; right:10px; 
    height:100px; width:94px; 
    vertical-align:top; background-color:transparent;color:White;border-right-style:none;border-top-style:none; border-bottom-style:none;padding-left:10px;font-family: iliya;
    border-right-color: inherit;
    border-right-width: 1;
    border-top-color: inherit;
    border-top-width: 1;
    border-bottom-color: inherit;
    border-bottom-width: 1;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;top:60px; 
}
#logo
{
     position:fixed; right:110px; height:100px; width:80px; padding:0px; vertical-align:top; background-color:transparent;color:White; border:0; border-style:none;margin-right:10px;font-family: iliya;
}
#logo img
{
     width:100%;
}
#fuser img
{
     width:20px;
}

 #sesoton
{ display:block;
}
#chahar
{ display:block;
}
 #doseton
{ display:block;
}
#takseton
{ display:block;
}
@media screen and (max-width: 1124px) 
{
     #doseton
{ display:block;
}
#takseton
{ display:block;
}
    #sesoton
{ display:block;
}
#chahar
{ display:none;
}
     
   .columnn {
  float: right;
  width: 32.5%;
  padding: 10px;
}
}



@media screen and (max-width: 1023px) 
{
    
    
#Button1
{ font-size:14px; margin-top:10px;  font-weight:bold; position:absolute; top:190px;right:20px;
color:black; width:110px; text-align:right; padding-right:10px; background-color:black;color:white;border-radius: 4px;border:1px solid white;cursor:pointer
}

    div.scrollmenu 
{

    direction:rtl;
  
  background-color: white;

  white-space: nowrap; color:Black;  overflow-y:hidden;
  overflow-x:auto; width:100%;  text-align:center; 

}

div.scrollmenu span 
{
    
   
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px;
  text-decoration: none;color:Black
}

div.scrollmenu span:hover {
  background-color: transparent;color:red;
}
   #doseton
{ display:block;
}
#takseton
{ display:block;
}
    #sesoton
{ display:none;
}
#chahar
{ display:none;
}

   .columnn {
  float: right;
  width: 48.7%;
  padding: 10px;
}
}

@media screen and (max-width: 800px) 
{
    #Paris
{
     margin-top:50px; width:100%; position:absolute; width:100%; right:0px
}
#Button1
{ font-size:14px; margin-top:10px;  font-weight:bold; position:absolute; top:20px;right:20px;
color:black; width:110px; text-align:right; padding-right:10px;background-color:black;color:white;border-radius: 4px;border:1px solid white;cursor:pointer; display:block;
}

    .pc
{ display:none;
}
.mob
{ display:block;
}
    .container .content {
  position:absolute;
  top: 135px;
  left:0%;
  background-color:tranparent;
  color: #f1f1f1;
  width: 100%;
  padding: 20px;  text-align:center;
  font-family: iliya;
   height:100px
}
    .hr
{ margin-top:70px; z-index:10000000000000000000000000; height:2px; background-color:black;border-style:none; border-top-style:solid; border-top-color:#111111; width:100%; display:none
}
    .prev, .next
    { display:none
    }
      .scrollmenu::-webkit-scrollbar {
  width: 5px;
  height: 4px;
  background-color: #f1f1f1; /* or add it to the track */
}

/* Add a thumb */
.scrollmenu::-webkit-scrollbar-thumb {
  background: #aaa;
}
     
   #sesoton
{ display:none;
}
#chahar
{ display:none;
}   

   #doseton
{ display:none;
}
#takseton
{ display:none;
} 
 
   .columnn {
  float: right;
  width: 97.5%;
  padding: 10px;
}
    .column22222
    { background-color:#ffffff; border:1px solid white;margin-top:-42px;width:100%;float:right
    }
  .column22222
    { background-color:#ffffff; border:1px solid white;margin-top:-42px;width:100%;float:right
    }
     
     div.scrollmenu 
{

    direction:rtl;
  
  background-color: white;

  white-space: nowrap; color:Black; 
  overflow-x:auto; width:100%;  text-align:center; 

}

div.scrollmenu span 
{
    
   
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px;
  text-decoration: none;color:Black;
}

div.scrollmenu span:hover {
  background-color: transparent;color:red;
}
#nameshop
{
    display:none
}
}


@media screen and (max-width: 799px) 
{
    
    
#Button1
{ font-size:14px; margin-top:10px;  font-weight:bold; position:absolute; top:100px;left:20px;
color:black; width:110px; text-align:right; padding-right:10px;background-color:black;color:white;border-radius:4px ;border:1px solid white;cursor:pointer
}

    .container .content {
  position:absolute;
  top: 135px;
  left:0%;
  background-color:tranparent;
  color: #f1f1f1;
  width: 100%;
  padding: 20px;  text-align:center;
  font-family: iliya;
   height:100px
}
    .hr
{ margin-top:70px; z-index:10000000000000000000000000; height:2px; background-color:black;border-style:none; border-top-style:solid; border-top-color:#111111; width:100%; display:none
}
      .prev, .next
    { display:none
    }
      .scrollmenu::-webkit-scrollbar {
  width: 5px;
  height: 4px;
  background-color: #f1f1f1; /* or add it to the track */
}

/* Add a thumb */
.scrollmenu::-webkit-scrollbar-thumb {
  background: #aaa;
}
      .column22222
    { background-color:#ffffff; border:1px solid white;margin-top:-42px;width:100%;float:right
    }
  .column22222
    { background-color:#ffffff; border:1px solid white;margin-top:-42px;width:100%;float:right
    }
  
    #Button2
{ font-size:25px; margin-top:10px;  font-weight:bold; position:absolute; top:110px;right:30px;color:black; width:130px; text-align:right; padding-right:10px; height:12px; width:12px; background-color:red;border-radius: 6px; 
 box-shadow: 0px 1px 1px 1px lightblue; 
}
    #H1
{
    font-size:12px; margin-top:10px;  font-weight:lighter; position:absolute; top:110px;right:40px;color:black; text-align:right; padding-right:10px; color:White;

}
    #logo1
{
     border-color: inherit;
    border-width: 0;
    right:1px; 
    height:100px; width:80px; padding:0px; vertical-align:top; background-color:transparent;color:White; border-style:none;margin-right:0px;font-family: iliya;
    top: 38px; position:absolute;
}

.h1
{ float:right; margin-right:10px; font-size:29px; margin-top:20px;  font-weight:bold; 
  }
.h2
{   font-size:14px; margin-top:10px;  font-weight:bold; position:absolute; top:80px;right:30px;
}
.pc
{ display:none;
}
.mob
{ display:block;
}
}
@media screen and (max-width: 200px) 
{
    .pc
{ display:none;
}
.mob
{ display:block;
}

/* Clear floats after the columnns */
.roww:after {
  content: "";
  display: table;
  clear: both;
}
/* Style the buttons */
.btn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: #f1f1f1;
  cursor: pointer;
}

.btn:hover {
  background-color: #ddd;
}

.btn.active {
  background-color: #666;
  color: white;
}
    
    
    
    .btn
    { display:none;
    }
    
      #myBtn {
  display: none;
  position: fixed;
   top: 0px;
  left:0px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: transparent;
  color: red;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px; z-index:1000000000000000000000000000px;
}
 #sesoton
{ display:none;
}
#chahar
{ display:none;
}   

   #doseton
{ display:none;
}
#takseton
{ display:none;
} 
#myBtn:hover {
  background-color: transparent;
}
    
#nameshop
{ display:none;
}

.column3
{ display:none; width:7%; background-color:Red;
}
.saeed
{width:100%; background-color:#FFFFFF; text-align:right ; height:auto
}


.h2
{   font-size:11px; margin-top:10px;  font-weight:bold; position:absolute; top:50px;right:0px;font-family: iliya; width:100%; text-align:center
}
      .column1 {
  float: left;
  width: 34%;
  padding: 5px;
  height: 300px;
  display:none; /* Should be removed. Only for demonstration */
}

.column2 {
  float: left;
  width: 100%;
  padding: 0px;
  height: 300px; 
  
   text-align:right;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
  
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */

.tab {
  overflow: hidden;
  border: 1px solid #FFFFFF;
  background-color: #ffffff;
 
    width:100%; 
     direction:rtl; 
}

/* Style the buttons inside the tab */
.tab button {
  background-color: #ffffff; direction:rtl;
  float: right;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 12px;
  
    
   
  
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ffffff;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #FFFFFF;
    border:1px solid #E4E4E4;
   border-bottom-style:none;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #E4E4E4;
 
  color:White; width:100%;
  background-color:#FFFFFF;
   
}

  .h1
{ float:right; margin-right:10px; font-size:18px; margin-top:10px;  font-weight:bold; position:absolute;top:2px; text-align:center; width:100%
  }
.aks
{  width:120px; height:auto; float:left; margin-left:10px; margin-top:105px; display:none;
}

    #fnazdik
{
    font-size:14px; padding:9px; width:230px; text-align:center; cursor:pointer; background-color:#4CAF50;color:White;
    font-weight:bold;border: 2px solid #4CAF50;border-radius: 8px; font-family: iliya; font-size:16px;
}
    
    * {
  box-sizing: border-box;
}


 @font-face {
    font-family: iliya;
    src: url('IRANSans.ttf');}


.container { margin:0px;
  position: relative;
  max-width: 100%;
  height:100%;
  margin: 0 auto;font-family: iliya;

  
}




.container img {vertical-align: middle; border-style:none}
.container .content {
  position:absolute;
  top: 145px;
  left:0px;
  
   background-color:transparent;
  color: #f1f1f1;
  width: 100%;
  padding: 10px;  text-align:center;
  font-family: iliya;
  height:100%;margin:0px;

}
.header {
  position:absolute;
  top: 0;

  color: #f1f1f1;
  width: 100%;
  padding: 20px;
  height:150px;
  font-family: iliya;
}
.header11 {
  position:absolute;
  top: 0;

  color: #f1f1f1;
  width: 100%;
  padding: 20px;
  height:90px;
  font-family: iliya;
 
}
#divb
{
 width:100%; height:auto; border:1px; border-style:none; border-top-style:solid; border-top-color:White; text-align:center   
}
#mc1
{float:right; padding-top:10px;color:white; text-decoration:none;font-weight:bold; width:100%;
}
.foter
{  position:fixed; background-color:#111111; padding:3px; text-align:right; width:100%; color:White; direction:rtl;height:100px;
}
.b4
{color:#4CAF50; text-decoration:none; font-size:14px;margin:10px
}
.iliy
{width:25px;
}
.foter2
{padding-right:2px; float:right;font-family: iliya;font-size:14px;
}
.d2
{padding-right:50px; float:left
}
.b3
{padding-right:5px;font-weight:bold; font-family: iliya;font-size:10px;
}
.b2
{ background-color:#000000; padding:20px; text-align:center; width:100%; color:White; direction:rtl;font-family: iliya;
}
.majazi
{width:40px;float:left;margin-left:3px;margin-top:10px ;margin-left:10px;
}
.fonr
{font-weight:bold;color:#4CAF50;font-family: iliya;
}
.map
{width:50px;padding:10px;font-weight:bold
}
#mc2
{ float:right; padding-top:10px;color:white; text-decoration:none;font-weight:bold; width:100%;
}
h1
{font-family: iliya; font-size:16px;
}


#H1
{
    font-size:12px; margin-top:10px;  font-weight:lighter; position:absolute; top:100px;right:30px;color:black; text-align:right; padding-right:10px; color:White;

}
#fuser
{
    font-size:14px; padding:9px; width:130px; text-align:right; cursor:pointer; position:absolute; left:20px;background-color:transparent;color:White;font-family: iliya;
    font-weight:bold;border: 2px solid #4CAF50;border-radius: 8px;
}
#nameshop
{
     position:absolute; right:10px; height:100px; width:80px; padding:0px; vertical-align:top; background-color:transparent;color:White;border:1; border-style:solid; border-left-color:White; border-right-style:none;border-top-style:none; border-bottom-style:none;padding-left:10px;font-family: iliya;
}
#logo
{
     position:absolute; right:100px; height:100px; width:70px; padding:0px; vertical-align:top; background-color:transparent;color:White; border:0; border-style:none;margin-right:10px;font-family: iliya;top:1px;
}
#logo img
{
     width:100%;
}

#logo1
{
     position:absolute; right:2px; height:100px; width:70px; padding:0px; vertical-align:top; background-color:transparent;color:White; border:0; border-style:none;margin-right:2px;font-family: iliya;top:160px;
}
#logo1 img
{
     width:100%;
}
#fuser img
{
     width:20px;
}

.p
{ background:white; border:1px solid #E4E4E4;padding-right:10px;margin-top:-17px; text-align:center
}

#Button2
{ font-size:25px; margin-top:10px;  font-weight:bold; position:absolute; top:100px;right:20px;color:black; width:130px; text-align:right; padding-right:10px; height:12px; width:12px;border-radius: 6px; 
 box-shadow: 0px 1px 1px 1px lightblue; 
}

.row
{ text-align:right; background-color:#ffffff;width:100%
}
.hh2
{ background:white; border:1px solid #E4E4E4;padding-right:10px;font-size:20px
}




.modal {
  /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 70px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4);
  font-family: iliya; /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 98%;
  font-family: iliya;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
   height:250px;
  
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;font-family: iliya;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;font-family: iliya;
}

.modal-header {
  padding: 2px 16px;
  background-color: #FFFFFF;
  color: white;font-family: iliya; border-bottom-style:solid; border-bottom-color:#F8F8F8;
}

.modal-body {padding-top:10px;font-family: iliya;}

.modal-footer {
  padding: 0px 16px;
  background-color: #5cb85c;
  color: white;font-family: iliya;
}

a
{
    font-family: iliya;
}

.tell
{font-size:13px;float:right;width:auto; background-color:white; border-style:none;  background-color:White;color:Black; font-family:iliya; cursor:pointer; text-align:center; font-size:13px; direction:rtl;padding-right:10px;
}



  html
    {scroll-behavior: smooth;
    }
    
    .mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin:0px;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;

  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next { 
  border-radius: 3px 0 0 3px; color:red;
}
.prev 
{
   
  border-radius: 3px 0 0 3px;color:red;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
 
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s; width:100%;
}

@keyframes fade {
 50%{ width:90%;}
}

.column {
  float: left;
  width: 25%;
  padding: 0 7px;
}

/* Remove extra left and right margins, due to padding */
.row {margin: 0 0px;}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive columns */


/* Style the counter cards */
.card {
  
  padding: 10px;
   padding-right:0px;
  text-align: center;
  background-color: #FFFFFF;
}

/* On smaller screens, decrease text size */

  .prev, .next,.text { display:none}

div.scrollmenu 
{

    direction:rtl;
  
  background-color: white;

  white-space: nowrap; color:Black; 
  overflow-x:auto; width:100%;  text-align:center; 

}

div.scrollmenu span 
{
    
   
  display: inline-block;
  color: white;
  text-align: center;
  padding: 0px;
  text-decoration: none;color:Black
}

div.scrollmenu span:hover {
  background-color: transparent;color:red;
}
a
{ text-decoration:none;
}


}
a:hover[href="#saeed1"] ~ a[name="saeed1"],
a:hover[href="#saeed2"] ~ a[name="saeed2"] {
    color: white;
}