/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */
@font-face {
  font-family: 'byekan';
  src: url('fonts/byekan.eot?#') format('eot'),  /* IE6–8 */
       url('fonts/byekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('fonts/byekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
*{
	direction: rtl;
}
body ,html{
font-family: 'b yekan','byekan','Open Sans', sans-serif;
padding-top: 54px;
direction: rtl;
}

@media (min-width: 992px) {
  body {
    padding-top: 56px;
	direction: rtl;
  }
}
h,p{
	color:#3D3D3D;
}
.vasat{
    text-align:center;
}
.rast{
	text-align:right;
}
.carousel-item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.logo{
    opacity:0.5;
	max-height: 70px;
	max-width: 200px;
	transition: all 1s;
}
.logo:hover{
    opacity:1;
	max-height:75px;
	max-width: 215px;
}
.sliderbg{
    background:rgba(55,55,55,0.5);
    border-radius:10px;
}
.sliderbg p,h{
    color:#fff;
}

.portfolio-item {
  margin-bottom: 30px;
}
.onvan{
	border-radius:5px;
	padding: 5px;
	color:#fff;
}

.custom-toggler.navbar-toggler {
    border-color: rgb(233,233,233);
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(233,233,233, 0.7)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

#about-prgf{
	text-align: right;
}
h1{
	text-align: center;
	padding: 15px;
}
h2 {
	text-align: center;
	padding:5px;
}
#menu-top{
	background:linear-gradient(-90deg, #ecf0f1,#bdc3c7);
}
#menu-top a{
	color:#2c3e50;
}
#menu-top a:hover{
	color:#27ae60;
}
#menu-top a:active{
	color:#fff
}
#product-title{
	background-color:#2ecc71;
}
.product-align{
	align-content: center;
	align-items: center;
	text-align: center;
}
.product-title{
	color:#3E3E3E;
	text-align: center;
}
#costumers-title{
	background-color:#1abc9c;
}
#certificate-title{
	background-color:#3498db;
}
#contact-title{
	background-color:#186CA4;
}
.customers-img{
	width: 150px;
	height: 150px;
}
img.team-img {
	width: 200px;
	height:200px;
	border: 0;
	transition: all 1s;
	margin: 0;
	border-radius:100px;
	opacity:0.55;
}
img.team-img:hover {
	border-radius:10px;
	width:220px;
	height:220px;
	opacity:1;
}
.certificate-img{
	max-width:350px;
	max-height:450px;
	padding: 20px;
}
/* customers imgs effects */
.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}

.img-responsive {
    margin: 0 auto;
}
.kadr{
    border: 3px solid #2ecc71;
    border-radius:50px;
    margin-bottom:10px;
}
img.pro-img {
	width: 200px;
	height:200px;
	transition: all 1s;
	margin: 0;
	border-radius:50px;
	opacity:0.55;
}
img.pro-img:hover {
	border-radius:10px;
	width:250px;
	height:250px;
	opacity:1;
}