@font-face {
  font-family: farris;
  src: url(fonts/Vazir-Regular.woff);
}

@font-face {
  font-family: farrisBold;
  src: url(fonts/Vazir-Bold.woff);
}

body{
/*  background-color: #3b3b3b;*/
  font-family: farris;
}

a{
  font-family: farris;
}

.navbar{
  background-color: #e66700!important;
  border-bottom: 2px solid #1d5675;
}

.navbar a{
  color: #fff;
}

.navbar a:hover{
  color: #1d5675;
}

/*.navbar a i{
  color: #fff;
}

.navbar a i:hover{
  color: #1d5675;
}*/

.navbar-brand{
  font-family: farrisBold;
}

nav .active{
  color: #1d5675 !important;
  border-bottom: 2px solid #1d5675;
}

nav form button{
  color: #fff !important;
  font-size: 16px !important;
}

nav form button:hover{
  color: #1d5675 !important;
}

.top-marque{
  margin-top: 80px;
  width: 100%;
  height: 26px;
  color: #1d5675;
  border-bottom: 2px solid #1d5675;
  direction: ltr;
}

.T-slider{
  max-height: 500px;
}

.T-slider .carousel-item{
  max-height: 500px;
}

.T-slider .carousel-item img{
  max-height: 500px;
}

.pop-product h2 {
    color: #1d5675;
}
.pop-product .card{
  margin-bottom: 10px;
}

.btn-50{
  width: 100%;
  margin-top: 5px;
}

.cars-box h2{
  color: #1d5675;
}

.cat-home h2{
  color: #1d5675;
}

.category-box {
    padding: 15px;
    margin: 10px;
    border-radius: 5px;
    transition: background-color 0.3s, color 0.3s;
    cursor: pointer;
    color: #1d5675;
}

/*.category-box:hover {
    background-color: #00203f;
    color: #1d5675;
    border-color: #e66700;
}*/

.category-box i{
  font-size: xx-large;
}

.category-box p{
  font-size: 20px;
}

.map-call{
  padding: 10px;
}

.link-call{
  padding: 10px;
}

footer{
  background-color: #1d5675 !important;
  color: #fff;
}

.f-a-color{
  color: #fff !important;
}

.f-a-color:hover{
  color: #ff9037 !important;
}

.new-f-a-color{
  color: #1e5675 !important;
}

.new-f-a-color:hover{
  color: #ff9037 !important;
}

.titr-footer{
  color: #e66700 !important;
}

.blog-box h2{
  color: #1d5675;
}

.blog-box .card{
  margin-bottom: 10px;
}

.related-blog{
  width: 100%;
  height: 80px;
  overflow: hidden;
  border-bottom: 1px solid #1d5675;
  border-top: 1px solid #1d5675;
  margin-top: 5px;
  padding: 5px;
}

.related-blog p{
  margin-bottom: 0px;
}

.related-img{
  max-width: 100px !important;
  overflow: hidden;
}

.related-blog img{
  width: 100%;
}

.video-tutorial{
  width: 100%;
}