@font-face{font-family:IRANSans;font-style:normal;font-weight:normal;src:url("../fonts/IRANSansWeb.eot");src:url("../fonts/IRANSansWeb.eot?#iefix") format('embedded-opentype'),url("../fonts/IRANSansWeb.woff2") format('woff2'),url("../fonts/IRANSansWeb.woff") format('woff'),url("../fonts/IRANSansWeb.ttf") format('truetype');}
@font-face{font-family:"honari";src:url("../fonts/Cinema.ttf") format("truetype"),url("../fonts/Cinema.woff") format("woff");font-weight:normal;font-style:normal;}
body{font-family:IRANSans!important;}
.page-title-wrap h1.page-title {
    font-family: honari!important;  	
	margin-bottom:5px;
  }
 h1,h2,h3,h4,h5 {
    font-family: honari!important;
  }
  b,strong {
    color:initial;
  }
.field--name-field-image img{
	/*border: 2px solid var(--border);padding:2px;*/
}
.taxonomy-term a {
  background-color: var(--light);
  border: 0;
  border-radius: 40px; 
  -webkit-box-shadow: 0 0 4px 1px var(--color-primary);
  box-shadow: 0 0 4px 1px var(--color-primary);
  padding: 6px 14px;
}
.taxonomy-term a:hover {
  background-color: var(--color-primary);
  color: #ffffff;
}
/*btn bootstrap*/
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn,.btn:hover {
  transition: all ease-in 200ms;
  -webkit-transition: all ease-in 200ms;
    transition-property: all;
    transition-duration: 200ms;
}
.btn.focus, .btn:focus, .btn:hover {
  color: #333;
  text-decoration: none;
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;    
  padding: 16px;
  line-height: 1.42857143;
  border-radius: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
p{text-align:justify;}
.views-view-responsive-grid{text-align:center}
.views-field-title{background:brown;padding:7px;margin-bottom:10px;}
.views-field-title a{color:#fff;}
  .region-primary-menu .menu{font-family:IRANSans!important;font-size:16px;}
  .region-primary-menu .menu-item-level-1{border-bottom: 1px solid #bbb;}
  .region-primary-menu  .menu a{color:#fff;}
  .primary-menu-wrapper  {
  transform: inherit;position:fixed;
  }   
  .active-menu .menu-wrap h2{color:#fff !important;background-color:#33A7A4;padding:3px;}
  .active-menu .menu-wrap li{background:url('../stem/circle.png') no-repeat right;padding-right:15px}
  /*.region-primary-menu .menu-item-level-1 a:hover, .region-primary-menu .menu-item-level-1 > span:hover{background-color:#33A7A4}*/
  .active-menu .region-primary-menu .menu{display:block;padding:4px;}
  .active-menu .menu-wrap .main-menu,.active-menu .menu-wrap .menu { overflow-y: auto; }
  .view-content,.views-form{overflow-x:auto!important;}
  #edit-comment-body-0-format{display:none!important;}/*comment tozih*/
  #footer ul{ list-style:none!important;}
  /****************gallery************/
  .field--name-field-gallery-imgs .field-item{
    float: right;
    margin: 0;
    padding: 2%;
	width:25%;
	}
  .field--name-field-gallery-imgs .field-item img
  {
    border:1px solid black;padding:2px;
  }
.field--name-field-gallery-imgs .field-item a:hover img
  {
    border: 1px solid red;
  }
  .field--name-field-tags
  {
    clear: both;                   /* new line for menu */
  }
  .box{margin:0.4rem;}  
  .main-wrapper{overflow-x:hidden;}
  @media (max-width: 768px) {
	  .views-view-grid .views-col{width:100% !important;margin:auto;margin-bottom:1rem;}
	  audio, canvas, progress, video{max-width:100%;}
	  
  }
  @media screen and (max-width: 600px) {
  	  #etebar{width:100%!important;}	   
  div.views-view-responsive-grid{display:inherit;}
  #block-stan-mnwyhsabkarbry li{background:darkblue!important;}
}.submenu{z-index:1000;}
#block-stan-mnwyhsabkarbry li{background:var(--bg-body);}
.node-type-asar-form .field--name-body.field--type-text-with-summary{max-height:400px;overflow-y:scroll;}
.field--name-field-fish,.field--name-field-field-mokhatab,.field--name-field-tags{clear:both;}
.field__items .field-item{border-radius:30px;padding:2px 10px;
box-shadow: 0 0 4px 1px #bbb;float:right;margin:5px;}
#etebar{background:url('eeet.jpeg');width:1000px;margin:auto;padding:30px;border:4px groove var(--light)}
#edit-language,#mob-login-code-send,#mob-login-op{display:none;}
  /**********************************/  
  .entity-content-form-revision-information{display:none !important;}
  li:has(>  a.is-active){background:var(--color-primary-light);}
  td,th{text-align:center!important;font-family:IRANSans!important;}
  .container{max-width:90%!important;}
  .project{flex:1 0 200px!important;}
  .project p{text-align:center;}
  #edit-body-0-format,.form-item-revision{display:none;}
 ul.shs li{float:right;}
 #edit-field-pardakht-date-wrapper .form-type-select,#edit-field-expire-date-wrapper .form-type-select{display:inline;;}
 .views-view-responsive-grid__item{box-shadow:0 0 4px rgba(0,0,0,0.12);background:#fff;} 
 /*.views-view-responsive-grid__item img {*/
 .views-field-field-image img{ transition: all .9s ease-in-out;margin:0;}  
#block-stan-views-block-products-block-1 h2{background-image:linear-gradient(45deg,firebrick, transparent,firebrick);}
#block-stan-views-block-products-block-2 h2{background-image:linear-gradient(45deg,dodgerblue, transparent,dodgerblue);}
#block-stan-views-block-software-doreha-block-1 h2,
#block-stan-views-block-software-doreha-block-2 h2,
#block-stan-views-block-software-doreha-block-3 h2,
.path-software-school-list .page-title,
.path-software-high-list .page-title,
.path-software-guide-list .page-title{background-image:linear-gradient(45deg,dodgerblue,transparent);}
#block-stan-views-block-products-block-2 .views-field-title,
.view-software-doreha .views-field-title{background:dodgerblue;}
#block-stan-views-block-products-block-3 h2{background-image:linear-gradient(45deg,purple, transparent,purple);}
.path-films-cinama .page-title{background-image:linear-gradient(45deg,purple, transparent);}
#block-stan-views-block-products-block-3 .views-field-title,
.path-films-cinama .views-field-title{background:purple;}
#block-stan-views-block-products-block-4 h2{background-image:linear-gradient(45deg,green, transparent,green);}
.path-film-education .page-title{background-image:linear-gradient(45deg,green, transparent);}
.path-film-education .views-field-title,
#block-stan-views-block-products-block-4 .views-field-title{background:green;}
#block-stan-views-block-products-block-5 h2{background-image:linear-gradient(45deg,orchid, transparent,orchid);}
#block-stan-views-block-products-block-5 .views-field-title{background:orchid;}
.content-home .block-title{margin-bottom:10px!important;}
.more-link{border-radius:10px;border-top:3px solid var(--color-primary);border-bottom:3px solid var(--color-primary);width:70px}
  /*************film lcd cover******/
.screen {
  background: #cacacc;  
  border-radius: 3% 3% 0.5% 0.5% / 5%;
  margin: 0 auto;  
  width: 84%;border:10px solid #aaa;
}
.screen img,.film-ring img{border:1px inset #cacacc;transition: all .9s ease-in-out;margin:0;}
.service img{transition: all .9s ease-in-out;}
.screen:hover img , .service:hover img{transform:scale(1.2)}
.screen:before {  
  border-radius: 3% 3% 0.5% 0.5% / 5%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.8) inset, 0 0 1px 2px rgba(255, 255, 255, 0.3) inset;
  content: "";
  display: block;    
}
/*.screen:after {
  content: "";  
  position: absolute;
  bottom: 0.75%;
  left: 0.5%;
  padding-top: 1%;
  width: 99%;
}*/
.base {
  /* for aspect ratio */
  position: relative;
  width: 100%;
}

.base:before {
  content: "";
  display: block;
  /* for aspect ratio ~33:1000*/
  padding-top: 3.3%;
  /* stylin */
  background: linear-gradient(#eaeced, #edeef0 55%, #fff 55%, #8a8b8f 56%, #999ba0 61%, #4B4B4F 84%, #262627 89%, rgba(0, 0, 0, .01) 98%);
  border-radius: 0 0 10% 10%/ 0 0 50% 50%;
}

.base::after {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.8) 0.5%, rgba(0, 0, 0, 0.4) 3.3%, transparent 15%, rgba(255, 255, 255, 0.8) 50%, transparent 85%, rgba(0, 0, 0, 0.4) 96.7%, rgba(255, 255, 255, 0.8) 99.5%, rgba(0, 0, 0, 0.5) 100%);
  content: "";
  height: 53%;
  position: absolute;
  top: 0;  
}

.notch {
  background: #ddd;
  border-radius: 0 0 7% 7% / 0 0 95% 95%;
  box-shadow: -5px -1px 3px rgba(0, 0, 0, 0.2) inset, 5px -1px 3px rgba(0, 0, 0, 0.2) inset;
  margin-left: auto;
  margin-right: auto;
  margin-top: -3.5%;
  margin-bottom: 3.5%;  
  /* for aspect ratio */
  position: relative;
  width: 14%;
}

.notch:before {
  content: "";
  display: block;
  /* for aspect ratio ~1:10 */
  padding-top: 10%;
}
/*****film ring***/
.film-ring{        
  --background: rgba(0, 0, 0, .35);
  --size: 10px;
  background-image:
    linear-gradient(to right, var(--background) var(--size), transparent var(--size)),
    linear-gradient(to bottom, var(--background) var(--size), transparent var(--size)),
    linear-gradient(to right, var(--background) var(--size), transparent var(--size)),
    linear-gradient(to bottom, var(--background) var(--size), transparent var(--size)),
    linear-gradient(to bottom, transparent var(--size), var(--background) var(--size));
  background-size: calc(var(--size) * 2) var(--size), calc(var(--size) * 2) var(--size), calc(var(--size) * 2) var(--size), calc(var(--size) * 2) var(--size), 100% calc(100% - var(--size) * 3);
  background-repeat: repeat-x;
  background-position: 0 var(--size), top left, 0 calc(100% - var(--size)), bottom left, 0 var(--size);
  padding: calc(var(--size) * 3) 0;  
}	
.film-ring:hover img {  
  transform:scale(1.2);
}
  .asar-3d {  
	perspective: 1000px;
  max-width: 250px;
  margin: 0 auto;  width:fit-content;
}
.asar-3d__inner:hover img{transform: rotateX(0deg);transform:scale(1.2);mix-blend-mode: multiply;/*remove white background of image*/
  transition:0.9s ease all;
}
.asar-3d__inner {
	position: relative;
	transform-style: preserve-3d;
transform: rotateX(25deg);
width:fit-content;margin:10px auto 0 auto;
}
.block-title{/*border-bottom:5px dashed var(--color-secondary);*/color:maroon;}
  .stamp-effect {                
  /*font-size:1.5vw;*/
        color: #fff;        
        transform: rotate(-10deg);
       padding: 0.1vw 1vw;
		position:absolute;/*top:25%;display:inline;*/
  background-color: #c00; /* Example stamp color */ 
 /* font-family: 'Impact', sans-serif; /* Example bold font */  
  border: 2px solid white; /* Inner border */
  box-shadow: 0 0 0 3px #c00; 
    }
	.project-content{cursor:auto!important;}
	.node-taxonomy-container{border:unset!important;}