body {
  font-size: 16px;
  font-family: Shabnam-FD;
  overflow-x:hidden !important;
  }

.bg-blue {
    /*background-color: #015259;*/
    background-color: #32c1ce;
}

.text-blue {
  color: #015259; }

.bg-blue-l {
  background-color: #EBFCFD; }

.text-blue-l {
  color: #EBFCFD; }

.rtl {
  direction: rtl;
  left: auto;
  right: 0; }

#send-message-button {
    margin-left:0 !important;
}
.h-900 {
    height: 500px;
}
@media(max-width:768px) {
    .h-900 {
        height: auto;
    }
}

.text-shadow {
    /*text-shadow: 0 0 10px #015259;*/
}
.img-thumbnaila {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.BR-1 {
    border-radius: 12px
}
#article p {
  text-align: justify; }

.google-map {
  overflow: hidden; }

.site-border-top {
  border-top: 5px solid #015259; }

.fixed-top {
  z-index: 9999; }

.top-header {
  height: 2.5rem; }
  .top-header .search-panel {
    line-height: 2.5rem; }
    .top-header .search-panel i {
      line-height: 1.8rem; }
  .top-header p {
    line-height: 2.5rem;
    font-size: 0.95rem; }
  .top-header i {
    line-height: 2.5rem; }
    .top-header .search-panel .search {
        border: 1px solid #015259;
        background-color: #EBFCFD;
        color: #015259;
    }
.top-header ul li a {
    color: #015259;
    font-size: 1.5rem;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
    #social-media ul li a {
        color: #fefefe;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
    }
    .social-media ul li:nth-child(1) a:hover {
        color: #D3378A !important;
    }
.social-media ul li:nth-child(2) a:hover {
    color: #45A3E9 !important;
}
.social-media ul li:nth-child(3) a:hover {
    color: #D51F1E !important;
}
.social-media ul li:nth-child(4) a:hover {
    color: #4966A0 !important;
}
.social-media ul li:nth-child(5) a:hover {
    color: #55ACEE !important;
}
    .top-header ul li a i {
      line-height: 2.5rem; }

.middle-header {
  color: #015259; }
  .middle-header .logo-site img {
    width: AUTO;
   /* height: 90px;*/
}
  .middle-header .media h5 {
    font-size: 0.9rem; }
  .middle-header .media p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0.9rem; }
  .middle-header .media i {
    margin-left: 1rem;
    font-size: 2.2rem; }

.navbar {
  border-top: 2px solid #32C1CE;
  border-bottom: 1px solid #0b3a63; }
  .navbar #navbar-menu ul li div {
    border-top: 5px solid #32C1CE; }
    .navbar #navbar-menu ul li div a:hover {
      background-color: #EBFCFD; }
  .navbar #navbar-menu ul li a {
    text-decoration: none;
    font-size: 14px; }
  .navbar .modal-header button {
    position: absolute;
    left: 0;
    line-height: 2.5rem; }

#carousel-slider .carousel-item .carousel-caption {
  margin-bottom: 6rem;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center; }
  #carousel-slider .carousel-item .carousel-caption h5 {
    font-size: 2.5rem;
    font-weight: 300; }
  #carousel-slider .carousel-item .carousel-caption p {
     
      margin-top:1rem;
    font-size: 1.5rem;
    font-weight: 300; }
  #carousel-slider .carousel-item .carousel-caption div {
      display:none;
    width: 100px;
    height: auto;
    opacity: 0.8; }

.census i {
  font-size: 4rem; }

.census h5 {
  font-weight: bold;
  font-size: 2.7rem; }

.census h6 {
  font-size: 1.4rem; }

.articles a {
  color: #686868; }

.articles .card {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
  .articles .card:hover {
    -webkit-transform: translate(0, -10px);
        -ms-transform: translate(0, -10px);
            transform: translate(0, -10px);
    -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.3);
            box-shadow: 0 15px 10px rgba(0, 0, 0, 0.3); }
  .articles .card img {
    height: 15rem;
    width: 100%; }
  .articles .card .card-body {
    height: 10rem;
    overflow: hidden; }
    .articles .card .card-body .card-title {
      height: 1.5rem;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis; }
    .articles .card .card-body .card-text {
      overflow: hidden;
      -o-text-overflow: ellipsis !important;
         text-overflow: ellipsis !important; }

.census, .slogan {
  border-top: 3px solid #32C1CE; }

#footer {
  border-bottom: 3px solid #32C1CE; }
  #footer .customer {
    background-color: #0a355a; }
    #footer .customer h5 {
      color: #156fbe; }
    #footer .customer i {
      font-size: 3rem;
      color: rgba(16, 83, 143, 0.98); }

#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #015259;
  opacity: 0.6;
  -webkit-box-shadow: 0 0 10px #ffffff;
          box-shadow: 0 0 10px #ffffff;
  width: 50px;
  height: 50px;
  text-decoration: none;
  -webkit-border-radius: 35px;
          border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#return-to-top i {
  color: #fff;
  margin: 0;
  position: relative;
  right: 15px;
  top: 8px;
  font-size: 19px;
  font-size: 2rem;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#return-to-top:hover {
  background: #015259;
  opacity: 0.9; }

#return-to-top:hover i {
  color: #fff;
  top: 1px; }

.main-article .media img {
  width: 18rem;
  height: auto; }


@media screen and (max-width: 768px) {
     .middle-header .col-12{
                          margin:0px  !important;
                          padding:0px  !important;
                   }

     .d-flex{
         display:none !important;
     }
     .media {
    display: -ms-flexbox;
    display: block !important;
    -ms-flex-align: start;
    align-items: flex-start;
}

     #Errorpages img{
         display:none;
     }
      #Errorpages h2{
             font-size: 18px;
     }
        #Errorpages{
            padding-top:30px;
            padding-bottom:30px;
        }

}
.btn-outline-dark:hover {
    color: #fff;
    background-color:#EBFCFD !important;
    border-color:#015259 !important;
}
.carousel-caption {
    background-color:rgba(0,0,0,0.5);
    border-radius:15px;
}
.slogan-video {
    background-color:#EBFCFD;
}
.video-content {
    /*margin-bottom:10rem;*/
}
.modal .modal-header, .modal .modal-footer {
    background-color:#EBFCFD;
}


@media screen and (max-width: 768px) {
 
    .team_block .face {
        background: #003366;
        position: absolute;
        /* border: 1px solid #f1eff0; */
        padding: 10px;
        width: 100%;
        right: 0px !important;
        height: 100%;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
        overflow: hidden;
        -webkit-transform: unset !important;
        -moz-transition: -moz-transition 700ms ease;
        -webkit-transition: -webkit-transition 700ms ease;
        -o-transition: -o-transition 700ms ease;
        transition: transform 700ms ease;
    }

    .col-row5 {
        width: 100% !important;
        /* margin-left: 2%; */
        /* float: right; */
    }

    .titlepage {
        display: none;
    }
}