html {
	min-height: 100%;
	font-family: IRANSans,tahoma;
}
body {
	background: transparent;
	direction: rtl;
	font-family: IRANSans,tahoma;
}
input,select,h1,h2,h3,h4,h5,h6 {
	font-family: IRANSans,tahoma;
}
header {
	background-image: linear-gradient(#9df3ff, #ffffff);
}
.text-ltr {
	direction: ltr;
}
.custom-select {
	padding: .375rem .75rem .375rem 1.75rem;
	background-position: left 0.75rem center;
}
#map {
	height: 300px;
}
.custom-control-label {
	right:1.5rem;
}
.custom-control-label::before,.custom-control-label::after {
	right: -1.5rem;
}
textarea.form-control {
	height: 6rem;
}
@media (min-width: 34em) {
	.card-columns {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
}
@media (min-width: 48em) {
	.card-columns {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
}
#logo-container {
	z-index: 20;
	text-shadow: white 0 0 0.6em;
	pointer-events: auto!important;
}
#besmellah {
	z-index: 25;
	position: relative;
}

/**********CLOAD ANIMATION*********/
@keyframes move_wave {
	0% {
		transform: translateX(0) translateZ(0) scaleY(1)
	}
	50% {
		transform: translateX(-25%) translateZ(0) scaleY(0.55)
	}
	100% {
		transform: translateX(-50%) translateZ(0) scaleY(1)
	}
}
.waveWrapper {
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 100px;
	margin: auto;
}
.waveWrapperInner {
	position: absolute;
	width: 100%;
	overflow: hidden;
	height: 100px;
	top: 0;
	/*background-image: linear-gradient(to top, #86377b 20%, #27273c 80%);*/
}
.bgTop {
	z-index: 15;
	opacity: 0.5;
}
.bgMiddle {
	z-index: 10;
	opacity: 0.75;
}
.bgBottom {
	z-index: 5;
}
.wave {
	position: absolute;
	left: 0;
	min-width: 1700px;
	width: 200%;
	height: 100px;
	background-repeat: repeat no-repeat;
	background-position: 0 top;
	transform-origin: center top;
}
.waveTop {
	background-size: 50% 100px;
}
.waveAnimation .waveTop {
	animation: move-wave 3s;
	-webkit-animation: move-wave 3s;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.waveMiddle {
	background-size: 50% 120px;
}
.waveAnimation .waveMiddle {
	animation: move_wave 30s linear infinite;
}
.waveBottom {
	background-size: 50% 140px;
}
.waveAnimation .waveBottom {
	animation: move_wave 60s linear infinite;
}
.waveAnimation .waveTop {
	animation: move_wave 15s linear infinite;
}