/*-------------------------------------------Header start--------------------------------------*/
*{
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}
header{
	
	z-index: 10;
	width: 100%;
	background-color: #fff;
  box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.3);

}
.navbar{
	padding: 20px 0;
	}
.navbar-brand{
		font-weight: 800;
		text-transform: uppercase;
		font-size: 2.0em;
		color: #262626;
		letter-spacing: 5px;
}
.nav-item{
	font-weight: 800;
	text-transform: uppercase;
}
.navbar-light .navbar-nav .nav-item .nav-link:hover, 
.navbar-light .navbar-nav .nav-item.active .nav-link {
   /* background: blue;*/
    border-radius: 50px;
    color: #ee1d35; 
}
.navbar-light .navbar-nav .nav-item .nav-link{
	color: #000;
	padding: 5px 15px;
	margin:0px 4px;

}

.navbar-light .navbar-brand {
    color: #ff471a !important;
}
.navbar-light .navbar-toggler{
  outline: none;
}
/*-------------------------------------------------------------Header End------------------------------*/
/*---------------------------------------------------------footer Start------------------------------------*/
footer{
	height: 40px;
	color: #fff;
	background-color: #243659;
}
footer p{
	padding-top: 10px;
	text-align: center;
}
/*----------------------------------------------------------footer End---------------------------------*/
.banner{
	position: relative;
	background: url(images/training-load.jpg) #000;
	height: 90vh;
	background-size: cover;
	background-position: center;
	/*padding: 250px 0 200px;*/
}
.indexoverlay{
	position: absolute;
	top:0;
	left: 0;
	width:100%;
	height:100%;
	background-color: rgb(0,0,0,0.2);
}
.banner:after{
	z-index: 10;
	background: rgba(0,0,0,0.5);
	
}
.banner h1{
	margin: 0;
	padding: 0;
	font-size: 2.6em;
    letter-spacing: 13px;
    font-weight: 1000;
    text-transform: uppercase;
    color: #fff;
}
.banner p{
	margin: 0;
	padding: 0;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
}
.banner img{
	width: 250px;
	height: 80px;
	padding: 0px 10px;

}
.banner .empty{
	width: 100%;
	height: 200px; 
}
.banner .empty1{
	width: 100%;
	height: 100px; 
}
.navbar-light .navbar-toggler{
	border:none;
	color:#fff;
	border: 2px solid #fff;
	border-radius: 0;
	outline: none;


}
.navbar-collapse{
	background-color:transparent;
}

@media(min-width: 320px){
	.banner{
	height: 100vh;
}
.banner .empty1{
	width: 100%;
	height:95px; 
}.banner .empty{
	width: 100%;
	height:150px; 
}
#links img{
 margin-bottom: 10px;
}
.navbar-brand img{
    width: 147px;
    height: auto;
}.navbar {
    padding: 5px 0;
}
footer p{
	font-size:14px;
}

}

@media(min-width: 768px){
	
.banner h1{
	margin-left:10px;
	font-size:59px; 
	
}
.banner .empty1{
  width: 100%;
  height:147px; 
}
.banner .empty {
    width: 100%;
    height: 90px;
}
.navbar-brand img{
    width: 204px;
    height: 73px;
    padding-top: 10px;
    padding-bottom: 0px;
}.navbar {
    padding: 0px 0;
}
.banner p {
    
    font-size: 20px;
}

}

@media(min-width: 1024px){
.banner .empty1{
	width: 100%;
	height:155px; 
}	
.banner{
  height: 90vh;
}
.banner h1{
	margin-left:10px;
	font-size: 3.5rem;
	
}.banner p{
	font-size: 1.2rem;
}
.navbar-brand img{
    width: 200px;
    height: 75px;
    padding-bottom: 2px;

}
.navbar{
  padding: 8px 0;
  }
  footer p{
	font-size:16px;
}
}
@media(min-width: 1440px){
.banner .empty1{
	width: 100%;
	height:300px; 
}	
.banner h1{
	margin-left:10px;
	font-size: 5rem;
	
}.banner p{
	font-size: 1.6rem;
}
#links img{
	width:300px;
	height: 100px;
}
.navbar-brand img{
width: 200px;
height: 82px;
}
.navbar {
    padding: 0px 0;
}
}
@media(min-width: 2560px){
.banner .empty{width: 100%;height:300px;}
.banner .empty1{width: 100%;height:564px;}	
.banner h1{margin-left:10px;font-size: 8rem;}
.banner p{font-size: 2.5rem;}
#links img{width: 400px;height: 135px;}
.navbar-brand{font-size: 4rem;height: 120px;}
.navbar-light .navbar-nav .nav-item .nav-link{font-size: 1.4rem;}
.collapse{margin-left: 100px;}
}

.partner-wrapper{
  min-height: 90vh;
}

/*------------------------------------------------------search bar page------------------------------*/
.searchbarmain{
  background-image: url(images/searchbg.jpg);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}
.overlay{
  position: absolute;
  top:20;
  left: 0;
  width:100%;
  height:100%;
  background-color: rgb(0,0,0,0.5);
}
.dummy{
  width: 100%;
  height:40vh;
}
#cont{
          text-align: center;
          height: 60vh;
}
.cont input{
          text-align: center;
          margin-bottom: 10px;
}
#cont a{
          background-color: #ee1d35;
          padding: 10px; 
          text-decoration: none;
          border-radius: 5px;
          color: #000;
          font-size: 1.1rem;
         
}
#cont a:hover{
   border:1px solid #545b62;
}
.search-focus:focus{
  border-color: #f78a6f;
 box-shadow: 0 0 0 0.2rem rgb(255 152 127);
}
/*-----------media Queries-------------*/
@media(min-width: 320px){
  .dummy{
  height:15vh;
}
.header4{
  font-size: 1rem;
}
#cont a{
  padding: 6px;
  font-size: .9rem;
}
}

@media(min-width: 768px){
   .dummy{height:22vh;}
}

@media(min-width: 1024px){
  .dummy{height:15vh;}
}

@media(min-width: 1440px){
.dummy{height:38vh;}
#cont a{
  padding: 6px;
  font-size: 1.5rem;}
.header4{font-size: 1.8rem;}
}

/*-------------------------------------------cards page-----------------------------------*/
.card {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.2s ease-in-out;
  box-sizing: border-box;
  margin-top:10px;
  margin-bottom:10px;
  background-color:#FFF;
}

.card:hover {
  box-shadow: 0 5px 5px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.card > .card-inner {
  padding:10px;
}
.card > .card-inner .content a{
  background-color: #ee1d35;
  color: #fff;
}
.card .header h3, h4 {
  margin-bottom: 5px;
  margin-top:0px;
  text-align: center;
}

.card .header {
  margin-bottom:5px;
  max-height: 120px;
  overflow: auto;
}
.card .image{
  height: 50%;
}
.card-over{
  min-height: 300px;
}
.card img{
  width:100%;
  height: 250px;
}
#searchBlock{
  box-shadow: 0 5px 5px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.content{
  margin-top: 12px;
}

/*------------------------media Queries--------------------------*/
@media (min-width: 768px) {
.card .header h3, h4 {
 font-size: 1.3rem;
}
}
/*---------------------------------card Details page-------------------------*/

.well p{
	text-align: center;
	
}
.well h4{
	color:#545b62;
	
}
/*.well span{
	border-bottom: 3px solid #ff471a;
}*/

.well ul{
	list-style-type: none;
	
}
 .well .btn{
 	background-color:#ee1c35;
 	color: #000;
 }

.wrapper h4{
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
}
.wrapper .lists{
  padding-left: 20px;
  list-style-type: none;
}

/*.left-col{
	border:1px solid #ccc;
	box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.3);
}*/
.right-col{
	border:1px solid #ccc;
	box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.3);
   height: 550px !important;
}
.right-col iframe{
  width: 100%;
}
.wrapper{
 /* box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.3);*/
 border:1px solid #ccc;
}

.tabs{
 /* background-color:#f5f5f5;*/
  /*padding-top:30px;*/
  padding-bottom:30px;
}



.tabs h3{
  font-size:20px;
  margin-top:10px;
  margin-bottom:60px;
}

.tabs p{
  font-size:14px;
}

.tabs a{
  font-size:15px;
  font-family:OpenSans,sans-serif;
  font-weight:700;
  color:#fff;
  padding:4px;
  text-decoration: none;
}

.tabs li{
  background-color:#545b62;
  margin-top:1px;
  text-align:center;
  height:110px;
  width:110px;
  padding-top:45px;
  -webkit-border-radius:3px;
  border-radius:3px;
}

.tabs li.active{
  background-color:#ee1c35;
}

/*-----------------media Queries-------------------*/
@media (min-width: 320px) {
      ul{
        display: flex-row;
      }

      .tabs li {
    
    margin-top: 1px;
    text-align: center;
    height: 120px; 
    width: 86px !important;
    padding-top: 45px;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
    -webkit-border-radius: 3px;
    }
    .tabs a{
  font-size:15px;
  padding:0px 0px 0px 0px;
}
.tab-pane iframe{
	width:100%;
	 height:40vh;
	 margin-right: 10px;
}
.tabs .tab-pane{
 margin-right: 12px;
}
#tab_a{
	margin-top: 10px;
}
.tabs h3{
	margin-bottom: 20px;
}
.carousel-inner img{
	width: 100%;
	height: 82vh;
}
.right-col{
  width: 81%;
}


    }
        @media (min-width: 375px){
.right-col{
  width: 84%;
}
        }
         @media (min-width: 425px){
.right-col{
  width: 84%;
}
        }

    @media (min-width: 768px) {
      
      .tabs li {
    
    margin-top: 1px;
    text-align: center;
    height: 120px; 
    width: 140px !important;
    padding-top: 45px;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
    -webkit-border-radius: 3px;
    }

    .tab-pane iframe{
	width:100%;
	 height:42vh;
	 margin-right: 10px;
}.carousel-inner img{
	width: 100%;
	height: 86vh;
}

 
    }
    @media (min-width: 1024px) {
      .tabs li {
    margin-top: 1px;
    text-align: center;
    height: 120px;
    width: 193px !important; 
    padding-top: 45px;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
    -webkit-border-radius: 3px;
}
.tab-pane iframe{
	width:600px;
	 height:58vh;
	 margin-right: 10px;
}
.tabs {
    /* background-color: #f5f5f5; */
    /* padding-top: 30px; */
    padding-bottom: 0px;
}
.right-col {
    padding-bottom: 20px;
}
.carousel-inner img{
	width: 100%;
	height: 86vh;
}

}

/*--------------------------------------------------------Add to cart Page--------------------------------*/
.left-cont{
    border:1px solid #ccc;
  box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.3);
}
/*@media (min-width: 1024px){
  .main-wrapper{
    height: 230vh;
  }
}*/
/*@media (min-width: 1440px){
  .main-wrapper{
    height: 230vh;
  }
}*/
/*---------------------Payment Confirmation Page------------------------------------*/