@import url("font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,600,600italic");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700");


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; font-family: 'Open Sans', sans-serif;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	body {
		
		 word-wrap: break-word;
	}
	a
	{
	word-break: break-all;
	
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	img{max-width:100%}

	body {
		-webkit-text-size-adjust: none;
	}
	
	@font-face {
    font-family: 'MyriadProCondBold';
    src: url('../fonts/myriadpro-boldcond-webfont.eot');
    src: url('../fonts/myriadpro-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-boldcond-webfont.woff') format('woff'),
         url('../fonts/myriadpro-boldcond-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-boldcond-webfont.svg#MyriadProCondBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MyriadProCondRegular';
    src: url('../fonts/myriadpro-cond-webfont.eot');
    src: url('../fonts/myriadpro-cond-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-cond-webfont.woff') format('woff'),
         url('../fonts/myriadpro-cond-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-cond-webfont.svg#MyriadProCondRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'MYRIADPRO-REGULAR_0';
	src: url('../fonts/MYRIADPRO-REGULAR_0.eot');
	src: url('../fonts/MYRIADPRO-REGULAR_0.eot?#iefix')  format('embedded-opentype'),
		 url('../fonts/MYRIADPRO-REGULAR_0.woff') format('woff'), 
		 url('../fonts/MYRIADPRO-REGULAR_0.ttf') format('truetype'), 
		 url('../fonts/MYRIADPRO-REGULAR_0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Box Model */

* {
    box-sizing: border-box !important;
}

	*, *:before, *:after {
	box-sizing: border-box !important;
	}

/* Containers */

	.container {
		margin-left: auto;
		margin-right: auto;
		width: 1000px;
	}


	.container.\31 25\25 {
			width: 100%;
			max-width: 1500px;
			min-width: 1200px;
	}

	.container.\37 5\25 {
			width: 900px;
	}

	.container.\35 0\25 {
			width: 850px;
	}

	.container.\32 5\25 {
			width: 500px;
	}
	
	
 

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

		.container.\31 25\25 {
			width: 100%;
			max-width: 118.75%;
			min-width: 95%;
		}

		.container.\37 5\25 {
			width: 71.25%;
		}

		.container.\35 0\25 {
			width: 47.5%;
		}

		.container.\32 5\25 {
			width: 23.75%;
		}

		.container {
			width: 95% !important;
		}

	}

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

		.container.\31 25\25 {
			width: 100%;
			max-width: 112.5%;
			min-width: 90%;
		}

		.container.\37 5\25 {
			width: 67.5%;
		}

		.container.\35 0\25 {
			width: 45%;
		}

		.container.\32 5\25 {
			width: 22.5%;
		}

		.container {
			width: 90% !important;
		}

	}

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

		.container.\31 25\25 {
			width: 100%;
			max-width: 125%;
			min-width: 100%;
		}

		.container.\37 5\25 {
			width: 75%;
		}

		.container.\35 0\25 {
			width: 50%;
		}

		.container.\32 5\25 {
			width: 25%;
		}

		.container {
			width: 100% !important;
		}

	}

/* Grid */

	.row {
		border-bottom: solid 1px transparent;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.row > * {
		float: left;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.row:after, .row:before {
		content: '';
		display: block;
		clear: both;
		height: 0;
	}

	.row.uniform > * > :first-child {
		margin-top: 0;
	}

	.row.uniform > * > :last-child {
		margin-bottom: 0;
	}

	.row.\30 \25 > * {
		padding: 0px 0 0 0px;
	}

	.row.\30 \25 {
		margin: 0px 0 -1px 0px;
	}

	.row.uniform.\30 \25 > * {
		padding: 0px 0 0 0px;
	}

	.row.uniform.\30 \25 {
		margin: 0px 0 -1px 0px;
	}

	.row > * {
		padding: 50px 0 0 50px;
	}

	.row {
		margin: -50px 0 -1px -50px;
	}

	.row.uniform > * {
		padding: 50px 0 0 50px;
	}

	.row.uniform {
		margin: -50px 0 -1px -50px;
	}

	.row.\32 00\25 > * {
		padding: 100px 0 0 100px;
	}

	.row.\32 00\25 {
		margin: -100px 0 -1px -100px;
	}

	.row.uniform.\32 00\25 > * {
		padding: 100px 0 0 100px;
	}

	.row.uniform.\32 00\25 {
		margin: -100px 0 -1px -100px;
	}

	.row.\31 50\25 > * {
		padding: 75px 0 0 75px;
	}

	.row.\31 50\25 {
		margin: -75px 0 -1px -75px;
	}

	.row.uniform.\31 50\25 > * {
		padding: 75px 0 0 75px;
	}

	.row.uniform.\31 50\25 {
		margin: -75px 0 -1px -75px;
	}

	.row.\35 0\25 > * {
		padding: 25px 0 0 25px;
	}

	.row.\35 0\25 {
		margin: -25px 0 -1px -25px;
	}

	.row.uniform.\35 0\25 > * {
		padding: 25px 0 0 25px;
	}

	.row.uniform.\35 0\25 {
		margin: -25px 0 -1px -25px;
	}

	.row.\32 5\25 > * {
		padding: 12.5px 0 0 12.5px;
	}

	.row.\32 5\25 {
		margin: -12.5px 0 -1px -12.5px;
	}

	.row.uniform.\32 5\25 > * {
		padding: 12.5px 0 0 12.5px;
	}

	.row.uniform.\32 5\25 {
		margin: -12.5px 0 -1px -12.5px;
	}
	
	<!---------------- narrower 9u 10u 11u 12u ------------------->

	.\31 2u, .\31 2u\24 {
		width: 100%;
		clear: none;
		margin-left: 0;
	}

	.\31 1u, .\31 1u\24 {
		width: 91.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 0u, .\31 0u\24 {
		width: 83.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\39 u, .\39 u\24 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}

	.\38 u, .\38 u\24 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\37 u, .\37 u\24 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\36 u, .\36 u\24 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}

	.\35 u, .\35 u\24 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\34 u, .\34 u\24 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\33 u, .\33 u\24 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}

	.\32 u, .\32 u\24 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 u, .\31 u\24 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\31 2u\24 + *,
	.\31 1u\24 + *,
	.\31 0u\24 + *,
	.\39 u\24 + *,
	.\38 u\24 + *,
	.\37 u\24 + *,
	.\36 u\24 + *,
	.\35 u\24 + *,
	.\34 u\24 + *,
	.\33 u\24 + *,
	.\32 u\24 + *,
	.\31 u\24 + * {
		clear: left;
	}

	.\-11u {
		margin-left: 91.66667%;
	}

	.\-10u {
		margin-left: 83.33333%;
	}

	.\-9u {
		margin-left: 75%;
	}

	.\-8u {
		margin-left: 66.66667%;
	}

	.\-7u {
		margin-left: 58.33333%;
	}

	.\-6u {
		margin-left: 50%;
	}

	.\-5u {
		margin-left: 41.66667%;
	}

	.\-4u {
		margin-left: 33.33333%;
	}

	.\-3u {
		margin-left: 25%;
	}

	.\-2u {
		margin-left: 16.66667%;
	}

	.\-1u {
		margin-left: 8.33333%;
	}

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

		.row > * {
			padding: 0;
		}
		.row {margin: 0;}
		
		.event-arrow{margin:0; background:url(../../images/event-arrow.png) no-repeat center top;}
		.logo-images h1{ color:#58595b; font-size:40px; margin:0.5em 0; }
	

		.row.uniform > * {
			padding: 40px 0 0 40px;
		}

		.row.uniform {
			margin: -40px 0 -1px -40px;
		}

		.row.\32 00\25 > * {
			padding: 80px 0 0 80px;
		}

		.row.\32 00\25 {
			margin: -80px 0 -1px -80px;
		}

		.row.uniform.\32 00\25 > * {
			padding: 80px 0 0 80px;
		}

		.row.uniform.\32 00\25 {
			margin: -80px 0 -1px -80px;
		}

		.row.\31 50\25 > * {
			padding: 60px 0 0 60px;
		}

		.row.\31 50\25 {
			margin: -60px 0 -1px -60px;
		}

		.row.uniform.\31 50\25 > * {
			padding: 60px 0 0 60px;
		}

		.row.uniform.\31 50\25 {
			margin: -60px 0 -1px -60px;
		}

		.row.\35 0\25 > * {
			padding: 20px 0 0 0px;
		}

		.row.\35 0\25 {
			margin: -20px 0 -1px -20px;
		}

		.row.uniform.\35 0\25 > * {
			padding: 20px 0 0 20px;
		}

		.row.uniform.\35 0\25 {
			margin: -20px 0 -1px -20px;
		}

		.row.\32 5\25 > * {
			padding: 10px 0 0 10px;
		}

		.row.\32 5\25 {
			margin: -10px 0 -1px -10px;
		}

		.row.uniform.\32 5\25 > * {
			padding: 10px 0 0 10px;
		}

		.row.uniform.\32 5\25 {
			margin: -10px 0 -1px -10px;
		}

		.\31 2u\28wide\29, .\31 2u\24\28wide\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28wide\29, .\31 1u\24\28wide\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28wide\29, .\31 0u\24\28wide\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28wide\29, .\39 u\24\28wide\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28wide\29, .\38 u\24\28wide\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28wide\29, .\37 u\24\28wide\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28wide\29, .\36 u\24\28wide\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28wide\29, .\35 u\24\28wide\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28wide\29, .\34 u\24\28wide\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28wide\29, .\33 u\24\28wide\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28wide\29, .\32 u\24\28wide\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28wide\29, .\31 u\24\28wide\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28wide\29 + *,
		.\31 1u\24\28wide\29 + *,
		.\31 0u\24\28wide\29 + *,
		.\39 u\24\28wide\29 + *,
		.\38 u\24\28wide\29 + *,
		.\37 u\24\28wide\29 + *,
		.\36 u\24\28wide\29 + *,
		.\35 u\24\28wide\29 + *,
		.\34 u\24\28wide\29 + *,
		.\33 u\24\28wide\29 + *,
		.\32 u\24\28wide\29 + *,
		.\31 u\24\28wide\29 + * {
			clear: left;
		}

		.\-11u\28wide\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28wide\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28wide\29 {
			margin-left: 75%;
		}

		.\-8u\28wide\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28wide\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28wide\29 {
			margin-left: 50%;
		}

		.\-5u\28wide\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28wide\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28wide\29 {
			margin-left: 25%;
		}

		.\-2u\28wide\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28wide\29 {
			margin-left: 8.33333%;
		}

	}

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

		.row > * {
			padding: 30px 0 0 30px;
		}

		.row {
			margin:0px 0 -1px -30px;
		}

		.row.uniform > * {
			padding: 30px 0 0 30px;
		}

		.row.uniform {
			margin: -30px 0 -1px -30px;
		}

		.row.\32 00\25 > * {
			padding: 60px 0 0 60px;
		}

		.row.\32 00\25 {
			margin: -60px 0 -1px -60px;
		}

		.row.uniform.\32 00\25 > * {
			padding: 60px 0 0 60px;
		}

		.row.uniform.\32 00\25 {
			margin: -60px 0 -1px -60px;
		}

		.row.\31 50\25 > * {
			padding: 45px 0 0 45px;
		}

		.row.\31 50\25 {
			margin: -45px 0 -1px -45px;
		}

		.row.uniform.\31 50\25 > * {
			padding: 45px 0 0 45px;
		}

		.row.uniform.\31 50\25 {
			margin: -45px 0 -1px -45px;

		}

		.row.\35 0\25 > * {
			padding: 15px 0 0 15px;
		}

		.row.\35 0\25 {
			margin: -15px 0 -1px -15px;
		}

		.row.uniform.\35 0\25 > * {
			padding: 15px 0 0 15px;
		}

		.row.uniform.\35 0\25 {
			margin: -15px 0 -1px -15px;
		}

		.row.\32 5\25 > * {
			padding: 7.5px 0 0 7.5px;
		}

		.row.\32 5\25 {
			margin: -7.5px 0 -1px -7.5px;
		}

		.row.uniform.\32 5\25 > * {
			padding: 7.5px 0 0 7.5px;
		}

		.row.uniform.\32 5\25 {
			margin: -7.5px 0 -1px -7.5px;
		}

		.\31 2u\28normal\29, .\31 2u\24\28normal\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28normal\29, .\31 1u\24\28normal\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28normal\29, .\31 0u\24\28normal\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28normal\29, .\39 u\24\28normal\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28normal\29, .\38 u\24\28normal\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28normal\29, .\37 u\24\28normal\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28normal\29, .\36 u\24\28normal\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28normal\29, .\35 u\24\28normal\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28normal\29, .\34 u\24\28normal\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28normal\29, .\33 u\24\28normal\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28normal\29, .\32 u\24\28normal\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28normal\29, .\31 u\24\28normal\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28normal\29 + *,
		.\31 1u\24\28normal\29 + *,
		.\31 0u\24\28normal\29 + *,
		.\39 u\24\28normal\29 + *,
		.\38 u\24\28normal\29 + *,
		.\37 u\24\28normal\29 + *,
		.\36 u\24\28normal\29 + *,
		.\35 u\24\28normal\29 + *,
		.\34 u\24\28normal\29 + *,
		.\33 u\24\28normal\29 + *,
		.\32 u\24\28normal\29 + *,
		.\31 u\24\28normal\29 + * {
			clear: left;
		}

		.\-11u\28normal\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28normal\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28normal\29 {
			margin-left: 75%;
		}

		.\-8u\28normal\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28normal\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28normal\29 {
			margin-left: 50%;
		}

		.\-5u\28normal\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28normal\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28normal\29 {
			margin-left: 25%;
		}

		.\-2u\28normal\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28normal\29 {
			margin-left: 8.33333%;
		}
		
		

	}

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

		.row > * {
			padding: 30px 0 0 30px;
		}

		.row {
			margin: -30px 0 -1px -30px;
		}

		.row.uniform > * {
			padding: 30px 0 0 30px;
		}

		.row.uniform {
			margin: -30px 0 -1px -30px;
		}

		.row.\32 00\25 > * {
			padding: 60px 0 0 60px;
		}

		.row.\32 00\25 {
			margin: -60px 0 -1px -60px;
		}

		.row.uniform.\32 00\25 > * {
			padding: 60px 0 0 60px;
		}

		.row.uniform.\32 00\25 {
			margin: -60px 0 -1px -60px;
		}

		.row.\31 50\25 > * {
			padding: 45px 0 0 45px;
		}

		.row.\31 50\25 {
			margin: -45px 0 -1px -45px;
		}

		.row.uniform.\31 50\25 > * {
			padding: 45px 0 0 45px;
		}

		.row.uniform.\31 50\25 {
			margin: -45px 0 -1px -45px;
		}

		.row.\35 0\25 > * {
			padding: 15px 0 0 15px;
		}

		.row.\35 0\25 {
			margin: -15px 0 -1px -15px;
		}

		.row.uniform.\35 0\25 > * {
			padding: 15px 0 0 15px;
		}

		.row.uniform.\35 0\25 {
			margin: -15px 0 -1px -15px;
		}

		.row.\32 5\25 > * {
			padding: 7.5px 0 0 7.5px;
		}

		.row.\32 5\25 {
			margin: -7.5px 0 -1px -7.5px;
		}

		.row.uniform.\32 5\25 > * {
			padding: 7.5px 0 0 7.5px;
		}

		.row.uniform.\32 5\25 {
			margin: -7.5px 0 -1px -7.5px;
		}

		.\31 2u\28narrow\29, .\31 2u\24\28narrow\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28narrow\29, .\31 1u\24\28narrow\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28narrow\29, .\31 0u\24\28narrow\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28narrow\29, .\39 u\24\28narrow\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28narrow\29, .\38 u\24\28narrow\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28narrow\29, .\37 u\24\28narrow\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28narrow\29, .\36 u\24\28narrow\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28narrow\29, .\35 u\24\28narrow\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28narrow\29, .\34 u\24\28narrow\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28narrow\29, .\33 u\24\28narrow\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28narrow\29, .\32 u\24\28narrow\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28narrow\29, .\31 u\24\28narrow\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28narrow\29 + *,
		.\31 1u\24\28narrow\29 + *,
		.\31 0u\24\28narrow\29 + *,
		.\39 u\24\28narrow\29 + *,
		.\38 u\24\28narrow\29 + *,
		.\37 u\24\28narrow\29 + *,
		.\36 u\24\28narrow\29 + *,
		.\35 u\24\28narrow\29 + *,
		.\34 u\24\28narrow\29 + *,
		.\33 u\24\28narrow\29 + *,
		.\32 u\24\28narrow\29 + *,
		.\31 u\24\28narrow\29 + * {
			clear: left;
		}

		.\-11u\28narrow\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28narrow\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28narrow\29 {
			margin-left: 75%;
		}

		.\-8u\28narrow\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28narrow\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28narrow\29 {
			margin-left: 50%;
		}

		.\-5u\28narrow\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28narrow\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28narrow\29 {
			margin-left: 25%;
		}

		.\-2u\28narrow\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28narrow\29 {
			margin-left: 8.33333%;
		}

	}

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

		.row > * {
			padding: 30px 0 0 0px;
		}

		.row {
			margin:0 auto;
		}

		.row.uniform > * {
			padding: 30px 0 0 30px;
		}

		.row.uniform {
			margin: -30px 0 -1px -30px;
		}

		.row.\32 00\25 > * {
			padding: 60px 0 0 60px;
		}

		.row.\32 00\25 {
			margin: -60px 0 -1px -60px;
		}

		.row.uniform.\32 00\25 > * {
			padding: 60px 0 0 60px;
		}

		.row.uniform.\32 00\25 {
			margin: -60px 0 -1px -60px;
		}

		.row.\31 50\25 > * {
			padding: 45px 0 0 45px;
		}

		.row.\31 50\25 {
			margin: -45px 0 -1px -45px;
		}

		.row.uniform.\31 50\25 > * {
			padding: 45px 0 0 45px;
		}

		.row.uniform.\31 50\25 {
			margin: -45px 0 -1px -45px;
		}

		.row.\35 0\25 > * {
			padding: 15px 0 0 15px;
		}

		.row.\35 0\25 {
			margin: -15px 0 -1px -15px;
		}

		.row.uniform.\35 0\25 > * {
			padding: 15px 0 0 15px;
		}

		.row.uniform.\35 0\25 {
			margin: -15px 0 -1px -15px;
		}

		.row.\32 5\25 > * {
			padding: 7.5px 0 0 7.5px;
		}

		.row.\32 5\25 {
			margin: -7.5px 0 -1px -7.5px;
		}

		.row.uniform.\32 5\25 > * {
			padding: 7.5px 0 0 7.5px;
		}

		.row.uniform.\32 5\25 {
			margin: -7.5px 0 -1px -7.5px;
		}

		.\31 2u\28narrower\29, .\31 2u\24\28narrower\29 {
			width: 100%;
			clear: none;
			margin-left: 0; 
		}

		.\31 1u\28narrower\29, .\31 1u\24\28narrower\29 {
			width: 100%; clear: none;	margin-left:auto; margin-right:auto; text-align:center;
		}

		.\31 0u\28narrower\29, .\31 0u\24\28narrower\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28narrower\29, .\39 u\24\28narrower\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28narrower\29, .\38 u\24\28narrower\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28narrower\29, .\37 u\24\28narrower\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28narrower\29, .\36 u\24\28narrower\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28narrower\29, .\35 u\24\28narrower\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28narrower\29, .\34 u\24\28narrower\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28narrower\29, .\33 u\24\28narrower\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28narrower\29, .\32 u\24\28narrower\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28narrower\29, .\31 u\24\28narrower\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28narrower\29 + *,
		.\31 1u\24\28narrower\29 + *,
		.\31 0u\24\28narrower\29 + *,
		.\39 u\24\28narrower\29 + *,
		.\38 u\24\28narrower\29 + *,
		.\37 u\24\28narrower\29 + *,
		.\36 u\24\28narrower\29 + *,
		.\35 u\24\28narrower\29 + *,
		.\34 u\24\28narrower\29 + *,
		.\33 u\24\28narrower\29 + *,
		.\32 u\24\28narrower\29 + *,
		.\31 u\24\28narrower\29 + * {
			clear: left;
		}

		.\-11u\28narrower\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28narrower\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28narrower\29 {
			margin-left: 75%;
		}

		.\-8u\28narrower\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28narrower\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28narrower\29 {
			margin-left: 50%;
		}

		.\-5u\28narrower\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28narrower\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28narrower\29 {
			margin-left: 25%;
		}

		.\-2u\28narrower\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28narrower\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (max-width: 736px) {
	
		.row.uniform > * {
			padding: 20px 0 0 20px;
		}

		.row.uniform {
			margin: -20px 0 -1px -20px;
		}

		.row.\32 00\25 > * {
			padding: 40px 0 0 40px;
		}

		.row.\32 00\25 {
			margin: -40px 0 -1px -40px;
		}

		.row.uniform.\32 00\25 > * {
			padding: 40px 0 0 40px;
		}

		.row.uniform.\32 00\25 {
			margin: -40px 0 -1px -40px;
		}

		.row.\31 50\25 > * {
			padding: 30px 0 0 30px;
		}

		.row.\31 50\25 {
			margin: -30px 0 -1px -30px;
		}

		.row.uniform.\31 50\25 > * {
			padding: 30px 0 0 30px;
		}

		.row.uniform.\31 50\25 {
			margin: -30px 0 -1px -30px;
		}

		.row.\35 0\25 > * {
			padding: 10px 0 0 10px;
		}

		.row.\35 0\25 {
			margin: -10px 0 -1px -10px;
		}

		.row.uniform.\35 0\25 > * {
			padding: 10px 0 0 10px;
		}

		.row.uniform.\35 0\25 {
			margin: -10px 0 -1px -10px;
		}

		.row.\32 5\25 > * {
			padding: 5px 0 0 5px;
		}

		.row.\32 5\25 {
			margin: -5px 0 -1px -5px;
		}

		.row.uniform.\32 5\25 > * {
			padding: 5px 0 0 5px;
		}

		.row.uniform.\32 5\25 {
			margin: -5px 0 -1px -5px;
		}

		.\31 2u\28mobile\29, .\31 2u\24\28mobile\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28mobile\29, .\31 1u\24\28mobile\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28mobile\29, .\31 0u\24\28mobile\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28mobile\29, .\39 u\24\28mobile\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28mobile\29, .\38 u\24\28mobile\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28mobile\29, .\37 u\24\28mobile\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28mobile\29, .\36 u\24\28mobile\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28mobile\29, .\35 u\24\28mobile\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28mobile\29, .\34 u\24\28mobile\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28mobile\29, .\33 u\24\28mobile\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28mobile\29, .\32 u\24\28mobile\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28mobile\29, .\31 u\24\28mobile\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28mobile\29 + *,
		.\31 1u\24\28mobile\29 + *,
		.\31 0u\24\28mobile\29 + *,
		.\39 u\24\28mobile\29 + *,
		.\38 u\24\28mobile\29 + *,
		.\37 u\24\28mobile\29 + *,
		.\36 u\24\28mobile\29 + *,
		.\35 u\24\28mobile\29 + *,
		.\34 u\24\28mobile\29 + *,
		.\33 u\24\28mobile\29 + *,
		.\32 u\24\28mobile\29 + *,
		.\31 u\24\28mobile\29 + * {
			clear: left;
		}

		.\-11u\28mobile\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28mobile\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28mobile\29 {
			margin-left: 75%;
		}

		.\-8u\28mobile\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28mobile\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28mobile\29 {
			margin-left: 50%;
		}

		.\-5u\28mobile\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28mobile\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28mobile\29 {
			margin-left: 25%;
		}

		.\-2u\28mobile\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28mobile\29 {
			margin-left: 8.33333%;
		}

	}

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

		.row > * {
			padding: 20px 30px 0 30px;
		}

		.row {
			margin: 0 auto;
		}

		
		.row.\32 00\25 {
			margin: -40px 0 -1px -40px;
		}

		.row.uniform.\32 00\25 > * {
			padding: 40px 0 0 40px;
		}

		.row.uniform.\32 00\25 {
			margin: -40px 0 -1px -40px;
		}

		.row.\31 50\25 > * {
			padding: 30px 0 0 30px;
		}

		.row.\31 50\25 {
			margin: -30px 0 -1px -30px;
		}

		.row.uniform.\31 50\25 > * {
			padding: 30px 0 0 30px;
		}

		.row.uniform.\31 50\25 {
			margin: -30px 0 -1px -30px;
		}

		.row.\35 0\25 > * {
			padding: 10px 0 0 10px;
		}

		.row.\35 0\25 {
			margin: -10px 0 -1px -10px;
		}

		.row.uniform.\35 0\25 > * {
			padding: 10px 0 0 10px;
		}

		.row.uniform.\35 0\25 {
			margin: -10px 0 -1px -10px;
		}

		.row.\32 5\25 > * {
			padding: 5px 0 0 5px;
		}

		.row.\32 5\25 {
			margin: -5px 0 -1px -5px;
		}

		.row.uniform.\32 5\25 > * {
			padding: 5px 0 0 5px;
		}

		.row.uniform.\32 5\25 {
			margin: -5px 0 -1px -5px;
		}

		.\31 2u\28mobilep\29, .\31 2u\24\28mobilep\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28mobilep\29, .\31 1u\24\28mobilep\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28mobilep\29, .\31 0u\24\28mobilep\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28mobilep\29, .\39 u\24\28mobilep\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28mobilep\29, .\38 u\24\28mobilep\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28mobilep\29, .\37 u\24\28mobilep\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28mobilep\29, .\36 u\24\28mobilep\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28mobilep\29, .\35 u\24\28mobilep\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28mobilep\29, .\34 u\24\28mobilep\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28mobilep\29, .\33 u\24\28mobilep\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28mobilep\29, .\32 u\24\28mobilep\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28mobilep\29, .\31 u\24\28mobilep\29 {
			width: 8.3333333333%;


			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28mobilep\29 + *,
		.\31 1u\24\28mobilep\29 + *,
		.\31 0u\24\28mobilep\29 + *,
		.\39 u\24\28mobilep\29 + *,
		.\38 u\24\28mobilep\29 + *,
		.\37 u\24\28mobilep\29 + *,
		.\36 u\24\28mobilep\29 + *,
		.\35 u\24\28mobilep\29 + *,
		.\34 u\24\28mobilep\29 + *,
		.\33 u\24\28mobilep\29 + *,
		.\32 u\24\28mobilep\29 + *,
		.\31 u\24\28mobilep\29 + * {
			clear: left;
		}

		.\-11u\28mobilep\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28mobilep\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28mobilep\29 {
			margin-left: 75%;
		}

		.\-8u\28mobilep\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28mobilep\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28mobilep\29 {
			margin-left: 50%;
		}

		.\-5u\28mobilep\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28mobilep\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28mobilep\29 {
			margin-left: 25%;
		}

		.\-2u\28mobilep\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28mobilep\29 {
			margin-left: 8.33333%;
		}
		
	

	}



/* for pc Basic */

	body {
		background: #ffff; 
	}

	body.is-loading * {
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
	}

	body, input, select, textarea {color: #000000; font-family: 'Source Sans Pro', sans-serif;font-size: 16pt;font-weight: 300;line-height: 20px;}

	a {text-decoration: none;}

	a:hover {}

	strong, b {
		font-weight: 600; color:#58595b;
	}

	em, i {
		font-style: italic;
	}

	p, ul, ol, dl, table, blockquote {
		margin: 0 0 0.5em 0; 
	}
	p{line-height:24px; font-size:14px;}
	

	h1, h2, h3, h4, h5, h6 {
		color: inherit;font-weight: 600; margin:0.6em 0; color:#58595b;
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
		}

		h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
			font-style: normal;
			font-weight: 300;
		}
		
	h1{ font-size:2.0em;}

	h2 {
		font-size: 1.5em;
	}

	h3 {
		font-size: 1em; 
	}

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	hr {
		border-top: solid 1px #ef5660; color:#ef5660;
		margin-bottom: 2.5em;
	}

	blockquote {
		border-left: solid 0.5em #e0e0e0;
		font-style: italic;
		padding: 1em 0 1em 2em;
	}

	section.special, article.special {
		text-align: center;
	}

	header p {
		color: #999;
		font-size: 1.25em;
		position: relative;
		margin-top: -1.25em;
		margin-bottom: 2.25em;
	}

	header.major {
		text-align: center;
		margin: 0 0 2em 0;
	}

		header.major h2 {
			font-size: 2.25em;
		}

		header.major p {
			position: relative;
			border-top: solid 1px #e0e0e0;
			padding: 1em 0 0 0;
			margin: 0;
			top: -1em;
			font-size: 1.5em;
			letter-spacing: -0.025em;
		}

	footer {
		margin: 0 0 3em 0;
	}

	footer > :last-child {
			margin-bottom: 0;
		}

	footer.major {
			padding-top: 3em;
		}


/* Form */

	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: border-color 0.2s ease-in-out;
		-webkit-transition: border-color 0.2s ease-in-out;
		-ms-transition: border-color 0.2s ease-in-out;
		transition: border-color 0.2s ease-in-out;
		background: #fff;
		border: solid 1px #e0e0e0;
		border-radius: 5px;
		color: inherit;
		display: block;
		outline: 0;
		padding: 0.75em;
		text-decoration: none; 
	}
	
	input[type="checkbox"]{ border:1px solid #999;}
	
select{ }

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		textarea:focus {
			border-color: #37c0fb;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"] {
		line-height: 1em;
	}

	label {
		display: block;
		color: inherit;
		font-weight: 600;
		
		margin-bottom: 0.5em;
	}

	::-webkit-input-placeholder {
		color: #999;
		position: relative;
		top: 3px;
	}

	:-moz-placeholder {
		color: #999;
	}

	::-moz-placeholder {
		color: #999;
	}

	:-ms-input-placeholder {
		color: #999;
	}

	.formerize-placeholder {
		color: #999;
	}

/* Image */

	.image {
		border: 0;
		display: inline-block;
		position: relative;
		border-radius: 5px;
	}

		.image img {
			display: block;
			border-radius: 5px;
		}

		.image.left {
			display: block;
			float: left;
			margin: 0 2em 2em 0;
			position: relative;
			top: 0.25em;
		}

			.image.left img {
				display: block;
				width: 100%;
			}

		.image.fit {
			display: block;
		}

			.image.fit img {
				display: block;
				width: 100%;
			}

		.image.featured {
			display: block;
			margin: 0 0 2em 0;
		}

			.image.featured img {
				display: block;
				width: 100%;
			}

/* Icon */

	.icon {text-decoration: none;position: relative;text-decoration: none; }

	.icon:before {	-moz-osx-font-smoothing: grayscale;	-webkit-font-smoothing: antialiased;	font-family: FontAwesome;
	font-style: normal;font-weight: normal;text-transform: none !important;
	}
	.icon > .label {display: none;}

	.icon.major {	text-align: center;	margin: 0 0 0 0;}

	.icon.major:before {font-size: 36px;}

/* Lists */

	ol.default {
		list-style: decimal;
		padding-left: 1.25em;
	}

		ol.default li {
			padding-left: 0.25em;
		}

	ul.default {
		list-style: disc;
		padding-left: 1em;
	}

	ul.default li {
		padding-left: 0.5em;
	}
		
	
	ul.flinks{ width:50%; float:left;}
	ul.flinks li { text-align:left; margin-bottom:10px;}
	
	.social-icon{display: flex; margin:10px auto 0 auto; width: 100%;}
	.social-icon ul {cursor: default;}
	.social-icon li {display: inline-block; line-height: 1em; padding-left:0.5em;}
	.social-icon li:first-child {	padding-left: 0;}
	.social-icon li a, ul.icons li span {font-size:1.5em;border: 0;}

	ul.actions {
		cursor: default;
	}

		ul.actions:last-child {
			margin-bottom: 0;
		}

		ul.actions li {
			display: inline-block;
			padding: 0 0 0 1.5em;
		}

			ul.actions li:first-child {
				padding: 0;
			}

		ul.actions.vertical li {
			display: block;
			padding: 1.5em 0 0 0;
		}

			ul.actions.vertical li:first-child {
				padding: 0;
			}

	ul.menu li {
		border-left: solid 1px #e0e0e0;
		display: inline-block;
		padding: 0 0 0 1em;
		margin: 0 0 0 1em;
	}

		ul.menu li:first-child {
			border-left: 0;
			margin-left: 0;
			padding-left: 0;
		}

/* Tables */

	table {
		width: 100%;
	}

		table.default {
			width: 100%;
		}

			table.default tbody tr {
				border-bottom: solid 1px #e0e0e0;
			}

			table.default td {
				padding: 0.5em 1em 0.5em 1em;
			}

			table.default th {
				font-weight: 600;
				padding: 0.5em 1em 0.5em 1em;
				text-align: left;
			}

			table.default thead {
				background-color: #555555;
				color: #fff;
			}

/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	.button {
		background-color: #9b7ecd;
		border: 0;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		padding: 3px 8px;
		text-align: center;
		text-decoration: none;
		font-weight: 600;
		letter-spacing: -0.025em; margin:2px 0;
		font-size: 16px;
		-webkit-appearance: none !important; 
	}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		.button:hover {

		}

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		.button:active {
	
		}

		input[type="submit"].alt,
		input[type="reset"].alt,
		input[type="button"].alt,
		.button.alt {

		}

			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			input[type="button"].alt:hover,
			.button.alt:hover {
				background-color: #626262;
			}

			input[type="submit"].alt:active,
			input[type="reset"].alt:active,
			input[type="button"].alt:active,
			.button.alt:active {
				background-color: #484848;
			}

		input[type="submit"].icon:before,
		input[type="reset"].icon:before,
		input[type="button"].icon:before,
		.button.icon:before {
			margin-right: 0.5em;
		}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		.button.fit {
			width: 100%;
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		.button.small {
			font-size: 0.8em;
		}

/* Box */

	.box.highlight {text-align: center; font-size:15px;}
	
	.box.highlight  h3 { color:#58595b; margin-bottom:0.5em; font-size:22px;}
	
	.purple{ background:#9b7ecd; color:#fff; height:226px; line-height:26px; font-size:20px; width:100%; }
	.purple p{ padding:40px 50px 0px 50px;}
	.purple i{ font-size:16px; line-height:16px; width:100px;}

	
	.box.post {
		position: relative;
		margin: 0 0 2em 0;
	}

		.box.post:after {
			content: '';
			display: block;
			clear: both;
		}

		.box.post .inner {
			margin-left: calc(30% + 2em);
		}

			.box.post .inner > :last-child {
				margin-bottom: 0;
			}

		.box.post .image {
			width: 30%;
			margin: 0;
		}
		
/* font-color-background */

.pfc{color:#ef5660 !important}
.bfc{color:#4bb7b2 !important}
.wfc{color:#fff !important}
.gfc{ color:#58595b !important;}
.rfc{color:#FF0000 !important;}


.pbg{ background:#d23c77 !important}
.pbg1{ background:#a282a6 !important}
.plbg{ background:#a282a6 !important;}
.bbg{ background:#92cecd !important}
.lbbg{ background:#c7f0ef !important}
.gbg{background:#97989b !important;}

.uc{text-transform:uppercase !important;}
.c{ text-align:center !important;}
.l{ text-align:left !important;}
.r{ text-align:right !important;}

.center{ text-align:center;}
.left{ text-align:left;}
.right{ text-align:right;}


.padT20{ padding:20px 0 10px 0}
.padT0{padding-top:0px !important}

.nu{text-decoration:none;}
.ul{text-decoration:underline;}
.b { font-weight:bold;}
.btn{ display:block; text-align:center; width:164px; height:25px; line-height:25px; color:#fff; font-size:13px; font-weight:bold; text-transform:uppercase; margin:0 auto 10px auto;} 
.mar0{ margin:10px 0;}

.pLink{ text-decoration:underline; color:#ef5660; font-size:16px; font-weight:bold; }

.plbtn{ background:#9b7ecd; display:inline-block; padding:5px 15px; text-transform:uppercase;  color:#fff; text-align:center; font-size:24px; font-weight:bold; }
.pkbtn{ background:#ef5660; display:inline-block; padding:5px 15px; text-transform:uppercase;  color:#fff; text-align:center; font-size:24px; font-weight:bold; }
.bbtn{ background:#92cecd; display:inline-block; padding:5px 15px; text-transform:uppercase;  color:#fff; text-align:center; font-size:24px; font-weight:bold;}
.gbtn{ background:#97989b; display:inline-block; padding:5px 15px; text-transform:uppercase;  color:#fff; text-align:center; font-size:24px; font-weight:bold;}

.fs12{ font-size:12px !important}
.fs14{ font-size:14px !important}
.fs16{ font-size:16px !important}
.fs18{ font-size:18px !important}
.fs20{ font-size:20px !important}
.fs22{ font-size:22px !important}
.fs24{ font-size:24px !important}
.fs26{ font-size:26px !important}
.fs30{ font-size:30px !important}
.fs36{ font-size:36px !important}
.fs40{ font-size:40px !important}

/* Header */

	#header {
    background-color: #f2ebf3;
    height: 91px;
    position: fixed;
    width: 100%;
    z-index: 9;
}
#logo {
    float: left;
    margin: 0 0 0 -70px;
    padding: 0;
    width: auto;
}	
	.login {
    float: right;
    height: 30px;
    margin: 10px 0 8px;
    min-width: 150px;
    padding: 0;
}
	.login a{ display:block; background:none; color:#7d5b81; float:right; font-size:14px; font-weight:bold; padding:0px 10px; line-height:30px;	
	}
.login a:hover, .login a:focus, .login a:active {
  
}		
	
	.login-mob a{ display:none;}	
	.logout a{display:none; }
	.change-pas a{ display:none;}
	
	.lnav{margin-top:45px}
	/*.login a:hover, .login a:focus, .login a:active {
  background-color: #f9f2f3;
 
}		*/
	
 
	#nav {
    float: right;
    width: auto;
}

	#nav:after {}

	#nav > ul {
			margin: 0; float:right; padding:0; display:table;
		}

	#nav > ul > li {
    display: table-cell;
    margin-left: 18px;
    padding: 0px 0 0 120px;
    position: relative;  
}

	#nav > ul > li a {
					color: #7d5b81; text-decoration: none; display: block; text-transform:uppercase; font-weight:bold; font-size:16px; line-height:32px; border-bottom:4px solid rgba(0, 0, 0, 0.0);
				}
				
	#nav > ul > li a {}
				
	#nav > ul > li:first-child {
				padding: 0px 0 0 0px;	
				}

	#nav > ul > li:hover a {
				 	border-bottom:4px solid #fec53b;
				}

	#nav > ul > li.current {
					
				}

	#nav > ul > li.current:before {
						
					}

	#nav > ul > li.current a {
						border-bottom:4px solid #fec53b;
					}

	#nav > ul > li.active a {
					color: #fff;
				}

	#nav > ul > li.active.current:before {
					opacity: 0;
				}

	#nav > ul > li > ul {
					display: none;
				}

/* Dropotron */

	.dropotron {
		background-color: #333;
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url("images/bg01.png");
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url("images/bg01.png");
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url("images/bg01.png");
		background-image: linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url("images/bg01.png");
		border-radius: 5px;
		color: #fff;
		min-width: 10em;
		padding: 1em 0;
		text-align: center;
		box-shadow: 0 1em 1em 0 rgba(0, 0, 0, 0.5);
	}

		.dropotron > li {
			line-height: 2em;
			padding: 0 1.1em 0 1em;
		}

			.dropotron > li > a {
				color: #c0c0c0;
				text-decoration: none;
				border: 0;
			}

			.dropotron > li.active > a, .dropotron > li:hover > a {
				color: #fff;
			}

		.dropotron.level-0 {
			border-radius: 0 0 5px 5px;
			font-size: 0.9em;
			padding-top: 0;
			margin-top: -1px;
		}

/* Banner */

	#banner {text-align: center; width: 100%; min-height:400px; padding-top:100px; background:#f8f8f6 url(../images/banner.jpg) no-repeat center 100px!important;}	
	.search { background:#fff; width:460px; height:70px; margin:0 auto;}
	.search input {width:70%; height:70px; padding:0 5px; border:0;}
	.search .fa-search { background:#9b7ecd url(../../images/searchbtn.png) no-repeat center 15px; float:right; width:65px; height:70px; text-align:right;}
	.fa-search::before { content: "" !important;}
	.home_banner h2 {	 color: #ef5660; display: inline-block;  font-size: 1.5em;  line-height: 40px; margin: 0 0 20px;  padding:100px 0 0 0;  text-align: center; text-transform: uppercase; vertical-align: middle;  width: 100%;}	
	#banner header .button {vertical-align: middle;margin-left: 1em;}
	
	.wrapper {padding: 1.5em 0 2em 0;}
	.wrapper.style1 {background: #fff;}
	.wrapper.style2 {background: #fff;}
	.wrapper.style3 {background: #fff;}
	.wrapper.style3 .button {background: #fff;	color: #474747;}
	.wrapper.style3 .button:hover {color: #37c0fb !important;}
	.wrapper.style1 h2{ font-size:24px; margin:0 0 1em 0; text-align:center;}
	
/* ----- Subheader -----------*/

#subheader{  padding:155px 0 20px 0; width: 100%; position:fixed;z-index:3; box-sizing:border-box !important;}
#subheader .row > * { padding-top:0 !important;}
#subheader h2{ padding:15px 0 0 0; margin:0; float:left; margin-left:5px; font-size:2.2em;}
#subheader img{ display:inline-flex;}
.sh{ text-align:right}

.shTpad{ padding-top:280px;}
.shCons{text-align: left !important;display: block;clear: both;padding: 20px 0 0 15px;}
/* CP Profile Subheader */

.tools-bg{ background:#fff url(../../images/cp-tools-bg.png) no-repeat center top; height:198px; display:block; font-size:26px; color:#fff; text-transform:uppercase; text-align:center; font-weight:bold; display:inline-block; padding-top:65px; line-height:32px; margin-top:10px; width:200px; margin:0 auto;}
#cp{ width:100% ;  padding:0;}/* Surya search change*/
#cp > input{ width:102px;  border:1px solid #b7b7b7; border-radius:0; float:left; margin-right:20px; font-size:14px; color:#b7b7b7b;}	

#cp > select{width:102px;  border:1px solid #b7b7b7; border-radius:0; font-size:14px; color:#b7b7b7b; float:left; margin-right:20px;padding:10px 0;}
#cp .btn{ width:80px; float:left; margin:0; padding:0; line-height:35px; height:35px; }
.view{font-size:14px; padding-left:15px; color:#d23c77; text-transform:capitalize; text-decoration:underline;}


/* CP login */

.cp-login{  width:90%; margin:120px auto 80px auto;}
.cp-login h3{ padding:10px 0;}
.cp-login > input[type="text"]{ border-radius:0; border:2px solid #b7b7b7; padding:10px 5%; box-sizing:border-box; width:100%; margin:20px 0;}
.cp-login > input[type="password"]{ border-radius:0; border:2px solid #b7b7b7; padding:10px 5%; box-sizing:border-box; width:100%; margin:20px 0;}
.cp-login > input[type="text"]:focus{box-shadow: 0 0 3px rgba(81, 203, 238, 1); border:2px solid #92cecd;}
.cp-login > input[type="password"]:focus{box-shadow: 0 0 3px rgba(81, 203, 238, 1); border:2px solid #92cecd;}
.cp-login > textarea{border: 2px solid #b7b7b7; border-radius: 0; box-sizing: border-box; margin: 50px 0 60px; padding: 10px; width: 100%;}
.cp-login .log-btn{ text-align:center; display:block; color:#fff; font-size:16px; font-weight:bold; width:26%; float:right; height:45px; line-height:45px; margin-top:10px}
.cp-login .btn{float:right;  margin:0 0 0 10px;}
.cp-login .fb-link{ background:#3c5b9b url(../images/fb-icon.gif) left no-repeat; width:70%; float:left; height:45px; line-height:45px; text-align:center; display:block; color:#fff; font-size:16px; font-weight:bold; margin-top:10px;}
.cp-login .fb-link a { color:#fff; padding-left:20px;}
.with100{width:100%;}
.centtext{ text-align:center; font-size:14px; font-weight: bold; color:#58595b;}
.centtext a.btn{width: 100%; height: 45px;line-height: 45px; font-size: 16px; }
.rF{  margin-top:40px;}
.width60{ width:70%;}
.padT20 { clear: both;}
/* refer freind */

.add-field > input[type="text"]{ border-radius:0; border:2px solid #b7b7b7; padding:10px; box-sizing:border-box; width:100%; margin:20px 0;}
.add-field > input[type="text"]:focus{box-shadow: 0 0 3px rgba(81, 203, 238, 1); border:2px solid #92cecd;}
add-field >textarea{border: 2px solid #b7b7b7; border-radius: 0; box-sizing: border-box; margin: 50px 0 60px; padding: 10px; width: 100%;}
.add-field-link{ color:#ef5660; font-size:22px; text-align:right; margin:0; padding:0; float:right;}
.refer{padding:0 70px;}

/* account setting */

ul.as{ padding:0; margin:20px 0 20px 70px; width:100%; float:left;}
ul.as li{ width:50%; float:left; margin:10px 0px 20px 0; font-size:18px; line-height:22px;}
.li1{ width:35% !important;}

/* volunteer member */

ul.vm{ padding:0; margin:0 0 0 20px;}
ul.vm li{ list-style:disc; font-size:14px; padding:0 0 10px 10px;}

.disTable{ display:table;}
.tCell{ display:table-cell; vertical-align: middle;}

ol{ margin:0 20px; padding:0;}
ol li{ font-size:14px; margin:0; padding:0 0 10px 10px; list-style:decimal;}

/* Contact Us */

ul.cu{ padding:0; margin:0; }
ul.cu li{ list-style:none; font-size:13px; color:#ef5660; font-weight:bold; vertical-align:middle; text-align:right; float:left; width:50%; line-height:26px; margin-bottom:15px;}
ul.cu input[type="text"]{ padding:0.4em; width:80%; border-radius:0; margin:0 0 0 10px; font-size:14px !important; border:1px solid #999; color:#000;}
ul.cu textarea{ padding:0.4em; width:80%; border-radius:0; margin:0 0 0 10px; font-size:14px !important; border:1px solid #999; color:#000;}

ul.cu select{ padding:0.4em; width:80%; border-radius:0; margin:0 0 0 10px; font-size:14px !important; border:1px solid #999; color:#000; float:left;}
ul.cu input[type="checkbox"]{float:left; margin:0 0 0 10px; height:25px; width:25px;}
.capcha{display:table-cell; vertical-align:middle;text-align:right; width:100%;}
#gd{text-align:right; color:#525252; font-weight:normal; width:51%; padding-right:20px;}
#cTbtn{width:30%; text-align:left; margin:5px 10px;}


/*------- CP contactUp Coming Event Summary ------*/

.cS input[type="text"]{ padding:0.4em; width:80%; border-radius:0; margin:0px 0 10px 10px; font-size:14px !important; border:1px solid #999; color:#000;}
.cS select{ padding:0.2em; width:80%; border-radius:0; margin:0 0 10px 10px; font-size:14px !important; border:1px solid #999; color:#000;}

/*------- Contact Mailing List ------*/

.ml{ width:100%;}
.ml h3{border-bottom: 1px dashed #ccc; padding:10px 0; }
.ml p { border-bottom: 1px dashed #ccc; padding:10px 0; width: 100%;}
.filter{ clear:both; width:100%;}
.fancy select{ font-size:15px; padding:3px 0;}

.addBtn{ background: #d23c77 none repeat scroll 0 0;  color: #fff; display: inline-block !important; font-size:11px;
    margin: 0 0 0 20px; padding: 0;  text-align: center; text-decoration: none; text-transform: uppercase; width: 70px; }


.osd{float: left;
width: auto;
text-align: left;
margin: 20px 0px 0px 300px;}

.osd input{padding: 0px;
float: right;
width: 150px;
margin-left: 10px;}

.mList{ width:260px; padding-right:10px; float:left;}

/*------------------ my profile ---------------*/

ul.mp{ padding:0; margin:0; }
ul.mp li{ list-style:none; font-size:13px; color:#ef5660; font-weight:bold; vertical-align:middle; float:left; width:50%; padding:0 40px;  line-height:26px; margin-bottom:15px; display:flex;}
ul.mp li > p{ float:left; width:135px; text-align:right; padding-right:10px;}
ul.mp input[type="text"]{ padding:0.4em; border-radius:0; margin:0 0 0 10px !important; font-size:14px !important; border:1px solid #999; color:#000; width:60%;}
ul.mp textarea{ padding:0.4em; border-radius:0; margin:0 0 0 10px; font-size:14px !important; border:1px solid #999; color:#000; width:40%;}
ul.mp select{ padding:0.4em; width:60%; border-radius:0; margin:0 0 0 10px; font-size:14px !important; border:1px solid #999; color:#000; float:left;}
ul.mp input[type="checkbox"]{float:left; margin:0 0 0 10px; height:25px; width:25px;}
.capcha{display:table-cell; vertical-align:middle;text-align:right; width:100%;}
.liW100{ width:100% !important;}
#gd{text-align:right; color:#525252; font-weight:normal; width:51%; padding-right:20px;}
#cTbtn{width:30%; text-align:left; margin:5px 10px;}

.myLabel {
    position: relative; background:#ccc; color:#58595b; border-radius:0 3px 3px 0; padding:0 10px; margin-right:10px; float:left; width:70px;
}
.myLabel input { position: absolute;z-index: 2; opacity: 0; width: 100%; height: 100%;}

/*------------------ my profile---------*/

.fa-plus{ color:#9b7ecd; font-size:15px; font-weight:bold; margin-left:7px;}

/* ---------------- CP Summury ----------------------- */

.box-big-middle{
	padding:10px 10px; font-size:14px;
}
.box-big-middle .box-heading{
	width:100%;
	margin-bottom:5px;
}
.box-big-middle .box-heading strong{
	color:#000;
	font-size:15px;
	font-weight:bold;
}
.box-big-middle p{
	padding-bottom:5px;
}
.box-big-middle ul{
    padding:0;
	float:left; width:100%;
}
.box-big-middle li{
	background: none repeat scroll 0 0 #F9F9F9;
    margin: 0 1px 1px 0;
    padding: 10px 0;
	width:49.8%;
	float:left;
	list-style:none; display:inline-flex;
	border-bottom: solid 1px transparent;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;  font-size:13px;
}
.box-big-bottom{
	height:10px;
}
.box-middle p{
	margin-bottom:10px;
}
.box-middle p.column-50{
	width:50%;
	float:left;
}
.box-middle .no-border{
	border:0px none;
}
.box-middle .no-bg{
	background:none;
}
.new_from{ width:100%;}
.new_from ul{ padding:20px 0 0 0; margin:0; border:0;}
.new_from ul li{ width:auto; float:left; background:none; border:0; margin-right:5px; line-height:35px;}
.new_from select{ font-size:14px; margin-right:15px;}

.a_tac a { color: #ef5660; font: bold 14px Arial,Helvetica,sans-serif; text-decoration: underline;}
.box-top .box-heading, .box-big-middle .box-heading {
   color: #ef5660;
    float: left;
    font: 15px Arial,Helvetica,sans-serif;
    text-transform: uppercase;
}
.newbutton{background:#ef5660 !important; font-size:16px; display:block; color:#fff; border-radius:0 !important; margin-right:10px !important;} 


/* Footer */


	#footer {padding:50px 0 0em 0; background:#a282a6  repeat-x top left;}
	.footerBg2{background:#92cecd url(../../images/customerPortal/footer_bg-2.jpg) repeat-x top left !important;}
		#footer h3{ color:#fff; padding:0; margin:0; font-size:1em; }
	#footer a {color:#fff;border-bottom-color: rgba(71, 71, 71, 0.25); font-size:15px; font-weight:600;
	 vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color;
  transition-property: color;
  
	}
	
	#footer a:hover, #footer a:focus, #footer a:active { color: #474747;border-bottom-color: transparent;}
	
	.footer-app{width:300px !important; margin:0 auto !important;}

	
	.app-btn{ background:#fff; color:#92cecd !important; display:block; width:120px; text-align:center; padding:5px 0 !important; border-radius:10px; font-weight:bold; font-size:14px; float:left; 
	 vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color;
  transition-property: color;
	}
	.app-btn:hover{color: #474747 !important;}
	
	.fbl{margin-left:10px;}

	.footer ul.icons {text-align: center;padding:50px 0 0  0;}

	#footer .icons a {color: #92cecd;  background:#fff; width:40px; height:40px; line-height:40px; text-align:center; border-radius:50%; display:block; font-size:28px}

	#footer .icons a:hover {color: #474747;}

	#footer .copyright {color: #fff; padding:1.5em; text-align: center;font-size:12px; font-weight:600;}
	
		#navPanel, #titleBar {
		display: none;
	}


/*----------for signup box--------------*/


.box{
	padding:1px;
	float:left;
	margin-bottom:10px; background:#e7f4f6; width:310px;
}
.box-top{
	
	padding:20px 10px 10px 10px;
	float:left; width:100%;	
}
.min{
	padding-bottom:0px;
}

.box-top .action{
	float:left pading-left:10px;
}
.box-top .action a{
	outline:none;
	width:13px;
	height:13px;
	display:block;
	float:left;
	margin-left:3px;
}
.box-top .action a.minimise{
	background:url(../../images/customerPortal/icon-minimise.png) no-repeat;
}
.box-top .action a.maximise{
	background:url(../../images/customerPortal/icon-maximise.png) no-repeat;
}
.box-top .action a.close{
	background:url(../../images/customerPortal/icon-close.png) no-repeat;
}
.box-top .action a.fullscreen{
	background:url(../../images/customerPortal/icon-fullscreen.png) no-repeat;
}
.box-top .action a.edit{
	background:url(../../images/customerPortal/icon-edit.png) no-repeat;
	width:33px;
	height:16px;
}
.signupedit{
	background: #ef5660 none repeat scroll 0 0;
    color: #fff;
    display: table;
    font-size: 11px;
    margin: 0 0 0 5px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 58px;
}
.box-middle{
	padding:0px 10px;
	float:left;width:100%;
	
}
.box-middle .data-hoolder{
	
	padding:5px 0;
	float:left;
	width:90%;
}
.box-middle .data-hoolder-added{
	background:#ececec url(../../images/customerPortal/dashed.png) left bottom repeat-x;
	padding:5px 0;
	float:left;
	width:100%;	
}
.box-middle .data-hoolder-added .data-content{
	                color:#7d7d7d;         

}
.box-middle .data-hoolder-added .data-content strong{
                font-weight:bold;
                color:#8d8d8d;    

}

.box-middle .data-hoolder .action{
	width:225px;
	clear:both;
	float:left;
	text-align:right;
	margin:5px 0;
	height:20px;
}
.box-middle .data-hoolder .action li{
	list-style:none;
	float:right;
	border:1px solid #d9d9d9;
	margin-left:2px;
}
.box-middle .data-hoolder .action a{
	background:url(../../images/customerPortal/button-bg-2.png) repeat-x;
	
	padding:2px 5px;
	font:11px tahoma, Arial, Helvetica, sans-serif;
	display:block;
}
.box-middle .data-date{
	width:32px;
	width:32px;
	padding:2px;
	float:left;
	text-align:center;
	font:bold 11px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
.box-middle .data-content{
	float:left;
	padding-left:5px;
	font-weight:normal;
	line-height:17px;
	color:#4f4f4f;
	width:187px;
}
.box-middle .data-content strong{
	font-weight:bold;
	color:#353535;
            
}
.box-middle .data-content .date{
	color:#8a8a8a;
	font-size:11px;
}
.box-middle .upcoming{
	background:url(../../images/customerPortal/yellow-bg.png) repeat-x;
	text-shadow: 1px 1px 1px #ffd863; 
}
.box-middle .running{
	background:url(../../images/customerPortal/green-bg.png) repeat-x;
	text-shadow: 1px 1px 1px #cbd376; 
}
.box-middle .completed{
	background:url(../../images/customerPortal/sky-blue-bg.png) repeat-x;
	text-shadow: 1px 1px 1px #afdbfe; 
}
.box-middle .old{
	background:url(../../images/customerPortal/dirty-blue-bg.png) repeat-x;
	text-shadow: 1px 1px 1px #b9c9d5; 
}
.box-middle .approved{
	background:url(../../images/customerPortal/light-green-bg.png) repeat-x;
	text-shadow: 1px 1px 1px #feffd0; 
}
.box-middle .notApproved{
	background:url(../../images/customerPortal/grey-bg.png) repeat-x;
	text-shadow: 1px 1px 1px #d2d0cb; 
}
.box-middle .flame{
	background:url(../../images/customerPortal/flame.png) no-repeat center top;
	text-shadow: 1px 1px 1px #ffd863; 
}

.box-bottom{
	background:url(../../images/customerPortal/dashed.png) left top repeat-x;
	float:left;
	height:18px;
	width:100%;
}
.filter{
	padding:7px 0;
	float:left;
	z-index:1;
}
#write-msg{
	width:446px;
}
#msg-box{
	width:422px;
	float:left;
	margin-left:3px;
	border:1px solid #d3d3d3;
	background:#fff;
	padding:10px
}
#msg-box p.msg{
	padding:10px;
	border:1px solid #d3d3d3;
	background:#f9f9f9;
}

.msg-middle .msg p.location{
	color:#00779e;
	font-style:italic;
	padding-top:3px;
}

#msg-box p.msg textarea{
	background:#f9f9f9;
	border:none;
	width:402px;
	height:70px;
	overflow:auto;
        font-weight:bold;
}

#msg-box p.msg1 textarea{
	background:#f9f9f9;
	border:none;
	width:402px;
	height:70px;
	overflow:auto;
        color:#7d7d7d; 
       
}
#send-button{
	float:right;
	padding-top:5px;
	margin-right:1px;
}
#messages{
	float:left;
	width:448px;
	padding-top:3px;
}
.msg-top{
	background:	url(../../images/customerPortal/msg-top-bg.png) no-repeat;
	float:left;
	width:446px;
	height:8px;
}
.msg-middle{
	background:	url(../../images/customerPortal/msg-middle-bg.png) repeat-y;
	float:left;
	width:426px;
	padding:4px 12px;
}
.msg-bottom{
	background:	url(../../images/customerPortal/msg-bottom-bg.png) no-repeat;
	float:left;
	width:446px;
	height:7px;
}
.msg-middle  .msg-container{
	width:426px;
	float:left;
}
.msg-middle .pic{
	float:left;
	width:50px;
	
}
.msg-middle .msg{
	width:363px;
	float:right;
	border-top:1px solid #e7e9ec;
	margin-right:2px;
	padding-top:3px;
}
.msg-middle .msg p.name{
	color:#3e396b;
	font-weight:bold;
}
.msg-middle .msg p.date{
	color:#737373;
	font:normal 10px tahoma;
	float:right;
	background:url(../../images/customerPortal/watch.png) left 2px no-repeat;
	padding-left:15px;
	margin-top:-13px;
}
.msg-middle .msg p.text{
	margin:5px 0px;
}
.msg-middle .msg .msg-box{
	background:#fff url(../../images/customerPortal/shadow.png) right bottom no-repeat;
	width:360px;
	float:left;
	padding:0px 0px 15px 0px;
}
.msg-middle .msg .msg-box .grey-box{
	background:#f8f8f8;
	width:350px;
	float:left;
	border:1px solid #ece9e9;
	padding:5px;
}
.msg-middle .msg .msg-box .grey-box .msg-textarea{
	float:left;
	width:342px;
}
.msg-middle .msg .msg-box .grey-box textarea{
	background:#fff;
	width:342px;
	border:1px solid #efefef;
	height:15px;
	padding:3px;
}
.msg-middle .msg .msg-box .grey-box .msg-small{
	width:290px;
	float:right;
}
.msg-middle .msg .msg-box .grey-box .msg-separator{
	width:348px;
	float:left;
	background:url(../../images/customerPortal/msg-small-bottom-border.png) left center repeat-x;
	height:20px;
}
#left-big, .box-big-top, .box-big-bottom{
	width:724px;
	float:left;
}
.box-big-top{
	background:url(../../images/customerPortal/box-big-top.png) left top no-repeat;
	height:10px;
}





a.more-h{
	display:block;
	position:relative;
	width:100%;
	height:9px;
	background:url(../../images/customerPortal/icon-more-horizontal.png) center top no-repeat;
	outline:none;
	text-decoration:none;
	z-index:2;
	bottom:-1px;
}
a.more-h-off{
	background:url(../../images/customerPortal/icon-more-horizontal.png) center bottom no-repeat;
}
.colored-bold strong{
	color:#58595b;
}
.hide{
	display:none;
}
h1.heading{
	font:20px calibri, Arial, Helvetica, sans-serif;
	background:url(../../images/customerPortal/heading-bg.png) left bottom repeat-x;
	color:#353535;
	padding:10px;
}
h1.heading a, h1.heading strong{
	font: bold 14px calibri, Arial, Helvetica, sans-serif;
	color:#2F8FC2;
	text-decoration:none;
	letter-spacing:.07em;
}
.main-item{
	width:1000px;
	float:left;
	background:#fff;
	display:none;
}
.main-item2{
	width:1000px;
	float:left;
	background:#fff;
}
#filter{
	background:#f8f8f8;
	border:1px solid #d3d3d3;
	width:958px;
	padding:10px;
	position:relative;
	float:left;
	margin:10px;
	margin-bottom:0px;
}
.top-box{
	float:left;
	width:463px;
	background:#f8f8f8;
	margin:10px 0 0 10px;
	border:1px solid #d3d3d3;
	padding:10px;
	padding-bottom:0px;
	position:relative;
}
.top-box h1{
	font:bold 16px calibri, Arial, Helvetica, sans-serif;
	color:#707070;
	padding-bottom:3px;
	background:url(../../images/customerPortal/heading-2-bg.gif) left bottom repeat-x;
	margin-bottom:3px;
}
.detail-box{
	width:463px;
	padding:10px;
	background:#f8f8f8;
}
.hide{
	display:none;
}
.show{
	display:inline;
}
.data p{
	padding-bottom:10px;
}
.data p.column-50{
	width:205px;
	float:left;
}

.textholder h2{width:auto;}

#shifts{
	float:left;
	margin:10px 5px 0px 5px;
	width:990px;
	padding-bottom:10px;	

}
.box-middle .shift-box{
	width:80%;
	margin:0px 0 10px 0;
}
.shift-box{
	float:left;
	width:297px;
	background:#fefefe;
	margin:0px  6px 6px 5px;
	border:1px solid #d3d3d3;
	padding:10px;
}
.shift-box-on{
	background:#c0f2dd;
	border:1px solid #7ad0ac;
}
.shift-box h1{
	font:bold 16px calibri, Arial, Helvetica, sans-serif;
	color:#2a83b4;
	padding-bottom:3px;
	background:url(../../images/customerPortal/heading-2-bg.gif) left bottom repeat-x;
	margin-bottom:3px;
}
.shift-box-on h1{
	background:url(../../images/customerPortal/heading-2-bg-green.gif) left bottom repeat-x;
}
.shift-box strong{
	font-weight:bold;
	color:#484848;
	padding-right:7px; font-size: 12px !important;
}
.shift-box p.column-50{
	width:131px;
	float:left;
}
.shift-box p.column-25{
	width:71px;
	float:left;
}
.shift-box p.select{
	background:url(../../images/customerPortal/blue-button-bg.gif) repeat-x;
	border:1px solid #07659e;
	color:#fff;
	padding:2px 5px;
	float:right;
	margin-top:-27px;
}
.shift-box p.select a{
	font-size:11px;
	color:#fff;
	text-decoration:none;
	outline:none;
}
.shift-box:hover  .select{
	display:inline;
}
a.more-d{
	position:relative;
	clear:both;
	display:block;
	width:100%;
	height:9px;
	background:url(../../images/customerPortal/icon-more-horizontal.png) center top no-repeat;
	bottom:-9px;
	outline:none;
	text-decoration:none;
	z-index:0;
}
a.more-d-off{
	background:url(../../images/customerPortal/icon-more-horizontal.png) center bottom no-repeat;
	bottom:1px;
}
table.form {
	margin:10px;
	width:980px;
	border:1px solid #d8d7d7;
}
table.form td{
	padding:5px;
	background:#f8f8f8;
	border-bottom:1px solid #e7e6e6;
}
table.form td.data{
	color:#1e5e8a;
}
table.form td.data a{
	color:#1e5e8a;
	text-decoration:underline;
}
.post{
	background:url(../../images/customerPortal/small-button-bg.gif) repeat-x;
	font:11px Arial, Helvetica, sans-serif;
	padding:0 3px;
	border:1px solid #adacac;
	margin-top:3px;
}
.summary{
	border:1px solid #bfbfbf;
        
}
.summary tr:first-child td{
	background:#f8f8f8 url(../../images/customerPortal/table-first-row.gif) left center;
	padding:9px 5px;
	font-weight:bold;
}
.summary td{
	padding: 5px;
	background:#f0efef;
	border-bottom:1px solid #fff;
}
.summary tr.alt td{
	background:#f8f8f8;
}

.summary1{
	border:1px solid #bfbfbf;
        margin-top:-2px;
}
.summary1 tr:first-child td{
	background:#f8f8f8 url(../../images/customerPortal/table-first-row.gif) left center;
	padding:9px 5px;
	font-weight:bold;
}
.summary1 td{
	padding: 5px;
	background:#f0efef;
	border-bottom:1px solid #fff;
}
.summary1 tr.alt td{
	background:#f8f8f8;
}
/*************** for login page    ******/
#login-bg{
	background:	url(../../images/customerPortal/login-bg.png) center bottom no-repeat;
	width:908px;
	height:585px;
	float:left;
	margin:20px 0 0 46px;
}


#login-bg #logo{
	width:908px;
	height:106px;
	text-align:center;
}
#login-form{
	width:600px;
	height:350px;
	margin:0px 0 0 140px;
}
#login-form h1{
	font:20px calibri, Arial, Helvetica, sans-serif;
	color:#8c1975;
	text-transform:capitalize;
	font-weight:bold;
}
#login-form td.tagline{
	font:12px Arial, Helvetica, sans-serif;
	color:#8c1975;
	font-weight:bold;
}

#login-form td.tagline1{
	font:15px Arial, Helvetica, sans-serif;
	color:#8c1975;
	font-weight:bold;
}
#login-form td.tagline2{
	font:35px Arial, Helvetica, sans-serif;
	color:#8c1975;
	font-weight:bold;
}
#login-form td{
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#5e5e5e;
	padding:3px 0;
}
#login-form td a{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#424242;
}
#login-form td.red{
	color:#FF0000;
	padding:5px 0px;
}

#login-form td.red1{
	color:#FF0000;
	padding:0px 0px;
        height:20px;
}
#login-form td input[type=text], #login-form td input[type=password]{
	background:#ffffff;
	border:1px solid #999999;
	padding:3px;
	height:24px;
}
#login-form td input[type=submit]{
	background:url(../../images/customerPortal/login-button-bg.gif) no-repeat;
	width:71px;
	height:34px;
	margin-top:5px;
}

.login-rgt-img
{
background:url(../../images/customerPortal/login-rgt-img.png) no-repeat;
}

.bot-text
{
color:#8c1975; font-size:14px; font-weight:lighter;
}

.log-top-text
{
font-size:36px; 
color:#8c1975;
font-family:"Century Gothic";
}

.log-input
{
width:300px;
}
/*************** for login page    ******/

/*************** refer a friend popup  page   ******/
#jqpopup {
	background: url(../../images/customerPortal/popupbg1.png) no-repeat;
	width: 746px;
	height: 698px;
	margin: 0;
	padding: 0;
}
#jqpopup .top{
	width: 603px;
	height: 54px;
	margin: 0;
	padding: 0;
}
#jqpopup h2 {
	font-family: arial;
	font-size: 12px;
	color: #8c1975;
}
#jqpopup .textholder{
	width: 619px;
	height: 553px;
	margin: 0 1px;
	padding: 25px 40px;
	font-family: Arial;
	font-size: 12px;
	line-height: 20px;
	overflow-y: auto;
	color: #6d6e70;
}
#jqpopup .textholder p{
	font-family: Arial;
	font-size: 12px;
	color: #6d6e70;
	padding-bottom: 15px;
}
#jqpopup .textholder p em{
	font-family: Arial;
	font-size: 12px;
	color: #8b1875;
}
#jqpopup .textholder ul {
	 list-style:none;
	 margin: 0;
	 padding: 0;
}
#jqpopup .textholder ul li{
	background: url(../../images/customerPortal/dot1.jpg) no-repeat 0 6px;
	font-family: Arial;
	font-size: 12px;
	line-height: 20px;
	margin: 0 0 5px 0;
	text-indent: 0;
	padding-left: 13px;
	
}


#top-number{
	float:left;
	margin:0px 0 0 240px;
	font:16px Arial,Helvetica,sans-serif;
	font-weight:bold;
	color:#93277b;
}



/*************** refer a friend new popup  page   ******/
#refer-jqpopup {
	background: url(../../images/customerPortal/popupbg1.png) no-repeat;
	width: 746px;
	height: 698px;
	margin: 0;
	padding: 0;
}
#refer-jqpopup .top{
	width: 603px;
	height: 54px;
	margin: 0;
	padding: 0;
}
#refer-jqpopup h2 {
	font-family: arial;
	font-size: 12px;
	color: #8c1975;
}
#refer-jqpopup .textholder{
	width: 635px;
	height: 553px;
	margin: 0 1px;
	padding: 25px 30px;
	font-family: Arial;
	font-size: 12px;
	line-height: 20px;
	overflow-y: auto;
	color: #6d6e70;
}
#refer-jqpopup .textholder h1
{
	font:30px  "century gothic",Arial, Helvetica, sans-serif;
	color:#8c1975;
	}

#refer-jqpopup .textholder h3
{
	font:18px  "century gothic",Arial, Helvetica, sans-serif;
	color:#8c1975;
	}

#refer-jqpopup .textholder p{
	font-family: Arial;
	font-size: 12px;
	color: #6d6e70;
	padding-bottom: 15px;
}
#refer-jqpopup .textholder p em{
	font-family: Arial;
	font-size: 12px;
	color: #8b1875;
}
#refer-jqpopup .textholder ul {
	 list-style:none;
	 margin: 0;
	 padding: 0;
}
#refer-jqpopup .textholder ul li{
	background: url(../../images/customerPortal/dot1.jpg) no-repeat 0 6px;
	font-family: Arial;
	font-size: 12px;
	line-height: 20px;
	margin: 0 0 5px 0;
	text-indent: 0;
	padding-left: 13px;

}

#refer-jqpopup .input-text {
	font:12px Arial, Helvetica, sans-serif;
	color:#8c1975;
	font-weight:bold;
}

#refer-jqpopup td input[type=text]{
	background:#ffffff;
	border:1px solid #999999;
	padding:3px;
	height:24px;
	width:230px;
	margin:5px 0 15px 0;
}
#refer-jqpopup td input[type=submit]{
	background:url(../../images/customerPortal/login-button-bg.gif) no-repeat;
	width:71px;
	height:34px;
	margin-top:5px;
}

#refer-jqpopup .textarea {
width:525px;
height:90px;
border: #999999 solid 1px;
}

/*************** refer a friend new popup  page ends  ******/

/************ for UCN font ********************/
@font-face {
	font-family: 'Conv_CONSOLA';
	src: url('CONSOLA.eot');
	src: local('?'), url('CONSOLA.woff') format('woff'), url('CONSOLA.ttf') format('truetype'), url('CONSOLA.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/************ for UCN font ********************/

#refer-jqpopup05{
                width: 746px;
                height: 698px;
                margin: 0;
                padding: 0;
                background: url(../../images/customerPortal/popupbg1_03.png) repeat-y;
}
.top01 {
                background:url(../../images/customerPortal/popupbg1_01.png) no-repeat;
                margin: 0;
                padding: 0;
}
.textholder03 {
                background: url(../../images/customerPortal/popupbg1_05.png)left bottom no-repeat;
                padding: 54px 80px 50px 40px;
                font-family: Arial;
                font-size: 12px;
                line-height: 20px;
                overflow-y: auto;
                color: #6d6e70;
                min-height: 698px;
}

#refer-jqpopup05 .top01 .textholder03 h1
{
	font:30px  "century gothic",Arial, Helvetica, sans-serif;
	color:#8c1975;
	}
	
a.website {
	color: #00779e;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 5px;
	display: block;
}

/* Consignor page    */
	
.box-big-middle ul{ padding-bottom:20px;}
ul.consign{ padding:0; margin:0; display:table;}
ul.consign li{ padding:0; margin:0; list-style:none; display:table-cell; margin-bottom:10px; background:none; font-size:13px;}
ul.consign li p{ font-size:13px; }
ul.consign li input[type="text"], 
ul.consign li input[type="email"], 
ul.consign li textarea, 
ul.consign li select {
    border: 1px solid #e0e0e0; border-radius:0;
    font-size: 16px;
    padding: 5px 8px;
    width:80%; box-sizing: border-box;
}


/*----------contact--------*/

ul.cu li {float: none; text-align: left; width: 100%; clear:both;}
ul.cu input[type="text"]{ margin:0;}
ul.cu select{ margin:0;}
ul.cu input[type="checkbox"]{ margin:0; float:none;}

#gd { padding-right: 0;text-align: left; width: 100%;}
#cTbtn { margin: 5px auto; text-align: left;width: 100%;}
.capcha{ text-align:left}
.addBtn{ display:block; margin:5px 0;}
.ab{margin:5px auto !important;}
/*-----i-pad---*/
@media screen and (max-width: 980px) {
	#logo{ margin:0;}
	#nav > ul{ margin-right:8px;}
	#nav > ul > li{ padding-left:30px}
	.container{ width:980px; height:auto;}	
}
/*-----i-pad---*/
@media screen and (max-width: 840px) {

		/* Basic */

			html, body {
				overflow-x: hidden;
			}

			body, input, select, textarea {
				font-size: 13pt;
			}

			h1, h2, h3, h4, h5, h6 {
				margin-bottom: 0.5em;
			}

			header p {
				
			}

			#header {
				display: none;
			}

					
			#footer {
				text-align: center;
			}
			
			ul.flinks {
    margin-left: 15%;
    width: 35%;
}

			#footer .container {
					margin-bottom: 1em;
			}

		/* Off-Canvas Navigation */

			#page-wrapper {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;
				padding-top: 44px;
			}
			
		/*	#titleBar {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 44px;
				left: 0;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 10001;
				background-color: #ff7984;
				background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png");
				background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png");
				background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png");
				background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png");
				height: 44px;
				line-height: 44px;
				box-shadow: 0 4px 0 0 #37c0fb;
			}*/

			#titleBar {
    backface-visibility: hidden;
    background-color: #f2ebf3;
    display: block;
    height: 72px;
    left: 0;
    line-height: 72px;
    padding-top: 0;
    position: fixed;
    top: 0;
    transition: transform 0.5s ease 0s;
    width: 100%;
    z-index: 999;
}


				#titleBar .title {
					display: block;
					position: relative;
					font-weight: 600;
					text-align: left;
					color: #fff;
					z-index: 1;
				}
				#titleBar .title img { height:72px;}

					#titleBar .title em {
						font-style: normal;
						font-weight: 300;
					}

				#titleBar .toggle {
					text-decoration: none;
					border: 0;
					height: 60px;
					right:-10px;
					position: absolute;
					top: 0px;
					width: 60px;
					z-index: 2;  font-size:30px;
				}

					#titleBar .toggle:before {
						-moz-osx-font-smoothing: grayscale;
						-webkit-font-smoothing: antialiased;
						font-family: FontAwesome;
						font-style: normal;
						font-weight: normal;
						text-transform: none !important;
					}

					#titleBar .toggle:before {
						content: '\f0c9';
						display: block;
						height: 44px;
						text-align: center;
						width: 44px;
						color: #fff;
					}

					#titleBar .toggle:active:before {
						opacity: 0.75;
					}

			#navPanel {
				background-color: #a282a6;	
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 100%;
				right: 0;
				overflow-y: auto;
				position: fixed;
				top: 0;
				width: 275px;
				z-index: 10002;
			}

				#navPanel .link {
					border-bottom: 0;
					border-top: solid 1px #f2ebf3;
					color: #888;
					display: block;
					height: 48px;
					line-height: 48px;
					padding: 0 1em 0 1em;
					text-decoration: none; text-transform:uppercase;
				}

					#navPanel .link:first-child {
						border-top: 0;
					}

					#navPanel .link.depth-0 {
						color: #fff;
					}

					#navPanel .link .indent-1 {
						display: inline-block;
						width: 1em;
					}

					#navPanel .link .indent-2 {
						display: inline-block;
						width: 2em;
					}

					#navPanel .link .indent-3 {
						display: inline-block;
						width: 3em;
					}

					#navPanel .link .indent-4 {
						display: inline-block;
						width: 4em;
					}

					#navPanel .link .indent-5 {
						display: inline-block;
						width: 5em;
					}

			body.navPanel-visible #page-wrapper {
				-moz-transform: translateX(-275px);
				-webkit-transform: translateX(-275px);
				-ms-transform: translateX(-275px);
				transform: translateX(-275px);
			}

			body.navPanel-visible #titleBar {
				-moz-transform: translateX(-275px);
				-webkit-transform: translateX(-275px);
				-ms-transform: translateX(-275px);
				transform: translateX(-275px);
			}

			body.navPanel-visible #navPanel {
				-moz-transform: translateX(0);
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}	

			body, input, select, textarea {
				font-size: 11pt;
				line-height: 1.35em;
			}

			h2 {
				font-size: 1.25em;
				letter-spacing: 0;
				line-height: 1.35em;
			}

			h3 {
				font-size: 1em;
				letter-spacing: 0;
				line-height: 1.35em;
			}

			header p {
				margin-top: -0.5em;
				font-size: 1em;
			}

			header.major {
				padding: 0 20px;
			}

				header.major h2 {
					font-size: 1.25em;
				}

				header.major p {
					top: 0;
					margin-top: 1.25em;
					font-size: 1em;
				}

			ul.menu li {
				border: 0;
				padding: 0;
				margin: 0;
				display: block;
				line-height: 2em;
			}

			.wrapper {
				padding: 2em 0 1px 0;
			}
			
	
	
	h1, h2, h3, h4, h5, h6{ text-align:center;}
	h1 { font-size: 30px;   line-height: 24px; text-align:center;}
	.wrapper.style1 h2{ margin:1em;}
	
	.search{ width:70%;}	
	#banner { margin-top:44px; height:auto; padding-top:0; background-position:0 10px !important;}
	
	.logout a{ color:#fff; display: inline-block;  font-size: 10px !important;  margin: 0; padding:0px 6px;
    position:fixed; right:5px; top: 5px; z-index: 9991; }
	
	.change-pas a{ color:#fff; display: inline-block;  font-size: 10px !important;  margin: 0; padding:0px 6px;
    position:fixed; right:62px; top: 5px; z-index: 9991;}
	
	#footer h3{ margin:0 auto; width:270px; font-size:20px;}
	#footer a{ font-size:13px;}
	
	#subheader { padding-top:40px}
	
	/*----------How-it-work--------------*/
	
	.event-arrow{ background:none;}
	.purple{ margin:0 auto; width:310px;}
	
		
	.mctr{ text-align:center;}
	.mlft{ text-align:left;}
	.mrrt{ text-align:right;}
	
	/*----------CP Profile Page--------------*/
	
	#subheader img { padding-top:30px;}
	.w100 { width:100%; text-align:center;}
	.sh{ text-align:right;}
	.mar0{ margin:10px auto;}
	#cp{ width:325px; margin:0 auto;}
	
	/*----------CP refer friend--------------*/
	
	.refer{padding:0 20px;}
	
	.shTpad{ padding-top:255px;}
	}
	
	
	/*-----6s device---*/
	
	@media screen and (max-width: 670px) {		
	ul.cu li{ width:100%; text-align:left; }
	.capcha{ width:auto; text-align:left;}
	ul.mp li{ display:block; width:100%; padding:0;}
	ul.mp li > pdth{ width:100%; text-align:left;}
	ul.mp input[type="text"], ul.mp textarea, ul.mp select{ width:90%;}
	.myLabel{ margin:10px 0 0 10px;}
	.osd{ margin-left:0px !important}
	.osd input { width:190px; float:inherit; margin-left:0;}
.mList{ width:100%; padding-right:0px; float:left;}
	#titleBar .title { margin-left: 1px;}	
	.cp-login{margin-top:40px}
	
	}
	
	/*-----galaxy android---*/
	
	@media screen and (max-width: 480px) {
	.cp-login .fb-link a{ font-size:16px;}
	.search{ width:90%;}
	.footer-app{ width:280px !important;}
	#subheader { padding-top:20px; position:fixed; z-index:3;}
	#subheader h2 { float: none;  font-size: 1.5em; line-height:inherit; padding:40px 0 10px 0;}
	#subheader img { display: inline; padding:10px 0;}
	.sh { width:100%; text-align:center;}
	.box-big-middle li{ width:100%}
	.new_from ul li{ width:100%;}
	.newbutton{margin: 10px 5px 20px 0; float:left; font-size:14px;}
	ul.as{ margin:0;}
	
	.disTable{ display:block;}
.tCell{ display:table; width:100%; vertical-align:central;}
	ul.flinks{ margin-left:0; width:50%;}
	#titleBar .title img { width: 100%;}
	.cp-login .fb-link{font-size:20px;}
	.shCons{text-align:center !important;display:block;clear:both;padding:0;margin-top:-8px;}	
	}
	
	/*-----5s device---*/
	@media screen and (max-width: 375px)
	{
	.view{ width:100%; display:flex; margin-left:35%;}
	h1{font-size:18px !important;}
	h2{font-size:16px !important;}
	h3{font-size:15px !important;}
	.cp-login .fb-link{font-size:20px;}
	#titleBar .title img{margin-left: -35px;}
	}

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