@import url('https://fonts.googleapis.com/css?family=Nunito');
@import url('https://fonts.googleapis.com/css?family=Quicksand');
@import url('https://fonts.googleapis.com/css?family=Sacramento|Cookie|Tangerine|Parisienne|Homemade+Apple|Allura|Alex+Brush|Niconne');
@import url('https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@700&display=swap');




body {
  margin: 0px;
  overflow-x: hidden !important;

}
.container {
  border-top: 10px solid #122e52;
}

::-webkit-scrollbar-thumb {
  /* background: #72000b; */
  width: 10px;
}

.top_menu {

  height: 80px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.top_menu a {
  font-family:  Slab;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
   color: #122e52;
   font-size: 22px;

  /* 72000b |  122e52*/
}

.top_menu a:hover {
  color: #c7521e;
  text-decoration: none;

}

.middle_banner {
   background-image: url('images/nbgb.png');
   background-size: cover;
  height: 200px;
  /* border-bottom: 1px solid #CCC;
  border-top: 1px solid #CCC; */

}

.slogan {
  font-family: "Niconne";
  font-size: 80px;
  color: #122e52;
  padding-top: 85px;
  padding-right: 50px;
  float: right;
}

.content {
  clear: both;
  /* background-color: #84d3d6; */

   }

.about {
  width: 100%;
  font-size: 20px;
  /* background-color: #FFFFFF; */
  color: #000000;
  padding: 20px;
  font-family: Nunito;

}


.sponsors {
  /* background-color: #EEE; */
     font-family: Nunito;
    width: 930px;
margin: auto;
}

.footer {
  clear: both;
  background-color: #0f869c;
  font-family: Nunito;
  font-size: 16px;
  margin: auto;
  min-height: 60px;
  text-align: center;
  padding-top: 30px;
  color: #FFF;
}
::-webkit-scrollbar {
  width: 10px;
}

.banners {
  width: 1100px;
  margin: auto;
  text-align: center;
  padding: 12px;
}

.banner {
  margin: auto;
   width: 254px;
   height: 466px;
   border: 0px solid #122e52;

   align-content: center;
   padding: 10px;

   float: left;
    display: inline-block;
    white-space: nowrap;
}

.banners img {
  cursor: pointer;
  height: 466px;
  width: 254px;
}

.banners img:hover {
  /* filter: blur(2px); */
  filter: grayscale(1);
}

.jquery-modal .block {
  min-width: 1000px;
}

.media_container{
  width: 1100px;
  margin: auto;
  padding: 12px;
  font-family: Nunito;

}


.media {
   text-align: left;
   padding: 10px;
   margin: 10px;
   clear: both;
}


.media img, video {
  width: 450px;
  height: 250px;
}


#media_content img{
  max-width: 900px;
  max-height: 800px;
}

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    font-family: Nunito;
}

#search {
  margin: auto;
  width: 800px;
  padding: 12px;

}

#search input {
  padding: 6px;
  font-size: 32px;
  font-family: Nunito;
  background-color: #ffdddd;
  border: 2px solid #122e52;
  border-radius: 6px;
  color: #122e52;
  width: 500px;
  /* -moz-border-radius:20%;
  -webkit-border-radius:20%; */
}

#search input[type=submit] {
  font-size: 32px;
  font-family: Nunito;
  background-color: #122e52;
  /* border: 2px solid #; */
  border-radius: 6px;
  color: #FFFFFF;
  width: 180px;
  /* -moz-border-radius:20%;
  -webkit-border-radius:20%; */
}
#search input[type=submit]:hover {

  background-color: #72000b;

}

#contact_us {
  font-size: 20px;
  font-family: Nunito;
}

.contactus_form {
  font-size: 20px;
  font-family: Nunito;
  float: left;
  width: 500px;
}

.contactus_form input {
  font-size: 22px;
  font-family: Nunito;
  width: 400px;
}

.contactus_form submit {
  font-size: 22px;
  font-family: Nunito;
  padding: 20px;
 }

.contactus_form textarea {
  font-size: 22px;
  font-family: Nunito;
  width: 410px;
  height: 200px;
}

.contactus_info {
  font-size: 20px;
  font-family: Nunito;
  float: right;
  width: 450px;
}

.contactus_info h2 {
  font-size: 22px;
  font-family: Nunito;
  color: #72000b;
}
.contactus_form h2 {
  font-size: 22px;
  font-family: Nunito;
  color: #72000b;
}

.pag {
  clear: both;
  margin-top: 20px;
}
.pag a{
padding: 16px;
margin: 6px;
background: #122e52;
color: #FFFFFF;
text-decoration: none;
font-family: Nunito;
font-size: 18px;
font-weight: bold;
clear: both;
border-radius: 20%;
-moz-border-radius:20%;
-webkit-border-radius:20%;

}

.pag a:hover {
  background: #72000b;
}

.contactus_page {
  width: 1000px;
  margin: auto;
  padding: 20px;
}

#page {
  width: 950px;
  margin: auto;
  font-family: Nunito;
}

#page h1 {
  color: #72000b;
}

a.disabled {
  pointer-events: none;
  cursor: default;
  background: #72000b;
}

.no_result {
  color: #72000b;
  font-family: Nunito;
  font-size: 24px;
  padding: 20px;

}