/** Creates a responsive design for desktop and mobile devices **/
@import url("lbi-styles.css");
body {
	min-width: 0px;	
}
body > img { /*hide retargeter */
	display: none;
}

#hr-helpdesk {
	height: auto;	
}
/* Header styles */
#header .menu ul {
	height: 100%;
}
#lbi-logo {
	margin: 6px 0 0 0;
	position: absolute;
	left: 0;
	width: auto;
	height: auto;
	z-index: 100;
}
#main-menu-wrapper {
	height: 65px;
	max-width: 790px;
	position: absolute;
	left: 142px;
}
#mobile-icon {
	display: none;
}

#content-top {
	background-image: url('images/mobile/content-bg.png');
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.hover div, #main-menu-wrapper:hover ul {
	display: initial;
}

.menu{
	max-height: 35px;
}

#story-header {
	height: 63px;
}
#content-bottom {
	padding-left: 0px;
}
/**index page styles **/
#mobile-content {
	display: none;
}
.footer-mobile-item {
	display: none;
}
#content-page-1 > div.home-content-text.mobile-content-text > div.text-line-4 {
	padding-top: 15px;
}
#content-page-1 > div.home-content-text.mobile-content-text > div.text-line-4 > i {
	font-style: italic;
}
body.index #footer,
body.short-page #footer {
	position: absolute;
}

/** LANDING PAGE STYLES **/
html {
	height: 100%;
}
body.inverse {
  background-image: url('images/mobile/body-bg-inverse.png');
  background-position-y: 0px;
}
body.inverse2 {
	background: #fff url('images/mobile/body-bg-inverse2.png') repeat;
	background-position: 0 70px;
	height: 100%;
}
.inverse2 > div { 
	width: auto;
	margin: 0 auto;
}
#landing-alt-left .section-nav {
	width: 600px !important;
}
#landing-alt-sections {
	border-top: thin solid;
	border-top-width: 3px;
	border-color: #A1DAE7;
}
.inverse2 #landing-header {
	width: 100%;
	height: 65px;
	background-color: #FFF;
	padding: 0; /*reset*/
	margin:0;
	padding-bottom: 5px;
}
.inverse2 #landing-header .logo-wrapper{
	width: 100%;
	height: 100%;
	max-width: 1050px;
	margin: 0 auto;
}
.inverse2 .logo-wrapper > a {
	width: 0;
}
.inverse2 #landing-lbi-logo {
	margin-left: 110px;
	margin-top: 15px;
}
.inverse2 #header-cutout{
	position: static;
	margin-left: 95px;
	margin-top: -3px;
}
.landing-alt-title3 h2 {
	font-size: 80px;
	line-height: 90px;
}
#landing-alt-form > div {
		width: 1000px;
		margin: 0 auto;
}

#landing-alt-sections div img {
	margin-bottom: 30px;
}
#landing-alt-footer {
	border-top: 3px solid #a1dae7;
	border-bottom: 3px solid #a1dae7;
}
#form-contact-mobile, #form-folder-mobile {
	display: none;
}
#landing-alt-right {
	padding-top: 0;
}

#content-wrapper.full #content-viewport {
	width: 100%;
}
#sitemap > div {
	margin-right: 20px;
}

/** hexagon link pages **/
#mobile-nav {
	display: none;
	background-color: #E6E7E8;
	margin-bottom: 10px;
	font-family: Klavika;
	font-size: 15px;
	text-align: center;
	height: 30px;
	padding-left: 15px;
	outline-color: rgb(123, 0, 70);
	border: 1px solid #E5E5E5;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 10px #E8E8E8 inset;
}

/** Sitemap page **/
#sm-table-left, #sm-table-center, #sm-table-right {
	display: inline-block;
	vertical-align: top;
	width: auto;
}

 /* FOR SMALLER WIDTH BROWSERS ------------------------------------------------------------------------------------*/
@media (max-width: 1080px){
	#header{
		width: 80%;
		margin-left: 20px;
	}
	#main {
		width: 100%;
	}
	#main-menu-wrapper #main-menu {
		margin-top: 0;
		padding: 0;
	}
	#main-menu-wrapper {
		width: 92%;
	}
		
	#left-wrapper, #right-wrapper {
		margin-left: 0;
		display: none;
	}
	#content-wrapper {
		width: 100%;
		margin: 0;
		margin-left: 3%;
	}
	#content-viewport {
		float: left;
	}
	.dropdown-menu > a {
		height: 30px;
	}
	#sub-list {
	width: auto;
	height: auto;
	max-width: 200px;
	}
	.dropdown-menu .menu {
		width: auto;
	}
	#sub-list li {
		width: 100%;
	}
	#header #services .menu {
		margin-left: -10px;
	}
	#news-events .menu, #lbi-experience .menu{
		max-height: 110px;
		max-width: 160px;
	}
	#contact-us .menu {
		max-height: 150px;
  		max-width: 160px;
	}
	#services .menu{
		max-height: 190px;
		
  		max-width: 195px;
	}
	#about-us .menu {
		max-height: 215px;
	
		max-width: 176px;
	}
	#news-events .menu {
		max-width: 95px;
	}
	#mobile-content {
		display: block;
		background-image: url('images/mobile/content-bg-mobile.png');
		background-repeat: no-repeat;
		width: 100%;
		height: 500px;
	}
	#mobile-content .mobile-page {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		color: #fff;
	}
	#mobile-content .mobile-page > div {
		margin-top: 40px;
		margin-left: 15px;	
	}
	#mobile-content .mobile-page .mobile-content-image {
		margin-left: 60px;
	}

	#content-page-1 > .home-content-text.mobile-content-text {
		width: 495px;
	}
	#content-page-1 > .home-content-text.mobile-content-text > .text-line-1 {
		padding-bottom: 20px;
	}
	#content-page-1 > .home-content-text.mobile-content-text > .text-line-2,
	#content-page-1 > .home-content-text.mobile-content-text > .text-line-3 {
		font-size: 32px;
		line-height: 32px;
	}
	.index #content-top{
		display: none;
	}
	.mobile-content-image {
		float: left;
	}
	.mobile-page .home-button {
		color: #4e2c3d;
  		height: 42px;
  		line-height: 42px;
  		cursor: pointer;
  		display: block;
  		padding: 0 20px;
  		width: 205px;
  		margin: 0 auto;
	}
	.mobile-page .home-button a {
		color: #4e2c3d;
	}
	
	#content-bottom {
		width: 800px;
		margin-left: auto;
		margin-right: auto;
	}
	#content-bottom h2 {
		font-size: 21px;
	}
	#content-bottom .news-title {
		font-size: 14px;
	}
	#footer {
		height: 200px;
		position: relative;
	}
	#section-news {
		padding-bottom: 0px;
	}
	
	
	/**landing page **/
	.landing-alt #ebook-logo {
		margin-left: 10px;
	}
	.inverse2 #main, .inverse #main {
		width: 98%
	}
	.inverse2 #landing-lbi-logo {
		margin-left: 25px;
	}
	.inverse2 #header-cutout{
		margin-left: 10px;
	}
	.landing-alt2 #content-wrapper, .landing-alt #content-wrapper {
		margin-left: 4% !important;
		width: 90% !important;
		height: auto !important;
	}
	.landing-alt-title2, .landing-alt-title2 h2 {
		width: 100%;
		font-size: 70px;
		line-height:70px;
	}
	.landing-alt-title3, .landing-alt-title3 h2 {
		width: 100% !important;
		font-size: 45px !important;
		line-height: 45px !important;
	}
	.landing-alt-title4, .landing-alt-title4 h2 {
		width: 100%;
	}
	.landing-alt2 #landing-alt-right {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	#landing-alt-left{
		width: 100%;
	}
	#landing-alt-form img {
		display: none;
	}
	#landing-alt-form > div {
		width: 90%;
		margin: 0 auto;
	}
	#form-contact {
		padding-left: 0px !important;
		width: 300px;
		margin: 0 auto;
		float: none !important;
	}
	#footer-body {
		padding-left: 0px;
		width: 90%;
		margin-right: 5%;
		margin-left: 5%;
	}
	.section-body, .section-detail {
	width: 82% !important;
	}
	.section-detail {
		padding-left: 95px;
	}
	.landing-alt-section {
		width: 95%;
		margin-left: 5%;
	}
	#landing-alt-right-topform {
		margin-left: 0;
	}
	#form-contact-mobile, #form-folder-mobile{
		display: block;
	}
	#landing-alt-right > div:not(#form-folder-mobile), #landing-alt-right > a,
	#landing-alt-form {
		display: none;
	}
	.landing-alt2 #landing-alt-right {
		width: 97%;
		max-width: 340px;
		background-color: #FFF;
		height: auto;
		border-radius: 8px;
		padding: 15px 0 15px 3%;
		margin-bottom: 0;
		overflow-x: hidden;
	}
	#landing-button-mobile {
		position: static;
	}
	#error-message-mobile {
		margin-top: 0px;
  		max-width: 250px;
  		font-size: 14px;
  		line-height: 26px;
  		color: red;
  		font-family: 'Klavika';
  		font-weight: 200;
	}
	.privacy-notice {
		padding-top: 5px;
	}
	
	
	/** hexagon pages styles **/
	#mobile-nav {
		width: 50%;
	}
	.content-body #form-contact {
		width: 100%;
	}
	#footer #section-dynasty {
		width: 335px;
	}
	#footer #section-product {
		display: none;
	}
	.product-description {
		font-size: 13px;
		line-height: 18px;
	}
	
	#mobile-helpdesk-six-toggle .deeper-dive {
		display: none;
	}
	
	/** subscribe page **/
	.short-page #content-wrapper, .short-page #content-top {
		width: 98%;
	}
	
	 /** icontact page **/
	 .icontact #content-wrapper, .icontact #content-top {
	 	width: 100%;
	 }
	 .core-approach-image {
		width: 100%
	 }
}
@media (min-width:1004px) and (max-width: 1080px){
	#footer {
		height: 200px;
	}
}


/* custom menu fixes for smaller browser widths */
@media (max-width: 780px) and (min-width: 651px) {
	#main-menu #services .menu {
		margin-left: -125px;
	}
}
@media (max-width: 650px) and (min-width: 600px) {
	#main-menu #about-us .menu {
		margin-left: -113px;
	}
}
/* end custom menu fixes */

@media (max-width: 900px){
	#content-page-1 > div.home-content-image.mobile-content-image {
		display: none;
	}
	#content-page-1 > div.home-content-text.mobile-content-text {
		margin-left: 0;
	    width: 100%;
	    text-align: center;
	}
	#content-nav {
		display: none;
	}
	#mobile-nav {
		display: block;
	}
	#content-page-1 > .home-content-text.mobile-content-text > .text-line-1 {
		padding-bottom: 20px;
	}
	#content-page-1 > .home-content-text.mobile-content-text > .text-line-2,
	#content-page-1 > .home-content-text.mobile-content-text > .text-line-3 {
		font-size: 32px;
		line-height: 32px;
	}
}

@media (max-width: 800px){
	/** Hexagon link pages **/
	#content-top {
		width: 100%;
		display: block;
		min-height: 75vh;
	}
	#content-wrapper {
		margin: 0 auto;
		width: 92%;
		float: none;
	}
	#content-wrapper.nav-small #content-viewport,
	#content-pages,
	#content-wrapper.nav-small #content-viewport, #content-wrapper.nav-small .content-page,
	#content-wrapper.nav-large #content-viewport,
	#content-pages,
	#content-wrapper.nav-large #content-viewport, #content-wrapper.nav-large .content-page {
		width: 100%;
	}
	.content-page, #content-viewport {
		height: auto !important;
	}
	#content-viewport, #content-pages {
		position: static;
	}
	.content-body > img {
		width: 100%;
	}	
	#content-bottom {
		width: 550px;
	}
	#section-news{
		width: 210px;
	}
	
	body.resources .mCS_no_scrollbar {
		padding-bottom: 40px;
	}



	#content-bottom, #content-bottom > *, #section-news {
		width: 90%;
		padding: 15px 5% 20px;
		margin-left: 0;
	}

	#footer {
		height: auto;
	}
	#section-dynasty, .footer-desktop-item  {
		display: none;
	}
	#footer #section-news,
	#footer #section-dynasty-mobile.footer-mobile-item,
	#footer #section-social.footer-mobile-item {
		float: none;
		display: block;
	}
	#section-social.footer-mobile-item{
		text-align: center;
		margin: 0px auto;
		width: 90%;
		float: none;
	}

	#footer #section-dynasty-mobile.footer-mobile-item {
		margin-bottom: 30px;
		background-image: none;
		width: 90%;
	}
	#section-dynasty-mobile.footer-mobile-item h2 {
		text-align: center;
	}
	#section-dynasty-mobile.footer-mobile-item .product-subtitle {
		text-align: center;
	    padding-top: 5px;
	    height: auto;
	}
	#section-dynasty-mobile.footer-mobile-item .button {
	    background-color: #7a0045;
	    -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	    border-radius: 4px;
	    -webkit-user-select: none;
	    -khtml-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    background-image: none;
	    margin: 0 auto;
	    padding: 0 18px;
	    text-align: center;
	}

	#social-wrapper {
		width: auto;
		height: 20px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	#section-social > h3 {
		margin: 0;
	}
	#section-social > h3 a {
		display: block;
		margin-bottom: 10px;
	}
	.socialmedia-icon {
		display: inline-block;
		margin-left: 12px;
		margin-right: 12px;
		float: none;
	}
}
/* mobile styles */
@media (max-width: 600px){
	body {
		min-height: 900px;
	}
	#header {
		width: 93%;
		margin-right: 0;
	}
	#main-menu {
		display: none;
		height: 215px;
		background-color: #e6e7e8;
		opacity: 0.95;
		min-height: 215px;
	}
	#mobile-icon {
		height: 50px;
		width: 50px;
		background-image: url('images/mobile/menu-option.png');
		background-size: contain;
  		position: relative;
  		right: 10px;
  		left: initial;
  		top: -58px;
		z-index: 1000;
		display: initial;
	}
	#main-menu-wrapper:hover ul {
		display: block;
	}
	#main-menu-wrapper {
  		z-index: 1000;
  		height: 20px;
  		opacity: 0.95;
  		right: 40px;
  		top: 64px;
  		width: 0px;
  		left: auto;
	}
	#main-menu-wrapper #main-menu {
		margin-left: 0;
		width: 175px;
		position: absolute;
		right: -50px;
		top: -18px;
		padding-top: 20px;
	}
	#main-menu .dropdown-menu {
		padding-top: 2px;
		padding-bottom: 3px;
		padding-left: 20px;
		margin-left: 0px;
	}
	.dropdown-menu .menu {
		position: absolute;
		right: 175px;
	}
	#lbi-experience .menu {
		top: 57px;
	}
	#about-us .menu {
		top: 90px;
	}
	#services .menu {
		top: 125px;
	}
	#contact-us .menu {
		top: 158px;
	}
	#news-events .menu {
		top: 195px;
	}

	#content-page-1 .mobile-content-text {
		width: 100%;
		margin-left: 0;
		text-align: center;
	} 
	
	#content-page-1 > div.home-content-text.mobile-content-text > .text-line-1 {
		font-size: 55px;
		line-height: 60px;
		padding-bottom: 10px;
	}
	#content-page-1 > div.home-content-text.mobile-content-text > div.text-line-2,
	#content-page-1 > div.home-content-text.mobile-content-text > div.text-line-3 {
		font-size: 28px;
		line-height: 28px;
	}
	
	/* Landing Page mobile */
	#landing-alt-sections, table.section-nav {
		display: none;
	}
	.landing-alt-title2 h2,
	.landing-alt-title3 h2,
	.landing-alt-title4 h2,
	.landing-alt-title h2  {
		font-size: 39px !important;
		line-height: 43px !important;
	}
	.landing-alt2 #landing-alt-left {
		padding-top: 0;
		padding-right: 0;
		width: 100%;
	}
	#landing-alt-right {
		width: 90%;
	}
	#landing-alt-right img{
		max-width: 310px;
		min-width: 225px;
		margin-top: 0;
	}
	.landing-alt2 .landing-button {
		left: 8px;
	}
	#landing-alt-form img {
		display: none;
	}
	#landing-alt-footer #footer-body {
		width: 90%;
		padding: 0;
		font-size: 16px;
		margin-right: 5%;
		margin-left: 5%;
	}
	#footer {
		height: auto;
	}
	.news-title {
		font-size: 14px;
	}
	.resources-select {
		top: 32px;
  		left: -45px;
	}
	
	/** hexagon page styles **/
	#mobile-nav {
		width: 90%;
	}
	#mCSB_1 > div > div.content-body > div {
		margin-left: 0 !important;
	}
	
	/** icontact page **/
	.icontact .landing-body {
		width: 100%;
	}
	/**demo register page**/
	#new_register > form > div > label {
		width: 100%;
	}
}



/* MAKE THE NEWS STORIES RESPONSIVE */
@media (max-width: 720px){
	img{
		margin: 0;
		padding: 0;
		border: none;
		font-size: 100%;
		font: inherit;
	}
		h2{
		font inherit;
		font-family: Klavika-Bold;
	}
	ul:not(#sub-list){
		padding: 3%;
	}
	iframe{
		max-width: 100%;
	}
	
	/** Begin Styles **/
	html{
	}
	body {
		background-color: #e6e7e8;
		font-family: Klavika-Bold;
		background-image: url('images/ui/hexgrid.png');
		background-repeat: repeat-both;
		background-position-y: 39px;
		height: 100%;
		position: relative;
	}	

	/** News Story Styles **/
	body.story {
		margin-left: 0px;
		margin-right: 0px;
	 	margin-bottom: 0px;
		margin-top: 0px;
		background-image: none;
		border: 0;
		padding: 0;
	}
	#story-header {
		background-image: url('images/ui/body-bg.png');
		background-repeat: repeat-x;
		background-position: 0 -100px;
		height: 63px;
	}
	#story-header-image {
		width: 100%;
		height: 100%;
		background-image: url('images/ui/story-header-bg.png');
		background-repeat: no-repeat;
	}
	#story-logo {
		width: 99%;
	}
	#story-logo img {
		margin-left: 37px;
	}
	#story-content {
		padding: 1px 10px;
		color: #7B0046;
		width: 90%;
	}
	#story-content .subtitle {
		margin-bottom: 40px;
	}
	#story-content  p, #story-content li  {
		margin-top: 20px;
		line-height: 22px;
		text-align: left;
		color: black;
		font-size: 16px;
		font-family: 'liberation_serifregular';
	}
	#story-content .heading {
		font-weight: bold;
		color: #7B0046;
	}
	#story-content ul li {
		list-style-type: disc;
		margin-left: 50px;
		padding-left: 10px;
		margin-top: 8px;
	}
	#story-content ol li {
		list-style-type: decimal;
		margin-left: 50px;
		padding-left: 10px;
		margin-top: 8px;
	}
	#story-content .aboutlbi {
		font-size: 14px;
		line-height: 18px;
	}	
		#story-content .two-column ul {
		margin-top: 12px;
	}
	
	#story-content a,
	#story-content a:visited {
		color: #0093a8;
	}
	#story-content a:hover {
		color: #30aec0;
	}
	#story-img-3{
		width: 75%;
	}
	
	/**subscribe page **/
	.short-page #content-wrapper > img {
		display: none;
	}
}

@media (max-width: 450px) {
	/*menu */
	#services .menu #sub-list {
		width: 175px;
	}
	#services .menu li {
		font-size: 14px;
	}
	#main-menu-wrapper #main-menu {
		right: -43px;
	}
	
	#form-contact > div > label {
		width: 100%;
	} 
	.content-body .resources-row a {
		width: 60%;
		margin-left: 20%;
		margin-right: 20%;
	}
	/* change password page */
	#user_login > form > div > label {
		width: 100%
	}
	#user_login > form > div > span {
		margin-left: 0px !important;
	}
	
	/**subscribe page **/
	#icpsignup12942 > div > label {
		width: 100%;
	}
	.short-page {
		min-height: 1300px;
	}
	.short-page .landing-body.newsletter-signup #submit-signup {
		float: none;
	}
	#services .menu {
		top: 125px;
		width: 172px !important;
	}
	.dropdown-menu .menu {
		right: 158px;
	}
	
	/* resources page */
	.resources-download {
		float: left;
	}
	.content-body .resources-row a {
		margin-left: 1%;
		margin-right: 39%;
		max-width: 200px;
		min-width: 170px;
	}
}