/* CSS Document */

.wdfb_register_button { display:none!important;}

.lay-boxed .width-browser { max-width:1080px; width:100%; margin:0 auto;}
.lay-width80 .width-browser { max-width:80%; width:80%; margin:0 auto;}
.lay-fullwidth .width-browser { max-width:100%; width:100%; margin:0 auto;}

.popup-show .black-bar { width:calc(100% - 17px) !important;}
.black-bar { background-color:#131518 !important; float:left; width:100%;}

/*#setupform-premium { padding-bottom:250px;}*/
.gototop { background:url(../img/gototop.png) no-repeat; bottom: -245px; height: 170px; left: 50%; margin-left: -164px; position: absolute; width: 335px;}
.gototop font { position:absolute;}
.load-1 {  top:67px; left:90px}
.load-1 a { font-weight:bold; border:none !important; color:#fff!important; background:none !important; padding:0!important;}
.top-1 { top:109px; left:93px}
.top-1 a { color:#6b3f23 !important; font-weight:bold; }
.top-1 a:hover { color:#4e2e1a !important;}

#theme_filter_wrapper { text-align:center; margin-bottom:30px;}
#theme_filter_wrapper li { width:auto; font-size:12px; list-style:none; background-color:#e9edf4; padding:0 10px; margin:2px ; display:inline-block; border-radius:3px; text-rendering:initial; cursor:pointer; }
#theme_filter_wrapper li.active { font-weight:bold; background-color:#b9bedd;}
#theme_filter_wrapper li.emptycat { opacity:0.5;}


.theme-list { position:relative; background-color:#000000; overflow:hidden; float:left; height:100%;}
.theme-list img { opacity:1; transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; transform:scale(1); float:left;}
.tag-theme { position:absolute; top:0; right:0px; width:135px; height:135px; z-index:1;}
.tag-theme div { width:135px; height:135px; position:absolute;}
.tag-popular { background:url(../img/tag-popular.png);}
.tag-premium { background:url(../img/tag-premium.png);}
.tag-ofweek { background:url(../img/tag-ofweek.png);}
.dtl-theme { position:absolute; bottom:0px; left:0px; width:100%; text-align:left; background-color:rgba(11,10,9,0.95); padding:15px; box-sizing:border-box; opacity:0; transform:translate3d(0px, 100%, 0px); z-index:3; cursor:default;}
.theme-list:hover .dtl-theme { transform:translate3d(0px, 0px, 0px); transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; opacity:1;}
.theme-list:hover img { opacity:0.3; transform:scale(1.12);}
.dtl-theme-title { float:left; width:calc(100% - 120px); margin-right:20px;}
.dtl-theme-title.no-demo { width:calc(100% - 65px);}
.dtl-theme-btn { float:right; width:100px;}
.dtl-theme-btn.no-demo { width:45px;}
.dtl-name,
.dtl-name a { font-weight:bold; line-height:20px; font-size:20px !important; text-decoration:none; color:#fff !important; text-transform:uppercase; word-wrap:break-word;}
.dtl-type {  font-size:12px;}
.dtl-demo { font-size:30px; background-color:#2b2828; padding:7px; border-radius:3px; float:right; margin-left:10px; cursor:pointer;}
.dtl-demo a { float:left; font-size:30px; color:#8f9299;}
.dtl-demo a:hover { color:#fff;}
.dtl-demo span { font-size:13px; margin-top:1px; display:none;}
.dtl-demo:hover { color:#fff; background-color:#34aeed}
.dtl-demo:hover a { color:#fff;}
.dtl-lovers { font-size:30px; background-color:#2b2828; padding:7px; border-radius:3px; float:right; cursor:pointer;}
.dtl-lovers span { font-size:13px; margin-top:1px; display:none;}
.dtl-lovers:hover { color:#fff; background-color:#ff6969;}
.dtl-lovers.loved { color:#fff; background-color:#ff6969;}
.dtl-link { position:absolute; width:100%; height:100%; z-index:1; left:0; top:0;}
.font-title {width: 100%;font-size: 35px; text-align: center;
}

#free_theme > .box-fill-domian .fill-domain { padding-left:240px!important;}

/*************** CREATED WEB by CHEN EDIT 3-12-2014 ***************/

	.mu_register form { }
	.mu_register label.error {color:#ff6969;}
	.mu_register input[type="submit"],
	.mu_register #blog_title,
	.mu_register #user_email,
	.mu_register #blogname,
	.mu_register #user_name { width:100%; font-size: 24px; margin:5px 0; }
	.mu_register .prefix_address,
	.mu_register .suffix_address {font-size: 18px;display:inline; }
	.mu_register label { font-weight:700; font-size:15px; display:block; margin:10px 0; }
	.mu_register label.checkbox { display:inline; }
	.mu_register .mu_alert { font-weight:700; padding:10px; color:#333333; background:#ffffe0; border:1px solid #e6db55; }
	/*input {width:auto;}*/

	/*UPDATE BY JIM*/ 
	.content-wrap {min-height:200px;}
	.mu_register label {text-align: left;color: #999;}
	.mu_register .error {font-size:12px;}
	.mu_register input {padding:5px;}
	select#domaintype {font-size:14px;margin:0 5px;width:30%;padding:10px;}
	/*.icon:before {font-size:32px;}*/
	.mu_register input#blogname {margin:0;border-left:none;width:40%;}
	.mu_register input#blogname:focus {}
	#domain-prefix {float: left;text-align: right;width: 56px;height: 38px;line-height: 38px;font-size: 20px;border: 1px solid #aaa;border-right: none;padding-right: 5px; text-transform:uppercase;}
	#site_title,
	#image_zone {clear:both;}
	.img_logo,.img_cover {float:left;width:50%;}

.tabs nav ul { width:auto;}
.tabs nav ul li a { padding:0 10px; border-radius:3px; opacity:0.5; text-decoration:none;  background:none !important;}
.tabs nav ul li a i { margin:0px 10px 0px 0px;}
.tabs nav ul li a span { font-family:open sans;}
.tabs nav ul li a .step-num { float:left; margin-right:10px; font-size:46px; margin-top:6px; font-family:open sans; font-weight:bold;}
.tabs nav ul li a .step-title { float:left;}
.tabs nav ul li a .step-title-main { float:left; font-family:open sans; font-size:18px; line-height:18px; color:#b0b8cb; font-weight:bold;}
.tabs nav ul li a .step-title-sub { float:left; clear:both; font-size:22px; line-height:22px; color:#b0b8cb;}
.tabs nav ul li a:hover { color:#34aeed;}
.tabs nav ul li a:hover .step-num,
.tabs nav ul li a:hover i { color:#34aeed; }
.tabs nav ul li a:focus .step-num { color:#8f9299;}

.tabs nav ul li.tab-current a { opacity:1; color:#fff;}
.tabs nav ul li.tab-current a .step-num { color:#34aeed;}
.tabs nav ul li.tab-current a .step-title-main { color:#fff;}
.tabs nav ul li.tab-current a .step-title-sub { color:#fff;}

.tabs nav ul button  { background:none; border:medium none; float:right; margin:0px; padding:0px; padding-left:10px;}
.tabs nav #prev_step { background-color:#34aeed; padding:10px; border-radius:3px; color:#fff;}
.tabs nav #prev_step i { float:left; margin:0px;}
.tabs nav #prev_step span { float:right; font-family:open sans; font-weight:500; margin-left:10px; text-transform:uppercase;}
.tabs nav #prev_step.notstep { background-color:#2e343e; color:#505b6c;}

.tabs nav #next_step { background-color:#34aeed; padding:10px; border-radius:3px; color:#fff; margin-left:10px;}
.tabs nav #next_step i { float:right; margin:0px;}
.tabs nav #next_step span { float:left; font-family:open sans; font-weight:500; margin-right:10px; text-transform:uppercase;}
.tabs nav #next_step:hover { background-color:#128FD0;}
.tabs nav #next_step.notstep { background-color:#2e343e; color:#505b6c;}
.tabs nav #next_step.finalstep { background-color:#1ad1b1; color:#fff;}

#section-iconbox-3 { margin-top:30px;}
.su-title { margin-bottom:20px;}
.su-title h1 { line-height:32px; text-transform:uppercase; margin-top:35px;}
#section-iconbox-3 .su-title { margin-bottom:50px; }
#section-iconbox-3 .su-title h1 {font-size: 2em!important;line-height: 47px !important;margin-top: 0px;}
.bg-premium { background:url(../img/bg-premium.png) no-repeat; position:absolute; width:1260px; height:245px; top:0; left:0px;}
#free_extended { width:80%; display:inline-block; position:relative; padding:15px 20px; background-color:#f0f3fa;}
#premium_extended { background-color:#34aeed;width:80%; display:inline-block; position:relative; padding:15px 20px;}
label.filter_domin { position:relative; display:inline-block; text-align:center; background-color:#31a4e0; color:#fff; padding:8px 15px; border-radius:3px; cursor:pointer; transition: box-shadow 0.5s ease; margin:0; text-transform:uppercase;}
label.filter_domin:hover { opacity:1}
label.filter_domin.slc { background-color:#22262e; opacity:1; color:#fff;}
label.filter_domin input { position:absolute; opacity:0; cursor:pointer;}
.updomain { float:right; background-color:#ffd154 !important; opacity:0.8 !important; color:#000 !important;}
.subdomin { font-size:13px !important; color:#ededed !important;}
.sern-island { position:absolute; left:20px; bottom:-8px; z-index:1;}
.fill-domain-sec { background-color:#fff; width:80%; display:inline-block; padding:20px;}
.box-fill-domian { position:relative; display:inline-block; text-align:center; width:100%; margin-bottom:5px;}
.box-fill-domian input { background-color:#f6f7fa !important; line-height:normal; text-transform:uppercase}
.text-infill { position:absolute; z-index:1;left:16px; top:9px; border:none !important; height:auto !important; line-height:none !important; padding:0px !important; text-align:left !important;}
.box-fill-domian .jdic-checkmark { position: absolute; right:5px; top:14px; background:#1ad1b1; padding:3px 0; border-radius:100%; width:30px; height:30px; display:flex; align-items: center;}
.box-fill-domian .jdic-checkmark:before { color:#fff; font-size:15px; width:100%; text-align:center}
.box-fill-domian .jdic-close { position: absolute; right: 5px; top: 14px; background: #ff6969; padding:3px 0; border-radius: 100%; width: 30px; height:30px; display:flex; align-items: center;}
.box-fill-domian .jdic-close:before { color:#fff; font-size:15px; width:100%; text-align:center }
.box-fill-domian .fill-domain + img { position:absolute; right:15px; top:14px; border-radius:100%; width:30px; height:30px; padding:3px; background-color:#fff;}
.box-fill-domian.noalertfill i.error-signup { display:none !important;}
#no_domain .box-fill-domian .jdic-close,
#no_domain .box-fill-domian .jdic-checkmark { right:350px}
#no_domain .box-fill-domian .fill-type + img { right:360px; position:absolute; top:14px; border-radius:100%; width:30px; height:30px; padding:3px; background-color:#fff;}
.lay-boxed #no_domain .box-fill-domian .jdic-close,
.lay-boxed #no_domain .box-fill-domian .jdic-checkmark { right:250px}
.lay-boxed #no_domain .box-fill-domian .fill-type + img { right:257px}
.lay-fullwidth #no_domain .box-fill-domian .jdic-close,
.lay-fullwidth #no_domain .box-fill-domian .jdic-checkmark { right:450px}
.lay-fullwidth #no_domain .box-fill-domian .fill-type + img { right:457px}
i.error-signup { position: absolute; right: 5px; top: 14px; background: #ff6969; padding:3px 0; border-radius: 100%; width: 30px; height:30px; display:flex; align-items: center;}
i.error-signup:before {content:"\a39e";  color:#fff; font-size:15px; width:100%; text-align:center }
.verify-payment i.error-signup { top:23px; right:24px; margin:0!important}

.fill-domain { width:100% !important; position:relative; border:1px solid #dce4e6 !important; padding:0.8em !important; font-size:20px !important;}
.fill-domain:focus { border:1px solid #c2c9cb !important;}
.fill-title { width:100% !important; position:relative; border:1px solid #dce4e6 !important; padding:0.8em !important; font-size:20px !important; margin:0 !important; }
.fill-title:focus { border:1px solid #c2c9cb !important;}
.txt-sitetitle { margin:20px 0 5px;}
.fill-type { position:absolute; z-index:2px; right:6px; top:9px; width:auto; margin:0px;}
#free_theme .fill-domain { padding-left:190px ;}
#premium_theme #no_domain .fill-domain { padding-left:83px !important;}

#image_zone { width:100%; display:inline-block;}
.img_logo { position:relative; width:100%; height:200px; display:flex; align-items:center; border:1px dashed #ccc; background-color:#f6f7fa;}
.img_logo .upload_preview { width:100%;position:relative;z-index:1;}
.img_logo .upload_preview i { font-size:72px; color:#31aeed; display:block;}
.img_logo .upload_preview .txt-up-main { font-size:18px; font-weight:bold; color:#3D3D3D; display:block;}
.img_logo .upload_preview .txt-up-sub { font-size:12px; color:#aaa; display:block;}

#premium_theme .success { clear:both; font-weight:700; padding:10px; color:#FFF; background:#1ad1b1;}
.mu_register p.error { clear:both; font-weight:700; padding:10px; color:#FFF!important; background:#ff6969;}

.content-wrap section { max-width:none !important;}
.dtl-link .chosen-button { width:100%; height:100%; display:block;}
#section-iconbox-2 .dtl-link { z-index:2;}
#section-iconbox-2 .megafolio-container { opacity:1 !important;}
.select_theme { border:#34aeed solid 5px;}

.btn-creatsite { width:100%; display:inline-block; text-align:center;}
.btn-creatsite input { background-color:#1ad1b1; color:#fff; padding:20px 10px; margin-top:20px;}
.btn-payment { width:100%; display:inline-block; text-align:center;}
.btn-createsite input, .btn-payment input { background-color:#34aeed; color:#fff; padding:20px 10px; margin-top:20px;}
#section-iconbox-4 { margin-top:30px;}

	/*********** WELCOME */
	.welcome-box { margin:100px 0 0;}
	.box-welcome { float:left; width:100%; text-align:center; border-radius:3px; margin-bottom:60px;}
	.img-welcome { float:left; width:100%;}
	.btn-welcome { display:inline-block; padding:10px 20px; color:#fff; font-size:17px; font-weight:bold; border-radius:3px; text-transform:uppercase;}
	.btn-welcome-front { background-color:#34aeed;}
	.btn-welcome-front:hover { background-color:#1189C7; color:#fff;}
	.btn-welcome-back { background-color:#30394b;}
	.btn-welcome-back:hover { background-color:#191E28; color:#fff;}
	.wel-tell-pay { padding-bottom: 40px; float: left; width: 100%;}
	.wel-tell-pay img { width:80px; float:left; margin-right:20px;}
	.wel-tell-pay h5 { float:left; width:calc(100% - 225px);line-height: 20px; margin-top: 18px; font-size:14px;}
	.wel-tell-pay .wel-btn-pay { float:right; width:auto; margin:18px 0 0}
	.wel-tell-pay .wel-btn-pay a { float:right; margin-left:10px; padding:10px; background-color:#d3d6dd; color:#fff; border-radius:3px; font-size:16px; font-family:open sans; font-weight:bold;}
	.wel-tell-pay .wel-btn-pay a:hover { background-color:#34aeed; color:#fff;}
	/*********** PAYMENT */
	
	.topic-payment { background-color:#f0f3fa; padding:10px 20px; position:relative; display:inline-block; width:80%; margin-top:20px;}
	.topic-payment h6 { font-family:open sans; float:left; width:100%;}
	.sern-island-mail { position:absolute; bottom:-26px; right:-5px; z-index:1}
	.img-payment {}
	.box-choice-payment { background:#f7f9fc; padding:20px 20px 20px 20px; margin-bottom:30px; cursor:pointer; border-radius:3px;}
	.box-choice-payment:hover { box-shadow:0 0 12px 0 #C7CED8; transition:opacity 0.35s ease 0s, transform 0.35s ease 0s;}
	.box-choice-payment h6 {}
	.box-choice-payment.active .img-payment img { background:#34aeed; transition:all 0.5s ease;}
	.img-payment img { background:#f0f3fa; border-radius:100%;}
	.list-dtl-payment { display:inline-block; position:relative;}
	.list-dtl-payment li { text-align:center; float:left; list-style:none; width:43px; height:43px; background:#fff; box-shadow:0 2px 0 0 #f7f9fc; border-radius:100%; margin:0 2px;}
	
	.verify-payment h6 { font-family:open sans; float:left; border-bottom:1px solid #f0f3fa; width:100%; text-align:left;}
	.verify-payment input[type="text"] { border-radius:3px; margin-top:15px; font-size:16px !important; background-color:#f6f7fa;}
	.verify-payment textarea {  border-radius:3px; margin-top:15px;font-size:16px !important; background-color:#f6f7fa;}
	.check-input input { margin-right:10px;}
	.check-input span { font-size:13px;}
	#term_con { color:#34aeed; cursor:pointer; font-weight: 700; font-size: 15px; display: block; margin: 10px 0 10px 5px; float:left;}