/*---reset-start---*/
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, dl, dt, dd, ol, nav ul, nav 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;
	vertical-align: baseline;
}

div {
	position: relative;
}

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

section, article, div {
	position: relative;
}

ol, ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

blockquote, q {
	quotes: none;
}

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

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
/* start editing from here */
a {
	text-decoration: none;
	cursor: pointer;
}

.txt-rt {
	text-align: right;
}
/* text align right */
.txt-lt {
	text-align: left;
}
/* text align left */
.clear {
	clear: both;
}
/* clear float */
.vertical-base {
	vertical-align: baseline;
}
/* vertical align baseline */
.vertical-top {
	vertical-align: top;
}
/* vertical align top */
.underline {
	padding-bottom: 1px;
	border-bottom: 1px dashed #bbb;
	margin: 0 0 20px 0;
}
/* Add 5px bottom padding and a underline */
nav.vertical ul li {
	display: block;
}
/* vertical menu */
nav.horizontal ul li {
	display: inline-block;
}

img {
	max-width: 100%;
}

em {
	font-style: italic;
}
/*---reset-end---*/

html {
/*	overflow-y: -moz-scrollbars-vertical;
	-ms-overflow-y: scroll;
	overflow-y: scroll;
	overflow-x: hidden;*/
	height: 100vh;
	scroll-behavior: smooth;
}

.html-noscroll {
	overflow-y: -moz-scrollbars-hidden !important;
	-ms-overflow-y: hidden !important;
	overflow-y: hidden !important;
}



/*----fonts-start---*/

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

/* Windows Chrome ugly fix http://stackoverflow.com/questions/13674808/chrome-svg-font-rendering-breaks-layout/14345363#14345363 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'AmbleLight';
		src: url( '../fonts/Amble-Light.ttf ') format("truetype");
	}
}

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

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

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

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

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

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

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

@font-face {
	font-family: 'Philosopher';
	src: url('/font/Philosopher-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Philosopher-Regular-Italic';
	src: url('/font/Philosopher-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Philosopher-Bold-Normal';
	src: url('/font/Philosopher-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Philosopher-Bold-Italic';
	src: url('/font/Philosopher-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

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

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

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

@font-face {
	font-family: 'Exo2-Regular';
	src: url(../fonts/Exo2-Regular.ttf) format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Exo2-Medium';
	src: url(../fonts/Exo2-Medium.ttf) format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Exo2-Bold';
	src: url(../fonts/Exo2-Bold.ttf) format('truetype');
	font-weight: bold;
	font-style: normal;
}

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


/*--- font definitions ---*/
.ui-font-times {
	font-family: 'Times New Roman';
}

.ui-font-kenyan {
	font-family: 'Kenyan';
}

.ui-font-amber {
	font-family: 'AmbleLight';
}

}

.ui-font-gandhi {
	font-family: 'GandhiSansRegular';
}

.ui-font-existence {
	font-family: 'ExistenceLight';
}

.ui-font-bebas {
	font-family: 'Bebas';
	word-spacing: 4px;
}

.ui-font-roboto {
	font-family: 'Roboto';
}

.ui-font-ubuntu {
	font-family: 'Ubuntu';
}

.ui-font-wuf {
	font-family: 'Wuf';
}

.ui-font-open {
	font-family: 'Open';
}

.ui-font-engagement {
	font-family: 'EngagementRegular';
}

.ui-font-exo2-regular {
	font-family: 'Exo2-Regular';
}

.ui-font-exo2-medium {
	font-family: 'Exo2-Medium';
}

.ui-font-exo2-bold {
	font-family: 'Exo2-Bold';
}

.ui-ff-title {
	font-family: 'Philosopher';
}

.ui-ff-title-regular-italic {
	font-family: Philosopher-Regular-Italic;
}

.ui-ff-title-bold-normal {
	font-family: Philosopher-Bold-Normal;
}

.ui-ff-title-bold-italic {
	font-family: Philosopher-Bold-Italic;
}


/*--- backgrounds ---*/
.ui-bg-shaded {
	background: rgba(0,0,0,0);
	background: linear-gradient(top, rgba(0,0,0,.01) 0%, rgba(0,0,0,.05) 100%);
	background: -o-linear-gradient(top, rrgba(0,0,0,.01) 0%, rgba(0,0,0,.05) 100%);
	background: -moz-linear-gradient(top, rgba(0,0,0,.01) 0%, rgba(0,0,0,.05) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,.01) 0%, rgb(0,0,0,.05) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,.01) 0%, rgba(0,0,0,.05) 100%);
	background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(0,0,0,.01)),color-stop(1, rgba(0,0,0,.05)));
}

.ui-bg-popup {
	text-shadow: 0 1px 0 rgba(255,255,255,.3);
	color: #53535E;
	background: rgb(185,203,255);
	background: linear-gradient(top, rgb(185,203,255) 0%, rgb(215,237,253) 100%);
	background: -o-linear-gradient(top, rgb(185,203,255) 0%, rgb(215,237,253) 100%);
	background: -moz-linear-gradient(top, rgb(185,203,255) 0%, rgb(215,237,253) 100%);
	background: -webkit-linear-gradient(top, rgb(185,203,255) 0%, rgb(215,237,253) 100%);
	background: -ms-linear-gradient(top, rgb(185,203,255) 0%, rgb(215,237,253) 100%);
	background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgb(185,203,255)),color-stop(1, rgb(215,237,253)));
}

	.ui-bg-popup-dark, .ui-bg-popup:hover {
		text-shadow: 0 1px 0 rgba(0,0,0,.3);
		color: #fff;
		background: rgba(0, 150, 255, 1);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0cf), color-stop(1, #0096ff));
		background: -moz-linear-gradient(top, #0cf 5%, #0096ff 100%);
		background: -webkit-linear-gradient(top, #0cf 5%, #0096ff 100%);
		background: -o-linear-gradient(top, #0cf 5%, #0096ff 100%);
		background: -ms-linear-gradient(top, #0cf 5%, #0096ff 100%);
		background: linear-gradient(to bottom, #0cf 5%, #0096ff 100%);
	}

.ui-bg-high {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, rgba(104, 90, 159, 0.2)), color-stop(1, rgba(104, 90, 159, 0.4)));
	background: -moz-linear-gradient(top, rgba(104, 90, 159, 0.2) 0%, rgba(104, 90, 159, 0.4) 100%);
	background: -webkit-linear-gradient(top, rgba(104, 90, 159, 0.2) 0%, rgba(104, 90, 159, 0.4) 100%);
	background: -o-linear-gradient(top, rgba(104, 90, 159, 0.2) 0%, rgba(104, 90, 159, 0.4) 100%);
	background: -ms-linear-gradient(top, rgba(104, 90, 159, 0.2) 0%, rgba(104, 90, 159, 0.4) 100%);
	background: linear-gradient(to bottom, rgba(104, 90, 159, 0.2) 0%, rgba(104, 90, 159, 0.4)f 100%);
}

/*--- background image ---*/
.ui-bgimage-repeat-no {
	background-position: center center;
	background-repeat: no-repeat;
}

.ui-bgimage-repeat {
	background-position: center center;
	background-repeat: repeat;
}

.ui-bgimage-repeat-x {
	background-position: center center;
	background-repeat: repeat-x;
}

.ui-bgimage-repeat-y {
	background-position: center center;
	background-repeat: repeat-y;
}

.ui-bgimage-pos-left {
	background-position: left center;
	background-repeat: no-repeat;
}

.ui-bgimage-pos-center {
	background-position: center center;
	background-repeat: no-repeat;
}

.ui-bgimage-download {
	background-image: url('/source/images/icon/download.png');
}

.ui-bgiimage-circle {
	background-image: url('/source/images/icon/circle.png');
	background-size: contain;
}

.ui-bgimage-tick {
	background-image: url('/source/images/icon/success.png');
	background-size: 16px;
	padding-left: 20px;
}

.ui-bgimage-cross {
	background-image: url('/source/images/icon/error.png');
	background-size: 16px;
	padding-left: 20px;
}

.ui-bgimage-none {
	background-image: none !important;
}

.ui-bgimage-or {
	background-image: url('/source/images/icon/or.png');
}

.ui-bgimage-wall-26 {
	background-image: url('/source/images/profile/site/bg/bg034.png');
}

.ui-bgimage-wall-17 {
	background-image: url('/source/images/profile/site/bg/bg035.jpg');
}

.ui-bgimage-size-100-auto {
	background-size: 100% auto;
}

.ui-bgimage-size-90-auto {
	background-size: 90% auto;
}

.ui-bgimage-size-75-auto {
	background-size: 75% auto;
}

.ui-bgimage-size-auto-100 {
	background-size: auto 100%;
}

.ui-bgimage-size-auto-90 {
	background-size: auto 90%;
}

.ui-bgimage-size-auto-75 {
	background-size: auto 75%;
}


.ui-icon-star-empty,
.ui-icon-star-full,
.ui-icon-review {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	height: 20px;
	width: 20px;
}

.ui-icon-star-empty {
	background-image: url('/source/images/icon/star-empty.png');
}

.ui-icon-star-full {
	background-image: url('/source/images/icon/star-full.png');
}

.ui-icon-review {
	background-image: url('/source/images/icon/review.png');
}

.ui-icon-note {
	background-image: url('/source/images/lineicon/note.png');
	min-height: 16px;
	min-width: 16px;
	background-size: contain;
}


.ui-icon-menu {
	background-image: url('/source/images/icon/menu.png');
}

.ui-icon-join {
	background-image: url('/source/images/icon/join.png');
}

.ui-icon-login {
	background-image: url('/source/images/icon/login.png');
}

.ui-icon-logout {
	background-image: url('/source/images/icon/logout.png');
}

.ui-icon-apple {
	background-image: url('/source/images/icon/apple.png');
}

.ui-icon-android {
	background-image: url('/source/images/icon/android.png');
}

.ui-icon-location {
	background-image: url('/source/images/icon/location.png');
}

.ui-icon-profile {
	background-image: url('/source/images/icon/profile.png');
}

.ui-icon-usericon {
	background-image: url('/source/images/icon/userloggedout.png');
}

.ui-icon-education {
	background-image: url('/source/images/icon/book-tiny.png');
}

.ui-icon-computer {
	background-image: url('/source/images/icon/mouse-tiny.png');
}

.ui-icon-home {
	background-image: url('/source/images/icon/home-tiny.png');
}

.ui-icon-sport {
	background-image: url('/source/images/icon/user-tiny.png');
}

.ui-icon-openhours {
	background-image: url('/source/images/icon/openhours.png');
}

.ui-icon-happyhours {
	background-image: url('/source/images/icon/happyhours.png');
}

.ui-icon-phone {
	background-image: url('/source/images/icon/phone.png');
}

.ui-icon-pricerating {
	background-image: url('/source/images/icon/pricerating.png');
}

.ui-icon-distance {
	background-image: url('/source/images/icon/distance.png');
}

.ui-icon-rating {
	background-image: url('/source/images/icon/rating.png');
}

.ui-icon-rating0 {
	background-image: url('/source/images/star/riconstar0.png');
}

.ui-icon-rating1 {
	background-image: url('/source/images/star/riconstar1.png');
}

.ui-icon-rating2 {
	background-image: url('/source/images/star/riconstar2.png');
}

.ui-icon-rating3 {
	background-image: url('/source/images/star/riconstar3.png');
}

.ui-icon-rating4 {
	background-image: url('/source/images/star/riconstar4.png');
}

.ui-icon-rating5 {
	background-image: url('/source/images/star/riconstar5.png');
}

.ui-icon-rating6 {
	background-image: url('/source/images/star/riconstar6.png');
}

.ui-icon-rating7 {
	background-image: url('/source/images/star/riconstar7.png');
}

.ui-icon-rating8 {
	background-image: url('/source/images/star/riconstar8.png');
}

.ui-icon-rating9 {
	background-image: url('/source/images/star/riconstar9.png');
}

.ui-icon-rating10 {
	background-image: url('/source/images/star/riconstar10.png');
}

.ui-icon-directions {
	background-image: url('/source/images/icon/ricondirections.png');
}

.ui-icon-location {
	background-image: url('/source/images/icon/riconlocation.png');
}

.ui-icon-feedback {
	background-image: url('/source/images/icon/riconfeedback.png');
}

.ui-icon-directions-colored {
	background-image: url('/source/images/icon/ricondirectionscolored.png');
}

.ui-icon-location-colored {
	background-image: url('/source/images/icon/riconlocationcolored.png');
}

.ui-icon-feedback-colored {
	background-image: url('/source/images/icon/riconfeedbackcolored.png');
}

.ui-icon-directions-colored-filled {
	background-image: url('/source/images/icon/ricondirectionscoloredfilled.png');
}

.ui-icon-location-colored-filled {
	background-image: url('/source/images/icon/riconlocationcoloredfilled.png');
}

.ui-icon-feedback-colored-filled {
	background-image: url('/source/images/icon/riconfeedbackcoloredfilled.png');
}


.ui-icon-none {
	background-image: none;
}



/*--- background color ---*/
.ui-bgcolor-black-10 {
	background-color: rgba(0,0,0,0.1);
}

.ui-bgcolor-black-20 {
	background-color: rgba(0,0,0,0.2);
}

.ui-bgcolor-white {
	background-color: #fff;
}

.ui-bgcolor-offwhite {
	background-color: #eee;
}

.ui-bgcolor-red {
	background-color: #C26161;
}

.ui-bgcolor-green {
	background-color: #66A025;
}

.ui-bgcolor-green-light {
	background-color: #7BB916;
}

.ui-bgcolor-green-yellow {
	background-color: #c4e738;
}

.ui-bgcolor-blue {
	background-color: #685A9F;
}

.ui-bgcolor-blue-light {
	background-color: #BCEEFF;
}

.ui-bgcolor-brown-light {
	background-color: #EFD3D3;
}

.ui-bgcolor-brown {
	background-color: #C69668;
}

.ui-bgcolor-yellow {
	background-color: #F9FF00;
}

.ui-bgcolor-basic-i {
	background-color: #66A025 !important;
}

.ui-bgcolor-premium-i {
	background-color: #685A9F !important;
}

.ui-bgcolor-ultimate-i {
	background-color: #C69668 !important;
}

.ui-bgcolor-mauve {
	background-color: rgb(155, 117, 255);
}

.ui-bgcolor-mauve-i {
	background-color: rgb(155, 117, 255) !important;
}

.ui-bgcolor-rating-0 {
	background-color: #E70101;
}

.ui-bgcolor-rating-1 {
	background-color: #FB5151;
}

.ui-bgcolor-rating-2 {
	background-color: #F29E4B;
}

.ui-bgcolor-rating-3 {
	background-color: #CECC45;
}

.ui-bgcolor-rating-4 {
	background-color: #A0BC31;
}

.ui-bgcolor-rating-5 {
	background-color: #66A025;
}




/*--- border ---*/
.ui-border-style-dashed {
	border-style: dashed;
}

.ui-border-style-dashed-i {
	border-style: dashed !important;
}


.ui-border {
	border: 1px solid #e1e1e1;
	box-shadow: 1px 1px 0 0 white, 1px 1px 0 0 white inset;
	-webkit-box-shadow: 1px 1px 0 0 white, 1px 1px 0 0 white inset;
	-moz-box-shadow: 1px 1px 0 0 white, 1px 1px 0 0 white inset;
	-o-box-shadow: 1px 1px 0 0 white, 1px 1px 0 0 white inset;
}



.ui-border-t {
	border-top: 1px solid #e1e1e1;
	box-shadow: 0 1px 0 0 #FFF inset;
	-webkit-box-shadow: 0px 1px 0 0 #FFF inset;
	-moz-box-shadow: 0 1px 0 0 #FFF inset;
	-o-box-shadow: 0 1px 0 0 #FFF inset;
}

.ui-border-b {
	border-bottom: 1px solid #e1e1e1;
	box-shadow: 0 1px 0 0 white;
	-webkit-box-shadow: 0 1px 0 0 white;
	-moz-box-shadow: 0 1px 0 0 white;
	-o-box-shadow: 0 1px 0 0 white;
}

.ui-border-r {
	border-right: 1px solid #e1e1e1;
	box-shadow: 1px 0 0 0 white;
	-webkit-box-shadow: 1px 0 0 0 white;
	-moz-box-shadow: 1px 0 0 0 white;
	-o-box-shadow: 1px 0 0 0 white;
}

.ui-border-l {
	border-left: 1px solid #e1e1e1;
	box-shadow: 1px 0 0 0 white inset;
	-webkit-box-shadow: 1px 0 0 0 white inset;
	-moz-box-shadow: 1px 0 0 0 white inset;
	-o-box-shadow: 1px 0 0 0 white inset;
}


.ui-border-noshadow {
	border: 1px solid #e1e1e1;
}

.ui-border-t-noshadow {
	border-top: 1px solid #e1e1e1;
}

.ui-border-b-noshadow {
	border-bottom: 1px solid #e1e1e1;
}

.ui-border-r-noshadow {
	border-right: 1px solid #e1e1e1;
}

.ui-border-l-noshadow {
	border-left: 1px solid #e1e1e1;
}

.ui-border-para {
	border-top: 3px double #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}

.ui-border-none {
	border: none !important;
}

/*--- radius ---*/
.ui-radius-4px {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-radius: 4px;
	-chrome-radius: 4px;
	-ms-radius: 4px;
	-khtml-radius: 4px;
}

.ui-radius-3px {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-radius: 3px;
	-chrome-radius: 3px;
	-ms-radius: 3px;
	-khtml-radius: 3px;
}

.ui-radius-3px-b {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-bottom-left-border-radius: 3px;
	-webkit-bottom-right-border-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
	-o-bottom-left-radius: 3px;
	-o-bottom-right-radius: 3px;
	-chrome-bottom-left-radius: 3px;
	-chrome-bottom-right-radius: 3px;
	-ms-bottom-left-radius: 3px;
	-ms-bottom-right-radius: 3px;
	-khtml-bottom-left-radius: 3px;
	-khtml-bottom-right-radius: 3px;
}

.ui-radius-3px-t {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-top-left-border-radius: 3px;
	-webkit-top-right-border-radius: 3px;
	-moz-border-top-left-radius: 3px;
	-moz-border-top-right-radius: 3px;
	-o-top-left-radius: 3px;
	-o-top-right-radius: 3px;
	-chrome-top-left-radius: 3px;
	-chrome-top-right-radius: 3px;
	-ms-top-left-radius: 3px;
	-ms-top-right-radius: 3px;
	-khtml-top-left-radius: 3px;
	-khtml-top-right-radius: 3px;
}

.ui-radius-3px-l {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	-webkit-bottom-left-border-radius: 3px;
	-webkit-top-left-border-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	-o-bottom-left-radius: 3px;
	-o-top-left-radius: 3px;
	-chrome-bottom-left-radius: 3px;
	-chrome-top-left-radius: 3px;
	-ms-bottom-left-radius: 3px;
	-ms-top-left-radius: 3px;
	-khtml-bottom-left-radius: 3px;
	-khtml-top-left-radius: 3px;
}

.ui-radius-3px-r {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-bottom-right-border-radius: 3px;
	-webkit-top-right-border-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
	-o-bottom-right-radius: 3px;
	-o-top-right-radius: 3px;
	-chrome-bottom-right-radius: 3px;
	-chrome-top-right-radius: 3px;
	-ms-bottom-right-radius: 3px;
	-ms-top-right-radius: 3px;
	-khtml-bottom-right-radius: 3px;
	-khtml-top-right-radius: 3px;
}


.ui-radius-2px {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-chrome-radius: 2px;
	-ms-radius: 2px;
	-khtml-radius: 2px;
}

.ui-radius-2px-b {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	-webkit-bottom-left-border-radius: 2px;
	-webkit-bottom-right-border-radius: 2px;
	-moz-border-bottom-left-radius: 2px;
	-moz-border-bottom-right-radius: 2px;
	-o-bottom-left-radius: 2px;
	-o-bottom-right-radius: 2px;
	-chrome-bottom-left-radius: 2px;
	-chrome-bottom-right-radius: 2px;
	-ms-bottom-left-radius: 2px;
	-ms-bottom-right-radius: 2px;
	-khtml-bottom-left-radius: 2px;
	-khtml-bottom-right-radius: 2px;
}

.ui-radius-2px-t {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	-webkit-top-left-border-radius: 2px;
	-webkit-top-right-border-radius: 2px;
	-moz-border-top-left-radius: 2px;
	-moz-border-top-right-radius: 2px;
	-o-top-left-radius: 2px;
	-o-top-right-radius: 2px;
	-chrome-top-left-radius: 2px;
	-chrome-top-right-radius: 2px;
	-ms-top-left-radius: 2px;
	-ms-top-right-radius: 2px;
	-khtml-top-left-radius: 2px;
	-khtml-top-right-radius: 2px;
}

.ui-radius-2px-l {
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
	-webkit-bottom-left-border-radius: 2px;
	-webkit-top-left-border-radius: 2px;
	-moz-border-bottom-left-radius: 2px;
	-moz-border-top-left-radius: 2px;
	-o-bottom-left-radius: 2px;
	-o-top-left-radius: 2px;
	-chrome-bottom-left-radius: 2px;
	-chrome-top-left-radius: 2px;
	-ms-bottom-left-radius: 2px;
	-ms-top-left-radius: 2px;
	-khtml-bottom-left-radius: 2px;
	-khtml-top-left-radius: 2px;
}

.ui-radius-2px-r {
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
	-webkit-bottom-right-border-radius: 2px;
	-webkit-top-right-border-radius: 2px;
	-moz-border-bottom-right-radius: 2px;
	-moz-border-top-right-radius: 2px;
	-o-bottom-right-radius: 2px;
	-o-top-right-radius: 2px;
	-chrome-bottom-right-radius: 2px;
	-chrome-top-right-radius: 2px;
	-ms-bottom-right-radius: 2px;
	-ms-top-right-radius: 2px;
	-khtml-bottom-right-radius: 2px;
	-khtml-top-right-radius: 2px;
}

.ui-radius-1px {
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
	-chrome-radius: 1px;
	-ms-radius: 1px;
	-khtml-radius: 1px;
}

.ui-radius-0px {
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0px !important;
	-o-border-radius: 0 !important;
	-chrome-radius: 0 !important;
	-ms-radius: 0 !important;
	-khtml-radius: 0 !important;
}


/*--- box-shadow ---*/
.ui-boxshadow-20px {
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}

.ui-boxshadow-pad {
	padding: 12px;
	box-shadow: 0 0 10px 0 rgba(104, 104, 104, 0.2) inset;
	background-color: rgba(255, 255, 255, 1);
}
/*.ui-boxshadow-box {box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.07),-0px -0px 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.07),-0px -0px 1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.07),-0px -0px 1px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow:1px 1px 1px 0 rgba(0, 0, 0, 0.07),-0px -0px 1px 0 rgba(0, 0, 0, 0.1);}*/
.ui-boxshadow-box {
	box-shadow: 0.5px 1px 0 rgba(0,0,0,0.05), 0 0 1px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 0.5px 1px 0 0 rgba(0,0,0,0.05), 0 0 1px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0.5px 1px 0 0 rgba(0,0,0,0.05), 0 0 1px 0 rgba(0,0,0,0.1);
	-o-box-shadow: 0.5px 1px 0 0 rgba(0,0,0,0.05), 0 0 1px 0 rgba(0,0,0,0.1);
}

.ui-boxshadow-none {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-o-box-shadow: none !important;
}

.ui-boxshadow-updown-light {
	box-shadow: 0px 1px 0 0 rgba(0,0,0,0.3), 0 2px 0 rgba(255,255,255,0.2), 0 -1px 0 rgba(0,0,0,0.3), 0 -2px 0 0 rgba(255,255,255,0.2);
	-webkit-box-shadow: 0px 1px 0 0 rgba(0,0,0,0.3), 0 2px 0 rgba(255,255,255,0.2), 0 -1px 0 rgba(0,0,0,0.3), 0 -2px 0 0 rgba(255,255,255,0.2);
	-moz-box-shadow: 0px 1px 0 0 rgba(0,0,0,0.3), 0 2px 0 rgba(255,255,255,0.2), 0 -1px 0 rgba(0,0,0,0.3), 0 -2px 0 0 rgba(255,255,255,0.2);
	-o-box-shadow: 0px 1px 0 0 rgba(0,0,0,0.3), 0 2px 0 rgba(255,255,255,0.2), 0 -1px 0 rgba(0,0,0,0.3), 0 -2px 0 0 rgba(255,255,255,0.2);
}




/*--- font-color ---*/
.ui-color-header {
	color: #E38800;
}

.ui-color-strong {
	color: #578F1B;
}

.ui-color-high {
	color: #6DAD28;
}

.ui-color-title {
	color: #685A9F;
}

.ui-color-blueish {
	color: #8166EA;
}

.ui-color-blue {
	color: #0000FF;
}

.ui-color-greenish {
	color: #39D562;
}

.ui-color-green {
	color: #00A500;
}

.ui-color-purple {
	color: #C76994;
}

.ui-color-carrot {
	color: #F63260;
}

.ui-color-red {
	color: red;
}

.ui-color-error {
	color: red;
}

.ui-color-medium {
	color: #777777;
}

.ui-color-dddddd {
	color: #dddddd;
}

.ui-color-dark {
	color: #252525;
}

.ui-color-black {
	color: #000000;
}

.ui-color-white {
	color: #fff;
}

.ui-color-white-i {
	color: #fff !important;
}

.ui-color-true {
	color: rgb(255, 143, 0);
}

.ui-color-false {
	color: #aaa;
}

.ui-color-light {
	color: #9CE024;
}

.ui-color-message {
	color: #7BBB36;
}

.ui-color-info {
	color: #9E9E9E;
}

.ui-color-mauve {
	color: rgb(155, 117, 255);
}


.ui-color-pale {
	color: #eee;
}

.ui-color-shine {
	color: rgb(68, 190, 210);
}

.ui-color-info-hover {
	color: #9E9E9E;
}

	.ui-color-info-hover:hover {
		color: #685A9F;
	}





/*--- line-height---*/
.ui-lineheight-25px-i {
	line-height: 25px !important;
}

.ui-lineheight-15em-i {
	line-height: 1.5em !important;
}

.ui-lineheight-2em-i {
	line-height: 2em !important;
}

.ui-lineheight-25em-i {
	line-height: 2.5em !important;
}

.ui-lineheight-3em-i {
	line-height: 3em !important;
}

/*--- text shadow ---*/
.ui-textshadow-white {
	text-shadow: 0 1px 0 rgb(255, 255, 255);
}

.ui-textshadow-white-05 {
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.ui-textshadow-black-05 {
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
}

.ui-textshadow-black-02 {
	text-shadow: 0 1px 0 rgba(0,0,0,.2);
}

.ui-textshadow-black-01 {
	text-shadow: 0 1px 0 rgba(0,0,0,.1);
}

/*--- height ---*/
.ui-height-min-0px-i {
	min-height: 0 !important;
}

.ui-height-min-50px-i {
	min-height: 50px !important;
}

.ui-height-min-100px-i {
	min-height: 100px !important;
}

.ui-height-min-200px-i {
	min-height: 200px !important;
}

.ui-height-auto-i {
	height: auto !important;
}

.ui-height-100p-i {
	height: 100% !important;
}

/*--- width ---*/
.ui-width-auto-i {
	width: auto !important;
}

.ui-width-max-400px {
	max-width: 400px;
}

.ui-width-min-200px {
	min-width: 200px;
}

.ui-width-min-100px {
	min-width: 100px;
}

.ui-width-100p {
	width: 100% !important;
}

.ui-width-max-100px {
	max-width: 100px;
}

/*--- display ---*/
.ui-display-inline {
	display: inline !important;
}

.ui-display-inlineblock {
	display: inline-block !important;
}

.ui-display-block {
	display: block !important;
}

.ui-display-none {
	display: none !important;
}


/*--- padding ---*/
.ui-pad-0-i {
	padding: 0px !important;
}

.ui-pad-0-l-i {
	padding-left: 0px !important;
}

.ui-pad-0-r-i {
	padding-right: 0px !important;
}

.ui-pad-0-h-i {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.ui-pad-0-t-i {
	padding-top: 0px !important;
}

.ui-pad-0-b-i {
	padding-bottom: 0px !important;
}

.ui-pad-0-v-i {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.ui-pad-6px-i {
	padding: 6px !important;
}

.ui-pad-6px-l-i {
	padding-left: 6px !important;
}

.ui-pad-6px-r-i {
	padding-right: 6px !important;
}

.ui-pad-6px-h-i {
	padding-left: 6px !important;
	padding-right: 6px !important;
}

.ui-pad-6px-t-i {
	padding-top: 6px !important;
}

.ui-pad-6px-b-i {
	padding-bottom: 6px !important;
}

.ui-pad-6px-v-i {
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}


.ui-pad-12px-i {
	padding: 12px !important;
}

.ui-pad-12px-l-i {
	padding-left: 12px !important;
}

.ui-pad-12px-r-i {
	padding-right: 12px !important;
}

.ui-pad-12px-h-i {
	padding-left: 12px !important;
	padding-right: 12px !important;
}

.ui-pad-12px-t-i {
	padding-top: 12px !important;
}

.ui-pad-12px-b-i {
	padding-bottom: 12px !important;
}

.ui-pad-12px-v-i {
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}

.ui-pad-24px-i {
	padding: 24px !important;
}

.ui-pad-24px-l-i {
	padding-left: 24px !important;
}

.ui-pad-24px-r-i {
	padding-right: 24px !important;
}

.ui-pad-24px-h-i {
	padding-left: 24px !important;
	padding-right: 24px !important;
}

.ui-pad-24px-t-i {
	padding-top: 24px !important;
}

.ui-pad-24px-b-i {
	padding-bottom: 24px !important;
}

.ui-pad-24px-v-i {
	padding-top: 24px !important;
	padding-bottom: 24px !important;
}

.ui-pad-1em-i {
	padding: 1em !important;
}

.ui-pad-1em-l-i {
	padding-left: 1em !important;
}

.ui-pad-1em-r-i {
	padding-right: 1em !important;
}

.ui-pad-1em-h-i {
	padding-left: 1em !important;
	padding-right: 1em !important;
}

.ui-pad-1em-t-i {
	padding-top: 1em !important;
}

.ui-pad-1em-b-i {
	padding-bottom: 1em !important;
}

.ui-pad-1em-v-i {
	padding-top: 1em !important;
	padding-bottom: 1em !important;
}

.ui-pad-2em-i {
	padding: 2em !important;
}

.ui-pad-2em-l-i {
	padding-left: 2em !important;
}

.ui-pad-2em-r-i {
	padding-right: 2em !important;
}

.ui-pad-2em-h-i {
	padding-left: 2em !important;
	padding-right: 2em !important;
}

.ui-pad-2em-t-i {
	padding-top: 2em !important;
}

.ui-pad-2em-b-i {
	padding-bottom: 2em !important;
}

.ui-pad-2em-v-i {
	padding-top: 2em !important;
	padding-bottom: 2em !important;
}

.ui-pad-3em-i {
	padding: 3em !important;
}

.ui-pad-3em-l-i {
	padding-left: 3em !important;
}

.ui-pad-3em-r-i {
	padding-right: 3em !important;
}

.ui-pad-3em-h-i {
	padding-left: 3em !important;
	padding-right: 3em !important;
}

.ui-pad-3em-t-i {
	padding-top: 3em !important;
}

.ui-pad-3em-b-i {
	padding-bottom: 3em !important;
}

.ui-pad-3em-v-i {
	padding-top: 3em !important;
	padding-bottom: 3em !important;
}


.ui-pad-2em-h-768-0 {
	padding-left: 2em;
	padding-right: 2em;
}

.ui-pad-2em-l-768-0 {
	padding-left: 2em;
}

.ui-pad-2em-r-768-0 {
	padding-right: 2em;
}


/*--- margin---*/
.ui-margin-auto-i {
	margin: 0 auto !important;
}

.ui-margin-0px-i {
	margin: 0px !important;
}

.ui-margin-0px-l-i {
	margin-left: 0px !important;
}

.ui-margin-0px-r-i {
	margin-right: 0px !important;
}

.ui-margin-0px-h-i {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.ui-margin-0px-t-i {
	margin-top: 0px !important;
}

.ui-margin-0px-b-i {
	margin-bottom: 0px !important;
}

.ui-margin-0px-v-i {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.ui-margin-6px-i {
	margin: 6px !important;
}

.ui-margin-6px-l-i {
	margin-left: 6px !important;
}

.ui-margin-6px-r-i {
	margin-right: 6px !important;
}

.ui-margin-6px-h-i {
	margin-left: 6px !important;
	margin-right: 6px !important;
}

.ui-margin-6px-t-i {
	margin-top: 6px !important;
}

.ui-margin-6px-b-i {
	margin-bottom: 6px !important;
}

.ui-margin-6px-v-i {
	margin-top: 6px !important;
	margin-bottom: 6px !important;
}


.ui-margin-12px-i {
	margin: 12px !important;
}

.ui-margin-12px-l-i {
	margin-left: 12px !important;
}

.ui-margin-12px-r-i {
	margin-right: 12px !important;
}

.ui-margin-12px-h-i {
	margin-left: 12px !important;
	margin-right: 12px !important;
}

.ui-margin-12px-t-i {
	margin-top: 12px !important;
}

.ui-margin-12px-b-i {
	margin-bottom: 12px !important;
}

.ui-margin-12px-v-i {
	margin-top: 12px !important;
	margin-bottom: 12px !important;
}


.ui-margin-24px-i {
	margin: 24px !important;
}

.ui-margin-24px-l-i {
	margin-left: 24px !important;
}

.ui-margin-24px-r-i {
	margin-right: 24px !important;
}

.ui-margin-24px-h-i {
	margin-left: 24px !important;
	margin-right: 24px !important;
}

.ui-margin-24px-t-i {
	margin-top: 24px !important;
}

.ui-margin-24px-b-i {
	margin-bottom: 24px !important;
}

.ui-margin-24px-v-i {
	margin-top: 24px !important;
	margin-bottom: 24px !important;
}

.ui-margin-1em-i {
	margin: 1em !important;
}

.ui-margin-1em-l-i {
	margin-left: 1em !important;
}

.ui-margin-1em-r-i {
	margin-right: 1em !important;
}

.ui-margin-1em-h-i {
	margin-left: 1em !important;
	margin-right: 1em !important;
}

.ui-margin-1em-t-i {
	margin-top: 1em !important;
}

.ui-margin-1em-b-i {
	margin-bottom: 1em !important;
}

.ui-margin-1em-v-i {
	margin-top: 1em !important;
	margin-bottom: 1em !important;
}

.ui-margin-2em-i {
	margin: 2em !important;
}

.ui-margin-2em-l-i {
	margin-left: 2em !important;
}

.ui-margin-2em-r-i {
	margin-right: 2em !important;
}

.ui-margin-2em-h-i {
	margin-left: 2em !important;
	margin-right: 2em !important;
}

.ui-margin-2em-t-i {
	margin-top: 2em !important;
}

.ui-margin-2em-b-i {
	margin-bottom: 2em !important;
}

.ui-margin-2em-v-i {
	margin-top: 2em !important;
	margin-bottom: 2em !important;
}

.ui-margin-3em-i {
	margin: 3em !important;
}

.ui-margin-3em-l-i {
	margin-left: 3em !important;
}

.ui-margin-3em-r-i {
	margin-right: 3em !important;
}

.ui-margin-3em-h-i {
	margin-left: 3em !important;
	margin-right: 3em !important;
}

.ui-margin-3em-t-i {
	margin-top: 3em !important;
}

.ui-margin-3em-b-i {
	margin-bottom: 3em !important;
}

.ui-margin-3em-v-i {
	margin-top: 3em !important;
	margin-bottom: 3em !important;
}


.ui-margin-2em-adjust-i {
	margin: -2em !important;
}

.ui-margin-2em-l-adjust-i {
	margin-left: -2em !important;
}

.ui-margin-2em-r-adjust-i {
	margin-right: -2em !important;
}

.ui-margin-2em-h-adjust-i {
	margin-left: -2em !important;
	margin-right: -2em !important;
}

.ui-margin-2em-t-adjust-i {
	margin-top: -2em !important;
}

.ui-margin-2em-b-adjust-i {
	margin-bottom: -2em !important;
}

.ui-margin-2em-v-adjust-i {
	margin-top: -2em !important;
	margin-bottom: -2em !important;
}


.ui-margin-24px-v-adjust-i {
	margin-top: -24px !important;
	margin-bottom: 24px !important;
}

.ui-margin-20px-t-adjust {
	margin-top: -20px !important;
}

.ui-margin-2em-t-adjust {
	margin-top: -2em !important;
}

.ui-margin-1em-t-adjust {
	margin-top: -1em !important;
}

/* -- overflow --*/
.ui-overflow-hidden {
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
}

.ui-overflow-hidden-x {
	overflow-x: hidden;
}

.ui-overflow-hidden-y {
	overflow-y: hidden;
}

/*--- float ---*/
.ui-float-left {
	float: left;
}

.ui-float-right {
	float: right;
}

.ui-float-none {
	float: none;
}

.ui-float-left-i {
	float: left !important;
}

.ui-float-right-i {
	float: right !important;
}

.ui-float-none-i {
	float: none !important;
}


/*--- alignment ---*/
.ui-align-right-i {
	text-align: right !important;
}

.ui-align-left-i {
	text-align: left !important;
}

.ui-align-center-i {
	text-align: center !important;
}

.ui-align-top-i {
	vertical-align: top !important;
}

.ui-align-middle-i {
	vertical-align: middle !important;
}

.ui-align-bottom-i {
	vertical-align: bottom !important;
}

.ui-pos-base-r {
	position: absolute;
	right: 0;
	line-height: 0;
	margin-top: 7px;
}

.ui-quote-r {
	color: #000;
	padding: 0 4px;
}

.ui-quote-open, .ui-quote-closed {
	background-repeat: no-repeat;
	width: 44px;
	height: 44px;
	display: inline-block;
	color: transparent;
	background-size: 40px auto;
}

.ui-quote-open {
	background-position: left top;
	background-image: url('/source/images/icon/quote-open-gray.png');
}

.ui-quote-closed {
	background-position: left top;
	background-image: url('/source/images/icon/quote-closed-gray.png');
}


.ui-zindex-10000 {
	z-index: 10000;
}

/*--- box-alignment ---*/
.ui-box {
	display: -ms-flexbox;
	-ms-flex-align: center; /*display:-moz-box;*/
	-moz-box-align: center;
	display: -webkit-box;
	-webkit-box-align: center;
	display: box;
	box-align: center;
}

.ui-box-left {
	display: -ms-flexbox;
	-ms-flex-pack: start !important;
	-ms-flex-align: start; /*display:-moz-box;*/
	-moz-box-pack: start !important;
	-moz-box-align: start;
	display: -webkit-box;
	-webkit-box-pack: start !important;
	-webkit-box-align: start;
	display: box;
	box-pack: start !important;
	box-align: start;
}

.ui-box-center {
	display: -ms-flexbox;
	-ms-flex-pack: center !important;
	-ms-flex-align: center; /*display:-moz-box;*/
	-moz-box-pack: center !important;
	-moz-box-align: center;
	display: -webkit-box;
	-webkit-box-pack: center !important;
	-webkit-box-align: center;
	display: box;
	box-pack: center !important;
	box-align: center;
}

.ui-box-right {
	display: -ms-flexbox;
	-ms-flex-pack: end;
	-ms-flex-align: end; /*display:-moz-box;*/
	-moz-box-pack: end;
	-moz-box-align: end;
	display: -webkit-box;
	-webkit-box-pack: end;
	-webkit-box-align: end;
	display: box;
	box-pack: end;
	box-align: end;
}

.ui-box-absolute {
	position: absolute !important;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

/*--- status line ---
.ui-status-success, .ui-status-error, .ui-status-information, .ui-status-critical, .ui-status-message , .ui-status-warning
{background-position: 10px 10px;background-size: 20px 20px;background-repeat: no-repeat;padding-left:50px;
 display:inline-block;font-size:12px;text-shadow: 0 1px 0 rgba(0,0,0,.2);}

.ui-status-success {color: #ADFF00;background-image: url('/source/images/icon/success.png');}
.ui-status-error {color: #FF7449;background-image: url('/source/images/icon/error.png');}
.ui-status-information {color: #00E6FF;background-image: url('/source/images/icon/info.png');}
.ui-status-critical {color: #FC0;background-image: url('/source/images/icon/alert.png');}
.ui-status-warning {color: red;background-image: url('/source/images/icon/error.png');}
.ui-status-message {color: #FFF;background-image: url('/source/images/content/message/message.png');}*/



/*--- status boxes ---*/
.ui-box-status {
	background-color: #fafafa;
	padding: 1em;
	border-radius: 3px;
	border: 1px solid #ccc;
	border-top: 4px solid #7BBB36;
}

.ui-box-emphasize, .ui-box-error, .ui-box-info, .ui-box-alert, .ui-box-message, .ui-box-success {
	padding: 9px;
	line-height: 24px;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border-radius: 3px;
	display: block; /*border: 1px Solid #DEDEE5;box-shadow: 0 1px 0 0 rgba(255,255,255,.5) inset; */
}

.ui-box-error {
	background-color: #FFDCD2;
	color: #cc0000;
}

.ui-box-alert {
	background-color: #FFFFD3 !important;
	color: #ff0000;
}

.ui-box-emphasize {
	background-color: #E6FFD2 !important;
}

.ui-box-info {
	background-color: #EAEAFF !important;
}

.ui-cover-error {
	display: block;
	background-color: #C30000;
	border-radius: 0 0 3px 3px;
	margin: -1px;
	text-align: left;
}

	.ui-cover-error > .ui-err {
		color: #fff;
		font-size: 0.8em;
		padding: 10px;
		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.23);
		line-height: 3em;
		text-align: left;
	}



/* ---- dynamic input, select labels ----- */
.ui-dynamic {
}


.ui-dynamic-label {
	position: absolute;
	pointer-events: none;
	color: inherit;
	text-shadow: none !important;
	cursor: text;
	left: 0;
	right: auto;
	font-size: inherit;
}

	.ui-dynamic-label.ui-dynamic-right {
		left: auto;
		right: 0;
	}


.ui-dynamic-bottom,
.ui-dynamic-field:focus ~ .ui-dynamic-label.ui-dynamic-float,
.ui-dynamic-field:valid:required ~ .ui-dynamic-label.ui-dynamic-float,
.ui-dynamic-field.ui-dynamic-filled:optional ~ .ui-dynamic-label.ui-dynamic-float {
	font-size: 11px;
	line-height: 15px !important;
}

input.ui-dynamic-field:optional:not(:placeholder-shown) ~ .ui-dynamic-label.ui-dynamic-float,
textarea.ui-dynamic-field:optional:not(:placeholder-shown) ~ .ui-dynamic-label.ui-dynamic-float {
	font-size: 11px;
	line-height: 15px !important;
}


select.ui-dynamic-field ~ .ui-dynamic-label.ui-dynamic-float {
	visibility: hidden;
}

select.ui-dynamic-field:focus ~ .ui-dynamic-label.ui-dynamic-float,
select.ui-dynamic-field:valid:required ~ .ui-dynamic-label.ui-dynamic-float,
select.ui-dynamic-field.ui-dynamic-filled:optional ~ .ui-dynamic-label.ui-dynamic-float {
	visibility: visible;
}

.ui-dynamic-bottom {
	top: auto !important;
}

.ui-dynamic-focused {
	font-size: 12px;
	line-height: 15px !important
}

.ui-dynamic-label > i {
	padding-right: 7px;
}



.ui-dynamic-bar {
	position: absolute;
	display: block;
	width: 100%;
}

textarea ~ .ui-dynamic-bar,
body.local textarea ~ .ui-dynamic-bar {
	display: none;
}

.ui-dynamic-bar:after {
	content: '';
	height: 2px;
	width: 0;
	position: absolute;
	left: 0;
	background: #5264AE;
	top: 1px;
}

.ui-dynamic-field:focus ~ .ui-dynamic-bar:after {
	width: 100%;
}








/*--- custom ---*/
.ui-required {
	padding: 0 0.5em;
}

.ui-icon {
	background-position: left 5px;
	background-repeat: no-repeat;
	padding-left: 48px !important;
	background-size: 32px;
}

.ui-icon-tips {
	background-image: url('/source/images/icon/lightbulb.png');
}









/*--- buttons ---*/
.ui-btn-content {
	padding: 0em;
	text-align: right;
	margin: 0;
	vertical-align: middle;
}


	.ui-btn-content [type=button],
	.ui-btn-content [type=submit],
	.ui-btn-content [type=reset],
	.ui-btn-content .ui-btn-submit,
	.ui-btn-content .ui-btn-reset,
	.ui-btn-content .ui-btn-social {
		cursor: pointer;
		padding: 12px 25px;
		background-color: #66A025;
		color: #fff;
		box-shadow: 0.5px 0.75px 0 0 #555555;
		/*border-color: -moz-use-text-color #878787 #5C5B5B -moz-use-text-color;*/
		font-family: 'Exo2-Regular','Roboto', 'Open';
		font-weight: 300;
		text-shadow: 0 1px 2px RGBA(0, 0, 0, 0.7);
		border: 0 solid;
		vertical-align: middle;
	}


	.ui-btn-content.ui-btn-action [type=button],
	.ui-btn-content.ui-btn-action [type=submit],
	.ui-btn-content.ui-btn-action [type=reset],
	.ui-btn-content.ui-btn-action .ui-btn-submit,
	.ui-btn-content.ui-btn-action .ui-btn-reset,
	.ui-btn-content.ui-btn-action .ui-btn-social {
		padding: 0.75em 2em;
		font-size: 30px;
		text-transform: uppercase;
		letter-spacing: 2px;
		text-shadow: 0 1px 0 rgba(0,0,0,.7);
		background-image: url('/source/images/icon/go.png'),url('/source/images/profile/site/bg/bgshare.png');
		background-size: 64px 64px, 1px 102%;
		background-repeat: no-repeat, repeat-x;
		background-position: right center, center center;
	}

	.ui-btn-content.ui-btn-action .ui-btn-small {
		padding: 0.75em 1.5em !important;
		font-size: 24px !important;
		background-size: 48px 48px, 1px 102% !important;
	}



	.ui-btn-content.ui-btn-title [type=button],
	.ui-btn-content.ui-btn-title [type=submit],
	.ui-btn-content.ui-btn-title [type=reset],
	.ui-btn-content.ui-btn-title .ui-btn-submit,
	.ui-btn-content.ui-btn-title .ui-btn-reset,
	.ui-btn-content.ui-btn-title .ui-btn-social {
		padding: 0.5em 1em;
		font-size: 22px;
		text-transform: uppercase;
		letter-spacing: 2px;
		text-shadow: 0 1px 2px rgba(0,0,0,0.5);
	}


	/*.ui-btn-content [type=button]:hover, 
.ui-btn-content [type=submit]:hover, 
.ui-btn-content [type=reset]:hover, 
.ui-btn-content .ui-btn-submit:hover,
.ui-btn-content .ui-btn-reset:hover,
.ui-btn-content .ui-btn-social:hover {  
}*/

	.ui-btn-content .ui-btn-reset,
	.ui-btn-content [type=reset] {
		background-color: #000;
		float: left;
	}

		.ui-btn-content .ui-btn-reset:hover,
		.ui-btn-content [type=reset]:hover {
			background-color: #555555;
			color: #7BBB36;
		}

	.ui-btn-content .ui-btn-submit:hover,
	.ui-btn-content [type=submit]:hover {
		background-color: #252525;
	}

	.ui-btn-content .ui-btn-general {
		background-color: #555555;
	}

		.ui-btn-content .ui-btn-general:hover {
			background-color: #252525;
		}

	.ui-btn-content .ui-btn-faded {
		background-color: #DDD;
		color: #444;
	}

		.ui-btn-content .ui-btn-faded:hover {
			background-color: #555;
			color: #eee;
		}


	.ui-btn-content .ui-btn-social {
		color: #eee;
		background-position: 7px center;
		background-repeat: no-repeat;
		padding-left: 32px;
		width: 200px;
		text-shadow: 0 1px 0 #000;
	}


	.ui-btn-content .ui-btn-facebook {
		background-color: #354F88;
		color: #eee;
		background-image: url('/source/images/icon/facebook.png');
	}

		.ui-btn-content .ui-btn-facebook:hover {
			background-color: #3B5998;
		}

	.ui-btn-content .ui-btn-google {
		background-color: #CE3E26;
		color: #eee;
		background-image: url('/source/images/icon/google.png');
	}

		.ui-btn-content .ui-btn-google:hover {
			background-color: #DE4C34;
		}

	.ui-btn-content .ui-btn-white {
		background-color: #fff;
		border: 1px solid #66A025;
		color: #66A025;
	}

		.ui-btn-content .ui-btn-white:hover {
			background-color: #ddd !important;
			color: #354F88 !important;
			border: 1px solid #354F88;
		}

	.ui-btn-content .ui-btn-transparent {
		background-color: transparent;
		box-shadow: none;
	}

	.ui-btn-content .ui-btn-tranplain {
		background-color: transparent;
		box-shadow: none;
		color: #F08700;
		text-shadow: none !important;
		padding: 12px;
	}

		.ui-btn-content .ui-btn-tranplain:hover {
			background-color: transparent;
			box-shadow: none;
			color: #6DAD28;
		}

	.ui-btn-content .ui-btn-width-100p {
		width: 100%;
	}

	.ui-btn-content .ui-btn-noshadow {
		box-shadow: none !important;
	}

	.ui-btn-content .ui-btn-notextshadow {
		text-shadow: none !important;
	}

	.ui-btn-content .ui-btn-noborder {
		border-width: 0 !important;
	}

		.ui-btn-content .ui-btn-noborder:hover {
			border-width: 0 !important;
		}

	.ui-btn-content [type=button][disabled],
	.ui-btn-content [type=submit][disabled],
	.ui-btn-content [type=reset][disabled],
	.ui-btn-content .ui-btn-submit[disabled],
	.ui-btn-content .ui-btn-reset[disabled],
	.ui-btn-content .ui-btn-social[disabled],
	.ui-btn-content [type=button][disabled]:hover,
	.ui-btn-content [type=submit][disabled]:hover,
	.ui-btn-content [type=reset][disabled]:hover,
	.ui-btn-content .ui-btn-submit[disabled]:hover,
	.ui-btn-content .ui-btn-reset[disabled]:hover,
	.ui-btn-content .ui-btn-social[disabled]:hover {
		background-color: #535353;
		color: #d0d0d0;
		cursor: default;
	}









/*--- Message ---*/
.ui-message-container {
	background-color: rgba(255, 255, 255, 0.95);
	text-align: center;
	position: fixed;
	left: 0;
	right: 0;
	top: 60px;
	z-index: 7001;
	cursor: pointer;
	box-shadow: 0px 0 1px 0 rgba(0,0,0,.3);
}

.ui-message-placeholder > .ui-message-container {
	border-radius: 3px;
	position: relative;
	left: auto;
	right: auto;
	top: auto;
	z-index: auto;
	box-shadow: none;
	margin: 1em 1em 0 1em;
}

.ui-message-container > .ui-message-content {
	line-height: 2em;
}

	.ui-message-container > .ui-message-content > .ui-message-text {
		padding: 10px 40px;
		font-weight: 400;
		text-shadow: none;
		background-color: #fff;
		border-radius: 3px;
	}

.ui-message-placeholder > .ui-message-container > .ui-message-content > .ui-message-text {
	padding: 7px 40px;
	text-shadow: 0px 1px 0 #fff;
}

.ui-message-container > .ui-message-content > .ui-message-text.ui-message-note {
	color: rgba(38, 38, 38, 1);
}

.ui-message-placeholder > .ui-message-container > .ui-message-content > .ui-message-text.ui-message-note {
	background-color: rgba(38, 38, 38, 0.1);
	border: 1px solid rgba(38, 38, 38, 0.3);
}

.ui-message-container > .ui-message-content > .ui-message-text.ui-message-information {
	color: rgba(33, 171, 176, 1);
}

.ui-message-placeholder > .ui-message-container > .ui-message-content > .ui-message-text.ui-message-information {
	background-color: rgba(33, 171, 176, 0.1);
	border: 1px solid rgba(33, 171, 176, 0.3);
}

.ui-message-container > .ui-message-content > .ui-message-text.ui-message-success {
	color: rgba(0, 128, 0, 1);
}

.ui-message-placeholder > .ui-message-container > .ui-message-content > .ui-message-text.ui-message-success {
	background-color: rgba(0, 128, 0, 0.1);
	border: 1px solid rgba(0, 128, 0, 0.3);
}

.ui-message-container > .ui-message-content > .ui-message-text.ui-message-alert {
	color: rgba(255, 111, 71, 1);
}

.ui-message-placeholder > .ui-message-container > .ui-message-content > .ui-message-text.ui-message-alert {
	background-color: rgba(255, 111, 71, 0.1);
	border: 1px solid rgba(255, 111, 71, 0.3);
}

.ui-message-container > .ui-message-content > .ui-message-text.ui-message-error {
	color: rgba(204, 0, 0, 1);
}

.ui-message-placeholder > .ui-message-container > .ui-message-content > .ui-message-text.ui-message-error {
	background-color: rgba(204, 0, 0, 0.1);
	border: 1px solid rgba(204, 0, 0, 0.3);
}


.ui-message-container > .ui-message-content > .ui-message-text > span {
	display: inline-block;
	padding: 0 12px;
}
/*---.ui-message-container > .ui-message-content > .ui-message-text > i {padding-right:12px;}---*/

.ui-message-container > .ui-message-content > .ui-message-text > .ui-message-close {
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px;
}

	.ui-message-container > .ui-message-content > .ui-message-text > .ui-message-close:hover {
		color: #CA0000;
	}




/*--- Status Container ---*/
/*.ui-status-container {background-color:#55556B;padding:8px 40px 8px 8px;border-radius:3px;text-shadow:none;position:relative; background-image: url('/source/images/icon/close-white.png');background-position:  99% 8px;background-repeat: no-repeat;cursor:pointer;	text-align:center;}
.ui-status-close {	position:absolute;top:-6px;right:-6px;cursor:pointer;}

.ui-status-content {display: block;}
.ui-status-content .ui-status {display: block;font-size:1em; background-image:url('/source/images/icon/cross.png'); background-position:97% center; background-repeat:no-repeat;padding: 2.5%; cursor:pointer; margin:0;}*/



/*--- Link ---*/
.fn-link {
}


/*--- Loading ---*/
.fn-loading {
}

.ui-loading, .ui-loading-tiny, .ui-loading-small, .ui-loading-mid, .ui-loading-content {
	background-image: url('/source/images/loading/loading.gif');
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	height: 32px;
	width: 32px;
	z-index: 9000;
	margin-left: auto;
	margin-right: auto;
}

.ui-loading-tiny, .ui-loading-small, .ui-loading-mid {
	background-color: rgba(0,0,0,.1);
}

.ui-loading-tiny {
	background-image: url('/source/images/loading/loadingtiny.gif');
	height: 16px;
	width: 16px;
}

.ui-loading-small {
	background-image: url('/source/images/loading/loadingsmall.gif');
	height: 23px;
	width: 70px;
}

.ui-loading-mid, .ui-loading-content {
	background-image: url('/source/images/loading/loadingmid.gif');
	height: 220px;
	width: 290px;
}

.ui-loading-content {
	float: left;
}

.blockUI .ui-loading-content {
	height: 300px;
	width: auto;
	float: none;
}

	.blockUI .ui-loading-content .ui-loading-text {
		color: #FFF;
		text-shadow: 1px 1px 1px #777;
		font-size: 30px;
		text-transform: none;
	}


.ui-loading-container {
	position: absolute;
	top: -5px;
	bottom: -5px;
	left: -5px;
	right: -5px;
	border-radius: 4px;
	background-color: rgba(0,0,0,.1);
}

	.ui-loading-container .ui-loading {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -16px;
		margin-top: -16px;
	}

.ui-loading-progress-expanded,
.ui-loading-progress,
.ui-loading-cover,
.ui-loading-indicator-cover {
	background-image: url('/source/images/loading/loadingmid.gif');
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	background-color: rgba(0,0,0,.1);
	min-height: 16px;
	min-width: 16px;
	position: absolute;
	top: -5px;
	bottom: -5px;
	left: -5px;
	right: -5px;
	border-radius: 4px;
}

.ui-loading-cover {
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

.ui-loading-indicator-cover {
	background-color: rgba(0, 0, 0, 0);
}

.ui-loading-progress-expanded,
.ui-loading-progress {
	display: none;
}

.ui-loading-progress-expanded {
	margin: -1em;
}

.ui-loading-indicator {
	background-image: url('/source/images/loading/loading.gif');
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto auto;
	padding-left: 24px;
}


.ui-loading-bar {
	background-image: url('/source/images/loading/loadingmid.gif');
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	min-height: 16px;
	min-width: 16px;
}

.ui-loading-bar-content {
}

	.ui-loading-bar-content > .ui-loading-bar {
		padding: 2em;
		margin: 1em;
	}







/* ---  Uploading --- */

.ui-upload-container {
}

.ui-upload-file-selector {
	z-index: 1000;
}

.ui-upload-progressbar-container {
	border: 1px solid #0099CC;
	padding: 1px;
	position: relative;
	height: 20px;
	border-radius: 2px;
	margin: 20px 0 40px;
	text-align: left;
	background: #fff;
	box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);
}

	.ui-upload-progressbar-container .ui-upload-progressbar {
		height: 100%;
		border-radius: 2px;
		background-color: #f39ac7;
		width: 0;
		box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
	}

	.ui-upload-progressbar-container .ui-upload-progressbar-status {
		line-height: 20px;
		font-size: 16px;
		left: 50%;
		position: absolute;
		color: #000000;
	}

	.ui-upload-progressbar-container .ui-upload-progressbar-cancel-content {
		margin-top: 10px;
		height: 20px;
		border-radius: 2px;
		text-align: left;
	}

		.ui-upload-progressbar-container .ui-upload-progressbar-cancel-content > .ui-upload-progressbar-cancel-button {
			text-align: center;
			border: 1px solid #009FD4;
			height: 100%;
			border-radius: 2px;
			font-family: Arial;
			font-size: 12px;
			cursor: pointer;
		}




/* ---  separator -- */
.ui-separator {
}

	.ui-separator::before {
	}



/*--- Indicators ---*/
.ui-indicator, .ui-indicator-valid, .ui-indicator-invalid {
	padding: 16px;
	display: inline;
}

.ui-indicator-valid, .ui-indicator-invalid {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto auto;
}

.ui-indicator-valid {
	background-image: url('/source/images/button/valid.png');
}

.ui-indicator-invalid {
	background-image: url('/source/images/button/invalid.png');
}


/* ---  Validator --- */
.ui-validator {
	position: absolute;
	right: 0;
	color: #fff;
	background-color: rgb(255, 128, 128);
	border-radius: 2px;
	padding: 0 7px;
	font-size: 11px;
	font-weight: 300;
	border: 1px solid rgba(255, 0, 0, 1);
	height: 20px;
	line-height: 20px;
	margin-top: -24px;
}

	.ui-validator.ui-validator-textbox {
	}



/* --- authentication ---*/
.ui-auth-context {
	position: absolute;
	z-index: 1;
	min-width: 350px;
	right: 0;
}

.ui-auth-placeholder-ticker {
	background-image: url('/source/images/profile/site/bg/bgauth.png');
	background-position: 95% top;
	background-repeat: no-repeat;
	background-size: 32px 16px;
	height: 16px;
	z-index: 2;
}

.ui-auth-placeholder {
}

.ui-auth-context .ui-auth-placeholder {
	z-index: 1;
	box-shadow: 0 0 2px 0 #c3c3c3;
}

.ui-auth-close {
	cursor: pointer;
	line-height: 0;
	height: 16px;
	width: 16px;
	position: absolute;
	right: 16px;
	top: 14px;
	background-image: url('/source/images/icon/cross.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	z-index: 3;
}

	.ui-auth-close:hover {
		right: 15px;
		top: 13px;
		height: 18px;
		width: 18px;
	}

.ui-auth-container {
	overflow: hidden;
}
	/*to overrite the inherited font size*/
	.ui-auth-container .ui-titley {
		padding: 0.5em 1em;
		text-align: left;
	}




/* ----- Popup ---*/
.ui-popup-background {
	display: none;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 4001;
	background-color: rgba(0,0,0,0.4);
}

	.ui-popup-background[bgcolor=white] {
		background-color: rgba(255,255,255,0.7);
	}

	.ui-popup-background[bgcolor=none] {
		background-color: rgba(255,255,255,0);
	}


.ui-popup-context {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: auto;
	z-index: 4002;
}

.ui-popup-placeholder {
	height: auto;
	width: 520px;
	z-index: 4010;
	text-align: left;
	position: relative;
	margin: 0px auto;
	text-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 0 100px 0 rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 100px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 100px 0 rgba(0, 0, 0, .2);
}

	.ui-popup-placeholder[tagwidth=medium] {
		width: 500px;
		max-width: 90%;
	}

	.ui-popup-placeholder[tagwidth=large] {
		width: 700px;
		max-width: 90%;
	}

	.ui-popup-placeholder[tagwidth=xlarge] {
		width: 850px;
		max-width: 90%;
	}

	.ui-popup-placeholder[tagwidth=xxlarge] {
		width: 1024px;
		max-width: 90%;
	}

	.ui-popup-placeholder[tagwidth=superlarge] {
		width: 90%;
		max-width: 90%;
	}

	.ui-popup-placeholder[tagwidth=full] {
		width: 100%;
		max-width: 100%;
		background-color: transparent;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	.ui-popup-placeholder[tagheight=large] {
		max-height: 70%;
	}

	.ui-popup-placeholder[tagheight=xlarge] {
		max-height: 80%;
	}

	.ui-popup-placeholder[tagheight=xxlarge] {
		max-height: 90%;
	}

	.ui-popup-placeholder[tagheight=full] {
		max-height: 100%;
	}

.ui-popup-container {
	border-radius: inherit;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	-webkit-border-radius: inherit;
	-webkit-border-top-left-radius: 0 !important;
	-webkit-border-top-right-radius: 0 !important;
	-moz-border-radius: inherit;
	-moz-border-top-left-radius: 0 !important;
	-moz-border-top-right-radius: 0 !important;
}

.fn-popup-noheader > .ui-popup-container {
	border-top-left-radius: inherit !important;
	border-top-right-radius: inherit !important;
	-webkit-border-top-left-radius: inherit !important;
	-webkit-border-top-right-radius: inherit !important;
	-moz-border-top-left-radius: inherit !important;
	-moz-border-top-right-radius: inherit !important;
}

.ui-popup-placeholder > .ui-popup-container {
}

.ui-popup-placeholder[tagheight=full] > .ui-popup-container {
	width: 1024px !important;
	margin: 0px auto;
}


.ui-popup-close {
	cursor: pointer;
	line-height: 0;
	height: 32px;
	width: 32px;
	display: inline-block;
	background-image: url('/source/images/icon/cross.png');
	background-position: center center;
	background-size: auto;
	background-repeat: no-repeat;
	z-index: 1;
	vertical-align: middle;
}

.fn-popup-noheader .ui-popup-close {
	position: absolute;
	margin: 0;
	background-color: #fff;
	height: 20px;
	width: 20px;
	/*top: 0;right: -22px;background-size:12px 12px;*/
	top: 4px;
	right: 4px;
	background-size: 16px 16px;
}

	.fn-popup-noheader .ui-popup-close.ui-popup-close-inside {
		margin: 18px 38px 18px 28px;
	}

.ui-popup-placeholder[tagheight=full] .ui-popup-close {
	position: fixed;
	right: 0;
	margin-right: 32px;
}

.ui-popup-close:hover {
	background-color: #fff;
}



.ui-popup-header {
	text-align: left;
	border-bottom: 1px solid #DDDDE4;
}

.ui-popup-placeholder[tagwidth=xxlarge] .ui-popup-header {
}

.ui-popup-header > h4 {
	vertical-align: middle;
}




.ui-popup-content {
	border-radius: inherit;
	overflow-y: auto;
}

.ui-popup-placeholder[tagwidth=xxlarge] .ui-popup-content {
}


.ui-popup-content .ui-popup-table {
	table-layout: fixed;
}

.ui-popup-content p {
	margin: 1em;
}

.ui-popup-table td {
	text-align: left;
	padding: 4px;
	background-color: inherit;
}

.ui-popup-table label.header {
	text-transform: uppercase;
	font-size: 18px;
}

.ui-popup-footer {
	background-color: #fff;
	border-top: 1px dotted #A6AAB6;
	padding: 24px 12px;
	font-size: 13px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding-left: 100px;
}


.ui-popup-placeholder ul {
}

.ui-popup-placeholder li {
	list-style: square url('/source/images/icon/arrow-right-small.png') outside;
	padding: 4px 0;
}

.ui-popup-footer span:nth-child(2) {
	color: indianred;
}

.ui-popup-footer span:nth-child(3) {
	color: green;
}

.ui-popup-footer a,
.ui-popup-footer a:link {
	color: orangered;
}

	.ui-popup-footer a:hover,
	.ui-popup-footer a:link:hover {
		color: #0096ff;
	}


/*.ui-popup-closex {	height:32px;width:32px;position:absolute;top:-16px;right:-16px;cursor:pointer;opacity:1;
                   border-radius:5px;z-index:1200;margin-top:0;}
.ui-popup-closex:hover {margin-top:-2px;}*/

/* -- custom popup begins -- */
.ui-popup-container .fx-scroll-block > .scrollbarpaper-container {
	bottom: 2px;
	height: auto !important;
}
/* -- custom popup ends -- */
/* -- popup ends -- */

/* --  custom close -- */
.ui-object-close {
	cursor: pointer;
	line-height: 0;
	height: 20px;
	width: 20px;
	position: absolute;
	top: 1px;
	right: 1px;
	background-image: url('/source/images/icon/cross.png');
	background-position: center center;
	background-size: 16px 16px;
	background-repeat: no-repeat;
	z-index: 1;
	background-color: #fff;
	border-radius: 2px;
}



/* -- Modal Dialoge Box for confirmation --- */
.ui-popup-modal-placeholder {
	display: none;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

	.ui-popup-modal-placeholder > .ui-popup-modal-container {
		max-width: 500px;
		margin: 40px auto 0 auto;
		padding: 20px;
		line-height: 30px;
		text-align: center;
		opacity: 1;
		text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	}




/* --- tooltip------ */
.fn-tooltip {
	cursor: pointer;
}

.fn-tooltip-content {
	position: absolute;
	font-size: 11px;
	padding: 4px 7px;
	z-index: 9001;
	line-height: 19px;
	vertical-align: middle;
	text-align: center;
	background-color: #fff; /*#b02674;*/
	border-radius: 2px;
	width: 82px;
	margin-top: -70px;
	margin-left: -48px;
	color: #252525;
	border: 1px solid #f5f5f5;
	border-bottom-color: #DEDEDE;
	border-right-color: #DEDEDE;
	text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5); /*text-shadow: 0 2px 3px RGBA(0, 0, 0, 1);*/
	/*background-image: url("/source/images/profile/site/bg/bgshare.png");background-position: left top;
                     background-repeat: repeat-x; background-size:auto 100%;
                     text-shadow: 0 1px 0 rgba(0,0,0,.3);color:#fff;background-color:#4D8313;*/
}

	.fn-tooltip-content:hover,
	.fn-tooltip-content:active {
		display: none;
	}

	.fn-tooltip-content:after {
		z-index: -1;
		content: "";
		position: absolute;
		display: inline-block;
		width: 0;
		height: 0;
		border-color: transparent;
		border-style: solid;
		bottom: -7.5px;
		left: 41px;
		border-width: 8px 7px 0;
		border-top-color: #DEDEDE; /*#b02674*/
	}

	.fn-tooltip-content.fn-tooltip-large {
		width: 120px;
		margin-left: -67px;
	}

		.fn-tooltip-content.fn-tooltip-large:after {
			left: 60px;
		}

	.fn-tooltip-content.fn-tooltip-xlarge {
		width: 300px;
		margin-left: -157px;
		margin-top: -150px;
	}

		.fn-tooltip-content.fn-tooltip-xlarge:after {
			left: 150px;
		}



.fn-tooltip-left {
	margin-top: -10px;
	margin-left: -160px;
}

	.fn-tooltip-left:after {
		right: -7px;
		top: 10px;
		border-width: 7px 0 7px 7px;
		border-left-color: #fff; /*#4D8313;*/
	}





/* --- toggle -- */
.ui-toggle-container {
}

	.ui-toggle-container .ui-toggle-content {
		display: none;
	}

	.ui-toggle-container .ui-toggle-button {
		position: relative;
		height: 36px;
		width: 36px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100%;
		background-image: url('/source/images/icon/down.png');
		cursor: pointer;
	}

	.ui-toggle-container .ui-toggle-open {
		background-image: url('/source/images/icon/up.png');
	}





/* --list ----*/
ul.list {
	margin-top: 1em;
	margin-bottom: 1em;
}

	ul.list li {
		list-style-position: outside;
		list-style-type: square;
		padding-left: 1em;
		margin-top: 2em;
		margin-left: 2em;
	}

ul.sublist li {
	margin-top: 1em;
}

ul.list li:first-child {
	margin-top: 0em;
}

ul.list-plus > li {
	list-style-image: url('/source/images/icon/arrow-right-small.png');
}

ul.list-info > li {
	list-style-image: url('/source/images/icon/list-info.png');
}

ul.list-help > li {
	list-style-image: url('/source/images/icon/list-help.png');
}

ul.list li span {
	font-weight: 300;
	margin-bottom: 1em;
	display: block;
	font-size: 1.2em;
}

ul.list li img.ui-img-full {
	max-height: 100%;
}

.ui-list-icon {
	background-position: left center;
	background-repeat: no-repeat;
}

.ui-list-icon-cabinet {
	background-image: url('/source/images/icon/cabinet.png');
}

.ui-list-icon-expand {
	background-image: url('/source/images/icon/expand.png');
}

.ui-list-icon-mail {
	background-image: url('/source/images/icon/mail.png');
}


/*-- functions----*/
.fn-edit-tiny {
	background-image: url('/source/images/icon/edit-tiny-hover.png');
	background-repeat: no-repeat;
	background-position: center center;
}


/*--- Page Up and Down Button ----*/
.fn-scroll-page-top, .fn-scroll-page-bottom {
	padding: 2px;
	width: 28px;
	height: 28px;
	border-radius: 28px;
	position: fixed;
	z-index: 999;
	white-space: nowrap;
	cursor: pointer;
	overflow: hidden;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

.fn-scroll-page-top {
	right: 24px;
	bottom: 0;
	background-image: url('/source/images/icon/arrow-totop.png');
}

.fn-scroll-page-bottom {
	left: 24px;
	bottom: 0;
	background-image: url('/source/images/icon/arrow-todown.png');
}



/*--- paging ----*/
.ui-paging-container {
	width: auto;
	display: block;
	position: relative;
	text-align: center;
}

	.ui-paging-container > .ui-paging-content {
	}

		.ui-paging-container > .ui-paging-content .ui-paging-pager {
			margin: 0.5em 4px;
			min-width: 12px;
			height: 28px;
			line-height: 32px;
			vertical-align: middle;
			display: inline-block;
			border-radius: 2px;
			box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3);
			border-bottom: 4px Solid rgba(0,0,0,0.005);
			font-size: 13px;
			background-image: url('/source/images/profile/site/bg/bgshare.png');
			background-position: left top;
			background-repeat: repeat-x;
			background-size: 100% 500%;
			background-color: #fff;
			padding: 0 4px;
		}

		.ui-paging-container > .ui-paging-content .ui-paging-prevnext {
			min-width: 43px;
		}

			.ui-paging-container > .ui-paging-content .ui-paging-prevnext .ui-paging-prev,
			.ui-paging-container > .ui-paging-content .ui-paging-prevnext .ui-paging-next {
				background-position: left 5px;
				background-repeat: no-repeat;
				color: #555;
			}

			.ui-paging-container > .ui-paging-content .ui-paging-prevnext .ui-paging-prev {
				background-image: url('/source/images/icon/arrow-left-small.png');
				padding-left: 12px;
				padding-right: 2px;
			}

			.ui-paging-container > .ui-paging-content .ui-paging-prevnext .ui-paging-next {
				background-image: url('/source/images/icon/arrow-right-small.png');
				padding-right: 10px;
				background-position: right 5px;
				padding-left: 2px;
			}

		.ui-paging-container > .ui-paging-content span {
			color: rgb(173, 173, 173);
		}

		.ui-paging-container > .ui-paging-content .fx-active {
			color: #66A025;
			border-bottom-color: #66A025;
		}

		.ui-paging-container > .ui-paging-content a:link {
			color: #555;
		}

		.ui-paging-container > .ui-paging-content a:hover {
			box-shadow: 0px 0 1px 0 rgba(0, 0, 0, .3), 0 1px 1px 0 rgba(0, 0, 0, .2);
			color: #252525;
		}



/*-- Lists--*/
.ui-ddlist-container {
	background-color: rgba(255, 255, 255, 1);
	position: absolute;
	margin-left: 0;
	overflow-x: hidden; /*overflow-y: scroll;overflow-y: -moz-scrollbars-vertical;*/
	overflow-y: auto;
	margin-top: -1px;
	max-height: 131px;
	display: none;
	z-index: 1;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
	border-radius: 0 0 2px 2px;
	text-align: left;
}

.ui-ddlist-item {
	background-color: rgba(255, 255, 255, 1);
	padding: 7px;
	cursor: pointer;
	font-size: 13px;
	line-height: 18px;
	border-bottom: 1px dashed #E1E1E1;
}

	.ui-ddlist-item:first-of-type {
	}

	.ui-ddlist-item:last-of-type {
		border-radius: 0 0 2px 2px;
		border-bottom-width: 0;
	}

.fn-mobile .ui-ddlist-item {
	font-size: 11px;
	padding: 4px;
}

.ui-ddlist-item a {
	border-width: 0 !important;
}

.ui-ddlist-item-hover {
	background-color: rgba(196,232,253, 0.4);
}

.ui-ddlist-item-focus {
	background: #FFEAD6; /*rgba(135,206,250,0.8);*/
}

.ui-ddlist-button-dropdown {
	background-image: url('/source/images/icon/arrow-down-list.png');
	cursor: pointer;
	margin-left: auto;
	display: none;
	background-repeat: no-repeat;
	background-position: center center;
	width: 30px;
	position: relative;
}

	.ui-ddlist-button-dropdown:hover {
		background-image: url('/source/images/icon/arrow-down-list-hover.png');
	}

.ui-ddlist-item-message {
	border: 1px solid #A6AAB6;
	color: red;
	background: rgba(255, 255, 255, 1);
	position: absolute;
	display: none;
	padding: 2px 40px 2px 4px;
	z-index: 1010;
	margin: -28px 0 0 100px;
	overflow-x: hidden;
	overflow-y: hidden;
	height: 20px;
	border-radius: 3px 3px 0 0;
}




/*--- taglist ----*/
.ui-tags-content-placeholder {
	outline: none;
	position: relative;
	text-align: left; /*padding: 2px;border: 1px solid #D6d6d6; 
                               background-color: #ffffff;*/
	/*overflow:hidden; 	overflow-x:hidden; 	overflow-y:hidden;*/
}

.ui-tags-content-container {
	outline: none;
	height: auto;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
	padding: 0;
	background: #ffffff;
	position: relative;
}

.ui-tags-trash-container {
	position: relative;
}

.ui-tags {
	font-size: 12px;
	display: inline-block;
	margin: 0px 5px 5px 0;
	padding: 1px 3px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-radius: 2px;
	-chrome-radius: 2px;
	-ms-radius: 2px;
	-khtml-radius: 2px;
	border-radius: 2px;
	box-shadow: 1px 1px 0 0 #ccc;
	background-color: rgba(186,186,186,0.4);
}

	.ui-tags.fx-bottom {
		margin: 5px 5px 0 0;
	}

/*.ui-tags:first-child { margin-left:5px;}*/
a.ui-tags, a.ui-tags:link, a.ui-tags:hover {
	text-decoration: none;
	color: #252525 !important;
	cursor: default;
}

.ui-tags-matched {
	background-color: #EEFFD9;
}

.ui-tags-unmatched {
	background-color: #E8ECF2;
}

.ui-tags-trash-container .ui-tags {
	margin: 5px 5px 0 0;
	background-color: rgba(186,186,186,0.2);
}

/*.ui-tags-matched > span > a:nth-child(1), 
.ui-tags-unmatched > span > a:nth-child(1), 
.ui-tags-notmatched > span > a:nth-child(1) {text-decoration: none;}*/

.ui-tags > span {
	display: inline-block;
	margin: 3px;
	vertical-align: middle !important;
}

.ui-tags > .ui-tags-button {
	cursor: pointer;
	background-position: center center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
}

.ui-tags-button-remove, .ui-tags-button-delete {
	background-image: url('/source/images/icon/cross.png');
}

.ui-tags-button-add {
	background-image: url('/source/images/lineicon/add.png');
}

.ui-tags-button:hover { /* shadow: .shadow-button*/
}

/*.ui-tags-editor-container { outline: none; height: auto; padding: 0;background: #ffffff; position: relative;}
.ui-tags-editor-container [type=text] {border: 0 solid transparent;background-image: none;
                                       position: relative;outline: none;  width: 100%;}*/

.ui-tags-message {
	background-color: #eee;
	font-size: 13px;
	color: red;
	position: absolute;
	left: 0;
	top: -34px;
	right: 0;
	display: none;
	padding: 5px;
	z-index: 1010;
	text-align: left;
	overflow-x: hidden;
	overflow-y: hidden;
	border-radius: 2px;
}









/*----- sliverline functions-----*/

.sl-checkbox-label {
	position: relative;
	display: block;
	height: 15px;
	width: 40px;
	background-color: #898989;
	border-radius: 100px;
	cursor: pointer;
	transition: all 0.3s ease;
}

	.sl-checkbox-label:after {
		position: absolute;
		left: -3px;
		top: -3px;
		display: block;
		width: 22px;
		height: 22px;
		border-radius: 100px;
		background-color: #CCC9C9;
		box-shadow: 0px 0 1px 0 rgba(0,0,0,0.7);
		content: '';
		transition: all 0.3s ease;
	}

	.sl-checkbox-label:active:after {
		transform: scale(1.15, 0.85);
	}

.sl-checkbox-input:checked ~ .sl-checkbox-label {
	background-color: rgb(128, 186, 45);
}

	.sl-checkbox-input:checked ~ .sl-checkbox-label:after {
		left: 20px;
		background-color: rgb(150, 204, 73);
	}

.sl-checkbox-input:disabled ~ .sl-checkbox-label {
	background-color: #d5d5d5;
	pointer-events: none;
}

	.sl-checkbox-input:disabled ~ .sl-checkbox-label:after {
		background-color: #bcbdbc;
	}

.sl-checkbox-input:checked ~ .sl-checkbox-label.ui-bgcolor-mauve {
	background-color: rgb(155, 117, 255);
}

	.sl-checkbox-input:checked ~ .sl-checkbox-label.ui-bgcolor-mauve:after {
		left: 20px;
		background-color: rgb(184, 158, 255);
	}







/*---- rows and colums ---*/
.row {
	margin: 0 auto;
}

.col {
}

	.col.col-margin {
		margin-left: -2px;
		margin-right: -2px;
	}

.col1of1, .col2of2, .col3of3, .col4of4, .col5of5 {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	display: inline-block;
}

.col1of2,
.col1of3, .col2of3,
.col1of4, .col2of4, .col3of4,
.col1of5, .col2of5, .col3of5, .col4of5 {
	display: inline-block;
	position: relative;
	vertical-align: top;
}

.col1of2 {
	width: 50%;
}

.col1of3 {
	width: 33.33%;
}

.col2of3 {
	width: 66.66%;
}

.col1of4 {
	width: 25%;
}

.col2of4 {
	width: 50%;
}

.col3of4 {
	width: 75%;
}

.col1of5 {
	width: 20%;
}

.col2of5 {
	width: 40%;
}

.col3of5 {
	width: 60%;
}

.col4of5 {
	width: 80%;
}


.col-1280-50 {
}
/* adjust to 50% if less than 1281px */
.col-1280-100 {
}
/* adjust to 100% if less than 1025px */
.col-1024-50 {
}
/* adjust to 50% if less than 1025px */
.col-1024-100 {
}
/* adjust to 100% if less than 1025px */
.col-768-50 {
}
/* adjust to 50% if less than 769px */
.col-768-100 {
}
/* adjust to 100% if less than 769px */
.col-640-50 {
}
/* adjust to 50% if less than 769px */
.col-640-100 {
}
/* adjust to 100% if less than 769px */
.col-480-50 {
}
/* adjust to 50% if less than 481px */
.col-480-100 {
}
/* adjust to 100% if less than 481px */



.col-1024-hide {
}
/* hide if less than 1025px */
.col-768-hide {
}
/* hide if less than 769px */


/* ---- loc - reverse of col ---*/
.fx-loc {
}

.fx-loc-1024 {
}

.fx-loc-768 {
}

.fx-loc1of1,
.fx-loc1of2,
.fx-loc1of3, .fx-loc2of3,
.fx-loc1of4, .fx-loc2of4, .fx-loc3of4 {
}




/* --  Discard this one--- */
/* -- tabs --- */
.fn-tab {
}

	.fn-tab ul {
	}

	.fn-tab .fn-tab-button {
		list-style: none;
		text-align: left;
	}

		.fn-tab .fn-tab-button li {
		}

		.fn-tab .fn-tab-button .fn-tab-button-item {
			text-align: center;
			background-color: #f5f5f5;
			box-shadow: 0 1px 0 1px #fff inset;
			border-radius: 3px 3px 0 0;
		}

			.fn-tab .fn-tab-button .fn-tab-button-item.fx-active {
				background-color: #F6E0EA;
			}

			.fn-tab .fn-tab-button .fn-tab-button-item:hover {
				box-shadow: 1px 1px 0 0 #CCC;
				background-color: #C76994;
			}

		.fn-tab .fn-tab-button li a {
		}

		.fn-tab .fn-tab-button .fn-tab-button-item a {
			padding: 11px;
			display: block;
		}

		.fn-tab .fn-tab-button .fn-tab-button-item.fx-active a {
			color: inherit;
			text-shadow: inherit;
		}

		.fn-tab .fn-tab-button .fn-tab-button-item:hover a {
			color: #fff;
			text-shadow: 0 1px 0 rgba(0,0,0, 0.5);
		}

	.fn-tab .fn-tab-content {
	}

		.fn-tab .fn-tab-content .fn-tab-content-item {
			display: none;
		}

			.fn-tab .fn-tab-content .fn-tab-content-item.fx-active {
				display: block;
			}



	/* -- tabs --- */
	.fn-tab > ul {
	}

	.fn-tab > .fn-tab-header {
	}

	.fn-tab.fx-parent > .fn-tab-header {
	}

	.fn-tab > .fn-tab-header > li {
		list-style: none;
		text-align: left;
	}

	.fn-tab > .fn-tab-header > .fn-tab-button {
		text-align: center;
		background-color: #f5f5f5;
		box-shadow: 0 1px 0 1px #fff inset;
		border-radius: 3px 3px 0 0;
		font-size: 14px;
	}

	.fn-tab.fx-parent > .fn-tab-header > .fn-tab-button {
		border-radius: 3px;
		font-size: 16px;
	}

	.fn-tab > .fn-tab-header > .fn-tab-button.fx-active {
		background-color: #F6E0EA;
	}

	.fn-tab > .fn-tab-header > .fn-tab-button:hover {
		box-shadow: 1px 1px 0 0 #CCC;
		background-color: #C76994;
	}

	.fn-tab > .fn-tab-header > .fn-tab-button > a {
		padding: 11px;
		display: block;
	}

	.fn-tab > .fn-tab-header > .fn-tab-button.fx-active > a {
		color: inherit;
		text-shadow: inherit;
	}

	.fn-tab > .fn-tab-header > .fn-tab-button:hover a {
		color: #fff;
		text-shadow: 0 1px 0 rgba(0,0,0, 0.5);
	}

	.fn-tab > .fn-tab-item {
	}

		.fn-tab > .fn-tab-item > .fn-tab-data {
			display: none;
		}

			.fn-tab > .fn-tab-item > .fn-tab-data.fx-active {
				display: block;
			}





/* ----- scroll ------*/
.fx-scroll-placeholder {
}

.fx-scroll-container {
	overflow: hidden;
	display: block;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}
/*.fx-scroll-content{position:absolute;top:0;left:0;bottom:0;clear: both;width:auto;}*/
.fx-scroll-content {
	position: relative;
	margin-left: 0;
	margin-right: 0;
	clear: both;
	width: auto;
	text-align: left;
}

.fx-scroll-block {
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

.fx-scroll-item {
	display: block;
}

.fx-scroll-unit {
	margin-left: auto;
	margin-right: auto;
}

.fx-scroll-button-placeholder {
}

.fx-scroll-button-container {
}

.fx-scroll-button-content {
}

.fx-scroll-button-block {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 24px;
}

	.fx-scroll-button-block.fx-scroll-button-left {
		left: 0;
		right: auto;
	}

	.fx-scroll-button-block.fx-scroll-button-right {
		right: 0;
		left: auto;
	}

.fx-scroll-button-item {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.fx-scroll-button-left .fx-scroll-button-item {
	background-image: url('/source/images/icon/arrow-left-black.png');
}

.fx-scroll-button-right .fx-scroll-button-item {
	background-image: url('/source/images/icon/arrow-right-black.png');
}

/*.fx-scroll-button-left .fx-scroll-button-item{ background-image:url('/source/images/icon/arrow-left-white.png');}
.fx-scroll-button-right .fx-scroll-button-item{background-image:url('/source/images/icon/arrow-right-white.png');}*/



.ui-popup-content > .fx-scroll-placeholder {
	padding: 0 2em;
	height: 100%;
}

	.ui-popup-content > .fx-scroll-placeholder > .fx-scroll-container {
		height: 100%;
	}

		.ui-popup-content > .fx-scroll-placeholder > .fx-scroll-container > .fx-scroll-content {
			height: 100%;
		}

			.ui-popup-content > .fx-scroll-placeholder > .fx-scroll-container > .fx-scroll-content > .fx-scroll-block {
				height: 100%;
			}

				.ui-popup-content > .fx-scroll-placeholder > .fx-scroll-container > .fx-scroll-content > .fx-scroll-block > .fx-scroll-item {
					height: 100%;
					overflow-y: auto;
					margin-top: -2px;
				}


/*--- Overwrite Google --- */
span.gc-cs-link {
	color: inherit !important;
	text-decoration: none;
}

*::-webkit-input-placeholder {
	color: #555555; /*color: #8166EA;*/
}

*:-moz-placeholder {
	color: #555555;
}
/* FF 4-18 */
*::-moz-placeholder {
	color: #555555;
}
/* FF 19+ */
*:-ms-input-placeholder {
	color: #555555;
}
/* IE 10+ */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
}


/*--- object - customized */
.table {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
}

.wrap {
	width: 85%;
	margin: 0 auto;
}

.header {
	z-index: 999;
}



/* --- objects --- */
body {
}

	body.local {
		min-height: 100%;
	}

		body.local b {
			font-weight: 500;
		}


		body.local hr {
			border-width: 0;
			border-top: 1px solid #D5D5D5;
			border-bottom: 1px solid #FFFFFF;
			margin: 1em 0;
		}

		body.local p {
			line-height: 2em;
		}

		body.local textarea,
		body.local select,
		body.local [type=file],
		body.local [type=textarea],
		body.local [type=select],
		body.local [type=text],
		body.local [type=password],
		body.local [type=email],
		body.local [type=url],
		body.local [type=time],
		body.local [type=date],
		body.local [type=phone],
		body.local [type=number],
		body.local [type=search],
		body.local [type=range] {
			font-weight: normal;
			display: block;
			background-color: #fafafa;
			outline: 0;
			height: 50px;
			width: 94%;
			padding: 0 3%;
			border: 1px solid #d5d5d5;
			font-family: inherit;
			font-weight: 300;
			box-shadow: 0 1px 2px 0 #EBEBEB inset;
			-webkit-box-shadow: 0px 1px 2px 0 #EBEBEB inset;
			-moz-box-shadow: 0px 1px 2px 0 #EBEBEB inset;
			-o-box-shadow: 0px 1px 2px 0 #EBEBEB inset;
			appearance: none;
			/* for mobile safari */
			-webkit-appearance: none;
		}


		body.local label[type=text],
		body.local div[type=text] {
			line-height: 50px !important;
			cursor: pointer;
		}


		body.local select {
			width: 100%;
		}

			body.local select option {
				padding: 0.25em 1em;
			}
		/*body.local select optgroup {border-bottom:1px dashed #d1d1d1;padding: 0.5em 0;}
body.local select option:last-of-type{ border-bottom-width:0;}*/

		body.local textarea {
			resize: vertical;
			padding-top: 12px;
			padding-bottom: 12px;
		}

		body.local [type=checkbox] {
			width: 20px;
			height: 20px;
			vertical-align: middle;
		}


		body.local .ui-textbox-modern {
			background-color: transparent;
			border-color: transparent transparent #d5d5d5 transparent;
			box-shadow: 0px 2.5px 0 0 #fff;
			-webkit-box-shadow: 0px 2.5px 0 0 #fff;
			-moz-box-shadow: 0px 2.5px 0 0 #fff;
			-o-box-shadow: 0px 2.5px 0 0 #fff;
		}


			body.local .ui-textbox-modern:disabled,
			body.local [type=textarea]:disabled,
			body.local [type=select]:disabled,
			body.local [type=text]:disabled,
			body.local [type=password]:disabled,
			body.local [type=email]:disabled,
			body.local [type=url]:disabled,
			body.local [type=time]:disabled,
			body.local [type=date]:disabled,
			body.local [type=phone]:disabled,
			body.local [type=number]:disabled,
			body.local [type=search]:disabled,
			body.local [type=range]:disabled,
			body.local [type=checkbox]:disabled,
			body.local textarea:disabled,
			body.local select:disabled {
				background-color: #f0f0f0;
			}

		body.local [type=textarea]:focus,
		body.local [type=select]:focus,
		body.local [type=text]:focus,
		body.local [type=password]:focus,
		body.local [type=email]:focus,
		body.local [type=url]:focus,
		body.local [type=time]:focus,
		body.local [type=date]:focus,
		body.local [type=phone]:focus,
		body.local [type=number]:focus,
		body.local [type=search]:focus,
		body.local [type=range]:focus,
		body.local [type=checkbox]:focus,
		body.local textarea:focus,
		body.local select:focus {
			background-color: #fff;
			box-shadow: none;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			-o-box-shadow: none;
			outline: none;
		}


		body.local .ui-textbox-modern:focus:not(.ui-no-focus) {
			background-color: #fafafa;
			border-color: #d5d5d5;
			box-shadow: 0px 1px 2px 0 #EBEBEB inset;
			-webkit-box-shadow: 0px 1px 2px 0 #EBEBEB inset;
			-moz-box-shadow: 0px 1px 2px 0 #EBEBEB inset;
			-o-box-shadow: 0px 1px 2px 0 #EBEBEB inset;
		}





		body.local [type=radio] {
			height: 20px;
			width: 20px;
			vertical-align: middle;
			margin-right: 4px;
			display: inline-block;
			margin-top: -2px;
		}

			body.local [type=radio] + label {
				vertical-align: bottom;
				margin-right: 12px;
				display: inline-block;
			}




/*---- boxed input -----*/

.ui-input-marked {
	vertical-align: top;
	height: 42px;
}

	.ui-input-marked > .ui-input-mark {
		border-right-width: 0;
		width: 20%;
		height: 100%;
		background-image: url('/source/images/button/none.png'),url('/source/images/button/bgbutton.png');
		background-repeat: no-repeat,repeat-x;
		background-position: center center,center center;
		background-size: 16px 16px, 100% 100%;
		display: inline-block;
		vertical-align: top;
		box-shadow: 0 0 0 1px #d5d5d5;
		-webkit-box-shadow: 0 0 0 1px #d5d5d5;
		-moz-box-shadow: 0 0 0 1px #d5d5d5;
		-o-box-shadow: 0 0 0 1px #d5d5d5;
		border-radius: 3px 0 0 3px;
		-webkit-border-radius: 3px 0 0 3px;
		-moz-border-radius: 3px 0 0 3px;
		-o-border-radius: 3px 0 0 3px;
	}

		.ui-input-marked > .ui-input-mark.vr-search {
			background-image: url('/source/images/icon/search.png'),url('/source/images/profile/site/bg/bgbutton.png');
		}

	.ui-input-marked > .vr-control {
		display: inline-block;
		margin-left: -5px;
		vertical-align: top;
		width: 80%;
		height: 100%;
	}

		.ui-input-marked > .vr-control > input {
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
			-webkit-border-top-left-radius: 0;
			-webkit-border-bottom-left-radius: 0;
			-moz-border-top-left-radius: 0;
			-moz-border-bottom-left-radius: 0;
			-o-border-top-left-radius: 0;
			-o-border-bottom-left-radius: 0;
		}





/*--- font-size ---*/
body.local h1, .ui-font-heading {
	font-size: 3.6em;
	font-weight: 100;
}

body.local h2, .ui-font-subheading {
	font-size: 3.0em;
	font-weight: 100;
}

body.local h3, .ui-font-title {
	font-size: 2.5em;
	font-weight: 300;
}

body.local h4, .ui-font-caption {
	font-size: 2.0em;
	font-weight: 300;
}

body.local h5, .ui-font-brief {
	font-size: 1.7em;
	font-weight: 300;
}

body.local h6, .ui-font-detail {
	font-size: 1.4em;
	font-weight: 300;
}


.ui-font-text {
	font-size: 1em;
	font-weight: 300;
}

.ui-font-mid {
	font-size: 0.875em;
	font-weight: 300;
}

.ui-font-small {
	font-size: 0.8em;
	font-weight: 300;
}

.ui-font-12px {
	font-size: 12px;
}

/*--- font-style ---*/
.ui-font-thin {
	font-weight: 100;
}

.ui-font-thin-i {
	font-weight: 100 !important;
}

.ui-font-medium {
	font-weight: 200;
}

.ui-font-medium-i {
	font-weight: 200 !important;
}

.ui-font-normal {
	font-weight: 300;
}

.ui-font-normal-i {
	font-weight: 300 !important;
}

.ui-font-bold {
	font-weight: 400;
}

.ui-font-bold-i {
	font-weight: 400 !important;
}

.ui-font-italic {
	font-style: italic;
}

.ui-font-upper {
	text-transform: uppercase;
}

.ui-font-crossed {
	text-decoration: line-through;
}







.ui-textbox-modern:focus {
	background-color: #fafafa;
	box-shadow: 0 0 0 1px #d5d5d5, 0 0 2px 1px #EBEBEB inset;
	-webkit-box-shadow: 0 0 0 1px #d5d5d5, 0 0 2px 1px #EBEBEB inset;
	-moz-box-shadow: 0 0 0 1px #d5d5d5, 0 0 2px 1px #EBEBEB inset;
	-o-box-shadow: 0 0 0 1px #d5d5d5, 0 0 2px 1px #EBEBEB inset;
}


.ui-pattern {
}

.ui-pattern-one {
	text-align: left;
}

	.ui-pattern-one > img {
		float: left;
		margin: 0 2em 2em 0;
		max-width: 300px;
		display: block;
	}

	.ui-pattern-one > span.ui-fa {
		float: left;
		margin: 0 2em 2em 0;
		max-width: 200px;
		display: block;
	}

		.ui-pattern-one > span.ui-fa > i {
			border-radius: 50%;
			display: block;
			font-size: 36px;
			height: 120px;
			line-height: 120px;
			text-align: center;
			width: 120px;
			border: 1px solid transparent;
			transition: all 0.5s;
			margin: 0 auto;
			cursor: pointer;
		}

	.ui-pattern-one > h2,
	.ui-pattern-one > h3,
	.ui-pattern-one > h4,
	.ui-pattern-one > h5,
	.ui-pattern-one > h6 {
		margin-bottom: 12px;
	}

	.ui-pattern-one > p {
		margin-top: 12px;
	}

	.ui-pattern-one > a {
		margin-top: 2em;
		display: block;
	}

	.ui-pattern-one > hr {
		border-bottom-width: 0 !important;
		border-style: dashed !important;
	}

	.ui-pattern-one > ul {
		list-style: disc;
		line-height: 2.7em;
		text-align: left;
		list-style-position: outside;
		margin-left: 1em;
	}


.ui-pattern-two {
	text-align: center;
}

	.ui-pattern-two > img {
		max-height: 160px;
		max-width: 100%;
	}

	.ui-pattern-two > a {
		margin: 2em 0;
		max-width: 160px;
		display: block;
	}

		.ui-pattern-two > a > img {
			vertical-align: middle;
		}

	.ui-pattern-two > h3,
	.ui-pattern-two > h4,
	.ui-pattern-two > h5,
	.ui-pattern-two > h6 {
		margin-bottom: 12px;
		font-weight: 300;
	}

		.ui-pattern-two > h3 > label,
		.ui-pattern-two > h4 > label,
		.ui-pattern-two > h5 > label,
		.ui-pattern-two > h6 > label {
			font-weight: 100;
		}

	.ui-pattern-two > p {
		margin-top: 12px;
		text-align: left;
	}


.ui-pattern-three {
	text-align: left;
}

	.ui-pattern-three > a {
		margin: 2em 0;
		max-width: 150px;
		display: block;
	}

		.ui-pattern-three > a > img {
			vertical-align: middle;
		}

	.ui-pattern-three > h3,
	.ui-pattern-three > h4,
	.ui-pattern-three > h5,
	.ui-pattern-three > h6 {
		margin-bottom: 12px;
		font-weight: 300;
	}

		.ui-pattern-three > h3 > label,
		.ui-pattern-three > h4 > label,
		.ui-pattern-three > h5 > label,
		.ui-pattern-three > h6 > label {
			font-weight: 100;
		}

	.ui-pattern-three > p {
		margin-top: 12px;
	}



.ui-pattern-five {
	text-align: center;
}

	.ui-pattern-five > a {
		text-align: center;
	}

		.ui-pattern-five > a > i {
			font-size: 36px;
			line-height: 120px;
			margin: 0 auto;
			width: 120px;
			height: 120px;
			display: block;
			border-radius: 50%;
			border-width: 1px;
			border-style: solid;
			transition: all 0.5s;
			cursor: pointer;
			text-align: center;
		}

		.ui-pattern-five > a:hover > i {
			background-color: rgba(241,245,248,1);
		}

	.ui-pattern-five > h3,
	.ui-pattern-five > h4,
	.ui-pattern-five > h5,
	.ui-pattern-five > h6 {
		margin: 1em auto;
		font-weight: 300;
		text-transform: uppercase;
		padding-top: 1em;
		padding-bottom: 1em;
	}

	.ui-pattern-five > p {
		margin-top: 1em auto;
	}





/*--- group ---*/
.ui-group {
	display: flex !important;
	align-content: stretch;
	flex-direction: column;
	align-items: center;
	padding-left: 12px;
	padding-right: 12px;
}

	.ui-group img.ui-group-icon {
		padding: 24px;
		margin: 12px auto;
		border-radius: 24px;
		border: 1px dashed rgba(255,255,255,0.25);
		width: 72px;
		height: 72px;
		text-align: center;
	}

	.ui-group span.ui-group-fa {
		font-size: 48px;
		padding: 24px;
		margin: 12px auto;
		border-radius: 50%;
		border: 1px solid;
		width: 72px;
		height: 72px;
		line-height: 72px;
		text-align: center;
	}

	.ui-group h4, .ui-group h5, .ui-group h6 {
		margin: 12px auto;
		font-size: 18px;
	}

	.ui-group p {
	}

	.ui-group ul {
		text-align: left;
		list-style: disc outside !important;
	}

		.ui-group ul > li {
			line-height: 35px;
			margin-bottom: 12px;
			margin-left: 16px;
		}

			.ui-group ul > li > span {
			}

	.ui-group.ui-group-01 {
		text-align: center;
	}


/* -- flex -- */
.ui-flex-start-center-coloumn, .ui-flex-center-center-coloumn, .ui-flex-center-center-row {
	display: flex !important;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
}

.ui-flex-start-center-coloumn {
	flex-direction: column;
	align-items: flex-start;
}

.ui-flex-center-center-coloumn {
	flex-direction: column;
	align-items: stretch;
}

.ui-flex-center-center-row {
	flex-direction: row;
	align-items: center;
}




/* --- transitions --- */
.wrap, a, a:link, .ux-nav-item, img, li, input, li > ul, li:hover > ul,
.ui-separator, .ui-separator::before,
.ui-transition-linear {
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
}

.ui-dynamic-label,
.ui-dynamic-bar, .ui-dynamic-bar:before, .ui-dynamic-bar:after,
.ui-dynamic-highlight,
.ui-transition-ease {
	-webkit-transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-ms-transition: 0.2s ease all;
	-o-transition: 0.2s ease all;
	transition: 0.2s ease all;
}








/*----responsive-design-----*/
@media only screen and (max-width: 1440px) {
}

@media only screen and (max-width: 1366px) {
	.wrap {
		width: 89%;
	}
}

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

	body.local h1, .ui-font-heading {
		font-size: 3.5em;
	}

	body.local h2, .ui-font-subheading {
		font-size: 2.9em;
	}

	body.local h3, .ui-font-title {
		font-size: 2.4em;
	}

	body.local h4, .ui-font-caption {
		font-size: 1.9em;
	}

	body.local h5, .ui-font-brief {
		font-size: 1.6em;
	}

	body.local h6, .ui-font-detail {
		font-size: 1.3em;
	}

	.col-1280-50 {
		width: 50%;
	}

	.col-1280-100 {
		width: 100%;
		margin: 0;
	}

	.col-1280-hide {
		display: none;
	}


	.ui-btn-content .ui-btn-social {
		width: 170px;
	}
}


@media only screen and (min-width: 801px) {
	.fx-loc-768 .fx-margin-0-l-i {
		margin-left: 0em !important;
	}

	.fx-loc-768 .fx-margin-0-r-i {
		margin-right: 0em !important;
	}

	.fx-loc-768 .fx-margin-1em-l-i {
		margin-left: 1em !important;
	}

	.fx-loc-768 .fx-margin-1em-r-i {
		margin-right: 1em !important;
	}

	.fx-loc-768 .fx-margin-05em-l-i {
		margin-left: 0.5em !important;
	}

	.fx-loc-768 .fx-margin-05em-r-i {
		margin-right: 0.5em !important;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
	.fx-loc-640-1024 {
		display: inline-block;
		vertical-align: top;
	}
		/*.loc-1024 > div { margin:0 1em !important; }*/
		.fx-loc-640-1024.fx-loc1of2 {
			width: 50%;
		}

		.fx-loc-640-1024.fx-loc1of3 {
			width: 33.33%;
		}

		.fx-loc-640-1024.fx-loc2of3 {
			width: 66.66%;
		}

		.fx-loc-640-1024.fx-loc1of4 {
			width: 25%;
		}

		.fx-loc-640-1024.fx-loc3of4 {
			width: 75%;
		}


		.fx-loc-640-1024 .fx-margin-0-l-i {
			margin-left: 0em !important;
		}

		.fx-loc-640-1024 .fx-margin-0-r-i {
			margin-right: 0em !important;
		}

		.fx-loc-640-1024 .fx-margin-1em-l-i {
			margin-left: 1em !important;
		}

		.fx-loc-640-1024 .fx-margin-1em-r-i {
			margin-right: 1em !important;
		}

		.fx-loc-640-1024 .fx-margin-05em-l-i {
			margin-left: 0.5em !important;
		}

		.fx-loc-640-1024 .fx-margin-05em-r-i {
			margin-right: 0.5em !important;
		}

	.ui-btn-content.ui-btn-title input[type=button],
	.ui-btn-content.ui-btn-title input[type=submit],
	.ui-btn-content.ui-btn-title input[type=reset],
	.ui-btn-content.ui-btn-title button {
		font-size: 24px;
	}
}

@media only screen and (min-width: 641px) and (max-width: 800px) {
	.fx-loc-640-768 {
		display: inline-block;
		vertical-align: top;
	}

		.fx-loc-640-768.fx-loc1of2 {
			width: 50%;
		}

		.fx-loc-640-768.fx-loc1of3 {
			width: 33.33%;
		}

		.fx-loc-640-768.fx-loc2of3 {
			width: 66.66%;
		}

		.fx-loc-640-768.fx-loc1of4 {
			width: 25%;
		}

		.fx-loc-640-768.fx-loc3of4 {
			width: 75%;
		}

		.fx-loc-640-768 .fx-margin-0-l-i {
			margin-left: 0em !important;
		}

		.fx-loc-640-768 .fx-margin-0-r-i {
			margin-right: 0em !important;
		}

		.fx-loc-640-768 .fx-margin-1em-l-i {
			margin-left: 1em !important;
		}

		.fx-loc-640-768 .fx-margin-1em-r-i {
			margin-right: 1em !important;
		}

		.fx-loc-640-768 .fx-margin-05em-l-i {
			margin-left: 0.5em !important;
		}

		.fx-loc-640-768 .fx-margin-05em-r-i {
			margin-right: 0.5em !important;
		}
}

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

	body.local h1, .ui-font-heading {
		font-size: 3.4em;
	}

	body.local h2, .ui-font-subheading {
		font-size: 2.8em;
	}

	body.local h3, .ui-font-title {
		font-size: 2.4em;
	}

	body.local h4, .ui-font-caption {
		font-size: 1.8em;
	}

	body.local h5, .ui-font-brief {
		font-size: 1.5em;
	}

	body.local h6, .ui-font-detail {
		font-size: 1.25em;
	}

	.col-1024-50 {
		width: 50%;
		display: inline-block;
	}

	.col-1024-100 {
		width: 100%;
		margin: 0;
	}

	.col-1024-hide {
		display: none;
	}

	.ui-float-1024-none {
		float: none !important;
	}

	.ui-margin-1024-none {
		margin-left: 0em;
		margin-bottom: 2em;
	}
}


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

	body.local h1, .ui-font-heading {
		font-size: 3.2em;
	}

	body.local h2, .ui-font-subheading {
		font-size: 2.6em;
	}

	body.local h3, .ui-font-title {
		font-size: 2.2em;
	}

	body.local h4, .ui-font-caption {
		font-size: 1.7em;
	}

	body.local h5, .ui-font-brief {
		font-size: 1.4em;
	}

	body.local h6, .ui-font-detail {
		font-size: 1.2em;
	}

	.ui-popup-content .p {
		padding: 0.75em;
	}

	.ui-popup-content h5 {
		font-size: 1.1em;
	}

	/*.fn-popup-noheader .ui-popup-close {top: -22px;right:0; }*/

	.col {
		margin-left: 0;
		margin-right: 0;
	}

		.col.col1of2,
		.col.col1of3, .col.col2of3,
		.col.col1of4, .col.col2of4, .col.col3of4,
		.col.col1of5, .col.col2of5, .col.col3of5, .col.col4of5 {
			width: 100%;
		}

	.col-768-50 {
		width: 50%;
		display: inline-block;
	}

	.col-768-100 {
		width: 100%;
		margin: 0;
	}

	.ui-float-768-none {
		float: none !important;
	}

	.ui-margin-768-none {
		margin-left: 0em;
		margin-bottom: 2em;
	}

	.ui-pad-2em-h-768-0 {
		padding-left: 0;
		padding-right: 0;
	}

	.ui-pad-2em-l-768-0 {
		padding-left: 0;
	}

	.ui-pad-2em-r-768-0 {
		padding-right: 0;
	}

	.ui-align-right-768-i {
		text-align: right !important;
	}

	.ui-align-left-768-i {
		text-align: left !important;
	}

	.ui-align-center-768-i {
		text-align: center !important;
	}

	.ui-quote-open,
	.ui-quote-closed {
		width: 36px;
		height: 36px;
		background-size: 30px auto;
	}

	.ui-pattern-one > img {
		float: none;
		margin: 0 auto 2em auto;
		max-width: 90%;
	}
}

@media only screen and (max-width: 640px) {
	.wrap {
		width: 92%;
	}

	body.local h1, .ui-font-heading {
		font-size: 3.0em;
	}

	body.local h2, .ui-font-subheading {
		font-size: 2.4em;
	}

	body.local h3, .ui-font-title {
		font-size: 2.0em;
	}

	body.local h4, .ui-font-caption {
		font-size: 1.6em;
	}

	body.local h5, .ui-font-brief {
		font-size: 1.4em;
	}

	.ui-btn-content.ui-btn-action input[type=button] {
		padding: 12px;
		background-image: url('/source/images/profile/site/bg/none.png'),url('/source/images/profile/site/bg/bgshare.png');
	}

	.col-640-50 {
		width: 50%;
		display: inline-block;
	}

	.col-640-100 {
		width: 100%;
		margin: 0;
	}

	.ui-popup-content .p {
		padding: 0.6em;
	}

	.ui-popup-content h5 {
		font-size: 1em;
	}

	/*.fn-popup-noheader .ui-popup-close{top: 3px;right: 3px;}*/

	.ui-quote-open, .ui-quote-closed {
		width: 32px;
		height: 32px;
		background-size: 26px auto;
	}

	.ui-btn-content.ui-btn-title input[type=button],
	.ui-btn-content.ui-btn-title input[type=submit],
	.ui-btn-content.ui-btn-title input[type=reset],
	.ui-btn-content.ui-btn-title button {
		font-size: 20px;
	}

	.ui-pad-6px-i-640 {
		padding: 6px !important;
	}
}

@media only screen and (max-width: 480px) {
	.wrap {
		width: 95%;
	}

	body.local h1, .ui-font-heading {
		font-size: 2.75em;
	}

	body.local h2, .ui-font-subheading {
		font-size: 2.2em;
	}

	body.local h3, .ui-font-title {
		font-size: 1.9em;
	}

	body.local h4, .ui-font-caption {
		font-size: 1.5em;
	}

	body.local h5, .ui-font-brief {
		font-size: 1.35em;
	}


	.col-480-50 {
		width: 50%;
		display: inline-block;
	}

	.col-480-100 {
		width: 100%;
		margin: 0;
	}

	.ui-popup-content .p {
		padding: 0.5em;
	}

	.ui-popup-content h5 {
		font-size: 0.875em;
	}

	.ui-auth-context {
		min-width: 320px;
	}

	.ui-quote-open, .ui-quote-closed {
		width: 30px;
		height: 30px;
		background-size: 24px auto;
	}

	.ui-btn-content.ui-btn-action input[type=button],
	.ui-btn-content.ui-btn-action input[type=submit],
	.ui-btn-content.ui-btn-action input[type=reset],
	.ui-btn-content.ui-btn-action button,
	.ui-btn-content.ui-btn-action .ui-btn-social {
		font-size: 24px;
		background-size: 48px 48px, 1px 102%;
	}

	.ui-btn-content.ui-btn-title input[type=button],
	.ui-btn-content.ui-btn-title input[type=submit],
	.ui-btn-content.ui-btn-title input[type=reset],
	.ui-btn-content.ui-btn-title button {
		font-size: 16px;
	}
}

@media only screen and (max-width: 400px) {
	.ui-auth-context {
		min-width: 270px;
	}
}

@media only screen and (max-width: 360px) {
	.wrap {
		width: 98%;
	}

	body.local h1, .ui-font-heading {
		font-size: 2.5em;
	}

	body.local h2, .ui-font-subheading {
		font-size: 2.1em;
	}

	body.local h3, .ui-font-title {
		font-size: 1.8em;
	}

	body.local h4, .ui-font-caption {
		font-size: 1.45em;
	}

	body.local h5, .ui-font-brief {
		font-size: 1.3em;
	}

	.ui-popup-content .p {
		padding: 0.4em;
	}

	.ui-popup-content h5 {
		font-size: 0.75em;
	}

	/*.titlex h3 {font-size: 2em; width:100%;}*/

	.ui-auth-context {
		min-width: 240px;
	}

	.ui-btn-content.ui-btn-action input[type=button],
	.ui-btn-content.ui-btn-action input[type=submit],
	.ui-btn-content.ui-btn-action input[type=reset],
	.ui-btn-content.ui-btn-action button,
	.ui-btn-content.ui-btn-action .ui-btn-social {
		padding: 0.75em 1.5em;
		font-size: 20px;
		background-size: 36px 36px, 1px 102%;
	}
}