/*
 
Theme Name: eksirtech
 
Theme URI: http://www.eksirtech.ir/
 
Description: این پوسته توسط موسسه اکسیرتک طراحی و پیاده سازی شده است .
 
Version: 1
 
Author: eksirtech
 
Author URI: http://www.eksirtech.ir
 
*/




@import url(fonts/weblogma_yekan.css);

.cd-fixed-background {
width:100%;
background-repeat:no-repeat;
background-position:centercenter;
background-attachment:fixed;
background-size:cover;
}

::selection {
  background: #57BC2C;
  color: #ffffff;
}

.cd-fixed-background.img-1 {
background-image:url("img/cn.jpg");
}

@media screen and (max-width:601px) {
    .vrt-aln{float: left !important;}
	 .container{padding:0.01em 0px !important}
	 .container2{padding:0.01em 0px !important}
	 .container3{padding:0.01em 0px !important}
	 .lft{
		 padding-left:0px;
	 }
	 .rgt{
		 padding-right:0px;
	 }
	 .nlft{
		 padding-left:0px;
	 }
	 .nrgt{
		 padding-right:0px;
	 }
	 .pding{
		 padding:0px;
	 }
}
.container{padding:0.01em 16px}
.container2{padding:0.01em 32px}
.container3{padding:0.01em 64px}
hr{
	border-color:#edd;
}
.lmt{
	max-width:1200px;
	margin:auto;
}
.title {
	line-height: 42px;
}
hr {
	margin: 3px 0px 3px;
}

.rot:hover{
transition-duration: .6s;
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transform:rotate(360deg);
cursor:pointer;
}
.bg:hover{
transition-duration: .4s;
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transform:scale(2,2);
cursor:pointer;
}
.bg0:hover{
transition-duration: .4s;
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transform:scale(1.5,1.5);
cursor:pointer;
}
.bg2{
	transform:scale(1.04,1.04);
	margin-top:2px;
}
.bg22{
	z-index:1;
  	position: relative; 
	transform:scale(1.04,1.04);
	margin-top:2px;
}
.bg3{
	margin-top:8px;
	transform:scale(1.08,1.08);
}
.bg3:hover{
	transition-duration: .4s;
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transform:scale(1.14,1.14);
	cursor:pointer;
}
.bg2:hover{
	transition-duration: .4s;
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transform:scale(1.1,1.1);
	cursor:pointer;
}
.bg22:hover{
	z-index:2;
	transition-duration: .4s;
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transform:scale(1.2,1.2);
	cursor:pointer;
}

body {
	margin: 0;
}
.w3-navbar .w3-dropdown-hover:hover, .w3-navbar .w3-dropdown-hover:first-child, .w3-navbar .w3-dropdown-click:hover {
	background-color: #1BBC9B;
}
ul.topnav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #F3F4F8;
}
ul.topnav li {
	float: left;
}
ul.topnav li div.w3-dropdown-content {
	background-color: #0DA388;
}
ul.topnav li a {
	display: block;
	text-align: center;
	padding: 12px 16px;
	text-decoration: none;
	transition: 0.3s;
	font-size: 17px;
}
ul.topnav li a:hover {
	background-color: #57BC2C;
}
ul.topnav li.icon {
	display: none;
}
@media screen and (max-width:768px) {
ul.topnav li:not(:first-child) {
	display: none;
}
ul.topnav li.icon {
	float: right;
	display: inline-block;
}
}
@media screen and (max-width:768px) {
ul.topnav.responsive {
	overflow-y: auto;
	position: relative;
}
ul.topnav.responsive li.icon {
	position: absolute;
	right: 0;
	top: 0;
}
ul.topnav.responsive li {
	float: none;
	display: inline;
	text-align: left;
}
ul.topnav.responsive li a {
	display: block;
	text-align: left;
}
}
.progress {
	background: #ddd;
	border-radius: 5px;
	overflow: hidden;
	width: 100%;
}
.progress-fill {
	height: 20px;
}
.purple {
	background: #a1a;
}
.green {
	background: #1a1;
}
.blue {
	background: #22a;
}
.red {
	background: #a22;
}
.cyan {
	background: #1aa;
}
.yellow {
	background: #aa1;
}
.anim-stripes {
	background-image: linear-gradient( -45deg, rgba(255,255,255,0.25) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,0.25) 75%, transparent 75%, transparent );
	background-size: 40px 40px;
	display: block;
	height: 100%;
	width: 100%;
	animation: anim_stripes 1s linear infinite;
	-webkit-animation: anim_stripes 1s linear infinite;
}
.stripes{
	background-image: linear-gradient( -45deg, rgba(255,255,255,0.25) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,0.25) 75%, transparent 75%, transparent );
	background-size: 40px 40px;
	display: block;
	height: 100%;
	width: 100%;
}
@keyframes anim_stripes {
 from {
 background-position: 0 0;
}
to {
	background-position: 80px -40px;
}
}

.slideanim {visibility:hidden;}
  .slide {
      animation-name: slide;
      -webkit-animation-name: slide;	
      animation-duration: 1s;	
      -webkit-animation-duration: 1s;
      visibility: visible;			
  }
@keyframes slide {
  0% {
	opacity: 0;
	-webkit-transform: translateY(70%);
  } 
  100% {
	opacity: 1;
	-webkit-transform: translateY(0%);
  }	
}
@-webkit-keyframes slide {
  0% {
	opacity: 0;
	-webkit-transform: translateY(70%);
  } 
  100% {
	opacity: 1;
	-webkit-transform: translateY(0%);
  }
}

.bg-1 { 
      background-color: #1abc9c;
      color: #ffffff;
  }
  
  
.apollo {
	overflow: hidden;
	cursor: pointer;
}
.apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale(1.9,1.4) rotate(45deg) translateY(-112%);
	transform: scale(1.9,1.4) rotate(45deg) translateY(-112%);
}
.apollo:hover figcaption::before {
	-webkit-transform: scale(1.9,1.4) rotate(45deg) translateY(80%);
	transform: scale(1.9,1.4) rotate(45deg) translateY(80%);
}