@font-face {
  font-family: 'Mahdalena';
  src: url("../fonts/Mahdalena.ttf") format("truetype"); }

body {
  margin-top: 138px; }

/* custom area */
.custom-font {
  font-family: 'Mahdalena'; }

.custom-font-color {
  color: #c16f32; }

.custom-card {
  border: 0px; }

.right-fit-icon {
  height: 50px;
  width: 50px; }

.bolder {
  font-weight: bolder; }

/* end custom area */
/* back to top button */
#myBtn {
  display: none;
  color: #080;
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px; }

#myBtn:hover {
  background-color: #555; }

/* end back to top button */
/* navbar area */
.navbar {
  box-shadow: 2px 2px 5px #000;
  opacity: 0.9;
  background: #fff !important; }
  .navbar .nav-item {
    font-size: 1.2rem;
    padding-right: 20px; }
    .navbar .nav-item .nav-link, .navbar .nav-item .dropdown-item {
      color: #c16f32 !important; }
    .navbar .nav-item .nav-link:hover, .navbar .nav-item .dropdown-item:hover {
      color: #4492a1 !important; }
    .navbar .nav-item .dropdown-toggle::after {
      display: none; }
    .navbar .nav-item .dropdown:hover .dropdown-menu {
      display: block;
      margin-top: 0; }
  .navbar .site-icon {
    width: 80px;
    height: 80px; }

/* login model */
#loginModal.modal-header {
  background: #fff !important; }
  #loginModal.modal-header .close {
    color: #c16f32 !important; }

.footer {
  margin-bottom: 20px; }

/* end login model */
/* end nav area */
/* showcase area */
#showcase {
  position: relative;
  background: url(../images/back.jpg);
  min-height: 600px; }
  #showcase .primary-overlay {
    background-color: #4492a1cc;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* end showcase area */
/* ways to learn */
#waysToLearn .card {
  margin: 0 auto; }

#waysToLearn .custom-card {
  color: #000;
  cursor: pointer; }

#waysToLearn .custom-card:hover {
  color: #c16f32; }
  #waysToLearn .custom-card:hover .fa {
    color: #4492a1; }

/* end ways to learn */
/*courses*/
#courses {
  position: relative;
  background: url(../images/about4.jpg);
  min-height: 550px; }
  #courses .primary-overlay {
    background-color: #4492a1cc;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  #courses .carousel {
    background-color: rgba(192, 192, 192, 0.1);
    width: 100%;
    height: 100%; }
    #courses .carousel img {
      max-width: 100%;
      max-height: 100%; }
    #courses .carousel .div-c-img {
      margin-bottom: 120px; }

/* end courses */
/* Articles */
.cta-100 {
  margin-top: 50px;
  padding-left: 8%;
  padding-top: 3%; }

.col-md-4 {
  padding-bottom: 20px; }

.white {
  color: #fff !important; }

.mt {
  float: left;
  margin-top: -20px;
  padding-top: 20px; }

.bg-blue-ui {
  background-color: #708198 !important; }

figure img {
  width: 300px; }

#blogCarousel {
  padding-bottom: 100px; }

.blog .carousel-indicators {
  left: 0;
  top: -50px;
  height: 50%; }

/* The colour of the indicators */
.blog .carousel-indicators li {
  background: #708198;
  border-radius: 50% !important;
  width: 8px !important;
  height: 1px !important; }

.blog .carousel-indicators .active {
  background: #0fc9af; }

.item-carousel-blog-block {
  outline: medium none;
  padding: 15px; }

.item-box-blog {
  border: 1px solid #dadada;
  text-align: center;
  z-index: 4;
  padding: 20px; }

.item-box-blog-image {
  position: relative; }

.item-box-blog-image figure img {
  width: 100%;
  height: auto; }

.item-box-blog-date {
  position: absolute;
  z-index: 5;
  padding: 4px 20px;
  top: -20px;
  right: 8px;
  background-color: #41cb52; }

.item-box-blog-date span {
  color: #fff;
  display: block;
  text-align: center;
  line-height: 1.2; }

.item-box-blog-date span.mon {
  font-size: 18px; }

.item-box-blog-date span.day {
  font-size: 16px; }

.item-box-blog-body {
  padding: 10px; }

.item-heading-blog a h5 {
  margin: 0;
  line-height: 1;
  text-decoration: none;
  transition: color 0.3s; }

.item-box-blog-heading a {
  text-decoration: none; }

.item-box-blog-data p {
  font-size: 13px; }

.item-box-blog-data p i {
  font-size: 12px; }

.item-box-blog-text {
  max-height: 100px;
  overflow: hidden; }

.mt-10 {
  float: left;
  margin-top: -10px;
  padding-top: 10px; }

.btn.bg-blue-ui.white.read {
  cursor: pointer;
  padding: 4px 20px;
  float: left;
  margin-top: 10px; }

.btn.bg-blue-ui.white.read:hover {
  box-shadow: 0px 5px 15px inset #4d5f77; }

/* end articles */
/* images section */
#imagegallery a img {
  width: 25%;
  height: 20%;
  padding: 10px; }

#imagegallery {
  position: relative;
  background: url(../images/slider_3.jpg);
  min-height: 650px; }
  #imagegallery .primary-overlay {
    background-color: #4492a1cc;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* end images section */
/* start video section */
#videogallery .vdiv {
  width: 350px;
  height: 200px;
  border: 3px solid white;
  box-shadow: 2px 2px black;
  border-radius: 10px;
  text-align: center;
  background: url(../images/div-back.jpg);
  padding: 10px; }

#videogallery a {
  text-decoration: none; }

/* end video section */
/* start books section */
#books {
  background: url(../images/booksSection.jpg);
  background-repeat: repeat; }
  #books .primary-overlay {
    background-color: #4492a1cc;
    top: 0;
    left: 0; }
  #books h1 {
    padding-top: 40px; }

/* end books section */
/* start authors */
#authors img {
  margin-top: -60px;
  width: 200px !important;
  height: 200px; }

#authors .fa {
  font-size: 25px; }

#authors .card:hover {
  background: #4492a1cc;
  color: #fff; }
  #authors .card:hover .fa {
    color: #fff; }

/* end authors */
/* our latest news */
#news {
  background: url(../images/news.jpg);
  margin-top: -50px;
  background-repeat: repeat; }
  #news .primary-overlay {
    background-color: #4492a1cc;
    top: 0;
    left: 0; }
  #news h1 {
    padding-top: 40px; }


/* end our latest news*/
/* footer */
footer a {
  color: white; }

/* end footer */