#container-wraper {
  background-color: #f6f7fb;
  background-attachment: fixed;
}

#heading-wraper {
  background-image: url("../images/bg-bluemedium.jpg");
  background-attachment: fixed;
}

#highlight-wraper {
  background-color: #b10400;
  /*background-image: url("../images/bg-bluedark.jpg");
  background-attachment: fixed;*/
}

#footer-wraper {
  background-color: #192340;
}

.navbar-custom {
    background-color: #0561c8;
    /*background-image: url("../images/bg-bluedark.jpg");*/
}

.navbar {
  margin-bottom: 0;
  font-family: Calibri !important;
  font-style: normal;
  font-size: 13pt;
}


.btn-dark {
  background-color: #47240e;
  border-color: #47240e;
}

h1 {
  display: block;
  font-family: Calibri;
  font-weight: bold;
  text-align: center;
  color: #black;
  line-height: 30px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 0;
  margin-right: 0;
}

h2 {
  display: block;
  font-family: Calibri;
  font-size: 15pt;
  font-style: normal;
  text-align: center;
  color: black;
  line-height: 30px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 0;
  margin-right: 0;
}


h3 {
  display: block;
  font-family: Calibri;
  font-size: 12pt;
  font-style: normal;
  text-align: justify;
  line-height: 25pt;
  color: black;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
}

h4 {
  display: block;
  font-family: Calibri;
  font-size: 11pt;
  letter-spacing: 1px;
  text-align: justify;
  color: black;
  line-height: 25px;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left: 3px;
  margin-right: 3px;
}

h5 {
  display: block;
  font-family: Calibri;
  font-size: 12pt;
  text-align: center;
  color: black;
  line-height: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 30px;
  margin-right: 30px;
}

h6 {
  display: block;
  font-family: Cambria;
  font-size: 15pt;
  letter-spacing: 1px;
  text-align: justify;
  font-style: italic;
  color: black;
  line-height: 30px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.heading-text {
  display: block;
  font-family: Georgia;
  font-size: 20pt;
  font-style: italic;
  letter-spacing: 1px;
  text-align: center;
  color: black;
  line-height: 40px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
}

.contact-text-center {
  display: block;
  font-family: Calibri;
  font-size: 12pt;
  letter-spacing: 1px;
  text-align: center;
  color: darkred;
  line-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
}

.footer-text {
  display: block;
  font-family: Calibri;
  font-size: 11pt;
  letter-spacing: 1px;
  text-align: center;
  color: white;
  line-height: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 0;
  margin-right: 0;
}

.footer-credits-text {
  display: block;
  font-family: Calibri;
  font-size: 9pt;
  letter-spacing: 1px;
  text-align: center;
  color: blue;
  line-height: 20px;
  margin-top: 10px;
  margin-bottom: 5px;
  margin-left: 0;
  margin-right: 0;
}

.box {
  box-sizing: border-box;
  border: 1px solid;
  color: grey;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
}

.fa {
  font-size: 3em;
  margin-top: 5px;
}

.card-img-top {
  align-content: center;
}

.card-text  {
  display: block;
  font-family: Calibri;
  font-size: 12pt;
  text-align: justify;
  color: black;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left: 0;
  margin-right: 0;
}

#cardhover
  {
    background-color: #ffffff;
    border-color:#016407;
    color: #9ca324;
  }
  #cardhover:hover
  {
    -webkit-box-shadow: -1px 9px 40px -12px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 9px 40px -12px rgba(0,0,0,0.75);
    box-shadow: -1px 9px 40px -12px rgba(0,0,0,0.75);
    transform: scale(1.1);
    transition: 1.0s;
  }

.hr
{
  background-color:#3b3b3b;
}

/*-------------------LIGHTBOX------------------*/
.item
{
  margin-top: 30px;
}

/*-------------------TABLES------------------*/
.table-striped {
  font-family: Calibri;
  font-size: 16px !important;
  line-height: 25px;
  margin-top: 10px;
  margin-bottom: 10px;
  /*background-color: #febcbb;*/
}

/*thead {
 background-color: #c72c2a; 
}*/

table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
bottom: .5em;
}

/*--------------------MARQUE--------------------*/
.ticker {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 60px;
    margin: 0 auto
}

.news {
    width: 80%;
    background: #d5d4d4;
    padding: 0 2%
}

.title {
    width: 20%;
    text-align: center;
    background: #3192b6;
    position: relative
}

.title h5 {
    font-family: Futura Bk Bt; 
    font-size: 18px;
    margin: 8% 0
}

.news marquee {
    font-family: Futura Bk Bt;
    font-size: 18px;
    margin-top: 12px
}

.news-content p {
    margin-right: 41px;
    display: inline
}



/*--------------------GALLERY PAGE--------------------*/
/* (A) GALLERY CONTAINER */
/* (A1) ON BIG SCREENS */
.gallery {
  display: grid;
  grid-template-columns: repeat(3, auto); /* 3 IMAGES PER ROW */
  grid-gap: 10px;
  max-width: 1200px;
  margin: 0 auto; /* HORIZONTAL CENTER */
}
/* (A2) ON SMALL SCREENS */
@media screen and (max-width: 640px) {
  .gallery {
    grid-template-columns: repeat(2, auto); /* 2 IMAGES PER ROW */
  }
}
 
/* (B) THUMBNAILS */
.gallery img {
  width: 100%;
  height: 200px;
  /* FILL, CONTAIN, COVER, SCALE-DOWN : USE WHICHEVER YOU LIKE */
  object-fit: cover;
}
.gallery img:fullscreen { object-fit: contain; }
 
/* (X) DOES NOT MATTER */
body, html {
  padding: 0;
  margin: 0;
}