

/* BUY COIN CSS */
.row.buycoin {padding: 30px;
position: relative;
}
.buycoin h3 {
font-size: 24px;
margin: 0px 10px 10px;
font-weight: 400;
}
.buycoin article {border-style: solid; border-width: 0px 1px 1px 1px;}

.buycoin article#packagearea, .buycoin article#successarea {border-width: 1px 1px 1px 1px; border-radius: 4px 4px 0px 0px;}
.buycoin article:last-child {border-radius:0px 0px 4px 4px ;}
.buycoin article#successarea {border-radius: 4px 4px 4px 4px;}
.buycoin .title_box {padding: 15px 20px 15px;}
.buycoin .title_box {opacity: .4;}
.buycoin .active .title_box, .buycoin article#successarea .title_box {opacity: 1;}
.buycoin .title_box .stepnum {
width: 40px;
height: 40px;
display: inline-block;
text-align: center;
float: left;
margin-right: 10px;
border-radius: 50px;
margin-top: 2px;
font-size: 22px;
line-height: 40px;
font-weight: 600;
}

.buycoin_box, .paymethod_box {display: none;}
.active .buycoin_box, .active .paymethod_box {display: block;}


.buycoin_step {margin-bottom: 20px;}
.buycoin_step ul, .buycoin_step li { margin: 0; padding: 0; list-style-type: none;}
.buycoin_step li {display: inline-block; padding: 10px; font-size: 15px;}
.buycoin_step li span {display: block; font-size: 13px;}
.buycoin_step li.active {}

.buycoin h4 {font-size: 21px;font-weight: 600;}
.buycoin p.desc {font-size: 14px;}
.buycoin_box h5, .paymethod_box h5 {font-size: 14px; font-weight: 600; padding: 0px 5px 10px; }

.buycoin_box, .paymethod_box {margin: 10px 30px 20px;}
.paymethod_radio {margin: 0px 5px 20px;}
#currentcc.hidden {display: none;}

.buycoin_radio input[type='radio'], #currentcc input[type='radio'], #newccinput input[type='radio'] {
filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
position: absolute;
}
.buycoin_radio label, .paymethod_radio label {
height: inherit;
line-height: 16px;
display: inline-block;
padding: 0px 0px;
cursor: pointer;
overflow: hidden;
font-size: 17px;
text-align: center;
float: left;
width: 25%;
border-top: 0px;
border-radius: 2px;
margin-bottom: 10px;
font-weight: 600;
}
.paymethod_radio label, .ccinputarea label { font-size: 13px; width: 100%; float: inherit; display: block; font-weight: 600; text-align: left; margin-bottom: 15px; text-overflow: ellipsis;
white-space: nowrap;
overflow: inherit;
}
.ccinputarea label {margin-bottom: 3px;cursor: default;}
.ccinputarea .expiredate .minict_wrapper {display: inline-block;width: 100px; margin-right: 5px;}
.buycoin_radio label .inner, .paymethod_radio label .inner { margin:0px 5px; border-radius: 6px; padding: 5px 0px 15px;}
.paymethod_radio label .inner {margin: 0px 0px;min-height: inherit;padding: 15px 10px;}

.payinfo-box.banktransfar {padding: 20px; background-color: #F4F4F4; border-radius: 2px; margin-bottom: 15px;}
.payinfo-box li {font-size: 12px; font-weight: 600;}
.payinfo-box li .label {}

#banktransfarbox p.desc {font-size: 13px;line-height: 17px; padding:0px 20px 0px 5px; margin-bottom: 20px;}


.buycoin_radio label .inner img {max-width: 100%; width: 100%;}
.buycoin_radio label h6, .buycoin_radio label .price{ text-align: center; margin: 6px 10px 0px;}
.buycoin_radio label h6 {font-size: 25px;}
.buycoin_radio label .price {font-size: 17px;margin-top: 3px;}
.buycoin_radio label h6 span, .buycoin_radio label .price span {font-size: 13px; margin-left: 5px;}
.buycoin_radio label .price span {font-size: 12px;}


.buycoin_radio label .inner, .paymethod_radio label .inner {border-width: 3px; border-style: solid;}
.buycoin_radio label .inner:hover, .paymethod_radio label .inner:hover {}

.buycoin_radio label .inner.c_on, .buycoin_radio label:hover .inner.c_on, .paymethod_radio label .inner.c_on, .paymethod_radio label:hover .inner.c_on {}

#newccinput input.form-control, #nettelerbox input.form-control { border-style: solid; border-width: 1px;height: 34px; margin-bottom: 10px;font-size: 14px;}

.addnew {
height: inherit;
line-height: 14px;
display: inline-block;
padding: 10px 20px;
cursor: pointer;
overflow: hidden;
font-size: 13px;
text-align: center;
border-radius: 4px;
margin-bottom: 20px;
font-weight: 600;
text-decoration: none;
border-width: 0px; border-style: solid;
}
.addnew.hidden {display: none;}

#newccinput {display: none;}
#newccinput.active {display: block;}

#newccinput h6.title {font-weight: 600; font-size: 14px; margin-bottom: 5px;padding: 0px 10px 10px;}
.enterAddressFormTable td {}
#newccinput .AddressUL { font-size: 13px; padding: 10px 27px 5px; font-weight: 400;}
#newccinput .AddressUL li { line-height: 17px;}

#newccinput .inputadd label, #nettelerbox .enternettelerTable td label {
height: auto;
padding: 0px 10px 0px 10px;
margin-bottom: 20px;
border-radius: 0px;
}
#nettelerbox .enternettelerTable td label {display: block;}
#nettelerbox .enternettelerTable td {vertical-align: middle;}
#newccinput .inputadd label.c_on {}


#newccinput .ccinputarea {padding: 0px 10px 10px;}
#newccinput .inputadd {padding-right: 10px;}

#newccinput .enterAddressFormTable, #nettelerbox .enternettelerTable {margin:15px 0px 20px 10px;}

#newccinput .cbxbd.c_on .enterAddressFormTable, #nettelerbox .enternettelerTable {display: block;}
#newccinput .enterAddressFormTable td label, #nettelerbox .enternettelerTable td label {padding:0px 15px 0px 17px; margin-bottom: 0px; border-width: 0px;margin-top: -8px;
line-height: 13px;
cursor: default;
font-size: 13px;
font-weight: 600;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;}
#newccinput .inputadd label.cbxbd p {display: inline-block;}
#newccinput .inputadd label.cbxbd:before {
width: 12px;
height: 12px;
content: " ";
display: inline-block;
vertical-align: middle;
margin: -2px 6px 0px 0;
border-width: 2px;
border-style: solid;
border-radius: 50px;
}
#newccinput .inputadd label.cbxbd.c_on:before {
border-color: #2B9AF3;
background-color: #2B9AF3;
box-shadow: 0px 0px 0px 2px #FFF inset;
}

.noaccount {}
.noaccount, .noaccount p {text-align: center;}
.noaccount p {margin-top: 50px; margin-bottom: 20px;}
.noaccount a.addnew {border-radius: 50px;}

.methodtab {
margin: 0px auto 20px;
padding: 0px;
width: 50%;
}
.methodtab>li {
float: left;
width: 33.3%;
position: relative;
display: block;
vertical-align: top;
}
.methodtab>li span{
position: relative;
display: block;
border: 1px solid #2B9AF3;
color: #2B9AF3;
min-width: 120px;
text-align: center;
border-radius: 0px;
padding: 10px 15px;
margin-left: -1px;
font-size: 13px;
line-height: 15px;
font-weight: 600;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
}
.methodtab>li.active > span, .methodtab>li.active > span:hover, .methodtab>li.active > span:focus {
color: #FFF;
background-color: #2B9AF3;
}

.methodtab>li:first-child > span {
border-radius: 3px 0px 0px 3px;
}
.methodtab>li:last-child > span {
border-radius: 0px 3px 3px 0px;
}


.confirm-area {padding: 0px 20px; display: none;}
#coinconfirmarea.active .confirm-area, #successarea .confirm-area {display: block;}
.confirm-area .col.span_6 {padding:10px 20px 20px;}
.confirm-area .payinfo-box li .col.span_6 {padding: 5px 10px;}

.confirm-area .col.span_6 label, .confirm-area .col.span_12 label {
margin-bottom: 10px;
font-size: 13px;
font-weight: 600;
display: block;
padding: 4px 10px;
text-transform: uppercase;
letter-spacing: -.2pt;
border-width: 0px 0px 1px;
border-style: solid;
}


.order-summary {
float: right;
text-align: right;
margin-right: 0px;
font-size: 13px;
}
.order-summary caption {display: none;}
.order-summary th {
text-align: right;
font-weight: 600;
padding: 5px 20px 5px 20px;
}
.order-summary td {padding: 5px 20px 5px 20px;text-align: right;}
.order-summary td h6 {text-align: right;}
.order-summary tr:nth-last-child(2) td, .order-summary tr:nth-last-child(2) th {padding-bottom: 10px;}

.order-summary .line-total td, .order-summary .line-total th {
padding-top: 8px;
white-space: nowrap;
font-weight: 600;
font-size: 14px;
border-style: solid;
border-width: 1px 0px 0px 0px;
}

.foot-btnarea {
text-align: right;
padding: 15px 30px 15px;
border-width: 1px 0px 0px 0px;
border-style: solid;
border-radius: 0px 0px 4px 4px;
border-color: #DADADA;
background-color: #F4F4F4;
}

#ccsubimitbtn.btn,#cccancelbtn.btn, .buycoinbtn, #successarea .btn, #nettelerbox .btn, #banktransfarbox .btn {
font-size: 13px;
font-weight: bold;
border-width: 1px;
border-style: solid;
padding: 9px 16px;
text-decoration: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: inline-table;
min-width: 100px;
outline: none;
font-weight: 600;
margin: 0;
text-align: center;
}

#ccsubimitbtn.btn, .buycoinbtn.active, #cccancelbtn.btn, #successarea .btn, #nettelerbox .btn {cursor: pointer;}
#newccinput .btn-area button {margin-left: 10px;padding: 7px 16px;}
#nettelerbox .btn {padding: 7px 16px;}

#banktransfarbox .btn {
margin-left: 10px;
font-size: 12px;
padding: 7px 14px;
min-width: 80px;
}


.buycoin article#successarea .title_box {}
.buycoin article#successarea .title_box h4, .buycoin article#successarea .title_box p {text-align: center;}
.buycoin article#successarea .title_box h4 {margin-top: 50px;font-size: 28px; margin-bottom: 15px;}
.buycoin article#successarea .title_box p {font-size: 16px;}

.buycoin article#successarea .purchased-item { margin: 40px;
padding: 20px;
font-weight: 600;
border-radius: 4px;}

