/*** Common Styles ***/
.bg-dark {
   background: #000 !important;
}

a {
  text-decoration: none;
  color: #000;
}

a:hover {
  text-decoration: none;
  color: #000;
}

img {
   max-width: 100%;
}

iframe {
   max-width: 100%;
}

.big {
   font-size: 125%;
}

/*** Header Nav ***/

nav.navbar li.nav-item {
   margin-top: 10px;
   padding: 0px 30px;
}

nav.navbar li.nav-item a {
   color: #ccc !important;
   font-weight: bold;
}

nav.navbar li.nav-item.active a, nav.navbar li.nav-item .dropdown-menu a.active, nav.navbar li.nav-item:hover a {
   color: #fff !important;
}

nav.navbar div.dropdown-menu {
   background-color: #050505;
   width: auto;
   font-size: 15px;
}

nav.navbar li.nav-item div.dropdown-menu a {
   display: block;
   padding: 5px 20px;
   white-space: nowrap;
   text-decoration: none;
   color: #ccc !important;
}

nav.navbar li.nav-item div.dropdown-menu a:hover {
   color: #fff !important;
}

nav.navbar li.nav-item .nav-link {
   display: inline-block;
}

nav.navbar .dropdown-toggle::after {
   color: #fff;
   position: absolute;
   top: 20px;
   right: 0px;
}

/*** Header Content ***/

.header-content {
   background-color: #f9f9f9;
   padding: 20px;
}

.header-content .header-logo {
   background-color: #fff;
   padding: 20px;
   border-radius: 20px;
   display: inline-block;
   font-size: 17px;
}

.header-content .header-logo img {
   max-height: 120px;
}

.header-content p {
   margin-bottom: 0px;
}


/*** Page Content ***/
.page-content {
   margin: 30px 0px;
}

.b1link, .b3link {
   background-color: rgba(222, 177, 0, 1);
   border: solid rgba(236, 236, 236, 1) 0px;
   text-align: center;
   display: inline-block;
   color: #fff;
}

.b1link {
   font-size: 15px;
   padding: 8px 60px;
}

.b3link {
   font-size: 26px;
   padding: 5px 30px;
}

.b1link:hover, .b3link:hover {
   color: rgba(236, 236, 236, 1);
   background-color: rgba(148, 118, 0, 1);
}

.greybg {
   background-color: #fafafa;
}

.line, .line a {
   text-decoration: underline !important;
}

.link, .link a {
   color: #0063AA;
}

.desc {
   text-align: justify;
}

/*** Footer ***/
footer {
   background-color: #050505;
   color: #fff;
   padding: 20px;
   width: 100%;
}

footer .social-links a {
   padding: 0px 5px;
   display: inline-block;
}

footer .social-links img {
   width: 32px;   
}

/*** 404 page ***/
#notfound {
  position: relative;
  height: 70vh;
}

#notfound .notfound {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.notfound {
  max-width: 920px;
  width: 100%;
  line-height: 1.4;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}

.notfound .notfound-404 {
  position: absolute;
  height: 100px;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}

.notfound .notfound-404 h1 {
  font-family: 'Maven Pro', sans-serif;
  color: #ececec;
  font-weight: 900;
  font-size: 276px;
  margin: 0px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.notfound h2 {
  font-family: 'Maven Pro', sans-serif;
  font-size: 46px;
  color: #000;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0px;
}

.notfound p {
  font-family: 'Maven Pro', sans-serif;
  font-size: 16px;
  color: #000;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 15px;
}

.notfound a {
  font-family: 'Maven Pro', sans-serif;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  background: #189cf0;
  display: inline-block;
  padding: 16px 38px;
  border: 2px solid transparent;
  border-radius: 40px;
  color: #fff;
  font-weight: 400;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.notfound a:hover {
  background-color: #fff;
  border-color: #189cf0;
  color: #189cf0;
}

/*** Contact Form ***/
#contact-form input, #contact-form textarea {
  margin: 0 0 5px;
  width: 100%;
  padding: 5px;
}

#contact-form textarea {
  min-height: 130px;
  resize: none;
}

#contact-form .sgsubmit {
  grid-column: 3;
  grid-row: 1/span 1;
  justify-self: end;
  background-color: rgba(222, 177, 0, 1);
  color: #FFFFFF;
  cursor: pointer;
  padding: 5px;
  border: 0px;
}

#contact-form .form-footer {
  display: grid;
  grid-template-columns: 60% 5% 35%;
}

#contact-form .form-footer .error {
  color: #ED1C24;
}

#contact-form .form-footer .success {
  color: #BADA55;
}

/*** Mobile Responsive ***/

@media (max-width: 767px) {
   .row .col-12 {
      margin: 10px 0px;
   }
   
   footer {
      position: relative;
   }
   
   .scroll-top-button {
      max-width: 48px;
      right: 10px !important;
   }
   
  .notfound .notfound-404 h1 {
    font-size: 162px;
  }
  .notfound h2 {
    font-size: 26px;
  }   
}

@media (min-width: 768px) {
   .nopad div {
      padding: 0px;
   }
   
   .post-image img {
      max-height: 220px;
   }
}