/* =================================== */
/*  Basic Style 
/* =================================== */
::-moz-selection {
  /* Code for Firefox */
  background-color: #f6214b;
  color: #fff;
}
#trailerDiv
{
    height: 80px; 
    position: fixed; 
    bottom:0%;
    width:100%; 
    background-color:black; 
    color:white;
    z-index: 1000;
}
.centerImg
{
	margin:0 auto !important;
	margin-top:35px !important;
}

::selection {
  background-color: #f6214b;
  color: #fff;
}

::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #777777;
  font-weight: 300;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #777777;
  opacity: 1;
  font-weight: 300;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #777777;
  opacity: 1;
  font-weight: 300;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #777777;
  font-weight: 300;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #777777;
  font-weight: 300;
}

body,html {

width:100% !important;
  height:100% !important;
  background-color:#0b344a ;
	color:white !important;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 300;
  margin: 0;
  line-height: 1.625em;
  position: relative;
  
}
#mainFooter
{
  margin-bottom:100px !important;
}

/* =================================== */
/*  Menu Styles
/* =================================== */
header {
  background: #0b344a;
 
}

.header-top {
  background: #04091e;
  padding: 15px 0px;
}
@font-face {
    font-family: 'MainFont';
    src: url('../fonts/BradyBunchRemastered.woff2') format('woff2'),
    url('../fonts/BradyBunchRemastered.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
* {
   font-family: MainFont !important;
}
.header-top .header-top-left ul li, .header-top .header-top-right ul li {
  display: inline-block;
}

@font-face {
  font-family: 'JasonFont';
  src: url('../fonts/JasonsHandRegular.woff') format('woff'),
  url('../fonts/JasonsHandRegular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.header-top .header-top-left {
  text-align: left;
}

.header-top .header-top-left li {
  padding-right: 12px;
}

.header-top .header-top-left li a {
  font-weight: 400;
  font-size: 12px;
  color: #fff;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.header-top .header-top-left li a:hover {
  color: #f6214b;
}

.header-top .header-top-right {
  text-align: right;
}

.header-top .header-top-right li {
  margin-left: 20px;
}

.header-top .header-top-right li a {
  font-weight: 400;
  font-size: 12px;
  color: #fff;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.header-top .header-top-right li a:hover {
  color: #f6214b;
}

.header-top .header-top-right li a .lnr {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  display: none;
}
#figureAbout
{
  width:40% !important;
}
@media (max-width: 767px) {
  .header-top .header-top-right li a .lnr {
    display: block;
  }
  .mainNav
  {
    background-color: transparent;
  }
  #figureAbout
  {
    width:80% !important;
    margin-top:30px;
  }
}

@media (max-width: 767px) {
  .header-top .header-top-right li a span {
    display: none;
  }
  .mainNav
  {
    background-color: transparent;
  }
  #mainFooter
{
  margin-bottom:300px;
}
#figureAbout
{
  width:80% !important;
}
}

@media (max-width: 575px) {
  .header-top {
    padding: 15px;
  }
  .mainNav
  {
    background-color: transparent;
  }
  #mainFooter
  {
    margin-bottom:300px;
  }
  #figureAbout
  {
    width:80% !important;
    margin-top:30px;

  }
}



.navbar-nav {
  border-top:30px solid #052c3f;
	  background-color: #0b344a !Important;

    margin:0 auto;	
    text-align: center !important;
   
  }

 .navbar-nav  > ul {
		
      float: none;
      display: inline-block;
	  font-size:30px !important;
	
	z-index:1 !important;
}
 .navbar-nav  >  li {
		
		z-index:1 !important;
	  font-size:30px !important;
	    background-color:#0b344a;
}




.navbar
{
	background-color:#0b344a !important;
	
   display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;

}

.menu-active{
  background-color: dodgerblue !important;
  color: white;
  border-radius:10px;
  padding:5px;
  
}
.nav-menu > li {
  margin-left: 20px;
  
}

.nav-menu ul {
  margin: 20px 0 0 0;
  padding: 10px;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  background: #fff;
  text-align:center !important;
}

.nav-menu ul li {
  transition: 0.3s;
}

.nav-menu ul li a {
  padding: 10px;
  color: #333;
  transition: 0.3s;
  display: block;
  font-size: 25px;
  text-transform: none;
}

.nav-menu ul li:hover > a {
  color: #f6214b;
}

.nav-menu ul ul {
  margin: 0;
}

/* Mobile Nav Toggle */
.menu-title {
  color: #fff;
  margin-left: 10px;
  font-weight: 100;
}
 
#navbar-menu
{
	background-color: #0b344a !important;
	  font-size: 18px !important;
	  
}

.navbar-nav .nav-link
{
	color:white !important;
	background-color:#0d4059 !important;
	border-left:0.5px solid #0a3043 !important;
	border-right:0.5px solid #0a3043 !important;
  
	
}

.nav-item:hover .nav-link {
    background-color: #0099cc !important;
}

.dropdown-item:hover  {
    background-color: #b3ecff !important;
}
.nav-link
{
  padding: 20px;
  border-radius:10px;
}

.nav-item.nav-link:hover  {
    color:black !important;
}
.navbar-toggler
{
  width: 60px;
  height: 40px;
	background-color:white !important;
	margin-bottom:15px !important;
}
#menu li { padding: 0px; }
#menu li a { margin: 0px; display: block; width: 100%; height: 100%;
color:white !important;
font-size:25px !important;
margin-top:10px;
font-family:'JasonFont' !important;
 }
 
 #menu li a:hover { 
color:yellow !important;

 }
.site-main-container
{
	
}
#blinkDiv
{
	max-width:800px !important;
	margin:0 auto !important;
}

.logo-wrap {
 
  background: #0b344a;
  min-height:65% !important;
  background-image:url('../img/00_Title_characters_long_resize.jpg');  
   background-position:center;
   text-align: center;
  background-size:cover;
  background-repeat: no-repeat;

}
.logo-wrap .ads-banner {
  text-align: right;
}
.navbar-toggler
{
	background-color:transparent !important;
  width: 100px;
  height: 70px;
	
}
.navbar-toggler-icon
{
	color:white !important;
}

@media (max-width: 767px) {
  .logo-wrap .ads-banner {
    margin-top: 30px;
	  min-height:50% !important;
	
  }
  .logo-wrap {
    padding: 15px;
	 min-height:50% !important;
   background-image:url('../img/00_Title_characters_short.jpg');  
   background-position:center;
   text-align: center;
  background-size:100%;
  background-repeat: no-repeat;
  }
}

@media (max-width: 575px) {
  .logo-wrap {
    padding: 15px;
	 min-height:50% !important;
   background-image:url('../img/00_Title_characters_short.jpg');  
   background-position:center;
   text-align: center;
  background-size:100%;
  background-repeat: no-repeat;
  }
}

.main-menu {
  background: #04091e;
  padding: 15px 20px;
  position: relative;
  
}

@media (max-width: 575px) {
  .main-menu {
    margin: 0px 15px;
    width: auto !important;
  }
  
  
}
@media (max-width: 575px) {
  .section1
  {
	  margin-top:-55% !important;
	  z-index:100 !important;
  }
  
  
}

@media (max-width: 375px) {
  .section1
  {
	  margin-top:-90% !important;
	  z-index:100 !important;
  }

  .logo-wrap {
    padding: 15px;
	 min-height:50% !important;
   background-image:url('../img/00_Title_characters_short.jpg');  
   background-position:center;
   text-align: center;
  background-size:100%;
  background-repeat: no-repeat;
  }
  
  
}

blink {
  -webkit-animation: 5s linear infinite condemned_blink_effect; 
  animation: 5s linear infinite condemned_blink_effect;
  text-align:center !important;
 
}
@-webkit-keyframes condemned_blink_effect { 
  0% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
@keyframes condemned_blink_effect {
  0% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}

 

  #section1
  {
	  margin-top:-10%;
	  z-index:100 !important;
  }
  
   #section2
  {
	  width:100%;
	 /* background-color:black !important;*/
  }
  


/* =================================== */
/*  Homepage Styles
/* =================================== */


.section-gap {
 background-color:black !important;
}

.alert-msg {
  color: #008000;
}

.primary-btn {
  background: #f6214b;
  line-height: 42px;
  padding-left: 30px;
  padding-right: 30px;
  border: none;
  color: #fff;
  display: inline-block;
  font-weight: 500;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  position: relative;
}

.primary-btn:focus {
  outline: none;
}

.primary-btn span {
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-60%);
  right: 30px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.primary-btn:hover {
  color: #fff;
}

.primary-btn:hover span {
  color: #fff;
  right: 20px;
}

.primary-btn.white {
  border: 1px solid #fff;
  color: #fff;
}

.primary-btn.white span {
  color: #fff;
}

.primary-btn.white:hover {
  background: #fff;
  color: #f6214b;
}

.primary-btn.white:hover span {
  color: #f6214b;
}

.primary-btn.squire {
  border-radius: 0px !important;
  border: 1px solid transparent;
}

.primary-btn.squire:hover {
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
}

.overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.section-title {
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px;
}

.section-title h1 {
  margin-bottom: 10px;
}

.site-main-container {
  background: #ecf0f1;
}

/* =================================== */
/*  Footer Styles
/* =================================== */
.footer-area {
  background: #04091e;
}

@media (max-width: 991px) {
  .footer-area .single-footer-widget {
    margin-bottom: 30px;
  }
}

.footer-area .single-footer-widget h4 {
  color: #fff;
  margin-bottom: 35px;
}

.footer-area .single-footer-widget ul li {
  margin-bottom: 15px;
}

.footer-area .single-footer-widget ul li a {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  color: #777777;
}

.footer-area .single-footer-widget ul li a:hover {
  color: #fff;
}

.footer-area .single-footer-widget .instafeed {
  margin: -5px;
}

.footer-area .single-footer-widget .instafeed li {
  overflow: hidden;
  width: 25%;
}

.footer-area .single-footer-widget .instafeed li img {
  margin: 5px;
}

.footer-area .footer-bottom {
  margin-top: 90px;
}

.footer-area .footer-bottom p {
  color: #fff;
}

.footer-area .footer-bottom a, .footer-area .footer-bottom span {
  color: #f6214b;
}

.footer-area .footer-bottom span {
  font-weight: 700;
}

.footer-area .footer-bottom .footer-social {
  text-align: right;
}

@media (max-width: 991px) {
  .footer-area .footer-bottom .footer-social {
    text-align: left;
    margin-top: 30px;
  }
}

.footer-area .footer-bottom .footer-social a {
  background: rgba(255, 255, 255, 0.1);
  margin-left: 5px;
  width: 40px;
  color: #fff;
  display: inline-grid;
  text-align: center;
  height: 40px;
  align-content: center;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.footer-area .footer-bottom .footer-social a:hover {
  background: #f6214b;
}