@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Comic';
  src: url('../fonts/comic.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Segoe UI Symbol';
  src: url('../fonts/seguisym.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}

body {
	
    font-family: 'Poppins', sans-serif;
    color: #282574;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    background: #2a4783 url(images/san.jpg) no-repeat top center;
    background-size: cover;
    background-attachment: fixed;
    padding: 0px 0px 0px 0px;
}
.san {
background: linear-gradient(10deg, rgba(38, 101, 145, 0.8) 0%, rgba(41, 60, 129, 0.8) 50%, rgba(38, 101, 145, 0.8) 100%);
background: linear-gradient(48deg, rgba(38, 18, 107, 0.76) 0%, rgba(38, 101, 145, 0.76) 50%, rgba(41, 60, 129, 0.76) 100%);
}

.banner-bg
{
	background:url(images/bannerbg.jpg) no-repeat top center ;
	background-size:cover;
	padding:25px 0px 25px 0px;
	height: 758px;
	
}
.banner-bg1
{
	background: linear-gradient(10deg, rgb(22, 24, 74) 0%, rgb(33, 46, 108) 50%, rgb(22, 24, 74) 100%);
	background: linear-gradient(10deg, rgba(27, 35, 208, 0.8) 0%, rgba(33, 46, 108, 0.8) 50%, rgba(37, 44, 213, 0.8) 100%);
	background: linear-gradient(10deg, rgb(30, 35, 148, 0.8) 0%, rgba(39, 62, 167, 0.8) 50%, rgb(22, 24, 74, 0.8) 100%);
	background-size:cover;
	height: 170px;
	padding:12px 0px 25px 0px;
}
	.topNav ul li
	{
		position: relative;
		padding: 12px 8px;
		display: inline-block;
	}
@media (max-width:1200px) {
	.banner-bg1
	{
		height: 145px;
		padding: 14px 0px 4px 0px;
	}
	.topNav ul li {
		position: relative;
		padding: 4px 0px;
		display: inline-block;
	}
}
@media (max-width:991px) {
	.banner-bg1
	{
		height: 160px;
	}
}
@media (max-width:768px) {
	.banner-bg1
	{
		height: 140px;
	}
}
@media (max-width:575px) {
	.banner-bg1
	{
		height: 190px;
	}
}

.headerLevelTwo
{
	/*min-height: 34px;*/
}
.headerLevelTwo .logo
{	
	padding-top: 15px;
	display: inline-block;
	transform-origin: 100% 0;
}
.headerLevelTwo .logo img
{
	display: inline-block;
	transform-origin: 100% 0;
}
.headerLevelTwo .logo img:hover
{
         animation-name: wobble-bottom;
		animation-duration: 1s;
		animation-timing-function: ease-in-out;
		animation-iteration-count: 1;
}
.topNav
{
	float:left;    
	    padding: 0px 0px 0px;
}
@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);
	}
}


.topNav ul
{
	list-style-type: none;
    margin: 0px;
	padding:0px;
}
.topNav ul li
{
    position: relative;
    display: inline-block;
}
.topNav ul li a
{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    border: 2px solid #ff730000;
    color: #fff;
    text-decoration: none;
	padding: 8px 10px;
    position: relative;
    text-align: center;
	box-sizing: border-box;
}


.topNav ul li a:hover, .topNav ul li a.active {
    color: #ffec731;
    border: 2px solid #ff7300;
    transition: padding 0.2s linear, border 0.2s linear, border-color 0s linear;
    border-radius: 24px;
}

.topNav ul li a.active
{
    color: #ffec731;
	background:#ff7300;
}
.mobileMenu
{
    top: 0px;
    z-index: 999;
    left: -42px;
    position: absolute;
    display: none;
}
.mobileMenu a
{
    font-size: 24px;
    background: #ff7300;
    padding: 7px 8px 6px 7px;
    border-radius: 6px;
    text-decoration: none;
    color: #fff;
    float: right;
	right: 4px;
}
@media only screen and (max-width: 991px) {


	.mobileMenu 
	{
		display: block;
		top: 0px;
		position: absolute;
	}
	.mobileMenu a i
	{
		color: #fff;
	}
	.topNav {
		position: fixed;
		right: -160px;
		top: 0px;
		background-color:#186cffe6;
		width: 160px;
		padding-left: 30px;
		z-index: 999;
		padding: 10px 0px 10px;
		border-radius: 16px 0 0 16px;
	}
	.mobileNav {
		right: 0px;
	}
	.topNav, .mobileNav {
		transition: 0.8s;
	}
	.topNav
	{
	text-align:center;
	top: 56px;
	}
	.topNavLinks {
		border: none;
		float: left;
	}
	.topNavLinks ul li {
		display: block;
	}
	.topNavLinks ul li a
	{
		color:#FFF;
		margin: 0;
		background:transparent;
        font-size: 16px;
		text-decoration: none;
		padding: 14px;
		position: relative;
		/* text-transform: uppercase; */
		text-align: center;
		width: 160px;
		display: block;
		border: 1px solid #186cffe6;		
	}
	.topNavLinks ul li a:hover {
		color: #ffec731;
		/*transition: 0.8s;  */ 
	}
	.topNav.mobileNav ul li a:hover, .topNav.mobileNav ul li a.active {
		padding: 13px;
	}
}
@media only screen and (max-width: 485px) {
	.topNav
	{
		top: 72px;
	}
}
.time
{
padding: 15px 0px 10px 0px;
}
.time ul
{
list-style-type:none;
margin:0px;
padding:0px;
}
.time ul li
{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:14px;
	color:#fff;
	display:inline-block;
}
.slide-invest8 {
        padding: 10px 0px 0px 0px;
}
.slide-invest8 button
{
		border: none;
	background: transparent;
	padding: 0px;
	margin-right: 20px;
}
.slide-invest8 button:hover
{
	position: relative;
}
.slide-invest8 .signupbut8
{
        width: 125px;
    color: #efefef;
    border: 0px;
    line-height: 50px;
    border: 2px solid #ff7300e0;
    /* border-radius: 30px; */
    background: #1d1f5ee0;
	border-radius: 38px;
    outline: none;
    font-size: 20px;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 39px;
	text-transform:uppercase;
}
	.slide-invest8 .signupbut8:hover
	{
	    color: #fff;
    background: linear-gradient(135deg, #1d1f5e 0%, #1d1f5e 100%);
    transition: 0.7s;
  
    box-shadow: 0px 0px 10px 0px;
	}
.slide-invest8 .loginbut8
{
		 
	     width: 125px;
    color: #efefef;
    border: 0px;
    line-height: 48px;
	    border-radius: 38px;
    background: linear-gradient(135deg, #ff7300 0%, #ff7300 100%);
    /* border-radius: 30px; */
    border: 2px solid #ff7300;
    outline: none;
    font-size: 20px;
    font-weight: 400;
 font-family: 'Roboto Condensed', sans-serif;
	text-transform:uppercase;
}

@media (max-width:1200px) {
	.time {
		padding: 6px 0px 10px 0px;
	}
	.slide-invest8 {
		padding: 20px 0px 0px 0px;
	}
}
@media (max-width:991px) {
	.time {
	    padding: 15px 0px 10px 0px;
	}
	.slide-invest8 {
		padding: 32px 0px 0px 0px;
	}
}
@media (max-width:842px) {
	.top_time_block, .top_logo_block
	{
		margin-left: -28px;
	}
}
@media (max-width:800px) {
	.top_time_block, .top_logo_block
	{
		margin-left: -32px;
	}
	.slide-invest8 .loginbut8, .slide-invest8 .signupbut8
	{
		width: 124px;
	}
}
@media (min-width: 768px) {
	.top_2buttons_block {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.top_logo_block {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
}
@media (max-width:767px) {
	.time {
		padding: 6px 0px 10px 0px;
	}
	.top_time_block, .top_logo_block
	{
		margin-left: 0px;
	}
	.slide-invest8 {
		padding: 32px 0px 0px 20px;
	}
	.slide-invest8 .loginbut8, .slide-invest8 .signupbut8
	{
		width: 115px;
		line-height: 36px;
		border-radius: 24px;
		font-size: 18px;
	}
	.slide-invest8 button {
		margin-right: 18px;
	}
	.top_logo_block a img
	{
		max-width: 225px;
		max-height: 64px;
	}
}

@media (max-width:612px) {
	.slide-invest8 {
		padding: 32px 0px 0px 0px;
	}
	.slide-invest8 .loginbut8, .slide-invest8 .signupbut8
	{
		width: 115px;
		line-height: 36px;
		border-radius: 24px;
		font-size: 18px;
	}
}
@media (max-width:575px) {
	.slide-invest8 .loginbut8, .slide-invest8 .signupbut8
	{
		width: 125px;
		line-height: 36px;
		border-radius: 24px;
		font-size: 18px;
	}
	.slide-invest8 {
		padding: 14px 0px 0px 0px;
		max-height: 68px;
	}
	.headerLevelTwo .logo {
		padding-top: 12px;
	}
	.top_logo_block a img
	{
		max-width: 225px;
		max-height: 64px;
	}
}
@media (max-width:485px) {
	.time {
	padding: 12px 0px 10px 0px;
	}
}


.slide-invest8 .loginbut8:hover
{
		color:#fff;
	background:linear-gradient(135deg, ##9e0f56 0%, ##9e0f56 100%);
	transition: 0.7s;
	
	box-shadow: 0px 0px 10px 0px;
}
.get
{
	font-family: 'Poppins', sans-serif;
    font-size: 34px;
    color: #fff;
    padding: 45px 0px 10px 0px;
}
.get1
{
  margin: 27px 0px 26px 0px;
}
.get1 a
{
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    color: #fff;
    background-color: #3c307c87;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    word-spacing: 2px;
    letter-spacing: 2px;
    cursor: none;
    padding: 10px 44px;
}
.left1
{
}
.slide-invest1 {
 padding: 48px 0px 0px 0px;
}
.slide-invest1 button
{
		border: none;
	background: transparent;
	padding: 0px;
	margin-right: 20px;
}
.slide-invest1 button:hover
{
	position: relative;
}
.slide-invest1 .signupbut1
{
    width: 235px;
    color: #fec731;
    border: 0px;
    line-height: 50px;
    border: 2px solid #2caee6;
    /* border-radius: 30px; */
    background: transparent;
    outline: none;
    font-size: 16px;
    font-weight: 400;
	font-family: 'Open Sans', sans-serif;
    margin-bottom: 39px;
	text-transform:uppercase;
	border-radius: 38px;
}
	.slide-invest1 .signupbut1:hover
	{
	    color: #152432;
    background: linear-gradient(135deg, #2ac6ff 0%, #2ac6ff 100%);
    transition: 0.7s;
    transform: translateY(15px);
    animation-name: hang;
    animation-duration: 1.5s;
	border: 2px solid #44439f;
    animation-delay: $defaultDuration;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    box-shadow: 0px 0px 10px 0px;
	}
.slide-invest1 .loginbut1
{
		 
	    width: 235px;
    color: #141823;
    border: 0px;
    line-height: 48px;
    background: linear-gradient(135deg, #2ac6ff 0%, #2ac6ff 100%);
    /* border-radius: 30px; */
    border: 2px solid #45429f;
    outline: none;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	border-radius: 38px;
}
.slide-invest1 .loginbut1:hover
{
		color:#141823;
	background:linear-gradient(135deg, ##9e0f56 0%, ##9e0f56 100%);
	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;
	box-shadow: 0px 0px 10px 0px;
}

/*******************************************************************/
.about-bg
{
	    background: #f8f8f8;
    background-size: cover;
    padding: 15px 0px 19px 0px;
    background-position: center;
}
.left2
{
  background: #3b58c3;
    color: #fff;
    border: 1px solid #3f51c2;
	border-radius: 10px;
    padding: 10px 30px;
    outline: none;
    box-shadow: inset 0 0 0 0 #211676;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}
.left2:hover
{
    background: #00b4f1;
    color: #ffffff;
    border: 1px solid #161920;
}
.abouthead
{
	font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #979797;
    padding: 50px 0px 13px 0px;
	    text-transform: uppercase;
}
.abouthead1
{
	 font-family: 'Poppins', sans-serif;
    font-size: 30px;
    color: #222222;
    font-weight: 600;
    letter-spacing: 2px;
}
.abouthead1 span
{
	  color: #737de8;
}
.para1
{
	    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    color: #979797 !important;
    padding-top: 23px;
    line-height: 30px;
}
.slide-invest2 {
 padding: 48px 0px 0px 0px;
}
.slide-invest2 button
{
		border: none;
	background: transparent;
	padding: 0px;
	margin-right: 20px;
}
.slide-invest2 button:hover
{
	position: relative;
}
.slide-invest2 .signupbut2
{
    width: 200px;
    color: #fff;
    border: 0px;
    line-height: 50px;
    border: 2px solid #737de8;
    /* border-radius: 30px; */
    background: #737de8;
    outline: none;
    font-size: 18px;
    font-weight: 400;
	font-family: 'Bai Jamjuree', sans-serif;
    margin-bottom: 39px;

	border-radius: 38px;
}
	.slide-invest2 .signupbut2:hover
	{
	    color: #152432;
    background: linear-gradient(135deg, #2ac6ff 0%, #2ac6ff 100%);
    transition: 0.7s;
    transform: translateY(15px);
    animation-name: hang;
    animation-duration: 1.5s;
	border: 2px solid #44439f;

    box-shadow: 0px 0px 10px 0px;
	}
/****************************************************************/
.reg-bg
{
		background:url(images/reg-bg.jpg) no-repeat top center ;
	background-size:cover;
	padding:25px 0px 25px 0px;
/*	height: 525px;*/
	
    background-attachment: fixed;
}
.reghead
{
	font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #1e1268;
    padding: 50px 0px 13px 0px;
	  
		    text-align: center;
}
.reghead1
{    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 2px;
    text-align: center;
    padding: 14px 0px 29px 0px;
}
.reghead1 span
{
	  color: #ffc768;
}
.regcoomon
{
}
.reg1
{
}
.reg2
{
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    color: #fff;
	
    padding-top: 18px;
}
@media (max-width:991px) {
	.reg-bg
{
		background:url(images/reg-bg.jpg) no-repeat top center ;
	background-size:cover;
	padding:25px 0px 25px 0px;
/*	height: 741px;*/
	
    background-attachment: fixed;
}
}


/********************************************************/
/*.plan-bg
{
	    background: url(images/plan-bg.jpg) no-repeat top center;
    background-size: cover;
    padding: 25px 0px 25px 0px;
    height: 1200px;
    background-color: #f8f8f8;
    background-position: center;
    background-size: contain;
}*/
.invest
{
	    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    color: #222222;
    font-weight: 600;
    letter-spacing: 2px;
    padding-top: 20px;
    text-align: center;
}
.invest  span
{
	color: #969eec;
}
.invest1
{
	font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #9e9e9e;
    padding: 18px 0px 13px 0px;
    text-align: center;
}
.plancommon1
{
	padding-top: 159px;
    left: 93px;
    position: relative;
}
.plancommon2
{
/*	left: 93px;
    position: relative;
    top: -41px;*/
}
.plancommon3
{
}
.plancommon4
{
	    position: relative;
    top: -105px;
}
.plancommon5
{
	padding-top: 159px;
    right: 93px;
    position: relative;
}
.plancommon6
{
		right: 93px;
    position: relative;
    top: -41px;
}
.plan
{	   
      height: 337px;
    background: url(images/plan1.png) top center no-repeat;


    text-align: center;
    
    
    	
	background-size: contain;
    width:342px;
    min-height:332px;
	margin:0px auto 20px;
	transition:0.7s;
	cursor:pointer;
	position:relative;
	top:0px;
}
.per
{
	font-family: 'gilroy', sans-serif;
    font-size: 44px;
    color: #222222;
       padding: 52px 0px 21px 0px;
}
.persen
{
	font-family: 'gilroy', sans-serif;
	font-size:40px;
	color:#f8f8f8;
	    font-weight: bold;
}
.bus
{
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	color: #222222;
	    padding: 7px 0px 0px 0px;
}
.dep
{
		font-family: 'Roboto', sans-serif;
	font-size:18px;
	color:#888888;
	 padding: 17px 0px 0px 0px;
}
.min
{
		font-family: 'Roboto', sans-serif;
	font-size:18px;
	color:#2bf7e0;
	    margin-top: -7px;
}
.prin
{
		 font-family: 'Roboto Condensed', sans-serif;
	font-size:16px;
	color:#fff;
	    margin-top: -7px;
}
 .pla1
{
	       text-align: center;
   


    border-left: 1px solid #a99d9e;
}

.centercommon
{
}
.center
{
      
    height: 464px;
    background: url(images/center1.png) top center no-repeat;
    background-position: center;
    background-size: contain;
    text-align: center;
    margin-top: -104px;
    width: 102%;
}
.calcu
{
	
         font-family: 'Poppins', sans-serif;
    font-size: 17px;
    color: #423466;
    text-transform: uppercase;
    font-weight: 600;

    padding: 129px 0px 4px 0px;
}
.calsel {
   
}
.slide-invest3 {
    padding: 13px 0px 0px 0px;
}
.slide-invest3 .signupbut3 {
width: 143px;
    color: #fff;
    border: 0px;
    background: #737de8;
    outline: none;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Bai Jamjuree', sans-serif;
    margin-bottom: 39px;
    border-radius: 38px;
}

.slide-invest3 .signupbut3:hover {
      color: #efc94e;
    background: linear-gradient(135deg, #1e1e1e 0%, #1e1e1e 100%);
    border: 2px solid #f8f8f8;
    box-shadow: 0px 0px 10px 0px;
}
@media (max-width:1199px) {

.plancommon1
{
	padding-top: 0px;
    left: 0px;
    position: relative;
	    margin: 0px auto 20px;
}
.plancommon2
{
	left: 0px;
    position: relative;
    top: 0px;
	    margin: 0px auto 20px;
}
.plancommon3
{
}
.plancommon4
{
	    position: relative;
    top: 0px;
	    margin: 0px auto 20px;
}
.plancommon5
{
	padding-top: 0px;
    right: 0px;
    position: relative;
	    margin: 0px auto 20px;
}
.plancommon6
{
		right: 0px;
    position: relative;
    top: 0px;
	    margin: 0px auto 20px;
}
.centercommon {
     width: 69%; 
    text-align: center;
    margin: 0px auto 20px;
}
.center {

    height: 464px;
    background: url(images/center1.png) top center no-repeat;
    background-position: center;
    background-size: contain;
    text-align: center;
     margin-top:0px; 
   
}
.dep {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #888888;
    padding: 32px 0px 0px 0px;
}
}
@media (max-width:991px) {
.centercommon {
     width: 100%; 
    text-align: center;
    margin: 0px auto 20px;
}
}
@media (max-width:500px) {
.per {
    font-family: 'gilroy', sans-serif;
    font-size: 33px;
    color: #222222;
    padding: 34px 0px 12px 0px;
}
.dep {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #888888;
    padding: 8px 0px 0px 0px;
}
.persen
{
	font-family: 'gilroy', sans-serif;
	font-size:30px;
	color:#f8f8f8;
	    font-weight: bold;
}
.calcu {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #423466;
    text-transform: uppercase;
    font-weight: 600;
    padding: 129px 0px 0px 0px;
}
.plan
{	   
      height: 337px;
    background: url(images/plan1.png) top center no-repeat;


    text-align: center;
    
    
    	
	background-size: contain;
    width:286px;
    min-height:332px;
	margin:0px auto 20px;
	transition:0.7s;
	cursor:pointer;
	position:relative;
	top:0px;
}
.get1 a {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    color: #fff;
    background-color: #3c307c87;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    word-spacing: 2px;
    letter-spacing: 2px;
    cursor: none;
    padding: 10px 44px;
}

}
.plan-bg{
	
    background:#fff  no-repeat top center;
	padding:40px 0px 10px;
}

 .plan-title {
	
	text-align:center;
	padding:0px 0px 0px 0px;
}

.plan-title h2 {
	
    background:url(images/border-line2.png) no-repeat bottom center;
    padding-bottom: 30px;
    margin: 20px 0px 30px;
    font-family: 'Montserrat Alternates', sans-serif;
    font-size:36px;
    line-height: 60px;
       color: #121224;
	font-weight:600;
}

.planbg {
	
	padding:0px 0px 60px 0px;
	text-align:center;
}



 .planbg1 {
	
	background: url("images/planbg1.png") no-repeat bottom center;
	background-size: cover;
    width:270px;
    min-height:450px;
	margin:0px auto 20px;
	transition:0.7s;
	cursor:pointer;
	position:relative;
	box-shadow:0 1px 15px 1px rgba(52, 40, 104, 0.35);
	top:0px;
}

 .planbg1:hover {
	
	background: url("images/planbg2.png") no-repeat bottom center;
	background-size: cover;
    width:270px;
    min-height:450px;
	margin:0px auto 20px;
	transition:0.7s;
	cursor:pointer;
	top:-10px;
	box-shadow:0 1px 15px 1px rgba(52, 40, 104, 0.35);
}

.planbg1:hover .plan-head h6, .plan-bg .planbg .planbg1:hover {
	
	color: #f55f47;
	transition:0.8s;
}

 .planbg1:hover .plan-head h4, .plan-bg .planbg .planbg1:hover {
	
	color: #ffffff;
	transition:0.8s;
}

.planbg1:hover .plan-head h4 span, .plan-bg .planbg .planbg1:hover {
	
	color: #ffffff;
	transition:0.8s;
}

 .planbg1:hover .plan-head p, .plan-bg .planbg .planbg1:hover {
	
	color: #feb729;
    transition: 0.8s;
}

 .planbg1:hover .plan-min p, .plan-bg .planbg .planbg1:hover {
	
	color: #feb729;
	font-weight:800;
	transition:0.8s;
}


 .plan-img {
	
    padding: 40px 0px 20px 15px;
    float: left;
}

 .plan-head {
	
	padding:30px 0px 20px 1px;
    text-align: right;
    margin-right: 5px;
}

 .plan-head h6 {
	
	font-family: 'Montserrat Alternates', sans-serif;
	font-weight:600;
	font-size:18px;
	color: #201e36;
	margin:0px 0px 0px 0px;	
}

 .plan-head h4 {
	
    font-family: 'Montserrat Alternates', sans-serif;
    font-weight: 700;
    font-size: 50px;
    color: #201e36;
    margin: 20px 0px 0px 0px;	
}

 .plan-head h4 span {
	
	font-family: 'Montserrat Alternates', sans-serif;
	font-weight:500;
	font-size:50px;
	color: #201e36;	
}

 .plan-head p {
	
    font-family: 'Montserrat Alternates', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #343434;
    margin: 8px 0px 0px 0px;	
}

 .plan-min {
	
    padding:40px 0px 0px 20px;
    text-align: left;
}

.plan-min p {
	
	font-family: 'Muli', sans-serif;
    font-weight:400;
    font-size: 16px;
    color: #eceeee;
}

.plan-but {
	
    padding:20px 0px 0px 0px;
}

 .planbut {

    width: 200px;
    font-family: 'Montserrat Alternates', sans-serif;
	font-size: 18px;
	color: #201e36;
    line-height:55px;
	overflow: hidden;
    border: none;
    text-align: center;
    cursor: pointer;
    outline: 0;
    position: relative;
    font-weight:500;
    border-radius: 0;
    padding:0px 0px;
    display: inline-block;
   background: #feb729;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-box-shadow: 0 8px 6px -6px rgba(50,51,51,.4);
    -moz-box-shadow: 0 8px 6px -6px rgba(50,51,51,.4);
    box-shadow: 0 8px 6px -6px rgba(50,51,51,.4);
    z-index: 1;
}

 .planbut:after {
	
	content: "";
    position: absolute;
    left: 25%;
    top: 50%;
    height: 500px;
    width: 500px;
    background: #1b273d;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
    transform: translateX(-98%) translateY(-25%) rotate(45deg);
    opacity: .15;
}

 .planbut:hover:after {
	
	-webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
    transform: translateX(-9%) translateY(-25%) rotate(45deg);
    height: 604%;
    width: 300px;
    right: 0;
    border-radius: 100%;
}

.planbut:hover {

	-webkit-box-shadow: 0 14px 26px -12px rgba(236,57,139,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(236,57,139,.2);
	box-shadow: 0 14px 26px -12px rgba(236,57,139,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(236,57,139,.2);
    color: #fff;
	background: #feb729;
    border-radius: 16px;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-box-shadow: 0 14px 26px -12px rgba(85,75,185,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(85,75,185,.2);
    box-shadow: 0 14px 26px -12px rgba(85,75,185,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(85,75,185,.2);
}

 .plan-butns {
	
	padding:30px 0px 0px 0px;
}

.plan-butns1 {
	
     width: 200px;
    color: #0680ff;
    line-height: 60px;
    margin: 24px 0px 0px 22px;
    background: #fff;
    border: 1px solid #fff;
    outline: none;
    font-size: 18px;
    text-transform: uppercase;
    outline: 2px solid #0680ff;
    outline-offset: -9px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

 .plan-butns1:hover {
	
    color: #fff;
    background: #201e36;
    transition: 0.7s;
    border: 1px solid #201e36;
    outline: 2px solid #fff;
    outline-offset: -9px;
}

.plan-butns2 {
	
       width: 200px;
    color: #0680ff;
    line-height: 60px;
    margin: 24px 0px 20px 22px;
    background: #fff;
    border: 1px solid #fff;
    outline: none;
    font-size: 18px;
    text-transform: uppercase;
    outline: 2px solid #0680ff;
    outline-offset: -9px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

 .plan-butns2:hover {
	
    color: #fff;
    background: #201e36;
    transition: 0.7s;
    border: 1px solid #201e36;
    outline: 2px solid #fff;
    outline-offset: -9px;
}


.cal-bg {
	
  background: #fff;
   padding: 25px 0px;
  /* position:relative;*/

}

.cal {
	
}

.cal .cal-head {
	
    font-family: 'Asap', sans-serif;

    font-weight: bold;
    text-transform: uppercase;
        font-size: 26px;
    color: #3209ac;
    padding: 0px 0px 20px 0px;
}

.cal .calbg {
	
	padding:0px 0px 0px 0px;
}

.cal .calbg .cal1 {
	
    padding: 20px 0px 0px 0px;
    margin:0px auto 0px;
}

.cal .calbg .cal1 .cal-title {
	

    padding: 10px 0px 10px 20px;
    font-family: 'Asap', sans-serif;
    font-size: 21px;
    color: #2f2a47;
    font-weight: 600;
    background: transparent;
    text-transform: uppercase;
}

.cal .calbg .cal1 .cal-invest {
	

padding: 5px 0px 5px 7px;
    background: #0039f2;
    /* outline: 2px solid white; */
    outline-offset: -7px;
    border-radius: 9px;
    border-left: 10px solid #00b7d5;
    border-right: 10px solid #00a3d9;
}

.cal .calbg .cal1 .cal-invest select {
	
	font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #ffffff;
    height:38px;
    text-align: center;
    width: 95%;
    border: 1px solid transparent;
    background: transparent;
    outline: none;
    padding: 0px 10px;
	font-weight:500;
}

.cal .calbg .cal1 .cal-invest select option {

	color: #b3221d;
    font-size: 16px;
	font-weight:500;
}

.cal .calbg .cal1 .cal-invest input {
	
	font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #ffffff;
    height:38px;
    width: 95%;
    border: 1px solid transparent;
    background: transparent;
    outline: none;
    padding: 0px 20px;
	font-weight:500;
}

.cal .cal-but {
	
    text-align: center;
    padding: 100px 0px 88px 0px;
}

.cal .cal-but a {
	
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    padding: 10px 40px;
    background: #fb5046;
    border: 1px solid #fb5046;
    border-bottom: 5px solid #7f1613;
    border-left: 5px solid #7f1613;
	transition:0.7s;
}

.cal .cal-but :hover {
		
    background: #82d424;
    border: 1px solid #82d424;
    border-bottom: 5px solid #023202;
    border-left: 5px solid #023202;
    transition: 0.7s;
    color: #fff;
}
/*********************************************************/
.ref-bg
{
		background: linear-gradient(32deg, rgb(0, 183, 241) 0%, rgb(0, 98, 219) 50%, rgb(0, 137, 229) 100%);
	background-size:cover;
	padding:25px 0px 25px 0px;
/*	height: 662px;*/
	
    background-attachment: fixed;
}

.refhead1
{     font-family: 'Poppins', sans-serif;
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 2px;
    text-align: center;
    padding: 14px 0px 16px 0px;
}
.refhead1 span
{
	  color: #ffc768;
}
.refhead
{
	font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #1e1268;
    padding: 10px 0px 13px 0px;
    text-align: center;
	font-weight: 500;
}
.refpara
{
	    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #ffffff;
    padding-top: 24px;
    line-height: 29px;
}
.direct
{
		font-family: 'Poppins', sans-serif;
    font-size: 24px;
    color: #ff9731;
	    padding: 46px 0px 17px 0px;
}
.direct span
{
	color: #fff;
    font-weight: 500;
}
.depcommon {
   
      padding: 4px 0px 10px 0px;
}
.depf {
   
}
.dep {
}
.dep table {
    padding: 5px;
}
.dep table tr {
}
.dep table tr td {
	    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #fff;
    line-height: 41px;
}
.level
{
	  font-family: 'Poppins', sans-serif;
    font-size: 24px;
    color: #ffc768;
	    padding-top: 75px;
}
.level span
{
	color: #fff;
}
.hold
{
    padding-top: 44px;
}
.levelcommon
{
}
.levelcommon1
{
	    position: relative;
    top: 86px;
    left: 53px;
}
.levelcommon2
{
}
.levelcommon3
{
		    position: relative;
    top: 86px;
    right: 53px;
}
.level1
{
	   height: 165px;
    background: url(images/ref.png) top center no-repeat;
    background-position: center;
    background-size: contain;
    text-align: center;
}
.level2
{
font-family: 'gilroy', sans-serif;
    font-size: 50px;
    color: #f8f8f8;
    font-weight: 600;
    letter-spacing: 2px;
    text-align: center;
    padding: 52px 0px 0px 0px;
}
.level3
{
    font-family: 'gilroy', sans-serif;
    font-size: 18px;
    color: #f8f8f8;
    font-weight: 500;
    letter-spacing: 2px;
    text-align: center;
    padding: 18px 0px 0px 0px;
}


.slide-invest4 {
 padding: 10px 0px 0px 0px;
}
.slide-invest4 button
{
		border: none;
	background: transparent;
	padding: 0px;
	margin-right: 20px;
}
.slide-invest4 button:hover
{
	position: relative;
}
.slide-invest4 .signupbut4
{
    width: 200px;
    color: #fff;
    border: 0px;
    line-height: 50px;
    border: 2px solid #737de8;
    /* border-radius: 30px; */
    background: #737de8;
    outline: none;
    font-size: 18px;
    font-weight: 400;
	font-family: 'Bai Jamjuree', sans-serif;
    margin-bottom: 39px;

	border-radius: 38px;
}
	.slide-invest4 .signupbut4:hover
	{
color: #ffc768;
    background: linear-gradient(135deg, #7389f9 0%, #1a1a1a 100%);
    transition: 0.7s;

    border: 2px solid #44439f;
    box-shadow: 0px 0px 10px 0px;
	}
	@media (max-width:1199px) {
	.level2
{
font-family: 'gilroy', sans-serif;
    font-size: 40px;
    color: #f8f8f8;
    font-weight: 600;
    letter-spacing: 2px;
    text-align: center;
    padding: 52px 0px 0px 0px;
}
.level3
{
    font-family: 'gilroy', sans-serif;
    font-size: 15px;
    color: #f8f8f8;
    font-weight: 500;
    letter-spacing: 2px;
    text-align: center;
    padding: 18px 0px 0px 0px;
}

	}

@media (max-width:991px) {
.levelcommon1
{
	    position: relative;
    top: 0px;
    left: 0px;
	margin: 0px auto 20px;
}
.levelcommon2
{
}
.levelcommon3
{
		    position: relative;
    top: 0px;
    right: 0px;
	margin: 0px auto 20px;
}
.ref-bg
{
		background: linear-gradient(32deg, rgb(0, 183, 241) 0%, rgb(0, 98, 219) 50%, rgb(0, 137, 229) 100%);
	background-size:cover;
	padding:25px 0px 25px 0px;
	  /*  height: 1045px;*/
		
    background-attachment: fixed;
}

}
@media (max-width:767px) {
.ref-bg
{
		background: linear-gradient(32deg, rgb(0, 183, 241) 0%, rgb(0, 98, 219) 50%, rgb(0, 137, 229) 100%);
	background-size:cover;
	padding:25px 0px 25px 0px;
	  /*  height: 1370px;*/
		
    background-attachment: fixed;
}
}
@media (max-width:460px) {
.ref-bg
{
		background: linear-gradient(32deg, rgb(0, 183, 241) 0%, rgb(0, 98, 219) 50%, rgb(0, 137, 229) 100%);
	background-size:cover;
	padding:25px 0px 25px 0px;
	/*   height: 1789px;*/
		
    background-attachment: fixed;
}

}
/*********************************************************/
.add-bg
{
	background: #f8f8f8 url(images/add-bg.jpg) no-repeat top center;
    background-size: cover;
    padding: 25px 0px 25px 0px;
    height: 782px;
}
.invests
{
	    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    color: #222222;
    font-weight: 500;
    letter-spacing: 2px;
    padding-top: 20px;
    text-align: center;
}
.invests  span
{
	color: #969eec;
}
.invests1
{
	font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #9e9e9e;
    padding: 18px 0px 13px 0px;
    text-align: center;
}
.spacecommon 
{
	padding: 20px 0px 20px 0px;
}
.space {
    width: 40%;
    float: left;
    padding-top: 20px;
}
.space1 {
    width: 58%;
    float: left;
    padding-top: 20px;
}
.space2 {
   font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #222222;
    font-weight: bold;
    padding: 5px 0px 14px 0px;
	text-transform:uppercase;
}
 .space1 p {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #8f8f8f;
    padding: 5px 0px 14px 0px;
}
.slide-invest5 {
 padding: 15px 0px 0px 0px;
}
.slide-invest5 button
{
		border: none;
	background: transparent;
	padding: 0px;
	margin-right: 20px;
}
.slide-invest4 button:hover
{
	position: relative;
}
.slide-invest5 .signupbut5
{
    width: 200px;
    color: #fff;
    border: 0px;
    line-height: 50px;
    border: 2px solid #737de8;
    /* border-radius: 30px; */
   background: linear-gradient(135deg, #12a2cb 0%, #4940c0 100%);
    outline: none;
    font-size: 18px;
   font-weight: bold;
	font-family: 'Raleway', sans-serif;
    margin-bottom: 39px;
	text-transform:uppercase;
	border-radius: 38px;
	    box-shadow: -2px 6px 11px #b49e9e;
	
}
	.slide-invest5 .signupbut5:hover
	{
	color: #152432;
    background: linear-gradient(135deg, #617ff1 0%, #50c8ef 100%);
    transition: 0.7s;
    transform: translateY(15px);
    animation-name: hang;
    animation-duration: 1.5s;
    border: 2px solid #50c8ef;
    box-shadow: 0px 0px 10px 0px;
	}
@media (max-width:1199px) {
		.add-bg
{
		background: #f8f8f8 url(images/add-bg.jpg) no-repeat top center;
	background-size:cover;
	padding:25px 0px 25px 0px;
	height: 824px;

	
	}
	}
@media (max-width:991px) {
		.add-bg
{
		background:url(images/add-bg.jpg) no-repeat top center ;
	background-size:cover;
	padding:25px 0px 25px 0px;
	height: 1219px;

	
	}
}
	
	@media (max-width:767px) {
		.add-bg
{
		background:url(images/add-bg.jpg) no-repeat top center ;
	background-size:cover;
	padding:25px 0px 25px 0px;
	height: 1336px;

	
	}
}		@media (max-width:543px) {
		.add-bg
{
		background:url(images/add-bg.jpg) no-repeat top center ;
	background-size:cover;
	padding:25px 0px 25px 0px;
	height: 1514px;

	
	}
}
/*********************************************************/
.up-bg
{
		background: #f8f8f8 url(images/up-bg.jpg) no-repeat top center ;
	background-size:cover;
	padding:25px 0px 25px 0px;
	height: 662px;
}
.vest
{
	    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    color: #222222;
    font-weight: 600;
    letter-spacing: 2px;
    padding-top: 8px;
    text-align:left;
}
.vest  span
{
	color: #969eec;
}
.vest1
{
	font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #9e9e9e;
   padding: 68px 0px 0px 0px;
    text-align: left;
}
.ovelcommon
{
}
.ovel
{
}
.lastcommon {
   
      padding: 4px 0px 10px 0px;
}
.lastf {
   
}
.last {
	    padding-top: 24px;
}
.last table {
    padding: 5px;
}
.last table tr {
    text-align: center;
	    line-height: 36px;
}
.last table tr td {
	    	font-family: 'Bai Jamjuree', sans-serif;
    font-size: 14px;
    color: #4f37be;
	text-transform:uppercase;
	    font-weight: bold;
}
.last table tr td span
{
	   font-size: 12px;
	   text-transform:none;
	   color:#737de8;
}
.last table tr td:last-child 
{
		    	font-family: 'Bai Jamjuree', sans-serif;
    font-size: 14px;
    color: #222222;
	text-transform:uppercase;
	    font-weight: bold;
}
.last table tr td:last-child span
{
	 font-size: 12px;
	   text-transform:none;
	   color:#8f8f8f;
}
.goo{
	    padding-top: 89px;
}
.upcommon
{
}
.upon
{
	    height: 137px;
    /* background: url(images/dep1.png) top center no-repeat; */
    background: linear-gradient(135deg, #617ff1 0%, #50c8ef 100%);
	    background: -webkit-linear-gradient(135deg, #617ff1 0%, #50c8ef 100%);
    background-position: center;
    border-radius: 20px;
    background-size: contain;
    text-align: center;    margin-bottom: 20px;
position:relative !important;
}

.position-relative
{
	    position: relative!important;
}
 .fun_effect:hover {
       top: 15px;
    left: 23px;
	
}
.fun_effect {
    height: 110px;
    width: 160px;
    display: inline-block;
    background-color: rgba(254, 254, 254, 0.15);
    border-radius: 10%;
    position: absolute;
    top: 15px;
    left: -100px;
    transition: all 0.5s;
}
.upon1
{
	   height: 137px;
    /* background: url(images/dep1.png) top center no-repeat; */
    background: linear-gradient(135deg, #fefefe 0%, #fefefe 100%);
    background-position: center;
    border-radius: 20px;
    background-size: contain;
    text-align: center;
	    margin-bottom: 20px;
		box-shadow: 0px 0px 10px #55555530;
}
.upon1:hover
{
	box-shadow: 0px 0px 10px #555;
}
.num
{
	 font-family: 'Poppins', sans-serif;
    font-size: 39px;
    color: #fff;
	    padding: 34px 0px 12px 0px;
		position:relative !important;
}
.num:hover
{
	
		position:relative !important;
		top:0px;
}
.num1
{
	 font-family: 'Poppins', sans-serif;
    font-size: 39px;
    color: #7064cc;
	    padding: 34px 0px 12px 0px;
}
.days
{
		font-family: 'Bai Jamjuree', sans-serif;
		font-size: 20px;
    color: #0f153f;
	position:relative !important;
}
@media (max-width:991px) {
		.up-bg
	{
		background: #f8f8f8;
		background-size: cover;
		padding: 15px 0px 19px 0px;
		background-position: center;
		height: 1500px;
	}
}

/*********************************************************/
.foot-bg
{
		background:url(images/foot-bg.jpg) no-repeat top center ;
	background-size:cover;
	padding:25px 0px 25px 0px;
/*	height: 715px;*/
}

.social
{
	  
}
.social ul 
{
	    list-style: none;
    padding: 0px;
    margin: 0px;
}
.social ul li
{
display: inline-block;
    padding: 1px 4px;
    margin: 0.15em;
    position: relative;
    font-size: 1.2em;
}
.social ul li a
{
	display: inline-block;   
}
.social ul li a i
{
	    font-size: 16px;
    color: #26126b;
    background-color: #fff;
    padding: 12px 12px;
    border-radius: 33px;
  	  position:absolute;
    top: 21px;
    left: 10px;
    transition: all $timing ease-out;
}
.social ul li a:before {
  transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  content: " ";
  width: 37px;
  height: 37px;
  border-radius: 100%;
  display: block;
 /* background: linear-gradient(45deg, #fff, #fff);*/
  transition: all 265ms ease-out;
}
.social ul li a:hover:before {
  transform: scale(0);
  transition: all 265ms ease-in;
}
.social ul li a:hover i {
  transform: scale(2.2);
  -ms-transform: scale(2.2);
  -webkit-transform: scale(2.2);
  color: #fff;
    background: -webkit-linear-gradient(45deg, #fff, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 265ms ease-in;
}
.social ul li a i:hover
{
}

@media (max-width:414px) {
	.social ul {
		margin: 0px -16px;
	}
	.social ul li {
		padding: 1px 0px;
	}
}
@media (max-width:360px) {
	.social ul {
		margin: 0px 6px;
	}
	.social ul li {
		padding: 1px 4px;
	}
}

.foot-bg1
{
	background: linear-gradient(32deg, rgb(0, 183, 241) 0%, rgb(0, 98, 219) 50%, rgb(0, 137, 229) 100%);
	background: linear-gradient(32deg, rgba(0, 183, 241, 0.8) 0%, rgba(0, 98, 219, 0.8) 50%, rgba(0, 137, 229, 0.8) 100%);
	background-size:cover;
	padding:25px 0px 25px 0px;
/*	height: 715px;*/
}
.headerLevelTwo1
{
	/*min-height: 34px;*/
}
.headerLevelTwo1 .logo1
{	
	padding-top: 4px;
	display: inline-block;
	transform-origin: 100% 0;
}
.headerLevelTwo1 .logo1 img
{
	display: inline-block;
	transform-origin: 100% 0;
}
.headerLevelTwo1 .logo1 img:hover
{
         animation-name: wobble-bottom;
		animation-duration: 1s;
		animation-timing-function: ease-in-out;
		animation-iteration-count: 1;
}
.footcommon1
{
	padding-top: 8px;
}
.add
{
}
.add1
{
	  font-family: 'Poppins', sans-serif;
    font-size: 17px;
    color: #ffc768;
}
.add p
{
	font-family: 'Poppins', sans-serif;
    font-size: 15px;
    color: #fff;
}
.add a
{
	font-family: 'Poppins', sans-serif;
    font-size: 15px;
    color: #fff;
}
.footcommon
{
	padding-top: 4px;
}
.footmenu
{
}
.footmenu a
{
	     font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    line-height: 43px;

}
.footmenu a:hover
{
	color: #ffae11;
    word-spacing: 2px;
    transition: 0.5s;
    text-shadow: 1px 2px 3px #4dd497;
}
.copy
{

	font-family: 'Poppins', sans-serif;
    font-size: 15px;
    color: #fff;
	text-align:center;
	    padding-top: 20px;
}
.copy a
{
font-family: 'Poppins', sans-serif;
    font-size: 15px;
        color: #ffc768;
}
.foot-bg1 .footcommon1 p {
	margin-bottom: 0;
}
.foot-bg1 .footcommon1 p.p_copyright {
	margin-top: 12px;
}

@media (max-width:991px) {

.footcommon1
{
	padding-top: 24px;
	margin: 0px auto 20px;
}


.foot-bg
{
			background: linear-gradient(32deg, rgb(0, 183, 241) 0%, rgb(0, 98, 219) 50%, rgb(0, 137, 229) 100%);
	background-size:cover;
	padding:25px 0px 25px 0px;
/*	height: 1139px;*/
}
.foot-bg1
{
		background: linear-gradient(32deg, rgb(0, 183, 241) 0%, rgb(0, 98, 219) 50%, rgb(0, 137, 229) 100%);
	background-size:cover;
	padding:25px 0px 25px 0px;
	/*	height: 1139px;*/
}
.footcommon
{
	padding-top: 4px;
}
}
@media (max-width:767px) {
.foot-bg
{
		background: linear-gradient(32deg, rgb(0, 183, 241) 0%, rgb(0, 98, 219) 50%, rgb(0, 137, 229) 100%);
	background-size:cover;
	padding:25px 0px 25px 0px;
	/*	height: 1197px;*/
}
.foot-bg1
{
		background: linear-gradient(32deg, rgb(0, 183, 241) 0%, rgb(0, 98, 219) 50%, rgb(0, 137, 229) 100%);
	background-size:cover;
	padding:25px 0px 25px 0px;
	/*	height: 1197px;*/
}	

.footcommon1
{
	padding-top: 24px;
	margin: 0px auto 20px;
}
.footcommon
{
	margin: 0px auto 20px;
}
}

@media (max-width:543px) {
.footcommon1
{
	padding-top: 24px;
	margin: 0px auto 20px;
}
.footcommon
{
	margin: 0px auto 20px;
}
}
/************************animation***********************************/














/********** registration part Media query **********/
.form_box label {
    width: 100%;
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-weight: 400;
}
 .form_box label i {
    font-size: 24px;
    color: #0b79e8;
    width: 45px;
    height: 45px;
    background: transparent;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    margin-right: 5px;
}

@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;
}
.box6 p{
font-size:14px;
color: #fff;
background: #161670;
padding: 10px 15px 10px 15px;
 	-webkit-border-radius: 7px;
 	-moz-border-radius: 7px;
 	border-radius: 7px;
}

.box6 form{

}
a.n_link  {
	background-color: #333333;
	background: -moz-linear-gradient(bottom, #0032f4 0px, #00aed7 100%);
	background: -webkit-gradient(linear,left bottom,left top, color-stop(0, #0032f4),color-stop(1, #00aed7));
	border: 1px solid #111;
	color: #fff;
	padding: 5px 5px 5px 5px;
	text-align:center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	font-weight:bold;
}
a.n_link:hover  {
    border: 1px solid #eee;
    box-shadow: 0px 0px 7px #555;
	color: #fff;
	text-decoration: none;
}
b.n_link  {
	background-color: #444444;
	background: -moz-linear-gradient(bottom, #0032f4 0px, #00aed7 100%);
	background: -webkit-gradient(linear,left bottom,left top, color-stop(0, #0032f4),color-stop(1, #00aed7));
	border: 0px solid #555;
	color: #111;
	padding: 5px 5px 5px 5px;
	text-align:center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	font-weight:bold;
}
#formname_main {
      color: #ff7300;
    text-shadow: 4px 8px 5px #190b4c;
	text-transform:uppercase;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
        background: transparent;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    padding: 30px;
	margin:0px 0px 0px 0px;
    width: 100%;
    font-family: 'Comic', cursive;
}

/*input, select, textarea {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
  
}

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: linear-gradient(135deg, #12a2cb 0%, #4940c0 100%);
    color: #fff;
    border: 1px solid #4940c0;
    padding: 10px 30px;
    outline: none;
    box-shadow: inset 0 0 0 0 #161920;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
    font-size: 16px;
    font-weight: bold;

}
input[type=submit]:hover
{
       background: #260f65;
    color: #000000;
        box-shadow: inset 0px 0px 0px 100px #00b4f1;
    border: 1px solid #260f65;
}

}



/********** 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 **********/


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

button, input, select, textarea {
color:#000;
}

@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;
	}
	.topNav ul li {
		padding: 12px 0px;
	}
	.topNav ul li a {
		padding: 8px 18px;
	}
}
.back
{
font-family: 'Fira Sans Extra Condensed', sans-serif;
    color: #fff;
    background-color: #06092485;
    text-transform: uppercase;
	font-size: 24px;
	height: 37px;
}
.back i
{
    margin: 0 auto;
    background: #0087b559;
    padding: 5px 10px;
    color: #fff;
    font-size: 26px;
    margin-right: 12px;
	height: 37px;
}
@media (max-width:414px) {
	.back
	{
		font-size: 20px;
		height: 35px;
	}
	.back i
	{
		font-size: 24px;
		margin-right: 10px;
		height: 35px;
		padding: 4px 8px;
	}
}
@media (max-width:360px) {
	.back i
	{
		margin-right: 8px;
	}
}

@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: #161670;
    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;
}

.box6 p{
font-size:14px;
color: #fff;
background: #161670;
padding: 10px 15px 10px 15px;
 	-webkit-border-radius: 7px;
 	-moz-border-radius: 7px;
 	border-radius: 7px;
}

.box6 form{

}
a.n_link  {
	background-color: #333333;
	background: -moz-linear-gradient(bottom, #0032f4 0px, #00aed7 100%);
	background: -webkit-gradient(linear,left bottom,left top, color-stop(0, #0032f4),color-stop(1, #00aed7));
	border: 1px solid #111;
	color: #fff;
	padding: 5px 10px 5px 10px;
	text-align:center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	font-weight:bold;
}
a.n_link:hover  {
    border: 1px solid #eee;
    box-shadow: 0px 0px 7px #555;
	color: #fff;
	text-decoration: none;
}
b.n_link  {
	background-color: #444444;
	background: -moz-linear-gradient(bottom, #0032f4 0px, #00aed7 100%);
	background: -webkit-gradient(linear,left bottom,left top, color-stop(0, #0032f4),color-stop(1, #00aed7));
	border: 0px solid #555;
	color: #111;
	padding: 5px 10px 5px 10px;
	text-align:center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	font-weight:bold;
}
#formname{
text-align: center;
    text-transform: uppercase;
    color:#000000;
    font-size: 22px;
	border:3px solid #09b719;
	}
#formname_main
{
      color: #ff7300;
    text-shadow: 4px 8px 5px #190b4c;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
        background: transparent;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    padding: 30px;
	margin:0px 0px 0px 0px;
    width: 100%;
    font-family: 'Comic', cursive;
}

input.sbmt{
   background: linear-gradient(135deg, #12a2cb 0%, #4940c0 100%);
    color: #fff;
    border: 1px solid #4940c0;
    padding: 10px 30px;
    outline: none;
    box-shadow: inset 0 0 0 0 #161920;
    -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: #260f65;
    color: #000000;
        box-shadow: inset 0px 0px 0px 100px #00b4f1;
    border: 1px solid #260f65;
}


}


.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;
	border:none;
}

.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 table tr td
	{
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    background: #190b4c;
    color: #FFF;
    line-height: 18px;
    border-radius: 3px;
    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%;
}		
	.para {
    font-family: 'Fira Sans Extra Condensed', sans-serif;
    font-size: 22px;
    color: #ffffff;
    line-height: 48px;
    margin: 13px;
}
	
	.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;
	}

}





@media (min-width: 576px) {
	.top_logo_block {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-sm-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
}
@media (min-width: 767px) {
	.col-sm-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
}

@media (min-width: 992px) {
	.col-lg-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
		width: 100%;
	}
.col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
}