body {
    font-family:helvetica, sans-serif;
}

a {
    color:#69899f;
    text-decoration:none;
}

h1 {
   color:#69899f;
    font-weight:normal;
    border-bottom:1px solid #bbb;
    /* padding:0 0 10px 0; */
}

h2 {
    color:#69899f;
    font-weight:normal;
    /* margin-top: 10px; */
    margin-bottom: 10px;
}

table {
    padding: 15px;
}
th, td {
    padding: 5px;
}

#content {
    float:left;
    /*width:60%;*/
    padding:30px 30px 30px 30px;
}

.content_60{
    width: 60%;
}


img {
    max-width: 600px;
}
/* service css formating */
.farsi-custom {
  direction : rtl;
  text-align: right;
  
}
.fa {
  float:right;
  direction: rtl;
}
.service .img {
  display: block;
  width: 100%;
  
}
.service .p {
  position: relative;
}
/*
#sidebar {
    float:right;
    width:30%;
    padding:10px;
    background:#efefef;
    height:100%;
}
*/
p.date {
    color:#ccc;
    font-family: georgia, serif;
    font-size: 12px;
    font-style: italic;
}

/* pagination */
.pagination {
    margin:40px 0;
    font-weight:bold;
}

/* forms */
label {
    float:left;
    clear:both;
    color:#333;
    margin-bottom:4px;
}
input, textarea {
    clear:both;
    float:left;
    margin:0 0 10px;
    background:#ededed;
    border:0;
    padding:6px 10px;
    font-size:12px;
}
input[type=submit] {
    font-weight:bold;
    background:#00abff;
    color:#fff;
    padding:10px 20px;
    font-size:14px;
    text-transform:uppercase;
}
.errorlist {
    color:#cc0033;
    float:left;
    clear:both;
    padding-left:10px;
}

/* comments */
.comment {
    padding:10px;
}
.comment:nth-child(even) {
    background:#efefef;
}
.comment .info {
    font-weight:bold;
    font-size:12px;
    color:#666;
}

/* images */

.image-preview, .image-detail {
    max-width:300px;
    float:left;
    margin:0 5px 5px 0;
}
.image-detail { margin-top:20px; }
.image-info div {
    padding:20px 0;
    overflow:auto;
}

.text-muted {
    color: #506a7c;
}
/* .footer::before {
    padding: 10px;
} */
.footer {
    /* position: fixed; */
    /* bottom: 0; */
    /* width: 100%; */
    /* height: 40px; */
    /* line-height: 40px; */
    background-color: #a2b6c3;

}

.box {
    height: 80px;
    background-color: #FEBC2C;
    width: 100%;
    vertical-align: center;
    padding: 15px;
}

.features .card:hover {
  box-shadow: 5px 5px 20px #999;
  transform: translateY(-5px);
}

.feature {
    width: 30%;

}
.feature-content {
    padding: 15px;
}



/* navbar settings */
.navbar-default {

  background-color: #69899f;

  border-color: #425766;

}

.navbar-default .navbar-brand {

  color: #d7e2e9;

}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {

  color: #e5dbdb;

}

.navbar-default .navbar-text {

  color: #d7e2e9;

}

.navbar-default .navbar-nav > li > a {

  color: #d7e2e9;

}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {

  color: #e5dbdb;

}

.navbar-default .navbar-nav > li > .dropdown-menu {

  background-color: #69899f;

}

.navbar-default .navbar-nav > li > .dropdown-menu > li > a {

  color: #d7e2e9;

}

.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,

.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {

  color: #e5dbdb;

  background-color: #425766;

}

.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {

  background-color: #69899f;

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

  color: #e5dbdb;

  background-color: #425766;

}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

  color: #e5dbdb;

  background-color: #425766;

}

.navbar-default .navbar-toggle {

  border-color: #425766;
  white-space: nowrap;

}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

  background-color: #425766;

}

.navbar-default .navbar-toggle .icon-bar {

  background-color: #d7e2e9;

}

.navbar-default .navbar-collapse,

.navbar-default .navbar-form {

  border-color: #d7e2e9;

}

.navbar-default .navbar-link {

  color: #d7e2e9;

}

.navbar-default .navbar-link:hover {

  color: #e5dbdb;

}



@media (max-width: 767px) {

  .navbar-default .navbar-nav .open .dropdown-menu > li > a {

    color: #d7e2e9;

  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {

    color: #e5dbdb;

  }

  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {

    color: #e5dbdb;

    background-color: #425766;

  }

}