/* Fonts
----------------------------------*/
@import url(font-awesome.css);
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,800');


/* jQuery UI helpers 
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.ui-state-disabled { cursor: default !important; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-tooltip { padding: 8px; position: absolute; background:#fff; z-index: 9999; max-width: 600px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; }
* html .ui-tooltip { background-image: none; }
body .ui-tooltip { border-width: 2px; }

* { margin:0px; padding:0px; outline: none !important; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
/* html { overflow-x:hidden; overflow-y:scroll; }
html.overflow-hidden { overflow:hidden; } */
body{font-size:14px;color:#fff;font-family:"Open Sans", sans-serif; background:#000; line-height:1.2; position: relative;}
body.nsc, .noselect_ { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
button, a, a:link, a:visited { cursor:pointer; outline:none; text-decoration:none; }
button::-moz-focus-inner { border: 0; }
textarea::-webkit-input-placeholder,input::-webkit-input-placeholder { color:#777; font-style:italic;}
textarea::-moz-placeholder,input::-moz-placeholder { color:#777; font-style:italic;}
textarea:-ms-input-placeholder,input-ms-input-placeholder { color:#777; font-style:italic;}
input[type="text"].placeholder, input[type="password"].placeholder, textarea.placeholder { color:#777 !important; font-style:italic !important;}
select option { padding:4px 7px; }
.clear {content: "\0020"; clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;margin:0px !important;}
.clearfix:before,.clearfix:after,.the:before,.the:after { content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0; }


h1,h2,h3,h4,h5,h6,b,strong,
.h1,.h2,.h3,.h4,.h5,.h6 { font-weight:400; font-family: inherit; line-height: 1.3; color: inherit; }
h1,.h1 { font-size: 30px; }
h2,.h2 { font-size: 26px; }
h3,.h3 { font-size: 20px; }
h4,.h4 { font-size: 18px; }
h5,.h5 { font-size: 14px; }
h6,.h6 { font-size: 12px; }

.disabled { opacity:.4 !important; cursor:default !important;}
.ac { text-align:center !important; } .al { text-align:left !important; } .ar { text-align:right !important; } .aj { text-align:justify !important; }
.acm, .acx, .acxl { width: 80%; min-width: 300px; margin: 20px auto; overflow:hidden; }
.acx { width: 90%; }
.acxl { width: 95%; }

.uppercase { text-transform: uppercase; }
.normal { font-weight:300 !important; }
.bold { font-weight:600 !important; }
.bolder { font-weight:700 !important; }
.italic { font-style:italic; }
.uline, a.uline { text-decoration:underline; }
.uline:hover, a.uline:hover { text-decoration:none; }
.unone { text-decoration:none; }
.uhover { text-decoration:none; }
.uhover:hover { text-decoration:underline; }

img { border: 0px none; max-width:100%; height: auto; }
.pad10 { padding:10px; }.pad20 { padding:20px;}
.sp5 { display:block; height:5px; }.sp10 { display:block; height:10px; }.sp20 { display:block; height:20px; }.sp40 { display:block; height:40px; }.sp60 { display:block; height:60px; }.sp80{ display:block; height:80px; }.sp100 { display:block; height:100px; }.sp150 { display:block; height:150px; }.sp200 { display:block; height:200px;  }

.cwhite { color:#fff !important; }
.cblack { color:#000 !important; }
.cdark1 { color:#111 !important; }
.cred { color:#ff0000 !important; }
.cblue { color:#0000ff !important; }
.cblue1 { color:#000080 !important; }
.cgreen { color:#009900 !important; }
.cyelow { color:#ffff00 !important; }

/* field prompts */
.field_prompt { position:absolute; margin:0; background:#333; background:rgba(10,10,10,.9);color:#fff; font-size:13px; font-weight:normal; padding:7px 10px; float:left; display:block; z-index:9000; min-width:150px;cursor:default;border-radius:2px;box-shadow: 0 0 1px #333;}
.static_prompt { background:#f7f7f7; color:#333; }
.field_prompt.note { background:rgba(255,255,255,.9); color:#333; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6); }
.field_prompt em { position: absolute;width:0;height:0;border-color: transparent;border-style: solid;}
.field_prompt em.tl, .field_prompt em.tc, .field_prompt em.tr { bottom: -5px; border-top-color: #000000;border-width: 5px 5px 0;margin-left: -5px; }
.field_prompt em.bl, .field_prompt em.bc, .field_prompt em.br { top: -5px; border-bottom-color: #000000;border-width: 0 5px 5px; margin-left:-5px; }
.field_prompt em.tl, .field_prompt em.bl { left: 20%; }
.field_prompt em.tc, .field_prompt em.bc { left: 50%; }
.field_prompt em.tr, .field_prompt em.br { left: 80%;}


.ce-msg-box { color:#333; font-size:15px; text-shadow:#fff; border:1px solid #acacac; border:1px solid rgba(0,0,0,.233); padding:15px 30px 20px; width:auto; min-width:250px; margin:0; border-radius: 2px; box-shadow: 0 4px 16px rgba(0,0,0,.2); background:#f7f7f7; background:rgba(250,250,250,.9); }
.ce-msg-box h5 { font-weight:bold; display:block; font-size:15px;padding:0 0 10px 0; margin:0; }
.ce-msg-box p { margin:0; padding:0;  }
.ce-msg-box.error { color:#f33; border:1px solid #f66; border-top:1px solid #ddd;}
.ce-msg-box.error h5 { color:#f33; }
.ce-msg-box ul { margin:5px 0 5px 20px; }
.ce-msg-box .btn-close { position:absolute; top:2px;right:2px; }

#msg { color:#333; font-size:15px; text-shadow:#fff; border:1px solid #acacac; border:1px solid rgba(0,0,0,.333); padding:30px; width:25%; min-width:300px; margin:0; border-radius: 2px; box-shadow: 0 4px 16px rgba(0,0,0,.2); background:#f7f7f7; background:rgba(255,255,255,.9); }
#msg h5 { font-weight:600; display:block; font-size:15px;padding:0 0 10px 0; margin:0; }
#msg p { margin:0; padding:0;  }
#msg.error { color:#f33; border:1px solid #f66; border-top:1px solid #ddd;}
#msg.error h5 { color:#f33; }

#msg-popup { font-size:13px; position:absolute; width:600px; background:#f7f7f7; background:rgba(255,255,255,.8); color:#333; text-shadow:#fff; border:1px solid #acacac; border:1px solid rgba(0,0,0,.433); box-shadow: 0 4px 16px rgba(0,0,0,.2); margin-top:-50px; border-radius:2px; }
#msg-popup .pad  { padding:25px; }
#msg-popup a.close { position:absolute; display:block; width: 16px; height:16px; top:7px; right:7px; line-height:16px; text-align:center; text-decoration:none; }


/* confirm box */
.psconfirm { width:30%; min-width:300px; position:absolute; z-index:9700; top:100px;left:100px; margin:-50px 0 0 0; display:none; border:1px solid #acacac; border:1px solid rgba(0,0,0,.433); border-radius:2px; box-shadow: 0 4px 16px rgba(0,0,0,.2); background:#fff; }
.psconfirm .pad { padding:30px; }
.psconfirm .psctl { color:#000;font-size:15px;line-height:20px; padding:0px 12px; text-shadow:1px 1px 1px #eee; }
.psconfirm .psctl h5 { font-size:16px; padding-bottom:15px;  }
.psconfirm .btn { margin:15px 15px 0 0; min-width:100px;}

.overlay { position:absolute;z-index:99;left:0px;top:0px;width:100%;height:100%;display:none; background-color:#000; opacity:.7;}
.next_overlay { z-index:9001 !important; }
.overlay_white { background-color:#fff !important; }

#toTop { display: none; text-decoration: none; opacity:.9; position: fixed; bottom: 85pt; right: 17pt; width: 35pt; height: 35pt; text-indent: -9999px; overflow: hidden; background: rgba(0,0,0,0) url(/images/ui.totop.png) 50% 60% no-repeat !important; border-radius: 50%; z-index: 90; box-shadow: inset rgba(0, 0, 0, 0.09) 0 0 100px; }
#toTop::after { content: 'TOP'; position: absolute; left: 0; bottom: 10px; width: 100%; font-size: 9px; color: #777; text-align: center; text-indent: 2px; font-weight: 600; font-family: arial, helvetica, sans-serif; }
#toTop:hover { opacity:1; }
#toTop:active, #toTop:focus { outline:none; }

/* load progress */
.swl-load { position:absolute !important;display:block !important;z-index:100 !important;top:0px !important;left:0px !important;width:100% !important;height:2px !important;padding:0px !important;margin:0 !important;}
.swl-load .swl-in { background:#a3cae0;display:block !important;height:2px !important; width:1%; padding:0px !important;margin:0 !important;box-shadow: 0 1px 2px rgba(17,35,45,0.6) inset;}


.top-line { display:none; }

header { }
header .logo { display: block; padding: 10px 0 0;}
footer { display:block; height:200px; }

.top-pics { text-align:center; padding: 20px 0 0; }
.top-pics>div { display:inline-block; vertical-align:top; padding:0 22px 0 0; }
.top-pics .tp-1 { width:28%;}
.top-pics .tp-2 { width:22%;}
.top-pics .tp-3 { width:23.4%;}
.top-pics .tp-4 { width:21.4%;}

.top-sentence { text-align:center; padding: 20px 0 0; }
.top-sentence>div { display:inline-block; vertical-align:top; width:80%; }

.pri-features { text-align:center; padding: 20px 0 0; }
.pri-features>div { display:inline-block; vertical-align:top; width:40%; }

.pri-cats { text-align:center; padding: 20px 0 0; }
.pri-cats>div { display:inline-block; vertical-align:top; }
.pri-cats .cat-1 { width:25.4%;}
.pri-cats .cat-2 { width:16%; }
.pri-cats .cat-3 { width:20.9%;}
.pri-cats .cat-4 { width:19%;}
.pri-cats .cat-5 { width:17.1%;}

.next-sentence { text-align:center; padding: 20px 0 0; }
.next-sentence>div { display:inline-block; vertical-align:top; }

.get-started { text-align:center; padding: 40px 0 0; }
.get-started>div { display:inline-block; vertical-align:top; width:50%; }

.ftn-sp { display:block; margin: 20px auto; text-align:center; }
.ftn-sp img { width:70%; max-width:360px; }

.bs-buttons { padding: 50px 0 20px; }
.bs-buttons>a, .bs-buttons>span { display:inline-block; vertical-align:middle; margin: 0 2%; }
.bs-buttons>a { width:25%; max-width:300px; opacity:.95; }
.bs-buttons>a:hover { opacity:1; }
.bs-buttons>span { width:6%; }

.ftn-belong { text-align:center; }
.ftn-belong>div { display:inline-block; vertical-align:middle; }
.ftn-belong .c-left { width:40%; margin:0 25px 0 -60px; }
.ftn-belong .c-right { width:20%; }

@media (max-width: 610px) {
	.top-pics>div { padding:0 10px 0 0; }
	.pri-features>div { width:49%; }
	.ftn-belong .c-left { width:100%; margin:0; }
	.ftn-belong .c-right { width:50%; }
}