/*********************************************************************************/
							/*BEN NO INDEX */
/*********************************************************************************/
@charset 'UTF-8';
@import url(https://fonts.googleapis.com/css?family=Alegreya);
@import url('https://fonts.googleapis.com/css?family=Luckiest+Guy');

/*********************************************************************************/
/* 										Basic            						 */
/*********************************************************************************/
	body,html,head{ width: 100%; height: 100%!important;  }
	
	body{
		background: #f5f7fa;
		position:absolute;
		}
	
	.wrapper-noindex, .container, .container .row, #content_noindex{
		height:100%!important;
	}
	#header{
		height:auto;
		
	}
	.inner #header{
			top:0;
	}
	body,input,textarea,select
	{
		font-family: 'Georgia', serif;
		font-weight: 700;
		color: #52575c;
		font-size:12pt;
		line-height:1.5em;
		
	}
	p {
		font-family: 'Georgia', serif;
	}
	
	h1,h2,h3,h4,h5,h6
	{
	line-height:1.5em;
	margin-bottom: 20px;
	color: #2b3c97;
	font-weight:bold;
	}
	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
	{
		color: inherit;
		text-decoration: none;
	}
	
	a {
		color: inherit;
		text-decoration: none;
		border-bottom: dotted 1px #62676c;
		-moz-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
		-webkit-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
		-o-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
		-ms-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
		transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
		cursor: pointer;
		
	}
	#content a {
	padding-bottom:5px!important;
	}
	a img:parent
	{
		border: none;	
	}
	a.fancybox-close 
	{
		border: none;	
	}

	#left-nav  li a.active
	{
		background:#BD2314;
	}
	
	#nav > ul > li > a img:hover 
	{
		max-height: 66px;
	}
	#nav > ul > li:not(.active):hover
	{
		overflow: hidden;
		max-height: 54px;
		border-radius: 0.35em;
		overflow: visible;
	}
			
	#left-nav  li:hover
	{
		background:#BD2314;
	}
	a:hover
	{
		color: #f35858!Important;
		border-bottom-color: rgba(255,255,255,0)!Important;
	}


		
	strong, b
	{
		font-weight: 300;
		color: #42474c;
	}
	
	em, i
	{
		font-style: italic;
	}
	
	sub
	{
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}
	
	sup
	{
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}
	
	hr
	{
		border: 0;
		border-top: solid 1px #ddd;
	}
	
	blockquote
	{
		border-left: solid 0.5em #ddd;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}
	
	p, ul, ol, dl, table, .features
	{
		margin-bottom: 1.5em;
	}
	#content ol	
	{	
		list-style-type: decimal;
	}
	#content ul 
	{
		list-style-type: disc;
	}
	#content ol li, #content ul li 
	{
		margin-left: 30px;
		margin-bottom:8px
	}
	br.clear
	{
		clear: both;
	}
	.findersearch-main input
	{
		height: 25px;
		top: -55px;
		position: relative;
		left: -100px;
		border-radius: 7px;
		padding: 2px 5px;
		border: 0;
		text-transform: none;
		font-weight: 700;
		font-size: 8.5pt;
		margin-right: 10px;
	}

	input.search101
	{
		border-radius:0px;
	}

	h1 {
		font-size: 24pt;
	
   }
	h2 {
		font-size: 22pt;
	}
	h3 {
		font-size: 20pt;
		color:#bd2314 !important;
	}
	h4 {
		font-size: 18pt;
	}
	h5 {
		font-size: 16pt;
    
	}
	h6 {
		font-size: 16pt;
		font-weight:normal;
	}




/*********************************************************************************/
/* 										Badge                                    */
/*********************************************************************************/


	.badge-inner {
		margin-left: 560px;
		position: fixed;
		text-align: center;
		top: 250px;
		width: 160px;
	}



	.badge-inner img {
		margin:0;
		padding:0;
		width: 50%;
		margin: 7px 0;
	}
	.badge-inner a{
		border: none;
	}

	.badge-inner img.first{
		width: 50%;
		opacity:0.9;
	}
	.badge-inner img.second{
		width: 35%;
		opacity:0.7;
	}
	.badge-inner img.third{
		width: 25%;
		opacity:1;
	}
	.badge-inner img:hover{
		max-width: 50%;
		width: 100%;
		-moz-transition: width 0.45s ease-in-out,;
		-webkit-transition: width 0.45s ease-in-out;
		-o-transition: width 0.45s ease-in-out;
		-ms-transition: width 0.45s ease-in-out;
		transition: width 0.45s ease-in-out;
	}
	.rollbar-path-horizontal{
		display:none!important;
	}


/*********************************************************************************/
/*									 Wrappers                                    */
/*********************************************************************************/

	.wrapper	{
		position: relative;
		padding: 6em 0 0 0;
		margin-bottom:65px;
		top: 130px;
	}

	.image-wrapper	{
		position: relative;
	}
	
	.image-wrapper .image		{
		position: relative;
		z-index: 2;
	}
		
	#utility-wrapper {
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 35px;
		background: #000033;
		z-index: 102;
		overflow:hidden;
	}
		
	#utility-wrapper .container{
		width:100%;
		max-width:838px;
		position:relative;
		top: 0px;
		display: block;
		margin: 0 auto;
	}
		
	.container{
		top: 420px;
		position: absolute;
		z-index: 0px;
	}
		
	#header-wrapper	{
		position: fixed;
		z-index: 999;
		background-size: 100% 620%;
		display: block;
		position: fixed;
		left: 0;
		top: 35px;
		width: 100%;
		height: 70px;
		background: rgb(43,94,117);
		background: rgba(0,0,0,0.5);
	}
		
	#footer-wrapper	{
		position: fixed;
		bottom: 0px;
		border-top: solid 1px #c2c7cc;
	   display:none;
		z-index:9999;
		padding: 2px 0;
		bottom:0;
		width:100%;
		
	}
	.for-parents-and-educators .container{
    top: 450px;
}
	
/*********************************************************************************/
/* 									Header   	                                */
/*********************************************************************************/

	#logo{
		position: fixed;
		z-index: 999999;
		top: 40px;
		left: 50%;
		width: 13%;
		margin-left: -450px;
		height: 4em;
	}
	.homepage #logo {  
		margin-left: -12.5%;
		width: 20%;
	}
	#logo.logoindex {
		z-index: 1;
		height: auto;
	}
	
	/* #header {
		background:rgba(0,0,0,0.5);
	} */

	#logo li {
		display: block;
		z-index:9979;
		margin-left: -50%;
		height: 4em;
		left: 50%;
		position: fixed;
		top: 40px;
		width: 100%;
	}
	
	#logo a{
		display: block;
		width: 100%;
		height: 100%;
		line-height: 4em;
		border: 0;
		color: #fff;
		font-weight: 600;
		letter-spacing: 3px;
		text-align: center;
		text-transform: uppercase;
	}
		
	.inner #logo a img{
		max-width:90%;
		width:75%;
		z-index:9999;
	}

	#nav {
		text-align: center;
		position: fixed;
		top: 40px;
		left: 0;
		width: 100%;
		height: 4em;
		line-height: 4em;
		z-index:9989;
	}

	#nav > ul {
		margin: 0 0 0 310px;
		top: -10px;
		position: relative;
	}
	.homepage #nav > ul {
		margin: 0;
	}

	
	#nav > ul > li > ul li a span {
    display: none;
}
#nav > ul > li > ul li a.first img , #nav > ul > li > ul li img:hover{
    width: 80px;
}
#nav > ul > li > ul li img {
    width: 40px;
vertical-align: middle;
-moz-transition: width 0.45s ease-in-out, margin-left 0.45s linear;
		-webkit-transition: width 0.45s ease-in-out, margin-left 0.45s linear;
		-o-transition: width 0.45s ease-in-out, margin-left 0.45s linear;
		-ms-transition: width 0.45s ease-in-out, margin-left 0.45s linear;
		transition: width 0.45s ease-in-out, margin-left 0.45s linear;
			z-index:9999;
}

#nav > ul > li > ul {
    display: none;
    position: absolute;
    width: 260px;
    list-style-type:none;
    top: 52px;
}
#nav > ul > li > ul li {
    float: left;
    width: 33%;
    vertical-align: middle;
    line-height: 80px;
	margin:0;
	z-index:9999;
}
#nav > ul > li:hover ul {
    display: block !important;
}
#home #nav > ul > li:hover ul {
    display: none !important;
}
		
	#nav > ul > li {
		display: inline-block;
		z-index:9999;
		margin: 0px;
		padding: 0px;
		height: 56px;
	}
			
	#nav > ul > li.item-110 {
		margin-left: 0%;
	}
	#nav > ul > li.item-155 {
		margin-left: 0;
	}
	.homepage #nav > ul > li.item-155,  .homepage #nav > ul > li.item-110, .homepage #nav > ul > li.item-157 {
		margin-left: 23%;
	}
	#nav > ul > li.item-157 {
		margin-left: 0;
	}
	#nav > ul > li > span, #nav > ul > li > a {  
		z-index:9989;
		color: #fff;
		text-decoration: none;
		border: solid 1px rgba(255,255,255,0);
		border-radius: 0.35em;
		padding: 0.3em 1em 0.3em 1em;
	}
				
			
	#nav > ul > li > a img {
		max-height: 46px;
		margin-top: 8px;
		-moz-transition: max-height 0.45s ease-in-out,;
		-webkit-transition: max-height 0.45s ease-in-out;
		-o-transition: max-height 0.45s ease-in-out;
		-ms-transition: max-height 0.45s ease-in-out;
		transition: max-height 0.45s ease-in-out;
		min-width:93px;
	}
			
	#header #nav > ul > li > a{
		border: none;
	}
			
	
	#nav > ul > li.active > span, #nav > ul > li.active {
		z-index:9999;
		text-decoration: none;
		position: relative;
		top: 10px;
	}
			
	#nav > ul > li.active > a > img  {
		max-height: 66px;
		margin-top: -4px;
	}
	#nav > ul > li:first-child {
		margin-left: -20px;
	}
			
	nav#nav.learning > ul > li:nth-of-type(3) > a > img{
		max-height: 66px;
		margin-top: -4px;
	}
	.utility-nav-left{
		width:50%;
		float:left;
		text-align:left;
	}
	.utility-nav-right{	
		width:50%;
		float:right;
		text-align:right;
	}
	
	.utility-nav-left ul.nav.menu, .utility-nav-right ul.nav.menu {
		display: inline-block;
		list-style: none outside none;
		margin:0;
	}
	.utility-nav-left ul.nav.menu li, .utility-nav-right ul.nav.menu li{
		display: inline-block;
		padding: 0px 5px;
		border-left:none;
	}
	#content #utility ul li {
		margin:0;
	}
	.utility-nav-left ul.nav.menu li a, .utility-nav-right ul.nav.menu li a {
		color: #FFFFFF;
		outline: 0 none;
		padding: 0.3em 0.5em;
		text-transform: uppercase;
		font-size:9pt;
		font-weight:700;
		text-decoration:none;
		border:0;
		line-height:35px;
	}
	.utility-nav-left ul.nav.menu li a img, .utility-nav-right ul.nav.menu li a img{
		vertical-align: middle;
		min-width:15px;
	}
	.utility-nav-left ul.nav.menu li a.top_gpo img{
		min-width:25px;
	}
	ul.nav.menu li {
		border: none;
	}

/*********************************************************************************/
/* 						CSS for Search page    				                    */
/*********************************************************************************/

	.result-text{
		margin-bottom: 25px;
	}
	span.highlight {
		background-color: #c4e9fb;
	}
	.result-title {
		font-weight: bold;
	}
	.result-category {
		color: #999;
	}

/*********************************************************************************/
/* 								CSS for Menu mobile		                          */
/*********************************************************************************/
	#home #container {
		height: 100%;
		margin-left: 0px;
	}
	#header-wrapper-noindex {
		position: fixed;
		z-index: 999;
	}
	#header-wrapper-noindex:before {
		content: '';
		display: block;
		position: fixed;
		left: 0;
		top: 35px;
		width: 100%;
		height: 70px;
		background: rgb(43,94,117);
		background: rgba(0,0,0,0.5);
	}
	.wrapper-noindex {
		padding: 0;
		margin-bottom: 65px;
		position: relative;
		margin-top:-100px;
	}

	#wrapper-noindex .banner_title {
		position: relative;
		top: 80px;
		z-index: 10;
	}
	.banner_title {
		top: 150px;
		position: relative;
	}
	.banner_title .container {
		position: relative;
		padding-bottom: 65px;
		top: 80px;
	}
/*********************************************************************************/
/*										 Footer                                  */
/*********************************************************************************/

	#footer {
		position: relative;
		z-index: 1;
		text-align:center;
		top:0px;
	}
	
	.footer-text{
		color:#fff;
		font-weight:bold;
		width: 100%;
	}
	.ftext {
		float: left;
		margin-right: 0;
		margin-top: 10px;
		width: 70%;
	}
	.learn-more {
		float:left;
		width:30%;
	}
	.learn-more ul{
		margin:0px;
	}
	.learn-more a{
		float:none;
		border:1px solid #fff;
		padding:10px 15px!important;
		margin-left:20px;
		text-transform: uppercase;
		display:block;
		text-align:center;
		max-width:200px;
		min-width: 70px;
	}

/*********************************************************************************/
/* 										left nav                                 */
/*********************************************************************************/

	#left-nav {
		
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
		margin-top: -70px;
		position: relative;
		width: 250px;
		z-index: 3;
		float:left;
	}
	#left-nav  li{
		background:rgb(36,76,94);
		background:rgba(36,76,94,0.8);
		margin:3px 0;
		width: 100%;
	}

	#left-nav  li a{
		font-size:9pt;
		font-weight:700;
		line-height:12pt;
		color:#fff!Important;
		padding:5px 10px;
		display:block;
	}
	
/*********************************************************************************/
/* 									CSS for Home Page                            */
/*********************************************************************************/

	.ben {
		position: fixed;
		bottom: 40px;
		width: 600px;
		margin: 0 25%;
		display: block;
		max-width: 100%;
		left: 50%;
		margin-left: -20%;
		z-index: 999;
	}
	body#home.homepage {
		background-image: url(../../../templates/bentest/images/svg/background-home.svg);
		background-position: center 85%;
		background-repeat: no-repeat;
		background-size: auto auto;
		background-attachment: fixed;
		height:100%;
		position:fixed;
		width:100%;
		z-index:-1;
		top:0;
	}

	.ben img.ben-avatar{
		display: inline-block;
		width: 70%;
		max-width: 80%;
		height: auto;
	}
	.ben .badge {
		display: inline-block;
		max-width: 30%;
		height: auto;
	}
	.ben .badge a {
		max-width: 150px;
		width: 80%;
		border: none;
		display: block;
		margin: 10px 0;
			-moz-transition: width 0.45s ease-in-out, margin-left 0.45s linear;
		-webkit-transition: width 0.45s ease-in-out, margin-left 0.45s linear;
		-o-transition: width 0.45s ease-in-out, margin-left 0.45s linear;
		-ms-transition: width 0.45s ease-in-out, margin-left 0.45s linear;
		transition: width 0.45s ease-in-out, margin-left 0.45s linear;
		}
	.ben .badge a:hover {
		width: 100%;
		margin-left: -20px;
	}
		.ben .badge a img {
		width:135px;
			-moz-transition: width 0.45s ease-in-out, margin-left 0.45s linear;
		-webkit-transition: width 0.45s ease-in-out, margin-left 0.45s linear;
		-o-transition: width 0.45s ease-in-out, margin-left 0.45s linear;
		-ms-transition: width 0.45s ease-in-out, margin-left 0.45s linear;
		transition: width 0.45s ease-in-out, margin-left 0.45s linear;
		}
			.ben .badge a:hover img{
			width:150px;
			}
	.about .badge-inner {
		margin-right: -460px;
		position: fixed;
		right: 50%;
		text-align: center;
		top: 250px;
		width: 160px;
		display:none;
	}
	.page-header h2 a, a.jScrollArrowUp{
		border:0px!important;
	}
	#content p{
		color:#000!important;
	}
	


/*********************************************************************************/
/* 					Fancy box / QUIZ											*/
/*********************************************************************************/
	.main-quiz-holder{
		width: 370px!Important;
		margin: 150px auto!Important;
	}
	#quiz-container.main-quiz-holder:before {
		display: block;
		width: 110%;
		background-color: transparent;
		content: "";
		margin-top: -50px;
		background-image: url('../../../images/topquiz1.png');
		background-attachment: scroll;
		background-position: 0px 0px;
		background-repeat: no-repeat;
		background-size: 100%;
		height: 150px;
		margin-left: -20px;
		margin-top: -150px;
		display: block;
	}
	#quiz-container.main-quiz-holder:after{
		display: block;
		width: 110%;
		background-color: transparent;
		content: "";
		background-image: url('../../../images/topquiz3.png');
		background-attachment: scroll;
		background-position: 2px 0px;
		background-repeat: no-repeat;
		background-size: 100%;
		height: 150px;
		margin-left: -20px;
		display: block;
		position: absolute;
	}
	.main-quiz-holder {
		background: transparent!Important;
		background-image: url('../../../images/topquiz2.png')!Important;
		background-attachment: scroll!Important;
		background-position: -20px 0px!Important;
		background-repeat: repeat-y;
		background-size: 458px!Important;
		width: 418px!Important;
		box-shadow: none!Important;
		-o-box-shadow: none!Important;
		-webkit-box-shadow: none!Important;
		border-radius: 0!Important;
		border: 1px solid transparent!Important;
	}
	.main-quiz-holder .slide-container{
		display: block;
		width: 300px!Important;
		margin-left: 55px;
	}

/*********************************************************************************/
/* 							Home page     				                          */
/*********************************************************************************/


	body#home.homepage #container #content #header-wrapper #header.container #logo {
		width: 100%;
		position: absolute;
		top: -500px;
		margin: 0 auto;
		left: 0px;
		z-index: -99;
	}
	body#home.homepage #container #content #header-wrapper #header.container #logo a{
		max-width: 50%;
		display: block;
		margin: 0 auto;
	}
	

/*********************************************************************************/
/* 								about page  			                           */
/*********************************************************************************/
	body.about {
	background-image: url(../../../templates/bentest/images/svg/background-interior.svg);
		background-attachment: fixed;
		background-color: rgba(0, 0, 0, 0);
		background-position: center 85%;
		background-repeat: no-repeat;
		background-size: cover;
		height: 100%;
	}
	#fixedbg {
	background-image: url(../../../templates/bentest/images/svg/background-home.svg);
		background-position: 45% 85%;
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: cover;
		height:100%;
		position:fixed;
		width:100%;
		z-index:-1;
		top:0;
	}

	#fixedbgnoindex {
		background-image: url(../../../templates/bentest/images/svg/background-interior.svg);
		background-position: center 85%;
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: cover;
		height:100%;
		position:fixed;
		width:100%;
		z-index:-111 !important;
		top:0;
	}

	.banner_title{
		float:none;
		text-align:center;
		margin:20px auto;
		z-index:10;
		max-width: 1000px;
	}
	
	.homepage .banner_title{
		margin:5% auto;
		max-width: auto;
	}
/* KD Requested */
	.banner_title.search
		{
		margin: 0% auto;
      	display:block;
		position:relative;
		top:-800px;
		}

	.\36 u  {
		margin-left:5%;
		float: left;
		width:47.5%;
		margin-bottom:50px;
	}
	.first{
		margin-left:0;
	}
	.\36 u img {
		display: block;
		width: 100%;
	}
	.clear{
		clear:both;
	}
	body.search .container {
    top: 520px;
}
	.inner-text-wrapper{
		max-width:1000px;
		width:100%;
		margin:-140px auto 0;
		background: rgb(255, 255, 255);
		float:none;
		overflow:auto;
		font-weight:500;
		height:auto;
		min-height:400px;
		padding-bottom: 0px;
		padding-left: 0;
		padding-right: 0px !important;
		padding-top: 100px;
		box-sizing: border-box;
	}
	.about-content-container.about-container  .inner-text-wrapper, 
	.about-content-container.library-container  .inner-text-wrapper,
	.about-content-container.learning-adventure  .inner-text-wrapper,
	.about-content-container.legal-container  .inner-text-wrapper,
	.about-content-container.citizenship-container .inner-text-wrapper,
	.about-content-container.parents-container .inner-text-wrapper
	{
	width:calc(100% - 250px)!important;
	width:100%;
	max-width:750px; 
	float:left;
	}
	.feedback-suggestions .about-content-container.library-container .inner-text-wrapper, .pageid-110  .about-content-container.learning-adventure .inner-text-wrapper,
	.pageid-157 .about-content-container.learning-adventure .inner-text-wrapper, .learning-adventures-14more .about-content-container.learning-adventure .inner-text-wrapper,
	.pageid-773 .about-content-container.learning-adventure .inner-text-wrapper, .how-laws-are-made .about-content-container.learning-adventure .inner-text-wrapper,
	.learning-adeventures-9-13  .about-content-container.learning-adventure .inner-text-wrapper, .pageid-772 .about-content-container.learning-adventure .inner-text-wrapper
	{
    width: 100% !important;
    max-width: 1000px !important;
}
	body.game .inner-text-wrapper{
	float:none;
	}
	.learning-adventure .inner-text-wrapper{
	margin:-130px auto 0;	
	}
	.la_apanties #pane, .citizenship-container #pane {
float: right;
}
		.about.inner .banner_title{
		top: 130px!important; 
		}
		.about.inner.apprentice  .la_apanties .banner_title {
    top: 200px !important;
}

.banner_title.about img,  .banner_title.libraries img, .about-content-container.learning-adventure  .banner_title img,
 .banner_title.about.legal img,  .banner_title img.learning_adventure, .banner_title.citizenship  img,
 .banner_title.parents img, .la_apanties .banner_title img
       {
	width: calc(100% - 250px);
    left: 250px;
    position: absolute;
	margin: 0 !important;  
	}
	.game .banner_title.games img, body.feedback-suggestions .banner_title.libraries img, .about-this-site .banner_title.about img,
	.pageid-110 .banner_title img, .pageid-157 .banner_title img, .learning-adventures-14more .banner_title img, .banner_title.games img,
	.pageid-773  .banner_title img, .how-laws-are-made .banner_title img, .learning-adeventures-9-13 .banner_title img, .pageid-772 .banner_title img,
	.glossary .banner_title.about img
	{
	left: 12.5%;
	position: absolute;
	width:75%;
	margin: 0 !important;
	}
			
	.inner-text-wrapper #content{
		padding: 40px 20px 0;
	}
	.about-content-container.citizenship-container{
	top:530px;
	}
	.jScrollPaneContainer {
		float: none;
		background:#fff;
		font-weight: 500;
		margin: -200px auto 150px;
		height: 515px!important;
		max-width: 638px !important;
		width:100%!important;
		min-height: 300px;
	}
	.scroll_pane {
		float: left;
		width:auto!important;
	}

	.homepage .inner-text-wrapper #content{
		padding: 100px 0 20px 0;
	}
	.inner-text-wrapper strong{
		font-weight:bold;
	}
	.page-header {
        margin: 0;
	}
	.about-content-container .row{
		margin:auto;
		max-width:1000px;
	}
	img, embed, object, video {
		outline: 0; max-width: 100%; height: auto;
	}

	#container{
		height: auto;	
		height: auto;
max-width: 1024px;
margin: 0 auto !important;
display: block;

	}
	#content img{
		border:0!important;
	}
	.library-container {
        top: 530px;
	}
	.about .container, .homepage .container{
	 top: 500px;
	}
	#content .search-form{
	margin-top:20px;
	}
	.libraries {
      top: 145px;
      }
	.grid_50{
	width:50%;
	float:left;
	display:block;
	padding:0 5px;
	}
 #content .grid_50 ul{
list-style-type:none!important;
}

/***********************************************************************************/
/*										 GAMES									  */
/*********************************************************************************/
	.gameimgmobile {
		display:none;
	}
  .fancybox-skin, .fancybox-inner{
  min-height:620px;
  height:auto;
	  }
	  
.container.games-container {
	    top: 480px;
}
/***********************************************************************************/
/*										 New Mobile Menu									  */
/*********************************************************************************/
body[data-drawer-state="visible"]{
position:fixed;
background: #3790D2 !important;
}
body[data-drawer-state="visible"] #fixedbg{
background-image:none!important;
}
body[data-drawer-state="visible"] #header.container #logo{
display:none;
}
body[data-drawer-state="visible"] #footer-wrapper{
display:none;
}
.silk-nav  .nav.menumobilenavbottom.jmoddiv , .silk-nav  .findersearchmobilesearch, .silk-nav .item-141 {
    background: #6FAFDF;
}
.silk-nav.nav-main > ul > li ul a, .drawer .silk-nav.nav-main > ul > li > a , .drawer .silk-nav.nav-main > ul > li > a:hover {
    border-bottom: 2px solid #f2f2f2 !important;
}
.mobile_logo{
display: block;
float: left;
line-height: 1;
text-decoration: none;
border:0;
}
#mobile-header-wrapper {
    background: #3790D2;
    height: 60px;
	box-shadow: 0 0.15em 0.35em 0 rgba(0,0,0,0.135);
	display:none;
}
div#branches img.l_a_img, div#laws img.l_a_img, div#symbols img.l_a_img, div#elections img.l_a_img, div#historical-docs img.l_a_img, div#fed-state img.l_a_img {
    float: none !important;
	margin:5px auto !important;
	}

/*********************************************************************************/
/* 									MEDIA QUERIES                                 */
/*********************************************************************************/

/* **********************************max-width********************************** */

@media only screen and (max-width: 1100px){
	.about-content-container.about-container .inner-text-wrapper, .about-content-container.library-container .inner-text-wrapper, .about-content-container.learning-adventure .inner-text-wrapper, .about-content-container.legal-container .inner-text-wrapper, .about-content-container.citizenship-container .inner-text-wrapper, .about-content-container.parents-container .inner-text-wrapper {
    float: left;
    max-width: 750px;
    width: calc(100% - 200px) !important;
}
#container{
overflow:visible;
}
#left-nav {
    padding-left: 10px;
    width: 220px;
  }
  #nav > ul > li{
	  max-width:115px;
	  width:auto;
	  height:45px;
  }
  #utility-wrapper{
  z-index:9999;
  }
  .utility-nav-left ul.nav.menu li a.top_gpo img {
    width: 30px;
	height:auto;
}
.utility-nav-right ul.nav.menu li img{
width:30px;
}
/*
#fixedbgnoindex {background:none; background-image:none;}
	#fixedbg {background:none; background-image:none;}*/
	#mobile-header-wrapper {
  	display:none;
}
/*
.learning-adeventures-mobile-14 .wrapper-noindex {
    margin-right:200px;
}
.learning-adeventures-mobile-14 .container {
    top: 450px;
}
.learning-adeventures-mobile-14 .la_apanties .banner_title img {
	    left: 230px;
}
*/
}


@media only screen and (min-width: 900px) and (max-width: 1024px){
	.about .badge-inner {
		margin-right: -470px!important;
	}
		.banner_title.libraries img {
			left: 220px !important;
		}
	body.feedback-suggestions .banner_title.libraries img {
		left: 12.5% !important;
	}
		
}



@media only screen and (max-width: 769px) {
	header {
		z-index: 99;
	}
	
}
	/*sizes for ipad*/
	@media only screen and (max-device-width : 768px) and (min-device-width : 1024px) {
	#fixedbgnoindex {background:none; background-image:none;}
	#fixedbg {background:none; background-image:none;}

}





@media only screen and (max-width: 800px) {
.homepage .mobile_logo.img {
    display: none;
}
img.mobile_center{
float:none!important;
display:block!important;
}
.nav.menumobilenavbottom {
    margin-bottom: 130px!important;
}
	.about.inner.apprentice .la_apanties .banner_title img {
			left: 5% !important;
			max-width: 90% !important;
		}

.about.inner.apprentice .container.about-content-container {
    top: 180px;
}
	.ben .badge{
		max-width: 30%;
	}
	body#home.homepage {
		background-image: url(../../../templates/bentest/images/home-bg.jpg);
		background-position: center 85%;
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: auto auto;
		height: 100%;
		position:fixed;
		width:100%;
		z-index:-1;
		top:0;
	}
	.wrapper-noindex .container.about-content-container .row .inner-text-wrapper #content {
		padding-top:0px;
	}
	body.feedback-suggestions .banner_title.libraries img {
		left: 0% !important;
	}
	.feedback-suggestions .container.about-content-container {
    top: 180px;
}
	.fancybox img{
		display: none;
	}
	.gameimgmobile {
		display: block;
	}
	.gameimgdesktop{
	display: none;
	}
	#utility-wrapper{display:none;}
	#utility-wrapper{display:none;}
	#header-wrapper:before{background:none;}
	.inner .banner_title {margin-top: -133px;}
	nav#nav{display:none;}
	.wrapper-noindex
	{
		background:#fff;
		height: 100%;
	}
	#content_noindex {
		background-image: none;
		height: 100%;
		position: relative;
	}
	.container.about-content-container {
		top: 102px;
		z-index:1;
	}
	.about.inner .container.about-content-container {
    top: 90px;
	}
	.inner.citizenship-mobile  .about-content-container.citizenship-container{
    top: 190px;
	}
	.inner  #header-wrapper:before {
		background:none;
	}
	.page-header {
     margin: 40px 0 20px !important;
	}
	#content_noindex .banner_title {
		margin-top: 80px;
		min-height: 200px;
		z-index: 10;
	}
	.inner-text-wrapper {
		background-color: #ffffff;
		background: #ffffff;
	}
	#minbutton { top: 0px;}
	#minbutton.noindex{ top: 50px;}
	#header-wrapper {
		background:none; 
		background-image:none;
		background-color: transparent;
	}
	.ben img.ben-avatar{max-width: 50%;}
	.ben{margin-left:0px;}
	
	body {
		background-image: none;
		background-color: #60C1EB!important;	
		overflow-x:hidden;
		overflow-y:visible;
	}
	.container {
		width: 100%;
	}
	.inner .inner-text-wrapper{
		min-width:300px!important;
		overflow:visible;
		padding-top:0px!important;
	}

	#nav > ul > li.break {
		margin-left: 0em;
	}
	#nav {
		bottom: 0 !important;
		height: 50px;
		line-height:50px;
		left: 0;
		top: auto;
	}
	#nav > ul > li {
		display: table-cell;
	}
	#nav > ul > li > a img {
		width: 42%;
	}
.inner  #nav > ul{
		background:#2F2F2F;
	}
	body.games-mobile .banner_title.games img {
		 margin-left: auto !important;
	}
	.silk-nav__controls {
    display: none !important;
	}
	.nav-main ul.nav li:first-child {
    border-top: 2px solid #f2f2f2;
	}
	.nav-main ul.nav ul.nav-child  li:first-child {
    border-top: none!important;
	}
	.inner .banner_title {
		clear: both;
		background-position: center top;
		float: none;
		z-index: 0;
		height: 100%;
		position: relative;
		top: 0px;
	}
	
	.search[data-drawer-state="visible"] .drawer__trigger::before {
    top: 70%!important;
}
		.search .drawer__trigger::before {
       margin-top: -0.31113rem;
}
#fixedbgnoindex {
	display:none;
}
	.inner .inner-text-wrapper {
		margin: 0;
		padding: 0 15px;
		margin-top: -70px;
		margin-bottom: 60px;
		width: 100%;
		margin: 0 0 0 20%;
		max-width: 100%;
		overflow:visible!important;
	}
	body.about {
		background-image: none;
		height: 100%;
		min-height: 500px;
	}
	.wrapper {
		margin-bottom: 130px;
		padding: 0;
	}

	.badge {
		margin-left: -150px;
	}

	.footer-text{
		padding:0;
		margin-left: 0px;
		text-align: left;
		font-size:10pt;
		line-height:13pt;
	}
	.ftext{
		float:left;
		width:60%;
		padding:0;
	}
	.learn-more {
		float:left;
		width:40%;
		padding-left:0;
		margin:0;
	}
	.learn-more a {
		padding: 5px 15px !important;
		margin-left:0;
	}
	.banner_title img, .la_apanties .banner_title img {
		margin-left: 0;
		margin-right: 0;
		margin-top: 0;
		width: 100%;
		max-width:100%;
	}
	.inner-text-wrapper{
		padding: 100px 10px 0;
		z-index:1;
	}

	.inner-text-wrapper * {
		z-index:0;
		padding-bottom: 15px;
	}
	h2 {
		font-size: 22pt;
		line-height: 22pt;
	}
	.utility-nav-left {
		width: 60%;
	}
	.utility-nav-right {
		width: 40%;
	}
	.utility-nav-left ul li, .utility-nav-right ul li {
		display: table-cell;
	}
	.utility-nav-right img{
		width:50%;
	}
	
	input.findersearch-main{
		display:none;
	}
	.utility-nav-left ul li, .utility-nav-right ul li {
		margin:0;
		padding:0;
	}
	.utility-nav-left ul li a, .utility-nav-right ul li a {
		font-size: 7pt;
		padding: 0.3em 1px;
	}
	.utility-nav-left ul li a img, .utility-nav-right ul li a img {
		width:50%;
	}
	.inner #logo, .badge-inner {
		display:none;
	}
	.wrapper-noindex{
		margin-top:0;
		background: none;
	}
	.inner-text-wrapper {
		max-height: auto;
		min-height: 400px; 
		overflow: visible;
		padding-top:0px!important;
	}
	.rollbar-content{
		overflow:visible!important;
        height:200%;
	}
		#nav  ul li ul.nav-child {
    position: absolute!important;
}

#nav  ul li:hover ul.nav-child, #nav  ul li a:hover ul.nav-child{
    display: block!important;
}
	
	body.search .container {
    top: 100px;
}
.search .container.about-content-container {
	   margin-top: 0px !important;
}
	/***** new add ***/
	#pane{
		width: 80%;
		margin: 0 auto;
		height:auto;
		padding-top: 20px !important;
	}

	#left-nav{
		width: 20%!important;
		margin-left: -50%!important;
	}
	
	.banner_title.about img, .banner_title.libraries img, .about-content-container.learning-adventure .banner_title img, .banner_title.about.legal img, .banner_title img.learning_adventure, .banner_title.citizenship img, .banner_title.parents img {
    width: 80%!important;
    margin-left: 0!important;
	position: relative !important;
	left:auto;
	   position: relative !important;
}
.about.inner .banner_title {
    top: 0px !important;
}
.about-content-container.about-container .inner-text-wrapper, .about-content-container.library-container .inner-text-wrapper, .about-content-container.learning-adventure .inner-text-wrapper, .about-content-container.legal-container .inner-text-wrapper, .about-content-container.citizenship-container .inner-text-wrapper, .about-content-container.parents-container .inner-text-wrapper {
    width: 80% !important;
       margin: 0 auto !important;
	   float:none!important;
	   left:auto;
	   position: relative !important;
}
.findersearchmobilesearch br {
    display: none;
}
.silk-nav.nav-main > ul > li > a {
    color: #ffff;
}
.about.inner  #mobile-header-wrapper {
    margin-top: -80px;
}
.about.inner  .drawer__trigger {
    top: -60px!important;
	}
.about.inner .item-page {
    overflow:hidden;
	}
	.silk-nav > ul > li > ul {
    margin-top: 0!important;
	position: inherit !important;
top: auto !important;
left: auto !important;
opacity: 1 !important;
visibility: visible !important;
height:0;
}
.silk-nav > ul > li > a{
color: #ffffff!important;
}
	.silk-nav > ul > li > .nav-child li {
    display: inline-block;
    width: 33%;
}
#subindicator:after {
      font-size: 30px;
    font-family: 'toonishregular';
    font-weight: bold;
	cursor:pointer;
	color: #ffffff!important;
top: 20px;
position: absolute;
right: 10px;
z-index: 9999;
}
#subindicator {
     float: right;
    font-weight: bold;
    font-size: 16px;
	color: #ffffff!important;
	    width: 20px;
    height: 20px;
}

#subindicator.plus:after {
  content: "+";
}
.silk-nav > ul > li:hover  #subindicator.plus:after {
  content: "-"!important;
}
.drawer .nav-main > ul > li.parent{
position:relative;
}
#container {
   overflow: visible;
}

.mobile_logo.img > img {
    border: 0 none;
    height: auto;
    width: 120px;
}
#left-nav{
display:none;
}
#mobile-header-wrapper {
  display: block;
}
#footer-wrapper  {
  display: block;
  }
#footer-wrapper  input {
  display: none;
  visibility: hidden;
}
#footer-wrapper label {
    background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
    border-bottom: 1px solid #ccc;
    color: #fff;
    display: block;
   font-family: 'Luckiest Guy', cursive;
    padding: 1.5em;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
	font-size: 14px;
line-height: 17px;
}
#footer-wrapper label:hover {
  color: #fff;
}
#footer-wrapper label::after {
 font-family: 'Luckiest Guy', cursive;
    font-weight: bold;
  font-weight: bold;
  font-size: 30px;
  content: "+";
  vertical-align: text-top;
  display: inline-block;
   position: absolute;
    right: 45px;
  width: 20px;
  height: 20px;
  margin-right: 3px;
  
}
#expand {
  height: 0px;
  overflow: hidden;
  transition: height 0.5s;
  color: #FFF;
  	background:#BD2314;
	padding:0;
	width:100%;
}
#expand section {
  padding: 0;
}
#toggle:checked ~ #expand {
  height: 320px;
}
#toggle:checked ~ label::after {
  content: "-";
}
#footer-wrapper #expand li a{
font-family: "Open Sans";
font-size: 14px;
line-height: 24px;
color: #FFFFFF;
border:0;
}
#footer-wrapper #expand li {
    border-bottom: 1px solid #fff;
    padding: 10px 30px;
}

.silk-nav  li.parent input {
  display: none;
  visibility: hidden;
}
.silk-nav  li.parent  label {
  display: block;
    text-align: center;
  border-bottom: 1px solid #CCC;
  color: #666;
}
.silk-nav li.parent label:hover {
  color: #000;
}
.silk-nav li.parent label::after {
    color: #fff;
    content: "+";
    display: inline-block;
    font-family: Consolas,monaco,monospace;
    font-size: 45px;
    font-weight: bold;
    height: 20px;
    margin-right: 3px;
    position: absolute;
    right: 20px;
    top: 20px;
    vertical-align: text-top;
    width: 30px;
}
.nav-child {
  height: 0px;
  overflow: hidden;
  transition: height 0.5s;
  color: #FFF;
  display:block!important;
}

#navtoggle:checked ~ .nav-child {
  height: 80px!important;
  }
#navtoggle:checked ~ label::after {
  content: "-";
}
.silk-nav > ul > li > .nav-child li img {
    max-height: 60px;
}
.about.inner.apprentice .la_apanties .banner_title {
		top: 40px!important; 
		}
		.inner  .about-content-container.library-container{
		top: 190px;
}
	#pane.inner-text-wrapper {
		overflow: hidden !important;
	}
	div#branches, div#laws, div#symbols, div#elections, div#historical-docs, div#fed-state {
    width: 95%!important;
	text-align: center !important;
	}
	
	div#elections li, div#historical-docs li {
  
	text-align: left !important;
	}
}




@media only screen and (max-width: 688px) {
	.item-page {
		top: -200px;
		
	}
	#fixedbgnoindex {
		background:none; 
		background-image:background-image:none;
	}
	.container.about-content-container {
    top: 52px;
    z-index: 1;
}
.inner  .about-content-container.library-container, .about.inner.apprentice .container.about-content-container, .inner.citizenship-mobile  .about-content-container.citizenship-container {
	    top: 100px;
}
	
}



@media only screen and (max-width: 480px){
	#left-nav{
		display:none;
	}
	body{
		background:#fff;
	}
	#nav > ul > li > a img {
		width: 70%;
	}
	#nav > ul > li > span, #nav > ul > li > a {
		padding:10px 0;
	}
	.ben img.ben-avatar {
		max-width: 55%;
		width: 65%;
	}

}




@media only screen and (max-width: 400px) {
	body#home.homepage #container #content #header-wrapper #header.container #logo a{
		max-width: 90%;
	}
	body#home.homepage{
		background-position: 45% 85%;
	}
	#fixedbg{
		background-position: 45% 85%;
	}
	
	body#home.homepage #logo a {
		margin-top: 20px !important;
	}
		body.search .container {
    top: 80px;
}
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 788px) 
and (orientation : landscape) {
.ben img.ben-avatar {
    max-width: 35%;
} 
.ben .badge a img {
      width: 75px;
}
}





/* ********************************** max-width    end  ***********************************/
    
	
	/* ********************************** media query using height  ***********************************/
	/*
	@media only screen and (max-height: 400px) {
	.ben .badge a{
		width: 50%;
	}
}



@media screen and ( min-height: 768px ) and ( max-height: 900px ) and (orientation:landscape)  {
    .inner-text-wrapper{
		height:65%;
	}
	.about .inner-text-wrapper{
		height:60%;
	}
		.about .badge-inner {
		margin-right: -450px!important;
	}

}
	
	
	
@media screen and ( min-height: 900px ) and ( max-height: 1200px ) and (orientation:portrait)  {
    .inner-text-wrapper{
		height:75%;
	}
	body{
	position:fixed!important;
		}
}



@media screen and ( min-height: 1200px ){
    .inner-text-wrapper{
		height:80%;
	}
}
	*/


	/* ********************************** height end  ***********************************/
	
	
	/* ********************************** device-width  ***********************************/

	
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {

	/* For portrait layouts only */
	#logo {
		margin-left: -400px;
	}
	#nav > ul {
		margin-left: 110px;
	}
	
	.inner #logo {
		top: 25px;
		width: 15%;
	}
	.inner.about #logo {
		top: 40px;
		width: 15%; 
	}
}
	
	
@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
	#logo {
		margin-left: -400px;
	}
	#nav > ul {
		margin-left: 110px;
	}
	.jScrollPaneContainer {
		max-width: 470px !important;
	}
	.about .badge-inner {
		margin-right: -390px;
	}
	.inner #logo {
		top: 25px;
		width: 15%;
	}
	.inner.about #logo {
		top: 40px;
		width: 15%;
	}
	#nav > ul > li > span, #nav > ul > li > a {
      padding: 0.3em .5em 0.3em 0.5em;
	}
	

}
	
	/* ********************************** device-width end  ***********************************/
	
	/* ********************************** min-width  ***********************************/
	
@media only screen and (min-width: 767px) {
	/* header { display:none;}
	#minbutton {display:none;}
	nav.mobileNav{display:none;} */
	
	.inner  #header-wrapper:before {
		background: rgb(43,94,117);
		background: rgba(0,0,0,0.5);
	}
			
}
@media only screen and (min-width: 586px) and (max-width: 688px){
	.container.about-content-container {
		margin-top: 50px !important;
	}
	.about-content-container.learning-adventure{
		margin-top: 80px !important;
	}
	
		
}
	/* ********************************** min-width end  ***********************************/
	
	
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
	#nav > ul > li > a img {
         height:46px!important;
		 width:93px;
    }
	.utility-nav-left ul.menu.nav li a img, .utility-nav-right ul.menu.nav li a img{
	 width:15px!important;	
	}
	}

/* kd test */
div.jq_footer_link {visibility:hidden;}
	
	/* end kd test */