@charset "utf-8";
/* CSS Document */
body{font-family: 'Open Sans', sans-serif; margin:0; padding:0; font-weight:400; color:#444; font-size:14px; overflow-x:hidden;}
a {border:0; outline:none; -webkit-transition: all 200s ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;	color:#2c5e8a; text-decoration: none; font-size: inherited; font-weight: inherited; }
a:hover, a:focus{color: #69a033; text-decoration: underline; font-size: inherited; font-weight: inherited; }

/**/
body, .footer{
background: #323232; /* Old browsers */
background: -moz-linear-gradient(top,  #323232 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323232), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #323232 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #323232 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #323232 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #323232 0%,#000000 100%); /* W3C */
}
img{max-width:100%;}

/**/
.row {
    margin-left: -10px;
    margin-right: -10px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}


/*-------------Main------------*/
.wrapper{margin:0 auto; width:1240px; position:relative;}
.header{background:#000 url(../images/header.jpg) 0 0 no-repeat; height:170px;}
.header-cc{background:#000 url(../images/cc-page-banner.jpg) 0 0 no-repeat; height:170px;}
.header-basic{background:#000 url(../images/banner-basic.jpg) 0 0 no-repeat; height:160px;}
.header h1, .header-cc h1{font:700 26px/30px 'Raleway', sans-serif; color:#fff; margin:35px 0 2px; padding:0;}
.header h2, .header-cc h2{font:400 17px/24px 'Raleway', sans-serif; color:#fff; margin:0 0 0; padding:0;}
.header-cc h1, .header-cc h2{color:#fff; text-shadow:6px 3px 3px #000;}
.footer{padding:7px 10px 7px; font-size:11px; line-height:24px; text-transform:uppercase; color:#999; font-weight:400; text-align:center;}
.footer a{color:#999;}

.content{background:#fff; padding:40px 30px; min-height:500px;}
.r-txt{padding:7px 0 0; font-size:14px; color:#a6a6a6;}
.r-txt a{color:#69a033;}
.icon-lock{color:#69a033; background:url(../images/icon-clock.jpg) 0 0 no-repeat; padding:5px 0 0px 27px; display:inline-block;}
.form-control{
background: #fcfcfc; /* Old browsers */
background: -moz-linear-gradient(top,  #fcfcfc 0%, #e7e7e7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcfcfc 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcfcfc 0%,#e7e7e7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcfcfc 0%,#e7e7e7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fcfcfc 0%,#e7e7e7 100%); /* W3C */
 border:solid 1px #999; color:#a6a6a6; font-size:16px; font-weight:400; font-family: 'Open Sans', sans-serif; height:40px;
 }

.form-group{margin-bottom:28px;}
.btn-green{font-size:25px; font-weight:700; color:#fff; text-align:center; padding:15px 50px;
background: #7bb740; /* Old browsers */
background: -moz-linear-gradient(top,  #7bb740 0%, #79af44 50%, #69a331 51%, #689a37 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7bb740), color-stop(50%,#79af44), color-stop(51%,#69a331), color-stop(100%,#689a37)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7bb740 0%,#79af44 50%,#69a331 51%,#689a37 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7bb740 0%,#79af44 50%,#69a331 51%,#689a37 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7bb740 0%,#79af44 50%,#69a331 51%,#689a37 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7bb740 0%,#79af44 50%,#69a331 51%,#689a37 100%); /* W3C */

min-width:375px; margin:40px 0 0;
}
.btn-green:hover{color:#fff;}

.select-box{position:relative;}
span.customSelect {	width:100%;
background: #fcfcfc; /* Old browsers */
background: -moz-linear-gradient(top,  #fcfcfc 0%, #e7e7e7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcfcfc 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcfcfc 0%,#e7e7e7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcfcfc 0%,#e7e7e7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fcfcfc 0%,#e7e7e7 100%); /* W3C */
border-radius:4px;
border:solid 1px #999; color:#a6a6a6; font-size:16px; font-weight:400; font-family: 'Open Sans', sans-serif; height:40px;
}
.customSelectInner {	width:100%;	padding:6px 35px 6px 10px;background:url(../images/icon1.png) no-repeat right center;}
#select{ display:none;}
.hasCustomSelect{margin-top:0px; width:100%;}
.content h2{font-size:24px; font-weight:700; color:#666;}
.content h2 span{color:#7bb740;}
.content p{font-size:16px; font-weight:400; color:#333;}
/*.content a{color:#69a033;}*/
.desktop{display:block;}
.mobile{display:none;}


.content h2.font21{ font-size:21px; font-weight:600; margin: 0 0 25px; padding:0;}

.memb-table{width:100%;}
.memb-table td{padding:7px 12px; color:#fff; font-size:16px; text-align:center; border-right:solid 1px #232323;}
.memb-table td.table-col1{text-align:left; border-right:solid 1px #232323;}
.memb-table th{padding:4px 12px;}
.memb-table th.table-head-col1{ background:#fff; font-size:43px; color:#333; font-family:'Raleway', sans-serif; width:58%;}
.memb-table th.table-head-col2{font-size:13px; font-weight:400; font-family: 'Open Sans', sans-serif; color:#fff; text-align:center; background:#333; border-bottom:solid 1px #232323; width:14%;}
.memb-table th.table-head-col3{font-size:13px; font-weight:400; font-family: 'Open Sans', sans-serif; color:#fff; text-align:center;  line-height:13px; background:url(../images/table-bg-green.jpg) 0 0 repeat; border-right:solid 1px #ea8830;  border-bottom:solid 1px #232323; position:relative; width:14%;}
.memb-table th.table-head-col4{font-size:13px; font-weight:400; font-family: 'Open Sans', sans-serif; color:#fff; text-align:center; position:relative; background:url(../images/table-bg-gray.jpg) 0 0 repeat; border-right:solid 1px #ea8830; border-bottom:solid 2px #ea8830; width:14%;}
.memb-table th.table-head-col3 .font11{font-size:9px; line-height:10px; font-weight:300; color:#000;}
.memb-table th.table-head-col3 .font43{font-size:42px; line-height:38px; font-weight:600; color:#fff;}
.memb-table th.table-head-col4 .font43{font-size:42px; line-height:38px; font-weight:600; color:#74e934;}
.memb-table th.table-head-col4 .font11{font-size:11px; line-height:13px; font-weight:300; color:#fff;}
.memb-table th.table-head-col4 .font20{font-size:18px; line-height:18px; font-weight:400; color:#fbf186;}
.memb-table th.table-head-col4 img{position:absolute; top:-2px; right:-4px;}
.memb-table th.table-head-col2 img{ margin:10px 0 0;}

tr:nth-child(odd){ background-color:#404040; }
tr:nth-child(even){ background-color:#333; }
tr:nth-child(odd) td.table-col3{ background-color:#424c3d; border-right:solid 1px #ea8830;}
tr:nth-child(even) td.table-col3{ background-color:#374032; border-right:solid 1px #ea8830;}
tr:nth-child(odd) td.table-col4{ background:url(../images/table-r-bg1.jpg) 0 0 repeat; border-right:solid 1px #ea8830;}
tr:nth-child(even) td.table-col4{ background:url(../images/table-r-bg.jpg) 0 0 repeat; border-right:solid 1px #ea8830;}
.memb-table td.table-foot-col1{background:#fff; padding:22px 12px; font-size:15px;}
.memb-table td.table-foot-col2{ background:#333; border-right:solid 1px #232323; border-top:solid 1px #232323; padding:22px 12px; text-align:center; font-size:15px;}
.memb-table td.table-foot-col3{ background:url(../images/table-bg-green.jpg) 0 0 repeat; border-right:solid 1px #ea8830; border-top:solid 1px #232323; padding:22px 12px; text-align:center; font-size:15px;}
.memb-table td.table-foot-col4{ 
background: #333333; /* Old browsers */
background: -moz-linear-gradient(top, #333333 51%, #0e0e0e 55%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(51%,#333333), color-stop(55%,#0e0e0e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #333333 51%,#0e0e0e 55%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #333333 51%,#0e0e0e 55%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #333333 51%,#0e0e0e 55%); /* IE10+ */
background: linear-gradient(to bottom, #333333 51%,#0e0e0e 55%); /* W3C */
border-right:solid 1px #ea8830; border-top:solid 1px #232323; padding:22px 12px; text-align:center; font-size:15px;}
.vip-batch{position:relative; top:10px; float:right;}
.table-arrow{ bottom: -13px; left: 50%; margin: 0 0 0 -12px; position: absolute;}

.gray-hld{background:#f2f2f2; padding:15px; text-align:center; position:relative;}
.gray-hld h2{color:#4e4e4e; font-size:20px; font-weight:700; margin:0 0 10px; padding:0;}
.gray-hld p{color:#4e4e4e; font-size:12px; line-height:14px; font-weight:400; margin:0 0 10px; padding:0;}
.img-list{margin:15px 0px 0; padding:15px 0 0; background:url(../images/divider.png) center 0 no-repeat;}
.img-list li{ font-size:11px; font-weight:600; color:#333; text-align:left; display:block; padding:11px 0 11px 42px; background-image:url(../images/icon-sprite.png); background-repeat:no-repeat;}
.icon-lip{background-position:0 11px;}
.icon-user{background-position:0 -44px;}
.icon-gold{background-position:0 -95px;}
.icon-chat{background-position:0 -148px;}
.icon-audio{background-position:0 -206px;}
.icon-cam{background-position:0 -259px;}
.icon-acc{background-position:0 -308px;}
.icon-pri{background-position:0 -356px;}
.icon-video{background-position:0 -406px;}
.icon-fav{background-position:0 -459px;}
.icon-alerts{background-position:0 -512px;}
.icon-judge{background-position:0 -564px;}

.icon-free{background-position:0 -634px;}
.icon-live{background-position:0 -706px;}
.icon-full{background-position:0 -787px;}
.icon-lib{background-position:0 -870px;}
.icon-spe{background-position:0 -953px;}
.icon-adm{background-position:0 -1047px;}

.become-premimum{ position:absolute; top:-9px; right:10px;}
.content p.font14{ font-size:14px; color:#4e4e4e;}
.content p.font12{ font-size:12px; color:#4e4e4e;}
.green-radio{ padding:20px 20px; background:#9eec51; color:#000; font-size:20px; font-weight:700;}
.bot-bor{border-bottom:solid 1px #999; padding-bottom:15px; margin-top:45px;}
.content ol{ padding:0 15px; margin:0;}
.content ol li{ padding:0 0 15px; margin:0;}
.gray-radio{ padding:20px; background:#5f5f5f; font-size:22px; font-weight:600; font-family: 'Open Sans', sans-serif; color:#fff; border:0; margin:15px 0 0 0;}
.logo-r{float:right;}
.has-error{ margin-bottom:6px;}
.help-icon{ position:relative; top:6px;}
.login-link a{color:#a94442;}
.green-link{color:#7bb740;}
.sub-heading{background:#333; padding:15px 10px; color:#fff; font-size:16px; font-weight:400; margin:0 0 30px; border-radius: 5px;}
.pack-chose{padding:0; margin:5px 0 15px;}
.pack-chose li{padding:10px; border:solid 1px #999; margin:0 0 20px; list-style-type:none; border-radius: 5px;}
.pack-chose li:hover, .pack-chose li.ch-active{background:#f2f2f2;}
.pack-chose li img{float:right; margin-right:5px;}
.pack-chose li input, .pack-chose li span {position:relative; top:16px;}
.pack-chose li span {font-size:16px;}
.tooltip{width:200px;}


/*----New Flow---*/
/*---------------Header Top----------*/
.header-top{ background:#000; padding:5px 0;}
/*--------------Header Bottom----------*/
.header-bot{background:#6b6b6b; padding:10px 0;}
.heading-h2{font-size:24px; font-weight:400; color:#fff; margin:0; padding:5px 0;}
.heading-h3{font-size:24px; font-weight:600; color:#333; margin:0; padding:5px 0;}
.heading-h4{font-size:16px; font-weight:600; color:#333; margin:0; padding:25px 0 20px;}
.sign-up-img{width:80%;  margin:5px auto 0;}
.btn-width{min-width:270px;}
.list{padding:0; margin:0 0 0 60px;}
.list li{ padding-bottom:6px;}
.white-bg{background:#fff;}
.footer{ background:#6b6b6b;}
.login-hld-new .content{padding:10px 0;}
.login-hld-new .sub-heading{margin:0 0 10px;}
.punch-line{font-size:16px; color:#000; line-height:20px; font-weight:bold;}
.mar-pad-0{ margin:0; padding:0; background-image:none;}
.show-mobile{display:none !important;;}
.show-desktop{display:block !important;;}

/* 5.0 MEDIA QUIERES  -------------------------------------------------------------------*/

/* TABLET LAYOUT (LANDSCAPE/992PX) 
----------------------------------------------- */
@media only screen and (min-width: 992px) and (max-width: 1239px) {
	.wrapper{ width:auto; padding:0 10px;}
	.desktop{display:block;}
	.mobile{display:none;}
}


/* TABLET LAYOUT (PORTRAIT/768PX) 
----------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.wrapper{ width:auto; padding:0 10px;}
	.header h1{font-size:24px; line-height:32px;}
	.desktop{display:block;}
	.mobile{display:none;}
	.memb-table{width:1100px;}
	.table-hld{overflow-x:auto;}
	.img-list{margin-left:0; margin-right:0;}
	.pack-chose li input, .pack-chose li span {position:relative; top:0px;}
	.btn-green.sml{font-size:18px;}
	.show-mobile{display:none !important;;}
	.show-desktop{display:block !important;;}

}


/* MOBILE LAYOUT (PORTRAIT/320PX) 
----------------------------------------------- */
@media only screen and (max-width: 767px) {
	.wrapper{ width:auto; padding:0 10px;}
	.header{height:inherit;}
	.header h1{font-size:18px; line-height:22px; margin:0 10px 10px;}
	.header h2{font-size:15px; line-height:18px; margin:10px 10px;}
	.btn-green{min-width:inherit; width:100%; margin-top:10px;}
	.r-txt-hld{margin-bottom:0; }
	.r-txt{margin-top:-25px;}
	.content{padding:25px 15px; min-height:inherit;}
	.memb-table{width:1100px;}
	.table-hld{overflow-x:auto;}
	.vip-batch {float: none; width: 100px;}
	.desktop{display:none;}
	.mobile{display:block;}
	.gray-hld{ padding-top:0px;}
	.header-cc h1, .header-cc h2{color:#333; text-shadow: 0px 0px 0px #000;}
	.header-cc  h1{font-size:18px; line-height:22px;}
	.header-cc  h2{font-size:15px; line-height:18px; margin:10px ;}
	.img-list{margin-left:0; margin-right:0;}
	.gray-radio{ font-size:17px;}
	.logo-r{float:none; margin:0 auto; display:block;}
	.pack-chose li img{float:none; margin-right:5px; margin-top:10px;}
	.pack-chose li input, .pack-chose li span {position:relative; top:0px;}
	.sign-up-img{width:100%;}
	.list{margin:0; padding:0 10px;}
	.heading-h3.mar-top30{margin-top:30px;}
	.btn-green.sml{font-size:18px;}
	.show-mobile{display:block !important;;}
	.show-desktop{display:none !important;;}

}


/* WIDE MOBILE LAYOUT (LANDSCAPE/480PX) 
----------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	
		
}
