/*
font-family: 'Muli', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Source Sans Pro', sans-serif;
font-family: 'Roboto Slab', serif;

*/


@font-face {
  font-family: 'Gilroy-Light';
  src: url('../fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/Gilroy-Light.otf')  format('opentype'),
	     url('../fonts/Gilroy-Light.woff') format('woff'), url('../fonts/Gilroy-Light.ttf')  format('truetype'), url('../fonts/Gilroy-Light.svg#Gilroy-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-ExtraBold';
  src: url('../fonts/Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Gilroy-ExtraBold.otf')  format('opentype'),
	     url('../fonts/Gilroy-ExtraBold.woff') format('woff'), url('../fonts/Gilroy-ExtraBold.ttf')  format('truetype'), url('../fonts/Gilroy-ExtraBold.svg#Gilroy-ExtraBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'BEBAS';
    src: url('../fonts/BEBAS.eot');
    src: url('../fonts/BEBAS.eot') format('embedded-opentype'),
         url('../fonts/BEBAS.woff2') format('woff2'),
         url('../fonts/BEBAS.woff') format('woff'),
         url('../fonts/BEBAS.ttf') format('truetype'),
         url('../fonts/BEBAS.svg#BEBAS') format('svg');
}

}

@font-face {
font-family: 'Anurati Regular';
font-style: normal;
font-weight: normal;
src: local('Anurati Regular'), url('../fonts/Anurati-Regular.woff') format('woff');

}

/* @font-face kit by Fonts2u (https://fonts2u.com) */ @font-face {font-family:"Cleanvertising-Black";src:url("../fonts/CLEANVEB.eot?") format("eot"),url("../fonts/CLEANVEB.woff") format("woff"),url("../fonts/CLEANVEB.ttf") format("truetype"),url("../fonts/CLEANVEB.svg#Cleanvertising-Black") format("svg");font-weight:normal;font-style:normal;}



@font-face {
font-family: 'Bebas Neue Regular';
font-style: normal;
font-weight: normal;
src: local('../fonts/Bebas Neue Regular'), url('../fonts/BebasNeue Regular.woff') format('woff');
}

@font-face {
  font-family: 'Gilroy-Light';
  src: url('../fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/Gilroy-Light.otf')  format('opentype'),
	     url('../fonts/Gilroy-Light.woff') format('woff'), url('../fonts/Gilroy-Light.ttf')  format('truetype'), url('../fonts/Gilroy-Light.svg#Gilroy-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-ExtraBold';
  src: url('../fonts/Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Gilroy-ExtraBold.otf')  format('opentype'),
	     url('../fonts/Gilroy-ExtraBold.woff') format('woff'), url('../fonts/Gilroy-ExtraBold.ttf')  format('truetype'), url('../fonts/Gilroy-ExtraBold.svg#Gilroy-ExtraBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'BEBAS';
    src: url('../fonts/BEBAS.eot');
    src: url('../fonts/BEBAS.eot') format('embedded-opentype'),
         url('../fonts/BEBAS.woff2') format('woff2'),
         url('../fonts/BEBAS.woff') format('woff'),
         url('../fonts/BEBAS.ttf') format('truetype'),
         url('../fonts/BEBAS.svg#BEBAS') format('svg');
}

a
{
text-decoration:none;
}
a:hover
{
text-decoration:none;
}


#google_translate_element {
	
	color: transparent;
}

#google_translate_element a {
	
  display: none;
}

select.google_translate_element {
	
  color: black;
}

div.goog-te-gadget {
	
  color: transparent;
}

div.goog-te-gadget {
	
  color: transparent !important;
}

.goog-te-gadget .goog-te-combo {
	
    margin: 0px 0 !important;
    padding: 8px 10px;
    background: #7423fe;
    border: 1px solid #7423fe;
    color: #ffffff;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 600;
    outline: none;
    font-family: 'Rajdhani', sans-serif;
    font-size: 15px;
}


body {
	
	font-family: 'Poppins', sans-serif;
	color: #808080;
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
}

.banner-bg {
	
	background: #3e1aae url("images/banner-bg.jpg") no-repeat top center;
	background-attachment: fixed;
	background-size: cover;
	min-height:800px;
	padding: 30px 0px 30px;
	overflow:hidden;
}

.banner-bg .banner-logo {
	
    padding: 15px 0px 0px 0px;
}

.banner-bg .banner-logo img {
	
    display: inline-block;
    transform-origin: 100% 0;
}

.banner-bg .banner-logo img:hover{
	
		animation-name: wobble-bottom;
		animation-duration: 1s;
		animation-timing-function: ease-in-out;
		animation-iteration-count: 1;
}

/* Wobble Bottom */
@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);
	}
}
/* Wobble Bottom */


.banner-bg .banner-time {
	
	padding:10px 0px 30px 0px;
}

.banner-bg .banner-time img {
	
	float: left;
    padding-right: 20px;
}

.banner-bg .banner-time h6 {
	
    font-family: 'Rajdhani', sans-serif;
    color: #ffffff;
    font-size: 18px;
    font-weight:600;
    margin: 0px 0px 0px 0px;
}

.banner-bg .banner-time p {
	
    font-family: 'Rajdhani', sans-serif;
    color: #ffffff;
    font-size: 14px;
    font-weight:500;
    margin: 5px 0px 0px 0px;
}

.banner-bg .banner .banner-but  {
	
    background: transparent;
    padding:10px 0px 30px 0px;
    border-radius: 50px;
    float: left;
}

.banner-bg .banner .banner-but .banner-but1  {
	
	float:left;
}

.banner-bg .banner .banner-but .banner-but1 a {
	
    font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 18px;
    color: #000000;
    text-decoration: none;
    display: inline;
    background: #ffffff;
    border: 2px solid #ffffff;
    transition: 0.7s;
    padding: 6px 40px;
    border-radius: 50px;
    font-weight: 500;
}

.banner-bg .banner .banner-but .banner-but1 a:hover {
	
    background: transparent;
    color: #fff;
    transition: 0.7s;
    border: 2px solid #f4d60c;
}

.banner-bg .banner .banner-but .banner-but2  {
	
	float:left;
	padding-left:15px;
}

.banner-bg .banner .banner-but .banner-but2 a {
	
    font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    display: inline;
    background: transparent;
    border: 2px solid #f4d60c;
    transition: 0.7s;
    padding: 6px 40px;
    border-radius: 50px;
    font-weight: 500;
}

.banner-bg .banner .banner-but .banner-but2 a:hover {
	
	background: #fff;
    color: #000;
    transition: 0.7s;
    border: 2px solid #fff;
}

.banner-bg .banner .banner-lang {
	
	padding:10px 0px 0px 0px;
}

.levelTwoNav {
	
	clear: both;
	padding-top: 15px;
	overflow: hidden;
}

.topNav {
	
    float: left;
    padding: 15px;
    background: #ffffff3d;
    border-radius: 0px 0px 28px 28px;
}

.topNav ul {
	
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.topNav ul li {
	
	display: inline-block;
	padding: 0px 35px 0px 0px;
}

.topNav ul li a {
	
    text-decoration: none;
    font-family: 'Rajdhani', sans-serif;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    transition: 0.7s;
    border: 1px solid transparent;
    padding: 10px 15px;
}

.topNav ul li a:hover {
	
    color: #4a18c5;
    transition: 0.7s;
    border: 1px solid #f4d60c;
    animation-name: wobble-horizontal;
    animation-duration: 1s;
    background: #f4d60c;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    border-radius: 0px 0px 25px 25px;
}

@keyframes wobble-horizontal {
	16.65% {
		transform: translateX(8px);
	}

	33.3% {
		transform: translateX(-6px);
	}

	49.95% {
		transform: translateX(4px);
	}

	66.6% {
		transform: translateX(-2px);
	}

	83.25% {
		transform: translateX(1px);
	}

	100% {
		transform: translateX(0);
	}
}

.topNav ul li:last-child a {
	
	/*padding-right: 0px;*/
}

.mobileMenu {
	
	position: absolute;
	top: 0px;
	left: -49px;
	z-index: 999;
	display: none;
}

.mobileMenu a {
	
	display: block;
	float: right;
	color: #ffffff;
	text-align: center;
	padding: 8px 17px;
	text-decoration: none;
	font-size: 17px;
	background-color: #13033f;
	border-radius: 7px 0 0 7px;
	transition:0.7s;
}

.mobileMenu a:hover {
	
	transition:0.7s;
	color: #f4d60c;
}

.banner-text {
	
    padding: 130px 0px 0px 0px;
    text-align: right;
}

.banner-text p {
	
	font-family: 'Rajdhani', sans-serif;
    color: #ffffff;
    font-size: 18px;
    font-weight:500;
    margin: 0px 0px 0px 0px;
}

.banner-text h2 {
	
	font-family: 'Oswald', sans-serif;
	color: #ffffff;
    font-size:56px;
    font-weight:700;
    margin: 30px 0px 0px 0px;
}

.banner-text h2 b {
	
	color: #ffff00;
	-webkit-animation-name: blinker;
    -webkit-animation-duration: 1.6s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1.6s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1.6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

.banner-text h4 {
	
	font-family: 'Oswald', sans-serif;
	color: #ffffff;
    font-size:56px;
    font-weight:700;
    margin: 0px 0px 0px 0px;
}

.banner-text .banner-buts {
	
    padding: 80px 0px 0px 0px;
    float: right;
}

.banner-text .banner-buts a
{
	color: #034456;
    background: #f4d60c;
    font-size: 18px;
    font-family: 'Saira Semi Condensed', sans-serif;
    float: left;
    padding: 0px 55px;
    line-height: 50px;
    border: 1px solid #f4d60c;
    display: inline-block;
    transition: 0.7s;
    transition-duration: .5s;
    transition-property: transform;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
	font-weight:bold;
	position: relative;
}

.banner-text .banner-buts a:hover
{
	color:#040404;
	background:#ffffff3d;
	border:1px solid #ffffff3d;
	transition: 0.7s;
	transform: translateY(15px);
    animation-name: hang;
    animation-duration: 1.5s;
    animation-delay: $defaultDuration;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.banner-text .banner-buts .start3
{
    color: #040404 !important;
    background: #ffffff3d !important;
    margin-left: 20px;
    border: 1px solid #ffffff3d !important;
    transition: 0.7s;
    border-top-left-radius: 30px !important;
    border-top-right-radius: 30px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.banner-text .banner-buts .start3:hover
{  
	color:#034456 !important;
	transition: 0.7s;
    border: 1px solid #f4d60c !important;
	background:#f4d60c !important;
}

.banner-text .banner-buts a i {

    position: absolute;
    opacity: 0;
    top: -1px;
    left: 0;
    background: #000;
    /* 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%}
}


@keyframes wobble-vertical {



  16.65% {

    transform: translateY(8px);
}



  33.3% {

    transform: translateY(-6px);
}



  49.95% {

    transform: translateY(4px);

}

  66.6% {

    transform: translateY(-2px);
}

  83.25% {

    transform: translateY(1px);

}

  100% {

    transform: translateY(0);

  }
}


/*************************************************/


.why-bg {
	
    background: #3e1aae url(images/why-bg.jpg) no-repeat top center;
    /* background-attachment: fixed; */
    background-size: cover;
    min-height: 470px;
    padding: 30px 0px 30px;
    /* position: relative; */
    /* overflow: hidden; */
}

.why-bg .why-head {

    padding: 32px 0px 30px 235px;
    /* text-align: center; */
}

.why-bg .why-head h2 {

	font-family: 'Saira Semi Condensed', sans-serif;
	font-size:40px;
	color:#2f2f2f;
	font-weight:400;
	margin:0px 0px 0px 0px;
}

.why-bg .why {
	
	padding:30px 0px 30px 0px;
}

.why-bg .why .why-text {
	
	padding:30px 0px 0px 0px;
	text-align:center;
	    background:url(images/onecls.png) no-repeat top center;
    /* background-attachment: fixed; */
    min-height:211px;
    padding: 30px 0px 30px;
    /* position: relative; */
    /* overflow: hidden; */
}

.why-bg .why .why-text img {
	
	margin:0px 0px 20px 0px;
}

.why-bg .why .why-text h4 {

    font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 20px;
    color: #2f2f2f;
    /* font-weight: 600; */
    /* text-transform: uppercase; */
    margin: 0px 0px 10px 0px;
}

.why-bg .why .why-text p {
	
	font-family: 'Rajdhani', sans-serif;
	font-size:16px;
	color:#707070;
	font-weight:400;
	margin:10px 0px 0px 0px;
	line-height:26px;
}

.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;
  }
}




/************************************************/
.about-bg {
	
    background: #11105e url(images/about-bg.jpg) no-repeat top center;
    background-size: cover;
    padding: 30px 0px 30px;
}

.about-bg .about-head {

    padding: 35px 0px 30px 275px;
    /* text-align: center; */
}

.about-bg .about-head h2 {

	font-family: 'Saira Semi Condensed', sans-serif;
	font-size:40px;
	color:#fff;
	font-weight:400;
	margin:0px 0px 0px 0px;
}

.about-bg .about {

    padding: 20px 0px 50px 52px;
    background: #622ac529;
}

.about-bg .about .about-img {
	
	padding: 30px 0px 0px 0px;
}

.about-bg .about .about-text {
	
	padding: 30px 0px 20px 0px;
}

.about-bg .about .about-text h4 {

	font-family: 'Saira Semi Condensed', sans-serif;
	font-size:18px;
	color:#ffffff;
	font-weight:500;
	margin:0px 0px 20px 0px;
	line-height:26px;
}

.about-bg .about .about-text p {
	
	font-family: 'Rajdhani', sans-serif;
	font-size:16px;
	color:#acd3d8;
	font-weight:400;
	margin:10px 0px 0px 0px;
	line-height:26px;
}

.about-bg .about .about-text .about-but {
	
    padding: 55px 0px 50px 45px;
    text-align: center;
}

.about-bg .about .about-text .about-but a {
	
    color: #034456;
    background: #f4d60c;
    font-size: 18px;
    font-family: 'Saira Semi Condensed', sans-serif;
    float: left;
    padding: 0px 55px;
    line-height: 50px;
    border: 1px solid #f4d60c;
    display: inline-block;
    transition: 0.7s;
    transition-duration: .5s;
    transition-property: transform;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    font-weight: bold;
    position: relative;
}

.about-bg .about .about-text .about-but a:hover {
	
    color: #040404;
    background: #ffffff3d;
    border: 1px solid #ffffff3d;
    transition: 0.7s;
    transform: translateY(15px);
    animation-name: hang;
    animation-duration: 1.5s;
    animation-delay: $defaultDuration;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}


/***********************************************/

.plan-bg {
	
    background: #11105e url(images/plan-bg.jpg) no-repeat top center;
    background-size: cover;
    padding: 30px 0px 30px;
}

.plan-bg .plan-head {

    padding: 44px 0px 30px 265px;
    /* text-align: center; */
}

.plan-bg .plan-head h2 {

	font-family: 'Saira Semi Condensed', sans-serif;
	font-size:40px;
	color:#2f2f2f;
	font-weight:400;
	margin:0px 0px 0px 0px;
}

.plan-bg .plan {
	
	padding:30px 0px 30px 0px;
}
.plan-bg .plan .planoner
{
    text-align: center;
    background: url(images/planbg.png) no-repeat top center;
    /* background-attachment: fixed; */
    min-height: 512px;
    /* position: relative; */
    /* overflow: hidden; */
    margin-bottom: 75px;
    margin-top: 45px;
}

/* Pulse */
@keyframes pulse {
	25% {
		transform: scale(1.1);
	}

	75% {
		transform: scale(.9);
	}
}

.plan-bg .plan .planoner
{

	@include hideTapHighlightColor();
	@include hardwareAccel();
	@include improveAntiAlias();

}


.plan-bg .plan .planoner:hover
{
    	animation-name: pulse;
		animation-duration: 5s;
		animation-timing-function: linear;
		animation-iteration-count: infinite;
}


.plan-bg .plan .planoner .plaonepic
{
	text-align:center;
	padding:0px 0px 0px 0px;
}
.plan-bg .plan .planoner .plaonepic img
{
    margin-top: -5px;
}
	
.plan-bg .plan .planoner .plaonecont
{
    font-family: 'Rajdhani', sans-serif;
    font-size: 18px;
    color: #17274e;
    text-transform: uppercase;
    font-weight: 400;
    margin: 12px 0px 0px 0px;
}
.plan-bg .plan .planoner .plaonecont1
{
	padding:0px 0px 0px 0px;
}
.plan-bg .plan .planoner .plaonecont1 .plaoneleft
{
    font-family: 'Oswald', sans-serif;
    font-size: 50px;
    font-weight: bold;
    color: #6610f2;
    margin: 24px 0px 44px 28px;
}
.plan-bg .plan .planoner .plaonecont1 .plaoneright
{
    font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 24px;
    color: #333333;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    margin: 15px 0px 0px 25px;
}
.plan-bg .plan .planoner .plaonecont1 .plaoneright span
{
	font-size:18px;
	font-weight:100;
}
.plan-bg .plan .planoner .plaonecont2
{
    font-family: 'Saira', sans-serif;
    font-size: 16px;
    color: #f1f1f1;
    font-weight: 400;
    line-height: 58px;
}
.plan-bg .plan .planoner .plaonecont3
{
	    margin-top: 38px;
}
.plan-bg .plan .planoner .plaonecont3 a
{
    font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    padding: 7px 27px;
    border: 1px solid #8944fa;
}
.plan-bg .plan .planoner .plaonecont3 a:hover
{
	    color: #000;
      background: #f4d60c;
        border: 1px solid #f4d60c;
    transition: 0.7s;
    transform: translateY(15px);
    animation-name: hang;
    animation-duration: 1.5s;
    animation-delay: $defaultDuration;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}


/*****************************************************/

.refer-bg {
	
    background: #3c1097 url(images/refer-bg.jpg) no-repeat top center;
    /* background-attachment: fixed; */
    /* background-size: cover; */
    padding: 0px 0px 30px;
}

.refer-bg .refer-cal {
	
    background: #1cae99 no-repeat center;
    min-height: 140px;
    border-radius: 0px 0px 30px 30px;
}

.refer-bg .refer-cal .refer-cal1 {

   	padding: 30px 0px 30px 0px;
	text-align:center;
}

.refer-bg .refer-cal .refer-cal1 h4 {

    font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 20px;
    color: #034456;
    margin: 0px 0px 10px 0px;
    text-align: center;
    font-weight: bold;
}

.refer-bg .refer-cal .refer-cal1 select {

font-family: 'Rajdhani', sans-serif;
    font-size: 18px;
    color: #034456;
    height: 45px;
    text-align: center;
    width: 90%;
    border: 1px solid #8ed7cc;
    background: #8ed7cc;
    outline: none;
    font-weight: bold;
    padding: 8px 15px;
    border-radius: 0px 0px 30px 30px;
}

.refer-bg .refer-cal .refer-cal1 input {

font-family: 'Rajdhani', sans-serif;
    font-size: 16px;
    color: #25313d !important;
    height: 45px;
    text-align: center;
    width: 90%;
    border: 1px solid #ffffff;
    background: #fff;
    outline: none;
    font-weight: bold;
    border-radius: 0px 0px 30px 30px;
}

.refer-bg .refer-head {

    padding: 35px 0px 30px 235px;
    /* text-align: center; */
}

.refer-bg .refer-head h2 {

font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 40px;
    color: #fff;
    font-weight: 400;
    margin: 40px 0px 0px 0px;
}


.refer-bg .refer {

	padding:50px 0px 30px 0px;
}

.refer-bg .refer .refer-img {
	
    padding: 0px 0px 0px 0px;
}

.refer-bg .refer .refer-text {
	
	padding: 30px 0px 20px 0px;
}

.refer-bg .refer .refer-text h6 {

    font-family: 'Rajdhani', sans-serif;
    font-size: 35px;
    color: #1ba196;
    line-height: 44px;
    font-weight: 500;
    text-align: center;
    margin: 0px 0px 0px 0px;
}

.refer-bg .refer .refer-text p {
	
font-family: 'Oswald', sans-serif;
    font-size: 50px;
    color: #e5c908;
    font-weight: 400;
    text-align: center;
    padding: 20px 0px;
    border: 1px solid #37237f;
}

.refer-bg .refer .refer-text h5 {
	
    font-family: 'Rajdhani', sans-serif;
    font-size: 18px;
    line-height: 29px;
    color: #ffffff;
    font-weight: 400;
    margin: 35px 0px 0px 0px;
}

.refer-but {
	
    padding: 25px 0px -1px 0px;
    text-align: center;
}

.refer-but a {
	
	color: #e5c908;
    background: #593da7;
    font-size:20px;
    font-family: 'Saira Semi Condensed', sans-serif;
    padding: 0px 60px;
    line-height:50px;
    border: 1px solid #593da7;
    transition: 0.7s;
    display: inline-block;
	    border-radius: 0px 0px 30px 30px;
    box-shadow: inset 0 0 0 0 #f4d60c;
    font-weight: bold;
}

.refer-but a:hover {
	
    color: #034456;
    background: #f4d60c;
    border: 1px solid #f4d60c;
    transition: 0.7s;
    box-shadow: inset 0 0 0 42px #f4d60c;
}


/*****************************************************/
.advan-bg {
	
	background: #f0f0f0 url("images/advan-bg.jpg") no-repeat top center;
	background-size: cover;
	padding:30px 0px 30px;
	position:relative;
	z-index:1;
}

.advan-bg .advan-head {

    padding: 58px 0px 30px 300px;
    /* text-align: center; */
}

.advan-bg .advan-head h2 {

	font-family: 'Saira Semi Condensed', sans-serif;
	font-size:40px;
	color:#1f1f1f;
	font-weight:400;
	margin:0px 0px 0px 0px;
}

.advan-bg .advan {

	padding:50px 0px 30px 0px;
}

.advan-bg .advan .advans {

    margin: 0px 0px 25px 0px;
    min-height: 150px;
    background: #ffffff;
    padding: 25px 25px;
}


.advan-bg .advan .advan1 {

    padding: 12px 20px 0px 0px;
    text-align: center;
    float: left;
}

.advan-bg .advan .advan1 .advan-img {

    float: left;
    position: relative;
    min-width: 90px;
    min-height: 85px;
}

.advan-bg .advan .advan1 .advan-img:after {

    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(images/advanbg.png);
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-animation: fa-spin 4s infinite linear;
    animation: fa-spin 4s infinite linear;
}

.advan-bg .advan .advan1 .advan-img img {
	
    position: relative;
    z-index: 9999;
    top: 12px;
}

.advan-bg .advan .advan-text {
	
	padding:10px 0px 0px 0px;
}

.advan-bg .advan .advan-text h6 {

    font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 18px;
    color: #030d56;
    font-weight: 800;
    margin: 2px 0px 5px 0px;
}

.advan-bg .advan .advan-text p {
	
    font-family: 'Rajdhani', sans-serif;
    font-size: 16px;
    color: #707070;
    font-weight: 400;
}



/*****************************************************/

.sta-bg {
	
	background: #f0f0f0 url("images/sta-bg.jpg") no-repeat top center;
	background-size: cover;
	padding:30px 0px 30px;
}

.sta-bg .sta-head {

    padding: 55px 0px 30px 210px;
    /* text-align: center; */
}

.sta-bg .sta-head h2 {

    font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 40px;
    color: #1f1f1f;
    font-weight: 400;
    margin: 0px 0px 0px 0px;
}

.sta-bg .sta {

	padding:30px 0px 30px 0px;
	text-align: center;
}


.sta-bg .sta .staoner
{
	  background: url(images/staoner.png) no-repeat top center;
    /* background-attachment: fixed; */
    min-height:126px;
    /* position: relative; */
    /* overflow: hidden; */
}

.sta {
	
	padding:100px 0px 30px 0px;
}

.sta .sta1 {
	
    background: #3d00b4;
    padding: 20px;
    background-image: linear-gradient(to right, #130d6d , #500bc3);
    margin: 27px auto 20px;
    border-radius: 40px 40px 0px 0px;
    /* box-shadow: 0px 0px 7px 1px #5563d8; */
}

.sta .sta1 h2 {
	
    font-family: 'Rajdhani', sans-serif;
    font-size: 16px;
    color: #dadbdd;
    font-weight: 800;
    margin: 0px 0px 10px 0px;
    text-align: left;
}

.sta .sta1 p {
	
    font-family: 'Rajdhani', sans-serif;
    font-size: 40px;
    color: #ffffff;
    font-weight: bold;
    margin: 0px 0px 5px 0px;
    text-align: left;
}

.sta .sta2 {
	
    padding: 10px 0px 0px 15px;
    margin: 0px auto 20px;
}

.sta .sta2 h2 {
	
    font-family: 'Rajdhani', sans-serif;
    font-size: 16px;
    color: #dadbdd;
    font-weight: 800;
    margin: 0px 0px 10px 0px;
    text-align: left;
}






/****************************************************/

.btc-bg {
	
	background:#ffffff;
	background-size: cover;
	padding:30px 0px 30px;
}
.btc
{
    padding: 0px 0px 30px 0px;
    text-align: center;
}


/***************************************************/

.depo-bg {
	
	background:#ffffff;
	font-family: 'Noto Sans', sans-serif;
	background-size:cover;
	padding:30px 0px 30px;
}

.depo-bg .lastFiveDetails {
	
	text-align: center;
	padding:50px 0px 0px 0px;
}

.depo-bg .lastFiveDetails h3 {
	
	font-size:30px;
	font-weight:700;
	color: #e5c908;
	margin-bottom: 30px;
	font-family: 'Saira Semi Condensed', sans-serif;
}

.depo-bg .lastFiveDetails h3 span {
	
	color: #ffffff;
}

table {
       border-collapse: collapse !important;
}

.depo-bg .lastFiveDetails table {
	
	width: 100%;
	text-align: left;
	max-width: 460px;
	margin: auto;
	
}

.depo-bg .lastFiveDetails table td {
	
    padding-left: 35px;
    height: 40px;
    width: 36%;
	    vertical-align: middle;
    background: transparent;
    border: transparent;
    font-family: 'Rajdhani', sans-serif;
    font-size: 16px;
    color: #effbfe;
}

.depo-bg .lastFiveDetails table tr th 
{
	border-bottom:none;
}

.depo-bg .lastFiveDetails table th {

    padding-left: 35px;
    height: 40px;
    /* text-align: center; */
    width: 33%;
	    vertical-align: middle;
    background: transparent;
    border: transparent;
    font-family: 'Rajdhani', sans-serif;
    font-size: 18px;
    color: #03d8ff;
	
}

.depo-bg .lastFiveDetails table td:nth-child(2) {
	
	text-align: center;
	padding-left: 0px;
}

.depo-bg .lastFiveDetails table tr:nth-child(odd) {
	
    /* background: url(images/depobg1.png) no-repeat 0 0; */
    height: 60px;
    border-bottom-style: dashed;
    border-bottom-width: 2px;
	border-bottom-color: #693dca;
}

.depo-bg .lastFiveDetails table tr:nth-child(even) {
	
    /* background: url(images/depobg1.png) no-repeat 0 0; */
    height: 60px;
    border-bottom-style: dashed;
    border-bottom-width: 2px;
	border-bottom-color: #693dca;
}

/**************************************************/
.footer-bg
{
	background: #f0f0f0 url("images/footer-bg.jpg") no-repeat top center;
	background-size: cover;
	padding:30px 0px 30px;
}
.footer
{
	padding: 0px 0px 30px 0px;
    text-align: center;
}
.footer .footlogo
{
    padding: 25px 0px 35px 0px;
    float: left;
}
.footer .footlogo a
{
}
.footer .footerpay
{
    margin-top: 25px;
}
.footer .footerpay ul
{
	list-style:none;
	padding:0px;
	margin:0px;
}
.footer .footerpay ul li
{
    display: inline-block;
    padding: 0px 4px;
}
.footer .footoner
{
}
.footer .footoner .footonecont
{
    font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 24px;
    color: #ffffff;
    padding: 20px 0px 0px 0px;
    text-align: left;
    font-weight: bold;
}
.footer .footoner .footonecont1
{
    font-family: 'Rajdhani', sans-serif;
    font-size: 16px;
    color: #ffffff;
    text-align: left;
    line-height: 32px;
    padding: 15px 0px 17px 0px;
}

.footer .footseco
{
	float:left;
}
.footer .footseco .footsecocont
{
    font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 24px;
    color: #ffffff;
    padding: 20px 0px 5px 0px;
    font-weight: bold;
    text-align: left;
}
.footer .footseco .footsecocont1
{
}
.footer .footseco .footsecocont1 ul
{
	list-style:none;
	padding:0px;
	margin:0px;
}
.footer .footseco .footsecocont1 ul li
{
    display: inline-block;
    padding: 5px 4px;
}
.footer .footseco .footsecocont1 ul li a
{
}
.footer .footseco .footsecocont1 ul li a i
{
    color: #b5beca;
    height: 40px;
    width: 42px;
    background: #43299a;
    padding: 10px 14px;
    text-align: center;
    border-radius: 25px;
}
.footer .footseco .footsecocont1 ul li a i:hover
{
    background: #f4d60c;
    color: #000;
}

.footer .footthird
{
 padding-bottom: 90px;	
}
.footer .footthird .footthirdcont
{
    font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 24px;
    color: #ffffff;
    float: left;
    padding: 20px 0px 0px 0px;
    font-weight: bold;
}
.footer .footthird .footcontainone
{
	   
}
.footer .footthird .footcontainone .footcontaincont
{
    font-family: 'Rajdhani', sans-serif;
    font-size: 18px;
    color: #d2d5d8;
    line-height: 23px;
    padding: 4px 0px 0px 42px;
    text-align: left;
}
.footer .footthird .footcontainone .footcontaincont span
{
	  color: #e5c908;
}
.footer .footthird .footcontainone .footcontaincont img
{
	position: absolute;
    margin-left: -55px;
    margin-top: 4px;
}
.footer .footcopy
{
    font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 16px;
    color: #c0d4c8;
    text-align: left;
    padding: 32px 0px 0px 0px;
}
.footer .footmenu
{
	    margin-top: 32px;
}
.footer .footmenu ul
{
	list-style:none;
	padding:0px;
	margin:0px;
}
.footer .footmenu ul li
{
    display: inline-block;
    padding: 0px 21px;
    border-right: 2px solid #fff;
}
.footer .footmenu ul li a
{
	 font-family: 'Saira Semi Condensed', sans-serif;
    font-size:16px;
    color: #c0d4c8;
	padding:0px 0px 0px 0px;
}
.footer .footmenu ul li a:hover
{
	color: #e5c908;
	transition:0.8s;
}

.cryptonatorwidget {
    border: 0px solid #CCCCCC;
    font-family: 'Roboto', sans-serif !important;
    font-size: inherit !important;
    color: #dbc683 !important;
    font-size: 14px !important;
    padding: 0 !important;
    border-radius: 5px !important;
    margin: 0;
}
.cryptonatorwidget div:last-child {
display:none;
}
.cryptonatorwidget div font
{
display:none;
}
.cryptonatorwidget div b font
{
display:inline-block;
}

.scrollup {
	
    width: 45px;
    height: 45px;
    position: fixed;
    bottom: 60px;
    right: 35px;
    display: none;
    text-indent: -9999px;
    background: #f4d60c url(images/gotop.png) no-repeat;
    border-radius: 30px;
    color: #fff;
    font-size: 16pt;
    transition: 0.7s;
}
.scrollup:hover{  

	background-color: #2600aa;
    transition: 0.7s;
}

.box-paidout { left: 20px; display: block; bottom: 20px; position: fixed; z-index: 10000; min-width: 400px;font-family: 'Roboto Slab', serif; }
.box-paidout > div { position: absolute; bottom: 0; left: 0; display: none; padding: 15px 100px 15px 20px;     background-image: linear-gradient(#3d3dce, #0576fb); color: #fff; z-index: 100; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; overflow: hidden; min-width: 300px; }
.box-paidout > div > abbr { display: block; line-height: 22px; }
.box-paidout > div > i { position: absolute; right: 20px; position: absolute; top: 50%; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); color: #e96613; font-size: 20px; height: 36px; width: 36px; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; background:#fff; }
.box-paidout > div > b { color: #fff; font-size: 27px; font-weight: 500; display: inline-block; position: relative; z-index: 11; line-height: 35px; }
.box-paidout > div > b img { height: 25px; position: absolute; left: 0; position: absolute; top: 50%; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); }
.box-paidout > div span { padding-left: 3px; font-size: 15px; display: block; font-size: 16px; position: relative; z-index: 10; line-height: 35px;}
.box-paidout > div > small { font-size: 14px;padding-left: 3px; opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); display: block; position: relative; z-index: 10; color: #16d0b8; }



/*************************************************/

@media only screen and (max-width: 1199px) {
	
	.banner-bg .banner-logo {
	
    padding: 15px 0px 0px 0px;
	}
	
	.banner-bg .banner-time {
	
	padding:0px 0px 30px 0px;
	}
	.banner-bg .banner .banner-but  {
	
    background: transparent;
    padding:30px 0px 0px 0px;
    float: left;
	}
	
	.banner-bg .banner .banner-lang {
    padding: 30px 0px 0px 0px;
	}
	
	.levelTwoNav .logo {
		width: 300px;
	}
	.topNav {
		margin-right: 0px;
		margin-top: 20px;
	}
	.topNav ul li a {
		padding: 4px 4px;
	}
	
	.loginContainer {
		float: right;
		margin-top: 25px;
	}
	.topNav ul li {
	
	padding: 0px 32px 0px 0px;
	}
	.sta-bg .sta ul li {
    display: inline-block;
    padding: 0px 20px 0px 20px;
    text-align: center;
	}
	.foot-bg1 .footerBottom .footerBottomRight a {

	padding: 0px 0px 0px 0px;
	}

}

@media only screen and (max-width: 1023px) {
	
	.mobileMenu {
		display: block;
	}
	.topNav {
		position: fixed;
		right: -270px;
		top:30px;
		background-color: #13033f;
		width: 270px;
		padding-left: 30px;
		z-index: 999;
		transition:0.7s;
	}
	.topNav.mobileNav {
		right: 0px;
	}
	.topNavLinks {
		border: none;
	}
	.topNavLinks ul li {
		display: block;
	}
	.topNavLinks ul li a, .topNavLinks ul li a:hover {
		border: none;
	}
	.topNavLinks ul li a {
    padding: 10px 0px 10px;
    color: #ffffff;
    font-weight: 400;
    text-align: center;
	}
	.loginContainer {
		position: fixed;
		top: 298px;
		right: -270px;
		background-color: #5e3390;
		width: 270px;
		z-index: 999;
		margin-top: 0px;
	}
	.loginContainer.mobileNav {
		right: 0px;
		text-align: left;
	}
}

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

.sta-bg .sta ul li {
    display: block;
    padding: 20px 0px 20px 0px;
    text-align: center;
	}
	.depo-bg .lastFiveDetails table {
		margin-bottom: 40px;
	}
	.foot-bg1 .footerBottom .footerBottomLeft,
	.foot-bg1 .footerBottom .footerBottomRight {
		text-align: center;
	}
	.foot-bg1 .footerBottom {
		padding-top: 15px;
		padding-bottom: 10px;
	}
	
	.plan-bg .plan .planoner .plaonecont1 .plaoneleft {
    font-family: 'Oswald', sans-serif;
    font-size: 50px;
    font-weight: bold;
    color: #6610f2;
       margin: 12px 0px 59px 188px;
}
}

@media only screen and (max-width: 767px) {
	
	.banner-bg .banner-time {
	
	padding:30px 0px 0px 0px;
	}
	.banner-bg .banner .banner-lang {
    padding:40px 0px 0px 0px;
	}
	
	.banner-text {
		
		padding:50px 0px 0px 0px;
	}
	.banner-text h2 {
	
	font-family: 'Oswald', sans-serif;
	color: #ffffff;
    font-size:38px;
    font-weight:700;
    margin: 30px 0px 0px 0px;
}

.banner-text h4 {
	
	font-family: 'Oswald', sans-serif;
	color: #ffffff;
    font-size:38px;
    font-weight:700;
    margin: 0px 0px 0px 0px;
	line-height:44px;
	}
}

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

.plan-bg .plan .planoner .plaonecont1 .plaoneleft {
    font-family: 'Oswald', sans-serif;
    font-size: 50px;
    font-weight: bold;
    color: #6610f2;
    margin: 20px 0px 45px 153px;
}

}

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


.why-bg .why-head {
    padding: 32px 0px 30px 0px;
    text-align: center;
}

.about-bg .about-head {

    padding: 32px 0px 30px 0px;
    text-align: center;
}

.plan-bg .plan-head {

    padding: 32px 0px 30px 0px;
    text-align: center;
}
.plan-bg .plan .planoner .plaonecont1 .plaoneleft {
    font-family: 'Oswald', sans-serif;
    font-size: 50px;
    font-weight: bold;
    color: #6610f2;
      margin: 14px 0px 53px 102px;
}

.refer-bg .refer-head {

    padding: 32px 0px 30px 0px;
    text-align: center;
}

.advan-bg .advan-head {

  padding: 32px 0px 30px 0px;
    text-align: center;
}

.sta-bg .sta-head {

  padding: 32px 0px 30px 0px;
    text-align: center;
}

}

@media only screen and (max-width: 471px) {
	
	
	.plan-bg .plan .planoner .plaonecont1 .plaoneleft {
    font-family: 'Oswald', sans-serif;
    font-size: 50px;
    font-weight: bold;
    color: #6610f2;
    margin: -5px 0px 39px 60px;
}
}

@media only screen and (max-width:392px) {
	
	
	.plan-bg .plan .planoner .plaonecont1 .plaoneleft {
    font-family: 'Oswald', sans-serif;
    font-size: 50px;
    font-weight: bold;
    color: #6610f2;
    margin: -5px 0px 39px 20px;
}
}

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


 

@media (max-width:992px) {

.box6 , .box6 a  {
width:100%;
font-family: 'Roboto', sans-serif;
font-size:100%;
line-height:24px;
color: #4d4d4d;
padding-bottom:110px;
}

#formname_main {
	
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
       background: linear-gradient(135deg, #5914df 0%, #482b80 100%);
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    padding: 30px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    font-family: 'Roboto', sans-serif;
}

input, select, textarea {
width:auto;
height:auto;
color:#fff !important;
}

/*input[type=submit] {
width: auto;
background: #eaa22f;
border: 1px solid #eaa22f;
color:#fff;
}

input[type=submit]:hover {

transform:scale(1.1);transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out;
background:#fff;    color: #2074c9;
    box-shadow: inset 100px 0px 0px 0px #003399;
	    border: 1px solid #2074c9;
}*/
input[type=submit]{
    background: #541bc1;
    color: #fff;
      border: 1px solid #541bc1;
      box-shadow: inset 0 0 0 0 #4b2791;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
    font-size: 16px;
    font-weight: bold;
	    padding-top: 0px;
}
input[type=submit]:hover
{
    /* background: #414550 !important; */
    color: #fff !important;
    box-shadow: inset 200px 0px 0px 0px #4dccbb;
    border: 1px solid #4dccbb;
    border-color: #4dccbb !important;

}

}



/********** 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%;
}

.menu ul li a {
padding:20px;
}

.tik , .users{
width:100%;
}

.tik .contents1 p {
    position: relative;
    width: 100%;
    color: #fff;
    font-size: 18px;
}
.tik .contents1 span {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background-color: #000;
    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: #ff5600;
    width: 180px;
	margin: 10px 0px 30px 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 #542abe;
    box-sizing: border-box;
    padding: 15px;
    border-radius: 5px;
    width: 100%;
    background: #542abe38;
}
.member_detail .left .memtitlebox , .member_detail .rightmembox .memtitlebox{
    background: #000;
    color: #ff5600;
    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 #000;
    /* border-left: 1px solid #ffcc00; */
    color: #000;
    line-height: 32px;
}

.member_detail table tr td b {
	
	 color: #ff5600;
}

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

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#fff !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color:#fff;
}
:-ms-input-placeholder { /* IE 10+ */
 color:#fff;
}
:-moz-placeholder { /* Firefox 18- */
  color:#fff;
}

table {
    border: 6px solid transparent;
    border-collapse: initial;
    width: 100%;
}

button, input, select, textarea {
color:#fff !important;
}

@media (min-width:1200px) {

.navigation .menutxt
{
    font-size: 16px;
    width: 240px;
    float: left;
    text-decoration: none !important;
    line-height: 50px;
    color:#fff;
	background-color: #542abe;
	margin-bottom:5px;
	transition:0.7s;

}
.navigation .menutxt:hover
{
color:#ff5600;
transition:0.7s;
background-color: #000;
}

.dropdownnav {
display:none;
}

}


@media (max-width:1200px) {


.dropdownnav {
display:block;
}

.fullnav{
display:none;
}

 .accordion {
 	width: 100%;
 	max-width: 360px;
 	margin: 30px auto 20px;
 	background: #FFF;
 	-webkit-border-radius: 4px;
 	-moz-border-radius: 4px;
 	border-radius: 4px;
 }

.accordion .link {
	cursor: pointer;
	display: block;
	padding: 15px 15px 15px 42px;
	color: #4D4D4D;
	font-size: 14px;
	font-weight: 700;
	border: 1px solid #CCC;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

/*.accordion li:last-child .link {
	border-bottom: 0;
}*/

.accordion li i {
	position: absolute;
	top: 16px;
	left: 12px;
	font-size: 18px;
	color: #595959;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
	right: 12px;
	left: auto;
	font-size: 16px;
}

.accordion li.open .link {
	color: #ff5600;
}

.accordion li.open i {
	color: #ff5600;
}
.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.accordion li.default .submenu {display: block;}
/**
 * Submenu
 -----------------------------*/
 .submenu {
 	display: none;
 	background: #000;
 	font-size: 14px;
 }

 .submenu li {
 	border-bottom: 1px solid #4b4a5e;
 }

 .submenu a {
 	display: block;
 	text-decoration: none;
 	color: #d9d9d9;
 	padding: 12px;
 	padding-left: 42px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
 }

 .submenu a:hover {
	background: #4b1ead;
    color: #fff;
	transition:0.7s;
 }



}


@media (min-width:992px) {

.box6{
width:100%;
font-family: 'Roboto', sans-serif;
font-size:14px;
line-height:24px;
color: #4d4d4d;
padding-bottom:110px;
}


#formname{
text-align: center;
    text-transform: uppercase;
    color:#000000;
    font-size: 22px;
	border:3px solid #09b719;
	}
#formname_main
{
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
       background: linear-gradient(135deg, #5914df 0%, #482b80 100%);
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    padding: 30px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    font-family: 'Roboto', sans-serif;
}

input.sbmt{
    background: #541bc1;
    color: #fff;
    border: 1px solid #541bc1;
    padding: 0px 30px;
    outline: none;
    text-transform: uppercase;
    /* background: linear-gradient(135deg, #5914df 0%, #482b80 100%); */
    box-shadow: inset 0 0 0 0 #4b2791;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
    font-size: 16px;
    font-weight: bold;
}
input.sbmt:hover
{
    /* background: #414550 !important; */
    color: #fff !important;
    box-shadow: inset 200px 0px 0px 0px #4dccbb;
    border: 1px solid #4dccbb;
    border-color: #4dccbb !important;
}


}


.form-control {
    display: block;
    width: 96%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    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;
	    margin: 0 auto;
}


#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: 'Roboto', sans-serif;
}

.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: 'Roboto', sans-serif;
	
}
.memberuser
{
float:left;
width:100%;
  /*  background: #D1A703;*/
	height:100px;
}
.memberuser table tr td
{
color:#FF0000;
font-family: 'Roboto', sans-serif;
font-size:16px;
}

.left-navigation .navigation ul {
	
	margin-bottom:0px;
}

.left-navigation .navigation ul , .register , 
.right-navigation {
    padding: 0;
	margin-bottom:15px;
}

.left-navigation .navigation ul li {
	
	list-style:none;
}

.navigation
{
opacity:1;
margin-top:0px;
    padding: 0;
	margin-bottom:40px;
}
.navigations td
{
font-family: 'Roboto', sans-serif;
    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: 'Roboto', sans-serif;
    color: #FFFFFF;
    font-size: 20px;
    border-color: #666a6b;
    background-color:#7545b4;
}
.navigations td:hover
{
	font-family: 'Roboto', sans-serif;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
	{
	    background: url(images/header.jpg) no-repeat;
    background-size: cover;
	}
	.register table tr td
	{
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    /* background: #000; */
    color: #000;
    line-height: 18px;
    border-radius: 3px;
    padding: 10px 40px;
    /* 
	 padding: 10px 0px; border: 1px solid #fff; */
    /* text-align: center; */
	}
/*
.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: 'Roboto', sans-serif;
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: "Open Sans",sans-serif;
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.png') 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***********************/