@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;/*background:#bdc6d7!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;width:100%;
}
.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: 6px 12px;  
  line-height: 1.42857143;
  border-radius: 4px;
  -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;}
.myrow {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
  margin:auto; 
}
/* Create four equal columns that sits next to each other */
.mycol2 {
  flex: 48%;
  max-width: 48%;
  padding: 0 4px;  
}
.mycol2-inner{border:solid 1px lightgray;background:#fff;}
.mycol2 img {  
  vertical-align: middle;
  width: 100%;
}
/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .mycol2 {
    flex: 100%;
    max-width: 100%;
  }
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .mycol2 {
    flex: 100%;
    max-width: 100%;
  }
}
.views-field-title{padding-right:5px;}

.mobile-menu
  {
    display: flex;
  }  
  .view-in-mobile {
    display: flex;
  }
  .view-in-desktop {
    display: block;
  }
  ul.menu a{font-family:IRANSans;font-size:16px;}
   
  .primary-menu-wrapper  {
  transform: inherit;position:fixed;
  }
    .menu-wrap {
  position:fixed;
  top: 0;
  bottom: 0;
  left: 0;
  padding-top:30px;
  width:400px;
  height: 100%;  
  transform: translateX(-100%);
  transition: all 0.4s ease;  
  }
  
  .active-menu .close-mobile-menu {display:grid;/*right:auto;left:0;*/}
  .active-menu .menu-wrap {
  background: #004652;
  box-shadow:3px 3px 3px #999;
  }
  .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; }
  #edit-comment-body-0-format{display:none;}/*comment tozih*/
  /****************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 */
  }
  .header .container,.page-node-621 .container{max-width:1920px!important;}
  .header{background:#0775c4!important;}
  .header{height:100px!important;background:#0775c4 url(../img/header-ai.jpg)no-repeat center!important;background-size:cover!important;}
  .page-node-621 #main,.main-wrapper{background:lavender!important;}
  #main{padding:1rem!important;border-radius:20px;background-color:#fff!important;margin:auto;}
  #footer{background:#016aeb!important;color:#fff!important;text-align:center;}
    .region-content-top,.region-content-bottom{display:grid!important;grid-template-columns: repeat(auto-fit,minmax(265px,1fr));grid-column-gap:1rem;}  
	/*.block:nth-child(2n){background:#fbf9e2 !important;}*/
	.region-highlighted .block,#highlighted .container{padding:0!important;}/*{background:#00397c !important;}	*/
	#block-ai-views-block-ai-block-5 .view-content,.view-display-id-block_4 .view-content{padding:30px;/*-webkit-box-shadow: 0 3px 3px #555;box-shadow: 0px 3px 3px #555;*/}
.node .field--name-field-image img,.views-field.views-field-field-image img,#block-ai-views-block-ai-block-3{-webkit-box-shadow: 0 3px 3px #555;    box-shadow: 0px 3px 3px #555;}
	.view-display-id-block_4 .view-content{background:#fbf9e2;}
	
	/*#block-ai-views-block-ai-block-4{background:#fbf9e2;}	*/
	/*#block-ai-views-block-ai-block-4::before {*/
	.view-display-id-block_5 .view-content::after {
    position: absolute;
    left: 0;
	content: '';    
    height: 5rem;
    width: 100%;
    background-color: #fbf9e2;
    clip-path: polygon(0 0, 100% 90%, 100% 100%, 0 100%);
}
	/*#block-ai-views-block-ai-block-5 .view-content{background-color: #003d77}*/
  #block-ai-views-block-ai-block-3 .views-row .image-field,
  #block-ai-views-block-ai-block-6 .views-row .image-field,
  #block-ai-views-block-ai-block-7 .views-row .image-field,
  #block-ai-views-block-ai-block-8 .views-row .image-field{margin:0!important}
  #block-ai-views-block-ai-block-4 .block-title,#block-ai-views-block-ai-block-5 .block-title{border-bottom:none;}
  
  #block-ai-views-block-ai-block-5 img,
  .view-ai .views-view-grid img{box-shadow:0 0 8px 3px #444;border-radius:5px;}
  .views-view-grid .views-col{text-align:center}
  
  .more-link{background:orange;width:100px;border-radius:10px;margin:auto;margin-top:5px;text-align:center}.more-link a{color:#fff;}
  @media (max-width: 768px) {
	#block-ai-views-block-ai-block-1,#block-ai-views-block-ai-block-2,#block-ai-views-block-ai-block-3,#block-ai-views-block-ai-block-6,
	.region-twothree .block,.views-view-grid .views-col{width:100% !important;margin:auto;margin-bottom:1rem;}
.region-twothree	{display:inline!important;}
	audio, canvas, progress, video{max-width:100%;}
	.site-branding img{width:50%!important;}	
  }
  /**********************************/	
  
  /* view gallery */
  .view-gallery .item-list ul li
  {
    display: inline;               /* enable floating */
    list-style-type: none;         /* no leading disc */
    line-height: 50px;              /* to have enough space between rows */
    padding: 0;
  }
  .view-gallery .views-field-field-image-fid
  {
    background:transparent url(film.png) repeat-x scroll 0 0;
    float: left;
    margin: 0;
    padding: 16px 6px 16px;
  }
  .view-gallery .imagecache-small_quadrat img
  {
    border: 4px solid black;
  }
  .view-gallery a.imagecache-small_quadrat.active img
  {
    border: 4px solid red;
  }
  .view-display-id-page_5 .views-field-title,
  .view-display-id-page_9 .views-field-title,
  .view-display-id-page_1 .views-field-title,
  .view-display-id-page_2 .views-field-title,
  .view-display-id-page_3 .views-field-title
  {background-image: linear-gradient(to left,#2db6c0,transparent); padding-right:5px;width:300px;margin:auto; margin-bottom: 20px;}
  .view-display-id-page_5 .views-field-title a,
   .view-display-id-page_9 .views-field-title a,
    .view-display-id-page_1 .views-field-title a,
	 .view-display-id-page_2 .views-field-title a,
	  .view-display-id-page_3 .views-field-title a {color:#973c8f;}

  /******************************new***************************/
  /******************************new***************************/
  :root {
  --primary: #E25B0E;
  --secondary: #52CAE4;
  --dark: #212736;
  --light: #FBF1E2;
  --border: #DABF98;
  --text-color: #383549;
  --color-text: #383549;
  --bold-color: #212736;
  --color-heading: #212736;
  --content-bg: #FBF1E2;
}
/* HTML and Body
---------------------------------------- */
.square-dot{top:-9%!important;}
.square{top:-11%!important;}
.circle-double{right:-2%!important;top:6%!important;}
/*.header{background:#5d6c43!important;}.header-container{padding:0.3rem 0!important;}
.header a{color:#fff!important;}*/
th,.footer{text-align:center;}
/*.page-type-send-ax .rate-widget,*/.form-type-vertical-tabs,.rate-widget.numberupdown{display:none;}
 /*.footer li{border:1px solid var(--border);width:110px;float:left;}.footer li a:hover{color:maroon;}*/
#block-ruhi-mqrratwamtyazatjshnwarh{background:#e2e8fb;/*fbf1e2;*/ border-radius: 5px!important;}
select,textarea,input.form-text,input.form-email{background:#fbf9e2!important;}
.field--label-inline .field__label, .field--label-inline .field__items{float:right!important;}
.footer-top .menu{width:395px;margin:auto;}
.footer-top .menu li{float:right;margin-left:26px;}
.feature,.service {background-color: #ffffff;}
.feature h3{background:#e74c3c;color:#fff;}
.plan h3{color:#e74c3c;text-align:center;}.plan{padding:7px;background:aliceblue;}
  /* Block Regions
--------------------------*/

.block-title {
    position: relative;
    text-align: center;
    margin-bottom: 1rem;
	color: #005bcf;
}
.block-title::before {
    background: purple;/*#d1392b;*/
    bottom: 2px;
}
.block-title::after {
    background: #ffa800;
    bottom: -5px;
}
.block-title::before, .block-title::after{position: absolute;
    content: "";
    left: 50%;
    width: 60px;
    height: 2px;
    margin-left: -30px;
}
/* کلید واژه */
.term-title i {
  color: #221ce3!important;}
. taxonomy-term .root {
  color-primary: #9900ff!important;
}
.icon-comments {
  color: #0161d5!important;}
  .taxonomy-term a:hover {
  background-color: #8170b1!important;
  }
  :root {
  --color-primary: #015ed2!important; }
  .comment-form-wrap{
	background: #f1faff!important; 
  }
  .js-text-full .text-full .form-text{
	background: #eae8f8!important; 
  }
  /* text homepage
--------------------------*/


.views-field-title {
  /*clear: both;*/
  margin: 10px 0px;
  background-image: linear-gradient(to left,#bfdbfe,white);
  padding: 2px;
  }
  
  .more-link{
	background: #007af1!important; 
  }

.menu-wrap{
  display: inline-block;
  padding: 25px 45px;
  background: rgba(255,255,255,.18);
  backdrop-filter: blur(15px);
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 30px;
}

	.region-primary-menu .menu-item-level-1:hover {
  border-radius: 20px!important;	
	}
.region-twothree{display:grid;grid-template-columns: 70% 30%;  justify-items:center; /* افقی */
    align-items:center;   /* عمودی */
   place-items: center;}
.region-twothree #block-ai-views-block-ai-block-9{   width:90%;}
/*#block-ai-views-block-ai-block-10{background-color: rgba(62, 214, 253, 0.83);  padding: 2rem;margin-top:30px;margin-bottom:30px;position:relative;}*/
#block-ai-views-block-ai-block-10{
    background: rgba(95, 205, 255, 0.50);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255,255,255,0.5);
    box-shadow: 0 8px 32px rgba(31, 135, 255, 0.15);
    padding: 2rem;
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
    border-radius: 24px;
  }
#block-ai-views-block-ai-block-10::before{position: absolute;
    content: "";
    top: 0;
    left: 0;
    background-color: #fee748;
    width: 95%;
    height: 100%;
    z-index: -1;
transform: rotate(-5deg);
}