@font-face {
    font-family: 'iransans';
    src: url('/font/IRANSansWeb.ttf');
}

html, body{
    margin: 0;
   padding:0;    
    font-family: iransans;
  overflow-x: hidden;
   
}

*, ::after, ::before {
    box-sizing: border-box;
}

video{width:99% !important;
max-height:450px;
}

.fixed {
   
   
    position: fixed;
    z-index: 90;
  width:100%
}

h1, h2, h3, h4, ul, li {}

.label h2{float:right}


html {
    direction: rtl;
}
.col-1 {
    width: 7%;
    display: inline-block;
    vertical-align: top;


}
.col-2 {
    width: 14%;

display: inline-block;
vertical-align: top;
}
.col-3 {
   width: 23%;
    display: inline-block;
    vertical-align: top;
}
.col-4 {
    width: 33.3%;
display: inline-block;
 vertical-align: top;

}

.col-6 {
    width: 49%;
    display: inline-block;
    vertical-align: top;
  
     


    
}

.container-Survey,.container-forms{padding:10px;}


.col-12{
    width: 94%;
    
    display: inline-block;
    vertical-align: top;

}

.company-job-seeker{}

.company-job-seeker a{display:inline-block;
text-align:center;
width:14%

}



iframe {
    border: 0px;
  width: 95%;
min-height: 650px;
text-align: center;
margin-left: 2%;
margin-right: 2%;
}

.menu-pop {

    float: right;
    display: none;
}


#master {
    width: 100%;
}


.cont-master2 {
    float: right;
    width: 100%;
}

.h2-style {
    color: white
}

#primaryNav1 ul{padding:0 2%;margin:0}
#primaryNav1 a:link,#primaryNav1 a:visited{color:black}



.top-menu {
    float: right;
    width: 100%;
    background-color: #3d3d3d;
    min-height: 30px
}

    .top-menu > span {
        float: left
    }

    .top-menu > div {
        width: 1200px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        color: #C0C0C0;
      
        padding-top: 3px
    }

.top-link {
    float: right;
    width: 70%;
}

    .top-link a, top-link a:link, top-link a:visited {
        color: #C0C0C0;
        float: right;
        padding-left: 10px;
        margin-left: 10px;
        border-left: 1px #666666 solid;
       
    }

.link-width {
    float: right;
    width: 100% !important;
}

.header {
    float: right;
    width: 100%;
   
    
   
}

    .header > div {
        width:100%;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
       
    }

.logo {
    float: right;
      padding: 10px;
}

.search-place {
    float: left;
  width:240px;
  padding-top: 1%;
}

/*div[id^="grid"] table{direction:ltr;}*/

.search {
width: 300px;
    float: LEFT;
    text-align: right;
    border: 1px #98989833 solid;
    background-color: #d9d9d978;
    margin: 0 2%;
}

    .search input[type="text"] {
        background: none;
        width: 80%;
        border: 0;
      outline: none;
      
    }



.search img {
    float: right;
    margin: 8px 5px 0px 0px;
    cursor: pointer;
}

.search-textbox {
    background: white
   
    color: black;
    padding: 0px;
    margin: 0px;
    border: 0px;
    height: 35px;
    width: 80%;
    float: left;
    text-align: left;
   
    direction: ltr;
}

form[id^="form2"] {

  background-color: white;
}
div.desc .overflow  {

direction: ltr;
  padding:50px;
  text-align:justify;
  font-family:arial;


}

    div.desc .overflow h1, div.desc .overflow h2, div.desc .overflow h3, div.desc .overflow h4 {
        text-align: left;
    }
a.btn0 {
    background: #7c7d7d;
    color: #ffffff;
    font-weight: bold;
    padding:15px;
    width:150px;
    text-align :center
}
a.btn0:hover {
   
    color: red;
    
}

div.desc .overflow img  {

text-align:center ! important;
  max-width:90%
}



input[name=txtsearch] {
    text-align: center;
    direction: rtl;
}

.color_back{
background-color: #dbdbdb;
}

.icon-search {
    cursor: pointer
}

  

.label-link input[type="text"] {

    width: 100%;
  
  
}

.social {
    width: 300px;
    margin: 5px;
    padding: 5% 2%;
    float: left;


}



#my-div
{
    width    : 400px;
    height   : 200px;
    overflow : hidden;
    position : relative;
}

#my-iframe
{
    position : absolute;
    top      : -100px;
    left     : -100px;
    width    : 1280px;
    height   : 1200px;
}



    .social img {
        float: right;
        margin-right: 1px;
        width: 27px;
    }


    .social svg {
        float: left;
        margin-right: 4px;
        width: 28px;
        height: 24px;
        padding: 7px;
    }

    .social path {
        fill: white
    }

    .social span {
        float: right;
        width: 100%;
        text-align: right
    }

    .social i {
        color: white;
    }
.header-social i ,.social i{
      color: #797979;
    font-size: .9em;
  transition: .5s ease-out;
    padding: 12px 3px 0px 3px ;
  border: 1px solid #4d4b4b;
margin: 1px;

}

.header-social i{
   
  border: 1px solid #ccc;}


 .header-social i.icon-tweet , .social i.icon-tweet
,div.contact-box ul li i.icon-tweet{
   color: #1DA1F2;
}

 .header-social i.icon-linkedin , .social i.icon-linkedin
,div.contact-box ul li i.icon-linkedin{
   color : #0e76a8;
}

 .header-social i.icon-instagram, .social i.icon-instagram
,div.contact-box ul li i.icon-instagram{
  color : #ff004f;
}
 .header-social i.icon-telegram ,.social i.icon-telegram,
.header-social i.icon-facebook  ,.social i.icon-facebook
,div.contact-box ul li i.icon-telegram
,div.contact-box ul li i.icon-facebook{
  color: #229ED9;
}

 .header-social i.icon-youtube , .social i.icon-youtube,div.contact-box ul li i.icon-youtube {
  color: #FF0000;
}


 .header-social i.icon-whatsapp , .social i.icon-whatsapp,div.contact-box ul li i.icon-whatsapp{
    color: #45a514;
}


 .header-social i , .social i{
     background : white;
}

 .header-social i.icon-mail ,.social i.icon-mail,div.contact-box ul li i.icon-mail
{
  color: #229ED9;
}

.menu-place {
    float: right;
    width: 100%;
    min-height: 40px;
    margin: 0px;
    background-color: white;
    border: 1px #dbdbdb solid;
  margin-bottom: 5px;
}

#menu-width {
    width: 100%;
    float: right;
}

.banner-place {
    float: right;
    width: 100%;
    position: relative;

}


.banner1 {
    display:none;

}



.fullscreen-background {
    z-index: -999;
    width: 100%;
    top: 0;
    left: 0;
}

.banner-box {
    width: 370px;
    height: 160px;
    position: absolute;
    right: 5%;
    top: 50px;
    z-index: 1;
    
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.6);
    border: 2px #bcc8df solid;
    padding: 10px;
    text-align: justify;
  
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=120, Strength=5);
    box-shadow: 0px 0px 10px 1px #333333;
    line-height: 300%;
}

    .banner-box > div {
        position: absolute;
        bottom: 10px;
        text-align: center;
        width: 100%
    }

.about-ganji {
    float: right;
    width: 100%;
    min-height: 135px;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 5px;
    background-color: #f3f3f3;
}


form[id^="form"] fieldset {
    border-radius: 4px;
    width: 98%;
    border: 1px solid #edeaea;
    background-color: #fff;
    margin: 1%;
}

    .about-ganji > div {
        width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
line-height: 2.7;
padding: 0 3%;
    }

.cont-master {
    float: right;
    width: 100%;
    text-align: center;
  margin-top: -5px;
}

.cont-news {
width: 100%;
text-align: center;
float: right;
}



.topnews {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
float: right;
}

.topnews-cont {
width: 22%;
    text-align: center;
    margin: 1%;
}
.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}
.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.topnews-cont figure{
    margin: 0;
    line-height: 0;
}

.topnews-cont img{
  
  max-height: 210px;
   min-height: 200px;
  border-radius: 15px;
  box-shadow:0px 1px 15px 1px rgba(0, 0, 0, 0.31);
  object-fit: cover;
  width:100%

}


    .topnews-cont > div {
min-height: 58px;
color: white;
background: #b7000b;
padding: 2%;
  padding-bottom: 2%;
box-shadow: 0px 1px 15px 1px rgba(0, 0, 0, 0.31);
padding-bottom: 6%;
padding-bottom: 0;
border-radius: 5px;
    }
    .topnews-cont div a,.topnews-cont div a:visited,.topnews-cont div a:link{
color: white;
    }

.news-place {
        float: right;
    width: 100%;
    
    margin-bottom: 20px;
    padding: 2%;

}

.banner{display:none;}
.banner:nth-child(1){display:block;}

.banner-place {
    min-height: 500px;
    overflow: hidden;
    float: right;

  width: 100%;
}
.banner-place-red{
    display:none;
    
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='2500' height='560' preserveAspectRatio='none' viewBox='0 0 2500 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1035%26quot%3b)' fill='none'%3e%3crect width='2500' height='560' x='0' y='0' fill='rgba(179%2c 23%2c 23%2c 1)'%3e%3c/rect%3e%3cpath d='M2218.046%2c234.817C2265.064%2c235.283%2c2309.184%2c214.624%2c2335.671%2c175.774C2366.342%2c130.786%2c2385.769%2c73.831%2c2360.781%2c25.455C2334.159%2c-26.085%2c2276.056%2c-52.144%2c2218.046%2c-51.946C2160.395%2c-51.749%2c2102.941%2c-25.056%2c2076.987%2c26.422C2052.927%2c74.144%2c2074.43%2c129.226%2c2104.388%2c173.484C2130.252%2c211.694%2c2171.907%2c234.36%2c2218.046%2c234.817' fill='rgba(142%2c 28%2c 28%2c 0.4)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M2039.167%2c392.911C2075.521%2c392.049%2c2102.051%2c362.061%2c2119.161%2c329.974C2135.099%2c300.086%2c2140.034%2c264.665%2c2123.238%2c235.251C2106.314%2c205.613%2c2073.247%2c191.736%2c2039.167%2c189.884C2000.82%2c187.8%2c1957.456%2c192.276%2c1937.627%2c225.165C1917.381%2c258.745%2c1932.013%2c300.388%2c1952.318%2c333.932C1971.74%2c366.018%2c2001.672%2c393.8%2c2039.167%2c392.911' fill='rgba(142%2c 28%2c 28%2c 0.4)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1936.146%2c227.909C1983.994%2c228.329%2c2036.204%2c223.469%2c2062.5%2c183.492C2090.936%2c140.263%2c2085.817%2c83.87%2c2060.623%2c38.675C2034.708%2c-7.813%2c1989.362%2c-42.301%2c1936.146%2c-43.171C1881.52%2c-44.064%2c1830.593%2c-13.465%2c1804.412%2c34.486C1779.226%2c80.614%2c1783.997%2c137.867%2c1813.581%2c181.305C1839.952%2c220.025%2c1889.301%2c227.497%2c1936.146%2c227.909' fill='rgba(142%2c 28%2c 28%2c 0.4)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M948.42%2c365.053C976.666%2c365.83%2c1009.155%2c366.212%2c1024.158%2c342.267C1039.729%2c317.414%2c1029.852%2c285.331%2c1013.713%2c260.843C999.286%2c238.954%2c974.627%2c226.667%2c948.42%2c227.353C923.403%2c228.008%2c901.989%2c242.849%2c888.792%2c264.113C874.711%2c286.803%2c865.991%2c315.297%2c879.573%2c338.289C892.995%2c361.011%2c922.04%2c364.327%2c948.42%2c365.053' fill='rgba(142%2c 28%2c 28%2c 0.4)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1298.2069004354707 110.81719930426318L1340.5111310332363 221.02348782478737 1408.4131889559949 68.51296870649749z' fill='rgba(142%2c 28%2c 28%2c 0.4)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M941.99134390331 162.26583574451166L839.5771691406882 132.8990436950337 810.2103770912101 235.31321845765558 912.624551853832 264.68001050713355z' fill='rgba(142%2c 28%2c 28%2c 0.4)' class='triangle-float1'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1035'%3e%3crect width='2500' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cstyle%3e %40keyframes float1 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-10px%2c 0)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float1 %7b animation: float1 5s infinite%3b %7d %40keyframes float2 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-5px%2c -5px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float2 %7b animation: float2 4s infinite%3b %7d %40keyframes float3 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(0%2c -10px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float3 %7b animation: float3 6s infinite%3b %7d %3c/style%3e%3c/defs%3e%3c/svg%3e");
  
  
  height:500px;
}

.banner-place-yellow{
 background-color: #ffaa00;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23ffb100' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23ffb800' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23ffbe00' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23ffc500' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23ffcc00' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23ffd914' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23ffe529' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23ffef3d' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23fff852' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23ffff66' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
  height:500px;
  display:none;
}
.banner-place .banner:nth-child(1){
    display:block;
}


.circle-place {
width: 100%;
float: right;
position: absolute;
z-index: 2;
bottom: 0px;
}

.circle-place i {
  cursor: pointer;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: white;
  display: inline-block;
  margin: 0 5px;
  transition: .3s ease-out;
}


 .banner figure img {
width: 700px;
height: 500px;
border-radius: 0% 250px 150px 0;
border: 5px #fff solid;
object-fit: cover;
}

.banner figure {
 margin: 0;
    line-height: 0;
  float: left;
}


.banner section.banner-caption {

    text-align: right;
    width: 100%;
    font-size: 1.5em;
    padding: 5%;

}

.banner-place-yellow section.banner-caption {
  color: black;
    
}


.banner-place-red section.banner-caption {
  color: white;
      font-size: 1.7em;
}


.banner-place-red section.banner-caption a:link,.banner-place-red section.banner-caption a:visited{
  color: white;

}




  .label-link a{
  width: 100%;
text-align: left;
padding: 1px;
}

    .news-place > div {
        width: 100%;
        text-align: center;
       display:flex;
      
    }

.news-right {
  

padding: 1%;
background-color: #f7f7f7;
  margin: .3%;
  flex:2;
}

.news-right section{display:flex;}
.news-right h31:nth-child(2){text-align:left;
padding-left: 4%;
}

.news-right h3:nth-child(2) a:hover{color:red;}
.news-right h3:nth-child(2) a:before{font-size:1em;margin:0em}

.icon-last-news{background: #f66;

  text-align: center;

  width: 100px;
  display: flex;
  text-align: center;
  padding: 10px;
float: left;
}

article.related-news {
   
    
}

.news-right h3{
  
  text-align:right;
  float:right;
}
.news-left {
  margin: 0.3%;
  padding: 1%;
background-color: #f7f7f7;
  flex:1;
    
   
}

.news-left article{
  
  
}

.news-left article h3{
float: left;
    width: 100%;
    color: red;
    text-align: left;
  padding-left: 12%;
}

h3 {
    float: right;
    width: 100%;
    color: red;
    text-align: right;
    
    padding-right: 10px;
}

footer .top-link li {
    width: 24%;
    float: right;
}

.news {
   
    padding: 5px;
   
    border: 1px #d5d5d5 solid;
    margin: 1%;
    float: right;
  background-color: white;
  margin:1%;
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.hvr-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    
}

@keyframes hvr-wobble-horizontal {
16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
}
33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
}
49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
}
66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
}
83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
}
100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
}
.hvr-underline-from-right:hover::before, .hvr-underline-from-right:focus::before, .hvr-underline-from-right:active::before {
  left: 0;
}
.hvr-underline-from-right::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  bottom: 0;
background: #b7000b;
    height: 4px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-underline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.news-right article {
    width: 47%;
    min-height: 95px;
}

.news-left article{width:98%;min-height: 95px;}



.news-left  h3{text-align:left}

    .news img {
        float: right;
        padding: 5%;
      max-width: 110px;
min-height: 20px;
    }

.archive img {
    float: right;
    margin-right: 3px;
    padding: 5px;
    max-height: 80px;
   max-width: 90px;
}

.news > a, .archive > a {
    float: right;
    border-right: 4px #b7000b solid;
}

    .news > a:hover, .archive > a:hover {
        float: right;
        border-right: 4px red solid;
    }




.cont-bottom {
    float: right;
    width: 100%;
    text-align: center;
    background-color: #f2f2f2;
}

    .cont-bottom > div {
      
        text-align: center;
        margin-left: auto;
        margin-right: auto;
      padding-top: 10px;
    }

.cont-place {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}


.container {
  
  float:right;
   border: 1px #d5d5d5 solid;
background-color: white;

width: 98%;
padding: 5px;
margin-left: auto;
margin-right: auto;
}
div.container-master-2{width: 74%;
  margin-top: 5px;
  float: right;
}
div.container-master-2 div.bodytext a:visited{

}

.container-width{width: 99%;}


form[id^="form"] fieldset li input{
  
  }
#formpoll{min-height: 375px;}


.title-place {
    float: right;
    width: 100%;
    background-color: #fff;

  
    
}

div.podcast-gp{
    float: right;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
div.podcast-gp section{
    text-align: center;
    border-radius: 10px;
    background: #e8e8e8;
    width: 23%;
    padding: 1%;
    margin: 1%;
}


div.podcast-gp section h3{
    background: #fbf8f8;
    padding: 2%;
    width: 96%;
    border-radius: 50px;
    margin: 2%;
  min-height: 60px;
    text-align: center;
}
div.podcast-gp section img{
    max-width: 100%;
    height: 70px;
}

div.podcast-content ul{
  list-style: none;
  float: right;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
      padding-right: 0;
  justify-content: center;
}

div.podcast-content ul li{
display: flex;
width: 32%;
border-radius: 20px;
margin: 5px;
border: 1px #ccc solid;
background: #f1f1f1;
font-size: .9em;
}
.container-master-2 div.podcast-container{
  width: 80%;
  text-align: center;
  padding: 4%;
  border-radius: 10px;
  background: #e8e8e8;
  margin: auto;
  margin-top: 1%;
}
.container-master-2 div.podcast-container audio{
  width: 100%;
  text-align: center;
}

.container-master-2 div.podcast-container a.podcast-butten{
  background: #f66;
  color: white;
  padding: 1%;
}

div.podcast-content ul li i {
  content: '\e81d';
  padding: 10px 0px 0px 0px;
  color: red;
}


.cont-master2 div.podcast-aside ul li {
  width: 100%;
  border-radius: unset;
  border: 1px #f0f0f0 solid;
  background: unset;
  background-color: #f4f4f4;
  

}



div.podcast-homepage ul li{ width: 48% !important;
   
    
}



.title-place-home {
   
    
}


 .title-place-left {
float: right;
    width: 100%;
    padding: 10px 5px;
    background-color: rgba(255, 0, 0, 0.6);
    padding: 15px 0px;
    color: white;
    font-size: 1.2em;
   border-radius: 10px;
}
    

    .title-place img {
       
        padding: 5px
    }

.color_back{
  background-color: #ddd;
  padding: 1%;
}

.news-left article div {
    text-align: left;
    border-right: none;
}

 .news > div {
   padding: 1%;
   text-align: right;
    border-right: none;
  }


.back {
    float: left
}

.title {
    float: right;

border-radius: 10px;
text-align: right;
color:#fff;
padding-right: 5px;
margin-top: 0;
background-color:rgba(255, 0, 0, 0.6);

  padding: 10px 10px;
  margin:0;

}

form[id^=form] input[type=button]:hover, form[id^=form] button:hover {
    background-image: linear-gradient(to bottom,red, #ff7e7e);
}

.home-title{
  background-color:#ededed;
}

.text {
    float: right;
    text-align: right;
   
    width: 100%;
    min-height: 300px;
  padding:1%;
}

div[id^="grid"]{display:none}
div[id^="grid"] table{width:100% !important;}

#formjob li{text-align:center;width:auto;



}
#formjob li:before{content:''}

#formjob label.error{top:-30px;}

.text img{max-width:98%;
margin-top: 1%;}

.links {
    
}


.text1 {
  border-radius: 10px;
    float: right;
    text-align: right;
  
    width: 100%;
    min-height: 250px;
  margin-top: 5%;
}

   

.text li {
    
}

.text1 li {
    list-style: none;
}

.width {
   
}


.links a {
    float: right;
    width: 99%;
    display: block;
    text-decoration: none;
    padding: 0px 15px 0px 5px;
    color: #333333;
    border-bottom: 1px #cecdcd dashed;
    padding-top: 5px
}

.logo-bottom i{
    font-size: 2em;
}
 .logo-bottom span{
   color: white;
background: #d90000;
border-radius: 50%;

display: block;
padding: 20px;
   margin:6px;
}
 .logo-bottom div{
    transition: 0.8s ease-out;
}
 .logo-bottom div:hover{
    transform: scaleX(-1);

}



.hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}
.hvr-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

    .links a:hover {
       
        color: red;
    }

.logo-bottom {
float: right;
width: 98%;
justify-content: center;
background-color: #ffffff;
padding: 1%;
  padding-top: 1%;
display: flex;
flex-wrap: wrap;
margin: .9%;
padding-top: 4%;

}

    .logo-bottom > div {
        width: 11%;
    }

    .logo-bottom div h3{
font-size: .9em;
    padding: 10% 0;
          color: black;
    text-align: center;
    }


    .logo-bottom img {
        margin: 0px 5px 0px 5px;
    }

.links-bottom {
    float: right;
    width: 100%;
    text-align: center;
    background-color: #333333;
    padding: 10px 0px 10px 0px;
}

    .links-bottom > div {
        width: 96%;
        /* height:300px; */
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

.links-place {
    float: right;
    width: 100%;
}

div.links-bottom div .links-place a:before {
    content: "•";
    font-size: 50px;
    margin-right: 5px;
    position: relative;
    top: 11px;
    color: red;
}

.links-bottom span {
    color: white;
    float: right;
   
    text-align: right;
    padding: 0 0 0 10px;
}

.links-place a {
    float: right;
    width: 33%;
    display: block;
    text-decoration: none;
    padding: 0px 15px 0px 0px;
    color: #fff;
    margin: 5px;
   
  
    text-align: right;
}

div.links-bottom .links-place a{
  margin: 1% 0;
    height: 20px;
}

    .links-place a:hover {
      
        color: red;
    }
form[id^=form] input:focus ,form[id^=form] input:focus ,.label-link input[type="text"]
,form[id^="form"] div.poll-container fieldset li textarea{
    border: unset;
}
form[id^=form] input ,.label-link input[type="text"] ,form[id^="form"] div.poll-container fieldset li textarea{
 
}

form[id^="form"] input:focus, form[id^="form"] select:focus, form[id^="form"] textarea:focus{

border:1px solid #ffb5b5;
  outline:none;

}
form[id^="form2"] input:focus, form[id^="form2"] textarea:focus{

border:none;
  outline:none;

}



.sendnews {
   float: right;
    width: 100%;
    text-align: CENTER;
color: #fff;
    border: 0.5px #424242 solid;
    padding: 1%;
      margin-top: 1%;
    background: #333333; 

}

h3.title{margin:0.5%;
width: 99%;

}
.title-place-home h3 {
    color:white
    
}
.newsletter-text{
    padding-bottom: 1%;
}

.footer {
    float: right;
    width: 100%;
    text-align: center;
  
}


    .footer > div {
        width: 96%;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: table;
        text-align: center;
        vertical-align: middle;
        padding: 0;
    }

        .footer > div div {
            text-align: center;
            vertical-align: middle;
            display: inline-block;
            color: #8f8f8f;
            margin-bottom: 5px;
        }



    .footer div div span {
        width: 100%;
        float: right;
        text-align: center;
    }

    .footer div div:nth-child(1) {
        width: 100%;
        text-align: right;
    }

.footer div div:nth-child(2), .footer div div:nth-child(3) {
    width: 100%;
    font-size: .7em;
  
}

.opinion {
    width: 100%;
    float: right;
    min-height: 100px;
}

.bubble-idea {
    position: relative;
    width: 92%;
    min-height: 120px;
    padding: 10px;
    background: #FFFFFF;
    border-radius: 10px;
    border: #d8d8d8 solid 1px;
    float: right;
    margin: 1% 4%;
}

.nobubble {
    position: relative;
    width: 96%;
    min-height: 120px;
    padding: 10px;
    background: #FFFFFF;
   
    border-radius: 10px;
    border: #d8d8d8 solid 1px;
    float: left;
    margin: 20px 0px 0px 20px;
    right: 20px;
}

.bubble-idea:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: #FFFFFF transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -15px;
    right: 20px;
}

.bubble-idea:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: #d2d2d2 transparent;
    display: block;
    width: 0;
    z-index: 0;
    top: -16px;
    right: 20px;
  
}

.bubble-idea > div {
    float: right;
    margin-top: 10px;
    width: 100%;
}

.comment {
    float: right;
    text-align: justify;
    width: 100%;
    padding: 1%;
    margin: 2% 0%;
   
}

.bodytext {
  line-height: 2.3;

padding: 1.5%;
}
form[id^="form2"] div.poll-container fieldset li textarea {
    width: 96%;
  
background-color: #fff  ;
  height: 150px;
}
form[id^="form2"] div.poll-container fieldset li textarea::placeholder{
    color:#e1e1e1;
  font-size:.9em;
}

.poll-reply{font-size:0.9em}

.bodytext h1 {
    line-height: 1.5;
    font-size: 1.6em;
}

.replay ul{
  
  font-size: 0.8em;
}
form[id^="form2"] fieldset li input[type="email"],
form[id^="form2"] fieldset li input[type="text"]{
  text-align: right ! important;
  font-size: 0.95em;
  width: 96%;
  
background-color: #f4f4f496;
}

div.container-gallery{
  width: 100%;
  float: right;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
  div.container-gallery section{
  width: 31%;
  margin: 1%;
  text-align: center;
  border: 1px solid #ccc;
}

div.container-gallery section figure{
  margin: 0;
}
div.container-gallery section figure img {
  width: 100%;
}


div.container-video section figure img {
  width: 100%;
  height: 200px;
  max-width: 100%;
  object-fit: cover;
}

div.container-gallery section h3 {
  text-align: center;
}

form[id^="form2"] fieldset li:nth-child(3){
width: 99%;
    padding: unset;
}
form[id^="form2"] fieldset li textarea {
    width: 96%;
    padding: 2%;
    border-radius: 0;
    font-family: inherit;
    margin: 0;
}
form[id="form2"] input[type="button"] {
    border: 1px #999999 solid;
    padding: 1% 2%;
    font-size: inherit;
    height: auto;
}
form[id^="form2"] li, form[id^="form"] ul {
    padding: 0;
}
form[id^="form2"] fieldset li input, input[type="text"], 
form[id^="form2"] fieldset li textarea{
    border: unset;
    border-radius: unset;
}
form[id^="form2"] fieldset li {
    border: 1px solid #DDD;
    border-radius: 5px;
    margin: .5% 0;
    padding: unset;
    background-color: white;
}
form[id^="form2"] fieldset input:focus
,form[id^="form2"] fieldset input:peachholder{
  border: unset;
}
form[id^="form2"] fieldset li input[type="email"]:focus,
form[id^="form2"] fieldset li input[type="text"]:focus, 
form[id^="form2"] fieldset li textarea:focus {
    outline: none;
}

form[id^="form2"] div.poll-container fieldset li input[type=email]
, form[id^="form2"] div.poll-container fieldset li input[type=text]
, form[id^="form2"] div.poll-container fieldset li textarea {
   
    background-color: #ffffff;
width: 90%;
}

html:lang(fa) form[id^="form2"] div.poll-container input[type="text"] {
    background-color: #ffffff;
}


html:lang(fa) form[id^="form2"] fieldset div.poll-reply-back li input[type="text"],
html:lang(fa) form[id^="form2"] fieldset div.poll-reply-back li input[type="email"]
{
    background-color: white;
    box-shadow: unset;
    width: 90%;
  margin: 0;
}

html:lang(fa) form[id^="form2"] fieldset li textarea {
      width: 95%;
}

html:lang(fa) form[id^="form2"] fieldset li input::placeholder
,form[id^="form2"] fieldset li input::placeholder{
  color:#e1e1e1;
  
}

form[id^="form2"] input[type="email"]{
    text-align: right !important;
}


.question {
position: relative;
width: 98%;
min-height: 120px;
padding: 1%;
border-radius: 5px;
border: #d8d8d8 solid 1px;
float: right;
margin: 1% 0% 1% 0%;
background-color: white;
margin: 1%;
}

 form[id^=form] .poll-container li i{
    font-size: 0.9em;
    color: #ababab;
}

.question{
  
}

.reply {
    width: 92%
}

.bubble-idea > div li {
    float: right;
    margin-left: 10px;
    color: #929292
}

    .bubble-idea > div li:nth-child(2) {
        width: 200px;
        font-size: 12pt;
        margin-top: 5px
    }

    .bubble-idea > div li:nth-child(5) {
        float: left;
        margin-top: 5px
    }

    .bubble-idea > div li img {
        padding-right: 5px
    }

    .bubble-idea > div li a {
        cursor: pointer
    }

.opinion-comment {
    float: right;
    width: 100%
}
legend {
  font-weight: normal;
}

    .opinion-comment > div {
        float: right;
        width: 300px;
        text-align: right;
        margin: 10px
    }

.label-bot {
    float: right;
    width: 99%;
    text-align: right;
    margin-bottom: 10px;
}

.label-bot  a{
   
}

.label-link {
    margin-top: 30px;
    margin-bottom: 20px;
  
}

.label-bot a {
    float: right;
    background-color: #F4F3F3;
    padding: 0px 5px;
  margin-bottom: 5px;
   margin-left: 5px;
   
}
.alltag a {padding:10px;padding: 1%;}

.alltag {float:right;
width:100%;
background-color: #f9f9f9;

}
input[type="text"] {
    padding:0
}

.news-pic {
width: 100%;
  float: left;
  margin: 10px;
  border: #f0f0f0 1px solid;
  padding: 5px;
  background-color: #fdfdfd;
  text-align: center;

  
}


    .news-pic img {
        max-width: 100%;
      border-radius: 10px;
    }


.label-link > span{
    float: right;
    padding: 4px;
  
}



.label-bot > span::after, .label-link > span::after {
  content: "";
  position: absolute;
  top: 0;
  left: -60px;
  border-top: 0 solid transparent;
    border-top-color: transparent;
    
  border-bottom: 40px solid transparent;
    border-bottom-color: transparent;
  

  border-bottom-style: solid;
  border-bottom-color: transparent;

  border-left: 60px solid #b66;
   
 
  border-left-color: rgb(0, 150, 136);


 
  border-color: transparent transparent #ff666673;
}

.label-bot > span ,.label-link > span{
padding: 1%;
background: #ff666673;
margin: 0;
float: right;
position: relative;
width: 120px;
height: 40px;
}


.label-bot a:hover {
    background-color: #f7d0d0;
    color: white
}

.label-link a:hover {
    
    color: black;
}

h1 {
    width: 100%;
    text-align: center;
    color: red;
    margin-bottom: 10px;
  
}
h1.title{font-size: 1.6em;}


img {
    border: 0;
}

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

    a:hover {
        text-decoration: none;
        color: #808080;
    }

.bodytext a:visited,.bodytext a:link {
    text-decoration: none;

}


.bodytext a:link { color: #0000EE; }
.bodytext a:visited { color: #551A8B; }


form[id^=form] input[type=button] {
    padding: 0px 5px 5px -5px;
    height: 35px !important;
   
    margin: 1%;
    padding: 0px !important;
  font-family: iransans,yekan,b roya,b nazanin,tahoma;
}



form[id^=form] input[type=button]:hover{
    
}




    .header-place.fixed .header {
        height: 50px !important
    }

form[id^=form] input[type=button], input[type=reset], form[id^=form] button ,form[id^=form] input[type=button]
{
  color: white;
    background-color: #000;
  
}

form[id^=form] input[type=button]:hover, form[id^=form] button:hover,     form[id^=form] input[type=button]:hover {
    background-image:linear-gradient(to bottom,#111, #666);
  color: white;
}

    form[id^=form] input[type=button]:hover {
       
    }

    .header-place.fixed .top-menu {
        display: none
    }

    .header-place.fixed .logo {
        display: none
    }

    .header-place.fixed .search-place {
        display: none
    }

    .header-place.fixed .dropdown ul li {
        padding-top: 12px;
    }

.news-bar {
    float: right;
    width: 100%;
   
   
    margin-top: 10px;
  font-size: 0.8em;
  padding: 0 2%;
}
.news-bar .icon-news{padding-right: 20px;}
.news-bar i{color:#ccc}


 #grid ul{padding:0;margin:0;list-style:none;}

    .news-bar span:nth-child(1) {
        float: right;
    }

    .news-bar span:nth-child(2) {
        float: left;
    }

.newsletter {
float: none;
    margin: auto;
  background: transparent;
  border: none;
  text-align: center;
  
}

.newsletter input[type=button]
{
  font-family:iransans;
}

.archive {
  
    width: 99%;
    padding: 5px;
    border: 1px #f0f0f0 solid;
    margin: 6.5px;
    float: right;
}

.archive1, archive2 {
    width: 98%;
}

.archive2:before {
    
    color: darkred;
   
    margin-right: 5px;
    position: relative;
    top: 10px;
    float: right;
}

.poll-container ul {
    padding: 0;
    margin: 0
}




.archive2:hover::before {
    color: red;
}

.archive2 a:link, .archive2 a:visited {
    padding-right: 10px;
}

form[id^="formjob"] fieldset > li {width:300px}


    #form2 label.error {
        right: 0px !important;
    }



a[title=replay] {
    display: none
}

.left-news {
    
    float: left;
width: 25%;
  margin-top: 5px;
  
}

.leftBox {
    margin: 5px 0px 5px 0px !important;
min-height: unset;
}


.related-news i{ float:right;}
.related-news a{ width:83%;border:none;padding:5px;

}

.icon-news {
    color: red;
    padding: 5px;
}

.icon-link{
color:red;
  float: right;

}

article.related-news{min-height: 75px;}
 .related-news{width:49%;}
div.container-cp .related-news{width:98%;}

article.related-news p{text-align:right;margin-top:15px;float:right;}

article.related-news .icon-news{padding-right:5px;float:right;}

    .leftBox img {
        max-height: 65px;
        max-width: 90px;
    }
progressBar h4{
    margin: 10px 0;
}
.contact-us-whatsapp {
    cursor: pointer;
    position: fixed;
    z-index: 110;
    float: left;
    left: 15px;
    padding: 5px 5px 0px 5px;
    bottom: 10px;
    transition: 0.5s ease-in-out;
    background-color: #7ab502;
    border-radius: 50%;
}
.contact-us-whatsapp i {
    color: #fff;
    cursor: pointer;
    font-size: 2em;
}
.contact-us-whatsapp i::before {
    font-size: 1.5EM;
    margin-top: 8px;
}


.hvr-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
   
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}

 

div.canada-important .leftBox > div {
  margin: 5%;
}

{
 
}
 .leftBox-news > a ,.leftBox-news > a:hover {
  border-right: unset;
   padding: 5px;
}

div.player {
    background-color: #D03234;
    width: 95%;
    cursor: pointer
}

.center {
    width: 100% !important
}

.ckeditor-html5-audio{

    text-align: center;
    background-color: #e9e9e9d4;
    padding: 8px;
    border-radius: 10px;;
   

}

.ckeditor-html5-audio h4{margin:0;padding:0}



.middle-footer {
    
    text-align: center;
}

    .middle-footer img {
        max-width: 100%;
        max-height: 170px;
        padding: 10px 0;
    }

footer div.middle-footer {
    background: #1f1f1f;
    padding: 0;
    margin: 0;
    width: 100%;
}

footer div.bottom-footer {
    background: #282828;
    padding: 0;
    margin: 0;
    width: 100%;
}

    footer div.bottom-footer a {
        color: #504e4e;
    }

    footer div.bottom-footer div:nth-child(3) {
        padding: 10px 0;
    }

footer ul {
   
}

footer .bottom-footer div:nth-child(1) {
    text-align: center;
  padding: 1%;
}

footer.footer ul li a::before {
   
    color: #ccc;
    vertical-align: middle;
    padding-left: 5px;
}

.player{
    background-color: #f15555;
    padding: 2px;
   text-align: center

}

.bodytext img{

border-radius: 20px;
    border: 3px solid rgb(237 233 233 / 60%);
    padding: 4px;
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    align-content: center;
    display: block;
    align-content: center;
    height: auto;
   


}



footer.footer ul li a {
    border: none;
}

.replay li {
    width: auto;
}

.replay img {
    max-height: 40px;
}

.replay section {
border-radius: 5px;
float: right;
margin: 1% 0% 1% 0%;
width: 100%;
padding: 8px;
  
}

.replay li {
    float: right;
   
}
div.contact-box {
position: fixed;
bottom: 0;
text-align: center;
float: right;
background: rgba(255, 255, 255, 0.48);
box-shadow: 0px 0px 7px 0px #00000026;
right: 40%;
left: 40%;
width: 20%;
border-radius: 10px 10px 0 0;
padding-top: 5px;
}

 div.contact-box ul{
list-style: none;
padding-right: 0;
width: 100%;
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;

}

div.contact-box i.icon-close{
  font-size: .6em;
  float: left;
  cursor: pointer;
  color: white;
  display: none;
}

 div.contact-box ul span{
  width: 100%;
   font-size: .8em;
   float:right;
}
div.contact-box ul li {
width: 31%;
  line-height: 1;
text-align: center;
box-shadow: 0px 0px 5px -1px #a2a2a2;
margin: 0 1% 1% 1%;
border-radius: 10px;
  background: #ffffffad;

}
div.contact-box ul li:hover{
transform: scaleX(-1);
}
div.contact-box ul li{
transition: 0.8s ease-out;
}
 div.contact-box .icon-mail {
  color: blue;
}
 div.contact-box .icon-phone{
  color: red;
}
 div.contact-box .icon-whatsapp {
 color: #4FCE5D;
}

.replay ul li:nth-child(1) {
padding-left: 2%;
}

.footer div div:nth-child(3) {
}

footer ul li{
    margin: 0;
    list-style: disc;
    color: #f00;

}

.news-text ul{
  list-style: none;
  padding-right: unset;
}
.news-text ul li.leftBox-news{
  padding: 4%;
}

  
div.width .title-place .text section a:before,.bodytext ul li:before {
content: "•";
font-size: 40px;
margin-right: 5px;
position: relative;
top: 9px;
color: red;
margin-left: 1%;
}

li.leftBox-news::before {
  content: "•";
  font-size: 40px;
  position: relative;
  top: -7px;
  color: red;
  float: right;
  height: 10px;
}
.leftBox
.bodytext ul li:before {
  
}

.bodytext ul{list-style:none;
 


}

.bodytext ul:first-of-type {

background-color: #f4f4f4;
border-radius: 5px;
margin:1% 8%;
padding: 2%;
}


.bodytext ul li{line-height:1.1;}



div.container-width .title-place .text section a:before {
    content: "•";
    font-size: 30px;
    margin-right: 5px;
    position: relative;
    top: 11px;
    color: red;
  margin-left: 1%;
}


table {
    border-collapse: collapse;
    width: 100% !important;
}

table tr:nth-child(2n+1) {
    background-color: #f7cece;
}

table tr:nth-child(1) {
    background-color: white
}


table tr:nth-child(even) {
    background-color: #e3e5e6;
}

table td, table th {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
}

form[id^="form"] button {
   
    font-size: 1.3em;
   
}

.pathUrl {
   background-color: #f4f4f4;
padding: 15px;
width: 100%;
float: right;
text-align: right;
margin-bottom: 10px;
border-radius: 10px;


}
.pathUrl a:before {
    content: '\e836';
    color: #888787;
    padding-left: 5px;
    font-family: 'webfont';
  font-size: 1rem;
}

.pathUrl a:link, .pathUrl a:visited {
   
    padding-right: 5px;
    padding-left: 5px;
    text-align: right;
   font-size: .85rem;
  color:black;
}


.close{display: flex;
  position: absolute;
  background: #eeebeb;
}
.popup-data-entery{
    display: flex;
    width: 75%;
    margin: 5% auto 5% auto;
background-color: #f2f2f2;
  box-shadow: 0px 1px 5px 0px rgba(184,184,184,0.75);
  align-items: top;
  position: fixed;
  left: 1%;
  right: 1%;
  z-index:9999999;
  visibility:hidden;
}

.popup-data-entery figure {
line-height: 0;
margin: 0;
}

.popup-data-entery .left {
    flex: 1;
  padding:1%;
}


.popup-data-entery .left .icon-close {
  background-color: white;
  color: #a4a4a4;
border-radius: 50%;
  float: left;
margin: 1%;
font-size: .8em;
}



.popup-data-entery .left article {
    text-align: center;
  line-height: 1.2;
}

.popup-data-entery fieldset {
    border: none;
    text-align: center;
  background-color: unset;
}

.popup-data-entery fieldset ul {
    margin: 0;
padding: 0;
list-style: none;
}

.popup-data-entery fieldset ul li {
    margin: 1%;  
}

.popup-data-entery input {
    outline: none;
    width: 100%;
    height: 45px;
text-align: right;
border: 1px solid #ddd;
border-radius: 5px;
padding-right: 10px;
  color: #515151;
}

.popup-data-entery .btn-sub {
    margin: auto;
display: block;
width: 90%;
background-color: #f63b3b;
border: navajowhite;
height: 45px;
border-radius: 5px;
color: white;
font-weight: bold;
cursor: pointer;
  font-size: 1.5em;
}


.popup-data-entery .right {
    flex: 1;
}

.popup-data-entery .right figure img {
  max-width: 100%;

  object-fit: cover;
}

.icon-close{cursor:pointer;}

.layout{
width: 100%;
  height: 100%;
  z-index: 101;
  background-color: #0b0b0bde;
  position: absolute;
  top: 0;
}

#countdown {
  background: #dcdcdc;
  color: red;
 
  padding: 1%;
  border-radius: 8px;
  font-size: 1.2em;
  font-weight: normal;
  text-align: center;
margin: 2% auto;


  
 
}

#countdown span{color:black;}
form[id^="form7"] fieldset li input[type=email]{text-align:right !important;}

.popup-data-entery .message {
  
  width: auto
  border: 1px solid #789d64;

  margin: 5px;
}

.popup-data-entery .message > div {
  text-align: justify;
  width:100%;
  padding: 5px;
}


.popup-data-entery form label.error {

  top: -50px;
}

.popup-data-entery .titrh1{font-size:2em}

.popup-data-entery .titrh2{font-size:1.8em}


article.toc {
  background-color: #f4f4f4;
  padding: 3%;
  border-radius: 2%;

    margin-bottom: 0px;
  margin-bottom: 6%;
  width:100%;
  float: right;
}


article.toc strong {
font-size: 1.6em;

}

@media (max-width: 1180px) {
  
    .search-place {
  width: 100%;
  margin: auto auto;
  float: none;
}
  
    .search {
    float: none;
  width: 300px;
  margin: auto;
}
  .social {
  width: 100%;
  padding: 5% 2%;
  margin: auto auto;

  }
  
  iframe {

min-height: auto;

}

  
  .logo-bottom > div {
        width: 120px;
    }
  
  
  
  .news-right {
   
    width: 100%;
  }
  
  .news-right article {
    width: 99%;
}
  
  .news-left {
   
    width: 100%;
  }
  
  .col-6 {
    width: 48%;
    
}
  
 
  
  .links-place {
   
    width: 100%;
}
  
  .news-left h3{text-align:left}
  
  .logo{
    float: none;
}
  
  .links-place a {
    float: right;
    width: 49%;
    

  }

}
@media (max-width: 820px) {
  
  .label a{
  
  z-index:102;
  
  }
  
  .popup-data-entery .right figure img {
 
 
  
}
  
  .label a {
  position: absolute;
  }
  
  .popup-data-entery{
    display: unset;
    
  }
  
  .popup-data-entery{
 
  position: absolute;
  }
  
  #countdown{width:100%;}

.header-place.fixed {
  position: unset;
  
  }
  
    .banner-place section.banner-caption {
 width: 100%;
  position: unset;
  float: right;
  text-align: center;
      font-size: 1.2em;
}
  
  .banner-place figure:nth-child(1) img {
height: 300px;
width: 100%;
}
 
  .banner figure {
  float: left;
  text-align: left;
    width: 100%;
}
  

  
  
  div.podcast-gp section {
    width: 47%;
}
  
  div.podcast-content ul li {
  width: 100%;
  }
  html:lang(fa) form[id^="form"] div.poll-container fieldset li input[type="email"], html:lang(fa) form[id^="form"] div.poll-container fieldset li input[type="text"], html:lang(fa) form[id^="form"] div.poll-container fieldset li textarea {

    width: 85%;
   
}
  
  .label-bot > span, .label-link {
    float: right;
}


  .label-bot > span .link-line, .label-link > span .link-line {
  left: -25px;

  }
  


    .banner-box {
        display: none;
    }


    .news-left h3 {
        text-align: left;
    }

    .news-left > div {
        text-align: left;
    }

    .news {
        width: 96%;
        text-align: right;
        float: right;
    }

    article.related-news {
        max-height: 300%;
        max-width: 100%;
    }


    .label-bot a {
        width: 95%;
        margin: 2px;
    }

    .label-link a {
        width: 95%;
        text-align: left;
    }


    .newsletter {
        margin: auto auto;
    }

    .links-place {
        width: 100%;
    }

    .menu-pop {
      padding: 1%;
font-size: 1.2em;
        display: inline;
    }


    .news-pic {
        width: auto
    }



    .menu-place {
        float: right;
        width: 0px;
        min-height: 0px;
        margin: 0px;
        background-color: transparent;
        border: 0px;
        position: absolute;
        top: 50px;
        z-index: 90;
        right: -400px;
      display:none;
    }

    #menu-width {
        width: 300px
    }





    .news > div {
        border-right: 3px #FF0000 solid;
        padding-right: 5px;
    }





    /* .links-bottom > div {	width:600px;} */


    .sendnews {
        width: 98%;
    }
    /* .footer > div {	width:600px;} */
    /* .footer div div:nth-child(2) {	width:370px } */
    .footer div div:nth-child(3) {
        float: right;
        margin-top: 0px
    }




    .banner-box {
        top: 10px
    }

    .header-place.fixed .logo {
        display: inline;
    }


    .header-place.fixed .top-menu {
        display: inline
    }


    .header-place.fixed .search-place {
        display: inline
    }

    .header-place.fixed .dropdown ul li {
        padding: 12px 0px;
    }




    .container {
        
    }

    .container-cp {
        width: 100%;
    }

    .left-news {
    }




    footer.footer ul li {
        width: 100%;
        float: right;
        padding: 5px;
    }

        footer.footer ul li a {
        }

    .middle-footer {
        float: none;
    }

    .news-right {
        width: 98%;
        padding: 1%;
    }
  
  .middle-footer img {
 
  margin-top: 20px;
}
}



/* Under 500px */
@media (max-width: 620px) {
  
  
  
article.toc {
 
  width:100%;
  float: right;
}
  
  .bodytext ul:first-of-type {

  margin: 3% 2%;
  padding: 2%;
}

  
  
  div.podcast-homepage ul li{ width: 99% !important;
   
    
}

  
  
  .bodytext ul{list-style:none;

margin: 0;
padding: 8px;

}
  .banner{
    
   height: 650px; 
  }
   div.container-gallery section{
  width: 48%;
}
  
  
  
   div.contact-box ul{
display: flex;
flex-wrap: wrap;
  }
 .whatsapp {
  display: none;
}

  div.contact-box {
bottom: 0%;
width: 100%;
left: 0;
right: 0;
  }

  
  
  .banner figure img {
  border-radius: 0% 180px 150px 0;
  }
    .company-job-seeker a{

width:31%

}

  
form[id^="form2"] div.poll-container fieldset li input[type=email]
, form[id^="form2"] div.poll-container fieldset li input[type=text]
, form[id^="form2"] div.poll-container fieldset li textarea {
   
width: 85%;
}

  
  .news-right article {
 
  min-height: unset;
}
  
  .news-left article {
  min-height: unset
}
  .topnews-cont {
  
  margin-top: 40px;
}
  
  
  .about-ganji > div {
  
    line-height: 1.7;}
  
  
    .label-link a {
    width: 100%;
text-align: left;
font-size: 0.75em;
padding: 8px;
}
.topnews-cont {
  width: 45%;
  }
  
  .logo-bottom div h3 {padding:unset;font-size:unset;}
  
 
  
  .banner-place figure:nth-child(1) img {
 height: 300px;
}
 
  .banner figure {
  float: left;
  text-align: left;
    width: 100%;
}
  

    #txtJob {
        font-size: 0.85em;
    }

    .label-link input[type="text"] {
        padding: 7px;
    }
  
  form[id^="form"] div.poll-container fieldset li input[type="email"]{
   
  }
  
  
  .label-link a {
    width: 98%;
  }
  
  .news-left h3 {
    display:none
  }
  
  .logo-parent{
    
  }
  
  
  
h1, h1 {
   
   font-size: 1.7em;
  }
  




  .label-link a {
    width: 265px;
    text-align: left;
    font-size: 0.85em;
    padding: 2px;
}
  
.menu-pop {
    float: right;
    width: 100%;
   
    padding: 8px;
  height: 15px;
}

  .menu-pop i {
    float: right;
    cursor: pointer;
}



  
  
  .label-link a
  {
  width: 76%;

}
  
  .links-place a {
  
    width: 99%;
}
  
  .news-place > div {
   
    display:unset;
}
  
  
   .logo {
    float: none;
  width: 40%;
     padding: unset;
}
  
  .label h2{margin:0;
  font-size: 1.2em;
  }
  
   .news-left .news div {
    text-align: left;

  
}
  

  
   .title-place {

    width: 100%;
    
}
  
  div.container-master-2 {
    width: 100%;
}
  
  .col-1 {
    width: 7%;
    display: inline-block;
    vertical-align: top;


}
.col-2 {
    width: 50%;

display: inline-block;
vertical-align: top;
}
.col-3 {
   width: 50%;
    display: inline-block;
    vertical-align: top;
}
.col-4 {
    width: 97%;
display: inline-block;
 vertical-align: top;

}

.col-6 {
    width: 100%;
    display: inline-block;
    vertical-align: top;

  }

.col-10 {
    width: 68%;

    display: inline-block;
    vertical-align: top;


}
.col-12{
    width: 94%;
    
    display: inline-block;
    vertical-align: top;

}
 
  
  
.archive {
    width: 100%;
  }
  
  form[id^="form"] fieldset {
        width: 99% !important;
    }
  .left-news {
    width: 98% !important;
    float: right;
}
  .related-news {
    width: 97% !important;
}
  
  
  .news-left {
    width: 98%;
    min-height: 90px;
    margin: 1%;
}
  
 div.title-place .title {
    width: 100%;
    font-size: 1.3em;
   margin:0
}
  
  .label-link input[type="text"] {
    width: 100%;
   
}
  .news-pic {
    width: 98%;
    float: left;
    margin: 10px;
    padding: 8px;
}
  
div.news-pic img{
  width: 100%;
}
  .label-bot a {
    width: 100%;
    padding:2%
  
}
  .links{
    
    width: 100%;
  }
  
   .bodytext {
    width: 100%;
    padding: 0 2%;
}
  
    .label-link a{
  width: 100%;
text-align: left;
padding: 1px;
}

  
  
  
  

  .container {
        margin-top: 8px;
    
}
    
    .top-link {
        width: 100%;
        display: none;
    }

   

    .cont-master2 {
        top: 0px;
    }

    .banner-box {
        display: none
    }

    
    .footer div div:nth-child(3) {
        margin-top: 0px;

border-top: 1px solid #2e2e2e;
padding-top: 2%;
    }

.news img {
    width: 80px;
}
  

  .news-left article{
    
    min-height: 90px;
}
  
 .social img {
    float: none;
  
 
}



 
 .newsletter {

   width: 300px;
    }



 .newsletter input {
       
    }




form[id^="form"] div.poll-container input[type="button"] {
 
}
    .leftBox > div {
        width: 100% !important;
    }

    .header-place.fixed .search-place {
        display: none
    }

.cont-bottom > div {
    width: 100%;
   
}



.social img {

    width: 25px;
}
.socialfooter a{display:inline-block}

 div.news-right .news-titlt,article{
   text-align:right;
     float:right;
}
   
}



/* Under 400px */
@media (max-width: 440px) {
  
  .company-job-seeker a{

width:47%

}
 
.label a {
 
  top: 520px;
  width: 295px;
  padding-top: 5px;
}


.banner-place section.banner-caption {
  width: 95%;
  }
  
 
  
  
  .topnews-cont {
  width: 100%;
  }
  
    .topnews-cont {
  width: 80%;
    }
}
  
  

@media (max-width: 380px) {
 
  
  
}




/* Under 320px*/
@media (max-width: 350px) {


  
.logo {
    float: none;
    margin-left: 12%;
}

.search {
  width: 80%;
margin-right: 8%;
}

.social {
    margin-right: 10%;
}
  
}