* {
	      font-family:Roboto;
		  font-size:13px;
   }
   
   body {
          width:100%;
		  margin:0;
   }
   
#content-product {
 /* background-attachment:scroll;
  background-image:url(images/bg_menu.png);
  */
   
}
#footer-section {
  margin-top:7px;
  background-color:#000000;
  border-top:3px #FF0000 solid; border-bottom:3px #0000FF solid;
}

#my-jumbo {
   background-color:#291670;

}
	  /*
.navbar-toggler-icon {
   margin:12px;

}	  
	 
.navbar-toggler {
  padding:0px;

}	   
	   */
	   
	   
.nav-link {
   text-transform:uppercase;
   font-size:13.5px;
}
.nav-item {
	margin:3px;
}
.navbar-light .navbar-nav .nav-link {
	color:#291670;
	   
}
.nav-link:hover , .dropdown-item:hover {
	border-bottom:3px solid #291670;		
}

.megamenu-li {
	position: static;
}

.megamenu {
	position: absolute;
	width:auto;
	/*left: 0;
	right: 0;*/
/*	padding: 15px;*/
	background-color:#291670;
	
	opacity:0.8;
	color:#FFFFFF;
	
}

#navbarSupportedContent {
   	width:250px;
}


.dropdown-item {
  color:#FFFFFF;
  font-size:13px;
  text-align: left;

}

#product-main-content {
  background-color: #000066;
  height:auto;

}

.black-color {
   color:#000000;
}

.bg-color-logo {
    background-color:#291670;


}


.carousel-item img {
    width:100%;
    height:100%;
	min-height:200px;
	max-width:1280px;
	
  }
  
 .a-color-footer {
     color:#FFFF00;
	 font-size:12px;
  
  }
  
 .a-color-footer:hover {
     color:#FFFFFF;
  }
	
 .active {
    border-bottom:2px solid #291670;
  
 }	
  
 .img-body {
  		border:1px solid #000000;
		width: 100%;
		height:200px;
		min-height:100px;
		max-height:200px;
  }		
  
#bottom-banner {
       margin-top:10px;
	   margin-bottom:20px;  
}

#about-main-content  {
	background-color:#da251c;
	color:#FFFFFF;
}	

.dot-net {
   font-size:12px;margin-top:-2px;margin-right:12px;

}

.arrow-net {
 font-size:12px;
 padding-left:20px;
 padding-right:2px;
}

.dropdown-item h7 {
   font-size:12.5px;
   text-transform:uppercase;

}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
  margin:2rem 0; /* Space out the Bootstrap <hr> more */
  color:#000000;
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 100;
  line-height: 1;
  /* rtl:remove */
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

#headline-news {
 padding-left:10px;

}

.coloumn {
   float:left;

}

.left-side {
   float:left;
   width:50%;
   

}

.right-side {
   float:left;
   width:50%;
   

}

#holder {
    position: relative;
/** these are the settings for a 16:9 aspect ratio iframe **/

    width: 84vw;
    height: 40vw;

/***********************************************************/
    margin: auto;
    border: 1px solid #000;
    box-shadow: 0.4em 0.4em 0.4em rgba( 0, 0, 0, 0.3 );
 }
 
 #holder iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    border: 0;
 }