body:before { display: none !important;}

/* #Animation
===========================================================================================   */

	#topnavi a {
		transition: border .3s ease-in-out
	}
	input, textarea, button, select,
	header li a,
	.buttonlink,
	.intropage a,
	.intropage a:after,
	.introtable a:after,
	.intropage p,
	.b3, .b4,
	.cta,
	footer a,
	.introtable td,
	#maincal td,
	.calcontrol li a,
	.calcontrol li a:before,
	.atoz li a,
	.paging li a,
	.zoom  {
		transition: all .3s ease-in-out;
	}
	
	.zoom { transition: color .3s ease-in-out; }

/* #Page Styles
===========================================================================================   */
	 
	.container {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		text-align: left;	
		position: relative;
		box-sizing: border-box;
	}
	.conpadd { padding: 22px; overflow: hidden; }
	.horpadd { padding: 0 22px; }
	.b_home .conpush { padding-top: 612px }
	.conpush { padding-top: 375px }
	
	#main {
		width: 100%; 
		float: left;
		line-height: 21px;
		padding: 20px 0 50px;
		overflow: hidden;
	}
	
	.only480 { display: none; }
	
	.fullwidth { width: 100% !important }
	

/* Header
===========================================================================================   */	


	/* Popup Message */	
		
	#message {
	    width:100%;
	    height: auto;
	    z-index: 99999;
	    margin: 0;
	    background:#0a2d52;
	    color: #fff;
	    display: none;
	    margin-bottom: 2px;
	}
	
	#message .container>div {
		padding: 30px 28px 28px;
		position: relative;
	}
	#message ul {
		margin: 0;
		padding: 0;
	}
	#message li {
		list-style: none;
		margin: 0;
		padding: 0;
		clear: both;
		min-height: 50px;
	}
	#message h3 {
		float: left;
	}
	#message a {
		color: #fff;
		text-decoration: none;
		padding-top: 10px;
		display: block;
	}
	.attend { background: #a21223; padding: 10px 0; color: #fff; border-radius: 3px; width: 120px; display: block; margin: 0 auto; font-size: 17px; float: right; text-align: center; }
	.attend.yes { background: #1b6922; margin-left: 10px }
	
	

	header {
		height: 160px;
		background: rgba(255, 255, 255, 0.85);
		position: absolute;
		z-index: 2;
		width: 100%;
	}
	
	
	header span {
		float: right;
	}
	header .logo {
		text-indent: -9000px;
		background: url(/_img/layup/logo.png) no-repeat;
		background-size: 100%;
		width: 292px;
		height: 105px;
		margin-top: 22px;
		float: left;
		outline: 0;
	}
	
	.printlogo {
		display: none;
	}
	
	header ul {
		margin: 0 22px 0 0;
		padding: 0;
		position: absolute ;
		right: 0;
	}
	header li {
		list-style: none;
		display: inline;
	}
	header li a {
		background: #072c53;
		float: left;
		color: #fff;
		padding: 8px 10px;
		margin: 0 1px;
		text-decoration: none;
		font: 20px/1 "rosario", Arial, sans-serif;	
		letter-spacing: -1px;
	}
	header li a:hover  {
		background-color: #000;
		color: #fff
	}
	header li a:before {
		content: ' ';
		float: left;
		width: 20px;
		height: 20px;
		margin: 2px 8px 0 0;
	}
	
	header .m_search a:before {
		background:  url("data:image/svg+xml;base64, PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMy40MSAyMy40MSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLWxpbmVjYXA6c3F1YXJlO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDoycHg7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT51aS0yNHB4LW91dGxpbmUtMV96b29tLXNwbGl0PC90aXRsZT48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIyMiIgeTE9IjIyIiB4Mj0iMTkiIHkyPSIxOSIvPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iMTAiIGN5PSIxMCIgcj0iOSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTUuMSw5QTQuOTEsNC45MSwwLDAsMSw5LDUuMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIvPjwvc3ZnPg==") no-repeat 0 0;
	}
	
	header .m_contact a:before {
		background:  url("data:image/svg+xml;base64, PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLWxpbmVjYXA6c3F1YXJlO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDoycHg7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT51aS0yNHB4LW91dGxpbmUtMV9lbWFpbC04MzwvdGl0bGU+PHBvbHlsaW5lIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIxIDYgMSAxOSAyMyAxOSAyMyA2Ii8+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjIzIDYgMjMgMSAxIDEgMSA2IDEyIDEyIDIzIDYiLz48L3N2Zz4=") no-repeat 0 0;
	}
	
	header .m_print a:before {
		background:  url("data:image/svg+xml;base64, PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLWxpbmVjYXA6c3F1YXJlO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDoycHg7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT50ZWNoLTI0cHgtb3V0bGluZV9wcmludDwvdGl0bGU+PHBvbHlsaW5lIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI1IDYgNSAxIDE5IDEgMTkgNiIvPjxwb2x5bGluZSBjbGFzcz0iY2xzLTEiIHBvaW50cz0iNSAxOCAxIDE4IDEgNiAyMyA2IDIzIDE4IDE5IDE4Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSI1IiB5PSIxMiIgd2lkdGg9IjE0IiBoZWlnaHQ9IjExIi8+PC9zdmc+") no-repeat 0 0;
	}

	
	header .m_member a:before {
		background:  url("data:image/svg+xml;base64, PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMyAyNCI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTJ7ZmlsbDpub25lO3N0cm9rZTojZmZmO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDoycHg7fS5jbHMtMntzdHJva2UtbGluZWNhcDpzcXVhcmU7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT51c2Vycy0yNHB4LW91dGxpbmUtMl9hLXNlY3VyaXR5PC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMSwxM2EyMi4yNCwyMi4yNCwwLDAsMC03LDEuMTlBMywzLDAsMCwwLDIsMTd2NGg4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMSAwKSIvPjxyZWN0IGNsYXNzPSJjbHMtMiIgeD0iMTQiIHk9IjE4IiB3aWR0aD0iOCIgaGVpZ2h0PSI1Ii8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTcsMThWMTVhMiwyLDAsMCwxLDItMmgwYTIsMiwwLDAsMSwyLDJ2MyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEgMCkiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xMSwxM2gwQzguMjQsMTMsNiw5Ljc2LDYsN1Y2YTUsNSwwLDAsMSw1LTVoMGE1LDUsMCwwLDEsNSw1VjdDMTYsOS43NiwxMy43NiwxMywxMSwxM1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xIDApIi8+PC9zdmc+") no-repeat 0 0;
	}
	
	header .m_profile a:before {
		background:  url("data:image/svg+xml;base64, PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLWxpbmVjYXA6c3F1YXJlO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDoycHg7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5idXNpbmVzcy0zMnB4LW91dGxpbmVfYmFkZ2U8L3RpdGxlPjxwb2x5bGluZSBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMTkgOCAzMSA4IDMxIDI5IDEgMjkgMSA4IDEzIDgiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xOSwxMEgxM1Y0YTMsMywwLDAsMSwzLTNoMGEzLDMsMCwwLDEsMywzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLDE5aDBhMiwyLDAsMCwxLTItMlYxNmEyLDIsMCwwLDEsMi0yaDBhMiwyLDAsMCwxLDIsMnYxQTIsMiwwLDAsMSwxMCwxOVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIxOSIgeTE9IjE4IiB4Mj0iMjciIHkyPSIxOCIvPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjE5IiB5MT0iMjIiIHgyPSIyNCIgeTI9IjIyIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTUsMjRINWEzLDMsMCwwLDEsMy0zaDRhMywzLDAsMCwxLDMsM1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIxNiIgeTE9IjYiIHgyPSIxNiIgeTI9IjUiLz48L3N2Zz4=") no-repeat 0 0;
	
	}	
	
	header .menu a:before {
		background:  url("data:image/svg+xml;base64, PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiAyMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLWxpbmVjYXA6c3F1YXJlO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDoycHg7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5kZXNpZ24tMjRweC1vdXRsaW5lX2J1bGxldC1saXN0LTY5PC90aXRsZT48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSI5IiB5MT0iMyIgeDI9IjIxIiB5Mj0iMyIvPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjkiIHkxPSIxMSIgeDI9IjIxIiB5Mj0iMTEiLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSI5IiB5MT0iMTkiIHgyPSIyMSIgeTI9IjE5Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxIiB5PSIxIiB3aWR0aD0iNCIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxIiB5PSI5IiB3aWR0aD0iNCIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxIiB5PSIxNyIgd2lkdGg9IjQiIGhlaWdodD0iNCIvPjwvc3ZnPg==") no-repeat 0 0;
	}

	
	header .menu {
		display: none;
	}
	
	

/* Top navigation
===========================================================================================   */	
	
	#topnavi {
		background: rgba(255, 255, 255, 0.85);
		width: 100%;
		position: absolute;
		z-index: 2;
		margin-top: 160px;
		border-top: 1px solid #042b54;
	}
	#topnavi ul  {
		margin: 0;
		padding: 0 5px;
		display: flex;
	}
	#topnavi li {
		list-style: none;
		float: left;
		position: relative;
		display: inline;
		flex-grow: 1;
		margin: 0 5px;
		padding: 0;
	}
	#topnavi a {
		width: 100%;
		display: block;
		text-align: center;
		color: #000;
		text-decoration: none;
		
		box-sizing: border-box;
		font: 22px/56px  "rosario", Arial, sans-serif;
		letter-spacing: -1px;
		white-space: nowrap;
		border-top: 2px solid transparent;
		
	}
	#topnavi a:hover,
	#topnavi a:focus,
	#topnavi .on,
	#topnavi ul li:hover a {
		text-decoration: none;
		border-top: 2px solid #042b54;
	}
	
	
		
		#topnavi ul ul {
			display: none;
			position: absolute;
			z-index: 9999;
			top: 55px;
			left: 0;
			height: auto;
			padding: 0;
		}
		#topnavi ul ul li {
			float: none;
			display: block;
		}
		#topnavi ul ul a {
			display: block;
			float: none;
			text-align: left;
			border-bottom: 0;
			padding: 8px 15px;
			margin: 0;
			background: #016A51;
			min-width: 180px;
			line-height: 1;
		}
		#topnavi ul ul a:hover{
			background: #044233;
		}
		#topnavi ul li:hover ul {
			display: block !important;
		}
	

/* Hero
===========================================================================================   */

	#hero {
		clear: both;
		background: #3d3d3d;
		border-bottom: 1px solid #fff;
		position: absolute;
		z-index: 1;
		text-align: center;
	}
	
	#quicksearch {
		position: absolute;
		z-index: 10;
		width: 100%;
		color: #fff;
	}

	#quicksearch div {
		margin-top: 260px;
		padding: 34px;
		float: left;
		width: 333px;
		background-color: rgba(0,0,0,.69);
	}
	#quicksearch .textform,
	#memsearch .textform {
		border-color: rgba(255,255,255,0.32) ;
		background-color: rgba(0,0,0,.32);
		color: #fff;
		margin-bottom: 14px;
	}
	#quicksearch .textform:hover,
	#memsearch .textform:hover  {
		border-color: #fff;
	}
	
	#quicksearch label,
	#memsearch label { display: none }
	
	#quicksearch ::-webkit-input-placeholder, 
	#memsearch ::-webkit-input-placeholder  { color: #fff; }
	#quicksearch ::-moz-placeholder,
	#memsearch ::-moz-placeholder  { color: #fff; }
	#quicksearch :-ms-input-placeholder,
	##memsearch :-ms-input-placeholder  { color: #fff; }
	#quicksearch input:-moz-placeholder,
	#memsearch input:-moz-placeholder { color: #fff; }
	
	#quicksearch a {
		color: #fff;
		margin: 10px 0;
		display: block;
		float: left;
	}
	

	#slideimages { 
		position:relative; margin: 0; padding: 0; overflow: hidden;
        animation:fadeIn ease-in 1.5s;
	}
	
	#slideimages li{ 
		position:absolute; 
		z-index:0; 
		margin: 0; 
		padding: 0; 
		list-style: none;
		background-position: center 0; 
		background-repeat: no-repeat;
		background-size: cover;
	 }
	#slideimages li.previous { z-index: 1; }
	#slideimages li.active { z-index: 2; }
	
	
	#hero,
	#imgholder,
	#slideimages,
	#slideimages li { 
		width: 100%;
		height: 375px;
		overflow: hidden;
	}
	
	.b_home #hero,
	.b_home #imgholder,
	.b_home #slideimages,
	.b_home #slideimages li {
		height: 612px;
	}
	
	
	

	@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
	
	
	#slideimages li div {
		margin: 54px 0;
		width: 370px;
		float: right;
		background: rgba(255,255,255,.84);
		padding: 32px;
		text-align: left;
		box-sizing: border-box;
	}

/* Boxes
===========================================================================================   */	


	.boxes {
		position: relative;
		overflow: hidden;
		display: flex;
		flex-wrap: wrap;
	}
	
	.boxes h3 { border-bottom: 1px solid #7e7e7e; padding-bottom: 10px; margin-bottom: 20px }
	.b3_mem h3, .b5_mem h3, .b6_mem h3 { border-bottom: 1px solid rgba(255,255,255,0.8); }
	
	.b1, .b2, .b3, .b4, .b5, .b6, .b3_mem, .b5_mem, .b6_mem { padding: 27px 20px ; width: calc( 25% - 41px); float: left; border-right: 1px solid #fff; }
	

	.b1 { background: #f6f6f6;}
	.b2 { background: #e3e3e3;}
	.b_members .b1 { padding-bottom: 480px;}
	
	.b3, .b4, .b3_mem { 
		background: #2a232a url(/_img/layup/qlink1.jpg) no-repeat right center / cover ; 
		margin-bottom: 402px;
		position: relative;
		min-height: 242px;
	}
	.b4 { background-image: url(/_img/layup/qlink2.jpg);}
	
	.b3 a, .b4 a {
		position: absolute;
		font: 48px/1  "rosario", Arial, sans-serif;
		letter-spacing: -1px;
		bottom: 27px;
		color: #fff;
		text-decoration: none;
		text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
	}
	.b3:hover, .b4:hover {
		filter: grayscale(80%);
	}
	.b3 a span, .b4 a span {
		display: block;
		font-size: 28px;
	}
	
	.b3_mem { background: #042b54; color: #fff; }
	.b6_mem { background: #676767; color: #fff; }
	
	.b3_mem a, .b6_mem a { color: #fff }
	
	.b_members .b4 a { bottom: auto; top: 27px }
	.b_members .b4 { background-image: url(/_img/layup/qlink3.jpg);}
	
	
	.b5, .b5_mem {
		background: #80ba27 url(/_img/layup/samaritans.jpg) no-repeat center center / 100% ; 
		position: absolute;
		bottom: 0;
		left: 0;
		min-height: 220px;
	}
	.b5 a { 
		position: absolute; 
		left: -9999px;
	}
	
	.b6, .b6_mem {
		background-repeat: no-repeat;
		background-size: cover;
		width: calc( 50% - 41px);
		position: absolute;
		right: 0;
		bottom: 0;
		min-height: 347px;
		border-top: 1px solid #fff;
	}
	
	.b6 div {
		background: rgba(255,255,255,0.83);
		height: calc(100% - 80px);
		width: calc(50% - 40px);
		padding: 40px 20px;
		right:0;
		top: 0;
        position:absolute; 
	}
	
	.b6 p {
		font: 20px/1  "rosario", Arial, sans-serif;
	}
	
	.cta {
		background: #354471;
		font-size: 12px;
		color: #fff;
		text-decoration: none;
		padding: 6px 5px 6px 10px;
		float: left;
	}
	.cta:hover {
		background: #000;
		color: #fff;
	}
	
	.b6_mem .cta { background: #fff; color: #000}
	.b6_mem .cta:hover { background: #ccc; }
	
	.cta:after {
		content: '\f054';
		font-family: 'FontAwesome';
		font-size: 11px;
		line-height: 1;

		float: right;
		padding: 1px 0 0 10px;
	}
	
	
	
	.b5_mem {
		background: #5d4842;
		color: #fff;
	}
	

	
/* Footer
===========================================================================================   */	

	footer {
		clear: both;
		margin: 0;
		padding: 40px 0;
		background: #7b858e;
		color: #fff;
		overflow: hidden;
		border-top: 1px solid #fff;
	}
	
	footer ul{
		margin: 0 -20px;
		padding: 0 ;
		text-align: left;
		display: flex;
		flex-wrap: wrap;
	}
	footer ul li{ 
		width: calc(25% - 40px);
		margin: 0 20px 5px;
		padding: 0;
		list-style: none;
		float: left;
	}
	footer  a{
		color: #eee;
		text-decoration: none;	
		padding: 0;
		font-size: 14px;
	}
	footer  a:hover {
		text-decoration: underline;
		color: #fff;
	}
	footer p {
		width: 55%;
		float: right;
		text-align: right;
		font-size: 16px;
		margin-top: 30px;
	}
	footer p span {
		display: block;
		font-size: 13px;
		margin-top: 5px;
	}
	
	footer .satisfied {
		margin-top: 30px;
		width: 480px;
		font: 20px/1 "rosario", Arial, sans-serif;
		display: block;
		float: left;
		color: #fff;
		text-decoration: none;
		background: url(/_img/layup/quote.png) no-repeat 0 0;
		padding: 5px 0 5px 80px;
		box-sizing: border-box;
	}
	footer .satisfied:hover {
		text-decoration: none;
		color: #ccc;
	}
	footer a.last {
		margin-top: 10px;
		display: inline-block; 
	}
	
	
	footer ol {
		float: right;
		margin-top: 70px;
	}
	footer ol li a {
		background: #929292 !important;
	}
	footer ol li a:hover {
		background: #000 !important;
	}
	
	
/* Introduction Page
===========================================================================================   */		
	
	.intropage,
	.people {
		margin: 0;
		padding: 0;
	}
	.intropage li,
	.people li {
		margin: 0 0 10px;
		padding: 0 0 10px;
		list-style: none;
		clear: left;
	}

	.intropage p  {
		margin: 5px 30px 0 0;
		color: #606060;
		font-size: 13px;
		line-height: 1.2;
	}
	.intropage a {
		color: #606060;
		margin: 0;
		padding-right: 30px;
		text-decoration: none;
		position: relative;
		display: block;
		font-size: 17px;
	}
	.boxes .intropage a { font-size: 14px }
	
	.introtable a { text-decoration: none; }
	.intropage a:after,
	.introtable a:after {
		content: '\f054';
		font-family: 'FontAwesome';
		font-size: 11px;
		line-height: 1;
		padding: 4px 4px 3px 6px;
		border: 1px solid #444;
		color: #444;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
	} 
	
	.intropage li:hover a, 
	.intropage li:hover p {
		color: #000 !important;
	}
	.intropage strong {
		margin-right: 10px;
	}
	
	.intropage li:hover a:after,
	.introtable tr:hover a:after {
		padding: 4px 0 3px 10px;
	
	}
	
	#main .intropage {
		margin: 20px -20px 0;
		display: flex;
		flex-wrap: wrap;
	}
	#main .intropage li {
		width: calc(50% - 40px);
		float: left;
		clear: none;
		padding: 0 20px 10px;
		border-bottom: 1px solid #e5e5e5;
	}
	
	#main  .intropage a:after { margin-top: 0; }
	
	.people { font-size: 13px; line-height: 1.2; overflow: hidden; }
	
	.people a,
	.people strong,
	.people span {
		color: #fff;
		font-weight: normal;
		text-decoration: none;
		display: block;
	}
	.people strong {
		font-size: 15px;
	}
	.people a:hover { text-decoration: underline}
	
	.people .divimg { 
		float: left; 
		margin: 0 10px 20px 0; 
		width: 30%; 
		max-width: 84px; 
		height: 84px; 
		border: 1px solid #fff; 
		background-repeat: no-repeat; 
		background-size: cover; 
		background-position: center center;
	}
	.people p { float: left; width: 50%}
	
	
	#main .people a,
	#main .people strong,
	#main .people span { 
		color: #444;
	}
	#main .people p { float: none; width: auto; margin-right: 0; margin-left: 96px; }
	
	#main .people input {
		position: absolute;
		margin: 2px;
		font-size: 60px;
	}




/* Introduction Table Data
===========================================================================================   */	

	.introtable {
		width: 100%;
		font-size: 13px;
	}
	.introtable td { vertical-align: top; position: relative ; min-width: 40px}
	.introtable tr:hover td { background: #5f5f5f; color: #000;}
	.introtable a:after {
		margin-top: 0;
		color: #fff;
		border-color: #fff;
	}	
	.b_members .introtable tr:hover td { color: #fff;}
	.b_members .introtable td { vertical-align: top; }
	
	.introtable .archive td,
	.intropage li.archive a,
	.intropage li.archive p { color: #ccc; }
	
	#main .introtable a:after {
		color: #444;
		border-color: #444;
		margin: 7px 10px 0 0;
	}
	#main .introtable tr:hover td { background:#f7f7f7;}
	
	.intropage li.archive a:after, 
	#main .introtable tr.archive a:after {
		color: #ccc;
		border-color: #ccc;
	}
	

	
/*Calendar
===========================================================================================   */
	
	
	
	#maincal {	
		border: 1px solid #e5e5e5;
		border-collapse: collapse;
		margin: 0;
		width: 100%;
	}
	#maincal td, #maincal th {
		width: 14.3%;
		max-width: 1px;
		min-width: 1px;
		border: 1px solid #e5e5e5;
		padding: 6px;
		text-align: left;
		vertical-align: top;
		color: #6a6a6a;
		
		
	}
	#maincal th b { font-weight: normal}
	#maincal th {
		font: normal 16px/1 "rosario", Arial, sans-serif;
		text-align: center;
		vertical-align: middle;
		height: 30px;
		background: #000;
		color: #fff;
		border-color: #000;
		
	}
	#maincal .weekend { background: #f7f7f7 }
	#maincal td {
		height: 96px;
		padding: 2px;
	}
	#maincal td span {
		float: right;
		font: normal 16px/0.8 "rosario", Arial, sans-serif;
		text-align: center;
		width: 15px;
		margin: 1px 1px 2px;
		padding: 5px 5px 7px;
	}
	#maincal .today span {
		background: #072c53;
		color: #fff;
		border-radius: 50%;
	}
	#maincal .monthtoday span {
		background: #f0f0f0;
		border-radius: 50%;
	}
	
	
	
	#maincal td a {
		font-size: 11px;
		line-height: 1.2;
		text-decoration: none;
		padding-left: 4px;
		margin-bottom: 5px;
		display: block;
		clear: right;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	#maincal td a:before {
		content: '\f111';
		font-family: 'FontAwesome';
		margin: 0 5px 0 0;
		font-size: 6px;
		vertical-align: middle;
	}
	.m1:before { color: #2aaef5 }
	.m2:before { color: #fd9426 }
	.m3:before { color: #fc2f6a }
	.m4:before { color: #166a1d }
	.m5:before { color: #fecb2f }
	.m6:before { color: #a18460 }
	
	#maincal td:hover {
		background: #f0f0f0;
	}

	#maincal .blank:hover {
		background: #fff !important;
		cursor: auto !important;
	}
	
	
	.multiday {  padding: 2px 0; border-radius: 2px; background: rgba(0,0,0,0.10) }
	
	
	.m1.multiday { background: rgba(42,174,245,0.15) }
	.m2.multiday { background: rgba(253,148,38,0.15) }
	.m3.multiday { background: rgba(252,47,106,0.15) }
	.m4.multiday { background: rgba(22,106,29,0.15)  }
	.m5.multiday { background: rgba(254,203,47,0.15) }
	.m6.multiday { background: rgba(161,132,96,0.15) }
	

	#maincal td a:hover,
	#maincal td a:focus {
		color: #000;
	}
	

	.calcontrol {
		width: 330px;
		position: absolute;
		margin: 0;
		padding: 0;
		right: 22px;
		top: 40px;
	}
	.calcontrol li {
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		margin-right: 2px;
	}
	.calcontrol li a {
		display: block;
		height: 36px;
		background: #f6f6f6;
		border: 1px solid #ccc;
		color: #777;
		text-decoration: none;
		text-align: center;
		line-height: 36px;
		font-size: 15px;
	}
	.calcontrol li a:hover {
		color: #fff;
		background: #0a2d52;
		border-color: #0a2d52;
	}
	
	.calcontrol li a:hover:before { 
		color: #fff;
	}
	
	
	.c_back a span,
	.c_next a span  { display: none }

	.c_back a:before {
		content: '\f053';
		font-family: 'FontAwesome';
	}
	.c_next a:before {
		content: '\f054';
		font-family: 'FontAwesome';
	}
	
	.c_back { width: calc( 12.5% - 3px); }  
	.c_now { width: calc( 25% - 2px); }  
	.c_next { width: calc( 12.5% - 3px); }  
	 
	.calcontrol li.c_select {
		width: calc( 50% - 10px);
		border: none;
		margin-left: 10px;
	}
	.calcontrol li.c_select label {
		display: none;
	}
	

/* Members page
===========================================================================================   */

	.pagefilter {
		overflow: hidden;
		padding: 20px 0;
		margin-bottom: 40px;
		border: 1px solid #e5e5e5;
	}
	.pagefilter section {
		float: left;
		width: 50%;
		padding: 0 20px;
		box-sizing: border-box;
	}

	.pagefilter button,
	.pagefilter .buttonlink { margin: 0 20px }
	
	.pagefilter .buttonlink {float: left; position: relative; }
	
	#downloadframe {
		width: 1px;
		height: 1px;
	}
	
	#dlbutton span {
		border-radius: 50%;
		position: absolute;
		display: block;
		right: -10px;
		top: -10px;	
		font: normal 16px/0.8 "rosario", Arial, sans-serif;
		text-align: center;
		width: 15px;
		margin: 1px 1px 2px;
		padding: 5px 5px 7px;
		background: #ce4229;
		color: #fff;
		
	}
	


	.atoz {
		margin: -1px 0 0 0;
		padding: 0 0 15px;
		overflow: hidden;
		display: flex;
	}
	.atoz li {
		float: left;
		margin: 1px;
		padding: 0;
		list-style: none;
		background: #f6f6f6;
		border: 1px solid #ccc;
			flex-grow: 1;
	}
	.atoz li a {
		display: block;
		margin: 0;
		padding: 9px 0;
		text-align: center;
		text-decoration: none;
		color: #666;
		line-height: 1.3em;
		min-width: 10px;
	}
	
	.atoz li a:hover,
	.atoz li.on a {
		background: #fff;
	}

	.atoz li.on {
		border-color: #000;
	}

	.profile {
		float: right;
		width: 27%;
	}
	
	.mdetails {
		margin: 0 0 20px;
		padding: 0;
		width: 70%;
	}
	.mdetails li {
		margin: 0 0 4px;
		padding: 0;
		list-style: none;
	}
	.b_experts .mdetails li {
		margin-bottom: 10px;
	}
	.mdetails span {
		font-weight: bold;
		display: inline-block;
		width: 50%;
		vertical-align: top;
	}
	.mdetails p {
		display: inline-block;
		width: 50%;
		margin: 0;
		vertical-align: top;
	}
	
	
	
	.tick:after,
	.cross:after {
		color: #444;
		font-family: 'FontAwesome';
		font-size: 20px;
		text-decoration: none;
		content: '\f00c';
	}
	.cross:after { content: '\f00d';}

	
	/* FAQ's */
		
	#faq {
	    margin-top: 20px;
	}
	
	#faq h3 {
	    cursor: pointer;
	    background: #f7f7f7;
	    padding: 10px 55px 10px 5px;
	    border-radius: 5px;
	    font-size: 22px;
	    position: relative;
	    color: #636363;
	}
	
	#faq span:after {
	    position: absolute;
	    top: 5px;
	    right: 10px;
	    font-family: 'FontAwesome';
	    font-size: 30px;
	    content: '\f01a';
	    color: #b8b7b7;
	}
	
	#faq .on span:after {
	    content: '\f057';
	    color: #072c53;
	}
	
	#faq div {
	    padding: 0 5px;
	    overflow: hidden;
	}
	#faq div[style]{ width: 100% !important;  }
	
	/* Disccusions details */
	
	.newthread {
		right: 20px;
		top: 45px;
		position: absolute;
		
	}
	.newthread:after {
		padding-top: 5px;
	}
	.discuss {
		background: #f7f7f7;
		padding: 20px;
		overflow: hidden;
		margin-bottom: 10px;
		clear: both;
	}
	
	.discuss section {
		margin-left: 104px;
	}
	.postpic {
		border-radius: 50%;
		overflow: hidden;
		width: 84px;
		height: 84px;
		float: left;
		margin: 0 20px 20px 0;
	}
	.postpic img {
		width: 100%;
	}
	.postby {
		font-weight: bold;
		margin-bottom: 10px;
		display: inline-block;
	}
	
	#discussform {
		padding-bottom: 40px;
		overflow: hidden;
	}
	
	
	.uploader {
		height: 19px;
	}
	.imgform {
		background: #f6f6f6;
		padding: 20px;
		margin-bottom: 16px;
		overflow: hidden;
		text-align: center;
		cursor: pointer;
		border: 1px solid #ccc;
	}
	.imgform img {
		max-width: 100%;
		margin: 0 auto;
	}
	
	.zoom { 
		display: block; 
		position: absolute; 
		right: 0; 
		color: #7b858e;
		text-decoration: none;
		font-size: 40px;
		padding: 0 10px 0;
	}
	
	.zoomme {
		position: fixed;
		width: 100%;
		height: 100vh;
		top: 0;
		left: 0;
		background: #fff;
		z-index: 99999999;
		text-align: center;
	}
	.zoomme svg {
		margin: 0 auto;
		padding: 50px;
		height: calc(100vh - 100px);
	}
	
	.zoom:after {
		content: '\f00e';
		font-family: 'FontAwesome';
		line-height: 1;
	}

	.zoomme .zoom {
		padding: 10px;
		margin: 0;
	}
	.zoomme .zoom:after {
		content: '\f05c';
	}
	
	
/* Standard CMS
===========================================================================================   */		
	
	
	.docbreakout {
		background: #f6f6f6;
		border: 1px solid #ccc;
		padding: 20px;
		max-height: 250px;
		overflow: hidden;
		margin: 20px 0;
	}
	

	.docs {
		padding: 0;
		margin: 20px -20px 0;
		overflow: auto;
		max-height: 210px;
	}
	.docs li{
		width: calc(50% - 40px);
		float: left;
		clear: none;
		padding: 8px 20px;
		border-bottom: 1px solid #e5e5e5;
		list-style: none;
	}
	.docs a{
		padding: 0 ;
		float: left;
		text-decoration: none 
	}
	
	.docs span{
		float: right;
		padding: 3px 0 0 20px;
		color: #999;
		font-size: 11px;
	}
	.docs a:before {
		color: #072c53;
		font-family: 'FontAwesome';
		font-size: 20px;
		margin-right: 10px;
		text-decoration: none;
		content: '\f016';
	}
	.xls:before, .xlsx:before { content: '\f1c3' !important; }
	.pdf:before { content: '\f1c1' !important; }
	.doc:before, .docx:before { content: '\f1c2' !important; }

	
	
	
	#sitemap,
	#sitemap ul{
		margin: 0;
		padding: 0 0 0 20px;
		
	}
	#sitemap  a {
		display: block;
		text-decoration: none;
		font-weight: bold;
		color: #666;
		padding: 2px 0 2px 18px;
	}
	#sitemap a:hover { 
		color: #000;
	}
	#sitemap ul a {
		color: #53107f;
	}
	#sitemap ul a {
		font-weight: normal;
	}
	#sitemap li {
		border-left: 1px solid #CDCDCD;
		background: url(/_img/layup/sitemapli.gif) no-repeat 0 .5em;
		list-style: none;
	}
	
	.paging {
		float: right;
		margin: 0;
		padding: 15px 0 25px;
	}
	.paging li {
		float: left;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.paging li a {
		display: block;
		margin: 0 0 0 1px;
		padding: 2px 0;
		width: 25px;
		text-align: center;
		text-decoration: none;
		color: #666;
		background: #f6f6f6;
		border: 1px solid #ccc;
		font: 20px/1.3 "rosario", Arial, sans-serif;
		letter-spacing: -1px;
		text-transform: uppercase;	
	}
	
	.paging li a:hover, .paging li .on{
		background: #072c53;
		border: 1px solid #072c53;
		color: #fff;
	}
	
	.paging .next a, .paging .last a, .paging .back a, .paging .first a {
		padding: 2px 7px !important;
		width: auto !important;
	}
	.pagenumbers {
		float: left;
		padding-top: 15px;
		font: 20px/1.3 "rosario", Arial, sans-serif;
	}
	

	#cmsForm button{
		float: right;
	}
	.contactCheck {
		position: absolute; 
		left: -9999px;
	}
	
	/* autocomplete */

	.spinner {
	    background: white url('/_img/layup/loading.svg');
	    background-size: 100%;
	    width: 20px;
	    height: 20px;
	    position: absolute;
	    margin: 32px 0 0 246px;
	}
	
	.ui-autocomplete {
	    width: 219px;
	    max-height: 250px;
	    overflow-x: hidden;
	    background: #fff;
	    margin: -3px 0 0 0 !important;
	    padding: 0;
	    position: absolute;
	    z-index: 9999999;
	    cursor: default;
	    text-align: left;
	    border: 1px solid #aaa;
	    border-top: none;
	    box-shadow:  0 0 3px rgba(0,0,0,.2);
	}
	
	.ui-autocomplete li {
	    font-size: 14px;
	    margin: 0;
	    padding: 5px 10px;
	    list-style: none;
	}
	
	.ui-autocomplete li a {
	    text-decoration: none;
	    display: block;
	    padding: 10px 15px;
	}
	
	.ui-helper-hidden-accessible {
	    position: absolute;
	    left: -9999px;
	}
	
	.ui-autocomplete .ui-state-focus {
	    color: #fff;
	    background: #a8a8a8;
	    outline: none;
	}

	
	/* Extras */
	
	.hidden {
		position: absolute; 
		left: -9999px; 
	}
	.hand {
		cursor: pointer;
	}
	.textleft {
		text-align: left !important;
	}
	.textcenter {
		text-align: center !important;
	}
	.textright {
		text-align: right !important;
	}
	.right {
		float: right;
		width: 48%;
		position: relative;
		overflow: hidden;
	}
	.left {
		float: left;
		width: 48%;
		position: relative;
		overflow: hidden;
	}
	
	.noclear { clear: none;}
	

	/* date picker */
	
	.date {
		width: 100% !important;
		position: relative;
	}
	 .fa-calendar {
		position: absolute;
		right: 15px;
		bottom: 12px;	
		pointer-events: none;
	}
	
	
	#ui-datepicker-div {
		background-color: #eee;
		border: 1px solid #aaa;
 		color: #444;
		display: none;
		border-top: none;		
	}
	.ui-datepicker-header {
		position: relative;
	    padding: .2em 0;
		background-color: #fff;
		height: 25px;
	}
	.ui-datepicker-calendar {
		border-collapse: collapse;
		margin-bottom: 0;
	}
	.ui-datepicker-calendar td,
	.ui-datepicker-calendar th{
		padding: 5px 3px 1px;
		text-align: center;
		background-image: none;
		font-size: 14px;
		width: 31px;
		height: 20px;
	}
	.ui-datepicker-calendar th {
		background: #ddd;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ccc;
		color: #000;
	}
	
	.ui-datepicker-calendar td.ui-datepicker-current-day {
		font-weight: bold;
		background-color: #fff;
		color: #000;
	}
	.ui-datepicker-calendar a {
		text-decoration: none;
		color: #555;
	}
	.ui-datepicker-calendar td:hover a{
		color: #fff;
	}
	.ui-datepicker-calendar td:hover {
		background-color: #072c53;
		color: #fff;
		cursor: pointer;
	}
	.ui-state-disabled:hover {
		background-color: transparent !important;
		color: #555 !important;
		cursor: auto !important;
	}
	
	.ui-datepicker-prev span,
	.ui-datepicker-next span {
	    display: block;
	    position: absolute;
	    cursor: pointer;
	    top: 6px;
	    color: #000;
	}
	.ui-datepicker-prev span {
		left: 9px;
		font-size: 14px;
		margin-top: 1px;
	}
	.ui-datepicker-next span {
		right: 9px;
		font-size: 14px;
		margin-top: 1px;

	}
	.ui-datepicker-title {
		margin-left: 56px;
	}
	.ui-datepicker-month,
	.ui-datepicker-year {
		width: 70px;
		margin: 2px 2px 0;
		float: left;
		font-size: 14px;
		padding: 1px 5px;
		background-size: 20%;
		background-position: right 5px center;
		color: #000;
	}


	
	
/* Text Editor Styles
===========================================================================================   */	
	
	
	.largetext {
		font-size: 24px;
		line-height: 1.1;
	}
	
	.highlight {
		color: #8b1d57;
		font-weight: bold;
	}
	
	.imgleft,
	.imgright {
		border: 1px solid #d7d7d7;
	}
	.imgleft {
		margin: 0 10px 10px 0; 
		float: left;	
	}
	.imgright {
		margin: 0 0 10px 10px; 
		float: right;	
	}
	

/* #Firefox Styles
===========================================================================================   */

	@-moz-document url-prefix() {
	
	}	
		

	

/* #Media Queries
===========================================================================================   */


@media only screen and (min-width: 2500px)  {
	body {		
	   zoom: 1.2; 
	}
}



/* All more than 1366
===========================================================================================   */
@media only screen and (min-width: 1367px)  {
	
	body:before { content: '1367+'; position: fixed; z-index: 99999999; background: #fff; }
		
	.container { width: 1367px; } 
	
}



/* All less than 1366
===========================================================================================   */
@media only screen and (max-width: 1366px)  {
	
	body:before { content: '<1366'; position: fixed; z-index: 99999999; background: #fff; }
	
	
}


/* All less than 1200
===========================================================================================   */
@media only screen and (max-width: 1200px)  {
		
	body:before { content: '<1200'; position: fixed; z-index: 99999999; background: #fff; }
	
	
	#topnavi a { font-size: 19px }
	
	.b6 h2 { font-size: 20px }
	.b6 p { font-size: 17px }
	
}





/* All less than 980
===========================================================================================   */
@media only screen and (max-width: 980px)  {
	
	
	body:before { content: '<980'; position: fixed; z-index: 99999999; background: #fff; }
	
	#cmsForm #contact_details { height: 150px; }
	#cmsForm button { float: none; }
	.right, .left, .pagefilter section  { float: none !important; width: 100%; }
	.right { margin-bottom: 20px}
	
	
	.b_home .conpush { padding-top: 501px }
	.conpush { padding-top: 305px }
	
	header li a:before { margin-right: 0}
	header .menu { display: inline; }
	header ul span { display: none; }
	
	
	#message h3 {
		float: none;
	}
	

	
	
	#quicksearch div { margin-top: 170px; }
	
	.b_home #hero,
	.b_home #imgholder,
	.b_home #slideimages,
	.b_home #slideimages li {
		height: 500px;
	}
	
	#hero,
	#imgholder,
	#slideimages,
	#slideimages li {
		height: 305px;
	}
	
	
	#topnavi {
		position: absolute;
		box-sizing: border-box;
		z-index: 10;
		top: 160px;
		left: 0;
		width: 100%;
		height: auto;
		max-height: 0;
		margin: 0;
		overflow: hidden;
		border: none;
		transition: max-height 0.7s;
    }
    
    #quicksearch div {
		transition: opacity 0.7s; 
    }
    
    #hero,
	#imgholder,
	#slideimages,
	#slideimages li {
		transition: height 0.7s;
    }
    
    
    .conpush {
		transition: padding-top 0.7s; 
    }

   .out #topnavi {
    	display: block;
		max-height: 465px;
    }
    
    .out #quicksearch div { opacity: 0; }
	.out #hero,
	.out #imgholder,
	.out #slideimages,
	.out #slideimages li {
		height: 625px;
	}
	
	.out .conpush { padding-top: 626px }
    
    #topnavi .horpadd { padding:  0;}
	
	#topnavi ul	{
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 0 0 30px;
		text-align: left;
		overflow: hidden;
		background: none;
		display: block;
	}
	
	#topnavi ul li	{
		float: left;
		clear: both;
		width:100%;	
		position: relative;
		margin: 0;
	}
	#topnavi ul li a{
		float: left;
		clear: both;
		width: 100%;
		padding: 0 30px;
		text-align: left;	
		box-sizing: border-box;
		border-top: none;
	}
	#topnavi a:hover,
	#topnavi a:focus,
	#topnavi .on,
	#topnavi ul li:hover a {
		background: #042b54;
		color: #fff;
		border-top: none;
	}
	
	
	.b1, .b2, .b3, .b4, .b5, .b3_mem, .b5_mem { width: calc( 50% - 41px);}
	.b6, .b6_mem { width: calc( 100% - 41px);}
	
	.b5, .b5_mem { bottom: auto; margin-top: -310px; }
	.b5_mem { bottom: 754px; }
	.b3_mem { margin-bottom: 441px; }
	
	.b6 h2 { font-size: 28px }
	.b6 p { font-size: 20px }
	
	
	
	#maincal th b { display: none; }
	.calcontrol {
		float: right;
		position: static;
		margin: -15px 0 15px;
	}
	
	
	#main .intropage li,
	.docs li {
		width: calc(100% - 40px);
		
	}	
	
	.zoom { display: none; }
	
}



/* less than 768
===========================================================================================   */
@media only screen and  (max-width: 768px)  {
	
	body:before { content: '<768'; position: fixed; z-index: 99999999; background: #fff; }
	
	#cmsForm input[type="text"],
	#cmsForm input[type="password"],
	#cmsForm input[type="email"],
	#cmsForm textarea,
	#cmsForm select {
		width: 100%;
		box-sizing: border-box;
	}
	
	
	footer ul li { width: calc(50% - 40px); }
	footer p { width: 100%; text-align: left; }
	footer .satisfied { width: 100% }
	
	
	.b_experts td, .b_experts tr {  display: block; }
    .b_experts thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .b_experts tr + tr {  margin-top: 30px; }
    .b_experts td {
        border: none;
        position: relative;
        padding-left: 50%;
        text-align: left;
        margin-bottom: 5px;
    }
	
	.b_experts td:before {
	    content: attr(data-label);
	    position: absolute;
	    left: 10px;
	    top: 50%;
	    width: calc(50% - 20px);
	    transform: translateY(-50%);
	    font-weight: 400;
	}
    

}


/* less than 630
===========================================================================================   */
@media only screen and  (max-width: 630px)  {
	
	.b6 h2 { font-size: 22px }
	.b6 p { font-size: 19px }
	
	#maincal {
		border-left: none;
		border-right: none;
		border-top: none;
	}
	#maincal th,
	#maincal .blank {
		display: none; 
	}
	#maincal td {
		display: block;
		width: 100%;
		min-width: 100%;
		min-height: 30px;
		height: auto;
		border-bottom: 0;
		border-left: 0;
		padding: 8px 0
	}
	#maincal td a { font-size: 13px; clear: none; margin: 5px 0; width: calc( 100% - 40px) }
	
	body:not(.b_experts) .introtable td {
		display: table-row;
	}
	body:not(.b_experts) .introtable tr {
		border-bottom: 1px solid #ccc;
		display: block;
		margin-bottom: 20px;
		padding-bottom: 20px;
		position: relative ;
	}
	body:not(.b_experts) .introtable t:hover {
		background: none;
	}
	body:not(.b_experts) #main .introtable tr:hover td { background:none;}
	
}


/* less than 480
===========================================================================================   */
@media only screen and  (max-width: 480px)  {
	
	body:before { content: '<480'; position: fixed; z-index: 99999999; background: #fff; }
	
	#quicksearch div { width: 100%; box-sizing: border-box }
	#quicksearch h2 { font-size: 22px; }
	
	
	.b1, .b2, .b3, .b4, .b5, .b6, .b3_mem, .b5_mem, .b6_mem  { width: calc( 100% - 40px); float: none; position: relative; margin: 0; border: 0; border-bottom: 1px solid #fff;}
	.b1 { padding-bottom: 20px }
	
	.b6 div { width: calc(100% - 40px); }
	.b6 h2 { font-size: 28px }
	.b6 p { font-size: 20px }
	
	.calcontrol { width: 100%; }
	
	
	.only480 { display: block; }
	.onlydesk { display: none; }
	
	button,
	.buttonlink { 
		width: 100%;
		margin-bottom: 10px;
	}
	.pagefilter button,
	.pagefilter .buttonlink { width: calc(100% - 40px); margin-top: 10px }
	.b5_mem { bottom: 0; }
	
	
	.profile,
	.mdetails  {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.docs span { display: none; }
}

/* less than 320
===========================================================================================   */
@media only screen and  (max-width: 320px)  {
	
	body:before { content: '<320'; position: fixed; z-index: 99999999; background: #fff; }
	
	header .logo { width: 100%; }
	
	footer ul li { width: calc(100% - 40px); }
	
	footer p { font-size: 13px }
	footer p span { font-size: 11px; }
	
	.mdetails span,
	.mdetails p { width: 100%;}
	
}


/* Animations for desktop only
===========================================================================================   */
@media only screen and  (min-width: 768px)  {
	
	
	
}