.d-none {
    display: none;
}


body
{
    font-family:"Roboto";
    font-weight:300;
    font-size:12pt;
    color:black;
}

li
{
	line-height:2em;
}



a
{
	color:#00da00;
}



a:hover
{
	color:#00da00;
	text-decoration:underline;
}

a:focus, a:active, a:visited
{
	text-decoration:none;
	color:#00da00;
}

.large
{
	font-size:20px;
}

p.large
{
	font-size:16pt;
}

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




.hr
{
	width:35%;
	height:5px;
	background:black;
	margin:30px auto;
}

.hr-left
{
	margin-left:0;
}

.hr-red
{
	background:red;
}
.hr-green
{
	background:#00da00;
}
.hr-blue
{
	background:blue;
}

.pad-top-120
{
	padding-top:120px;
}
.pad-top-60
{
	padding-top:60px;
}
.pad-top-30
{
	padding-top:30px;
}
.pad-bottom-10
{
	padding-bottom:10px;
}
.pad-bottom-30
{	
	padding-bottom:30px;
}
.pad-bottom-60
{
	padding-bottom:60px;
}
.pad-bottom-120
{
	padding-bottom:120px;
}
.pad-bottom-150
{
	padding-bottom:150px;
}
.pad-bottom-180
{
	padding-bottom:180px;
}
.pad-bottom-210
{
	padding-bottom:210px;
}
.margin-top-30
{
	margin-top:30px;
}
.margin-top-60
{
	margin-top:60px;
}
.margin-bottom-30
{
	margin-bottom:30px;
}
.margin-bottom-60
{
	margin-bottom:60px;
}
.uppercase
{
	text-transform:uppercase;
}
.center
{
	text-align:center;
}

.justify
{
	text-align:justify;
}
.right
{
	text-align:right;
}
.left
{
	text-align:left;
}
.max-100
{
	max-width:100%;
}
.min-100
{
	min-width:100%;
}
.light
{
	font-weight:300;
}
.italic
{
	font-style:italic;
}
.normal
{
	font-weight:400;
	letter-spacing:normal;
	
}
.bold
{
	font-weight:700;
}
.black
{
	font-weight:900;
}
.wide
{
	letter-spacing:30px;
}
.bg-dark
{
	background:rgba(0,0,0,0.6);
}

.bg-dark-7, .bg-dark-8
{
	background:rgba(0,0,0,0.8);
}

.bg-black{
	background-color:black;
}

.inline-block
{
	display:inline-block;
}



.container-pad
{
	padding-top:120px;
	padding-bottom:120px;
}

.condensed
{
	font-family:"Roboto Condensed";
}




@font-face
{
	font-family: "namco";
	src: url("/font/namco13.ttf") format("truetype");
}

.namco
{
	font-family:"namco";
}
.namco-h1
{
	font-size:40px;	
}



.header-logo
{
	max-height:80px;
	float:left;
	position:relative;
	right:30px;	
    margin-top: -5px;
}
.hdr1
{
	color:#00da00;
	font-family: "namco";
	font-size:24pt;	
}

.hdr2
{
	font-size:large;
	font-weight:normal;
	color:#00da00;
	font-family:"Roboto", Sans-Serif;
}

.navbar
{
	color:green;    
	margin-bottom:0px;
    background: black;
    border-radius: 0;
    border: none;
}

.navbar-nav
{
	float:none;
	display:inline-block;
    margin-top:15px;
}

.navbar-nav>li
{
	padding:5px 2px;
}

.navbar-nav>li>a 
{
    color:#00da00;
	font-size:16pt;
	font-family:"Roboto Condensed", Sans-Serif;
	
}

.navbar-inverse .navbar-nav>li>a
{
	color:#00da00;
}


.navbar-nav>li>.dropdown-menu.oursystems 
{
	background:transparent;
	color:#00da00;	
	position:absolute;
	padding-bottom:0px;
	border:0;
	box-shadow:none;
	top:76px;
}

.dropdown-menu {
    background: transparent;
    background:rgba(20,20,20, 1);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    color: white;
}

.dropdown-menu>li {
    
}
.dropdown-menu>li>a {
    color: white;
    padding:5px;
}

.dropdown-menu>li>a:hover {
    color: black;
}


.dropdown-menu.oursystems>li
{
	padding:0px;
	border:1px solid black;
	background:rgba(20,20,20, 1);
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	height:110px;
}

.dropdown-menu.oursystems>li>a
{
	color:white;
	font-family:"Roboto Condensed";
	padding:5px 10px 5px 10px;		
	min-height:108px;
}

.dropdown-menu.oursystems>li>a:hover {
    color: black !important;
}



.dropdown-menu.oursystems>li>a h2
{
	padding:0px;
	margin:0px;
	position:relative;
	top:20px;
	font-size:36px;

}

.dropdown-menu.oursystems>li>a>img
{
	float:right;
	position:relative;
	bottom:55px;
	z-index:1;
	max-height:90px;
}

.dropdown-menu.oursystems>li>a small
{
	font-size:12pt;
	position:relative;
	top:35px;
	display:block;
	z-index:2;
	font-weight:300;
}

.navbar-inverse .navbar-toggle .icon-bar
{
	background:#00da00;
}


li.nav-group {
    text-align: center;
    margin-top:12px;
    background-color: #00da00;
    color: black;
    padding: 3px 0px 0px 0px;
    border-radius: 3px;
}

span.nav-group-label {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 30px;
    text-align: center;    
    font-weight: bold;
    font-size: 11pt;
}
span.nav-group-label > span {
    background-color: #00da00;
    color: black;
    padding: 2px 5px ;
}



li.nav-group a {
    display: inline-block;    
    padding:5px;
    color:black !important;
}

li.nav-group a:hover {
    color:white !important;
}









.jumbotron-home
{
	background:url("/images/dha_banner3.jpg") center left;
	background-size:cover;
	padding:150px 0px 210px 0px;
	color:white;
	text-align:center;
	text-shadow:1px 1px 5px black;	
	margin-bottom:0px;
}
.jumbotron-home h1
{
	font-size:80px;
}



.container-how
{
	
}
.container-how ul
{
	
	margin-top:20px;
	line-height:2em;
	color:black;
}

.how-header
{	
	margin-bottom:90px;

}
.how-header ul
{
	margin-bottom:60px;
}





.container-philo
{	
	background:#222;	
	color:white;
	background: -webkit-radial-gradient(bottom right,black,#222,#222);
	background: radial-gradient(at bottom right,black,#222,#222);
}
.container-philo img
{
	margin-top:120px;
	max-width:100%;
}

.container-philo p
{
	font-weight:300;
	line-height:1.7em;
	
}

.container-philo h3
{
	font-weight:400;
}
.container-philo h4
{
	margin-top:0;
	margin-bottom:60px;
	color:#00c000;
	font-size:24px;
}


.btn-outline
{	
    background: rgba(0,0,0,0.7);
    margin: 40px 20px 10px 40px;
    padding: 10px 40px;
	text-shadow:none;
	color:white;	
	border-radius:0;
	font-weight:400;
	border:none;
	outline:2px solid #333;
}

.btn-outline:hover
{
	color:white;
	text-decoration:none;
	outline:2px solid white;
	
}

.btn-dha
{
    display: inline-block;
	border:2px solid #00da00;
	padding:20px 20px;
	color:#00da00;
	margin:10px;	
	border-radius:0;
	background:white;
}
.btn-dha-select
{
	background:#00da00;
	color:white;
}
.btn-dha:hover, .btn-dha:focus
{
	background:#00da00;
	color:white;
	text-decoration:none;
}
.btn-dha:active
{
	color:#white;
	text-decoration:none;
}
.btn-dha:visited
{
	text-decoration:none;
}

.btn-sm {
    padding: 7px;
    font-size: inherit;
}


.section-header
{
	
	font-weight:600;
	
}
.section-header>small
{
	display:block;
	margin-top:10px;
}

.tri-img
{
	height:300px;
	max-width:100%;
}






.video
{
	margin:60px 0;
	max-width:750px;
	height:440px;
}

.footer
{
	background:black;
	color:#00da00;
}

.galleryContainer
{
	overflow:auto;
}

.galleryItemContainer
{
	padding:30px;
	border:1px solid #DDD;
	
}

.galleryItem
{
	display:block;
	height:200px;
	
}

.ItemID
{	
	position:relative;
	top:20px;	
	font-size:20px;
	font-family:"Roboto";
	font-weight:bold;
	color:#AAA;
	
	
}

.galleryPages
{
	clear:both;
	margin:20px 0px;
}
.GalleryPage
{
	font-size:20px;
	padding:10px;
}

.galleryImg
{
	max-width:100%;
	max-height:100%;	
}

.galleryArrow
{
	
}

.tooltip-inner
{
	text-align:left !important;
}


.container-gamelist
{
	background:url('/images/console_banner.jpg') bottom center;
	background-size:cover;
	color:white;
	min-height:600px;
}


.SectionTitle
{
	border-bottom:2px solid #00da00;
	text-align:left;
	padding-top:30px;
}

.GLSystemIcon
{
	display:inline-block;
	min-height:138px;
}
.GLSystemIcon a
{
	height:138px;
}

.glImg
{
	height:138px;
	display:block;
}

.GLPageList
{
	padding:30px 0;
	clear:both;
}
.GLGameInfo
{
	white-space:pre;
	overflow:hidden;		
	padding:2px 6px;
	width:100%;
	text-align:left;
	color:black;
}
.GLGameInfo a
{
	color:black;
}

.to-top
{
	float:right;
}

.form-control
{
	display:inline-block;
}

.container-contact
{
	background:url('/images/nokia.jpg') center center;
	background-size:cover;
	color:white;
}


.container-about
{
	background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('/images/about_banner2.jpg') ;
	background-size:cover;
	color:white;
	text-shadow:1px 1px 5px black;
	min-height:600px;

}

.about-caption
{
	border-top:1px solid #333;
	margin-top:10px;
	padding-top:10px;
}

.about-us-images img {
	min-height: 250px;
	object-fit: cover;
}

.container-support
{
	background:url('/images/support_hero.jpg') center center;
	background-size:cover;
	color:white;
	text-shadow:1px 1px 5px black;
	min-height:600px;
}
.container-support h1
{
	padding:100px 0px;
}

.container-quote
{
	background: -webkit-radial-gradient(bottom right,#0A0,#00DA00,#00DA00);
	background: radial-gradient(at bottom left,#0A0,#00DA00,#00DA00);
	color:white;
	padding:200px 0px;
}

.container-quote a
{
	color:#333;
}
.container-quote small
{
	font-size:18px;
	padding-left:6px;
}


.container-pricing
{
	/*background: -webkit-radial-gradient(270deg,#0A0,#00DA00,#00DA00);
	background: linear-gradient(270deg,#0A0,#00DA00,#00DA00);*/
	background:url('/images/pricing_banner.jpg') center center no-repeat;
	color:white;
	min-height:600px;
	text-shadow:1px 1px 5px black;
	background-size:cover;

}

.price-wrapper
{
	outline:1px solid #333;
	text-align:center;
	padding-bottom:10px;
	margin:30px 0px;
}

.price-title
{
	background:black;
	color:white;
	text-transform:uppercase;
	padding:10px;
	font-weight:bold;
	font-size:25px;
	
}
.price-subtitle
{	
	padding:10px 10px 0px 10px;
	font-weight:light;
	margin-bottom:-5px;
}
.price-amount
{
	font-size:40px;
}


.price-image
{
	height:100px;		
	margin:10px 5px;
	margin:10px 5px;
	overflow:hidden;
}


#TagCloud
{
    width:96%;
    margin:auto;
    text-align:center;
    padding:10px 5px;
    border:4px solid #006400;
    border-radius:10px;
    font-size:100%;
    background:#222;
    font-family:Trebuchet MS, Verdana, Arial;
    
}
    #TagCloud span
    {
        margin:0px 3px;
        padding:2px;
        display:inline-block;
        
        cursor:pointer;
        height:24px;
        
    }
        #TagCloud span:hover
        {
            /*background-color:#CCFF99;*/
            text-decoration:underline;
        }
        
    .tag1
    {
        font-size:1em;
        color:#59B259;
    }
    .tag1b
    {
        font-size:1em;
        font-weight:bold;
        color:#00B200;
    }
    .tag2
    {
        font-size:1.2em;
        color:#4C994C;
    }
    .tag3
    {
        font-size:1.2em;
        font-weight:bold;
        color:#00CC00;
    }
    .tag4
    {
        font-size:1.4em;
       color:#66CC66;
    }
    .tag5
    {
        font-size:1.4em;
        font-weight:bold;
        color:#00E600;
    }
    .tag6
    {
        font-size:1.6em;
        color:#80FF80;
        
    }
    .tag7
    {
        font-size:1.6em;
        font-weight:bold;
        color:#00FF00;
    }



.container-footer
{
	background:black;
	color:#00da00;
	
}
.container-footer ul
{
	padding:0;
	margin:0;
	list-style:none;
	
}
.container-footer li
{
	padding:0;
	margin:0;
	
}
label
{
	padding-top:10px;
	font-weight:300;
	font-family:"Roboto Condensed";
}

#foot-tbxMsg
{
	min-height:160px;
	clear:both;
}
#foot-tbxName
{
	width:200px;
	clear:both;
}
.btn-foot
{
	background:transparent;
	margin:10px 0px 0px 0px;
	float:right;
	padding: 5px 10px;
}

#msgOverlay
{
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0, 0.8);
	top:5px;
	text-align:center;
	display:none;
}
.msgContainer
{
	position:relative;
	top:40%;
}
#msgText
{
	padding-top:10px;
	display:none;
}
#msgImg
{
	display:none;
}

.container-copy
{
	background:black;
	color:#00da00;
}

#at_text a{
	font-size:16pt;
	font-weight:bold;
	text-decoration:underline;
}

.email-links {
    margin: 2rem 0;
}














/* Small Screens */
@media (max-width: 767px) {
	
	.navbar-fixed-top
	{
		position:static;
		background:black;
	}
    span.nav-group-label {
        position: initial;
    }
	.container-header
	{
		overflow:hidden;
		overflow:hidden;
	}
	.header-logo
	{
		display:none;
	}
	
	h1
	{
		font-size:60px !important;
	}
	
	#JumbotronHome
	{
		background:url("/images/dha_banner.jpg") right top;
	}
	
	.hide-sm
	{
		display:none;
	}
	.center-sm
	{
		text-align:center;
	}
	.wide
	{
		letter-spacing:normal;
	}
	p
	{
		padding-left:0;
		padding-right:0;
		margin-left:0;
		margin-right:0;
	}
}

/* Medium Screens */
@media (min-width:768px) and (max-width: 992px)
{
	
	.container-header
	{
		overflow:hidden;
	}
	
	.navbar-nav>li>.dropdown-menu.oursystems
	{
		width:750px;
		left:-42px;
	}
	
	.header-logo
	{
		display:none;
	}
	
	h1
	{
		font-size:80px !important;
		margin-bottom:0px;
	}
	h2
	{
		font-size:40px;
	}
}

/* Large Screens */
@media (min-width: 993px){
	 .container-header
	{
		overflow:hidden;
	}
	
	.navbar-nav>li>.dropdown-menu.oursystems
	{
		width:960px;
		left:-190px;
	}
	
	.hdr1, .hdr2
	{
		text-align:center;
	}
	
	h1
	{
		font-size:80px !important;
		margin-bottom:0px;
	}
	h2
	{
		font-size:40px;
	}

}