

body{font-family: 'Roboto', sans-serif; font-size:100%; color: #ffffff;-webkit-font-smoothing: antialiased;}

#wrapper{width:100%!important; height:auto; min-width:1140px;}
#container{width:1120px; height:auto; overflow:hidden; margin:0 auto;}
#small-wrap{width:1120px; height:auto; margin:0 auto;}

/* css error success and more */

.isa_info, .isa_success, .isa_warning, .isa_error {
    margin: 40px 0 0 0;
    padding:12px;
	font-size: 14px;
 
}
.isa_info {
    color: #00529B;
    background-color: #BDE5F8;
}
.isa_success {
    color: #4F8A10;
    background-color: #DFF2BF;
}
.isa_warning {
    color: #9F6000;
    background-color: #FEEFB3;
}
.isa_error {
    color: #D8000C;
    background-color: #FFD2D2;
}
 
.reEretvreTRET{width:1120px; height:auto; overflow:hidden; margin:0 auto;}

#particles-js{
    width: 100%; height: 420px;position: relative;}


.b-1{background: #586375;}
.h1{height: 5px;}

.b-2{background: #272e38;}
.b-2-1{background: #192028; border-bottom: 1px solid #586375; color: #586375;}

.col-1{width: 100%; height: 42px; float: left; border-bottom: 1px solid #586375; color: #586375; text-transform: uppercase;}
.col-2{width: 100%; height: 70px; float: left;}


.col-1-1{width: auto; height: 100%; float: left; padding-right: 15px; background: url(images/icon/ic1.png) no-repeat center left; font-size: 12px; text-indent: 21px; line-height: 42px;}

.col-1-5{width: auto; height: 100%; float: left; padding-right: 15px; background: url(images/icon/ic4.png) no-repeat center left; font-size: 12px; text-indent: 21px; line-height: 42px;}

.col-1-2{width: auto; height: 100%; float: left; padding-right: 15px; background: url(images/price_1.png) no-repeat center left; font-size: 12px; text-indent: 21px; line-height: 42px; color: #fff;}

.col-1-3{width: auto; height: 100%; float: left; padding-right: 15px; background: url(images/price_2.png) no-repeat center left; font-size: 12px; text-indent: 21px; line-height: 42px; color: #fff;}

.col-1-6{width: auto; height: 100%; float: left; padding-right: 15px; background: url(images/price_3.png) no-repeat center left; font-size: 12px; text-indent: 21px; line-height: 42px; color: #fff;}

.col-1-4{width: 220px; height: 42px; float: right;line-height: 42px; text-align: right}
.col-1-4 a{padding: 8px 24px 8px 40px; background:rgba(0,247,255,0.3) url(images/proof.png) 5px center no-repeat; font-size: 12px; font-weight: bold;  color: #f8ee44; margin:6px 0 0 0px; border: 1px solid #00f7ff; border-radius: 3px;}


.fw{color:#586375;}
.fw:hover{color: #fff;  -webkit-transition: .3s ease-out;-moz-transition: .3s ease-out;transition: .3s ease-out}

.col-2-1{width: 230px; height: 70px; float: left; line-height: 70px; color: #00f7ff; font-size: 36px; font-weight: bold; background: url(images/logo.svg) no-repeat center left}


.col-2-2{width: 660px; height: auto; float: left; line-height: 70px; font-size: 24px; font-weight: bold;}
/*
.col-2-2 ul{list-style: none; text-align: center;}
.col-2-2 ul a{line-height: 0px; color: #fff; font-size: 13px; font-weight: bold; text-transform: uppercase; padding: 0 8px 0 8px;}
.col-2-2 ul a:hover{color: #3bf2d4;  -webkit-transition: .3s ease-out;-moz-transition: .3s ease-out;transition: .3s ease-out}
*/


.col-2-2 ul.parent, .col-2-2 ul.child_m {list-style: none;margin: 0;padding: 0;text-align: center;z-index: 5;position: absolute; }
.col-2-2 ul.parent > li {display: inline-block;position: relative;margin: 0px 2px;}
.col-2-2 ul.parent > li a {display: block;color: #fff;padding: 0 10px 0 10px; height: 30px; line-height: 30px;text-transform: uppercase;font-size: 13px;position: relative; }
.col-2-2 ul.parent > li a:hover {
 color: #3bf2d4;  -webkit-transition: .3s ease-out;-moz-transition: .3s ease-out;transition: .3s ease-out	}
.col-2-2 ul.child {display: none;position: absolute;top: 30px; }
.col-2-2 ul.child li a { min-width: 100%; }

.big1{padding-right: 30px; padding-left: 10px; border-radius: 3px; margin: 2px 0; background: #fff;}
.big1:hover{background: #00f7ff}

.big{ width: 120px; margin-left: 0px; color: #707271!important; line-height: 30px; text-align: left;}
.big:hover{color: #192028!important}


.col-2-3{width: 230px; height: 70px;float: right; text-align: right; line-height: 70px;}

.btn-1{ padding: 7px 12px; border: 1px solid #00f7ff; border-radius: 3px; font-size: 14px; color: #00f7ff;}
.btn-1:hover{background: #00f7ff; color: #192028;}

.btn-2{ padding: 7px 12px; border: 1px solid #00f7ff; background: #00f7ff; border-radius: 3px; font-size: 14px; color: #192028;}


.btn-4{ padding: 6px 22px; margin: 0 0; border: 1px solid #00f7ff; border-radius: 3px; font-size: 14px; color: #00f7ff; cursor: pointer}
.btn-4:hover{background: #00f7ff; color: #192028;}

.rot{
	width:55px;
	height:70px;
	float:left;
	background:url(images/logo.png) no-repeat center left;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to { 
    -webkit-transform: rotate(360deg);
  }
}
#loading
{
    -webkit-animation-name:             rotate; 
    -webkit-animation-duration:         2.5s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-ANIMATION-timing-function:  linear;
	-webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(0.0, 0.0);
    transform: translateZ(0);
    }

.col3-1{width: 755px; height: 380px; float: left; text-transform: uppercase; font-size: 36px; padding-top: 45px; background: url(images/img3.png) no-repeat 0 230px}
.col3-1 a{font-weight: bold; line-height: 65px; color: #00f7ff}
.col3-1 p{ font-size: 14px; text-transform: none;line-height: 20px; text-align: justify}
.col3-2{width: 365px; height: 400px; float: right; background: url(images/img-static.png) no-repeat center right;}



.rot-1{
	width:365px;
	height:400px;
	float:left;
	background:url(images/img-rotating.png) no-repeat center right;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to { 
    -webkit-transform: rotate(360deg);
  }
}
#loading-1
{
    -webkit-animation-name:             rotate; 
    -webkit-animation-duration:         10.5s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-ANIMATION-timing-function:  linear;
	-webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(0.0, 0.0);
    transform: translateZ(0);
    }

.b-3{background:#272e38 url(images/az-subtle.png);}
.b-4{background:#192028  url(images/r-x.png) repeat-x center center}

.col4-1{width: 1120px; height: 220px; float: left; background: url(images/info.png) no-repeat center center; text-transform: uppercase; color: #00f7ff; font-size: 16px;}

.info-1{width: 240px; height: 90px; float: left; padding-top: 20px; line-height: 25px; text-align: center;}
.info-2{width: 460px; height: 90px; float: left; padding-top: 20px; line-height: 25px; text-align: center;}
.info-3{width: 260px; height: 90px; float: left; padding-top: 20px; line-height: 25px; text-align: center;}

.info-4{width: 590px; height: 90px; float: left; padding-top: 40px; line-height: 25px; text-align: center;}
.info-5{width: 130px; height: 90px; float: left; padding-top: 40px; line-height: 25px; text-align: center;}
.info-6{width: 220px; height: 90px; float: right; padding-top: 40px; line-height: 25px; text-align: center;}

.col-5{width: 1120px; height: auto; float: left}

.col-5-1{width: 250px; height: 350px; float: left; background: url(images/welcome.png) no-repeat left 50px}
.col-5-2{width: 830px; height: 350px; float: left; margin:40px 0 0 40px; text-transform: uppercase; font-weight: bold; font-size: 22px; color: #00f7ff;}
.col-5-2 a{line-height: 18px; font-size: 14px; text-transform: none;font-weight: normal; color: #fff; text-align: justify; float: left; margin-top: 10px;}
.col-5-2-more{width: 100%; height: auto; box-sizing: border-box; float: left; border: 1px dotted #556080;padding: 10px; border-radius: 5px; margin-top: 20px; margin-bottom: 15px;}
.col-5-2-more h2{line-height: 20px; font-size: 14px; text-transform: none;font-weight: normal; color: #00f7ff; }
.col-5-2-more p{line-height: 18px; font-size: 14px; text-transform: none;font-weight: normal; color: #fff; text-align: justify; }

.btn-3{float: left;padding: 7px 20px; margin-top: 25px; border: 1px solid #00f7ff; border-radius:3px; font-size: 14px; color: #00f7ff!important; text-align: center;}
.btn-3:hover{background: #00f7ff; color: #192028!important;}

#touchSlider4 { width:580px; height:270px;position:relative; overflow:hidden; }
#touchSlider4 ul { width:580px; height:270px; position:absolute; top:0; left:0; overflow:hidden; }
#touchSlider4 ul li { float:left; width:180px; height:270px; margin-right: 10px;}

.btn_area { width: 570px; overflow:hidden; }
.btn_area button { display:block; width:100px; height:28px;text-align: center;font-size:12px;font-weight:bold;cursor: pointer;
background:rgba(0,247,255,0.3); color: #f8ee44;border: 1px solid #00f7ff; border-radius: 3px;}
.btn_area button.btn_prev { float:left; }
.btn_area button.btn_next { float:right; }


.b-5{background:#192028; border-bottom: 1px solid #586375;}

.sub-title{width: 100%; height: 36px; float: left; margin-top: 20px;}
.sub-1{width: 575px; height: 28px; float: left; background: url(images/divider.png) no-repeat left bottom; font-weight: bold; color:#00f7ff }

.sub-2{width: 435px; height: 28px; float: right;background: url(images/divider.png) no-repeat left bottom; font-weight: bold; color:#00f7ff}


.col-6{width: 1120px; height: 320px; float: left; padding-top: 20px;}

/*plan hover*/
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
/*plan hover*/

.plan{width: 180px; height: 260px; float: left; margin-right: 35px; border:1px solid #00f7ff; background: url(images/plan-bg.png)}

.plan-name{width: 120px; height: 36px; line-height: 36px; margin: 10px 30px 25px 30px; background: #586375; text-align: center; border-radius: 3px; font-weight: bold;}

.plan-present{width: 100%; height: 60px; float: left; font-weight: bold; color: #00f7ff; font-size: 46px; text-align: center; line-height: 27px; text-transform: uppercase;}
.plan-present a {font-weight: normal; font-size: 15px;color: #fff;}

.plan-info{width: 160px; height: 52px;float: left;padding: 20px 10px 0 10px; font-size: 14px;}
.min{width: 100%; height: 22px;float: left; border-bottom: 1px solid #c3c3c3; line-height: 22px;}
.min a { float: right;}

.max{width: 100%; height: 22px;float: left; line-height: 22px;}
.max a { float: right;}

.plan-return{text-align: center; font-size: 13px; text-transform:uppercase; line-height: 35px; color: #00f7ff}


.col-7{width: 435px; height: 260px; float: right; margin-top: 20px;}
.col-7-1{width: 100%; height: 130px; float: left; border-bottom: 2px dashed #ffee00; background: #586375 url(images/icon/calculator.png) no-repeat 20px center; font-weight: bold; line-height: 50px; color: #00f7ff; text-indent: 145px;}
.cal-1{ width: 210px; height: 36px; color: #fff; border-radius: 3px; background: #343e4f; margin-left: 145px; text-align: left; padding:0 25px;}


.col-7-2{width: 100%; height: 128px; float: left; font-size: 14px; font-weight: bold}
.col-7-2-s1{width: 145px; height: 130px; float: left; background: #3f4959 url(images/icon/checked.png) no-repeat center 92px; line-height: 45px; text-align: center;}
.col-7-2-s2{width: 145px; height: 130px; float: left; background: #343e4f url(images/icon/checked.png) no-repeat center 92px; line-height: 45px; text-align: center;}
.col-7-2-s3{width: 145px; height: 130px; float: left; background: #3f4959 url(images/icon/checked.png) no-repeat center 92px; line-height: 45px; text-align: center;}

.profit{display:inline-block; width: 125px; height: 32px; line-height: 32px; text-align: center; color: #00f7ff;  border-radius: 3px; border: 1px solid #fff;}


.b-6{background: #262c36 url(images/feature.png) no-repeat center center; background-size: cover; border-bottom: 3px solid #e2ac04}
.col-8{width: 1120px; height: auto; margin-bottom: 35px; float: left;}
.col-8-1{width: 100%; height: 72px; float: left; line-height: 100px; font-weight: bold; font-size: 26px; color: #fff; text-align: center; text-transform: uppercase; background: url(images/line.png) no-repeat bottom center;}
.col-8-1-more{width: 100%; height: auto; float: left; margin: 20px 0; padding: 20px; box-sizing: border-box; border: 1px dotted #556080;border-radius: 5px; font-size: 14px;text-align: justify; line-height: 20px;}
.col-8-1-more p{width: 100%; font-weight: bold;margin-top: 15px; text-align: center; color: #00f7ff; text-transform: uppercase}


.col-8-2{width: 340px; height: 250px; float: left; box-sizing: border-box; border-bottom: 1px solid #556080;}
.center-8{margin: 0 50px; }
.col-8-2 h2{width: 100%; font-weight: bold; text-align: center; text-transform: uppercase; padding-top: 165px; color: #00f7ff}
.col-8-2 p{width: 100%;text-align: center;margin: 10px 0; font-size: 13px; font-weight: normal; line-height: 18px;}

.of1{background: url(images/of1.png) top center no-repeat;}
.of2{background: url(images/of2.png) top center no-repeat;}
.of3{background: url(images/of3.png) top center no-repeat;}

.kjhdFV89SFSrd6vsSRFC{width: 100%; height: auto; float: left; padding: 20px; border:1px dotted #556080; border-radius: 5px; box-sizing: border-box; margin-top: 20px;}
.kjhdFV89SFSrd6vsSRFC h2{width: 100%; text-align: center; font-size: 18px; text-transform: uppercase; font-weight: bold; color: #00f7ff; margin-bottom: 25px;}
.kjhdFV89SFSrd6vsSRFC p{width: 100%; text-align: center; font-size: 14px; line-height: 20px;}

.col-8-3{width: 100%; height: 140px; float: left; margin-top: 30px; background: url(images/blok.png) left top;}
.col-8-3-tit{width: 300px; height: 42px; line-height: 42px; margin: 0 auto; border: 1px solid #00f7ff; border-radius: 5px; color: #00f7ff; text-transform: uppercase; text-align: center; font-weight: bold;}
.col-8-3-more{width: 257px; height: 100px; float: left; margin-right: 30px; box-sizing: border-box; border:1px solid #00f7ff; border-radius: 5px; padding: 10px; background: url(images/home_box.png) center center no-repeat}
.col-8-3-more h2{ width: 100%; text-align: center; font-weight: bold; color: #00f7ff}
.col-8-3-more p{ width: 100%; text-align: center;  font-size: 13px; margin-top: 10px; line-height: 15px;}
.col-8-3-remove{margin-right: 0!important; margin-left: 1px;}

.col-8-submit{width: 300px; height: 40px; line-height: 23px;  margin: 0px auto; text-align: center; text-transform: uppercase; font-weight: bold;}


.col-9{width: 1120px; height: 415px; float: left; position:static;}
.b_left{width: 530px; height: 360px; float: left; margin: 30px 0; border:1px solid #556080; border-radius: 5px;background: url(images/affiliate_p.png) center 80px no-repeat;}

.col-9-5{width: 100%; height: auto; float: left; box-sizing: border-box; padding: 20px 20px; text-align: justify; font-size: 13px; line-height: 23px;}

.ref_5{width: 90px; height: 90px; float: left; text-align: center; line-height: 90px; font-size: 36px; font-weight: bold; color: #00f7ff}
.ref_5_1{margin: 0 90px 0 40px; background: url(images/ref-5.png) center center no-repeat;}
.ref_5_2{margin: 0 90px 0 0px; background: url(images/ref_2.png) center center no-repeat;}
.ref_5_3{margin: 0 20px 0 0px; background: url(images/ref_1.png) center center no-repeat;}

.cir_1{width: 90px; height: 90px; float: left; background: url(images/ref_left.png) center center no-repeat;}
.cir_2{width: 90px; height: 90px; float: left; background: url(images/ref_center.png) center center no-repeat;}
.cir_3{width: 90px; height: 90px; float: left; background: url(images/ref_right.png) center center no-repeat;}

.ref_6{width: 90px; height: 20px; float: left; text-align: center; line-height: 40px; font-size: 16px;}
.ref_6_1{margin: 0 90px 0 40px;}
.ref_6_2{margin: 0 90px 0 0px;}
.ref_6_3{margin: 0 20px 0 0px;}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to { 
    -webkit-transform: rotate(360deg);
  }
}
#loading_1
{
    -webkit-animation-name:             rotate; 
    -webkit-animation-duration:         2.0s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-ANIMATION-timing-function:  linear;
	-webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(0.0, 0.0);
    transform: translateZ(0);
    }





.b_right{width: 530px; height: 362px; float: right; margin: 30px 0; border:1px solid #556080; border-radius: 5px; box-sizing: border-box; padding: 0 20px; background: url(images/company_info.png) center center no-repeat;}

.com_1{width: 200px; height: 225px; float: left; margin-top: 27px}
.com_2{width: 250px; height: 225px; float: right; margin-top: 27px; }
.com_2 p{line-height: 18px; margin-bottom: 48px;}
.com_2 a{font-weight: bold; color: #00f7ff;}


.col-9-2{width: 1120px; height: 125px; float: left;}
.ses-1{width: 150px; height: 150px; float: left; margin-top: 20px; margin-right: 40px;}

.se1{ background: url(images/sitelock.png) no-repeat center center; position: absolute; z-index: 5}
.se2{ background: url(images/ev.png) no-repeat center center;}
.se3{ background: url(images/geo.png) no-repeat center center;}
.se4{ background: url(images/norton.png) no-repeat center center;}
.se5{ background: url(images/trust.png) no-repeat center center;}
.se6{ background: url(images/cloud.png) no-repeat center center;}

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}



.b-8{background: #192028; border-top:1px solid #586375}
.col-10{width: 1120px; height: 120px; float: left;}
.col-10-1{width: 1120px; height: 80px; float: left;}
.col-10-2{width: 1120px; height: 40px; line-height: 40px; font-size: 12px; text-align: center;}

.footer-menu{width: 620px; height: 80px; float: left;}
.footer-menu ul{list-style: none; text-align: left;}
.footer-menu ul a{line-height: 100px; color: #fff; font-size: 13px; font-weight: bold; text-transform: uppercase; padding:0 12px 0 0;}
.footer-menu ul a:hover{color: #3bf2d4;  -webkit-transition: .3s ease-out;-moz-transition: .3s ease-out;transition: .3s ease-out}

.footer-social{width: 500px; height: 84px; float: right; background: url(images/footer-payments.png) right 32px no-repeat}

.b-9{background:#272e38 url(images/az-subtle.png);}
.acc-title{width: 1120px; height: 100px; float: left; text-transform: uppercase; font-size: 26px;line-height: 100px;color: #00f7ff}

.b-10{background: #192028; border-bottom: 1px solid #586375; border-top: 1px solid #586375}
.user-menu{width: 1120px; height: 80px; margin: auto; }


.user-menu ul.parent, .user-menu ul.child {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 80px;
  z-index: 5; position: absolute;
}

.user-menu ul.parent > li {
  display: inline-block;
  position: relative;
	margin: 0px 2px;
}

.user-menu ul.parent > li a {
  display: block;
  background-color:rgba(25,32,40,0.80);	
  color: #00f7ff;
  border: 1px solid #00f7ff;
  padding: 0 15px;
  height: 34px;
  line-height: 34px;
  border-radius: 3px;
  margin: 3px 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px;
  position: relative;
}

.user-menu ul.parent > li a:hover {
  background-color: #00f7ff;
  color: #192028;
	
}

.user-menu ul.child {
  display: none;
  position: absolute;
  top: 39px;
  
}

.user-menu ul.child li a { min-width: 100%; }




.acc-cont{width: 1120px; height: auto; float: left; background: #192028; padding: 30px 15px;margin: 50px 0px; border-radius: 3px; border:1px solid #586375; box-sizing: border-box;}

.acc-1{width: 350px; height: 80px; float: left; box-sizing: border-box; border:1px solid #ffbd00; margin-right: 19px; background: #d9d9d9 url(images/circles.png)}

.user-data{width: 362px; height: 100px; float: left; box-sizing: border-box; background: #7c868d}
.userw{width: 364px}

.ubg1{background:#7c868d url(images/user.png) no-repeat 30px center;}
.ubg1 h2{font-size: 16px; margin: 25px 0 0 110px;}
.ubg1 p{font-size: 19px; font-weight: bold; text-transform: uppercase; margin: 10px 0 0 110px;}

.ubg2{background:#586375 url(images/ip.png) no-repeat 30px center;}
.ubg2 h2{font-size: 16px; margin: 25px 0 0 110px;}
.ubg2 p{font-size: 19px; font-weight: bold; text-transform: uppercase; margin: 10px 0 0 110px;}

.ubg3{background:#7c868d url(images/registration_date.png) no-repeat 30px center;}
.ubg3 h2{font-size: 16px important; margin: 25px 0 0 110px;}
.ubg3 p{font-size: 19px; font-weight: bold; text-transform: uppercase; margin: 10px 0 0 110px;}





.acc-de{width: 530px; height: 400px; float: left; margin-top: 30px; box-sizing: border-box;}
.acc-wd{width: 530px; height: 400px; float: right; margin-top: 30px; box-sizing: border-box;}

.acc-ti{ height: 46px; line-height: 46px; background: #343e4f; text-transform: uppercase; font-size: 18px; font-weight: bold;border-radius: 3px 3px 0 0; padding-left: 30px;}

.acc-show{width: 530px; height: 200px; float: left; }
.acc-ba{background: #3f4959 url(images/active.png) no-repeat 365px center;}
.acc-bar{background: #3f4959 url(images/balance.png) no-repeat 365px center;}

.acc-tex{width: 300px; height: 40px; float: left; line-height: 40px; margin: 30px 0 0 30px;color: #00f7ff }
.acc-tex2{width: 250px; height: 40px; float: left; line-height: 40px; background-color: #323e48; margin: 20px 0 0px 30px; border-radius: 3px; padding-left: 20px; font-size: 24px; color: #fff}
.acc-tex3{width: 100%;height: 60px; line-height: 60px; float: left; text-align: left; margin-left: 30px;}
.btn-op{ padding: 7px 12px; margin: 0 auto; border: 1px solid #00f7ff; border-radius: 3px; font-size: 14px; color: #00f7ff;cursor:pointer}
.btn-op:hover{background: #00f7ff; color: #192028;}


.acc-in{width: 530px; height: 130px; float: left; border-radius: 0 0 3px 3px; border-top: 1px solid #fff; background:#7c868d;  padding: 10px 30px 10px 30px; box-sizing: border-box;}

.acc-in p {text-align: left; padding: 10px 0 10px 0}
.acc-in b {text-align: right; float: right;}
.acc-in hr{float: left; width: 100%; height: 1px; background: #fff;}

.acc-invite{width: 100%; height: 90px; float: left; background: #343e4f; box-sizing: border-box; padding: 5px 30px 5px 30px; border-radius: 3px; margin-top: 5px; }
.acc-invite p{margin: 10px 0 10px 0; color: #00f7ff}
.acc-invite input{width: 800px; height: 32px; line-height: 32px; float: left; border-radius: 3px; border: 1px solid #fff; padding-left: 20px; color: #fff;}

.btn-invite{ padding: 9px 12px; border: 1px solid #00f7ff; border-radius: 3px; font-size: 14px; color: #00f7ff; float: right; cursor: copy}
.btn-invite:hover{background: #00f7ff; color: #192028;}

/*-----/deposit/-----*/

.dep-a{width: 100%; height: auto; background: #3f4959;border-radius: 3px; float: left; padding-bottom: 0px;}
.dep-select{width: 100%; height: 42px; float: left; line-height: 42px; background: #323e48; border-radius: 3px 3px 0 0; font-weight: bold; text-transform: uppercase; padding-left: 30px; box-sizing: border-box}

.plan1{width: 362px; height: 370px; float: left;}

.plan2{width: 364px; height: 370px; float: left;}

.plan3{width: 362px; height: 370px; float: left;}

.pl-starter{width: 200px; height: 36px; line-height: 36px; background: #5b6770; font-weight: bold; text-transform: uppercase;margin: 15px 0 0 30px ; text-align: center; border-radius: 3px;}

.pl-pres{width: 100%; height:auto; float: left; font-size: 30px; font-weight: bold; color:#00f7ff; text-align: center; margin: 25px 0 10px 0;}
.pl-dur{width: 100%; height: auto; float: left; font-size: 20px; font-weight: bold; color:#fff; text-align: center; margin-bottom: 30px;}

.pl-det{width: 200px; height: 36px; line-height: 36px; margin-left:30px; box-sizing: border-box; text-align: center}
.pl-det p{ width: 200px; text-align: center;font-size: 12px; font-weight: bold;}
.pl-det hr {float: left; width: 200px; height: 1px; background: #eee93b;}


.isHidden {
  display: none; /* hide radio buttons */
}

.label {
  display: inline-block;
	width: 260px; height: 320px; margin: 20px 50px; padding: 3px 0; box-sizing: border-box; border-radius: 3px; cursor: pointer;
	border: 1px solid #00f7ff; background: rgba(25,32,40,0.60)
}

.radio:checked + .label {   /* target next sibling (+) label */
  background: #192028 url(images/plan-bg.png);
	border-color: #eee93b;
	-webkit-transition: .3s ease-out;-moz-transition: .3s ease-out;transition: .3s ease-out;
}

.pl-click{width: 140px; height: 30px; float: left; margin-left: 60px; margin-top: 45px; line-height: 30px; border-radius: 3px; border:1px solid #00f7ff; color:#000; text-align: center; background: #00f7ff; font-size: 14px;}

.space{width: 100%; height: 30px; float: left;}

.dep-b{width: 100%; height: auto; background: #3f4959; float: left;}
.dep-sp{width: 100%; height: 42px; float: left; line-height: 42px; background: #323e48; border-radius: 3px 3px 0 0; font-weight: bold; text-transform: uppercase; padding-left: 30px; box-sizing: border-box}

.dep-sp1{width: 100%; height: 120px; float: left; border-radius: 0 0 3px 3px; background:#3f4959 }

.dep-sp2{width: 493px; height: auto; float: left; border-radius: 3px; margin-left: 50px;}
.dep-sp2 p{margin: 15px 0; font-size: 14px; font-weight: bold;}
.dep-sp2 input{width: 100%; height: 44px;line-height: 44px; color: #fff; background: #556080; border-radius: 3px; padding: 0 15px}
.dep-sp2 input:focus{border:1px solid #00f7ff;}

.dep-sp3{width: 443px; height: 120px; float: right; margin-right: 50px; background: url(images/balance.png) right center no-repeat; background-size: 84px 84px; }
.dep-sp3 p{width: 100%; margin: 42px 0 0 0; float: right; font-size: 13px; font-weight: bold; text-align: center; text-transform: uppercase; color: #00f7ff;}
.dep-sp3 a{width: 100%; height: 40px; float: right; line-height: 40px; color: #eee93b; font-size: 18px; font-weight: bold; text-align: center; letter-spacing: 2px}

.dep-c{width: 100%; height: auto; background: #3f4959; float: left;}
.dep-ps{width: 100%; height: 42px; float: left; line-height: 42px; background: #323e48; border-radius: 3px 3px 0 0; font-weight: bold; text-transform: uppercase; padding-left: 30px; box-sizing: border-box}
.dep-ps1{width: 100%; height: auto; float: left; border-radius: 0 0 3px 3px; background:#3f4959; box-sizing: border-box; padding: 15px 0;}

.hd{display: none}

.lb{width: 986px; height: 36px; line-height: 36px; text-indent: 150px; float: left; margin: 5px 52px 5px 52px; border: 1px solid #00f7ff; border-radius: 3px; cursor: pointer; background: url(images/uncheck.png) no-repeat 40px center; font-size: 14px; color: #00f7ff; text-transform: uppercase;}

.rd:checked + .lb {background:#00f7ff url(images/check.png) no-repeat 40px center; color: #192028; font-weight: bold}


.dep-c1{width: 200px; height: 36px; float: left; line-height: 36px; text-indent: 50px;}
.dep-c2{width: 400px; height: 36px; float: left; line-height: 36px; font-size: 14px;}

.form-submit{width: 986px; line-height: 36px; float: left; margin: 15px 52px 15px 52px;}

.dep-error{width: 100%; height: auto; float: left;}

/*deposit confirmation*/

.con-d{width: 990px; height: auto;float: left; margin: 5px 50px; border-top: 1px solid #00f7ff;}

.con_1{width: 45%; height: 38px; float: left; box-sizing: border-box;  line-height: 46px; font-size: 13px; font-weight: bold; text-align: center;}
.con_2{width: 50%; height: 38px; float: left; box-sizing: border-box;  line-height: 46px; font-size: 13px; text-align: center;}

.con_3{width: 100%; height: 60px; float: left; line-height:110px; text-align: center;}

.con_4{width: 100%; height: auto; float: left ; margin-top: 30px; text-align: center;}


.con-submit{width:100%; height: 300px; float: left; text-align: center; padding: 35px; box-sizing: border-box;}

.btc_form,.ltc_form,.doge_form,.bch_form{text-align: center !important; font-size: 16px!important;}
.btc_form,.ltc_form,.doge_form,.bch_form b{font-weight: bold!important; color:#00f7ff !important }
.btc_form,.ltc_form,.doge_form,.bch_form i{display: block !important; text-align: center !important; padding: 30px 0 30px 0 !important; font-size: 18px !important}
.btc_form,.ltc_form,.doge_form,.bch_form a{color: #00f7ff !important}
.btc_form,.ltc_form,.doge_form,.bch_form a:hover{color: #fff !important}

#placeforstatus{ width: 500px; padding: 40px 0 40px 0!important; margin: 0 auto!important;border: 1px solid #00f7ff; border-radius: 3px; text-align: center !important}


/* deposit list */

.le-1{width: 100%; height: 70px; line-height: 70px; float: left; background: #415464 url(images/balance.png) 990px center no-repeat; border-radius: 3px; background-size: 64px 64px; box-sizing: border-box; padding: 0px 30px; text-transform: uppercase;color: #00f7ff; margin-bottom: 30px; }


.f_head{ height: 40px; line-height: 40px; margin: 20px 0; padding-left: 20px; text-align: left; font-weight: bold; color: #00f7ff; background: #323e48; border-radius: 3px 3px 0 0; text-transform: uppercase;}

.inheader{ height: 40px; line-height: 40px; font-size: 14px; background: #415464; box-sizing: border-box; padding: 0 20px;}
.item_1{ height: 40px; line-height: 40px; font-size: 14px; background: #586375; box-sizing: border-box; padding: 0 20px;}

.inheader_2{border-radius: 3px 3px 0 0; margin: 0px 0; width: 100%; height: 40px; line-height: 40px;background: #323e48; padding-left: 20px; text-transform: uppercase; color: #00f7ff; font-weight: bold;}
.item_2{height: 40px; line-height: 40px; font-size: 14px; background: #586375; box-sizing: border-box; padding: 0 20px;}


.item_4{width: 50%; box-sizing: border-box; padding-left:20px; height: 30px; line-height: 30px; background: #415464; font-size: 14px; border-bottom: 3px solid #192028; }
.item_5{width: 50%; box-sizing: border-box; padding-right:20px; height: 30px; line-height: 30px; background: #415464; text-align: right; font-size: 14px; border-bottom: 3px solid #192028; }

.i_no{width: 100%; height: 40px; line-height: 40px; border-radius: 3px; background: #415464; font-size: 14px; text-align: center}



.inheader_6{ height: 40px; line-height: 40px; font-size: 14px; background: #323e48; box-sizing: border-box; padding: 0 20px;}

.item_6{height: 28px; line-height: 28px; font-size: 14px; background: #586375; box-sizing: border-box; padding: 0 20px; border-top: 4px solid #192028;}

.smal_1{width: 100%; height: 18px; line-height: 18px; font-size: 12px;background: #323e48; box-sizing: border-box; padding: 0 20px; border-bottom: 4px solid #192028; color: #00f7ff;}


.select-style {
    border: 1px solid #00f7ff;
    width: 300px;
    border-radius: 3px;
    overflow: hidden;
    background:rgba(25,32,40,1.00) url("images/select.png") no-repeat 90% 50%;
	float: left;
	
}

.select-style select {
    padding: 5px 8px;
    width: 110%;
    border: none;
    box-shadow: none;
    background:transparent;
    background-image: none;
    -webkit-appearance: none;
	color: #00f7ff;
}

.select-style select:focus {
    outline: none;
}

.select-style option {
    background:rgba(25,32,40,1.00);
}



.select-style1 {
	font-size: 14px;
	margin-right: 5px;
	float: left;
    border: 1px solid #00f7ff;
    width: 100px;
	min-width: 100px;
    border-radius: 3px;
    overflow: hidden;
    background:rgba(25,32,40,1.00) url("images/select.png") no-repeat 90% 50%;
	display:table-cell;
	
}

.select-style1 select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background:transparent;
    background-image: none;
    -webkit-appearance: none;
	color: #00f7ff;
}

.select-style1 select:focus {
    outline: none;
}

.select-style1 option {
    background:rgba(25,32,40,1.00);
}

.cln_1 a{color: aqua;}
.cln_1 a:hover{color: #fff}



.ref_up{width: 100%; height: 70px; line-height: 70px; float: left; background: #415464 url(images/upline.png) 990px center no-repeat; border-radius: 3px; background-size: 64px 64px; box-sizing: border-box; padding: 0px 30px; text-transform: uppercase;color: #00f7ff; margin-bottom: 30px; }

.ref_a{width: 100%; height: auto; background: #3f4959;border-radius: 3px; float: left; padding-bottom: 0px;}
.ref_stats{width: 100%; height: 42px; float: left; line-height: 42px; background: #323e48; border-radius: 3px 3px 0 0; font-weight: bold; text-transform: uppercase; padding-left: 30px; box-sizing: border-box;}

.ref_box{width: 100%; height: auto; float: left; box-sizing: border-box; background: #415464; padding: 20px 50px 20px 50px; border-radius: 0 0 3px 3px;}

.item_8{height: 36px; line-height: 36px; font-size: 14px; border-bottom: 1px solid #fff; text-indent: 40px;}
.item_9{height: 36px; line-height: 36px; font-size: 14px; border-bottom: 1px solid #fff;}


.acc-invite1{width: 100%; height: 90px; float: left; background: #343e4f; box-sizing: border-box; padding: 25px 30px 5px 30px; border-radius: 3px; margin-top: 5px; }
.acc-invite1 input{width: 700px; height: 32px; line-height: 32px; float: left; border-radius: 3px; border: 1px solid #fff; padding-left: 20px; color: #fff;}


.b-2-a{background: #272e38; border-top: 1px solid #586375;}
.col-9-a{width: 1120px; height: auto; float: left; position:static; margin:10px 0 70px 0;}
.col-9-b{width: 1120px; height: 125px; float: left;}


.col_md{width: 100%; height: auto; float: left; box-sizing: border-box; padding: 30px 0 30px 0;}

.aff_j{width: 100%; height: 80px; line-height: 80px; float: left; text-align: center; font-size: 46px; font-weight: bold;}

.aff_a{width: 100%; height: 40px; float: left; line-height: 40px; color: #00f7ff; font-weight: bold; font-size: 22px;letter-spacing: 2px;}

.aff_b{width: 100%; height: 250px; float: left; border-bottom: 1px solid #00f7ff; box-sizing: border-box; padding-bottom: 20px; background: url(images/aff_chart.png) right top no-repeat;}
.aff_b p{height: 40px; line-height: 40px; text-indent: 50px; letter-spacing: 1px;}

.aff_gt{line-height: 40px; color: #00f7ff; font-weight: bold; font-size: 22px;letter-spacing: 2px; text-indent: 0px !important;}
.aff_one{background: url(images/one.png) left center no-repeat}
.aff_two{background: url(images/two.png) left center no-repeat}
.aff_three{background: url(images/three.png) left center no-repeat}
.aff_four{background: url(images/four.png) left center no-repeat}

.aff_c{width: 100%; height: 220px; float: left; box-sizing: border-box; padding: 10px 0px 40px 220px; margin-top: 20px; background: url(images/aff_c.png) left center no-repeat; font-size: 14px; letter-spacing: 1px; line-height: 20px}

.aff_c a{ padding: 10px 15px; border: 1px solid #00f7ff; background: #00f7ff; border-radius: 3px; font-size: 14px; color: #192028;}


/*FAQS*/
.faq_container {
    margin: 30px 0;
	width: 100%;
}
.faq_question {
	background: #00f7ff url(images/q.png) 10px center no-repeat;
	width: 100%;
	height: 42px;
	line-height: 42px;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
	font-size: 14px;
	text-indent: 50px;
	border-radius: 3px;
	color: #192028;
	text-transform: uppercase;
}

.faq_question:hover{background: #1fc3c8 url(images/q.png) 10px center no-repeat}
 
 
 .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
 
.main-title {
  font-weight: 300;
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
  margin: 22px 115px 25px;
  border: 1px solid #0ff;
  border-radius: 5px;
  text-align: center;
  padding: 8px 0px;
} 

 
.stat-table__row {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 75%;
    padding: 15px 20px;
    border-radius: 12px;
    background-color: rgba(255, 184, 49, 0.98);
    margin-bottom: 10px;
} 
 
.stat-table__item {
    width: -moz-calc(100% / 3 - 5px);
    width: calc(100% / 3 - 5px);
    font-weight: 300;
    font-size: 14px;
    color: #fff;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
} 
 
.stat-table__item p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    color: #000;
    font-weight: 500;
}
 
.stat-table__item img {
    width: 44px;
    height: 17px;
    margin-right: 14px;
} 
 
.stat-table__item span {
    font-weight: 700;
    font-size: 16px;
    color: #000;
} 
 
.stat-table__row:nth-child(2n) {
    background-color: #00f7ff;
} 
 
[data-aos^="fade"][data-aos^="fade"].aos-animate {
    opacity: 1;
    transform: translateZ(0);
} 
 
.stat-table {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    margin: 0px 30px 0px;
} 
 
.b-5 {
    background: #192028 repeat-x center center;
} 
 
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0px 65px 0px;
} 
 
.sbmt1 {
    padding: 6px 22px;
    margin: 0 0;
    border: 1px solid #00f7ff;
    border-radius: 3px;
    font-size: 14px;
    color: #00f7ff;
    cursor: pointer;
    margin: 24px -91px 0px;
}

.sbmt2 {
    padding: 6px 22px;
    margin: 0 0;
    border: 1px solid #00f7ff;
    border-radius: 3px;
    font-size: 14px;
    color: #00f7ff;
    cursor: pointer;
    margin: 32px 459px 0px;
}


































 
 
 
 
 
 
.faq_answer_container {
	width: 100%;
	box-sizing: border-box;
    height: 0px;
    overflow: hidden;
    padding:0 0 0 80px;
	margin: 10px 0;
	background:url(images/a.png) 40px top no-repeat;
	font-size: 14px;
	line-height: 30px;
}

.register_redirect{width: 100%; height: 80px; background: url(images/after_registration.png) top center no-repeat; background-size: 64px 64px;}
/*login / signup / forgot pass */

#fullpage{width: 540px; height: auto; margin: 0 auto;}
.login_top{width: 100%; height: 60px; position: relative; margin: 40px 0; color: #00f7ff; text-align: center;}

.login_box{width: 100%; height: auto; padding: 35px; background:#192028; border-radius: 10px; box-sizing: border-box;}

.login_info{width: 100%; height: 64px; background: url(images/registration.png) top center no-repeat;}

.login_redirect{width: 100%; height: 128px; background: url(images/loding.svg) top center no-repeat; background-size: 128px 128px;}

.login_txt{width: 100%; height: 80px; box-sizing: border-box; padding: 20px 0;  text-align: center; font-size: 14px;}
.login_txt h2{ font-size: 16px; font-weight: bold; text-align: center; width: 100%; letter-spacing: 1px;}
.login_txt p{ font-size: 14px; text-align: center; width: 100%;}
.login_txt a{ font-size: 14px; color: #00f7ff}

.login_form{width: 100%; height: auto; box-sizing: border-box; padding: 20px 0;}
.login_form input{width: 100%; height: 38px; line-height: 38px; box-sizing: border-box; padding-left: 15px; background: #556080; color: #fff; font-size: 14px; margin-bottom: 8px;border-radius: 3px; border:1px solid #556080;}
.login_form input:focus{border:1px solid #00f7ff;}
.login_form p{font-size: 14px;}

.login_checkbox{ width: 100%; font-size: 14px; height: 40px; line-height: 20px; text-align: left;}
.login_checkbox input{width: auto; float: left; height: 20px;}
.login_checkbox a{color: #00f7ff}

.login_submit{ padding: 12px 35px; border: 1px solid #00f7ff; border-radius: 3px; font-size: 14px; color: #00f7ff; cursor: pointer}
.login_submit:hover{background: #00f7ff; color: #192028;}

.login_footer{width: 100%; height: 60px; line-height: 60px; margin: 20px 0; text-align: center; font-size: 13px;}

.login_new{width: 100%; height: 60px; font-size: 14px; line-height: 30px; margin: 20px 0 10px 0;}
.login_new a{font-size: 14px; color: #00f7ff;}


/* edit account*/

.edit_1{width: 100%; height: auto; float: left;}
.edit_2{width: 100%; height: 42px; float: left; line-height: 42px; background: #343e4f; border-radius: 3px 3px 0 0; font-weight: bold; text-transform: uppercase; padding-left: 30px; box-sizing: border-box}
.edit_3{width: 100%; height: auto; float: left; background: #3f4959; border-radius: 0 0 3px 3px; font-size: 14px; padding: 10px 0;}

.edit_left{width: 40%; height: 38px; line-height: 38px; float: left; box-sizing: border-box; padding: 0 100px; margin: 2px 0;}
.edit_right{width: 60%; height: 38px; line-height: 38px; float: right; box-sizing: border-box; padding: 0 100px; margin: 2px 0;}

.edit_right input{width: 100%; height: 38px; line-height: 38px; box-sizing: border-box; padding-left: 25px; background: #556080; color: #fff; font-size: 14px; margin-bottom: 8px;border-radius: 3px; border:1px solid #556080;}
.edit_right input:focus{border:1px solid #00f7ff;}


.edit_submit{width: 100%; height: 40px; float: left; text-align: center;}


/*withdraw*/

.wit_box{width: 100%; height: auto; float: left; border-radius: 0 0 3px 3px; background:#3f4959; padding: 20px 51px; box-sizing: border-box}


.wit-req [class="48"]{ display:inline-block; width:300px; height:44px; line-height: 44px; float:left; margin-right: 42px; border:1px solid #00f7ff; cursor: pointer; box-sizing: border-box; border-radius: 3px; font-size: 14px; font-weight: bold; padding-left: 20px; background: url(images/wit_unchek.png) 256px center no-repeat;}
.wit-req input[type=radio]{display:none}
.wit-req input[type=radio]:checked + [class="48"]{ background: #00f7ff url(images/wit_check.png) 256px center no-repeat; color: #192028;}

.wit-req [class="68"]{ display:inline-block; width:300px; height:44px; line-height: 44px; float:left; margin-right: 42px; border:1px solid #00f7ff; cursor: pointer; box-sizing: border-box; border-radius: 3px; font-size: 14px; font-weight: bold; padding-left: 20px; background: url(images/wit_unchek.png) 256px center no-repeat;}
.wit-req input[type=radio]{display:none}
.wit-req input[type=radio]:checked + [class="68"]{ background: #00f7ff url(images/wit_check.png) 256px center no-repeat; color: #192028;}

.wit-req [class="69"]{ display:inline-block; width:300px; height:44px; line-height: 44px; float:left; margin-right: 0px; border:1px solid #00f7ff; cursor: pointer; box-sizing: border-box; border-radius: 3px; font-size: 14px; font-weight: bold; padding-left: 20px; background: url(images/wit_unchek.png) 256px center no-repeat;}
.wit-req input[type=radio]{display:none}
.wit-req input[type=radio]:checked + [class="69"]{ background: #00f7ff url(images/wit_check.png) 256px center no-repeat; color: #192028;}


.wit_true{width: 966px; height: 85px; float: left;margin:35px 0px 0 0px;background: #5ed490; border-radius: 5px;padding: 10px; display: none;}
.wit_true li{list-style-position: inside;list-style-type: circle; font-size: 14px;padding: 5px 0; width: 80%; }
.wit_true li a{color:#fff; float: right; width: 400px; text-decoration:underline}

.wit_false{width: 966px; height: 87px; float: left;margin:35px 0px 0 0px;background: #f56668;border: 1px solid #ba4849; border-radius: 3px;padding: 10px; color:#fff; display: none;}
.wit_false li{list-style-position: inside;list-style-type: circle; font-size: 14px;padding: 5px 0 20px 0; }
.wit_false a{color:#fff; float: right; width: 100%; text-decoration:underline; text-align: center}
	
	
.fade-in{

-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}	
		
.wit_submit{width: 443px; height: 120px; float: right; margin-right: 50px; box-sizing: border-box; padding: 45px 0 0 150px}


.wit_confirm{width: 100%; height: auto; float: left; border-radius: 0 0 3px 3px; background:#3f4959;padding: 20px 130px; box-sizing: border-box; font-size: 14px;}


.wit_con_left{ width: 50%; height: 34px; line-height: 34px; float: left;  margin: 3px 0; text-indent: 30px; border-bottom: 1px solid #00f7ff }

.wit_con_right{width: 50%; height: 34px; line-height: 34px; float: right; margin: 3px 0; text-indent: 160px; border-bottom: 1px solid #00f7ff}


.support_right{width: 70%; height: 340px; float: right;}
.support_form{width: 100%; height: auto; float: left;}
.sup_h1{width: 100%; height: 42px; float: left; line-height: 42px; background: #323e48; border-radius: 3px 3px 0 0; font-weight: bold; text-transform: uppercase; padding-left: 30px; box-sizing: border-box}
.sup_h2{width: 100%; height: auto; float: left; border-radius: 0 0 3px 3px; background:#3f4959; box-sizing: border-box; padding: 20px;}

.support_form input{width: 100%; height: 38px; line-height: 38px; box-sizing: border-box; padding-left: 15px; background: #556080; color: #fff; font-size: 14px; margin-bottom: 8px;border-radius: 3px; border:1px solid #556080;}
.support_form input:focus{border:1px solid #00f7ff;}
.support_form p{margin-bottom: 5px;font-size: 14px;}

.sform_left{width: 50%; height: 46px; float: left; box-sizing: border-box; padding: 0 20px;}
.sform_right{width: 50%; height: 46px; float: right; box-sizing: border-box; padding: 0 20px;}
.sform_center{width: 100%; height: auto; float: left; box-sizing: border-box; padding: 0 20px;}
.sform_center textarea{width: 100%; height: 275px; box-sizing: border-box; padding: 15px; background: #556080; color: #fff; font-size: 14px; margin-bottom: 8px;border-radius: 3px; border:1px solid #556080; resize: none;}


.support_left{width: 25%; height: auto; float: left;}
.sup_company{width: 280px; height: 160px; float: left; margin-bottom: 20px;}
.sup_phone{width: 280px; height: 160px; float: left; margin-bottom: 20px;}
.sup_address{width: 280px; height: 160px; float: left; margin-bottom: 20px;}

.sup_submit{width: 100px!important; height: 38px!important; float: left!important; border: 1px solid #00f7ff!important; border-radius: 3px!important; font-size: 14px!important; color: #00f7ff!important; margin-left: 20px!important; cursor: pointer!important; text-align: center;padding: 0px!important;background: transparent;}
.sup_submit:hover{background: #00f7ff!important; color: #192028!important;}


.sup_error{width: 100%; height: auto; padding: 6px 15px; margin-bottom: 10px; background: #ffd2d2; color: red; font-size: 13px; box-sizing: border-box;}


.send_bg{width: 100%; height: 128px; float: left; margin: 20px 0; background: url(images/send.png) center center no-repeat}


.proof_box{width: 100%; height: auto; float: left; margin: 10px 0; box-sizing: border-box; padding: 20px 0 20px 0;}
.proof_show{width: 100%; height: auto; float: left; border-top: 1px solid #00f7ff; box-sizing: border-box;padding-top: 30px;}


.i_tem{height: auto; font-size: 14px; background: #586375; box-sizing: border-box; border-bottom: 2px solid #000;border-top: 2px solid #000; padding-left: 20px;}



.rules_head{width: 100%; height: auto; float: left; font-size: 14px; line-height: 20px;margin: 30px 0;}

.rules_tit{width: 100%; height: auto; float: left; font-size: 14px;}
.rules_tit h2{font-size: 16px; color: #00f7ff; margin: 20px 0; font-weight: bold}
.rules_tit p{line-height: 18px; margin-bottom: 10px;}
.rules_tit a{font-weight: bold; margin-bottom: 15px; width: 100%; float: left;color: #000;}


.ab-1{width: 100%; height: auto; float: left; margin:30px 0 10px 0}
.ab_left{width: 35%; height:350px; float: left; background: url(images/about_btc.png) center center no-repeat;}
.ab_right{width: 60%; height: 350px; float: right; line-height: 20px; font-size: 14px; box-sizing: border-box; padding-top: 10px; text-align: justify}

.ab-2{width: 100%; height: auto; float: left; font-size: 14px; margin-top: 50px;}
.ab-2 h2{font-size: 16px; color: #00f7ff; margin: 20px 0; font-weight: bold}
.ab-2 p{line-height: 18px; margin-bottom: 10px; text-align: justify}

.wh-8{background: #192028 url(images/wh_8.png) center center no-repeat; border-top:1px solid #586375}
.wh-1{width: 100%; height: auto; float: left; padding: 20px; box-sizing: border-box; margin: 20px 0 0 0;}
.wh-1 p{ line-height: 20px; font-size: 14px; margin: 10px 0;}
.wh-1 h2{ font-weight: bold; color: #00f7ff; text-transform: uppercase}

.wh_main{width: 100%; height: 370px; float: left; box-sizing: border-box; padding: 20px;}

.wh_box{width: 325px; height: 130px; float: left; border:1px solid #556080; box-sizing: border-box; border-radius: 5px; padding: 15px; text-align: center; }
.wh_box h2 {font-size: 14px; color: #00f7ff; text-align: center;}
.wh_box p {font-size: 14px; line-height: 20px; text-align: center}


.wh_01{margin-right: 52px;background: #3f4959 url(images/box_01.png) center center no-repeat}
.wh_02{margin-right: 52px;background: #3f4959 url(images/box_02.png) center center no-repeat}
.wh_03{background: #3f4959 url(images/box_03.png) center center no-repeat}
.wh_04{margin-left: 190px; margin-top: 30px;background: #3f4959 url(images/box_04.png) center center no-repeat}
.wh_05{ margin-left: 52px; margin-top: 30px;background: #3f4959 url(images/box_05.png) center center no-repeat}

.gt_s{width: 100%; height: auto; float: left;}
.gt_1{width: 980px; height: auto; float: left; box-sizing: border-box; padding: 20px; font-size: 14px; text-align: center; line-height: 20px;  margin-left: 70px; margin-top: 30px;background: #3f4959; border-radius: 5px;}
.gt_3{width: 980px; height: auto; float: left; box-sizing: border-box; padding: 20px; font-size: 14px; text-align: center; line-height: 20px;  margin-left: 70px; margin-bottom: 30px;background: #3f4959; border-radius: 5px;}
.gt_3 h2{ font-size: 14px; font-weight: bold; color: #00f7ff; text-align: center}
.gt_3 p{ font-size: 14px; text-align: center}


.img_center{}
.img_center img{display: block; margin:30px auto; }

.link_center{width: 100%; height: auto;  text-align: center;}
.link_center h2{width: 100%; text-align: center; font-weight: bold; margin: 10px 0;}
.link_center textarea{width: 100%; height: 80px; box-sizing: border-box; padding: 20px; background: #556080; color: #fff; font-size: 14px; border-radius: 3px; resize: none;overflow: hidden;}

.banner_link{width: 500px; height: 42px; line-height: 42px; margin: 0 auto; border-radius: 3px; background:#556080; padding: 0 15px; text-align: center;}





/* -------------------------------- 

Vertical Timeline - by CodyHouse.co

-------------------------------- */


.cd-timeline {
  overflow: hidden;
  margin: 2em auto;
}

.cd-timeline__container {
  position: relative;
  width: 95%;
  max-width: 980px;
  margin: 0 auto;
  padding: 30px 0;
}

.cd-timeline__container::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #3f4959;
}

@media only screen and (min-width: 980px) {
  .cd-timeline {
    margin-top: 0em;
    margin-bottom: 0em;
  }
  .cd-timeline__container::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline__block {
  position: relative;
  margin: 2em 0;
}

.cd-timeline__block:after {
  /* clearfix */
  content: "";
  display: table;
  clear: both;
}

.cd-timeline__block:first-child {
  margin-top: 0;
}

.cd-timeline__block:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 980px) {
  .cd-timeline__block {
    margin: 4em 0;
  }
}

.cd-timeline__img {
  position: absolute;
  top: 0;
  left: 0px;
  width: 40px;
  height: 40px;
	line-height: 60px;
	text-align: center;
	font-size: 32px;
	font-weight: bold;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}

.cd-timeline__img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}

.cd-timeline__img.cd-timeline__img--picture {
  background: #75ce66;
}

.cd-timeline__img.cd-timeline__img--movie {
  background: #c03b44;
}

.cd-timeline__img.cd-timeline__img--location {
  background: #f0ca45;
}

@media only screen and (min-width: 980px) {
  .cd-timeline__img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    /* Force Hardware Acceleration */
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  .cd-timeline__img.cd-timeline__img--bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
            animation: cd-bounce-1 0.6s;
  }
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.cd-timeline__content {
  position: relative;
  margin-left: 0px;
  background: #3f4959;
  border-radius: 0.25em;
  padding: 20px;
  -webkit-box-shadow: 0 3px 0 #d7e4ed;
          box-shadow: 0 3px 0 #d7e4ed;
	font-size: 14px;
	border:1px solid #556080;
}

.cd-timeline__content:after {
  /* clearfix */
  content: "";
  display: table;
  clear: both;
}

.cd-timeline__content::before {
  /* triangle next to content block */
  content: '';
  position: absolute;
  top: 0px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid white;
}

.cd-timeline__content h2 {
  color: #00f7ff;
	font-size: 16px;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
}

.cd-timeline__content p,
.cd-timeline__read-more,
.cd-timeline__date {
  font-size: 14px;
	font-family: 'Roboto', sans-serif;
}

.cd-timeline__content p {
  margin:15px 0 0 0;
  line-height: 18px;
	text-align: justify;
	font-family: 'Roboto', sans-serif;
}

.cd-timeline__read-more,
.cd-timeline__date {
  display: inline-block;
}

.cd-timeline__read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: white;
  border-radius: 0.25em;
}

.cd-timeline__read-more:hover {
  background-color: #bac4cb;
}

.cd-timeline__date {
  float: left;
  padding: .8em 0;
  opacity: .7;
}



@media only screen and (min-width: 980px) {
  .cd-timeline__content {
    margin-left: 0;
    padding: 1.6em;
    width: 40%;
    /* Force Hardware Acceleration */
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  .cd-timeline__content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #3f4959;
  }
  .cd-timeline__read-more {
    float: left;
  }
  .cd-timeline__date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 1.6rem;
  }
  .cd-timeline__block:nth-child(even) .cd-timeline__content {
    float: right;
  }
  .cd-timeline__block:nth-child(even) .cd-timeline__content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #3f4959;
  }
  .cd-timeline__block:nth-child(even) .cd-timeline__read-more {
    float: right;
  }
  .cd-timeline__block:nth-child(even) .cd-timeline__date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .cd-timeline__content.cd-timeline__content--bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
            animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 980px) {
  /* inverse bounce effect on even content blocks */
  .cd-timeline__block:nth-child(even) .cd-timeline__content.cd-timeline__content--bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
            animation: cd-bounce-2-inverse 0.6s;
  }
}

@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

ul.tabs li {
    background: none;
    color: #fff;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    background: #7c868d;
    border-radius: 3px 3px 0 0;
    font-size: 14px;
}

.sbmt{ padding: 6px 22px; margin: 0 0; border: 1px solid #00f7ff; border-radius: 3px; font-size: 14px; color: #00f7ff; cursor: pointer}
.sbmt:hover{background: #00f7ff; color: #192028;}










	
	