@font-face {
  font-family: "B Yekan";
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src:
  url("../font/b-yekan/Yekan.eot?#iefix") format("embedded-opentype"),
  url("../font/b-yekan/Yekan.woff") format("woff"),
  url("../font/b-yekan/Yekan.ttf") format("truetype"),
  url("../font/b-yekan/Yekan.svg#BYekan") format("svg");
}

body{
	direction: rtl;
	text-align: right;
	font-family: "B Yekan", sans-serif, Tahoma;
	background-color: #F8F9FA;
}

/*********  Settings for IE auto height  *********/
img{
	min-height: 1px;
}
/***************************************************/

.container{
	background-color: #F8F9FA;
}

aside{
	position: fixed;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	background-color: #282828;
}

aside .brand{
	width: 100%;

}

.social i{
	margin-left: 5px;
	font-size: 24px;
}

.social i.fa-telegram{
	color:#22B8CF;
}
.social i.fa-instagram{
	color:#FF922B;
}
.social i.fa-github{
	color:#fff;
}

.social a{
	text-decoration: none;
}

.card-img-top.loading{
	background: url('../image/optimized-loading.gif') no-repeat;
	background-size: 100% 100%;
}

.card-deck{
	margin-bottom: 20px;
}

.card{
	-webkit-box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.75);
}

footer{
	padding:25px;
	background-color: #222;
	color:white;
	width: 100%;
	margin: 0 !important;
	padding-bottom: 50px !important;
}

footer h4, footer h3{
	margin-bottom: 20px;
	color:#a8a8a8;
}

footer .info-detail a{
	color: #1cb52d;
}


#contact-us {
	padding-left: 100px;
}

@media only screen and (max-width: 768px){
	#contact-us{
		padding: 5px;
	}

	#sidebar-replacement{
		display: flex !important;
	}

}

@media only screen and (max-width: 991px){
	#contact-us{
		margin-bottom:50px;
	}
}

@media only screen and (max-width: 400px){
	#mail-address{
		font-size:15px;
	}
}


@media only screen and (min-width: 576px) and (max-width: 768px){
	.card-text div{
		font-size:0.8rem;
		font-size: 13px;
	}

	.card-title{
		font-size:1rem;
		font-size: 16px;
	}
}


.text-muted{
	color: #c4c2c2 !important;
}

.info a, .info p{
	font-size: 19px;
	font-size: 1.2rem;

}

.info-detail{
	margin-bottom: 50px;
}

span.bold{
	font-weight: bolder;
}

.card-title a{
	color: #1cb52d;
}

a.nav-link{
	color: #1cb52d;
}

a.nav-link:hover{
	font-weight: 1000;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #1cb52d;
    background-color: #F7F8F9;
}

.nav-pills .nav-link{
	border-radius: 0;
}

#more{
	margin:0;
	margin-bottom: 10px;
}

.page2, .page3, .page4{
	display: none;
	opacity: 0;
}

.page1{
	opacity:0;
}

#sidebar-replacement{
	display: none;
}

#top-navbar-brand{
	height: 40px;
}

#go-top-button{
	display: none;
	position: fixed;
	bottom: 0;
	z-index: 9999999;
	background-color: #37383a;
	font-size: 30px;
	color:#1cb52d;
	padding: 15px;
	padding-top: 11px;
	padding-bottom:11px; 	
	margin: 5px;
	cursor: pointer;
	border-radius: 10px;

	-webkit-box-shadow: 0px 60px 23px -7px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 60px 23px -7px rgba(0,0,0,0.75);
	box-shadow: 0px 60px 23px -7px rgba(0,0,0,0.75);
}

#copyright{
	color:white;
	text-align: center;
	font-family: Roboto, sans-serif;
	font-size:13px;
}

#copyright a{
	color: #22B8CF;
}

#content .card-deck .card .card-body .card-text p.text-first-line{
	margin-bottom:0 !important;

}

.empty-card{
	display: none;
}

.ack{
	margin-bottom: 8px;
	margin-right: 40px;
}

#service-a, #service-b{
	margin-top: 20px;
	padding: 10px;
}






/************** Plant-details file ***************/

#plant-detailed-image{
	text-align: center;
}

#plant-detailed-image img{
	max-width: 100%;
	margin-top: 20px;
}

#control-buttons{
	text-align: center;
	margin-top: 20px;
}

#plant-description{
	margin-top: 20px;
}

#plant-description p{
	margin-bottom: 0px;
	line-height: 2;
}

#cover{
	margin-top: 20px;
}