*:focus { outline: none; }
*, ::after, ::before { -webkit-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0;}
body{ font-family:'OpenSans-Semibold'; overflow-x:hidden; background:#59caf0 url(../imgs/main-bg.jpg) repeat-x;}
img{ outline:none; border:none; max-width:100%;}
.clear{ clear:both !important;}
.b-0{ border:0px !important;}
.p-0{ padding:0px !important;}
.p-10{ padding:10px;}
.p-15{ padding:15px;}
.p-5{ padding:5px !important;}
.plr-15{ padding:0 15px !important;}
.pl-10{ padding:0 0 0 10px !important;}
.plr-0{ padding:5px 0 !important;}
.pb-30{ padding:0 20px 30px;}
.pb-20{ padding:10px 0 20px !important;}
.pr-15{ padding:0 15px 0 0 !important;}
.p-40{ padding:51px 41px;}
.m-0{ margin:0px !important;}
.row { width:100%; float:left;}
pre { white-space: pre-wrap; }
.font-14{ font-size:14px !important;}
.span-1{ width:100% !important; display:inline-block;}
.span-2{ width:50% !important; display:inline-block;}
.span-3{ width:33.3% !important; display:inline-block;}
.span-4{ width:25% !important; display:inline-block;}
.relative{ position:relative; display:inline-block; width:100%;}
.display{ display:inline-block;}
.border-radius { background: #eb6907; color: #fff!important; border-radius: 5px; }
.required_red{ width:100%; float:left; padding:2px 0 0;}
.required_red pre{ float:left !important; font-family:'OpenSans-Regular' !important; color:#f00 !important; font-size:12px !important; padding:0 !important; text-align:left !important;}
.box_red{ width:100%; float:left; padding:10px 0; text-align:center; font-size:14px; font-family:'OpenSans-Regular' !important; color:#f00 !important; border:1px solid #ccc; background:#fff; border-radius:5px; margin-top:15px;}
.box_green{ width:100%; float:left; padding:10px 0; text-align:center; font-size:14px; font-family:'OpenSans-Regular' !important; color:#060 !important; border:1px solid #ccc; background:#fff; border-radius:5px; margin-top:15px;}
.green { color:#060 !important; }
.box_orange{ width:100%; float:left; padding:10px 0; text-align:center; font-size:14px; font-family:'OpenSans-Regular' !important; color:#f58532 !important; border:1px solid #ccc; background:#fff; border-radius:5px; margin-top:15px;}
.grey-bg{ width:100%; float:left; background:#eee; margin-bottom:20px; padding:10px;}
.container{ width:1110px; max-width:100%; display:block; margin:0px auto;}
.wrapper-bg{ width:100%; float:left; background:url(../imgs/bg.png) repeat-x 0 250px; background-size:100%;}
.content-bg{ width:100%; float:left; background:#fff; border-radius:5px; margin-bottom:50px; box-shadow:0 0 25px #3a9ebf;}
.hdr{ width:100%; float:left; padding:20px 0 5px; box-sizing:border-box;}
.logo{ width:25%; float:left; margin:20px 0;}
.logo img{ max-width:100%;}
.top-right{ float:right; padding:35px 0 0;}
.top-right ul{ margin:0px; padding:0;}
.top-right ul .top-right-member{ display:inline-block; width:145px; text-align:center; padding:5px 0;}
.top-right ul li{ list-style:none; display:inline-block; position:relative; padding:5px 15px; border-right:1px solid #103dbe; font-family: 'karlaregular'; font-size:14px; color:#333;}
.top-right ul li i{ font-size:14px;}
.top-right ul li a{ display:inline-block; text-decoration:none; color:#333;}
.top-right ul li a span{ width:18px; border-radius:50%; font-size:11px; color:#fff; text-align:center; float:left; padding:3px 0; background:#000; text-decoration:none; position:absolute; z-index:22; top:-5px; right:0px;}
.top-right ul li ul{ display:none;}
.top-right ul li:hover ul{ width:150px; float:right; background:#59caf0; padding:0; position:absolute; z-index:22; top:27px; right:-1px; display:block; overflow:hidden; box-sizing:border-box; border:1px solid #103dbe; text-align:left; border-top:none;}
.top-right li:hover ul li{ width:100% !important; float:left; list-style:none; border:none; padding:0; box-sizing:border-box;}
.top-right li:hover ul li i{ font-size:14px;}
.top-right li:hover ul li a{ width:100%; float:left; padding:10px 20px; font-size:14px; text-decoration:none; transition:all .3s ease-in-out; position:relative; color:#333; box-sizing:border-box;}
.top-right li:hover ul li a:hover, .top-right li:hover ul li a:focus{ text-decoration:none; background:#31BEED; color:#000; transition:all .3s ease-in-out;}
.top-right ul li:hover .language{ width:100%; float:right; background:#59caf0; padding:0; position:absolute; z-index:22; top:26px; right:-1px; display:block; overflow:hidden; box-sizing:border-box;}
.top-right ul li:hover .left-border{ width:1px; height:30px; background:#103dbe; float:left; position:absolute; z-index:22; top:0; left:1px; display:block; overflow:hidden; box-sizing:border-box;}
.top-right ul li:hover .right-border{ width:1px; height:30px; background:#103dbe; float:left; position:absolute; z-index:22; top:0; right:-1px; display:block; overflow:hidden; box-sizing:border-box;}
.top-right li:hover .language li{ width:100% !important; float:left; list-style:none; border:none; padding:0; border-left:none; box-sizing:border-box;}
.top-right li:hover .language li img{ padding-top:2px; float:left;}
.top-right li:hover .language li a{ width:100%; float:left; padding:7px 0 7px 14px; font-size:14px; text-decoration:none; transition:all .3s ease-in-out; position:relative; color:#333; box-sizing:border-box;}
.top-right li:hover .language li a:hover, .top-right li:hover .language li a:focus{ text-decoration:none; background:#31BEED; color:#000; transition:all .3s ease-in-out;}
.content{ width:100%; float:left; min-height:340px; background:#fff; border-radius:5px;}
.content h2{ width:100%; float:left; padding:100px 0 0; font-size:46px; color:#f00; text-align:center; font-family:'OpenSans-Semibold'; font-weight:normal; letter-spacing:5px;}

.content-left{ width:70%; float:left; padding:20px 10px 20px 20px;}
.content-left-box{ width:100%; float:left; border:1px solid #ccc; border-radius:5px; margin-bottom:20px;}
.content-left-box-msg{ width:100%; float:left; margin-bottom:10px;}
.content-left-box h2{ width:100%; float:left; background:#103dbe; padding:10px 17px; font-size:16px; line-height:18px; color:#fff; text-transform:uppercase; text-align:left; font-family:'OpenSans-Semibold'; border-top-left-radius:5px; border-top-right-radius:5px; font-weight:normal;}
.caret-45{ display:inline-block; transform:rotate(45deg); font-size:28px; line-height:13px; font-weight:normal;}

.domain-area{ width:100%; float:left; padding:20px; border-radius:5px; /*overflow:hidden;*/}
.domain-hdng{ width:100%; float:left; font-size:16px; color:#000; text-align:left; background:#eee; margin-bottom:20px;}
.domain-text{ width:100%; float:left; font-size:14px; color:#333; text-align:center; margin:0 0 15px;}
.domain-text .domain-inputterm select{ width:100%; height:30px; float:left; font-size:12px; border:1px solid #ccc; border-radius:5px; text-align:center;}
.domain-box{ width:100%; float:left; border:1px solid #ccc; border-radius:5px; /*overflow:hidden;*/}
.domain-box ul{ margin:0px; padding:0px;}
.domain-box ul li{ width:100%; float:left; list-style:none; box-sizing:border-box;}
.domain-detail{ width:49%; float:left; text-align:left; border-right:1px solid #ccc; padding:10px 15px;}
.domain-term{ width:17%; float:left; text-align:center; border-right:1px solid #ccc; padding:10px 5px;}
.domain-textdetail{ width:49%; float:left; text-align:left; border-right:1px solid #ccc; padding:5px 15px; margin:10px 0;}
.domain-textdetail span{ width:100%; float:left; text-align:left; font-size:12px; color:#666; font-style:italic; font-family:'OpenSans-Regular'; font-weight:norma;}
.domain-inputterm{ width:17%; float:left; text-align:center; border-right:1px solid #ccc; padding:0 5px; margin:10px 0;}
.domain-textterm{ width:17%; float:left; text-align:center; border-right:1px solid #ccc; padding:5px 5px; margin:10px 0;}
.blue{ display:inline-block; color:#103dbe !important;}

.domain-notif{ width:100%; float:left; padding:20px; background:#e2f6fe; border-bottom-right-radius:5px; border-bottom-left-radius:5px;}
.domain-notif h3{ width:100%; float:left; padding:0 0 10px; font-size:16px; color:#000; font-family:'OpenSans-Semibold'; font-weight:normal;}
.domain-notif pre{ width:100%; float:left; font-size:12px; line-height:22px; color:#ed0e0e; text-align:left; margin:0; padding:0; font-family:'OpenSans-Regular';}
.addon{ width:100%; float:left; font-size:12px; color:#333 !important; font-family:'OpenSans-Regular';}

.hosting-opt{ width:100%; float:left; padding:20px;}
.hosting-opt span{ width:50%; float:left; padding:15px 15px 15px 0;}
.hosting-opt h3{ width:100%; float:left; padding:0; font-size:18px; color:#000; font-family:'OpenSans-Bold'; font-weight:normal;}
.hosting-opt h5{ width:100%; float:left; padding:15px 0 0; font-size:14px; color:#000; font-family:'OpenSans-Semibold'; font-weight:normal;}
.hosting-opt pre{ width:100%; float:left; padding:0; font-size:12px; color:#444; font-family:'OpenSans-Regular'; font-weight:normal;}
.hosting-opt-input{ width:100%; height:40px; padding:5px 10px; float:left; font-size:14px; border:1px solid #ccc; border-radius:5px;}
.hosting-opt-textarea{ width:100%; height:100px; padding:5px 10px; float:left; font-size:14px; font-family:'OpenSans-Regular'; border:1px solid #ccc; border-radius:5px; color:#333 !important;}
.registration-box{ width:100%; float:left; padding:20px;}
.registration-box-opt{ width:100%; float:left; border:1px solid #eee; padding:10px; margin-bottom:20px;}
.registration-box-opt span{ width:100%; float:left; padding:5px;}

.hosting-plan{ width:100%; float:left; padding:20px;}
.billing-plan{ width:100%; float:left; padding:20px;}
.billing-box{ width:100%; float:left; border:1px solid #ccc; padding:10px 0;}
.billing-box ul{ margin:0px; padding:0px;}
.billing-box ul li{ width:100%; float:left; list-style:none; padding:15px 20px; transition:all 0.3s ease-in-out;}
.billing-box ul li input{ float:left; margin:30px 0 0; cursor:pointer;}
.billing-box ul li:hover, .billing-box ul li:focus, .billing-box ul .active{ text-decoration:none; background:#e2f6fe; transition:all 0.3s ease-in-out;}
.billing-box ul li .billing-year{ width:100%; float:left;}
.billing-box ul li .billing-year h4{ float:left; font-size:16px; color:#000; font-family:'OpenSans-Bold'; padding:0 0 0 15px; font-weight:normal}
.billing-box ul li .billing-year h4 span{ display:inline-block; font-size:14px; color:#eb6907; font-family:'OpenSans-Bold'; padding:0 5px 0 5px;}
.billing-box ul li .billing-price{ float:right; font-size:16px; color:#000; font-family:'OpenSans-Bold'; padding:10px 0 0;}
.billing-box ul li .billing-year pre{ float:left; font-size:12px; color:#666; font-style:italic; font-family:'OpenSans-Regular'; text-align:left; padding:3px 0 0 23px;}
.billing-detail{ width:100%; float:left; background:#eee; padding:20px; border:1px solid #ccc; border-top:none;}
.billing-detail-textbox{ width:50%; float:left;}
.billing-detail h5{ width:100%; float:left; font-size:16px; color:#000; font-family:'OpenSans-Bold'; font-weight:normal}
.billing-detail pre{ width:100%; float:left; font-size:14px; color:#666; font-family:'OpenSans-Semibold'; padding:15px 0 0;}
.billing-detail-right{ width:50%; float:right; text-align:right;}
.billing-detail-price{ width:100%; float:right; font-size:16px; color:#000; font-family:'OpenSans-Bold'; font-weight:normal; padding:10px 0 0;}
.billing-detail-price span{ display:inline-block; padding-right:40px; font-size:16px; color:#444; font-family:'OpenSans-Semibold';}
.billing-sub{ width:100%; float:left; background:#3063f5; color:#fff; font-size:16px; font-family:'OpenSans-Bold'; padding:10px 20px; text-transform:uppercase;}
.billing-sub span{ float:right;}
.billing-btn{ float:left; background:#000; border-radius:5px; font-size:14px; color:#fff; font-family:'OpenSans-Bold'; padding:10px 20px; text-decoration:none; text-transform:uppercase; cursor:pointer; border:none;}
.domain-transfer-btn{ width:100%; float:left; text-align:center; padding:15px 0 0;}
.domain-transfer-btn a, .domain-transfer-btn a:hover, .domain-transfer-btn a:focus{ display:inline-block; background:#3063f5; border-radius:5px; font-size:14px; color:#fff; font-family:'OpenSans-Bold'; padding:10px 20px; text-decoration:none; text-transform:uppercase; cursor:pointer; border:none;}
.bill-left{ width:85%; float:left; padding-right:15px;}
.bill-btn{ width:15%; float:left;}
.upload-box-btn{ float:left; font-size:14px; color:#fff; background:#f58532; padding:11px 20px; border:none; text-decoration:none; border-radius:5px;}
.upload-btn-wrapper { position: relative; overflow: hidden; display: inline-block; font-size:14px; font-family:'OpenSans-Semibold'; padding:0;}
.upload-btn-wrapper input[type=file] { font-size: 100px; position: absolute; left: 0; top:1px; opacity: 0; cursor:pointer;}
.content-right{ width:100%; display:inline-block; padding:20px 20px 20px 10px;}
.content-right-btn{ width:100%; float:left; padding:8px 0; margin-bottom:20px; border:1px solid #ccc; font-size:16px; color:#000; font-family:'OpenSans-Bold'; text-decoration:none; border-radius:5px; text-align:center; transition:all 0.3s ease-in-out; text-transform:uppercase;}
.content-right-btn a{ color:#103dbe; text-decoration:none;}
.right-sticky{ position: -webkit-sticky; position: sticky; top: 0; display:flex;}
.content-right-box{ width:100%; float:left; border:1px solid #ccc; border-radius:5px; overflow:hidden;}
.content-right-total{ width:100%; float:left; padding:20px; text-align:center;}
.content-right-total h3{ display:inline-block; padding:0 0 10px; border-bottom:1px solid #ccc; font-size:18px; color:#103dbe; font-family:'OpenSans-Bold'; font-weight:normal; margin-bottom:15px; text-transform:uppercase; text-align:center;}
.content-right-sub{ width:100%; float:left; color:#000; font-size:14px; font-family:'OpenSans-Semibold'; font-weight:normal; padding:5px 0; text-align:left;}
.content-right-sub span{ float:right; font-family:'OpenSans-Regular'; color:#000;}
.content-right-sub pre{ width:100%; float:left; color:#666; font-size:12px; font-family:'OpenSans-Regular'; font-style:italic; font-weight:normal; text-align:left;}
.content-right-grand{ width:100%; float:left; background:#eee; color:#000; font-size:14px; font-family:'OpenSans-Semibold'; font-weight:normal; padding:10px 20px; text-align:left;}
.content-right-grand span{ float:right; font-family:'OpenSans-Bold'; color:#444;}
.grand-btn{ width:100%; float:left; background:#000; text-align:center; border-radius:5px; font-size:14px; color:#fff; font-family:'OpenSans-Bold'; padding:10px 20px; text-decoration:none; text-transform:uppercase; cursor:pointer; border:none; margin-top:15px;}

.footer{ width:100%; float:left; background:#023888; padding:20px 0; text-align:center;}
.footer-links{ width:70%; display:inline-block; text-align:center;}
.footer-links ul{ margin:0px; padding:0px;}
.footer-links ul li{ display:inline-block; list-style:none; padding:0 15px;}
.footer-links ul li a{ display:inline-block; text-decoration:none; font-size:12px; color:#ccc; font-family:'OpenSans-Regular';}
.footer-links ul li a:hover, .footer-links ul li a:focus{ text-decoration:none; color:#fff;}
.footer-btm{ width:60%; display:inline-block; padding:15px 0 0; margin-top:20px; text-align:center; color:#fff; font-size:12px; border-top:1px solid #0346aa; font-family:'OpenSans-Regular';}
.footer-btm-link{ width:100%; float:left; text-decoration:none; color:#a2b4f3; font-size:12px; padding:5px 0 0;}

.buying-opt{ width:100%; float:left; padding:20px;}
.buying_domain_opt{ width:100%; float:left; text-align:left;}
.buying_domain_opt ul{ margin:0px; padding:0px;}
.buying_domain_opt ul li{ display:inline-block; list-style:none; padding:10px 20px 0 0; font-size:14px; color:#2e3138; font-family: 'OpenSans-Semibold';}
.buying_domain_opt ul li span{ float:left; font-size:14px; padding:0 10px; line-height:14px;}
.buying_domain_opt ul li label{ float:left;}
@keyframes click-wave {
  0% { height: 10px; width: 10px; opacity: 0.35; position: relative;}
  100% { height: 200px; width: 200px; margin-left: -80px; margin-top: -80px; opacity: 0;}
}
.option-input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: relative; top: 0; right: 0; bottom: 0; left: 0; height: 10px; width: 10px; transition: all 0.15s ease-out 0s; background: #fff; border:1px solid #103dbe; cursor: pointer; display: inline-block; margin-right: 0.5rem; outline: none; z-index: 1000;}
.option-input:hover { background: #103dbe;}
.option-input:checked { background: #103dbe;}
.option-input:checked::before { height: 10px; width: 10px; position: absolute; display: inline-block; font-size: 12px; text-align: center; line-height: 40px;}
.option-input:checked::after { -webkit-animation: click-wave 0.65s; -moz-animation: click-wave 0.65s; animation: click-wave 0.65s; background: #103dbe; content: ''; display: block; position: relative; z-index: 100;}
.option-input.radio { border-radius: 50%;}
.option-input.radio::after { border-radius: 50%;}
.option-input.checkbox { border-radius:0%; float:left; margin-top:6px;}
.option-input.checkbox::after { border-radius:0%;}

@keyframes click-wave {
  0% { height: 12px; width: 12px; opacity: 0.35; position: relative;}
  100% { height: 200px; width: 200px; margin-left: -80px; margin-top: -80px; opacity: 0;}
}
.option-input-dmain { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: relative; top: 0; right: 0; bottom: 0; left: 0; height: 14px; width: 14px; transition: all 0.15s ease-out 0s; background: #333; border:1px solid #fff; cursor: pointer; display: inline-block; margin-right: 0.5rem; outline: none; z-index: 1000;}
.option-input-dmain:hover { background: #fff;}
.option-input-dmain:checked { background: #fff;}
.option-input-dmain:checked::before { height: 14px; width: 14px; position: absolute; display: inline-block; font-size: 12px; text-align: center; line-height: 40px;}
.option-input-dmain:checked::after { -webkit-animation: click-wave 0.65s; -moz-animation: click-wave 0.65s; animation: click-wave 0.65s; background: #103dbe; content: ''; display: block; position: relative; z-index: 100;}
.option-input-dmain.radio { border-radius: 50%;}
.option-input-dmain.radio::after { border-radius: 50%;}
.buying_domain_input{ width:77%; float:left; padding:5px 10px; height:40px; border-radius:5px; border:1px solid #ccc; font-size:14px; color:#333;}
.buying_domain_btn{ width:20%; float:right; text-align:center; height:40px; font-size:16px; color:#fff; background:#3063f5; border-radius:5px; border:none; padding:10px 0; font-family:'OpenSans-Semibold'; text-transform:uppercase; cursor:pointer;}

.buying_domain_result{ width:100%; float:left; background:#fff; padding:10px 0;}
.buying_domain_result ul{ display:inline-block; margin:0px; padding:0px; width:100%;}
.buying_domain_result ul li{ width:100%; float:left; list-style:none; padding:10px 0px; font-size:14px; color:#333; font-family:'OpenSans-Semibold'; border-bottom:1px dotted #aaa; text-align:left; transition:all .3s ease-in-out;}
.buying_domain_result ul li:hover{ text-decoration:none; background:#e2f6fe; transition:all .3s ease-in-out; padding:10px;}
.buying_domain_result ul li span{ float:right !important; font-family:'OpenSans-Bold'; color:#f58532; text-align:right; font-size:14px;}
.buying_domain_result ul li a, .home_domain_result ul li a:hover{ display:inline-block; color:#f58532; text-decoration:none; padding-left:5px !important;}
@keyframes click-wave {
  0% { height: 12px; width: 12px; opacity: 0.35; position: relative;}
  100% { height: 200px; width: 200px; margin-left: -80px; margin-top: -80px; opacity: 0;}
}
.option-buying{ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; top: 0; right: 0; bottom: 0; left: 0; height: 10px; width: 10px; transition: all 0.15s ease-out 0s; background: #fff; border:1px solid #103dbe; cursor: pointer; display: inline-block; margin-right: 0.2rem; outline: none; position: relative; z-index: 1000;}
.option-buying:hover { background: #103dbe;}
.option-buying:checked { background: #103dbe;}
.option-buying:checked::before { height: 10px; width: 10px; position: absolute; display: inline-block; font-size: 12px; text-align: center; line-height: 40px;}
.option-buying:checked::after { -webkit-animation: click-wave 0.65s; -moz-animation: click-wave 0.65s; animation: click-wave 0.65s; background: #103dbe; content: ''; display: block; position: relative; z-index: 100;}
.option-buying.radio { border-radius: 50%;}
.option-buying.radio::after { border-radius: 50%;}

.buying_protect{ width:100%; float:left; text-align:left; padding-bottom:10px;}
.buying_protect span{ width:100%; float:left; text-decoration:none; color:#444; font-size:14px; font-family:'OpenSans-Regular'; padding:10px 0 0;}
.buying_protect span label{ float:left; margin:2px 0 0;}
.red{ display:inline-block; color:#fd0000 !important;}
.buying_protect-detail{ width:100%; float:left; text-align:left; font-size:12px; color:#666; font-style:italic; font-family:'OpenSans-Regular'; font-weight:normal; padding-left:20px;}

.buying_domain_search{ width:100%; float:left;}
.buying_domain_search pre{ width:100%; float:left; font-size:12px; color:#666; font-family:'OpenSans-Regular'; font-weight:normal; padding:10px 0 0;}

.buying-detail{ width:100%; float:left; padding:20px; text-align:center; background:#e2f6fe;}
.buying-detail h5{ display:inline-block; padding:0 0 15px; font-size:18px; color:#103dbe; font-family:'OpenSans-Bold'; font-weight:normal; text-transform:uppercase; text-align:center;}
.buying-detail pre{ width:100%; float:left; color:#000; font-size:14px; line-height:24px; font-family:'OpenSans-Semibold'; text-align: center;}
.buying-detail p span{ display:inline-block; color:#444; font-family:'OpenSans-Regular';}

.reg_box{ width:100%; float:left; padding:10px 0 20px; background:#fff; border-radius:3px; text-align:center;}
.reg_box ul{ margin:0px; padding:0px;}
.reg_box ul li{ width:25%; float:left; text-align:center; list-style:none; padding:0; margin:10px 0;}
.reg_box ul li label{ width:100%; float:none; display:inline-block; text-align:center;}
.reg_box ul li span{ width:100%; display:inline-block; padding:10px 0 0;}
.reg_box img{ max-width:100%;}
.reg_box div{ position:relative;}

.reg_box_int{ width:100%; float:left; padding:10px 0 20px; background:#fff; border-radius:3px; text-align:center;}
.reg_box_int ul{ margin:0px; padding:0px;}
.reg_box_int ul li{ width:33%; float:left; text-align:center; list-style:none; padding:0; margin:10px 0;}
.reg_box_int ul li label{ width:100%; float:none; display:inline-block; text-align:center;}
.reg_box_int ul li span{ width:100%; display:inline-block; padding:10px 0 0;}
.reg_box_int img{ max-width:100%;}
.reg_box_int div{ position:relative;}

.option-input_reg-radio { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; top: 0; right: 0; bottom: 0; left: 0; height: 12px; width: 12px; transition: all 0.15s ease-out 0s; background: #fff; border:1px solid #27ace3; color: #fff; cursor: pointer; display: inline-block; outline: none; position: relative; z-index: 1000;}
.option-input_reg-radio:hover { background: #27ace3; border:1px solid #27ace3;}
.option-input_reg-radio:checked { background: #27ace3;}
.option-input_reg-radio:checked::before { height: 12px; width: 12px; position: absolute; display: inline-block; font-size: 12px; text-align: center; line-height: 40px;}
.option-input_reg-radio:checked::after { -webkit-animation: click-wave 0.65s; -moz-animation: click-wave 0.65s; animation: click-wave 0.65s; background: #27ace3; content: ''; display: block; position: relative; z-index: 100;}
.option-input_reg-radio.radio { border-radius: 50%;}
.option-input_reg-radio.radio::after { border-radius: 50%;}

.help-tip { display:inline-block; text-align:center; cursor:default; position:relative;}
.help-tip:hover p { display: block; transform-origin: 100% 0%; -webkit-animation: fadeIn 0.3s ease-in-out; animation: fadeIn 0.3s ease-in-out;}
.help-tip p{ display:none; text-align:left; background-color:#1E2021; padding:10px; width:290px; position:absolute; top:120%; border-radius:3px; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2); left:-4px; color:#FFF; font-size:12px; line-height:1.4; z-index:333; font-style:normal;}
.help-tip p::before { position: absolute; content: ''; width: 0; height: 0; border: 6px solid transparent; border-bottom-color: transparent; border-bottom-color: #1E2021; left: 10px; top: -12px; z-index: 333;}

.thanks{ width:100%; float:left; padding:80px 0; text-align:center;}
.thanks h1{ width:100%; display:inline-block; padding:0; font-size:54px; color:#333; font-family:'OpenSans-Bold'; text-transform:uppercase; padding-bottom:20px;}
.thanks pre{ width:700px; max-width:100%; display:inline-block; color:#555; font-size:14px; line-height:28px; font-family:'OpenSans-Semibold';}
.thanks pre a{ text-decoration:none; display:inline-block; color:#03C;}

.sticky { position: fixed;top: 0; width: 100%; z-index:5555;}
.sticky + .wrapper-bg { padding-top:0;}

.notification-top-bar-full { width:100%; float:left; background:#0f6019; padding:10px; text-align:center; font-family: sans-serif; box-sizing:border-box;}
.notification-top-bar-full p { width:100%; float:left; margin:0; padding:0 10px; line-height:22px; color:#FFF; font-weight:lighter; font-size:14px; box-sizing:border-box;}
.notification-top-bar-full a { color:#FFF!important; text-decoration: underline!important; }
.notification-top-bar { width:100%; float:left; background:#0f6019; padding:10px; text-align:center; font-family: sans-serif; box-sizing:border-box;}
.notification-top-bar p { width:85%; float:left; margin:0; padding:0 10px; line-height:22px; color:#FFF; font-weight:lighter; font-size:14px; box-sizing:border-box;}
.notification-top-bar a { width:15%; float:right; padding:10px; border-radius:3px; background:#154711; color:#1ABC9C; font-weight:bold; text-decoration:none; box-sizing:border-box;}



@media only screen and (max-width:1024px){
.login{ font-size:16px; margin:0 15px 0 0;}
.hosting-opt h3{ font-size:16px;}

}

@media only screen and (max-width:960px){
	
.billing-box ul li input{ margin:26px 0 0;}
.logo{ width:25%; float:left; margin:20px 0; padding:0 0 0 10px;}
.top-right{ float:right; padding:35px 10px 0;}
.content-left-box h2{ padding:10px 17px; font-size:16px; line-height:18px;}
.domain-area{ padding:15px;}
.domain-hdng{ font-size:14px; margin-bottom:5px;}
.domain-text{ font-size:12px; margin:0 0 10px;}
.domain-detail{ width:49%; padding:7px 10px;}
.domain-textdetail{ width:49%; padding:5px 10px; margin:10px 0;}
.domain-term{ width:17%; padding:7px 5px;}
.domain-text .domain-inputterm select{ height:26px; border-radius:3px;}
.domain-notif{ padding:15px; border-bottom-right-radius:5px; border-bottom-left-radius:5px;}
.domain-notif h3{ padding:0 0 10px; font-size:14px;}
.domain-notif pre{ font-size:12px; line-height:20px;}
.billing-box ul li .billing-year h4{ font-size:14px; padding:0 0 0 10px;}
.billing-box ul li .billing-year h4 span{ font-size:12px; paGdding:0 0 0 10px;}
.billing-box ul li .billing-price{ font-size:14px; padding:10px 0 0;}
.billing-box ul li .billing-year pre{ padding:2px 0 0 16px;}
.hosting-opt{ padding:15px;}
.hosting-opt h3{ font-size:12px;}
.hosting-plan{ padding:15px;}
.billing-detail h5{ font-size:14px;}
.billing-detail pre{ font-size:12px; padding:10px 0 0;}
.billing-detail-price{ font-size:14px; padding:0 0 8px 0;}
.billing-detail-price span{ padding-right:20px; font-size:14px;}
.billing-sub{ font-size:14px; padding:10px 15px;}
.billing-btn{ border-radius:5px; font-size:14px; padding:10px 20px;}
.content-right-btn{ padding:10px 0; margin-bottom:20px; font-size:14px;}
.content-right-total{ padding:15px;}
.content-right-total h3{ padding:0 0 10px; font-size:16px; margin-bottom:10px;}
.content-right-sub{ font-size:12px; padding:3px 0;}
.content-right-grand{ font-size:12px; padding:10px 15px;}
.footer-links{ width:80%; display:inline-block; text-align:center;}
}


@media only screen and (max-width:840px){
	
.domain-area{ padding:10px;}
.content-right-total{ padding:10px;}
.domain-notif{ padding:10px;}
.hosting-opt{ padding:15px 10px;}
}


@media only screen and (max-width:768px){
.logo{ width:30%; float:left; margin:20px 0; padding:0 0 0 10px;}
.top-right{ float:right; padding:25px 10px 0;}
.content-left{ width:100%; float:left; padding:15px;}
.content-right{ width:100%; float:left; padding:20px;}
.footer-links{ width:100%;}
.reg_box ul li{ width:33.3%; float:left; text-align:center; list-style:none; padding:0; margin:10px 0;}
.right-sticky{ position:static; top: 0; display:inline-block;}
.display{ display:none;}
.thanks h1{ font-size:42px; padding-bottom:10px;}

.notification-top-bar-full p { line-height:18px; font-size:13px;}
.notification-top-bar p { line-height:18px; font-size:13px;}

}

@media only screen and (max-width:640px){
.notification-top-bar-full p { line-height:18px; font-size:12px;}
.notification-top-bar p { width:80%; line-height:18px; font-size:12px;}
.notification-top-bar a{ width:20%; font-size:13px;}
}


@media only screen and (max-width:568px){
.top-right ul li{ padding:5px 15px; font-size:12px;}
.top-right ul li i{ font-size:12px;}
.top-right ul li a span{ width:18px; font-size:11px; padding:3px 0; top:-5px; right:0px;}
.top-right ul li:hover ul{ width:150px; top:24px; right:-1px;}
.top-right li:hover ul li i{ font-size:12px;}
.top-right li:hover ul li a{ padding:5px 15px; font-size:12px;}
.top-right ul li:hover .language{ top:24px; right:-1px;}
.top-right li:hover .language li a{ padding:7px 0 7px 14px; font-size:12px;}
.span-1{ width:100% !important; display:inline-block;}
.span-2{ width:100% !important; display:inline-block;}
.span-3{ width:50% !important; display:inline-block;}
.span-4{ width:25% !important; display:inline-block;}
.hosting-opt-input{ height:40px; padding:2px 5px; font-size:12px;}
.thanks h1{ font-size:36px; padding-bottom:10px;}
.thanks pre{ font-size:12px; line-height:24px;}
}


@media only screen and (max-width:480px){
.logo{ width:60%; float:none; display:block; text-align:center; margin:20px auto; padding:0 0 0 10px;}
.top-right{ width:100%; float:right; padding:0 10px 25px; text-align:center;}
.top-right li:hover ul li a{ padding:5px 15px; font-size:12px; text-align:left;}
.domain-area{ width:100%; overflow-x:scroll;}
.domain-box{ width:430px;}
.hosting-opt span{ width:100%; float:left; padding:5px 0;}
.billing-box ul li{ padding:10px;}
.billing-detail{ padding:10px;}
.billing-plan{ width:100%; float:left; padding:10px;}
.billing-box ul li .billing-year h4{ font-size:12px; padding:0 0 0 5px;}
.billing-box ul li .billing-year h4 span{ font-size:12px; padding:0 0 0 5px;}
.billing-box ul li .billing-price{ font-size:12px; padding:5px 0 0;}
.billing-box ul li .billing-year pre{ padding:0 0 0 15px;}
.billing-detail h5{ font-size:12px;}
.hosting-plan{ padding:10px;}
.footer-btm{ width:100%; padding:15px 0 0; margin-top:20px; font-size:12px;}
.billing-detail-price span{ padding-right:5px; font-size:11px;}
.billing-detail-price{ font-size:12px; padding:0 0 8px 0;}
.billing-detail pre{ font-size:11px; padding:2px 0 0;}
.reg_box ul li{ width:50%; float:left; text-align:center; list-style:none; padding:0; margin:10px 0;}
.content{ min-height:140px;}
.content h2{ padding:30px 0 0; font-size:20px; letter-spacing:2px;}
.thanks h1{ font-size:36px; padding-bottom:10px;}
}


@media only screen and (max-width:414px){
.thanks h1{ font-size:26px; padding-bottom:10px;}
.help-tip p{ padding:7px; width:320px; top:120%; left:-4px;line-height:1.4;}
.notification-top-bar-full p { line-height:18px; font-size:12px;}
.notification-top-bar p { width:75%; line-height:18px; font-size:12px;}
.notification-top-bar a{ width:25%; font-size:12px;}
}




@media only screen and (max-width:320px){
.help-tip p{ padding:5px; width:280px; top:120%; left:-17px;line-height:1.4;}
.help-tip p::before { left:60px; top: -12px; z-index: 333;}
}

.domain-notif-box{ width:100%; float:left; margin:15px 0 0; padding:10px 0 0; border-top:1px solid #ccc;}
.domain-notif p{ width:100%; float:left; font-size:12px; line-height:20px; color:#666; text-align:left; margin:0; padding:0; font-family:'OpenSans-Regular';}

a[disabled] { cursor: default; opacity:0.2; }

.forget_id_password { display: block !important; margin-top: 6px; padding: 0 3px; font-style: normal; text-align: left; font-family: 'OpenSans-Regular'; font-size: 13px; text-decoration: none;color: #0551e7; }

.cart_del {text-align:center; margin-top: 12px; }
.cart_del a { background-color: #103dbe; border: none; color: white; padding: 4px 6px; font-size: 12px;
  cursor: pointer; border-radius: 5px; font-family: 'OpenSans-Semibold'; margin-top:12px; margin-bottom:10px;text-decoration:none;
}
.cart_del a:hover { background-color: RoyalBlue; }