/*
 * Globals
 */

@font-face {
  font-family: default-font;
  src: url("../font/Montserrat-Regular.ttf");
}

@font-face {
  font-family: default-font-bold;
  src: url( "../font/Montserrat-Bold.ttf");
}


@font-face {
  font-family: tyre-font;
  src: url( "../font/Trade_Gothic_LT_Bold_Oblique.ttf");
}
@font-face {
  font-family: tyre-font-std;
  src: url( "../font/TradeGothicLTStd.otf");
}


/* Links */
a,
a:focus,
a:hover {
  color: #ffffff !important;
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: .05rem solid #fff;
}


/*
 * Base structure
 */

html,
body {
  height: 100%;
  background-color: #ffffff;
  font-family: default-font;
  overflow-x: hidden;
}


/*
 * Navigation Bar
 */
.nav{
  flex-wrap: nowrap;
}
.navbar{
  background: #00356E;
  color:#FFFFFF;
}
}
.nav-link {
    color:#FFFFFF !important;
}
.navbar-toggler-icon {
width: 1em;
height: 1.25em;
}
.navbar-dark .navbar-toggler {
  color: #FFFFFF;
  border-color: #FFFFFF;
  margin-right:10px;
}

.navbar-toggler {
  padding: .15rem .50rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: .25rem;
}

/*
 * Banners
 */
 .mobile-welcome-header{
  background-image: url("../img/mobile-header-cover-eagle-f1.png");
  background-color: #cccccc;
  min-height: 190px;
  background-position: cover;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 50px !important;
}


.welcome-header{
    background-image: url("../img/overlay-header.png");
    background-color: #cccccc;
    min-height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .video-cover-sm{
    background-image: url("../img/video-cover-bg-mobile.png");
    background-color: #cccccc;
    min-height: 440px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

  }

.video-cover-lg{
    background-image: url("../img/video-cover-bg.png");
    background-color: #cccccc;
    height: auto;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;

  }


.video-cover-md{
  background-image: url("../img/video-cover-bg-mid.png");
  background-color: #cccccc;
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.video-btn-lg{
  padding-top: 41vh;
  padding-bottom: 2vh;
}
.video-btn-md{
  padding-top:180px;
}
.video-btn-sm{
  padding-top:370px;
}
  .why-eagle-f1-panel{
    background-image: url("../img/why-eagle-cover-repeat.png");
    background-color: #cccccc;
    min-height: 1040px;
    background-position: center;
    background-repeat: repeat;

  }

  .latest-news-panel{
    background-image: url("../img/why-eagle-cover-repeat.png");
    background-color: #cccccc;
    min-height: 380px;
    background-position: center;
    background-repeat: repeat;

  }
  .top-mfg-row{
    background: #00356E;
  }

  .mobile-top-mfg-left{
    min-height: 200px;
    background: #00356E url("../img/mobile-blue-bar-diagonal.png") no-repeat center top;
    background-size: cover;
    background-position: top;
    margin-top:-48px !important;

  }
  .top-mfg-left{
    min-height: 200px;
    background: #00356E url("../img/mobile-blue-bar-diagonal.png") no-repeat center top;
    background-size: cover;

  }
  .top-mfg-right{
    min-height: 200px;
    background: #00356E 0% 0% no-repeat padding-box;


  }

  .road-bg{
    background:url("../img/road.png");
    background-position-y: 290px;
    background-repeat: no-repeat;
    background-size: inherit;
    min-width:450px;

  }
  .map-bg{
    background:url("../img/locate-dealer-map.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 80px;
    min-height:240px;

  }
 .heading{
  font-family: default-font-bold;
 }
 .heading-alt{
  font-family: default-font-bold;
  font-size: 48px;
 }
 .heading-alt-sub{
  font-family: default-font;
  font-size:40px;
  color:#FFFFFF;
 }
 .sub-heading{
  font-family: default-font;
  font-size:12px;
 }
 .eagle-f1-family-panel {
  background-image: url("../img/why-eagle-cover-repeat.png");
  background-color: #cccccc;
  min-height: 1040px;
  background-position: center;
  background-repeat: repeat;
}
.street-to-sporty-bar{
   padding-top:20px;
}
.search-bar{
  min-height: 80px;
  background: #00356E 0% 0% no-repeat padding-box;
  padding:15px;

}
.custom-size{
  min-width: 220px;
}

/*
 * Cards
 */
 .card-news{
  color:#FFFFFF;
  background: transparent;
  border: 0px;
  border-radius: 0px;
  float:none;
  padding:15px;
  min-height: 250px;
  min-width: 290px;
 }
.card-transparent {
    margin: 0 auto;
    float: none;
    margin-bottom: 10px;
    color:#FFFFFF;
    background: transparent;
    border: 0px;
    border-radius: 0px;

  }
  .card-tested{
    color:#FFFFFF;
    position: relative;
    background: #121212;
    border-radius: 8px;
    position: relative;
    z-index: 1;
    margin-top:-50px;
    min-height: 180px;
    width:200px;
   }
.card-image-icon{
  position: relative;
  z-index: 2;
}
.card-body-sm {
  height: 180px;
  min-width: 200px;
  margin-right: 5px;
}
.card-scroll{
  overflow-x:auto;
  padding:15px;
}
.card-transparent{
  background: transparent;
}

/*
 * Pills
 */
a.active{
  border-radius: 15px !important;
  border: 5px solid #004B9B !important;
  background-color: transparent !important;
}


/*
 * Footer Bar
 */

.page-footer{
    background: #00356E;
    height:250px;
    margin-right:-20px;
      }

.footer-copyright{
  font-size:11px;
  color: #FFFFFF;
}
.breadcrumb {
  background-color: #00356E !important;
  padding:0 !important;
  margin-bottom: 0px !important;
  font-size: 14px;
}

@media (max-width: 576px) {
  .breadcrumb{font-size: 10px;}
}

.white{
  color: #FFFFFF !important;

  }

.yellow{
color: #FAE81B !important;

}

.tyre-font{
  font-family: tyre-font;
}
.tyre-font-std{
  font-family: tyre-font-std;
  font-size: 22px;
}
.tyre-font-sm{
  font-family: tyre-font-std;
  font-size: 14px;
}
.tyre-font-xs{
  font-family: tyre-font-std;
  font-size: 11px;
  padding:0px;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: "|";
}


.big-font{
  font-size:25px;
  font-weight: bold;

}
.font-small{
  font-size:12px;
}
.font-xs{
  font-size:11px;
}



.btn-outline-warning {
  color: #FAE81B;
  border-color: #FAE81B;
}

.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning:active, .open>.dropdown-toggle.btn-outline-warning {
  color: #000000;
  background-color: #FAE81B;
  border-color: #FAE81B;
}

.btn-primary {
  color: #000000;
  border-color: #FAE81B;
  background:  #FAE81B;

}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
  color: #FAE81B;
  background-color:transparent;
  border-color: #FAE81B;
}


/*
 * Modal
 */

 .modal-header{
  border: 0px;
  border-radius:0px;
 }
 .modal-header.close{
  padding: 15px 10px;
}
 .modal-footer{
  border: 0px;
  border-radius:0px;
 }
 button.close{
   color: #FAE81B;
   font-size:100px;
 }
 .modal-content{
   background: transparent;
    border:0px;
    border-radius:0px;

  }
 .modal-body{
   background:#000;
   border-radius: .5rem;
   color:#FFFFFF;
    /* min-height:450px; */
 }

 body.modal-open .backdrop-blur{
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
}