/*---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('../fonts/AmbleLight.eot');
src: url('../fonts/AmbleLight?#iefix') format('embedded-opentype'),
url('../fonts/AmbleLight.ttf') format('truetype'),
url('../fonts/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('../fonts/Bahnschrift.eot');
src: url('../fonts/Bahnschrift.eot?#iefix') format('embedded-opentype'),
url('../fonts/Bahnschrift.ttf') format('truetype'),
url('../fonts/Bahnschrift.svg#ExistenceLight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ExistenceLight';
src: url('../fonts/ExistenceLight.eot');
src: url('../fonts/ExistenceLight.eot?#iefix') format('embedded-opentype'),
url('../fonts/ExistenceLight.ttf') format('truetype'),
url('../fonts/ExistenceLight.svg#ExistenceLight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GandhiSansRegular';
src: url('../fonts/GandhiSansRegular.eot');
src: url('../fonts/GandhiSansRegular.eot?#iefix') format('embedded-opentype'),
url('../fonts/GandhiSansRegular.ttf') format('truetype'),
url('../fonts/GandhiSansRegular.svg#GandhiSansRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Bebas';
src: url('../fonts/Bebas.eot');
src: url('../fonts/Bebas.eot?#iefix') format('embedded-opentype'),
url('../fonts/Bebas.woff') format('woff'),
url('../fonts/Bebas.ttf') format('truetype'),
url('../fonts/Bebas.svg#Bebas') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'EngagementRegular';
src: url('../fonts/EngagementRegular.eot');
src: url('../fonts/EngagementRegular.eot?#iefix') format('embedded-opentype'),
url('../fonts/EngagementRegular.woff') format('woff'),
url('../fonts/EngagementRegular.ttf') format('truetype'),
url('../fonts/EngagementRegular.svg#EngagementRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Ubuntu';
src: url('../fonts/Ubuntu.eot');
src: url('../fonts/Ubuntu.eot?#iefix') format('embedded-opentype'),
url('../fonts/Ubuntu.woff') format('woff'),
url('../fonts/Ubuntu.ttf') format('truetype'),
url('../fonts/Ubuntu.svg#Ubuntu') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Kenyan';
src: url('../fonts/KenyanCoffee.eot');
src: url('../fonts/KenyanCoffee.eot?#iefix') format('embedded-opentype'),
url('../fonts/KenyanCoffee.woff') format('woff'),
url('../fonts/KenyanCoffee.ttf') format('truetype'),
url('../fonts/KenyanCoffee.svg#KenyanCoffee') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Philosopher';
src: url('../fonts/Philosopher-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Philosopher-Regular-Italic';
src: url('../fonts/Philosopher-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Philosopher-Bold-Normal';
src: url('../fonts/Philosopher-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Philosopher-Bold-Italic';
src: url('../fonts/Philosopher-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto.eot');
src: url('../fonts/Roboto.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto.woff') format('woff'),
url('../fonts/Roboto.ttf') format('truetype'),
url('../fonts/Roboto.svg#Roboto') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Open';
src: url('../fonts/OpenSans.eot');
src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
url('../fonts/OpenSans.ttf') format('truetype'),
url('../fonts/OpenSans.svg#OpenSans') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Wuf';
src: url('../fonts/wfsr.eot');
src: url('../fonts/wfsr.eot?#iefix') format('embedded-opentype'),
url('../fonts/wfsr.woff') format('woff'),
url('../fonts/wfsr.ttf') format('truetype'),
url('../fonts/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('../fonts/ebgaramond.eot');
src: url('../fonts/ebgaramond.eot?#iefix') format('embedded-opentype'),
url('../fonts/ebgaramond.woff') format('woff'),
url('../fonts/ebgaramond.woff2') format('woff2'),
url('../fonts/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-font-philosopher {font-family: 'Philosopher';}
.ui-font-philosopher-regular-italic {font-family: Philosopher-Regular-Italic;}
.ui-font-philosopher-bold-normal {font-family: Philosopher-Bold-Normal;}
.ui-font-philosopher-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%;}
}