/* Google Fonts pre-load */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
/*Most Styles will go here Use Media breaks to modify for larger Devices (Responsive is Mobile-first)*/
h1, h2, h3, h4, h5, h6, span, .typed {
	font-family: 'Roboto', serif;
	font-weight: 700;
}
p,  div {
    font-family: 'Roboto', serif;
    font-weight: 400;
}
ul, ol {
    font-weight: 400;
}
a {
  color: #ffffff;
  font-weight: 600;
}
.navhover, .navhover-dropdown {
  color: #FFF;
  border-radius: 15px;
}
.navhover:hover, .navhover:focus, .navhover:active  {
  color: #58595b;
  background-color: #ffffff;
  border-radius: 15px;
}
.navhoverinv, .navhoverinv-dropdown {
  color: #58595b;
  background-color: #ffffff;
  border-radius: 15px;
}
.navhoverinv:hover, .navhoverinv:focus, .navhoverinv:active  {
  color: #ffffff;
  background-color: #58595b;
  border-radius: 15px;
}
.navhover-dropdown:hover {
  color: #58595b !important;
  background-color: #eb303a;
  animation-name: example;
  animation-duration: 10s;
  animation-iteration-count: infinite;
}
.car{
  background-image: linear-gradient(rgba(7, 24, 151, 1), rgba(235, 48, 58, 1)),
  url("../../assets/images/car.jpg");
  background-repeat: no-repeat;
}
.car2{
  background-image: url("../../assets/images/car4-md.png");
  background-color: #bcbdc0;
  background-position: top !important;
  //background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed;
}
.bg-gray{
  background-color: #58595b; 
  }
.bg-white{
background-color: #fff; 
}
.bg-white-rnd{
  background-color: #fff; 
  border-radius:10px; 
  color: #58595b;
  opacity: 98%;
  margin: 10 0 10 0;
  padding: 35px;
}
.bg-red{
  background-color: #eb303a; 
  }
.bg-red-rnd{
    background-color: #eb303a; 
    border-radius:10px; 
    color: #fff;
    opacity: 95%;
    margin: 10 0 10 0;
    padding: 35px;
}
.bg-rnd{
 border-radius:10px; 
 color: #fff;
 opacity: 95%;
 margin: 10 0 10 0;
 padding: 35px; 
}
.input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}
.input-group-prepend {
  margin-right: -1px;
  display: flex;
}
.input-group-text{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group-block{
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.card {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
/*New CSS*/
footer {
  //position: absolute;
  bottom: 0px !important;
  left: 0px;
  right: 0px;
  margin-bottom: 0px;
}
body {
    //height: 100%;
    //width: 100% !important;
}
.bg-img {
  background-image: url('/assets/images/treadmark-lgrxlxlr.png');
  background-position: left top;
  background-attachment: fixed;
  background-repeat: repeat;
  padding-top: 0px;
  margin-top: 0px;
}
.bg-img2{
  background-image: url('/assets/images/Background.png');
  background-position: bottom !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed;
}
/*.bg-img3{
  background-image: url('/assets/images/Background3.png');
  background-position: bottom !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed;
}*/
.bg-img3header{
  background-image: url('/assets/images/Background3.png');
  background-position: bottom !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed;
  //opacity:80%;
}
.header-img{
background-image: url('/assets/images/Header.png');
background-position: bottom !important;
//background-size: cover !important;
//background-repeat: no-repeat !important;
height: 100px !important;
}
.header-img2{
  background-image: url('/assets/images/Header2.png');
  background-position: bottom !important;
  //background-size: cover !important;
  //background-repeat: no-repeat !important;
  height: 100px !important;
  }
.center{
  display:block;
  margin:auto;
}
.center-lr{
  display:block;
  margin-left:auto;
  margin-right:auto;
}
.center-tb{
  display:block;
  margin-top:auto;
  margin-bottom:auto;
}
.btn-close {
  font-size: 30px; //bigger
  font-weight: 700px;
}
a:hover{
  color:red;
}
.jumbotron{
  padding: 2rem 2rem;
}
.display-4{
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
}

/*.row {
  display: flex;
  flex-wrap: wrap;
}
.row > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
/*---Unique CSS---*/
/*
Red - #eb303a
Blue - #071897
Gray - #bcbdc0
Black - #58595b
*/
.tdg-blue {
  color: #233974;
}
.tdg-blue-bg {
  background-color: #233974;
  color: #fff;
}
.tdg-blue-bg:hov{
  background-color: #fff;
  color: #233974;
  border-color: #233974;
  border-width: thick;
}
.tdg-red {
  color: #a60000;
}
.tdg-red-bg {
  background-color: #a60000;
}
.text-block {
  //position: absolute;
  //bottom: 1000px;
  //right: 20px;
  background-color: #dc3545;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 15px;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 300px) {
	/*.delivery{
    background-image: url("../../assets/images/delivery-tdg.png");
    background-color: #bcbdc0;
    background-position: bottom !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed;
  }*/
  .navbar{
    top: unset;
    overflow-y: scroll;
    }
  .logos, .nav-link, .dropdown-item{
    //display:block;
    padding-bottom:10px;
    //padding-left:15px;
    margin-left:auto;
    margin-right:auto;
    text-align: center !important;
  }
  .gap{
    width:0px;
    display:none;
  }
  .hiddenlg {
   display: block;
  }
  .hiddenxs {
    display: none;
  }
  .dropdown, .dropdown-menu, .dropdown-toggle{
  width: 100%;
  //margin-left: auto;
  //margin-right: auto;  
  }
  .bg-img3{
    background-image: url('/assets/images/Tread-bg.png');
    background-color: #000;
    background-position: bottom !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed;
  }
  .mod-wid50{
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; 
  }
  .mod-wid60{
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;    
  }  
  .btn100{
  width:250px;  
  }
	.user{
  width: 100% !important;
  }
}

/* Medium devices (desktops, 768px and up) */
@media (min-width: 768px) {
	/*.delivery{
    background-image: url("../../assets/images/delivery-tdg.png");
    background-color: #bcbdc0;
    background-position: bottom !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed;
  }*/
  .navbar{
    top: 0;
    overflow-y: unset;
  }
  .logos, .nav-link{
    //margin-left:auto;
    //margin-right:auto;
    //text-align: center;
  }
  .gap{
    width:210px;
    display:block;
  }
  .hiddenlg {
    display: none;
  }
  .hiddenxs {
    display: block;
  }
  .dropdown, .dropdown-menu, .dropdown-toggle{
    //max-width: 150px;
    //margin-right: 0 !important;
    //margin-left: 40px;  
  }
  .bg-img3{
    background-image: url('/assets/images/Tread-bg.png');
    background-color: #000;
    background-position: bottom !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed;
  }
	.mod-wid50{
  max-width:50%;  
  }
  .mod-wid60{
  max-width:60%;  
  }
  .nav-link{
    //height:100px;
    //width:100px;
  }
  .btn100{
  width:250px;  
  }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	/*.delivery{
    background-image: url("../../assets/images/delivery-tdg.png");
    background-color: #bcbdc0;
    background-position: bottom !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed;
  }*/
	.user{
    width: 25% !important;
    }
}