@charset "utf-8";
/* CSS Document */
body
{
  font-family: 'Raleway', sans-serif;
	font-size:16px;
	margin:0;
	padding:0;
	background:#fff;
	height:auto;
}

#wrapper
{
	width:100%;
}
.wrap
{
	width:1200px;
	margin:0 auto;
}
.clear
{
	clear:both;
}
a{ text-decoration:none;}
img{ max-width:100%;}


/*********** header ***********/

.topbg
{
background:url(images/header-bg.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
display:inline-table;
	
}
.headercontainer
{
	width:100%
}
.headercontainer .logo
{
    float: left;
    padding: 17px 0 23px 0;
    text-align: center;
    width: 22%;
}
.headercontainer .logo img
{
	max-width:100%;
}
.headercontainer .language-chats
{
	border-bottom: 1px solid #464646;
    float: right;
    width: 75%;
}

.headercontainer .language-chats .language
{
	float: left;
    padding: 20px 0;
    width: 25%;
}
.headercontainer .language-chats .language .google
{
/*	background:url(../images/google-icon.png) 0% 0%/8% no-repeat;
	padding-left:10px;*/
}
.headercontainer .language-chats .language .google span
{
	/*padding-left:16px;*/
}
.headercontainer .language-chats .language .google span select
{
    -moz-appearance: none;
    background:#060d19 url("images/dropdown-icon.html") no-repeat scroll 85% 62% / 6% auto;
    border: none !important;
    color: #fcca03;
    cursor: pointer;
    font-size: 16px;
    padding: 3px;
    width: 160px;
	
}
.headercontainer .language-chats .fbchat, .headercontainer .language-chats .livechat 
{
	float: left;
    padding: 10px 0;
    width: 25%;
}
.headercontainer .language-chats .fbchat img, .headercontainer .language-chats .livechat img
{
	max-width:100%;
}
.headercontainer .language-chats .loginbut 
{
	float: left;
    padding: 25px 22px;
    text-align: center;
}
.headercontainer .language-chats .loginbut a
{
	border: 2px solid #35cbd6;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding: 4px 12px;
    text-decoration: none;
    text-transform: uppercase;
}
.headercontainer .language-chats .loginbut a:hover
{
    border: 2px solid #fcca03;
    background: #fcca03;
    color: #02133f;
}
.headercontainer .nav
{
  float:right;
  width:76%;
  padding-top:15px;  
}

.headercontainer .nav ul
{
	margin:0;
	padding:0;
	list-style:none;
	
}

.headercontainer .nav ul li
{
	float: left;
    padding: 12px 7px;
}
.headercontainer .nav ul li a
{
	color: #ffffff;
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 900;
}
.headercontainer .nav ul li:last-child 
{
text-transform:uppercase;
color:#05f910;
}
.headercontainer .nav ul li a:hover
{
	color:#fcca03;
	transition:0.5s;
}

.headercontainer .nav ul li.createbut 
{
	float: right;
    padding: 12px 0;
    text-align: center;
}
.headercontainer .nav ul li.createbut a
{
	color: #05f910;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}
.headercontainer .nav ul li.createbut a:hover
{
	color:#e86005;
}



/*********** header ***********/

/********** banner **********/

.bannerbg
{
background:url(images/banner-bg.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
display:inline-table;
height:750px;
}
.baneerbgall {
    background-image: url(images/banner-bgall.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-table;
    height: 225px;
}
.bannercontainer
{
float:left;
width:100%;
}
.bannercontainer .text
{
width:100%;
}
.bannercontainer .text .maintitle
{
    font-family: 'Raleway', sans-serif;
    font-size: 40px;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
    padding-top: 171px;

}
.bannercontainer .text .maintitle span
{
font-size:60px;
font-weight:bold;
color:#ffffff;
}
.bannercontainer .text .subtitle
{
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    text-transform:inherit;
    color: #ffffff;
    text-align: center;
    padding-top: 30px;
}
.bannercontainer .text .allpagehead {
    color: #ffffff;
    font-family: 'Raleway', sans-serif;
    font-size: 32px;
    font-weight: bold;
    padding-top: 77px;
}
.bannercontainer .text .allpagesubhead {
    color: #ffffff;
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    padding-top: 10px;
}
.bannercontainer .text .allpagesubhead a {
    font-size: 20px;
    color: #ffffff;
}
.bannercontainer .text .allpagesubhead a:hover {
    color: #fcca03;
}
.bannercontainer .text .allpagesubhead span {
    color: #fcca03;
}
.bannercontainer .topbut
{
    text-align: center;
    width: 100%;
    padding-top: 115px;
}
.bannercontainer .topbut .leftbut
{
    float:left;
    width: 46%;
    text-align: right;
}
.bannercontainer .topbut .leftbut a
{
    font-family: 'Raleway', sans-serif;
    color: #1e1e1e;
    font-size: 16px;
    text-transform: uppercase;
    padding: 16px 36px;
    background: #fff;
    font-weight: 600;
}
.bannercontainer .topbut .leftbut a span
{
    position: absolute;
    margin: -12px 0px 0px -23px;

}
.bannercontainer .topbut .leftbut a:hover
{
background:#1e1e1e;
color:#fff;
transition:0.8s;
}
.bannercontainer .topbut .rightbut
{
    float: right;
    width: 46%;
    text-align: left;
}
.bannercontainer .topbut .rightbut a
{
    font-family: 'Raleway', sans-serif;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 18px 65px;
    background: #1e1e1e;
    font-weight: 600;
}
.bannercontainer .topbut .rightbut a span
{
    position: absolute;
    margin: -12px 0px 0px -23px;

}
.bannercontainer .topbut .rightbut a:hover
{
background:#fff;
color:#1e1e1e;
transition:0.8s;
}
/********** banner **********/

/************ about **********/

.aboutbg
{
background:#e7e7e7;
display:inline-table;
height:220px;
}
.aboutcontainer
{
float:left;
width:100%;
}
.aboutcontainer .whiteinpart
{
    float: left;
    width: 100%;
    background: #fff;
    margin: -162px 0px 0px 0px;
	    border-radius: 5px;
}
.aboutcontainer .whiteinpart .content
{
padding:30px;
}
.aboutcontainer .whiteinpart .content .title
{
    text-align: center;
    color: #034883;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
    font-size: 30px;
    position: relative;
    padding-bottom: 23px;

}
.aboutcontainer .whiteinpart .content .title:after
{
    content: "";
    position: absolute;
    border-bottom: 1px solid #fcca03;
    height: 44px;
    top: 0;
    width: 30%;
    left: 34%;
}
.aboutcontainer .whiteinpart .content .title span
{
position:relative;
}
.aboutcontainer .whiteinpart .content .title span:before
{
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fcca03;
    top: 45px;
    left: -129px;
    right: 0%;

	}
	.aboutcontainer .whiteinpart .content p
	{
    color: #034883;
    font-size: 18px;
    text-align: justify;
    font-family: 'Raleway', sans-serif;
    line-height: 25px;
	}
		.aboutcontainer .whiteinpart .readbut
		{
		text-align:center;
		width:100%;
		}
.aboutcontainer .whiteinpart .readbut a
{
    font-family: 'Raleway', sans-serif;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    padding: 16px 36px;
    background: #034883;
    font-weight:bold;
}
.aboutcontainer .whiteinpart .readbut a:hover
{
    background: #1e1e1e;
    color: #fcca03;
    transition: 0.8s;
}
/************ about **********/

/*********** plan ************/

.planbg
{
background:url(images/plan-bg.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
display:inline-table;
/*height:890px;*/
}
.plancontainer
{
float:left;
width:100%;
padding-bottom:20px;
}
.plancontainer .title
{
    text-align: center;
    color: #034883;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
    font-size: 30px;
    position: relative;
    padding-bottom: 23px;
    padding-top: 30px;
}
.plancontainer .title:after
{
    content: "";
    position: absolute;
    border-bottom: 1px solid #fcca03;
    height: 74px;
    top: 0;
    width: 38%;
    left: 31%;
}
.plancontainer .title span
{
position:relative;
}
.plancontainer .title span:before
{
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fcca03;
    top: 45px;
    left: -200px;
    right: 0%;
}
.plancontainer .planbox
{
float:left;
width:100%;
    padding-top: 40px;
}
.plancontainer .planbox .plan1
{
    float: left;
    width: 31%;
    background: url(images/plan1-bg.png);
    background-repeat: no-repeat;
    height: 158px;
    margin: 0 14px;
    padding-bottom: 26px;

}
.plancontainer .planbox .plan1 .leftdescrip
{
    float: left;
    width: 42%;
    text-align: center;
    padding-top: 38px;
}
.plancontainer .planbox .plan1 .leftdescrip .persen
{
color:#0762af;
font-size:18px;
 font-family: 'Raleway', sans-serif;
 text-transform:inherit;
}
.plancontainer .planbox .plan1 .leftdescrip .persen span
{
color:#0878f7;
font-size:30px;
font-weight:bold;
 font-family: 'Raleway', sans-serif;
}
.plancontainer .planbox .plan1 .rightdescrip
{
    float: right;
    width: 52%;
    margin-right: 13px;
}
.plancontainer .planbox .plan1 .rightdescrip .planname
{
    font-family: 'Raleway', sans-serif;
    text-align: center;
    color: #d59f09;
    font-size: 17px;
    padding: 20px 0px 10px 0px;
}
.plancontainer .planbox .plan1 .rightdescrip .minmax
{
color:#fbfcfc;
font-size:17px;
    font-family: 'Raleway', sans-serif;
	line-height:28px;
}
.plancontainer .planbox .plan1 .rightdescrip .minmax span
{
float:right;
}

.plancontainer .calc
{
    float: left;
    width: 100%;
    padding-top: 72px;
}
.plancontainer .calc .leftaff
{
float:left;
width:48%;
}
.plancontainer .calc .leftaff .afftitle
{
    color: #2a3940;
    font-size: 24px;
    font-weight: bold;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    padding-bottom: 20px;
}
.plancontainer .calc .leftaff .reflevel
{
    float: left;
    width: 18%;
    color: #393a39;
    font-size: 40px;
    font-family: 'Cookie', cursive;
}
.plancontainer .calc .leftaff .reflevelmid
{
    float: left;
    width: 30%;
	}
.plancontainer .calc .leftaff .reflevelmid .levbox
{	
    color: #034883;
    font-size: 20px;
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
    padding: 13px 20px;
    border: 1px solid #034883;
    text-align: center;
    margin-bottom: 15px;
}
.plancontainer .calc .leftaff .affimg
{
float:right;
width:47%;
}
.plancontainer .calc .leftaff .affimg .firstimg
{
width:100%;
}
.plancontainer .calc .leftaff .affimg .colorlevels
{
width:100%;
}
.plancontainer .calc .leftaff .affimg .colorlevels ul
{
list-style:none;
padding:0;
margin:0;
}
.plancontainer .calc .leftaff .affimg .colorlevels ul li
{
    display: inline-block;
    padding: 5px 10px;
    color: #012547;
    font-size: 30px;
    font-family: 'Cookie', cursive;
    background: #44c4a1;
    margin: 0 9px;
}
.plancontainer .calc .rightcalcu
{
float:left;
width:48%;
}
.plancontainer .calc .rightcalcu .calcutitle
{
color:#2a3940;
font-size:26px;
font-weight:bold;
font-family: 'Raleway', sans-serif;
text-transform:uppercase;
    padding-bottom: 20px;
}
.plancontainer .calc .rightcalcu .calcimg
{
    float: left;
    width: 29%;
}
.plancontainer .calc .rightcalcu .rightcolorcalc
{
    float: right;
    width: 65%;
}
/*********** plan ************/

/********** mid signup ********/

.midbg
{
background:#034883;
display:inline-table;
}
.midcontainer
{
float:left;
width:100%;
padding:20px 0px 34px 0px;
}
.midcontainer .midleft
{
float:left;
width:65%;
}
.midcontainer .midleft .title1
{
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    padding: 20px 0px 5px 0px;
}
.midcontainer .midleft .title1 span
{
font-weight:bold;
}
.midcontainer .midleft .title2
{
color:#fff;
font-size:18px;
text-transform:inherit;
}
.midcontainer .midright
{
    float: right;
    width: 28%;
    padding-top: 33px;
}
.midcontainer .midright a
{
    color: #fff;
    background: #003366;
    padding: 12px 41px;
    border: 2px solid #fff;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 50px;
}
.midcontainer .midright a:hover
{
    background: #fff;
    color: #034883;
    border: 2px solid #034883;
    transition: 0.8s;
}
/********** mid signup ********/

/*********** advantagre **********/
.advbg
{
background:url(images/advv.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
display:inline-table;
height:760px;
}
.advcontainer
{
float:left;
width:100%;
}
.advcontainer .title
{
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
    font-size: 30px;
    position: relative;
    padding-bottom: 23px;
    padding-top: 30px;
}
.advcontainer .title:after
{
    content: "";
    position: absolute;
    border-bottom: 1px solid #fcca03;
    height: 74px;
    top: 0;
    width: 30%;
    left: 35%;

}
.advcontainer .title span
{
position:relative;
}
.advcontainer .title span:before
{
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fcca03;
    top: 45px;
    left: -148px;
    right: 0%;
}
.advcontainer .advleft
{
    float: left;
    width: 48%;
    padding-top: 57px;
}
.advcontainer .advleft .advbox
{
 width: 100%;
    background: url(images/advbox-bg.png);
    height: 158px;
    background-repeat: no-repeat;
    padding-bottom: 31px;
}
.advcontainer .advleft .advbox .lefticon
{
    float: left;
    width: 27%;
    text-align: center;
    padding-top: 40px;
}
.advcontainer .advleft .advbox .rightpara
{
float:right;
width:71%;
}
.advcontainer .advleft .advbox .rightpara .bluetitle
{
    color: #0878f7;
    font-size: 23px;
    font-weight: bold;
    font-family: 'Raleway', sans-serif;
    padding: 10px 0px;
}
.advcontainer .advleft .advbox .rightpara p
{
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    color: #fbfcfc;
    width: 95%;
}
.advcontainer .advright
{
float:right;
width:48%;
    padding-top: 57px;
}
.advcontainer .advright .advbox
{
 width: 100%;
    background: url(images/advbox-bg.png);
    height: 158px;
    background-repeat: no-repeat;
    padding-bottom: 31px;
}
.advcontainer .advright .advbox .lefticon
{
    float: left;
    width: 27%;
    text-align: center;
    padding-top: 40px;
}
.advcontainer .advright .advbox .rightpara
{
float:right;
width:71%;
}
.advcontainer .advright .advbox .rightpara .bluetitle
{
    color: #0878f7;
    font-size: 23px;
    font-weight: bold;
    font-family: 'Raleway', sans-serif;
    padding: 10px 0px;
}
.advcontainer .advright .advbox .rightpara p
{
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    color: #fbfcfc;
    width: 95%;
}
/*********** advantagre **********/

/*********** stat *************/

.statbg
{
background:url(images/stat-bg.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
display:inline-table;
}
.statcontainer
{
    float: left;
    width: 100%;
    padding: 40px 0px 40px 0px;
}
.statcontainer .stat
{
width:100%;
display:flex;
justify-content:space-around;
}
.statcontainer .stat .stat1
{
    width: 20%;
    text-align: center;
    border-right: 1px solid #434343;
}
.statcontainer .stat .stat1 .stresult
{
font-weight:bold;
color:#fcca03;
font-size:30px;
font-family: 'Open Sans', sans-serif;
}
.statcontainer .stat .stat1 .stcont
{
text-transform:uppercase;
font-weight:600;
color:#fff;
font-size:17px;
font-family: 'Open Sans', sans-serif;
}

/*********** stat *************/




/************** transaction *************/
.transbg
{
background:url(images/banner-bg.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
display:inline-table;
}
.transcontainer
{
    float: left;
    width: 100%;
    padding: 60px 0px 60px 0px;
}
.transcontainer .dep
{
float:left;
width:48%;
border:1px solid #1e1e1e;
}
.transcontainer .dep .intitle
{
    background: #fff;
    padding: 14px 17px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    width: 32%;
    text-align: center;
}
.transcontainer .dep .inprocess
{
padding:20px;
}
.transcontainer .dep .inprocess table tr:nth-child(odd)
{
text-align: center;
    background: #1e1e1e;
    color: #fff;
    padding: 10px 0px;
    line-height: 49px;
}
.transcontainer .dep .inprocess table tr:nth-child(even)
{
text-align:center;
background:#fff;
color:#1e1e1e;
    padding: 10px 0px;
    line-height: 49px
}
.transcontainer .with
{
float:right;
width:48%;
border:1px solid #1e1e1e;
}
.transcontainer .with .intitle
{
    background: #e6e8f1;
    padding: 14px 17px;
    color: #1e1e1e;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    width: 32%;
    text-align: center;
}
.transcontainer .with .inprocess
{
padding:20px;
}
.transcontainer .with .inprocess table tr:nth-child(odd)
{
text-align: center;
    background: #1e1e1e;
    color: #fff;
    padding: 10px 0px;
    line-height: 49px;
}
.transcontainer .with .inprocess table tr:nth-child(even)
{
text-align:center;
background:#fff;
color:#1e1e1e;
    padding: 10px 0px;
    line-height: 49px
}
/************** transaction *************/

/**************** paymenmt and news ***********/

.paybg
{
background:url(images/pay90.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
display:inline-table;
height:486px;
}
.paycontainer
{
float:left;
width:100%;
}
.paycontainer .payment
{
float:left;
width:48%;
}
.paycontainer .payment .title
{
color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    padding: 40px 0px 30px 0px;
}
.paycontainer .payment .pymethod
{
float:left;
width:100%;
background:#e2e7ec;
}
.paycontainer .payment .pymethod .innerpay
{
    padding: 30px;
    text-align: center;
}
.paycontainer .news
{
float:right;
width:48%;
}
.paycontainer .news .title
{
color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    padding: 40px 0px 30px 0px;
}
.paycontainer .news .newsinner
{
width:100%;
background:url(images/news-bg.png);
background-repeat:no-repeat;
}
.paycontainer .news .newsinner .news1
{
padding:20px;
}
.paycontainer .news .newsinner .news1 .newsintitle
{
 color: #034883;
    font-size: 24px;
    font-weight: bold;
    font-family: 'Raleway', sans-serif;
    line-height: 28px;
    border-bottom: 2px dashed #034883;
    padding-bottom: 10px;
}
.paycontainer .news .newsinner .news1 .newsintitle span
{
font-weight:500;
font-style:italic;
font-size:16px;
}
.paycontainer .news .newsinner .news1 p
{
    color: #010100;
    font-size: 16px;
    text-align: justify;
    line-height: 22px;
}
.paycontainer .news .newsinner .news1 p a
{
color:#034883;
font-size:16px;
}
.paycontainer .news .newsinner .news1 p a:hover
{
color:#ffcc00;
}
.paycontainer .news .newsinner .news1 .allnewsbut
{
    width: 100%;
    padding: 20px 0px 6px 0px;
}
.paycontainer .news .newsinner .news1 .allnewsbut a
{
background:#034883;
padding:10px 32px;
color:#ffcc00;
font-size:16px;
text-transform:uppercase;
}
.paycontainer .news .newsinner .news1 .allnewsbut a:hover
{
    background: #1e1e1e;
    transition: 0.8s;
}
/**************** paymenmt and news ***********/

/*************** footer ****************/

.footerbg
{
background:url(images/blac.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
display:inline-table;
}
.footercontainer
{
    float: left;
    width: 100%;
    padding: 43px 0px 40px 0px;
}
.footercontainer .flogo
{
    float: right;
    width: 27%;
    text-align: right;
}
.footercontainer .flogo p
{
    text-align: right;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    line-height: 24px;

}
.footercontainer .contact
{
float:left;
width:26%;
}
.footercontainer .contact .conttitle
{
	    font-family: 'Raleway', sans-serif;
		color:#fff;
		font-size:18px;
		text-transform:uppercase;
		font-weight:bold;
}
.footercontainer .contact .line
{
    border-bottom: 4px solid #fcca03;
    width: 13%;
    margin: 11px 0px 20px 0px;
}
.footercontainer .contact .address
{
width:100%;
}
.footercontainer .contact .address ul
{
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 12px;
}
.footercontainer .contact .address ul li
{
display: inline-block;
    padding: 0 17px;
    color: #a4a4a4;
    font-size: 16px;
    font-family: 'Raleway', sans-serif;
}
.footercontainer .contact .address ul li span
{
color:#fff;
}
.footercontainer .rightlinks
{
float:left;
width:46%;
}
.footercontainer .rightlinks .linkpart
{
    float: left;
    width: 30%;
    margin: 0 9px;
}
.footercontainer .rightlinks .linkpart .lintitle
{
	    font-family: 'Raleway', sans-serif;
		color:#fff;
		font-size:18px;
		text-transform:uppercase;
		font-weight:bold;
}
.footercontainer .rightlinks .linkpart .line
{
    border-bottom: 4px solid #fcca03;
    width: 22%;
    margin: 11px 0px 20px 0px;
}
.footercontainer .rightlinks .linkpart .link
{
padding:10px 0px;
width:100%;
}
.footercontainer .rightlinks .linkpart .link a
{
color:#a4a4a4;
font-size:17px;
	    font-family: 'Raleway', sans-serif;
}
.footercontainer .rightlinks .linkpart .link a:hover
{
color:#fcca03;
}
/*************** footer ****************/




/************************ member area *****************/


.alltitle
{
    font-size: 30px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #020202;
	    margin: 20px 0px 0px 0px;

}




/******* regiration part ***********/



#reg_bg{



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



}



table.valid{



color:#fff;



}













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







.box6{



    /*box-shadow: 0px 4px 10px 3px #303131;



    padding: 10px;



background: -webkit-linear-gradient(#303131, #303131);



    background: -o-linear-gradient(#303131, #303131);



    background: -moz-linear-gradient(#AEB8C7, #303131);



    background: linear-gradient(#AEB8C7, #303131);



	background:#FFFFFF;

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



	font-size:16px;



	line-height:25px;

	    color: #555;



}



.inpts{



    height: 40px;
    outline: none;
    padding: 0 4px;
    border: 1px solid #dcdcdc;



}



input.sbmt{

color: #ffdb2d;
    background: #0f3d9f;
    font-size: 17px;
    border: 1px solid #0f3d9f;
    /* text-transform: uppercase; */
    float: left;
    padding: 10px 50px;
    cursor: pointer;
    display: inline-block;
    outline: none;
}

input.sbmt:hover

{

    background: transparent;
    border: 1px solid #ffdb2d;
    transition: 0.7s;
    color: #ffdb2d;
}



#formname{



text-align: center;



    text-transform: uppercase;



    color:#000000;



    font-size: 24px;



	border:3px solid #09b719;



	}



#formname_main



{


color:#020202;
    text-transform: uppercase;
    font-size: 26px;
    text-align: center;
    background:url(images/login-bg2.html) repeat;
    border-radius: 4px;
    padding: 10px;
    width: 100%;
    margin: 5px 0px;
}



#formname_sub



{



    color: #0b3986;
    text-transform: uppercase;
    font-size: 20px;
    text-align: center;
    /* background: #D1A703; */
    padding: 10px;
    width: 400px;
    border-bottom: 5px solid #0b3986;
    margin: 5px 0px;
    font-family: 'Roboto', sans-serif;


}



#formname_mainleft



{

font-family: 'Roboto', sans-serif;
    color: #f2f2f2;
    text-transform: uppercase;
    font-size: 26px;
    text-align: center;
    background: #1a97d0;
    border-radius: 4px;
    padding: 10px;
    width: 1180px;
    margin: 5px 0px;
}



#formname_mem



{



color:#FFFFFF;



text-transform:uppercase;



font-size:26px;



text-align:center;



  background: #1a97d0;

border-radius:4px;



padding: 10px;



width:800px;



margin:5px 0px;



/*border-right: 8px solid #5DE3DA;

    border-left: 8px solid #5DE3DA;

	border-radius: 50px;

*/

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

}











.alls{



height:auto !important;



}



span#menu-icon{



height: 51px;



float: left;




width: 55px;


    border-right: 5px solid rgba(255, 255, 255, 0.25);



margin-right: 10px;



}



table.account_table{



    font-size: 18px;



    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;

}



.member_detail{


    width: 45%;
    margin: 0px auto;
    margin: 25px 0px 0px 0px;
    float: left;
   font-family: 'Raleway', sans-serif;
    /* background: #212424; */
    border-radius: 0px;
    margin: 18px 10px;
    background: url(images/banner-bg.jpg);
    padding: 20px;
}
.member_detail .leftitle
{
    font-family: 'Raleway', sans-serif;
    color: #ffdb2d;
    font-size: 24px;
    font-weight: bold;
    padding: 10px 0px 10px 0px;
    border: 1px solid;
    margin-bottom: 20px;
}



.member_detail .left
{
    float: left;
    width: 47%;
          border: 2px solid #0591b1;
    height: 322px;
    background: rgba(255, 255, 255, 0.25);
    /*border-radius: 5px;*/
}
.member_detail .left .boxcontent
{
float:left;
    width: 90%;
    margin: 12px 0px 0px 16px;
}
.member_detail .left .memtitlebox
{
    background: #00bff3;
    color: #ffffff;
    padding: 13px 20px;
    width: 90%;
    text-align: center;
    font-size: 18px;
   /* border-radius: 5px;*/
    text-transform: uppercase;
}
.member_detail .left .boxcontent .usimg
{
text-align:center;
width:100%;
    margin: 10px 0px 10px 0px;
}
.member_detail .left .boxcontent .usimg img
{
max-width:100%;
}
.member_detail .rightmembox
{
float:right;
width:47%;
       border: 2px solid #0591b1;
    height: 322px;
    background: rgba(255, 255, 255, 0.25);
   /* border-radius: 5px;*/
}
.member_detail .rightmembox .boxcontent
{
float:left;
    width: 90%;
    margin: 12px 0px 0px 16px;
}
.member_detail .rightmembox .memtitlebox
{
    background: #00bff3;
    color: #ffffff;
    padding: 13px 20px;
    width: 90%;
    text-align: center;
    font-size: 18px;
   /* border-radius: 5px;*/
    text-transform: uppercase;
}


.member_detail table tr td

{

    border-bottom: 1px solid #ffdb2d;
    color: #ffdb2d;
    line-height: 37px;

}

.member_detail .m1

{

width:30%;


float:left;

}

.member_detail .m1

{

max-width:100%;

/*margin:10px 0px 0px 0px;*/

}

.member_detail .m2

{

width:44%;

float:left;

}

.member_detailref{


    width: 100%;
    margin: 28px 0px 0px 0px;
    padding: 0px;
    float: left;
    font-family: 'Raleway', sans-serif;
    background: url(images/banner-bg.jpg) repeat;
    /* height: 50px; */
    border: 2px solid #fcca03;
    text-align: center;
}

.member_detailref img

{

max-width:100%;

}

.member_detailref img:hover

{

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

}



.member_detail > #formname_r{



  color: #FFFFFF;



    text-transform: uppercase;



    font-size: 24px;



    text-align: center;



    background: #7545b4;



    line-height: 45px;



    height: 45px;



}



table.make_deposit td.second{



background:#2a2d2d;



    color: #fff;



    padding: 10px;





}



table.make_deposit td.first{



background: #2a2d2d;



    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:18px;

}



.navigation a







{



    font-size: 18px;



    width: 210px;



    float: left;



    text-decoration: none;



    line-height: 50px;



    font-weight: bold;



    color:#fff;



}











/*.navigation a:hover







{







color:#00FF66;







text-decoration:underline;







}*/









.navigation







{















opacity:1;







margin-top:20px;















}







.navigations td







{
    font-family: 'Roboto', sans-serif;
    color: #E7BA04;
    font-size: 20px;
    border: 1px solid;
    border-color: #020202;
    padding: 0;
    background-color: #020202;
}






.navigations th







{







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



    color: #FFFFFF;



    font-size: 22px;



    border-color: #666a6b;



    background-color:#7545b4;







}







.navigations td:hover







{

    font-family: 'Roboto', sans-serif;
    color: #E7BA04;
    font-style: Narrow;
    font-size: 20px;
    padding-left: 20px;
    border: 1px solid #fcca03;
    /* border-color: #666a6b; */
    background: #fcca03;
    transition: 0.7s;






}



.register



{



    width: 100%;



    margin: 0px auto;



	}



	.register table tr td



	{
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    /* float: left; */
    background: #021847;
    color: #fff;
    background-repeat: no-repeat;
    border-radius: 0px;
    padding: 10px;
    border: 1px solid #fff;




	}

/*

.inheader{

    background: #E4B704;	

}

.item {

    background: #F5F2DC;

	}*/

.table_r



{



width:100%;



height:auto;



}

.table_r .table_r1

{


    width: 31%;
    height: 235px;
    background: #083998;
    float: left;
font-family: 'Raleway', sans-serif;
    margin: 0px 0px 0px 0px;
    border-bottom: 7px solid #fcca03;
    margin: 23px 14px;
    position: relative;
}
.table_r .table_r1:after
{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-top: 63px solid #083998;
    /* top: 203px; */
    left: 9%;
}
.table_r .table_center

{

float:left;

width:20%;

}

.table_r .table_r2



{



    width: 30%;



height: 235px;



        background: #0591b1;



    float: left;



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

	/*border-radius: 5px;*/

	    margin: 0px 0px 0px 7px;
          border-bottom: 7px solid #322e3a;





}

.table_r .table_r3

{



width: 30%;



height: 235px;


        background: #0591b1;



float: left;



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

/*border-radius: 5px;*/

 margin: 0px 0px 0px 7px;
         border-bottom: 7px solid #322e3a;



}



.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: 22px;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: 22px;



    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:18px; 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: #020202;

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