@font-face {
	font-family: IRANSans;
	src: url(assets/fonts/IRANSansWeb.eot);
	src: url(assets/fonts/IRANSansWeb.eot?#iefix) format('embedded-opentype'), 
         url(assets/fonts/IRANSansWeb.woff2) format('woff2'), 
         url(assets/fonts/IRANSansWeb.woff) format('woff'), 
         url(assets/fonts/IRANSansWeb.ttf) format('truetype')
}

body {
    direction: rtl;
    width: 100%;
    height: 100%;
    font-family: IRANSans;
    font-weight: 400;
    font-size: 14px;
    background-color: #2c393f;
    background-image: url(assets/img/backk.jpg);
    background-repeat: repeat;
    text-align: center;
}
a {
    color: #fff;
    padding: 15px 50px;
    display: inline-block;
	transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
}
a:hover, a:active, a:focus {
    color: #fff;
    box-shadow: 0px 20px 20px 0px rgb(25, 33, 35);
	text-decoration: none;
	outline: none;
	transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
}
.container-fluid, .row{
    height: 100%;
}
h1{
    color: #fff;
    text-align: center;
    position: absolute;
    right: 33%;
    top: 38%;
    padding: 0;
    font-size: 58px;
}
.bbut{
    background: -moz-linear-gradient(0deg, #2b4845 0%, #222a2c 100%);
    background: -webkit-linear-gradient(0deg, #2b4845 0%, #222a2c 100%);
    background: -ms-linear-gradient(0deg, #2b4845 0%, #222a2c 100%);
    border: none;
    position: absolute;
    right: 46%;
    top: 50%;
    padding: 0;
}
.bbut a{
    color: #fff;
    padding: 15px 50px;
    display: inline-block;
	transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	box-shadow: 0px 20px 20px 0px rgb(25, 33, 35);
	animation: dash23 5s linear alternate infinite;
}
.bbut a:hover{
    color: #fff;
    box-shadow: 0px 20px 20px 0px rgb(25, 33, 35);
	text-decoration: none;
	outline: none;
	transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	animation: dash23 1s linear alternate infinite;
}

figure{
    width: 60%;
    position: absolute;
    right: 18%;
    top: 27%;
}
svg{
	
     -webkit-filter: drop-shadow( 0px 2px 4px #fff );
	filter: drop-shadow( 0px 2px 4px #fff );
}



.st0 {
	fill-opacity: 0;
  	stroke-dasharray: 1000;
  	stroke-dashoffset: 1000;
  	animation: dash0 2s linear 2S normal forwards, fill0 2s linear 2s normal forwards;
}

@keyframes dash0 {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes fill0 {
  from { fill-opacity: 0; }
  to { fill-opacity: 1; }
}


.st1 {
	fill-opacity: 0;
  	stroke-dasharray: 1000;
  	stroke-dashoffset: 1000;
  	animation: dash1 2s linear 3s normal forwards, fill1 2s linear 3s normal forwards;
}

@keyframes dash1 {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes fill1 {
  from { fill-opacity: 0; }
  to { fill-opacity: 1; }
}


.st2{
	fill-opacity: 0;
  	stroke-dasharray: 1000;
  	stroke-dashoffset: 1000;
  	animation: dash2 2s linear 4s normal forwards, fill2 2s linear 4s normal forwards;
}

@keyframes dash2 {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes fill2 {
  from { fill-opacity: 0; }
  to { fill-opacity: 1; }
}



.st3{
	fill-opacity: 0;
  	stroke-dasharray: 1000;
  	stroke-dashoffset: 1000;
  	animation: dash3 2s linear 5s normal forwards, fill3 2s linear 5s normal forwards;
}

@keyframes dash3 {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes fill3 {
  from { fill-opacity: 0; }
  to { fill-opacity: 1; }
}


.st4{
	fill-opacity: 0;
  	stroke-dasharray: 1000;
  	stroke-dashoffset: 1000;
  	animation: dash4 2s linear 6s normal forwards, fill4 2s linear 6s normal forwards;
}

@keyframes dash4 {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes fill4 {
  from { fill-opacity: 0; }
  to { fill-opacity: 1; }
}


.st5{
	fill-opacity: 0;
  	stroke-dasharray: 1000;
  	stroke-dashoffset: 1000;
  	animation: dash5 2s linear 7s normal forwards, fill5 2s linear 7s normal forwards;
}

@keyframes dash5 {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes fill5 {
  from { fill-opacity: 0; }
  to { fill-opacity: 1; }
}


.st6{
	fill-opacity: 0;
  	stroke-dasharray: 1000;
  	stroke-dashoffset: 1000;
  	animation: dash6 2s linear 8s normal forwards, fill6 2s linear 8s normal forwards;
}

@keyframes dash6 {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes fill6 {
  from { fill-opacity: 0; }
  to { fill-opacity: 1; }
}


.st7{
	fill-opacity: 0;
  	stroke-dasharray: 1000;
  	stroke-dashoffset: 1000;
  	animation: dash7 2s linear 9s normal forwards, fill7 2s linear 9s normal forwards;
}

@keyframes dash7 {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes fill7 {
  from { fill-opacity: 0; }
  to { fill-opacity: 1; }
}


.st8{
	fill-opacity: 0;
  	stroke-dasharray: 1000;
  	stroke-dashoffset: 1000;
  	animation: dash8 2s linear 10s normal forwards, fill8 2s linear 10s normal forwards;
}

@keyframes dash8 {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes fill8 {
  from { fill-opacity: 0; }
  to { fill-opacity: 1; }
}


.st9{
	fill-opacity: 0;
  	stroke-dasharray: 1000;
  	stroke-dashoffset: 1000;
  	animation: dash9 2s linear 11s normal forwards, fill9 2s linear 11s normal forwards;
}

@keyframes dash9 {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes fill9 {
  from { fill-opacity: 0; }
  to { fill-opacity: 1; }
}


.st10{
	fill-opacity: 0;
  	stroke-dasharray: 1000;
  	stroke-dashoffset: 1000;
  	animation: dash10 2s linear 12s normal forwards, fill10 2s linear 12s normal forwards;
}

@keyframes dash10 {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes fill10 {
  from { fill-opacity: 0; }
  to { fill-opacity: 1; }
}


.st11{
	fill-opacity: 0;
  	stroke-dasharray: 1000;
  	stroke-dashoffset: 1000;
  	animation: dash11 2s linear 13s normal forwards, fill11 2s linear 13s normal forwards;
}

@keyframes dash11 {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes fill11 {
  from { fill-opacity: 0; }
  to { fill-opacity: 1; }
}


.st12{
	fill-opacity: 0;
  	stroke-dasharray: 1000;
  	stroke-dashoffset: 1000;
  	animation: dash12 2s linear 14s normal forwards, fill12 2s linear 14s normal forwards;
}

@keyframes dash12 {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes fill12 {
  from { fill-opacity: 0; }
  to { fill-opacity: 1; }
}


.st13 {
	fill-opacity: 0;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: dash13 2s linear 15s normal forwards, fill13 2s linear 15s normal forwards;
}

@keyframes dash13 {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes fill13 {
  from { fill-opacity: 0; }
  to { fill-opacity: 1; }
}