/*VisualHyip.com*/
/*

font-family: 'Poppins', sans-serif;

font-family: 'Noto Sans', sans-serif;

font-family: 'Rubik', sans-serif;

font-family: 'Raleway', sans-serif;

font-family: 'Roboto', sans-serif;



light - 300

regular - 400

medium - 500

semi-bold  - 600

bold - 700

extra-bold - 800

black - 900

*/





.cryptonatorwidget div:last-child {

display:none;

}

.cryptonatorwidget div font

{

/*display:none;*/

    color: #fff;

	text-transform: uppercase;

	font-size:12px !important;

}

.cryptonatorwidget div b font

{

display:inline-block;

}



.goog-te-gadget-simple

{

    background-color: transparent!important;

    border-left: transparent!important;

    border-top: transparent!important;

    border-bottom: transparent!important;

    border-right: transparent!important;

    font-size: 10pt;

    display: inline-block;

    padding-top: 1px;

    padding-bottom: 2px;

    cursor: pointer;

    zoom: 1;

}

.goog-te-gadget-icon

{

display:none!important;

}

.cryptonatorwidget {

	border-radius: 4px;

    padding: 0 !important;

    background: transparent;

    border: 0px solid transparent;

    font-size: 100% !important;

    color: #fece42;

    line-height: 30px;

    height: 24px;

    overflow: hidden;

    position: relative;

    font-family: 'Noto Sans', sans-serif !important;

    top: -8px;

    font-size: 12px !important;

}





a {

	

	cursor:pointer !important;

	text-decoration:none !important;

}



@keyframes blinker {  

    0% { opacity: 1.0; }

    50% { opacity: 0.0; }

    100% { opacity: 1.0; }

}



.heartbeat {

	-webkit-animation: heartbeat 1.5s ease-in-out infinite both;

	        animation: heartbeat 1.5s ease-in-out infinite both;

}

@-webkit-keyframes heartbeat {

  from {

    -webkit-transform: scale(1);

            transform: scale(1);

    -webkit-transform-origin: center center;

            transform-origin: center center;

    -webkit-animation-timing-function: ease-out;

            animation-timing-function: ease-out;

  }

  10% {

    -webkit-transform: scale(0.91);

            transform: scale(0.91);

    -webkit-animation-timing-function: ease-in;

            animation-timing-function: ease-in;

  }

  17% {

    -webkit-transform: scale(0.98);

            transform: scale(0.98);

    -webkit-animation-timing-function: ease-out;

            animation-timing-function: ease-out;

  }

  33% {

    -webkit-transform: scale(0.87);

            transform: scale(0.87);

    -webkit-animation-timing-function: ease-in;

            animation-timing-function: ease-in;

  }

  45% {

    -webkit-transform: scale(1);

            transform: scale(1);

    -webkit-animation-timing-function: ease-out;

            animation-timing-function: ease-out;

  }

}

@keyframes heartbeat {

  from {

    -webkit-transform: scale(1);

            transform: scale(1);

    -webkit-transform-origin: center center;

            transform-origin: center center;

    -webkit-animation-timing-function: ease-out;

            animation-timing-function: ease-out;

  }

  10% {

    -webkit-transform: scale(0.91);

            transform: scale(0.91);

    -webkit-animation-timing-function: ease-in;

            animation-timing-function: ease-in;

  }

  17% {

    -webkit-transform: scale(0.98);

            transform: scale(0.98);

    -webkit-animation-timing-function: ease-out;

            animation-timing-function: ease-out;

  }

  33% {

    -webkit-transform: scale(0.87);

            transform: scale(0.87);

    -webkit-animation-timing-function: ease-in;

            animation-timing-function: ease-in;

  }

  45% {

    -webkit-transform: scale(1);

            transform: scale(1);

    -webkit-animation-timing-function: ease-out;

            animation-timing-function: ease-out;

  }

}

.rotating {

	-webkit-animation: rotating 3s linear infinite;

	animation: rotating 3s linear infinite;

}

.rotating.fast {

	-webkit-animation: rotating 0.5s linear infinite;

	animation: rotating 0.5s linear infinite;

}



@-webkit-keyframes rotating {

    from{

        -webkit-transform: rotate(0deg);

    }

    to{

        -webkit-transform: rotate(360deg);

    }

}



@-moz-keyframes rotating {

    from{

        -moz-transform: rotate(0deg);

    }

    to{

        -moz-transform: rotate(360deg);

    }

}



.top-bg {

	

	background: #001027 no-repeat top center;

	background-size: cover;

	padding: 0px 0px 0px;

}



.top-bg .top {

	

	padding: 0px 0px 0px;

}



.top-bg .top .top-live {

	

	padding: 20px 0px 10px;

}



.top-bg .top .top-live ul {

	

	padding: 0;

	margin:0;

	list-style:none;

}



.top-bg .top .top-live ul li {

	

    padding: 0px 14px;

    display: inline-block;

    font-family: 'Noto Sans', sans-serif;

    font-size: 14px;

    font-weight: 400;

    color: #fff;

    border-right: 1px solid #fff;

}



.top-bg .top .top-live ul li span {

	

	color:#fece42;

}



.top-bg .top .top-but {



	

	padding: 10px 0px 10px;

}



.top-bg .top .top-but a {

	

    font-family: 'Rubik', sans-serif;

    font-size: 13px;

    font-weight: 400;

    color: #fff;

    text-transform: capitalize;

    transition: 0.7s;

    margin: 0px 0px 0px 6px;

}



.top-bg .top .top-but .button-slanted {

	

    -ms-transform: skewX(17deg);

    -webkit-transform: skewX(17deg);

    transform: skewX(17deg);

}



.top-bg .top .top-but .button-blue {

	

    color: #fff;

    background-color: #0b4ea7;

    text-align: center;

    text-transform: uppercase;

    padding: 10px 30px 5px 30px;

    margin:0px;

    line-height: 30px;

    display: inline-block;

    -webkit-box-shadow: 5px 5px 0 1px rgba(0,0,0,.15);

    -moz-box-shadow: 5px 5px 0 1px rgba(0,0,0,.15);

    box-shadow: 5px 5px 0 1px rgba(0,0,0,.15);

    transition:0.7s;

}



.top-bg .top .top-but .button-blue:hover {

	

	background:#f3c025;

	color: #000;

    -webkit-box-shadow: inset 2px 2px 0 1px rgba(0,0,0,.15);

    -moz-box-shadow: inset 2px 2px 0 1px rgba(0,0,0,.15);

    box-shadow: inset 2px 2px 0 1px rgba(0,0,0,.15);

    transition:0.7s;

}



.top-bg .top .top-but .button-slanted-content {

	

    -ms-transform: skewX(-17deg);

    -webkit-transform: skewX(-17deg);

    transform: skewX(-17deg);

    display: inline-block;

}



.top-bg .top .top-but .button-slanted-content img {

	

    position: relative;

    right: 8px;

}



.top-bg .top .top-but .button-black {

	

    color: #000;

    background-color: #f3c025;

    text-align: center;

    text-transform: uppercase;

    padding: 10px 30px 5px 30px;

    margin:0px;

    line-height: 30px;

    display: inline-block;

    -webkit-box-shadow: 5px 5px 0 1px rgba(0,0,0,.15);

    -moz-box-shadow: 5px 5px 0 1px rgba(0,0,0,.15);

    box-shadow: 5px 5px 0 1px rgba(0,0,0,.15);

    transition:0.7s;

}



.top-bg .top .top-but .button-black:hover {

	

	background:#0b4ea7;

	color: #fff;

    -webkit-box-shadow: inset 2px 2px 0 1px rgba(0,0,0,.15);

    -moz-box-shadow: inset 2px 2px 0 1px rgba(0,0,0,.15);

    box-shadow: inset 2px 2px 0 1px rgba(0,0,0,.15);

    transition:0.7s;

}



.top-bg .top .top-but .button-light {

	

    color: #fff;

    background-color: #0d91e4;

    text-align: center;

    padding: 10px 30px 5px 30px;

    margin:0px;

    line-height: 30px;

    display: inline-block;

    -webkit-box-shadow: 5px 5px 0 1px rgba(0,0,0,.15);

    -moz-box-shadow: 5px 5px 0 1px rgba(0,0,0,.15);

    box-shadow: 5px 5px 0 1px rgba(0,0,0,.15);

    transition:0.7s;

}



.top-bg .top .top-but .button-light:hover {

	

	background: #0d23ad;

    color: #f3c025;

    -webkit-box-shadow: inset 2px 2px 0 1px rgba(0,0,0,.15);

    -moz-box-shadow: inset 2px 2px 0 1px rgba(0,0,0,.15);

    box-shadow: inset 2px 2px 0 1px rgba(0,0,0,.15);

    transition:0.7s;

}



#starfield {

	

    display: inline-block;

    vertical-align: baseline;

    position: absolute;

    overflow: hidden;

    width: 100%;

    height: 750px;

}





header {

	

    width: 100%;

    background-size: cover;

    padding:0px 0px 20px 0px;

}



header .navbar-inverse { 



	margin:0; 

	min-height:auto; 

	border-radius:0; 

	border:0;

	background:none;

}

 

header .navbar-collapse {

	

	 padding:0;

}



header .navbar-right {

	

	margin: 0;

	margin-right: 0px;

}



header .navbar-inverse .navbar-nav > li { 



	padding:26px 16px;

	display:inline-block; 

	vertical-align:middle; 

	float:none;

}



header .navbar-inverse .navbar-nav > li > a { 

   

	font-size: 15px;

    color: #ffffff;

    text-transform:capitalize;

    transition: .3s;

    vertical-align: middle;

    padding: 10px 0px 8px 0px;

    font-family: 'Noto Sans', sans-serif;

    font-weight: 500;

	border-bottom: 2px solid transparent;

}

	

header .navbar-inverse .navbar-nav > li > a:hover { 



	transition:.3s; 

	color:#fece42;

	border-bottom: 2px solid #7af1ff;

}



header .navbar-inverse .navbar-nav > li .btn { 



	height:43px;

	line-height:40px; 

	padding:0 20px !important;

}



header .navbar-inverse .navbar-header {

	

	padding: 0;

}



header .navbar-inverse .navbar-header a { 



	display:inline-block; 

}



header .navbar-inverse .navbar-header a img { 

	display:inline-block;

	transform-origin: 100% 0;

}



header .navbar-inverse .navbar-header a img:hover{

	

		animation-name: wobble-bottom;

		animation-duration: 1s;

		animation-timing-function: ease-in-out;

		animation-iteration-count: 1;

}



@keyframes wobble-bottom {

	16.65% {

		transform: skew(-12deg);

	}



	33.3% {

		transform: skew(10deg);

	}



	49.95% {

		transform: skew(-6deg);

	}



	66.6% {

		transform: skew(4deg);

	}



	83.25% {

		transform: skew(-2deg);

	}



	100% {

		transform: skew(0);

	}

}



header .navbar-inverse .navbar-nav > li.btn_menu {

	

	

	padding: 17px 3px;

}

header .navbar-inverse .navbar-nav > li a.btn.btn-primary { 



	min-width:128px; 

	height:43px; 

	line-height:43px; 

	box-shadow:none;

}



.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {

	

    border-color: #feb729 !important;

}



.banner-bg .banner-text {

	

	padding: 150px 0px 30px;

	text-align:center;

}



.banner-bg .banner-text h2 {

	

	font-family: 'Raleway', sans-serif;

    font-size:40px;

	font-weight:800;

    color: #fff;

	margin: 0px 0px 100px 0px;

	text-transform:uppercase;

	line-height:26px;

}



.banner-bg .banner-text h4 {

	

    font-family: 'Raleway', sans-serif;

    font-size: 40px;

    font-weight: 800;

    margin: 50px 0px 50px 0px;

    text-transform: uppercase;

    line-height: 26px;

    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);

    transform-origin: 50% 50% 0px;

    color: rgb(255, 255, 255);

    -webkit-text-fill-color: transparent;

    -webkit-text-stroke: 2px rgba(255, 255, 255, 0.42);

	animation-name: blinker;

    animation-duration: 1.6s;

    animation-timing-function: linear;

    animation-iteration-count: infinite;

}



.plan-bg {

	

	background: #f2f6ff url(images/plan-bg.jpg) no-repeat top center;

	background-attachment:fixed;

	background-size: cover;

	padding: 40px 0px 40px;

	min-height:950px;

}



.plan-bg .plan-head {

	

	padding: 30px 0px 30px;

	text-align:center;

}



.plan-bg .plan-head h2 {

	

	font-family: 'Rubik', sans-serif;

	font-size: 40px;

    font-weight: 500;

	color:#000000;

    margin: 0px 0px 10px 0px;

}



.plan-bg .plan-head p {

	

	font-family: 'Noto Sans', sans-serif;

	font-size: 18px;

    font-weight: 400;

	color:#0c51ac;

    margin: 0px 0px 0px 0px;

}



.plan-bg .plan {

	

	padding:30px 0px 30px 0px;

}



.plan-bg .plan .plans {

	

    background: url(images/planbg1.png) no-repeat top center;

    background-size: cover;

    width: 270px;

    min-height: 470px;

    margin: 20px auto 20px;

    transition: 0.7s;

    text-align: center;

    position: relative;

    z-index: 9999;

    cursor: pointer;

    box-shadow: 0 0px 10px 0px #a0a2a5;

    border: 1px solid #cacccf;

    border-radius: 10px;

}



.plan-bg .plan .plans:hover {

	

    

}



.plan-bg .plan .plans .plan-left {

	

    padding:30px 0px 0px 30px;

	float:left;

	width:45%;

	text-align:left;

}



.plan-bg .plan .plans .plan-left h4 {

	

    font-family: 'Rubik', sans-serif;

	font-size: 24px;

    font-weight: 500;

	color:#ffc847;

    margin: 0px 0px 30px 0px;

}



.plan-bg .plan .plans .plan-left h2 {

	

    font-family: 'Rubik', sans-serif;

	font-size: 30px;

    font-weight: 500;

	color:#ffffff;

    margin: 0px 0px 6px 0px;

}



.plan-bg .plan .plans .plan-left p {

	

    font-family: 'Rubik', sans-serif;

	font-size: 18px;

    font-weight: 400;

	color:#ffffff;

    margin: 0px 0px 0px 0px;

	text-align:right;

}



.plan-bg .plan .plans .plan-right {

	

    padding:8px 0px 0px 0px;

	float:right;

	width:45%;

}



.plan-bg .plan .plans .plan-right img {

	

    padding:0px 0px 0px 0px;

}



.plan-bg .plan .plans .plan-right h2 {

	

    font-family: 'Roboto', sans-serif;

    font-size: 36px;

    font-weight: 800;

    color: #ffffff;

    margin: 15px 0px 0px 0px;

    padding: 0px;

    background: transparent;

    box-shadow: 0 0px 10px 0px #000000;

    display: inline-block;

    width: 83%;

}



.plan-bg .plan .plans .plan-right p {

	

	font-family: 'Roboto', sans-serif;

    font-size: 15px;

    font-weight: 500;

    color: #11309d;

    background: #ffc942;

    margin: 0px 0px 0px 0px;

    text-transform: uppercase;

}



.plan-bg .plan .plans .plan-min {

	

    padding:40px 0px 0px 20px;

	text-align:left;

}



.plan-bg .plan .plans .plan-min h4 {

	

	font-family: 'Noto Sans', sans-serif;

    font-size: 18px;

    font-weight: 400;

    color: #898989;

    margin: 0px 0px 10px 0px;

    padding: 0px 0px 10px 0px;

    border-bottom: 1px solid #2a73df;

    display: inline-block;

    width: 92%;

}



.plan-bg .plan .plans .plan-min h4 span {

	

	font-size: 18px;

    font-weight: 600;

	color:#1868dd;

}



.plan-bg .plan .plans .plan-min h5 {

	

    font-family: 'Noto Sans', sans-serif;

    font-size: 18px;

    font-weight: 400;

    color: #898989;

    margin: 0px 0px 14px 0px;

}



.plan-bg .plan .plans .plan-min h5 span {

	

	font-size: 18px;

    font-weight: 600;

	color:#1868dd;

}



.plan-bg .plan .plans .plan-min p {

	

    font-family: 'Noto Sans', sans-serif;

    font-size: 16px;

    font-weight: 400;

    color: #898989;

    margin: 14px 0px 0px 0px;

}



.plan-bg .plan .plans .plan-inc {

	

    padding:10px 0px 0px 20px;

	text-align:left;

}



.plan-bg .plan .plans .plan-inc h5 {

	

    font-family: 'Noto Sans', sans-serif;

    font-size: 15px;

    font-weight: 400;

    color: #898989;

    margin: 0px 0px 14px 0px;

    padding: 14px 0px 0px 0px;

    border-top: 1px solid #1868dd;

    display: inline-block;

    width: 96%;

}



.plan-bg .plan .plans .plan-inc p {

	

    font-family: 'Noto Sans', sans-serif;

    font-size: 15px;

    font-weight: 400;

    color: #898989;

    margin: 0px 0px 0px 0px;

}



.plan-bg .plan .plans .plan-inc p span {

	

	font-size: 16px;

    font-weight: 600;

	color:#1868dd;

}


.plan-bg .plan .plans .plan-but {

	

    padding: 0px 0px 0px 0px;

}



.plan-bg .plan .plans .plan-but a {

    font-family: 'Noto Sans', sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    background: #0c51ac;
    border: 1px solid #0c51ac;
    padding: 11px 28px;
    border-radius: 5px;
    box-shadow: inset 0 0 0 0 #f56e00;
    transition: 0.7s;
    margin: 16px 0px 0px 0px;
    position: relative;
    display: inline-block;

}



.plan-bg .plan .plans .plan-but a:hover {

	

	color: #fff;

    background: #f56e00;

	border:1px solid #f56e00;

    box-shadow: inset 0 35px 0 0 #f56e00;

	transition:0.7s;

}



.plan-bg .plan .plans .plan-but a i {

	

    position: absolute;

    opacity: 0;

    top: -1px;

    left: 0;

    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 70%,rgba(255,255,255,0.85) 71%,rgba(255,255,255,0) 100%);

    width: 12%;

    height: 103%;

    transform: skew(-30deg,0deg);

    animation: move 3s;

    animation-iteration-count: infinite;

    animation-delay: 1s;

}



.plan  .graph2 { 



	height:500px;

	background:url(../images/plan-ani.png) repeat-x 0 100%;

	animation:graph 130s linear infinite;

	-webkit-animation:graph 100s linear infinite;

}



@keyframes graph { 



	from {background-position:-2765px 100%,0 0}

	to {background-position:0 100%,0 0}

}



@-webkit-keyframes graph {

	 

	from {background-position:-2765px 100%,0 0}

	to {background-position:0 100%,0 0}

} 



.plan .graph-top2 { 



	margin-top:-470px;

	z-index:1;

}



.how-bg {

	

	background: #043270 url(images/how-bg.jpg) no-repeat top center;

	background-attachment:fixed;

	background-size: cover;

	padding: 60px 0px 60px;

}

/*.calculator-top {
    text-align: left;
    background: url(images/calculator.png) no-repeat left center;
    padding-left: 86px;
    padding-bottom: 10px;
    padding-top: 10px;
    overflow: hidden;

}


.calculator-top h3 {
    line-height: 50px;
    margin-top: 10px;
    margin-bottom: 0px;
    float: left;
    text-transform: capitalize;
    font-family: 'Rubik', sans-serif;
    font-size: 40px;
    font-weight: 500;
    color: #000;
}

.calculator-top p {
	font-family: 'Noto Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #0c51ac;
    margin: 0px 0px 0px 0px;
}

.calculator-top h3 span {
	font-weight:700;
}*/

.calculatorinside {
	background: #fcfdff;
    overflow: hidden;
    padding: 25px 35px;
    box-shadow: 0 0 10px #969799;
    border-radius: 10px;
    margin: -200px 0px 30px 0px;

}

.calculatorinside .cal-head {

	padding: 20px 0px 20px;
}

.calculatorinside .cal-head img {

	padding: 0px 20px 0px 20px;
	float:left;

}

.calculatorinside .cal-head h2 {

	font-family: 'Rubik', sans-serif;
	font-size: 40px;
    font-weight: 500;
	color:#000;
    margin: 0px 0px 8px 0px;

}

.calculatorinside .cal-head p {

	font-family: 'Noto Sans', sans-serif;
	font-size: 18px;
    font-weight: 400;
	color:#0c51ac;
    margin: 0px 0px 0px 0px;

}

.calculatorinside .cal-but {
	
    padding: 20px 0px 20px 20px;
}

.calculatorinside .cal-but a {

	font-family: 'Noto Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    background: #f56e00;
    border: 1px solid #f56e00;
    padding: 13px 30px;
    border-radius: 5px;
    box-shadow: inset 0 0 0 0 #0c51ac;
    transition: 0.7s;
    margin: 16px 0px 0px 0px;
    position: relative;
    display: inline-block;

}

.calculatorinside .cal-but a:hover {

	color: #fff;
    background: #0c51ac;
	border:1px solid #0c51ac;
    box-shadow: inset 0 35px 0 0 #0c51ac;
	transition:0.7s;
}

.calculatorinside .cal-but a i {

    position: absolute;
    opacity: 0;
    top: -1px;
    left: 0;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 70%,rgba(255,255,255,0.85) 71%,rgba(255,255,255,0) 100%);
    width: 12%;
    height: 103%;
    transform: skew(-30deg,0deg);
    animation: move 3s;
    animation-iteration-count: infinite;
    animation-delay: 1s;
}



.calculatorinside .nav-tabs {
	border-bottom:0px;
	text-align:center;
}


.calculatorbig {
	background:white;
}

.calculatorinside .nav-tabs>li {
    display: inline-block;
    margin-bottom: 0px;
    width: auto;
    float: right;
}


.calculatorinside .nav-tabs>li>a {
	margin-left:5px;
}


.calculator-middle {
    background: #F3F4F4;
    border: 1px solid #0c51ac;
    border-radius: 8px;
    padding: 20px;
    overflow: hidden;
}

.calculatorleft {
    width: 40%;
    float: left;
    padding: 15px 0 10px 15px;
    border-radius: 6px 0 0 6px;
    position: relative;
}

#deposit_amount {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

#power_block {
    width: 100%;
    float: left;
    background: #6AAA22;
    color: white;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    font-weight: 600;
}

#power_amount {
	display:inline;
	float:none;
	margin: 0px;
}

.calculatorright {
    width: 60%;
    float: left;
    padding: 15px 0 15px 20px;
}


.calculatorbig  .calculatorleft, .calculatorbig  .calculatorright {
	width:100%;
}

.calculatorleft label {
	font-family: 'Noto Sans', sans-serif;
	font-size: 18px;
    text-transform: uppercase;
    margin: 0 0 8px;
    color: #9da293;
    font-weight: 600;
}
.calculatorinputbox {
    background: #fff;
    border-radius: 6px;
    position: relative;
    z-index: 99;
    overflow: hidden;
    border: 2px solid #0c51ac;
}

.calculatorinputbox input {
    width: 50%;
    float: left;
    border: none;
    color: #575a4f;
    font-size: 22px;
    font-weight: 400;
    height: 50px;
    background: #fff url(images/btc_small.png) no-repeat 10px center;
    padding-left: 55px;
}

.calculatorinputbox .usd {
width: 50%;
    float: left;
    height: 50px;
    background: #0c51ac;
    border-radius: 0 0px 0px 0;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    color: white;
}

.calculator-top a {
    float: right;
    background: #FFCC00;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 4px;
    float: right;
    margin-top: 10px;

}

.calculatorresults {
    width: calc(50% - 32px);
    float: left;
    border: 1px solid #0c51ac;
    text-align: left;
    border-radius: 6px;
    margin: 0 15px;
    padding: 18px;
    background: #FBFBFB url(images/calc1.png) no-repeat 90% center;
}

.calculatorbig .calculatorresults {
    width: calc(33% - 32px);
}

.calculatorbig .calculatorresults_2 {
    width: calc(49% - 32px);
}

.mining-container {
	text-align:center;
}

a.start-mining {
    background: #FFCC00;
    padding: 25px 25px;
    border-radius: 6px;
    color: white;
    text-transform: uppercase;
    display: inline-block;
    margin: 30px auto 10px;
    font-weight: 700;
    font-size: 30px;
    text-align: center;
    border: 4px solid #ffffff;
}

a.start-mining:hover {
	background:#FFB500;
}

a.join-now {

    outline: none;
    text-decoration: none;
    transition: 0.3s;
    background: #72AD1F;
    color: white;
    padding: 15px 30px;
    margin: 10px auto;
    display: inline-block;
    border-radius: 4px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
}

a.join-now:hover {
		background:#FFB500;
		color:white;
}


.mining-container p {
    color: white;
    text-align: center;
    line-height: 48px;
    font-weight: 600;
}

.mining-container p a {
	    color: #d5ff8a;
}

.calculatorresults3 {
    background: #FBFBFB url(images/calc3.html) no-repeat 95% center;
    width: 95%;
}
.calculatorresults3 {
    background: #FBFBFB url(images/calc3.html) no-repeat 90% center;	
}

.calculatorresults:hover {
	border: 1px solid #FFCC00;
	transition: 0.3s;
}
.calculatorresults h4 {
    font-size: 21px;
    color: #0c51ac;
    margin: 0;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 600;
}
.calculatorresults p {
	
	font-family: 'Noto Sans', sans-serif;
    text-transform: uppercase;
    text-align: left;
    font-size:14px;
    font-weight:600;
    margin-bottom:5px;
    color:#9da293;
}


.cal-bg {

	

    background: #fff;

    box-shadow: 0 0px 10px 0px #a0a2a5;

    padding: 20px 0px 30px;

    border-radius: 5px;

    margin: -200px 0px 30px 0px;

}



.cal-bg .cal-head {

	

	padding: 20px 0px 20px;

}



.cal-bg .cal-head img {

	

	padding: 0px 20px 0px 20px;

	float:left;

}



.cal-bg .cal-head h2 {

	

	font-family: 'Rubik', sans-serif;

	font-size: 40px;

    font-weight: 500;

	color:#000;

    margin: 0px 0px 8px 0px;

}



.cal-bg .cal-head p {

	

	font-family: 'Noto Sans', sans-serif;

	font-size: 18px;

    font-weight: 400;

	color:#0c51ac;

    margin: 0px 0px 0px 0px;

}



.cal-bg .cal-but {

	

    padding: 20px 0px 20px 20px;

}



.cal-bg .cal-but a {

	

	font-family: 'Noto Sans', sans-serif;

    font-size: 18px;

    font-weight: 600;

    color: #ffffff;

    text-transform: uppercase;

    background: #f56e00;

    border: 1px solid #f56e00;

    padding: 13px 30px;

    border-radius: 5px;

    box-shadow: inset 0 0 0 0 #0c51ac;

    transition: 0.7s;

    margin: 16px 0px 0px 0px;

    position: relative;

    display: inline-block;

}



.cal-bg .cal-but a:hover {

	

	color: #fff;

    background: #0c51ac;

	border:1px solid #0c51ac;

    box-shadow: inset 0 35px 0 0 #0c51ac;

	transition:0.7s;

}



.cal-bg .cal-but a i {

	

    position: absolute;

    opacity: 0;

    top: -1px;

    left: 0;

    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 70%,rgba(255,255,255,0.85) 71%,rgba(255,255,255,0) 100%);

    width: 12%;

    height: 103%;

    transform: skew(-30deg,0deg);

    animation: move 3s;

    animation-iteration-count: infinite;

    animation-delay: 1s;

}



.cal-bg .cal-bg1 {

	

    background: transparent;

    border: 1px solid #0c51ac;

    padding: 30px 0px 30px;

    border-radius: 5px;

    margin: 0px 0px 0px 30px;

    display: inline-block;

    width: 95%;

}



.cal-bg .cal-bg1 .cal1 {



   	padding: 0px 0px 20px 0px;

	text-align:center;

}



.cal-bg .cal-bg1 .cal1 h4 {



    font-family: 'Noto Sans', sans-serif;

    font-size: 16px;

    color: #898989;

    margin: 0px 0px 15px 25px;

    text-align: left;

    font-weight: 700;

	text-transform:uppercase;

}



.cal-bg .cal-bg1 .cal1 select {



    font-family: 'Noto Sans', sans-serif;

    font-size: 18px;

    color: #181516 !important;

    height: 50px;

    text-align: center;

    width: 90%;

    border: 2px solid #0c51ac;

    background: white;

    outline: none;

    font-weight: 600;

    padding: 8px 15px;

    border-radius: 5px;

    cursor: pointer;

}



.cal-bg .cal-bg1 .cal1 input {



    font-family: 'Noto Sans', sans-serif;

    font-size: 18px;

    color: #181516;

    height: 50px;

    text-align: center;

    width: 90%;

    border:2px solid #0c51ac;

    background: white;

    outline: none;

    font-weight: 600;

    border-radius:5px;

}



.how-bg .how-head {

	

	padding: 30px 0px 30px;

	text-align:center;

}



.how-bg .how-head p {

	

	font-family: 'Noto Sans', sans-serif;

	font-size: 18px;

    font-weight: 400;

	color:#fdcd43;

    margin: 0px 0px 10px 0px;

}



.how-bg .how-head h2 {

	

	font-family: 'Rubik', sans-serif;

	font-size: 40px;

    font-weight: 500;

	color:#fefeff;

    margin: 0px 0px 0px 0px;

}



.how-bg .how {

	

	padding:30px 0px 30px 0px;

}



.how-bg .how .how1 {

	

	padding:30px 0px 30px 0px;

	margin:auto;

}



.how-bg .how .how-round {

	

	display: block;

    text-align: center;

}



.how-bg .how .how-round ul  {



 	list-style:none;

	margin:0px;

	padding:0px;

	text-align: center;

}



.how-bg .how .how-round ul li {

	

    display: inline-block;

    padding: 10px 44px;

}



.how-bg .how .how-round .how-cricle {



    float: left;

    position: relative;

    min-width: 160px;

    min-height: 160px;

	text-align: center;

}



.how-bg .how .how-round .how-cricle:after {



    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background: url(images/how-cricle.png);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    width: 145px;

    height: 144px;

    -webkit-animation: fa-spin 4s infinite linear;

    animation: fa-spin 4s infinite linear;

}



.how-bg .how .how-round .how-cricle img {

	

	position: relative;

    z-index: 9999;

    top: 33px;

	left:34px;

}



.how-bg .how .how-round .how-cricle span img {

	

    position: relative;

    z-index: 9999;

    top: 30px;

    left: 75px;

}



.how-bg .how .how-round .how-text {

	

	

}



.how-bg .how .how-round .how-text h6 {

	

    font-family: 'Noto Sans', sans-serif;

    font-size: 16px;

    font-weight: 500;

    color: #ffffff;

    margin: 26px 0px 0px 0px;

    position: relative;

    right: 0px;

    top: 15px;

    line-height: 28px;

}



.refer-bg {

	

	background: #ffffff url(images/refer-bg.jpg) no-repeat top center;

	background-attachment:fixed;

	background-size: cover;

	padding: 30px 0px 30px;

}



.refer-bg .refer-head {

	

	padding: 30px 0px 30px;

	text-align:center;

}



.refer-bg .refer-head h2 {

	

	font-family: 'Rubik', sans-serif;

	font-size: 40px;

    font-weight: 500;

	color:#000000;

    margin: 0px 0px 10px 0px;

}



.refer-bg .refer-head p {

	

	font-family: 'Noto Sans', sans-serif;

	font-size: 18px;

    font-weight: 400;

	color:#0c51ac;

    margin: 0px 0px 0px 0px;

}



.refer-bg .refer {

	

	padding: 30px 0px 30px;

}



.refer-bg .refer .refer-para {

	

	padding: 30px 0px 30px;

}



.refer-bg .refer .refer-para p {

	

	font-family: 'Noto Sans', sans-serif;

	font-size: 16px;

    font-weight: 400;

	color:#898989;

    margin: 0px 0px 0px 0px;

	line-height:30px;

}



.refer-bg .refer .refer-text {

	

	padding: 30px 0px 30px;

}



.refer-bg .refer .refer-text h4 {

	

	font-family: 'Rubik', sans-serif;

	font-size: 30px;

    font-weight: 500;

	color:#0c51ac;

    margin: 0px 0px 20px 0px;

}



.refer-bg .refer .refer-text p {

	

	font-family: 'Noto Sans', sans-serif;

	font-size: 16px;

    font-weight: 400;

	color:#898989;

    margin: 0px 0px 0px 0px;

}



.refer-bg .refer .refer-com {

	

	padding: 30px 0px 30px;

}



.refer-bg .refer .refer-com ul {

	

	padding:0;

	margin:0;

	list-style:none;

}



.refer-bg .refer .refer-com ul li {

	

	padding:10px 16px;

	display:inline-block;

}



.refer-bg .refer .refer-com ul li h4 {

	

	font-family: 'Rubik', sans-serif;

	font-size: 18px;

    font-weight:600;

	font-style:italic;

	color:#0c51ac;

    margin: 0px 0px 20px 0px;

	text-transform:uppercase;

	text-align:center;

}



.refer-bg .refer .refer-com ul li h2 {

	

    font-family: 'Rubik', sans-serif;

    font-size: 36px;

    font-weight: 600;

    color: #fbd741;

    background: #0c51ac;

    border-radius: 116px;

    margin: 0px auto 20px;

    line-height: 64px;

    padding: 12px;

    width: 90px;

    height: 90px;

    text-align: center;

    display: block;

}



.refer-bg .refer .refer-com ul li p {

	

    font-family: 'Noto Sans', sans-serif;

    font-size: 18px;

    font-weight: 400;

    color: #ffffff;

    background: #0c51ac;

    border-radius: 5px;

    margin: 0px 0px 0px 0px;

    padding: 10px;

    line-height: 30px;

    width: 100%;

    display: inline-block;

	text-align:center;

}



.refer-bg .refer .refer-com ul li p span {

	

	font-size: 18px;

    font-weight: 600;

    color: #0c51ac;

    background: #fff;

    border-radius: 0px;

    margin: 8px 0px 0px 0px;

    padding: 0px;

    width: 70%;

    display: inline-block;

}



.refer-bg .refer .refer-img {

	

	padding: 30px 0px 30px;

}



.refer-bg .refer .refer-img img {

	

	margin: auto;

}



.advan-bg {

	

	background: #e6edf7 url(images/advan-bg.jpg) no-repeat top center;

	background-attachment:fixed;

	background-size: cover;

	padding: 30px 0px 30px;

}



.advan-bg .advan-head {

	

	padding: 30px 0px 0px;

	text-align:left;

}



.advan-bg .advan-head p {

	

	font-family: 'Noto Sans', sans-serif;

	font-size: 18px;

    font-weight: 400;

	color:#0c51ac;

    margin: 0px 0px 10px 0px;

}



.advan-bg .advan-head h2 {

	

	font-family: 'Rubik', sans-serif;

	font-size: 40px;

    font-weight: 500;

	color:#000000;

    margin: 0px 0px 0px 0px;

}



.advan-bg .advan {

	

	padding: 0px 0px 0px;

}



.advan-bg .advan .advan-para {

	

	padding: 30px 0px 30px;

}



.advan-bg .advan .advan-para p {

	

	font-family: 'Noto Sans', sans-serif;

	font-size: 16px;

    font-weight: 400;

	color:#545454;

    margin: 0px 0px 0px 0px;

	line-height:30px;

}



.advan-bg .advan .advan-text {

	

	padding: 0px 0px 0px;

}



.advan-bg .advan .advan-text .advan-text1 {

	

	padding: 0px 0px 0px;

}



.advan-bg .advan .advan-text .advan-text1 p {

	

	font-family: 'Noto Sans', sans-serif;

	font-size: 16px;

    font-weight: 400;

	color:#545454;

    margin: 0px 0px 10px 0px;

	line-height:30px;

}



.advan-bg .advan .advanbg {

	

	padding: 20px 0px 20px;

	margin: 60px 0px 30px;

	background:#fff;

	border-radius:5px;

	text-align:center;

}



.advan-bg .advan .advanbg ul {

	

	padding:0;

	margin:0;

	list-style:none;

}



.advan-bg .advan .advanbg ul li {

	

	padding:10px 20px;

	display:inline-block;

}



.advan-bg .advan .advanbg ul li .advanbg1 {

	

	padding:0px 0px 0px 0px;

	transition: all 500ms ease-in;

	cursor:pointer;

}



.advan-bg .advan .advanbg ul li .advanbg1:hover {

	

	transform: scale(1.1);

    transition: all 300ms ease-in-out;

}



.advan-bg .advan .advanbg ul li .advanbg1 img {

	

	padding:0px 0px 0px 0px;

}



.advan-bg .advan .advanbg ul li .advanbg1 p {

	

	font-family: 'Noto Sans', sans-serif;

	font-size: 16px;

    font-weight: 400;

	color:#474747;

    margin: 20px 0px 0px 0px;

	line-height:24px;

}



.depo-bg {

	

	background: #ffffff url(images/depo-bg.jpg) no-repeat top center;

	background-size: cover;

	padding: 30px 0px 30px;

}



.depo-bg .depo-head {

	

	padding: 30px 0px 30px;

	text-align:center;

}



.depo-bg .depo-head h2 {

	

	font-family: 'Rubik', sans-serif;

	font-size: 40px;

    font-weight: 500;

	color:#000000;

    margin: 0px 0px 10px 0px;

}



.depo-bg .depo-head p {

	

	font-family: 'Noto Sans', sans-serif;

	font-size: 18px;

    font-weight: 400;

	color:#0c51ac;

    margin: 0px 0px 0px 0px;

}



.depo-bg .sta {

	

	padding: 0px 0px 0px;

	text-align:center;

}



.depo-bg .sta .sta1 {

	

	padding: 30px 0px 30px;

}



.depo-bg .sta .sta1 h4 {

	

	font-family: 'Rubik', sans-serif;

	font-size: 34px;

    font-weight: 500;

	color:#0c51ac;

    margin: 0px 0px 10px 0px;

}



.depo-bg .sta .sta1 p {

	

    font-family: 'Rubik', sans-serif;

    font-size: 16px;

    font-weight: 400;

    color: #ffffff;

    background: #0c51ac;

    text-transform: uppercase;

    margin: 0px 0px 0px 0px;

    padding: 10px 0px 10px 0px;

    border-radius: 5px;

    display: inline-block;

    width: 80%;

}



.depo-bg .depo {

	

	padding: 50px 0px 50px;

}



.depo-bg .depo h3 {

	

	font-family: 'Rubik', sans-serif;

	font-size: 24px;

    font-weight: 500;

	color:#3339ae;

    margin: 40px 0px 40px 0px;

}



.depo-bg .depo table {

	

	width: 100%;

	text-align: left;

	margin: auto;

	max-width: 480px;

}



.depo-bg .depo table td {

	

	padding: 10px 0px 10px 0px;

	height: 60px;

	font-family: 'Noto Sans', sans-serif;

	font-size: 15px;

	color: #000000;

	font-weight:600;

	line-height:28px;

	background: transparent;

    border: transparent;

    white-space: unset;

}



.depo-bg .depo table td span {



	font-size: 12px;

	color: #aaaaaa;

	font-weight:400;

}



.depo-bg .depo table td:nth-child(2) {

	

	text-align: center;

    background: #d4e2ea;

    border-radius: 14px 0px 0px 14px;

    transform: skew(-14deg);

    padding: 12px 0px 0px 0px;

    display: inline-block;

    width: 48%;

}



.depo-bg .depo table td:nth-child(3) {

	

	text-align: center;

    background: #d4e2ea;

    border-radius: 0px 14px 14px 0px;

    transform: skew(-14deg);

    padding: 20px 0px 0px 0px;

    display: inline-block;

    width: 48%;

}



.work-bg {

	

	background: #fcc200 url(images/work-bg.jpg) no-repeat top center;

	background-attachment:fixed;

	background-size: cover;

	padding: 30px 0px 30px;

}



.work-bg .work {

	

	padding: 30px 0px 30px;

	text-align:center;

}



.work-bg .work h2 {

	

    font-family: 'Rubik', sans-serif;

    font-size: 40px;

    font-weight: 500;

    color: #000000;

    margin: 0px 0px 20px 0px;

}



.work-bg .work p {

	

	font-family: 'Noto Sans', sans-serif;

    font-size: 16px;

    font-weight: 400;

    color: #000000;

    margin: 0px 0px 10px 0px;

}



.work-bg .work a {

	

	font-family: 'Noto Sans', sans-serif;

    font-size: 18px;

    font-weight: 600;

    color: #ffffff;

    text-transform: uppercase;

    background: #0c51ac;

    border: 1px solid #0c51ac;

    padding: 13px 30px;

    border-radius: 5px;

    box-shadow: inset 0 0 0 0 #f56e00;

    transition: 0.7s;

    margin: 16px 0px 0px 0px;

    position: relative;

    display: inline-block;

}



.work-bg .work a:hover {

	

	color: #fff;

    background: #f56e00;

	border:1px solid #f56e00;

    box-shadow: inset 0 35px 0 0 #f56e00;

	transition:0.7s;

}



.work-bg .work a i {

	

    position: absolute;

    opacity: 0;

    top: -1px;

    left: 0;

    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 70%,rgba(255,255,255,0.85) 71%,rgba(255,255,255,0) 100%);

    width: 12%;

    height: 103%;

    transform: skew(-30deg,0deg);

    animation: move 3s;

    animation-iteration-count: infinite;

    animation-delay: 1s;

}



@keyframes move {



	0%  { left: 0; opacity: 0; }



	5% {opacity: 0.0}



	48% {opacity: 0.2}



	80% {opacity: 0.0}



	100% { left: 82%}

}



.foot-bg {

	

	background: #22273a url(images/foot-bg.jpg) no-repeat top center;

	background-attachment:fixed;

	background-size: cover;

	padding: 30px 0px 30px;

}



.foot-bg .foot {

	

	padding: 0px 0px 0px;

}



.foot-bg .foot .foot-links {

	

    padding: 30px 0px 30px 0px;

}



.foot-bg .foot .foot-links p {

	

    margin: 0px 0px 20px 0px;

}



.foot-bg .foot .foot-links p a {

	

    font-family: 'Noto Sans', sans-serif;

    font-size: 16px;

    font-weight:500;

    color: #ffffff;

	transition:0.7s;

	position: relative;

	display:inline-block;

}



.foot-bg .foot .foot-links p a:hover {

	

  color: #fcc200;

  transition:0.7s;

}



.foot-bg .foot .foot-links p a:before, .foot-bg .foot .foot-links p a:after {

	

  content: '';

  position: absolute;

  width: 0%;

  height: 3px;

  bottom: -2px;

  background: #fcc200;

}



.foot-bg .foot .foot-links p a:before {

	

  left: 0;

}



.foot-bg .foot .foot-links p a:after {

	

  right: 0;

  background: #fcc200;

  transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);

}



.foot-bg .foot .foot-links p a:hover:before {

	

  background: #fcc200;

  width: 100%;

  transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);

}



.foot-bg .foot .foot-links p a:hover:after {

	

  background: transparent;

  width: 100%;

  transition: 0s;

}



.foot-bg .foot .socialLinks {

	

padding: 0px 0px 30px 0px;

}



.foot-bg .foot .socialLinks h3 {

	

    font-family: 'Rubik', sans-serif;

    font-size: 20px;

    font-weight: 600;

    color: #fece42;

    margin: 0px 0px 0px 0px;

}



.foot-bg .foot .socialLinks a {

	

	display: inline-block;

    margin: 10px 16px 0px 6px;

    font-family: 'Noto Sans', sans-serif;

    font-size: 16px;

    font-weight: 500;

    color: #fff;

}



.foot-bg .foot .socialLinks a:hover {

	

	color:#fcc200;

	transition:0.7s;

}



.foot-bg .foot .socialLinks a i {

	

	font-size: 16px;

    color: #fff;

	border:1px solid #fff;

    background: transparent;

    height: 35px;

    width: 35px;

    text-align: center;

    line-height: 36px;

    display: inline-block;

    border-radius:50px;

	transition: all 500ms ease-in;

}



.foot-bg .foot .socialLinks a:hover i, .foot-bg .foot .socialLinks a i:hover {

	

	color: #000;

	background: #fcc200;

	border:1px solid #fcc200;

	transition: transform .8s ease-in-out;

    transform: rotate(360deg);

}



.foot-bg .foot .foot-logo {

	

    padding: 0px 0px 30px 0px;

}



.foot-bg .foot .foot-logo img { 



	display:inline-block;

	transform-origin: 100% 0;

}



.foot-bg .foot .foot-logo img:hover {

	

	animation-name: wobble-bottom;

	animation-duration: 1s;

	animation-timing-function: ease-in-out;

	animation-iteration-count: 1;

}



.foot-bg .foot .foot-logo p {

	

    font-family: 'Noto Sans', sans-serif;

    font-size: 14px;

    font-weight: 400;

    color: #fece42;

    margin: 10px 0px 20px 0px;

}



.foot-bg .foot .address {

	

	padding:10px 0px 10px 0px;

}



.foot-bg .foot .address img {

	

    float:left;

    padding: 5px 16px 17px 0px;

}



.foot-bg .foot .address p {

	

    font-family: 'Noto Sans', sans-serif;

    font-size: 16px;

    font-weight: 400;

    color: #ffffff;

    margin:0px 0px 0px 0px;

}
 
.foot-bg .foot .foot-but {

	

    padding: 0px 0px 30px 0px;

}


.foot-bg .foot .foot-but h3 {

	

    font-family: 'Rubik', sans-serif;

    font-size: 20px;

    font-weight: 600;

    color: #fece42;

    margin: 0px 0px 20px 0px;

}


.foot-bg .foot .foot-but a {

    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    background: #f56e00;
    border: 1px solid #f56e00;
    padding: 11px 28px;
    border-radius: 5px;
    box-shadow: inset 0 0 0 0 #0c51ac;
    transition: 0.7s;
    margin: 20px 0px 0px 0px;
    position: relative;
    display: inline-block;
    width: 80%;
    text-align: center;
}



.foot-bg .foot .foot-but a:hover {

	

	color: #fff;

    background: #0c51ac;

	border:1px solid #0c51ac;

    box-shadow: inset 0 35px 0 0 #0c51ac;

	transition:0.7s;

}



.foot-bg .foot .foot-but a i {

	

    position: absolute;

    opacity: 0;

    top: -1px;

    left: 0;

    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 70%,rgba(255,255,255,0.85) 71%,rgba(255,255,255,0) 100%);

    width: 12%;

    height: 103%;

    transform: skew(-30deg,0deg);

    animation: move 3s;

    animation-iteration-count: infinite;

    animation-delay: 1s;

}



.foot-bg1 {

	

	background: transparent;

    background-size: cover;

    padding: 20px 0px 20px;

    border-top: 1px solid #5d5c5c;

}



.foot-bg1 .payments {

	

	padding: 30px 0px 0px;

	text-align:center;

}

.foot-bg1 .payments img {

	transition:0.7s;
	cursor:pointer;
	margin: 0px 10px 10px 10px;

}





.cursor {

	

	position: fixed;

	width: 78px;

	height: 96px;

	margin: -20px 0 0 -20px;

	border-radius: 50%;

	background: url(images/favicon.png);

	z-index: 1000;

	animation: appear .5s;

	-webkit-animation: appear .5s;

}



@keyframes appear {

	0%{

		opacity: .9;

		transform: scale(.5, .5);

	}

	70%{

		opacity: .3;

		transform: scale(1, 1);

	}

	100%{

		opacity: 0;

		transform: scale(.5, .5);

	}

}



@media only screen and (max-width: 1200px){

	

	header .navbar-inverse .navbar-header a {

	  width: 180px;

	}

	header .navbar-inverse .navbar-nav > li.btn_menu {

	  padding: 17px 0;

	}

	header .navbar-inverse .navbar-nav > li {

	  padding: 0 6px;

	}

	header .navbar-inverse .navbar-header {

	  padding: 9px 0;

	}

	

	header .navbar-inverse .navbar-header {

		margin-left: 0;

	}

	header .navbar-inverse .navbar-header {

		margin-left: 0;

	}

	

	header .navbar-right {

		margin-right: 0;

	}



}



@media only screen and (max-width: 1199px){

	.top-bg .top .top-live {

		padding: 20px 0px 20px;

		text-align: center;

	}

	.top-bg .top .top-live ul li {

		padding: 0px 10px;

		display: inline-block;

		font-size: 14px;

		border-right: 1px solid #fff;

	}

	.top-bg .top .top-but {

		padding: 20px 0px 20px;

		text-align: center;

	}

	header .navbar-inverse .navbar-nav > li {

	padding: 10px 10px;

	}

	header .navbar-inverse .navbar-nav > li > a {

		font-size: 14px;

	}

	

	header .navbar-inverse .navbar-nav > li .btn {

		min-width: 115px;

	}

	 

	 header .navbar-inverse .navbar-nav > li a.btn.btn-primary {

		min-width: 110px;

	}

	.how-bg .how .how-round ul li {

		display: inline-block;

		padding: 30px 80px;

	}

	.how-bg .how .how-round .how-cricle span {

		display:none;

	}

	.how-bg .how .how-round .how-cricle img {

		position: relative;

		z-index: 9999;

		top: 33px;

		left: 0px;

	}

	.how-bg .how .how-round .how-text h6 {

		margin: 160px 0px 0px 0px;

	}

	.cal-bg {

		background: #fff;

		box-shadow: 0 0px 10px 0px #a0a2a5;

		padding: 20px 0px 30px;

		border-radius: 5px;

		margin: 0px 0px 30px 0px;

	}
	
	.calculatorinside {
		margin: 30px 0px 30px 0px;
	}
	.calculatorinside .cal-but {
		padding: 20px 0px 20px 0px;
	}

}



@media only screen and (max-width: 991px){

	.top-bg .top .top-live ul li {

		padding: 0px 8px;

	}

	header .navbar-inverse {

	  text-align: center;

	}

	header .navbar-inverse .navbar-header {

	  width: 100%;

	}

	header .navbar-inverse .navbar-nav > li.btn_menu {

	  padding: 4px 0;

	}

	header .navbar-inverse .navbar-nav > li > a {

		    padding: 0px 0px 8px 0px;

	}

	.banner-bg .banner-text h2 {

		font-size:70px;

	}

	.banner-bg .banner-text h4 {

		font-size:40px;

	}

	.how-bg .how .how-round ul li {

		display: inline-block;

		padding: 30px 60px;

	}

	.refer-bg {

		background: #ffffff no-repeat top center fixed;

		background-size: cover;

		padding: 30px 0px 30px;

	}

	.refer-bg .refer .refer-com ul li {

		padding: 10px 12px;

		display: inline-block;

	}

	.advan-bg {

		background: #e6edf7 no-repeat top center;

		background-attachment:fixed;

		background-size: cover;

		padding: 30px 0px 30px;

	}

	.depo-bg .depo h3 {

		text-align:center;

	}

	.cal-bg .cal-bg1 {

		background: transparent;

		border: transparent;

		padding: 30px 0px 30px;

		border-radius: 5px;

		margin: 0px 0px 0px 0px;

		display: inline-block;

		width: 100%;

	}
	.calculatorleft {
		width: 100%;
		float: left;
		padding: 15px 0 10px 15px;
		border-radius: 6px 0 0 6px;
		position: relative;
	}
	.calculatorresults, .calculatorbig .calculatorresults {
		width: 100%;
		margin: 5px 0;
		background: #FBFBFB url(images/calc1.png) no-repeat center 10px;
		padding-top: 90px;
		text-align: center;
	}
	.calculatorright {
		width: 100%;
		float: left;
		padding: 15px 10px;
		border-radius: 0 0 4px 4px;
	}
	.calculatorresults p {
		text-align: center;
	}
	.calculatorinside .cal-head {
		padding: 0px 0px 20px;
		text-align: center;
	}
	.calculatorinside .cal-but {
		padding: 0px 0px 30px 0px;
		text-align: center;
	}
	.calculatorinside .cal-head img {
		padding: 0px 0px 10px 0px;
		float: unset;
	}
}



@media only screen and (max-width: 767px){

	.top-bg .top .top-live {

		padding: 0px 0px 20px;

		text-align: center;

	}

	.top-bg .top .top-live ul li {

		padding: 10px 0px;

		display: block;

		border-right: none;

		position: relative;

		top: 16px;

	}

	header .navbar-inverse {

		text-align: left;

	}

	header .navbar-toggle{ margin: 12px 0; border:0; background:#375afd; border-radius:0;}

	header .navbar-inverse .navbar-toggle:hover, 

	header .navbar-inverse .navbar-toggle:focus{  background:#f7c324;}

	header .navbar-inverse .navbar-toggle:hover .icon-bar, 

	header .navbar-inverse .navbar-toggle:focus .icon-bar{ background-color:#f5f5f5;}

	header .navbar-inverse .navbar-nav > li {

	  padding: 6px;

	  width: 100%;

	}

	header .navbar-inverse .navbar-nav > li > a:hover {

		border-bottom:2px solid transparent;

	}

	.banner-bg .banner-text h2 {

		font-size:60px;

		line-height: 60px;

	}

	.banner-bg .banner-text h4 {

		font-size:50px;

	}

	.refer-bg .refer-head {

		padding: 30px 0px 0px;

		text-align: center;

	}

	.refer-bg .refer .refer-com {

		text-align:center;

	}

	.refer-bg .refer .refer-com ul li {

		padding: 10px 40px;

		display: inline-block;

	}

	.foot-bg .foot {

		padding: 30px 0px 0px 0px;

		text-align: center;

	}

	.foot-bg .foot .foot-links {

		padding: 0px 0px 0px 0px;

	}

	.foot-bg .foot .address img {

		float: unset;

		padding: 0px 0px 10px 0px;

	}

	

	

}



@media only screen and (max-width: 560px){

	.top-bg .top .top-but {

		padding: 10px 0px 20px;

		text-align: center;

	}

	.top-bg .top .top-but a {

		font-size: 14px;

		margin: 0px 0px 10px 0px;

		display: block;

	}

	.banner-bg .banner-text {

		padding: 50px 0px 0px;

		text-align: center;

	}

	.banner-bg .banner-text h2 {

		font-size: 40px;

		line-height: 60px;

		margin: 0px 0px 30px 0px;

	}

	.banner-bg .banner-text h4 {

		font-size: 40px;

		line-height: 60px;

		margin:0;

	}

	.refer-bg .refer .refer-com ul li {

		padding: 30px 0px;

		display: block;

	}

	.refer-bg .refer .refer-com ul li p {

		width: 60%;

	}

	.advan-bg .advan .advanbg {

		padding: 0px 0px 20px;

		margin: 30px 0px 30px;

		background: transparent;

	}

	.advan-bg .advan .advanbg ul li {

		padding: 20px 0px;

		display: block;

	}

	.advan-bg .advan .advanbg ul li .advanbg1:hover {

		transform: scale(1.0);

		transition: all 300ms ease-in-out;

	}

	.depo-bg .depo table td:nth-child(2) {

		width: 50%;

	}

	.depo-bg .depo table td:nth-child(3) {

		width: 50%;

	}

	.cal-bg .cal-head {

		padding: 20px 0px 0px;

		text-align: center;

	}

	.cal-bg .cal-head img {

		padding: 0px 0px 10px 0px;

		float: unset;

	}

	.cal-bg .cal-but {

		text-align: center;

	}

}


@media only screen and (max-width: 480px){
    .foot-bg .foot .foot-but a {
        width: 90%;
        text-align: center;
    }
    
}






/**



* Cart Page Table responsive css Styles.



**/







@media only screen and (max-width: 991px) {







  /* Force table to not be like tables anymore */



  .cart-page table, .cart-page thead, .cart-page tbody, .cart-page th, .cart-page td, .cart-page tr { 



    display: block; 



  }



  



  /* Hide table headers (but not display: none;, for accessibility) */



  .cart-page thead tr { 



    position: absolute;



    top: -9999px;



    left: -9999px;



  }



  



  .cart-page tr { border: 1px solid #ccc; }



  



  .cart-page td { 



    /* Behave  like a "row" */



    border: none;



    border-bottom: 1px solid #eee; 



    position: relative;



    padding-left: 50%; 



  }



  



  .cart-page td:before { 



    /* Now like a table header */



    /* Top/left values mimic padding */



      position: absolute;



      top: 0;



      left: 0;



      width: 100%;



      padding-left: 40px;



      white-space: nowrap;



      font-size: 16px;



      color: #000;



      font-weight: 500;



      background-color: #F9F9F9;



      line-height: 60px;



      text-align: left;



  }



  .cart-page .table > tbody > tr > td.preview {



        padding: 85px 50px 25px;



  }



  .cart-page .table > tbody > tr > td {



        padding: 80px 40px 25px;



  }



  .cart-page .table > tbody > tr > td.del-item {



    text-align: left;



  }



  /*



  Label the data



  */



.cart-page td:nth-of-type(1):before { content: "Preview"; }



.cart-page td:nth-of-type(2):before { content: "Product"; }



.cart-page td:nth-of-type(3):before { content: "Price"; }



.cart-page td:nth-of-type(4):before { content: "Quantity"; }



.cart-page td:nth-of-type(5):before { content: "Total"; }



.cart-page td:nth-of-type(6):before { content: "Delete Item"; }



}























































/******* edited style ******/











/******* edited style ******/











/*represent start*/







.represent {



font-family: 'Titillium Web', sans-serif;



position:relative;



width:100%;



margin:0;



}



.represent .title {



    padding-bottom: 15px;



	font-weight:bold;



    text-transform: uppercase;



    text-align: center;



    color: #363636;



}



.represent .sub_title {



    max-width: 600px;



    padding-bottom: 20px;



    text-align: center;



    color: #959595;



    position: relative;



	margin-bottom: 30px;



}



.represent .sub_title:after {



    content: "";



    width: 30%;



    height: 2px;



    background: #363636;



    position: absolute;



    bottom: 0;



    left: 35%;



}







.represent .content {



min-width:300px;



padding-top:15px;



padding-bottom:15px;



}



.represent .content .tie {



font-size:21px;



font-weight: 600;



text-transform: uppercase;



padding:15px 0 6px;



}



.represent .content .cont {



color: #959595;



font-size: 15px;



padding-bottom: 10px;



text-align: justify;



}



.represent .content .cont:before {



    content: "";



    width: 30%;



    height: 2px;



    background: #e5493a;



    position: absolute;



    bottom: 15px;



    left: 35%;



}











@media (min-width:992px) {



	.represent .title {



		font-size:30px;



	}



	.represent .sub_title {



    font-size: 18px;



	}



}







@media (min-width:768px) and (max-width:991px) {



	.represent .title {



		font-size:24px;



	}



	.represent .sub_title {



    font-size: 16px;



	}



}



@media (max-width:767px) {



	.represent .title {



		font-size:20px;



	}



	.represent .sub_title {



    font-size: 14px;



	}



}











/*represent ends*/











/*register start*/







.banner_content {



width:100%;



margin-top:30px;



padding:15px 0;



background-color:#e2e2e2;



}



.banner_content .banner_tie {



width:100%;



padding: 15px;



box-sizing: border-box;



}



.banner_content .cont {



width:100%;



padding:0 15px;



box-sizing: border-box;



}



.banner_content .cont .text span {



font-size:18px;



text-transform:uppercase;



} 



.banner_content .cont textarea {



    width: 100%;



	height:39px;



	border: 2px solid #d8d8d8;



    margin-bottom: 15px;



    line-height: 33px;



    padding: 0 3px;



}



.refer_link {



line-height:60px;



border-radius:3px;



font-size:18px;



background-color:#3e3343;



padding:0 15px;



display:inline-block;



box-sizing: border-box;



color: #16c9f6;



margin-bottom:30px;



}







@media (max-width:768px) {



.refer_link , .dash_reflink a {



font-size:14px !important;



line-height:24px;



}



}







.dash_upline , .dash_reflink{



    font-size: 18px;



	color:#000;



}



.dash_upline a , .dash_reflink a{



	display:inline-block;



    font-size: 24px;



    font-weight: 600;



	color:#111930;



}



.dash_upline a:hover , .dash_reflink a:hover {



text-decoration:none;



}



.dash_referral {



padding:30px 0 0;



border-top: 2px solid #111930;



}



.dash_security .title {



    font-size: 21px;



    font-weight: 600;



	padding:10px 0;



}



.dash_security .content {



position:relative;



display:inline-flex;



margin-right: 30px;



width:150px;



}



.dash_security input[type=radio] {



opacity:0;



position:relative;



width:32px;



height:32px;



line-height:32px;



z-index:1;



cursor:pointer;



}



.dash_security  p {



display:inline-block;



font-size: 18px;



line-height: 36px;



padding-left: 15px;



}



.dash_security input[type=radio] + span {



display:inline-block;



position: absolute;



top: 3px;



left: 0;



}



.dash_security input[type=radio] + span:before {



content:url(images/disabled.html);



width:32px;



height:32px;



}



.dash_security input[type=radio]:checked + span:before {



content:url(images/enabled.html);



}



.dash_security .dash_btn {



margin-top:30px;



}







.dash_edit {



position:relative;



margin:0;



}



.dash_edit .dash_acc_detail {



background-color:#1498dc;



color:#fff;



padding:30px 0;



}



.dash_edit .dash_acc_detail .cont {



display:inline-flex;



width: 100%;



align-items: center;



}



.dash_edit .dash_acc_detail .tie {



width:50%;



padding: 6px 0;



font-size:18px;



}



.dash_edit .dash_acc_detail .form-control {



    display: block;



    width: 100%;



    height: 36px;



	padding:0 0 0 12px;



    font-size: 18px;



	line-height:inherit;



    color: #fff;



    margin: 0;



    background-color: transparent;



    background-image: none;



    border: none;



    border-radius: 0;



    -webkit-box-shadow: inset 0px 0px 6px rgba(255, 255, 255, 0.30);



    box-shadow: inset 0px 0px 6px rgba(255, 255, 255, 0.30);



    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;



    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;



    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;



}



.dash_edit .dash_acc_detail .form-control:focus {



    border-color: #66afe9;



    outline: 0;



    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);



    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);



}











/*register ends*/









.get-started {



    min-height: 1080px;

	padding: 30px 0 90px;

    overflow: hidden;

}



.get-started .tablet {

	

    position: relative;

}



.get-started .tablet::after {

	

    content: '';

    display: block;

    width: 1046px;

    height: 918px;

    background: url(images/tablet.html) center no-repeat;

    position: absolute;

    top: 55px;

    right: 0;

}



.get-started .polygon-wrapper {

	

    position: relative;

    margin-top: 355px;

    min-height: 220px;

}



.get-started .polygon-wrapper::before {

	

    width: 714px;

    height: 823px;

    top: -375px;

    left: -71px;

    background: url(images/polygon-wrapper.html) center no-repeat;

}



.get-started .polygon {

	

    position: absolute;

    width: 170px;

    height: 196px;

}



.get-started .polygon:hover::before {

	

    transform: scale(1);

}



.get-started .polygon-1 {

	

    left: 50%;

    margin-left: -85px;

    top: -310px;

}



.get-started .polygon-1::before {

	

    background: url(images/polygon-1-hover.html) center no-repeat;

}



.get-started .polygon::before {

	

    left: -8px;

    width: 186px;

    height: 216px;

    background: url(images/polygon-1-hover.html) center no-repeat;

    z-index: 2;

    transform: scale(.9);

    transition: all .3s ease;

}



.get-started .polygon::after, .get-started .polygon::before {

	

    top: 0;

    right: 0;

    margin: auto;

    position: absolute;

    bottom: 0;

    content: '';

}



.get-started .polygon-wrapper::after, .get-started .polygon-wrapper::before {

	

    content: '';

    display: block;

    position: absolute;

}



.get-started .polygon-1 span {

	

    top: 0;

    left: 50%;

    margin-left: -21px;

}



.get-started .polygon span {

	

    position: absolute;

    display: block;

    color: #fff;

    font-family: 'Bai Jamjuree', sans-serif;

    font-size: 30px;

    width: 42px;

    height: 42px;

    z-index: 12;

    text-align: center;

}



.get-started .polygon-1::after {

	

    background: url(images/polygon-1.html) center no-repeat;

}



.get-started .polygon::after {

	

    width: 100%;

    height: 100%;

    left: 0;

    z-index: 10;

}



.get-started .polygon-wrapper::after {

	

    width: 553px;

    height: 520px;

    background: url(images/arrow-bg.html) center no-repeat;

    top: -161px;

    right: 49px;

}



.get-started .polygon-2 {

	

    top: -155px;

    right: -30px;

}



.get-started .polygon-2::before {

	

    background: url(images/polygon-2-hover.html) center no-repeat;

}



.get-started .polygon-2::after {

	

    background: url(images/polygon-2.html) center no-repeat;

}



.get-started .polygon-2 span {

	

    top: 50px;

    right: 0;

}



.get-started .polygon-3 {

	

    top: 155px;

    right: -30px;

}



.get-started .polygon-3::before {

	

    background: url(images/polygon-3-hover.html) center no-repeat;

}



.get-started .polygon-3::after {

	

    background: url(images/polygon-3.html) center no-repeat;

}



.get-started .polygon-3 span {

    top: 110px;

    right: 0;

}



.get-started .polygon-4 {

	

    left: 50%;

    margin-left: -85px;

    top: 310px;

}



.get-started .polygon-4::before {

	

    background: url(images/polygon-4-hover.html) center no-repeat;

}



.get-started .polygon-4::after {

	

    background: url(images/polygon-4.html) center no-repeat;

}



.get-started .polygon-4 span {

    bottom: 0;

    left: 50%;

    margin-left: -21px;

}



.get-started .polygon-5 {

	

    top: 155px;

    left: -28px;

}



.get-started .polygon-5::before {

	

    background: url(images/polygon-5-hover.html) center no-repeat;

}



.get-started .polygon-5::after {

	

    background: url(images/polygon-5.html) center no-repeat;

}



.get-started .polygon-5 span {

	

    top: 110px;

    left: 0;

}



.get-started .polygon-6 {

	

    top: -155px;

    left: -28px;

}



.get-started .polygon-6::before {

	

    background: url(images/polygon-6-hover.html) center no-repeat;

}



.get-started .polygon-6::after {

	

    background: url(images/polygon-6.html) center no-repeat;

}



.get-started .polygon-6 span {

	

    top: 50px;

    left: 0;

}



.get-started .get-started-content {

	

    position: relative;

    z-index: 10;

    width: 100%;

    max-width: 460px;

    text-align: center;

    color: #000;

    margin: 0 auto;

    display: none;

}



.get-started .get-started-content .title {

	

    font-size: 24px;

    font-family: 'Bai Jamjuree', sans-serif;

    margin-bottom: 30px;

}



.get-started .get-started-content .content {

	

    font-size: 16px;

    color: #333;

    margin-bottom: 30px;

	font-family: 'Bai Jamjuree', sans-serif;

}



.btn-title-block {

	

	font-size: 16px;

    color: #fff;

	text-transform:uppercase;

    background: linear-gradient(135deg, #5561b2 40%, #b225f1 100%);

    border-radius: 50px;

    border: 1px solid #9b33e1;

    outline: none;

    display: inline-block;

    box-shadow: inset 0 0 0 0 #eca334;

    transition: 0.7s;

	font-family: 'Bai Jamjuree', sans-serif;

	padding: 10px 30px;

	font-weight:700;

	margin-top: 10px;

}



.btn-title-block:hover {

	

    color: #071c56 !important;

    background: #eca334 !important;

    border: 1px solid #eca334 !important;

    transition: 0.7s;

    box-shadow: inset 0 35px 0 0 #eca334;

}



#education {

    padding: 100px 0;

    overflow: hidden;

}



#education .img-wrapper {

	

    position: relative;

    margin-bottom: 70px;

}



/*#education .img-wrapper::before {

	

    content: '';

    display: block;

    background: url(images/after-img.png) center no-repeat;

    width: 278px;

    height: 274px;

    position: absolute;

    left: -197px;

    top: -90px;

}



#education .img-wrapper.right::before {

	

    width: 286px;

    height: 384px;

    left: auto;

    right: -181px;

    top: -96px;

    background: url(images/after-img-right.png) center no-repeat;

}*/



#education .img-wrapper img {

	

    margin: 0 auto;

    box-shadow: 3px 3px 20px 3px rgba(0,0,0,.5);

}



#education .text-wrapper {

	

    margin-bottom: 70px;

	font-family: 'Bai Jamjuree', sans-serif;

}



#education .text-wrapper .education-title {

	

    margin: 85px 0 25px 100px;

    font-size: 30px;

    color: #260a8c;

}



#education .text-wrapper .education-title span {

	

    display: inline-block;

    width: 100%;

    position: relative;

}



#education .text-wrapper .education-title span::after {

	

    content: '';

    display: block;

    position: absolute;

    width: 33px;

    height: 38px;

    background: url(images/title-after.html) center no-repeat;

    left: -60px;

    top: 50%;

    margin-top: -19px;

    z-index: 10;

}



#education .text-wrapper .education-description {

	

    color: #333;

    font-size: 16px;

    margin: 0 0 25px 100px;

}



#education .text-wrapper.right {

	

    text-align: right;

}



#education .text-wrapper.right .education-title {

	

    margin: 85px 100px 25px 0;

}



#education .text-wrapper.right .education-title span::after {

	

    transform: rotate(180deg);

    right: -60px;

    left: auto;

}



#education .text-wrapper.right .education-description {

	

    margin: 0 100px 25px 0;

}



@media (max-width: 1199px) {

	

.get-started .polygon::before{display:none;}

	

.get-started .polygon {

    width: 150px;

}

.get-started .polygon-1 {

    top: -290px;

    margin-left: -75px;

}



.get-started .polygon-1::after {

	

    background-size: 100%;

}



.get-started .polygon-2 {

    top: -143px;

    right: -20px;

}



.get-started .polygon-2::after {

	

    background-size: 100%;

}



.get-started .polygon-3 {

    top: 143px;

    right: -20px;

}



.get-started .polygon-3::after {

	

    background-size: 100%;

}



.get-started .polygon-4 {

    top: 290px;

    margin-left: -75px;

}



.get-started .polygon-4::after {

	

    background-size: 100%;

}



.get-started .polygon-5 {

    top: 143px;

    left: -20px;

}



.get-started .polygon-5::after {

	

    background-size: 100%;

}



.get-started .polygon-6 {

    top: -143px;

    left: -20px;

}

.get-started .polygon-6::after {

	

    background-size: 100%;

}

.get-started .polygon-1 span {

    top: 18px;

}

.get-started .polygon-4 span {

    bottom: 18px;

}



#education .text-wrapper .education-title {

    margin: 20px 0 25px 100px;

}



#education .text-wrapper.right .education-title {

    margin: 20px 100px 25px 0;

}

}



@media (min-width: 768px){

.col-sm-push-6 {

    left: 50%;

}

}



@media (min-width: 768px){

.col-sm-pull-6 {

    right: 50%;

}

}



@media (max-width:991px){

	

.get-started .tablet{

	display:none;

}



#education .text-wrapper .education-title {

    margin: 20px 0 25px;

    font-size: 24px;

}



#education .text-wrapper .education-title span::after {

	

	display:none;

}



#education .text-wrapper .education-description {

    margin: 0 0 25px;

}



#education .text-wrapper.right .education-title {

    margin: 20px 0 25px;

}



#education .text-wrapper.right .education-description {

    margin: 0 0 25px;

}



}



@media (max-width:767px){

	#education .img-wrapper::before{

		display:none;

	}

	#education .text-wrapper.right {

    text-align: left;

	}

}



@media (max-width:680px){.get-started{min-height:790px}.get-started .get-started-content{margin:0 auto}}



@media (max-width:540px){.get-started .get-started-content .btn-title-block{max-width:100%;margin-left:13px}}



@media (max-width:680px){.get-started .polygon{float:left}.get-started .polygon-1,.get-started .polygon-2,.get-started .polygon-3,.get-started .polygon-4,.get-started .polygon-5,.get-started .polygon-6{position:relative;left:auto;right:auto;top:auto;bottom:auto;margin-left:10px;margin-right:10px}.get-started .polygon-wrapper-next{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}}



@media (max-width: 680px){

.get-started .polygon-wrapper {

    width: 100%;

    margin: 0 auto;

	

}



.get-started .polygon-wrapper::before {

	

   	background: transparent;

}



.get-started .polygon-wrapper::after {

	

   	background: transparent;

}

}







/***************** login starts ************/



.innerpage_banner1 {

	

    min-height: 150px;

    width: 100%;

    background:#043270 url(images/how-bg.jpg) no-repeat top center fixed;

	background-size: cover;

}



 .inner_page_infos {

    margin-top: 40px;

    width: auto;

    padding-left: 35px;

    background: transparent;

    padding-right: 35px;

    padding-bottom:40px;

    display: inline-block;

}



.inner_page_infos h3 {

	

     font-size:36px;

     color: #fff;

     font-weight:700;

     margin: 0px 0px 30px 0px;

	 font-family: 'Bai Jamjuree', sans-serif;

	 text-transform: uppercase;

}



@media only screen and (max-width: 1199px){

	 .inner_page_infos h3 {

     font-size:30px;

     color: #fff;

     font-weight:700;

     margin: 0px 0px 30px 0px;

     line-height: normal;

	 font-family: 'Bai Jamjuree', sans-serif;

	 text-transform: uppercase;

}

}



@media only screen and (max-width: 991px){

		.section-table.table-statistic td:last-child, .section-table.table-statistic th:last-child {

		width: 100%;

	}

	table.responsive.table-vip tr:first-child, table.responsive.table-statistic tr:first-child, table.responsive.history-table tr:first-child {

    display: none;

  }

  .section-table.table-vip td {

    font-size: 0.8em;

  }

  .section-table td {

    font-size: 0.8em;

  }

  .section-table th:first-child, .section-table td:first-child {

    padding-left: 5%;

  }

  .section-table.table-vip td:last-child, .section-table.table-vip th:last-child {

    width: 100%;

  }

  .section-table-block .el-table {

    display: none;

  }

  .section-table.table-statistic td:first-child, .section-table.table-statistic th:first-child {

    width: 100%;

	padding: 4px 1%;

  }

  .section-table.table-statistic td:last-child, .section-table.table-statistic th:last-child {

    width: 100%;

  }

	table.responsive,

    table.responsive thead,

    table.responsive tbody,

    table.responsive th,

    table.responsive td,

    table.responsive tr {display:block;}

    table.responsive thead tr {position:absolute; top:-9999px; left:-9999px;}

    table.responsive tr {border:1px solid #ccc; margin-bottom:20px;}

    table.responsive td {    border: none;

    border-bottom: 1px solid #eee;

    position: relative;

    padding: 4px 1%;

    width: 100%;

    font-size: 13px;}

    table.responsive td::before,

    table.responsive td .td-text {width:100%;    font-size: 13px;}

    table.responsive td::before {width:50%; padding-right:15px; text-align:left; content:attr(data-content); display:block;text-transform: uppercase;}

    table.responsive td::after {content:""; display:table; clear:both;}

}



@media only screen and (max-width: 440px) {

	.section-table .table-link {

		font-size: 10px;

	}

}



.inner_page_infos h4 {

	

	font-size: 20px;

    font-weight:500;

    color: #ccc;

	 margin: 0px 0px 30px 0px;

	font-family: 'Rubik', sans-serif;

	text-transform: uppercase;

}



.inner_page_infos p {

	

	font-size:18px;

    font-weight: 400;

    color: #4d4b4b;

	margin: 0px 0px 0px 0px;

	font-family: 'Rubik', sans-serif;

}



.bounty_card-top {

	

	background:#1f0a6b;

	padding:25px 0px 45px 0px;

	color:#fff;

	margin:20px 0;

	border-radius:3px;

}



.bounty_card-top--bonus {



	font-family: 'Bai Jamjuree', sans-serif;

	text-align:right;

}



.bounty_card-top--title {

	

	font-size:20px;

	font-family: 'Bai Jamjuree', sans-serif;

	font-weight:600;

	text-align:left;

}



.bounty_card-body--description {

	

	

}



.bounty_card-body--description p {

	

    font-size: 14px;

    font-family: 'Bai Jamjuree', sans-serif;

    font-weight: 400;

    color: #444;

    text-align: left;

    margin: 0px 0px 0px 0px;

}



.bounty-img {

	

	padding:50px 0px 30px 0px;

	text-align: center;

}



.bounty-img img {

	

	 width: 200px;

	 margin:0px auto 40px;

}



.bounty-img a {

	

	font-size: 14px !important;

    color: #071c56 !important;

    background: #eca334;

    border-radius: 5px;

    border: 1px solid #eca334 !important;

    outline: none;

    box-shadow: inset 0 0 0 0 #1f0a6b;

    transition: 0.7s;

    text-transform: uppercase;

    padding: 10px 40px !important;

    font-weight: 600;

	margin-left: 5px;

}



.bounty-img a:hover {

	

    color: #fff !important;

    background: #1f0a6b;

    border: 1px solid #1f0a6b !important;

    transition: 0.7s;

    box-shadow: inset 0 35px 0 0 #1f0a6b;

}



.card_content-text {

	

    padding: 0;

    line-height: 20px;

}



.card_content-text--list {

	

    margin-top: 25px;

    border-top: 1px solid #c6c2c2;

    padding-top: 25px;

}



.card_content-text--list p {

	

	font-family: 'Bai Jamjuree', sans-serif;

    font-weight:600;

    color: #444 !important;

	font-size:18px !important;

	margin:0px 0px 10px 0px;

}



.card_content-text--list ul {

	

    padding: 0;

}



.card_content-text--list ul li {

	

    list-style: none;

    padding:2px 0px !important;

	font-family: 'Bai Jamjuree', sans-serif;

    font-weight: 400;

    color: #444;

}



.card_content-text--list1 {

	

	    padding-top: 15px;

}



.card_content-text--list1 p {

	

    margin:2px 0px 0px 0px;

	font-family: 'Bai Jamjuree', sans-serif;

    font-weight: 400;

    color: #444;

	font-size:14px;

}



.card_content-text--list1 p span {



	color:#9636de;

}



.card_content-text--list1 p span:hover {

	

    color: #444;

}



.bounty-review {

	

	text-align: center;

}



.bounty_review-block-title {

	

	text-align: center;

    background: #444;

    color: #fff;

    display: inline-block;

    margin: 60px auto 60px auto;

    padding: 20px 25px;

    border-radius: 100px;

}



.innerpage_banner {

    min-height: 120px;

    width: 100%;

    background: #043270 url(images/how-bg.jpg) no-repeat top center fixed;

    background-size: cover;

}

 .inner_page_info {

    /*margin-top: 30px;

    width: auto;

    padding-left: 35px;

    background: transparent;

    padding-right: 35px;

    padding-bottom: 0px;

    padding-top: 10px;

    display: inline-block;*/

}



.inner_page_info h3 {

	

	font-size: 34px;

    color: #fff;

    font-weight: 500;

    font-family: 'Rubik', sans-serif;

    padding-left: calc(55% - 640px);

    line-height: 100px;

    display: inline-block;

    min-width: 60%;

    background: linear-gradient(to right, #054f8e, #052558);

    margin-top: 160px;

    margin-left: -10%;

    padding-left: 10%;

    margin-bottom: 0;

    letter-spacing: 0.04em;

    text-transform: uppercase;

}



.inner_page_info h3:after {

	position: relative;

    content: "";

    float: right;

    left: 2.0724em;

    width: 2.0724em;

    height: 0;

    border-color:#05265a transparent;

    border-style: solid;

    border-width: 0 2.0724em 3em 0;

    z-index: 1;

}



.inner_page_info h3 span {

	

	color:#f3c025;

}



@media only screen and (max-width: 1199px){

	 .inner_page_info h3 {

     font-size:30px;

     color: #fff;

	     line-height: 90px;

	}

}



@media only screen and (max-width: 560px){

	 .inner_page_info h3 {

             font-size: 27px;

    color: #fff;

    line-height: 40px;

    padding-top: 30px;

    padding-bottom: 20px;

    text-align: center;

    margin-left: 0%;

    width: 100%;

	}

	.inner_page_info h3:after {

		display:none;

	}

}



.full {

    /* width: 100%;

     float: left;

     margin: 0;

     padding: 0;*/

	 /*text-align: center;*/

}

  .heading_main {

     float: left;

     width: 100%;

     text-align: center;

     margin-bottom: 35px;

	 /*margin-top: 30px;*/

}

.heading-main h2 {

	

	font-size: 45px;

    color: #222;

    line-height: 36px;

    font-weight: 400;

    text-transform: none;

    line-height: normal;

    letter-spacing: -0.5px;

    font-family: 'Rubik', sans-serif;

    text-transform: uppercase;

}

.heading_main span {

    color: #550ae7;

        font-family: 'Rubik', sans-serif;

    font-weight:700;

    font-size: 38px;

	text-transform: uppercase;

}

.heading_main span::after {

    border-bottom: solid #ff7300 4px;

    color: #fff;

    padding-bottom: 15px;

    content: "";

    display: block;

    width: 120px;

    margin: 0 auto -10px;

} 



.main_title{ width:100%; margin-bottom:30px;}

.main_title h2{ font-size:33px;    font-family: 'Rubik', sans-serif; }

.main_title span {

	font-size: 33px;

	font-weight: 400;

	    font-family: 'Rubik', sans-serif;

	padding-top: 20px;

	display: inline-block;

	width: 100%;

	color: #6f8ef3;

}





.form_block {

	width: 100%;

	display: inline-block;

	margin-bottom: 30px;

}

.form_block span {

	width: 100%;

	display: inline-block;

	position: relative;

}



.form_block span a {

	

	color: #0b4ea7;

    font-size: 16px;

    font-weight: bold;

	transition:0.7s;

}



.form_block span a:hover {

	

	color: #0b4ea7;

	transition:0.7s;

    font-weight: bold;

}



.form_block span [type="text"], .form_block span [type="email"], .form_block span [type="password"], .form_block span [type="number"], .form_block span textarea {

	padding: 0 60px 0 0;

}





.form_block.dark span [type="text"], .form_block.dark span [type="email"], .form_block.dark span [type="password"], .form_block span.dark [type="number"], .form_block span.dark textarea





{ color:#000000;}



.form_block span i {

	font-size: 20px;

    color: #fff;

    position: absolute;

    left: 8px;

    top: 8px;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    background: #0b4ea7;

    border-radius: 28px;

}



.form_box {

    width: 100%;

    display: inline-block;

    padding: 0px 0px 30px;

    margin-bottom: 0px;

    background: transparent;

    background-size: cover;

    font-family: 'Rubik', sans-serif;

}



.form_box h2 {

	text-align: center;

	padding: 15px 0;

	color: #0b4ea7;

}



.forgot_pwd span {

	font-size: 14px;

	color: #fff;

	text-transform: capitalize;

}

.forgot_pwd span a {

	font-size: 14px;

	color: #000;

	float: right;

}



.inner-bg  {



    background:#fff url(images/plan-bg.jpg) no-repeat top center fixed;

    background-size: cover;

	padding:0px 0px 30px 0px;

}





.success {

	  background: linear-gradient(1deg, #171858, #2b792b); background-size: 400% 400%;

  	



-webkit-animation: AnimationName 5s ease infinite;

-moz-animation:AnimationName 5s ease infinite;

animation: AnimationName 5s ease infinite;

   border-radius: 0;

  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;

  color: #fff;

  font-size: 12px;

  padding: 1px 10px;

opacity: 0.7; display:inline-block;

}

.msg {

	color: #000;

	font-size: 13px;

	margin: 10px 0;

	text-align: center;



}

.msg.black {

	color: #fff;



}







.frmcont.textarea span i {

  bottom: inherit;

  top: 0;

}











.error {

  background: linear-gradient(1deg, #171858, #b93b37);

  

   background-size: 400% 400%;

-webkit-animation: AnimationName 5s ease infinite;

-moz-animation: AnimationName 5s ease infinite;

animation: AnimationName 5s ease infinite;

  border-radius: 0;

  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;

  color: #fff;

  font-size: 12px;

  padding: 1px 10px;

  opacity: 0.7;display:inline-block;

}

.msg li {

	display: inline-block;

	list-style-type: none;

 margin: 5px 0;

}

.after_reg {

    color: #000;

}

.after_reg h3 {

  color:#000;

  font-size: 23px;

}



.after_reg p{ margin-bottom:10px;

}

.after_reg b{ 

    color: #0b4ea7;

    font-size: 18px;

}



.msg .error i {

  background-color: #b93b37;

  color: #fff;



}



.msg .success i {

  background-color: #2b792b;

  color: #fff;



}

.msg i {



  margin-right: 5px;

  padding: 10px;

}



@-webkit-keyframes AnimationName {

    0%{background-position:63% 0%}

    50%{background-position:38% 100%}

    100%{background-position:63% 0%}

}

@-moz-keyframes AnimationName {

    0%{background-position:63% 0%}

    50%{background-position:38% 100%}

    100%{background-position:63% 0%}

}

@keyframes AnimationName {

    0%{background-position:63% 0%}

    50%{background-position:38% 100%}

    100%{background-position:63% 0%}

}



::-webkit-input-placeholder { /* Chrome/Opera/Safari */



  color: rgba(255, 255, 255, 0.5);



}



::-moz-placeholder { /* Firefox 19+ */



  color: rgba(255, 255, 255, 0.5);



}



:-ms-input-placeholder { /* IE 10+ */



  color: rgba(255, 255, 255, 0.5);



}



:-moz-placeholder { /* Firefox 18- */



  color: rgba(255, 255, 255, 0.5);



}























/***************** login ends ************/







/***************** signup starts ************/







.sign_bg  {



/*background-color: #e9e9e9;*/



}







.regpage {



    position: relative;

    width: 100%;

    min-width: 300px;

    max-width: 450px;

    box-sizing: border-box;

    padding: 30px;

    box-shadow: 0px 1px 12px 6px;

    background-color: #ff671e66;

    border: 5px solid #f54801;

    border-radius: 20px;





}







.regpage .main_tie {



font-family: 'Rajdhani', sans-serif;



padding-bottom: 30px;



font-size:30px;



font-weight:bold;



    color: #000;



}







.regpage table tr td{



border-bottom: 20px solid transparent;



color: #3e3343;



}



.regpage table {



width:100%;



}



.regpage .table-responsive {



border:none;



}



.regpage table .inpts , .regpage table textarea {



position:relative;



max-width: 300px;



height:39px;



width:100%;



}



.regpage table tr td , .regpage table tr td a , .regpage table .sbmt{



    font-family: 'Rajdhani', sans-serif;



    font-weight: 600;



    font-size: 18px;



}







::-webkit-input-placeholder { /* Chrome/Opera/Safari */



  color: rgba(255, 255, 255, 0.5);



  position:absolute;



  bottom:0;



}



::-moz-placeholder { /* Firefox 19+ */



  color: rgba(255, 255, 255, 0.5);



}



:-ms-input-placeholder { /* IE 10+ */



  color: rgba(255, 255, 255, 0.5);



}



:-moz-placeholder { /* Firefox 18- */



  color: rgba(255, 255, 255, 0.5);



}



























/***************** signup ends ************/







/***************** support starts ************/











 .sup_bg  {



/* background-image:url(images/banner-2.jpg);



background-position:center;



background-size: cover;*/



  /*  background-color: #e9e9e9;*/



}





.supage .supageright {



    width: 100%;

    min-width: 300px;

    max-width: 450px;

    background-color: #fff;

    padding: 30px;

    box-shadow: 0px 0px 12px 6px rgba(0, 0, 0, 0.3);

    background-color: #ff671e66;

    border: 5px solid #f54801;

    box-shadow: 0px 1px 12px 6px;

    border-radius: 20px;

	margin-bottom:40px;

}



.supage .supageright img{

	

	max-width: 100%;

    padding-bottom: 18px;

}



.supage .supageright .sup-head{

	

	padding-top: 13px;

    line-height: 50px;

    text-align: center;

    font-size: 30px;

    font-weight: bold;

    color: #6b1d0b;

}



.supage .supageleft {



    width: 100%;

    min-width: 300px;

    max-width: 450px;

    background-color: #fff;

    padding: 30px;

    box-shadow: 0px 0px 12px 6px rgba(0, 0, 0, 0.3);

    background-color: #ff671e66;

    border: 5px solid #f54801;

    box-shadow: 0px 1px 12px 6px;

    border-radius: 20px;

	margin-bottom:40px;

}







.supage .main_tie {



font-family: 'Rajdhani', sans-serif;



padding-bottom: 30px;



font-size:30px;



font-weight:bold;



    color: #000;



}







.supage .supageleft .table-responsive {



border:none;



}



.supage .supageleft table {



    width: 100%;



}



.supage .supageleft table tr td{



border-bottom: 20px solid transparent;



color: #3e3343;



}



.supage .supageleft .inpts , .supage .supageleft table textarea {



position:relative;



max-width: 300px;



width:100%;



}



.supage .supageleft .inpts {



height:39px;



}



.supage .supageleft table tr td , .supage .supageleft table tr td a , .supage .supageleft table .sbmt{



    font-family: 'Rajdhani', sans-serif;



    font-weight: 600;



    font-size: 18px;



}







.sup_bg .table-responsive {



/*border:none;*/



}























/***************** support ends ************/











/***************** Dashboard starts ************/







.user_page {



width:100%;



position:relative;



border:none;



overflow-x: hidden;



background-color:#fff;



padding:30px;



box-sizing:border-box;



}



@media screen and (max-width: 420px){



.user_page {



padding:30px 10px;



}



}



.user_page .list {



/*min-width:240px;



max-width:460px;*/



width:100%;



height:180px;



/*display:inline-block;*/



/*background: -webkit-linear-gradient(135deg , #1498dc , #0572ab , rgba(69, 20, 220, 0.75));



background: -o-linear-gradient(135deg , #1498dc , #0572ab , rgba(69, 20, 220, 0.75));



background: -moz-linear-gradient(135deg , #1498dc , #0572ab , rgba(69, 20, 220, 0.75));



background: linear-gradient(135deg , #1498dc , #0572ab , rgba(69, 20, 220, 0.75));*/



margin-bottom:30px;



/*box-sizing: border-box;*/



padding: 15px;



color:#fff;



    border: 1px solid #e41b05;



    background: #323254;



}



.user_page .list:first-child {



/*margin-right:20px;*/



}



.user_page .list p{



font-size:21px;



line-height:36px;



}



.user_page .list span , .dash_title{



font-size:24px;



display:block;



font-weight:bold;



}



.dash_cont{



font-size:16px;



display:block;



color:#9c9c9c;



}



.user_page .content , .dash_referral .content {



    display: inline-block;



    float: none;



    min-width: 245px;



    max-width: 315px;



    padding: 15px 0 15px 6%;



    margin-bottom: 15px;



    margin-right: 15px;



    box-sizing: border-box;



    background-color: #e2e2e2;



    text-align: left;



    background-image: url(images/chart.html);



    background-repeat: no-repeat;



    background-position-x: 93%;



    background-position-y: 69%;



}



.user_page .content .tie , .dash_referral .content .tie {



	font-size: 18px;



}



.user_page .content .num , .dash_referral .content .num {



font-family: 'Oswald', sans-serif;



	font-size: 27px;



    font-weight: 600;



	    color: #111930;;



}











.inner-content {



	padding: 45px 0 100px 0px;



	font-family: 'Source Sans Pro', sans-serif;



	font-size: 16px;



	line-height: 24px;



	color: #808080;



}



.innerContentTitle {



	font-family: 'Roboto Slab', serif;



	font-weight: 400;



	font-size: 30px;



	color: #1e1e1e;



	margin-bottom: 27px;



}



.innerContentTitle span {



	font-weight: 300;



}



.innerContentSubTitle {



	background: #101010;



	font-family: 'Source Sans Pro', sans-serif;



	color: #ffffff;



	font-size: 18px;



	text-transform: uppercase;



	padding: 10px 0px 10px 20px;



	margin: 0px;



	overflow: hidden;



}



.innerContentSubTitle label {



	float: right;



	text-align: right;



	font-weight: normal;



	padding-right: 20px;



}







.statusDis {



	max-width: 280px;



	height: 150px;



	width: 100%;



	margin-right: 15px;



	background-color: #f85c37;



	text-align: center;



	color: #fff;



	float: left;



	padding-top: 27px;



}



.adminStatusDisplay .statusDis h2 {



	font-family: 'Source Sans Pro', sans-serif;



	font-size: 30px;



	margin: 20px 0px;



}



.adminStatusDisplay .statusDis h4 {



	font-family: 'Source Sans Pro', sans-serif;



	font-size: 18px;



	margin: 5px 0px;



	text-transform: uppercase;



}



 h3.depositWithdrwaInfo {



    background: #f54801;



    font-family: 'Source Sans Pro', sans-serif;



    color: #ffffff;



    font-size: 18px;



    text-transform: uppercase;



    padding: 17px 10px 17px 10px;



    margin: 0px;



    overflow: hidden;



	text-align: center;



}



 h5.affiliateLink {



    background: #000;



    font-family: 'Source Sans Pro', sans-serif;



    color: #fff;



    font-size: 18px;



    padding: 25px 10px 30px 10px;



    margin: 0px;



    overflow: hidden;



	text-align: center;



	margin-bottom: 10px;



}







 h5.affiliateLink a {



 	



 	 color: #f2730b;



 }



.amtDetails {



	padding: 20px 0px;



}



.amtDetails .amtDis {



	width: 100%;



	height: 62px;



	border: 1px solid #969696;



	padding: 10px;



	overflow: hidden;



	margin-bottom: 10px;



}



.amtDetails .amtDis .nAme {



    width: 60%;



    height: 40px;



    float: left;



    background-color: #0d0625;



    color: #ef9043;



    font-family: 'Source Sans Pro', sans-serif;



    font-size: 16px;



    line-height: 38px;



    text-transform: uppercase;



    padding-left: 20px;



}



.amtDetails .amtDis .aMt {



	width: 40%;



	height: 40px;



	float: left;



	background-color: #c8c8c8;



	color: #06123c;



	font-family: 'Source Sans Pro', sans-serif;



	font-weight: 600;



	font-size: 18px;



	line-height: 38px;



	padding-left: 20px;



}



.inner-content h5.affiliateLink a {



    color: #ffffff;



	text-decoration: none;



}



.inner-content h5.affiliateLink a:hover {



    color: #ffffff;



	text-decoration: underline;



}











.adminStatusDisplay .statusDis:last-child {



	margin-right: 0px;



}







.adminStatusDisplay .statusDis {



    max-width: 280px;

    height: 150px;

    width: 100%;

    margin-right: 15px;

    background-color: orange;

    text-align: center;

    color: #101010;

    float: left;

    padding-top: 27px;



}







.adminStatusDisplay {







	padding: 20px 0px 20px 0px;



}











.amountDeposit {



	padding: 12px 0px 18px;



}



.amountDeposit .dollar {



	width: 77px;



	height: 52px;



	float: left;



	padding-left: 22px;



	font-family: 'Source Sans Pro', sans-serif;



	font-size: 30px;



	color: #18428c;



	line-height: 48px;



}



.amountDeposit .amt {



	width: 270px;



	height: 50px;



	float: left;



	/*background-color: #c8c8c8;*/



	padding-left: 22px;



	font-family: 'Source Sans Pro', sans-serif;



	font-size: 30px;



	color: #18428c;



	line-height: 48px;



}



.depositFunds {



	padding: 8px 0px;



}



.depositFunds .fundsFrom {



	width: 290px;



	height: 40px;



	background: url("images/fundsFromBg.html") no-repeat 0 4px;



	border: 1px solid #c8c8c8;



	margin: 10px 0px;



	padding-left: 30px;



	font-family: 'Source Sans Pro', sans-serif;



	font-size: 16px;



	line-height: 38px;



	color: #555555;



}



.clearfix {



	clear: both;



}







.spendBut {



	width: 170px;



	height: 50px;



	background-color: #18428c;



	font-family: 'Source Sans Pro', sans-serif;



	font-size: 16px;



	text-align: center;



	line-height: 49px;



	color: #f7c524;



	text-transform: uppercase;



	border: none;



}



.spendBut:hover { 



	background-color: #2554a8;



}







.adminPlans {



	padding: 30px 0px 40px 0px;



}



.adminPlans .plan {



	width: 190px;



	height: 120px;



	float: left;



	background: url("images/planBg.html") no-repeat 0 0;



	margin-left: 10px;



	margin-right: 10px;



	margin-bottom: 20px;



}



.adminPlans .plan h1 {



    font-family: 'Roboto Slab', serif;



    font-weight: 700;



    font-size: 50px;



    color: #18428c;



    padding: 0px;



    margin: 0px;



    text-align: center;



}



.adminPlans .plan h3 {



    font-family: 'Roboto Slab', serif;



    font-weight: 400;



    font-size: 18px;



    color: #01182b;



    margin: 0px;



    padding: 4px 0 7px;



    text-align: center;



}



.adminPlans .plan h4 {



    font-family: 'Comfortaa', cursive;



    font-weight: 700;



    font-size: 17px;



    color: #ebebeb;



    margin: -13px;



    padding: 6px 0;



    text-align: center;



}















.dash_tie span {



line-height:36px;



font-size:24px;



color:#3e3343;



font-weight:bold;



display: block;



border-bottom:2px solid #111930;



margin-bottom:20px;



text-align:left;



font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;



}







.dash_detail {



position:relative;



min-width:300px;



border:3px solid #16c9f6;



max-width:480px;



display:inline-table;



min-height:120px;



margin-right: 6%;



box-sizing: border-box;



padding: 10px 15px;



padding-left: 50px;



background-image: url(images/banner-3.html);



background-position: center;



margin-bottom:30px;



}



.dash_detail .dash_pic {



    position: absolute;



    left: -15%;



    width: 90px;



    height: 90px;



    top: 15px;



}



.dash_detail .dash_pic img {



max-width:100%;



border: 3px solid #16c9f6;



border-radius: 50%;



background-color: #324a5e;



}







.dash_detail .dash_text p {



    text-transform: inherit;



    color: #000;



    font-size: 15px;



    line-height: 30px;



    font-weight: 500;



	font-family: 'Raleway', sans-serif;



	text-align:left;



}



.dash_detail .dash_text p span {



float:right;



}











/***************** Dashboard end ************/



















/********** registration part Media query **********/







@media (min-width:1200px){	



	



.mega_tourch {



height:28%;



}	



.mega_tourch .touch {



left:12%;



}



	



}











@media (min-width:992px) and (max-width:1199px){	



	



.mega_tourch {



height:20%;



}	



.mega_tourch .touch {



left:12%;



}



	



}



















@media (min-width:600px) and (max-width:991px){	



	



.mega_tourch {



height:15%;



}	



.mega_tourch .touch {



left:9%;



}	







}







@media (max-width:600px){	



	



.mega_tourch {



height:9%;



}



.mega_tourch .touch {



left:6%;



}	



	



}







@media (max-width:992px) {







.box6 , .box6 p , .box6 a  {



width:100%;



font-family: 'Rubik', sans-serif;



font-size:100%;



line-height:24px;



color: #000;



padding:15px 0;



border:none;



}















input, textarea {



width:auto;



height:auto;



}







input[type=submit] {



width: auto;



background: #e41b05;



border: 1px solid #e41b05;



color:#fff;



}







input[type=submit] {



width: auto;



background: #0d91e4;



border: 1px solid #0d91e4;



color:#fff;



}



input[type=submit]:hover {



background:#fff;    



color: #e41b05;



border: 1px solid #fed98d;



}







}















/********** account-main page **********/











@media (max-width:420px) {







 



.member_detail , .member_detail table {



font-size:100%;



}











}







/*.menu ul li a {



padding:20px;



}*/







.tik , .users{



width:100%;



}







.tik .contents1 p {



	    position: relative;



    width: 100%;



	color:#202223;



}



.tik .contents1 span {



    height: 100px;



    width: 100px;



    border-radius: 50%;



    background-color: #242e35;



    position: absolute;



left: 40px;



	}



	.tik .contents1 span img {



	padding:15px 0;



	}



.tik .contents1 {



padding:20px 0px;



text-align:center;



line-height:45px;



position:relative;



background-color:#f3af27;



width: 180px;



margin:10px;



    display: inline-block;



}







.member_detail {



    font-family: 'Roboto', sans-serif;



    /* background: #212424; */



    border-radius: 5px;



}







.member_detail .left , .member_detail .rightmembox{



    height: auto;



    background: rgba(255, 255, 255, 0.25);



	margin-bottom:30px;



}







.member_detail .left .boxcontent , .member_detail .rightmembox .boxcontent{



border: 2px solid #192134;



	    box-sizing: border-box;



    padding: 15px;



	    border-radius: 5px;



width:100%;



}



.member_detail .left .memtitlebox , .member_detail .rightmembox .memtitlebox{



    background: #00bff3;



    color: #FFFFFF;



    padding: 13px 20px;



    text-align: center;



    font-size: 16px;



    border-radius: 5px;



    text-transform: uppercase;



}



.member_detail .left .boxcontent .usimg {



    text-align: center;



    width: 100%;



    margin: 10px 0px 10px 0px;



}



.member_detail table tr td {



    border-bottom: 1px solid #012670;



    /* border-left: 1px solid #ffcc00; */



    color: #012670;



    line-height: 30px;



}







/********** registration part **********/







.navigation .menutxt:before {



    position: absolute;



    width: 100%;



    height: 100%;



    content: "";



    background-color: #3e3343;



    left: 0;



    top: -53px;



	transition:0.8s;



	z-index:-1;



}







.navigation .menutxt:hover:before {



    position: absolute;



    width: 100%;



    height: 100%;



    content: "";



    background-color: #3e3343;



    left: 0;



    top: 0px;



	transition:0.8s;



}







.navigation .menutxt {



position:relative;



overflow:hidden;



}







.navigation .menutxt



{



    font-size: 16px;



    width: 240px;



    display: inline-block;



    text-align: left;



    text-decoration: none;



    line-height: 50px;



    color: #101010;



    font-weight: 600;



    border: 1px solid #f54801;



    margin-bottom: 5px;



    background-color: #f54801;







}







.navigation .menutxt:hover



{



	color: #f54801;

    text-decoration: none;



    border: 1px solid #101010;



    background-color: #101010;



	transition: 0.8s;



}







@media (min-width:993px) {



















.sidebar {



display:none;



}







.dash_head {



background-image:url(images/dash.html); 



background-position:10px; 



background-repeat:no-repeat; 



background-color:#790b57; 



padding:30px 15px; 



width:240px; 



border-bottom: 1px solid #fff;



}







.dash_head p {



color:#fff; 



font-size:24px; 



padding-left: 64px;



}







}











@media (max-width:993px) {











.left-navigation .fullnav li {



display:inline-block;



}











.right-navigation .table-responsive {



border:none;



}



.right-navigation {



width:96%;



position:relative;



left:0px;



padding-right: 0;



}



.sidebar .menutxt



{



    font-size: 16px;



    width: 270px;



    float: left;



    text-decoration: none;



    line-height: 50px;



    color:#fff;



background-color: #790b57;







}



.sidebar .menutxt:hover



{



color:#202223;



text-decoration:underline;



background-color: #16c9f6;



}



.sidebar .full_menu ul li a {



display:block;







color:#fff;



font-family: 'Titillium Web', sans-serif;



text-transform:uppercase;



font-size:15px;



line-height:50px;



text-align:left;



}



















 



.sidebar .dash_head {



display:block;



background-image:url(images/dash.html); 



background-position:10px; 



background-repeat:no-repeat; 



background-color:#790b57; 



padding:30px 15px; 



width:100%; 



border-bottom: 1px solid #fff;



}







.sidebar .dash_head p {



color:#fff; 



font-size:24px; 



padding-left: 64px;



}







.sidebar ul {



margin:0;



}







.sidebar  {



  min-height: 758px;



  z-index:5;



  position:absolute;



  top: 15%;



  left: 0;



  bottom: 0;



  width: 270px;



  background: #000;



  text-align: center;



  color: #fff;



  -webkit-transform: translate3d(-270px, 0, 0);



  -moz-transform: translate3d(-270px, 0, 0);



  -ms-transform: translate3d(-270px, 0, 0);



  -o-transform: translate3d(-270px, 0, 0);



  transform: translate3d(-270px, 0, 0);



}



.show {



  -webkit-transform: translate3d(0, 0, 0);



  -moz-transform: translate3d(0, 0, 0);



  -ms-transform: translate3d(0, 0, 0);



  -o-transform: translate3d(0, 0, 0);



  transform: translate3d(0, 0, 0);



  -webkit-transition: all 300ms cubic-bezier(0.68, 0, 0.265, 1);



  /* older webkit */



  -webkit-transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);



  -moz-transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);



  -o-transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);



  transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);



  /* easeInOutBack */



}



.animate {



  -webkit-transition: all .3s;



  -moz-transition: all .3s;



  -ms-transition: all .3s;



  -o-transition: all .3s;



  transition: all .3s;



}



.fixed_menu {



    width: 30px;



    height: 100%;



    background: #3e3343;



    position: absolute;



    right: -30px;



    top: 0px;



    font-size: 18px;



    box-sizing: border-box;



    padding: 10px 3px;



	cursor: pointer;



}







.fixed_menu .text_title {



position: absolute;



    right: -100px;



    top: 150px;



    color: #fff;



    width: 233px;



    text-align: right;



    -webkit-transform: rotate(-90deg);



    -moz-transform: rotate(-90deg);



    -ms-transform: rotate(-90deg);



    -o-transform: rotate(-90deg);



    transform: rotate(-90deg);



}



  .animate span {



    display: block;



    width: 100%;



    height: 4px;



    background-color: #fff;



}



.animate span + span {



    margin-top: 4px;



}











}





#formname_main



{



    color: #0d91e4;



    text-transform:capitalize;



    font-size: 32px;



    text-align: center;



    /* background: #f85c37; */



    border-radius: 0px;



   /* padding: 10px 0;*/



    margin: 0 auto;



    font-weight: bold;



}









@media (min-width:992px) {







.box6{



width:100%;



font-family: 'Rubik', sans-serif;



font-size:15px;



line-height:24px;



color: #000;



padding:30px 0;



border:none;



}











#formname{



text-align: center;



    text-transform: uppercase;



    color:#000000;



    font-size: 21px;



	border:3px solid #09b719;



	}























}







.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {



background:#fff;    color: #e05057;



	    border: 1px solid #e05057;



}





input.sbmt{



    background: #0d91e4;

    color: #fff;

    border: 1px solid #0d91e4;

    padding: 10px 42px;

    font-size:18px;

    outline: none;

    box-shadow: inset 0 0 0 0 #0b4ea7;

    -webkit-transition: all ease 0.8s;

    -moz-transition: all ease 0.8s;

    transition: all ease 0.8s;

    text-transform: capitalize;

    font-weight:500;

    font-family: 'Rubik', sans-serif;

    border-radius: 0px;

    margin-top: 15px;

    outline: none;

	text-transform: uppercase;



}



input.sbmt:hover



{

    background: #0b4ea7;

    color: #fff !important;

    box-shadow: inset 100px 0px 0px 0px #0b4ea7;

    border: 1px solid #0b4ea7;

}





.com-page input[type="text"], .com-page input[type="passowrd"], .com-page input[type="email"], .com-page input[type="number"] {

	color: #000;

}



.form-control {



    display: block;



    width: 96%;



    height: 34px;



    padding: 6px 12px;



    font-size: 14px;



    line-height: 1.42857143;



    color: #555;



margin: 0 auto;



    background-color: #fff;



    background-image: none;



    border: 1px solid #ccc;



    border-radius: 4px;



    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);



    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);



    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;



    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;



    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;



}











#formname_sub



{



color:#222;



text-transform:uppercase;



font-size:18px;



text-align:center;



/*background:#D1A703;*/



padding: 10px;



width:400px;



border-bottom: 5px solid #222;



margin:5px 0px;



font-family: 'Courgette', cursive;



}







.alls{



height:auto !important;



}



span#menu-icon{



height: 51px;



float: left;



width: 55px;



/*border-right: 5px solid #FFFFFF;*/



margin-right: 10px;



}



table.account_table{



    font-size: 16px;



    width: 100%;



    float: left;



    text-decoration: none;



    line-height: 50px;



    font-weight: bold;



    color: white;



    padding: 0;



    margin-left: 6px;



    margin-top: 6px;



}



table.account_table img



{



max-width:100%;



border-radius: 7px;



}



table.account_table img a



{



opacity:0.4;



filter:alpha(opacity=40);



}



table.account_table img a:hover



{



opacity:1.0;



filter:alpha(opacity=100);



text-decoration:none;



}



.account_table img



{



max-width:100%;



}



.account_table img:hover



{



transform:scale(1.1);transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out;



}















table.make_deposit td.second{



background:#242e35;



    color: #fff;



    padding: 10px;



}



table.make_deposit td.first{



background:#242e35;



    color: #fff;



    padding: 10px;



		font-family: 'Courgette', cursive;



	



}



.memberuser



{



float:left;



width:100%;



  /*  background: #D1A703;*/



	height:100px;



}



.memberuser table tr td



{



color:#FF0000;



font-family: 'Courgette', cursive;



font-size:16px;



}











.left-navigation .navigation ul  {



	background-color: #10101059;



    box-sizing: border-box;



    padding: 20px 0;



	list-style:none;



}



.left-navigation .navigation , .right-navigation .navigation {



margin:0;



}



.right-navigation {



padding:30px 0;



}



.register {



    padding: 30px;



    /*background-color: #fff;*/



    box-sizing: border-box;



	/*border-radius: 15px;*/



}











@media screen and (min-width: 992px){







.left-navigation {



min-width:270px;



max-width:315px;



}



}



@media screen and (max-width: 991px){



.right-navigation {



padding:30px 0 30px 15px;



}



}







.navigation



{



opacity:1;



margin-top:0px;



    padding: 0;



}



.navigations td



{



font-family: 'Courgette', cursive;



    color: #E7BA04;



    font-size: 18px;



    border: 1px solid;



    border-color: #fff;



    padding: 0;



    background-color:#1f1f1f;



	   /* box-shadow: inset 0 0 0 0 #003399;*/



    -webkit-transition: all ease 0.8s;



    -moz-transition: all ease 0.8s;



    transition: all ease 0.8s;



	/*    border-radius: 7px;*/



}



.navigations th



{



font-family: 'Courgette', cursive;



    color: #FFFFFF;



    font-size: 20px;



    border-color: #666a6b;



    background-color:#7545b4;



}



.navigations td:hover



{



	font-family: 'Courgette', cursive;color:#E7BA04;font-style: Narrow;



	font-size: 18px;padding-left:20px;border:1px solid #fff; /*border-color:#666a6b;*/     color: #08072b;



	/* box-shadow: inset 0 0 0 0 #003399;*/



	background-color:#eaa22f;



}



.register table {



background-image:url(images/banner_10.html); 



background-position:center;



background-size:cover;



}



.register table tr th {



color: #fff;

    padding: 15px;

    text-align: left;

    /* border: 1px solid #f1a52d; */

    /* background-color: #f1a52d; */

    box-sizing: border-box;

    

    font-size: 16px;



}



	.register table tr td



	{



    

    font-size: 15px;

    /* background: #00a085; */

    color: #000;

    line-height: 18px;

    border-radius: 3px;

    padding: 15px;

    border: 1px solid transparent;

    text-align: left;



/*background: linear-gradient( to bottom , #ffffff, #dfdfdf);*/



	}



/*



.inheader{



    background: #E4B704;	



}



.item {



    background: #F5F2DC;



	}*/



	



	



.table_r



{



width:100%;



height:auto;



}



.table_r .table_r1



{



width: 64.5%;



height: 200px;



background:#fff;



float: left;



font-family: 'Courgette', cursive;



border-radius: 0px;



 margin: 0px 0px 0px 0px;



}



.table_r .table_r1 .left



{



float:left;



width:44%;



    margin: 10px 0px 0px 0px;



}



.table_r .table_r1 .left img



{



max-width:100%;



}



.table_r .table_r1 .right



{



float:left;



width:50%;



    margin: 0px 0px 0px 0px;



}



.table_r .table_r1 .right .text1



{



color: #fff;



font-family: 'Courgette', cursive;



font-size: 25px;



text-transform: uppercase;



padding: 55px 0px 0px 0px;



font-weight: bold;



}



.table_r .table_r1 .right .text2



{



    color: #fff;



    font-family: 'Open Sans', sans-serif;



    font-size: 25px;



    font-weight: 600;



    text-transform: inherit;



    padding: 13px 0px 0px 20px;



    font-weight: bold;



}



.table_r .table_r1 .reg



{



    float: left;



    width: 50%;



    background: #3f78ea;



    height: 75px;



    border-radius: 0px 0px 0px 0px;



	    margin: 20px 0px 0px 0px;



}



.table_r .table_r1 .reg .title



{



    font-family: 'Ubuntu', sans-serif;



    font-size: 18px;



    text-transform: inherit;



    color: #fff;



    font-weight: 500;



text-align:center;



    margin: 16px 0px 0px 0px;



}



.table_r .table_r1 .reg .subtitle



{



    font-family: 'Ubuntu', sans-serif;



    font-size: 18px;



    text-transform: inherit;



    color: #fff;



    font-weight: 500;



text-align:center;



    margin: 2px 0px 0px 0px;



}



.table_r .table_r1 .last



{



    float: left;



    width: 50%;



    background: #003399;



    height: 75px;



    border-radius: 0px 0px 0px 0px;



	    margin: 20px 0px 0px 0px;



}



.table_r .table_r1 .last .title



{



    font-family: 'Ubuntu', sans-serif;



    font-size: 18px;



    text-transform: inherit;



    color: #fff;



    font-weight: 500;



text-align:center;



    margin: 16px 0px 0px 0px;



}



.table_r .table_r1 .last .subtitle



{



    font-family: 'Ubuntu', sans-serif;



    font-size: 18px;



    text-transform: inherit;



    color: #fff;



    font-weight: 500;



text-align:center;



    margin: 2px 0px 0px 0px;



}



.table_r .table_center



{



float:left;



width:20%;



}



.table_r .table_r2



{



    width: 30%;



/*height: 235px;



background: #212424;*/



    float: left;



font-family: 'Roboto', sans-serif;



	border-radius: 5px;



	    margin: -10px 0px 0px 7px;



}



.table_r .table_r2 .button



{



float:left;



width:100%;



}



.table_r .table_r2 .button .but1



{



text-align:center;



width:100%;



margin: 0px 0px 0px 0px;



}



.table_r .table_r2 .button .but1 a



{



text-decoration: none;



    font-family: 'Roboto', sans-serif;



    font-size: 20px;



    color: #fff;



    background: #3f78ea;



        padding: 5px 29px;



    text-transform: inherit;



    font-weight: 500;



    box-shadow: inset 0 0 0 0 #003399;



    -webkit-transition: all ease 0.8s;



    -moz-transition: all ease 0.8s;



    transition: all ease 0.8s;



}



.table_r .table_r2 .button .but1 a:hover {



    color: #fff;



    box-shadow: inset 0px 100px 0px 0px #003399;



}



.table_r .table_r2 .button .but2



{



text-align:center;



width:100%;



margin: 71px 0px 0px 0px;



}



.table_r .table_r2 .button .but2 a



{



text-decoration: none;



    text-decoration: none;



    font-family: 'Roboto', sans-serif;



    font-size: 20px;



    color: #ffffff;



    background: #003399;



    padding: 5px 29px;



    text-transform: inherit;



    font-weight: 500;



    box-shadow: inset 0 0 0 0 #3f78ea;



    -webkit-transition: all ease 0.8s;



    -moz-transition: all ease 0.8s;



    transition: all ease 0.8s;



}



.table_r .table_r2 .button .but2 a:hover {



    color: #fff;



    box-shadow: inset 0px 100px 0px 0px #3f78ea;



}



.table_r .table_r2 .button .but3



{



text-align:center;



width:100%;



margin: 141px 0px 0px 0px;



}



.table_r .table_r2 .button .but3 a



{



    text-decoration: none;



    font-family: 'Roboto', sans-serif;



    font-size: 20px;



    color: #fff;



    background: #3f78ea;



    padding: 5px 29px;



    text-transform: inherit;



    font-weight: 500;



    box-shadow: inset 0 0 0 0 #003399;



    -webkit-transition: all ease 0.8s;



    -moz-transition: all ease 0.8s;



    transition: all ease 0.8s;



}



.table_r .table_r2 .button .but3 a:hover {



    color: #fff;



    box-shadow: inset 0px 100px 0px 0px #003399;



}



.table_r .table_r2 .button .but4



{



text-align:center;



width:100%;



margin: 213px 0px 0px 0px;



}



.table_r .table_r2 .button .but4 a



{



text-decoration: none;



    font-family: 'Roboto', sans-serif;



    font-size: 20px;



    color: #fff;



    background: #003399;



        padding: 5px 29px;



    text-transform: inherit;



    font-weight: 500;



    box-shadow: inset 0 0 0 0 #3f78ea;



    -webkit-transition: all ease 0.8s;



    -moz-transition: all ease 0.8s;



    transition: all ease 0.8s;



}



.table_r .table_r2 .button .but4 a:hover {



    color: #fff;



    box-shadow: inset 0px 100px 0px 0px #3f78ea;



}



.table_r .table_r3



{



width: 30%;



height: 235px;



background: #212424;



float: left;



font-family: 'Roboto', sans-serif;



border-radius: 5px;



 margin: 0px 0px 0px 7px;



}



.table_rr1



{



width:100%;



float:left;



height:auto;



}



.valids td



{



	font-family: Arial, Helvetica, sans-serif;color:#606362;font-style: Narrow;/*border:1px solid;*/



	font-size: 20px;padding-left:17px;/*border-color:#000000;*//*border-radius:10px;*/



/*	background:#18BD9B;*/



}



.valids td.plan



{



	background:url('images/plan_bg.html') no-repeat;



	height:93px;



}



.valids td.plan1



{



	    background: #CFD6E6;



	height:50px;



}



.valids td.plan b{



    font-size: 20px;



    color: #1B1B1B;



    text-transform: uppercase;



}



.valids b



{



font-family:Arial, Helvetica, sans-serif;font-style:Narrow;font-size:18px;color:#2BB8DA;



}



.valids a



{



color:#2BB8DA;font-family:Arial, Helvetica, sans-serif;font-style:Narrow;font-size:16px; text-decoration:none;



}



.maketb



{



float:left;



width:100%;



}



.maketb .tb1



{



width:50%;



float:left;



}



.maketb .tb1



{



width:50%;



float:right;



}



.icon {



/*    position: relative;



    float: left;



    width: 40px;



    height: 40px;



    background: #e82b25;



    -webkit-border-radius: 2px 0 0 2px;



    -moz-border-radius: 2px 0 0 2px;



    border-radius: 0px 0 0 0px;*/



}



h1 {



  text-align: center;



  font-family: Tahoma, Arial, sans-serif;



  color: #06D85F;



  margin: 80px 0;



}



.box {



  width: 40%;



  margin: 0 auto;



  background: rgba(255,255,255,0.2);



  padding: 35px;



  border: 2px solid #fff;



  border-radius: 20px/50px;



  background-clip: padding-box;



  text-align: center;



}



.button {



  font-size: 1em;



  padding: 10px;



  color: #fff;



 /* border: 2px solid #06D85F;*/



  border-radius: 20px/50px;



  text-decoration: none;



  cursor: pointer;



  transition: all 0.3s ease-out;



}



/*.button:hover {



  background: #06D85F;



}



*/



.overlay {



  position: fixed;



  top: 0;



  bottom: 0;



  left: 0;



  right: 0;



  background: rgba(0, 0, 0, 0.7);



  transition: opacity 500ms;



  visibility: hidden;



  opacity: 0;



}



.overlay:target {



  visibility: visible;



  opacity: 1;



}



.popup {



  margin: 70px auto;



  padding: 20px;



  background: #fff;



  border-radius: 5px;



  width: 30%;



  position: relative;



  transition: all 5s ease-in-out;



}



.popup h2 {



  margin-top: 0;



  color: #333;



  font-family: Tahoma, Arial, sans-serif;



}



.popup .close {



  position: absolute;



  top: -1px;



  right: 13px;



  transition: all 200ms;



  font-size: 30px;



  font-weight: bold;



  text-decoration: none;



  color: #333;



}



.popup .close:hover {



  color: #10e1d5;



}



.popup .content {



  max-height: 100%;



  overflow: auto;



}



@media screen and (max-width: 700px){



  .box{



    width: 70%;



  }



  .popup{



    width: 70%;



  }



.bounceInDown {



    -webkit-animation-name: bounceInDown;



    animation-name: bounceInDown;



	}



.animated



{



    -webkit-animation-duration: 1s;



    animation-duration: 1s;



    -webkit-animation-fill-mode: both;



    animation-fill-mode: both;



	}



	



	



.signupalign



{



width:100%;



}



.signupalign .tab1



{



float:left;



width:50%;



}	



.signupalign .tab2



{



float:right;



width:40%;



}		



	



	



	.supportcon



	{



	float:left;



	width:100%;



	}



	.supportcon .sup1



	{



	float:left;



	width:50%;



}



	.supportcon .sup2



	{



	float:left;



	width:45%;



}



    



	



	/*************login redirect style **************/



	.loginrebg



	{



	background:#000000;



	height:700px;



	}



	.loginrecontainer



	{



	float:left;



	width:100%;



	}



	



	



		/*************login redirect style **************/



		



		



/*****poput calc***********************/



h1 {



  text-align: center;



  font-family: Tahoma, Arial, sans-serif;



  color: #06D85F;



  margin: 80px 0;



}



.box {



  width: 40%;



  margin: 0 auto;



  background: rgba(255,255,255,0.2);



  padding: 35px;



  border: 2px solid #fff;



  border-radius: 20px/50px;



  background-clip: padding-box;



  text-align: center;



}



.button {



  font-size: 1em;



  padding: 10px;



  color: #fff;



 /* border: 2px solid #06D85F;*/



  border-radius: 20px/50px;



  text-decoration: none;



  cursor: pointer;



  transition: all 0.3s ease-out;



}



/*.button:hover {



  background: #06D85F;



}



*/



.overlay {



  position: fixed;



  top: 0;



  bottom: 0;



  left: 0;



  right: 0;



  background: rgba(0, 0, 0, 0.7);



  transition: opacity 500ms;



  visibility: hidden;



  opacity: 0;



}



.overlay:target {



  visibility: visible;



  opacity: 1;



}



.popup {



  margin: 70px auto;



  padding: 20px;



  background: #000;



  border-radius: 5px;



  width: 30%;



  position: relative;



  transition: all 5s ease-in-out;



  opacity:0.8;



}



.popup h2 {



  margin-top: 0;



  color: #333;



  font-family: Tahoma, Arial, sans-serif;



}



.popup .close {



  position: absolute;



  top: -1px;



  right: 13px;



  transition: all 200ms;



  font-size: 30px;



  font-weight: bold;



  text-decoration: none;



  color: #369223;



}



.popup .close:hover {



  color:#000;



}



.popup .content {



  max-height: 100%;



  overflow: auto;



}



@media screen and (max-width: 700px){



  .box{



    width: 70%;



  }



  .popup{



    width: 70%;



  }



.bounceInDown {



    -webkit-animation-name: bounceInDown;



    animation-name: bounceInDown;



	}



.animated



{



    -webkit-animation-duration: 1s;



    animation-duration: 1s;



    -webkit-animation-fill-mode: both;



    animation-fill-mode: both;



	}



/*****poput calc***********************/











@-webkit-keyframes zoomIn {



 0% {



    opacity: 0;



    -webkit-transform: scale3d(.3,.3,.3);



    transform: scale3d(.3,.3,.3);



}



50% {



    opacity: 1;



}



}







@keyframes zoomIn {



0% {



    opacity: 0;



    -webkit-transform: scale3d(.3,.3,.3);



    transform: scale3d(.3,.3,.3);



}



50% {



    opacity: 1;



}



}