/* ==========================================================================
   Custom styles
   ========================================================================== */
.lBody{
	background: black url(../images/cover.jpg) center top no-repeat;
	background-size:90%;
	background-position: 50% 80px;
	}
.dropdown-header{ color: white; background-color:#2B54A8;}

#lomablue:hover
{
	cursor:pointer;
}

lag{
	color: #FFFFFF;
	font-size: 18px;

}

.TriBox{
  position: relative;
  width:100%;

 /*  background:#444444; */
  top:400px;
  
 /*
  position: relative;
  top:400px;
  bottom:0px;
 */ 
}

/* modal-body controls top and bottom lines; */
.modal-body {
	text-align:left;
	 
}

.modal-content { 
   background-color: #0069aa !important;
   border-color:#FFFFFF;
   border-width:thin;
   border-style:solid;
}

#sqse_files
{
	position:relative;
	top:10px;
	height:100%;
	width:60%;
}


.TriWhole{
	/* width:100%; */
	border-radius:10px;
	background:#444444;
}

.jcc3mDisply{
	display:block;
	text-align:left;
	text-decoration: none;
	/* background:#5F5F5F; */
    background: rgba(175, 175, 175, 0.5);
	padding: 4px 8px;
	/* cursor:pointer; */
	border-bottom-color:#979797;
	border-bottom-style:solid;
	border-bottom-width:thin;	
}

jcc_3m{
	font-size:16px;
	color:#ffffff;
}

jcc_3p{
	font-size:14px;
	color:#ffffff;	
}

/* .information{float:right; position:relative; top:1px;} */
.information{float:right; position:relative; top:1px;}

.Jcc_Cen{float:center; top:1px;}

#Info_Icon{ float:right; position:relative; top:1px;}

.jccRight{float:right; position:relative;}

.liDisply{
	/* background:#444444;
	background:#467A93; */
	display:block;
	text-align:left;
	text-decoration: none;
	padding: 4px 8px;
	cursor:pointer;
	border-bottom-color:#979797;
	border-bottom-style:solid;
	border-bottom-width:thin;
	/* width:100%; */
}

.liDisply:hover{
    background-color: #333333 !important;
}

#comp_container{
	width:90%;
	position:relative;
	top:200px;
}



#MD_Accordian{display:none;}

dh_color{
	color:#ffffff;
	font-size:16px;
	
	}

.lMenuitems{
	align-text:left;
}

.men_btn{height:40px;}

.navbar-inverse .navbar-brand {color: #FFFFFF}
.navbar-inverse .navbar-brand:hover { color: #000000}

.navbar-inverse .navbar-brand:hover, 
.navbar-inverse .navbar-brand:focus {
 /* background-color: transparent; */
  color: #ffffff;
  cursor:default;
}


h4{text-align:left;}

.side_nav_image {
	width:20px;
	height:22px;
}

.top_nav_image {
	width:24px;
	height:26px;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 2500;
    top: 0;
    left: 0;
    background-color: #111111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 18px;
    color: #ffffff;
    display: block;
    transition: 0.3s
}

.sidenav a:hover, .offcanvas a:focus{
    color: #EBDC0B;
}

.sldHover:hover{
	color:#F3D406;
}



.sidenav a:hover{background:#444444;}


.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

side_label{color:#ffffff;}


#la_container{display:none;}

#MD_Accordian{width:58%;}
/* #MD_Accordian{display:none;}*/
 
#Main_Accordian
{
	width:70%;
	display:none;
}

.infographic_image{
    width: 100%;
    height: auto;
}

#trimen{
	display:none;
}

low_title{
	font-size:18px;
	color:#ffffff;
}

para_head{
	font-size:18px;
	color:#ffffff;
}

para_bold{
	font-size:14px;
	font-weight:bold;
	/* color:#ffffff; */
	color:#777777;
}

para_main{
	font-size:14px;
	color:#EBD74C;
	
}

modal_main{
	font-size:14px;
	color:#ffffff;
}

modal_main_i{
	font-size:14px;
	color:#ffffff;
	font-style:italic;
	text-decoration: underline;
}

ul.bullets {list-style-type: circle; color:#dadedf;}

.panel-body{background:#000000;}

.panel-heading {
     background-color: #444444 !important;
}

.panel-body{
	background-color:#1F1F1F !important;
}

.panel-body:hover {
  /* background-color: #0C56AF !important; */
  cursor:default;
}

.ExamHover:hover {
	background-color: #0C56AF !important;
}


.panel-accordion .panel-heading
{
    padding: 0;
}

.panel-accordion .panel-heading a
{
    display: block;
    padding: 10px 15px;
}

#TTTT{
	cursor: pointer;
}

.dropdown_style{
	cursor: pointer;
}

.panel-heading {
    cursor: pointer;
}

#comp_title{
	display:block;
}


.navbar-brand{
	position:relative;
	text-align:left;
}

#stndrd_bottom{
	background:#CDCDCD;
	/* display: block; */
	width:100%;

	height:50px;
	position:fixed;
	font-size: 18px;
	padding-top:12px;
	bottom:50px;
	text-align:center;
}

.navbar-inverse .navbar-brand {color: #FFFFFF}
.navbar-inverse .navbar-brand:hover { color: #FFFFFF}

.acchover:hover{
	cursor:pointer;
	/* background-color:#777777; */
	background-color: #0C56AF !important;
}



.navbar-inverse .navbar-brand:hover, 
.navbar-inverse .navbar-brand:focus {
  background-color: transparent;
  color: #ffffff;
  cursor:default;
}

.la_button:hover{
	cursor:pointer;
	background-color:#777777;
	}

/*
.next_prev:hover{
	cursor:pointer;
	background-color:#77777;
}
*/

la_menu{
	color:#ffffff;
	line-height:2em;
	}

la_menu_c{
	color:#ffffff;
	font-size:10px;
		
}

#la_nav{
	background-color:#555555;
	height:30px;
	}
/*
.pmn{
	border-color:#E7E7E7;
	border-style:solid;
	border-width:thin;
}
*/
mod_title{font-size:18px;}

#mta{display:none;}
#mt{display:none;}

navlbl{font-size:18px; color:#ffffff;}
navitems{font-size:24px; color:#ffffff;}

.nav_button:hover{
     background-color: #444444;
}
	
.nav_button{
	 background-color:#444444;
	 border-color:#ffffff;
		 
		 }



.btnWidth{
	width:200px;
}

#video1{
	width:760px;
	padding:10px;
}

.jumbotron{
	height:550px;
}



.modMenu{
	width:100%;
}

#Home_Image{
	/* width:327px; */
	height:390px;
	padding:2px;
}

#LOMA_Logo{
	height:40px;
	position:relative;
	top:-10px;
	left:-8px;
}

#Loma_Footer{
	background: none repeat scroll 0 0 #444444;
	display: block;
	width:100%; /* auto */
	height:50px;
	position:fixed;
	font-size: 15px;
	bottom:0px;
	text-align:center;
}

	#lMore{
		/*border:solid;
		border-radius:10px; */
		text-align:left;
		padding:20px;
		height:390px;
	}


	lh1{font-size:34px; font-weight:bold; font-family:Arial;}
	lsb1{font-size:30px; font-style:normal; letter-spacing:normal; color:#FFFFFF;}
	l1{font-size:14px; font-weight:bold;}
	l2{font-size:14px; font-style:normal; letter-spacing:normal; }
	l3{font-size:14px; font-style:normal; letter-spacing:normal; color:#FFFFFF;}
	l4{font-size:24px; font-style:normal; letter-spacing:normal;}
	l5{font-size:14px; font-style:normal; letter-spacing:normal; }
	l6{font-size:14px; font-style:normal; letter-spacing:normal; }

a.nav-expander {
  background: none repeat scroll 0 0 #222222;
  color: #FFFFFF;
  display: block;
  font-size: 15px;
  font-weight: 400;
  height: 50px;
  margin-right: 0;
  padding: 1em 1.6em 2em;
  position: absolute;
  right: 0;
  text-decoration: none;
  text-transform: uppercase;
  top: 0;
  transition: right 0.3s ease-in-out 0s;
  width: 220px;
  z-index: 12;

  /* transition: right 0.3s ease-in-out 0s; */
  -webkit-transition: right 0.3s ease-in-out 0s;
  -moz-transition: right 0.3s ease-in-out 0s;
  -o-transition: right 0.3s ease-in-out 0s;

}

a.nav-expander:hover {
  cursor: pointer;
  color:#F5FB1E;
}

a.nav-expander.fixed {
  position: fixed;
}

.nav-expanded a.nav-expander.fixed {
    right: 20em;
}

.nav-back{
	background-color:#444444;
}


nav {
  background: #444444; 
  display: block;
  height: 100%;
  overflow: auto;
  position: fixed;
  right: -20em;
  font-size: 15px;
  top: 0;
  width: 20em;
  z-index: 2000;
  
  transition: right 0.3s ease-in-out 0s;
  -webkit-transition: right 0.3s ease-in-out 0s;
  -moz-transition: right 0.3s ease-in-out 0s;
  -o-transition: right 0.3s ease-in-out 0s;

}
.nav-expanded nav {
  right: 0;
}

.navbar-brand{
	 color: #FFFFFF;
}


body.nav-expanded {
  margin-left: 0em;
  transition: right 0.4s ease-in-out 0s;
  -webkit-transition: right 0.4s ease-in-out 0s;
  -moz-transition: right 0.4s ease-in-out 0s;
  -o-transition: right 0.4s ease-in-out 0s;
}

#nav-close {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 300;
  font-size: 24px;
  padding-right: 10px;
}

.main-menu {
  padding-top: 12px;
}

.main-menu li {
 /* border-bottom: 1px solid #FFFFFF; */ /* #323949 */
  margin-left: 20px;
  font-size: 18px;
  padding: 12px;
}

.main-menu li a {
  color: #6F7D8C;
  text-decoration: none;
}

.main-menu li a:hover {
  color: #FFFFFF;
  text-decoration: none;
 
}

.main-menu li a:hover:not(.active) {
    background-color: #444444;
    color: white;
}


.main-menu li .sub-nav {
  border-bottom: 0px;
  padding: 4px;
}

.main-menu a .caret {
	width: 0;
	height: 0;
	display: inline-block;
	vertical-align: top;
	border-top: 4px solid #4f5963;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
    margin-top: 8px;
}

.main-menu a:hover .caret {
	border-top-color: #4f5963;
}

.main-menu li.open > a > .caret {
	border-top: none;
	border-bottom: 4px solid #4f5963;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

.main-menu li.open > a:hover > .caret {
	border-bottom-color: #4f5963;

}




.invert_png{
	-webkit-filter: invert(100%);
	/* filter: invert(100%); */
		
}


mod{
	color:#ffffff;
	font-size:110%;
	padding-bottom: 30px;
}


/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
/* ------<( PDF )>------- */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
/* ------<( PDF )>------- */
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */


/*
@media screen and (max-width: 880px) {
	#trimenu{display:none;}
}
*/


/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
-------<( Tablet Responsive Section  )>-------
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/

@media screen and (max-width: 768px) {
/* 
-------<(  Beginning of Tablet Display Code  )>-------
*/

/*
#MD_Accordian
{
	display:block;
	width:80%;
}
*/




#Main_Accordian
{
	width:80%;
	display:block;
}

.lBody{
	background: black url(../images/cover.jpg) center top no-repeat;
	background-size:110%;
	background-position: 50% 40px;
	}


/* #la_container{display:block;}  Commented out for accordian testing  */
#Loma_Footer{display:none;}

#trimenu{display:none;}

/* #lomablue{display:none;} */

#mta{display:block;}
#mt{display:none;}

#comp_title{
	display:none;
}

#trimen{
	display:block;
	
}

#standard{width:200%;}


#stndrd_bottom{display:none;}


#stndrd_menu{display:none;}


mod_title{font-size:18px;}

.annouCon{
	position:absolute;
	top:300px;
}

.ModBoxes{
    position: absolute;
    top: 350px;
}

.btnWidth{
	width:600px;
}


#video1{
	width:500px;
	padding:30px;
}

#Home_Image{
	/* width:327px; */
	height:290px;
	padding:2px;
	visibility:hidden;
}

.modHead{
	/* padding:30px; */
	position: absolute;
    top: 60px;
}




.jumbotron{
	height:450px;
}

/*
.modMenu{
	width:120px;
	height:90px;
}
*/
	#lMore{
		/* border:solid;
		border-radius:10px; */
		text-align:left;
		/* padding:20px; */
		height:290px;
		width:387;
		position: absolute;
    	top: 100px;
	}

body {
  line-height: 1;
}



	lh1{font-size:20px; font-weight:bold; font-family:Arial;}
	lsb1{font-size:15px; font-style:normal; letter-spacing:normal; }
	l1{font-size:12px; font-weight:bold; line-height: -2px;}
	l2{font-size:12px; font-style:normal; line-height: -2px; letter-spacing:normal; }
	l3{font-size:12px; font-style:normal; letter-spacing:normal; color:#FFFFFF;}

	l4{font-size:14px; font-style:normal; letter-spacing:normal;}
	l5{font-size:10px; font-style:normal; letter-spacing:normal;}
	l6{font-size:10px; font-style:normal; letter-spacing:normal;} 

mod{
	color:#ffffff;
	font-size:75%;
}
/*
.modal{
	height:72%;
	
}
*/

#top_ten{
	 transform:scale(.75,.65);
	 transform-origin: top left;
}

#la_files{
	 transform:scale(.75,.65);
	 transform-origin: top left;
	overflow: scroll;
	/* -webkit-overflow-scrolling: touch; */

}

.TriBox{display:none;}	
.above_footer{display:none;}

#MD_Accordian
{
	display:block;
}

#comp_container{
	width:90%;
	position:relative;
	top:400px;
}

#sqse_files
{
	position:relative;
	top:-10px;
	height:100%;
	width:100%;
}



/* 
-------<(  End of Tablet Display Code  )>-------
*/
}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
-------<( Phone Responsive Section  )>-------
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/
@media screen and (max-width: 667px) {

#sqse_files
{
	position:relative;
	top:-10px;
	height:100%;
	width:100%;
}



.window_container{}
	
#top_ten{
	 transform:scale(.70,.55);
	 transform-origin: top left;
}

.TriBox{display:none;}	

}






@media screen and (max-width: 450px) {
/* 
-------<(  Beginning of Phone Display Code  )>-------
*/

#sqse_files
{
	position:relative;
	top:-10px;
}


#MD_Accordian
{
	display:block;
	width:90%;

}

#comp_container{
	width:90%;
	position:relative;
	top:200px;
}

#Main_Accordian
{
	width:100%;
	display:block;
}

test_text{font-size:10px;}

.lBody{
	background:#000000;
	background: black url(../images/cover.jpg) center top no-repeat;
	background-size:150%;
	background-position: 50% 80px;
	}

/*	
.window_container
{
	background: url(../images/cover.jpg) center top no-repeat; 
	background-size:100%;
	height:300px;
	background-position: 50% -10px;	

}
*/


para_head{
	font-size:14px;
	color:#ffffff;
}

para_main{
	font-size:12px;
	color:#EBDB00;
}

modal_main{
	font-size:12px;
	color:#ffffff;
}

modal_main_i{
	font-size:12px;
	color:#ffffff;
	font-style:italic;
	text-decoration: underline;
}

#top_ten{
	 transform:scale(.75,.65);
	 transform-origin: top left;
}

#la_files{
	 transform:scale(.75,.65);
	 transform-origin: top left;

}


#mt{display:none;}






mod{
	color:#ffffff;
	font-size:75%;
}


.ModBoxes{
    position: absolute;
    top: 400px;
}
.btnWidth{
	width:360px;
	
	/* visibility:hidden; */
}

	
	#lMore{
		/* border:solid; 
		border-radius:10px;*/
		text-align:left;
		padding:20px;
		height:225px;
		width:400;
	}

#video1{
	width:320px;
	padding:30px;
}

body {
  line-height: .96;
}


.jumbotron{
	height:100%;
}

.modHead{
	/* padding:24px; */
	position: absolute;
    top: 52px;	
}


/* 
-------<(  End of Phone Display Code  )>-------
*/	
}

@media screen and (max-width: 375px) {

#Loma_Footer{display:none;}


/* #comp_container{top:-40px;} */

#comp_container{
	width:90%;
	position:relative;
	top:200px;

}


#sqse_files
{
	position:relative;
	top:-10px;
	height:70%; /* 70% */
	width:100%;
}
	
	
	/*
#sqse_files
{

	position:relative;
	top:-10px;
	
}
*/	
#mta{display:none;}
#mt{display:block;}


#top_ten{
	 transform:scale(.39,.39);
	 transform-origin: top left;
}

.modal{
	height:100%;
	/* height:650px; */
	
}

.lBody{
	background: black url(../images/cover.jpg) center top no-repeat;
	background-size:90%;
	background-position: 50% 80px;
	}

#la_files{
	 /* transform:scale(.75,.65); */
	 	transform:scale(.40,.40);
	 transform-origin: top left;

}

	
}